No Hay Nada

Facultad de Ingeniería
Escuela de Ingeniería de Sistemas y Computación
Curso: Introducción a las Tecnologías Informáticas (I.T.I)
Proyecto Final I.T.I: Desarrollo sitio web
Fecha de entrega: 22 de junio
La sustentación se realizará en el horario de clase.

Objetivos:
1. Familiarizar al estudiante con el lenguaje XHTML
2. Seguir el proceso de la ingeniería Web aplicando el análisis ydiseño en el desarrollo de
un sitio web
3. Implementar un sitio web estático.
4. Utilizar hojas de estilos para la presentación gráfica del sitio.
Metodología
El proyecto se puede realizar en grupos de máximo tres (3), para lo cual se debe seguir el
proceso de Ingeniería Web visto en clase.
Cada grupo debe desarrollar una idea de empresa u organización, desde la cual se
comercialicen productoso se presten servicios, (relacionados con la carrera o programa que
estudian), y a partir de esta idea de negocio, realizar el diseño e implementación de un Sitio
Web estático, a través del cual se pueda promocionar la venta de los productos o servicios
1. Documentación de Desarrollo: (1.0 Puntos)
Deben entregar los siguientes documentos que corresponden a las etapas de análisis y diseño
deldesarrollo web, los cuales deben visualizarse mediante enlaces en la página principal.
● Informe de Presentación del proyecto. Documento en PDF, con el desarrollo de la
idea de empresa (con portada, indice, bibliografía, etc) y la sustentación del sitio web
desarrollado.
● Diapositivas de presentación. Documento en PDF, generado a partir de impress de
open office. Con pantallazos de lassecciones y el diseño de la página.
● Plan Guía del proyecto, en formato PDF (usar la plantilla presentada en clase).
● Modelo de Navegación del proyecto , en formato PDF (usar la plantilla presentada en
clase).
● Estilos de página . Vínculos a los archivos .css
2. Especificación Funcional del Proyecto (2 Puntos)
Después de realizado el análisis y diseño de su aplicación pasarán al proceso deimplementación. Los estudiantes deben desarrollar un sitio web estático, generando páginas
con los siguientes tópicos:
Menú principal: Vínculos a las siguientes páginas:
● Index: Página principal del sitio web (portal). Describe el tipo de organización y el
objetivo principal de ésta.

●

●

Quiénes somos. Contiene los vínculos a:
○ Misión y Visión.
○ Historia y principios
○Organigrama con fotos de los miembros del grupo. Cada foto con un vínculo que
lleve a una nueva página, con la hoja de vida resumida de cada estudiante y las
funciones que cumple dentro de la empresa. (PE: gerente general, jefe de
producción, gerente comercial).
Es importante incluir el nombre completo, código y carrera de cada estudiante.
Productos o servicios. La empresa debe ofrecer al menos 7productos o servicios. En
esta página se debe formatear la información en una tabla de dos columnas por n filas.
La columna de la izquierda lleva el nombre del producto y una breve descripción. La
columna de la derecha, una foto de tamaño 80px/100px:
1D Mark IV
Con una combinación
completa de velocidad,
precisión y calidad de
imagen

Leer más ...

●

Al dar clic en un producto, se debeabrir una nueva página, que ofrece una descripción
detallada del producto, características (materiales, tallas, colores, precios, etc) y foto
mediana (350px/300px)
Galería de Fotos. Una página con una tabla donde se muestran fotos de los diferentes
productos que se ofrecen, cada foto es un vínculo a la página principal del producto:
1D Mark IV
Clic:
Link a la página
principal del
productoClic:
Muestra una
foto grande

...
1D Mark IV

●

EOS 7S

...

...

Contáctenos. Página que sirve a los clientes para contactarse con su empresa. Debe
contener:
○ Un formulario de solicitud de compra, con los siguientes campos: Nombre, email, producto,
Comentario, Botón de enviar y botón de borrar. (Puede agregar más si desea)

Lista de contactos. Es una lista de los...