Syllabus curso WEB
Campus Creativo, Segundo Semestre 2024
Esta asignatura contribuye al ámbito de acción Proyectos de Comunicación Visual y tributa a los siguientes resultados de aprendizaje del perfil de egreso:
RA2 Experimentar procesos, medios y técnicas para el dominio y la construcción de un lenguaje visual pertinente que responda a los estándares de la disciplina, la industria y las necesidades de la comunidad.
RA3 Aplicar tecnologías análogas y digitales en la producción de procesos y proyectos de comunicación visual.
Al finalizar la asignatura, los estudiantes serán capaces de desarrollar documentos y plantillas para la creación de prototipos web, integrando recursos de arquitectura de la información y jerarquización visual.
- Profesor: Sergio Majluf - [email protected]
- Seccion 5639: Miércoles de 14:20 a 16:30, Sala Comm 03
- Seccion 5640: Miércoles de 14:20 a 19:20, Sala Comm 04
Relacionar el contexto histórico, la evolución de los dispositivos y las tecnologías para la comprensión de los fundamentos del diseño web.
- Contexto histórico
- Dispositivos electrónicos
- Nuevas tecnologías
Integrar recursos y técnicas de de Arquitectura de Información (AI) y jerarquización visual para la construcción de maquetas digitales.
- Arquitectura de información y estructura de contenidos
- Wireframe y jerarquía visual (retícula, tamaños y anchos, dimensiones)
- Interfaz y recursos del lenguaje visual
Desarrollar documentos y plantillas para la creacióno de prototipos funcionales con tecnoloogías de Diseño y Desarrollo Web contemporáneas.
- Tecnologías para web
- Lenguajes de programación
- Documento HTML (Estructura básica, mailing, estructura y programación)
- Documento CSS
- Javascript básico
- PHP básico
- URL, DNS y FTP
- Tecnologías de prototipado
Se requiere una asistencvia mínima del 75% para optar a aprobar y/o dar examen.
La asistencia es registrada por el profesor y en paralelo con el sitemna UNAB de QR. Lleguemos a la hora, estemos activamente presentes.
La participación activa en este ramo es clave
Estoy atento a la colaboración y participación de todos.
Durante la asignatura algunas de las tareas y trabajos en clase tienen carácter formativo, es decir se entrega retroalimentación, mas no una calificación o nota.
El curso contará con 4 notas que en su conjunto generan la Nota de Presentación.
+ Ejercicios: 25%
+ Proyecto A: 25%
+ Proyecto B: 25%
+ Participación: 10%
Los criterios de evaluación para toda instancia estarán enmarcados en etos cuatro pilares:
- Calidad de ejecución: ¿está el trabajo bien hecho?
- Esfuerzo: se evidencia un esfuerzo sustancial y honesto?
- Originalidad, pertinencia y consistencia con el proceso, para los proyectos
- Comunicación verbal y visual
Es una instancia de evaluacióon final, que puede ser eximible si la nota de presentación – ponderación de todas las calificaciones del semestre – es igual o mayor que 5.5.
El curso cuenta con apoyo de la plataformas institucional Canvas. Mediante ésta, tenemos la oportunidad de incorporar discusión colectiva en Foros, carga y entrega de tareas, y distribiución de archivos relelvantes del curso.
Para un canal de comunicación directo, efectivo y centrado en las necesidades de los estudiantes, el curso cuenta además con un canal en discord, de uso privado y exclusivo para el curso.
Situaciones excepcionales, problemas de salud, excusas justificables y otras situaciones formales, deben ser comunicadas por escrito a las autoridades académicas de la carrer con copia al mail del profesor: [email protected] indicando curso y NRC en el asunto. Esperen respuestas razonablemente a tiempo.
| Fecha | Unidad | Actividad | Evaluación |
|---|---|---|---|
| 7 de agosto de 2024 | I & III | Introducción y presentación del ramo, formas de trabajar y expectativas. Presentación del programa académico y planificación. Demostración introductoria de la herramienta Visual Studio Code |
.. |
| 14 de agosto de 2024 | III | Introducción a herramienta Figma, en sus variantes Design y Jam | .. |
| 21 de agosto de 2024 | III | Lenguajes de programación web: HTML | Desarrollo de estructura en HTML. Subir a Canvas para CALIFICACIÓN |
| 28 de agosto de 2024 | I | Trabajo de investigación guiado. Exploración histórica, tecnológica y prospectiva del contexto de la web. | Presentación Grupal en Figma. Exposición en próxima clase. CO-EVALUACIÓN |
| 4 de septiembre de 2024 | II & III | Lenguaje CSS: características, terminología | |
| 11 de septiembre de 2024 | II | sesión online: Presentación de metodologías de Diseño de Información: Arquitectura de Información, Técnicas de Jerarquización, Mapas de Sitio, Wireframes | Evolución de estructura HTML + CSS. Subir a Canvas para CALIFICACIÓN |
| 18 de septiembre de 2024 | -- | FIESTAS PATRIAS | -- |
| 25 de septiembre de 2024 | II | Diseño de Información: actividad en clase (FigJam) para desarrollar estructura, jerarquía y wireframes de baja fidelidad. | -- |
| 2 de octubre de 2024 | II & III | Profundización de Wireframe en mediana fidelidad. Trabajo en clase. Introducción a Prototipado Interactivo con Figma |
|
| 9 de octubre de 2024 | III | Sistema de Diseño Visual para web | Revisión preliminar de prototipo |
| 16 de octubre de 2024 | III | Servidores, Github, FTP y Aplicaciones tipo Wordpress. Profundización de CSS y HTML para sitio Web |
Revisión preliminar de Sistema de Diseño |
| 23 de octubre de 2024 | III | Profundización y cierre unidad de Diseño Web desde la comunicación visual. | Desarrollo y entrega final de Wireframe de App Móvil interactivo, con en alta fidelidad, con Sistema de Diseño. Subir a Canvas |
| 30 de octubre de 2024 | Semana de Consolidación | .. | |
| 6 de noviembre de 2024 | III | Introducción a JavaScript, utilizando código base y librería P5.js | .. |
| 13 de noviembre de 2024 | III | APIs, uso y manejo de variables. Profundización de CSS y HTML para sitio Web | .. |
| 20 de noviembre de 2024 | III | Representación de Datos | .. |
| 27 de noviembre de 2024 | III | Clase final Integración de Javascript, CSS y HTML en sitio Web | Afiche interactivo |
| 4 de diciembre de 2024 | -- | -- | |
| 11 de diciembre de 2024 | EXAMEN | Evaluación FINAL |