PRESENTACIÓN OBJETIVO PERFIL DE INGRESO PERFIL DE EGRESO DIRECCIÓN DE DOCENCIA EN TIC DIPLOMADO PLANEACIÓN Y CONSTRUCCIÓN DE SITIOS WEB

Transcripción

1 PRESENTACIÓN El diplomado Planeación y Construcción de Sitios Web está diseñado para brindar la capacitación requerida por los encargados del desarrollo y soporte de la comunicación corporativa e institucional, así como a los particulares interesados en impulsar su presencia en el ciberespacio, mediante el uso de la tecnología asociada a los casi omnipresentes sitios Web. Proporciona en forma integral los conocimientos técnicos, metodológicos y de implementación en los que se basa el desarrollo de sitios Web dinámicos, accesibles y amigables, con la incorporación no sólo de elementos gráficos y visuales, sino también de audio y video, además del acceso a bases de datos. OBJETIVO Proporcionar a los participantes los conocimientos teóricos y prácticos para realizar, de manera óptima, la planeación, la construcción y el mantenimiento de sitios Web. PERFIL DE INGRESO Dirigido a: Pasantes o profesionales de las áreas de cómputo e informática, así como de diseño gráfico y artes visuales o afines, que por motivos relacionados con su profesión requieren capacitarse en la creación, implementación y/o el mantenimiento de sitios Web. Profesionistas interesados en incursionar en el diseño y la construcción de sitios Web. Conocimientos previos en TIC Conocimientos de Internet y sus servicios básicos (correo electrónico, búsqueda de información, navegación). Conocimientos básicos de programación. Conocimientos básicos de cualquiera de estos editores de imágenes: Illustrator, Corel Draw, Photoshop y Fireworks. Idioma inglés a nivel de comprensión de lectura de textos técnicos. Requisitos académicos Tener el grado de licenciatura o ser pasantes de la Licenciatura en Informática, Licenciatura / Ingeniería en Sistemas, Ingeniería en Computación, Diseño Gráfico, Comunicación Visual o carreras afines. Puede ser opción de titulación para algunas licenciaturas/ingenierías de la UNAM. Los interesados deberán verificar esta posibilidad en su escuela o facultad. PERFIL DE EGRESO

2 Al egresar los participantes: Habrán adquirido las competencias necesarias, basadas en las mejores prácticas de la disciplina, para la planeación, el desarrollo y el mantenimiento de sitios Web eficientes y dinámicos. MÓDULOS QUE INTEGRAN EL DIPLOMADO Y DURACIÓN Módulo Duración 1 Introducción a las tecnologías WEB 8 2 Planeación de sitios web 16 3 Experiencia de usuario 16 4 Principios para el diseño de interfaces 12 5 Edición de imágenes digitales 20 6 Edición de medios digitales 16 7 Creación de sitios Web con XHTML y CSS 28 8 Integración y mantenimiento de sitios Web 20 9 Interactividad en sitios Web con JavaScript y AJAX Responsive Web Design e Integración de elementos visuales dinámicos Acceso a bases de datos con PHP Sistemas administradores de contenidos Temas actuales en el desarrollo de sitios web 8 Duración total 244 CONTENIDO TEMÁTICO DE CADA MÓDULO 1. Introducción a las tecnologías WEB Objetivo: Que el participante conozca las tecnologías, conceptos y servicios que sustentan el desarrollo de sitios Web. 1.1 Internet 1.2 Servidores 1.3 Sitios Web 1.4 Servicios Web 2. Planeación de sitios Web Objetivo: Que el alumno identifique las etapas, elementos y acciones que integran ciclo de desarrollo e implementación de un sitio web. 2.1 Definición del proyecto 2.2 Elementos de planeación de un sitio Web 2.3 Desarrollo de sitios Web 2.4 Pruebas 2.5 Fase de publicación y mantenimiento 2.6 Cierre y entrega del sitio Web

3 3. Experiencia de usuario Objetivo: Que el alumno conozca que es la experiencia de usuario, así como sus etapas, que identifique sus ventajas y los fines que persigue, además de entender la importancia de la usabilidad y accesibilidad en el proceso de su implementación en la creación de sitios Web. 3.1 Experiencia de Usuario (UX) Definición Elementos de UX Arquitectura de Información 3.2 Accesibilidad Que es la accesibilidad W3C, pautas de accesibilidad Pruebas de accesibilidad 3.3 Usabilidad Introducción Como usamos el Web Elementos principales Navegación La página principal Pruebas de usabilidad 4. Principios para el diseño de interfaces Objetivo: Que el participante conozca los conceptos y elementos básicos de diseño que deben de considerarse en la construcción de la interfaz gráfica de un sitio Web. 4.1 Estructura hipertextual 4.2 Conceptualización de interfaz gráfica 4.3 Recursos de comunicación visual 4.4 Diseño accesible 4.5 Recursos para diseño 5. Edición de imágenes digitales Objetivo: Que el alumno aprenda a crear y editar imágenes fotográficas, ilustraciones y gráficos destinados a incorporarse a la interfaz gráfica de un sitio Web. 5.1 Diferencia entre imagen vectorial y bitmap. Resolución 5.2 Diferentes formatos de imágenes para Web y sus usos, optimización de imágenes para Web 5.3 Entorno de trabajo y utilización de las herramientas 5.4 Conociendo la utilización de capas 5.5 Herramienta texto y edición del mismo con distintos efectos

4 5.6 Edición de imágenes (color, recorte, fotomontaje, mascarillas, efectos y filtros) 5.7 Diagramación y maquetación 5.8 Desarrollo de banners 5.9 Creación de botones y rollovers 5.10 Gif ś animados 5.11 Mapas de imagen 5.12 Entorno de trabajo para vectores: edición de vectores, creación y manejo de símbolos, exportación de archivos Creación de icono para nuestro sitio 6. Edición de medios digitales Objetivo: Que el alumno conozca y utilice las herramientas necesarias para la edición de imágenes, audio y video para sitios Web 6.1 Reconocimiento óptico de caracteres (OCR) 6.2 Audio 6.3 Video 6.4 Principales factores de la transmisión de medios 6.5 Características de los diversos medios para hacerlos accesibles 6.6 Recursos en línea para el hospedaje y publicación de videos en Web 7. Creación de sitios Web con XHTML y CSS Objetivo: Que el alumno construya páginas Web mediante el lenguaje XHTML y el uso de CSS 7.1 HTML y XHTML 7.2 Estructura básica de un documento XHTML 7.3 Etiquetas y atributos para texto 7.4 Etiquetas y atributos de listas 7.5 Etiquetas y atributos para ligas 7.6 Etiquetas y atributos para imágenes 7.7 Etiquetas y atributos para tablas 7.8 Etiquetas y atributos para formularios 7.9 Etiquetas <div> y <span> 7.10 Hojas de estilo (CSS) 7.11 Sintaxis y aplicación de CSS 7.12 Selectores CSS 7.13 Títulos, párrafos, listas, ligas con CSS 7.14 Tablas y formularios con CSS

5 7.15 Posicionamiento con CSS 7.16 Diagramación de una página Web mediante CSS 8. Integración y mantenimiento de sitios web Objetivo: Que el alumno identifique los mecanismos y procedimientos para integrar y mantener sitios Web, mediante el uso de herramientas como Adobe Dreamweaver y de software libre. 8.1 Entorno de trabajo y herramientas principales. Configuración y administración del sitio localmente en Dreamweaver 8.2 Edición de textos 8.3 Inserción y manejo de imágenes 8.4 Creación y edición de tablas 8.5 Creación y edición de formularios 8.6 Incrustación de elementos multimedia 8.7 Creación y edición de plantillas (Templates) 8.8 Uso de CSS en Adobe Dreamweaver 8.9 Otros elementos: Spry, comportamientos, librerías, capas 8.10 Interacción con otros productos de Adobe: Flash, Photoshop y Fireworks Publicación en WWW 9. Interactividad en sitios Web con JavaScript y AJAX Objetivo: Que el alumno conozca la estructura, sintaxis y los elementos de JavaScript y AJAX que le permitan agregar dinamismo e interactividad a un sitio Web. 9.1 Introducción a la Interactividad 9.2 Complementos y Herramientas útiles para Javascript. 9.3 Depuración de errores (Debugging) 9.4 El lenguaje JavaScript 9.5 Librerías de Javascript (Frameworks) 9.6 Modelo en Objetos para la representación de documento (Document Object Model). 9.7 Gestión de Formularios 9.8 Creación de contenido dinámico (HTML y CSS) 9.9 Formatos de Datos (XML y JSON) 9.10 Introducción a AJAX 9.11 Javascript y accesibilidad (Js no intrusivo) 10. Responsive Web Design e Integración de elementos visuales dinámicos Objetivo: Que el alumno conozca las técnicas y herramientas necesarias que le permitan construir contenidos enriquecidos con elementos visuales no estáticos y animación, así

6 como las técnicas de construcción de sitios web multidispositivo Elementos visuales dinámicos y sus antecedentes Responsive Web Design, origen y actualidad Viewport Media Queries Estructuras fluidas Fuentes responsivas Imágenes responsivas Temas, plantillas y frameworks responsivos Integración de elementos interactivos responsivos RWD testing Elementos accesorios y buenas prácticas 10.2 Animación con CSS Animación con transition Animación con animation y keyframes 10.3 Bibliotecas de animación Animación con jquery Scrollarama y textillate Galerías con animación 10.4 Animación con software Entorno de trabajo Objetos Líneas de tiempo Interacción Publicación 11. Acceso a bases de datos con PHP Objetivo: Que el alumno identifique los principales conceptos y elementos asociados a las bases de datos y que conozca los elementos necesarios del lenguaje PHP para poder tener acceso a las mismas Definiciones y conceptos 11.2 Usos de las bases de datos en sitios Web 11.3 El Modelo Relacional 11.4 Los Sistemas Manejadores de Bases de Datos (SMBD) 11.5 El lenguaje SQL 11.6 Instalación del ambiente de desarrollo 11.7 El lenguaje PHP 11.8 Integración con formularios 11.9 Conexión con bases de datos y PHP.

7 11.10 Subir archivos DIRECCIÓN DE DOCENCIA EN TIC 12. Sistemas administradores de contenidos Objetivo: Que el participante conozca las características, funcionalidad y ventajas que brindan los Sistemas Administradores de Contenidos para la construcción de sitios Web Definiciones y conceptos 12.2 Instalación y configuración 12.3 Administrador de contenido para la creación de un sitio Web 12.4 Personalización 13. Temas actuales en el desarrollo de sitios Web Objetivo: Que el alumno conozca las tendencias actuales y tecnologías emergentes involucradas en el desarrollo de sitios Web Optimización de sitios Web para su indexación en buscadores 13.2 Tecnologías emergentes en el desarrollo de sitios Web 13.3 Tendencias y tecnologías para el consumo de sitios Web 13.4 Perspectivas en el desarrollo de sitios Web REQUISITOS DE ACREDITACIÓN Para acreditar el diplomado los participantes deberán: Aprobar todos y cada uno de los módulos con una calificación mínima de 8.0 (ocho punto cero), así como cumplir con un mínimo del 80% de asistencia en cada uno de ellos. La evaluación de los módulos se realizará considerando (según aplique): o Participación en clase o Elaboración de tareas y trabajos o Ejecución de prácticas y ejercicios o Exámenes teóricos y prácticos Acreditar un proyecto final con una calificación mínima de 8.0 (ocho punto cero). PROYECTO FINAL Se realizará de manera individual por cada alumno, consiste en desarrollar un sitio web aplicando lo aprendido durante el diplomado cumpliendo con una serie de requisitos mínimos establecidos por la Coordinación Académica. El proyecto final se entregará, soportado en un medio digital, n semanas después de la última sesión del diplomado y deberá contener los archivos fuentes del mismo, tanto del sitio como de la documentación. Asimismo, cada alumno deberá realizar una breve presentación del proyecto ante la Coordinación Académica y profesores convocados.