Diseño para la RedIntroducción

Lic. en Diseño de Información Visual.Otoño 2009.

Universidad de las Américas Puebla.

Mtro. Omar Sosa Tzechttp://www.tzek-design.com/blog

Objetivo general:

El estudiante dominará las herramientas de nuevas tecnologías en campos emergentes de aplicación del diseño. Conocerá y manejará los conceptos y parámetros necesarios para el diseño, construcción y publicación de un documento interactivo en línea (www).

Competencias que adquirirá el alumno al término del curso:

• Entender el diseño de información para pantalla como una instancia diferente al diseño para materiales impresos y conocer las herramientas de gestión del diseño para la web.

• Capadidad para el diseño, arquitectura y desarrollo de un sitio web basado en estándares.

TEMARIO1. Fundamentos.

• Concepto de Internet y sus servicios: Modelo cliente-servidor, P2P, web, IRC, mail.

• La Internet y la Web: funcionamiento, manejo y aplicaciones. Web 2.0 e Internet 2.0.

• En qué consiste el XML, HTML y XHTML: Estructura, similitudes y diferencias.

• Introducción a los RSS Feeds y análisis de servicios Web 2.0.

• Separación de contenido y presentación: introducción a las hojas de estilo en cascada.

2. Diseño de Información para Pantalla.

• Visualización entre diferentes browsers.

• Aplicación (básica) de arquitectura de información.

• Diseño de información textual en sitios web: encabezados, tagline, redacción y estilo de textos para pantalla.

• Diseño de información visual en sitios web: color, fondo, manejo y optimización de imágenes, claves visuales y elaboración de íconos y metáforas.

3. Desarrollo de sitios web.

• Estándares web.

• SEO (Search Engine Optimization).

• Accesibilidad y Usabilidad.

• XHTML y CSS para sitios web estándar.

• Librerías de elementos interactivos: JQuery.

• Despliegue de Información para dispositivos móviles.

• Desarrollo simple de RSS Feeds.

5. Publicación.

• Dominios y alojamiento.

• Transferencia vía FTP.

• Estadísticas y monitoreo.

EVALUACIÓN.

•Exámenes/Proyectos parciales – 30% de la calificación final.

Las evaluaciones serán de tipo escrito, oral o por proyecto según aplique con los temas vistos en clase y serán aplicadas durante los tres primeros meses del curso (es decir, cada “tercio”). Los resultados serán entregados en no más de una semana a partir del día siguiente de la evaluación en el medio que el profesor especifique.

• Tareas y ejercicios – 40% de la calificación final.

Es necesario cumplir con el 70% del total de tareas y ejercicios elaborados en clase y asignados (para la casa) para tener derecho al proyecto final de semestre.

Las tareas y ejercicios se irán enlistando durante el semestre. Teniendo oportunidad de reposición sólo cuando el profesor indique.

• Proyecto de final de semestre – 20% de la calificación final.

El proyecto final será por equipo o individual según se defina cerca de las fechas del último parcial.

El criterio de evaluación general será demostrar la aplicación adecuada de los conceptos y herramientas vistas en clase según la naturaleza de los proyectos.

• Asistencia y participación en clase – 10% de la calificación final.

El estudiante deberá asistir al menos al 85% de sesiones del curso. Estimadas 32 sesiones en total, el alumno tendrá derecho a no más de 5 faltas en el semestre, las cuales podrán ser usadas a discreción por lo que el concepto de falta justificada queda descartado en este curso. El alumno que no cubra la asistencia mínima será automáticamente reprobado.

Tres retardos serán considerados una falta. Dichos retardos se tomarán en cuenta cuando el alumno llegue 5 minutos tardes después de iniciar la sesión/explicación por parte del profesor.

BIBLIOGRAFÍA

• Usabilidad. Prioridad En El Diseno Web. Jakob Nielsen y Loa Horanger. Anaya Multimedia. 2007.

• Screen Design Manual. Frank Thissen.

• No me hagas pensar. Una aproximación a la usabilidad web. 2ª Edición. Steve Krug. 2006.

• Designing web sites that work. Usability for the web. Tom Brinck, Darren Gergle, Scott D. Wood. Academic Press. Morgan Kaufmann Publishers. 2002.

• About the face 3. The Essentials of Interaction Design. Alan Cooper, Robert Reimann, and David Cronin. Wiley. 2007.

INFORMACIÓN DEL DOCENTE

Mtro. Omar Sosa Tzec.omar.sosa@udlap.mx.Tel: 229-21-13.Oficina: CIRIA 305 C. Asesoría a alumnos: Jueves y viernes de 4 a 5 p.m. Sitio web de referencia: www.tzek-design.com/blog.

Fundamentos

¿www = internet?

¿Esto es internet?

¿Y esto?

¿Y esto?

Internet

internet

Protocolo

¿TCP/IP?

¿Cómo se conecta la idea de la www con la Internet?

¿De dónde sale la información?

host

servidor(el software)

servidor(la máquina)

cliente(software)

Cliente-Servidor vs. Peer to Peer

Algunos tipos de servidores

servidor web

servidor de e-mail

smtp

servidor de ftp

servidor DNS

servidor DHCP

servidor de BD

DBMS

DBMS

¿tablas?

servidor Proxy

La Web

servidor webcliente

peticiónal servidor

peticiónal servidor

necesidadde comunicación

peticiónal servidor

protocolo

peticiónal servidor

¿TCP/IP?

peticiónal servidor

http

tasa detransferencia

peticiónal servidor

http

web browser

web browser

Safari

Firefox

Internet Explorer

hipertexto

página 1 página 2 página 3

El caso de un libro impreso tradicional... una novela por ejemplo.

documento 1 documento 2 documento 3

En el hipertexto....

documento 1 documento 2 otro cliente

En el hipertexto....

email

La palabra recurso,URN, URI, URL

empleamos URL o URI¿cómo sabemos dónde están las cosas?

¿Internet 2?

Web 2.0

Gracias.