Présentationdu SDK Tizen
Présentation technique – développement sur TizenAccueilLes outils proposés par le SDKHello world!Le débogage des applicati...
3 26 June, 2013• Le SDK propose– IDE– Web Simulator– Emulator– Event Injector– UI Builder– Documents– Sample applications–...
4 26 June, 2013Vue par défaut de l’IDEProject explorerConnection explorerEditor areaOutline/Event InjectorProperty/HTML/CS...
5 26 June, 2013Web Simulator• Rendu des applications Web Tizen dans un simulateur– Le panneau de configuration permet de s...
6 26 June, 2013Emulator• Emulator– Les caractéristiques de l’émulateur sont configurables– Permet de tester les applicatio...
• Permet de générer des événements et de les envoyer aux terminaux– Evénements système– Localisation– NFC– Capteurs– Télép...
8/39UI Builder• Permet de générer le code de l’interface• A utiliser depuis un projet “Web UI builder”
9/39Documents• Le SDK comprend une documentation complète– Découvrir Tizen– Guides & Tutoriels– Spécifications des APIs– D...
10/39Sample applications• Apprendre plus vite grâce aux multiples exemples– 15 applications de démonstration sont proposées
2Hello world!
12/39Création d’un nouveau projet• Créer le projet• Choisir un templateFile -> New ->Tizen Web ProjectChoix du nom de proj...
13/39Les fichiers contenus dans le projet• Fichiers créés pour un projet vierge• Fichiers créés pour un projet Web UI Buil...
14/39config.xml - Feature• Certaines APIs requièrent des privilèges : les « Features »
15/39Création d’un émulateur• L’Emulator Manager permet de créer et gérer les émulateurs– Cliquer sur dans le panneau Conn...
16/39Lancer des applications sur l’émulateurRun -> Run As ->Tizen Web Application
3Débogage des applications
18/39Ecrire du code• “Contents Assist” suggère des fonctions ou mots clés• “Jlint” affiche les erreurs de syntaxe et les a...
19/39Messages de log• Les messages s’affichent dans la console– console.log("console.log");– info(“~”), warn(“~”), error(”...
20/39Remote Inspector• Debogage du JavaScript via l’EmulateurRun ->Debug As -> Tizen Web Application
21/39En résumé
Information & SupportPage d’accueil : https://www.tizen.org Développeurs : https://developer.tizen.orgSource : https://sou...
23 26 June, 2013Merci
Tizen is a trademark of the Linux Foundation
Tizen DevLab - Introduction au SDK Tizen
Upcoming SlideShare
Loading in...5
×

Tizen DevLab - Introduction au SDK Tizen

565

Published on

Introduction au SDK Tizen lors du DevLab du 25/06/2013 au Réservoir

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
565
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Tizen DevLab - Introduction au SDK Tizen

  1. 1. Présentationdu SDK Tizen
  2. 2. Présentation technique – développement sur TizenAccueilLes outils proposés par le SDKHello world!Le débogage des applicationsSynthèseAgendaTizen is a trademark of the Linux Foundation
  3. 3. 3 26 June, 2013• Le SDK propose– IDE– Web Simulator– Emulator– Event Injector– UI Builder– Documents– Sample applications– Remote Inspector– Localization Wizard– Project WizardLes outils du SDK Tizen 2.0
  4. 4. 4 26 June, 2013Vue par défaut de l’IDEProject explorerConnection explorerEditor areaOutline/Event InjectorProperty/HTML/CSS PreviewProblems/Console/Pages
  5. 5. 5 26 June, 2013Web Simulator• Rendu des applications Web Tizen dans un simulateur– Le panneau de configuration permet de simuler les différents aspects d’un mobile.Configuration panel
  6. 6. 6 26 June, 2013Emulator• Emulator– Les caractéristiques de l’émulateur sont configurables– Permet de tester les applications sans passer par un terminal physique• Connection Explorer– Liste les terminaux connectés, y compris les émulateurs– Possibilité de parcourir le système de fichiers des terminaux
  7. 7. • Permet de générer des événements et de les envoyer aux terminaux– Evénements système– Localisation– NFC– Capteurs– TéléphonieEvent Injector
  8. 8. 8/39UI Builder• Permet de générer le code de l’interface• A utiliser depuis un projet “Web UI builder”
  9. 9. 9/39Documents• Le SDK comprend une documentation complète– Découvrir Tizen– Guides & Tutoriels– Spécifications des APIs– Développement de la plateformeHelp->Help Contents
  10. 10. 10/39Sample applications• Apprendre plus vite grâce aux multiples exemples– 15 applications de démonstration sont proposées
  11. 11. 2Hello world!
  12. 12. 12/39Création d’un nouveau projet• Créer le projet• Choisir un templateFile -> New ->Tizen Web ProjectChoix du nom de projetSélection du template
  13. 13. 13/39Les fichiers contenus dans le projet• Fichiers créés pour un projet vierge• Fichiers créés pour un projet Web UI BuilderFichier Descriptionconfig.xml Informations concernant les icones, la license, lesdimensions, etc.index.html Page d’accueil de l’applicationicon.png Icône représentant l’application dans le menumain.js Code JavaScript principalstyle.css Fichier CSS qui définit le style de l’applicationFile Descriptionpage Un set de fichiers représentant une page del’applicationapp.xml Gère la hiérarchie des pages, les transitions, lesévénementstizen-ui-builder-fwFichiers du framework définissant les classes de baseutilisées par les pagesetizen-web-ui-fwBibliothèque qui gère l’interface utilisateur
  14. 14. 14/39config.xml - Feature• Certaines APIs requièrent des privilèges : les « Features »
  15. 15. 15/39Création d’un émulateur• L’Emulator Manager permet de créer et gérer les émulateurs– Cliquer sur dans le panneau Connection Explorer
  16. 16. 16/39Lancer des applications sur l’émulateurRun -> Run As ->Tizen Web Application
  17. 17. 3Débogage des applications
  18. 18. 18/39Ecrire du code• “Contents Assist” suggère des fonctions ou mots clés• “Jlint” affiche les erreurs de syntaxe et les avertissements
  19. 19. 19/39Messages de log• Les messages s’affichent dans la console– console.log("console.log");– info(“~”), warn(“~”), error(”~”), debug(“~”)
  20. 20. 20/39Remote Inspector• Debogage du JavaScript via l’EmulateurRun ->Debug As -> Tizen Web Application
  21. 21. 21/39En résumé
  22. 22. Information & SupportPage d’accueil : https://www.tizen.org Développeurs : https://developer.tizen.orgSource : https://source.tizen.org Bug tracker : https://bugs.tizen.org
  23. 23. 23 26 June, 2013Merci
  24. 24. Tizen is a trademark of the Linux Foundation

×