Nel precedente articolo vi ho illustrato una guida molto dettagliata per abilitare il supporto alle Web Apps vedendo anche come installarle.La procedura come avrete potuto leggere è molto semplice se si eseguono i passi descritti.
In quest’altro post vedremo come creare una Web Apps per Google Chrome nella maniera più semplice e una lista delle migliori disponibili come promesso ieri.Su vari siti e blog stranieri sono presenti varie guide che portano alla creazione di una Web Apps ma che per molti possono essere dei passaggi un po’ elaborati e complicati da effettuare.
Il modo che trovate descritto in questo articolo è sicuramente il più semplice a livello generale,adatto a tutte le varie fasce di utenza presenti in rete.Senza dilungarci troppo,partiamo!
1. aver installato Chrome Canary Build (dove è stata testata la procedura) o
2. aver abilitato il supporto e l’installazione alle Web Apps (leggere questa guida)
3. una editor di testo (consigliato Notepad);
4. siti per cercare e scaricare icone (IconFinder – FindIcons – Mr.Icons);
5. pazienza,calma e buona volontà.
1. scaricare da questo indirizzo il pacchetto già configurato da me,estrarre l’archivio e aprire il file manifest.json.
Questo sarà il contenuto presente:
2. impostare i vostri parametri come scritto di seguito:
- nome Web Apps >> inserite il nome della vostra Web Apps;
- numero versione >> inserite 1 o 1.0;
- URL da aprire >> il sito web da aprire.
Il resto lasciatelo tutto invariato.Fare click su file e successivamente su salva.
3. Ora andate su uno dei siti sopra descritti e scaricate l’immagine che farà da icona per la vostra Web Apps.Dovrete scaricarla in formato PNG nelle seguenti dimensioni:
- 128 x 128 | 48 x 48 | 32 x 32 | 24 x 24
Suggerimento : se quando scaricate l’immagine PNG non sono presenti le dimensioni descritte,procuratevi un software di grafica (ad esempio Photoshop) e riducete voi le dimensioni manualmente.
4. Rinominare le 4 immagini PNG in:
- 128.png | 24.png | 32.png | 48.png
5. Ora create una nuova cartella chiamandola con il nome della vostra Web Apps seguito da _app (ad esempio nomeapp_app);
6. All’interno copiare i file manifest.json e le quattro immagini PNG.
1. Aprire la Canary Build o Dev Channel;
2. andare nel menù opzioni > tool > estensioni;
3. modalità sviluppatore > crea pacchetto estensione;
4. cliccare su sfoglia accanto la voce directory principale estensione;
5. selezionare la cartella precedentemente creata contenente tutti i file;
6. cliccare su OK.
7. Una nuova finestra di avviserà che sono stati creati due nuovi file con estensione .crx e .pem
Per installare l’estensione non dovrete fare altro che trascinare il file avente estensione .crx all’interno del browser Chrome,cliccare su continua e successivamente su installa.Se aprite una nuova scheda vedrete la vostra Web Apps installata.
Anche se sembrano tanti passi da eseguire,il tutto è molto semplice,anche divertente del resto.
Qui di sotto trovate alcune Web Apps che ho trovato in rete.Per scaricarle fate click con il tasto destro sul link > salva link con nome.Successivamente trascinare il file .crx nel browser Chrome Canary Build o Dev Channel (bisogna sempre aver abilitato il supporto alle Web Apps) e installarle.
Web Apps:
- DropBox
- Facebook
- Gmail | Calendar | Docs (presenti già di default in maniera ” segreta “.Leggi qui)
- Google Maps
- Google Reader
- Hotmail Wave 4
- RisorseGeek (Web Apps del blog)
- TeamViewer
- Twitter
- uTorrent Falcon
- Vimeo
- YouTube
- Yahoo Mail
Se conoscete altre Web Apps inseritele nei commenti.
Ne ho creata una :P http://www.multiupload.com/9N4PQ7FKQZ
Bravo :D :D Grazie di aver provato la procedura.. :D :D
Prego ;)
Cmq ho già avuto "esperienza" perché avevo già provato a creare un estensione normale.
Bene allora… :D Sapresti creare anche applicazioni per iPhone /iPad ?
No, ho solo creato un estensione che si svolge in un pop-up per Google Chrome, niente di che, spiegava solo la configurazione del manifest.json
Ok,capito.
ciao, molto interessante come guida, unica cosa che non riesco a scaricare “il pacchetto configurato da te” da dropbox.. potresti aiutarmi che sto cercando di rendere il sito un web app :) grazie