2. 1. ¿Qué es una interfaz gráfica de
usuario?
2.¿Por que se usan las interfaces
gráficas?
3. Tipos de interfaces gráficas.
3.1. Descriptivas basadas en ordenes.
3.2. Selectivas o basadas en menús.
3.3. Descriptivas VS Selectivas.
4.Evolución de las interfaces WIMP
4. Dentro del proceso de interacción persona—
ordenador, la interfaz gráfica de usuario es el
sistema interactivo que posibilita, a través del
uso y la representación del lenguaje visual,
una interacción amigable con un sistema
informático. La interfaz gráfica de usuario (en
inglés Graphical User Interface, GUI) es un tipo
de interfaz de usuario que utiliza un conjunto de
imágenes y objetos gráficos para representar la
información y acciones disponibles en la
interfaz. Habitualmente las acciones se realizan
mediante manipulación directa para facilitar la
interacción del usuario con la computadora.
5. Los motivos por los que se
usan las interfaces
gráficas son muchos:
Sencillez
Rapidez de operación
Usabilidad
6. Ejemplo: Crear una carpeta en el directorio
C: llamado carpeta y mover en el un archivo
de texto llamado fichero1.txt
SIN INTERFAZ GRÁFICA
7. Ejemplo: Crear una carpeta en el directorio
C: llamado carpeta y mover en el un archivo
de texto llamado fichero1.txt
CON INTERFAZ GRÁFICA
9. El usuario introduce una orden que la
interpretará la interfaz, lo cual obliga a
memorizan una serie de mandatos que le
dan acceso a las funciones que desea
realizar. El usuario elige la acción deseada
mediante la introducción de un verbo que
denota la acción, casi siempre seguido de
una serie de atributos.
10. El usuario selecciona una de las diversas
alternativas presentadas por la interfaz.
Apareciendo opciones, entre las que el
usuario podrá elegir una u otra. El aspecto
de los menús pueden ser bastante variados
así como la forma de acceder a las distintas
opciones. Todas las opciones que en un
momento dado se pueden utilizar están
presentes en la pantalla o pueden aparecer
de una forma más sencilla. Lo normal es que
sea necesario navegar por distintos menús
hasta llegar a activar la función deseada.
11. VENTAJAS INCONVENIENTES
FLEXIBILIDAD MEMORIZACIÓN COMANDOS
RAPIDO PARA TAREAS
COMPLEJAS
MALA GESTIÓN DE ERRORES
ATRACTIVO PARA USUARIOS
EXPERTOS
VENTAJAS INCONVENIENTES
NECESITA POCO
ENTRENAMIENTO.
CONSUMO DE RECURSOS
ERRORES FACILES DE
GESTIONAR
MUCHOS MENÚS
INCITA A LA EXPLORACIÓN LENTO PARA USUARIOS
EXPERIMENTADOS
12. 1973. Xerox Alto
El primer ordenador personal que utilizo una
interfaz gráfica de usuario moderna, desarrollado
en 1973.
No fue comercializado, se dedicó principalmente
para las investigaciones de las universidades.
13. 1981.Xerox 8010 Star
Es el que se conoce como primer sistema que
integrase escritorio, con aplicaciones.
Fue conocido como “La estrella de Xerox”
14. 1983. Apple Lisa Office System 1.
Fue diseñado por Apple como una estación de
trabajo para procesar documentos.
Esté sistema operativo fue sustituido por
Macintosh
15. 1984. VisiCorp Visi On.
Fue la primera interfaz gráfica diseñada para los
IBM PC.
Estaba diseñada para las grandes empresas lo
que conllevo y precio muy elevado.
Incorporó ratón pero no hizo uso de los iconos.
16. 1984. Mac Os 1.
Fue el primero en implementar el uso de iconos.
Capacidad de mover archivos y carpetas
arrastrando con el ratón. Lo que hoy conocemos
como drag an drop.
17. 1985. Amiga Workbench 1.0
El primero en incluir colores, en principio cuatro,
azul, blanco, negro y naranja.
Iconos multiestado.
Sonido Estéreo.
18. 1985. Microsoft Windows 1.0
Iconos gráficos en color.
Reloj analógico animado.
19. 1985. GEM
Inicialmente fue creado para usarse con el
sistema operativo CP / M en el Intel 8088 y
Motorola 68000 y más tarde desarrollado para
ejecutarse en DOS.
Donde más se uso fue en los ordenadores Atari ST
También fue utilizado en una serie de
computadoras IBM compatibles Amstrad.
20. 1986. IRIX 3
Sistema de 64 bits creado para UNIX.
Soporte para iconos vectoriales.
21. 1986. GEOS
Diseñado para Commodore 64.
Procesador de texto gráfico.(GeoWrite).
Herramienta de dibujo.(GeoPaint).
22. 1987. Microsoft Windows 2.0
Ventanas con la capacidad de minimizar,
maximizar y redimensionar.
Mejora de los gráficos.
23. 1989. NextStep.
Diseñado por Steve Jobs para las universidades y
laboratorios de investigación.
Iconos más grandes de 48X48.
Más colores.
24. 1990. WINDOWS 3.0
En este momento fue cuando Microsoft se da
realmente cuenta de la importancia de la
interfaz gráfica.
Agregó un estilo unificado al diseño de los
iconos.
25. 1991. Mac OS System 7.
Primera Interfaz gráfica de Macintosh que
soportaba colores e iconos.
Posibilidades de personalización de las ventanas.
26. 1991. Microsoft Windows 3.1
Fuentes True Type.
Tonos brillantes de colores.(Mejorado para
daltónicos)
Mejores gráficos de pantalla.
27. 1992. OS/2 2.0
Primero en adaptar internacionalmente.
Pruebas de facilidad de uso.
Pruebas de accesibilidad.
Incluye el concepto de temas.
28. 1995. Microsoft Windows 95.
Incluye el botón de cierra de ventana .
Múltiples estados a los iconos.
Inclusión del botón de INICIO
29. 1997. Mac Os 8
Iconos isométricos.
Iconos con 256 colores.
Posibilidad de personalización de la interfaz.
30. 1998. KDE 1.0.
Múltiples escritorios.
Iconos multiestado.
Múltiples barras de tareas
Concepto de menús.
31. 1999. BeOs 4.5
Utiliza los principios de claridad, diseño limpio y
despejado.
Iconos multiestado.
Capacidad de personalización de la interfaz.
32. 2001.Mac Os X
Iconos semi transparentes.
Iconos de 128X128.
Inclusión del dock
Transparencias y efectos en 3D
¿Internet Explorer en Mac?
33. 2001.Microsoft Windows XP
Interfaz personalizable
Tamaño por defecto de los iconos de 48X48
Uso de millones de colores, para dar un efecto
más realista.
34. 2007.Microsoft Windows Vista
Mejoras del escritorio con efectos 3D
Incorporación de Widget
Transparencias de los menús.
35. 2007.Apple Mac Os Leopard.
Interfaz gráfica Aqua.
Mayores efectos en 3D.
Mayor interactividad.
Posibilidades de personalización inmensas.
36. 2008~2009. KDE v.4
Animaciones de las ventanas.
Widget de escritorio.
Tamaño de los iconos ajustable.
Facilidad de Configuración.