Firefox OS & APPS DEVELOPMENT

1 Firefox OS APPS DEVELOPMENT DARDAR SAAD ( @S2DAR )
DARDAR SAAD ( @S2DAR ) http://secdar.blogstpot.com http://secdar.blogstpot.com

2 Firefox OS APPS DEVELOPMENT 1. Firefox OS 2. Se
préparer au développement 3. Développement d'application 4. Démo 5. Qestions ?

3 Firefox OS APPS DEVELOPMENT Firefox OS Firefox OS (Boot
to Gecko) est un système d'exploitation mobile libre proposé et développé par Mozilla Corporation. [Wikipédia] Firefox OS … entièrement créé avec les standards du Web, y compris le HTML5. [MozFr]

4 Firefox OS APPS DEVELOPMENT Firefox OS Architecture Firefox OS.
Gonk: se compose d’un noyau Linux et d’une couche d'abstraction matérielle Gecko: c’est la couche d’exécution d’application de Firefox Os API Web ( la pile de mise en réseau, la pile graphique, le moteur de rendu, la machine virtuelle JavaScript, et les couches de portage). Gaia: l’interface utilisateur de Firefox Os, c’est une suite d’application Web (navigateur, camera, radio…)

5 Firefox OS APPS DEVELOPMENT Firefox OS La diférence entre
Firefox OS et Android.

6 Firefox OS APPS DEVELOPMENT Se préparer au développement -
Éditeur De Texte (pour Écrire Le Code) : htp://notepad-plus-plus.org - La Dernière Version Du Navigateur Firefox : htps://www.mozilla.org/fr/firefox/new/ - Firefox Os 1.1 Simulator / App Manager Add-Ons : Ftp://fp.eu.mozilla.org/pub/labs/fxos-simulator/index.html - Firebug (pour le débogage) : htps://addons.mozilla.org/fr/firefox/addon/firebug/

7 Firefox OS APPS DEVELOPMENT Développement d'application Création d'un dossier
'projet', dans notre cas un dossier « Bonjour » . Dans le dossier « Bonjour » nous allons créer deux fichier : Index.html & manifest.webapp Bonjour Index.html manifest.webapp ./CSS ./JS ./IMG ...

8 Firefox OS APPS DEVELOPMENT Développement d'application Index.html : (Pour
visualiser la page avant d'activer le simulateur Ctrl+shif+M) <!doctype html> <html lang="fr"> <head> <meta charset="utf-8"> <title>Firefox OS !</title> </head> <body> <p>Bonjour !</p> </body> </html>

9 Firefox OS APPS DEVELOPMENT Développement d'application manifest.webapp :::: htps://developer.mozilla.org/en-US/Apps/Build/Manifest
{ "name": "Bonjour", "description": "demo", "launch_path": "/index.html", "icons": { "512": "/img/icon-512.png", "128": "/img/icon-128.png" }, "developer": { "name": "Your name or organization", "url": "http://your-homepage-here.org" }, "default_locale": "en" }

10 Firefox OS APPS DEVELOPMENT Démo (5 min)

11 Firefox OS APPS DEVELOPMENT Qestion ?

12 Firefox OS APPS DEVELOPMENT Sources et liens utiles :
Mozilla Maroc : http://mozilla.ma/ | https://ar-ar.facebook.com/mozillaMA Mozilla : https://www.mozilla.org/ MDN Mozilla developer network : https://developer.mozilla.org/fr/Firefox_OS Mozilla Hacks : https://www.youtube.com/user/mozhacks Wikipedia : http://en.wikipedia.org/wiki/Firefox_OS Twitter : @mozilla @ArabicMozilla @amarochan @MozillaMA @AhmedNefzaoui @MozillaTunisia @FirefoxOSFR @mozappsdev @mozillanews @mozhacks @Boot2Gecko @FirefoxOSFeed @firefox @CCMorocco

Firefox OS & APPS DEVELOPMENT

Firefox OS & APPS DEVELOPMENT

DARDAR SAAD

More Decks by DARDAR SAAD

Other Decks in Technology

Featured

Transcript

1 Firefox OS APPS DEVELOPMENT DARDAR SAAD ( @S2DAR )

2 Firefox OS APPS DEVELOPMENT 1. Firefox OS 2. Se

3 Firefox OS APPS DEVELOPMENT Firefox OS Firefox OS (Boot

4 Firefox OS APPS DEVELOPMENT Firefox OS Architecture Firefox OS.

5 Firefox OS APPS DEVELOPMENT Firefox OS La diférence entre

6 Firefox OS APPS DEVELOPMENT Se préparer au développement -

7 Firefox OS APPS DEVELOPMENT Développement d'application Création d'un dossier

8 Firefox OS APPS DEVELOPMENT Développement d'application Index.html : (Pour

9 Firefox OS APPS DEVELOPMENT Développement d'application manifest.webapp :::: htps://developer.mozilla.org/en-US/Apps/Build/Manifest

10 Firefox OS APPS DEVELOPMENT Démo (5 min)

11 Firefox OS APPS DEVELOPMENT Qestion ?

12 Firefox OS APPS DEVELOPMENT Sources et liens utiles :