Extracto de presentación para tarea del curso "Recursos Educativos Digitales de Alto Impacto" de la Maestría en Educación e E-learning de la USMP

1. Foto: ElNino, Nico (2008) [fotografía NASA] Recuperado de https://www.shutterstock.com/g/NicoElNino
Diseño web UX/UI
Módulo 1: Introducción al diseño web
Curso: Recursos Digitales de Alto Impacto
Autor: Jorge Roca Rey

2. Objetivos:
Al finalizar el primer módulo, el alumno:
• Comprende los orígenes de internet y su influencia en su uso
actual.
• Reconoce los fundamentos de la comunicación visual aplicada
a la web
• Comprende los fundamentos de la innovación centrada en el
usuario, en la construcción de proyectos interactivos web

3. Agenda:
• Historia de internet
• La web y otros servicios de internet
• Qué es y cómo funciona el HTML
• Las imágenes para internet
• Fundamentos visuales para la web
• HTML5 y estilos CSS3, ¿por qué los usamos?
• Frameworks y administradores de contenido (CMS)
• Innovación centrada en el usuario: Design Thinking

4. Fin de la
II Guerra
Mundial
1945
ENIAC1
1946
Guerra fría
1947
Sputnik 12
1957
A.R.P.A.
Advanced
Research
Projects
Agency
1958
ARPANet3
1969
IBM PC4
1981
TCP/IP
1983
1,000
computadoras
conectadas5
1984
100,000
computadoras
conectadas6
1989
Fin de ARPANet
1990
WWW
1991
Historia de la internet

5. Tim
Berners
Lee
HTML7
1991
Netscape
1994
1’000,000
computadoras
conectadas8
1992
NCSA
Mosaic
El primer
navegador
de internet
1993
Google
1998
Windows
95 +
Internet
Explorer
1995
Web 2.0
2004
La web
social:
• Blogs
• Wikis
• RRSS
YouTube
2005
iPhone
2007
Android
2008
Implementado
en móviles
Historia de la internet

6. La web y otros servicios de internet
La web es un servicio de internet, posible gracias a la familia de
(más de 100) protocolos TCP/IP, sobre el cual se basa internet.
Capa de
aplicación
Capa de
transporte
Capa de
internet
Capa de
interfaz de red
ModeloTCP/IP
DNS
SSH
FTP
RIP
SMTP
POP3
DHCP
HTTP
TCP
UDP
ICMP
DCCP
FCP
µTP
IP
ICMP
IPSEC
IGMP
ARP
NDP
Ethernet
L2TP
Principales protocolos

7. Los formatos de la web
• Los archivos HTML se surten de información
externa para facilitar la difusión de estilos,
comportamientos y hasta estructuras de
contenidos (XML) en todo un sitio web.
• Los estilos visuales y los comportamientos
contribuyen a mejorar la interactividad y por
ende la experiencia del usuario.
• Los sitios basados en HTML son ubicados
más fácilmente por los motores de
búsqueda.
CSS XML
HTML
JavaScript

8. Referencias
W3Schools.com
• HTML: https://www.w3schools.com/html/
• CSS: https://www.w3schools.com/css/
• JavaScript: https://www.w3schools.com/js/
KRUG, Steve
2014 Don’t make me think, Revisited. A Common Sense Approach to
Web Usability, 2000-2014. Third Edition. USA: New Riders.
NORMAN, Don
2013 The Design of Everyday Things: Revisited and Expanded Edition,
1990-2013. Third Edition. USA: Basic Books.