DG057 - Diseño Interactivo III - Departamento de Diseño

SyllabusDG057 - Diseño Interactivo IIILunes, Miércoles y Viernes 13h00-15h00Profesor: Juan Fernando Donoso, MSc.OBJETIVOS DEL CURSOAprender a utilizar y combinar las técnicas más usadas en el diseño e implementación de sitios web dinámicos y en eldesarrollo de aplicaciones para el web.Al final del curso, se espera que el/la estudiante sea capaz de:• Utilizar Cascading Stylesheets para el diseño y programación del website.• Diseñar pequeños programas en Javascript para controlar y manipular las hojas de estilo.• Entender y utilizar la programación orientada a objetos desde Javascript para diseñar juegos interactivos simples,menus desplegables, slide shows interactivos, etc.• Diseñar una base de datos en MySQL que motorize el sitio web y utilizar sentencias SQL para manipular lainformación de la misma.• Diseñar y programar sitios web en PHP motorizados desde MySQL.CONTENIDO DEL CURSOSemana 1: Enero 11, 13, 15• HTML: Tablas.• Cascading Stylesheets: formatos para textos.• Ejercicios.Semana 2: Enero 18, 20, 22• Cascading Stylesheets: propiedades para posicionamiento de elementos. Layers. Transparencias. Bloques.Diagramación de páginas web con CSS.• Ejercicios.Semana 3: Enero 25, 27, 29• Introducción a Javascript: estructura, funciones.• Validación de formularios desde Javascript.• Ejercicios.Semana 4: Febrero 1, 3, 5• DHTML: Control y Manipulación de CSS desde Javascript. Controles de textos, layes y opacidades. Menús enbloque.• Ejercicios.• Propuesta Proyecto No.1Semana 5: Febrero 8, 10, 12• Javascript: Uso de objetos. Declaración de funciones constructoras. Funciones prototipo como métodos.Propiedades. Instancias.• Jasvascript: Menús tipo persiana.

• Trabajo en Proyecto No. 1.Semana 6: Febrero 15, 17, 19• Febrero 15: Entrega del Proyecto No. 1• Febrero 15: Examen No. 1• Javascript: Uso de objetos. Declaración de funciones constructoras. Funciones prototipo como métodos.Propiedades. Instancias.• Jasvascript: Menús tipo persiana.Semana 7: Febrero 22, 24, 26• Javascript: SlideShow usando objetos. Transiciones con opacidades.• Propuesta para Proyecto No. 2• Trabajo en Proyecto No. 2Semana 8: Marzo 1, 3, 5• Trabajo en Proyecto No. 2.• Jasvascript: Control de posición y movimiento de layers desde Javascript usando objetos.Semana 9: Marzo 8, 19• Marzo 8: entrega del Proyecto No. 2• Examen No. 2• Introducción a MySQL. Creación de tablas desde PHPMyAdmin. Definición de Primary Key.• Principales comandos de SQL: select, insert, update, delete.• Definición del Proyecto ASE.• EjerciciosSemana 10: Marzo 17, 19• MySQL: Definición de Foreign Key. Creación de tablas relacionadas. Joins. Importación y exportación de datos atablas de MySQL.• Ejercicios.• Introducción a PHP: Conceptos de scripts desde el lado del servidor. Variables en PHP. Sentencia echo.• Trabajo en Proyecto ASE.Semana 11: Marzo 22, 24, 26• PHP: Interacción con formularios. Captura de datos desde Formularios• PHP: Conexión a la base de datos.• PHP: Búsquedas en tablas de MySQL y obtención de datos a través de PHP.• Trabajo en Proyecto ASE.Semana 12: Abril 5, 7, 9• Funciones de conexión a la base de datos.• Manipulación de tablas de MySQL desde PHP.• Manejo de Archivos desde PHP.• Propuesta Proyecto 3: Sitio web en PHP motorizado con MySQL.• Trabajo en Proyecto ASE.Semana 13: Abril 12, 14, 16• PHP: Sesiones.

• PHP: Revisión Proyecto No. 3Semana 14: Abril 19, 21, 23• Abril 19: entrega del Proyecto No. 3• Examen No. 3• Cookies.• Trabajo en proyecto ASE.Semanas 15: Abril 26, 28, 30• Trabajo en proyecto ASE.Semana 16: Mayo 3, 5, 7• Trabajo en proyecto ASE.Semana 17: Mayo 10, 12, 14• Trabajo en proyecto ASE.• Mayo 12: Presentación en clase del Proyecto ASESemana 18: Mayo 17, 19• Correcciones Finales Proyecto ASE.• Presentación Final Proyecto ASE.BIBLIOGRAFÍA• Castro, Elizabeth. HTML for the World Wide Web 6th. Edition, USA: Peachpit Press, 2006.• Cranford Teague, Jason. "DHTML and CSS for the World Wide Web, Second Edition". USA: Peachpit Press, 2001.• Flanagan, David: JavaScript: The Definitive Guide 5th edition. O'Reilly Media, 2006. Bradenbaugh, Jerry:JavaScript Application Cookbook. 1st. edition. O'Reilly, 1999• www.w3schools.com• www.tutorialized.com• www.php.net• http://mx2.php.net/tut.php• www.mysql.comCALIFICACIONES• 30% Proyectos• 30% Proyecto ASE• 20% Exámenes• 20% DeberesPOLÍTICAS DEL CURSOAdemás de las políticas generales para los cursos establecidas por la Universidad Iberoamericana, las políticasespecíficas para este curso serán las siguientes:• No se admiten deberes atrasados. Si un/una estudiante no puede llegar a clases el día de la entrega de un deber o unproyecto, deberá comprimir el proyecto en un archivo .zip y mandármelo a mi dirección de email hasta el día de laentrega. Por cada día de retraso en la entrega de un proyecto a deber se sancionará con 2 puntos menos de la notaobtenida en el mismo. Es decir, si un/una estudiante saca 8/10 en la nota de un deber y lo entrega dos días tarde, sunota final será de 4/10.

• No se tomarán exámenes atrasados. El/la estudiante que falte a un examen tendrá 0 automáticamente en el mismo.• Se considerará falta a una clase si un/una estudiante llega con 15 o más minutos de retraso a la hora establecidacomo el inicio de la misma.• El proyecto ASE trasciende la nota final obtenida en la clase. El proyecto DEBERÁ terminarse sea cual fuere lanota final obtenida para esta materia. Este proyecto es un compromiso con el departamento, con la universidad ycon un cliente externo (si el proyecto se lo realiza para un cliente externo). La nota de este proyecto NO es ELPAGO para dicho proyecto.• El proyecto ASE se lo realizará, en lo posible, para un cliente externo, real. Generalmente se lo desarrolla engrupos. De acuerdo con las propuestas recibidas para la realización de dicho proyecto y de acuerdo con la magnituddel mismo se definirán el número de grupos que trabajen en dicho proyecto. La entrega del mismo es unapresentación formal del proyecto al cliente y a los profesores del área.• Los estudiantes que no entreguen el proyecto ASE COMPLETO y A TIEMPO, reprobarán automáticamente lamateria.• La asistencia a clases es OBLIGATORIA. El porcentaje de inasistencias a clase durante el semestre será reducidoautomáticamente de la nota final obtenida en la clase.• Cualquier intento de copia o plagio en un deber, proyecto o examen se sancionará con la pérdida automática de lamateria. Si se utilizan imágenes o información bajada del internet para la realización de un trabajo o proyecto,deberá estar correctamente referenciada o documentada.Se considerará plagio el usar un código que no es propio; usar fuentes bibliográficas, o tutoriales, o ayuda externasin la documentación respectiva ni el crédito respectivo; usar ayuda externa que proporcione una ventajadeshonesta sobre el resto de la clase.DATOS PROFESORJuan Fernando Donoso• Master of Science in Multimedia Technology, Duquesne University, Pittsburgh - PA, USA, 2004.• Ingeniero en Electrónica y Control, Escuela Politécnica Nacional, Quito – Ecuador, 1992.• Profesor de la Universidad San Francisco de Quito desde Enero de 1991 hasta Julio 2008. Coordinador de laespecialización de Interactividad y Multimedia desde 1997 hasta 2008.• Miembro fundador de la Sociedad Ecuatoriana de Astronomía y Astrofísica.• Email: juan.donoso@uia.mx / juanfdonoso@gmail.com• Website: www.dis.uia.mx/profesores/juanfdonoso• Teléfono Oficina: 5950 4000 ext 7315• Teléfono Celular: 044-722-309-6159