SlideShare una empresa de Scribd logo
1 de 31
Descargar para leer sin conexión
Interfaces graphiques pour le CloudComposants IBM ILOG Visualization Erwan Paccard Chef produit erwan.paccard@fr.ibm.com
2 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
3 Importance de l’ UX  5 mn 20 s Décision d’achat Qualité du produit Satisfaction produit Perception de la société 0% 20% 40% 60% 80% 100% ,[object Object]
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,[object Object]
 Connectivité maximale
 Coûts maintenance faibles
 Productivité bonne
 Performance
 Data driven
 Contenu dynamique
 Database applications
 Coûts maintenance  faibles
 Producitivité faibleApplications Desktop HTML ,[object Object]
 Interactivité elevée
 Animation, Son, Video
 Maintenance coûteuse
 Productivité élevée
 Browsing oriented
 Content & documents
 Coûts maintenance faibles
 Productivité moyenneDe l’application desktop au Web 2.0 (2) dynamique SERVEUR  statique CLIENT passif actif
5 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
6 Présentation d’Elixir Enterprise Composants professionnelsd’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
7 Développeur Nos clients: des développeurs IBM ILOG Elixir Enterprise permet aux développeursd’IHM de représenter graphiquement leur données dans des interfaces riches et interactives + Composants Elixir Enterprise + Utilisateur Application Expérience intuitive Aide a prendre demeilleures décisionsplus rapidement Code …    { <ibm:Diagram dataProvider="{cloudServer.getData()}"/   }…
8 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
9 Applications de reporting/contrôle
10 Applications de reporting/contrôle
11 Applications d’analyse de données
12 Tableaux de bord

Más contenido relacionado

Destacado

Exposicion Costos Ambientales111
Exposicion Costos Ambientales111Exposicion Costos Ambientales111
Exposicion Costos Ambientales111FRAYDERLEY
 
Chemins de l'innovation - introduction jacky chef oct 2012
Chemins de l'innovation -  introduction jacky chef oct 2012Chemins de l'innovation -  introduction jacky chef oct 2012
Chemins de l'innovation - introduction jacky chef oct 2012PROMOTECH CEI
 
Présentation belmed 101210
Présentation belmed 101210Présentation belmed 101210
Présentation belmed 101210Heus Erik
 
Supralog 2012
Supralog 2012Supralog 2012
Supralog 2012Mouss12
 
2010 04-11 powerpointpng
2010 04-11 powerpointpng2010 04-11 powerpointpng
2010 04-11 powerpointpngRicardo
 
Remodelación de la plaza Benito Juárez, Ciudad del Carmen
Remodelación de la plaza Benito Juárez, Ciudad del CarmenRemodelación de la plaza Benito Juárez, Ciudad del Carmen
Remodelación de la plaza Benito Juárez, Ciudad del CarmenChalex
 
Top questions
Top questions Top questions
Top questions kmsi
 
55124181 gerencia-estrategica-en-la-organizacion
55124181 gerencia-estrategica-en-la-organizacion55124181 gerencia-estrategica-en-la-organizacion
55124181 gerencia-estrategica-en-la-organizacionExeario Sosa
 
Les espaces de collaboration et d'échanges de connaissances en bibliothèque
Les espaces de collaboration et d'échanges de connaissances en bibliothèqueLes espaces de collaboration et d'échanges de connaissances en bibliothèque
Les espaces de collaboration et d'échanges de connaissances en bibliothèqueEspaces temps
 
Ame gallery, dessin d'antoine mercier -calais douvres 1972-
Ame gallery, dessin d'antoine mercier -calais douvres 1972-Ame gallery, dessin d'antoine mercier -calais douvres 1972-
Ame gallery, dessin d'antoine mercier -calais douvres 1972-Antoine Mercier-ame
 
Generación de Ventas y Exportación con Social Selling
Generación de Ventas y Exportación con Social SellingGeneración de Ventas y Exportación con Social Selling
Generación de Ventas y Exportación con Social SellingSoluciona Facil
 

Destacado (20)

Lozere
LozereLozere
Lozere
 
Exposicion Costos Ambientales111
Exposicion Costos Ambientales111Exposicion Costos Ambientales111
Exposicion Costos Ambientales111
 
Islamic project finance
Islamic project financeIslamic project finance
Islamic project finance
 
Chemins de l'innovation - introduction jacky chef oct 2012
Chemins de l'innovation -  introduction jacky chef oct 2012Chemins de l'innovation -  introduction jacky chef oct 2012
Chemins de l'innovation - introduction jacky chef oct 2012
 
Traven bruno cuentos mexicanos
Traven bruno   cuentos mexicanosTraven bruno   cuentos mexicanos
Traven bruno cuentos mexicanos
 
Carrières
CarrièresCarrières
Carrières
 
Présentation belmed 101210
Présentation belmed 101210Présentation belmed 101210
Présentation belmed 101210
 
Preescolar 2011
Preescolar 2011Preescolar 2011
Preescolar 2011
 
Reglament itf 2013
Reglament itf 2013Reglament itf 2013
Reglament itf 2013
 
Supralog 2012
Supralog 2012Supralog 2012
Supralog 2012
 
Manulactividades
ManulactividadesManulactividades
Manulactividades
 
2010 04-11 powerpointpng
2010 04-11 powerpointpng2010 04-11 powerpointpng
2010 04-11 powerpointpng
 
Remodelación de la plaza Benito Juárez, Ciudad del Carmen
Remodelación de la plaza Benito Juárez, Ciudad del CarmenRemodelación de la plaza Benito Juárez, Ciudad del Carmen
Remodelación de la plaza Benito Juárez, Ciudad del Carmen
 
Top questions
Top questions Top questions
Top questions
 
55124181 gerencia-estrategica-en-la-organizacion
55124181 gerencia-estrategica-en-la-organizacion55124181 gerencia-estrategica-en-la-organizacion
55124181 gerencia-estrategica-en-la-organizacion
 
Les espaces de collaboration et d'échanges de connaissances en bibliothèque
Les espaces de collaboration et d'échanges de connaissances en bibliothèqueLes espaces de collaboration et d'échanges de connaissances en bibliothèque
Les espaces de collaboration et d'échanges de connaissances en bibliothèque
 
Ame gallery, dessin d'antoine mercier -calais douvres 1972-
Ame gallery, dessin d'antoine mercier -calais douvres 1972-Ame gallery, dessin d'antoine mercier -calais douvres 1972-
Ame gallery, dessin d'antoine mercier -calais douvres 1972-
 
2012 mobfest
2012 mobfest2012 mobfest
2012 mobfest
 
Generación de Ventas y Exportación con Social Selling
Generación de Ventas y Exportación con Social SellingGeneración de Ventas y Exportación con Social Selling
Generación de Ventas y Exportación con Social Selling
 
Dossier kandinsky final
Dossier kandinsky finalDossier kandinsky final
Dossier kandinsky final
 

Similar a IBM ILOG Elixir: IHM riches pour applications SaaS et Cloud

Portails Etat De L'art
Portails  Etat De L'artPortails  Etat De L'art
Portails Etat De L'artTugdual Grall
 
Nouveautés produits Autodesk 2010
Nouveautés produits Autodesk 2010Nouveautés produits Autodesk 2010
Nouveautés produits Autodesk 2010Geomap GIS America
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8davrous
 
Flutter: Alternative crédible pour vos applications mobiles ?
Flutter: Alternative crédible pour vos applications mobiles ?Flutter: Alternative crédible pour vos applications mobiles ?
Flutter: Alternative crédible pour vos applications mobiles ?Nicolas Hodicq
 
2012 02-09-eranea-presentation-jug-lausanne
2012 02-09-eranea-presentation-jug-lausanne2012 02-09-eranea-presentation-jug-lausanne
2012 02-09-eranea-presentation-jug-lausanneDidier Durand
 
Adobe Et Le Commerce V2
Adobe Et Le Commerce V2Adobe Et Le Commerce V2
Adobe Et Le Commerce V2Michael Chaize
 
Google Web Toolkit 1.5 Presentation Web Creative Common
Google Web Toolkit 1.5 Presentation Web Creative CommonGoogle Web Toolkit 1.5 Presentation Web Creative Common
Google Web Toolkit 1.5 Presentation Web Creative CommonStéphane Liétard
 
La production cartographique pour les SIG version Web
La production cartographique pour les SIG version WebLa production cartographique pour les SIG version Web
La production cartographique pour les SIG version WebEric Lacoursiere
 
ACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisationACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisationpeguet
 
Adobe flex®
Adobe flex®Adobe flex®
Adobe flex®finalspy
 
Comment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdf
Comment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdfComment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdf
Comment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdfGDG Bujumbura
 
Microsoft dynamics crm online, intégration avec windows azure
Microsoft dynamics crm online, intégration avec windows azureMicrosoft dynamics crm online, intégration avec windows azure
Microsoft dynamics crm online, intégration avec windows azureMicrosoft Décideurs IT
 
Fondamentaux d'architecture d'une application Flex
Fondamentaux d'architecture d'une application FlexFondamentaux d'architecture d'une application Flex
Fondamentaux d'architecture d'une application Flexdavid deraedt
 
Fondamentaux d'architecture d'une application Flex
Fondamentaux d'architecture d'une application FlexFondamentaux d'architecture d'une application Flex
Fondamentaux d'architecture d'une application Flexdavid deraedt
 
Microsoft Power Platform en Action
Microsoft Power Platform en Action Microsoft Power Platform en Action
Microsoft Power Platform en Action Denys Chamberland
 

Similar a IBM ILOG Elixir: IHM riches pour applications SaaS et Cloud (20)

RIA
RIARIA
RIA
 
Portails Etat De L'art
Portails  Etat De L'artPortails  Etat De L'art
Portails Etat De L'art
 
Adobe presentation fonctionnelle
Adobe presentation fonctionnelleAdobe presentation fonctionnelle
Adobe presentation fonctionnelle
 
Nouveautés produits Autodesk 2010
Nouveautés produits Autodesk 2010Nouveautés produits Autodesk 2010
Nouveautés produits Autodesk 2010
 
MERAZKA Messaoud
MERAZKA MessaoudMERAZKA Messaoud
MERAZKA Messaoud
 
L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8L'histoire d'html5 pour les développeurs windows phone 8
L'histoire d'html5 pour les développeurs windows phone 8
 
Flutter: Alternative crédible pour vos applications mobiles ?
Flutter: Alternative crédible pour vos applications mobiles ?Flutter: Alternative crédible pour vos applications mobiles ?
Flutter: Alternative crédible pour vos applications mobiles ?
 
2012 02-09-eranea-presentation-jug-lausanne
2012 02-09-eranea-presentation-jug-lausanne2012 02-09-eranea-presentation-jug-lausanne
2012 02-09-eranea-presentation-jug-lausanne
 
Adobe Et Le Commerce V2
Adobe Et Le Commerce V2Adobe Et Le Commerce V2
Adobe Et Le Commerce V2
 
Public Launch Cyclone Preview
Public  Launch  Cyclone  PreviewPublic  Launch  Cyclone  Preview
Public Launch Cyclone Preview
 
Google Web Toolkit 1.5 Presentation Web Creative Common
Google Web Toolkit 1.5 Presentation Web Creative CommonGoogle Web Toolkit 1.5 Presentation Web Creative Common
Google Web Toolkit 1.5 Presentation Web Creative Common
 
RIA
RIARIA
RIA
 
La production cartographique pour les SIG version Web
La production cartographique pour les SIG version WebLa production cartographique pour les SIG version Web
La production cartographique pour les SIG version Web
 
ACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisationACube : De la solution à l'industrialisation
ACube : De la solution à l'industrialisation
 
Adobe flex®
Adobe flex®Adobe flex®
Adobe flex®
 
Comment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdf
Comment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdfComment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdf
Comment creer de Applicartions Desktop avec Javascript - Bejamin Kinyamba.pdf
 
Microsoft dynamics crm online, intégration avec windows azure
Microsoft dynamics crm online, intégration avec windows azureMicrosoft dynamics crm online, intégration avec windows azure
Microsoft dynamics crm online, intégration avec windows azure
 
Fondamentaux d'architecture d'une application Flex
Fondamentaux d'architecture d'une application FlexFondamentaux d'architecture d'une application Flex
Fondamentaux d'architecture d'une application Flex
 
Fondamentaux d'architecture d'une application Flex
Fondamentaux d'architecture d'une application FlexFondamentaux d'architecture d'une application Flex
Fondamentaux d'architecture d'une application Flex
 
Microsoft Power Platform en Action
Microsoft Power Platform en Action Microsoft Power Platform en Action
Microsoft Power Platform en Action
 

IBM ILOG Elixir: IHM riches pour applications SaaS et Cloud

  • 1. Interfaces graphiques pour le CloudComposants IBM ILOG Visualization Erwan Paccard Chef produit erwan.paccard@fr.ibm.com
  • 2. 2 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
  • 3.
  • 4. la principale raison d’échec des applications IT est le manque d’acceptation des utilisateurs.
  • 5. 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
  • 6.
  • 15.
  • 21. Content & documents
  • 23. Productivité moyenneDe l’application desktop au Web 2.0 (2) dynamique SERVEUR statique CLIENT passif actif
  • 24. 5 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
  • 25. 6 Présentation d’Elixir Enterprise Composants professionnelsd’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
  • 26. 7 Développeur Nos clients: des développeurs IBM ILOG Elixir Enterprise permet aux développeursd’IHM de représenter graphiquement leur données dans des interfaces riches et interactives + Composants Elixir Enterprise + Utilisateur Application Expérience intuitive Aide a prendre demeilleures décisionsplus rapidement Code … { <ibm:Diagram dataProvider="{cloudServer.getData()}"/ }…
  • 27. 8 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
  • 28. 9 Applications de reporting/contrôle
  • 29. 10 Applications de reporting/contrôle
  • 32. 13 Exemple d’appli de planification
  • 33. 14 Applications de modélisation
  • 36. 17 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.
  • 37. 18 Courbes 3D Copyright © 2009 ILOG Inc. All rights reserved.
  • 38. 19 Jauges, indicateurs Copyright © 2009 ILOG Inc. All rights reserved.
  • 39. 20 Cartes Copyright © 2009 ILOG Inc. All rights reserved.
  • 40. 21 Heat map Copyright © 2009 ILOG Inc. All rights reserved.
  • 41. 22 Calendrier Copyright © 2009 ILOG Inc. All rights reserved.
  • 42. 23 Organigrammes Copyright © 2009 ILOG Inc. All rights reserved.
  • 43. 24 Treemaps Copyright © 2009 ILOG Inc. All rights reserved.
  • 44. 25 Courbes radar Copyright © 2009 ILOG Inc. All rights reserved.
  • 45. 26 Graphique croisé dynamique & OLAP Copyright © 2009 ILOG Inc. All rights reserved.
  • 46. 27 Diagrammes Principaux cas d’usage: BPM, Workflow, Dataflow Affichage de réseaux Affichage de diagrammes animés … Calcul de placement fait sur le client
  • 47. 28 Diagrammes de Gantt Copyright © 2009 ILOG Inc. All rights reserved.
  • 48. 29 Diagrammes de Gantt Copyright © 2009 ILOG Inc. All rights reserved.
  • 49. 30 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