• Save
IHM et ergonomie du CMS open source Ametys LTE
Upcoming SlideShare
Loading in...5
×
 

IHM et ergonomie du CMS open source Ametys LTE

on

  • 425 views

Zoom sur l'IHM et l'ergonomie d'Ametys LTE, la nouvelle génération du logiciel Ametys en cours de développement

Zoom sur l'IHM et l'ergonomie d'Ametys LTE, la nouvelle génération du logiciel Ametys en cours de développement

Statistics

Views

Total Views
425
Views on SlideShare
320
Embed Views
105

Actions

Likes
0
Downloads
0
Comments
0

2 Embeds 105

http://www.ametys.org 76
http://cms.anyware-services.com 29

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    IHM et ergonomie du CMS open source Ametys LTE IHM et ergonomie du CMS open source Ametys LTE Presentation Transcript

    • IHM & Ergonomie Ametys LTE … pour des interfaces utilisateurs plus intuitives et ergonomiques RETROUVEZ NOUS SUR www.ametys.org @AmetysCMS AmetysCMS AmetysWebCMS
    • SOMMAIRE Technologies utilisées De ExtJS 3 à ExtJS 4 Aperçu de l’ergonomie Ametys (côté client)
    • Ametys – ergonomie smb://leonard/shared/Technique/Cours%20IN SA/Cours/Cours%201%20%20Intro%20Appli%20Web.pdf smb://leonard/shared/Technique/Cours%20IN SA/Cours/Cours%202%20-%20Ametys.pdf
    • Technologies
    • Ametys – architecture CHARTE GRAPHIQUE <XML/XSLT> Plugins spécifiques Système d’information <XML/XSLT> Java Paramétrage (droits, workflows, types de contenus, …) Plugins Standard <XML> Noyau CMS Workflow Repository Apache JackRabbit Runtime Ametys Apache Cocoon Composants Open-Source JCR - Contenus SGBDR - Droits
    • SOMMAIRE Technologies utilisées De ExtJS 3 à ExtJS 4 Aperçu de l’ergonomie Ametys (côté client)
    • Framework ExtJS Créer facilement des RIA (Rich Internet Application) • interfaces user-friendly • composants de qualité      formulaires avancés tableaux riches et dynamiques menus, barre d’outils gestion des onglets etc..
    • Framework ExtJS Ametys 3.5 repose sur ExtJS 3.4
    • 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
    • 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/
    • 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é
    • SOMMAIRE Technologies utilisées De ExtJS 3 à ExtJS 4 Aperçu de l’ergonomie Ametys (côté client)
    • IHM - Ergonomie Ruban Zones Outils
    • Ruban (ribbon) • Composition  Titre (application et contextuel)  Menu  Onglets (statique et contextuel)  Groupes (avec lanceur de dialogue)  Contrôles (grands, petits, très-petits) • Caractéristiques  Collapse  Redimensionnement
    • Zones • Espace configurable par l’utilisateur  Drag & drop  Responsive
    • 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
    • IHM – Bouton du ruban • A quoi ressemble un bouton du ruban ? • Bouton toggle • Menu split Classique • Toolbar Gallery tailles Personnalisé
    • IHM – Bouton du ruban • Mais pas que… • Field Text Number Combo Checkbox Textarea • Dialog box launcher
    • Merci. VOUS SOUHAITEZ EN SAVOIR PLUS ? RECEVEZ LA DOCUMENTATION COMPLÈTE SUR AMETYS LTE