Modulo Desarrollo de Aplicaciones Web Dinámicas

DESARROLLO DE APLICACIONES WEB DINMICASGua para el estudiante

Elaborado por el formador:

JESS ARTURO ANNEAR NARANJO

INSTITUTO COLOMBIANO DE APRENDIZAJE

Programa Tcnico Laboral en Sistemas1

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

CONTENIDOPresentacin ____________________________________________________________ 6 GUA METODOLGICA _________________________________________________ 7

Unidad Uno: Planteamiento del Proyecto y Diseo Del Modelo Entidad Relacin (MER) ___________________________________________________________________ 9 1. El modelo relacional: _______________________________________________ 101.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 _____________________________________ 111.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 ____________________ 162.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? __________________________________________________________ 172.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 _______ 283.1 Concepto de pgina Web dinmica: _________________________________________________ 28 3.2 Qu es Internet Information services? ______________________________________________ 28 3.3 Qu es ASP.Net? ______________________________________________________________ 293.3.1 Pginas: ______________________________________________________________________________ 29

3.4 Requisitos de desarrollo de ASP.NET _______________________________________________ 29 3.5 Entrada y Salida de Datos: _______________________________________________________ 303.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:__________________________ 424.1 Qu es una Consulta?:__________________________________________________________ 42 4.2 Tipos de Consultas: _____________________________________________________________ 434.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

PresentacinEn 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 METODOLGICALa 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.

DIAGNSTICOINFORMACIN GENERAL Regional_____________Programa__________________Mdulo__________ Estudiante_________________________Formador_____________________ EVALUACIN DIAGNSTICA Estilo de aprendizaje_____________________________________________

Desarrollo de aplicaciones WEB dinmicas

1

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

Temas1. 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 logros1. 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.

EvidenciaDesempeo

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 comprensin10

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-RIdentificar 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 datosVamos 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 dinmicasEmpecemos 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 dinmicas1.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


Desarrollo de aplicaciones WEB dinmicas2. 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



21. 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 logrosAplica 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.

EvidenciaConocimiento

Desempeo y Producto

INCAP


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


Desarrollo de aplicaciones WEB dinmicasEn 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


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



4. Para crear las tablas requeridas damos clic alterno sobre la carpeta tablas y en el menseleccionamos 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 lasiguiente manera:

INCAP



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


Desarrollo de aplicaciones WEB dinmicasEl 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 clicderecho (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



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

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



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



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



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 unINCAP Jess Arturo Annear Naranjo

Desarrollo de aplicaciones WEB dinmicastrabajo 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



31. 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 logrosConoce 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.

EvidenciaConocimiento

Desempeo y Producto

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

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 dinmicasEl 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.NETPara 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


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



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 pginaprincipal 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



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



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 accinaparece 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



El formulario debe tener laapariencia 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



7. Vamos ahora a enlazar el control GridView a la tabla Generos contenida en la base de datosBiblioteca 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

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



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 labase de datos respectiva, en nuestro caso Biblioteca; Damos clic en el botn Aceptar y luego en el botn

Siguiente.

INCAP


Desarrollo de aplicaciones WEB dinmicasAparece 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



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


Desarrollo de aplicaciones WEB dinmicasLa 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


4

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

Temas1. 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 logrosCrea 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 dinmicasOrdenar 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


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



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

INCAP


Desarrollo de aplicaciones WEB dinmicas5. 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



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


Desarrollo de aplicaciones WEB dinmicas7. 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



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


Desarrollo de aplicaciones WEB dinmicasnos 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


Desarrollo de aplicaciones WEB dinmicasEmpecemos: 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 . 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


Desarrollo de aplicaciones WEB dinmicasanteriormente). 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



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


Desarrollo de aplicaciones WEB dinmicas7. 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



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


Desarrollo de aplicaciones WEB dinmicasMiremos 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


Desarrollo de aplicaciones WEB dinmicasEjercicios 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


Desarrollo de aplicaciones WEB dinmicas BIBLIOGRAFAFAHNLE, 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

Modulo Desarrollo de Aplicaciones Web Dinámicas

Documents

Transcript of Modulo Desarrollo de Aplicaciones Web Dinámicas