SlideShare une entreprise Scribd logo
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

Contenu connexe

En vedette

ETUDE ET MISE EN PLACE DE LA SOLUTION VOIP OVER LTE, DIMENSIONNEMENT ET MESUR...
ETUDE ET MISE EN PLACE DE LA SOLUTION VOIP OVER LTE, DIMENSIONNEMENT ET MESUR...ETUDE ET MISE EN PLACE DE LA SOLUTION VOIP OVER LTE, DIMENSIONNEMENT ET MESUR...
ETUDE ET MISE EN PLACE DE LA SOLUTION VOIP OVER LTE, DIMENSIONNEMENT ET MESUR...
Sidali Bhs
 
LTE Presentation [French]
LTE Presentation [French] LTE Presentation [French]
LTE Presentation [French]
Assia Mounir
 
INTRODUCTION LTE
INTRODUCTION LTEINTRODUCTION LTE
INTRODUCTION LTE
Elmehdi RIZKI
 
Aide à la Planification Cellulaire dans un Réseau LTE (4G)
Aide à la Planification Cellulaire dans un Réseau LTE (4G)Aide à la Planification Cellulaire dans un Réseau LTE (4G)
Aide à la Planification Cellulaire dans un Réseau LTE (4G)
Fatiha Merazka
 
Ericsson commond list, BSS+NSS=OSS
Ericsson commond list, BSS+NSS=OSSEricsson commond list, BSS+NSS=OSS
Ericsson commond list, BSS+NSS=OSS
Md Shameem
 
huawei-lte-kpi-ref
huawei-lte-kpi-refhuawei-lte-kpi-ref
huawei-lte-kpi-ref
Abd Yehia
 
6 lte cours (1)
6 lte cours (1)6 lte cours (1)
6 lte cours (1)
Amira Abdi
 
Présentation lte h.a.khmaies
Présentation lte  h.a.khmaiesPrésentation lte  h.a.khmaies
Présentation lte h.a.khmaies
khmaies HAJ AMMAR
 
Lte
LteLte
Lte
SICE
 

En vedette (11)

ETUDE ET MISE EN PLACE DE LA SOLUTION VOIP OVER LTE, DIMENSIONNEMENT ET MESUR...
ETUDE ET MISE EN PLACE DE LA SOLUTION VOIP OVER LTE, DIMENSIONNEMENT ET MESUR...ETUDE ET MISE EN PLACE DE LA SOLUTION VOIP OVER LTE, DIMENSIONNEMENT ET MESUR...
ETUDE ET MISE EN PLACE DE LA SOLUTION VOIP OVER LTE, DIMENSIONNEMENT ET MESUR...
 
LTE Presentation [French]
LTE Presentation [French] LTE Presentation [French]
LTE Presentation [French]
 
4 g lte
4 g lte4 g lte
4 g lte
 
INTRODUCTION LTE
INTRODUCTION LTEINTRODUCTION LTE
INTRODUCTION LTE
 
Aide à la Planification Cellulaire dans un Réseau LTE (4G)
Aide à la Planification Cellulaire dans un Réseau LTE (4G)Aide à la Planification Cellulaire dans un Réseau LTE (4G)
Aide à la Planification Cellulaire dans un Réseau LTE (4G)
 
Ericsson commond list, BSS+NSS=OSS
Ericsson commond list, BSS+NSS=OSSEricsson commond list, BSS+NSS=OSS
Ericsson commond list, BSS+NSS=OSS
 
huawei-lte-kpi-ref
huawei-lte-kpi-refhuawei-lte-kpi-ref
huawei-lte-kpi-ref
 
6 lte cours (1)
6 lte cours (1)6 lte cours (1)
6 lte cours (1)
 
Présentation lte h.a.khmaies
Présentation lte  h.a.khmaiesPrésentation lte  h.a.khmaies
Présentation lte h.a.khmaies
 
Lte
LteLte
Lte
 
Lte projet
Lte projetLte projet
Lte projet
 

Similaire à IHM et ergonomie du CMS open source Ametys LTE

ImpressCMS Persistable Framework: Développement de modules en accéléré
ImpressCMS Persistable Framework: Développement de modules en accéléréImpressCMS Persistable Framework: Développement de modules en accéléré
ImpressCMS Persistable Framework: Développement de modules en accéléré
INBOX International inc.
 
RAD avec IPF pour ImpressCMS 1.2
RAD avec IPF pour ImpressCMS 1.2RAD avec IPF pour ImpressCMS 1.2
RAD avec IPF pour ImpressCMS 1.2
INBOX International inc.
 
Transhumance pres anr_25-septembre synthese v10
Transhumance pres anr_25-septembre synthese v10Transhumance pres anr_25-septembre synthese v10
Transhumance pres anr_25-septembre synthese v10
François Huguet
 
Concevoir et valider l'architecture d'une application WPF modulaire avec Visu...
Concevoir et valider l'architecture d'une application WPF modulaire avec Visu...Concevoir et valider l'architecture d'une application WPF modulaire avec Visu...
Concevoir et valider l'architecture d'une application WPF modulaire avec Visu...
Microsoft Technet France
 
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhvSOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
amine17157
 
ibm Lotus Quickr Domino Next
ibm Lotus Quickr Domino Nextibm Lotus Quickr Domino Next
ibm Lotus Quickr Domino Next
Synergie Informatique France
 
Présentation de la plateforme Cloud Simplicité
Présentation de la plateforme Cloud SimplicitéPrésentation de la plateforme Cloud Simplicité
Présentation de la plateforme Cloud Simplicité
Simplicité Software
 
Airbus - Projet I3M - Référentiel portail Web
Airbus - Projet I3M - Référentiel portail WebAirbus - Projet I3M - Référentiel portail Web
Airbus - Projet I3M - Référentiel portail Web
I3M Aérospace Multimédia
 
Airbus- Référentiel Graphique web
Airbus- Référentiel Graphique webAirbus- Référentiel Graphique web
Airbus- Référentiel Graphique web
I3M Aérospace Multimédia
 
Cours architecture
Cours architectureCours architecture
Cours architecture
Abdelaziz Elbaze
 
Documation 2013 - Easy Content Access
Documation 2013 - Easy Content AccessDocumation 2013 - Easy Content Access
Documation 2013 - Easy Content Access
Jérémy Prioux
 
TP N1 Initiation à lutilisation.docx
TP N1 Initiation à lutilisation.docxTP N1 Initiation à lutilisation.docx
TP N1 Initiation à lutilisation.docx
SouadZid
 
Le Middleware, element cle pour lintegration de services M2M
Le Middleware, element cle pour lintegration de services M2MLe Middleware, element cle pour lintegration de services M2M
Le Middleware, element cle pour lintegration de services M2M
simon_anyware
 
Découvrez comment l’ECM peut concrètement « BOOSTER » votre entreprise à trav...
Découvrez comment l’ECM peut concrètement « BOOSTER » votre entreprise à trav...Découvrez comment l’ECM peut concrètement « BOOSTER » votre entreprise à trav...
Découvrez comment l’ECM peut concrètement « BOOSTER » votre entreprise à trav...
Microsoft Décideurs IT
 
Les vrais enjeux de l'IA.pdf
Les vrais enjeux de l'IA.pdfLes vrais enjeux de l'IA.pdf
Les vrais enjeux de l'IA.pdf
BabacarDIOP48
 
Présentation Sollan I-Expo 2008
Présentation Sollan I-Expo 2008Présentation Sollan I-Expo 2008
Présentation Sollan I-Expo 2008
mlefebvre
 
Plasticité2014 part4vf
Plasticité2014 part4vfPlasticité2014 part4vf
Plasticité2014 part4vf
Atelier IHM Polytech Nice Sophia
 
Devlog2013: SysML et Simulation (French)
Devlog2013: SysML et Simulation (French)Devlog2013: SysML et Simulation (French)
Devlog2013: SysML et Simulation (French)
Jean-Michel Bruel
 
IT Customer Solution Architect
IT Customer Solution ArchitectIT Customer Solution Architect
IT Customer Solution Architect
icVatant
 

Similaire à IHM et ergonomie du CMS open source Ametys LTE (20)

ImpressCMS Persistable Framework: Développement de modules en accéléré
ImpressCMS Persistable Framework: Développement de modules en accéléréImpressCMS Persistable Framework: Développement de modules en accéléré
ImpressCMS Persistable Framework: Développement de modules en accéléré
 
RAD avec IPF pour ImpressCMS 1.2
RAD avec IPF pour ImpressCMS 1.2RAD avec IPF pour ImpressCMS 1.2
RAD avec IPF pour ImpressCMS 1.2
 
Transhumance pres
Transhumance presTranshumance pres
Transhumance pres
 
Transhumance pres anr_25-septembre synthese v10
Transhumance pres anr_25-septembre synthese v10Transhumance pres anr_25-septembre synthese v10
Transhumance pres anr_25-septembre synthese v10
 
Concevoir et valider l'architecture d'une application WPF modulaire avec Visu...
Concevoir et valider l'architecture d'une application WPF modulaire avec Visu...Concevoir et valider l'architecture d'une application WPF modulaire avec Visu...
Concevoir et valider l'architecture d'une application WPF modulaire avec Visu...
 
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhvSOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
SOA-Partie 2.pdf hvjhvhjvkhvhjvhvhvjhvkhv
 
ibm Lotus Quickr Domino Next
ibm Lotus Quickr Domino Nextibm Lotus Quickr Domino Next
ibm Lotus Quickr Domino Next
 
Présentation de la plateforme Cloud Simplicité
Présentation de la plateforme Cloud SimplicitéPrésentation de la plateforme Cloud Simplicité
Présentation de la plateforme Cloud Simplicité
 
Airbus - Projet I3M - Référentiel portail Web
Airbus - Projet I3M - Référentiel portail WebAirbus - Projet I3M - Référentiel portail Web
Airbus - Projet I3M - Référentiel portail Web
 
Airbus- Référentiel Graphique web
Airbus- Référentiel Graphique webAirbus- Référentiel Graphique web
Airbus- Référentiel Graphique web
 
Cours architecture
Cours architectureCours architecture
Cours architecture
 
Documation 2013 - Easy Content Access
Documation 2013 - Easy Content AccessDocumation 2013 - Easy Content Access
Documation 2013 - Easy Content Access
 
TP N1 Initiation à lutilisation.docx
TP N1 Initiation à lutilisation.docxTP N1 Initiation à lutilisation.docx
TP N1 Initiation à lutilisation.docx
 
Le Middleware, element cle pour lintegration de services M2M
Le Middleware, element cle pour lintegration de services M2MLe Middleware, element cle pour lintegration de services M2M
Le Middleware, element cle pour lintegration de services M2M
 
Découvrez comment l’ECM peut concrètement « BOOSTER » votre entreprise à trav...
Découvrez comment l’ECM peut concrètement « BOOSTER » votre entreprise à trav...Découvrez comment l’ECM peut concrètement « BOOSTER » votre entreprise à trav...
Découvrez comment l’ECM peut concrètement « BOOSTER » votre entreprise à trav...
 
Les vrais enjeux de l'IA.pdf
Les vrais enjeux de l'IA.pdfLes vrais enjeux de l'IA.pdf
Les vrais enjeux de l'IA.pdf
 
Présentation Sollan I-Expo 2008
Présentation Sollan I-Expo 2008Présentation Sollan I-Expo 2008
Présentation Sollan I-Expo 2008
 
Plasticité2014 part4vf
Plasticité2014 part4vfPlasticité2014 part4vf
Plasticité2014 part4vf
 
Devlog2013: SysML et Simulation (French)
Devlog2013: SysML et Simulation (French)Devlog2013: SysML et Simulation (French)
Devlog2013: SysML et Simulation (French)
 
IT Customer Solution Architect
IT Customer Solution ArchitectIT Customer Solution Architect
IT Customer Solution Architect
 

Plus de Ametys

Livre blanc : Les tendances du web design 2018
Livre blanc : Les tendances du web design 2018Livre blanc : Les tendances du web design 2018
Livre blanc : Les tendances du web design 2018
Ametys
 
Refonte intranet Open Source avec Ametys, retour d'expérience du Conseil Géné...
Refonte intranet Open Source avec Ametys, retour d'expérience du Conseil Géné...Refonte intranet Open Source avec Ametys, retour d'expérience du Conseil Géné...
Refonte intranet Open Source avec Ametys, retour d'expérience du Conseil Géné...
Ametys
 
Refonte intranet du Conseil Général de la Drôme avec le CMS open source Amety...
Refonte intranet du Conseil Général de la Drôme avec le CMS open source Amety...Refonte intranet du Conseil Général de la Drôme avec le CMS open source Amety...
Refonte intranet du Conseil Général de la Drôme avec le CMS open source Amety...
Ametys
 
Mettre en place un portail Internet / Intranet interfaçé avec son SI - CoTer ...
Mettre en place un portail Internet / Intranet interfaçé avec son SI - CoTer ...Mettre en place un portail Internet / Intranet interfaçé avec son SI - CoTer ...
Mettre en place un portail Internet / Intranet interfaçé avec son SI - CoTer ...
Ametys
 
Gestion multisites - Retours d'expérience et solutions avec le CMS Ametys - C...
Gestion multisites - Retours d'expérience et solutions avec le CMS Ametys - C...Gestion multisites - Retours d'expérience et solutions avec le CMS Ametys - C...
Gestion multisites - Retours d'expérience et solutions avec le CMS Ametys - C...
Ametys
 
Ametys - Integrer votre CMS à votre système d’information
Ametys - Integrer votre CMS à votre système d’informationAmetys - Integrer votre CMS à votre système d’information
Ametys - Integrer votre CMS à votre système d’information
Ametys
 
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Ametys
 
Social Media : 6 étapes pour réussir votre stratégie sur les médias sociaux
Social Media : 6 étapes pour réussir votre stratégie sur les médias sociauxSocial Media : 6 étapes pour réussir votre stratégie sur les médias sociaux
Social Media : 6 étapes pour réussir votre stratégie sur les médias sociaux
Ametys
 
10 astuces pour bien utiliser Twitter
10 astuces pour bien utiliser Twitter10 astuces pour bien utiliser Twitter
10 astuces pour bien utiliser Twitter
Ametys
 
Ametys CMS Java Open Source : Ergonomie & simplicité d'utilisation
Ametys CMS Java Open Source : Ergonomie & simplicité d'utilisationAmetys CMS Java Open Source : Ergonomie & simplicité d'utilisation
Ametys CMS Java Open Source : Ergonomie & simplicité d'utilisation
Ametys
 
Web accessibility with Ametys CMS
Web accessibility with Ametys CMSWeb accessibility with Ametys CMS
Web accessibility with Ametys CMS
Ametys
 
Intégrer votre catalogue de formation en ligne avec Ametys
Intégrer votre catalogue de formation en ligne avec AmetysIntégrer votre catalogue de formation en ligne avec Ametys
Intégrer votre catalogue de formation en ligne avec Ametys
Ametys
 
Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessi...
Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessi...Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessi...
Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessi...
Ametys
 
Principales fonctionnalités du CMS Ametys
Principales fonctionnalités du CMS AmetysPrincipales fonctionnalités du CMS Ametys
Principales fonctionnalités du CMS Ametys
Ametys
 

Plus de Ametys (14)

Livre blanc : Les tendances du web design 2018
Livre blanc : Les tendances du web design 2018Livre blanc : Les tendances du web design 2018
Livre blanc : Les tendances du web design 2018
 
Refonte intranet Open Source avec Ametys, retour d'expérience du Conseil Géné...
Refonte intranet Open Source avec Ametys, retour d'expérience du Conseil Géné...Refonte intranet Open Source avec Ametys, retour d'expérience du Conseil Géné...
Refonte intranet Open Source avec Ametys, retour d'expérience du Conseil Géné...
 
Refonte intranet du Conseil Général de la Drôme avec le CMS open source Amety...
Refonte intranet du Conseil Général de la Drôme avec le CMS open source Amety...Refonte intranet du Conseil Général de la Drôme avec le CMS open source Amety...
Refonte intranet du Conseil Général de la Drôme avec le CMS open source Amety...
 
Mettre en place un portail Internet / Intranet interfaçé avec son SI - CoTer ...
Mettre en place un portail Internet / Intranet interfaçé avec son SI - CoTer ...Mettre en place un portail Internet / Intranet interfaçé avec son SI - CoTer ...
Mettre en place un portail Internet / Intranet interfaçé avec son SI - CoTer ...
 
Gestion multisites - Retours d'expérience et solutions avec le CMS Ametys - C...
Gestion multisites - Retours d'expérience et solutions avec le CMS Ametys - C...Gestion multisites - Retours d'expérience et solutions avec le CMS Ametys - C...
Gestion multisites - Retours d'expérience et solutions avec le CMS Ametys - C...
 
Ametys - Integrer votre CMS à votre système d’information
Ametys - Integrer votre CMS à votre système d’informationAmetys - Integrer votre CMS à votre système d’information
Ametys - Integrer votre CMS à votre système d’information
 
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
Livre blanc : Accessibilité Web, Guide pour la conception de sites web access...
 
Social Media : 6 étapes pour réussir votre stratégie sur les médias sociaux
Social Media : 6 étapes pour réussir votre stratégie sur les médias sociauxSocial Media : 6 étapes pour réussir votre stratégie sur les médias sociaux
Social Media : 6 étapes pour réussir votre stratégie sur les médias sociaux
 
10 astuces pour bien utiliser Twitter
10 astuces pour bien utiliser Twitter10 astuces pour bien utiliser Twitter
10 astuces pour bien utiliser Twitter
 
Ametys CMS Java Open Source : Ergonomie & simplicité d'utilisation
Ametys CMS Java Open Source : Ergonomie & simplicité d'utilisationAmetys CMS Java Open Source : Ergonomie & simplicité d'utilisation
Ametys CMS Java Open Source : Ergonomie & simplicité d'utilisation
 
Web accessibility with Ametys CMS
Web accessibility with Ametys CMSWeb accessibility with Ametys CMS
Web accessibility with Ametys CMS
 
Intégrer votre catalogue de formation en ligne avec Ametys
Intégrer votre catalogue de formation en ligne avec AmetysIntégrer votre catalogue de formation en ligne avec Ametys
Intégrer votre catalogue de formation en ligne avec Ametys
 
Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessi...
Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessi...Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessi...
Accessibilité sur le web : astuces et bonnes pratiques pour des sites accessi...
 
Principales fonctionnalités du CMS Ametys
Principales fonctionnalités du CMS AmetysPrincipales fonctionnalités du CMS Ametys
Principales fonctionnalités du CMS Ametys
 

IHM et ergonomie du CMS open source Ametys LTE