Upload
dteboul
View
531
Download
0
Tags:
Embed Size (px)
Citation preview
Solutions Portails Mobiles
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
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
3
Les smartphones et leur applications mobiles incontournables
Le développementdes concurrents de l’iPhone
Plateformes : la fragmentation du marché va s’accroître
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
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 ?
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 ?
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
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
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
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
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
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
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.
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
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
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
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é
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
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
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
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
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 ***
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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?
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
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
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
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.