Historia De La Interfaz GráFica

42,570 views

Published on

Una aproximación a la forma en la que desarrollaron las Interfaces gráficas de usuario.

Published in: Design
1 Comment
9 Likes
Statistics
Notes
No Downloads
Views
Total views
42,570
On SlideShare
0
From Embeds
0
Number of Embeds
788
Actions
Shares
0
Downloads
842
Comments
1
Likes
9
Embeds 0
No embeds

No notes for slide

Historia De La Interfaz GráFica

  1. 1. HISTORIA DE LA INTERFAZ GRÁFICA DE USUARIO <ul><li>Presentación realizada por la docente: </li></ul><ul><li>Lida Ximena Tabares Higuita </li></ul><ul><li>[email_address] </li></ul><ul><li>Observatorio de Interfaz Gráfica </li></ul><ul><li>Universidad Pontificia Bolivariana </li></ul><ul><li>2009 </li></ul>
  2. 2. INTERFAZ GRÁFICA <ul><li>Definiciones: </li></ul><ul><li>Real Academia de la Lengua Española: </li></ul><ul><li>Interfaz: </li></ul><ul><ul><li>1. f. Conexión o frontera común entre dos aparatos o sistemas independientes. </li></ul></ul><ul><ul><li>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 </li></ul></ul><ul><li>Gráfico : </li></ul><ul><ul><li>1. adj. Perteneciente o relativo a la escritura y a la imprenta. </li></ul></ul>
  3. 3. microprocesador celular Video beam lavadora
  4. 5. INTERFAZ GRÁFICA <ul><li>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ú. </li></ul><ul><li>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. </li></ul>
  5. 6. <ul><li>La interfaz es el sitio donde los bits y las personas se encuentran. </li></ul><ul><li>Negroponte </li></ul>
  6. 7. Historia de la GUI <ul><li>Existen dos formas básicas de diálogo entre el ordenador y el usuario. </li></ul><ul><li>Una interfaz de línea de comandos </li></ul><ul><li>Una interfaz gráfica de usuario (GUI, siglas en inglés). </li></ul>
  7. 8. <ul><li>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 </li></ul><ul><li>Son códigos como: </li></ul><ul><li><HEAD> <TITLE>C R Y P T O N O M I C O N</TITLE> </HEAD> <BODY BGCOLOR=&quot;#000000&quot; LINK=&quot;#996600&quot; ALINK=&quot;#FFFFFF&quot; VLINK=&quot;#663300&quot;> <MAP NAME=&quot;navtext&quot;> <AREA SHAPE=RECT HREF=&quot;praise.html&quot; </li></ul>
  8. 9. Interfaz de línea
  9. 10. <ul><li>Las GUI emplean ventanas para organizar archivos y aplicaciones representadas por iconos y menús que presentan una lista de instrucciones. </li></ul><ul><li>El usuario manipula directamente estos objetos visuales en el monitor señalándolos, seleccionándolos y arrastrándolos o moviéndolos con un mouse . </li></ul><ul><li>Con la interfaz gráfica el computador traduce los datos y los convierte en la imagen. (Como sucedía con los telegramas). </li></ul>
  10. 11. Historia de la interfaz gráfica <ul><li>El concepto de interfaz surge en paralelo con el primer computador el Eniac en 1943 . </li></ul><ul><li>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. </li></ul>
  11. 12. La Eniac <ul><li>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. </li></ul>
  12. 13. <ul><li>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. </li></ul><ul><li>El segundo factor que posibilitó la aparición de la IGU fue la creación del mouse por parte de Macintosh. </li></ul>
  13. 14. Xerox alto <ul><li>En 1972 Xerox creó &quot;Xerox Alto&quot; el primer computador con un sistema operativo de interfaz gráfica, diseñado para laboratorios. </li></ul>
  14. 15. Xeros Star <ul><li>En 1979 aparece otro computador que mejora algunos aspectos de Alto, el &quot;Xerox 8810 Star Information System&quot; más conocido como &quot;Xerox Star&quot; diseñado por Xerox Corporation. </li></ul>
  15. 16. Características del Xerox Star <ul><li>Interfaz gráfica de usuario basada en ventanas, iconos, carpetas </li></ul><ul><li>La pantalla con bitmaps en lugar de solo texto. </li></ul><ul><li>El concepto de &quot;Escritorio&quot; donde se ubican las aplicaciones de trabajo. </li></ul><ul><li>El uso intensivo en la computadora de un mouse de tres botones. </li></ul><ul><li>El concepto de arrastrar-y-soltar. </li></ul><ul><li>A este proyecto se le llamó &quot;The Office of the Future&quot; (La Oficina del Futuro) y el avance de tal lo dirigió David Liddle. </li></ul>
  16. 18. <ul><li>Posteriormente Macintosh compró parte de Xerox e implementó su tecnología. </li></ul><ul><li>Lisa fue el primer computador personal comercial con interfaz gráfica. </li></ul><ul><li>Con su venta Macintosh quería hacer más entendible y accesible el sistema. </li></ul><ul><li>Pero el precio se acercaba a los 10 mil dólares por unidad. </li></ul>
  17. 19. Lisa <ul><li>Lisa fue rápidamente reemplazada por el Macintosh I. </li></ul>
  18. 20. MAC I
  19. 21. <ul><li>Incluía Macpaint </li></ul>
  20. 22. <ul><li>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. </li></ul>
  21. 23. <ul><li>Lo que puso fin a la discusión fue la decisión de Microsoft de implementar en sus sistema las interfaz gráfica. </li></ul>Windows 1.0
  22. 24. <ul><li>Comenzó la masificación de la GUI. </li></ul><ul><li>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. </li></ul>
  23. 25. Ventajas de usar una GUI <ul><li>La interfaz proporciona mecanismos estándar de control como ventanas y cuadros de diálogo. </li></ul><ul><li>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. </li></ul>
  24. 26. Retos de las GUI <ul><li>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). </li></ul>
  25. 27. Presente:
  26. 28. Futuro cercano: Interfaces gráficas comandadas por gestos.
  27. 29. Cibergrafía <ul><li>http://oldcomputers.net/ </li></ul><ul><li>http://computermuseum.50megs.com/cgi/games/playgames.php </li></ul><ul><li>http://images.google.com.co/imgres?imgurl=http://oldcomputers.net/pics/macintosh.jpg&imgrefurl=http://oldcomputers.net/macintosh.html&h=408&w=500&sz=28&hl=es&start=1&sig2=yfIz1Ucujjwr_teEVnDgLQ&tbnid=bEw4YkzzGE4BkM:&tbnh=106&tbnw=130&ei=nTuuR8DvFoWKec2trbEM&prev=/images%3Fq%3DMacintosh%2B%26gbv%3D2%26hl%3Des%26sa%3DG </li></ul><ul><li>www.ciberpunk.com </li></ul><ul><li>http://www.iua.upf.es/~berenguer/recursos/ima_dig/_1_/estampas/4_7.htm </li></ul><ul><li>http://images.google.com.co/imgres?imgurl=http://www.willyhoops.com/images/next_1988.gif&imgrefurl=http://www.willyhoops.com/microsoft_vs_apple_history.htm&h=496&w=662&sz=71&hl=es&start=5&tbnid=YnIzu80b6Dx17M:&tbnh=103&tbnw=138&prev=/images%3Fq%3DWINDOWS%2BGUI%26gbv%3D2%26hl%3Des%26sa%3DX </li></ul>

×