Search the Community

In questa guida spiegherò come è semplice creare webapp (applicazioni online) su Nokia 8110 4G e altri dispositivi con sistema operativo KaiOS (e un accenno alla fine, per creare applicazioni native e offline). Le webapp altro non sono che siti web e vengono visualizzati in modo differente a seconda del tipo di dispositivo da cui si accede (user agent). Le webapp sono in continua espansione proprio per la loro leggerezza e semplicità. Certo, mancano le prestazioni che un app nativa può dare, i compiti principali (o tutti i compiti) sono affidati al sito web a cui è collegata. FASE 1: TESTARE COMPATIBILITÀ DEL SITO prima di tutto installiamo Firefox sul nostro computer; andiamo al sito che ci interessa; tasto destro sulla pagina e dal menù selezionare "Analizza Elemento"; comparirà la pagina in HTML. Da qui potrete modificare il layout della pagina a vostro piacimento (se si tratterà di una app offline), ma di questo ne parleremo in un altra occasione con il puntatore selezionare "Modalità visualizzazione flessibile (o semplicemente Control+Shift+M)", in questo modo cambierà il modo di visualizzare la pagina; dal menù in alto a sinistra selezionare Nokia 8110 4G (se non è presente cercarlo in "modifica elenco"; adesso potrai testare il tuo sito se è compatibile con il tuo dispositivo KaiOS. Spesso ci sono delle incopatibilità (menu che si vedono a metà, API non compatibili, browser obsoleto, ecc...) ma la maggior parte dei siti funzionano alla grande. Nel caso di Nokioteca forum ho notato che il menu è troppo ampio per permettermi di visualizzare voci su account, community ecc...quindi dovrei fare tutto alla cieca, a meno che non setto l'app in maniera da funzionare come collegamento al browser (un pò come funzionano Google e Youtube preinstallati). Allego una GIF che vi illustrerà il procedimento. FASE 2: IL MANIFEST Aprire un editor di testo e creare un file "manifest.webapp", usare https://jsonlint.com/ per testare se il formato sia valido. Per l'app "Nokioteca Forum" il manifest.webapp è questo: ----------------------------------------------------------------------------------------------------------------------------------------------------- { "version": "0.0.1", "name": "Nokioteca forum", "description": "Nokioteca Forum per Nokia 8110 4G e altri dispositivi KaiOS", "type": "certified", "ime_default_softkey_bar": true, "cursor": true, "start_url": "https://www.nokioteca.net/home/forum/", "developer": { "name": "Ivan", "url":"https://www.nokioteca.net/home/forum/" }, "default_locale": "en-US", "display":"browser", "locales": { "en-US": { "name":"Nokioteca forum" } }, "icons": { "128": "/icon.png" } } ---------------------------------------------------------------------------------------------------------- Questo file è il cuore dell'applicazione. Lo troverete spesso con il nome manifest.json, ma va rinominato in manifest.webapp per il corretto funzionamento. FASE 3: L'ICONA Scegliere un file immagine "icon.png", se volete usare invece una gif cambiate il parametro "128":"/icon.png" con "128":"/NOMEGIF.gif" FASE 4: ARCHIVIARE TUTTO Inserire manifest.webapp e l'icona in un archivio dal nome "application.zip" FASE 5: ARCHIVIO DELL'APPLICAZIONE Creare un archivio ZIP che contenga "application.zip" e un altro file chiamato "metadata.json", che troverete in allegato e del quale dovete sostituire solo "YOURAPP" con il sito a cui fa riferimento l'app (o qualsiasi altra frase in realtà, basta che sia diversa da quelle presenti nei metadata.json presenti in altre app che creerete per non creare conflitti) FASE 6: INSTALLAZIONE CON OMNISD (vedi guida per installare app di terze parti) Se volete toccare con mouse o provare l'app è presente in allegato con il nome di "Nokioteca Forum.zip" L'altra app invece, "Nokioteca forum(shortcut).zip", è un collegamento a questo sito e funziona come l'app di Youtube presente sul telefono. La differenza è che la prima prende tutto lo schermo senza la barra degli indirizzi (perdendo le funzioni del browser), mentre la seconda (shortcut) apre l'app del browser consentendo quindi di cercare altri siti, tornare indietro e fare lo zoom. Shortcut, nonostante sia un collegamento è già leggermente più complessa, richiede di modificare nel manifest.webapp il parametro "start_url": "www.YOURWEBSITE.com" e sostituirlo con "launch_path": "/index.html" perché fa riferimento al file "index.html", nel quale viene chiamato in causa in file javascript "main.js" nel quale viene imposto al browser di aprire il link indicato. Si può usare "launch_path" anche per far partire semplicemente un file HTML come "index.html", magari se riuscite a scaricare un intero sito dal browser o possedete un HTML collegato a una o più sottocartelle potete avviare un applicazione COMPLETA e OFFLINE semplicemente inserendo il tutto in application.zip Per una documentazione più completa: KAIOSTECH https://developer.kaiostech.com/ MOZILLA https://developer.mozilla.org/en-US/docs/Archive/B2G_OS/Firefox_OS_apps/Building_apps_for_Firefox_OS Nokioteca Forum.zip Nokioteca forum (shortcut).zip metadata.json