Application smartphone à partir de site joomla

[diabloedesign]

Bonjour à tous
Je dois développer une application smartphone pour mettre de scanner un qrcode et à partir de là accéder à des informations sur la base de donnée de mon site sous joomla 3 et ensuite toujours à partir de l'application pouvoir interagir sur ces données. On m'a conseillé d'utiliser PHONE GAP pour permettre de générer l'appli à partir du site. Est-ce que certains d'entre vous l'on déjà utilisé si oui est-ce que cela fonctionne avec joomla. Ou sinon est-ce que vous avez un autre utilitaire à me conseillé?

Merci bonne journée

[roland_d_alsace]

Hello.

Si tu tiens à développer une appli smartphone, tu dois

• soit attendre J4 pour disposer d'un Webservice integré au framework,
• soit développer ton webservice ou implémenter un composant REST
• soit attaquer le serveur sql (généralement mysql ou mariadb) directement, donc ouvrir le port correspondant sur le serveur (config my.ini et firewall), et donner les privilèges adéquats

Si c'est juste pour traiter un scan d'un QR-code (ou d'un autre code barre datamatrix, ean, etc..), il suffit d'utiliser le navigateur et l’émulation clavier, et de traiter l'information comme n'importe quel champ texte d'un formulaire html.

Idem quand tu développes une appli windows, ios ou android, la plupart du temps l’émulateur t'évitera d’utiliser les API des fabriquants de terminaux industriels et de rendre ton appli portable sur tout type de terminaux, jusqu'à l'appareil photo d'un smartphone lambda.

[daneel]

Bonjour,

Ce que dit Roland est plein de bon sens, cependant il existe bon nombre de solutions que l'on doit également signaler...

1. Pour la partie connexion, interaction, des extensions sont disponibles pour créer une API comme celle de techjoomla : https://extensions.joomla.org/extension/rest-api/ ou Redcore

https://github.com/redCOMPONENT-COM/redCORE

Pour commencer plus simplement, on peux tester l'extension hoicoi api : https://extensions.joomla.org/extension/hoicoi-api/ qui offre la conversion du contenu (article, virtuemart, easyblog, kunena, hikashop) au format json. Mais j'éviterai d'utiliser le système d'authentification proposée pour des raisons de sécurité.


2. Pour la partie développement application, la solution phonegap/cordova permet de développer une solution hybride à partir d'une base html5/javascript, c'est à dire de compiler pour ios (iphone), android et autres format (electron donc pc/mac/linux).

Il y a également d'autres solutions hybrides (ionic, xamarin, react native, native script...). Pour l'historique, il suffit de se reporter sur les nombreux articles sur le sujet.

A mon avis, tu peux tenter ionic directement ou commencer avec cordova.
https://ionic.mobiletuto.com/chap3/
https://openclassrooms.com/fr/course...e-avec-ionic-3

Sache tout de même que les PWA progressent (apple a libéré quelques fonctions), que les app hybrides sont dans la ligne de mire d'Apple depuis plusieurs années et qu'il n'est pas exclus que des solutions comme cordova/phonegap ne fonctionnent plus. Cependant, il ne faut pas être alarmiste et ce qu'il faut retenir actuellement, c'est adopter l'affichage WKWebView pour remplacer l'ancienne vue web obsolète depuis ios 12 : https://cordova.apache.org/news/2018...s-webview.html
Cela complique un peu les choses mais quand tu te lance la-dedans, il ne faut pas compter les heures car cela devient extrêmement passionnant !

3. Pour répondre à ta question initiale, on n'a pas besoin d'une app pour scanner un qrcode vu que la reconnaissance est inclus dans la prise de photos aussi bien chez apple que sur android. Tu peux tout aussi bien créer des qrcode intégrant une url et faire ouvrir le navigateur du smartphone sur la page concernée. Donc pas d'utilité pour une application !

Cependant tu peux aussi bien te lancer dans la réalisation d'une PWA, ce qui serait à mon avis la solution la plus avantageuse et économique que réaliser une application ios ou android. Cela pourrait permet d'avoir une solution installable sur smartphone (comme une app) et maintenir à jour plus facilement. Quelques développements proposent de transformer le front de joomla en pwa : https://extensions.joomla.org/extens...plication-pwa/ et il ne resterait que le scanner qrcode que tu peux intégrer dans une page spécifique.

Juste pour info, il existe également une solution générateur d'une application cordova/phonegap. La version libre et gratuite est disponible sur https://www.siberiancms.com/download/ et s'installe comme un site (les pre-requis sont toutefois un peu plus exigeant : https://doc.siberiancms.com/knowledg...-requirements/ ). Siberian CMS est développé par des toulousains et nécessite un hebergement avec domaine. Malheureusement, il n'existe pas d'import de données joomla mais seulement de flux rss, ce qui peut être parfois suffisant.

Enfin, il existe également un générateur d'app smartphone pour joomla ( https://appsconda.com/ ) mais je n'ai pas testé : https://www.youtube.com/watch?v=3e574zsRsBk et je resterai prudent.

[diabloedesign]

Bonjour

Merci pour vos remarques.

En fait danel tu me conseille de faire directement en site? En fait dans mon cas le qrcode correspond à un numéro de licence et le scanner permet de vérifier les informations du licencié pour voir entre autre si il est bien inscrit à une compétition et sa catégorie et ensuite de valider sa participation.

J'ai aussi une partie à faire pour que les arbitres mettent les résultats lors de la compétition.

Les utilisateurs ne sont pas forcément doué et je pensais que c'était plus simple pour eux de telecharger une application sur leur smartphone plutot que de leur donner une adresse où se rendre sur le site...

Question bête comment permettre de scanner le qrcode à partir du site?

J'avais de toute manière prévu de commencer par développer sur le site pour ensuite le passer sur phonegap comme on m'avait dit que phonegap permettait de générer le code à partir d'un site.

[daneel]

ok je comprends mieux.

1. sur une gestion d'inscription, on génère un code associé aux informations.
C'est ce code qui est transformé en qrcode que l'on retrouve par exemple dans une billeterie.
Si un licencié essaye de lire le qrcode, il ne trouvera qu'une serie de chiffres ou alphanumérique,
évitant ainsi d'acceder aux données réservés aux organisateurs.

Par exemple, c'est le cas avec le composant jticketing et son app ios/google play pour les organisateurs (développé en hybride avec phonegap/cordova)

https://apps.apple.com/fr/app/jticketing/id695103620

Le QRCode est inclus dans le pdf "billet" joint au mail, la validation à cocher "oui" pour un champ dans la base du site. C'est automatique au scan du qrcode,
il sera indiqué déjà validé si le qrcode est scanné deux fois.
Les limites de cette solution sont lié à la disponibilité de la connexion au site web, ce qui n'est pas toujours facile à certains évenements.
C'était plus fiable parfois d'avoir un pc avec une douchette combiné à un petit script pour interpréter les fameux qrcode.

De plus, l'extension comme le composant sont perfectibles...
par exemple, le top pour l'utilisateur étant de générer le passcode utilisé pour être intégré dans le "wallet" ...
exemple de générateur : https://www.passsource.com/pass/regi...?templateId=3& afin de le présenter correctement depuis son smartphone

2. Pour qu'un licencié visualise ses informations, il vaut mieux que ce soit un peu mieux sécurisé (RGPD Oblige).
Un QRCode unique amenant l'utilisateur à la page d'authentification (donc pareil que saisir l'adresse du site web) puis redirigé selon son groupe.

Pour répondre à ta question, il suffit de chercher "scan html5 qrcode" pour trouver des solutions de scan qrcode intégrés dans des pages web :

https://blog.niap3d.com/fr/4,10,news-76-jsQRScan-scanner-un-code-QR-en-Javascript.html

3. A mon avis, développe le site en premier avec un cck pour bien organiser ton contenu à moins d'avoir la compétence pour créer sa propre extension.
Il faudra que tu joue la carte de l'authentification voir la mémorisation soit en app ou en pwa. Cela evitera à l'utilisateur de rechercher son login et mot de passe.
Et d'offrir un accès groupe visiteurs, inscrit validés, arbitres avec toutes les fonctionnalités nécessaires...
Tu pourra toujours revenir après sur la création de l'app connecté ou pwa si nécessaire

Pour info, il existe également des authentification web à partir du tel ou email (sans mot de passe donc passwordless) :

https://developers.facebook.com/docs/accountkit?locale=fr_FR

https://extensions.joomla.org/extension/authentication-email/

[diabloedesign]

Bonjour
Merci pour tes informations. En fait le QRCODE imprimé sur la licence est juste le numéro de licence ce sera plus rapide de le scanner lors des contrôles de pesée plutôt que de le saisir. Si le licencié le scan cela lui donnera le numéro de sa licence donc pas de soucis là dessus. En fait les arbitres auront un accès avec un identifiant pour pouvoir faire la pesée. Cela me permet de valider dans la base que le boxeur a bien été pesée pour ensuite générer les plateaux des combats. J'ai déjà développé sur le site les fonctionnalités et jusqu'à présent les arbitres validait sur la liste des inscrits à partir d'une tablette mais il perdait du temps à rechercher dans la liste d'où l’intérêt du scan. Je vais regarder le script de scan en html que tu m'as donné.

[roland_d_alsace]

Hello.

Je suppose que lors des compétitions, il y a une formule d'inscription.
On connais donc d'avance les concurrents qui se présentent à la pesée.

Une petite appli autonome (donc non connectée) sera donc largement suffisante et évitera des problèmes de connexion en salle de pesée.
Même un bon tableur avec un petit script devrait suffire non ?.
En ski j'ai le problème, ou sur les pas de tir (en biathlon) ou les tremplins on a pas de réseau.