Diseño para la Red
Introducción
Lic. en Diseño de Información Visual.
Otoño 2009.
Universidad de las Américas Puebla.
Mtro. Omar Sosa Tzec
http://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.

TEMARIO
1. 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

cliente servidor web

petición
al servidor

petición
al servidor
necesidad
de comunicación

petición
al servidor
protocolo

petición
al servidor
¿TCP/IP?

petición
al servidor
http

tasa de
transferencia

petición
al servidor
http

web browser

web browser
Safari
Firefox
Internet Explorer

hipertexto

El caso de un libro impreso tradicional...
una novela por ejemplo.
página 1 página 2 página 3

En el hipertexto....
documento 1 documento 2 documento 3

En el hipertexto....
email
documento 1 documento 2 otro cliente

La palabra recurso,
URN, URI, URL

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

¿Internet 2?

Web 2.0

Gracias.