#offline

Une librairie pour simplifier l’utilisation en javascript des différents types de « stockage local » des navigateurs.
GitHub : ▻https://github.com/localForage/localForage

#offline #javascript #localStorage #IndexedDB #WebSQL #localForage

Génial!!

Ouf, heureusement que j’ai eu la notif just in time, j’allais le lire que demain !!!

Pffff. J’ai du passer online pour liker ?

#déconnexion

You need to enable JavaScript to run this app.

c’est de ça dont me parlait @tofulm ?

Autre avantage que j’oubliais de mentionner : si on partage quelque chose qui est déjà sur le réseau, l’"upload" est instantané, car le réseau IPFS est « content-addressable » et on se contente alors d’envoyer leur condensat (#hash).

cc @albertocampiphoto

Merci pour le partage. Bel outil. Mais cet « inconvénient » ne devrait pas être entre parenthèse. Ça devrait être en gros gras rouge souligné 2 fois. J’hésite à faire une « issue » sur le fait que c’est mentionné nulle part sur le site. Ça biaise un peu la comparaison avec Dropbox... #oupas

L’auteur est assez réactif sur github : j’ai signalé que le tracking google devait être en opt-in, il l’a supprimé immédiatement :)

Merci @fil pour la suggestion.

@ben, je parlais de ►https://syncthing.net

Si on le combine avec le plugin « ressource » pour #SPIP, ça donne un processus très simple pour mettre une image (ou un pdf ou n’importe quoi) dans un article, en deux étapes :

1) depuis son disque dur, on partage le document avec partyshare
2) on récupère l’URL associée et on la colle dans un article, entre deux chevrons (exemple : <https://gateway.ipfs.io/ipfs/QmS29VCaj6S8u6H2BPz86Hdig2vB57AieoCa2sVR4Hh7zm/visionscarto/projections/lee-1.png>)

une fois la ressource uploadée, l’article l’affiche directement

https://gateway.ipfs.io/ipfs/QmS29VCaj6S8u6H2BPz86Hdig2vB57AieoCa2sVR4Hh7zm/visionscarto/projections/lee-1.png

À noter que pour les images que je mets sur seenthis, j’ai désormais remplacé mes partages dropbox par ce système.

manque plus qu’une extension pour faire un glisser-déposer d’une image depuis le dd ou une page dans la saisie d’article de #seenthis pour que ça l’upload tout seul et colle le lien correspondant dans l’article

#javascript #offline

le code est à peu près clair, mais j’avoue que je ne comprends pas bien l’intérêt de l’UX proposée par cet exemple

C’est histoire de ne sauvegarder sur ton disque que les articles que tu veux, et non pas tous ceux que tu lis.

Oui mais j’en sais rien moi de ce que je vais vouloir lire :-) C’est très bien de faire « enregistrer pour lire plus tard » mais ça me semble être une fonctionnalité de browser, pas de site.

Ce que j’attends d’un site (ou d’un journal ou d’un restau), c’est qu’il fasse un choix, choix éditorial ou culinaire : qu’il me fasse une proposition qui tienne la route. Bien sûr si j’ai ouvert un article je veux pouvoir éventuellement le lire plus tard, mais peut-être cet article est-il lié à un autre article que je voudrai lire aussi… comment le saurais-je si je ne l’ai pas lu ?

Certains sites proposent des « carnets persos » où on peut mettre une étoile sur certains contenus (les recettes de @cuisinelibre par exemple), et là ce serait pas idiot de stocker en offline ces éléments (ou au moins la centaine la plus récemment parcourue).

Mais il faut de toutes façons une sélection éditoriale fraîche et « opinionée ». En termes d’UI ce serait invisible (sauf l’étoile, le cas échéant), et en termes d’UX ce serait supérieur.

Je pense que ça dépend beaucoup du contexte, du volume de données dont on parle, etc. Je me penche sur le sujet pour des articles scientifiques, histoire d’en finir avec le PDF (un jour). Dans certains cas, il s’agit de plusieurs MB de données, je ne veux pas mettre ça sur ton disque sans que tu ne me l’aies demandé, même si je pense que ça t’intéressera tout à l’heure dans le métro.

En contraste, si on parle des quelques lignes d’une recette de cuisine, ce n’est pas la même situation.

Idéalement, je suis d’accord avec toi : les browsers devraient faire ce genre de chose. En pratique, l’interface est généralement pourrie et ils font un peu tout comme s’ils n’avaient jamais vu un utilisateur. Firefox a la fonctionalité que tu décris, mais elle ne marche que sur certains sites, elle est indissociable d’une feuille de style différente de l’originale, et son implémentation sur mobile est simplement catastrophique. Chrome Android perd des tabs aléatoirement, je ne lui ferais pas confiance pour ça... Bref, il faut le faire soi-même et pour certains cas j’aime bien l’idée du bouton « Save tu read offline » :)

Bonne idée

Quel excellent concept. Tu crois qu’on peut faire avec deux demi-journées, pas forcément connexes ?

#shabbat

#now_we_speak !

Je pense qu’on doit pouvoir s’en tirer avec 2 heures par jour : le temps des repas par exemple... :-D

Je ne pense pas que tu puisses atteindre le but recherché en le faisant que par demi-journées, puisque tu risques de compenser (je n’ai pas touché à l’ordi ce matin, je vais me rattraper cet aprem...). Là l’idée est vraiment d’avoir une journée entière hors connexion, pour voir ce que tu fais de différent (lecture ? marche ?). Réfléchis à ce qui te fait vouloir que ces demi-journées ne soient pas connexes.

Pierre mon conflit interne sur le sujet est le suivant, mon temps de travail à ce qui me nourrit vraiment de l’intérieur est extrêmement limité, trop à mon goût. Et comme tout bon employé ce sont surtout les samedis et les dimanches qui me permettent d’avancer dans ce domaine. Si je m’en ampute, mon travail (celui qui me nourrit, pas celui qui me nourrit) va empâtir.

Donc je sens que je vais faire cela à ma sauce. Pas vraiment le choix.

Et juste pour rire, ce serait intéressant que @mona participe !

Un truc que l’on pourrait demander à @seenthis ce serait une interdiction d’accès certains jours de la semaine (moi par exemple, internet sans seenthis , cela m’intéresse déjà nettement moins), et à chacun d’envoyer son jour de relâche à @seenthis

@philippe_de_jonckheere No fucking way :)

Il y a deux aspects à différencier dans la démarche : je m’interdis les écrans, parce que c’est plus simple, mais l’idée est surtout de m’interdire la connexion (et donc la distraction). Je m’autoriserais par exemple à allumer l’ordi un samedi si c’était pour écrire de la fiction en pleine page sous Scrivener hors connexion.

@lazuly Ah ben alors ça va tout seul.

@mona: j’en étais sûr!

C’est la décroissance... mais les chroniques du menteur me manquent. Elles étaient connectées ;-)

@hlc Non, les chroniques n’étaient pas connectées : à l’exception des 4 dernières, toutes les chroniques ont été écrites entre 1998 et 2003, avant que j’aie « internet en continu » (j’ai eu l’ADSL après 2004). A l’époque où j’écrivais, j’étais donc déconnecté, et je ne me connectais que quelques minutes avec mon modem 56K le temps de publier et d’envoyer la chronique. Après avoir eu l’ADSL, je n’ai plus jamais écrit (même si ce n’est pas la seule cause, c’en est une).

@aude_v Oui, je suis comme toi. Et finalement la période dont je garde le meilleur souvenir c’est celle (1998, 1999) où je n’avais pas du tout Internet chez moi et j’arrivais le matin très tôt au boulot tout content d’y trouver la messagerie que j’avais laissé la veille à 17h. Connecté, on a infiniment plus tendance à aller lire « des trucs sur Internet » que de se discipliner et d’écrire soi-même.

10 jours de vacances sans internet, en fait ça fait du bien, mais pas facile de rattraper 10 jours de seenthis...

#fomo

The Reality of Developer Burnout — Kenneth Reitz
▻https://www.kennethreitz.org/essays/the-reality-of-developer-burnout
▻http://static1.squarespace.com/static/533ad9bde4b098d084a846b1/t/586e9593e58c623df69845bb/1483642313203/?format=1000w

So, I unfollowed everyone on Twitter. Every single person. I stopped paying attention to tech trends and reading hacker news. I went into publish-only mode.

@aude_v il y a peu j’ai réorganisé ma façon de travailler. J’ai l’ordi sur lequel je travaille et un vieux qui me sert principalement pour enregistrer des cd ou visionner des dvd. Lorsque j’ai besoin d’écrire, je le fais sur le vieux qui n’est pas connecté. Lorsque je peins, si j’ai besoin d’avoir l’ordi de travail allumé, je coupe le son pour ne pas être distraite par les notifications qui arrivent et j’écoute soit la radio, soit de la musique.

pourquoi rattraper Seenthis ?

Parce que... ▻https://seenthis.net/messages/558048

Bonne question. Pourquoi ?
1) d’abord par correction parce que je ne veux pas commencer à poster des trucs ou participer à des conversations alors que, peut-être, tout ça a déjà été abordé
2) parce que c’est possible ! (sur facebook c’est impossible, j’y ai renoncé), et aussi parce que j’ai un peu de temps libre en ce moment, sinon j’y renoncerais
3) parce qu’il y a vraiment des choses intéressantes ici que j’ai peur d’avoir ratées, mais je pourrais me faire une raison, c’est vrai
4) oui, je suis un « complétiste », et un procrastinateur. J’ai d’autres moyens de procrastiner, mais celui ci est en bonne position dans mon top 10

Cela dit c’est aussi une idée, plutôt que de s’arrêter un jour par semaine, on pourrait aussi s’arrêter une semaine tous les deux mois par exemple...

@sinehebdo

1) d’abord par correction parce que je ne veux pas commencer à poster des trucs ou participer à des conversations alors que, peut-être, tout ça a déjà été abordé

Pour le coup je crois que c’est un truc qui arrive de temps en temps à tout un chacun et nul ne songerait ici à y voir le moindre mal, quand je me rends coupable d’un tel minuscule méfait, lorsqu’une personne donne le lien du premier signalement sur le sujet ou d’un signalement sur lequel la conversation a bien embrayé, je switche vers ce fil d’origine avec gratitude.

@lazuly : bonne année à toi :-) Pour ma part, j’ai une session sans Internet que j’ouvre juste pour écrire avec mon p’tit Scrivener... Aucune distraction possible :-)

Et bon courage à tous ! :-)

Bonjour tout le monde, 9 mois après, je me demandais de quoi les bonnes résolutions avaient-elles accouché ? (ahah) Enfin, je me disais que ce serait intéressant d’avoir un petit bilan d’étape (ou faut dire feedback maintenant ?).

#déconnexion #offline

quelqu’un a testé ? #SPIP ?

Je n’ai pas encore migré sur HTTPS (vivement ►https://letsencrypt.org ), donc pas encore pris le temps de tester les Services Workers.
J’ai commencé à virer AppCache là où j’en avais mis, par contre… ;-)

Si je comprends bien ▻https://davidwalsh.name/dont-wait-serviceworker-adding-offline-support-oneline

Il faut aussi prévoir de compléter pour la moitié des navigateurs qui ne gèrent pas le serviceworker avec autre chose, ▻https://pouchdb.com/learn.html ?

#offlinefirst

Oui et non, ce sont deux choses différentes. SW sert essentiellement à cacher des resources ; Pouch sert de base de données synchronisée et offline. C’est plus pour mettre du JSON que tu peux synchroniser avec Couch super facilement.

Les browsers qui n’ont pas SW, eh ben ils n’ont pas d’offline. C’est pas grave.

C’est un peu génant de pas avoir d’offline dans Safari non ?

C’est forcément génant d’une façon ou d’une autre d’utiliser un navigateur désuet. Mais ça, on n’y peut pas grand chose.

j’ai rien compris :) mais si tu veux le faire, n’hésite pas

ah ok. Ce sera peut-être plus valable quand #seenthis sera (ou plutôt : si un jour seenthis est) fonctionnel #offline ? En tout cas si vous voulez écrire un tel fichier, pour des tests, je peux le placer sur le serveur.

Non, même pas besoin en fait, le mode hors ligne est optionnel. Merci, je vais en faire un pour voir :-)

@fil : Voila : ▻https://gist.github.com/emersion/8527518 ;-)
Il faudra juste modifier le chemin vers l’icône de Seenthis, et renommer le fichier en seenthis.webapp.
La doc est ici : ▻https://developer.mozilla.org/en-US/Apps/Developing/Manifest

ok c’est en place

Oh, dernier petit détail : il refuse a cause du MIME type. Il faudrait rajouter cette ligne dans le .htaccess :

AddType application/x-web-app-manifest+json .webapp

Source : ▻https://developer.mozilla.org/en-US/Apps/Developing/Manifest?redirectlocale=en-US&redirectslug=Web%2FApps%2FManifest#
Merci beaucoup !

voilà…

Hi, thanks for your submission. We found some issues which need addressing: 1) Your app opens some external links in the same window. As the window is chromeless there is no back/forward navigation as well as no hardware back button on FirefoxOS devices. This dead end requires the user to restart the app. Common occurrences for external links are advertisements and sharing buttons. External links need be declared to open in a new window by adding the attribute target=”_blank”. If you can’t change all external links this JavaScript snippet can also automate this process during runtime: ▻http://git.io/rZ8PwA (What I mainly mean here is the original images links and some links in posts) 2) We are requiring that all apps listed have an icon of at least 128x128 pixels. Please add such an icon to your manifest. 3) To ensure that your icon shines on Firefox OS devices, we recommend you include a 60px icon that follows the Firefox OS icon guidelines (including negative space around the icon shape): ▻http://www.mozilla.org/en-US/styleguide/products/firefox-os/icons Once you’ve made the change please resubmit your app so we can take another look.

Eh ouais ! Exemples (basés sur l’API sortie de notre session de brainstorming, ça a changé depuis — mais les idées restent) :

▻https://gist.github.com/darobin/4739457
►https://gist.github.com/darobin/4739167

#local_storage

@AdrienneAlix me signale : « et c’est @KiwixOffline qui permet Afripedia (►http://blog.wikimedia.fr/premier-bilan-afripedia-5230 …) et les Framakey Wikipédia (►http://blog.wikimedia.fr/cle-framakey-wikipedia-5053 …) »

►http://blogs.rue89.com/les-coulisses-de-wikipedia/2013/02/07/wikipedia-zero-la-connaissance-depuis-le-fin-fond-de-lafrique-229582