Conceptos técnicos básicos relacionados con la web e Internet.

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

2. 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).

3. 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.

4. 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.

5. 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.

6. 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.

7. 5. Publicación.
• Dominios y alojamiento.
• Transferencia vía FTP.
• Estadísticas y monitoreo.

8. 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.

9. • 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.

10. • 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.

11. • 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.

12. 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.

13. 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.

14. Fundamentos

15. ¿www = internet?

16. ¿Esto es internet?

17. ¿Y esto?

18. ¿Y esto?

19. Internet

23. internet

24. Protocolo

31. ¿TCP/IP?

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

35. ¿De dónde sale la información?

39. host

40. servidor
(el software)

41. servidor
(la máquina)

42. cliente
(software)

43. Cliente-Servidor vs. Peer to Peer

45. Algunos tipos de servidores

46. servidor web

47. servidor de e-mail
smtp

49. servidor de ftp

50. servidor DNS

53. servidor DHCP

54. servidor de BD

55. DBMS

56. DBMS
¿tablas?

57. servidor Proxy

58. La Web

59. cliente servidor web

61. petición
al servidor

62. petición
al servidor
necesidad
de comunicación

63. petición
al servidor
protocolo

64. petición
al servidor
¿TCP/IP?

65. petición
al servidor
http

67. tasa de
transferencia

72. petición
al servidor
http

74. web browser

75. web browser
Safari
Firefox
Internet Explorer

76. hipertexto

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

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

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

80. La palabra recurso,
URN, URI, URL

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

84. ¿Internet 2?

86. Web 2.0

93. Gracias.