WikiniMSTMobile

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

À 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.

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:
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.
Contrat Creative Commons Le contenu du présent site du RÉCIT MST est mis à disposition selon les termes de la licence Creative Commons Paternité - Pas d'Utilisation Commerciale - Partage des Conditions Initiales à l'Identique 4.0 International.