• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Tizen DevLab - Introduction au SDK Tizen
 

Tizen DevLab - Introduction au SDK Tizen

on

  • 696 views

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

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

Statistics

Views

Total Views
696
Views on SlideShare
694
Embed Views
2

Actions

Likes
1
Downloads
0
Comments
0

2 Embeds 2

https://twitter.com 1
http://localhost 1

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    Tizen DevLab - Introduction au SDK Tizen Tizen DevLab - Introduction au SDK Tizen Presentation Transcript

    • Présentationdu SDK Tizen
    • 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 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 26 June, 2013Vue par défaut de l’IDEProject explorerConnection explorerEditor areaOutline/Event InjectorProperty/HTML/CSS PreviewProblems/Console/Pages
    • 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 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
    • • 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/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éveloppement de la plateformeHelp->Help Contents
    • 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 projetSélection du template
    • 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/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 Connection Explorer
    • 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 avertissements
    • 19/39Messages de log• Les messages s’affichent dans la console– console.log("console.log");– info(“~”), warn(“~”), error(”~”), debug(“~”)
    • 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://source.tizen.org Bug tracker : https://bugs.tizen.org
    • 23 26 June, 2013Merci
    • Tizen is a trademark of the Linux Foundation