Universidad Autónoma de Chihuahua

Facultad de ingeniería

Proyectos Profesionales I

Equipo 3

Integrantes:

Marcos Samuel Gómez García 199441 Luis Gerardo Arreola Vivanco 199470 David Guadalupe Guerrero Manríquez 183906

Hugo César Ortiz Palma 199729

Grupo: 8°K

Calculadora utilizando servicios web

Requisitos para realizar este tutorial con éxito:

-Microsoft Visual Studio 2005

-Microsoft Windows XP Profesional/Windows Vista/Windows Server 2003

-.NET Framework 2.0 o superior

-Internet Explorer 6 o superior

Primero hay que crear el servicio web que en este caso es el que contendrá las

operaciones necesarias para que funcione la calculadora y que será llamado por una

aplicación cliente.

Para esto se abre el Microsoft Visual Studio 2005, luego hay que ir a la pestaña de File-

>New->Website

Luego aparecerá la siguiente ventana:

Como se puede observar hay que elegir la opción de ASP.NET Web Service ya que lo

se pretende hacer es un Servicio Web. En la opción de Language hay que seleccionar

Visual Basic que es el lenguaje con que se trabajará para esta aplicación aunque se

puede utilizar el lenguaje que mas se adecue al programador.

En la opción Location se debe poner File System y enseguida poner la ruta y nombre

donde se desea crear el proyecto para el servicio, en este caso será en C:\ y el nombre de

la carpeta que se creará será WebSite.

Se generará el siguiente código contenido en App_Code que es una carpeta que se crea

por deafult al momento de crear el proyecto. Este código ejecuta un “Hello World” en

una ventana Web pero se sobrescribirá para que en vez de eso haga la función de una

calculadora.

También se puede observar en el Explorador de soluciones que se encuentra a la

derecha de la pantalla, un archivo llamado Service.asmx que es el archivo que se manda

a llamar desde la aplicación cliente. También existe un archivo llamado web.config que

es un archivo que contiene toda la información de referencia del servicio.

A continuación se muestra el código del servicio para poder realizar la función de una

calculadora:

Imports System.Web

Imports System.Web.Services

Imports System.Web.Services.Protocols

<WebService(Namespace:="http://tempuri.org/")> _

<WebServiceBinding(ConformsTo:=WsiProfiles.BasicProfile1_1)> _

<Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _

Public Class Service

Inherits System.Web.Services.WebService

<WebMethod()> _

Public Function Suma(ByVal x As Integer, ByVal y As Integer) As

Integer

Return x + y

End Function

<WebMethod()> _

Public Function Resta(ByVal x As Integer, ByVal y As Integer) As

Integer

Return x - y

End Function

<WebMethod()> _

Public Function Multiplicacion(ByVal x As Integer, ByVal y As

Integer) As Integer

Return x * y

End Function

<WebMethod()> _

Public Function Division(ByVal x As Integer, ByVal y As Integer)

As Integer

Return x / y

End Function

End Class

Así quedaría el código puesto en el IDE

X y Y son las variables que tomarán los valores que se les asigne desde el cliente,

mientras que Suma, Resta, Multiplicacion y Division son los nombres de las funciones

en donde se trabaja con las variables anteriormente mencionadas y cada una realiza su

función correspondiente (sumar, restar, multiplicar y dividir).

Ya esta listo el servicio, ahora solo hay que probarlo, para esto se da click en Debug-

>Start Debugging o el hotkey F5.

La primera vez que el servicio se depura, aparecerá la siguiente ventana y hay que

seleccionar la opción de Modify the Web.config to enable debugging como se muestra

en la siguiente imagen.

Una vez terminado este paso se cargará el servicio en una nueva página del explorador

IE y se iniciará el ASP.NET development Server como se puede observar en la imagen

en la barra de tareas de Windows.

Se puede probar si el servicio esta funcionando correctamente. Hay que entrar a

cualquier operación en este caso a Suma y aparecerá la siguiente pantalla:

Ahora hay que asignarle cualquier valor entero, en este caso 4 para el primero (x) y 6

para el segundo (y) y se da click en el botón de Invocar. Se abrirá una nueva ventana del

explorador web mostrando en XML el resultado de la operación.

Listo, el servicio ya esta funcionando ahora solo queda hacer el cliente y hacer

referencia a dicho servicio.

Como en esta ocasión se está trabajando de forma local lo mas recomendable es dejar

abierto el entorno donde se esta trabajando con el servicio y abrir un nuevo entorno de

desarrollo para crear la aplicación cliente ya que para que el cliente pueda hacer

referencia al servicio este se tiene que estar ejecutando y si se cierra el entorno no se

podrá ejecutar el servicio.

Ya teniendo abierto el entorno de Microsoft Visual Studio 2005 se creará el proyecto

ingresando a File->New->Project

Aparecerá la siguiente ventana

Se elige de la pestaña de Visual Basic la opción de Windows->Windows Application.

En el nombre del cliente se pondrá Calculadora en este caso y la localización será en C:\

El Solution Name será el mismo que el nombre del proyecto.

Ahora aparecerá la siguiente imagen en donde se creó una forma.

De la barra de herramientas Toolbox hay que seleccionar la opción de Button y agregar

4 de ellos a la forma:

Una vez insertados los 4 botones se deberán de insertar 3 Textbox de la misma barra de

herramientas

Por ultimo 3 Labels que servirán de referencia para identificar que es lo que se ingresará

en cada campo de texto.

La forma debe quedar así:

Por el momento no se cambiará el nombre de los componentes, se dejarán los nombres

por default, simplemente se cambiará el texto que va dentro de los botones, forma y de

las etiquetas. Para esto hay que ir a la ventana de propiedades que se encuentra a la

derecha de la pantalla abajo del explorador de soluciones.

Al terminar el diseño debe quedar algo así parecido a lo siguiente:

Ahora hay que generar el código para que funciones la aplicación como es debido.

En el explorador de soluciones hay un botón que dice: View Code que al presionarlo

permitirá el acceso al código de la aplicación. En este caso aun no hay nada:

Ahora en esta área hay que agregar el siguiente código:

Public Class Form1

Private Sub Button1_Click(ByVal sender As System.Object, ByVal e

As System.EventArgs) Handles Button1.Click

Dim x, y, z As Integer

Dim MathServiceClass As New Localhost.Service()

x = Integer.Parse(TextBox1.Text)

y = Integer.Parse(TextBox2.Text)

z = MathServiceClass.Suma(x, y)

TextBox3.Text = z.ToString

End Sub

Private Sub Button2_Click(ByVal sender As System.Object, ByVal e

As System.EventArgs) Handles Button2.Click

Dim x, y, z As Integer

Dim MathServiceClass As New Localhost.Service()

x = Integer.Parse(TextBox1.Text)

y = Integer.Parse(TextBox2.Text)

z = MathServiceClass.Resta(x, y)

TextBox3.Text = z.ToString

End Sub

Private Sub Button3_Click(ByVal sender As System.Object, ByVal e

As System.EventArgs) Handles Button3.Click

Dim x, y, z As Integer

Dim MathServiceClass As New Localhost.Service()

x = Integer.Parse(TextBox1.Text)

y = Integer.Parse(TextBox2.Text)

z = MathServiceClass.Multiplicacion(x, y)

TextBox3.Text = z.ToString

End Sub

Private Sub Button4_Click(ByVal sender As System.Object, ByVal e

As System.EventArgs) Handles Button4.Click

Dim x, y, z As Integer

Dim MathServiceClass As New Localhost.Service()

x = Integer.Parse(TextBox1.Text)

y = Integer.Parse(TextBox2.Text)

z = MathServiceClass.Division(x, y)

TextBox3.Text = z.ToString

End Sub

End Class

Así quedaría el código para la aplicación:

En esta ocasión se están pasando como parámetros los valores de las variables “x” y “y”

y se está agregando una nueva variable “z” que es la variable que almacenará el

resultado que resulte de hacer la función devuelta por el servicio.

Se está creando una nueva clase llamada “MathServiceClass” que es la clase que hace

referencia al servicio, en este caso la refrencia a este servicio será llamada Localhost,

mas adelante se agregará dicha referencia.

Para hacer la referencia hay que ir a Project->Add Web Reference

Nos pedirá un sitio para hacer referencia. Para esto habrá que regrarse al proyecto del

Servicio Web y depurarlo.

Cuando aparezca de nuevo la ventana del explorador habrá que apuntar la dirección que

aparece en la abrra de direcciones del explorador que es la que se pegará en la ventana

de referencia del cleinte

Esta es la dirección que generó el servicio:

http://localhost:1675/WebSite/Service.asmx

Ahora hay que paegarla en la ventana de referencia web del cliente y se da click en Go

Deberá aparecer la ventana del servicio tal y cual apareción en la ventana del explorador

de internet

Por ultimo en donde pide nombre para la referencia web se pone el nombre de

Localhost y se da click en Add Reference

En la ventana del explorador de soluciones aparece ya la opción de Web Reference y el

sitio de Localhost lo que quiere decir que ya se agregó la referencia Web y en la ventana

de propiedades muestra la ruta hacia el servicio.

La aplicación ya esta terminada, ahora solo hay que depurarla y correrla teneidno en

cuenta que el servicio debe de estar ejecutandose antes de ejecutar la aplicación sino no

funcionará.

Hay que ingresar un valor en los campos “x” y “y” y seleccionar la operación a realizar,

en este caso se seleecionó la suma y mostró un resultado correcto.

La primera operación que se ejecuta tarda un poco en realizarse ya que comienza a

hacer el enlace al servicio pero una vez establecida la conexión ya las demás

operaciones se harán rápidamente.