You are on page 1of 29

HISTORIA DE LA INTERFAZ GRÁFICA DE USUARIO

Presentación realizada por la docente:

Lida Ximena Tabares Higuita lidaximenat@gmail.com

Observatorio de Interfaz Gráfica Universidad Pontificia Bolivariana 2009

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.

microprocesador lavadora celular Video beam .

.

INTERFAZ GRÁFICA  Tipo de visualización que permite al usuario elegir comandos. La interfaz gráfica del usuario. menús. o GUI.  . etc. iniciar programas y ver listas de archivos y otras opciones utilizando las representaciones visuales (iconos) y las listas de elementos del menú. es el conjunto de elementos gráficos (ventanas. botones.) que permiten la interacción entre el usuario y la aplicación informática.

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

Historia de la GUI Existen dos formas básicas de diálogo entre el ordenador y el usuario. siglas en inglés).   Una interfaz de línea de comandos Una interfaz gráfica de usuario (GUI. .

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

Interfaz de línea .

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

 .Historia de la interfaz gráfica  El concepto de interfaz surge en paralelo con el primer computador el Eniac en 1943. 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. que ocupaba 107 metros cuadrados. ENIAC: sigla del inglés de Electronic Numerical Integrator And Computer (Computador e Integrador Numérico Electrónico). era una máquina gigante.

podía resolver 5.000 sumas y 360 multiplicaciones en 1 segundo. .La Eniac El Eniac podía calcular trayectorias de proyectiles (ese fue el objetivo primario al construirla).

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

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

el "Xerox 8810 Star Information System" más conocido como "Xerox Star" diseñado por Xerox Corporation.Xeros Star  En 1979 aparece otro computador que mejora algunos aspectos de Alto. .

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

.

   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.Posteriormente Macintosh compró parte de Xerox e implementó su tecnología. .

.Lisa Lisa fue rápidamente reemplazada por el Macintosh I.

MAC I .

 Incluía Macpaint .

o una insultante chorrada audiovisual diseñada por hackers que despojaba a los ordenadores de su potencia y flexibilidad. llevándonos a una revolución sin precedentes en la sociedad humana. y convertía el serio y noble arte de la computación en un pueril videojuego. . 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.

0 . 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.

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

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.  . las aplicaciones pueden utilizarlos sin necesidad de cambios. como un monitor de pantalla grande o un dispositivo óptico de almacenamiento.Ventajas de usar una GUI  La interfaz proporciona mecanismos estándar de control como ventanas y cuadros de diálogo.

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

Presente: .

.Futuro cercano: Interfaces gráficas comandadas por gestos.

com/ima ges/next_1988.50megs.google.com http://www.com.php http://images.com/cgi/games/playgames.willyhoops.willyhoops.co/imgres?imgurl=http://oldcomputers.net/pics/m acintosh.net/macintosh.upf.htm http://images.Cibergrafía       http://oldcomputers.gif&imgrefurl=http://www.es/~berenguer/recursos/ima_dig/_1_/estampas/4_7.com.net/ http://computermuseum.iua.com/microsoft_vs_appl e_history.ciberpunk.jpg&imgrefurl=http://oldcomputers.htm&h=496&w=662&sz=71&hl=es&start=5&tbnid=YnIzu80b6Dx1 7M:&tbnh=103&tbnw=138&prev=/images%3Fq%3DWINDOWS%2BGUI%2 6gbv%3D2%26hl%3Des%26sa%3DX .html&h=408&w= 500&sz=28&hl=es&start=1&sig2=yfIz1Ucujjwr_teEVnDgLQ&tbnid=bEw4Yk zzGE4BkM:&tbnh=106&tbnw=130&ei=nTuuR8DvFoWKec2trbEM&prev=/i mages%3Fq%3DMacintosh%2B%26gbv%3D2%26hl%3Des%26sa%3DG www.co/imgres?imgurl=http://www.google.