GithubHelp home page GithubHelp logo

Comments (1)

imnotteixeira avatar imnotteixeira commented on September 17, 2024

Specifies some rules regarding the adaptation into offline tolerant web applications:

  • Application domain level: The data model of the application is not modified so as to support as many applications as possible)
  • Hypertext level: The navigation on the application could be slightly modified or adapted, regarding pages within the web application, depending on the connectivity status
  • Presentation level: User interface should be adapted according to policies specific to each page element. the interaction with those elements would change depending on the connectivity status

It is, therefore, necessary to establish which components of the web application will be available in offline mode, and how.
To specify the navigation, they propose the notation presented by Albertos (TODO cite (2013). A Model-Based Approach for Supporting Offline Interaction with Web Sites Resilient to Interruptions.), representing the web pages as nodes, with edges meaning navigation withing the web application. Each node has attributes referring to policies about the behavior of the components in offline mode, as well as the mechanism to create the local copy. To specify the interface behavior in offline mode, the following policies are described:

  • Hide: the element should be hidden, preventing user interaction
  • Disable: The element should be shown, but interaction should not be possible
  • Save: Save elements locally so that they can be accessed in offline mode (such as images, pdf docs, etc)
  • Update: For elements that can be interacted with when in offline mode, they should by updated (synchronized) when connectivity is regained

When testing this mechanism in a real-world application, they obtained a user satisfaction score of 95.5, when compared to the usual (non-offline tolerant) version score of 66.5, which proves that having an offline mode improves substantially the User Experience in a Web Application.

from dissertation.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.