Solutions mobiles portails

43
Solutions Portails Mobiles

Transcript of Solutions mobiles portails

Page 1: Solutions mobiles portails

Solutions Portails Mobiles

Page 2: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

2 Solutions Portails Mobiles

IDC - Worldwide Smartphone 2010–2014 Forecast Update: September 2010Gartner NewsRoom - http://www.gartner.com/it/page.jsp?id=1466313

Ventes aux utilisateurs finaux de Smartphones

par OS en Q3 2010 dans le monde

Ventes Apple iPad (millions)

On estime à 270 millions le nombre de Smartphones vendus dans le monde en 2010, en croissance de 55% par rapport à 2009

En 2010, les Smartphones ont représenté 20 % des mobiles vendus dans le monde

On estime à 526 millions le nombre de Smartphones qui devraient se vendre dans le monde en 2014

En 2014, les Smartphones devraient représenter 32% de tous les mobiles vendus dans le monde

Marché des mobiles : Une explosion des Smartphones à travers le monde

Page 3: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

Tendances Marché

Le mobile va devenir LE moyen privilégié de communiquer avec ses clients. Selon Gartner, 1 milliard de smartphones devraient être en utilisation dans le monde en 2013 et les téléchargements d’applications mobiles devraient atteindre les 21 milliards d’ici 2013.

En 2011, une stratégie mobile ne pourra plus se limiter à une simple application iPhone.L’iPhone ne détient pas plus de 50% de part de marché des smartphones.

Source : EBG – 17 janvier 2011

Sur les smartphones ( forte part de marché pour l’iOS d’Apple), mais également la percée d’Android, de Windows Phone et de Bada (Samsung), la résurgence de BlackBerry, peut-être de Palm et la persistance de Symbian (Nokia). Multiplicité des appareils (et de leurs plateformes associées) amenés à émerger en 2011 et au-delà : smartphones, netbooks, tablettes, télévisions connectées, boxes internet, écrans embarqués, etc.. - Une vraie stratégie de présence multiplateforme s’impose (tout en proposant le contenu adéquat sur chaque plateforme).

Source : EBG – 17 janvier 2011

Source : EBG – 17 janvier 2011

1

2

Les smartphones et leur applications mobiles incontournables

Le développementdes concurrents de l’iPhone

Plateformes : la fragmentation du marché va s’accroître

Page 4: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

Les « apps » offrent des fonctionnalités nouvelles et un accès à du contenu pertinent

Des terminaux apportant des innovations de rupture et suscitant l'adhésion des utilisateurs

Les raisons de cette croissance exponentielle du mobile

Page 5: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

5 Solutions Portails Mobiles

Améliorer le service client

Augmenter votrechiffre d'affaires

Augmenter le taux de fidélisation de vos clients

Vous différencier

Bâtir le programme de fidélité client

Augmenter les services disponibles et les contacts clients

Des actions marketing et des offresdisponibles au bon moment

Communication instantanéeSelf-services

Résolution plus rapide des questions/problèmes

Augmenter la fréquence des interactions clientsOffrir une gamme de services plus large

Offrir des services personnalisés

Disposer d'un avantage compétitif

Pénétration du marchéCapter l'attention du client Améliorer la productivité de

vos employés

Amélioration des processusAccès immédiat aux données

Quelles opportunités pour votre business ?

Page 6: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

6 Solutions Portails Mobiles

Appplications web, accessibles depuis un navigateur

Accessible depuis Internet sans nécessité de télécharger des logiciels complémentaires

Utilise le navigateur du périphérique pour afficher le contenu

Hybride – des composants web et natifs Applications natives qui utilisent néanmoins l'interface du

navigateur pour afficher le contenu

Fournit la capacité d'utiliser des fonctionnalités natives du périphérique sans avoir à réécrire du code pour chaque périphérique

Native Permet d'utiliser les capacités natives du téléphone telles que

l'appareil photo, le GPS, l'accéléromètre, l'agenda....

Fournit les expériences utilisateur les plus riches (ex: jeux)

Quelles solutions pour créer une telle expérience ?

Page 7: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

7 Solutions Portails Mobiles

Exécution au sein du navigateur du Mobile

Applications Web

Applications Poste de Travail et Mobiles utilisant le modèle de programmation traditionnelle

Web (HTML, CSS, JavaScript)

- Livraison dynamique de contenu et de services

- Reconfiguration et mise à jour faciles d’applications

- Ne permet pas l'accès aux services natifs du mobile

Téléchargement depuis un AppStore puis installation

Applications Natives Mobiles

Applications Mobiles développées en utilisant des

langages natifs ou transcodés

- Richesse de l’interface utilisateur du fait de l’utilisation

de contrôles natifs et du graphisme avancé

- Possibilité d’utiliser les contrôles avancés comme le

multi-touch- Pas de cohérence des

modèles de programmation des différents fournisseurs

Applications Web Mobiles

Applications Mobiles utilisant le modèle de programmation

classique du Web (HTML, CSS JavaScript)

fonctionnement possible en mode déconnecté

Applications Web Hybrides Mobiles

Applications Mobiles développées en utiisant utilisant

le modèle de programmation Web (HTML 5, CSS, JS)

accédant aux services natifs via un pont Javascript

Fonctions natives de type (GPS, camera, contacts) apparence native (mimic)

Les utilisateurs mobiles désirent un accés de haute qualité à toute information accessible sur leur « desktop », présentée de manière conviviale dans un format adapté au « device » mobile .

Car

acté

ristiq

ues

Com

prom

is T

radi

tionn

elle

Approches de développement d'applications mobiles

Page 8: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

8 Solutions Portails Mobiles

11

33

44

55

S'intègrent avec vos backends, y compris la gestion de contenu

Sont personnalisées selon un profil utilisateur, ses préférences, son comportement Web

Browser

Mobile

RSS / AtomRSS / Atom

Sont sécurisées

Un framework unique pour les applications web et mobiles

Afin de créer des applications mobiles qui:

Permettent une personnalisation par l'utilisateur final

Peuvent être analysées et optimisées grâce aux outils d'analyse

Peuvent adapter la présentation et les fonctionnalités selon le périphérique

22

66

L'intérêt du framework WebSphere Portal

Page 9: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

9 Solutions Portails Mobiles

...développer, gérer et déployer des applications web mobiles pour une grand nombre de périphériques, y compris des téléphones monochromes ?

Solution

Mobile Portal Accelerator

...développer, gérer et déployer des applications web mobiles pour des smart phones ?

Plus de 8000 périphériques

iPhone, iPad, Android, Blackberry

Thèmes WebSphere Portal +

WebSphere Portlet Factory

Votre organisation a -t-elle besoin de.....

ou

Des solutions selon vos besoins

Page 10: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

10 Solutions Portails Mobiles

Etendre l'expérience utilisateur des Portails Web aux devices mobiles par l'utilisation de thèmes spécifiques aux smartphones

Look & feel optimisé pour des écrans de faible taille (site branding, navigation, page layout) (charte graphique, navigation, mise en page)

Optimisation de la taille des pages pour connections mobiles

Création de Thèmes portail à Look & Feel natif en utilisant les technologies Web usuelles (HTML, CSS, Javascript)

Thèmes types téléchargeables sur le Catalogue de solutions portail:

https://greenhouse.lotus.com/plugins/plugincatalog.nsf/assetDetails.xsp?action=editDocument&documentId=3148931F1C482700852576AC0050BD8C&Login

Thèmes Websphere Portal pour Smartphones

Page 11: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

11 Solutions Portails Mobiles

Navigationutilisant des intéractions mobiles de type « Carousel », drill down, scroller

Aspect de l'expérience utilisateur

Aspect d'une page pour la presentation de la navigation au sein des portlets de la page

Controle l'aspect de l'expérience utilisateur sur un mobile ainsi que la navigation au travers du site et des portlets

Thèmes WebSphere Portail Mobile

Page 12: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

12 Solutions Portails Mobiles

The information on the new product is intended to outline our general product direction and it should not be relied on in making a purchasing decision. The information on the new product is for informational purposes only and may not be incorporated into any contract. The information on the new product is not a commitment, promise, or legal obligation to deliver any material, code or functionality. The development, release, and timing of any features or functionality described for our products remains at our sole discretion

Thèmes WebKit pour Android, iPad, BlackBerry, iPhone Thèmes Mobiles – optimisés, visuellement riches, exploitant les effets visuels CSS3 Widgets mobiles pour la navigation: - ensemble d'exemples illustrant une variété d'options de navigations Modèle de présentation de pages: - ensemble d'exemples illustrant une variété d'interactions avec le contenu Offline (run-at) - example illustrant comment un sous-ensemble d'un site portail mobile fonctionne en mode déconnecté.

Roadmap: Thèmes Portal Mobile Webkit

Page 13: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

13 Solutions Portails Mobiles

Web Experience Factory

Automatiser la création d'applications optimisées pour smartphone, en éliminant la programmation

Stratégie multi-canaux : Créer une fois, utilisation sur de multiples supports: Applications optimisées pour les mobiles

iPhone, Blackberry, Android, iPad Portlets ou widgets Applications Web (WebSphere Application Server)

Jeu de connecteurs robustes SAP, Domino, RDBMS, web/REST services, PeopleSoft, Siebel,

et plus “Profiling Dynamique” permettant la génération d'applications

personnalisées: différents périphériques mobiles, roles utilisateurs,

clients/partenaires Développer votre boite à outil d'application smartphone pour

accélérer le développement de vos applications en respectant les bonnes pratiques, incluant le support de la géolocalisation et les fonctionnalités d'orientation.

Page 14: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

14 Solutions Portails Mobiles

Smartphones

WebSphere Portal WebSphereApplication Server

Tablettes

BureauBrowsers

Utiliser un outil commun à tous les mobiles avec les mêmes techniques, le même code applicatif ...

... et générer des applications pour de multiples supports mobiles

WebSphere Portlet Factory

...déployer sur de multiples plateformes...

Web Experience Factory: Capacités à offrir des applications multi-canaux

Page 15: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

15 Solutions Portails Mobiles

Lists & Details Service Consumer: Permet la construction de listes et de vues personnalisées

Page Navigation builder: permet une navigation par listes ou onglets avec un « look & feel » natif

Data Layout builder: Listes de défilement avec options configurables tels que les images miniatures et multi-lignes avec plusieurs styles

Geolocation builder: permet l'accès au service de géolocalisation du mobile sans efforts de développement

Mobile UI themes: thèmes smartphones avec look & feel optimisé et des effets “slide in”

Mobile Rich Data Definition library: Support automatique pour les contrôles d'interface utilisateur mobiles tels que les listes sélectionnables, entrée pavé numérique, des numéros de téléphone, etc

Mobile Device Type: profiles multi-canaux. Permet pour une même application de définir des formats de présentations dynamiques en fonction du type de périphérique

Nouvelles fonctionnalités pour Smart Phones

Page 16: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

16 Solutions Portails Mobiles

“Builder” Geolocation permettant l'accès au GPS en utilisant HTML5

“Builder” Navigation permettant de la génération d'une navigation native

Exemple d'application utilisant la Géolocation

Page 17: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

Exemple d'application iPad en mode déconnecté utilisant HTML 5

HTML 5 permet l'exécution d'applications en mode connecté ou en déconnecté Utilisation du “cache manifest” et des fonctions de stockage HTML 5

WEF permet: la construction des interfaces utilisateurs en mode connecté et déconnecté

la génération d'applications HTML 5 déconnécté

Les formulaires déconnectés peuvent ensuite être réutilisés par le Portails en mode connecté

Saisie & revue des formulaires en mode déconnecté

Soumission des formulaires vers le Portail une fois connecté

Page 18: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

18 Solutions Portails Mobiles

Objectif: Mettre en place des applications métiers multi-canaux accédant à du contenu IBM WCM

Exemple: Permettre facilement à des équipes PR/Ventes souvent en déplacement de pouvoir approuver et éditer

du contenu depuis leur Smartphone

Permettre la création de nouveaux contenus en s'appuyant sur toute la richesse d'IBM Web Experience Factory

Applications Mobile avec IBM Web Content Manager

Page 19: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

19 Solutions Portails Mobiles

1.Selectionner le bouton “Prendre Photo ” depuis le Formulaire

2. Prendre une photo avec le smartphone

3. Visualiser le résumé et soumission du formulaire avec la photo vers le serveur

Web Experience Factory peut être utilisé pour la construction des formulaires et vues.

Phonegap permet l'accès aux services natifs du smartphone comme la camera

Exemple d'applications accédant la Camera du smartphone avec PhoneGap

Page 20: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

20 Solutions Portails Mobiles

Framework pour Applications Mobiles Hybrides Développement Web traditionnel

HTML5/JavaScript/CSS Open source

Apache2 inbound (CLA)

MIT & BSD outbound

Standards – W3C Mobile API JavaScript API permettant l'accès aux

services natifs des smartphones Supporte de nombreux smartphones

iPhone/iPad, Android, Blackberry, Symbian, Palm, Windows Mobile

Extensible au travers de plug-ins Permet l'accès à n'importe quelle

fonctions ou capteurs

Fonctions Disponibles Core APIs

Accéléromètre (W3C)

boussole

Camera

Contacts (W3C)

Fichiers (W3C)

Transfert de Fichiers

Géolocalisation (HTML5)

Media (audio play/record)

Media Capture (audio, video, camera – W3C dans prochaine version)

Network Notification

Stockage (HTML5 Web SQL & Stockage Web)

PhoneGap

Page 21: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

09/06/11 21

http://maqetta.org

*** IBM Confidential ***

• Donné au consortium Dojo (Avril 2011)

• Part of Dojo Foundation• - Information, docs, tutorials

• GitHub.com• Open source repository• Issue tracking

• Google Groups• maqetta-users• maqetta-devs

MaquettaEditeur visuel WYSIWYG HTML 5 pour développer des interfaces utilisateurs postes de travail et mobiles

Page 22: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

Editeur visuel pour genérer des interfaces Mobile

Complete set of Dojo 1.7 mobile widgets

Dojo’s mobile widgets look and act exactly like native widgets.

Drag/drop widgets into exact dimension device silhouette - true WYISIWYG authoring

Switch between portrait and landscape

Detailed CSS styling (“pixel-tweaking”) using Properties palette

Rearrange widgets in Outline palette

09/06/11 22*** IBM Confidential ***

Page 23: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

23 Solutions Portails Mobiles

Afin d'obtenir ceci....

Sur tout cela...

…pour un usage simple, mais néanmoins riche, qui engage l'utilisateur et permet une utilisation productive des portlets et des applications.

Différents:- Tailles d'écran- Navigateurs- Mark-up- Languages- Claviers- JavaScript- Présentations- Images- Opérateurs- Systèmes d'exploitations - Réseaux

Les enjeux techniques

Page 24: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

24 Solutions Portails Mobiles

IBM Mobile Portal Accelerator

IBM Mobile Portal Accelerator

Périphériques Mobiles

Rendu dynamique et Adapté: 8 400+ périphériques

IBM WebSphere Portal

• Thèmes• Navigation• Profile Utilisateurs• Agrégation- Portlets- Widgets- Feeds• Gestion de Contenus• Modèle de Sécurité• Workflow

Multi Channel Server

PCs & Navigateurs Web

Permet de délivrer du contenu et des applications pour pratiquement tous les appareils mobiles.

Mobile Portal Accelerator

Page 25: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

25 Solutions Portails Mobiles

Extension de WebSphere Portal qui délivre du contenu et des applications pour pratiquement tous les appareils mobiles.

Adapter vos contenus à plus de 8 400 appareils mobiles . MPA fournit des capacités de serveurs multi-canaux intelligents qui fournissent dynamiquement du contenu en fonction des caractéristiques et capacités spécifiques de chaque appareil mobile.

Accélérer vos développements avec le Mobile Portal Toolkit qui permet de développer et tester vos portlets au format XDIME(XHTML avec Device Independent Markup Extensions) dans IBM Rational Application Developer (RAD).

Mise à jour régulière des caractéristiques des derniers appareils mobiles avec IBM Mobile Portal Accelerator Device Update. Mises à jour des caractéristiques disponibles dès qu'elles sont publiées par les constructeurs.

Mobile Portal Accelerator

Page 26: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

26 Solutions Portails Mobiles

Reference Bharti Airtel turns to IBM for Information Led Transformation - November 2009http://www.youtube.com/watch?v=mRWVuJeGnfI

Bharti Airtel

Page 27: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

27 Solutions Portails Mobiles

En déployant Mobile Portal Accelerator Bekins a obtenu les résultats suivant:

- Reporting des chauffeurs plus précis- Diminution du temps d'attentes aux quais de chargement et dans les zones de dépôts- Réduction des appels entrants aux service client- Amélioration de la satisfaction du service client ainsi que des conducteurs

Page 28: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

28 Solutions Portails Mobiles

MobileDevice

Database

Le M PA r cup re les é ècaract ristiques é

sp cifiques de l'appareil ém obile appelant la page parm i son r f rentiel de é é

plus de 8000 p riph riquesé é

Un utilisateur appelle une URL partir àde son m obile

Portail traite la requete, envoie la r ponse é àl'agr gateur é

Le m arkup est g n r é é épuis retourn vers le ém obile form at pour la ém eilleure exp rience éutilisateur possible

Le M PA agr ge les èdonn es, les th m es, le é è

contenu ainsi des directives sp cifiques de épr sentation associ au é é

p riph riqueé é

1 2 3

45

Principe de fonctionnement

Page 29: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

29 Solutions Portails Mobiles

XDIME: XML Device Independent Mark-up Extensions Vocabulaire XML décrivant du contenu

Basé sur XHTML

Aligné sur XHTML2 W3C DIWG

XDIME2: conforme avec le standard W3C Device Independent Authoring Language (DIAL)

XDIME permet au contenu d'être créé qu'une seule fois puis d'être délivré à la myriade de périphériques mobiles du marché.

Des règles permettent d'adapter l'expérience utilisateur pour chaque type d'appareil mobile. La mise en page, le style et les médias, comme les images, sont des exemples de ressources qui sont contrôlées par les règles

Le contenu XDIME est utilisée par le serveur multi-canaux (MCS) pour mettre en place les markups nécessaires pour l'appareil mobile connecté.

Le format XDIME

Page 30: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

30 Solutions Portails Mobiles

Pane: Assigner une signification a du contenu <canvas layoutName="/stockLayout.mlyt" type="portlet" class="body">

<pane name="Name"> <b>JK Telecom</b> </pane>

<pane name="Ticker"> JKT </pane>

<pane name="Price"> 192.73 +0.25 </pane>

<pane name="Logo"> <img src="/logo.mimg" /> </pane>

<pane name="Chart"> <img src="/chart.mimg" /> </pane>

<pane name="Additional"> <hr/> JK Telecom is a industry leading communication services provider. </pane>

</canvas>

Rendu du Contenu

Page 31: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

31 Solutions Portails Mobiles

Agencements: (Layouts): Facilite le design de l'expérience utilisateur Les tailles des écrans ne posent aucune difficultées avec XDIME

(la page affichée utilise le même contenu XDIME)

Rendu conditionel par appareils

Page 32: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

32 Solutions Portails Mobiles

Utilisation d'un composant “image”:<canvas layoutName=“/my-portlet-layout.mlyt" type="portlet"> <pane name="image"> <p> <img src=“/baby.mimg" alt=“baby"/> </p> </pane></canvas>

Rendu conditionel par appareil

Page 33: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

33 Solutions Portails Mobiles

Une bibliothèque riche d'appareils mobiles Plus de 8 400 appareils mobiles référencés

Plus de 600 attributs par appareil

Aligné avec W3C CC/PP, WAP Forum UAPROF

Identification robuste des appareils mobiles Fichier XML compressé dans RAD

DB basé sur le Serveur

(DB2, Oracle, SQL Server)

Héritage/Mise à jour Attributs des appareils mobiles

Règles de design

Service de mise à jour

Référentiel des appareils mobiles

Page 34: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

34 Solutions Portails Mobiles

Gestion de Mobile Portal depuis la même interface que l'administration WebSphere Portal

Mobile Portal Accelerator – Administration

Page 35: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

35 Solutions Portails Mobiles

Créer sous un seul format (XDIME) pour supporter tous les appareils mobiles Une seule portlet peut supporter:

XDIME et HTML.

Les éléments au format XDIME: références règles de mise en oeuvre des composants, thèmes et mises en page

Les développeurs ne sont concernés ni par les mises à jour des caractéristiques des appareils mobile, ni par l'apparition de nouveaux supports.

Le Toolkit Mobile Portal est utilisé pour créer des portlets et leurs règles Les Portlets peuvent être testées avec les plugins basés sur Eclipse dans

l'environnement RAD

Mobile Portal Accelerator

Développement de Portlets

Page 36: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

36 Solutions Portails Mobiles

Enrichir l'expérience utilisateur mobile avec des fonctions de client riche : – Interface utilisateur riche côté client

– S'appuie sur des composants serveur XDIME et client (JavaScript)

Smart Client Framework

Page 37: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

37 Solutions Portails Mobiles

Le service de conversion d'images peut : Convertir les images dans différents formats

Réduire le nombre de couleurs pour une plus petite palette de couleurs

Retailler une image, images en filigrane

Adapter/Réduire le poids de l'image pour une meilleure adaptation par rapport aux caractéristiques de l'appareil mobile connecté

Service de conversion d'images

Media Access Proxy

Page 38: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

38 Solutions Portails Mobiles

Capitaliser et tirer parti de votre système d'information existant Réduit les délais de commercialisation, accélére le développement et déploiement d'applications)

Extension de WebSphere Portal permettant de délivrer du contenu et des applications pour pratiquement tous les appareils mobiles.

Mobile Portal Toolkit permet de développer des portlets indépendantes du périphérique

Mobile Device Update Service permet la mise à jour du Référentiel d'appareils mobiles dès qu'elles sont publiées par les constructeurs.

Write once, rendu sur plusieurs périphériques Plus de 8 400+ terminaux mobiles supportés Navigation et expérience utilisateur personnalisée pour chaque périphériques Sécurité, contrôles d'accès et SSO Modèles prêts à l'emploi permettant une prise en main rapide Solution extensible permettant d'adapter des markups à destination de nouveaux terminaux XHTML Agrégation d'un large éventail d'applications en un affichage unifié Permet d'exposer facilement le contenu d'IBM WCM pour les utilisateurs mobiles Modèles pour développer rapidement des sites et styles Mises à jour de périphériques permettant d'assurer la compatibilité avec les modèles récents

IBM Mobile Portal Accelerator

Page 39: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

39 Solutions Portails Mobiles

Wikis IBM WebSphere Portal

http://www-10.lotus.com/ldd/portalwiki.nsf IBM Mobile Portal Accelerator

http://www-10.lotus.com/ldd/portalwiki.nsf/xpViewCategories.xsp?lookupName=IBM%20Mobile%20Portal%20Accelerator

IBM Web Experience Factory

http://www-10.lotus.com/ldd/pfwiki.nsf

Comment démarrer?

Page 40: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

40 Solutions Portails Mobiles

Les ressources hardware et software du TEC à Bois-Colombes sont disponibles gratuitement :

EOTs - Exploration of Technology

Découvrir la valeur des logiciels IBM: Présentations, vidéos, démonstrations POTs – Proof of Technology WebSphere Portal

Démontrer les capacités des logiciels IBM

Présentations Labs et hands-on …

40

Accélérer le cycle de découverte des logiciels IBM

TEC - Technical Exploration Center - @ Paris

Page 41: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

41 Solutions Portails Mobiles

ibm.com/software/fr/services

L’expertise / Le conseil La réussite de vos projets nécessite

de l’expertise technique et fonctionnelle

L’offre « Accelerated Value » La réussite de vos projets nécessite un

suivi sur le long terme

Logiciels

Accelerated

Value

Program

Le Conseil

La formation

La formation La réussite de vos projets passe

par les bonnes formations

Votre contact :Bruno Guillon Software Services Sales Manager01.58.75.22.71 - 06.88.05.84.15 [email protected]

Les solutions IBM Software Services

Page 42: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

42 Solutions Portails Mobiles

Page 43: Solutions mobiles portails

Applying this template to your existing presentation Task Pane needs to be viewable: Select View / Task Pane Select Slide Design - Design Templates from the Task Pane pull-down menu Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”

on your hardrive and click Apply

Some slides will not reformat appropriately once template is applied. Some reformatting will be necessary - see speaker notes.

Printing your presentation on a black and white printer Prior to printing your presentation, view the slides in grayscale mode:

Select View / Color/Grayscale / Grayscale

43 Solutions Portails Mobiles

Legal Disclaimer

© IBM Corporation 2011. 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.

If the text contains performance statistics or references to benchmarks, insert the following language; otherwise delete:Performance is based on measurements and projections using standard IBM benchmarks in a controlled environment. The actual throughput or performance that any user will experience will vary depending upon many factors, including considerations such as the amount of multiprogramming in the user's job stream, the I/O configuration, the storage configuration, and the workload processed. Therefore, no assurance can be given that an individual user will achieve results similar to those stated here.

If the text includes any customer examples, please confirm we have prior written approval from such customer and insert the following language; otherwise delete: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.

Please review text for proper trademark attribution of IBM products. At first use, each product name must be the full name and include appropriate trademark symbols (e.g., IBM Lotus® Sametime® Unyte™). Subsequent references can drop “IBM” but should include the proper branding (e.g., Lotus Sametime Gateway, or WebSphere Application Server). Please refer to http://www.ibm.com/legal/copytrade.shtml for guidance on which trademarks require the ® or ™ symbol. Do not use abbreviations for IBM product names in your presentation. All product names must be used as adjectives rather than nouns. Please list all of the trademarks that you use in your presentation as follows; delete any not included in your presentation.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.

If you reference Adobe® in the text, please mark the first use and include the following; otherwise delete:Adobe, the Adobe logo, PostScript, and the PostScript logo are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States, and/or other countries.

If you reference Java™ in the text, please mark the first use and include the following; otherwise delete:Java and all Java-based trademarks are trademarks of Sun Microsystems, Inc. in the United States, other countries, or both.

If you reference Microsoft® and/or Windows® in the text, please mark the first use and include the following, as applicable; otherwise delete:Microsoft and Windows are trademarks of Microsoft Corporation in the United States, other countries, or both.

If you reference Intel® and/or any of the following Intel products in the text, please mark the first use and include those that you use as follows; otherwise delete:Intel, Intel Centrino, Celeron, Intel Xeon, Intel SpeedStep, Itanium, and Pentium are trademarks or registered trademarks of Intel Corporation or its subsidiaries in the United States and other countries.

If you reference UNIX® in the text, please mark the first use and include the following; otherwise delete:UNIX is a registered trademark of The Open Group in the United States and other countries.

If you reference Linux® in your presentation, please mark the first use and include the following; otherwise delete:Linux is a registered trademark of Linus Torvalds in the United States, other countries, or both.Other company, product, or service names may be trademarks or service marks of others.

If the text/graphics include screenshots, no actual IBM employee names may be used (even your own), if your screenshots include fictitious company names (e.g., Renovations, Zeta Bank, Acme) please update and insert the following; otherwise delete:All references to [insert fictitious company name] refer to a fictitious company and are used for illustration purposes only.