Hist GUI 40

Historia de las interfaces
Historia de las
Interfaces

INTERFAZ GRÁFICA
Definiciones:
Real Academia de la Lengua Española:
Interfaz:
 1. f. Conexión o frontera común entre dos aparatos o
sistemas independientes.
 2. f. Inform. Conexión, física o lógica, entre un computador y
el usuario, un dispositivo periférico o un enlace de
comunicaciones
Gráfico:
 1. adj. Perteneciente o relativo a la escritura y a la imprenta.

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ú.
La interfaz gráfica del usuario, o GUI, es el
conjunto de elementos gráficos (ventanas,
menús, botones, etc.) que permiten la
interacción entre el usuario y la aplicación
informática.

La interfaz es el sitio donde los bits y las
personas se encuentran.
Negroponte

microprocesador
celular
Video beam
lavadora

Historia de la GUI
interfaz grafica de usuario
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).

Las interfaces de línea de instrucciones exigen
que el usuario introduzca instrucciones breves
mediante un teclado para dirigir las acciones de
la computadora. DOS
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"

Interfaz de línea

Las GUI emplean ventanas para organizar
archivos y aplicaciones representadas por iconos
y menús que presentan una lista de
instrucciones.
El usuario manipula directamente estos objetos
visuales en el monitor señalándolos,
seleccionándolos y arrastrándolos o moviéndolos
con un mouse.
Con la interfaz gráfica el computador traduce
los datos y los convierte en la imagen. (Como
sucedía con los telegramas).

Personajes
1945 - Vannevar Bush  MEMEX

INTERFAZ GRAFICA
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.

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.

Personajes
1960 - J. C. R. LICKLIDER
 El "time-sharing" entre varios usuarios.
 La "electronic input-output surface" para el display y
la comunicación de la información simbólica y gráfica.
 El "interactive and real-time system" para el
procesamiento y la programación de la información.
 La posibilidad de concurrencia.

Personajes
1960 - J. C. R. LICKLIDER
 Para muchos es el padre de Internet, de ARPANET a
INTERNET

Personajes
Años 60 - IVAN SUTHERLAND (MIT)
 Creador de la Computación Gráfica

Personajes
Años 60 - IVAN SUTHERLAND (MIT
“Instituto Tecnológico de Massachusetts”)
 Introdujo los conceptos de “3-D computer modeling”,
simulaciones visuales, diseño asistido por el
computador (CAD) y realidad virtual.

Personajes
 Introdujo los conceptos de “3-D computer modeling”,
simulaciones visuales, diseño asistido por el
computador (CAD) y realidad virtual.
 Creador del Sketchpad.

Personajes

Personajes
 Estructura jerárquica interna de los gráficos.

Personajes
 Estructura jerárquica interna de los gráficos.
 La definición de objetos modelos y sus instancias que
son versiones transformadas de las primeras.
Estos conceptos sirvieron de base para la
programación orientada a objetos.

Personajes
 La utilización de iconos.

Personajes
 El uso de los lápices de luz ("light pen") para la
construcción interactiva de los dibujos.

Personajes
 El uso de los lápices de luz ("light pen") para la
construcción interactiva de los dibujos.
 La separación de los sistemas de coordenadas para
describir el mundo y el espacio de representación en
el computador.

Personajes
1963 - DOUGLAS ENGELBART
 “the mouse”

Personajes
 multiple windows
 cross-file editing
 integrated hypermedia email
 hypermedia publishing
 document version control
 shared-screen teleconferencing

Personajes
 2-dimensional display editing
 in-file object addressing, linking
 hypermedia
 outline processing
 flexible view control

Personajes
 computer-aided meetings
 formatting directives
 context-sensitive help
 distributed client-server architecture

Personajes
1965 – Ted Nelson
 Acuñó el término HYPERTEXT.
 Creó el sistema XANADU ...... y todavía sigue en eso.
 No cree que el web es un verdadero hipertexto.

Empresas
1971 – Xerox Palo Alto Research Center
 La computadora
personal en su
prototipo el "Altos".

Empresas
 La utilización de pantallas del tipo Raster Scan con un
mapa ("bit map") de puntos visuales ("pixels") para la
representación gráfica de alta resolución a bajo
costo.

Empresas
 La utilización de pantallas del tipo Raster Scan con un
mapa ("bit map") de puntos visuales ("pixels") para la
representación gráfica de alta resolución a bajo
costo.
 La utilización de elementos como los iconos, los
menus y las ventanas así como el ratón ("mouse")
para la especificación de la entrada.

Empresas
 La interconexión de las computadoras mediante una
red del tipo "Ethernet".
 La programación orientada a objetos con la creación
del lenguaje "Smalltalk".
 WIMP  WYSIWYG

En 1972 Xerox creó "Xerox
Alto" el primer computador
con un sistema operativo de
interfaz gráfica, diseñado
para laboratorios.
Xerox alto

Personajes
1977 – Alan Kay y Adele Goldberg

Personajes
1977 – Alan Kay y Adele Goldberg
 Creó el Dynabook libro dinámico que definió la
base de los ordenadores portátiles y Tablet PC
actuales
 Padre de ..........????? interfaz gráfica de usuario.
 SMALLTALK
 WIMP (windows, icons, menus, pointers) interfaz en
Xerox Parc

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.

Características del Xerox Star
Interfaz gráfica de usuario basada en ventanas, iconos,
carpetas
La pantalla con bitmaps en lugar de solo texto.
El concepto de "Escritorio" donde se ubican las
aplicaciones de trabajo.
El uso intensivo en la computadora de un mouse de tres
botones.
El concepto de arrastrar-y-soltar.
A este proyecto se le llamó "The Office of the Future" (La
Oficina del Futuro) y el avance de tal lo dirigió David
Liddle.

Empresas
1981 – Primer PC de IBM
Interfaz textual, líneas de comando, etc.

Empresas
1981 – Lenguaje de comandos
Interfaz textual, líneas de comando, etc.

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.

Empresas y más
1982 – Apple LISA, GUI (interfaz gráfica de
usuario)
Interfaz gráfica, implementación de WIMP

Lisa fue rápidamente
reemplazada por el
Macintosh I.

Empresas y más
1982 – Apple LISA, GUI
Interfaz gráfica, implementación de WIMP

Empresas y más
1984 – Apple Macintosh
Implementación completa de las GUI (WYSIWYG)

MAC I

Empresas y más
1983 – Ben Shneiderman
Describía los matices de la manipulación directa.
Pionero en la aplicación de estos conceptos a los
enlaces de texto accesibles mediante
el ratón, llamados entonces menús
encastrados, y que se denominan
hoy enlaces en la web.

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.

Lo que puso fin a la discusión fue la decisión
de Microsoft de implementar en sus sistema
las interfaz gráfica.
Windows 1.0

Comenzó la masificación de la GUI.
El Star produjo una gran influencia en el mundo
de los ordenadores, por ejemplo: el Apple Lisa, el
Apple Macintosh, GEM de Digital Research,
Microsoft Windows, Atari ST, Commodore Amiga,
Elixer, Metaphor Systems, Interleaf, Microsoft
OS/2, SunOS, KDE, Ventura Publisher y
NeXTSTEP.

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.

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

Empresas y más
1993 – Newton Apple
Tecnología para:
Reconocimiento de
escritura
Reconocimiento de
caracteres ópticos
Segmentación

Empresas y más
1996 a la fecha – Telefonía e interfaces

Empresas y más
1996 a la fecha – Juegos e interfaces

Presente:

El Futuro Hoy:
Interfaces gráficas comandadas por gestos.

Hist GUI 40

Recomendados

Recomendados

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Similar a Hist GUI 40

Similar a Hist GUI 40 (20)

Más de JORGE MONGUI

Más de JORGE MONGUI (12)

Último

Último (20)

Hist GUI 40