Proyecto de Desarrollo de una Web de Asignatura

Responsable: Aldo Velsquez Huerta I. Nombre del Site: Web de la Asignatura de Tecnologas de Informacin y Comunicacin en la Educacin II. Objetivos del Site: Ofrecer a los estudiantes una Web formativa que proporcione recursos seleccionados de la red, actividades y canales de comunicacin para apoyar y complementar el proceso de enseanza aprendizaje de la asignatura de Tecnologas de Informacin y Comunicacin. III. Publico objetivo (destinatarios) Los usuarios primarios de la Web sern los estudiantes la asignatura de Tecnologa de Informacin y Comunicacin en la Educacin del Instituto Pedaggico Pblico AVH, que en su mayora son jvenes con conocimientos bsicos de informtica y navegacin en Internet, adems se considera como grupo secundario a todos aquellos internautas interesados en la temtica del curso. IV. Contenidos del sitio El sitio Web se dividir en seis reas: La primera corresponde al inicio o portada de bienvenida, que nos lleva a la presentacin de la asignatura, que insertar imagen y textos adems del sistema de bsqueda en la Web y las estadsticas de acceso La segunda es programacin que presentar la descripcin del curso, incluir informacin sobre como la descripcin general (datos del curso, sumilla), contenidos, metodologa, recursos, sistema de evaluacin y referencias bibliogrficas. La tercera seccin comprende los recursos que incluir bloques con el listado, descripcin y enlace a resmenes, lecturas, guas, presentaciones, videos y otros recursos necesario para el desarrollo de los contenidos y actividades de la asignatura. En la cuarta seccin se muestran las actividades que comprender actividades colaborativas e individuales, autoevaluaciones, evaluaciones. La quinta es la seccin del foro que enlazar a un portal del foro externo La sexta es el chat donde los participantes podrn realizar comunicacin sincrnica con el docente y tutor. Finalmente la sptima seccin son las comunicaciones que mostrar el listado de los docentes y estudiantes con sus respectivas direcciones de correo electrnico, adems de un formulario de comunicacin y contacto con el docente.

Fig. 1. rbol de contenidos del sitio

V Estructura del Sitio 5.1 Estructura de directorios y archivos El Sito se organizar en cuatro sub directorios de primer nivel con informacin relacionada o comn de contenidos, tres corresponden a las secciones de especficas de actividades, comunicacin y recursos y el cuarto un directorio comn contenedor de imgenes de toda la Web.

Fig. 2. Estructura de directorios y archivos del sitio

5.2 Sistema de navegacin La estructura de navegacin ser de tipo mixta (jerrquica y lineal), considerando que se debe partir de la pgina de inicio o portada enlazando a travs de la barra de men a los diferentes pginas de las reas (jerrquica) y desde estas a las otras secciones del Web (lineal). Siendo el mapa de navegacin el siguiente:

Fig. 3. rbol de contenidos del sitio Fig. 3. Estructura de navegacin del sitio

5.3 Estructura de las pginas Las pginas del sitio se estructurarn aplicando tablas para la organizacin de los contenidos.

Tabla 1: Cabecera Tabla 2: Men general Tabla 3: Ruta de acceso

Tabla 4: Contenidos

Tabla 5: Pie de pgina

VI. Diseo visual 6.1 Estructura de las pantallas

Pantalla de la portada principal

6.2 Bocetos del diseo

Boceto de la portada principal

6.3 Caractersticas de los componentes. Tamao: El diseo ser adaptable a diferentes tamaos de pantalla recomendndose a 1024 x 768 pxeles, emplendose tablas porcentuales que permitan el redimensionamiento a diferentes tamaos de pantallas. Colores: Los colores que se aplicaran en el diseo de las pginas Web de sitio corresponden a los tonos claros, comprendiendo los tonos secundarios (color por analoga) derivados del verde (color primario) sobre un fondo blanco. Tipografa: La presentacin de los prrafos ser empleando como fuente Arial normal a 12 pxeles de tamao color negro, mientras que los encabezados se aplicar fuente Arial a 18 pxeles de color verde (#016618)

Botones: Se aplicaran a las opciones de navegacin entre las secciones del sitio, aplicndose el color gris con textos de fuente arial a 11 puntos de color negro con efecto de imagen arriba y abajo. Imgenes: Su empleo ser como elementos decorativo (logo), icnicos (representaciones de objetos) ilustrativos (complementan la informacin) y como componente (botones). Se emplearn imgenes en formato gif (conos, logo, botones) y jpg (fotos, mapas, grficos) Multimedia: Los recursos de video, presentaciones, textos portables (pdf) se presentaran incrustados (embedidos) desde su fuente. VII. Recursos necesarios: a. Humanos: - Diseador de imgenes - Programador en lenguaje HTML b. Equipos: - Computador personal - Digitalizador de video - Digitalizador de imagen c. Servicios: - Hosting anual de 300 mb de espacio con soporte frontpage en linux - Dominio anual: www.cursotic.net