1. IHM & Ergonomie
Ametys LTE
… pour des interfaces utilisateurs
plus intuitives et ergonomiques
RETROUVEZ NOUS SUR
www.ametys.org
@AmetysCMS
AmetysCMS
AmetysWebCMS
9. Vers ExtJS 4
• Améliorations de performances
• nouveau système de classe
• widgets prêts à utiliser
• moteur MVC
• Nouvelle architecture
• nouveau package data
• refonte composants graphiques
Le ruban Office Ametys basé sur ExtJS 4.2
10. Avantages
Développeurs
Application fonctionnelle sur tous les navigateurs
Composants riches et prêts à l’emploi
Code plus lisible et stable
API côté client repensée pour une meilleure ergonomie
Documentation complète du code client Ametys
http://releases.ametys.org/api/3.7_LTE-dev/
11. IHM – API Ametys
• Consulter la documentation en ligne http://releases.ametys.org/api
Réglages
Recherche générale
(y compris privé)
http://releases.ametys.org/api
Filtre local parmi l’affiché
16. Icônes
• 3 tailles d’icônes
Large : 48x48, utilisée dans les tooltips
Medium : 32x32, utilisée par les boutons larges
Small : 16x16, utilisée par les boutons petits ou très petits, les boites de
dialogues, …
48x48
pixels
32x32
pixels
16x16
pixels
17. IHM – Bouton du ruban
• A quoi ressemble un bouton du ruban ?
• Bouton
toggle
• Menu
split
Classique
• Toolbar
Gallery
tailles
Personnalisé
18. IHM – Bouton du ruban
• Mais pas que…
• Field
Text
Number
Combo
Checkbox
Textarea
• Dialog box launcher