Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario...
Transcript of Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario...
![Page 1: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/1.jpg)
Historia de la Interfaz
Gráfica de Usuario
![Page 2: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/2.jpg)
Interfaz Gráfica
La interfaz gráfica de usuario, conocida también
como GUI (del inglés graphical user interface) es un
programa informático que actúa de interfaz de
usuario, utilizando un conjunto de imágenes y
objetos gráficos para representar la información y
acciones disponibles en la interfaz. Su principal uso,
consiste en proporcionar un entorno visual sencillo
para permitir la comunicación con el sistema
operativo de una máquina o computador.
![Page 3: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/3.jpg)
![Page 4: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/4.jpg)
![Page 5: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/5.jpg)
INTERFAZ GRÁFICA • Tipo de visualización que permite al usuario elegir comandos,
iniciar programas y ver listas de archivos y otras opciones
utilizando las representaciones visuales (iconos) y las listas de
elementos del menú.
![Page 6: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/6.jpg)
Historia de la GUI
Existen dos formas básicas de diálogo entre el ordenador y el usuario.
• Una interfaz de línea de comandos
• Una interfaz gráfica de usuario (GUI, siglas en inglés).
Con la interfaz gráfica el computador traduce los datos y los convierte en la imagen. (Como sucedía con los telegramas).
La interfaz es el sitio donde los bits y las personas se encuentran. Negroponte
![Page 7: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/7.jpg)
• Las interfaces de línea de línea de comando exigen que
el usuario introduzca instrucciones breves mediante un
teclado para dirigir las acciones de la computadora.
• DOS, HTML, CSS, PHP
• Son códigos como:
<HEAD>
<TITLE>C R Y P T O N O M I C O N</TITLE>
</HEAD>
<BODY BGCOLOR="#000000" LINK="#996600"
ALINK="#FFFFFF" VLINK="#663300">
<MAP NAME="navtext">
<AREA SHAPE=RECT HREF="praise.html"
![Page 8: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/8.jpg)
![Page 9: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/9.jpg)
Historia de la interfaz gráfica
• El concepto de interfaz surge en paralelo con el primer
computador el Eniac en 1943.
• ENIAC: sigla del inglés de Electronic Numerical
Integrator And Computer (Computador e Integrador
Numérico Electrónico), era una máquina gigante, que
ocupaba 107 metros cuadrados. Ejecutaba sus procesos
con un lenguaje digital (interfaz de comandos en línea) y
era utilizada por el Laboratorio de Investigación
Balística del Ejército de los Estados Unidos.
![Page 10: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/10.jpg)
La Eniac
El Eniac podía calcular trayectorias de proyectiles (ese fue el
objetivo primario al construirla), podía resolver 5.000
sumas y 360 multiplicaciones en 1 segundo.
![Page 11: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/11.jpg)
• La invención de la interfaz gráfica de usuario como se
conoce actualmente tuvo que esperar hasta la evolución de
los circuitos integrados de silicio, que redujo el costo y
aumentó la potencia de las computadoras.
• El segundo factor que posibilitó la aparición de la IGU fue
la creación del mouse por parte de Macintosh.
![Page 12: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/12.jpg)
Xerox alto En 1972 Xerox creó "Xerox Alto" el primer computador con un sistema operativo de interfaz gráfica, diseñado para laboratorios.
![Page 13: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/13.jpg)
Xeros Star
En 1979 aparece otro computador que mejora algunos aspectos de Alto, el "Xerox 8810 Star Information System" más conocido como "Xerox Star" diseñado por Xerox Corporation.
![Page 14: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/14.jpg)
![Page 15: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/15.jpg)
Posteriormente Macintosh compró parte de Xerox e implementó su
tecnología.
• Lisa fue el primer
computador personal
comercial con interfaz
gráfica.
• Con su venta Macintosh
quería hacer más entendible
y accesible el sistema.
• Pero el precio se acercaba a
los 10 mil dólares por
unidad.
COMERCIAL
COMERCIAL Video internet
Video internet
![Page 16: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/16.jpg)
MAC I
![Page 17: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/17.jpg)
![Page 18: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/18.jpg)
Muchos se preguntaban si los GUI eran una
brillante innovación tecnológica que volvía
más accesibles los computadores para los
humanos y por tanto para las masas,
llevándonos a una revolución sin precedentes
en la sociedad humana, o una insultante
chorrada audiovisual diseñada por hackers que
despojaba a los ordenadores de su potencia y
flexibilidad, y convertía el serio y noble arte de
la computación en un pueril videojuego.
![Page 19: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/19.jpg)
ATARI
NES
N64
XBOX
WII
Video internet
Kinect
Video internet
Video internet
Video internet
Video internet
Video internet
![Page 20: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/20.jpg)
Ventajas de usar una GUI
• La interfaz proporciona mecanismos estándar de control
como ventanas y cuadros de diálogo.
• Las aplicaciones escritas para una interfaz gráfica de
usuario son independientes de los dispositivos: a medida
que la interfaz cambia para permitir el uso de nuevos
dispositivos de entrada y salida, como un monitor de
pantalla grande o un dispositivo óptico de almacenamiento,
las aplicaciones pueden utilizarlos sin necesidad de
cambios.
![Page 21: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/21.jpg)
Retos de las GUI
• A medida que la tecnología cambia los referentes
gráficos en los cuales se fundamentan las GUI
actuales tendrán que evolucionar para mantenerse
funcionales (metáforas).
![Page 22: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/22.jpg)
Interfaces gráficas comandadas por gestos.
![Page 23: Historia de la Interfaz Gráfica de Usuario · •La invención de la interfaz gráfica de usuario como se conoce actualmente tuvo que esperar hasta la evolución de los circuitos](https://reader033.fdocuments.ec/reader033/viewer/2022060222/5f0791267e708231d41da012/html5/thumbnails/23.jpg)
REALIDAD AUMENTADA
IRON MAN
A DAY MADE GLASS
Video internet
Video internet
Video internet