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.

Adresse de la présente page version mobile
Url mobile
handout

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",

À 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):

Normal
handout

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:

Mobile
handout

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.

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:
liste
handout
on doit mettre « = » au lieu de « - » en début de ligne.

Un bouton permettant d'ouvrir un paragraphe peut être inséré à l'aide du code:
#h#====Titre====
Texte à découvrir...
#h#

Bouton
handout


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.