Salve ragazzi!
In questa prima parte per la creazione di un'applicazione per Firefox OS andremmo a vedere come gestire la nostra applicazione. Prima di incominciare c'è da dire che potremmo creare applicazioni, anche attraverso il linguaggio informatico "HTML" e la pubblicazione della propria applicazione è COMPLETAMENTE GRATUITA! Perchè il marketplace possiede un ottimo servizio. Ma della pubblicazione ne parleremmo più avanti. La cosa fantastica di tutto questo è il semplice fatto che non appesantiremmo il PC con programmi di programmazione ecc. Ma soltanto di alcuni plugins per Firefox. Figo eh? Ma prima, alcune premesse:
-Questa guida è dedicata ESCLUSIVAMENTE per Windows, per il momento non ho altri sistemi operativi istallati sul mio computer
-In questa guida non vi sarà spiegato come creare i file HTML
-Do alcuni codici "di base" poi sta a voi impostarli
Cosa serve?
- Un minimo di conoscenza d'informatica
- Mozilla Firefox (possibilmente l'ultima versione)
- Scaricare il simulatore di Firefox OS (usate la versione con cui volete sviluppare l'applicazione) e il ADP Helper (da qui:https://ftp.mozilla.org/pub/mozilla.org/labs/fxos-simulator/)
- Notepad++
Ok, incominciamo
1- Iniziamo col creare una nuova cartella (chiamiamola come ci pare)
2- Avviamo Notepad++ e iniziamo a salvare il documento chiamandolo "manifest.webapp" (Selezionando sull'estensione "All type") e salviamolo nella cartella appena creata. E dopo vedremmo cosa metterci dentro.
3- Inseriamo il file HTML all'interno della cartella, e consiglio di rinnominare il file (html) in "index.html".
4- Troviamo delle immagini che vogliamo che siano le icone (oppure che fanno parte del file html)
5- Creiamo la cartella "image" all'interno della cartella creata nel punto 1 ed inseriamo tutte le immagini che servono (o che vogliamo siano importate come icone)
6- Dovreste trovarvi una cosa del genere:
7- Ora vediamo come impostare il file "manifest.webapp":
Tanto per cominciare dobbiamo cliccare col tasto destro sul file e cliccare su "Edit with Notepad++" dopo inseriamo questo codice:
{
"name": "Nome app", (INSERIRE NOME APPLICAZIONE)*
"description": "Descrizione dell'app", (INSERIRE DESCRIZIONE APPLICAZIONE)*
"version": "Versione dell'app", (INSERIRE VERSIONE APPLICAZIONE)
"launch_path": "/index.html", (INSERIRE IL PERCORSO DEL FILE HTML)*
"icons": {
"128": "/img/icona.png" (INSERIRE IL PERCORSO DELL'ICONA DI 128 PIXEL)
},
"developer": {
"name": "Nome sviluppatore", (INSERIRE NOME SVILUPPATORE)*
"url": "inserire sito web" (INSERIRE SITO WEB DELLO SVILUPPATORE)
},
"default_locale": "it" (INSERIRE LINGUA DELL'APPLICAZIONE)
}
La cosa che dovete fare è modificare SOLTANTO ciò che è scritto fra le virgolette (senza cancellare le virgolette), quindi ad esempio:
{
"name": "La mia applicazione",
"description": "E' l'applicazione più bella al mondo!
",
"version": "100.0.00.1",
"launch_path": "/index.html",
"icons": {
"128": "/image/128.png"
},
"developer": {
"name": "KillerNinja",
"url": "https://firefoxositalianhacks.blogfree.net"
},
"default_locale": "it"
}
Dopo salvate e il gioco è fatto!
Sono presenti altri "codici" ma quelli base sono questi qui.
8- Aprire Mozilla Firefox
9- Cliccare in alto (sul menu a tendina)
10- Clicca su "Sviluppo Web" e "Gestione App"
11- In basso, clicca su "Aggiungi app packaged"
12- Selezionare la cartella (Sempre quella creata nel punto 1)
13- In basso possiamo fare 2 cose:
- Avviare in modalità REMOTO il debug (per farlo dovete andare sul vostro telefono>impostazioni>sviluppo e spuntate su "Debug Remoto") e vi basta cliccarci sopra, e dopo collegate il telefono all'USB del PC.
- Avviando il simulatore di Firefox OS e clicca nuovamente su "Firefox OS".
14- Dopo aver scelto la modalità di Debug avviamo quindi il simulatore (o debug remoto), clicchiamo sull'applicazione e cliccate su "Aggiorna" e dopo si istallerà la nostra applicazione
15- Dopo dovrebbe "comparirvi" la vostra applicazione:
OTTIMO! Abbiamo finito
(finalmente, direi).
Se ci sono problemi avvisatemi, e prossimamente vi sarà spiegato come pubblicare la vostra applicazione sul Marketplace.
