Solutions mobiles portails

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

 OnSmartphones millions dans le existing presentation

Applying à 270
de
estime this template le nombre
vendus
to your
 Task Pane needs to be viewable: Select
monde en 2010, en croissance de View / Task Pane
55%Selectrapport à 2009 Templates from the Task Pane pull-down menu
 par Slide Design - Design
 En2010, les Smartphones ont find “Template Techsoftware 2011.ppt”
Select “Browse” at the bottom, and
représentéhardrive desclick Apply vendus
on your 20 % and mobiles
dans le monde
 On estime à 526 millions le nombre
 Some slides will not reformat appropriately once template is applied. Ventes aux utilisateurs
finaux de Smartphones
par OS en Q3 2010 dans
de Smartphones qui devraient se
Some reformatting will be necessary - see speaker notes. le monde

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


 En Printing yourSmartphones on a black and white printer
2014, les presentation devraient
représenter 32% de tous les mobiles
 Prior to printing your presentation, view the slides in grayscale mode:
vendus dans le monde
Select View / Color/Grayscale / Grayscale

Ventes Apple iPad (millions)

2 Solutions Portails Mobiles

Tendances Marché

 Applying this template to your existing presentation
Les smartphones et leur
Le mobile va devenir LE moyen privilégié de communiquer
avec ses clients. Selon Gartner, 1 milliard de smartphones
applications mobiles devraient être en utilisation dans le monde en 2013 et les
 Task Pane needs to be viewable: Select View / Task Pane
incontournables 1 téléchargements d’applications mobiles devraient atteindre
les 21 milliards d’ici 2013.
 Select Slide Design - Design Templates from the Task Pane pull-down menu
 Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”
Source : EBG – 17 janvier 2011
on your hardrive and click Apply
En 2011, une stratégie mobile ne pourra plus se limiter à

 Some slides will not reformat appropriately once template is applied.
Le développement une simple application iPhone.
des concurrents de 2 L’iPhone ne détient pas plus de 50% de part de marché des
l’iPhone smartphones.
Some reformatting will be necessary - see speaker notes.

 Printing your presentation on aSur les smartphones ( forte part de marché pour l’iOS d’Apple),Bada
black and white printer
mais également la percée d’Android, de Windows Phone et de
(Samsung), la résurgence de BlackBerry, peut-être de Palm et la
 Prior to printing
Plateformes : la your presentation, view the slides Symbian (Nokia). Multiplicité des appareils (et de
persistance de in grayscale mode:
fragmentation du 3
leurs plateformes associées) amenés à émerger en 2011 et au-
marché va s’accroître 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).


Les raisons de cette croissance exponentielle du mobile
Des terminaux apportant des innovations
de rupture et suscitant l'adhésion des utilisateurs


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

 Printing your presentation on a black and white printer

Quelles opportunités pour votre business ?
Augmenter le taux de fidélisation de
vos clients

Augmenter la fréquence des interactions clients
Augmenter votre Offrir une gamme de services plus large
chiffre d'affaires Offrir des services personnalisés
Augmenter les services disponibles et les
contacts clients
Des actions marketing et des offres
 Select “Browse” at
disponibles au bon momentthe bottom, and find “Template Techsoftware 2011.ppt”
Vous différencier
Disposer d'un avantage

compétitif

Améliorer le service client

Communication instantanée
 Printing your presentation on a black and white printerfidélité client de
Self-services
Bâtir le programme
Résolution plus rapide des
questions/problèmesyour
Prior to printing presentation, view the slides in grayscale mode:
Select View / Color/Grayscale / Grayscale Pénétration du marché
Améliorer la productivité de Capter l'attention du client
vos employés

Amélioration des processus
Accès immédiat aux données


Quelles solutions pour créer une telle expérience ?
 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 pourTask Pane contenu
Task Pane needs to be viewable: Select View / afficher le
  Select Slide Design - Design Templates from the Task
Hybride – des composants web et natifs Pane pull-down menu
 Applications natives bottom, and find “Template Techsoftware 2011.ppt”
Select “Browse” at the qui utilisent néanmoins l'interface du
navigateur pour afficher le contenu
 Fournit la capacité d'utiliser des fonctionnalités natives du
 Some slides will notavoir à réécrire du code pour chaque
périphérique sans reformat appropriately once template
périphérique
is applied.
 Native
 Printing your presentation on anatives du téléphone telles que
 Permet d'utiliser les capacités
black and white printer
l'appareil photo, le GPS, l'accéléromètre, l'agenda....
 Fournit printing your presentation, viewles plus riches
Prior to les expériences utilisateur the slides in grayscale mode:
 (ex: jeux)


Approches de développement d'applications mobiles

Applications Web Applications Web Applications Web Applications Natives

Applications Poste de Travail et
Mobiles Hybrides Mobiles
Applications Mobiles
Mobiles

Applications Mobiles
Caractéristiques

Mobiles utilisant le modèle de développées en utiisant utilisant
 Task Pane needs to be modèle deMobiles utilisantView / Task Pane
viewable: Select le
Applications
programmation traditionnelle programmation le modèle de programmation
développées en utilisant des
langages natifs ou transcodés
Web (HTML, CSS, JavaScript) classique du Web (HTML, CSS Web (HTML 5, CSS, JS)
- Richesse de l’interface
 Select Slide Design - Design Templates from the Task Pane pull-down menuutilisateur du fait de l’utilisation
- Livraison dynamique de JavaScript) accédant aux services natifs via
un pont Javascript
contenu et de services de contrôles natifs et du
- Reconfiguration et mise à jour
faciles d’applications
Fonctions natives de type
(GPS, camera, contacts)
graphisme avancé
- Possibilité d’utiliser les
fonctionnement possible en
on your hardrive and clickmode déconnecté
Apply apparence native (mimic) contrôles avancés comme le
multi-touch
- Ne permet pas l'accès aux - Pas de cohérence des
services natifs du mobile

modèles de programmation des
différents fournisseurs

Some reformatting will be necessary Téléchargement depuis un AppStore puis installation
Exécution au sein du navigateur du Mobile - see speaker notes.

Compromis Traditionnelle


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 .


L'intérêt du framework WebSphere Portal
Afin de créer des applications mobiles qui:

S'intègrent avec vos backends, y compris la gestion
1 de contenu
Sont personnalisées selon un Templates from the Task Pane pull-down menu
Select Slide Design - Design profil utilisateur,
2 Web
ses préférences, son comportementfind “Template Techsoftware 2011.ppt”
Select “Browse” at the bottom, and Browser
3 Permettent une personnalisation par
l'utilisateur final
Mobile
4 Sont sécurisées

 Printing your presentation on a black and white printer RSS / Atom
Peuvent être analysées et optimisées the slides in grayscale mode:
Prior to printing your presentation, view grâce aux
5 outils d'analyse
Un framework unique pour les
applications web et mobiles
Peuvent adapter la présentation et les
6 fonctionnalités selon le périphérique


Des solutions selon vos besoins
Votre organisation a -t-elle besoin de.....

 Applying this template to your existing presentation Solution
...développer, gérer et
 Task des applications
déployer Pane needs to be viewable: Select View / Task Pane
webSelect Slide Design - Design Templates from the Task Pane pull-down menu
 mobiles pour une grand
nombre de périphériques, y
 Select “Browse” at the
compris des téléphones bottom, and find “Template Techsoftware 2011.ppt”
monochromes ?
on your hardrive and click Apply Mobile Portal
Accelerator
Plus de 8000 périphériques
ou

...développer, gérer et
 Prior to applications Thèmes WebSphere Portal
déployer desprinting your presentation, view the slides in grayscale mode:
web mobiles pour des smart +
phones ? WebSphere Portlet Factory

iPhone, iPad, Android, Blackberry

Thèmes Websphere Portal pour Smartphones

 Etendre l'expérience utilisateur des Portails Web
aux devices mobiles par l'utilisation de thèmes
spécifiques aux smartphones
  & feel optimisé pour des écrans de faible taille
Look Select Slide Design - Design Templates from the Task Pane pull-down menu
(site branding, navigation, page layout) (charte
 Select “Browse” at the en page)
graphique, navigation, misebottom, and find “Template Techsoftware 2011.ppt”
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: / Color/Grayscale / Grayscale
Select View

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


Thèmes WebSphere Portail Mobile

Aspect de

 Applying this template to your existing presentation l'expérience
utilisateur

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

Aspect d'une
page pour la
presentation de la

 Printing your presentation on a black and white printer 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

Roadmap: Thèmes Portal Mobile Webkit

 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
  Task Pane needs to be viewable: Select View / Task Pane
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é.



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

Web Experience Factory
 Automatiser la création d'applications optimisées pour
smartphone, en éliminant la programmation
 Stratégie multi-canaux : Créer to your utilisation sur de multiples
Applying this template une fois, existing presentation
supports:
 Applications optimisées pour les mobiles
 iPhone, Blackberry, Android, iPad

 Portlets “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”
Select ou widgets
 Applications Weband click Apply
on your hardrive (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 presentation, view the slides in grayscale mode:
Prior to printing your
 Développer View / boite à outil d'application smartphone pour
Select votre Color/Grayscale / Grayscale
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.


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

Bureau
 Applying this WebSphere Portlet Factory ... et générerpour
Utiliser un outil
template to your existing presentation applications des Browsers

communà Task Pane needs to be viewable: Select View / Task Pane
tous de multiples
les mobiles avec supports mobiles

les mêmesSelect Slide Design - Design Templates from the Task Pane pull-down menu
techniques, le
même code Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt” Smartphones
applicatif ... your hardrive and click Apply
on


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

WebSphere Portal WebSphere
Application Server


Nouvelles fonctionnalités pour Smart Phones

 Lists & Details Service Consumer: Permet la construction de listes

 Page Navigation builder: permet une navigation par listes ou onglets

et de vues personnalisées
Applying this template to your existing presentation
 Task Pane feel » natif
avec un « look &needs to be viewable: Select View / Task Pane
  Select Slide Design - Design Templates from the Task Pane pull-down menu
Data Layout builder: Listes de défilement avec options configurables
tels que les images miniatures et multi-lignes avec plusieurs styles
 Geolocation hardrive and clickl'accès au service de géolocalisation du
on your builder: permet Apply
mobile sans efforts de développement

 Mobile UIslides willthèmesreformat appropriately feel optimisé et is applied.

Some themes: not smartphones avec look & once template
des effets “slide in”
 Mobile Rich Data Definition library: Support automatique pour les
contrôles d'interface utilisateur mobiles tels que les listes
Printing your presentation on a black and white printer
 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 deGrayscale
Select View / Color/Grayscale / présentations dynamiques en
fonction du type de périphérique


Exemple d'application utilisant la Géolocation
 “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 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é

  Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”
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é not reformat
Some slides will appropriately once template une fois connecté
le Portail is applied.
Soumission des formulaires vers



Applications Mobile avec IBM Web Content Manager

 Objectif: Mettre en place des applications métiers multi-canaux accédant à du contenu
 Exemple: this template to your existing presentation

IBM WCM
Applying
 Permettre facilement à des équipes PR/Ventes souvent en déplacement de pouvoir approuver et éditer
 du contenu depuis leur -Smartphone
Select Slide Design Design Templates from the Task Pane pull-down menu
 Permettre la création de nouveaux contenus en s'appuyant sur toute la richesse d'IBM Web Experience
 Factory “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”
Select




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

 Applying thisFactory peut êtreyour existingconstruction des formulaires et vues.
Web Experience
template to utilisé pour la presentation

Phonegap permet l'accès aux services natifs du smartphone comme la camera
on your hardrive and click 2. Prendre une photo
1.Selectionner le bouton
Apply 3. Visualiser le résumé et
“Prendre Photo ” depuis le avec le smartphone soumission du formulaire
Formulaire avec la photo vers le
serveur

▬


PhoneGap

 Framework pour Applications Mobiles  Fonctions Disponibles
Hybrides
 Développement Web traditionnel
 Core APIs
 Accéléromètre (W3C)
 TaskHTML5/JavaScript/CSS Select View / Task Pane
Pane needs to be viewable:


Select Slide Design - Design Templates from the Task boussole
  Open source

Pane pull-down menu
 Camera
  Apache2 inbound (CLA)
Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”
 Contacts (W3C)
 MIT your hardrive and click Apply
on & BSD outbound
 Fichiers (W3C)



Standards – W3C Mobile
API JavaScript API permettant l'accès aux
 Transfert de Fichiers

services natifs des smartphones  Géolocalisation (HTML5)
 Supporte de nombreux smartphones  Media (audio play/record)
 Printing your presentation on a black and white printer (audio, video, camera –
 iPhone/iPad, Android, Blackberry,
Symbian, Palm, Windows Mobile
 Media Capture
W3C dans prochaine version)

 Prior to travers de plug-ins
Extensible auprinting your presentation, view the slides in grayscale mode:
 Network Notification
 Permet l'accès à n'importe quelle
 Stockage (HTML5 Web SQL &
fonctions ou capteurs
Stockage Web)


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

http://maqetta.org
 Applying this template to your existing presentation • Donné au consortium Dojo
 Task Pane needs to be viewable: Select View / Task Pane (Avril 2011)
• Part of Dojo Foundation
 Select Slide Design - Design Templates from the Task Pane pull-downInformation, docs, tutorials
• - menu

• GitHub.com
on your hardrive and click Apply • Open source repository
• Issue tracking
 Some slides will not reformat appropriately once templateGoogle Groups
•
is applied.
• maqetta-users
• maqetta-devs

09/06/11 *** IBM Confidential *** 21

Editeur visuel pour genérer des interfaces Mobile

Switch between portrait and landscape
Complete set of
Dojo 1.7 mobile
widgets
Dojo’s mobile Drag/drop widgets
 Select
widgets look and
Slide Design - Design Templates from the Task Pane pull-down menu
into exact
act exactly like dimension device
 Select
native widgets. “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”
silhouette - true
on your hardrive and click Apply WYISIWYG
Detailed CSS styling
authoring
(“pixel-tweaking”) using

 Some slides will not reformat appropriately once template is applied. Properties palette


 Printing your presentation on a black and white printer Rearrange widgets in
Outline palette


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

Les enjeux techniques

Afin d'obtenir
ceci....
Sur tout cela...
Différents:
- Tailles d'écran
- Navigateurs
 Select Slide Design - Design Templates from the Task Pane pull-downMark-up
- menu
- Languages
on your hardrive and click Apply - Claviers
- JavaScript
 Some slides will not reformat appropriately once template Présentations
- is applied.
- Images
- Opérateurs
- Systèmes d'exploitations
 Printing your presentation on a black and white printer - Réseaux
…pour un usage simple, mais néanmoins riche, qui engage l'utilisateur et permet
une utilisation productive des portlets et des applications.


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

 Task Pane needs
IBM WebSphere Portal to be viewable: Select View / Task Pane
PCs &
 Select Slide
• Thèmes
DesignNavigateurs Web
- Design Templates from the Task Pane pull-down menu
• Navigation
• Profile Utilisateurs
• Agrégation hardrive and click Apply
on your
- Portlets

- Widgets
- Feeds
• Gestion de Contenus
• Modèle de Sécurité
• Workflow

Périphériques
Mobiles
Rendu
 PriorMobile
IBM
to printing your presentation, view the slides in grayscale mode:
dynamique et
Adapté:
Portal
8 400+
Accelerator
périphériques

Multi Channel Server



Extension de WebSphere Portal qui délivre du contenu et des

applications pour pratiquementyour existing presentation
Applying this template to tous les appareils mobiles.
Adapter vos contenus à plus de 8 400 appareils mobiles .
 Select Slide Design - de serveurs multi-canaux intelligents
MPA fournit des capacitésDesign Templates from the Task Pane pull-down menu
qui fournissent dynamiquement du contenu en fonction des
 Select “Browse” at the bottom, and find “Template Techsoftware
caractéristiques et capacités spécifiques de chaque appareil 2011.ppt”
mobile. on your hardrive and click Apply


Accélérer slides will not reformat appropriately once Toolkit
Some vos développements avec le Mobile Portal template is applied.
qui Some reformatting et tester necessary au format
permet de développer will be vos portlets - see speaker notes.
XDIME(XHTML avec Device Independent Markup Extensions)
dans IBM Rational Application Developer (RAD).
Mise  jour to printing your presentation, view the slidesderniers mode:
à Prior régulière des caractéristiques des in grayscale
appareils mobiles Color/Grayscale / Grayscale Accelerator Device
Select View / avec IBM Mobile Portal
Update. Mises à jour des caractéristiques disponibles dès qu'elles
sont publiées par les constructeurs.


Bharti Airtel




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


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

Some reformatting will be des chauffeurssee speaker notes.
- Reporting necessary - plus précis
- Diminution du temps d'attentes aux quais de
chargement et dans les zones de dépôts
 Printing your presentation ondes appels entrants aux service
- Réduction a black and white printer
client
- Amélioration de la satisfaction du service
Select View / Color/Grayscale /que des conducteurs
client ainsi Grayscale


Principe de fonctionnement

 Applying this template to your existing presentation 3
1 2
Le M PA r cupèr l
é
car érstques
act i i
e es
spécii
fques de lappar l
' ei
 Select Slide Design - Design Templates e,envoi Task Pane pull-down menu
equetfrom the
Por ai t aie l
t lr t a m obie appel l page
l ant a
r e é é entel
par ison r f r i de
m
Un l r ponse à
a é
 Select “Browse” at theibottom, and lagré“Template Techsoftware 2011.ppt”péri éri
utlsat
i eur find gateur
'
pl de 8000
us
ph ques
appele une
l
URL à par i
tr
de son

m obie
l
Mobile
Device
Some reformatting will be necessary - see speaker notes. Databas e


5 white printer
Printing your presentation on a black and
4
è
Le M PA agr ge l
es
Select View / Color/Grayscale / Grayscalearkup estgénéré
Le m données,l t èm es,l
es h e
pui r our é ver l
s et n se contenu ai des
nsi
l or é
m obie f m at pourla diectves spécii
r i fques de
m eil e expérence
leur i é aton é
pr sent i associ au
utlsat possi e
ii eur bl pérphérque
i i


Le format XDIME

XDIME: XML Device Independent Mark-up Extensions

 Vocabulaire XML décrivant du contenu
  Basé sur XHTML to be viewable:
Task Pane needs Select View / Task Pane
  Aligné sur XHTML2 W3C DIWG Templates from the Task Pane pull-down menu
Select Slide Design - Design
 XDIME2: conforme avec le standard W3C Device Independent Authoring Language (DIAL)
 XDIMEyour hardrive and click Apply
on 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 utilisateurnotes.
Some reformatting will be necessary - see speaker 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é.


Rendu du Contenu

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>

Printing your presentation on a black and white printer
<pane name="Additional">
 <hr/>
JK Telecom is a industry leading communication services provider.
</pane>
</canvas>


Rendu conditionel par appareils
 Agencements: (Layouts): Facilite le design de l'expérience utilisateur

 Les tailles des écrans ne to your existing difficultées avec XDIME

Applying this template posent aucune presentation
 (la page affichée utilise le même contenu XDIME)




Rendu conditionel par appareil
Utilisation d'un composant “image”:
<canvas layoutName=“/my-portlet-layout.mlyt" type="portlet">

<pane name="image">
<p>

</p>
<img src=“/baby.mimg" alt=“baby"/>

</pane>
</canvas>





Référentiel des appareils 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 Design - Design Templates from the Task Pane pull-down menu
Select Slide
  Select “Browse” at des appareils mobiles
Identification robuste the bottom, and find “Template Techsoftware 2011.ppt”
 Fichier XML compressé dans RAD
 DB basé sur le Serveur
 (DB2, Oracle, SQL Server)
 Some reformatting
Héritage/Mise à jour will be necessary - see speaker notes.
 Attributs des appareils mobiles
 Règles de design
 Service de mise à jourpresentation, view the slides in grayscale mode:
Prior to printing your


Mobile Portal Accelerator – Administration

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





Développement de Portlets
 Créer sous un seul format (XDIME) pour supporter tous les appareils mobiles

Applying this template to your existing presentation
 Une seule portlet peut supporter:
  XDIME et HTML.
Select Slide Design - Design Templates from the Task Pane pull-down menu
  Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”
Les éléments au format XDIME: références règles de mise en oeuvre des
composants, thèmes etclick Apply page
on your hardrive and mises en
 Les développeurs ne sont concernés ni par les mises à jour des caractéristiques des
 appareils mobile, ninot reformat appropriately once template is applied.
Some slides will par l'apparition de nouveaux supports.
 Le Toolkit Mobile Portal willutilisé pour créer des portlets et leurs règles
Some reformatting est be necessary - see speaker notes.
 Les Portlets peuvent être testées avec les plugins basés sur Eclipse dans
l'environnement RAD


Smart Client Framework
 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)




Media Access Proxy


Service de conversion d'images
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é

IBM Mobile Portal Accelerator
 Extension de WebSphere Portal permettant de délivrer du contenu et des applications pour pratiquement
tous les appareils mobiles.
 Mobile Portalthis template to your existing presentation
 Applying Toolkit permet de développer des portlets indépendantes du périphérique
 Mobile Device Updateto be viewable: Select View / Task Pane d'appareils mobiles dès qu'elles sont
 Task Pane needs Service permet la mise à jour du Référentiel
publiées par les constructeurs.
 Select “Browse” at the bottom, and find “Template Techsoftware 2011.ppt”existant
 Capitaliser et tirer parti de votre système d'information
on your hardrive and click Apply commercialisation, accélére le développement et
 Réduit les délais de
déploiement d'applications)
 Write once, rendu sur plusieurs périphériques
Some reformatting 400+ terminaux mobiles supportés speaker notes.
Plus de 8 will be necessary - see


 Navigation et expérience utilisateur personnalisée pour chaque périphériques

Printing your Sécurité, prêts à l'emploi permettant une prise en main rapide
contrôles d'accès et SSO
presentation on a black and white printer

 Modèles


 Prior to printing yourextensible permettantthe slides des markups à destination de nouveaux terminaux
 Solution presentation, view d'adapter in grayscale mode: XHTML

Select View Agrégation d'un largeGrayscale

/ Color/Grayscale / é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


Comment démarrer?

 Applying
Wikis this template to your existing presentation
 IBM WebSphere Portal
 http://www-10.lotus.com/ldd/portalwiki.nsf
  IBM Mobile Portal Accelerator Templates from the Task Pane pull-down menu
Select Slide Design - Design
 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





TEC - Technical Exploration Center - @ Paris
Accélérer le cycle de découverte des logiciels IBM

 Applying :this templatesoftware du TEC àpresentation sont disponibles
Les ressources hardware et to your existing Bois-Colombes
gratuitement
 EOTs - Exploration of Technology
 Découvrir la valeur des logiciels IBM: Présentations, vidéos, démonstrations

  Select “Browse” at the bottom, and Portal
POTs – Proof of Technology WebSphere find “Template Techsoftware 2011.ppt”
 Démontrer hardrive and click Apply IBM
on your les capacités des logiciels

Présentations


 Labs et hands-on …


40

Les solutions IBM Software Services
La formation L’expertise / Le conseil
 Applying this template to your existing presentation réussite de vos projets nécessite
La réussite de vos projets passe La
de l’expertise technique et
 Task Pane needs to be
par les bonnes formations viewable: Select View / Task Pane
fonctionnelle
Le Conseil
on your hardrive and click Apply Logiciels

Accelerated
Some reformatting will beLa formation - seeValue
necessary speaker notes.
Program
 Prior to printing your presentation, view the slides in grayscale mode: :
Votre contact
L’offre « Accelerated Value » Bruno Guillon
Select View / Color/Grayscale / Grayscale Software Services Sales Manager
La réussite de vos projets nécessite un
01.58.75.22.71 - 06.88.05.84.15
suivi sur le long terme  guillon.b@fr.ibm.com

ibm.com/software/fr/services

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.


Solutions mobiles portails

Recommended

Recommended

More Related Content

What's hot

What's hot (19)

Viewers also liked

Viewers also liked (17)

Similar to Solutions mobiles portails

Similar to Solutions mobiles portails (20)

Recently uploaded

Recently uploaded (20)

Solutions mobiles portails