IHM A2 Projet 2008

quaggaholeInternet and Web Development

Aug 15, 2012 (5 years and 1 month ago)

257 views

IHM 2007/2008 Projet
Projet du cours d

interfaces homme
machine
ESIL/INFO
année
2007-2008
Enseignant responsable
Laurent Henocque
+
Nicolas
Baudru
et
Sebastien Mavromatis
Cadre général

Il vous est proposé de réaliser une Interface
Homme Machine qui simule une application réelle
sans nécessairement en implanter toutes les
fonctionnalités (compilateur par exemple...).

Votre projet devra être réalisé en Java. Il vous est
possible de le faire en Swing, SWT (bibliothèque
graphique d'Eclipse) ou éventuellement en GWT
(
Google
Web
Toolkit
)
Organisation

Le travail
est
possible en solo (bonus de 2 points)
ou
en
binôme
(
recommandé si
les
deux travaillent
équitablement
: on fait plus de
trois fois
plus à
deux que seul
)

Le travail
ne doit
pas

être
un
composant
d

un
projet également noté dans
un
autre cours
.
Evaluation

a/la mise en oeuvre homogène de chartes graphiques aux
trois niveaux, lexical, syntaxique et sémantique.

b/la qualité de l'ergonomie et de
l'utilisabilité
de votre
application, la fluidité de l'interaction, le caractère
"évident" de l'interaction en général

c/la mise en oeuvre de la dynamique interne de votre
application en utilisant
JavaStates

OU si vous ne pouvez utiliser
JavaStates
(par exemple si vous
avez choisi de faire un projet GWT) la fourniture d'une
spécification détaillée du source ISL de la spécification de votre
interface

d/ l
’é
légance et l

inventivité de votre interface

e/ la qualité du source Java («

well documented poetry

»)
JavaStates

En attendant que la version source forge

ne soit
opérationnelle

https://sourceforge.net/projects/javastates/

javadoc
:

http://laurent.henocque.free.fr/javastates/doc/

librairie:

http://laurent.henocque.free.fr/javastates/javastates.1.5.jar

exemple:

http://laurent.henocque.free.fr/javastates/test/editor.java
Sujets suggérés
Des possibilités:

Interface de

dessin vectoriel

Interface de gestion de documents tagués

Interface de gestion de fichiers multimédias avec

tri par
popularité automatisé/dirigé

Simulation de l

interface d

un assistant personnel en
mode tactile pur (mission: battre
l

iphone
)
Et (destinés à
être diffusés en LGPL avec
JavaStates
)

Interface d
’é
dition en temps réel des états attachés à une
interface

Parseur de spécifications ISL pouvant
être lues à partir
d

un fichier
Couleurs

Pour les choix de couleurs, je recommande l'outil
suivant:

http:
//wellstyled
.
com/tools/colorscheme2/index-
en
.html
Description du projet DOC+T
AGS
Idée de
départ

Plutôt que de gérer des documents (fichiers) avec
une arborescence de répertoires et de leurs noms,
on leur associe des

tags


Chaque tag est un mot clé

Les fichiers en question peuvent être des photos
(ex: flickr,
http://www.flickr.com/explore/
)

Mais aussi des documents quelconques sur la
machine, ou des liens vers des pages web par
exemple
Fonctions
de base

Enregistrement
d'un document avec
ses
tags

Recherche
d'un document
ses
tags

Ajout
de tags à un document/ par lots

Visualisation de la
liste
des tags

Exploration
basée
par les tags

Vue arborescente

Vue

réseau


Prévisualisation /ouverture
des
fichiers
sélectionnés si
les types de documents le
permettent
Eléments requis dans l'interface

Fenêtre de travail / liste / prévisualisation

Fenêtre d'exploration arborescente (sous un tag, les
tags reliés)

Fenêtre d'exploration

réseau

(au centre, un tag,
et autour, les tags

reliés

)

Deux tags sont

liés

s'ils apparaîssent en commun
pour un document
esil
fête
A1
A2
exams
ancien
Vue

réseau


Ce n

est pas difficile

réaliser: les coordonnées de
l
’é
lément

i

sur

n

sur un cercle ou une ellipse
s

obtiennent avec sin(360*i/n) et cos (360*i/n)
Vue

arbre


Tags

Esil

Fete

A1

Exams

...

A2

...