Dimensione: 7273
Commento:
|
Dimensione: 12920
Commento:
|
Le cancellazioni sono segnalate in questo modo. | Le aggiunte sono segnalate in questo modo. |
Linea 17: | Linea 17: |
||<tablestyle="text-align: justify; width:62%;" style="border:none;" 5%><<Immagine(Icone/Piccole/note.png,,center)>> ||<style="padding:0.5em; border:none;">''Le webapp sono realizzate per l'ambiente grafico [[AmbienteGrafico/Unity|Unity]]. Se si desidera utilizzarle sulle derivate di Ubuntu, è necessario [[AmministrazioneSistema/InstallareProgrammi|installare]] il pacchetto [[apt://webapp-container|webapp-container]] e tutte le sue dipendenze. Tale programma è invece preinstallato in Ubuntu.'' || | È possibile 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|nity-webapps-cnn-news]] ||<25%> [[apt://unity-webapps-common|unity-webapps-common]] || || [[apt://unity-webapps-deezer|unity-webapps-deezer]] || [[apt://unity-webapps-dev|unity-webapps-dev]] || [[apt://unity-webapps-deviantart|unity-webapps-deviantart]] || [[apt://unity-webapps-facebookmessenger|unity-webapps-facebookmessenger]] || || [[apt://unity-webapps-gmail|unity-webapps-gmail]] || [[apt://unity-webapps-googlecalendar|unity-webapps-googlecalendar]] || [[apt://unity-webapps-googledocs|unity-webapps-googledocs]] || [[apt://unity-webapps-googlenews|unity-webapps-googlenews]] || || [[apt://unity-webapps-googleplus|unity-webapps-googleplus]] || [[apt://unity-webapps-googleplusgames|unity-webapps-googleplusgames]] || [[apt://unity-webapps-grooveshark|unity-webapps-grooveshark]] || [[apt://unity-webapps-hulu-player|unity-webapps-hulu-player]] || || [[apt://unity-webapps-lastfm-radio|unity-webapps-lastfm-radio]] || [[apt://unity-webapps-launchpad|unity-webapps-launchpad]] || [[apt://unity-webapps-librefm|unity-webapps-librefm]] || [[apt://unity-webapps-linkedin|unity-webapps-linkedin]] || || [[apt://unity-webapps-livemail|unity-webapps-livemail]] || [[apt://unity-webapps-mail-ru|unity-webapps-mail-ru]] || [[apt://unity-webapps-newsblur|unity-webapps-newsblur]] || [[apt://unity-webapps-pandora|unity-webapps-pandora]] || || [[apt://unity-webapps-qml|unity-webapps-qml]] || [[apt://unity-webapps-qml-autopilot|unity-webapps-qml-autopilot]] || [[apt://unity-webapps-qml-doc|unity-webapps-qml-doc]] || [[apt://unity-webapps-qml-examples|unity-webapps-qml-examples]] || || [[apt://unity-webapps-qq-mail|unity-webapps-qq-mail]] || [[apt://unity-webapps-reddit|unity-webapps-reddit]] || [[apt://unity-webapps-service|unity-webapps-service]] || [[apt://unity-webapps-tumblr|unity-webapps-tumblr]] || || [[apt://unity-webapps-twitter|unity-webapps-twitter]] || [[apt://unity-webapps-vkcom|unity-webapps-vkcom]] || [[apt://unity-webapps-wordpress|unity-webapps-wordpress]] || [[apt://unity-webapps-wordpress-com|unity-webapps-wordpress-com]] || || [[apt://unity-webapps-yahoomail|unity-webapps-yahoomail]] || [[apt://unity-webapps-yahoonews|unity-webapps-yahoonews]] || [[apt://unity-webapps-yandex-music|unity-webapps-yandex-music]] || [[apt://unity-webapps-yandexmail|unity-webapps-yandexmail]] || || [[apt://unity-webapps-yandexmusic|unity-webapps-yandexmusic]] || [[apt://unity-webapps-yandexnews|unity-webapps-yandexnews]] || [[apt://unity-webapps-youtube|unity-webapps-youtube]] || |
Linea 20: | Linea 32: |
È possibile installare diverse webapp in Ubuntu. Digitare nel [[AmministrazioneSistema/Terminale|terminale]] il seguente comando:{{{ sudo apt install nome-webapp }}} e sostituire ''nome-webapp'' con una delle webapp elencate di seguito. |
= Creazione di una nuova webapp = |
Linea 24: | Linea 34: |
{{{ unity-webapps-amazoncloudreader unity-webapps-bbcnews unity-webapps-cnn-news unity-webapps-common unity-webapps-deezer unity-webapps-dev unity-webapps-deviantart unity-webapps-facebookmessenger unity-webapps-gmail unity-webapps-googlecalendar unity-webapps-googledocs unity-webapps-googlenews unity-webapps-googleplus unity-webapps-googleplusgames unity-webapps-grooveshark unity-webapps-hulu-player unity-webapps-lastfm-radio unity-webapps-launchpad unity-webapps-librefm unity-webapps-linkedin unity-webapps-livemail unity-webapps-mail-ru unity-webapps-newsblur unity-webapps-pandora unity-webapps-qml unity-webapps-qml-autopilot unity-webapps-qml-doc unity-webapps-qml-examples unity-webapps-qq-mail unity-webapps-reddit unity-webapps-service unity-webapps-tumblr unity-webapps-twitter unity-webapps-vkcom unity-webapps-wordpress unity-webapps-wordpress-com unity-webapps-yahoomail unity-webapps-yahoonews unity-webapps-yandex-music unity-webapps-yandexmail unity-webapps-yandexmusic unity-webapps-yandexnews unity-webapps-youtube }}} = Creazione di una nuova webapp = |
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]]. |
Linea 57: | Linea 50: |
||<tablestyle="width:80%" rowbgcolor="#cccccc;" :30%>'''Opzioni''' ||<:70%>'''Descrizione''' || | ||<tablestyle="width:100%" rowbgcolor="#cccccc;" :30%>'''Opzioni''' ||<:70%>'''Descrizione''' || |
Linea 72: | Linea 65: |
||<#f7f7f7> --store-session-cookies || store session cookies on disk|| | ||<#f7f7f7> --store-session-cookies || salva i cookie di navigazione || |
Linea 88: | Linea 81: |
0. fare clic con il tasto destro del mouse sullo spazio bianco di una directory e selezionare '''''Nuovo documento → DOcumento vuoto'''''. Dare un nome specifico al nuovo file appena creato, ad esempio `Test-webapp.desktop`. 0. aprire il file appena creato con un editor di testo e copiare al suo interno il testo seguente:{{{ |
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:{{{ |
Linea 95: | Linea 89: |
Exec=webapp-container --name='Nome della webapp' --enable-back-forward --store-session-cookies --app-id=nomecartella --webappUrlPatterns=http://www.sito1.com/*,https://www.sito2.org/* http://www.sito1.com/homepage | 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/ }}} 0. salvare il file, quindi renderlo eseguibile. 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. <<Anchor(scorciatoie)>> == Scorciatoie 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 [[vipri-alessandro/WebAppWiki]] consente di accedere rapidamente alle varie sezioni della documentazione wiki online tramite clic destro sull'icona del '''Launcher'''. È 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:{{{ [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; }}} 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. 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; |
Linea 98: | Linea 151: |
= Cancellazione della cronologia = | == Creazione dell'icona == |
Linea 100: | Linea 153: |
Per cancellare la cronologia della webapp comprese le password di accesso al wiki, rimuovere le seguenti cartelle: * `~/.local/share/ubuntu-it-doc` * `~/.cache/ubuntu-it-doc` |
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. |
Linea 104: | Linea 155: |
== Aggiungere la webapp alla Dash di Ubuntu == | |
Linea 105: | Linea 157: |
= Rimozione della webapp = | 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}}} |
Problemi in questa pagina? Segnalali in questa discussione
Introduzione
Questa guida spiega come installare delle webapp aggiuntive per accedere a differenti contenuti online direttamente dalla scrivania di Ubuntu.
Installazione
È possibile installare diverse webapp in Ubuntu:
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à proprie dell'ambiente Unity non possono essere implementate nelle altre derivate di Ubuntu, ad esempio le scorciatoie del Launcher.
Introduzione a 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
Webapp-container dispone di diverse opzioni di avvio e deve essere eseguito con la seguente sintassi:
webapp-container [OPTION] [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 |
--inspector[=PORT] |
esegue un ispettore remoto su una specifica porta; per impostazione predefinita viene utilizzata la porta 9221 |
--app-id=APP_ID |
esegue l'azzplicazione con uno specifico APP_ID |
--homepage=URL |
override any URL passed as an argument |
--webapp=name |
try to match the webapp by name with an installed integration script |
--name=NAME |
nome visualizzato della webapp |
--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 |
--webappModelSearchPath=PATH |
alter the search path for installed webapps and set it to PATH. PATH can be an absolute or path relative to CWD |
--webappUrlPatterns=URL_PATTERNS |
list of comma-separated url patterns (wildcard based) that the webapp is allowed to navigate to |
--accountProvider=PROVIDER_NAME |
Online account provider for the application if the application is to reuse a local account. |
--accountSwitcher |
enable switching between different Online Accounts identities |
--store-session-cookies |
salva i cookie di navigazione |
--enable-media-hub-audio |
enable media-hub for audio playback |
--user-agent-string=USER_AGENT |
overrides the default User Agent with the provided one. |
--open-external-url-in-overlay |
if url patterns are defined, all external urls are opened in overlay instead of browser |
Chrome options (if none specified, no chrome is shown by default): |
|
--enable-back-forward |
enable the display of the back and forward buttons (implies --enable-addressbar) |
--enable-addressbar |
enable the display of a minimal chrome (favicon and title) |
Creazione di un file .desktop
Per avviare una webapp da interfaccia grafica è sufficiente creare:
un file .desktop contenente le istruzioni di avvio della webapp;
una icona .png.
Per creare un file .desktop, procedere come segue:
fare clic con il tasto destro sulla Scrivania e selezionare Nuovo documento → Documento vuoto;
dare un nome al file appena creato aggiungendo l'estensione .desktop, ad esempio Test-webapp.desktop.
aprire il file appena creato con un editor di testo e copiare al suo interno il testo seguente, modificandolo secondo le proprie esigenze:
[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/
- salvare il file, quindi renderlo eseguibile.
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.
Per modificare il file eseguibile appena creato, sarà ora necessario aprirlo tramite un editor di testo.
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 vipri-alessandro/WebAppWiki consente di accedere rapidamente alle varie sezioni della documentazione wiki online tramite clic destro sull'icona del Launcher.
È possibile aggiungere queste funzionalità ad un file .desktop tramite la procedura seguente:
aggiungere la riga:
Actions=Nome1;Nome2;...;
Aggiungere una o più Desktop Action, in funzione di quante scorciatoie si vuole aggiungere alla webapp:
[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;
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:
avviare la webapp dall'icona del Launcher senza utlizzare le scorciatoie;
digitare nel terminale il comando:
xprop WM_CLASS
quindi premere con un clic del mouse sulla webapp in esecuzione;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;
chiudere la webapp, quindi aprire con un editor di testo il file .desktop della webapp;
inserire la riga:
StartupWMClass=nomecartella
appena dopo la riga Exec, salvare e chiudere.
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;
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 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