Nokia Internal Use Only S40 Asha Fulltouch Une webapp de flux RSS en 30 minutes chrono ! 22. January 2013 1 © Nokia 2013.

Présentation au sujet: "Nokia Internal Use Only S40 Asha Fulltouch Une webapp de flux RSS en 30 minutes chrono ! 22. January 2013 1 © Nokia 2013."— Transcription de la présentation:

1 Nokia Internal Use Only S40 Asha Fulltouch Une webapp de flux RSS en 30 minutes chrono ! 22. January 2013 1 © Nokia 2013

2 Nokia Internal Use Only Technologie de développement Sur plateforme S40 Développement Java 2 Micro Edition Développement web basé sur le browser XpressBuilder Ce document présente la technologie webapp sur S40 http://www.developer.nokia.com/Develop/Series_40/Series_40_web_apps/ 2

3 Nokia Internal Use Only Outils Un seul outil à installer : Nokia Web Tools 2.0 IDE Webapp simulateur Compatible Windows / Linux / MacOSX Plus dinfos sur Nokia Web Tools pageNokia Web Tools page 3 © Nokia 2012 | The Nokia Business Development Kit (BDK)

4 Nokia Internal Use Only Etape 1 : création dun projet 4 Dans ce guide, nous allons utiliser un template de projet de type flux RSS. Cliquer sur le menu File et sélectionner New puis Series 40 web app (wgt)

5 Nokia Internal Use Only Etape 1 : création dun projet 5 Une boite de dialogue New Series 40 web app souvre alors. Sélectionner le template RSS feed project puis cliquer sur Next

6 Nokia Internal Use Only Etape 1 : création dun projet 6 La page suivante permet de saisir des informations sur le projet : Project name : nom du projet (eg MyNews) in Project Name. Display Name : nom de lappli affichée sur le téléphone Unique Identifier : identifiant unique Version # : numéro de version courant Short Name : nom raccourci

7 Nokia Internal Use Only Etape 1 : création dun projet 7 Ensuite vous saisissez les informations relatives à votre flux RSS : Name of main HTML : ceci représente la page daccueil de votre webapp. RSS feed URL : URL pointant sur votre flux Author : nom dauteur Author email : email de contact de lauteur License : copyright Description : descriptif de votre webapp Et voilà : en cliquant sur « Finish », léditeur va générer automatiquement une webapp de flux RSS

8 Nokia Internal Use Only Etape 2 : tester votre application 8 Deux options pour tester votre webapp via le Web App Simulator (WAS) : Une preview basée sur une exécution serveur (cloud) : cette option fournit une expérience très proche de celle dun téléphone Une preview locale, très utile pour travailler en mode déconnecté ou pour débugger votre webapp Et voilà : en cliquant sur « Cloud Preview for Web app », léditeur va valider le code de la webapp puis lenvoyer au WAS

9 Nokia Internal Use Only Etape 2 : tester votre application 9 Le Web App Simulator (WAS) en action : Vous pouvez ajuster les réglages du simulateur (par exemple vous pouvez définir un proxy) Linteraction avec le simulateur se fait avec la souris

10 Nokia Internal Use Only Etape 3 : déployer votre application sur un téléphone S40 FT 10 Il existe deux façon de déployer votre webapp sur un téléphone : Bluetooth : o Via une connexion bluetooth entre votre téléphone et votre ordinateur Web : o En saisissant une URL courte générée par lIDE dans le navigateur internet Nokia Xpress du téléphone Dans la suite de ce document, nous allons utiliser le déploiement par URL. Vous pouvez retrouver des explications sur le déploiement bluetooth iciici

11 Nokia Internal Use Only Etape 3 : déployer votre application sur un téléphone S40 FT 11 Ouvrez le menu contextuel et sélectionnez Deploying web app Validez la demande de confirmation dexecution en tâche de fond Activez la console afin de récupérer lURL courte générée (en vert)

12 Nokia Internal Use Only Etape 3 : déployer votre application sur un téléphone S40 FT 12 Sur votre téléphone Asha, ouvrez le navigateur web Xpress sélectionnez Deploying web app et saisissez lurl courte La webapp sinstalle alors et se lance :

13 Nokia Internal Use Only Etape 3 : déployer votre application sur un téléphone S40 FT 13 Si vous ne possédez pas de téléphone Asha, aucun souci : vous pouvez accéder au service gratuit Remote Access Device Plus dinformation ici : https://www.developer.nokia.com/Devices/Re mote_device_access/

14 Nokia Internal Use Only Etape 4 : Modifier trois graphiques 14 Avec le template de projet RSS Feed, des images sont automatiquement générées pour vous : Une icône Une barre des titres Un bouton pour voir larticle complet dans le navigateur internet Ces trois images sont stockées dans le répertoire : \s40-theme\images

15 Nokia Internal Use Only Etape 5 : publier votre webapp sur Nokia Store 15 Rendez-vous sur http://info.publish.nokia.com/ http://info.publish.nokia.com/ Après identification, créer un nouvel « content item » et sélectionnez la technologue S40 Web app :

16 Nokia Internal Use Only Etape 5 : publier votre webapp sur Nokia Store 16 Répondez aux trois questions juridiques : Puis saisissez les métadonnées de votre web app :

17 Nokia Internal Use Only Etape 5 : publier votre webapp sur Nokia Store 17 Enfin chargez votre fichier dextension.wgt généré par votre IDE : Et le tour est joué

18 Nokia Internal Use Only Liens 18 © Nokia 2013 Ressources techniques S40 Web app : http://www.developer.nokia.com/Develop/Series_40/Series_40_web_apps/ Guide de publication dapplications sur Nokia store : http://support.publish.nokia.com/?p=9 Recommendations sur le design des webapp sur S40 : https://www.developer.nokia.com/info/sw.nokia.com/id/d9970380-b320-4644- bfc6-06dcc7ac0815/Series_40_Web_App_UX_Guidelines.html Code dexemples : http://www.developer.nokia.com/Develop/Series_40/Series_40_web_apps/Code_ examples/