Développer une application pour son smartphone avec firefox : Différence entre versions
De Sciencinfolycee
(Page créée avec « =Développer une application pour son smartphone avec firefox= Quoi de plus cool quand on apprend à programmer de pouvoir faire sa propre application pour son smartphone... ») |
m |
||
| Ligne 8 : | Ligne 8 : | ||
==Installer ses outils== | ==Installer ses outils== | ||
| − | Il y a | + | Il y a deux gestes à faire |
# Choisir son éditeur pour créer les fichier: un simple éditeur comme [http://brackets.io brackets] ou un environnement plus complexe de développement comme Eclipse. | # Choisir son éditeur pour créer les fichier: un simple éditeur comme [http://brackets.io brackets] ou un environnement plus complexe de développement comme Eclipse. | ||
| − | # Installer un navigateur, dans les faits il vaut mieux utiliser [http://www.mozilla.org/fr/firefox firefox] dans ce contexte et son [ | + | # Installer un navigateur, dans les faits il vaut mieux utiliser [http://www.mozilla.org/fr/firefox firefox] dans ce contexte et son [https://developer.mozilla.org/en-US/Firefox_OS/Using_the_App_Manager App Manager] |
| − | + | ==Créer une application pour se familiariser avec l'outil== | |
| + | # Récupérer les sources ici [[]] ils serviront de modèle pour les applications suivantes | ||
| + | # | ||
| + | Ref: [https://developer.mozilla.org/en-US/Apps/Quickstart App quickstart] | ||
| − | + | ==Utiliser les technos HTML5/JS== | |
| − | + | * Le point clé est avant toute implémentation de réfléchir au [https://developer.mozilla.org/fr/Apps/Quickstart/Design/Fondamentaux_pour_design design] de l'application: que voulons nous faire ? pour quel usage et usagers ? etc | |
| − | https://developer.mozilla.org/ | + | * On utilise ensuite deux groupes de technos |
| − | https://developer.mozilla.org/fr/ | + | ** [https://developer.mozilla.org/fr/docs/Web/HTML HTML] et [https://developer.mozilla.org/fr/docs/CSS CSS] pour créer les pages et les documents de l'application, |
| − | https://developer.mozilla.org/fr/docs/Jeux | + | ** [https://developer.mozilla.org/fr/docs/Web/JavaScript JavaScript] et toutes les [https://developer.mozilla.org/fr/docs/Web/API interfaces] pour accéder à toutes les ressources que l'on souhaite (géolocalisation, caméras, …), |
| + | ** sans oublier les [https://developer.mozilla.org/fr/docs/Web objets graphiques], | ||
| + | y compris pour des [https://developer.mozilla.org/fr/docs/Jeux jeux]. | ||
https://developer.mozilla.org/fr/docs/Web/HTML | https://developer.mozilla.org/fr/docs/Web/HTML | ||
https://developer.mozilla.org/fr/docs/CSS | https://developer.mozilla.org/fr/docs/CSS | ||
Version du 18 juin 2014 à 12:18
Sommaire
Développer une application pour son smartphone avec firefox
Quoi de plus cool quand on apprend à programmer de pouvoir faire sa propre application pour son smartphone, ou sa tablette, ou son ordinateur et bien entendu ceux de nos proches ?
Pas si simple : entre les systèmes très fermés d'Apple, les variantes des différents systèmes Android dont le système de développement n'est pas immédiat, et le fait qu'il faut finalement redévelopper l'application autant de fois que de plateformes … ah mais il y a une solution : développer l'application en HTML5/JavaScript elle tournera alors dans un navigateur donc sera disponible partout (et pourra même être encapsulée dans une vraie application avec un outil comme phonegap). La fondation mozilla propose même une solution toute simple:
en voici la description.
Installer ses outils
Il y a deux gestes à faire
- Choisir son éditeur pour créer les fichier: un simple éditeur comme brackets ou un environnement plus complexe de développement comme Eclipse.
- Installer un navigateur, dans les faits il vaut mieux utiliser firefox dans ce contexte et son App Manager
Créer une application pour se familiariser avec l'outil
- Récupérer les sources ici [[]] ils serviront de modèle pour les applications suivantes
Ref: App quickstart
Utiliser les technos HTML5/JS
- Le point clé est avant toute implémentation de réfléchir au design de l'application: que voulons nous faire ? pour quel usage et usagers ? etc
- On utilise ensuite deux groupes de technos
- HTML et CSS pour créer les pages et les documents de l'application,
- JavaScript et toutes les interfaces pour accéder à toutes les ressources que l'on souhaite (géolocalisation, caméras, …),
- sans oublier les objets graphiques,
y compris pour des jeux. https://developer.mozilla.org/fr/docs/Web/HTML https://developer.mozilla.org/fr/docs/CSS
