Universidad Nueva Esparta Computacin Interaccin Humano-Computador

GUI

Integrantes: Stephany Hernndez Daniela Castaldi Caracas, 18 de Febrero de 2013

Introduccin
El siguiente trabajo tiene como fin el darnos a conocer la historia de la interfaz grfica del usuario, sus elementos y la ideologa de uso y funcin. La interfaz grfica de usuario que tambin se conoce como GUI (graphical user interface) se utiliza con la idea de simplificar el uso de los ordenadores para usuarios de todo tipo y no slo para los expertos. Si, como afirma Neal Stephenson: "en el principio fue la lnea de comandos..." tal como los hackers siguen hoy reivindicando no slo con nostalgia, sino tambin como una forma de tener control real sobre las mquinas, en la actualidad prima la cultura de la interfaz "amigable" y vistosa. En estos casos, un simple click de ratn sobre algn grfico (imagen) que aparece en la pantalla, sustituye a la tediosa tarea de escribir cdigo fuente para que el ordenador interprete que debe realizar alguna accin.

Generaciones GUI
En 1981 aparecieron los primeros ordenadores personales, los llamados Pcs, pero hasta 1993 no se generalizaron las interfaces grficas de usuario. El escritorio del sistema operativo Windows de Microsoft y su sistema de ventanas sobre la pantalla se ha estandarizado y universalizado, pero fueron los ordenadores Macintosh de la compaa Apple los primeros que introdujeron las interfaces grficas de usuario. Una interfaz es un dispositivo que permite comunicar dos sistemas que no hablan el mismo lenguaje. Restringido a aspectos tcnicos, se emplea el trmino interfaz para definir el juego de conexiones y dispositivos que hacen posible la comunicacin entre dos sistemas. Sin embargo, cuando aqu hablamos de interfaz nos referimos a la cara visible de los programas tal y como se presenta a los usuarios para que interacten con la mquina. La interfaz grfica implica la presencia de un monitor de ordenador o pantalla constituida por una serie de mens e iconos que representan las opciones que el usuario puede tomar dentro del sistema. En el caso del hipertexto, la interfaz hipertextual consistira en el diseo navegacional y el conjunto de herramientas y utilidades que permiten al usuario-lector interactuar con los contenidos. La interfaz proporcionar al usuario el conjunto de posibilidades que podr seguir durante todo el tiempo que se relacione con el programa, detallando lo que ver y escuchar en cada momento, y las acciones que puede realizar, as como las respuestas que puede ofrecer el sistema. El usuario, adems de entender el mensaje, ha de comprender la mecnica operativa que se le ofrece (sintaxis, rdenes, cdigos, abreviaturas, iconos, etc.). Una buena interfaz requiere poco esfuerzo por parte del usuario, simplicidad y funcionalidad.

En esta primera imagen se puede observar la primera GUI desarrollada en la historia. Sus creadores fueron del Centro de Investigacin Xerox en los aos 70. La primera PC en utilizar esta interfaz fue la famosa Xerox Alto, desarrollada en 1973. Este producto

fue dirigido al mbito investigativo por tanto nunca fue lanzado al mercado.

1981-1985
Xerox 8010 Star (1981) : El primer sistema descrito como una computadora de escritorio totalmente integrada, incluyendo aplicaciones y GUI.

Apple Lisa (1983): Tambin conocido como Lisa OS, que en este caso no es abreviatura de Operative System sino de Office System. Desarrollado por Apple con la intencin de ser una estacin de procesamiento de documentos. Sin embargo este sistema no dur lo suficiente, ya que el sistema operativo de Apple era ms barato. La versin se desarroll hasta Lisa OS, Lisa OS 2 en el 83 y Lisa OS 7/7 3.1 en el 84.

VisiCorp Visi On (1984) : Fue la primer GUI de escritorio desarrollada para la PC IBM. El sistema estaba dirigido a grandes corporaciones, por tanto su precio era casi inasequible para el usuario promedio de aquella poca. El sistema hizo uso del mouse (innovador para su tiempo) y tena incluido un sistema de instalacin y ayuda, mas no posea iconos.

Mac OS System 1.0 (1984) : El sistema 1.0 fue el primer sistema operativo GUI creado para Macintosh. Tena varias de las caractersticas de los sistemas operativos actuales, como las ventanas y los iconos. Las ventanas podan ser movidas con el mouse, al igual que el sistema de copiar y pegar carpetas movindolas de ventana en ventana.

Amiga Workbench 1.0 (1985) : Amiga estuvo desde un principio mas all de su poca, comenzando por aadir el color a su GUI (solo 4, Negro,Azul,Naranja y Blanco) adems de facultades multitasking, sonido estreo e iconos

multiestado (seleccionados y deseleccionados).

Windows 1.0x (1985) : Primer sistema operativo basado en una GUI, padre grfico de la mayor parte de cosas que manejamos hoy en da, con iconos a una lujosa resolucin de 3232 y grficos a color.

GEM (1985): GEM (Administrador de entrono grfico) fue una GUI con estilo Ventanero creado por Digital Research, Inc. Inicialmente creado para sistemas operativos que trabajaran bajo los procesadores Intel 8088 y Motorola 68000 para luego ser desarrollado para correr bajo DOS tambin.

1986 1990
IRIX 3 (1986): El sistema operativo de 64-bit creado para UNIX. Compatible con iconos vectorizados, caracterstica que venia incluida en la GUI aos antes de que Mac OS X fuera creado.

GEOS (1986): El GEOS (sistema operativo de entrono grfico) fue desarrollado

por Berkeley Softworks. Diseado originalmente para la Commodore 64 (mtica)incluia un procesador de palabras grfico, llamado geoWrite y un programa de dibujo llamado geoPaint.

Windows 2.0x (1987): La segunda versin del popular sistema operativo traa como novedad un nuevo manejo de las ventanas, haciendo que el usuario pudiese modificar el tamao y aspecto de estas.

OS/2 1.x (1988): Fue inicialmente desarrollado en conjunto por IBM y Microsoft, sin embargo las dos compaas tuvieron una ruptura comercial en 1991, haciendo que Windows utilizara esta tecnologa en su propia GUI e IBM siguiera desarrollando el OS/2. La interfaz de este sistema operativo fue bautizada como administrador de presentacin. Este sistema solo usaba iconos monocromticos.

NeXSTEP/ OPENSTEP 1.0 (1989) : Con iconos a 4848 y mas colores disponibles, esta GUI se convirti en el embrin de lo que seran las GUI en los aos a venir, al menos hablando del apartado esttico de estas.

OS/2 1.20 (1989): Pequeas mejoras con respecto a su anterior versin, pero en varias reas. Ventanas mas suaves, mayor movilidad de los iconos.

Windows 3.0 (1990): El sistema operativo haca uso de mas de 640KB de memoria y espacio en el disco duro, lo cual permita una mayor resolucin en pantalla y por supuesto mejores grficas, como Super VGA 800600 (Nostalgia) y 1024768.

1991 - 1995
Amiga Workbench 2.04 (1991): Muchas fueron las mejoras de esta versin de GUI. El esquema de colores fue cambiado y fue incluido el estilo 3D. El escritorio poda ser dividido de modo vertical en pantallas de distintas resoluciones y profundidad de color, lo cual hoy da se ve un poco raro. La resolucin por defecto era de 640256, sin embargo el Hardware soportaba resoluciones aun mayores.

Mac OS System 7 (1991): La versin 7.0 de MAC OS fue la primera de su tipo en ser compatible con el uso de los colores. Sombras de gris, azul y amarillo fueron aadidas a los iconos.

Windows 3.1 (1992): Esta versin de Windows inclua fuentes TrueType, las cuales ya venan preinstaladas. Esto hizo de Windows una plataforma para publicacin realmente funcional, por primera vez en su historia. Antes, solo era posible lograr esta funcionalidad mediante el uso del Adobe Type Manager el sistema de fuentes de Adobe. Esta versin tambin inclua un

sistema de color llamado Hotdog Stand, el cual usaba brillantes tonos de rojo, amarillo y negro.

OS/2 2.0 (1992) : Esta fue la primera GUI que fue sujeto de aceptacin internacional, as como pruebas de accesibilidad y usabilidad. Toda la GUI fue desarrollada usando diseo dirigido a los objetos. Cada archivo y folder era un objeto que poda interactuar y ser asociado con otros archivos, carpetas y aplicaciones. Tambin tena la funcionalidad de Drag and Drop.

Windows 95 (1995): Con una interfaz totalmente rediseada, se aadi el clsico botn X en cada ventana para cerrarla. El equipo de diseo le brind caractersticas de estado (activado, desactivado, seleccionado, etc) a los

iconos y otras grficas. El botn inicio aparece por primera vez. Un gran paso a nivel grfico, independientemente de la calidad del sistema operativo.

OS/Warp 4 (1996): Lanzado por IBM, este cambio le dio un renovado aspecto visual al rea de trabajo. Los iconos fueron ubicados en el escritorio, donde archivos personalizados y carpetas tambin podan ser creados. Tena un lugar donde enviar los archivos eliminados como la papelera de Windows y MAC OS, sin embargo esta no almacenaba copias para recuperar los archivos.

Mac OS System 8 (1997): 256 iconos a color por defecto en esta versin de la GUI. Mac OS 8 fue uno de los primeros sistemas que adoptaron iconos isomtricos, tambin llamados pseudo-3D. El tema gris platino se volvi un clsico constante en las futuras GUI.

Windows 98 (1998) : Los mismos iconos de la versin 95., pero la GUI poda usar mas de 256 colores para renderizacin. El Explorer cambi por completo y el cansino Active Desktop aparece por primera vez.

KDE 1.0 (1998) : En un principio, el equipo desarrollador de esta GUI describe a KDE como Un entorno de Escritorio contemporneo para estaciones de trabajo Unix. KDE llena la necesidad de un escritorio amigable para estaciones de trabajo Unix, similar a los escritorios de MacOSX o Windows Este sistemas es, personalizable como pocos, lo cual le ha hecho ganar bastante adeptos con conocimiento avanzado en sus siguientes versiones.

BeOs 4.5 (1999) : Este sistema operativo fue desarrollado para computadoras personales. originalmente escrito en 1991 para correr en Hardware Bebox. Fue despus mejorado para tomar ventaja de las nuevas tecnologas. La GUI de BeOS fue desarrollada bajo los principios de diseo claro y limpio.

GNOME 1.0 (1999) : GNOME Viene de GNU Network Object Model Environment, inicialmente desarrollado para RedHat Linux, aunque despus fue desarrollada para otras distros.

2001 - 2005
Mac OS X (2001): A inicios del ao 2000, Apple anunciaba su nueva interfaz Aqua, y en 2001 la compaa lanzaba su nuevo sistema operativo. Con nuevos iconos de 128128 Anti-aliasing y semitransparentes. Mucha crtica negativa le cay encima a esta GUI, aparentemente la gente no estaba lista para cambios tan grandes, sin embargo con el tiempo la gente se adapt al estilo y hoy da este sigue siendo la base de todos los OS X.

Windows XP (2001) : Como en las anteriores actualizaciones de Microsoft, este sistema operativo fue un cambio radical en la GUI. Con la opcin de cambiar de Skin a la GUI, los usuarios podan manipular a gusto el aspecto de esta. Iconos de 4848 por defecto renderizados en millones de colores.

KDE 3 (2002) : Desde su versin 1.0 el escritorio mejor cantidades. Con grficos mejorados e iconos, redefinieron la experiencia del usuario promedio de este OS.

2007 - 2009
Windows Vista (2007): Uno de los fracasos mas certeros en la historia de Microsoft, mas sin embargo un gran avance en la GUI.

Mac OS X Leopard (2007) : Este OS de sexta generacin, mejor muchsimo la interfaz de usuario. Bsicamente sigue siendo Aqua pero con barras para scroll y el clsico gris platino renovado, ahora con mas azul. La GUI tiene ahora un toque mas 3D, con un dock con iconos

interactivos y animados.

KDE va.2 (2009) : La versin 4 de este desktop trajo muchas mejoras, como manejo de ventanas suave pero animado, y siguiendo la tendencia de Microsoft incluyeron Widgets. El tamao de los iconos es ajustable, y los elementos de diseo son mas fciles de configurar al gusto. Nuevos sonidos, temas e iconos fotorealistas. Ahora tambin puede correr bajo plataformas Windows y Mac OS X.

Elementos de la GUI

- Barra de desplazamiento

- Barra de Estado: Elemento que se encuentra en las interfacez grficas, ste permite mostrar informacin acerca del estado actual de la ventana. Generalmente las barras de estado se ubican en la parte inferior de las ventanas.

- Barra de herramientas: Agrupacin de conos con los cuales es posible acceder a determinadas herramientas o funciones en una aplicacin.

- Barra de progreso: Elemento en las interfaces grficas que permiten mostrar de forma grfica el estado de avance de una tarea o proceso.

- Barra de Ttulo: Elemento de las interfaces grficas que se encuentra en la parte superior de una ventana, donde aparece el ttulo que

corresponde al contenido de la misma.

- Botn: En interfaces grficas de usuario, los botones son tipos de widget que permiten al usuario comenzar un evento como por ejemplo buscar, aceptar una tarea, interactuar con un cuadro de dilogo, etc.

- Botn de opcin: Elemento de las interfaces grficas que permite elegir slo una opcin de un conjunto predefinido de opciones.

- Cuadro de dilogo: Un cuadro de dilogo es una ventana especial para mostrar informacin al usuario o para obtener de ste una respuesta.

- Icono: Los conos del sistema son aquellos que se utilizan para identificar archivos, accesos directos, programas y herramientas del sistema operativo.

- Men: Es una herramienta grfica en la interfaz de las pginas web y aplicaciones que consiste en una lista de opciones que puede desplegarse para mostrar mas opciones.

- Ventana: Parte delimitada de la pantalla de un sistema operativo grfico que suele ser rectangular y que contiene elementos afines entre s en ella.

El proceso de incluir tantas funciones en un solo programa gener un grave problema: cmo poner todas estas posibilidades en manos del usuario, sin obligarlo a hacerse de un complejo manual o a tomar un curso especializado. La solucin vino con el uso de interfaces grficas. La interfaz de usuario, o interfaz grfica de usuario, es la forma como aparecen en pantalla los comandos de un programa: por medio de botones, colores, smbolos y ventanas. La interfaz tiene dos principales "misiones": la primera es informar al usuario acerca de los elementos que tiene a su disposicin y para qu sirven, y la segunda es brindar la posibilidad de elegir entre las distintas opciones. De manera sinttica, la interfaz consiste en un rea de trabajo rodeada por diferentes barras en las que se encuentra dispuesta una buena cantidad de botones. En la parte superior tenemos la Barra de ttulo del programa, que nos indica el nombre del programa que utilizamos as como el del archivo con el que estamos trabajando.

La Barra de mens est compuesta por botones que, al click, despliegan una oferta de funciones. Esta "persiana" recibe el nombre de men porque pone a nuestra disposicin diversas opciones, entre las que podemos elegir.

Al hacer click en alguno de los botones que componen la Barra de herramientas "estndar" se activa una determinada funcin: pegar, cortar o copiar texto, imprimir, guardar, etctera. El mtodo para aplicar una funcin consiste en bloquear la seccin del texto que se quiere modificar y hacer click en el icono correspondiente a la funcin deseada.

La Barra de herramientas formato contiene funciones que modifican las caractersticas de la fuente o tipo de letra con que est escrito el texto, as como el tamao y la alineacin de los prrafos. Con las funciones agrupadas en esta barra tambin es posible alterar el color del texto y subrayar palabras, como si usramos un marcador fluorescente en una hoja impresa.

Con la Barra de herramientas imagen el usuario puede controlar las caractersticas de las imgenes que ha insertado en un texto: puede hacer que las columnas de palabras rodeen a las imgenes, que queden detrs o delante de ellas o hacer semitransparente la imagen y colocarla como fondo de la pgina.

La Barra base de datos contiene funciones que permiten al usuario crear ficheros tan minuciosos como quiera y posteriormente cruzar a su antojo la informacin contenida en ellos. Con las funciones agrupadas en la Barra de herramientas Web el usuario puede armar sencillas pginas Web, listas para ser publicadas en Internet. La Barra portapapeles contiene iconos correspondientes a archivos de trozos de texto que el usuario ha cortado para luego pegar en otra parte. Las Reglas sirven para colocar objetos en la pgina, alinear columnas de texto u otros elementos similares.

El rea de trabajo es ese gran espacio en blanco en el que se muestra el avance y estado de nuestra labor, y que nos brinda una idea precisa de cmo se ver nuestro texto una vez impreso. Una funcin muy til para los usuarios que no tienen mucha experiencia en el manejo de este tipo de software, es la Ayuda a la que se puede recurrir en momentos difciles mediante el planteamiento de preguntas con un lenguaje sencillo acerca de cmo utilizar las distintas herramientas.

La Barra de avance horizontal sirve para movernos de derecha a izquierda y viceversa a lo largo del documento que tenemos en pantalla, y adems contiene algunos botones que nos ofrecen vistas diferentes de nuestro trabajo.

En la Barra dibujo se encuentran los iconos de las funciones que permiten al usuario disear imgenes ms o menos complejas, adems de esquemas, cuadros analticos y organigramas, recursos todos ellos

cuya aplicacin en las necesidades cotidianas del maestro es muy frecuente.

En la Barra de estado podemos localizar informacin tal como el nmero de pginas totales de nuestro texto, la pgina en la que nos encontramos, la lnea, la columna, etc. Finalmente, la Barra de estado no corresponde al procesador de textos sino al sistema operativo: en ella se despliega informacin acerca de los programas (incluyendo nuestro procesador), as como la hora y fecha actuales y otros datos que van ms all de lo relativo a nuestro escrito.

Conclusin

El siguiente trabajo tena como fin el darnos a conocer la historia de la interfaz grfica del usuario, sus elementos y la ideologa de uso y funcin. El aprender sobre esto nos ha posibilitado hacernos conscientes de los procesos interactivos en los que se encuentra la interfaz y nos ha demostrado sus posibilidades y limitaciones. Quizs el hallazgo personal ms importante durante este recorrido haya sido el haber encontrado la idea de la necesidad de analizar y definir esta comunicacin entre el usuario y la computadora. La historia de la interfaz nos confirma que nos encontramos ante algo de complejidad an misteriosa. Con 30 aos no ha dado casi tiemo a asumir sus cambios y observar los detalles que han ido surgiendo en su trayectoria. An as hemos podido observar como la interfaz ha ido evolucionando.