Web Services Visual Basic 2005 Alumnos Colaboradores: Rosario Avendaño Mirta Frias Laura Langer
1. Mapa 1.1 Paso Uno a) Crear en el escritorio de la pc la carpeta con nombre Ingeniero_por_un_dia b) Dentro de la carpeta, crear dos más, cuyos nombres serán : WebEjemplo WSIEjemplo 1.2 Paso 2 UAI Ejemplo Web Services Página 2 de 20
a) Ir a inicio, luego a Programas. Ir a la opción. Una vez allí abrir el entorno de trabajo, llamado del mismo modo,. 1.3 Paso 3 a) Una vez en el entorno de trabajo de Visual Basic 2005 ir en la barra de menú, a la opción Archivo. b) En Nuevo elegir Sitio Web. Esto abrirá posteriormente una ventana para elegir el tipo de Sitio que desea para comenzar a trabajar en el proyecto. 1.4 Paso 4 UAI Ejemplo Web Services Página 3 de 20
a) Cuando aparezca la ventana del Sitio Web, elegir la opción Servicio Web ASP NET, para generar un proyecto de tipo Servicio Web. b) En el extremo inferior de la ventana, dirigirse al botón Examinar, para poder elegir la ruta 1.5 Paso 5 a) Una vez abierta la ventana para seleccionar la ubicación donde se quiere guardar el proyecto Web Services, se elije, dentro de la carpeta Ingeniero_por_un_dia, la carpeta WSIEjemplo. UAI Ejemplo Web Services Página 4 de 20
b) En la parte inferior de la ventana, en donde dice Carpeta, que posee la ubicación Elegida, agregar el nombre que se quiere asignar al proyecto: wsuaimapa. c) d) Elegir la opción Abrir, para crear el directorio especificado anteriormente. 1.6 Paso 5 a) Una vez terminada la selección de ubicación para el proyecto, se elige el botón Aceptar. 1.7 Paso 6 a) En la imagen, del lado izquierdo, se visualiza el código por default que queda en el proyecto, y a la derecha, la estructura del Servicio Web. 1.8 Paso 7 UAI Ejemplo Web Services Página 5 de 20
a) Se debe agregar un nuevo proyecto, diferente al incorporado anteriormente. Ir a Archivo. b) Seleccionar la opción Agregar. c) Luego elegir la opción Nuevo Sitio Web. 1.9 Paso 8 UAI Ejemplo Web Services Página 6 de 20
a) Una vez abierta la ventana para generar el nuevo Sitio Web, elegir la opción Sitio Web ASP.NET, para poder desarrollar la interfaz que se mostrará al ejecutarse desde internet. b) Elegir el botón Examinar, para seleccionar la ubicación que tendrá el proyecto. 1.10 Paso 9 a) Una vez abierta la ventana correspondiente a la ubicación, en donde se guardará el nuevo Sitio Web, se elige la carpeta WebEjemplo. b) En el lugar donde está especificada la ruta del Sitio Web, en la parte inferior de la ventana en donde dice Carpeta, escribir \EjemploWeb, nombre con el cual se guardará el proyecto mencionado anteriormente. c) Elegir la opción Abrir. 1.11 Paso 10 UAI Ejemplo Web Services Página 7 de 20
a) Cuando se visualiza en pantalla el mensaje para confirmar la creación de una carpeta con el mismo nombre que le fue dado al proyecto, se debe elegir la opción Sí, para que Visual Basic guarde el proyecto (Sitio Web) en la misma. 1.12 Paso 11 a) Una vez escogida la ubicación en la cual se guardará el proyecto y el nombre del mismo, elegir la opción Aceptar. UAI Ejemplo Web Services Página 8 de 20
1.13 Paso 12 a) Una vez creados los proyectos correspondientes (Servicios Web y Sitio Web), se visualiza la estructura de los mismos en Visual Basic 2005 de la manera especificada en la imagen. b) Posicionarse sobre el archivo Service.asmx, ubicado en el explorador de soluciones, del lado derecho en el entorno de trabajo de Visual Basic. c) Hacer clic en el botón derecho del mouse. d) Elegir la opción eliminar. De esta forma se descarta el archivo que creó por default el proyecto de tipo Web Services. 1.14 Paso 13 UAI Ejemplo Web Services Página 9 de 20
a) Se posiciona el cursor del mouse sobre el proyecto que fue llamado wsuaimapa. b) Sobre el proyecto se hace clic al botón derecho del mouse. c) Elegir la opción Agregar Nuevo Elemento, y hacer clic en la misma. 1.15 Paso 14 UAI Ejemplo Web Services Página 10 de 20
a) Se muestra en pantalla una ventana para elegir el elemento a agregar al proyecto. b) Elegir la opción Servicio Web. c) En la parte inferior de la ventana, en el campo Nombre, cambiar el nombre WebService.asmx por Mapa.asmx. d) Elegir la opción Agregar. 1.16 Paso 15 UAI Ejemplo Web Services Página 11 de 20
a) En la estructura del proyecto, en la ventana ubicada al lado derecho del entorno de trabajo de visual Basic, hacer clic sobre el signo + que se visualiza al lado de la carpeta App_Code. b) Una vez allí seleccionar al archivo Service.vb y hacer clic con el botón derecho del mouse. c) Hacer clic en la opción Eliminar. 1.17 Paso 16 a) Se debe hacer doble clic sobre el archivo Mapa.asmx, ubicado en el explorador de soluciones, que se encuentra en el lado derecho de la pantalla, en el entorno de trabajo de Visual Basic. b) En el proyecto, del lado izquierdo de la pantalla, se visualizará, luego del clic, el código por default que agrega Visual Basic. c) Se selecciona el código como lo muestra la imagen y se borra el mismo. 1.18 Paso 17 UAI Ejemplo Web Services Página 12 de 20
a) Se busca en la carpeta Ingeniero por un día, en el archivo Mapa.asmx.vb.docx. Se abre dicho documento. b) En el proyecto, sobre el lado izquierdo que quedó en blanco anteriormente, se debe pegar el código que se encuentra en el documento abierto (Mapa.asmx.vb.docx). 1.19 Paso 18 a) Hacer clic sobre el signo + del archivo llamado Default.aspx.vb, b) Cuando aparezca el archivo Default.aspx.vb (que contiene el Code Behind), se debe haber doble clic sobre el mismo. c) Ir hacia la parte de arriba del texto que dice Parcial Class en donde dice General (en la imagen se visualiza la palabra Page Eventos en lugar de General). d) Hacer clic sobre el combo o sobre el ícono de la flecha apuntando hacia abajo. e) Elegir la opción (Page Eventos). f) Ir hacia el combo de al lado, a la derecha dice Declaraciones. g) Buscar la opción llamada Load y hacer clic sobre ella. h) Una vez hecho lo anterior, aparecerá como en la imagen, código que diga: Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load End Sub UAI Ejemplo Web Services Página 13 de 20
1.20 Paso 19 a) Se busca en la carpeta Ingeniero por un día, en el archivo Default.aspx.vb.docx. Se abre dicho documento. b) En el proyecto, después del texto que dice Protected Sub Page_Load. y antes del que dice End Sub, se debe pegar el código que se encuentra en el documento abierto (Default.aspx.vb.docx). c) Debe quedar como en la imagen anterior. 1.21 Paso 20 UAI Ejemplo Web Services Página 14 de 20
a) Ir al explorador de soluciones, en el panel del lado derecho del entorno de trabajo Visual Basic. b) Se debe hacer clic derecho sobre el proyecto que dice c:\...\ EjemploWeb\. c) Elegir la opción Agregar referencia Web, y hacer clic. 1.22 Paso 21 a) Se muestra en pantalla una ventana para agregar la referencia Web al proyecto. b) Se debe hacer clic sobre la opción Servicios Web de esta solución. 1.23 Paso 22 UAI Ejemplo Web Services Página 15 de 20
a) La ventana mostrará otros datos con los campos Servicios, Proyecto y Dirección URL. b) Se debe hacer clic sobre la opción Mapa. 1.24 Paso 23 UAI Ejemplo Web Services Página 16 de 20
a) Una vez que la ventana cambia nuevamente los datos, cambiar el campo Nombre de la referencia Web, de Localhost a MisServicios. b) Se debe hacer clic sobre el botón que dice Agregar Referencia. 1.25 Paso 24 a) La estructura del proyecto, en el explorador de soluciones, del lado derecho del entorno de trabajo, luego de agregar las Referencias Web, queda como la imagen lo describe, con la carpeta MisServicios y los archivos que se pueden visualizar haciendo clic sobre el ícono +, que se encuentra junto a la carpeta. 1.26 Paso 25 a) Se debe ir, en el explorador de soluciones, archivo Default.aspx. b) Se hace doble clic sobre el mismo. c) Aparecerá código en pantalla, del lado izquierdo. d) Seleccionar el código desde la parte que se especifica en la imagen, a partir del tag <title>, y se borra. UAI Ejemplo Web Services Página 17 de 20
1.27 Paso 26 a) Se busca en la carpeta Ingeniero por un día, en el archivo Default.aspx.docx. Se abre dicho documento. b) Se copia debajo de <head runat = sever > el código que está en el archivo. 1.28 Paso 27 P c) Para ejecutar la aplicación pulsamos F5, el sistema mostrará el cuadro de diálogo Depuración no habilitada, clickeamos sobre la opción Modificar el archivo web.config para habilitar la depuración. d) Pulsar aceptar. 1.29 Paso 28 UAI Ejemplo Web Services Página 18 de 20
b) Una vez iniciada la ejecución de la aplicación, pulsar sobre el botón Comenzar para visualizar el mapa. c) Al pulsar sobre los botones Buenos Aires o Plaza de los toros, la aplicación mostrará la imagen del lugar en el mapa. Lo mismo sucede si pulsamos el link Italia, Roma o Plaza del Colosso. 1.30 Paso 29 UAI Ejemplo Web Services Página 19 de 20
c) Para visualizar el mapa en su totalidad, pulsar sobre el botón: Mapa. 1.31 Paso 30 a) Para visualizar el mapa como imagen satelital, pulsar sobre el botón: Satélite. UAI Ejemplo Web Services Página 20 de 20