Introducción a las Tecnologías Informáticas Oscar Bedoya http://eisc

Desarrollo de aplicaciones Web

Aplicaciones Web Una 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 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: 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 Diseño Análisis Implementación Especificación de Presentación Análisis Diseño Implementación Especificación de Requerimientos Pruebas Planeación

Aplicaciones Web ESPECIFICACIÓ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 Diseño Análisis Implementación Especificación de Presentación Análisis Diseño Implementación Especificación de Requerimientos Pruebas Planeación

Aplicaciones Web ANÁ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 Diseño Análisis Implementación Especificación de Presentación Análisis Diseño Implementación Especificación de Requerimientos Pruebas Planeación

Aplicaciones Web DISEÑ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ón El modelo de navegación es una representación abstracta que muestra la forma de navegar por las diferentes paginas de la aplicación Web

Aplicaciones Web DISEÑO

Programa .html index.html Notas.html Diapo.html info.html <link>

Aplicaciones Web Diseño Análisis Implementación Especificación de Presentación Análisis Diseño Implementación Especificación de Requerimientos Pruebas Planeación

Aplicaciones Web IMPLEMENTACION Incluye la producción de código html, xhtml o cualquier otro lenguaje que se use para crear páginas Web

Aplicaciones Web Diseño Análisis Implementación Especificación de Presentación Análisis Diseño Implementación Especificación de Requerimientos Pruebas Planeación

Aplicaciones Web PRUEBAS 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 PRUEBAS

Prueba exitosa si ( ) no ( ) Comentarios: Casos de excepción 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 Diseño Análisis Implementación Especificación de Presentación Análisis Diseño Implementación Especificación de Requerimientos Pruebas Planeación

Aplicaciones Web PRESENTACION (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 Tipos de mouse 1.1 El mouse Óptico 1.2 El mouse Laser 1.3 El mouse Rotario Funcionalidades del ratón Comparación de tipos

FORMATO DE DEFINICIÓN DE LA ESTRUCTURA TEMÁTICA 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

GLOSARIO DE TÉRMINOS TÉCNICOS 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)