"Ao

de la Diversificacin Productiva y del Fortalecimiento de

la Educacin"

FACULTAD DE INGENIERA
E.A.P. INGENIERA DE SISTEMAS E INFORMTICA

TEMA:

CONCEPTO E HISTORIA DE
GUI
CURSO

DISEO GUI

HUNUCO PER
2015

CONCEPTO DE GUI
Interfaz grfica de usuario (GUI), acrnimo en ingls de GraphicalUserInterfase. La
interfaz grfica de usuario es un programa o entorno que gestiona la interaccin con el
usuario basndose en relaciones visuales como iconos, mens o un puntero. Consiste
entonces en la aplicacin de una forma en la cual un usuario puede interactuar con el
Ordenador, realizando distintas funcionalidades en forma intuitiva y dinmica.
Tal como hemos mencionado, y como su nombre nos est indicando, se caracteriza
por el desarrollo de Elementos Grficos para poder brindar esta aptitud, utilizando
Imgenes que reemplazan la introduccin de Lneas de Comandos en el sistema
operativo, realizando entonces las funciones con tan solo pinchar un botn,
seleccionando una funcin en un Men Desplegable y ejecutando las aplicaciones en
un Entorno Grfico adecuado.

HISTORIA DE GUI
El origen de las GUIs se podra decir que tuvo lugar gracias a las teoras de Vannevar
Bush. En el ao 1945 public su ya famoso artculo Como debemos pensar, en el
cual propona una herramienta de informacin y administracin: Memex. Dicho sistema
permita almacenar y hacerlos ms accesibles, vinculndolos entre ellos.
Otro famoso pionero fue Ivan Sutherland, estudiante de Doctorado del MIT, que
desarroll en su tesis doctoral un programa llamado Sketchpad que permita la
manipulacin directa de objetos grficos en una pantalla CRT usando un lpiz ptico.
Inclua la capacidad de acercar y alejar la imagen en la pantalla, el suministro de
memoria para almacenar objetos y la habilidad de dibujar lneas y esquinas precisas
en la pantalla.
Douglas Engelbart fue un brillante cientfico que, influenciado por las teoras de
Vannevar Bush, trabaj en la investigacin sobre la interaccin Hombre-Mquina.
Invent el primer ratn, que usara, posteriormente, en el NLS (ONLineSystem).
Se produjo un gran progreso en el centro Xerox de investigacin de Palo Alto (PARC),
centro que persegua crear la arquitectura de la informacin y la humanizacin de
los ordenadores. Entre muchos de sus inventos se puede destacar el desarrollo de la
primera GUI, que debut en el ordenador Alto.

Steve Jobs, el co-fundador de Apple, se interes por las innovaciones de Star, sucesor
de Alto, y decidi dotar a sus ordenadores de una GUI similar, aunque mejorada en
muchos aspectos.
El Apple Macintosh, lanzado en 1984, fue el primer uso comercial exitoso de una GUI.
Tuvo tanta relevancia que, desde entonces, casi todos los sistemas usan una GUI
como interfaz con el usuario.
Microsoft anunci el desarrollo de su primer sistema operativo grfico en 1983 pero la
versin inicial (Windows 1.0) fue presentada dos aos ms tarde. Windows 2.0
(presentada en diciembre de 1987) represent una mejora sobre la anterior versin
con la incorporacin de iconos y ventanas superpuestas, pero no fue hasta 1995 con
el lanzamiento de Windows 95 que Microsoft fue capaz de ofrecer una GUI con una
calidad relativamente buena, aunque an sigue sin estar a la altura de la ofrecida por
Apple.

EL PIONERO: ON-LINE SYSTEM (NLS)

DOUGLAS ENGELBART
Nacido en 1925 en Oregn, Estados Unidos, es un inventor de descendencia noruega.
Es conocido por inventar el ratn y como pionero de la interaccin Hombre-Mquina; el
equipo que lideraba desarroll, entre otras cosas, el hipertexto, la red de ordenadores,
y los precursores de las GUIs.
Engelbart recibi una amplia educacin, licencindose como ingeniero elctrico en la
Universidad del Estado de Oregn en 1948, como ingeniero en la de UC Berkeley en
1952 y se doctor en la misma universidad en 1955.
un empleado de NACA (el instituto anterior a la NASA) tom las ideas de Bush para
imaginar una epifana en la que un sistema de display organizado por tubos de rayos
catdicos permitira a los usuarios construir modelos de informacin grficamente. La
idea fundamental de Englebart era, en definitiva, aumentar el intelecto humano: as fue
como nombr a su ensayo de 1962, Augmenting Human Intellect, una vez que logr
que sus ideas fueran reconocidas y obtuvo algo de financiacin para sus proyectos.
Para Englebart, la computadora no era un reemplazo de la inteligencia de las
personas, sino que era una forma de aumentarla exponencialmente. Y no estaba
demasiado lejos de la verdad.

El trabajo de Englebart y su equipo deriv en un prototipo de computadora que tena

tres dispositivos de entrada: un teclado qwerty, otro teclado adicional con cinco teclas,
y un rectngulo con tres botones que se conectaba con un cable a la computadora. As
es: un mouse. Pero esto no es lo nico que le tenemos que agradecer a Englebart,
dado que el ratn no fue nada ms lo que proporcion a la computacin moderna: este
mouse vena acompaado de toda una interfaz grfica primitiva para permitir un mejor
manejo del sistema. Eventualmente, el proyecto se detuvo cuando el instituto en el
cual trabajaba Englebart cerr. Este, sin embargo, no es el fin de la historia.
La demostracin de Englebart haba sentado las bases para todo el trabajo del futuro.
La computadora primitiva poda hacer cosas que hoy en da nos parecen naturales
pero que en la dcada del 70 parecan extradas del ms disparatado folletn futurista:
hipertexto, edicin de documentos, colaboracin en tiempo real, correo electrnico,
mensajera instantnea, y ms. Con esto, el trabajo para los desarrolladores siguientes
se hizo ms fcil. Por eso, nos tenemos que mudar al campus de Xerox, o Palo Alto
Research Center (PARC) donde podemos apuntar el nacimiento concreto de las
interfaces grficas de usuario.
Alto contaba con un display del mismo tamao que la hoja impresa, con una resolucin
de 606 por 808 pxeles. Cada pxel poda ser prendido y apagado de forma
independiente, algo novedoso para la poca, y el equipo contaba con una versin
moderna del mouse de Englebart. El cursor se transform en lo que hoy conocemos,
la flecha, y poda transformarse en otras formas de acuerdo con la tarea realizada.
Con la llegada de Alto, tambin lleg Smalltalk, un lenguaje de programacin y
ambiente de desarrollo fcil de comprender, orientado a los objetos, para que sea fcil
su uso. Muchos de los conceptos actuales de la interfaz grfica de usuario fueron
tomados de Smalltalk.
Smalltalk nos trajo cosas que hoy conocemos como las ventanas y los pop-ups. Hablar
de Smalltalk nos llevara mucho tiempo, por lo que nos lo reservaremos para otra
entrada. El siguiente paso en la historia de GUI tambin se remonta a PARC, con la
llegada del sucesor del modelo Alto, la Xerox Star 8010 DocumentProcessor. El
aparatito costaba unos 17 mil dlares en su momento, pero por supuesto, la dinmica
de la creacin ya haba seguido su curso, y en ese momento otro gigante de la
computacin estaba entrando en escena: Apple. En 1976, y despus de mltiples
visitas a la planta de PARC gracias a un acuerdo con Xerox, los desarrolladores de
Apple Computer se fijaron como meta crear un xito comercial basndose en las
frmulas cientficas del Alto y de Smalltalk.

El primer intento fue Lisa, una computadora grfica que requiri mucho trabajo. Los
desarrolladores de Lisa eligieron un diseo de interfaz basado en conos que
representaban un documento o un programa, con una barra de men. Tambin
inventaron los shortcuts de teclado, las tildes para marcar documentos, y ms. Este
sera el comienzo de un largo camino en la computacin personal, que da a da
adquiere ms mejoras e innovaciones. Lisa fue lanzada en 1983, despus de cinco
aos de trabajo, y costaba menos de 3 mil dlares. Un avance importante. Durante los
aos 80, ms interfaces grficas de usuario surgiran como GEM y Windows 1.0. El
inicio ya estaba marcado.
En este campus podemos rastrear algunas de las invenciones de la computacin
moderna ms importantes, como la impresiona lser, el Ethernet (fundamentalsimo),
y, por supuesto, GUI. Los desarrolladores de Xerox PARC tenan cinco aos para
plantear y llevar a cabo proyectos que en ese tiempo hasta podran ser considerados
una locura, y verdaderamente lo lograron. En el caso de la interfaz grfica de usuario,
todo surgi de la necesidad de encontrar una computadora que pueda soportar las
impresoras de Xerox. Esa computadora no exista en esos momentos, por eso el
equipo decidi crearla: as naci Alto, una computadora que aunque se poda
considerar pequea, no lo era.
MEMEX
En 1945 Vannevar Bush describi un computador analgico terico llamado Memex en
su artculo "Como debemos pensar" (El nombre del sistema era una abreviatura de
"MEMoryEXtender"). Bush lo describi como un dispositivo electrnico conectado a
una biblioteca y era capaz de mostrar libros y pelculas de la biblioteca y seguir
referencias cruzadas.
El Memex estaba pensado como una gran mesa donde se combinan microfilms con
diversos dispositivos electrnicos, como cmaras y lectores. Aunque a veces se
confunda, la tecnologa del Memex no es la del hipertexto, tan solo inspir a los
creadores de este.
Adems de lo anterior, el sistema tambin permita hacer cosas mucho ms
interesantes, como crear nueva informacin con tan solo aadirla a los microfilms, lo
que hizo que algunos consideren al Memex un precursor de los actuales PC. Hay que
destacar que, pese a poder aadir informacin, Memex no era capaz de clasificarla,
teniendo que hacerlo el mismo usuario.
NLS

Fundado por la NASA, ARPA, y la fuerza area americana, el NLS fue la primera GUI
que emple enlaces de hipertexto, ratn o un monitor. Ya en los aos 60 aport
soluciones inteligentes como la presentacin de la informacin a la manera de
programas como el Microsoft PowerPoint, entre otras.
El sistema se desarroll en torno al SDS 940, un ordenador de tiempo compartido con
aproximadamente 96 MB de disco duro (Una ms que considerable capacidad para
aquellos tiempos). NLS permita que los usuarios pudiesen introducir sus datos a
travs de tarjetas perforadas, si no podan tener acceso al teclado o ratn, aunque
obviamente esta capacidad no era muy aprovechada. Esto deriv en el OLS
(OffLineService).
En lo que se denomin "la madre de todas las demostraciones", el NLS fue conectado
desde San Francisco por telfono con Menlo Park, California, de donde reciba los
datos que procesaba. Algo realmente impresionante contando que hablamos de 1968.
El detonante de la cada del NLS fue la difcil curva de aprendizaje, algo lgico
contando que ni siquiera tena una interfaz de point-and-click. Tras la cada, muchos
de los componentes del equipo se pasaron al laboratorio de Xerox para el desarrollo
del PARC.
LA APARICIN DE XEROX PARC, APPLE LISA, AMIGA, WINDOWS...
Xerox PARC
Los trabajos de Engelbart llevaron directamente a los avances surgidos en Xerox
PARC. En este nuevo sistema poda apreciarse un paradigma basado en ventanas,
iconos, mens y cursores (WIMP), antes probado en el ordenador experimental Xerox
Alto y que apareci comercialmente en el ordenador Xerox Star en 1981.
Apple Lisa
El Macintosh fue el primer ordenador comercial de xito que disfrut del uso de una
GUI. Ya en 1984, usaron una metfora de escritorio similar a la de Star. Las primeras
versiones de Lisa no seguan exactamente el paradigma WIMP, pero futuras versiones
se vieron an ms influenciadas por el prodigio de Xerox.
DESQview
Desqview fue el primer programa que acerc la multitarea al dos, permitiendo ejecutar
varios programas concurrentemente en ventanas. Aunque no era realmente una GUI,

pues basaba su funcionamiento en el texto, comparta con ellas ciertas ideas como
poder cambiar el tamao de las ventanas, la superposicin de estas y el uso del ratn.

GEM
De forma paralela al desarrollo de Windows, Digital Research desarroll el GEM.
Creado originalmente como un sistema de ventanas para los IBM PC, tuvo
curiosamente ms xito en las maquinas Atari ST.
Amiga Workbench
El ordenador Amiga fue lanzado por Commodore en 1985 con una GUI llamada
Workbench. Los usuarios recuerdan las primeras versiones por su llamativa paleta de
colores (azul, naranja, blanco y negro), seleccionada as por su alto contraste.
Workbench se llam as porque representaba los directorios como "cajones" de un
escritorio virtual llamado banco de trabajo (Workbench en ingls). La librera que lo
haca funcionar recibi el nombre de Intuition.
Por un error del departamento de ventas, los primeros disquetes de Amiga (os) fueron
etiquetados con el nombre de Workbench, por lo que todo el mundo pas a llamar as
al conjunto de aplicaciones y programas, hasta que se solucion en la versin 2.0.
Los usuarios de Amiga tambin podan arrancar su ordenador en una interfaz de lnea
de comandos (CLI), para despus lanzar Workbench si as lo deseaban.
AmigaWB
El uso de grficos orientados a objetos cambi radicalmente la imagen de las GUIs
hasta la que se puede ver hoy en da. Avanzadas funciones grficas como botones
animados, iconos de 24 bits de color, fondos para pantallas y ventanas, transparencias
y sombras; convirtieron al Workbench en una completa y moderna interfaz grfica.
Windows
Windows 1.0 era una GUI para el sistema operativo MS-DOS, que haba sido el
sistema elegido por los ordenadores de IBM y compatibles desde 1981, pero no fue
hasta la versin 3.0 presentada en 1990 que se hizo popular. Desde aquella poca la

GUI ha sido rediseada en mayor o menor medida, aunque conservando una

estructura similar desde Windows 95.
Geos
Surgi en 1986 como un sistema diseado para el ordenador de 8 bits Commodore 64,
aunque luego se port al IBM PC. Traa aplicaciones como un calendario o un editor
de textos incorporados de serie.
Risc OS
Llamado Arthur en sus primeras versiones, este GUI orientado a los procesadores
ARM usaba una barra de tareas y un navegador de ficheros similar a los que tiene
ahora el Mac OS. Fue lanzado por AcornComputers a finales de los 80. Cabe destacar
que an existen actualmente evoluciones de este GUI en vigor.
NeXTSTEP
Se dise para la lnea de ordenadores NeXT, pudindose destacar que usaba, ya
entonces, PostScript para sus grficos. Su caracterstica ms destacable era el Dock,
un repositorio donde poner aplicaciones, portado al Mac OS posteriormente. Fue la
primera GUI que haca opacas las ventanas al arrastrarlas. Era considerablemente
ms sencillo de usar que cualquiera de sus predecesores
WPS
OS/2 fue un esfuerzo comn de IBM y Microsoft por sustituir el DOS por un sistema
equivalente con capacidad para la multitarea. Tras lo infructuoso del intento y la
separacin de las compaas, IBM desarroll el Workplace Shell (WPS) para futuras
versiones del sistema operativo. Cabe destacar que fue de las primeras GUIs
desarrolladas con programacin orientada a objetos