Outils de développement d interfaces

Transcription

1 Outils de développement d interfaces Jean-Christophe Engel Outils de développement d interfaces 1 JC Engel

2 Système multi-fenêtres Affichage graphique Zones d affichage: fenêtres application texte ou graphique Entrée de données pointeur: souris, boule, tablette clavier Outils de développement d interfaces 2 JC Engel

3 Le système de fenêtrage X système distribué exécution d une a pplication sur une machine affichage sur une autre machines distantes - réseau fort débit architecture client-serveur client : besoin d affichage serveur : offre service d affichage communication par protocole réseau (X) Outils de développement d interfaces 3 JC Engel

4 Modèle client-serveur intérêts indépendance/architecture et système exploitation Terminal X et serveur PC : serveur local ou distant, clients distants centralisation : seul le serveur accède aux ressources de la machine (écran, clavier, pointeur...) arbitre le partage des ressources entre les clients inconvénient le réseau ralentit l affichage Outils de développement d interfaces 4 JC Engel

5 Applica tions Générateur d interface Workshop Visual IvStudio XF - VTCL Gestionnaire de fenêtres fvwm olvwm mwm Applications Applications Intrinsics Xt - Xaw Motif Boîtes à outils IlogViews Tk XView Xlib Réseau - protocole X Serveur X X11R? Périphériques Outils de développement d interfaces 5 JC Engel

6 Serveur Services gestion des fenêtres : créer, détruire, déplacer, modif taille primitives de dessin : lignes, rectangles, arcs, images arbitrage des ressources : couleurs, polices Interprète et traite les requêtes des clients exécute la requête du client renvoie une erreur si besoin oublie ce qu il a fait : réaffichage à la charge du client Outils de développement d interfaces 6 JC Engel

7 Serveur Client X réponses événements requêtes Serveur X Réponses serveur --> client événements utilisateur : clavier, mouvement souris... événements fenêtre : déplacement, modif taille, destruction interface de programmation : Xlib Outils de développement d interfaces 7 JC Engel

8 Serveurs serveurs libres MIT : X11R6 XFree86 : 4.0.x sources diffusés gratuitement clients = contributions de sociétés externes OpenWindows 3.0: Open Look GUI serveur Sun X11R5 Gestionnaire de fenêtres olwm librairies XView outils bureautiques: shelltool, mailtool, filemgr, xvnews ToolTalk (Drag-and-Drop) Outils de développement d interfaces 8 JC Engel

9 Gestionnaire de fenêtres Client du serveur X indépendant, interchangeable Outils de manipulation des fenêtres décoration (bandeau) menus contextuels plan de travail virtuel, barres d outils Distribue événements clavier/souris aux clients focalisation (clic, pointeur, lâche) Outils de développement d interfaces 9 JC Engel

10 Développement d interfaces Couche basse : Xlib primitives bas niveau fenêtre, police de caractères, contexte graphique rapidité applications graphiques (xv) Intrinsics : Xt primitives et fonctionnalités pour construire et utiliser des composants d interface ne fournit pas les composants Outils de développement d interfaces 10 JC Engel

11 Développement d interfaces Boîtes à outils bibliothèque de composants: widgets, gadgets généraux: boutons, listes, ascenseurs, menus spécialisés: graphiques 2-D, BD, styles de présentation et interaction: look and feel Athena (Xaw), Motif (OSF) : Xt + Xlib Open Look (Sun), IlogViews : Xlib Tk : Xlib Qt, GTK + Windows (MS) Swing Outils de développement d interfaces 11 JC Engel

12 Développement d interfaces Générateur d interface associé à une boîte à outils description interactive de l interface composants association <événement, composant, procédure> génération automatique de code construction de l interface appel procédures de réaction sous-ensemble des fonctionnalités d une boîte à outils programmation complémentaire : dynamique de l interface Outils de développement d interfaces 12 JC Engel

13 Programmation par événements Programmation procédurale classique contrôle des entrées par programme Programmation par événements contrôle des entrées par l utilisateur souris, clavier choix de la zone de saisie traiter événements variés asynchrones association <événement, composant, procédure de réaction> Outils de développement d interfaces 13 JC Engel

14 Début Lire les données Traiter les données Programmation interactive Fini? Fin Outils de développement d interfaces 14 JC Engel

15 Programme Gestionnaire d événement Début Initialisation lire un événement Programmation réactive? Procédures de réaction traiter l événement Outils de développement d interfaces 15 JC Engel

16 Séparation application interface Début Initialisation création enregistrement des procédures de réaction Initialisation application interface appel gestionnaire d événements Initialisation Procédures de réaction traiter l événement Mise à jour changement représentation appel traitement màj interface Procédures traitement Interface Contrôle Application Outils de développement d interfaces 16 JC Engel