SlideShare une entreprise Scribd logo
Les technologies RIA et  WebSphere Portal Server
Découvrir l'univers des possibles en termes d'expériences utilisateurs
Découvrir les technologies RIA
Imaginer les possibilités d'intéraction

Recommandé pour vous

Ajax en Java - GTI780 & MTI780 - ETS - A08
Ajax en Java - GTI780 & MTI780 - ETS - A08Ajax en Java - GTI780 & MTI780 - ETS - A08
Ajax en Java - GTI780 & MTI780 - ETS - A08

Présentation sur Ajax en Java dans le cadre du cours combiné GTI780 / MTI780, Sujets spéciaux en TI, donné par Claude Coulombe, à l\'Ecole de technologie supérieure, Montréal, Automne 2008

wicketd'applicationsjsf
La plateforme JEE
La plateforme JEELa plateforme JEE
La plateforme JEE

Standard de développement d'applications d'entreprises multi-niveaux, basées sur des composants.

Presentation JEE et son écossystéme
Presentation JEE et son écossystémePresentation JEE et son écossystéme
Presentation JEE et son écossystéme
jwd2012javaalgeriajug
Comprendre la complémentarité avec WebSphere Portal
Voir des démonstrations de ces technologies Objectifs de cette session
Agenda Introduction aux technologies RIA
Les RIAs & WebSphere Portal

Recommandé pour vous

Jsf 110530152515-phpapp01
Jsf 110530152515-phpapp01Jsf 110530152515-phpapp01
Jsf 110530152515-phpapp01

WEB JAVA EE

3 Jsf
3 Jsf3 Jsf
3 Jsf

Présentation des framework JSF et richfaces issue de la formation J2EE réalisée par le club CFEM ( club futur entrepreneur en multimédia) au sein de l'institut supérieur d'informatique et multimédia de sfax (ISIMS)

jsf richfaces validators converters faces-config
eServices-Chp4: ESB
eServices-Chp4: ESBeServices-Chp4: ESB
eServices-Chp4: ESB

les ESB, EAI, MOM et autres middleware

esbeaimom
Deux exemples d'intégration/intéropérabilité :  Dojo
FLEX Démonstrations
Nouvelles attentes Les attentes des utilisateurs sont de plus en plus grandes...
Le “Web 2.0” est devenu la norme.

Recommandé pour vous

Spring
SpringSpring
Spring
spring aop ioc
Java EE 6 Solutions Linux 2010
Java EE 6 Solutions Linux 2010Java EE 6 Solutions Linux 2010
Java EE 6 Solutions Linux 2010

Présentation avec Jérôme Molière de java EE 6 et plus particulièrement de JPA 2 et JSF 2

javaee jaavee6 jpa2 jsf2 glassfish
Problème des fournisseurs d'applications. Maintenance des applications Client  Test et support sur de multiples plateformes et systèmes d'exploitation
Peu de contrôle sur l'environnement d'éxécution.
RIA – Rich Internet Application ? Rich Internet applications  ( RIA s) est une application web qui offre des caractéristiques similaires aux logiciels traditionnels installés sur un ordinateur. La dimension interactive et la vitesse d'exécution sont particulièrement soignées dans ces applications web.
Ce que les experts pensent !! ...Nearly 60 percent of all new application developpment will include RIA technology by 2010.” ( Gartner )

Recommandé pour vous

Adobe flex®
Adobe flex®Adobe flex®
Adobe flex®

Présentation de Flex au NormandyJUG par Sébastien PANNIER.

normandyjugjavaadobe
Presentation platform flash
Presentation platform flashPresentation platform flash
Presentation platform flash

adobe platform flash est un ensemble intégré de technologies bénéficiant de divers programmes de support d'un solide réseau de partenaires commerciaux et de commautés d'utilisateurs enthousiastes.

dotnetjavar&d
Les différents acteurs... AJAX et ces frameworks : Dojo, jQuery, Scriptaculous and the like
Adobe : Flex & AIR
Microsoft Silverlight
JavaFX

Recommandé pour vous

[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5

TechDays 2012 Session : Quoi de neuf dans ASP.NET 4.5 Animée par : - Tomasz JASKULA - Mohamed Zied NEMILI

asp.nettechdays2012
Principes De Base De Asp .Net
Principes De Base De Asp .NetPrincipes De Base De Asp .Net
Principes De Base De Asp .Net
Presentation jsf2
Presentation jsf2Presentation jsf2
Presentation jsf2

Présentation JSF2

javajsf2web
HTML 5 (bientôt)
Adoption des technologies RIA
Le portail est un point d’accès   unique, personnalisé et sécurisé  aux applications, processus, personnes et contenus
Modèle de navigation

Recommandé pour vous

Java j2ee
Java j2eeJava j2ee
Java j2ee

points clé & définitions mot clé java -j2ee

1 Introduction
1 Introduction1 Introduction
1 Introduction

Présentation de la plateforme J2EE issue de la formation J2EE réalisée par le club CFEM ( club futur entrepreneur en multimédia) au sein de l'institut supérieur d'informatique et multimédia de sfax (ISIMS)

j2ee
04 03 logical volume manager
04 03 logical volume manager04 03 logical volume manager
04 03 logical volume manager
Charte graphique Rôle
Sécurité
Single Sign On
Quel direction prendre ?

Recommandé pour vous

Fr linux job_scheduling
Fr linux job_schedulingFr linux job_scheduling
Fr linux job_scheduling
Weblog formation-administration-de-serveurs-d-applications-weblogic
Weblog formation-administration-de-serveurs-d-applications-weblogicWeblog formation-administration-de-serveurs-d-applications-weblogic
Weblog formation-administration-de-serveurs-d-applications-weblogic
20081023 - Paris Vi Master STL TA - Initiation Maven
20081023 - Paris Vi Master STL TA - Initiation Maven20081023 - Paris Vi Master STL TA - Initiation Maven
20081023 - Paris Vi Master STL TA - Initiation Maven

Présentation d'une demi journée de Maven en Master à Paris VI

mavenjussieu
Pourquoi utiliser une technologie RIA  avec WebSphere Portal ?  Améliorer l'interface utilisateur Rafraichissement partiel Manipulation coté client des données Réduction de la bande passante
Dojo Dojo  est un framework open source en JavaScript.
Son but est le développement rapide d'applications en Javascript exécutées côté client et communiquant avec le serveur avec une granularité inférieure à la page grâce à Ajax. L'architecture Dojo
WebSphere Portal & Dojo Depuis WebSphere Portal 6.1, IBM utilise  intensivement  le toolkit Dojo.

Recommandé pour vous

Websphere
WebsphereWebsphere
Websphere
ibm websphere
Fully Automated Nagios, Solutions Linux 2009
Fully Automated Nagios, Solutions Linux 2009Fully Automated Nagios, Solutions Linux 2009
Fully Automated Nagios, Solutions Linux 2009

FAN, Fully Automated Nagios a été présenté sur le salon "Solution Linux 2009" dans une conférence officielle. Voici le support qui a servi pour cette présentation.

fully automated nagiossolutionsfan
[Café techno] NetBackup 7.5 - Nouvelles fonctionnalités
[Café techno] NetBackup 7.5 - Nouvelles fonctionnalités[Café techno] NetBackup 7.5 - Nouvelles fonctionnalités
[Café techno] NetBackup 7.5 - Nouvelles fonctionnalités

Présentation des nouvelles fonctionnalités de NetBackup 7.5 : - Netbackup Accelerator - Netbackup Replication Director - Sauvegardes des environnements virtuels - Gouvernance des sauvegardes

sauvegardesauvegarde informatique
Thème Web 2.0
Thème  Customizer
Page Builder
WebSphere Portlet Factory & Dojo Dojo Animation

Recommandé pour vous

Scalabilité et haute performance d'application PHP légacy
Scalabilité et haute performance d'application PHP légacy Scalabilité et haute performance d'application PHP légacy
Scalabilité et haute performance d'application PHP légacy

Retour d'expérience sur la mise en place d'une architecture scalable sur une application php légacy.

scalabilitéscalabilityphp
09 02 configuration du serveur nfs
09 02 configuration du serveur nfs09 02 configuration du serveur nfs
09 02 configuration du serveur nfs

préparation à la certification LPIC2 version 3.5 en français Chapitre : Topic 209 : Partage de fichiers Configuration de Samba et NFS Partie 1 : configuration du serveur NFS Topic 209.2 Installation, configuration et gestion du serveur et du client NFS sous GNU/Linux. Supports créés par Noël Macé sous Licence Creative Commons BY-NC-SA.

linuxfile sharingprofessional certification
10 03 clients ldap
10 03 clients ldap10 03 clients ldap
10 03 clients ldap

préparation à la certification LPIC2 version 3.5 en français Chapitre : Topic 210 : Gestion des clients réseau Configuration des serveurs DHCP, de l'authentification PAM et du client LDAP Partie 3 : Clients LDAP Topic 210.3 Introduction au protocol LDAP et présentation des outils clients permettant la manipulation (ajout, modification, modification du mot de passe et suppression) et la recherche d'entrées : ldapadd, ldapmodify, ldappassword, ldapdelete et ldapsearch. Supports créés par Noël Macé sous Licence Creative Commons BY-NC-SA.

linuxprofessional certificationlpic2
Dojo Date/Time Picker
Dojo Form Dialog
Dojo Page Element
Dojo Data Grid

Recommandé pour vous

EM12c - Chargeback
EM12c - ChargebackEM12c - Chargeback
EM12c - Chargeback
enterprise manager chargeback
Simulations et applications réparties sous LINUX
Simulations et applications réparties sous LINUXSimulations et applications réparties sous LINUX
Simulations et applications réparties sous LINUX
Focus sur la sauvegarde et la synchronisation des données informatiques
Focus sur la sauvegarde et la synchronisation des données informatiquesFocus sur la sauvegarde et la synchronisation des données informatiques
Focus sur la sauvegarde et la synchronisation des données informatiques

Dans le cadre de sa formation sur les bureaux portables sur clés USB, Corinne Habarou aborde la problématique de la sauvegarde des données informatiques et de leur synchronisation lorsque l'on travaille en mode "nomade".

stockage informatiquesupports informatique de stockagelogiciels de sauvegarde
Dojo Data Store
Dojo Rich Text

Contenu connexe

Tendances

Les apports d'HTML5 pour l'interopérabilité des applications géospatiales
Les apports d'HTML5 pour l'interopérabilité des applications géospatialesLes apports d'HTML5 pour l'interopérabilité des applications géospatiales
Les apports d'HTML5 pour l'interopérabilité des applications géospatiales
Gaëtan LAVENU
 
Java Entreprise Edition
Java Entreprise EditionJava Entreprise Edition
Java Entreprise Edition
Sabri Bouchlema
 
J2ee
J2eeJ2ee
Ajax en Java - GTI780 & MTI780 - ETS - A08
Ajax en Java - GTI780 & MTI780 - ETS - A08Ajax en Java - GTI780 & MTI780 - ETS - A08
Ajax en Java - GTI780 & MTI780 - ETS - A08
Claude Coulombe
 
La plateforme JEE
La plateforme JEELa plateforme JEE
La plateforme JEE
Sabri Bouchlema
 
Presentation JEE et son écossystéme
Presentation JEE et son écossystémePresentation JEE et son écossystéme
Presentation JEE et son écossystéme
Algeria JUG
 
Jsf 110530152515-phpapp01
Jsf 110530152515-phpapp01Jsf 110530152515-phpapp01
Jsf 110530152515-phpapp01
Eric Bourdet
 
3 Jsf
3 Jsf3 Jsf
eServices-Chp4: ESB
eServices-Chp4: ESBeServices-Chp4: ESB
eServices-Chp4: ESB
Lilia Sfaxi
 
Java EE 6 Solutions Linux 2010
Java EE 6 Solutions Linux 2010Java EE 6 Solutions Linux 2010
Java EE 6 Solutions Linux 2010
Alexis Moussine-Pouchkine
 
Adobe flex®
Adobe flex®Adobe flex®
Adobe flex®
finalspy
 
Presentation platform flash
Presentation platform flashPresentation platform flash
Presentation platform flash
Cynapsys It Hotspot
 
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
Mohamed Nemili
 
Principes De Base De Asp .Net
Principes De Base De Asp .NetPrincipes De Base De Asp .Net
Principes De Base De Asp .Net
Gregory Renard
 
Presentation jsf2
Presentation jsf2Presentation jsf2
Presentation jsf2
Damien GOUYETTE
 
Java j2ee
Java j2eeJava j2ee
Java j2ee
izdihara
 
1 Introduction
1 Introduction1 Introduction

Tendances (20)

Les apports d'HTML5 pour l'interopérabilité des applications géospatiales
Les apports d'HTML5 pour l'interopérabilité des applications géospatialesLes apports d'HTML5 pour l'interopérabilité des applications géospatiales
Les apports d'HTML5 pour l'interopérabilité des applications géospatiales
 
Java Entreprise Edition
Java Entreprise EditionJava Entreprise Edition
Java Entreprise Edition
 
J2ee
J2eeJ2ee
J2ee
 
Ajax en Java - GTI780 & MTI780 - ETS - A08
Ajax en Java - GTI780 & MTI780 - ETS - A08Ajax en Java - GTI780 & MTI780 - ETS - A08
Ajax en Java - GTI780 & MTI780 - ETS - A08
 
La plateforme JEE
La plateforme JEELa plateforme JEE
La plateforme JEE
 
Presentation JEE et son écossystéme
Presentation JEE et son écossystémePresentation JEE et son écossystéme
Presentation JEE et son écossystéme
 
Jsf 110530152515-phpapp01
Jsf 110530152515-phpapp01Jsf 110530152515-phpapp01
Jsf 110530152515-phpapp01
 
3 Jsf
3 Jsf3 Jsf
3 Jsf
 
eServices-Chp4: ESB
eServices-Chp4: ESBeServices-Chp4: ESB
eServices-Chp4: ESB
 
Spring
SpringSpring
Spring
 
Java EE 6 Solutions Linux 2010
Java EE 6 Solutions Linux 2010Java EE 6 Solutions Linux 2010
Java EE 6 Solutions Linux 2010
 
JSF 2.0
JSF 2.0JSF 2.0
JSF 2.0
 
Java Server Faces 2
Java Server Faces 2Java Server Faces 2
Java Server Faces 2
 
Adobe flex®
Adobe flex®Adobe flex®
Adobe flex®
 
Presentation platform flash
Presentation platform flashPresentation platform flash
Presentation platform flash
 
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
[TechDays 2012] : Quoi de neuf dans ASP.NET 4.5
 
Principes De Base De Asp .Net
Principes De Base De Asp .NetPrincipes De Base De Asp .Net
Principes De Base De Asp .Net
 
Presentation jsf2
Presentation jsf2Presentation jsf2
Presentation jsf2
 
Java j2ee
Java j2eeJava j2ee
Java j2ee
 
1 Introduction
1 Introduction1 Introduction
1 Introduction
 

En vedette

04 03 logical volume manager
04 03 logical volume manager04 03 logical volume manager
04 03 logical volume manager
Noël
 
Fr linux job_scheduling
Fr linux job_schedulingFr linux job_scheduling
Fr linux job_scheduling
ORSYP France
 
Weblog formation-administration-de-serveurs-d-applications-weblogic
Weblog formation-administration-de-serveurs-d-applications-weblogicWeblog formation-administration-de-serveurs-d-applications-weblogic
Weblog formation-administration-de-serveurs-d-applications-weblogic
CERTyou Formation
 
20081023 - Paris Vi Master STL TA - Initiation Maven
20081023 - Paris Vi Master STL TA - Initiation Maven20081023 - Paris Vi Master STL TA - Initiation Maven
20081023 - Paris Vi Master STL TA - Initiation Maven
Arnaud Héritier
 
Fully Automated Nagios, Solutions Linux 2009
Fully Automated Nagios, Solutions Linux 2009Fully Automated Nagios, Solutions Linux 2009
Fully Automated Nagios, Solutions Linux 2009
FAN Fully Automated Nagios
 
[Café techno] NetBackup 7.5 - Nouvelles fonctionnalités
[Café techno] NetBackup 7.5 - Nouvelles fonctionnalités[Café techno] NetBackup 7.5 - Nouvelles fonctionnalités
[Café techno] NetBackup 7.5 - Nouvelles fonctionnalités
Groupe D.FI
 
Scalabilité et haute performance d'application PHP légacy
Scalabilité et haute performance d'application PHP légacy Scalabilité et haute performance d'application PHP légacy
Scalabilité et haute performance d'application PHP légacy
Arnaud LEMAIRE
 
09 02 configuration du serveur nfs
09 02 configuration du serveur nfs09 02 configuration du serveur nfs
09 02 configuration du serveur nfs
Noël
 
10 03 clients ldap
10 03 clients ldap10 03 clients ldap
10 03 clients ldap
Noël
 
Simulations et applications réparties sous LINUX
Simulations et applications réparties sous LINUXSimulations et applications réparties sous LINUX
Simulations et applications réparties sous LINUX
Fdiwa
 
Focus sur la sauvegarde et la synchronisation des données informatiques
Focus sur la sauvegarde et la synchronisation des données informatiquesFocus sur la sauvegarde et la synchronisation des données informatiques
Focus sur la sauvegarde et la synchronisation des données informatiques
URFIST de Paris
 
Rhel cluster basics 2
Rhel cluster basics   2Rhel cluster basics   2
Rhel cluster basics 2
Manoj Singh
 
FTP
FTPFTP
Projet sur transfert de fichiers
Projet sur transfert de fichiersProjet sur transfert de fichiers
Projet sur transfert de fichiers
josepkap
 
LPIC1 09 06 kill
LPIC1 09 06 killLPIC1 09 06 kill
LPIC1 09 06 kill
Noël
 
09 01 configuration du serveur samba
09 01 configuration du serveur samba09 01 configuration du serveur samba
09 01 configuration du serveur samba
Noël
 
Theory of electroelasticity
Theory of electroelasticityTheory of electroelasticity
Theory of electroelasticity
Springer
 
#OOW15LeOff Breakfast EASYTEAM 28 octobre 2015
#OOW15LeOff Breakfast EASYTEAM 28 octobre 2015#OOW15LeOff Breakfast EASYTEAM 28 octobre 2015
#OOW15LeOff Breakfast EASYTEAM 28 octobre 2015
marcomeasyteam
 

En vedette (20)

04 03 logical volume manager
04 03 logical volume manager04 03 logical volume manager
04 03 logical volume manager
 
Fr linux job_scheduling
Fr linux job_schedulingFr linux job_scheduling
Fr linux job_scheduling
 
Weblog formation-administration-de-serveurs-d-applications-weblogic
Weblog formation-administration-de-serveurs-d-applications-weblogicWeblog formation-administration-de-serveurs-d-applications-weblogic
Weblog formation-administration-de-serveurs-d-applications-weblogic
 
20081023 - Paris Vi Master STL TA - Initiation Maven
20081023 - Paris Vi Master STL TA - Initiation Maven20081023 - Paris Vi Master STL TA - Initiation Maven
20081023 - Paris Vi Master STL TA - Initiation Maven
 
Websphere
WebsphereWebsphere
Websphere
 
Fully Automated Nagios, Solutions Linux 2009
Fully Automated Nagios, Solutions Linux 2009Fully Automated Nagios, Solutions Linux 2009
Fully Automated Nagios, Solutions Linux 2009
 
[Café techno] NetBackup 7.5 - Nouvelles fonctionnalités
[Café techno] NetBackup 7.5 - Nouvelles fonctionnalités[Café techno] NetBackup 7.5 - Nouvelles fonctionnalités
[Café techno] NetBackup 7.5 - Nouvelles fonctionnalités
 
Scalabilité et haute performance d'application PHP légacy
Scalabilité et haute performance d'application PHP légacy Scalabilité et haute performance d'application PHP légacy
Scalabilité et haute performance d'application PHP légacy
 
09 02 configuration du serveur nfs
09 02 configuration du serveur nfs09 02 configuration du serveur nfs
09 02 configuration du serveur nfs
 
10 03 clients ldap
10 03 clients ldap10 03 clients ldap
10 03 clients ldap
 
EM12c - Chargeback
EM12c - ChargebackEM12c - Chargeback
EM12c - Chargeback
 
Simulations et applications réparties sous LINUX
Simulations et applications réparties sous LINUXSimulations et applications réparties sous LINUX
Simulations et applications réparties sous LINUX
 
Focus sur la sauvegarde et la synchronisation des données informatiques
Focus sur la sauvegarde et la synchronisation des données informatiquesFocus sur la sauvegarde et la synchronisation des données informatiques
Focus sur la sauvegarde et la synchronisation des données informatiques
 
Rhel cluster basics 2
Rhel cluster basics   2Rhel cluster basics   2
Rhel cluster basics 2
 
FTP
FTPFTP
FTP
 
Projet sur transfert de fichiers
Projet sur transfert de fichiersProjet sur transfert de fichiers
Projet sur transfert de fichiers
 
LPIC1 09 06 kill
LPIC1 09 06 killLPIC1 09 06 kill
LPIC1 09 06 kill
 
09 01 configuration du serveur samba
09 01 configuration du serveur samba09 01 configuration du serveur samba
09 01 configuration du serveur samba
 
Theory of electroelasticity
Theory of electroelasticityTheory of electroelasticity
Theory of electroelasticity
 
#OOW15LeOff Breakfast EASYTEAM 28 octobre 2015
#OOW15LeOff Breakfast EASYTEAM 28 octobre 2015#OOW15LeOff Breakfast EASYTEAM 28 octobre 2015
#OOW15LeOff Breakfast EASYTEAM 28 octobre 2015
 

Similaire à WebSphere Portal & Rich Internet Applications

Portails Etat De L'art
Portails  Etat De L'artPortails  Etat De L'art
Portails Etat De L'art
Tugdual Grall
 
Flex, une techno RIA incontournable pour les futures app web ?
Flex, une techno RIA incontournable pour les futures app web ?Flex, une techno RIA incontournable pour les futures app web ?
Flex, une techno RIA incontournable pour les futures app web ?
GreenIvory
 
Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...
Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...
Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...
CERTyou Formation
 
Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...
Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...
Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...
Jean-Laurent de Morlhon
 
Resource Oriented Architecture
Resource Oriented ArchitectureResource Oriented Architecture
Resource Oriented Architecture
DNG Consulting
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJS
Renaud Dumont
 
Asp Au Service Des Mv Ps
Asp Au Service Des Mv PsAsp Au Service Des Mv Ps
Asp Au Service Des Mv Ps
Gregory Renard
 
Silverlight 3.MSDays EPITA 11/06/2009
Silverlight 3.MSDays EPITA 11/06/2009Silverlight 3.MSDays EPITA 11/06/2009
Silverlight 3.MSDays EPITA 11/06/2009
Frédéric Queudret
 
Silverlight 4
Silverlight 4Silverlight 4
Silverlight 4
Frédéric Queudret
 
Introduction aux RIA (Rich Internet Applications)
Introduction aux RIA (Rich Internet Applications)Introduction aux RIA (Rich Internet Applications)
Introduction aux RIA (Rich Internet Applications)
Tugdual Grall
 
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
Stéphane Liétard
 
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
davrous
 
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEIntroduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
Marouan OMEZZINE
 
Quoi de neuf dans ASP.NET 4.5
Quoi de neuf dans ASP.NET 4.5Quoi de neuf dans ASP.NET 4.5
Quoi de neuf dans ASP.NET 4.5
Microsoft
 
BordeauxJUG : Portails & Portlets Java
BordeauxJUG : Portails & Portlets JavaBordeauxJUG : Portails & Portlets Java
BordeauxJUG : Portails & Portlets Java
Camblor Frédéric
 
Sybase Connect Atelier Power Builderv2
Sybase Connect Atelier Power Builderv2Sybase Connect Atelier Power Builderv2
Sybase Connect Atelier Power Builderv2
apratt72
 
Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10
davrous
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!
CARA_Lyon
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!
CARA_Lyon
 

Similaire à WebSphere Portal & Rich Internet Applications (20)

Portails Etat De L'art
Portails  Etat De L'artPortails  Etat De L'art
Portails Etat De L'art
 
Flex, une techno RIA incontournable pour les futures app web ?
Flex, une techno RIA incontournable pour les futures app web ?Flex, une techno RIA incontournable pour les futures app web ?
Flex, une techno RIA incontournable pour les futures app web ?
 
Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...
Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...
Wpl53 g formation-developper-des-applications-pour-ibm-websphere-portal-8-0-a...
 
Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...
Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...
Ou sont mes beans, contrats et workflows ? WOA et REST: Un changement de ment...
 
Resource Oriented Architecture
Resource Oriented ArchitectureResource Oriented Architecture
Resource Oriented Architecture
 
ASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJSASP.NET MVC, Web API & KnockoutJS
ASP.NET MVC, Web API & KnockoutJS
 
Asp Au Service Des Mv Ps
Asp Au Service Des Mv PsAsp Au Service Des Mv Ps
Asp Au Service Des Mv Ps
 
Silverlight 3.MSDays EPITA 11/06/2009
Silverlight 3.MSDays EPITA 11/06/2009Silverlight 3.MSDays EPITA 11/06/2009
Silverlight 3.MSDays EPITA 11/06/2009
 
Silverlight 4
Silverlight 4Silverlight 4
Silverlight 4
 
Introduction aux RIA (Rich Internet Applications)
Introduction aux RIA (Rich Internet Applications)Introduction aux RIA (Rich Internet Applications)
Introduction aux RIA (Rich Internet Applications)
 
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
 
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
 
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINEIntroduction aux Technologies Web élaborée par Marouan OMEZZINE
Introduction aux Technologies Web élaborée par Marouan OMEZZINE
 
Quoi de neuf dans ASP.NET 4.5
Quoi de neuf dans ASP.NET 4.5Quoi de neuf dans ASP.NET 4.5
Quoi de neuf dans ASP.NET 4.5
 
BordeauxJUG : Portails & Portlets Java
BordeauxJUG : Portails & Portlets JavaBordeauxJUG : Portails & Portlets Java
BordeauxJUG : Portails & Portlets Java
 
Sybase Connect Atelier Power Builderv2
Sybase Connect Atelier Power Builderv2Sybase Connect Atelier Power Builderv2
Sybase Connect Atelier Power Builderv2
 
Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10Nouveautés html5 et css3 dans internet explorer 10
Nouveautés html5 et css3 dans internet explorer 10
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!
 
HTML5... La révolution maintenant!
HTML5... La révolution maintenant!HTML5... La révolution maintenant!
HTML5... La révolution maintenant!
 
Présentation WPF
Présentation  WPFPrésentation  WPF
Présentation WPF
 

Plus de Vincent Perrin

IBM Watson & Virtual/Augmented Reality
IBM Watson & Virtual/Augmented RealityIBM Watson & Virtual/Augmented Reality
IBM Watson & Virtual/Augmented Reality
Vincent Perrin
 
Watson & Apple CoreML
Watson & Apple CoreMLWatson & Apple CoreML
Watson & Apple CoreML
Vincent Perrin
 
Video Enabled Business Processes (VEBP)
Video Enabled Business Processes (VEBP)Video Enabled Business Processes (VEBP)
Video Enabled Business Processes (VEBP)
Vincent Perrin
 
Social Communications & IBM Sametime 9
Social Communications & IBM Sametime 9Social Communications & IBM Sametime 9
Social Communications & IBM Sametime 9
Vincent Perrin
 
Polycom & The power of APIs
Polycom & The power of APIsPolycom & The power of APIs
Polycom & The power of APIs
Vincent Perrin
 
[Day in a Life] Polycom & Kenexa Brass-Ring - Video Interview
[Day in a Life] Polycom & Kenexa Brass-Ring - Video Interview [Day in a Life] Polycom & Kenexa Brass-Ring - Video Interview
[Day in a Life] Polycom & Kenexa Brass-Ring - Video Interview
Vincent Perrin
 
Making social business visual
Making social business visualMaking social business visual
Making social business visual
Vincent Perrin
 
SOA an architecture on the Desktop
SOA an architecture on the DesktopSOA an architecture on the Desktop
SOA an architecture on the Desktop
Vincent Perrin
 
Communication Enabled Business Process- CEBP
Communication Enabled Business Process- CEBPCommunication Enabled Business Process- CEBP
Communication Enabled Business Process- CEBP
Vincent Perrin
 
Unified communications with IBM
Unified communications with IBMUnified communications with IBM
Unified communications with IBM
Vincent Perrin
 
Polycom - Unified communication with IBM
Polycom - Unified communication with IBM Polycom - Unified communication with IBM
Polycom - Unified communication with IBM
Vincent Perrin
 
Unified Communications with IBM
Unified Communications with IBMUnified Communications with IBM
Unified Communications with IBM
Vincent Perrin
 
IBM Collaboration for Smarter Education
IBM Collaboration for Smarter EducationIBM Collaboration for Smarter Education
IBM Collaboration for Smarter Education
Vincent Perrin
 
La mobilité : Cas d'usage
La mobilité : Cas d'usageLa mobilité : Cas d'usage
La mobilité : Cas d'usage
Vincent Perrin
 
Developing Exceptional Mobile Application
Developing Exceptional Mobile ApplicationDeveloping Exceptional Mobile Application
Developing Exceptional Mobile Application
Vincent Perrin
 
IBM Sametime Polycom Integration
IBM Sametime Polycom IntegrationIBM Sametime Polycom Integration
IBM Sametime Polycom Integration
Vincent Perrin
 
Sametime 8.5 Audio Video
Sametime 8.5 Audio VideoSametime 8.5 Audio Video
Sametime 8.5 Audio Video
Vincent Perrin
 
IBM Cognos Collaboration
IBM Cognos CollaborationIBM Cognos Collaboration
IBM Cognos Collaboration
Vincent Perrin
 
Lotus Symphony Family
Lotus Symphony Family Lotus Symphony Family
Lotus Symphony Family
Vincent Perrin
 
BLUG IBM Sametime 8.5.2
BLUG IBM Sametime 8.5.2BLUG IBM Sametime 8.5.2
BLUG IBM Sametime 8.5.2
Vincent Perrin
 

Plus de Vincent Perrin (20)

IBM Watson & Virtual/Augmented Reality
IBM Watson & Virtual/Augmented RealityIBM Watson & Virtual/Augmented Reality
IBM Watson & Virtual/Augmented Reality
 
Watson & Apple CoreML
Watson & Apple CoreMLWatson & Apple CoreML
Watson & Apple CoreML
 
Video Enabled Business Processes (VEBP)
Video Enabled Business Processes (VEBP)Video Enabled Business Processes (VEBP)
Video Enabled Business Processes (VEBP)
 
Social Communications & IBM Sametime 9
Social Communications & IBM Sametime 9Social Communications & IBM Sametime 9
Social Communications & IBM Sametime 9
 
Polycom & The power of APIs
Polycom & The power of APIsPolycom & The power of APIs
Polycom & The power of APIs
 
[Day in a Life] Polycom & Kenexa Brass-Ring - Video Interview
[Day in a Life] Polycom & Kenexa Brass-Ring - Video Interview [Day in a Life] Polycom & Kenexa Brass-Ring - Video Interview
[Day in a Life] Polycom & Kenexa Brass-Ring - Video Interview
 
Making social business visual
Making social business visualMaking social business visual
Making social business visual
 
SOA an architecture on the Desktop
SOA an architecture on the DesktopSOA an architecture on the Desktop
SOA an architecture on the Desktop
 
Communication Enabled Business Process- CEBP
Communication Enabled Business Process- CEBPCommunication Enabled Business Process- CEBP
Communication Enabled Business Process- CEBP
 
Unified communications with IBM
Unified communications with IBMUnified communications with IBM
Unified communications with IBM
 
Polycom - Unified communication with IBM
Polycom - Unified communication with IBM Polycom - Unified communication with IBM
Polycom - Unified communication with IBM
 
Unified Communications with IBM
Unified Communications with IBMUnified Communications with IBM
Unified Communications with IBM
 
IBM Collaboration for Smarter Education
IBM Collaboration for Smarter EducationIBM Collaboration for Smarter Education
IBM Collaboration for Smarter Education
 
La mobilité : Cas d'usage
La mobilité : Cas d'usageLa mobilité : Cas d'usage
La mobilité : Cas d'usage
 
Developing Exceptional Mobile Application
Developing Exceptional Mobile ApplicationDeveloping Exceptional Mobile Application
Developing Exceptional Mobile Application
 
IBM Sametime Polycom Integration
IBM Sametime Polycom IntegrationIBM Sametime Polycom Integration
IBM Sametime Polycom Integration
 
Sametime 8.5 Audio Video
Sametime 8.5 Audio VideoSametime 8.5 Audio Video
Sametime 8.5 Audio Video
 
IBM Cognos Collaboration
IBM Cognos CollaborationIBM Cognos Collaboration
IBM Cognos Collaboration
 
Lotus Symphony Family
Lotus Symphony Family Lotus Symphony Family
Lotus Symphony Family
 
BLUG IBM Sametime 8.5.2
BLUG IBM Sametime 8.5.2BLUG IBM Sametime 8.5.2
BLUG IBM Sametime 8.5.2
 

Dernier

procede de fabrication mecanique et industriel
procede de fabrication mecanique et industrielprocede de fabrication mecanique et industriel
procede de fabrication mecanique et industriel
saadbellaari
 
Transformation Digitale - Initiez-vous à l'informatique et à l'utilisation de...
Transformation Digitale - Initiez-vous à l'informatique et à l'utilisation de...Transformation Digitale - Initiez-vous à l'informatique et à l'utilisation de...
Transformation Digitale - Initiez-vous à l'informatique et à l'utilisation de...
Maalik Jallo
 
Vision de Claude 3.5 SONNET Comment utiliser la vision Utilisez les capacités...
Vision de Claude 3.5 SONNET Comment utiliser la vision Utilisez les capacités...Vision de Claude 3.5 SONNET Comment utiliser la vision Utilisez les capacités...
Vision de Claude 3.5 SONNET Comment utiliser la vision Utilisez les capacités...
Erol GIRAUDY
 
Introduction à Crossplane (Talk Devoxx 2023)
Introduction à Crossplane (Talk Devoxx 2023)Introduction à Crossplane (Talk Devoxx 2023)
Introduction à Crossplane (Talk Devoxx 2023)
Adrien Blind
 
Cours d'Intelligence Artificielle et Apprentissage Automatique.pptx
Cours d'Intelligence Artificielle et Apprentissage Automatique.pptxCours d'Intelligence Artificielle et Apprentissage Automatique.pptx
Cours d'Intelligence Artificielle et Apprentissage Automatique.pptx
Jacques KIZA DIMANDJA
 
CLAUDE 3.5 SONNET EXPLICATIONS sur les usages
CLAUDE 3.5 SONNET EXPLICATIONS sur les usagesCLAUDE 3.5 SONNET EXPLICATIONS sur les usages
CLAUDE 3.5 SONNET EXPLICATIONS sur les usages
Erol GIRAUDY
 
Tutoriel interactif d’ingénierie rapide d’Anthropic.pdf
Tutoriel interactif d’ingénierie rapide d’Anthropic.pdfTutoriel interactif d’ingénierie rapide d’Anthropic.pdf
Tutoriel interactif d’ingénierie rapide d’Anthropic.pdf
Erol GIRAUDY
 
Meetup LFUG : Cahier de vacances Liferay
Meetup LFUG : Cahier de vacances LiferayMeetup LFUG : Cahier de vacances Liferay
Meetup LFUG : Cahier de vacances Liferay
Sébastien Le Marchand
 

Dernier (8)

procede de fabrication mecanique et industriel
procede de fabrication mecanique et industrielprocede de fabrication mecanique et industriel
procede de fabrication mecanique et industriel
 
Transformation Digitale - Initiez-vous à l'informatique et à l'utilisation de...
Transformation Digitale - Initiez-vous à l'informatique et à l'utilisation de...Transformation Digitale - Initiez-vous à l'informatique et à l'utilisation de...
Transformation Digitale - Initiez-vous à l'informatique et à l'utilisation de...
 
Vision de Claude 3.5 SONNET Comment utiliser la vision Utilisez les capacités...
Vision de Claude 3.5 SONNET Comment utiliser la vision Utilisez les capacités...Vision de Claude 3.5 SONNET Comment utiliser la vision Utilisez les capacités...
Vision de Claude 3.5 SONNET Comment utiliser la vision Utilisez les capacités...
 
Introduction à Crossplane (Talk Devoxx 2023)
Introduction à Crossplane (Talk Devoxx 2023)Introduction à Crossplane (Talk Devoxx 2023)
Introduction à Crossplane (Talk Devoxx 2023)
 
Cours d'Intelligence Artificielle et Apprentissage Automatique.pptx
Cours d'Intelligence Artificielle et Apprentissage Automatique.pptxCours d'Intelligence Artificielle et Apprentissage Automatique.pptx
Cours d'Intelligence Artificielle et Apprentissage Automatique.pptx
 
CLAUDE 3.5 SONNET EXPLICATIONS sur les usages
CLAUDE 3.5 SONNET EXPLICATIONS sur les usagesCLAUDE 3.5 SONNET EXPLICATIONS sur les usages
CLAUDE 3.5 SONNET EXPLICATIONS sur les usages
 
Tutoriel interactif d’ingénierie rapide d’Anthropic.pdf
Tutoriel interactif d’ingénierie rapide d’Anthropic.pdfTutoriel interactif d’ingénierie rapide d’Anthropic.pdf
Tutoriel interactif d’ingénierie rapide d’Anthropic.pdf
 
Meetup LFUG : Cahier de vacances Liferay
Meetup LFUG : Cahier de vacances LiferayMeetup LFUG : Cahier de vacances Liferay
Meetup LFUG : Cahier de vacances Liferay
 

WebSphere Portal & Rich Internet Applications

  • 1. Les technologies RIA et WebSphere Portal Server
  • 2. Découvrir l'univers des possibles en termes d'expériences utilisateurs
  • 4. Imaginer les possibilités d'intéraction
  • 5. Comprendre la complémentarité avec WebSphere Portal
  • 6. Voir des démonstrations de ces technologies Objectifs de cette session
  • 7. Agenda Introduction aux technologies RIA
  • 8. Les RIAs & WebSphere Portal
  • 11. Nouvelles attentes Les attentes des utilisateurs sont de plus en plus grandes...
  • 12. Le “Web 2.0” est devenu la norme.
  • 13. Problème des fournisseurs d'applications. Maintenance des applications Client Test et support sur de multiples plateformes et systèmes d'exploitation
  • 14. Peu de contrôle sur l'environnement d'éxécution.
  • 15. RIA – Rich Internet Application ? Rich Internet applications ( RIA s) est une application web qui offre des caractéristiques similaires aux logiciels traditionnels installés sur un ordinateur. La dimension interactive et la vitesse d'exécution sont particulièrement soignées dans ces applications web.
  • 16. Ce que les experts pensent !! ...Nearly 60 percent of all new application developpment will include RIA technology by 2010.” ( Gartner )
  • 17. Les différents acteurs... AJAX et ces frameworks : Dojo, jQuery, Scriptaculous and the like
  • 18. Adobe : Flex & AIR
  • 23. Le portail est un point d’accès unique, personnalisé et sécurisé aux applications, processus, personnes et contenus
  • 29. Pourquoi utiliser une technologie RIA avec WebSphere Portal ? Améliorer l'interface utilisateur Rafraichissement partiel Manipulation coté client des données Réduction de la bande passante
  • 30. Dojo Dojo est un framework open source en JavaScript.
  • 31. Son but est le développement rapide d'applications en Javascript exécutées côté client et communiquant avec le serveur avec une granularité inférieure à la page grâce à Ajax. L'architecture Dojo
  • 32. WebSphere Portal & Dojo Depuis WebSphere Portal 6.1, IBM utilise intensivement le toolkit Dojo.
  • 36. WebSphere Portlet Factory & Dojo Dojo Animation
  • 46. Adobe Flex Adobe Flex est une solution de développement créée par Macromedia en 2004, puis reprise par Adobe en 2006, permettant de créer et de déployer des applications Internet riches (RIA) multi plates-formes grâce à la technologie Flash et particulièrement son lecteur. Son modèle de programmation fait appel à MXML (basé sur XML) et ActionScript 3.0, reposant sur ECMAScript.
  • 47. Deux scénarios d'intégration Scénario 1 : Intégration de composants Flex et non Flex dans une page Portail. Scénario 2 : Thème Flex intégrant uniquement d'autres composants FLEX, utilisant les services REST de WebSphere Portal. Ces deux scénarios vont être abordés dans les slides suivants.
  • 48. Enrichissement des applications composites... … Avec des applications FLEX role-based composite applications in context process- driven IBM WebSphere Portal JSR 286 composite applications iWidget FLEX IBM WebSphere Portal
  • 49. Expérience Utilisateur Flex Portlets HTML Portlets Show Me!
  • 50. Eléments à considérer pour une bonne intégration Quand vous intégrez n'importe quel RIA dans un portal ou dans un site qui intègre de multiple contenus ou application, il vous faut considérer trois choses : L'état de navigation,
  • 52. Accès aux paramètres et APIs des portlets.
  • 53. L'état de navigation “ L'état de navigation” inclut des informations tel que la page selectée, le mode des portlets (View, Personalize, etc.), les états des portlets (Maximisé, Minimisé, etc.)
  • 54. WebSphere Portal stocke cette information dans l'URL : “ L'état de navigation” est important pour : “ Bookmarkabilité”
  • 55. Support des boutons Back et Forward
  • 56. Addressabilité, Indexation... Considération: Généralement, les RIAs se met à jour complétement sur le client. L'URL n'est pas mis à jour avec cette nouvelle vue.
  • 57. Si un rafraichissement de la page se passe du à ...la navigation sur une autre page
  • 58. ...L'utilisation des boutons Back et Forward Alors l'application RIA revient à son état initial, sauf via l'utilisation de service du portail permettant le maintien de l'état actuel.
  • 59. Communications Inter-portlet (IPC) Qu'est ce que c'est ? Permet à des applications indépendantes de coopérer pour fournir une expérience utilisateur plus intuitive
  • 60. Passer des informations complexes entre des applications
  • 61. Par exemple, une application ayant une liste de produits, que l'on souhaite afficher
  • 63. La clé pour la notion d'application composée Pourquoi des précautions particulières avec les RIA ? Les événements portlets requiert un rafraichissement complet de la page, les informations sont envoyés au serveur pour être redistribués. Même en mode CSA.
  • 64. Souvenez vous : Un rafraichissement annulera toutes les informations contenues dans les RIA.
  • 65. Portlet APIs Qu'est ce que c'est ? L'ensemble des données qu'un développeur accède normalement par le biais des APIs des portlets
  • 66. Données des portlets (Préferences, Session, Paramètre de rendu)
  • 67. API de la portlet Service REST d'accès aux préférences de la portlet
  • 68. Service REST d'accès aux informations Utilisateurs.
  • 69. Service REST d'accès aux modes des portlets. Pourquoi ? Accès aux données personnalisé Preferences des Portlets
  • 70. Etat de navigation Tirer parti de tous les services de la solution WebSphere Portal
  • 71. Comment adresser ces challenges ? Tous les éléments nécessaires pour adresser ces challenges pour les RIAs sont actuellement disponible dans WebSphere Portal.
  • 72. WebSphere Portal 6.1 fournit le support de la spécification Portlet V2 (JSR 286) Standard des communications inter-portlets.
  • 74. Support des “ResourceRequests” WebSphere Portal 6.1 fournit également un nouveau modèle de programmation coté client : JavaScript API pour accèder aux données des portlet Le reste est juste l'utilisation des standards J2EE, HTML et Javascript.
  • 75. L'état de navigation - Persistance Persistance Besoin de stockage coté client
  • 76. Par exemple, par l'utilisation de cookies Définer deux opérations: “setClientRenderParameter” et “getClientRenderParameter” Il suffit de définir et d'extraire une valeur de cookie donné un espace de noms (instance de portlet), un nom de paramètre et une valeur de paramètre.
  • 77. Comment l'obtenir ? Flex -> ExternalInterface permet l'appel de fonction Javascript
  • 78. Dojo -> natif Modifications de l'application Flex : Elle doit appeler ces nouvelles fonctions Javascript pour passer les paramètres de rendu “client”
  • 79. L'état de navigation - Persistance Persistence Besoin de stockage coté client
  • 80. Par exemple, par l'utilisation de cookies Définier deux opérations: “setClientRenderParameter” et “getClientRenderParameter” Il suffit de définir et d'extraire une valeur de cookie donné un espace de noms (instance de portlet), un nom de paramètre et une valeur de paramètre.
  • 81. Comment l'obtenir ? Flex -> ExternalInterface permet l'appel de fonction Javascript
  • 82. Dojo -> natif Modifications de l'application Flex : Elle doit appeler ces nouvelles fonctions Javascript pour passer les paramètres de rendu “client”
  • 83. L'état de navigation - Persistance Persistence Besoin de stockage coté client
  • 84. Par exemple, par l'utilisation de cookies Définier deux opérations: “setClientRenderParameter” et “getClientRenderParameter” Il suffit de définir et d'extraire une valeur de cookie donné un espace de noms (instance de portlet), un nom de paramètre et une valeur de paramètre.
  • 85. Comment l'obtenir ? Flex -> ExternalInterface permet l'appel de fonction Javascript
  • 86. Dojo -> natif Modifications de l'application Flex : Elle doit appeler ces nouvelles fonctions Javascript pour passer les paramètres de rendu “client”
  • 87. L'état de navigation – URL Adressable La norme JSR 286 a introduit la fonction PortletFilters Créer un PortletFilter qui prend tous les cookies commençant par l'identifiant unique et exposer les comme paramètres. La portlet utilise ces paramètres pour son initialisation et pour encoder l'url du Portal.
  • 90. “ Server-side”: JSR 286 Utilisation du standard JSR 286 d'événement.
  • 91. Chaque portlet déclare ces événements dans le fichier portlet.xml
  • 92. Le controle graphique Flex peut utiliser l'ActionURL et le service HTTP pour déclencher l'événement :
  • 93. Cette approche est expliqué dans l'article suivant : Using Adobe Flex in JSR-286 Portlets
  • 94. http://www-10.lotus.com/ ldd / portalwiki . nsf / dx /17.09.2008050832WEBCQV. htm Problème avec cette approche – le rafraichissement de la page
  • 95. Client-side Communications “ Mode Broadcast” Defini une fonction JavaScript pour envoyer l'événement et souscrire à un message particulier (broadcast, addSubscriber)
  • 96. Ajouter l'appel dans l'application Flex émettrice pour envoyer des messages
  • 97. Ajouter l'appel dans l'application Flex réceptrice “ Mode wired” Même approche que le mode Broadcast
  • 98. Ajout d'une fonction Javascript additionnelle pour enregistrer les liens (source et cible)
  • 99. Déclarer les événements de publication et souscription dans le fichier Declare publishing and subscribing events in the portlet.xml
  • 100. Utiliser “Portlet Object Model” to retrieve the “Communication”Endpoints” de la portlet et générer les appels Javascript dans la portlet pour enregistrer les liens. “ Integrating Adobe Flex with IBM WebSphere Portal” http://www-10.lotus.com/ldd/portalwiki.nsf/dx/06032009113331AMWEBL9H.htm
  • 101. Autres méthodes : Utilisation de JMS
  • 103. Utilisation de “Local Connection”
  • 104. Données des Portlets Les données peuvent être accéder par les services REST.
  • 105. Le modèle CSA fournit une API Javascript pour faciliter l'accès aux services REST Fournit l'accès aux préférences des portlets, données des profils utilisateurs...
  • 106. Inclusion d'un tag JSP dans la portlet (accès via des variables Javascript)
  • 107. Documentation : http://download.boulder. ibm .com/ ibmdl /pub/software/ dw / wes /0608_wp6javadoc/portal_61js.zip Utilisation avec la technologie Flex Utiliser la variable Javascript pointant vers l'objet PortletWindow Une application Flex peut appeler les méthodes via ExternalInterface Définir des fonctions Javascript dans la portlet qui encapsule les opérations que vous souhaiteriez exécuter.
  • 108. Scénario 2 : Page Portal Flex You pouvez concevoir un thème Flex de la manière que vous créerez un thème HTML classique.
  • 109. Le thème Flex utilise alors les services du portail pour obtenir les éléments de navigation basé sur le rôle de l'utilisateur, la mise en page, ainsi que la liste des portlets Flex.
  • 110. Dans ce cas, les portlets utilisent toutes un markup Flex au lieu d'un markup HTML.
  • 111. WebSphere Portal & ses services REST
  • 112. Principe d'architecture de cette approche
  • 113. Captures d'écran Show Me!
  • 115. crop Vincent Perrin Lotus Collaboration Expert IBM Software Group 17, avenue de l'europe Bois Colombes Tel +33 677 02 03 54 [email_address]
  • 116. Legal Disclaimer © IBM Corporation 2009. All Rights Reserved. The information contained in this publication is provided for informational purposes only. While efforts were made to verify the completeness and accuracy of the information contained in this publication, it is provided AS IS without warranty of any kind, express or implied. In addition, this information is based on IBM’s current product plans and strategy, which are subject to change by IBM without notice. IBM shall not be responsible for any damages arising out of the use of, or otherwise related to, this publication or any other materials. Nothing contained in this publication is intended to, nor shall have the effect of, creating any warranties or representations from IBM or its suppliers or licensors, or altering the terms and conditions of the applicable license agreement governing the use of IBM software. References in this presentation to IBM products, programs, or services do not imply that they will be available in all countries in which IBM operates. Product release dates and/or capabilities referenced in this presentation may change at any time at IBM’s sole discretion based on market opportunities or other factors, and are not intended to be a commitment to future product or feature availability in any way. Nothing contained in these materials is intended to, nor shall have the effect of, stating or implying that any activities undertaken by you will result in any specific sales, revenue growth or other results. All customer examples described are presented as illustrations of how those customers have used IBM products and the results they may have achieved. Actual environmental costs and performance characteristics may vary by customer. IBM, the IBM logo, Lotus, Lotus Notes, Notes, Domino, Quickr, Sametime, WebSphere, UC2, PartnerWorld and Lotusphere are trademarks of International Business Machines Corporation in the United States, other countries, or both. Unyte is a trademark of WebDialogs, Inc., in the United States, other countries, or both. All references to Open Financial Network and My Health refer to a fictitious companies and are used for illustration purposes only.

Notes de l'éditeur

  1. Desktop application-like expectations Responsive User Interfaces Snazzy animations Complex, beautiful UI controls
  2. Application providers don't want the headache of maintaining a desktop application Testing and supporting multiple platforms and operating systems Little control over the execution environment
  3. Portal is an ideal platform to deliver RIAs to your users Role based delivery of information and applications Security – authentication and authorization Single Sign On – mapping the user's portal identity to a backend identity Navigation Model – declarative approach to defining the site rather than programmatic Branding – consistent user experience throughout the site Horizontal Portal Combines portlets (application user interfaces and/or content) together into one unified presentation Delivers a highly personalized experience, considering role, personal settings, and device settings Separates site design, site/page assembly/administration, from application design Provides application integration, collaboration, single sign-on services and much more
  4. Use this chart to discuss the seemingly opposing goals of web apps and desktop apps?
  5. User A interacts with a RIA component, navigates to a different Portal page, interacts with different components there, then returns to the RIA component. The RIA component should return to the state it was in when User A initially left the RIA component User A interacts with a RIA component and wants to send a link in an email or Sametime chat to User B so that User B can view the RIA component in the same state as User A is viewing it.