IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Publications (X)HTML et CSS Discussion :

Réaliser une application offline en HTML5


Sujet :

Publications (X)HTML et CSS

  1. #1
    Membre éprouvé

    Profil pro
    Inscrit en
    Mai 2005
    Messages
    279
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 279
    Points : 1 179
    Points
    1 179
    Par défaut Réaliser une application offline en HTML5


    Je vous propose aujourd'hui un petit article sur la réalisation d'une application offline en HTML5 : Réaliser une application offline en HTML5

    N'hésitez pas à faire part de vos remarques, commentaires ou propositions d'améliorations !

    Réaliser une application offline en HTML5


  2. #2
    Membre régulier
    Homme Profil pro
    et autre ;)
    Inscrit en
    Mai 2008
    Messages
    45
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Moselle (Lorraine)

    Informations professionnelles :
    Activité : et autre ;)
    Secteur : Finance

    Informations forums :
    Inscription : Mai 2008
    Messages : 45
    Points : 84
    Points
    84
    Par défaut
    Salut,

    Merci pour l'article

    Petite correction orthographique en III.1:
    Après que le fichier est bien était ait bien été déclaré au niveau du HTML et du serveur, nous allons voir comment il est structuré :

  3. #3
    Membre éprouvé

    Profil pro
    Inscrit en
    Mai 2005
    Messages
    279
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 279
    Points : 1 179
    Points
    1 179
    Par défaut
    Citation Envoyé par pClement Voir le message
    Salut,

    Merci pour l'article

    Petite correction orthographique en III.1:
    Après que le fichier est bien était ait bien été déclaré au niveau du HTML et du serveur, nous allons voir comment il est structuré :
    pour le compliment...

    Et correction faite .

  4. #4
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2012
    Messages
    328
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Cantal (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2012
    Messages : 328
    Points : 823
    Points
    823
    Par défaut
    Petit commentaire :
    La technique de récupérer le statut online du navigateur ne traite pas tous les cas de figure, tu peux très bien être en ligne mais ne pas avoir de connexion internet (par exemple si tu es connecté à un réseau local).

    Perso je fais un ping (enfin j'envoie une requête ajax sur une page qui me retourne 1) quand il est nécessaire de savoir si on est connecté ou pas, je gère ma propre variable de statut, et j'appelle les fonctions quand le résultat du "ping" est différent de ma variable de statut et qu'il faut la changer

    En tout cas excellente initiative, ça nous donne l'occasion d'échanger sur le sujet, qui a besoin d'être approfondi ...

  5. #5
    Expert éminent
    Avatar de transgohan
    Homme Profil pro
    Développeur Temps réel Embarqué
    Inscrit en
    Janvier 2011
    Messages
    3 146
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Maine et Loire (Pays de la Loire)

    Informations professionnelles :
    Activité : Développeur Temps réel Embarqué

    Informations forums :
    Inscription : Janvier 2011
    Messages : 3 146
    Points : 9 391
    Points
    9 391
    Par défaut
    Excellent tout ça ! J'avais dans l'idée cet été de monter une petite application locale mais j'avais pas vraiment eu le temps.
    Mais j'ai trouvé bien plus d'informations importantes dans ce billet que tout ce que j'avais pu potasser...

  6. #6
    Membre régulier Avatar de Chris_Dupasquier
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2010
    Messages
    67
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : Suisse

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2010
    Messages : 67
    Points : 85
    Points
    85
    Par défaut
    Hello,

    Sympa comme tout cet article.
    Il réunit le concept dans sa globalité, sans chichis inutile.

    Merci, je vais m'y mettre...

    A +

  7. #7
    Membre émérite
    Avatar de Kaamo
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2007
    Messages
    1 165
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 37
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2007
    Messages : 1 165
    Points : 2 778
    Points
    2 778
    Par défaut
    Bon tuto de mise en bouche, bien expliqué.

    Peut-être devrais-tu mentionner les autres moyens de stocker localement. (genre dans une rubrique Aller plus loin)

    L'utilisation de IndexedDB par exemple,dont la spéc. est stable désormais et qui est meilleur / robuste que localStorage. Il est malheureusement moins supporté mais FF (>=4) et Chrome(>=11) le supportent parfaitement, IE 10 également.

  8. #8
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    150
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 150
    Points : 412
    Points
    412
    Par défaut
    Voilà un article qui me fait sentir vieux
    Mais néanmoins intéressant

    Il serait bon de préciser la compatibilité de l'exemple avec les navigateurs du moment (à partir de quelles versions de IE, FF, Chrome etc.).
    Si possible savoir aussi si c'est supporté sur iOS, Android.

    Concernant la partie serveur il faut impérativement un serveur apache ou pas ?

  9. #9
    Membre éclairé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2012
    Messages
    328
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Cantal (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2012
    Messages : 328
    Points : 823
    Points
    823
    Par défaut
    Pour le serveur Apache, à priori non, à partir du moment où tu peux renvoyer un content-type text/cache-manifest, ça devrait rouler, l'implémentation étant coté client.

    Après, je ne sais pas quels serveurs peuvent faire ça...

  10. #10
    Membre éprouvé

    Profil pro
    Inscrit en
    Mai 2005
    Messages
    279
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France

    Informations forums :
    Inscription : Mai 2005
    Messages : 279
    Points : 1 179
    Points
    1 179
    Par défaut
    @v1cent : Tu as raison pour la détection offline du navigateur. Je vais prévenir dans l'article pour ce point, en parlant de ta technique.

    @transgohan, @Chris_Dupasquier : Merci des compliments, cela fait plaisir.

    @Kaamo : Je vais améliorer et parler de cette possibilité à côté de localstorage, en parlant des différents supports et différences

    @pragmatique : Je vais en reparler, cela va faire quelques améliorations de l'article. Merci @v1cent d'avoir répondu à la question. Je confirme la réponse :
    Par exemple, avec Nginx, cela fonctionne aussi : http://www.softmodal.com/blog/2010/1...type-to-nginx/

  11. #11
    Nouveau membre du Club Avatar de wallas07
    Homme Profil pro
    Consultant informatique
    Inscrit en
    Août 2009
    Messages
    20
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France

    Informations professionnelles :
    Activité : Consultant informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Août 2009
    Messages : 20
    Points : 28
    Points
    28
    Par défaut
    Merci et bravo pour ce bon travail , très bonne continuation

  12. #12
    Nouveau membre du Club
    Administrateur systèmes et réseaux
    Inscrit en
    Mars 2013
    Messages
    51
    Détails du profil
    Informations professionnelles :
    Activité : Administrateur systèmes et réseaux
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2013
    Messages : 51
    Points : 27
    Points
    27
    Par défaut Faire marcher correctement le démos
    Bonjour et merci pour ce tuto. Je suis novice avec php-ajax.
    En fait je voudrais faire marcher l'application offline.
    Mais apparemment je ne sais pas comment m'y prendre.
    Lorsque je lance la page html et que j'ajoute une valeur.
    Je ne le vois ni dans Le Websql de google, ni dans son LocalStorage.
    Merci d'avance

Discussions similaires

  1. Réaliser une application offline avec synchronisation en HTML5
    Par jaraf dans le forum Balisage (X)HTML et validation W3C
    Réponses: 5
    Dernier message: 31/07/2013, 16h52
  2. [HTML 5] Réaliser une application offline en HTML5
    Par Progi1984 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 10
    Dernier message: 28/10/2012, 13h14
  3. Site web en JSP couplé à une application Offline
    Par semyazas dans le forum Servlets/JSP
    Réponses: 3
    Dernier message: 21/04/2006, 10h05

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo