Loading presentation...

Present Remotely

Send the link below via email or IM

Copy

Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.

DeleteCancel

Make your likes visible on Facebook?

Connect your Facebook account to Prezi and let your likes appear on your timeline.
You can change this under Settings & Account at any time.

No, thanks

Historia de la GUI

modulo de diplomado en medios web
by

jessica leon

on 18 March 2015

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Historia de la GUI

Historia de la GUI
Lda. Jessica León
Diplomado en Medios Web
GUI
La
computadora

cumple el papel del
emisor
, el
hombre
percibe (
receptor
) y el
código
la
interfaz gráfica.
Síntesis Histórica
Periodo
1
Nace en el año
1973
en el centro de investigación Xerox Alto, con el objetivo de encontrar un
modelo óptimo de interacción persona-ordenador
Periodo
2
Pasa por un proceso de madurez donde
se definen sus elementos básicos
Periodo
3
Se convierte en un
producto de consumo estético de los sistemas interactivos
, donde la interfaz se transforma en un objeto inteligente abierto a los procesos de
customización
por parte del usuario.
Xerox Alto (1973)
Primer ordenador que incluiría la
primera interfaz gráfica de la historia.
-Interfaz gráfica rudimentaria en blanco y negro,
-podía interaccionar con un ratón.
-Los botones eran formas
textuales,
-No tenía ventanas, iconos, ni pestañas, ni barras de
desplazamiento en la navegación de la información.
Periodo
1
*
*
*
*
Xerox Star 8010 (1981)
Primer ordenador que
introduce una interfaz
gráfica de usuario y la
metáfora del escritorio.
-Disponía de ratón y teclado
-Fue el primero en incluir ventanas
-Usó la metáfora del escritorio
-Desarrolló una gramática visual coherente
-Estandarizó las funciones generales para facilitar la interacción y mejorar la usabilidad del sistema (mover, copiar, abrir, borrar)
Periodo
1
*
*
*
*
*
Apple Lisa (1983)
Fue un ordenador adelantado a su época: introducía una interfaz
gráfica, una serie de requisitos de hardware muy superiores a la tecnología de ese momento.
Periodo
2
Apple Macintosch (1984)
Primer sistema de publicación digital, orientación gráfica,
integración y desarrollo con sistemas de impresión y el software orientado a la edición.
-Uso de ratón-teclado.
-Iconos para identificar aplicaciones en el escritorio,
-Sistema de ventanas
- Concepto de WYSIWYG
-Simplicidad (clara y concisa).
Periodo
2
*
*
*
*
*
*
Next GEM (1985)
Sistema operativo DOS. Esta interfaz sería adaptado en los
ordenadores Atari. Copia de la interfaz gráfica del Mac
-Metáfora de escritorio (papelera de reciclaje, dispositivos: discos
flexibles y el disco duro).
-Ventanas para navegar con barras de arrastre
-Solapamiento de ventanas en la interfaz,
-Uso de menú fijo en la parte superior
-Calculadora y reloj (no visible en el escritorio de trabajo)
Periodo
2
*
*
*
*
*
Amiga WorkBench (1985)
Fue diseñado en cuatro colores: Blanco, negro, azul y naranja.
-Metáfora de escritorio de aspecto rudimentario
-Ventanas con posibilidad de solapamiento, incluyendo barras de arrastre, y un botón de cierre en la esquina superior izquierda.
-Iconos de acceso directo en el escritorio y usa iconos (gavetas) para representar las carpetas en el escritorio.
Periodo
2
*
*
*
Microsoft Windows 1.0 (1985)
- Trae: adm. de archivos, calculadora, calendario, reloj, block de notas.
-De aspecto rudimentario.
-Uso limitado de iconografía
(imposible asociar archivos y
aplicaciones).
-Ventanas por defecto de forma maximizada, icono de redimensión en la parte superior derecha, y en la izquierda ofrece la posibilidad de acceder a menús
-Iconos en la parte inferior que representan las aplicaciones activas en el sistema.
Periodo
2
*
*
*
*
Commodore GEOS (1986)
-No usa el ratón, sino teclado y joystick como dispositivos de
interacción.
- Iconos en escritorio (impresión dispositivos de almacenamiento,
papelera de reciclaje)
-No posiciona documentos de
usuario en el escritorio.
-Sistema ventanas básico (no permite redimensionar)
-Usa scroll muy básico
-Menú fijo en la parte
superior
Periodo
2
*
*
*
*
*
*
Risc OS (1987)
Interfaz gráfica diseñada a color, -usa un ratón de tres botones
-Ubica las acciones no
en menús fijos en el escritorio, sino en menús contextuales que son activados con el botón central del ratón.
-Barra de tareas.
Periodo
2
*
*
NEXT STEP (1989)
-Dispone de un scroll
al lado izquierdo además de uno horizontal.
-Menú flotante en la
esquina superior izquierda, sólo aparece ocupando una franja vertical.
-Introduce un Dock (barra que muestra los programas más
usados).
- Incluye siempre el icono para mostrar el escritorio y la papelera de reciclaje.
Periodo
2
*
*
*
*
Windows 95 (1995)
-Integrado con el software
Internet Explorer.
-Interfaz orientada a objetos (no era necesario abrir la aplicación para abrir el objeto)
-Manipulación del sistema (configuración de redes, administración del equipo)
-Menú de inicio.
-Posibilidad de incluir nombres
largos en los archivos.
-Introduce el asistente.
(ayudando al usuario)
-Posibilita personalizar el
escritorio y la apariencia
del sistema operativo
Periodo
3
*
*
*
*
*
*
*
BEOS (1995)
Introduce los hallazgos realizados hasta el momento:
-Barra de tareas superior ( parte superior derecha),
- Botones de las aplicaciones activas
-Los iconos están de manera isométrica.
-Permite posicionar documentos y archivos en el escritorio.
-Tiene su propio gestor
de archivos, (similar al explorer o el finder).
-Permite customizar el aspecto del interfaz (apariencia del scroll,comportamientos de los
menús, insertando imágenes de fondo, etc.)
Periodo
3
*
*
*
*
*
*
KDE (1998)
Interfaz gráfico que opere
sobre sistemas operativos
-Panel de tareas
-Gestor de archivos
-Activa en el escritorio las aplicaciones bajo una sola pulsación de ratón, y no dos (coherente con los modelos de
interacción Web)
-Menú de inicio
-Ventanas: permite minimizar, maximizar, cerrar, sobreponer.
-Customizable en todos sus aspectos (flexibilidad para
adaptarse a las necesidades del usuario).
Periodo
3
*
*
*
*
*
*
MAC OS X( 2001)
Entorno gráfico denominado Aqua,
-Menú superior (textual)
-Barra de tareas especial (Dock), acceso a las aplicaciones y documentos en uso.
-Controles de ventanas en la parte superior izquierda.
-Customizable: adaptada por el usuario a diferentes estilos
-Introduce transparencias, formas redondeadas en las ventanas, iconos con formas sinuosas y
degradadas
Periodo
3
*
*
*
*
*
WINDOWS XP ( 2001)
- Adapta la interfaz al
perfil del usuario (aplicaciones en el menú de inicio, según el uso frecuente)
- barra de tareas, aglutinando ventanas abiertas de la misma
Aplicación
-Customizable
-Estilo orgánico y redondeado muy similar al Aqua Apple.
Periodo
3
*
*
*
*
Microsoft Windows
Vista 2007
Periodo
3
Unirse en parejas y definir actualizaciones de los sistemas operativos MAC y WINDOWS
ACTIVIDAD
Full transcript