Vous êtes sur la page 1sur 58

DESARROLLO DE APLICACIONES WEB DINMICAS

Gua para el estudiante

Elaborado por el formador:

JESS ARTURO ANNEAR NARANJO

INSTITUTO COLOMBIANO DE APRENDIZAJE

Programa Tcnico Laboral en Sistemas


1

INCAP

EL SIGUIENTE MATERIAL SE PREPAR CON FINES ESTRICTAMENTE ACADMICOS, DE ACUERDO CON EL ARTCULO 32 DE LA LEY 23 DE 1982, CUYO TEXTO ES EL SIGUIENTE:

ARTCULO 32: Es permitido utilizar obras literarias, artsticas o parte de ellas, a ttulo de ilustracin en obras destinadas a la enseanza, por medio de publicaciones, emisiones o radiodifusiones, o grabaciones sonoras o visuales, dentro de los lmites justificados por el fin propuesto, o comunicar con propsito de enseanza la obra radiodifundida para fines escolares, educativos, universitarios y de formacin personal sin fines de lucro, con la obligacin de mencionar el nombre del autor y el ttulo de las obras utilizadas.

Introduccin al desarrollo de sitios web Instituto Colombiano de Aprendizaje Elaborado por: Jess Arturo Annear Naranjo

Editado por: Instituto Colombiano de Aprendizaje INCAP Avenida Caracas No. 63-66 Prohibida la reproduccin parcial o total bajo cualquier forma (Art. 125 Ley 23 de 1982) Bogot Colombia Versin 01 - Enero 2010

CONTENIDO
Presentacin ____________________________________________________________ 6 GUA METODOLGICA _________________________________________________ 7

Unidad Uno: Planteamiento del Proyecto y Diseo Del Modelo Entidad Relacin (MER) ___________________________________________________________________ 9 1. El modelo relacional: _______________________________________________ 10
1.1 Cualidades de un buen diseo de base de datos: ______________________________________ 10 1.2 Introduccin al modelo Entidad/Interrelacin (E/R): ____________________________________ 11 1.3 Proceso de diseo en el modelo E-R ________________________________________________ 11 1.4 Paso del modelo E/R al diseo de la base de datos _____________________________________ 11
1.4.1 Pasos para disear una base de datos relacional: ________________________________________________ 1.4.2 Empecemos con el propsito: ______________________________________________________________ 1.4.3 Determinar las tablas o entidades pertinentes: __________________________________________________ 1.4.4 Determinar los campos o atributos que compondrn las tablas o entidades: ____________________________ 1.4.5 Establecer las relaciones pertinentes entre las entidades mediante el diseo del modelo entidad relacin (MER): _ 1.4.6 Mantenimiento de la base de datos: _________________________________________________________ 12 12 12 12 13 13

Unidad Dos: ____________________________________________________________ 15 Implementacin del MER En SQL Server 2005 _______________________ 15 2. Implementacin del Modelo Entidad Relacin ____________________ 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 fornea?__________________________________________________________ 17 2.6 Qu es una Relacin? __________________________________________________________ 17
2.6.1 Tipos de Relaciones: _____________________________________________________________________ 17

2.7 Creacin de la base de datos: _____________________________________________________ 18

2.7.1 Crear relaciones entre tablas de forma grfica: __________________________________________________ 21

Unidad Tres: Pginas Web dinmicas en ASP.Net y VisualBasic.Net, y Conectividad a la base de datos _______________________________________ 27 3. Diseo e implementacin de la interfaz grafica de usuario _______ 28
3.1 Concepto de pgina Web dinmica: _________________________________________________ 28 3.2 Qu es Internet Information services? ______________________________________________ 28 3.3 Qu es ASP.Net? ______________________________________________________________ 29
3.3.1 Pginas: ______________________________________________________________________________ 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 aplicacin Web: _________________________________________________________ 30

Unidad Cuatro: Procesos de gestin desde la interfaz grafica de usuario a la base de datos. ___________________________________________________________________ 41 4. Procesos de gestin de una base de datos:__________________________ 42
4.1 Qu es una Consulta?:__________________________________________________________ 42 4.2 Tipos de Consultas: _____________________________________________________________ 43
4.2.1 Consultas de accin: _____________________________________________________________________ 43 4.2.2 Consultas de seleccin: __________________________________________________________________ 44

4.3 Crear consultas de seleccin en ASP.Net: ____________________________________________ 44 4.3 Crear consultas de Actualizacin y eliminacin en ASP.Net: ______________________________ 50

BIBLIOGRAFA ________________________________________________________ 58

Apreciado estudiante: Usted escogi al INCAP para que lo oriente en el camino de la formacin profesional. La institucin le proporcionar un formador, quien le ayudar a descubrir sus propios conocimientos y habilidades. El INCAP, le ofrece adems, recursos para que usted alcance sus metas, es decir, lo que se haya propuesto y para ello dispondr de mdulos gua, audiovisuales de apoyo, sistemas de evaluacin, aula y espacios adecuados para trabajos individuales y de grupo. ste mdulo gua que constituye adems un portafolio de evidencias de aprendizaje, est distribuido de la siguiente manera: PRESENTACIN: Es la informacin general sobre los contenidos, la metodologa, los alcances la importancia y el propsito del mdulo. GUA METODOLGICA: Orienta la prctica pedaggica en el desarrollo del proceso de formacin evaluacin y se complementa con el documento de la didctica para la formacin por competencias de manejo del formador. DIAGNSTICO DE ESTILO DE APRENDIZAJE: Que le permitir utilizar la estrategia ms 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 concertacin de su formacin 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 estn presentados as: Unidad Logro de competencia laboral Indicadores de logro: Evidencias Didctica del mtodo inductivo Activo para el desarrollo de las competencias: FDH: Formador Dice y Hace, FDEH: Formador Dice y Estudiante Hace, EDH: Estudiante Dice y Hace.

BIBLIOGRAFA

Presentacin
En la actualidad las empresas requieren de exponer sus productos ante miles de personas sin invertir demasiado dinero y esfuerzos logsticos, como asesores comerciales, publicidad y otros apoyos necesarios para dar a conocer sus productos. Uno de los medios ms 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 comunicacin explotando al mximo las posibilidades tcnicas que ste les brinda y lo ms 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 nmero sea cual fuere su actividad. Tendr que integrar la comunidad Internet y mostrar que tiene inters en servirla. Su competencia directa est all. Por medio de Internet, se podr suministrar atencin al cliente de una manera efectiva y completamente automtica, el departamento comercial podr contestar sus preguntas sin movilizar a su personal o recomendar sus productos basndose en los requerimientos de sus usuarios e incluso obtener retroalimentacin 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 dinmicas aporten a las empresas el conocimiento tcnico que les permita suplir sus necesidades en este frente. Este modulo contiene los elementos bsicos 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 difcil y t, que nadie te niegue esa esplndida oportunidad para cobrar fuerza, maestra y merecer el xito.

GUA METODOLGICA
La estrategia metodolgica del INCAP, para la formacin tcnica del aprendiz mediante competencias laborales, comprende dos caminos: 1. Las clases presenciales dictadas por el Formador haciendo uso del mtodo inductivo activo El trabajo prctico de los estudiantes dirigido y evaluado por el Formador, a travs de talleres, desarrollo de casos, lecturas y consultas de los temas de clase etc. Con esto se busca fomentar en el estudiante el anlisis, el uso de herramientas tecnolgicas y la responsabilidad.

2.

Los mdulos gua utilizados por el INCAP, para desarrollar cada uno de los cursos, se elaboran teniendo en cuenta sta metodologa. Sus caractersticas 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: Definicin de trminos 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 explicacin 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 prctico que desarrollan los estudiantes fuera de la clase, a travs 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 ms relevantes y ejercicios generales.

DIAGNSTICO
INFORMACIN GENERAL Regional_____________Programa__________________Mdulo__________ Estudiante_________________________Formador_____________________ EVALUACIN DIAGNSTICA Estilo de aprendizaje_____________________________________________

Desarrollo de aplicaciones WEB dinmicas

Unidad Uno:
Planteamiento del Proyecto y Diseo Del Modelo Entidad Relacin (MER)
9

Temas
1. Conceptos de base de datos 2. Conceptos sobre modelado de datos 3. Conocimiento de los pasos para el diseo de una base de datos relacional Logros de competencia 1. Realizar de manera tcnica el planteamiento de un proyecto de gestin de bases de datos relacional y disea el Modelo Entidad Relacin (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 relacin para el planteamiento de la misma y su respectiva implementacin. 2. Conoce y utiliza de manera lgica, tcnica y coherente los pasos para el diseo de una base de datos.

Evidencia
Desempeo

Desempeo y Producto

Desarrollo de aplicaciones WEB dinmicas 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 estn 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 slo 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 dinmica. 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 ms columnas. La mayora de las claves primarias estn formadas por una nica columna (p.ej., CIUDAD_ID), pero en algunos casos esta clave primaria debe estar compuesta por ms de un campo segn los requerimientos de la misma. Para establecer una relacin 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 fornea.
Nota: Estos dos conceptos --clave primaria y secundaria-- son los ms importantes en el diseo de bases de datos. El estudiante debe repasarlos ya que son parte del conocimiento previo adquirido y ser fundamental al momento de disear e implementar una base de datos.

1.1 Cualidades de un buen diseo 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 informacin redundante. Proporciona un acceso eficaz a los datos Mantiene la integridad de los datos a lo largo del tiempo Es claro, coherente y de fcil comprensin
10

Desarrollo de aplicaciones WEB dinmicas 1.2 Introduccin al modelo Entidad/Interrelacin (E/R):


El modelo Entidad/Interrelacin (E/R): un mtodo de diseo de bases de datos Muestra de una versin 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 diseo 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 o o

Uno a uno Uno a varios Varios a varios

Dibujar el diagrama Entidad/Interrelacin. 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 diseo de la base de datos
Vamos a recordar de manera rpida los pasos para disear una base de datos relacional, la implementacin del modelo entidad relacin, la cardinalidad de relaciones y la cardinalidad de atributos, utilizando para ello una aplicacin de base de datos bsica. Estos conocimientos el estudiante de este nivel ya debe dominarlos de manera adecuada, as que, slo nos limitaremos a dar un breve repaso por los mismos en aras de establecer un enlace lgico y coherente entre los temas que se exponen en este mdulo.
INCAP Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


Empecemos entonces 1.4.1 Pasos para disear una base de datos relacional: a) Determinar el propsito 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 propsito: Se diseara 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 gneros Saber por editorial cuntos libros se tienen en la biblioteca Saber de cada autor cuntos libros existen en la biblioteca Consultar los datos de los autores de los libros Catalogar los libros por gnero Catalogar los libros por autor Actualizar la informacin de la base de datos Los dems 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. Gneros. Editoriales.

1.4.4 Determinar los campos o atributos que compondrn 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 Descripcin

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


1.4.5 Establecer las relaciones pertinentes entre las entidades mediante el diseo del modelo entidad relacin (MER):

1.4.6 Mantenimiento de la base de datos: Este proceso se debe realizar en cualquier etapa del diseo y desarrollo de la aplicacin, dependiendo de las necesidades que surjan y los problemas, o modificaciones, que se puedan presentar. Terminado el proceso de diseo, pasamos a la implementacin de dicho diseo 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 estn familiarizados con l. A este paso le denominamos Implementacin del modelo entidad relacin (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 autnoma 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

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


2. El estudiante entregar al formador una propuesta formal para el diseo e implementacin del proyecto donde especifique los objetivos y alcance de tal proyecto, y donde se evidencien cada uno de los pasos para el diseo 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.

Valoracin de Evidencias _____

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

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

Unidad Dos:
Temas

Que es un gestor de base de datos. Caractersticas generales del lenguaje Sql. Sentencias bsicas del lenguaje. Que es una Bases de datos. Definicin de: Tabla, clave primaria, clave fornea y relaciones. Que es una Copia de seguridad. Proceso de restauracin.

Logros de competencia 1. Implementar el MER (Modelo entidad relacin) utilizando como herramienta de implementacin SqlServer 2005.

Indicador de logros
Aplica de manera adecuada los conceptos aprendidos. Crea tcnicamente 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.

Evidencia
Conocimiento

Desempeo y Producto

INCAP

Jess Arturo Annear Naranjo

Implementacin del MER En SQL Server 2005

Desarrollo de aplicaciones WEB dinmicas El Formador Dice y Hace: 2. Implementacin del Modelo Entidad Relacin 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 definicin (especificacin de los tipos de datos, las estructuras y restricciones), construccin (almacenar los datos concretos en dispositivos fsicos) y manipulacin (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 informacin organizada en tablas o entidades las cuales se encuentran relacionadas entre s. Las bases de datos facilitan un rpido acceso a la informacin necesaria para la toma de decisiones; las bases de datos permiten hacer listados, consultas, crear pantallas de visualizacin 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 clculo. Las tablas se componen de dos estructuras: Campo: Corresponde al nombre de la columna. Debe ser nico y adems 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

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


En la definicin 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, adems, 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 diseo de bases de datos relacionales, se llama clave primaria a un campo o a una combinacin 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 fornea?


Es un campo o conjunto de campos que siendo clave primaria en una tabla, se agrega o agregan a otra tabla para establecer la relacin pertinente entre las mismas.

2.6 Qu es una Relacin?


La Relacin se define como una asociacin establecida entre campos comunes de dos tablas, en la que se pueden combinar informacin 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 diseo del Modelo Entidad Relacin y habiendo repasado y comprendido los conceptos anteriores, vamos a continuar con la implementacin del mismo de la siguiente manera:

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas El Formador Dice y el estudiante Hace: 2.7 Creacin 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 opcin 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 botn aceptar.

3. En el panel del explorador de objetos observamos la nueva base de datos recin creada; a continuacin, 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

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

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

5. En el diseador 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

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

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

7. En el men que aparece en pantalla vamos a dar clic en la opcin que corresponde a Establecer clave principal

La imagen final ser:

Y el cdigo equivalente en el lenguaje Sql para la creacin 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

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


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 grfica:


A continuacin se describir el proceso para establecer de manera fcil y rpida 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 opcin 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 opcin propiedades.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

c. En el cuadro de dialogo que aparece en pantalla seleccionamos la opcin


Archivos.

d. Lugo damos clic el botn generador.

e. Aparecer el cuadro de dialogo Seleccionar propietario de la base de datos y en el damos clic en el botn examinar.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

f. En el cuadro de dialogo Buscar objetos ubicamos y activamos la casilla de verificacin correspondiente al sa y terminamos confirmando la accin 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 botn Agregar.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

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 fornea 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 fornea de dicha tabla.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

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

c. Para finalizar damos clic en el botn Aceptar y luego nuevamente en el botn 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 autnoma 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 investigacin el estudiante entregar un
INCAP Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


trabajo escrito al formador y socializar su investigacin en el aula de clase con sus compaeros. Se aclara que el estudiante debe tener como conocimiento previo estos procesos, y la intencin de la actividad es la de consolidar dicho conocimiento.

Valoracin de Evidencias _____

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

3
1. 2. 3. 4. 5.

Unidad Tres:
Temas

Conceptos bsicos. Internet Information services. Asp.Net. VisualBasic.Net. Entrada y salida de datos.

Logros de competencia 1. Disea e implementa pginas Web dinmicas en ASP.Net y VisualBasic.Net aplicando y respetando las normas tcnicas 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 pginas web dinmicas en ASP.Net. Programa formularios en VisualBasic.Net sobre paginas ASP, para realizar procesos de llenado de datos.

Evidencia
Conocimiento

Desempeo y Producto

Pginas Web dinmicas en ASP.Net y VisualBasic.Net, y Conectividad a la base de datos


27

Desarrollo de aplicaciones WEB dinmicas El Formador Dice y Hace:

3. Diseo e implementacin de la interfaz grafica de usuario 3.1 Concepto de pgina Web dinmica:
Se conoce con el nombre de pgina web dinmica a aqulla, cuyo contenido se genera a partir de lo que un usuario introduce en un web o formulario. El contenido de la pgina no est incluido en un archivo html como en el caso de las pginas web estticas. Las aplicaciones ms conocidas de las pginas web dinmicas son:

Mostrar el contenido de una base de datos, con base en la informacin que solicita un usuario a travs de un formulario de web. Actualizar el contenido de una base de datos. Generar pginas web de contenido esttico. Mejorar la interaccin 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 pginas 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.

28

Desarrollo de aplicaciones WEB dinmicas


El servidor web se basa en varios mdulos que le dan capacidad para procesar distintos tipos de pginas, por ejemplo Microsoft incluye los de Active Server Pages (ASP) y ASP.NET. Tambin 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 dinmicos, aplicaciones web y servicios web XML. Est construido sobre el Common Language Runtime, permitiendo a los programadores escribir cdigo ASP.NET usando cualquier lenguaje admitido por el .NET Framework.

3.3.1 Pginas:
Las pginas de ASP.NET, conocidas oficialmente como "web forms" (formularios web), son el principal medio de construccin para el desarrollo de aplicaciones web. Los formularios web estn contenidos en archivos con una extensin ASPX; en trminos comprensibles de programacin, estos archivos tpicamente contienen etiquetas HTML o XHTML esttico, y tambin etiquetas definiendo Controles Web que se procesan del lado del servidor y Controles de Usuario donde los desarrolladores colocan todo el cdigo esttico y dinmico requerido por la pgina 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 versin 2.0. Un entorno de creacin de cdigo. 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 aplicacin.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas 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 informacin desde un entorno grfico creado en ASP.Net (estamos refirindonos a pginas Web dinmicas). En estos procesos debemos recordar temas como la creacin de una conexin ODBC, que me permitir generar la interfaz entre el entorno grfico y la base de datos; adicionalmente el estudiante debe repasar de manera autnoma sentencias SQL y lo aprendido en la programacin con VisuLBasic.Net, conceptos que sern necesarios para optimizar nuestro trabajo.

3.5.1 Crear el proyecto de aplicacin Web:

1.

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

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

2.

En el panel de plantillas seleccionamos Sitio Web ASP.NET. En la parte inferior de este panel encontramos dos cuadros combinados correspondientes a Ubicacin 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 Ubicacin; esto indica que la aplicacin Web debe configurarse para ejecutarse como una aplicacin local en nuestra computadora. Adicionalmente al proyecto nosotros le daremos el nombre de ProyectoBiblioteca as: D:\ProyectoBiblioteca como aparece en la grfica siguiente.

3. Al dar clic en el botn Aceptar aparecer la siguiente imagen, donde aparece como pgina
principal la pagina Default.aspx, esta pgina la reservaremos para modificarla y programarla ms adelante; en este momento agregaremos una nueva pgina que nos permitir crear nuestro primer formulario de llenado de datos.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

4. Para agregar la nueva pgina seleccionamos el men Sitio Web,


y en el damos clic en la opcin Agregar nuevo elemento; entonces aparece un cuadro de dialogo donde seleccionamos la plantilla Web Forms, luego damos un nombre significativo a la pgina, en nuestro caso la llamaremos Generos y damos clic en Agregar.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

5. Vamos ahora a crear nuestro primer formulario de registro de datos, de la siguiente manera: en la pgina Generos.aspx agregamos una tabla, seleccionando en el cuadro de herramientas en la categora HTML la opcin Table dando doble clic sobre ella. Luego de esta accin
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 disear.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

El formulario debe tener la


apariencia de la grfica despus de haber agregado las etiquetas y los cuadros de texto respectivos para registrar el cdigo del gnero, el gnero y su descripcin.

6. El paso ms 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 cmo configurar este control de datos; este control en principio muestra abc en modo de diseo indicando de esta manera que los datos que se recuperan de un origen de datos en tiempo de ejecucin son de tipo string.

Luego de haber realizado ciertos cambios en el diseo (cambios hechos por el estudiante de manera autnoma asesorado por el formador) ,la apariencia del formulario puede ser la siguiente:

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

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 opcin

<Nuevo origen de datos.>

En el cuadro de dialogo que aparece en pantalla se selecciona la opcin 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 aplicacin interactu con la base de datos; luego debemos dar clic en Aceptar para dar comienzo al asistente Configurar origen de datos.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

Aparece entonces el cuadro de dialogo que nos permitir seleccionar la conexin pertinente. En nuestro caso damos clic en nueva conexin.
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 opcin

Seleccione o escriba el nombre de la base de datos, seleccionamos la


base de datos respectiva, en nuestro caso Biblioteca; Damos clic en el botn Aceptar y luego en el botn

Siguiente.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


Aparece un cuadro de dialogo que me pregunta si deseo guardar la conexin en el archivo de configuracin de la aplicacin, para lo cual damos clic en el botn Siguiente, manteniendo el nombre que anteriormente dimos a dicha conexin. 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 verificacin de cada uno de los campos o solo la casilla de verificacin correspondiente al asterisco (*). Luego de realizado tal procedimiento, damos clic en el botn Avanzadas En el cuadro de dialogo que aparece en pantalla activamos la casilla de verificacin correspondiente a la opcin Generar instrucciones Insert, Update y Delete y luego damos clic en el botn Aceptar y luego en el botn Siguiente.

En el cuadro de dialogo Consulta de prueba damos clic en el botn Consulta de prueba, opcin que me permite ver los datos de la tabla si es que ya hemos ingresado datos; de lo contrario no veremos ningn resultado pero si los encabezados de las columnas o campos. Luego de realizado el procedimiento damos clic en el botn 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

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

Damos clic sobre el GridView y automticamente se muestra el objeto SqlDataSource al cual le modificaremos la propiedad InsertQuery dando clic en el botn 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 opcin

Origen

del

parmetro

seleccionamos la opcin 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 informacin que se almacenara en el campo. (Este proceso se debe realizar con cada uno de los campos). Al final damos clic en el botn Aceptar. Solo nos resta programar los botones Enviar y Borrar que se encargarn de registrar la informacin en la tabla y limpiar los cuadros de texto para ingresar un nuevo registro.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


La programacin 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 programacin 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:

39

Desarrollo de aplicaciones WEB dinmicas 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 autnoma y personal disear y programar los formularios restantes de la aplicacin 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 asesora pertinente, vigilando la calidad y la eficiencia de la aplicacin. Valoracin de Evidencias _____

40

Desarrollo de aplicaciones WEB dinmicas

Unidad Cuatro:
Procesos de gestin desde la interfaz grafica de usuario a la base de datos.
41

Temas
1. Procesos de gestin de una base de datos 2. Qu es una consulta 3. Tipos de consultas

Logros de competencia 1. Genera los procesos de gestin a la base de datos desde la interfaz grafica de usuario. 2. Demuestra inters en los temas referentes a la materia y en la realizacin 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

Desempeo y Producto

Desarrollo de aplicaciones WEB dinmicas El Formador Dice y Hace:

4. Procesos de gestin de una base de datos: 4.1 Qu es una Consulta?:


En bases de datos, una consulta es el mtodo 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 ms utilizado es el SQL.

Tcnicamente hablando, las consultas a la base de datos se realizan a travs de un lenguaje de manipulacin de datos (DML Data Manipulation Language). SQL es un lenguaje DML, pero adems posee caractersticas de otros lenguajes. Por ejemplo, permite tambin 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 ms frecuentes son las de seleccin 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 dinmico de datos procedentes de una o ms tablas. Existe la posibilidad de agregar y modificar los datos en el campo del Dynaset, as como en una tabla. Las modificaciones tendrn 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 ao)
42

Desarrollo de aplicaciones WEB dinmicas


Ordenar los registros (por ejemplo, en orden alfabtico ascendente o descendente) Ejecutar clculos (campos calculados) para, por ejemplo, crear un campo que multiplique el precio por la cantidad existente y que despus memorice el resultado.

4.2 Tipos de Consultas: 4.2.1 Consultas de accin:


Las consultas de accin, ejecutan alguna accin en forma automtica, realizando el proceso que se les haya indicado mediante los correspondientes parmetros, y son particularmente adecuadas para hacer cambios similares en una gran cantidad de registros. 4.2.1.1.

Consultas de eliminacin:

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

4.2.1.2.

Consultas de actualizacin:

Este tipo aporta modificaciones globales a uno o ms tablas. Existe la posibilidad, por ejemplo, de aumentar en un 10 por ciento el precio de todos los productos lcteos o aumentar los salarios en un 5 por ciento a las personas pertenecientes a una determinada categora laboral.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas 4.2.2 Consultas de seleccin:


Las consultas de seleccin se utilizan para indicar al motor de datos que devuelva informacin de las bases de datos, esta informacin 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 seleccin en ASP.Net:


Vamos a comenzar con la creacin de consultas bsicas sobre nuestra base de datos Biblioteca, tal y como describir a continuacin:

1. En principio vamos a agregar una nueva pgina, de la siguiente manera: seleccionamos el men Sitio Web, en donde escogemos la opcin Agregar elemento existente

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

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 pas de origen del autor, un cuadro de texto, un botn de comando con el texto de Consultar y un nuevo objeto llamado ListView al cual modificaremos siguiendo los pasos que se describirn a continuacin.

4. Seleccionamos el nuevo objeto agregado (ListView) y damos clic en el botn de Tareas de ListView, seleccionamos en el cuadro combinado Elegir

origen de datos la opcin <Nuevo Origen de datos>

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


5. Aparece el cuadro de

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 botn Aceptar y luego en el botn Nueva Conexin. 6. En el cuadro de dialogo Agregar conexin seleccionamos el nombre del servidor y luego el nombre de la base de datos; para verificar que no hay problema con la conexin, seleccionamos el botn Probar conexin. El sistema, mediante un cuadro de mensaje, confirma si la prueba se realiz correctamente, y finalizamos dando clic en el botn Aceptar y luego nuevamente en el botn Aceptar del cuadro de dialogo Agregar conexin. Luego damos clic en el botn Siguiente.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

En el cuadro de dialogo se recomienda tener seleccionada la casilla de verificacin

correspondiente a la opcin que confirma al sistema que

deseamos guardar la cadena de conexin en el archivo de

configuracin; luego damos clic en el botn Siguiente

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


7. En el cuadro de dialogo Configurar la instruccin Select seleccionamos la

tabla a la que deseamos crearle la consulta, luego seleccionamos la casilla de verificacin que permite

determinar los campos que queremos ver en la consulta, luego damos clic en el botn WHERE 8. En el cuadro de dialogo Agregar clausula

WHERE seleccionamos el campo o atributo que nos servir para nuestro Nacionalidad, como la parmetro en caso luego

consulta

seleccionaremos el tipo de origen en nuestro caso Control, continuamos

seleccionando el control del formulario el valor que del

contiene

parmetro en nuestro caso TextBox1. Finalizamos dando clic en el botn Agregar y luego en el botn Aceptar.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

9. Ahora damos clic en el botn Avanzadas y en el cuadro de dialogo Opciones de generacin SQL avanzadas activamos las dos casillas de verificacin que all se encuentran (Se recomienda leer la descripcin del cuadro de dialogo) y damos clic en el botn Aceptar, luego damos clic en el botn Siguiente.

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

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


nos permitir verificar si los procesos anteriores se realizaron correctamente y damos clic en el botn Aceptar. Vemos entonces el resultado pertinente dependiendo del valor digitado y culminamos dando clic en el botn Finalizar

11. Slo nos resta programar el botn Consultar digitando el siguiente cdigo 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 informacin generada por la consulta y se mostraran los registros que coincidan con el parmetro establecido, en nuestro caso la nacionalidad del autor.

4.3 Crear consultas de Actualizacin y eliminacin en ASP.Net:


Con un ejemplo vamos a ilustrar la forma en cmo podramos actualizar informacin de las diferentes entidades o tablas de la base de datos as como eliminar registros de las mismas.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


Empecemos: 1. Iniciamos agregando una nueva pgina 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 configuracin de orgenes de datos en el cual seleccionamos Base de datos, luego si lo queremos diferente damos al un nombre por el

sugerido

sistema y terminamos dando clic en el botn Aceptar. (estos pasos ya se han realizado

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


anteriormente). 3. Al aparecer el asistente para configuracin de origen de datos damos clic en Nueva conexin, luego seleccionamos el nombre del servidor y el nombre de la base de datos con la que se realizara la conexin, en nuestro caso Biblioteca; continuamos dando clic en el botn Probar conexin, luego en los botones Aceptar, Aceptar y Siguiente.

4. El

asistente

muestra

una

pgina donde la cadena de conexin se puede almacenar, si se desea, en el archivo de configuracin. Debemos

asegurarnos que est activa la casilla de verificacin Si,

guardar esta conexin como y damos clic en Siguiente dejando el nombre

predeterminado por el sistema.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

5. Seleccionamos en el cuadro de dialogo la opcin Especificar una instruccin SQL o un procedimiento almacenado personalizado y luego damos clic en el botn Siguiente 6. En la pagina Definir instrucciones o procedimientos almacenados

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

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


7. Damos clic en la etiqueta UPDATE y, a continuacin, 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 botn Siguiente, para asegurarnos de que la consulta recupera los datos que deseamos, damos clic en Consulta de prueba y luego damos clic en el botn Finalizar.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas

10. En el men Tareas de ListView damos clic en Configurar ListView. En Opciones, active las casillas Habilitar edicin, y Habilitar eliminacin. Adicionalmente podemos seleccionar un diseo y un estilo diferente para permitir que sea ms legible visualizar los datos, en nuestro caso seleccionaremos Cuadricula y profesional respectivamente.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


Miremos la apariencia de nuestra pgina 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 autnoma y personal disear 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 asesora pertinente, vigilando la calidad y la eficiencia de la aplicacin.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas


Ejercicios para hacer en clase: 1. El estudiante consultar la forma de disear un formulario que enlace todas las pginas creadas, para lo cual pedir asesora al formador. La apariencia puede ser como la que se muestra en la siguiente imagen:

2. El estudiante terminara de disear y crear el proyecto de gestin de base de datos relacional, el cual utilizar como interfaz grafica de usuario pginas web dinmicas hasta la fecha creadas, las cuales permitirn a los usuarios de internet realizar procesos de gestin sobre una base de datos especifica.

INCAP

Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicas BIBLIOGRAFA


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, Jess 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

58