Post on 02-Mar-2015
Introducción a las Tecnologías Informáticas
Oscar Bedoyahttp://eisc.univalle.edu.co/~oscarbed/iti/
Desarrollo de aplicaciones Web
Aplicaciones Web
•Una aplicación WebUna aplicación Web es aquella que está basada en el servicio de información WWW, funciona en una red como Internet, es gobernada por un servidor y sus resultados son presentados mediante páginas web
Aplicaciones Web• Para el desarrollo de una aplicación web se usa un proceso que consta de 7 etapas, por medio de las cuales se obtiene finalmente el producto
Presentación
Análisis
Diseño
Implementación
Especificación de Requerimientos
Pruebas
Planeación
Aplicaciones Web• En la PLANEACIÓN se recolecta información que permite especificar aspectos de la aplicación Web, tal como quienes serán los clientes, donde se publicarán las páginas, entre otros
Para facilitar la recolección de información, se utiliza un documento llamado Plan Guía
Universidad del Valle
Proyecto Final
I.T.I.
ID-DOC:
PG-001
Revisión #: 1
Fecha: 2003/05/27
Título:
PLAN GUIA
Página 1/1
Titulo de la página web: Los secretos del ratón
1. ¿Cuál es el propósito del sitio web?
2. ¿A quién está dirigido el sitio web?
3. ¿Qué desean hacer sus clientes o usuarios en el sitio web?
4. ¿Qué estará disponible en el sitio web?
5. ¿Cuáles son los requerimientos de software del sitio web?
6. ¿Cuáles son los requerimientos de hardware del sitio web?
7. ¿Cuál será la ubicación de acceso a Internet del sitio web?
8. ¿Cuál será el proveedor de acceso a Internet del sitio web?
Planeación (continuación)
¿Cuál es el propósito de la aplicación Web? ______________________________________________________________________________________
¿A quién está dirigida la aplicación Web? ______________________________________________________________________________________
¿Qué desean hacer sus clientes en la aplicación Web? ______________________________________________________________________________________
Planeación (continuación)
¿Qué estará disponible en la aplicación Web? ______________________________________________________________________________________¿Cuáles son los requisitos de software de la aplicación Web? ______________________________________________________________________________________¿Cuáles son los requisitos de hardware de la aplicación Web? ______________________________________________________________________________________
Planeación (continuación)
¿Cuál será la ubicación del servidor Web? ______________________________________________________________________________________
¿Cuál será el proveedor de acceso a Internet de la aplicación Web? ______________________________________________________________________________________
Aplicaciones Web• Ubicación del servidor:Ubicación del servidor:
•Ubicación física: Instalaciones de la Universidad del valle, Escuela de Ingeniería de Sistemas y Computación (E.I.S.C.)
•Ubicación lógica: http://eisc.univalle.edu.co/
Aplicaciones Web• Requerimientos mínimos de software:Requerimientos mínimos de software:
•El sistema operativo
•El cliente web, browser o navegador
•Herramientas de diseño de paginas web
Universidad del Valle
Proyecto Final
I.T.I.
ID-DOC:
PG-001
Revisión #: 1
Fecha: 2003/05/27
Título:
PLAN GUIA
Página 1/1
Titulo de la página web: Los secretos del ratón
1. ¿Cuál es el propósito del sitio web?
2. ¿A quién está dirigido el sitio web?
3. ¿Qué desean hacer sus clientes o usuarios en el sitio web?
4. ¿Qué estará disponible en el sitio web?
5. ¿Cuáles son los requerimientos de software del sitio web?
6. ¿Cuáles son los requerimientos de hardware del sitio web?
7. ¿Cuál será la ubicación de acceso a Internet del sitio web?
8. ¿Cuál será el proveedor de acceso a Internet del sitio web?
Aplicaciones Web
Presentación
Análisis
Diseño
Implementación
Especificación de Requerimientos
Pruebas
Planeación
Aplicaciones Web• ESPECIFICACIÓN DE REQUERIMIENTOSESPECIFICACIÓN DE REQUERIMIENTOS
•Un requerimiento es algo que un sistema debe hacer
•Para la especificación de requerimientos se utiliza otro formato
Aplicaciones Web
Ref# Requerimientos
R1 Mostrar en pantalla el programa del curso
R2 Mostrar en pantalla las notas
R3 Permitir la descarga de las diapositivas expuestas en clase
R4 Permitir adicionar las diapositivas cada semana
Aplicaciones Web
Presentación
Análisis
Diseño
Implementación
Especificación de Requerimientos
Pruebas
Planeación
Aplicaciones Web• ANÁLISISANÁLISIS
•Es el proceso de examinar los requerimientos
•A partir de los requerimientos creados en la fase anterior se construye un modelo (diagrama de paquetes) donde se presentan los conceptos significativos del dominio del problema
•El análisis ayuda a transformar los requerimientos del sistema para poder construir un diseño que puede ser realizado en software
Aplicaciones Web
Presentación
Análisis
Diseño
Implementación
Especificación de Requerimientos
Pruebas
Planeación
Aplicaciones Web• DISEÑODISEÑO
•En el mundo industrial y académico antes de construir cualquier cosa es necesario diseñarla.
•En el diseño se intenta dar solución a los requerimientos especificados anteriormente, para ello, se utiliza un modelo de navegaciónmodelo de navegación
•El modelo de navegación es una El modelo de navegación es una representación abstracta que muestra la representación abstracta que muestra la forma de navegar por las diferentes paginas forma de navegar por las diferentes paginas de la aplicación Webde la aplicación Web
Aplicaciones Web• DISEÑODISEÑO
index.html Notas.html
Diapo.html
Programa.html
info.html
<link>
<link><link>
<link>
<link>
Aplicaciones Web
Presentación
Análisis
Diseño
Implementación
Especificación de Requerimientos
Pruebas
Planeación
Aplicaciones Web• IMPLEMENTACIONIMPLEMENTACION
•Incluye la producción de código html, xhtml o cualquier otro lenguaje que se use para crear páginas Web
Aplicaciones Web
Presentación
Análisis
Diseño
Implementación
Especificación de Requerimientos
Pruebas
Planeación
Aplicaciones Web• PRUEBASPRUEBAS
•Son los mecanismos para conseguir el aseguramiento de que el producto finalizado funciona correctamente y satisface los requerimientos propuestos.
•Las pruebas se agrupan en lo que se denomina PLAN DE PRUEBASPLAN DE PRUEBAS
Requerimiento(s)
Objetivo
Procedimiento
Casos de prueba
Resultados esperados
Resultados obtenidos
Prueba exitosa si ( ) no ( )Comentarios:
Casos de excepción
Aprobado por: Cargo: Fecha:
Aplicaciones Web
Presentación
Análisis
Diseño
Implementación
Especificación de Requerimientos
Pruebas
Planeación
Aplicaciones Web• PRESENTACIONPRESENTACION (Entrega final del producto)
•Copia oficial del software desarrollado
•Copia del manual de uso del sistema
•Instalación del software desarrollado en los equipos del cliente y su demostración
•Entrenamiento a los usuarios del sistema
•Se inicia la garantía y el soporte
Proyecto
Proyecto
1. Planeación de la página Web
1.1 Plan guía (Writer)
1.2 Soporte de revisión bibliográfica (Writer)
Universidad del Valle
Proyecto Final
I.T.I.
ID-DOC:
PG-001
Revisión #: 1
Fecha: 2003/05/27
Título:
PLAN GUIA
Página 1/1
Titulo de la página web: Los secretos del ratón
1. ¿Cuál es el propósito del sitio web?
2. ¿A quién está dirigido el sitio web?
3. ¿Qué desean hacer sus clientes o usuarios en el sitio web?
4. ¿Qué estará disponible en el sitio web?
5. ¿Cuáles son los requerimientos de software del sitio web?
6. ¿Cuáles son los requerimientos de hardware del sitio web?
7. ¿Cuál será la ubicación de acceso a Internet del sitio web?
8. ¿Cuál será el proveedor de acceso a Internet del sitio web?
Universidad del Valle
Proyecto Final
I.T.I.
ID-DOC:
SRB-001
Revisión #: 1
Fecha: 2003/05/27
Título:
SOPORTE DE REVISION BIBLIOGRAFICA
Página 1/1
Titulo de la página web: Los secretos del ratón
ID-DOC Nombre del documento Formato Localización
DOC-001 Arquitectura del ratón óptico
Html http://ingenieros.net/mouse/
DOC-002 Partes y funciones del ratón
doc Revista PC.Magazine, Abril de 2001
DOC-003 El ratón del nuevo milenio sxw Hardware fácil
Editorial Norma.
Proyecto
2. Diseño de la página Web
2.1 La estructura temática
2.2 Formato de definición de la estructura temática
2.3 Modelo de navegación
2.4 Glosario de términos técnicos
Proyecto
La Estructura Temática es una presentación en Impress donde se organiza la información recolectada
Proyecto
Los secretos del ratón
1. Tipos de mouse
1.1 El mouse Óptico
1.2 El mouse Laser
1.3 El mouse Rotario
2. Funcionalidades del ratón
3. Comparación de tipos
Universidad del Valle
Proyecto Final
I.T.I.
ID-DOC:
DET-001
Revisión #: 1
Fecha: 2003/05/27
Título:
FORMATO DE DEFINICIÓN DE LA ESTRUCTURA TEMÁTICA
Página 1/1
Titulo de la página Web: Los secretos del ratón
Tema # Titulo del Tema Relación de documentos bibliográficos
1.1 El mouse Optico DOC-001
1.2 El mouse laser DOC-003
Universidad del Valle
Proyecto Final
I.T.I.
ID-DOC:
GTT-001
Revisión #: 1
Fecha: 2003/05/27
Título:
GLOSARIO DE TÉRMINOS TÉCNICOS
Página 1/1
Titulo de la página Web: Los secretos del ratón
Termino Significado
Proyecto
Documentos a entregar:
1. Plan guía (Writer)
2. Soporte de revisión bibliográfica (Writer)
3. La estructura temática (Impress)
4. Formato de definición de la estructura temática (Writer)
5. Modelo de navegación (Writer)
6. Glosario de términos técnicos (Writer)