Cette page est un projet pour nous aider à créer l'interface web domogik.
Aperçu général
Nous avons également commencé à la concevoir ici.
Présentation technique
Tous la sémantique et le contenu est codé en XHTML 1.0 strict.
Conception
La conception est séparé du contenu, en utilisant des fichiers externes CSS.
Pour améliorer l'expérience utilisateur, nous utilisons la bibliothèque JQuery (http://jquery.com/) pour ajouter des animations, des effets et l'amélioration des contrôles (mode dégradé).
Liens intéressants à regarder:
- Conception d'icônes:
- Beau Dessin graphiques:
Accessibilité
L'interface a un contenu dynamique et une interface utilisateur avec des contrôles avancés développés avec Ajax
Donc, pour rendre cette application web plus accessible aux personnes handicapées,
nous suivons the Web Content Accessibility Guidelines (WCAG) 2.0 (http://www.w3.org/TR/WCAG/)
et en utilisant les attributs ARIA (Accessible Rich Internet Applications (WAI-ARIA) 1.0, http://www.w3.org/TR/wai-aria/)
afin de fournir une sémantique aux technologies d'assistance.
Notes
- Il a été décidé que les instructions CSS3 peut être utilisé pour créer le design plus facilement.
- Les caractéristiques du copier/coller n'utilise pas la librairie JQuery pour des raisons d'accessibilité.
Nous recherchons …
TODO
- Add login / logout page
Icons
Chaque icône doit être en format 64x64 png (avec transparence).
- on / off images pour les dispositifs
- open / closed images pour volets
- environ 10 lampes différentes afin de montrer les niveaux d'intensité
- environ 10 différents thermomètres pour présenter des niveaux de température (du bleu au rouge par exemple)
- une icône pour chaque pièce (chambre, cuisine, ...) - [Alban, Marisa]
- une icône pour chaque zone (rez de chaussée, l'étage, sous-sol, ...) - [Alban, Marisa]
- une icône pour chaque catégorie d'appareil (lumière, chaleur, eaux, TV, musique, ...)
