SlideShare una empresa de Scribd logo
1 de 24
HISTORIA DE LA INTERFAZ GRÁFICA 
DE USUARIO 
Honorio Madrigal 25/09/14
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. 
Honorio Madrigal 25/09/14
Honorio Madrigal 25/09/14
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. 
Honorio Madrigal 25/09/14
•La interfaz es el sitio donde los 
bits y las personas se 
encuentran. 
Honorio Madrigal 25/09/14
Historia de la GUI 
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). 
Honorio Madrigal 25/09/14
• 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" 
Honorio Madrigal 25/09/14
Interfaz de línea 
Honorio Madrigal 25/09/14
• 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). 
Honorio Madrigal 25/09/14
Historia de la interfaz gráfica 
• 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. 
Honorio Madrigal 25/09/14
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. 
Honorio Madrigal 25/09/14
• 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. 
Honorio Madrigal 25/09/14
Xerox alto• En 1972 Xerox creó "Xerox 
Alto" el primer computador 
con un sistema operativo de 
interfaz gráfica, diseñado 
para laboratorios. 
Honorio Madrigal 25/09/14
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. 
Honorio Madrigal 25/09/14
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. 
Honorio Madrigal 25/09/14
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. 
Honorio Madrigal 25/09/14
MAC I 
Honorio Madrigal 25/09/14
• Incluía Macpaint 
Honorio Madrigal 25/09/14
• 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. 
Honorio Madrigal 25/09/14
• 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 
Honorio Madrigal 25/09/14
• 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. 
Honorio Madrigal 25/09/14
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. 
Honorio Madrigal 25/09/14
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). 
Honorio Madrigal 25/09/14
Futuro cercano: 
Interfaces gráficas comandadas por gestos. 
Honorio Madrigal 25/09/14

Más contenido relacionado

La actualidad más candente

Partes de la pc2
Partes de la pc2Partes de la pc2
Partes de la pc2soledad1988
 
Interfaz humana
Interfaz humanaInterfaz humana
Interfaz humanaaaaj1908
 
trabajo Computacion
trabajo Computacion trabajo Computacion
trabajo Computacion Eve Latorre
 
Memorias de windows y ms2
Memorias de windows y ms2Memorias de windows y ms2
Memorias de windows y ms2JaviP54
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioLucasDanielB
 
Nuevo presentación de microsoft office power point (1)
Nuevo presentación de microsoft office power point (1)Nuevo presentación de microsoft office power point (1)
Nuevo presentación de microsoft office power point (1)felimar martinez fajardo
 
Sistemas Operativos (andriod, windows, mac/os)
Sistemas Operativos (andriod, windows, mac/os) Sistemas Operativos (andriod, windows, mac/os)
Sistemas Operativos (andriod, windows, mac/os) Jake Naranjo
 
Proceso Tecnológico de un Computador
Proceso Tecnológico de un ComputadorProceso Tecnológico de un Computador
Proceso Tecnológico de un ComputadorBFG9000
 
dispositivos de entrada y salida del computadore
dispositivos de entrada y salida del computadoredispositivos de entrada y salida del computadore
dispositivos de entrada y salida del computadorelore15
 
Usabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño WebUsabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño WebDNRstudios
 
Hardware y sofware
Hardware y sofwareHardware y sofware
Hardware y sofware1974matute
 

La actualidad más candente (18)

Partes de la pc2
Partes de la pc2Partes de la pc2
Partes de la pc2
 
Interfaz humana
Interfaz humanaInterfaz humana
Interfaz humana
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
 
Rampas digitales susan
Rampas digitales susanRampas digitales susan
Rampas digitales susan
 
Creador
CreadorCreador
Creador
 
4º A
4º A4º A
4º A
 
Raton
RatonRaton
Raton
 
trabajo Computacion
trabajo Computacion trabajo Computacion
trabajo Computacion
 
Memorias de windows y ms2
Memorias de windows y ms2Memorias de windows y ms2
Memorias de windows y ms2
 
Interfaz Gráfica de Usuario
Interfaz Gráfica de UsuarioInterfaz Gráfica de Usuario
Interfaz Gráfica de Usuario
 
EVOLUCIÒN DE LAS INTERFACES
EVOLUCIÒN DE LAS INTERFACES EVOLUCIÒN DE LAS INTERFACES
EVOLUCIÒN DE LAS INTERFACES
 
Nuevo presentación de microsoft office power point (1)
Nuevo presentación de microsoft office power point (1)Nuevo presentación de microsoft office power point (1)
Nuevo presentación de microsoft office power point (1)
 
Sistemas Operativos (andriod, windows, mac/os)
Sistemas Operativos (andriod, windows, mac/os) Sistemas Operativos (andriod, windows, mac/os)
Sistemas Operativos (andriod, windows, mac/os)
 
Proceso Tecnológico de un Computador
Proceso Tecnológico de un ComputadorProceso Tecnológico de un Computador
Proceso Tecnológico de un Computador
 
dispositivos de entrada y salida del computadore
dispositivos de entrada y salida del computadoredispositivos de entrada y salida del computadore
dispositivos de entrada y salida del computadore
 
Usabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño WebUsabilidad y Workflow de diseño Web
Usabilidad y Workflow de diseño Web
 
Hardware y sofware
Hardware y sofwareHardware y sofware
Hardware y sofware
 
ADA 4
ADA 4ADA 4
ADA 4
 

Similar a Historia GUI

Historia de la Interfaz gráfica
Historia de la Interfaz gráficaHistoria de la Interfaz gráfica
Historia de la Interfaz gráficaJORGE MONGUI
 
Taller 3 jose luis rodriguez- ICH-Clase invertida
Taller 3  jose luis rodriguez- ICH-Clase invertidaTaller 3  jose luis rodriguez- ICH-Clase invertida
Taller 3 jose luis rodriguez- ICH-Clase invertidaJose Rodriguez
 
Taller 3- Jose Luis Rodriguez- IHC-Clase Invertida
Taller 3- Jose Luis Rodriguez- IHC-Clase InvertidaTaller 3- Jose Luis Rodriguez- IHC-Clase Invertida
Taller 3- Jose Luis Rodriguez- IHC-Clase InvertidaJose Rodriguez
 
Antecedentes de la computadora y sistemas operativos
Antecedentes de la computadora y sistemas operativosAntecedentes de la computadora y sistemas operativos
Antecedentes de la computadora y sistemas operativosIan Berzeker Tovar
 
Generaciones del (so)
Generaciones del (so)Generaciones del (so)
Generaciones del (so)Jorge Cangas
 
Trabajo informática ud 1 tic jesús matesanz
Trabajo informática ud 1 tic jesús matesanzTrabajo informática ud 1 tic jesús matesanz
Trabajo informática ud 1 tic jesús matesanzJesusmatesanz
 
Generacion de Sistemas Operativos
Generacion de Sistemas OperativosGeneracion de Sistemas Operativos
Generacion de Sistemas OperativosBorisCochancela
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativosalex7fuenla
 
Partes del computador
Partes del computadorPartes del computador
Partes del computadorJose Garcia
 

Similar a Historia GUI (20)

Historia de la Interfaz gráfica
Historia de la Interfaz gráficaHistoria de la Interfaz gráfica
Historia de la Interfaz gráfica
 
Guia 11
Guia 11Guia 11
Guia 11
 
Taller 3 jose luis rodriguez- ICH-Clase invertida
Taller 3  jose luis rodriguez- ICH-Clase invertidaTaller 3  jose luis rodriguez- ICH-Clase invertida
Taller 3 jose luis rodriguez- ICH-Clase invertida
 
Taller 3- Jose Luis Rodriguez- IHC-Clase Invertida
Taller 3- Jose Luis Rodriguez- IHC-Clase InvertidaTaller 3- Jose Luis Rodriguez- IHC-Clase Invertida
Taller 3- Jose Luis Rodriguez- IHC-Clase Invertida
 
X windows and parc
X windows and parcX windows and parc
X windows and parc
 
Antecedentes de la computadora y sistemas operativos
Antecedentes de la computadora y sistemas operativosAntecedentes de la computadora y sistemas operativos
Antecedentes de la computadora y sistemas operativos
 
Generaciones del (so)
Generaciones del (so)Generaciones del (so)
Generaciones del (so)
 
EL COMPUTADOR
EL COMPUTADOR EL COMPUTADOR
EL COMPUTADOR
 
Software de aplicacion
Software de aplicacionSoftware de aplicacion
Software de aplicacion
 
Trabajo informática ud 1 tic jesús matesanz
Trabajo informática ud 1 tic jesús matesanzTrabajo informática ud 1 tic jesús matesanz
Trabajo informática ud 1 tic jesús matesanz
 
Diapositivas juan rodriguez
Diapositivas juan rodriguezDiapositivas juan rodriguez
Diapositivas juan rodriguez
 
Generacion de Sistemas Operativos
Generacion de Sistemas OperativosGeneracion de Sistemas Operativos
Generacion de Sistemas Operativos
 
Ambiente windows luis
Ambiente windows luisAmbiente windows luis
Ambiente windows luis
 
Taller 3
Taller 3Taller 3
Taller 3
 
Presentation2
Presentation2Presentation2
Presentation2
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativos
 
Escritorio remoto
Escritorio remotoEscritorio remoto
Escritorio remoto
 
Ambiente windows
Ambiente windows Ambiente windows
Ambiente windows
 
Partes del computador
Partes del computadorPartes del computador
Partes del computador
 
El ratón o mouse
El ratón o mouseEl ratón o mouse
El ratón o mouse
 

Más de Honorio Madrigal

Más de Honorio Madrigal (20)

Practica obtener datos en excel
Practica obtener datos en excelPractica obtener datos en excel
Practica obtener datos en excel
 
Herramientas de photoshop seg
Herramientas de photoshop segHerramientas de photoshop seg
Herramientas de photoshop seg
 
Elentorno de photoshop cs6
Elentorno de photoshop cs6Elentorno de photoshop cs6
Elentorno de photoshop cs6
 
Animacion y transicion
Animacion y transicion Animacion y transicion
Animacion y transicion
 
Ficha de datos de excel
Ficha de datos de excelFicha de datos de excel
Ficha de datos de excel
 
Referencias dentro de word
Referencias dentro de wordReferencias dentro de word
Referencias dentro de word
 
Ficha de datos de excel
Ficha de datos de excelFicha de datos de excel
Ficha de datos de excel
 
Trabajo con graficos 1º
Trabajo con graficos 1ºTrabajo con graficos 1º
Trabajo con graficos 1º
 
Project 2013
Project 2013Project 2013
Project 2013
 
Animaciones y transiciones
Animaciones y transiciones Animaciones y transiciones
Animaciones y transiciones
 
Presentaciones eficaces
Presentaciones eficacesPresentaciones eficaces
Presentaciones eficaces
 
Presentaciones eficaces
Presentaciones eficacesPresentaciones eficaces
Presentaciones eficaces
 
Presentaciones eficaces
Presentaciones eficacesPresentaciones eficaces
Presentaciones eficaces
 
Funciones logicas si
Funciones logicas siFunciones logicas si
Funciones logicas si
 
Aspectos de seguridad eticos y legales de internet
Aspectos de seguridad  eticos y legales de internetAspectos de seguridad  eticos y legales de internet
Aspectos de seguridad eticos y legales de internet
 
Editar texto
Editar textoEditar texto
Editar texto
 
Ficha de insertar
Ficha de insertar Ficha de insertar
Ficha de insertar
 
Navega y recursos de la red
Navega y recursos de la redNavega y recursos de la red
Navega y recursos de la red
 
Seguridad de la informatica
Seguridad de la informaticaSeguridad de la informatica
Seguridad de la informatica
 
Sistemas operativos monousuarios y multiusuario cv
Sistemas operativos monousuarios y multiusuario cvSistemas operativos monousuarios y multiusuario cv
Sistemas operativos monousuarios y multiusuario cv
 

Último

Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfsoporteupcology
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaarkananubis
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesFundación YOD YOD
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxJOSEMANUELHERNANDEZH11
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxazmysanros90
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)GDGSucre
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfSergioMendoza354770
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxaylincamaho
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELmaryfer27m
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...FacuMeza2
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxpabonheidy28
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.241514949
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA241531640
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdfIsabellaMontaomurill
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024GiovanniJavierHidalg
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptMiguelAtencio10
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...JaquelineJuarez15
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofJuancarlosHuertasNio1
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersIván López Martín
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativaAdrianaMartnez618894
 

Último (20)

Redes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdfRedes direccionamiento y subredes ipv4 2024 .pdf
Redes direccionamiento y subredes ipv4 2024 .pdf
 
R1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en minaR1600G CAT Variables de cargadores en mina
R1600G CAT Variables de cargadores en mina
 
KELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento ProtégelesKELA Presentacion Costa Rica 2024 - evento Protégeles
KELA Presentacion Costa Rica 2024 - evento Protégeles
 
Hernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptxHernandez_Hernandez_Practica web de la sesion 12.pptx
Hernandez_Hernandez_Practica web de la sesion 12.pptx
 
tics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptxtics en la vida cotidiana prepa en linea modulo 1.pptx
tics en la vida cotidiana prepa en linea modulo 1.pptx
 
International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)International Women's Day Sucre 2024 (IWD)
International Women's Day Sucre 2024 (IWD)
 
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdfPARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
PARTES DE UN OSCILOSCOPIO ANALOGICO .pdf
 
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptxMedidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
Medidas de formas, coeficiente de asimetría y coeficiente de curtosis.pptx
 
El uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFELEl uso delas tic en la vida cotidiana MFEL
El uso delas tic en la vida cotidiana MFEL
 
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
ATAJOS DE WINDOWS. Los diferentes atajos para utilizar en windows y ser más e...
 
Plan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docxPlan de aula informatica segundo periodo.docx
Plan de aula informatica segundo periodo.docx
 
El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.El uso de las TIC's en la vida cotidiana.
El uso de las TIC's en la vida cotidiana.
 
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6    CREAR UN RECURSO MULTIMEDIAActividad integradora 6    CREAR UN RECURSO MULTIMEDIA
Actividad integradora 6 CREAR UN RECURSO MULTIMEDIA
 
trabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdftrabajotecologiaisabella-240424003133-8f126965.pdf
trabajotecologiaisabella-240424003133-8f126965.pdf
 
Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024Cortes-24-de-abril-Tungurahua-3 año 2024
Cortes-24-de-abril-Tungurahua-3 año 2024
 
dokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.pptdokumen.tips_36274588-sistema-heui-eui.ppt
dokumen.tips_36274588-sistema-heui-eui.ppt
 
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
El gusano informático Morris (1988) - Julio Ardita (1995) - Citizenfour (2014...
 
ejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sofejercicios pseint para aprogramacion sof
ejercicios pseint para aprogramacion sof
 
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 TestcontainersSalmorejoTech 2024 - Spring Boot <3 Testcontainers
SalmorejoTech 2024 - Spring Boot <3 Testcontainers
 
definicion segun autores de matemáticas educativa
definicion segun autores de matemáticas  educativadefinicion segun autores de matemáticas  educativa
definicion segun autores de matemáticas educativa
 

Historia GUI

  • 1. HISTORIA DE LA INTERFAZ GRÁFICA DE USUARIO Honorio Madrigal 25/09/14
  • 2. 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. Honorio Madrigal 25/09/14
  • 4. 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. Honorio Madrigal 25/09/14
  • 5. •La interfaz es el sitio donde los bits y las personas se encuentran. Honorio Madrigal 25/09/14
  • 6. Historia de la GUI 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). Honorio Madrigal 25/09/14
  • 7. • 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" Honorio Madrigal 25/09/14
  • 8. Interfaz de línea Honorio Madrigal 25/09/14
  • 9. • 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). Honorio Madrigal 25/09/14
  • 10. Historia de la interfaz gráfica • 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. Honorio Madrigal 25/09/14
  • 11. 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. Honorio Madrigal 25/09/14
  • 12. • 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. Honorio Madrigal 25/09/14
  • 13. Xerox alto• En 1972 Xerox creó "Xerox Alto" el primer computador con un sistema operativo de interfaz gráfica, diseñado para laboratorios. Honorio Madrigal 25/09/14
  • 14. 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. Honorio Madrigal 25/09/14
  • 15. 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. Honorio Madrigal 25/09/14
  • 16. 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. Honorio Madrigal 25/09/14
  • 17. MAC I Honorio Madrigal 25/09/14
  • 18. • Incluía Macpaint Honorio Madrigal 25/09/14
  • 19. • 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. Honorio Madrigal 25/09/14
  • 20. • 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 Honorio Madrigal 25/09/14
  • 21. • 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. Honorio Madrigal 25/09/14
  • 22. 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. Honorio Madrigal 25/09/14
  • 23. 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). Honorio Madrigal 25/09/14
  • 24. Futuro cercano: Interfaces gráficas comandadas por gestos. Honorio Madrigal 25/09/14