Une WebApp avec Google Chrome: détecteur d'orages

Ce que j'appelle WebApp Google a changé plusieurs fois d'appellation depuis que Chromium/Chrome existe.

C'est à mon avis une innovation extraordinaire. Je l'utilise fréquemment et j'en ai fait des raccourcis dans mes Tableaux de Bord (Menu, Panel..).

Beaucoup d'utilisateurs ignorent cette fonction et c'est bien dommage pour eux...

D'abord, on ouvre la page web qui nous intéresse. Ça peut être un utilitaire quelconque, un widget météo, un convertisseur de monnaie, c'est pas les idées qui manquent (voir en bas de page, quelques idées...)

Ensuite, il faut aller dans les paramètres en cliquant sur l'icône en haut à droite (en forme de 3 points superposés) puis Plus d'Outils... et Ajouter au Bureau

Le raccourci vers la nouvelle "WebApp" devrait se trouver maintenant dans le Menu Applications » Autres si vous êtes sous Ubuntu ou un dérivé comme Mate.


Pour notre détecteur d'orages, allez ici:

https://weather.weatherbug.com/alerts/spark/nantes-pays-de-la-loire-fr?center=47.2121058,-3.4936523,7

J'ai choisi Nantes pour l'exemple car c'est ma ville natale mais une fois que la page est lancée, vous pouvez rechercher en haut à droite votre lieu préféré puis y aller. L'URL dans la barre de navigation va alors changer.

Une fois que votre lieu préféré est affiché agissez sur le zoom pour avoir assez de recul. Dans l'URL, à la fin, après une virgule, le zoom est 7 par défaut. Mais ça peut être changé.


Décryptage de l'URL

• https://weather.weatherbug.com... c'est bien-sûr le fameux site météo américain
• /alert/spark/ c'est l'application Spark
• nantes-pays-de-la-loire-fr c'est le lieu
• 47.2121058,-3.4936523 ... la latitude et la longitude en décimal (quand c'est longitude ouest on met un signe moins "-" devant. Pareil pour la latitude sud)
• ,7  C'est le niveau de zoom

Le raccourci dans Ubuntu (et d'autres)

• Allez dans les Paramètres de Chrome
• Plus d'outils
• Ajouter au Bureau (laissez coché "ouvrir dans une autre fenêtre"). Mémorisez le nom de l'appli.
• Votre raccourci devrait être dans le menu Applications -> Autres*. 
• Lancez votre app. Il ne vous reste plus qu'à la positionner puis le redimensionner comme vous voulez. À chaque ouverture, votre PC s'en souviendra (en principe... car parfois, ça bogue...)

*Notez qu'il existe un utilitaire très utile pour éditer les raccourcis, les menu et les catégories: Menu Principal (dans Mate). Son nom officiel est "Alacarte"

Propriétés du raccourci

Type: Application
Nom: Nantes, FR | Lightning Strikes and Al...

Commande: /opt/google/chrome/google-chrome --app-id=fmikilgdgejmhiipickopibobljeppek

Ou manuellement: 

Type: Application
Nom: Détecteur d'orages

Commande: /opt/google/chrome/google-chrome --app=https://weather.weatherbug.com/alerts/spark/nantes-pays-de-la-loire-fr?center=47.2121058,-3.4936523,7

En manuel, l'avantage c'est qu'on peut modifier facilement le raccourci

Voici un exemple en Pop-Up pour donner une idée de ce que donne cette "app".

Détecteur d'orages en pop-up


Capture d'écran de mon "app" en action (Marigot, St Martin, Antilles Fr ou je réside)

Quelques idées de WebApp

• Détecteur d'orage (ci-dessus)
• "WebApp" Meteo-France avec cette adresse: http://www.meteo-france.mobi/home
• Météo préférée avec https://www.wunderground.com/fr/nantes
• https://news.google.fr/ (Google Actualité) et d'autres site de news.
• https://calendar.google.com/calendar/ (votre agenda Google)
• Google Music: https://play.google.com/music/listen#/now 
• Editeur HTML Wysiwyg CKEditor: http://104.207.144.52/CKEDITOR_CDN.HTML (sur mon serveur)
• Webcam préférée...
• Et bien d'autres...