1 SILABO E INDICACIONES GENERALES

Digital 4

SÍLABO

INFORMACIÓN GENERAL

FACULTAD: COMUNICACIÓN ARTES Y HUMANIDADES
CARRERA:   DISEÑO GRÁFICO PUBLICITARIO
Asignatura/Módulo: Diseño Digital IV	Código:
Prerrequisitos:   Diseño Digital III	Número de Créditos:  3
Correquisitos:
Área Académica: Diseño Gráfico	Nivel:   4
Período académico: Agosto 2016 – Febrero 2017
Docente:  Pepe Oswaldo Lascano Torres	Categoría Principal TC
Breve resumen de la formación profesional: Ingeniero en Informática Mgs. Sistemas Informáticos Educativos Especialista en Multimedia Educativa Diplomado en NTIC’s Diplomado en Pedagogías Innovadoras Analista de Sistemas y Programador Docente en la Universidad Central del Ecuador en la materia de Sistemas Operativos  Docente de las Fuerzas Armadas en la Escuela de Aviación Cosme Rennella. Instructor en el ICAM, Instituto de Capacitación Municipal del Distrito Metropolitano de Quito, cuya función era capacitar al  empleado y/o servidor municipal. Capacitador Virtual en Ong’s Plan Amanecer, Fuvia. Docente de Institutos Superiores.  Director de Informática del Colegio Municipal Benalcázar–Quito. Docente de la UTE en asignaturas Ofimática, Introducción Java, Programación Java, Programación Php, Diseño Web I y II, Cálculo aplicado a la Economía. Auditoría Informática.

DESCRIPCIÓN DE LA ASIGNATURA

            Esta asignatura permitirá a los estudiantes, desarrollar, planificar e implementar un sitio web, para lo cual el estudiante aplica los conocimientos adquiridos sobre ilustración digital, retoques fotográficos, como también desarrollen creatividad, destrezas, habilidades y diagramación. Además del conocimiento de las tendencias de la web 0, la web 2.0 y la web 3.0; se imparte la base del código HTML, JavaScript y CSS para el manejo dentro de las mismas mediante adobe Dreamweaver CS6

OBJETIVO GENERAL DE LA ASIGNATURA O MÓDULO

Objetivo general

Desarrollar páginas web y blogs en Internet con diseños artísticos, a través del software de Adobe CS6 Dreamweaver y los estándares de HTML, JavaScript y CSS, para publicar su Web Site.

Objetivo específicos

·         Instalar el software de aplicación para realizar páginas web.

                       

·         Desarrollar páginas web mediante Html, javascrpt y CSS para publicar en un sitio en Internet

·         Desarrollar páginas web mediante Adobe CS6 Dreamweaver para publicar en un sitio en Internet

                       

RESULTADOS DE APRENDIZAJE

Resultado del Aprendizaje	Nivel	Forma de evidenciarlo
1. Los estudiantes que se gradúan con un título en diseño gráfico podrán demostrar su destreza en el uso de la tecnología en la comunicación. 1.1. Utilizar los software  de edición, composición y diseño adecuados en el área de estudio. 1.2. Aplicar los conocimientos del software en la creación de productos de comunicación.	A	Publicar Páginas web en un Site     Web, mediante Dreamweaver CS6.    Publicación de resultados, captura de imágenes en www.digital4ute.blogspot.com Informe digital de la planificación para la construcción de un sitio web
2. Los estudiantes que se gradúa n con un título en diseño gráfico serán capaces de evaluar de manera crítica, analizar e interpretar información para resolver problemas y tomar decisiones empresariales en comunicación.    2.1. Evaluar la información para determinar  si las premisas son válidas, para identificar los hechos y argumentos, y para determinar si es posible una acción adecuada, y si este fuera el caso, como justificarla.	M	Codificación de Páginas web por javascript y CSS. (físico y digital).            Publicación de resultados, captura de imágenes en www.digital4ute.blogspot.com
4. El estudiante que se gradúa con un título en diseño gráfico será capaz de demostrar una comprensión de un mundo diverso. 4.1. Explicar el papel que juega el diseño gráfico en el éxito  de la comunicación. 4.2. Reconocer las amenazas y oportunidades  que enfrenta en un entorno  global y rápidamente cambiante en el diseño y la comunicación.	M	Implementar un sitio web en base a los estándares HTML y reglas de diseño CSS’  (físico y digital).         Publicación de resultados, captura de imágenes en www.digital4ute.blogspot.com

Nivel: (B= básico, M= medio, A= alto)

METODOLOGÍA

a.    Estrategias metodológicas:

·         Autoaprendizaje

·         Aprendizaje Colaborativo 

·         Aula Invertida

·         Trabajos individuales dentro  y fuera de clase.

·         Práctica de Ejercicios de Diagramación.

·         Práctica de Ejercicios de Programación.

·         Desarrollo del Proyecto Final.

·         Defensa individual del Proyecto Final.

·         Otros (especifique)

b.    Estrategias

·        Preinstruccionales ( va con aula invertida )

·        Coinstruccionales

·        Postinstruccionales

·        Metacognitivas

·        Comunicativas

·        Cooperativas

·        De comprensión

·        De apoyo

·        De proyectos

·        Trabajo en equipo

·        Discusión de casos

·        Debate

·        Gestión de la información

·        Elaboración de hipótesis

·        Toma de decisiones

·        Planteamiento de problemas

·        Resolución de problemas

·        Otros (especifique)

COMPORTAMIENTO ÉTICO

DENTRO Y FUERA DE LA UINIVERSIDAD EN OTROS ESCENARIOS

Para que las clases se lleven a cabo en la mayor armonía y el proceso de enseñanza aprendizaje se lo realice en forma óptima, debemos tener los siguientes lineamientos:

·         Puntualidad, los estudiantes debe llegar al aula de clases a la hora programada, están obligados a cumplir con las normas de comportamiento que establece el Reglamento del Alumno de la UTE.   

·         El estudiante deberá leer el material asignado según la programación de cada sesión, a fin de que puedan establecerse intercambio de opiniones sobre los temas

·         En las exposiciones, se deberá mantener el mayor respeto a la palabra de los compañeros(as).

·         Se requiere que los estudiantes establezcan un compromiso de participar activamente para el buen desarrollo de los talleres y las actividades complementarias.

·         En los trabajos y exámenes el fraude (copia), plagio o intento serán automáticamente anulados) e informar a su respectivo coordinador de carrera a fin de las sanciones de ley.

·         Respecto total a la relación docente – estudiante, estudiante – docente y estudiante – estudiante.

·         Prohibido terminantemente el uso de celulares, audífonos, equipos tecnológico no relacionado con las actividades académicas que difieran en el normal desarrollo de las clases.

·         No se permitirá el consumo de bebidas y alimentos en clase.

RECURSOS

Para el desarrollo de las clases de esta asignatura se utilizará:

·         Laboratorio de computación equipado con computadoras instaladas con el software respectivo y conectadas a la red de Internet de la UTE.

·         Pizarra y tiza líquida

·         Proyector

·         Material de la plataforma virtual.

·         Descripción de los recursos que están a disposición de los estudiantes para el desarrollo de sus actividades de aprendizaje, en cada uno de los escenarios utilizados para el mismo.

EVALUACIÓN

Criterio	%
Trabajos fuera de clase: individual o colectiva Aprendizaje autónomo (lecturas, análisis y comprensión de materiales bibliográficos y documentales, indagación y búsqueda de información, ensayos, trabajos y exposiciones)	25
Exposiciones Trabajos asistidos por el profesor (conferencias, seminarios, orientación para estudio de casos, foros, exposiciones, presentaciones profesionales…)	10
Talleres (trabajos en clase) Actividades de prácticas y experimentación de los aprendizajes (actividades en laboratorios, prácticas de campo, trabajos de observación dirigida, resolución de problemas, talleres…)	5
Prueba	20
Examen	40
TOTAL	100%

BIBLIOGRAFÍA

Bibliografía Básica:

·         AUBRY, Christophe; DREAMWEAVER CS6 para PC/MacHTML5 y CSS3; ENI EDICIONES; 2012.

Complementaria:

·         GOLDSTEIN, Alexis - LAZARIS, Louis – WEYL, Estelle; HTML5 y CSS3; ANAYA Multimedia; 2011.

Recomendada:

·         PRAT, Marie; Posicionamiento de su sitio web - en Google y otros buscadores (2ª edición), ENI EDICIONES, 2012.

DIRECCIONES ELECTRÓNICAS:

·         Básicas

o   http://www.adobe.com 

o   http://www.w3schools.com/html/

·         Recomendadas

o   http://www.desarrolloweb.com

o   http://www.thesitewizard.com/dreamweaver/dreamweaver-cs6-tutorial-1.shtml

·         Complementarias:

o   http://es.wikipedia.org/wiki/Dreamweaver

o   https://multimedia.journalism.berkeley.edu/tutorials/css-layout/

TABLA DE CONTENIDOS

CONTENIDOS	SESIÓN (Hora Clase)	TAREAS /  LECTURAS OBLIGATORIAS
Unidad 1. Generalidades
Indicaciones generales  programa de la asignatura, entrega de sílabo metodología, modo de evaluación.	Sesión 1. 1h.
1.1   El Internet historia, avances, programación 1.2   Tendencias de la Web , Web 2.0 Web 3.0	Sesión 2. 1h.	Trabajo de consulta. Lectura de los sitios web, referente a la materia.
1.3   Tipos de sitios Web 1.4   Estructura de un sitio Web 1.5   Funcionalidades de los dominios en Internet	Sesión 3. 1h.	Trabajo de consulta. Lectura de los sitios web, referente a la materia.
1.6   Estándares de Internet 1.7  Registradores de dominios. 1.8 Alojamiento y hosting 1.9 La funcionalidad del posicionamiento SEO	Sesión 4. 2h.	Trabajo de consulta. Lectura de los sitios web, referente a la materia.
Unidad 2. Código de Páginas web
2.1 HTML conceptos	Sesión 5 1h.	Lectura de los sitios web, http://www.w3schools.com/html/
Pseudocódigos	Sesión 6. 1h.	Ejercicios prácticos, diseño predeterminado en clase.,  Lectura en: http://www.w3schools.com/html/
Desarrollo de páginas aplicando conceptos	Sesión 7. 5h.	Ejercicios prácticos, diseño predeterminado en clase., Lectura en: http://www.w3schools.com/html/
2.2 Javascript conceptos	Sesión 8. 1h.	Exposición. Lectura en: RODRÍGUEZ José Antonio, Manual De Javascript Pág. 5-8 Conculta, Exposición
Pseudocódigos	Sesión 9. 1h.	Exposición. Lectura en: RODRÍGUEZ José Antonio, Manual De Javascript Pág.9-15
Desarrollo de páginas aplicando conceptos	Sesión 10. 5h.	Ejercicios prácticos, diseño predeterminado en clase., Lectura en: R EGUÍLUZ PÉREZ Javier,  introduccion_javascript Pág.16-34  Lectura en: http://www.w3schools.com/html/
2.3 CSS conceptos	Sesión 11 1h.	Consulta e investigación sobre estilos en listas y párrafos. Lectura en: SÁNCHEZ Jorge, CSS Manual de referencia, Pág. 2-7
2.1    Hojas de estilo CSS 2.2    Aplicación de los formatos CSS a texto, tablas, imágenes y vínculos.	Sesión 12.  2h.	Indexar con archivos html Ejercicios prácticos, diseño predeterminado en clase.,  Lectura en: SÁNCHEZ Jorge, CSS Manual de referencia, Pág. 8-15. Indexar con archivos html
Desarrollo de páginas aplicando conceptos	Sesión 13. 5h.	Ejercicios prácticos, diseño predeterminado en clase., Lectura en: SÁNCHEZ Jorge, CSS Manual de referencia, Pág. 16-20  Lectura en: http://www.w3schools.com/html/ Indexar con archivos html
Prueba de las dos unidades	Sesión 14. 2h.	Desarrollo práctico de ejercicio propuesto
Unidad 3. Software De Aplicación Adobe CS6 Dreamweaver
1.1    Entorno del sistema 1.2    Espacio de trabajo, paneles, barra de herramientas y entorno de creación	Sesión 15 1h.	Crear sitios web.  Lectura de libro: AUBRY, Christophe; DREAMWEAVER CS6 para PC/MacHTML5 y CSS3; ENI EDICIONES; 2012, pág. 10-17.
1.3   Creación, modificación y administración de sitios web 1.4   Creación, estructura y propiedades de las páginas web 1.5   Vistas de páginas web	Sesión 16. 1h.	Estructurar organizativamente archivos en carpetas. Desarrollo de un sitio Web en base a las funciones y código HTML indicadas. Lectura de libro: AUBRY, Christophe; DREAMWEAVER CS6 para PC/MacHTML5 y CSS3; ENI EDICIONES; 2012 pág. 18-22 Estructurar organizativamente archivos en carpetas. Lectura en: http://www.w3schools.com/html/
1.6   Insertar y formato de texto 1.7   Manejo de tablas 1.8   Insertar y formatear imágenes 1.9   Vínculos	Sesión 17. 3h.	Aplicar etiquetas Html en código fuente. Ejercicios prácticos, diseño predeterminado en clase., Desarrollo de un sitio Web en base a las funciones y código HTML indicadas. Lectura de libro: AUBRY, Christophe; DREAMWEAVER CS6 para PC/MacHTML5 y CSS3; ENI EDICIONES; 2012 pág. 25-40 Insertar comandos y funciones de Dreamweaver. Lectura en: http://www.w3schools.com/html/
1.10    Elementos multimedia. 1.11    Creación de plantillas	Sesión 18. 2h.	Lectura de libro: AUBRY, Christophe; DREAMWEAVER CS6 para PC/MacHTML5 y CSS3; ENI EDICIONES; 2012 Pág. 45-50 Ejercicios prácticos, diseño predeterminado en clase.
Funciones y sintaxis	Sesión 19. 2h.	Lectura de libro: AUBRY, Christophe; DREAMWEAVER CS6 para PC/MacHTML5 y CSS3; ENI EDICIONES; 2012 pág. 80- 85 ver vídeo: DS1  Definiendo un sitio en Dreamweaver CS4
Examen Final	Sesión 20. 2h.	Desarrollo práctico de ejercicio propuesto

ACTIVIDAD 1

REalizar un organizador gráfico, sobre la WEB 3.0, entregar hasta Hoy miércoles 5 sep, 23h00