Introducción a las Tecnologías Informáticas Oscar Bedoya

Presentación del tema: "Introducción a las Tecnologías Informáticas Oscar Bedoya"— Transcripción de la presentación:

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

2 Desarrollo de aplicaciones Web

3 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

4 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

5 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

6 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?

7 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? ___________________________________________ ___________________________________________

8 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? ___________________________________________ ___________________________________________

9 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? ___________________________________________ ___________________________________________

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

11 Aplicaciones Web Requerimientos mínimos de software:
El sistema operativo El cliente web, browser o navegador Herramientas de diseño de paginas web

12 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?

13 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

14 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

15 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

16 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

17 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

18 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

19 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

20 Aplicaciones Web DISEÑO

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

22 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

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

24 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

25 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

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

27 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

28 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

29 Proyecto

30 Proyecto 1. Planeación de la página Web 1.1 Plan guía (Writer)
1.2 Soporte de revisión bibliográfica (Writer)

31 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?

32 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 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.

33 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

34 Proyecto La Estructura Temática es una presentación en Impress donde se organiza la información recolectada

35 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

36 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

37 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

38 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)