Portails: Etat de l’art Tugdual Grall

Introduction Types de Portails Organisation des projets Pièges à éviter Les solutions du marché Analyse du marché (Gartner) Les offres Architecture et standards Les composants Les Standards Web 2.0

Introduction

Types de Portails

Organisation des projets

Pièges à éviter

Les solutions du marché

Analyse du marché (Gartner)

Les offres

Architecture et standards

Les composants

Les Standards

Web 2.0

Portails: Introduction

Définition Types de Portails “Portails Web” vs Portails d’entreprise Portails verticaux vs horizontaux (techniques) Internes vs Externes Un portail d’entreprise est Une infrastructure Web qui donne accès à: informations et contenu applications processus métiers personnes de façon ciblée et personnalisable

Types de Portails

“Portails Web” vs Portails d’entreprise

Portails verticaux vs horizontaux (techniques)

Internes vs Externes

Un portail d’entreprise est

Une infrastructure Web qui donne accès à:

informations et contenu

applications

processus métiers

personnes

de façon ciblée et personnalisable

Les Types de Portail Types de portails en fonction de la cible Employés: Business to Employees(B2E) Clients: Business to Consumer (B2C) Partenaires: Business to Business (B2B) Types de portails par fonctionnalités Portails Verticaux Concentrés sur des aspects spécifiques du business Portails Horizontaux Intégration et agrégation d’informations provenants de tout type de sources

Types de portails en fonction de la cible

Employés: Business to Employees(B2E)

Clients: Business to Consumer (B2C)

Partenaires: Business to Business (B2B)

Types de portails par fonctionnalités

Portails Verticaux

Concentrés sur des aspects spécifiques du business

Portails Horizontaux

Intégration et agrégation d’informations provenants de tout type de sources

Portail: Accès unifié Groupware Intranet Application Application Application Groupware Intranet Application Application Application Portail

Les interlocuteurs d’un portail d’entreprise La DSI Fournisseur de services internes Infrastructure Logicielle Marketing/Business Vision orientée business Besoin de flexibilité Partenaires/Clients Gestion des besoins Personnalisation

La DSI

Fournisseur de services internes

Infrastructure

Logicielle

Marketing/Business

Vision orientée business

Besoin de flexibilité

Partenaires/Clients

Gestion des besoins

Personnalisation

Quelques Exemples...

Les Challenges et Pièges

Quels sont les chantiers? Chantier: Gestion des besoins Chantier: Technique Chantier: Ergonomie/Design Chantier: Gestion de Contenu Chantier: Conduite du Changement Chantier: Pilotage projet

Chantier: Gestion des besoins

Chantier: Technique

Chantier: Ergonomie/Design

Chantier: Gestion de Contenu

Chantier: Conduite du Changement

Chantier: Pilotage projet

Quels sont les chantiers... et leurs pièges Chantier: Gestion des besoins Formalisation des objectifs Bien définir les services à forte valeur ajoutée Besoins I18n Organisation du projet Identification des interlocuteurs Gestion de projet par chantier Attention aux choix techniques!

Chantier: Gestion des besoins

Formalisation des objectifs

Bien définir les services à forte valeur ajoutée

Besoins I18n

Organisation du projet

Identification des interlocuteurs

Gestion de projet par chantier

Attention aux choix techniques!

Quels sont les chantiers... et leurs pièges Chantier: Pilotage projet Etre rigoureux Trouver de la souplesse (XP/Scrum, ...) Communiquer la MOA doit comprendre les possibilités de l’outils

Chantier: Pilotage projet

Etre rigoureux

Trouver de la souplesse (XP/Scrum, ...)

Communiquer

la MOA doit comprendre les possibilités de l’outils

Quels sont les chantiers... et leurs pièges Chantier: Technique Identifier les points d'intégration Applications et Données SSO Comprendre l’engagement de l’éditeur Mettre en place des environnement de dev/int/prod Toujours tester les performances et la montée en charge

Chantier: Technique

Identifier les points d'intégration

Applications et Données

SSO

Comprendre l’engagement de l’éditeur

Mettre en place des environnement de dev/int/prod

Toujours tester les performances et la montée en charge

Quels sont les chantiers... et leurs pièges Chantier: Ergonomie/Design Ne pas sous évaluer la charge Adapter l’ergonomie en fonction du besoins ex: site pro ou “fun” Utiliser de vrais ergonomes si possible

Chantier: Ergonomie/Design

Ne pas sous évaluer la charge

Adapter l’ergonomie en fonction du besoins

ex: site pro ou “fun”

Utiliser de vrais ergonomes si possible

Quels sont les chantiers... et leurs pièges Chantier: Gestion de Contenu Identifier un responsable/leader Qualifier et organiser le contenu Faciliter la contribution Travail Collaboratif, ... Simplifier le Workflow

Chantier: Gestion de Contenu

Identifier un responsable/leader

Qualifier et organiser le contenu

Faciliter la contribution

Travail Collaboratif, ...

Simplifier le Workflow

Quels sont les chantiers... et leurs pièges Chantier: Conduite du Changement Communiquer sur les fonctionnalités Définir le plan d’évolution comment mettre en place de nouvelles fonctionnalités

Chantier: Conduite du Changement

Communiquer sur les fonctionnalités

Définir le plan d’évolution

comment mettre en place de nouvelles fonctionnalités

Portails: Les solutions du marché

Gartner Hype Cycle (2005) Source:

Maturité des solutions Selon le Gartner: les portails sont matures “Plateau of Productivity” Co-existence de solution éditeur et open source Standardisation

Selon le Gartner: les portails sont matures

“Plateau of Productivity”

Co-existence de solution éditeur et open source

Standardisation

Gen 3 (Mid-2002—2003) Process integration Knowledge mgmt. Multiple portal spt. Web Services Adv. personalization Federated search Gen 1 (1998—2000) Content mgmt./aggregation Search/categorization Personalization Lightweight application framework Gen 2 (2000—Mid-2002) Application integration Collaboration Mobile and wireless Mgt. tools Process Integration Application/Data Integration Information Access/ Content Aggregation Gen 4 (2004—Mid-2005) Advanced Web services Multichannel interaction Composite applications Personal content Microsites JSR168 & WSRP Generation 5 (Mid-2005—2007) SOBA/PIP/PCA support Orchestration Advanced collaboration User experience mgt. WSRP V2 & JSR286 Portal as services Gen 6 (2008-2009) Portal ubiquity (product angle and user angle) User-managed portal aggregation (client-based/server-based/hosted) Peer portal federation Les génerations de portails Source:

Solutions Commerciales Open Source IBM Websphere Portal BEA WebLogic Portal OracleAS Portal/WebCenter Microsoft Sharepoint Server Tibco Portal Sun Portal Vignette eXo Portal Liferay Jetspeed uPortal JBoss Portal Jahia PHP Nuke (PHP) Drupal (PHP)

IBM Websphere Portal

BEA WebLogic Portal

OracleAS Portal/WebCenter

Microsoft Sharepoint Server

Tibco Portal

Sun Portal

Vignette

eXo Portal

Liferay

Jetspeed

uPortal

JBoss Portal

Jahia

PHP Nuke (PHP)

Drupal (PHP)

Un marché en évolution 2004 2007 ? Source:

Analyse Globale du Marché Le marché selon Gartner a été divisé par 2 20 acteurs en 2004 10 acteurs en 2007 Attention: l’open source n’est pas présent dans l’analyse du Gartner Quelques détails Tibco: visionnaire par le biais de leur framework Ajax et SOA

Le marché selon Gartner a été divisé par 2

20 acteurs en 2004

10 acteurs en 2007

Attention: l’open source n’est pas présent dans l’analyse du Gartner

Quelques détails

Tibco: visionnaire par le biais de leur framework Ajax et SOA

BEA Pour Contre Offre 2 types de portails Aqualogic Interaction WebLogic Portal Web 2.0 Social Tagging Création de Mashups par les utilisateurs Standards WSRP 1.0 et JSR-168 SOA Intégration avec leur suite SOA Oracle/BEA Support de 2 produits Difficile Plumtree n’est pas encore totalement intégré à WebLogic Portal

Offre 2 types de portails

Aqualogic Interaction

WebLogic Portal

Web 2.0

Social Tagging

Création de Mashups par les utilisateurs

Standards

WSRP 1.0 et JSR-168

SOA

Intégration avec leur suite SOA

Oracle/BEA

Support de 2 produits

Difficile

Plumtree n’est pas encore totalement intégré à WebLogic Portal

IBM Pour Contre Base Instalée Différents Scenarios Web 2.0 Création de Mashups par les utilisateurs Intégration à Lotus Standards WSRP 1.0 et JSR-168 SOA Intégration avec leur suite SOA Outils de dev Investissement lourd Financièrement Techniquement: Complexité de l’offre IBM Peu orienté vers SMB

Base Instalée

Différents Scenarios

Web 2.0

Création de Mashups par les utilisateurs

Intégration à Lotus

Standards

WSRP 1.0 et JSR-168

SOA

Intégration avec leur suite SOA

Outils de dev

Investissement lourd

Financièrement

Techniquement: Complexité de l’offre IBM

Peu orienté vers SMB

Oracle Pour Contre Base Instalée Différents Scenarios Portlets Facilité d’utilisation Intégré à Oracle FMW Standards WSRP 1.0 et JSR-168 Capacités de CMS/WCMS Dépend de l’intégration avec Stellent Positionnement entre OracleAS Portal et WebCenter Techniquement: Complexité de l’offre IBM Deal Oracle/BEA Quels produits vont restés? Web 2.0 Dans les cartons... peu de choses réelles

Base Instalée

Différents Scenarios

Portlets

Facilité d’utilisation

Intégré à Oracle FMW

Standards

WSRP 1.0 et JSR-168

Capacités de CMS/WCMS

Dépend de l’intégration avec Stellent

Positionnement entre OracleAS Portal et WebCenter

Techniquement: Complexité de l’offre IBM

Deal Oracle/BEA

Quels produits vont restés?

Web 2.0

Dans les cartons... peu de choses réelles

Portails: Architecture et Standards

Architecture Globale Serveur d’Application Portal Portlet Container Portlet Portlet Portlet Container Portlet Portlet Portlet

Portails: les standards Portlets Java Portlet 1 et 2: JSR-168 et JSR-286 WSRP 1 et 2: Web Services Remote Portlets Gestion de Contenu Java Content Repository: JSR-170

Portlets

Java Portlet 1 et 2: JSR-168 et JSR-286

WSRP 1 et 2: Web Services Remote Portlets

Gestion de Contenu

Java Content Repository: JSR-170

Portlet API: JSR-168/JSR-286 Définie l’intéraction entre les portails et les portlets Se base sur les Servlets Fonctionnalités: JSR 168 Mode d’affichage Gestion du rendu Session Intégration aux Servlets/JSP Gestion du profile utilisateur Données personnelles Contexte Portail Packaging et Déploiement Caching JSR-286 Inter Portlet Communication (IPC) Evénements Paramétrisation Gestion des resources (URLs) Intégration Ajax Meilleure intégration aux servlets Portlet Filters, Listeners Support de Java5

Définie l’intéraction entre les portails et les portlets

Se base sur les Servlets

Fonctionnalités:

JSR 168

Mode d’affichage

Gestion du rendu

Session

Intégration aux Servlets/JSP

Gestion du profile utilisateur

Données personnelles

Contexte Portail

Packaging et Déploiement

Caching

JSR-286

Inter Portlet Communication (IPC)

Evénements

Paramétrisation

Gestion des resources (URLs)

Intégration Ajax

Meilleure intégration aux servlets

Portlet Filters, Listeners

Support de Java5

Portlets: gestion des evenements

WSRP: Introduction Web Service for Remote Portlets (WSRP) Web Services de présentation et intégration de portlets

Web Service for Remote Portlets (WSRP)

Web Services de présentation et intégration de portlets

Gestion de Contenu Les portails: un point d’entrée unique pour la gestion de contenu Un peu de vocabulaire Nom Définition ECM Enterprise Content Management JCR Java Content Repository RSS Real Simple Syndication CMS Content Management System WCMS Web Content Management System

Les portails: un point d’entrée unique pour la gestion de contenu

Un peu de vocabulaire

Java Content Repository Java Content Repository JSR-170 Gestion d’un référentiel (repository) par le biais d’interfaces génériques et standardisées Indépendant du type de stockage ex: Système de fichiers, DAV, XML, RDBMS Supporté par les portails majeurs: IBM, BEA, Oracle eXo Portal, JBoss Portal, Liferay

Java Content Repository

JSR-170

Gestion d’un référentiel (repository) par le biais d’interfaces génériques et standardisées

Indépendant du type de stockage

ex: Système de fichiers, DAV, XML, RDBMS

Supporté par les portails majeurs:

IBM, BEA, Oracle

eXo Portal, JBoss Portal, Liferay

Single Sign-On Intégration aux annuaires d’entreprise LDAP, Active Directory Utilisation des standard Java (JAAS) Propagation d’identité par les portlets et la solution SSO Solutions SSO: SiteMinder (utilisé par OBS) IBM Oracle SSO/IdM CAS (Open Source) ...

Intégration aux annuaires d’entreprise

LDAP, Active Directory

Utilisation des standard Java (JAAS)

Propagation d’identité par les portlets et la solution SSO

Solutions SSO:

SiteMinder (utilisé par OBS)

IBM

Oracle SSO/IdM

CAS (Open Source)

...

Architecture Globale Serveur d’Application Portal Portlet Container Portlet Portlet Portlet Container Portlet Portlet Portlet SSO LDAP

Integration au SI Intégrations aux applications/données UI: iFrames Portlets: Locale et Remotes Web Services Syndication par RSS/Atom Intégration REST Services

Intégrations aux applications/données

UI: iFrames

Portlets: Locale et Remotes

Web Services

Syndication par RSS/Atom

Intégration

REST Services

REST APIs Une solution pour publier des services Web de facon simple, une alternative à SOAP Les services REST peuvent etre tres simplement appeles a partir du navigateur en Javascript REST se base sur les standards du Web Requêtes HTTP, avec les differents verbes (GET, POST, PUT, DELETE) Services sans états Le résultat est généralement basé sur XML ou JSON

Une solution pour publier des services Web de facon simple, une alternative à SOAP

Les services REST peuvent etre tres simplement appeles a partir du navigateur en Javascript

REST se base sur les standards du Web

Requêtes HTTP, avec les differents verbes (GET, POST, PUT, DELETE)

Services sans états

Le résultat est généralement basé sur XML ou JSON

REST: Un réalité De nombreux services Web sont basés sur REST Google, Flickr, Delicious Des frameworks et solutions publient des services REST: RubyOnRails, Grails, ProjectZero Mashups Servers: BEA, IBM, Kapow

De nombreux services Web sont basés sur REST

Google, Flickr, Delicious

Des frameworks et solutions publient des services REST:

RubyOnRails, Grails, ProjectZero

Mashups Servers: BEA, IBM, Kapow

Mashups Composite applications RSS/Atom

Composite applications

RSS/Atom

Portails et Mashups Faciliter l’intégration d’application en utilisant les données/REST Mashup Server RDBMS

Faciliter l’intégration d’application en utilisant les données/REST

Mashup Editors

Applications Classiques Mashups Plateforme Java, .Net... Applications de tout type (Web, RDA, ...) Applications Web: Java, RoR, ProjectZero, PHP, ... Framework Frameworks structurants: MVC, OR-Mapping,... Mashups/Syndication Serveur Technologies EJB, JMS, SOAP, BPEL, WS-*, JSP/Servlets HTTP, REST, AJAX, Flex Approche de Développement Riche, cycle de developpement “classique” Composition de services Acces aud données simplifié par RSS/XML

Java, .Net...

Applications de tout type (Web, RDA, ...)

Applications Web: Java, RoR, ProjectZero, PHP, ...

Frameworks structurants: MVC, OR-Mapping,...

Mashups/Syndication Serveur

EJB, JMS, SOAP, BPEL, WS-*, JSP/Servlets

HTTP, REST, AJAX, Flex

Riche, cycle de developpement “classique”

Composition de services

Acces aud données simplifié par RSS/XML

Web OS Web OS Déporter sur le Web l’experience des OS classiques (Windows/OSX,Linux) Interface totalement configurable

Web OS

Déporter sur le Web l’experience des OS classiques (Windows/OSX,Linux)

Interface totalement configurable

En cours de Deploiment chez Orange

Portails: Web 2.0

Portails et Web 2.0 Technologies

Web 2.0: RIA? RIA Selon Wikipedia (Juillet 2007) Rich Internet applications (RIA) sont des applications qui offrent des fonctionnalités équivalentes aux applications riche “desktop” RIA transfèrent la gestion de l’interface utilisateur sur le client Web, mais gardent la plus grosse partie des données sur le serveur d’application.

RIA Selon Wikipedia (Juillet 2007)

Rich Internet applications (RIA) sont des applications qui offrent des fonctionnalités équivalentes aux applications riche “desktop”

RIA transfèrent la gestion de l’interface utilisateur sur le client Web, mais gardent la plus grosse partie des données sur le serveur d’application.

RIA: quels sont les bénéfices? Les avantages des applications RIA/Web2.0: IHM plus riche Interactions avec l’utilisateur plus adaptées Répartition de la charge entre le Client et le Serveur Communication Asynchrone

Les avantages des applications RIA/Web2.0:

IHM plus riche

Interactions avec l’utilisateur plus adaptées

Répartition de la charge entre le Client et le Serveur

Communication Asynchrone

RIA: quels sont les Inconvénients? Les inconvénients des applications RIA/Web2.0: Dépendance du Javascript (ou plugin) Peut être désactivé Langage interprété Téléchargement des fichiers scripts Accès restreint à la machine “cliente” Intégration aux moteur de recherche Gestion de navigateur modifiée pour l’utilisateur gestion des bookmarks gestion des boutons (back, next, refresh) Nécésité d’une connexion réseau Solutions techniques possibles Google Gears, Adobe AIR

Les inconvénients des applications RIA/Web2.0:

Dépendance du Javascript (ou plugin)

Peut être désactivé

Langage interprété

Téléchargement des fichiers scripts

Accès restreint à la machine “cliente”

Intégration aux moteur de recherche

Gestion de navigateur modifiée pour l’utilisateur

gestion des bookmarks

gestion des boutons (back, next, refresh)

Nécésité d’une connexion réseau

Solutions techniques possibles

Google Gears, Adobe AIR

AJAX: Définition AJAX: A synchronous J avaScript A nd X ML Utilisation de technologies connues HTTP, HTML, Javascript, XML Gestion des données de façon asynchrone Demande des données; mise à jour de la page du navigateur Exemples: maps.google.com netvibes.com

AJAX: A synchronous J avaScript A nd X ML

Utilisation de technologies connues

HTTP, HTML, Javascript, XML

Gestion des données de façon asynchrone

Demande des données; mise à jour de la page du navigateur

Exemples:

maps.google.com

netvibes.com

AJAX: Architecture

AJAX: Développement... Différentes solutions en fonction des besoins Gestion d’effets graphiques Composants graphiques Intégration client/serveur Nombreux frameworks / solutions Prototype DOJO Toolkit Scriptaculous Google Web Toolkit DWR Yahoo! UI Ext JQuery Mootools Echo JSF Telosys (Sogeti)

Différentes solutions en fonction des besoins

Gestion d’effets graphiques

Composants graphiques

Intégration client/serveur

Nombreux frameworks / solutions

Prototype

DOJO Toolkit

Scriptaculous

Google Web Toolkit

DWR

Yahoo! UI

Ext

JQuery

Mootools

Echo

JSF

Telosys (Sogeti)

Comet: nouvelle étape pour les RIA Le futur des RIA: Comet

Le futur des RIA: Comet

Portails et Web 2.0 Outils et Comportements

Web 2.0: Introduction A set of technologies and applications that enable efficient interaction among people, content, and data in support of collectively fostering new businesses, technology offerings, and social structures Forrester 2008 Sogeti Group Kick Off 2 January 24-25, 2008

A set of technologies and applications that enable efficient interaction among people, content, and data in support of collectively fostering new businesses, technology offerings, and social structures

Forrester

Blogs

Nouvelle Gestion du Contenu: Blog

Nouvelle Gestion du Contenu: Blog Blogs “Je” dis quelque chose le “monde” réagit Commentaires Liens Citations BLOG BLOG BLOG

Blogs

“Je” dis quelque chose

le “monde” réagit

Wikis

Nouvelle Gestion du Contenu: Wikis Pourquoi a-t-on besoin d’une nouvel outil? Collaboration... ?

Pourquoi a-t-on besoin d’une nouvel outil?

Collaboration...

Nouvelle Gestion du Contenu: Wikis Wiki Project XYZ Many technologies start life inside IBM as an incubator project. Incubators are explorations of new ideas and new technologies that we think have promise or potential for the future. Incubator projects are not paper exercises. We build incubator projects as real, working prototypes to prove out our ideas. Project Zero began life as one of these projects. Project Zero has we Edit Save Link

Nouvelle Gestion du Contenu: Wikis

Nouvelle Gestion du Contenu: Wikis Wiki Wiki: “Rapide” en Hawaiien Tout le monde est “auteur” Les articles sont l’oeuvre de la communauté Basé sur la confiance Pas de “Big Brother” La vérité vient de la communauté Les communautés s’auto-gèrent Définir une “étiquette” “Collaborative Intelligence”

Wiki

Wiki: “Rapide” en Hawaiien

Tout le monde est “auteur”

Les articles sont l’oeuvre de la communauté

Basé sur la confiance

Pas de “Big Brother”

La vérité vient de la communauté

Les communautés s’auto-gèrent

Définir une “étiquette”

“Collaborative Intelligence”

Réseaux Sociaux

Réseaux Sociaux Réseau Social? “Mes Connaissances” Utile pour trouver l’information compétences, missions, job,.... “Limité” dans le monde réel

Réseau Social?

“Mes Connaissances”

Utile pour trouver l’information

compétences, missions, job,....

“Limité” dans le monde réel

? “ The” Guru $up€r Cli€nt

Social Networking: Sites

Social Bookmarking

Social Bookmarking Comment organiser ses “Boomarks/Favoris”? Localement dans votre navigateur Organisation? Hmmmm..... Comment trouver de nouveaux sites? Google? Yahoo? Welcome to Social Bookmarking!

Comment organiser ses “Boomarks/Favoris”?

Localement dans votre navigateur

Organisation?

Hmmmm.....

Comment trouver de nouveaux sites?

Google? Yahoo?

Social Bookmarking Tagging Social

Tagging

Social

Les Données: nouvelle organisation Creation, Organisation, Recherche Folksonomy (social tagging) Social Rating

Creation, Organisation, Recherche

Folksonomy (social tagging)

Social Rating

Applications: SaaS New types of applications Software as a Service (SaaS)

New types of applications

Software as a Service (SaaS)

Croudsourcing Nouvelles Façons de faire du Business

Nouvelles Façons de faire du Business

New Worlds and Communications Tools

Portails et Web 2.0 Intégration de ces outils dans les portails Wiki pour faciliter la publication Blog pour partager le contenu Réseaux Sociaux Tagging Chat/Web Conference

Intégration de ces outils dans les portails

Wiki pour faciliter la publication

Blog pour partager le contenu

Réseaux Sociaux

Tagging

Chat/Web Conference

Questions....