Seenthis
•
 
Identifiants personnels
  • [mot de passe oublié ?]

 
  • #i
  • #in
  • #ind
  • #inde
  • #index
RSS: #indexeddb

#indexeddb

  • @b_b
    b_b @b_b PUBLIC DOMAIN 24/04/2025
    1
    @arno
    1

    Building An #Offline Friendly #Image #Upload System — Smashing Magazine
    ▻https://www.smashingmagazine.com/2025/04/building-offline-friendly-image-upload-system

    https://files.smashing.media/articles/building-offline-friendly-image-upload-system/1-upload-system-flow-chart.png

    - The user selects an image.
    The process begins by letting the user select their image.
    – The image is stored locally in #IndexedDB.
    Next, the system checks for network connectivity. If network connectivity is available, the system uploads the image directly, avoiding unnecessary local storage usage. However, if the network is not available, the image will be stored in IndexedDB.
    – The #service_worker detects when the network is restored.
    With the image stored in IndexedDB, the system waits to detect when the network connection is restored to continue with the next step.
    – The background sync processes pending uploads.
    The moment the connection is restored, the system will try to upload the image again.
    – The file is successfully uploaded.
    The moment the image is uploaded, the system will remove the local copy stored in IndexedDB.

    b_b @b_b PUBLIC DOMAIN
    Écrire un commentaire
  • @tofulm
    tofulm @tofulm 27/11/2018

    localForage
    ▻http://localforage.github.io/localForage

    localForage is a JavaScript library that improves the offline experience of your web app by using an asynchronous data store with a simple, localStorage-like API

    tofulm @tofulm
    • @cy_altern
      cy_altern @cy_altern CC BY-SA 27/11/2018

      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

      cy_altern @cy_altern CC BY-SA
    Écrire un commentaire
  • @cdb_77
    CDB_77 @cdb_77 11/09/2016
    6
    @kent1
    @jeanmarie
    @booz
    @spip
    @baroug
    @stephane
    6
    @seenthis

    Question qui avait été postée en 2011 sur seenthis (@seenthis) :

    « Et sinon, des #applis #smartphone prévues pour #Seenthis ? »

    ▻http://seen.li/k5n

    5 ans après, en 2016... est-ce qu’il y a une évolution ?

    CDB_77 @cdb_77
    • @booz
      BoOz @booz 11/09/2016

      Concernant la lecture hors-ligne, qui me semble le seul (?) avantage potentiel d’une appli native sur la version web, il y a des choses possible désormais en javascript dans le navigateur, qui peut servir de cache et de base de donnée pour un site web mobile lisible hors-ligne,[edit] avec notifications web, et tâche de fond. Voir #pwa par exemple, et #local_storage et #IndexedDB

      Cela me semblerait intéressant de creuser cela pour SPIP dans son ensemble.

      BoOz @booz
    • @kent1
      kent1 @kent1 ART LIBRE 11/09/2016

      Les notifications aussi sont un avantage, la mise à jour en tache de fond....

      kent1 @kent1 ART LIBRE
    • @booz
      BoOz @booz 11/09/2016

      Les notifications et tâches de fond on l’air possibles également.

      ►https://developers.google.com/web/progressive-web-apps

      Push Notifications
      Web push notifications makes it easy to re-engage with users by showing relevant, timely, and contextual notifications, even when the browser is closed.

      ▻https://w3c.github.io/ServiceWorker/spec/service_worker/index.html

      This specification describes a method that enables applications to take advantage of persistent background processing, including hooks to enable bootstrapping of web applications while offline.

      The core of this system is an event-driven Web Worker, which responds to events dispatched from documents and other sources. A system for managing installation, versions, and upgrades is provided.

      The service worker is a generic entry point for event-driven background processing in the Web Platform that is extensible by other specifications.

      BoOz @booz
    • @cdb_77
      CDB_77 @cdb_77 11/09/2016

      Si les magiciens de seenthis arrivaient à avoir une lecture hors-ligne, ça serait tellement utile !!!!!!

      CDB_77 @cdb_77
    • @stephane
      Stéphane Bortzmeyer @stephane CC BY-SA 14/09/2016

      Le service qui serait LE truc utile pour moi serait de s’intégrer au système de partage sur Android, de manière à ce que, quand je lis un article cool, je puisse le partager sur SeenThis aussi facilement que via Twitter, courrier, SMS, etc.

      Stéphane Bortzmeyer @stephane CC BY-SA
    Écrire un commentaire
  • @b_b
    b_b @b_b PUBLIC DOMAIN 20/06/2016
    2
    @fil
    @lluc
    2

    Digital Democracy: OpenStreetMap Without Servers [Part 2]: A peer-to-peer #osm database
    ▻http://www.digital-democracy.org/blog/osm-p2p

    osm-p2p is a decentralized peer-to-peer database for storing and editing OpenStreetMap nodes, ways, and relations. It includes a node.js server that implements the core functionality of the OSM API, or it can be used completely in the browser using IndexedDB for persistent storage.Someone can make edits, replicate to a USB drive, bring the USB drive to another village, replicate, and then bring the USB drive back to replicate again. The replication copies data both ways, so after this procedure both villages will have the complete dataset.

    https://images.digital-democracy.org/assets/osm-p2p-sync-screencast.gif

    #p2p

    b_b @b_b PUBLIC DOMAIN
    • @b_b
      b_b @b_b PUBLIC DOMAIN 20/06/2016

      Architecture

      osm-p2p implements a kappa architecture where all updates are written to an append-only log. This log is the “source of truth” that populates indexes called materialized views. These materialized views are only meant to answer questions faster than reading the whole log. If the views need to change in the future to accommodate different queries, they can be regenerated from the log without having the migrate the log schema.

      Each update is written to an append-only log provided by hyperlog, a module from the dat project. This log has indexes which provide different materialized views of the data.

      One view (hyperkv) provides a key/value interface mapping OSM ids to documents. Another view creates a spatial index to answer bounding box queries (hyperlog-kdb-index).

      During replication, each side requests the documents from the log that it doesn’t have and appends those documents to its own log. The indexes watch these inserts and buffer requests until the they are caught up with the latest known document in the log.

      b_b @b_b PUBLIC DOMAIN
    • @cdb_77
      CDB_77 @cdb_77 20/06/2016
      @louca @shenriod

      cc @louca @shenriod

      CDB_77 @cdb_77
    • @booz
      BoOz @booz 11/09/2016

      #local_storage #IndexedDB

      BoOz @booz
    Écrire un commentaire
  • @booz
    BoOz @booz 10/11/2012

    Jquery IndexedDB Plugin
    ►http://nparashuram.com/jquery-indexeddb

    #html5 #client #bdd #jquery

    BoOz @booz
    • @booz
      BoOz @booz 11/09/2016

      #local_storage #IndexedDB

      BoOz @booz
    Écrire un commentaire
  • @aris
    aris  @aris CC BY-SA 6/07/2011

    A Simple TODO list using HTML5 IndexedDB
    ►http://www.html5rocks.com/en/tutorials/indexeddb/todo

    IndexedDB is new in HTML5. Web Databases are hosted and persisted inside a user’s browser. By allowing developers to create applications with rich query abilities it is envisioned that a new breed of web applications will emerge that have the ability to work online and off-line.

    This example code demonstrates how to create a very simple todo list manager. It is a very high level tour of some of the features available in HTML5.

    #html5 #html5_apps #html5_offline #mobile #webdev #IndexedDB

    • #Web applications
    • #simple todo list manager
    aris  @aris CC BY-SA
    • @booz
      BoOz @booz 11/09/2016

      #local_storage

      BoOz @booz
    Écrire un commentaire

Thèmes liés

  • #indexeddb
  • #html5
  • #local_storage
  • #html5_offline
  • #client
  • #bdd
  • #mobile
  • #webdev
  • position: simple todo list manager
  • industryterm: web applications
  • #html5_apps
  • #jquery