Desarrollo web dinamicas by Incap libros

DESARROLLO DE APLICACIONES WEB DINÁMICAS Guía para el estudiante

Elaborado por el formador:

JESÚS ARTURO ANNEAR NARANJO

INSTITUTO COLOMBIANO DE APRENDIZAJE

INCAP

Programa Técnico Laboral en Sistemas 1

EL SIGUIENTE MATERIAL SE PREPARÓ CON FINES ESTRICTAMENTE ACADÉMICOS, DE ACUERDO CON EL ARTÍCULO 32 DE LA LEY 23 DE 1982, CUYO TEXTO ES EL SIGUIENTE:

ARTÍCULO 32: “Es permitido utilizar obras literarias, artísticas o parte de ellas, a título de ilustración en obras destinadas a la enseñanza, por medio de publicaciones, emisiones o radiodifusiones, o grabaciones sonoras o visuales, dentro de los límites justificados por el fin propuesto, o comunicar con propósito de enseñanza la obra radiodifundida para fines escolares, educativos, universitarios y de formación personal sin fines de lucro, con la obligación de mencionar el nombre del autor y el título de las obras utilizadas”.

Introducción al desarrollo de sitios web Instituto Colombiano de Aprendizaje Elaborado por: Jesús Arturo Annear Naranjo

Editado por: Instituto Colombiano de Aprendizaje INCAP Avenida Caracas No. 63-66 © Prohibida la reproducción parcial o total bajo cualquier forma (Art. 125 Ley 23 de 1982) Bogotá – Colombia Versión 01 - Enero 2010

CONTENIDO Presentación ____________________________________________________________ 6 GUÍA METODOLÓGICA _________________________________________________ 7

Unidad Uno: Planteamiento del Proyecto y Diseño Del Modelo Entidad Relación (MER) ___________________________________________________________________ 9 1. El modelo relacional: _______________________________________________ 10 1.1 Cualidades de un buen diseño de base de datos: ______________________________________ 10 1.2 Introducción al modelo Entidad/Interrelación (E/R): ____________________________________ 11 1.3 Proceso de diseño en el modelo E-R ________________________________________________ 11 1.4 Paso del modelo E/R al diseño de la base de datos _____________________________________ 11 1.4.1 Pasos para diseñar una base de datos relacional: ________________________________________________ 1.4.2 Empecemos con el propósito: ______________________________________________________________ 1.4.3 Determinar las tablas o entidades pertinentes: __________________________________________________ 1.4.4 Determinar los campos o atributos que compondrán las tablas o entidades: ____________________________ 1.4.5 Establecer las relaciones pertinentes entre las entidades mediante el diseño del modelo entidad relación (MER): _ 1.4.6 Mantenimiento de la base de datos: _________________________________________________________

12 12 12 12 13 13

Unidad Dos: ____________________________________________________________ 15 Implementación del MER En SQL Server 2005 _______________________ 15 2. Implementación del Modelo Entidad Relación ____________________ 16 2.1 ¿Qué es un gestor de base de datos? _______________________________________________ 16 2.2 ¿Qué es una base de datos? ______________________________________________________ 16 2.3 ¿Qué es una tabla? _____________________________________________________________ 16 2.4 ¿Qué es clave primaria? _________________________________________________________ 17 2.5 ¿Qué es clave foránea?__________________________________________________________ 17 2.6 ¿Qué es una Relación? __________________________________________________________ 17 2.6.1 Tipos de Relaciones: _____________________________________________________________________ 17

2.7 Creación de la base de datos: _____________________________________________________ 18

2.7.1 Crear relaciones entre tablas de forma gráfica: __________________________________________________ 21

Unidad Tres: Páginas Web dinámicas en ASP.Net y VisualBasic.Net, y Conectividad a la base de datos _______________________________________ 27 3. Diseño e implementación de la interfaz grafica de usuario _______ 28 3.1 Concepto de página Web dinámica: _________________________________________________ 28 3.2 ¿Qué es Internet Information services? ______________________________________________ 28 3.3 ¿Qué es ASP.Net? ______________________________________________________________ 29 3.3.1 Páginas: ______________________________________________________________________________ 29

3.4 Requisitos de desarrollo de ASP.NET _______________________________________________ 29 3.5 Entrada y Salida de Datos: _______________________________________________________ 30 3.5.1 Crear el proyecto de aplicación Web: _________________________________________________________ 30

Unidad Cuatro: Procesos de gestión desde la interfaz grafica de usuario a la base de datos. ___________________________________________________________________ 41 4. Procesos de gestión de una base de datos:__________________________ 42 4.1 ¿Qué es una Consulta?:__________________________________________________________ 42 4.2 Tipos de Consultas: _____________________________________________________________ 43 4.2.1 Consultas de acción: _____________________________________________________________________ 43 4.2.2 Consultas de selección: __________________________________________________________________ 44

4.3 Crear consultas de selección en ASP.Net: ____________________________________________ 44 4.3 Crear consultas de Actualización y eliminación en ASP.Net: ______________________________ 50

BIBLIOGRAFÍA ________________________________________________________ 58

Apreciado estudiante: Usted escogió al INCAP para que lo oriente en el camino de la formación profesional. La institución le proporcionará un formador, quien le ayudará a descubrir sus propios conocimientos y habilidades. El INCAP, le ofrece además, recursos para que usted alcance sus metas, es decir, lo que se haya propuesto y para ello dispondrá de módulos guía, audiovisuales de apoyo, sistemas de evaluación, aula y espacios adecuados para trabajos individuales y de grupo. Éste módulo guía que constituye además un portafolio de evidencias de aprendizaje, está distribuido de la siguiente manera: PRESENTACIÓN: Es la información general sobre los contenidos, la metodología, los alcances la importancia y el propósito del módulo. GUÍA METODOLÓGICA: Orienta la práctica pedagógica en el desarrollo del proceso de formación evaluación y se complementa con el documento de la didáctica para la formación por competencias de manejo del formador. DIAGNÓSTICO DE ESTILO DE APRENDIZAJE: Que le permitirá utilizar la estrategia más adecuada para construir sus propios aprendizajes. AUTOPRUEBA DE AVANCE: Es un cuestionario que tiene como finalidad que usted mismo descubra, qué tanto conoce los contenidos de cada unidad, y le sirve de insumo para la concertación de su formación y el reconocimiento de los aprendizajes previos por parte de su formador (talleres que se encuentran al final de cada unidad). CONTENIDOS: Son el cuerpo de la unidad y están presentados así: Unidad Logro de competencia laboral Indicadores de logro: Evidencias Didáctica del método inductivo Activo para el desarrollo de las competencias: FDH: Formador Dice y Hace, FDEH: Formador Dice y Estudiante Hace, EDH: Estudiante Dice y Hace.

BIBLIOGRAFÍA

Presentación En la actualidad las empresas requieren de exponer sus productos ante miles de personas sin invertir demasiado dinero y esfuerzos logísticos, como asesores comerciales, publicidad y otros apoyos necesarios para dar a conocer sus productos. Uno de los medios más efectivos y de directo acceso a millones de personas es Internet. El desarrollo de un Sitio Web representa la posibilidad para una empresa de poder aprovechar un medio masivo de comunicación explotando al máximo las posibilidades técnicas que éste les brinda y lo más importante con un costo moderado y asequible. Millones de personas en todo el mundo tienen acceso a la web, y las empresas no puede ignorar ese número sea cual fuere su actividad. Tendrá que integrar la comunidad Internet y mostrar que tiene interés en servirla. Su competencia directa está allí. Por medio de Internet, se podrá suministrar atención al cliente de una manera efectiva y completamente automática, el departamento comercial podrá contestar sus preguntas sin movilizar a su personal o recomendar sus productos basándose en los requerimientos de sus usuarios e incluso obtener retroalimentación por parte de ellos sin tener que llenar un solo papel, de nuevo las posibilidades son infinitas. Es por todo lo anterior que el INCAP consiente de todas estas posibilidades, decidió capacitar personas para que mediante el desarrollo de aplicaciones Web dinámicas aporten a las empresas el conocimiento técnico que les permita suplir sus necesidades en este frente. Este modulo contiene los elementos básicos para que nuestros estudiantes se adentren en el fascinante y lucrativo mundo del Internet y el Desarrollo WEB.

El éxito es el premio del esfuerzo personal; sigue siempre adelante te espera un mejor futuro. Que nadie ni nada se interponga entre una tarea difícil y tú, que nadie te niegue esa espléndida oportunidad para cobrar fuerza, maestría y merecer el éxito.

GUÍA METODOLÓGICA La estrategia metodológica del INCAP, para la formación técnica del aprendiz mediante competencias laborales, comprende dos caminos: 1.

Las clases presenciales dictadas por el Formador haciendo uso del método inductivo – activo

El trabajo práctico de los estudiantes dirigido y evaluado por el Formador, a través de talleres, desarrollo de casos, lecturas y consultas de los temas de clase etc. Con esto se busca fomentar en el estudiante el análisis, el uso de herramientas tecnológicas y la responsabilidad.

Los módulos guía utilizados por el INCAP, para desarrollar cada uno de los cursos, se elaboran teniendo en cuenta ésta metodología. Sus características y recomendaciones de uso son:  A cada unidad de aprendizaje le corresponde un logro de competencia laboral el cual viene definido antes de desarrollar su contenido. Seguidamente se definen los indicadores de logro o sea las evidencias de aprendizaje requeridas que evaluará el Formador.  Glosario: Definición de términos o palabras utilizadas en la unidad que son propias del tema a tratar.  Desarrollo de la unidad dividida en contenidos breves seguidos por ejercicios, referenciados así: FDH (El Formador Dice y Hace): Corresponde a la explicación del contenido y el desarrollo de los ejercicios por parte del Formador. FDEH (El Formador Dice y el Estudiante Hace): El estudiante desarrolla los ejercicios propuestos y el Formador supervisa. EDH (El estudiante dice y hace): Es el trabajo práctico que desarrollan los estudiantes fuera de la clase, a través de talleres, desarrollo de casos, lecturas y consultas de los temas, los cuales deben ser evaluados por el Formador.  Al final de cada unidad se puede presentar un resumen de los contenidos más relevantes y ejercicios generales.

DIAGNÓSTICO INFORMACIÓN GENERAL Regional_____________Programa__________________Módulo__________ Estudiante_________________________Formador_____________________ EVALUACIÓN DIAGNÓSTICA Estilo de aprendizaje_____________________________________________

Desarrollo de aplicaciones WEB dinámicas

Temas 1. Conceptos de base de datos 2. Conceptos sobre modelado de datos 3. Conocimiento de los pasos para el diseño de una base de datos relacional Logros de competencia 1. Realizar de manera técnica el planteamiento de un proyecto de gestión de bases de datos relacional y diseña el Modelo Entidad Relación (MER) pertinente para llevarlo a cabo.

Indicador de logros 1. Aplica de manera adecuada los conceptos de base de datos relacional y el modelo entidad relación para el planteamiento de la misma y su respectiva implementación. 2. Conoce y utiliza de manera lógica, técnica y coherente los pasos para el diseño de una base de datos.

Evidencia Desempeño

Desempeño y Producto

Planteamiento del Proyecto y Diseño Del Modelo Entidad Relación (MER)

Unidad Uno:

Desarrollo de aplicaciones WEB dinámicas El Formador Dice y Hace: 1. El modelo relacional: En un modelo de datos, todos los datos se representan en tablas. Incluso los resultados de cualquier consulta son otra tabla. Las tablas están compuestas por filas y columnas, las filas y las columnas, en principio, carecen de orden, pero este orden puede estar determinado por el campo clave principal de la tabla; las filas sólo se ordenan si se le indica a la base de datos que lo haga, mediante el correspondiente comando. De no ser así, el orden será definido como se dijo anteriormente, por el campo clave principal, y puede cambiar en caso de tratarse de una base datos dinámica. El orden de las columnas lo determina cada consulta. Otros aspectos que se deben tener en cuenta en un modelo relacional son: Cada tabla tiene una clave primaria, un identificador único, compuesto por una o más columnas. La mayoría de las claves primarias están formadas por una única columna (p.ej., CIUDAD_ID), pero en algunos casos esta clave primaria debe estar compuesta por más de un campo según los requerimientos de la misma. Para establecer una relación entre dos tablas es necesario incluir, como campo adicional, en una de ellas la clave primaria de la otra. A esta columna se le llama clave foránea. Nota: Estos dos conceptos --clave primaria y secundaria-- son los más importantes en el diseño de bases de datos. El estudiante debe repasarlos ya que son parte del conocimiento previo adquirido y será fundamental al momento de diseñar e implementar una base de datos.

1.1 Cualidades de un buen diseño de base de datos: Refleja la estructura del problema en el mundo real Es capaz de representar todos los datos esperados, incluso proyectados a un futuro Evita el almacenamiento de información redundante. Proporciona un acceso eficaz a los datos Mantiene la integridad de los datos a lo largo del tiempo Es claro, coherente y de fácil comprensión 10

Desarrollo de aplicaciones WEB dinámicas 1.2 Introducción al modelo Entidad/Interrelación (E/R): El modelo Entidad/Interrelación (E/R): un método de diseño de bases de datos Muestra de una versión simplificada Representa los datos mediante una serie de entidades que disponen de atributos Una entidad es una clase de objetos o conceptos claramente identificable Las entidades establecen interrelaciones con otras entidades El resultado de este proceso es una base de datos normalizada que facilita el acceso a los datos y evita su duplicado.

1.3 Proceso de diseño en el modelo E-R Identificar las Tablas o entidades que debe presentar la base de datos Determinar las cordinalidades de las interrelaciones establecidas entre las distintas entidades y clasificar estas interrelaciones entre los siguientes tipos: o

Uno a uno

Uno a varios

Varios a varios

Dibujar el diagrama Entidad/Interrelación. Determinar los atributos de cada entidad. Definir la clave primaria (única) de cada entidad.

El Formador Dice y el estudiante Hace: 1.4 Paso del modelo E/R al diseño de la base de datos Vamos a recordar de manera rápida los pasos para diseñar una base de datos relacional, la implementación del modelo entidad relación, la cardinalidad de relaciones y la cardinalidad de atributos, utilizando para ello una aplicación de base de datos básica. Estos conocimientos el estudiante de este nivel ya debe dominarlos de manera adecuada, así que, sólo nos limitaremos a dar un breve repaso por los mismos en aras de establecer un enlace lógico y coherente entre los temas que se exponen en este módulo. INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas Empecemos entonces… 1.4.1 Pasos para diseñar una base de datos relacional: a) Determinar el propósito de la base de datos b) Determinar las tablas (entidades) requeridas c) Determinar los campos (atributos) necesarios d) Establecer las relaciones pertinentes entre las tablas e) Realizar el mantenimiento a la base de datos 1.4.2 Empecemos con el propósito: Se diseñara una base de datos relacional que permita controlar de manera eficiente, el inventario de libros en una biblioteca, permitiendo optimizar procesos tales como: Registrar los libros, los autores, las editoriales y los géneros Saber por editorial cuántos libros se tienen en la biblioteca Saber de cada autor cuántos libros existen en la biblioteca Consultar los datos de los autores de los libros Catalogar los libros por género Catalogar los libros por autor Actualizar la información de la base de datos Los demás procesos pertinentes al control de inventarios de la biblioteca

1.4.3 Determinar las tablas o entidades pertinentes: Para cumplir con los objetivos planteados en el punto anterior se requiere de las siguientes tablas o entidades: Libros. Autores. Géneros. Editoriales.

1.4.4 Determinar los campos o atributos que compondrán las tablas o entidades: LIBROS Cod_libro Titulo N_paginas Cod_autor Cod_genero Cod_Editorial INCAP

AUTORES Cod_Autor Nombre Nacionalidad Fecha_nacimiento

EDITORIAL Cod_editorial Editorial Pais

GENERO Cod_genero Genero Descripción

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas 1.4.5 Establecer las relaciones pertinentes entre las entidades mediante el diseño del modelo entidad relación (MER):

1.4.6 Mantenimiento de la base de datos: Este proceso se debe realizar en cualquier etapa del diseño y desarrollo de la aplicación, dependiendo de las necesidades que surjan y los problemas, o modificaciones, que se puedan presentar. Terminado el proceso de diseño, pasamos a la implementación de dicho diseño utilizando para tal efecto un gestor de base de datos como Access, MySql, Oracle, o en nuestro caso SQL Server 2005, ya que los estudiantes están familiarizados con él. A este paso le denominamos Implementación del modelo entidad relación (MER).

El Estudiante Dice y Hace: Ejercicios para hacer en casa: 1. El estudiante, con base en los conocimientos adquiridos y el ejemplo explicado por el formador en clase, de manera autónoma y personal realizará el planteamiento de un proyecto de base de datos relacional, siguiendo cada uno de los cinco pasos establecidos para tal efecto.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas 2. El estudiante entregará al formador una propuesta formal para el diseño e implementación del proyecto donde especifique los objetivos y alcance de tal proyecto, y donde se evidencien cada uno de los pasos para el diseño de una base de datos relacional. Nota: la propuesta debe estar identificada con un logo, el nombre de la empresa de desarrollo de software y todo lo concerniente a la imagen corporativa de dicha empresa.

Valoración de Evidencias _____

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

Unidad Dos:

1. 2. 3. 4. 5. 6. 7.

Que es un gestor de base de datos. Características generales del lenguaje Sql. Sentencias básicas del lenguaje. Que es una Bases de datos. Definición de: Tabla, clave primaria, clave foránea y relaciones. Que es una Copia de seguridad. Proceso de restauración.

Logros de competencia 1. Implementar el MER (Modelo entidad relación) utilizando como herramienta de implementación SqlServer 2005.

Indicador de logros Aplica de manera adecuada los conceptos aprendidos. Crea técnicamente la base de datos utilizando el lenguaje Sql. Crea tablas y su respectiva clave principal. Crea las relaciones pertinentes entre las tablas. Agrega mediante sentencias Sql registros en las tablas. Crea la copia de seguridad de la base de datos. Restaura la copia de seguridad de manera adecuada.

INCAP

Evidencia Conocimiento

Desempeño y Producto

Implementación del MER En SQL Server 2005

Temas

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas El Formador Dice y Hace: 2. Implementación del Modelo Entidad Relación 2.1 ¿Qué es un gestor de base de datos? Es un programa o conjunto de programas que permiten crear y mantener una base de datos, asegurando su integridad, confidencialidad y seguridad. Se trata de un software que nos ayuda en los procesos de definición (especificación de los tipos de datos, las estructuras y restricciones), construcción (almacenar los datos concretos en dispositivos físicos) y manipulación (funciones como consultas, actualizaciones, inserciones, borrados y modificaciones de los datos) de una base de datos.

2.2 ¿Qué es una base de datos? Conjunto de información organizada en tablas o entidades las cuales se encuentran relacionadas entre sí. Las bases de datos facilitan un rápido acceso a la información necesaria para la toma de decisiones; las bases de datos permiten hacer listados, consultas, crear pantallas de visualización de datos, controlar el acceso de los usuarios, etc.

2.3 ¿Qué es una tabla? Tabla en las bases de datos, se refiere al tipo de modelado de datos, donde se guardan los datos recogidos por un programa. Su estructura general se asemeja a la vista general de un programa de Hoja de cálculo. Las tablas se componen de dos estructuras: Campo: Corresponde al nombre de la columna. Debe ser único y además de tener un tipo de dato asociado. Registro: Corresponde a cada fila que compone la tabla. Allí se componen los datos y los registros. Eventualmente pueden ser nulos en su almacenamiento.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas En la definición de cada campo, debe existir un nombre único, con su tipo de dato correspondiente. Esto es útil a la hora de manejar varios campos en la tabla, ya que cada nombre de campo debe ser distinto entre sí. A los campos se les puede asignar, además, propiedades especiales que afectan a los registros insertados. El campo puede ser definido como clave principal, índice o autoincrementable, lo cual permite que los datos de ese campo cambien solos o sean el principal indicador a la hora de ordenar los datos contenidos.

2.4 ¿Qué es clave primaria? En el diseño de bases de datos relacionales, se llama clave primaria a un campo o a una combinación de campos que identifica de forma única e irrepetible a cada fila de una tabla. De esta manera, una clave primaria comprende una columna o conjunto de columnas. No puede haber dos registros en una tabla que tengan la misma clave primaria.

2.5 ¿Qué es clave foránea? Es un campo o conjunto de campos que siendo clave primaria en una tabla, se agrega o agregan a otra tabla para establecer la relación pertinente entre las mismas.

2.6 ¿Qué es una Relación? La Relación se define como una asociación establecida entre campos comunes de dos tablas, en la que se pueden combinar información de varias tablas, por medio de campos comunes.

2.6.1 Tipos de Relaciones:  Uno a Uno  Uno a Varios  Varios a Varios

Ya teniendo el diseño del Modelo Entidad Relación y habiendo repasado y comprendido los conceptos anteriores, vamos a continuar con la implementación del mismo de la siguiente manera:

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas El Formador Dice y el estudiante Hace: 2.7 Creación de la base de datos: 1. El primer paso consiste en crear la base de datos utilizando el SQL Server management studio. En el explorador de objetos, damos clic alterno sobre Base de Datos y seleccionamos la opción nueva base de datos.

2. En el cuadro que aparece en pantalla, digitaremos el nombre de la base de datos; en nuestro caso Biblioteca y damos clic en el botón aceptar.

3. En el panel del explorador de objetos observamos la nueva base de datos recién creada; a continuación, vamos a desplegar su contenido en donde encontraremos todos y cada uno de los componentes de una base de datos tales como: tablas, vistas, diagramas de bases de datos, etc.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

4. Para crear las tablas requeridas damos clic alterno sobre la carpeta tablas y en el menú seleccionamos la opción nueva tabla.

5. En el diseñador de tablas uno a uno digitaremos el nombre del campo, seleccionaremos el tipo de datos que contendrá dicho campo y determinaremos si este soportara campos con valores nulos o no. Solo falta un paso fundamental y es el de establecer la clave primaria o

principal, de la cual casi ninguna tabla puede prescindir; este proceso se realiza de la siguiente manera:

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

6. Seleccionamos el campo o los campos que se definirán como Clave Principal y damos clic derecho sobre lo seleccionado.

7. En el menú que aparece en pantalla vamos a dar clic en la opción que corresponde a Establecer clave principal

La imagen final será:

Y el código equivalente en el lenguaje Sql para la creación de la tabla Genero y su clave primaria es: USE Biblioteca CREATE TABLE GENERO]( Cod_genero varchar(4) NOT NULL, Genero varchar (20) NOT NULL, Descripcion text NULL, PRIMARY KEY (Cod_Genero) (

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas El estudiante de manera autonoma e individual, y con base en la explicacion dada por el formador, creará las tablas restantes basandose en las tablas que se establecieron en la primera unidad en su numeral 1.4.4.. Luego de terminado el proceso, y establecida la verificacion del mismo por parte del formador, pasaremos a la parte de establecer las realciones entre las tablas.

2.7.1 Crear relaciones entre tablas de forma gráfica: A continuación se describirá el proceso para establecer de manera fácil y rápida las relaciones pertinentes entre las tablas de la base de datos. El proceso se explicará utilizando las tablas ya creadas.

1. Empezamos desplegando el contenido de la base de datos Biblioteca; luego, damos clic derecho (Alterno) sobre la opción Diagrama de base de datos y seleccionamos nuevo diagrama de base de datos. Si aparece en pantalla el siguiente mensaje:

Debemos hacer lo siguiente.

a. Damos clic derecho sobre la base de datos. b. Seleccionamos la opción propiedades.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

c. En el cuadro de dialogo que aparece en pantalla seleccionamos la opción Archivos.

d. Lugo damos clic el botón generador.

e. Aparecerá el cuadro de dialogo Seleccionar propietario de la base de datos y en el damos clic en el botón examinar.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

f. En el cuadro de dialogo Buscar objetos ubicamos y activamos la casilla de verificación correspondiente al sa y terminamos confirmando la acción dando clic en Aceptar, Aceptar y Aceptar.

2. Culminado el proceso anterior, continuamos repitiendo el paso uno teniendo en cuenta que ya no aparecerá el mensaje de error sino que aparecerá el cuadro de dialogo Agregar tabla, en donde una a una agregaremos las tablas de la base de datos utilizando para ello el botón Agregar.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

Veremos al finalizar el proceso la siguiente imagen:

3. Solo nos falta entonces crear las relaciones así: a. Damos clic sobre la llave del campo clave primaria de la tabla principal (GENERO) y arrastramos hasta el campo clave foránea de la tabla relacionada (LIBROS). Al soltar el clic veremos la siguiente imagen o cuadro de dialogo.

b. Damos clic en el cuadro de texto ubicado debajo del nombre de la tablas libros para seleccionar el campo clave foránea de dicha tabla.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

Al seleccionar el campo. Le estamos diciendo al gestor de base de datos que existe una relación de este campo con el campo clave principal de la tabla Genero.

c. Para finalizar damos clic en el botón Aceptar y luego nuevamente en el botón Aceptar; veremos entonces la siguiente imagen.

En la imagen solo se ven establecidas las relaciones de la tabla LIBROS con las tablas GENERO y EDITORIAL; es responsabilidad del estudiante establecer las relaciones faltantes.

El Estudiante Dice y Hace: Ejercicios para hacer en casa: 1. El estudiante, con base en los conocimientos adquiridos y los ejemplos explicados por el formador en clase, de manera autónoma y personal aplicará al proyecto planteado por él en la unidad anterior, todos los procesos ejecutados en esta unidad. Este trabajo debe ser asesorado y verificado por el formador. 2. El estudiante consultará por internet la manera de realizar una copia de seguridad en SQL Server 2005 y la forma de restaurarla. De dicha investigación el estudiante entregará un INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas trabajo escrito al formador y socializará su investigación en el aula de clase con sus compañeros. Se aclara que el estudiante debe tener como conocimiento previo estos procesos, y la intención de la actividad es la de consolidar dicho conocimiento.

Valoración de Evidencias _____

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

Temas 1. 2. 3. 4. 5.

Conceptos básicos. Internet Information services. Asp.Net. VisualBasic.Net. Entrada y salida de datos.

Logros de competencia 1. Diseña e implementa páginas Web dinámicas en ASP.Net y VisualBasic.Net aplicando y respetando las normas técnicas establecidas, para generar de esta forma la interfaz grafica de usuario. Realiza la conectividad a la base de datos. Indicador de logros Conoce los servicios incluidos en el internet information services y su aplicabilidad en el desarrollo Web. Crea páginas web dinámicas en ASP.Net. Programa formularios en VisualBasic.Net sobre paginas ASP, para realizar procesos de llenado de datos.

Evidencia Conocimiento

Desempeño y Producto

Páginas Web dinámicas en ASP.Net y VisualBasic.Net, y Conectividad a la base de datos

Unidad Tres:

Desarrollo de aplicaciones WEB dinámicas El Formador Dice y Hace:

3. Diseño e implementación de la interfaz grafica de usuario 3.1 Concepto de página Web dinámica: Se conoce con el nombre de página web dinámica a aquélla, cuyo contenido se genera a partir de lo que un usuario introduce en un web o formulario. El contenido de la página no está incluido en un archivo html como en el caso de las páginas web estáticas. Las aplicaciones más conocidas de las páginas web dinámicas son:



Mostrar el contenido de una base de datos, con base en la información que solicita un usuario a través de un formulario de web.

  

Actualizar el contenido de una base de datos. Generar páginas web de contenido estático. Mejorar la interacción entre el usuario y el sitio web.

3.2 ¿Qué es Internet Information services? Internet Information Services IIS, es una serie de servicios para los computadores que funcionan con Windows. Los servicios que ofrece son: FTP, SMTP, NNTP y HTTP/HTTPS. Este servicio convierte a un Computador en un servidor de Internet o Intranet, es decir que en las computadoras que tienen este servicio instalado se pueden publicar páginas web tanto local como remotamente (servidor web). Los Servicios de Internet Information Services (IIS) proporcionan las herramientas y funciones necesarias para administrar de forma sencilla un servidor Web seguro. Si ha pensado alojar un sitio Web y FTP (File Transfer Protocol, Protocolo de transferencia de archivos) con IIS, configure el servidor como un servidor de aplicaciones.

Desarrollo de aplicaciones WEB dinámicas El servidor web se basa en varios módulos que le dan capacidad para procesar distintos tipos de páginas, por ejemplo Microsoft incluye los de Active Server Pages (ASP) y ASP.NET. También pueden ser incluidos los de otros fabricantes, como PHP o Perl.

3.3 ¿Qué es ASP.Net? ASP.NET es un framework para aplicaciones web. Es usado por programadores para construir sitios web dinámicos, aplicaciones web y servicios web XML. Está construido sobre el Common Language Runtime, permitiendo a los programadores escribir código ASP.NET usando cualquier lenguaje admitido por el .NET Framework.

3.3.1 Páginas: Las páginas de ASP.NET, conocidas oficialmente como "web forms" (formularios web), son el principal medio de construcción para el desarrollo de aplicaciones web. Los formularios web están contenidos en archivos con una extensión ASPX; en términos comprensibles de programación, estos archivos típicamente contienen etiquetas HTML o XHTML estático, y también etiquetas definiendo Controles Web que se procesan del lado del servidor y Controles de Usuario donde los desarrolladores colocan todo el código estático y dinámico requerido por la página web.

3.4 Requisitos de desarrollo de ASP.NET Para desarrollar aplicaciones ASP.NET, se debe cumplir con los siguientes requisitos: Tener instalado el .NET Framework a partir de la versión 2.0. Un entorno de creación de código. Un servidor Web como IIS (Servicios de Internet Information Services) y permisos para guardar archivos en el servidor Web. Un gestor de bases de datos, como Microsoft SQL Server, para proporcionar el almacenamiento de datos de la aplicación.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas El Formador Dice y el estudiante Hace: 3.5 Entrada y Salida de Datos: Teniendo en cuenta que ya debemos tener implementada la base de datos, pasaremos ahora a describir los procesos para alimentarla con información desde un entorno gráfico creado en ASP.Net (estamos refiriéndonos a páginas Web dinámicas). En estos procesos debemos recordar temas como la creación de una conexión ODBC, que me permitirá generar la interfaz entre el entorno gráfico y la base de datos; adicionalmente el estudiante debe repasar de manera autónoma sentencias SQL y lo aprendido en la programación con VisuLBasic.Net, conceptos que serán necesarios para optimizar nuestro trabajo.

3.5.1 Crear el proyecto de aplicación Web:

Teniendo abierto el VB.Net seleccionamos Archivo y damos clic en Nuevo sitio Web.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

En el panel de plantillas seleccionamos Sitio Web ASP.NET. En la parte inferior de este panel encontramos dos cuadros combinados correspondientes a Ubicación y Lenguaje; el primero nos permite determinar el lugar donde se alojara nuestro proyecto Web. En nuestro caso seleccionemos Sistema de archivos del cuadro combinado Ubicación; esto indica que la aplicación Web debe configurarse para ejecutarse como una aplicación local en nuestra computadora. Adicionalmente al proyecto nosotros le daremos el nombre de ProyectoBiblioteca así: D:\ProyectoBiblioteca como aparece en la gráfica siguiente.

3. Al dar clic en el botón Aceptar aparecerá la siguiente imagen, donde aparece como página principal la pagina Default.aspx, esta página la reservaremos para modificarla y programarla más adelante; en este momento agregaremos una nueva página que nos permitirá crear nuestro primer formulario de llenado de datos.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

4. Para agregar la nueva página seleccionamos el menú Sitio Web, y en el damos clic en la opción Agregar nuevo elemento; entonces aparece un cuadro de dialogo donde seleccionamos la plantilla Web Forms, luego damos un nombre significativo a la página, en nuestro caso la llamaremos Generos y damos clic en Agregar.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

5. Vamos ahora a crear nuestro primer formulario de registro de datos, de la siguiente manera: en la página Generos.aspx agregamos una tabla, seleccionando en el cuadro de herramientas en la categoría HTML la opción Table dando doble clic sobre ella. Luego de esta acción aparece por defecto una tabla que contiene tres columnas y tres filas; el desarrollador determinará si la modifica dependiendo de las necesidades que se presenten respecto al formulario que se quiere diseñar.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

El formulario debe tener la apariencia de la gráfica después de haber agregado las etiquetas y los cuadros de texto respectivos para registrar el código del género, el género y su descripción.

6. El paso más importante es agregar el objeto o control de datos de ASP.NET llamado Gridview, Para esto haremos lo siguiente: en el control de herramientas seleccionamos Datos, en Datos seleccionamos el control GridView y damos doble clic sobre él; en este momento se inserta una grilla o tabla como la que se ve en la figura de la parte inferior. En breve explicaremos cómo configurar este control de datos; este control en principio muestra abc en modo de diseño indicando de esta manera que los datos que se recuperan de un origen de datos en tiempo de ejecución son de tipo string.

Luego de haber realizado ciertos cambios en el diseño (cambios hechos por el estudiante de manera autónoma asesorado por el formador) ,la apariencia del formulario puede ser la siguiente:

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

7. Vamos ahora a enlazar el control GridView a la tabla Generos contenida en la base de datos Biblioteca de la siguiente manera:

Abrimos el menú de etiquetas inteligentes tareas de GridView y seleccionamos en el cuadro de dialogo Elegir origen de datos la opción

En el cuadro de dialogo que aparece en pantalla se selecciona la opción Base de datos y se recomienda, aunque no es obligatorio, cambiar el nombre del origen de datos en nuestro por GenerosSqlDataSource. El control SqlDataSource permite que la aplicación interactué con la base de datos; luego debemos dar clic en Aceptar para dar comienzo al asistente Configurar origen de datos.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

Aparece entonces el cuadro de dialogo que nos permitirá seleccionar la conexión pertinente. En nuestro caso damos clic en nueva conexión. En el cuadro combinado correspondiente a Nombre del servidor, seleccionamos el servidor pertinente, en nuestro caso deberá ser el nombre del servidor local

En el cuadro correspondiente a

combinado la opción

Seleccione o escriba el nombre de la base de datos, seleccionamos la base de datos respectiva, en nuestro caso Biblioteca; Damos clic en el botón Aceptar y luego en el botón

Siguiente.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas Aparece un cuadro de dialogo que me pregunta si deseo guardar la conexión en el archivo de configuración de la aplicación, para lo cual damos clic en el botón Siguiente, manteniendo el nombre que anteriormente dimos a dicha conexión. En este cuadro de dialogo determinamos la tabla de la base de datos con la cual se relacionara en control GridView, junto con las columnas de la misma; para ello debemos seleccionar las casillas de verificación de cada uno de los campos o solo la casilla de verificación correspondiente al asterisco (*). Luego de realizado tal procedimiento, damos clic en el botón Avanzadas… En el cuadro de dialogo que aparece en pantalla activamos la casilla de verificación correspondiente a la opción Generar instrucciones Insert, Update y Delete y luego damos clic en el botón Aceptar y luego en el botón Siguiente.

En el cuadro de dialogo Consulta de prueba damos clic en el botón Consulta de prueba, opción que me permite ver los datos de la tabla si es que ya hemos ingresado datos; de lo contrario no veremos ningún resultado pero si los encabezados de las columnas o campos. Luego de realizado el procedimiento damos clic en el botón Finalizar El proceso termina relacionando los cuadros de texto del formulario con los campos o columnas que van a llenar, realizando los siguientes procesos:

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

Damos clic sobre el GridView y automáticamente se muestra el objeto SqlDataSource al cual le modificaremos la propiedad InsertQuery dando clic en el botón generador.

En el cuadro de dialogo que aparece en pantalla seleccionamos uno a uno los campos de la tabla y en el cuadro combinado correspondiente a la opción

Origen

del

parámetro

seleccionamos la opción Control para determinar que este campo se llenara con el contenido de dicho control.

En el cuadro combinado correspondiente a ControlIID: seleccionamos el cuadro de texto que contendrá la información que se almacenara en el campo. (Este proceso se debe realizar con cada uno de los campos). Al final damos clic en el botón Aceptar. Solo nos resta programar los botones Enviar y Borrar que se encargarán de registrar la información en la tabla y limpiar los cuadros de texto para ingresar un nuevo registro.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB din谩micas La programaci贸n del boton Enviar es: Protected Sub Button1_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles CmdEnviar.Click GenerosSqlDataSource.Insert() GridViewGenero.DataBind() End Sub

La programaci贸n del Borrar Enviar es: Protected Sub Button2_Click(ByVal sender As Object, ByVal e As System.EventArgs) Handles CmdBorrar.Click TxtCodGenero.Text = "" TxtDescripcion.Text = "" TxtGenero.Text = "" TxtCodGenero.Focus() End Sub

Al terminar los procesos descritos en los apartados anteriores y ejecutar la pagina Generos, la imagen resultante ser谩:

Desarrollo de aplicaciones WEB dinámicas El Estudiante Dice y Hace: Ejercicios para hacer en casa: 1. El estudiante, con base en los conocimientos adquiridos y los ejemplos explicados por el formador en clase, de manera autónoma y personal diseñará y programará los formularios restantes de la aplicación ejemplo (Autores, Libros y Editorial) 2. El estudiante aplicará todo lo aprendido y realizará cada uno de los procesos en el proyecto personal, el cual será revisado por el formador, y éste brindará la asesoría pertinente, vigilando la calidad y la eficiencia de la aplicación. Valoración de Evidencias _____

Desarrollo de aplicaciones WEB dinámicas

Temas 1. Procesos de gestión de una base de datos 2. Qué es una consulta 3. Tipos de consultas

Logros de competencia 1. Genera los procesos de gestión a la base de datos desde la interfaz grafica de usuario. 2. Demuestra interés en los temas referentes a la materia y en la realización del proyecto final.

Indicador de logros Crea formularios que permiten consultar la base de datos de diferentes formas. Crea formularios que permiten modificar y editar registros de la base de datos. Crea formularios que permiten actualizar la base de datos. Crea formularios que permiten eliminar registros de la base de datos

Evidencia

Desempeño y Producto

Procesos de gestión desde la interfaz grafica de usuario a la base de datos.

Unidad Cuatro:

Desarrollo de aplicaciones WEB dinámicas El Formador Dice y Hace:

4. Procesos de gestión de una base de datos: 4.1 ¿Qué es una Consulta?: En bases de datos, una consulta es el método para acceder a los datos en las bases de datos. Con las consultas se puede modificar, borrar, mostrar y agregar datos en una base de datos. Para esto se utiliza un lenguaje de consultas. El lenguaje de consultas a base de datos más utilizado es el SQL.

Técnicamente hablando, las consultas a la base de datos se realizan a través de un lenguaje de manipulación de datos (DML – Data Manipulation Language). SQL es un lenguaje DML, pero además posee características de otros lenguajes. Por ejemplo, permite también crear bases de datos.

Uso de las consultas.- La funcionalidad de una base de datos se encuentra en su capacidad de ver los datos deseados organizados de acuerdo a un cierto orden. Una consulta es una herramienta que consiste en poder solicitar los datos memorizados. Las más frecuentes son las de selección que consisten en ver los datos de las tablas, analizarlos y, eventualmente, modificarlos. Los datos solicitados se visualizan en una Dynaset, que muestra un conjunto dinámico de datos procedentes de una o más tablas. Existe la posibilidad de agregar y modificar los datos en el campo del Dynaset, así como en una tabla. Las modificaciones tendrán efecto sobre las tablas de origen de la misma base de datos. Con las consultas se puede: Elegir determinados campos de una tabla Elegir los registros (por ejemplo, las personas nacidas en un determinado año) 42

Desarrollo de aplicaciones WEB dinámicas Ordenar los registros (por ejemplo, en orden alfabético ascendente o descendente) Ejecutar cálculos (campos calculados) para, por ejemplo, crear un campo que multiplique el precio por la cantidad existente y que después memorice el resultado.

4.2 Tipos de Consultas: 4.2.1 Consultas de acción: Las consultas de acción, ejecutan alguna acción en forma automática, realizando el proceso que se les haya indicado mediante los correspondientes parámetros, y son particularmente adecuadas para hacer cambios similares en una gran cantidad de registros. 4.2.1.1.

Consultas de eliminación:

Este tipo de consulta elimina un grupo de registros de una o más tablas. Existe la posibilidad, por ejemplo, de utilizar una consulta de eliminación para reemplazar los productos que se han dejado de producir o para aquellos sobre los cuales no existen pedidos. Con las consultas de eliminación siempre se eliminan registros internos y no únicamente determinados campos de su interior.

4.2.1.2.

Consultas de actualización:

Este tipo aporta modificaciones globales a uno o más tablas. Existe la posibilidad, por ejemplo, de aumentar en un 10 por ciento el precio de todos los productos lácteos o aumentar los salarios en un 5 por ciento a las personas pertenecientes a una determinada categoría laboral.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas 4.2.2 Consultas de selección: Las consultas de selección se utilizan para indicar al motor de datos que devuelva información de las bases de datos, esta información es devuelta en forma de conjunto de registros que se pueden almacenar en un objeto recordset. Este conjunto de registros es modificable.

El Formador Dice y el estudiante Hace: 4.3 Crear consultas de selección en ASP.Net: Vamos a comenzar con la creación de consultas básicas sobre nuestra base de datos Biblioteca, tal y como describiré a continuación:

1. En principio vamos a agregar una nueva página, de la siguiente manera: seleccionamos el menú Sitio Web, en donde escogemos la opción Agregar elemento existente…

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

2. En el cuadro de dialogo que aparece en pantalla seleccionamos Web Forms, luego damos un nombre significativo, en nuestro caso CAutoresPorPais y damos clic en Agregar.

3. En la pagina resultante insertaremos una tabla a la cual daremos una apariencia como la de la imagen anterior en donde agregaremos una imagen, un titulo, una etiqueta que indique al usuario que digite el nombre del país de origen del autor, un cuadro de texto, un botón de comando con el texto de Consultar y un nuevo objeto llamado ListView al cual modificaremos siguiendo los pasos que se describirán a continuación.

4. Seleccionamos el nuevo objeto agregado (ListView) y damos clic en el botón de Tareas de ListView,

seleccionamos en el cuadro combinado Elegir

origen de datos la opción <Nuevo Origen de datos…>

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas 5. Aparece

cuadro

dialogo Elija un nuevo origen de datos, en el cual seleccionamos Base de datos y si deseamos cambiamos el nombre; en nuestro caso colocamos AutoresSqlDatasource1 y damos clic en el botón Aceptar y luego en el botón Nueva Conexión. 6. En el cuadro de dialogo Agregar conexión seleccionamos el nombre del servidor y luego el nombre de la base de datos; para verificar que no hay problema con la conexión, seleccionamos el botón Probar conexión. El sistema, mediante un cuadro de mensaje, confirma si la prueba se realizó correctamente, y finalizamos dando clic en el botón Aceptar y luego nuevamente en el botón Aceptar del cuadro de dialogo Agregar conexión. Luego damos clic en el botón Siguiente.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

En el cuadro de dialogo se recomienda tener seleccionada la

casilla

verificación

correspondiente a la opción que confirma

sistema

que

deseamos guardar la cadena de conexión

archivo

configuración; luego damos clic en el botón Siguiente

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas 7. En el cuadro de dialogo Configurar la instrucción Select

seleccionamos

tabla a la que deseamos crearle la consulta, luego seleccionamos la casilla de verificación

que

permite

determinar los campos que queremos ver en la consulta, luego damos clic en el botón WHERE… 8. En el cuadro de dialogo Agregar

clausula

WHERE seleccionamos el campo o atributo que nos servirá para

como la

parámetro

consulta

nuestro

en caso

Nacionalidad,

luego

seleccionaremos el tipo de origen en nuestro caso Control,

continuamos

seleccionando el control del

formulario

contiene

valor

que del

parámetro en nuestro caso TextBox1. Finalizamos dando clic en el botón Agregar y luego en el botón Aceptar.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

9. Ahora damos clic en el botón Avanzadas y en el cuadro de dialogo Opciones de generación SQL avanzadas activamos las dos casillas de verificación que allí se encuentran (Se recomienda leer la descripción del cuadro de dialogo) y damos clic en el botón Aceptar, luego damos clic en el botón Siguiente.

10. En el cuadro de dialogo Consulta de prueba damos clic en el botón Consulta de prueba, luego aparece un cuadro de dialogo donde digitamos un valor que

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas nos permitirá verificar si los procesos anteriores se realizaron correctamente y damos clic en el botón Aceptar. Vemos entonces el resultado pertinente dependiendo del valor digitado y culminamos dando clic en el botón Finalizar

11. Sólo nos resta programar el botón Consultar digitando el siguiente código dentro de éste: Partial Class CAutoresPorPais Inherits System.Web.UI.Page Protected Sub Button1_Click(ByVal sender As Object, ByVal e As_ System.EventArgs) Handles Button1.Click ListView1.DataBind() End Sub End Class

De esta manera el objeto ListView se actualiza con la información generada por la consulta y se mostraran los registros que coincidan con el parámetro establecido, en nuestro caso la nacionalidad del autor.

4.3 Crear consultas de Actualización y eliminación en ASP.Net: Con un ejemplo vamos a ilustrar la forma en cómo podríamos actualizar información de las diferentes entidades o tablas de la base de datos así como eliminar registros de las mismas.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas Empecemos: 1. Iniciamos agregando una nueva página a la cual daremos el nombre de CActualizacion; luego agregamos una tabla con tres filas, la primera para el titulo, la segunda como para un titulo y la otra para agregarle un ListView que será el objeto que permitirá alojar los datos de la tabla escogida, en nuestro caso Autores. Al final de este primer paso debemos tener algo con la siguiente apariencia.

2. En el menú Tareas de Listview, en la lista desplegable Elegir origen de datos damos clic en <Nuevo origen de datos…>. Aparece entonces el asistente para configuración de orígenes de datos en el cual seleccionamos Base de datos, luego si lo queremos diferente

damos al

sugerido

nombre por

sistema y terminamos dando clic en el botón Aceptar. (estos pasos ya

INCAP

han

realizado

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas anteriormente). 3. Al aparecer el asistente para configuración de origen de datos damos clic en Nueva conexión, luego seleccionamos el nombre del servidor y el nombre de la base de datos con la que se realizara la conexión, en nuestro caso Biblioteca; continuamos dando clic en el botón Probar conexión, luego en los botones Aceptar, Aceptar y Siguiente.

4. El

asistente

muestra

una

página donde la cadena de conexión se puede almacenar, si se desea, en el archivo de configuración.

Debemos

asegurarnos que esté activa la casilla

verificación

Si,

guardar esta conexión como y damos clic en Siguiente dejando

nombre

predeterminado por el sistema.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

5. Seleccionamos en el cuadro de dialogo la opción Especificar una instrucción SQL o un procedimiento almacenado personalizado y luego damos clic en el botón Siguiente 6. En

pagina

Definir

instrucciones

procedimientos

almacenados

personalizados, escriba la consulta SQL siguiente: SELECT Cod_Autor, Autor, Nacionalidad FROM Autores

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas 7. Damos clic en la etiqueta UPDATE y, a continuación, escribimos la siguiente consulta SQL para actualizar los datos de la entidad Autores. UPDATE Autores SET Cod_Autor = @Cod_Autor, Autor = @Autor, Nacionalidad = @Nacionalidad WHERE (Cod_Autor = @Cod_Autor)

8. Damos clic en la etiqueta DELETE y escribimos la siguiente consulta SQL para eliminar datos de la entidad Autores: DELETE FROM Autores WHERE (Cod_Autor = @Cod_Autor)

9. Damos clic en el botón Siguiente, para asegurarnos de que la consulta recupera los datos que deseamos, damos clic en Consulta de prueba y luego damos clic en el botón Finalizar.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas

10. En el menú Tareas de ListView damos clic en Configurar ListView. En Opciones, active las casillas Habilitar edición, y Habilitar eliminación. Adicionalmente podemos seleccionar un diseño y un estilo diferente para permitir que sea más legible visualizar los datos, en nuestro caso seleccionaremos Cuadricula y profesional respectivamente.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas Miremos la apariencia de nuestra página al final del proceso cuando la ejecutemos.

El Estudiante Dice y Hace:

Ejercicios para hacer en casa: 1. El estudiante con base en los conocimientos adquiridos y los ejemplos explicados por el formador en clase, de manera autónoma y personal diseñará las consultas pertinentes para la base de datos ejemplo. 2. El estudiante aplicará todo lo aprendido y realizara cada uno de los procesos en el proyecto personal, el cual será revisado por el formador y este brindará la asesoría pertinente, vigilando la calidad y la eficiencia de la aplicación.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas Ejercicios para hacer en clase: 1. El estudiante consultará la forma de diseñar un formulario que enlace todas las páginas creadas, para lo cual pedirá asesoría al formador. La apariencia puede ser como la que se muestra en la siguiente imagen:

2. El estudiante terminara de diseñar y crear el proyecto de gestión de base de datos relacional, el cual utilizará como interfaz grafica de usuario páginas web dinámicas hasta la fecha creadas, las cuales permitirán a los usuarios de internet realizar procesos de gestión sobre una base de datos especifica.

INCAP

Jesús Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinámicas BIBLIOGRAFÍA FAHNLE, Pablo, Webmaster Solo TuWeb.com TUTORIAL, Modificar datos con el control de servidor Web ListView ASP.NET 2.0, Formularios Web y Controles Web ANNEAR NARANJO, Jesús Arturo. Desarrollo de aplicaciones comerciales en Visual basic y MySql. Instituto Colombiano de Aprendizaje INCAP. QUIJANO, j. VBScript

http://mit.ocw.universia.net/curso11208/11/11.208/IAP02/lecturenotes/lecture5-2.html http://www.google.com.co/search?hl=es&rlz=1R2RNTN_esCO373&defl=es&q =define:gestor+de+base+de+datos&ei=apa_S-mpJoH8AbzjcXICA&sa=X&oi=glossary_definition&ct=title&ved=0CAYQkAE http://es.wikipedia.org/wiki/Tabla_(base_de_datos) http://www.alegsa.com.ar/Dic/consulta%20en%20base%20de%20datos.php