Dimensione: 12920
Commento:
|
Dimensione: 12183
Commento:
|
Le cancellazioni sono segnalate in questo modo. | Le aggiunte sono segnalate in questo modo. |
Linea 1: | Linea 1: |
## page was renamed from vipri-alessandro/Webapp | |
Linea 5: | Linea 6: |
<<Informazioni(forum="forum.ubuntu-it.org"; rilasci="16.04")>> | <<Informazioni(forum="http://forum.ubuntu-it.org/viewtopic.php?f=46&t=618440"; rilasci="16.04")>> |
Linea 10: | Linea 11: |
Questa guida spiega come installare delle webapp aggiuntive per accedere a differenti contenuti online direttamente dalla scrivania di Ubuntu. | Le '''webapp''' sono applicazioni avviabili dalla scrivania di Ubuntu, in grado di accedere a diversi servizi web come Amazon, Google, Facebook, !YouTube e molti altri. Ubuntu viene rilasciato con la sola webapp Amazon preinstallata, ma sono disponibili all'installazione numerose altre webapp. |
Linea 12: | Linea 13: |
Questa guida spiega come installare delle webapp aggiuntive e come creare nuove webapp personalizzare. | |
Linea 14: | Linea 16: |
{{{#!wiki tip Le istruzioni per installare la webapp '''Documentazione di Ubuntu-it''' sono presenti in [[/Documentazione|questa pagina]].}}} <<BR>> |
|
Linea 15: | Linea 20: |
= Installazione = | ||<tablestyle="width:100%" style="border:none;"> {{attachment:webapplp.png}} ||<style="border:none;">Sebbene le webapp abbiano delle funzionalità limitate rispetto ad un normale browser web, esse offrono alcune funzionalità molto utili: <<ElencoTabella(\n * accesso diretto ai contenuti web desiderati tramite icona posta nella '''[[AmbienteGrafico/Unity/Glossario#Dash|Dash]]''' o nel '''[[AmbienteGrafico/Unity/Glossario#Launcher|Launcher]]''' di Ubuntu;\n * salvataggio della cronologia e dei dati di accesso in ''cache'' separate;\n * possibilità di creare nuove webapp.\n)>> || |
Linea 17: | Linea 22: |
È possibile installare diverse webapp in Ubuntu: | = Installazione delle webapp = |
Linea 19: | Linea 24: |
||<tablestyle="width:100%" 25%> [[apt://unity-webapps-amazoncloudreader|unity-webapps-amazoncloudreader]] ||<25%> [[apt://unity-webapps-bbcnews|unity-webapps-bbcnews]] ||<25%> [[apt://unity-webapps-cnn-news|nity-webapps-cnn-news]] ||<25%> [[apt://unity-webapps-common|unity-webapps-common]] || | È possibile [[AmministrazioneSistema/InstallareProgrammi|installare]] diverse webapp in Ubuntu: ||<tablestyle="width:100%" 25%> [[apt://unity-webapps-amazoncloudreader|unity-webapps-amazoncloudreader]] ||<25%> [[apt://unity-webapps-bbcnews|unity-webapps-bbcnews]] ||<25%> [[apt://unity-webapps-cnn-news|unity-webapps-cnn-news]] ||<25%> [[apt://unity-webapps-common|unity-webapps-common]] || |
Linea 31: | Linea 38: |
Il gruppo documentazione ha realizzato una webapp specifica per la documentazione wiki di ubuntu-it. Le istruzioni per la sua installazione sono presenti in [[/Documentazione|questa pagina]]. |
|
Linea 34: | Linea 43: |
La procedura di seguito descritta prevede l'utilizzo del programma '''Webapp container''', preinstallato in Ubuntu.<<BR>> Se si desidera utilizzare questa funzionalità sulle derivate di Ubuntu, è necessario [[AmministrazioneSistema/InstallareProgrammi|installare]] il pacchetto [[apt://webapp-container|webapp-container]] e tutte le sue dipendenze. Tuttavia alcune funzionalità proprie dell'ambiente '''Unity''' non possono essere implementate nelle altre derivate di Ubuntu, ad esempio le [[#scorciatoie|scorciatoie del Launcher]]. |
La procedura di seguito descritta prevede l'utilizzo del programma '''Webapp-container''', preinstallato in Ubuntu.<<BR>> Se si desidera utilizzare questa funzionalità sulle derivate di Ubuntu, è necessario [[AmministrazioneSistema/InstallareProgrammi|installare]] il pacchetto [[apt://webapp-container|webapp-container]] e tutte le sue dipendenze. Tuttavia alcune funzionalità specifiche di '''Unity''' non possono essere implementate nelle altre derivate di Ubuntu, ad esempio le [[#scorciatoie|scorciatoie del Launcher]]. |
Linea 37: | Linea 46: |
== Introduzione a Webapp-container == | == Utilizzo di Webapp-container == |
Linea 41: | Linea 50: |
}}} sostituendo il termine ''nomecartella'' con il nome della cartella in cui si desidera salvare i dati di navigazione e ''URL'' con l'indirizzo internet del sito che si intende visualizzare. I dati raccolti da webapp-container verranno così salvati in tre directory differenti: | }}} sostituendo il termine ''nomecartella'' con il nome della cartella in cui si desidera salvare i dati di navigazione e ''URL'' con l'indirizzo internet del sito che si intende visualizzare. I dati raccolti da '''webapp-container''' verranno così salvati in tre directory differenti: |
Linea 46: | Linea 55: |
'''Webapp-container''' dispone di diverse opzioni di avvio e deve essere eseguito con la seguente sintassi:{{{ webapp-container [OPTION] [URL] |
Ad esempio, digitando il comando:{{{ webapp-container --app-id=slither http://slither.io/ }}} verrà aperto il simpatico gioco online all'interno di una webapp.<<BR>> '''Webapp-container''' dispone di diverse opzioni di avvio (alcune sono elencate di seguito) e deve essere eseguito con la seguente sintassi:{{{ webapp-container [OPTION1] [OPTION2] [URL] |
Linea 50: | Linea 62: |
||<tablestyle="width:100%" rowbgcolor="#cccccc;" :30%>'''Opzioni''' ||<:70%>'''Descrizione''' || ||<#f7f7f7> -h, --help || mostra le opzioni disponibili || ||<#f7f7f7> --fullscreen || avvia la webapp a schermo intero || ||<#f7f7f7> --local-webapp-manifest || configura la webapp in presenza di un file `manifest.json` || ||<#f7f7f7> --maximized || apre la webapp massimizzata || ||<#f7f7f7> --inspector[=PORT] || esegue un ispettore remoto su una specifica porta; per impostazione predefinita viene utilizzata la porta 9221 || ||<#f7f7f7> --app-id=APP_ID || esegue l'azzplicazione con uno specifico APP_ID || ||<#f7f7f7> --homepage=URL || override any URL passed as an argument|| ||<#f7f7f7> --webapp=name || try to match the webapp by name with an installed integration script|| ||<#f7f7f7> --name=NAME || nome visualizzato della webapp || ||<#f7f7f7> --icon=PATH || icona da mostrare nello splash screen Icon to be shown in the splash screen. PATH can be an absolute or path relative to CWD|| ||<#f7f7f7> --webappModelSearchPath=PATH || alter the search path for installed webapps and set it to PATH. PATH can be an absolute or path relative to CWD|| ||<#f7f7f7> --webappUrlPatterns=URL_PATTERNS || list of comma-separated url patterns (wildcard based) that the webapp is allowed to navigate to|| ||<#f7f7f7> --accountProvider=PROVIDER_NAME || Online account provider for the application if the application is to reuse a local account.|| ||<#f7f7f7> --accountSwitcher || enable switching between different Online Accounts identities|| ||<#f7f7f7> --store-session-cookies || salva i cookie di navigazione || ||<#f7f7f7> --enable-media-hub-audio || enable media-hub for audio playback|| ||<#f7f7f7> --user-agent-string=USER_AGENT || overrides the default User Agent with the provided one.|| ||<#f7f7f7> --open-external-url-in-overlay || if url patterns are defined, all external urls are opened in overlay instead of browser|| ||<#f7f7f7 -2> Chrome options (if none specified, no chrome is shown by default): || ||<#f7f7f7> --enable-back-forward || enable the display of the back and forward buttons (implies --enable-addressbar)|| ||<#f7f7f7> --enable-addressbar || enable the display of a minimal chrome (favicon and title)|| |
||<tablestyle="width:100%" #cccccc :30%>'''Opzioni''' ||<:70% #cccccc>'''Descrizione''' || ||<#f7f7f7> -h, --help || mostra le opzioni disponibili || ||<#f7f7f7> --fullscreen || avvia la webapp a schermo intero || ||<#f7f7f7> --local-webapp-manifest || configura la webapp in presenza di un file `manifest.json` || ||<#f7f7f7> --maximized || apre la webapp massimizzata || ||<#f7f7f7> --app-id=APP_ID || esegue l'azzplicazione con uno specifico APP_ID || ||<#f7f7f7> --name=NAME || nome visualizzato della webapp || ||<#f7f7f7> --webappModelSearchPath=PATH || modifica il percorso di ricerca || ||<#f7f7f7> --webappUrlPatterns=URL_PATTERNS || elenco di URL all'interno dei quali è consentita la navigazione con la webapp, separati da virgole || ||<#f7f7f7> --store-session-cookies || salva i cookie di navigazione || ||<#f7f7f7> --enable-media-hub-audio || abilita la riproduzione audio || ||<#f7f7f7> --open-external-url-in-overlay || una volta definita l'opzione ''webappUrlPatterns'', tutti i link esterni vengono aperti in una ''overlay'' invece che nel browser predefinito || ||<#f7f7f7> --enable-back-forward || abilita i pulsanti di navigazione nella webapp (implica l'opzione ''enable-addressbar'') || ||<#f7f7f7> --enable-addressbar || abilita una barra superiore contenente icona e titolo del sito web visualizzato || |
Linea 75: | Linea 79: |
Per avviare una webapp da interfaccia grafica è sufficiente creare: | Per avviare una webapp tramite [[AmbienteGrafico/IconeDiAvvio|icona di avvio]] è sufficiente creare: |
Linea 77: | Linea 81: |
* una icona `.png`. | * una icona `.png` con dimensione minima consigliata di 64x64 px; la dimensione ottimale è di 128x128 px. |
Linea 79: | Linea 83: |
Per creare un file `.desktop`, procedere come segue: 0. fare clic con il tasto destro sulla '''Scrivania''' e selezionare '''''Nuovo documento → Documento vuoto'''''; 0. dare un nome al file appena creato aggiungendo l'estensione `.desktop`, ad esempio `Test-webapp.desktop`. 0. aprire il file appena creato con un editor di testo e copiare al suo interno il testo seguente, modificandolo secondo le proprie esigenze:{{{ |
Per creare un file `.desktop`, seguire la procedura indicata in [[AmbienteGrafico/IconeDiAvvio/ModalitàManuale#nuova|questo paragrafo]] della pagina '''!IconeDiAvvio/ModalitàManuale''', sostituendo il contenuto del nuovo file `.desktop` con il seguente:{{{ |
Linea 91: | Linea 91: |
0. salvare il file, quindi renderlo eseguibile. | |
Linea 93: | Linea 92: |
A questo punto scoparirà l'estensione `.desktop` e comparirà un'icona bianca sopra il nome della webapp. Facendo doppio clic sul file, verrà aperta la webapp.<<BR>> Per modificare il file eseguibile appena creato, sarà ora necessario aprirlo tramite un editor di testo. |
Terminata la procedura, scomparirà l'estensione `.desktop`. Facendo doppio clic sul file, verrà aperta la webapp.<<BR>> Per modificare il file eseguibile appena creato, sarà ora necessario aprirlo tramite [[Ufficio/EditorDiTesto|editor di testo]]. == Aggiungere la webapp alla Dash di Ubuntu == Per aggiungere la webapp alla '''[[AmbienteGrafico/Unity/Glossario#Dash|Dash]]''' di Ubuntu si può procedere in due modi: * '''Webapp disponibile per un solo utente''': spostare il file desktop nella cartella `~/.local/share/applications` e l'icona nella cartella `~/.local/share/icons`. * '''Webapp disponibile per tutti gli utenti''': spostare il file desktop nella cartella `/usr/share/applications` e l'icona nella cartella `/usr/share/icons`. Mentre nel primo caso basta un copia/incolla manuale dei file, nel secondo caso è necessario intervenire da [[AmministrazioneSistema/Terminale|terminale]], digitando i comandi seguenti: {{{ sudo mv nomefile.desktop /usr/share/applications}}} {{{ sudo mv nomeicona.png /usr/share/icons}}} |
Linea 99: | Linea 108: |
L'interfaccia '''Unity''' consente di utilizzare delle scorciatoie per accedere a determinate funzioni di un'applicazione presente nel '''[[AmbienteGrafico/Unity/Glossario#Launcher|Launcher]]'''. Ad esempio la webapp [[vipri-alessandro/WebAppWiki]] consente di accedere rapidamente alle varie sezioni della documentazione wiki online tramite clic destro sull'icona del '''Launcher'''. | L'interfaccia '''Unity''' consente di utilizzare delle scorciatoie per accedere a determinate funzioni di un'applicazione presente nel '''[[AmbienteGrafico/Unity/Glossario#Launcher|Launcher]]'''. Ad esempio la '''webapp [[/Documentazione|Documentazione di Ubuntu-it]]''' consente di accedere rapidamente alle varie [[Documentazione#Aree_tematiche|aree tematiche]] della documentazione wiki tramite clic destro sull'icona della webapp. |
Linea 101: | Linea 110: |
È possibile aggiungere queste funzionalità ad un file `.desktop` tramite la procedura seguente: 0. aggiungere la riga:{{{ Actions=Nome1;Nome2;...;}}} 0. Aggiungere una o più '''Desktop Action''', in funzione di quante scorciatoie si vuole aggiungere alla webapp:{{{ |
Per aggiungere le scorciatoie del '''Launcher''' alla webapp appena creata, seguire la procedura indicata in [[AmbienteGrafico/IconeDiAvvio/ModalitàManuale#scorciatoie|questo paragrafo]] della pagina '''!IconeDiAvvio/ModalitàManuale''', utilizzando la sintassi seguente per aggiungere le '''Desktop Action''' desiderate:{{{ |
Linea 115: | Linea 121: |
0. Salvare il file `.desktop` così modificato. Ora sarà possibile fare clic con il '''Pulsante destro''' del mouse sull'icona di avvio della webapp posta nel '''Launcher''' per aprire il menu delle scorciatoie. Avviando la webapp tramite una scorciatoia si noterà che la webapp verrà aperta in una nuova icona nel '''Launcher''', poichè il nuovo comando non riconosce l'icona da utilizzare. Per prevenire questo inconveniente: 0. avviare la webapp dall'icona del '''Launcher''' senza utlizzare le scorciatoie; 0. digitare nel [[AmministrazioneSistema/Terminale|terminale]] il comando: {{{ xprop WM_CLASS }}} quindi premere con un clic del mouse sulla webapp in esecuzione; 0. prendere nota del risultato stampato nel terminale, che sarà simile al seguente:{{{ WM_CLASS(STRING) = "webapp-container", "nomecartella" }}} generalmente viene riportato il nome della cartella impostata dall'opzione ''--app-id=nomecartella''; 0. chiudere la webapp, quindi aprire con un editor di testo il file `.desktop` della webapp; 0. inserire la riga:{{{ StartupWMClass=nomecartella }}} appena dopo la riga '''Exec''', salvare e chiudere. |
|
Linea 151: | Linea 143: |
== Creazione dell'icona == L'icona in formato `.png` può essere realizzata in qualunque modo. Si consiglia una dimensione minima di 64x64 px. La dimensione ottimale è di 128x128 px. == Aggiungere la webapp alla Dash di Ubuntu == Per aggiungere la webapp alla '''[[AmbienteGrafico/Unity/Glossario#Dash|Dash]]''' di Ubuntu si può procedere in due modi: * '''Webapp disponibile per un solo utente''': spostare il file desktop nella cartella `~/.local/share/applications` e l'icona nella cartella `~/.local/share/icons`. * '''Webapp disponibile per tutti gli utenti''': spostare il file desktop nella cartella `/usr/share/applications` e l'icona nella cartella `/usr/share/icons`. Mentre nel primo caso basta un copia/incolla manuale dei file, nel secondo caso è necessario intervenire da [[AmministrazioneSistema/Terminale|terminale]], digitando i comandi seguenti: {{{ sudo mv nomefile.desktop /usr/share/applications}}} {{{ sudo mv nomeicona.png /usr/share/icons}}} |
|
Linea 172: | Linea 150: |
CategoryHomepage | CategoryGrafica CategoryInternet CategoryDaRevisionare |
Problemi in questa pagina? Segnalali in questa discussione
Introduzione
Le webapp sono applicazioni avviabili dalla scrivania di Ubuntu, in grado di accedere a diversi servizi web come Amazon, Google, Facebook, YouTube e molti altri. Ubuntu viene rilasciato con la sola webapp Amazon preinstallata, ma sono disponibili all'installazione numerose altre webapp.
Questa guida spiega come installare delle webapp aggiuntive e come creare nuove webapp personalizzare.
Le istruzioni per installare la webapp Documentazione di Ubuntu-it sono presenti in questa pagina.
|
Sebbene le webapp abbiano delle funzionalità limitate rispetto ad un normale browser web, esse offrono alcune funzionalità molto utili:
|
Installazione delle webapp
È possibile installare diverse webapp in Ubuntu:
Il gruppo documentazione ha realizzato una webapp specifica per la documentazione wiki di ubuntu-it. Le istruzioni per la sua installazione sono presenti in questa pagina.
Creazione di una nuova webapp
La procedura di seguito descritta prevede l'utilizzo del programma Webapp-container, preinstallato in Ubuntu.
Se si desidera utilizzare questa funzionalità sulle derivate di Ubuntu, è necessario installare il pacchetto webapp-container e tutte le sue dipendenze. Tuttavia alcune funzionalità specifiche di Unity non possono essere implementate nelle altre derivate di Ubuntu, ad esempio le scorciatoie del Launcher.
Utilizzo di Webapp-container
Per realizzare una nuova webapp in maniera semplice, è possibile utilizzare lo strumento webapp-container preinstallato in Ubuntu. Tale strumento è avviabile da terminale, digitando il comando:
webapp-container --app-id=nomecartella URL
sostituendo il termine nomecartella con il nome della cartella in cui si desidera salvare i dati di navigazione e URL con l'indirizzo internet del sito che si intende visualizzare. I dati raccolti da webapp-container verranno così salvati in tre directory differenti:
~/.cache/nomecartella
~/.config/nomecartella
~/.local/share/nomecartella
Ad esempio, digitando il comando:
webapp-container --app-id=slither http://slither.io/
verrà aperto il simpatico gioco online all'interno di una webapp.
Webapp-container dispone di diverse opzioni di avvio (alcune sono elencate di seguito) e deve essere eseguito con la seguente sintassi:
webapp-container [OPTION1] [OPTION2] [URL]
Opzioni |
Descrizione |
-h, --help |
mostra le opzioni disponibili |
--fullscreen |
avvia la webapp a schermo intero |
--local-webapp-manifest |
configura la webapp in presenza di un file manifest.json |
--maximized |
apre la webapp massimizzata |
--app-id=APP_ID |
esegue l'azzplicazione con uno specifico APP_ID |
--name=NAME |
nome visualizzato della webapp |
--webappModelSearchPath=PATH |
modifica il percorso di ricerca |
--webappUrlPatterns=URL_PATTERNS |
elenco di URL all'interno dei quali è consentita la navigazione con la webapp, separati da virgole |
--store-session-cookies |
salva i cookie di navigazione |
--enable-media-hub-audio |
abilita la riproduzione audio |
--open-external-url-in-overlay |
una volta definita l'opzione webappUrlPatterns, tutti i link esterni vengono aperti in una overlay invece che nel browser predefinito |
--enable-back-forward |
abilita i pulsanti di navigazione nella webapp (implica l'opzione enable-addressbar) |
--enable-addressbar |
abilita una barra superiore contenente icona e titolo del sito web visualizzato |
Creazione di un file .desktop
Per avviare una webapp tramite icona di avvio è sufficiente creare:
un file .desktop contenente le istruzioni di avvio della webapp;
una icona .png con dimensione minima consigliata di 64x64 px; la dimensione ottimale è di 128x128 px.
Per creare un file .desktop, seguire la procedura indicata in questo paragrafo della pagina IconeDiAvvio/ModalitàManuale, sostituendo il contenuto del nuovo file .desktop con il seguente:
[Desktop Entry] Name=Nome della webapp Comment=Commento per spiegare cosa fa la webapp Type=Application Icon=nome dell'icona Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/* http://www.sito1.com/
Terminata la procedura, scomparirà l'estensione .desktop. Facendo doppio clic sul file, verrà aperta la webapp.
Per modificare il file eseguibile appena creato, sarà ora necessario aprirlo tramite editor di testo.
Aggiungere la webapp alla Dash di Ubuntu
Per aggiungere la webapp alla Dash di Ubuntu si può procedere in due modi:
Webapp disponibile per un solo utente: spostare il file desktop nella cartella ~/.local/share/applications e l'icona nella cartella ~/.local/share/icons.
Webapp disponibile per tutti gli utenti: spostare il file desktop nella cartella /usr/share/applications e l'icona nella cartella /usr/share/icons.
Mentre nel primo caso basta un copia/incolla manuale dei file, nel secondo caso è necessario intervenire da terminale, digitando i comandi seguenti:
sudo mv nomefile.desktop /usr/share/applications
sudo mv nomeicona.png /usr/share/icons
Scorciatoie del Launcher
L'interfaccia Unity consente di utilizzare delle scorciatoie per accedere a determinate funzioni di un'applicazione presente nel Launcher. Ad esempio la webapp Documentazione di Ubuntu-it consente di accedere rapidamente alle varie aree tematiche della documentazione wiki tramite clic destro sull'icona della webapp.
Per aggiungere le scorciatoie del Launcher alla webapp appena creata, seguire la procedura indicata in questo paragrafo della pagina IconeDiAvvio/ModalitàManuale, utilizzando la sintassi seguente per aggiungere le Desktop Action desiderate:
[Desktop Action Nome1] Name=Scorciatoia Nome1 Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/* http://www.sito1.com/LinkNome1 OnlyShowIn=Unity; [Desktop Action Nome2] Name=Scorciatoia Nome2 Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/* http://www.sito1.com/LinkNome2 OnlyShowIn=Unity;
Il risultato finale sarà simile al seguente:
[Desktop Entry] Name=Nome della webapp Comment=Commento per spiegare cosa fa la webapp Type=Application Icon=nome dell'icona Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/* http://www.sito1.com/ StartupWMClass=nomecartella Actions=Nome1;Nome2; [Desktop Action Nome1] Name=Scorciatoia Nome1 Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/* http://www.sito1.com/LinkNome1 OnlyShowIn=Unity; [Desktop Action Nome2] Name=Scorciatoia Nome2 Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/* http://www.sito1.com/LinkNome2 OnlyShowIn=Unity;