SlideShare una empresa de Scribd logo
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 pc2
soledad1988
 
Interfaz humana
Interfaz humanaInterfaz humana
Interfaz humana
aaaj1908
 
Interfaz grafica
Interfaz graficaInterfaz grafica
Interfaz grafica
Uniminuto - San Francisco
 
Creador
CreadorCreador
4º A
4º A4º A
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 Usuario
LucasDanielB
 
EVOLUCIÒN DE LAS INTERFACES
EVOLUCIÒN DE LAS INTERFACES EVOLUCIÒN DE LAS INTERFACES
EVOLUCIÒN DE LAS INTERFACES
sistemas informaticos
 
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 Computador
BFG9000
 
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 Web
DNRstudios
 
Hardware y sofware
Hardware y sofwareHardware y sofware
Hardware y sofware
1974matute
 

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 de-la-interfaz-grfica cv

Historia de la Interfaz gráfica
Historia de la Interfaz gráficaHistoria de la Interfaz gráfica
Historia de la Interfaz gráfica
JORGE MONGUI
 
Guia 11
Guia 11Guia 11
Guia 11
Dary Paredes
 
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
Jose 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 Invertida
Jose Rodriguez
 
X windows and parc
X windows and parcX windows and parc
X windows and parc
Fernando Morales
 
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
Ian Berzeker Tovar
 
Generaciones del (so)
Generaciones del (so)Generaciones del (so)
Generaciones del (so)
Jorge Cangas
 
EL COMPUTADOR
EL COMPUTADOR EL COMPUTADOR
EL COMPUTADOR
Liz Villarreal
 
Software de aplicacion
Software de aplicacionSoftware de aplicacion
Software de aplicacion
CIBERPROFEDOCENTE
 
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
 
Ambiente windows luis
Ambiente windows luisAmbiente windows luis
Ambiente windows luis
PSM san cristobal
 
Sistemas operativos
Sistemas operativosSistemas operativos
Sistemas operativos
alex7fuenla
 
Ambiente windows
Ambiente windows Ambiente windows
Ambiente windows
PSM san cristobal
 
Partes del computador
Partes del computadorPartes del computador
Partes del computador
Jose Garcia
 
El ratón o mouse
El ratón o mouseEl ratón o mouse
El ratón o mouse
JUAN PADILLA
 

Similar a Historia de-la-interfaz-grfica cv (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

Practica obtener datos en excel
Practica obtener datos en excelPractica obtener datos en excel
Practica obtener datos en excel
Honorio Madrigal
 
Herramientas de photoshop seg
Herramientas de photoshop segHerramientas de photoshop seg
Herramientas de photoshop seg
Honorio Madrigal
 
Elentorno de photoshop cs6
Elentorno de photoshop cs6Elentorno de photoshop cs6
Elentorno de photoshop cs6
Honorio Madrigal
 
Animacion y transicion
Animacion y transicion Animacion y transicion
Animacion y transicion
Honorio Madrigal
 
Ficha de datos de excel
Ficha de datos de excelFicha de datos de excel
Ficha de datos de excel
Honorio Madrigal
 
Referencias dentro de word
Referencias dentro de wordReferencias dentro de word
Referencias dentro de wordHonorio Madrigal
 
Ficha de datos de excel
Ficha de datos de excelFicha de datos de excel
Ficha de datos de excel
Honorio Madrigal
 
Trabajo con graficos 1º
Trabajo con graficos 1ºTrabajo con graficos 1º
Trabajo con graficos 1º
Honorio Madrigal
 
Project 2013
Project 2013Project 2013
Project 2013
Honorio Madrigal
 
Animaciones y transiciones
Animaciones y transiciones Animaciones y transiciones
Animaciones y transiciones
Honorio Madrigal
 
Presentaciones eficaces
Presentaciones eficacesPresentaciones eficaces
Presentaciones eficaces
Honorio Madrigal
 
Presentaciones eficaces
Presentaciones eficacesPresentaciones eficaces
Presentaciones eficaces
Honorio Madrigal
 
Presentaciones eficaces
Presentaciones eficacesPresentaciones eficaces
Presentaciones eficaces
Honorio Madrigal
 
Funciones logicas si
Funciones logicas siFunciones logicas si
Funciones logicas si
Honorio Madrigal
 
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
Honorio Madrigal
 
Editar texto
Editar textoEditar texto
Editar texto
Honorio Madrigal
 
Ficha de insertar
Ficha de insertar Ficha de insertar
Ficha de insertar
Honorio Madrigal
 
Navega y recursos de la red
Navega y recursos de la redNavega y recursos de la red
Navega y recursos de la red
Honorio Madrigal
 
Seguridad de la informatica
Seguridad de la informaticaSeguridad de la informatica
Seguridad de la informatica
Honorio Madrigal
 
Sistemas operativos monousuarios y multiusuario cv
Sistemas operativos monousuarios y multiusuario cvSistemas operativos monousuarios y multiusuario cv
Sistemas operativos monousuarios y multiusuario cv
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

3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
cdraco
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
JulyMuoz18
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
coloradxmaria
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
DanielErazoMedina
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
zoecaicedosalazar
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
Leidyfuentes19
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
JimmyTejadaSalizar
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
ItsSofi
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
CrystalRomero18
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
cofferub
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
ManuelCampos464987
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
IsabellaRubio6
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
marianabz2403
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
sarasofiamontezuma
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
Emilio Casbas
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
cristianrb0324
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
DiegoCampos433849
 
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB  S2. PARA VSATMANUAL DEL DECODIFICADOR DVB  S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
Ing. Julio Iván Mera Casas
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
vazquezgarciajesusma
 

Último (20)

3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto3Redu: Responsabilidad, Resiliencia y Respeto
3Redu: Responsabilidad, Resiliencia y Respeto
 
Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5Conceptos Básicos de Programación L.D 10-5
Conceptos Básicos de Programación L.D 10-5
 
Conceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. TecnologíaConceptos Básicos de Programación. Tecnología
Conceptos Básicos de Programación. Tecnología
 
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
ACTIVIDAD DE TECNOLOGÍA AÑO LECTIVO 2024
 
trabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6ftrabajo de tecnologia, segundo periodo 9-6f
trabajo de tecnologia, segundo periodo 9-6f
 
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptxleidy fuentes - power point -expocccion -unidad 4 (1).pptx
leidy fuentes - power point -expocccion -unidad 4 (1).pptx
 
maestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdfmaestria-motores-combustion-interna-alternativos (1).pdf
maestria-motores-combustion-interna-alternativos (1).pdf
 
Estructuras básicas_ conceptos básicos de programación.pdf
Estructuras básicas_  conceptos básicos de programación.pdfEstructuras básicas_  conceptos básicos de programación.pdf
Estructuras básicas_ conceptos básicos de programación.pdf
 
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTALINFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
INFORME DE LAS FICHAS.docx.pdf LICEO DEPARTAMENTAL
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 
Conceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación ProyectoConceptos Básicos de Programación Proyecto
Conceptos Básicos de Programación Proyecto
 
Diagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdfDiagrama de flujo basada en la reparacion de automoviles.pdf
Diagrama de flujo basada en la reparacion de automoviles.pdf
 
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdfEstructuras Básicas_ Conceptos Basicos De Programacion.pdf
Estructuras Básicas_ Conceptos Basicos De Programacion.pdf
 
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLO DE HABILIDADES DE PENSAMIENTO.pdf
 
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdfDESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
DESARROLLO DE HABILIDADES DE PENSAMIENTO.pdf
 
Inteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdfInteligencia Artificial y Ciberseguridad.pdf
Inteligencia Artificial y Ciberseguridad.pdf
 
Estructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdfEstructuras Básicas_Tecnología_Grado10-7.pdf
Estructuras Básicas_Tecnología_Grado10-7.pdf
 
Diagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestreDiagrama de flujo - ingenieria de sistemas 5to semestre
Diagrama de flujo - ingenieria de sistemas 5to semestre
 
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB  S2. PARA VSATMANUAL DEL DECODIFICADOR DVB  S2. PARA VSAT
MANUAL DEL DECODIFICADOR DVB S2. PARA VSAT
 
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
(PROYECTO) Límites entre el Arte, los Medios de Comunicación y la Informática
 

Historia de-la-interfaz-grfica cv

  • 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