introducción a las tecnologías informáticas oscar bedoya oscarbed/iti
TRANSCRIPT
![Page 1: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/1.jpg)
Introducción a las Tecnologías Informáticas
Oscar Bedoyahttp://eisc.univalle.edu.co/~oscarbed/iti/
![Page 2: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/2.jpg)
Desarrollo de aplicaciones Web
![Page 3: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/3.jpg)
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
![Page 4: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/4.jpg)
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
![Page 5: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/5.jpg)
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
![Page 6: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/6.jpg)
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?
![Page 7: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/7.jpg)
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? ______________________________________________________________________________________
![Page 8: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/8.jpg)
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? ______________________________________________________________________________________
![Page 9: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/9.jpg)
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? ______________________________________________________________________________________
![Page 10: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/10.jpg)
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/
![Page 11: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/11.jpg)
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
![Page 12: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/12.jpg)
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?
![Page 13: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/13.jpg)
Aplicaciones Web
Presentación
Análisis
Diseño
Implementación
Especificación de Requerimientos
Pruebas
Planeación
![Page 14: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/14.jpg)
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
![Page 15: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/15.jpg)
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
![Page 16: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/16.jpg)
Aplicaciones Web
Presentación
Análisis
Diseño
Implementación
Especificación de Requerimientos
Pruebas
Planeación
![Page 17: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/17.jpg)
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
![Page 18: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/18.jpg)
Aplicaciones Web
Presentación
Análisis
Diseño
Implementación
Especificación de Requerimientos
Pruebas
Planeación
![Page 19: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/19.jpg)
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
![Page 20: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/20.jpg)
Aplicaciones Web• DISEÑODISEÑO
![Page 21: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/21.jpg)
index.html Notas.html
Diapo.html
Programa.html
info.html
<link>
<link><link>
<link>
<link>
![Page 22: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/22.jpg)
Aplicaciones Web
Presentación
Análisis
Diseño
Implementación
Especificación de Requerimientos
Pruebas
Planeación
![Page 23: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/23.jpg)
Aplicaciones Web• IMPLEMENTACIONIMPLEMENTACION
•Incluye la producción de código html, xhtml o cualquier otro lenguaje que se use para crear páginas Web
![Page 24: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/24.jpg)
Aplicaciones Web
Presentación
Análisis
Diseño
Implementación
Especificación de Requerimientos
Pruebas
Planeación
![Page 25: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/25.jpg)
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
![Page 26: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/26.jpg)
Requerimiento(s)
Objetivo
Procedimiento
Casos de prueba
Resultados esperados
Resultados obtenidos
Prueba exitosa si ( ) no ( )Comentarios:
Casos de excepción
Aprobado por: Cargo: Fecha:
![Page 27: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/27.jpg)
Aplicaciones Web
Presentación
Análisis
Diseño
Implementación
Especificación de Requerimientos
Pruebas
Planeación
![Page 28: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/28.jpg)
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
![Page 29: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/29.jpg)
Proyecto
![Page 30: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/30.jpg)
Proyecto
1. Planeación de la página Web
1.1 Plan guía (Writer)
1.2 Soporte de revisión bibliográfica (Writer)
![Page 31: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/31.jpg)
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?
![Page 32: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/32.jpg)
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.
![Page 33: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/33.jpg)
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
![Page 34: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/34.jpg)
Proyecto
La Estructura Temática es una presentación en Impress donde se organiza la información recolectada
![Page 35: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/35.jpg)
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
![Page 36: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/36.jpg)
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
![Page 37: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/37.jpg)
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
![Page 38: Introducción a las Tecnologías Informáticas Oscar Bedoya oscarbed/iti](https://reader035.vdocuments.co/reader035/viewer/2022062511/54f415e64a795921658b45d5/html5/thumbnails/38.jpg)
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)