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)