Page de ressources sur Wordpress
Page de ressources sur Wordpress
Tutoriels Ecrits :
Installer son Wordpress :
- ✔️ Installer Wordpress
- ✔️
- ✔️
Configurer son WordPress :
Personnaliser son CSS :
- ✔️ Comment editer son CSS dans Wordpress
Gerer des maps sous Wordpress :
Personnaliser un thème :
- ✔️ Guide Wordpress pour créer un thème enfant
- ✔️ Convertir son HTML et CSS avec le thème blank
- ✔️ Personnaliser le thème colibri
Créer un thème Wordpress :
Les sidebars :
Les Plugins :
Créer un mur social avec le plugin Flow Flow Meida Social de codecanyon :
Il est possible de le tester en localhost pour facebook, pour cela il faut configurer un certificat SSL dans son serveur Apache pour "simuler" un accès HTTPS en localhostWordpress et le PHP :
- ✔️ Anatomie d'un thème Wordpress
- ✔️ 12 fonctions php à découvrir
- ✔️ 30 tutoriels pour personnaliser son Wordpress avec PHP
- ✔️ Créer une zone de connexion en PHP
- ✔️
L'API rest de Wordpress :
- ✔️ Utiliser l'API Wordpress
Divers Wordpress :
Wordpress ou Wordpress.com ?
Wordpress ou Wordpress.com ?
Expliqué le plus simplement possible et sans rentrer dans les détails...
wordpress.com
Le site internet wordpress.com est une plateforme d'hébergement de sites internet.
Le service de base, gratuit, convient très bien à un utilisateur débutant et lui permet de créer rapidement son site Internet sans se soucier de la maintenance technique (sauvegardes, mises à jour, sécurité).
En pratique: le site wordpress.com s'utilise en y créant un compte utilisateur, avec une adresse mail et un mot de passe. Ce compte permet ensuite de gérer un (ou même plusieurs) site internet et ses options, gratuites ou payantes, en s'y connectant depuis un navigateur internet.
La plateforme est hébergée et maintenue par la société Automattic qui s'occupe de toute la partie technique, informatique, "dure". Elle propose des extensions payantes afin d'apporter plus de fonctionnalités aux utilisateurs.
Les sites gratuits ont en général une adresse web (URL) de la forme www.mon-site.wordpress.com.
Un même site internet hébergé chez wordpress.com peut être géré par plusieurs personnes, chacune pouvant avoir un rôle (et des droits) différents. Ces personnes doivent toutes avoir un compte utilisateur sur wordpress.com.
Wordpress ?
La plateforme wordpress.com, comme des milliers d'autres sites internet, utilise le "logiciel" Wordpress.WordPress est un système de gestion de contenu (SGC ou content management system (CMS) en anglais) gratuit, libre et open-source. Wordpress est distribué par la fondation WordPress.org. Il peut librement être téléchargé et installé pour créer et gérer différents types de sites Web : site vitrine, site de vente en ligne, site applicatif, blog, portfolio, site institutionnel, site d'enseignement...
Le SGC Wordpress est un outil informatique. Pour s'en servir il faut des compétences et des ressources pour pouvoir gérer toute la partie technique, informatique, "dure" (maintenance, mises à jour, sécurité, hébergement...).
Ce contenu de Zoomacom/réseau MedNum42 est mis à disposition selon les termes de la Licence Creative Commons Attribution - Pas d’Utilisation Commerciale - Partage dans les Mêmes Conditions 4.0 International.
Jeu de piste avec QR Code
Jeu de piste avec QR Code
Initialement publié et documenté sur le wiki Movilab - Complété ici.
Concept
Une chasse au trésor est une épreuve ludique où les participants, généralement regroupés en équipes, doivent trouver un cadeau (le "trésor") dissimulé par les organisateurs. Des indices sont généralement fournis pour permettre d'arriver au but. (Wikipedia)Dans cette version numérique, les indices sont transmis par des Codes QR disposés sur le terrain (dans le monde "réel", matériel). Les codes QR doivent être lus avec des smartphones connectés à un réseau (en général Internet, via une connexion sans fil).
Un code QR, aussi appelé QR code (de l'anglais : quick response code, « code à réponse rapide ») est un type de code-barres en deux dimensions (ou code matriciel) constitué de modules noirs disposés dans un carré à fond blanc. L'agencement de ces points définit l'information que contient le code. (Wikipedia)
Le contenu du code peut être décodé rapidement après avoir été lu par un smartphone, permettant ainsi de déclencher facilement des actions comme:
- naviguer vers un site internet, visiter un site web ou mettre l'adresse d'un site en marque-page pour, par exemple, montrer un point géographique sur une carte, telle que Openstreetmap, Google Maps ou Bing Maps ;
- regarder une vidéo en ligne ou un contenu multimédia
- afficher un texte ou rédiger un texte libre (sa version la plus grande permet d'inclure un texte d'environ 500 mots) ;
- etc.
Réalisation
Attention: Une animation Jeu de piste ça se fait en deux temps:- Préparation / création du jeu (énigmes, QR Code, placer les étapes sur le terrain)
- Jeu de piste en lui-même (par des personnes qui n'ont pas participé à la création/réalisation du jeu)
Qui peut
- constituer une animation, de médiation numérique, en elle-même.
- ou être un travail préparatoire effectué par un·e professionnel·le de l'animation en vue d'une activité Jeu de Piste proposée à son public.
- À noter avant d'animer: les animateurs doivent adapter le contenu de l'animation à leur public et à leurs intentions pédagogiques: quels sont les éléments les plus techniques de la phase de préparation sont intéressants et faisables par les participants.
Attention 2: il existe des services (web, applications...) plus ou moins gratuites, spécialisées dans ce genre de jeu. Ici nous décrirons une façonde faire qui ne dépende pas de ces services.
Méthode générale
- Créez le jeu de piste, réfléchir sur le thème et le tracé général du parcours.
- Suggestion La question, l'énigme est écrite en toutes lettres, la réponse est donnée par un indice multimedia.
- Rassemblez les médias dont vous aurez besoins (images, vidéos...) les textes, etc.
- Créez les pages web dont vous avez besoin pour héberger vos contenus
- Publiez-les / rendez-les accessibles en ligne
- Copiez leur adresse web (URL)
- Générez un QR Code correspondant à chaque URL
- Testez les QR Codes
- Imprimez les QR Codes
- (éventuellement: protégez, plastifiez les QR Codes destinés à être placés en extérieur)
- Fixez les QR Codes sur le terrain par des moyens adaptés au contexte.
Récapitulatif
Créer le jeu
- Questions
- Idées d'illustration
- Localisation des étapes sur le terrain
Réaliser le jeu numérique
- Créer une page récapitulative (Gabarit- Exemple)
- Créer et organiser des Répertoires, sous-répertoires de travail pour stocker les fichiers nécessaires
- Rassembler
- Texte de la question
- illustrations
- Texte de localisation de l'étape suivante
- Créer les pages Étape
- Créer un gabarit de page
- Créer chaque page individuelle
- Créer les cartes QR
- Créer un gabarit d'impression des cartes QR
- Dupliquer et modifier le numéro des cartes individuelles
- Générer un QR Code par page Étape
- Coller les QR Codes sur les cartes correspondantes
Réaliser le jeu physique
- Cartes
- Imprimer
- Découper
- Plastifier
- Mettre en place sur le terrain
- Mettre en place le Départ
- Mettre en place l'Arrivée
Animer le jeu physique
- Animer le départ
- Matériel = 1 appareil mobile par groupe, avec
- connexion internet
- lecteur de QR Code
- Faire scanner la Carte Départ
- Matériel = 1 appareil mobile par groupe, avec
- Animer le jeu de piste, 1 adulte par groupe
- Animer l'arrivée
- Accueil
- Vérification des réponses
- Récompense, goûter...
Héberger du contenu en ligne
Héberger du contenu en ligne
Le flashage (lecture) du code avec un smartphone/tablette peut déclencher un certain nombre d'événements.
Ici il s'agit d'accéder à du contenu se trouvant "en ligne", SUR INTERNET: le flashage du QR Code déclenche l'accès à un lien/une adresse web (URL, sous la forme http:/... etc.) dans le navigateur internet, ou l'application adaptée au contenu hébergé en ligne.
Il peut s'agir de l'adresse d'une page web, de celle d'une video hébergée sur YouTube, etc.
Selon l'âge du public et la difficulté souhaitée pour le jeu, les indices peuvent être directement affichés (image, vidéo) ou contenus dans des pages web qui accompagnent les joueurs avec des explications. Ce qui impose de créer ces pages et de les héberger en ligne.
Voir Gabarit pour créer rapidement un jeu de piste
Sur un hébergement (serveur) en ligne
Si vous disposez des ressources et des compétences, vous pouvez héberger ces contenus sur un serveur. Qui peut-être celui de votre propre site internet.Dans un service de Cloud
De préférence un service dont l'interface reste discrète pour ne pas polluer votre contenu avec des logos, de la publicité...S'assurer que les contenus sont bien affichables en mode "Public" à partir du lien de partage (et qu'ils ne nécessitent pas d'avoir un compte utilisateur).
Protection par mot de passe? Certains services vous proposent de limiter l'ouverture du fichier de destination par un mot de passe. Dans le cadre d'une chasse au trésor on pourrait imaginer, par exemple, que le mot de passe pour accéder à l'indice 2 a été donné par l'indice 1.
Sur ce wiki
Dans le cadre d'un partenariat avec le centre ressource Zoomacom, il est envisageable de pouvoir discuter de la possibilité d'héberger du contenu via le présent wiki MedNum42...Dans un site Wordpress.com
La solution la plus simple est d'utiliser une plateforme de sites/blogs clés en main. Notre préférence, toute personnelle, va ici à Wordpress.com. Voir la page Wordpress ou Wordpress.com?On ne va pas ici détailler l'utilisation de Wordpress mais fournir les grandes lignes de la méthode, appliquée au contexte qui nous intéresse.
À garder à l'esprit
- Le site sera probablement temporaire
- il peut avoir une adresse peu parlante, elle ne s'adresse pas à des humains, du genre jeu_de_piste_20_mai.wordpress.com ou même jdp42000SE.wordpress.com.
- on ne créé pas un site internet. On a juste besoin d'un outil pour créer et disposer de pages web.
- on créera des PAGES, plutôt que des ARTICLES (quoi que...)
Apparence
Assurez-vous que la page web vers laquelle vous envoyez vos visiteurs est optimisée pour une lecture sur smartphone et pas sur ordinateur!
Selon les moyens dont vous disposez vous pouvez consacrer tout le temps nécessaire à personnaliser à loisir l'aspect de vos pages... mais c'est sans doute assez peu utile:
- le thème par défaut de Wordpress devrait faire l'affaire
- l'idéal serait même encore de le simplifier au maximum,
- qu'il ne contienne que le contenu utile au jeu de piste
- de supprimer les éléments de navigation (Menus, champ de recherche...). On doit arriver directement sur les pages par le QR Code. On ne devrait pas pouvoir naviguer dans le contenu du "site".
Les QR Code
Les QR Code
Création d'un QR Code
En local avec le logiciel de dessin vectoriel Inkscape: Menu Extensions > Rendu > Code-barres > QR code.Tutoriel: Créer son propre QR code avec Inkscape sous Linux (jetesteLinux.com)
Nous vous proposons un gabarit format SVG, ouvrable directement sous Inkscape, comportant 5 cartes sur une page format A4 (téléchargez-le, "Enregistrer sous"...):
Les services en ligne permettant de générer des Code QR évoluent dans le temps,sont créés, disparaissent... Faites donc une recherche au moment où vous en aurez besoin. Dans vos critères de sélection d'un service, pensez "fiabilité, modèle économique, respect de la vie privée..."
Un service, par exemple, testé: https://www.qrcode-monkey.com/fr/
Quel lecteur de code ?
Comme pour les services en ligne permetttant de générer des Code QR, les lecteurs évoluent dans le temps, et sont de plus liés aux différentes versions des systèmes d'exploitation des smartphones... Là aussi, faites donc une recherche au moment où vous en aurez besoin et installez l'application qui vous convient.Exemple: Lecteur de codes à barres pour Android, APK téléchargeable sur FDroid.
Ressources / veille
- Créer un parcours patrimonial géolocalisé dans sa ville, son quartier... fiche dans Médiation numérique, en bibliothèque et ailleurs (2020)
- Chasse au trésor et QR code sans internet (en utilisant un routeur portable avec clé USB)
- Géocaching et chasse au trésor numérique sans connexion internet (Zoomacom)
- un site pour générer des images dans le style aventure retro (en anglais) utile pour des pages de départ: https://thrilling-tales.webomator.com
- Un gadget en ligne pour afficher du texte avec des formes un peu mystérieuses: Font Generator & Font Changer - Cool Fancy Text Generator, comme par exemple: ๓໐ຖ prē๓iēr iຖ໓i¢ē ēŞt ¢ค¢hḗ Ş໐นŞ lē ๖คຖ¢.
Services et applications dédiées