UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA COORDINACIÓN DE FORMACIÓN BÁSICA COORDINACIÓN DE FORMACIÓN PROFESIONAL Y VINCULACIÓN UNIVERSITARIA

Transcripción

1 Página 1 de 8 UNIVERSIDAD AUTÓNOMA DE BAJA CALIFORNIA COORDINACIÓN DE FORMACIÓN BÁSICA COORDINACIÓN DE FORMACIÓN PROFESIONAL Y VINCULACIÓN UNIVERSITARIA PROGRAMA DE UNIDAD DE APRENDIZAJE POR COMPETENCIAS I. DATOS DE IDENTIFICACIÓN 1. Unidad Académica: Facultad de Arquitectura y Diseño 2. Programa de estudio: Licenciatura en Diseño Gráfico 3. Vigencia del plan: Unidad de aprendizaje: Materiales y técnicas de realización VII 5. Clave: HC: 1 HL: HT: 3 HPC: HE: 1 CR: 5 7. Ciclo escolar: Etapa de formación a la que pertenece: Terminal 9. Carácter de la unidad de aprendizaje: Obligatoria 10. Requisitos para cursar la unidad de aprendizaje: Ninguno Elaboró: Josué Emmanuel Pizano González y Beatriz Adriana Torres Román Vo.Bo.: Arq. Mario Macalpin Coronado Fecha: Julio 2014 Puesto: Subdirector

2 Página 2 de 8 II. PROPÓSITO GENERAL DEL CURSO. Esta asignatura de la etapa terminal pertenece al área de la tecnología y tiene como objetivo lograr que el alumno desarrolle los conocimientos y habilidades referentes a planeación, desarrollo, implementación y mantenimiento de sitios Web; así como comprender los lenguajes de programación CSS3, HTML5 y JavaScript para aplicarlos al desarrollo y mantenimiento de sitios Web. III. COMPETENCIA DEL CURSO. Diseñar sitios web por medio del conocimiento y aplicación de los materiales y técnicas que están disponibles para la generación e integración de los elementos de diseño, así como por medio de su investigación y experimentación, para obtener criterios de selección de materiales, delimitar posibilidades y establecer alcances, con un enfoque crítico, respetuoso del medio y congruente con su realidad socioeconómica. IV. EVIDENCIA DE DESEMPEÑO. Desarrollo de un sitio web en el cual los alumnos se apoyarán de los conocimientos básicos de multimedia y lenguajes de programación.

3 Página 3 de 8 V. DESARROLLO POR UNIDADES. Introducción: Duración: 1 hora ENCUADRE E INTRODUCCIÓN AL CONTENIDO DEL CURSO Presentación del programa de la asignatura y el calendario de actividades, explicando el propósito del curso, las competencias, los contenidos temáticos generales de cada unidad, la forma de trabajo, condiciones de revisiones periódicas, uso de la bibliografía y apoyo de propuestas, entregas, reportes, así como el criterio de evaluación, asignación de calificaciones y requisitos de acreditación. Unidad I: Duración: 20 horas FUNDAMENTOS DE DESARROLLO WEB Competencia: Reforzar, mejorar y extender los conocimientos básicos y habilidades prácticas de desarrollo de sitios Web, los elementos que los componen y los lenguajes con los que se desarrollan; así como las leyes, criterios, principios y tendencias que norman el comportamiento de los usuarios en el contexto Web y los contenidos que éstos consumen a través del análisis de artículos, investigaciones y tendencias, la observación y la realización de maquetas digitales, para poner en práctica los fundamentos de desarrollo web; con una actitud propositiva, ánimo emprendedor y paciencia. Contenido: 1.1 Conceptos básicos. 1.2 Tendencias de diseño, patrones de funcionamiento y patrones de diseño. 1.3 El proceso de desarrollo Web. 1.4 Las necesidades del usuario.

4 Página 4 de Principios de usabilidad y simplicidad. 1.6 Diseño emotivo aplicado a la Web. 1.7 La Web Repaso de HTML. 1.9 Formularios. Unidad II: Duración: 21 horas LOS LENGUAJES DE SOPORTE A HTML Y DISEÑO PARA MÓVILES Competencia: Conocer y aplicar los lenguajes de programación CSS y JavaScript para la generación de sitios Web que sigan estándares internacionales y hagan uso de las tecnologías y tendencias actuales; por medio de la elaboración de sitios Web completos y el análisis de casos de estudio; todo esto teniendo una actitud proactiva, perseverante y entusiasta. Contenido: 2.1 El lenguaje de programación CSS Qué es CSS? Funcionamiento y lógica de CSS, prefijos y control de versiones Principios de maquetación sin el uso de tablas Tipos de posición y despliegue para elementos Animación y transiciones Uso de SVG en el proyecto Web. 2.2 Diseño Web para dispositivos móviles. 2.3 El lenguaje de programación JavaScript y la librería jquery Fundamentos del lenguaje y sintaxis.

5 Página 5 de Validación de formularios y utilización de funciones y sentencias de control del flujo de la aplicación Generación de interacción para el despliegue de galerías y otros contenidos Uso de la librería jquery para la generación de interacción y animación. 2.4 Contratación y uso de servidores Web remotos. Unidad III: Duración: 22 horas PLANEACIÓN, DISEÑO Y DESARROLLO DEL SITIO WEB Competencia: Diseñar un sitio web partiendo de la planeación, estructuración y diseño por medio del empleo de los fundamentos del desarrollo web, de los lenguajes de soporte HTML y diseño para móviles, así como por medio del uso de paquetería; para desarrollar sitios completos, sin perder el propósito de la funcionalidad del mismo, con actitud responsable y sentido objetivo. Contenido: 3.1 Planeación. 3.2 Recopilación de información. 3.3 Estructuración. 3.4 Bocetaje. 3.5 Definición del layout. 3.6 Diseño. 3.7 Vinculación de las páginas. 3.8 Servidores.

6 Página 6 de 8 VI. ESTRUCTURA DE LAS PRACTICAS No. de Práctica Competencia Descripción Material de Apoyo Horas Analizar y resolver problemas en al área de diseño gráfico utilizando diagramas y algoritmos, para construir pensamiento analítico con actitud crítica y responsabilidad. Analizar y resolver problemas en al área de diseño gráfico utilizando diagramas y algoritmos, para construir pensamiento analítico con actitud crítica y responsabilidad. Analizar y resolver problemas en al área de diseño gráfico utilizando diagramas y algoritmos, para construir pensamiento analítico con actitud crítica y responsabilidad. Identificar los conceptos básicos de la metodología de programación orientada a objetos mediante la investigación de diversas fuentes, para aplicarlos en la práctica de la programación, con actitud crítica, disposición al trabajo en equipo y con responsabilidad. Estructurar y diseñar programas computacionales en el área del diseño gráfico, aplicando la metodología orientada a objetos y utilizando el lenguaje de programación Java, para desarrollar habilidades de análisis y codificar problemas relacionado con diseño gráfico con actitud de compromiso. Estructurar y diseñar programas computacionales en el área del diseño gráfico, aplicando la metodología orientada a objetos y utilizando el lenguaje de programación Java, para desarrollar habilidades de análisis y codificar problemas relacionado con diseño gráfico con actitud de compromiso. Analizar problemas cotidianos y de diseño gráfico para proponer su óptima solución. Desarrollar Algoritmos de actividades cotidianas. Desarrollar soluciones iterativas mediante diagramas de flujo con los coclos While, For y Do-While. Investigar los conceptos básicos de la programación orientada a objetos, con el objetivo de analizarlos y comprenderlos. Realizar ejercicios en código de problemas de la vida cotidiana y de diseño gráfico, para Implementar una solución informática mediante de la programación orientada a objetos, utilizando los conocimientos de programación y diseño. Internet, Lápiz, hojas blancas, pizarrón, plumones, proyector, computadora. Lápiz, hojas blancas, pizarrón, plumones, proyector, computadora Lápiz, hojas blancas, pizarrón, plumones, proyector, computadora Internet, computadora, proyector Internet, computadora, programa DrJava. Internet, computadora, programa DrJava

7 Página 7 de 8 VII METODOLOGÍA DE TRABAJO. Exposición de los temas, presentación de ejemplos e investigación de técnicas y herramientas de interacción. Realización conjunta, individual y por equipos de proyectos Web. Elaboración de ensayos y reportes. Presentación de proyecto de aplicación. VIII CRITERIOS DE EVALUACIÓN. Criterios de acreditación: Tener 80% de asistencia como mínimo y cumplir con al menos el 80% de los ejercicios. El promedio de calificación de los ejercicios debe ser aprobatorio. Elaborar todos los exámenes parciales y entregar y aprobar el proyecto final. Todas las evaluaciones (tanto parciales como el proyecto final) son calificadas mediante rúbrica; la cual es entregada al menos con una semana de anticipación al alumno. Criterios de calificación y valor porcentual de las actividades realizadas: Se propone la ponderación de la calificación final en los siguientes aspectos y porcentajes: 40% Prácticas y tareas + 20% Evaluaciones parciales + 40% Proyecto final = 100% Criterios de evaluación cualitativos: Entrega puntual de los ejercicios, creatividad y dedicación aplicada a la elaboración de los mismos. Espíritu emprendedor, enriquecimiento de la práctica con investigaciones individuales e interés demostrado por el alumno. Limpieza y calidad en los trabajos. Aplicación de criterios de usabilidad y ergonomía en el diseño de la interacción de los proyectos individuales o grupales. Sustento de proyectos, prácticas y tareas.

8 Página 8 de 8 IX. BIBLIOGRAFÍA. Básica. Beaird, J. (2010). Principles of Beautiful Web Design, USA: Sitepoint. Bowers, M. (2011). Pro HTML5 and CSS3 design patterns. USA: Apress. Cederholm, D. (2011). CSS3 For Web Designers, USA: A book apart. Felke-Morris, T. (2011). Basics of WEB Design HTML5 & CSS3. USA: Addison-Wesley. Freeman, A. (2013). Pro jquery 2.0. USA: Apress. Krug, S. (2014). Don t make me think, Revisited: A Common Sense Approach to Web Usability (3rd Edition), USA: New Riders. Lengstorf, J. (2013). Realtime Web Apps: with HTML5 WebSocket, PHP, and jquery. USA: Apress. López, J. (2012). Domine HTML 5 y CSS 2. México: Alfaomega. Marcotte, E. (2011). Responsive Web Design, USA: A book apart. Mediaactive. (2012). Aprender Dreamweaver CS6: con 100 ejercicios prácticos. México: Alfaomega Meloni, J. (2012). HTML5, CSS3 y JavaScript. México: Anaya Multimedia. Niederst, J. (2012). Learning Web Design: a beginner's guide to HTML, CSS, javascript, and Web graphics. USA: OþReilly. Walter, A. (2011). Designing for emotion, USA: A book apart. Wroblewski, L. (2011). Mobile First, USA: A book apart. Complementaria. Hilz, C. (2012). Adobe Photoshop: enfocando los fundamentos. México: Marcombo. Lazzaro, M. (2011). Manual imprescindible de Dreamweaver CS5. México: Anaya Multimedia. Mediaactive. (2012). Aprender retoque fotográfico con Photoshop CS6: con 100 ejercicios prácticos. México: Marcombo. Mediaactive. (2013). Aprender Illustrator CS6: con 100 ejercicios prácticos. México: Alfaomega Manuales de los programas utilizados