Ejemplos

Interfaces gr´ficas de usuario y Qt a
Dr. J.B. Hayet
´ ´ CENTRO DE INVESTIGACION EN MATEMATICAS

Octubre 2010

, J.B. Hayet Programacion, Octubre 2010 1 / 66

Outline

1

Interfaces gr´ficas de usuario a

2

La librer´ Qt ıa

, J.B. Hayet Programacion, Octubre 2010 2 / 66

Interfaces gr´ficas de usuario a

Outline

1

Interfaces gr´ficas de usuario a

2

La librer´ Qtıa

, J.B. Hayet Programacion, Octubre 2010 3 / 66

Interfaces gr´ficas de usuario a

GUIs
Las Interfaces Gr´ficas de Usuario (IGU o GUI) son interfaces a para usuarios dentro de programas inform´ticos basadas en a elementos gr´ficos b´sicos (los widgets) que permiten al usuario a a expresar pedidas, manipular datos, controlar el funcionamiento del programa. . . en general interactuar con elprograma. Se pueden ver como una forma particular de Interfaz Hombre Maquina (que puede incluir formas de interacci´n m´s diversas: o a sonido, sensores h´pticos. . . ) a

, J.B. Hayet Programacion, Octubre 2010 4 / 66

Interfaces gr´ficas de usuario a

GUIs

+ Elemento importante en la mayor´ de las aplicaciones hoy para ıa mejorar la productividad al usar programas inform´ticos aFacilidad de uso, ejecuci´n acelerada. o Aprendizaje. Riesgos de errores disminuidos. Visibilidad y claridad de las funcionalidades.

- Inversi´n de tiempo elevada para algo no tan fundamental. o

, J.B. Hayet Programacion, Octubre 2010 5 / 66

Interfaces gr´ficas de usuario a

GUIs

Widgets t´ ıpicos: ventanas, men´s, u botones, botones “radio”, check boxes, iconos, zonas de texto, listas.Acr´nimo WIMP (Windows, Icons, Menus, Pointing devices). o

, J.B. Hayet Programacion, Octubre 2010 6 / 66

Interfaces gr´ficas de usuario a

GUIs
A la frontera de:

programaci´n: necesita un buen dise˜o de la arquitectura del o n
software,

psicolog´ y ergonom´ : un factor muy importante para que ıa ıa el usuario lo use f´cilmente y sin ambig¨edad, a u
→ Caso extremo: cockpits de losaviones. → Caso de la cat´strofe del Mont Saint-Odile. a

dise˜o gr´fico: artes gr´ficos, tipograf´ . . n a a ıa.

, J.B. Hayet Programacion, Octubre 2010 7 / 66

Interfaces gr´ficas de usuario a

Interacci´n o

Shells

Realidad virtual o aumentada Shells: requiere por parte del usuario un nivel de “experto”. . . Ventanas WIMP
, J.B. Hayet Programacion, Octubre 2010 8 / 66

Interfacesgr´ficas de usuario a

Interacci´n o

Shells

Realidad virtual o aumentada Shells: requiere por parte del usuario un nivel de “experto”. . . Ventanas WIMP
, J.B. Hayet Programacion, Octubre 2010 8 / 66

Interfaces gr´ficas de usuario a

Interacci´n o

Manipulaci´n indirecta: men´s, formularios, botones de tipo o u radio. . .
→ interacci´n limitada, control de datos a posteriori. oManipulaci´n directa: los objetos de datos est´n manipulados o a directamente por sus representaciones gr´ficas (noci´n de a o met´fora) a
→ “desktop” → WYSIWYG

, J.B. Hayet Programacion, Octubre 2010 9 / 66

Interfaces gr´ficas de usuario a

Dise˜o de GUIs n

Toolkits de widget, unos ejemplos: Java: Swing C++: Qt, Borland, wxWidgets C: Motif, GTK+ Tk

, J.B. Hayet Programacion, Octubre2010 10 / 66

Interfaces gr´ficas de usuario a

GUIs
WIMP: esquema ya bastante viejo sin evoluciones profundas desde los primeros sistemas de GUI desde los a˜os 70 (PARC) n

, J.B. Hayet Programacion, Octubre 2010 11 / 66

Interfaces gr´ficas de usuario a

GUIs

Unos nuevos conceptos: Interacci´n con otros sensores y otras pantallas. o ZUI (Zoomable User Interface): sin ventanas, sinocon varios niveles de zoom. Interfaces “tridimensionales”: Compiz en Linux, Spaces en MacOsX. . . Interfaces “realistas” con motores f´ ısicos.

, J.B. Hayet Programacion, Octubre 2010 12 / 66

Interfaces gr´ficas de usuario a

Dise˜o de GUIs n

Concepci´n un poco diferente de lo usual: el o comportamiento del usuario est´ primordial. a Dif´ de integrar los factores humanos. ıcil...