RÉCIT MST
WikiniMST Mobile
On peut créer un site de contenu optimisé pour les mobiles (Android, iPod Touch, iPhone, etc) avec WikiniMST (version 10.12 et +). Le site sera géré grâce à une interface normale du wiki, alors que l'interface sera optimisée pour lorsque consultée par un mobile.
Voici comment mettre en place cet outil pour vous créer simplement un site compatible avec les mobiles.
Installer Wikinimst
Télécharger la dernière version du Wikinimst ici: http://recitmst.qc.ca/wikinimst/SourcesDuWikiniMST
Installer le Wikinimst sur votre serveur à l'aide de cette page (prendre le temps de bien lire): http://recitmst.qc.ca/wikinimst/InstallerConfigurerWikiniMST
Activer le thème mobile
Pour activer l'option mobile, on doit ajuster ces deux variables dans le fichier de configuration wakka.config.php:
"header_action" => "header_m",
"footer_action" => "footer_m",
"footer_action" => "footer_m",
À noter le _m qui prend le thème mobile.
Si vous visitez le wiki avec un navigateur standard (sur votre ordinateur), le site est un wiki avec une interface comme celle-ci (pas de menu de gauche):
Ceci permet de gérer le wiki plus facilement avec l'interface complète du wiki.
Mais si vous le visitez avec un mobile, ça ressemblera à cela:
Gestion des pages
Comme dans la version mobile il n'y a pas de menu de gauche qui peut aider à se retrouver dans le site, on doit donc penser à structurer la page d'accueil du wiki afin que le visiteur puisse trouver le contenu facilement.
On peut configurer l'entête et le pied de page comme le wiki standard.
Mise en page particulière
Les listes à puces sont toujours les mêmes (avec -). Si on veut que le mobile voit une liste comme celle-ci:
Un bouton permettant d'ouvrir un paragraphe peut être inséré à l'aide du code:
#h#====Titre====
Texte à découvrir...
#h#
Technique
Le wiki utilise ces deux outils pour réaliser l'optimisation pour les mobiles: http://jquerymobile.com/ et http://code.google.com/p/php-mobile-detect/
Donc, si un mobile est détecté (par php-mobile-detect), on passe à l'interface jquerymobile. Les images seront redimensionnée à 300px de large au maximum (cette valeur peut être modifiée directement dans le fichier /actions/attach.class.php (vers la ligne 351, variable $target).
On peut pointer vers une page en particulier (ex.: http://m.recitmst.qc.ca/Scratch) qui n'est pas la page d'accueil du wiki, celle-ci devient alors la page d'accueil pour le visiteur mobile. Le bouton «retour» s'affichera sur les page suivantes seulement.
