View
1.454
Download
2
Category
Preview:
Citation preview
®
© 2010 IBM Corporation
1
Interfaces graphiques pour le CloudComposants IBM ILOG Visualization
Erwan PaccardChef produit
erwan.paccard@fr.ibm.com
IBM Software Group | Lotus software
IBM Software Group | WebSphere software2
Besoins IHM pour le Cloud Les applications SaaS/Cloud ont besoin de:
– Interfaces Web (pas d’installation, déploiement transparent, …)
– Expérience utilisateur (UX) riche pour acceptation et productivité
La plateforme Adobe Flash:– Applications Flex déployées comme des fichiers Flash (.SWF)
– Run-time largement déployé (browser, desktop, mobiles, )
– Connectivité avancée (data push serveur, web services, transmissions binaires, …)type de communication & benchmark: http://www.jamesward.com/census/
– Utilise CPU des machines clientes (décharge les serveur, meilleur UX)
– Intégration aisée (Portails, SalesForce.com, SAP, …)
IBM ILOG Elixir est une bibliothèque de composants Flex
IBM Software Group | Lotus software
IBM Software Group | WebSphere software3
Importance de l’ UX
0% 20% 40% 60% 80% 100%
Perception de la société
Satisfaction produit
Qualité du produit
Décision d’achat
5 mn 20 s Selon Forrester Research:
– la principale raison d’échec des applications IT est le manque d’acceptation des utilisateurs.
– 82% des décisions d’achat considèrent l’UX comme facteur déterminant pour le remplacement de logiciel et 90% quand il s’agit de l’achat de nouvelles offres
93% des utilisateurs considèrent l’UX comme étant importante
IBM Software Group | Lotus software
IBM Software Group | WebSphere software4
De l’application desktop au Web 2.0 (2)
passif
sta
tiqu
e
CLIENT
SE
RV
EU
R
Applications Web
• Data driven• Contenu dynamique• Database applications• Coûts maintenance faibles• Producitivité faible
RIA
• Richesse du Desktop• Connectivité maximale• Coûts maintenance faibles• Productivité bonne• Performance
Applications Desktop
• Rich Content• Interactivité elevée• Animation, Son, Video• Maintenance coûteuse• Productivité élevée
HTML
• Browsing oriented• Content & documents• Coûts maintenance faibles• Productivité moyenne
actif
dyn
am
iqu
e
IBM Software Group | Lotus software
IBM Software Group | WebSphere software5
Solutions IHM disponibles Le terme RIA regroupe différentes approches possibles
– Avec run-time (Flex / Flash & .NET / Silverlight)
– Sans run-time: Ajax / JavaScript / HTML 5
IBM ILOG supporte différentes approches RIA:
– Ajax:• JViews: génération d’écrans coté serveur, interaction riche en JS• .NET avec ASP.NET pour Diagrammes & Gantt
– Silverlight avec offre .NET (Diagrammes & Gantt)
– Flex avec Elixir
IBM Software Group | Lotus software
IBM Software Group | WebSphere software6
Présentation d’Elixir Enterprise Composants professionnels
d’affichage graphique de donnéespour les développeurs Adobe Flex et AIR– Courbes 3D
– Indicateurs, jauges
– Cartes
– Calendriers
– Diagrammes de Gantt (task & ress)
– Timeline
– Diagrammes
– Organigrammes
– Graphiques croisés dynamiques & OLAP
– Heat map
– Treemaps
– Courbes radar
IBM Software Group | Lotus software
IBM Software Group | WebSphere software7
Nos clients: des développeurs
Composants Elixir Enterprise
Développeur
+
Application
+
Code… {<ibm:Diagram dataProvider="{cloudServer.getData()}"/ }…
Utilisateur
Expérience intuitiveAide a prendre de
meilleures décisionsplus rapidement
IBM ILOG Elixir Enterprise permet aux développeursd’IHM de représenter graphiquement leur données dans des
interfaces riches et interactives
IBM Software Group | Lotus software
IBM Software Group | WebSphere software8
Usages types Plus de 80% de nos clients font du SaaS
– Application vendues sur 1 modèle pay-per-use
– CRM en SaaS, ERPs, gestion des ressources humaines, …
Les autres sont généralement de grandes sociétés avec équipes de développement en interne
Interfaces spécifiques pour SalesForce.com / Force.com– http://developer.force.com/flashbuilder
Interfaces spécifiques pour SAP– http://www.sdn.sap.com/irj/sdn/adobe-flash-islands
Interface unifiée pour systèmes existants et Cloud– Portails, application Intranet ou desktop
IBM Software Group | Lotus software
IBM Software Group | WebSphere software9
Applications de reporting/contrôle
IBM Software Group | Lotus software
IBM Software Group | WebSphere software10
Applications de reporting/contrôle
IBM Software Group | Lotus software
IBM Software Group | WebSphere software11
Applications d’analyse de données
IBM Software Group | Lotus software
IBM Software Group | WebSphere software12
Tableaux de bord
IBM Software Group | Lotus software
IBM Software Group | WebSphere software13
Exemple d’appli de planification
IBM Software Group | Lotus software
IBM Software Group | WebSphere software14
Applications de modélisation
®
© 2010 IBM Corporation
15
Démos
®
© 2010 IBM Corporation
16
Fonctionnalités
IBM Software Group | Lotus software
IBM Software Group | WebSphere software17
Aperçu fonctionnel SDK Flex & Flash Builder 4.0
Intégration Flash Builder
– Palette de composants
– Glisser-déposer
– Feuilles de propriétés
– Aide Eclipse
– Assistants
– Doc hinting
Nombreux exemples
Globalisation
Accessibles & support lecteur d’écran
Copyright © 2009 ILOG Inc. All rights reserved.
IBM Software Group | Lotus software
IBM Software Group | WebSphere software18
Courbes 3D
Copyright © 2009 ILOG Inc. All rights reserved.
IBM Software Group | Lotus software
IBM Software Group | WebSphere software19
Jauges, indicateurs
Copyright © 2009 ILOG Inc. All rights reserved.
IBM Software Group | Lotus software
IBM Software Group | WebSphere software20
Cartes
Copyright © 2009 ILOG Inc. All rights reserved.
IBM Software Group | Lotus software
IBM Software Group | WebSphere software21
Heat map
Copyright © 2009 ILOG Inc. All rights reserved.
IBM Software Group | Lotus software
IBM Software Group | WebSphere software22
Calendrier
Copyright © 2009 ILOG Inc. All rights reserved.
IBM Software Group | Lotus software
IBM Software Group | WebSphere software23
Organigrammes
Copyright © 2009 ILOG Inc. All rights reserved.
IBM Software Group | Lotus software
IBM Software Group | WebSphere software24
Treemaps
Copyright © 2009 ILOG Inc. All rights reserved.
IBM Software Group | Lotus software
IBM Software Group | WebSphere software25
Courbes radar
Copyright © 2009 ILOG Inc. All rights reserved.
IBM Software Group | Lotus software
IBM Software Group | WebSphere software26
Graphique croisé dynamique & OLAP
Copyright © 2009 ILOG Inc. All rights reserved.
IBM Software Group | Lotus software
IBM Software Group | WebSphere software27
Diagrammes Principaux cas d’usage:
– BPM, Workflow, Dataflow
– Affichage de réseaux
– Affichage de diagrammes animés
– …
Calcul de placement fait sur le client
IBM Software Group | Lotus software
IBM Software Group | WebSphere software28
Diagrammes de Gantt
Copyright © 2009 ILOG Inc. All rights reserved.
IBM Software Group | Lotus software
IBM Software Group | WebSphere software29
Diagrammes de Gantt
Copyright © 2009 ILOG Inc. All rights reserved.
IBM Software Group | Lotus software
IBM Software Group | WebSphere software30
Résumé IBM ILOG Elixir est la bibliothèque de référence pour l’affichage
graphique des données
– Déploiement simple (Adobe Flash)
– Bon fit pour les IHM des applis Cloud
– UX avancée
Références utiles:
– Démos: http://goo.gl/XbVD
– Version d’essai: http://goo.gl/WECh
– Forum: http://goo.gl/uEpe
– Blog: http://goo.gl/KGK1
®
© 2010 IBM Corporation
31
Questions / Réponses
Recommended