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.