[Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Avec la sortie prochaine d'un OS Mobile basé sur Gecko (Firefox OS) et la création d'un marketplace ouvert pour Firefox utilisant HTML5/CSS3/Javascript, la création d'applications web visant des centaines de millions d'utilisateurs est désormais ouverte à tous.
Avatar de l’utilisateur
lapineige
Iguane
Messages : 646
Inscription : 19 avr. 2015, 17:36

[Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par lapineige » 31 août 2015, 15:41

Bonjour à tous,
(je vais essayer de faire court pour ne pas être trop barbant, n’hésitez pas à demander des précisions)

A force de me trouver limité par l'OS/les applications, j'ai envie de me lancer dans le développement d'applications "simple" mais qui me rendrait grandement service, et si elles sont suffisamment utilisables, de les publier, ça fera de mal à personne ;)

Je développe déjà dans tout un tas d'autres langages, notamment le python <3, mais mes bases de html datent d'au moins 5 ans... En crois, j'ai tout oublié :mrgreen:
Jamais touché à du JS ni du CSS, à part pour lire du code.
Traduction: par la suite, considérez-moi comme un débutant en html/js/css, sauf pour les notions générales du style "c'est quoi une variable ?"

Je suis à la recherche de tuto, de documentation et autres guides sur le développement HTML5, et de préférence orienté application FirefoxOS - et peut-être même sur des frameworks responsive à y être - en français comme en anglais.

Mes idées/projets actuels, en vrac:
- Affichage (+graphique ?) de la quantité de mémoire utilisée, et de l'utilisation du processeur.
- Application pour programmer des heures de passage en mode avion/silencieux, notamment la nuit.
- Un "radar wifi", pour afficher précisément l'intensité du signal wifi, et potentiellement se géolocaliser pour essayer de repérer la source (affichage de l'intensité sur une carte, etc).
- Une application utilisant la carte openstreetmap permettant de mettre en cache/télécharger une zone définie - très pratique pour partir en vacances sans exploser son forfait.
- Une application photo avec un mode HDR plus poussé que celui de base, un mode "scan", et un mode panoramique - mais je n'ai pas de libraires toute prête, je pense automatiser ça grâce à des services en ligne.
- Et puisque je parle de photos, la possibilité de "lier" une note écrite ou vocale avec une photo/un groupe de photo.

Pour ceux qui connaissent l'API, pouvez-vous me passer de la doc' sur les bouts d'API dont j'aurai besoin ? Merci :)
J'ai aussi besoin de déterminer qu'est ce qui serait le plus simple pour commencer, et donc faire mes preuve sur le langage/os. Et sans trop connaître, c'est pas évident :lol:


Merci à tous :)

fabbox
Lézard à collerette
Messages : 357
Inscription : 16 oct. 2014, 20:20

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par fabbox » 31 août 2015, 19:57

Salut,

Il faut un peu de patience mais tout est sur le MDN : https://developer.mozilla.org/. Tu trouveras tout du tuto de base à la doc avancées. Tu y trouveras aussi des exemples d'applications pour fxos.

Donc ton point de départ sera cette page : https://developer.mozilla.org/en-US/App ... Firefox_OS et toutes les références incluses :D :D :D :D .

Tu devrais trouver une version française ici : https://developer.mozilla.org/fr/Apps/B ... lable_apps

Tu trouveras une liste des API spécifiques à fxos :
https://developer.mozilla.org/en-US/App ... ermissions
et plus général sur JS :
https://developer.mozilla.org/en-US/docs/Web/API

Pour l'application de passage en mode avion, tu peux utiliser ce post : viewtopic.php?f=34&t=123034#p783829 que tu n'auras qu'à lier à un timer.
Je te conseilles de commencer par celle ci, ça te fera la main sur les permissions, le design... pour te remettre doucement en route tout en faisant une app bien utile !
- Et puisque je parle de photos, la possibilité de "lier" une note écrite ou vocale avec une photo/un groupe de photo.
une autre bonne piste pour commencer.
Une application utilisant la carte openstreetmap permettant de mettre en cache/télécharger une zone définie - très pratique pour partir en vacances sans exploser son forfait.
C'est une bonne idée. tu dois pouvoir largement t'inspirer des applications de randonnées/gps sur le marketplace

Pour les autres, je n'ai pas trop d'avis et je ne suis pas sur qu'elles soient toutes possibles. En particulier, pour la conso mémoire/CPU, je pense qu'il va falloir que tu farfouilles dans le code de gaia pour voir ce que les options développeurs (du menu développeurs dans paramètres) utilisent comme API.

Bonne chance !

Avatar de l’utilisateur
lapineige
Iguane
Messages : 646
Inscription : 19 avr. 2015, 17:36

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par lapineige » 31 août 2015, 21:15

Merci pour toutes ces réf's ! :-)
fabbox a écrit : Je te conseilles de commencer par celle ci, ça te fera la main sur les permissions, le design... pour te remettre doucement en route tout en faisant une app bien utile !
C'est pas faux, merci ;)
Ça m’arrange en plus, ça sera rapide, car je vais faire ça sur le temps libre du temps libre de mon temps libre. En moyenne 0h/semaine.
fabbox a écrit :
- Et puisque je parle de photos, la possibilité de "lier" une note écrite ou vocale avec une photo/un groupe de photo.
une autre bonne piste pour commencer.
Oui, si j'avais une idée d'implémentation simple, et ce que je veux faire ne l'est pas ^^
fabbox a écrit : C'est une bonne idée. tu dois pouvoir largement t'inspirer des applications de randonnées/gps sur le marketplace
Niveau design/interface/fonctionnalités ? Elles ne me plaisent pas.
Et niveau vie privée... quand je vois du Analytics dedans j'installe même pas.
fabbox a écrit :En particulier, pour la conso mémoire/CPU, je pense qu'il va falloir que tu farfouilles dans le code de gaia pour voir ce que les options développeurs (du menu développeurs dans paramètres) utilisent comme API.
Même si l'API ne le permet pas, ce qui m'étonnerai quand même un peu, j'ai mon idée ;-)

Merci d'avoir pris le temps de me répondre, je vais bûcher toute cette doc' :-D

Avatar de l’utilisateur
lapineige
Iguane
Messages : 646
Inscription : 19 avr. 2015, 17:36

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par lapineige » 01 sept. 2015, 22:54

L'idée du jour qui me dépannerai bien: une application qui gère une liste de tâches à réaliser (des cases à cocher quoi ^^), mais en ajoutant la possibilité d'ajouter une alarme ou des notifications pour s'en souvenir.

Niveau API j'aurai besoin de quoi ?

Avatar de l’utilisateur
lapineige
Iguane
Messages : 646
Inscription : 19 avr. 2015, 17:36

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par lapineige » 03 sept. 2015, 00:08

Bon j'ai commencé, non sans quelques galères, l'application de planification du mode avion et compagnie. En récupérant le JS et en le modifiant un peu, ça marche impec'.
Reste plus qu'a gérer la partie timer.

WebIde est assez pratique, la modification du code et son application en temps réel c'est vraiment chouette. Par contre j’ai pas compris comment ouvrir une application hébergée, je suis obligé de recréer un projet à chaque fois.

fabbox
Lézard à collerette
Messages : 357
Inscription : 16 oct. 2014, 20:20

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par fabbox » 03 sept. 2015, 06:35

c'est tout le jeu les galères :D et après, une fois résolue, on se demande souvent comment on avait pas trouvé la solution plus tôt :P mais on retient la leçon :roll: !

Pour l’application hébergée, je ne sais pas trop si je comprend bien ta question, car en générale tout les apps que j'ai besoin de bidouiller sont ou deviennent empaquetées. Il te suffit de rentrer l'url de l'app hébergée pour l'ouvrir (mais tu ne pourras pas modifier les sources, justes tester l'app en condition "hébergée").

Avatar de l’utilisateur
lapineige
Iguane
Messages : 646
Inscription : 19 avr. 2015, 17:36

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par lapineige » 03 sept. 2015, 08:02

Me suis planté, je parle d'application empaquetée ^^

Pour les galères on est bien d'accord, mais normalement c'est niveau code, pas niveau environnement de dév'/débug :-P

Avatar de l’utilisateur
lapineige
Iguane
Messages : 646
Inscription : 19 avr. 2015, 17:36

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par lapineige » 07 sept. 2015, 23:02

Je viens de m'y remettre, désolé pour le silence radio.
En fait je n'avais pas compris qu'il fallait sélectionner le dossier du manifest, et pas le fichier lui-même. C'est pas des masses intuitif ^^
Bon après quelques galères (car oui il y a de la doc, mais trop peu de tuto qui montrent comment faire - ce qui est quand même bien pour débuter), j'ai fini par trouver comment obtenir l'heure... Et il m'a fallu chercher un moment en plus :(
Deux interrogations:
- avez-vous un lien vers le code d'une application utilisant un timer ? J'ai pas trouvé de doc' claire sur le net, du coup je ne sais pas comment faire.
- l'application horloge peut se lancer toute seule si on règle une alarme, alors qu'elle ne tourne pas le reste du temps. Comment reproduire ce comportement ?
Sinon il me reste à voir comment on gère une liste en javascript.


Autre point sans rapport: j'ai un google cardboard, qui évidemment ne marche pas avec firefox OS (youtube ne propose pas l'icône, et il n'y a pas d'application). J'ai eu beau chercher désespérément un lecteur en ligne qui gère l'affichage coupé en deux et le gyroscope, peine perdu apparemment. Connaissez-vous une librairie d'affichage en webGL qui permette de générer ce genre d'affichage ? (que je pourrais ensuite interfacer avec le gyroscope du téléphone)

sizvix
Lézard à collerette
Messages : 432
Inscription : 05 sept. 2013, 15:03

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par sizvix » 08 sept. 2015, 18:15

Pour lancer une application à un moment donné, tu as mozAlarms : https://wiki.mozilla.org/WebAPI/AlarmAPI
Ne pas oublier le
"messages": [
{ "alarm": "/index.html" }
]
;)
Pour la liste ... un tableau ne te suffit pas ?
Ma page de présentation en dev. web :
http://www.silpaop.com

fabbox
Lézard à collerette
Messages : 357
Inscription : 16 oct. 2014, 20:20

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par fabbox » 08 sept. 2015, 19:26

Je te laisse chercher pour les listes en javascript (car c'est assez simple ["element2","element2","element3"] et documenté https://developer.mozilla.org/en-US/doc ... ects/Array si tes listes sont bien des tableaux comme je le suppose).

Pour le timer, tu peux t'inspirer de cette exemple :
https://developer.mozilla.org/en-US/App ... ine_is_due

Pour le cardboard (je ne sais pas ce que c'est :shock: ), mais pour la vidéo, tu peux partir de ça :
https://developer.mozilla.org/en-US/App ... nipulation

Pour l'orientation du device, il y a pas mal de lien à partir de là :
https://developer.mozilla.org/en-US/App ... odify_data

de manière général, il y a pas mal d'info à partir de :
https://developer.mozilla.org/en-US/Apps/Build

Je sais, ça fait pas mal de lecture :D

Avatar de l’utilisateur
lapineige
Iguane
Messages : 646
Inscription : 19 avr. 2015, 17:36

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par lapineige » 08 sept. 2015, 19:41

sizvix a écrit :Pour lancer une application à un moment donné, tu as mozAlarms : https://wiki.mozilla.org/WebAPI/AlarmAPI
Ne pas oublier le
"messages": [
{ "alarm": "/index.html" }
]
;)
Ah ça sert à ça ? Bon ben super merci de l'info ;)

Pour les listes/tableaux, apparemment on parle de la même chose, d'un type d'objet ordonné (équivalent aux listes en python par exemple).
En fait je ne demandais pas de lien, c'était façon de faire un bilan, je n'ai pas eu le temps d'apprendre le javascript de manière complète niveau syntaxe et type de données, je fais en fonction du besoin.
Mais merci pour les liens :)
Je sais, ça fait pas mal de lecture :D
Et c'est très sympa de ta part ;)
Je vais potasser tout ça... quand j'aurai le temps ;)

Code : Tout sélectionner

Pour le cardboard (je ne sais pas ce que c'est :shock: ), mais pour la vidéo, tu peux partir de ça :
https://developer.mozilla.org/en-US/App ... nipulation
Je te laisse regarder ce que c'est avec ton moteur de recherche préféré ;) (qwant ? duckduckgo ? Autre ? Ouvrons le débat :lol: )
Mais pour faire simple, c'est une armature en carton qui se couple avec un téléphone pour faire une sorte de casque de réalité virtuelle.

fabbox
Lézard à collerette
Messages : 357
Inscription : 16 oct. 2014, 20:20

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par fabbox » 08 sept. 2015, 20:26

:P DON'T FEED THE TROLL :P

ça a l'air fun ce truc de cardboard, j'étais complétement passé à travers !

Si la programmation n'est pas mystérieuse pour toi, la plupart des tutos javascript des niveaux "intermédiaires" https://developer.mozilla.org/fr/docs/Web/Tutoriels se lisent très bien (en particulier dans les transports en commun)... encore un lien, je sais, je crois que j'ai des actions chez mozilla et en particulier pour le mdn.

Avatar de l’utilisateur
lapineige
Iguane
Messages : 646
Inscription : 19 avr. 2015, 17:36

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par lapineige » 08 sept. 2015, 21:11

fabbox a écrit ::P DON'T FEED THE TROLL :P

ça a l'air fun ce truc de cardboard, j'étais complétement passé à travers !
C'est super gadget, mais puisque j'en ai un, autant mettre à disposition un lecteur autre que Youtube (qui ne propose l'icône que sous android, évidemment...) ou l'application de Google... En html5 en plus je pourrai le mettre à disposition de tous, et permettre à d'autres d'utiliser ce genre de casque sans passer par Google.
fabbox a écrit :encore un lien, je sais, je crois que j'ai des actions chez mozilla et en particulier pour le mdn.
Pas trop mal placées les actions ;)

fabbox a écrit : Si la programmation n'est pas mystérieuse pour toi, la plupart des tutos javascript des niveaux "intermédiaires" https://developer.mozilla.org/fr/docs/Web/Tutoriels se lisent très bien (en particulier dans les transports en commun)
C'est bien le seul endroit ou j'ai du temps à tuer... merci ;)
J'étais parti sur les tutos de codeacademy, qui sont très bien, mais pour des débutants, quand on connaît c'est long et lassant. Merci :)

Avatar de l’utilisateur
lapineige
Iguane
Messages : 646
Inscription : 19 avr. 2015, 17:36

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par lapineige » 09 sept. 2015, 08:10

A propos des alarmes, je me demandai s'il est possible de créer une alarme ou niveau de l'application horloge, mais sans l'ouvrir. En gros, je règle une heure, et ça ajoute une alarme à cette heure là. Je ne pense pas m'en servir pour ça, mais c'est toujours bon à savoir.
Autre question, comment générer une notification ?
J'attends la lecture :mrgreen:

fabbox
Lézard à collerette
Messages : 357
Inscription : 16 oct. 2014, 20:20

Re: [Firefox OS] Se lancer dans le développement - cherche ressources et conseils :)

Message par fabbox » 09 sept. 2015, 21:20

Bon, je crois que tu as mérité un RTFM :D :twisted: :D !
Dans le lien que je t'ai donné hier ( https://developer.mozilla.org/en-US/Apps/Build ), il y a une section "user notifications" avec comme description "System notifications, alarms, vibration."...

Tu trouveras toutes les explications et des exemples à partir de ces sections :wink:

Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités