Sommaire des fiches outils

Yeswiki : Etape 1

Pouvoir installer rapidement un espace de travail et de partage pour son collectif est un atout non négligeable pour l'animateur de projets collectifs.
Yeswiki a été conçu pour ça par des gens qui animent des projets ;-)

Travaux dirigés pour cette prise en main


Unknown action "accordion"
Unknown action "panel"
Un site Yeswiki est en fait composé d'un "squelette" => assemblage de plusieurs pages

Télécharger le fichier squelette_yeswiki.png
Unknown action "accordion"
Unknown action "panel"

Prérequis

Cette page fait le point sur des prérequis très très basiques mais néanmoins absolument nécessaires ;-)
Important

C'est quoi une adresse url ?

Les adresses web sont l'une des trois inventions à la base du World Wide Web, et selon ses inventeurs, la plus fondamentale. Le grand public les connaît sous la forme de libellés d'une dizaine de caractères, commençant souvent par « www », et qui identifient une page web par exemple
www.example.com
L'adresse techniquement correcte doit en fait commencer par un nom de protocole. Pour cet exemple, cela donne
http://www.example.com

Barre d'adresse

Lorsqu'on navigue sur le Web, le navigateur web affiche dans la barre d'adresse, l'adresse de la ressource consultée. Si l'on veut consulter un document dont on connaît l'adresse web, on peut directement la taper dans cette barre. Source Wikipedia
Ce site possède l'url suivante qui apparaît dans la barre d'adresse. Cherche-le ?
Télécharger le fichier Capture_decran_20151119_a_140013.png



Quand on te parlera de taper l'adresse url dans la barre d'adresse... MAINTENANT TU SAIS QUOI FAIRE ;-)

Sais-tu copier coller ?

Le copier-coller est une compétence essentielle pour tout bon webmaster (gestionnaire de site web).
En effet, le webmaster passe son temps à copier des bouts de textes (de codes) qu'il trouve bien pour les coller sur sa page.
  • Pour copier, on sélectionne la partie à copier avec la souris puis on fait clic droit et on choisit copier
  • Pour coller, on place son curseur à l'endroit où l'on veut insérer ce qu'on a copié, ensuite on clic droit et on choisit coller

Ouvrir un lien dans un nouvel onglet

Quand on parcourt le web, il est utile de pouvoir ouvrir un lien (une URL) dans un nouvel onglet sinon le lien s'ouvre et écrase le site qu'on était en train de regarder.
Pour ouvrir un lien web dans un nouvel onglet, il faut faire un clic DROIT sur le lien et choisir "Ouvrir dans un nouvel onglet"
A tester de suite : https://fr.wikipedia.org/wiki/Clic_de_souris

A chacun son yeswiki

Unknown action "accordion"
Unknown action "panel"
Et je vous comprends, ça m'a fait le même effet ;-)
Bon il existe plusieurs pistes pour avoir votre yeswiki.

La méthode classique

Elle consite à installer sur votre serveur (ovh, haisoft, free...) le logiciel Yeswiki (il est en licence ouverte !)
La documentation pour le faire se trouve sur https://yeswiki.net/wakka.php?wiki=DocumentationInstallation
Avantages
  • vous êtes autonome,
  • vos données sont chez vous, et vous pouvez utiliser votre propre nom de domaine (www.monsiteamoi.org)
  • vous savez maintenant installer beaucoup d'autres programmes (vous êtes montés en compétences ;-)
Iconvénients
  • Bon il faut quand même maîtriser un peu l'informatique (un FTP, une base de données...)
  • Il faut un serveur web

La méthode traditionnelle

Elle consite à faire appel à une personne extérieure pour vous aider => https://yeswiki.net/wakka.php?wiki=PersonneRessource
Avantages
  • Ces gens sont gentils et en les finançant un peu vous leur permettez de poursuivre leur travail bénévole autour du logiciel Yeswiki ;-)
  • C'est bien installé
  • En général, ces gens vous aideront à comprendre ce qu'ils font pour vous faire monter en compétences
Iconvénients
  • Parfois ça demande quelques euros
  • Il faut quand même que vous ayez votre serveur si vous souhaitez que le wiki soit installé chez vous

La méthode ultra simple

Elle consite à passer par une ferme à wiki !
Ces fermes permettent d'installer en un clic et sans aucune connaissance informatique un wiki fonctionnel et complet
Une des fermes à wiki
Avantages
  • Aucune connaissance requise
  • Pas de serveur nécessaire
  • gratuit
Iconvénients
  • Vous n'êtes pas sur votre serveur, vos données sont chez quelqu'un
  • Vous n'avez pas progressé en informatique
  • les wikis installés sur des fermes ne sont pas 100% stables, ces fermes sont surtout des zones pour tester. Il n'est donc pas conseillé de développer un wiki "qui doit durer" sur une ferme
  • Vous ne pouvez pas choisir l'url de votre wiki

Unknown action "accordion"
Unknown action "panel"
Dans Yeswiki, vous avez la main sans être connecté / loggué à votre wiki. Cela facilite énormément le passage à l'acte ;-)
Cela dit quand on travaille à la structuration de son wiki ou au "jardinage" de celui-ci, il est plus facile de le faire si on est connecté.
Les wikis installés sur la ferme à wiki ont tous le même code d'accès (WikiAdmin / mot2passe2wiki)
Rendez-vous dans la roiue crantée en haut à droite de votre wiki et connectez-vous à l'aide de ces codes.
Unknown action "accordion"
Unknown action "panel"
Dans Yeswiki, l'objectif vise à faciliter la réutilisation de l'existant. Le plus souvent par un simple "copier-coller" ;-)
Allons-y ! et copions-piquons le contenu de l'aide de ce wiki (celui de coopitc6) vers la page d'aide de votre propre wiki !
  • Donc, vous ouvrez cette page ReglesDeFormatage (par un clic droit pour ouvrir dans un autre onglet)
  • Vous double cliquez pour passer en mode édition
  • Vous copiez tout le code présent
  • Vous allez sur votre wiki perso (roue crantée/gestion du site et ouvrez la page "Éditer le mémo de formatage (bouton "?" dans la barre d'édition")
  • vous effacez son contenu et le remplacez par ce que vous avez copié du wiki cooptic6
  • Faites "sauver"
Parfait !
Unknown action "accordion"
Unknown action "panel"

En y plaçant une image ou une couleur
  • double cliquez sur votre bandeau pour passer en mode édition
  • ajouter file="bandeau.jpg" juste après le backgroundimage et cover juste après class="
  • {{backgroundimage file="monbandeau4.jpg" height="180" bgcolor="" class="cover white text-right"}}
    

si besoin regardez le tuto vidéo : https://www.youtube.com/watch?v=KvIpZVXt0uE&list=PLaQm6xd2SrjYXoYn-mwgDz6nPBEhe7l_L&index=3&t=0s

Unknown action "accordion"
Unknown action "panel"
  • Sur votre page d'accueil, double cliquez pour passer en mode édition
  • Effacez le texte présent et tapez le votre, veuillez à mettre certaines parties en gras, italique, souligné.
  • essayez de créer un lien vers une page web

si besoin regardez le tuto vidéo : https://www.youtube.com/watch?v=KvIpZVXt0uE&list=PLaQm6xd2SrjYXoYn-mwgDz6nPBEhe7l_L&index=3&t=0s

Unknown action "accordion"
Unknown action "panel"
  • Sur votre page d'accueil, double cliquez pour passer en mode édition
  • Cliquez sur le point ? dans la barre de menu et voyez ce qui vous est proposé.
  • copier coller le bout de code qui permet de faire des colonnes
  • déposez le sur votre page d'accueil et remplacez le contenu de la colonne gauche par votre texte
  • dans la contenu de la colonne de droite, insérer une image en appuyant sur le bouton "joindre / insérer un fichier"

si besoin regardez le tuto vidéo : https://www.youtube.com/watch?v=KvIpZVXt0uE&list=PLaQm6xd2SrjYXoYn-mwgDz6nPBEhe7l_L&index=3&t=0s

Unknown action "accordion"
Unknown action "panel"
  • rendez vous sur youtube pour choisir la vidéo à intégrer
  • sous la vidéo, cliquez sur partager puis intégrer (vous revenez maintenant un code iframe)
  • copiez coller le code iframe proposé
  • retournez sur votre wiki et passez mode édition sur votre page d'accueil
  • déposer à l'endroit souhaité ce bout de code en l'entourant de double guillemets
    "" code iframe  ""
    

si besoin regardez le tuto vidéo : https://www.youtube.com/watch?v=KvIpZVXt0uE&list=PLaQm6xd2SrjYXoYn-mwgDz6nPBEhe7l_L&index=3&t=0s

Unknown action "accordion"
Unknown action "panel"
  • rendez vous sur le pad à intégrer (y en a un sur la page  NoteS)
  • copiez collez le code iframe fourni quand on clique sur l'icone <> du pad
  • retournez sur votre wiki et passez mode édition sur votre page d'accueil
  • déposer à l'endroit souhaité ce bout de code en l'entourant de double guillemets
    "" code iframe  ""
    

si besoin regardez le tuto vidéo : https://www.youtube.com/watch?v=KvIpZVXt0uE&list=PLaQm6xd2SrjYXoYn-mwgDz6nPBEhe7l_L&index=3&t=0s

Unknown action "accordion"
Unknown action "panel"
Avez Yeswiki, on peut revenir aux versions antérieures de chaque page (corollaire de sa grande ouverture)
  • En bas de la page, je vois Modifiée le : xx xx xxxxx
  • Cliquez sur ce lien et une boîte s'ouvre avec un nombre de lignes présentant chacune une "version antérieure" de la page
  • cliquez sur la deuxième ligne bleue par exemple
  • le wiki derait vous montrer la page d'accueil mais telle qu'elle était juste avant votre dernière modification

si besoin regardez le tuto vidéo : https://www.youtube.com/watch?v=KvIpZVXt0uE&list=PLaQm6xd2SrjYXoYn-mwgDz6nPBEhe7l_L&index=3&t=0s


Pour la suite : il faudra bien écouter ;-)

  • je créé une nouvelle page
  • je la place dans le menu
  • je réorganise mon menu (sous menu)
  • je supprime une des pages créés