Auteur Sujet: Forum accessible depuis une app  (Lu 3559 fois)

0 Membres et 1 Invité sur ce sujet

Alexis-Fox

  • Invité
Forum accessible depuis une app
« le: 06 mai 2018 à 22:56:35 »
C'est certainement un travail monstre, mais pourquoi pas y penser. Une application LaFibre.info pour consulter plus facilement les postes la journée. Certains forums que je suis en utilisent une et c'est vraiment super pratique.

turold

  • Profil non complété
  • ******
  • Messages: 1 683
  • mp fermée (sauf admin et exceptions temporaires)
Forum accessible depuis une app
« Réponse #1 le: 14 mai 2018 à 21:32:11 »
Salut,

Depuis la plupart des smartphones et tablettes, le forum a déjà automatiquement un thème fait pour ce type de terminaux.
Il n'y a pas tout, mais je trouve que c'est déjà assez bien fait... et compatible avec les navigateurs mobiles. ;)

Alexis-Fox

  • Invité
Forum accessible depuis une app
« Réponse #2 le: 17 mai 2018 à 18:12:49 »
Salut,

Depuis la plupart des smartphones et tablettes, le forum a déjà automatiquement un thème fait pour ce type de terminaux.
Il n'y a pas tout, mais je trouve que c'est déjà assez bien fait... et compatible avec les navigateurs mobiles. ;)

Oui mais l'accès depuis une app est beaucoup plus simple sur mobile. En plus de ca, le forum n'est pas particulièrement responsive

robin4002

  • Abonné Orange Fibre
  • *
  • Messages: 855
  • Strasbourg (67)
Forum accessible depuis une app
« Réponse #3 le: 18 mai 2018 à 09:55:31 »
La publication d'une app sur le play store ou l'appstore nécessite de payer et le développement nécessite aussi pas mal de temps.

Le ratio moyen investi / gain n'est clairement pas bon, aucun intérêt à le faire.


Ce qui peut-être fait par contre sans trop de difficulté, c'est ajouter un manifest de web app :
- https://developers.google.com/web/fundamentals/app-install-banners/
- https://developers.google.com/web/fundamentals/web-app-manifest/

Une fois en place le navigateur proposera d'ajouter le site sur la page d'accueil, l'ouvrir lancera le navigateur avec le site prenant tout l'espace (la barre de navigation n'est pas présent, il y a juste le site).

vivien

  • Administrateur
  • *
  • Messages: 47 085
    • Twitter LaFibre.info
Forum accessible depuis une app
« Réponse #4 le: 18 mai 2018 à 10:15:17 »
Il est possible de publier sur le Play Store comme sur le Windows Store des "Progressive Web Apps (PWA)" qui sont comme indiqués par robin4002 un lien vers l'URL sans présence des contrôles du navigateur. Pour Windows 10, il faut la version 1803 qui commence a être déployée. On dit qu'Apple pourrait se mettre aussi aux PWA : Safari 11.1, disponible sur iOS 11.3 et macOS 10.13.4 intègre désormais les service workers une des technos nécessaires aux PWA).

Les PWA semblent le moyen idéal pour mettre LaFibre.info dans une application.

Il me semblait qu'il faut par contre répondre a des caractéristiques, nécessitant l’utilisation des dernières technos web, ce qui n'est pas le cas de SMF et donc de LaFibre.info :

Google a mis en place une liste de contrôles établissant une note via l’outil Lighthouse qui permet de vérifier automatiquement le respect des caractéristiques suivantes :

- Progressive : Comme leur nom le laisse deviner, les applications web progressives fonctionnent sur n'importe quel périphérique en intégrant les fonctionnalités disponibles du navigateur et de l'appareil utilisé.

- Sécurisée : Afin de répondre aux problématiques de sécurité des échanges entre les utilisateurs et les sites, les PWA doivent impérativement être fiables et sûres par la mise en place d’un protocole HTTPS.

- Engageante : Elles proposent une expérience utilisateur immersive en plein écran et un réengagement facilité grâce à l'envoi de notifications push web.

- Installable : L'utilisation d'un fichier manifest permet aux PWA de proposer, à l'instar d'une application mobile native, l'installation d'un raccourci sur l'écran d'accueil du terminal mobile.

- Rapidité : D'après Google, 53% des internautes abandonnent un site si le chargement prend plus de 3 secondes. Une fois le site chargé, la navigation doit se faire de manière rapide et fluide.

- Optimisation pour le référencement : Utilisant les technologies du web, les progressive web app peuvent être référencées sur les moteurs de recherche de la même manière que n'importe quel site web classique.

- Indépendante de la connexion : Grâce à la gestion du cache via l’utilisation d’un Service Worker, une fois le contenu chargé une première fois, il est possible de le consulter même dans les zones de faible connexion réseau.


Si une personne a des connaissances en PWA, je suis preneur.

robin4002

  • Abonné Orange Fibre
  • *
  • Messages: 855
  • Strasbourg (67)
Forum accessible depuis une app
« Réponse #5 le: 18 mai 2018 à 15:00:45 »
Pour lafibre.info il manque la possibilité de voir le forum offline avec les services worker et il manque les notifications push. Pour le côté responsive, avoir un seul thème qui s'adapte serait surement aussi mieux que deux thèmes.
Sinon ne reste ça me semble bon.

Après même si tout n'est pas respecter ça semble quand même possible d'ajouter le site en tant qu'app sur l'accueil. Par exemple Firefox sous Android m'affiche l’icône pour ajouter le forum de NodeBB sur la page d'accueil alors qu'il n'a pas la possibilité de l'utiliser en offline (rien ne charge sans connexion) et qu'il n'y a pas de notification push.
Avec Chrome idem en cliquant sur le menu puis ajouter à l'écran d'accueil. Chrome permet même de faire cette action sur lafibre.info, par contre cela créé un simple raccourci (le fait de cliquer dessus ouvre l'appli dans Chrome, avec la barre de navigation qui s'affiche au lieu d'avoir le site qui prend tout l'espace). De plus comme le raccourci n'a pas d'icône à cause du manque du manifeste.

C'est surtout la présence d'https du fichier manifeste qui semble important. (J'ai une instance de NodeBB qui j'utilise pour faire des tests car je compte migrer mon forum sur ce moteur bientôt qui n'est pas en https, sur celle-ci Firefox n'affiche pas l'icône pour ajouter à l'accueil malgré la présence du fichier manifeste).

Par contre je ne sais pas quelle sont les critères exactes pour ajouter la PWA dans le store de Google ou de Microsoft.


Actuellement je suis assez chargé, mais d'ici l'été je pourrai aider (Pour l'instant je n'ai pas encore fait de PWA mais j'ai pas mal d'expérience en dev web et j'ai déjà suivis quelques conférences sur les PWA, c'est un sujet qui m'intéresse).

kgersen

  • Modérateur
  • Abonné Bbox fibre
  • *
  • Messages: 9 078
  • Paris (75)
Forum accessible depuis une app
« Réponse #6 le: 18 mai 2018 à 15:23:09 »
y' a pas besoin de mettre une PWA dans un store (Google Play ou App Store).

mobile.twitter.com est un bon example de PWA.

Y'a pas mal de marketing et buzz autour des PWA en ce moment et certains en font trop.

Ce qui compte c'est le manifest et l'aspect offline (avec le service worker) c'est cela qui en fait une 'app'.

l'aspect offline pour lafibre.info semble overkill à faire a moins que SMF est deja un module du genre ce dont je doute.

robin4002

  • Abonné Orange Fibre
  • *
  • Messages: 855
  • Strasbourg (67)
Forum accessible depuis une app
« Réponse #7 le: 18 mai 2018 à 16:59:19 »
Oui ce n'est pas obligatoire mais tu peux quand même le faire (la PWA de twitter est sur le store de Windows 10 par exemple).

Pour l'offline sur le forum c'est aussi ce que je pense, le simple fait d'ajouter le manifeste devrait être suffisant (la PWA ne fonctionnera juste pas sans réseau).

Alexis-Fox

  • Invité
Forum accessible depuis une app
« Réponse #8 le: 18 mai 2018 à 21:47:25 »
Le forum est très sympa sur PC, même s'il a un design assez vieillissant, il charge vite et est fonctionnel.
Une application ce n'est clairement pas une obligation, mais ça facilite bien la chose sur mobile (peu de gens ont leur ordinateur la journée).
Pour ce qui est du prix, il me semble que c'est autour de 80€ pour créer un compte Apple Développeur. Androïde, aucune idée.
Reste le problème du développement, mais pourquoi pas imaginer des options supplèmentaires sur l'appli, comme une carte des antennes mobiles, ...

vivien

  • Administrateur
  • *
  • Messages: 47 085
    • Twitter LaFibre.info
Forum accessible depuis une app
« Réponse #9 le: 18 mai 2018 à 22:41:07 »
Il suffit que je mette un fichier manifest.json avec ces info ?

{
  "short_name": "LaFibre",
  "name": "LaFibre.info",
  "icons": [
    {
      "src": "/images/logo/lafibre-icons-192.jpg",
      "type": "image/jpeg",
      "sizes": "192x192"
    },
    {
      "src": "/images/logo/lafibre-icons-512.jpg",
      "type": "image/jpeg",
      "sizes": "512x512"
    }
  ],
  "start_url": "/index.php",
  "background_color": "#3367D6",
  "display": "standalone",
  "scope": "/",
  "theme_color": "#3367D6"
}

kgersen

  • Modérateur
  • Abonné Bbox fibre
  • *
  • Messages: 9 078
  • Paris (75)
Forum accessible depuis une app
« Réponse #10 le: 18 mai 2018 à 23:49:16 »
 c'est quoi ta finalité la ? comme indiqué précedement pour une PWA il faut un manifest et un service worker.

si tu veux juste pouvoir mettre l'icone dans les apps (fonctionalité 'Add to Home Screen') seul Firefox mobile pourra le faire sans service worker. Chrome Mobile impose la présence d'un service worker.

doc moz: https://developer.mozilla.org/en-US/Apps/Progressive/Add_to_home_screen#How_do_you_make_an_app_A2HS-ready
doc chrome:  https://developers.google.com/web/fundamentals/app-install-banners/

robin4002

  • Abonné Orange Fibre
  • *
  • Messages: 855
  • Strasbourg (67)
Forum accessible depuis une app
« Réponse #11 le: 19 mai 2018 à 11:11:53 »
Pour ce qui est du prix, il me semble que c'est autour de 80€ pour créer un compte Apple Développeur. Androïde, aucune idée.
C'est 99$/an chez apple, 25$ une fois chez Google.
Mais bon comme je l'ai déjà dit avoir une application mobile est peu pertinent quand on fait le rapport prix / ce que cela va apporter.


Chrome Mobile impose la présence d'un service worker.
Même sans service worker il est possible d'ajouter le site sur la page d'accueil depuis chrome. Par contre l'utilisateur doit le faire en cliquant sur le menu puis -> ajouter à l'écran d'accueil, alors que si le site respecte tout ce que demande Google pour une PWA, Chrome affichera tout seul un bandeau qui proposera à l'utilisateur de le faire.

Après pour implèmenter un service worker facilement, plutôt que faire tout un système de cache on peut simplement afficher un message "lafibre.info nécessite internet" si internet est indisponible, techniquement ça respectera les spec des PWA.