Je viens de passer six heures avec Manu à installer un site Web, « aspiré » sous forme de site statique (à partir d’un site réalisé avec SPIP), sur une grande table interactive.
Je crois qu’on a réussi à surmonter toutes les difficultés :
– comme prévu, il faut lancer Chrome via un « raccourci » de Windows, intégrant l’option -allow-file-access-from-files, parce que mes chargements Ajax en local sont refusés sinon ;
– grosses difficultés avec les javascript (dont je ne suis pas l’auteur) qui gèrent très bien le cliquer-glisser sur ordinateur (à la souris) et sur tablette (au touché), mais qui déconnaient de manières différentes avec un écran tactile posé sur un Chrome sous Windows. Résolu, d’abord, en modifiant (désactivant, je crois) la simulation du touch dans Chrome, dans un des inombrables réglages (« tactiles ») de about:flags.
– là, zoomify et le script pour « tourner » autour d’un objet fonctionnaient nickel, mais krpano (panoramiques 3D) tournait comme à la souris, en mouvement inversé (je vais vers le bas et la vue monte), ce qui est contre-intuitif en tactile. Ça se règle par un réglage dans le fichier XML du panoramique.
– pas mal de modifs des CSS, pour tenir correctement en 1920x1080 ; le site est codé en responsive, mais sur une table, il y a encore d’autres facteurs, dont le principal est la taille de la table : le bouton de fermeture en haut à droite de l’écran, c’est très logique, sauf que sur une table de cette taille, il faut monter sur la pointe des pieds et tendre le bras très loin… Ce genre de détails, donc, il y en a quelques uns.
– pas mal de temps sur tout ça, jusqu’à arriver à la dernière loufoquerie : faire disparaître toute possibilité de quitter le soft ou d’ouvrir une autre fenêtre. Première chose évidente : dans le raccourci de démarrage de Chrome, lancer en mode -kiosk, en indiquant la page d’accueil du site en local. Le truc démarre en plein écran sans possibilité d’en sortir.
– ensuite, faire disparaître le menu contextuel qui apparaît quand on laisse le doigt appuyé pendant une bonne seconde ; dans le menu, il y a notamment « Inspecter cet élément », à partir duquel on ouvre des fenêtres et des trucs qui n’ont rien à faire là dans un kiosque (on croyait – naïf que nous sommes – que ce genre de chose était désactivé en mode kioque). J’ai essayé de démarrer avec le raccourci -disable-dev-tools, mais ça n’a pas été concluant. Solution, j’ai ajouté une ligne de javascript dans les pages Web pour désactiver le clic droit (contextmenu).
– autre intervention côté site : ajouter dans le CSS du body :
user-select : none ;
pour qu’il n’y ait plus de sélection de texte (c’était assez fréquent et involontaire avec les cliquer-glisser en tactile).
– le raccourci pour lancer Chrome est ensuite installé dans le dossier « Démarrage » (oui, j’ai appris que ça existait sous Windows), et hop, quand on redémarre la machine (ultra-rapide, le gars nous a mis un disque SSD), on se retrouve illico sur la page d’accueil du site en plein écran. Comme si la table interactive avait été entièrement conçue rien que pour ça…
C’est la première fois qu’on arrive à livrer une table interactive entièrement réalisée en technologies Web, à partir du même site qui sera sur tablette (y compris sous forme d’appli) et sur… le Web (poids du site récupéré en statique : 447Mo). Et tout ça réalisé sur SPIP. Je vous dirais quand ce sera public.
Le tout petit regret, c’est que la version installée sur la table n’est pas à 100% la même version aspirée depuis le site responsive. J’ai dû faire quelques modifs directement dans les fichiers aspirés. Avec plus de temps, je pense que c’était faisable.
