Vidéo de présentation XWoot

Mise à jour : Vidéo Finale

Pour télécharger la vidéo : go ( choisir "Play video as Source" -- puis en dessous du champ des commentaires : clique droit sur "Download Playing" & "enregistrer la cible du lien sous" ...)

Contenu

L'ensemble de la démonstration se fera sur une seule page Wiki concernant une description du film Le Pacte Des Loups. L'ensemble du contenu se trouve ici. Le contenu de cette page représente le résultat final de la vidéo . La page se veut compacte et rapidement lisible. Elle présente aussi en couleur les modifications effectuées par les utilisateurs dans le scénario ; à chaque modification est associé un numéro représentant l'ordre chronologique de leur application.

Mise en forme

La vidéo sera faite sur le modèle de celle-ci (Démonstration de Wooki : en téléchargement -- en streaming) .

Le modèle consiste en l'affichage de deux écrans cote à cote. Ainsi il est possible de facilement visualiser une édition concurrente et son résultat. La résolution sera de 1024x768 (chaque écran sera donc de 512x384).

Chaque couple XWiki XWoot sera distingué par une couleur (gris, rouge et vert).

La vidéo n'aura pas de piste audio mais sera commentée en direct, avec des mises en pause si nécessaire.

Il faudra écrire des posts-its pour une version streaming par exemple.

Déroulement

1.XWiki gris

La vidéo présente dans la partie gauche une page Wiki déja bien remplie présentant le film Le Pacte des Loups. La page Wiki se présente comme une page seule dans Firefox.

L'utilisateur gris edit la page en WYSIWYG pour rajouter deux champs puis sauvegarde.

La vidéo présente le résultat de l'édition.

2. XWoot gris

L'utilisateur ouvre un onglet dans Firefox (toujours dans la partie gauche), y colle l'URL de l'application XWoot gris, ce qui affiche l'interface.

<~ si j'ai le temps ~> L'interface XWoot présente une page permettant de saisir l'adresse d'accès au XWiki, ainsi que le login et mdp d'accès <~/ si j'ai le temps ~> <~ si je n'ai pas le temps ~> L'utilisateur aura ouvert avant le fichier de propriété de XWoot gris pour y rentrer les informations nécessaires. <~/ si je n'ai pas le temps ~> >>>>>>

La configuration faite, XWoot gris présente une liste de voisin vide et un message stipulant qu'il est connecté à l'URL de l'application XWiki gris.

3. XWiki rouge

La vidéo présente dans la partie droite un second Firefox contenant le XWiki rouge (affichant la page d'accueil par défaut).L'utilisateur sélectionne la partie changement récent, pour bien visualiser qu'il n'y a pas encore la page du film.

L'utilisateur ouvre un onglet dans le second Firefox, y colle l'URL de l'application XWoot rouge, ce qui affiche l'interface.

Voir si il faut encore montrer la connection au XWiki rouge, ou si XWoot rouge est présenté directement configuré (i.e. connecté au Wiki).

La vidéo présente alors XWoot gris à gauche et XWoot rouge à droite.

L'utilisateur connecte XWoot rouge à XWoot gris : il ajoute son URL dans liste des voisins.

L'utilisateur rafraichi le Firefox de gauche se qui met à jour la liste des voisins de XWoot gris qui affiche alors l'URL de XWoot rouge.

Le XWoot rouge affiche dans sa liste de voisin l'URL du XWoot gris.

4.Résultat de l'échange d'état

La vidéo présente à gauche XWiki gris (avec la page du film) et à droite XWiki rouge (avec la page d'accueil par défaut).

XWiki rouge présente dans sa liste de changements récents le lien vers la page du film ; l'utilisateur clique dessus.

La vidéo présente alors la même page à droite et à gauche.

5.Modification non concurrente

L'utilisateur édite la page du film sur XWiki rouge. Il ajoute un acteur puis sauvegarde.

L'utilisateur rafraichi le XWiki gris à gauche. La modification apparait.

6.XWiki vert

Trouver quelque chose pour visualiser que XWiki3 se trouve sur un support déconnectable (ordinateur portable).

La vidéo présente le XWiki vert seul à droite. Il affiche la page d'accueil par défaut.

L'utilisateur ouvre un onglet sur le XWoot vert déjà configurer puis ajoute le point d'entrée dans le réseau en rentrant l'URL du XWoot gris.

L'utilisateur repasse sur XWiki vert et affiche la page du film.

7.Propagation des voisins

La vidéo affiche alors sur la partie de gauche 3 fenêtre (Firefox) en mosaïque verticale, chacune présentant la table des voisins de chaque XWoot.

L'utilisateur edit la page du film sur XWiki vert (partie droite de la vidéo) : il rajoute une date au début du Synopsis pour situer historiquement le film.

L'utilisateur sauvegarde.

Les 3 fenêtres de la partie gauche se rafraichissent et montrent la propagation des voisins suite à la mise à jour de la page sur XWiki vert.

La partie gauche affiche alors XWiki rouge, ce qui permet de visualiser la modification.

La partie gauche affiche alors XWiki gris, ce qui permet de visualiser la modification.

8.Modification concurrente

La vidéo affiche à gauche XWiki rouge et à droite XWiki vert.

Deux utilisateurs effectuent une modification concurrente :

A gauche l'utilisateur du XWiki rouge ajoute "historique" dans le genre du film puis ajoute un morceau de texte dans le Synopsis.

A droite l'utilisateur du XWiki vert ajoute "Epouvante-Horreur" dans le genre du film puis ajoute "Interdit aux moins de : 12 ans" dans la description.

Chaque utilisateur sauvegarde en même temps, puis chaque utilisateur rafraichi son XWiki.

La vidéo présente alors le résultat des modifications concurrentes (même page pour chaque XWiki mais conflit à résoudre au niveau du genre).

La vidéo présente le conflit au niveau du genre en affichant deux fois la ligne (chaque ligne correspondant à une modification de chaque XWiki rouge et vert).

L'utilisateur du XWiki rouge corrige le conflit au niveau du genre : il manipule les deux lignes (sélection puis suppression des informations en double) pour finir par garder : "Genre : Aventure, Historique, Epouvante-Horreur".

L'utilisateur sauvegarde. La vidéo rafraichi le XWiki vert à droite et les corrections apparaissent. Les deux pages sont à nouveau identiques.

9. Déconnection + travail en mode déconnecté

La vidéo présente le XWiki rouge à gauche et le vert à droite. Chacun affichant la page du film (identique des deux côtés).

L'utilisateur déconnecte le XWiki vert à droite.Trouver un visuel pour l'action de déconnecter XWiki vert.

La vidéo présente alors deux action simultanément.

L'utilisateur du XWiki rouge à gauche ajoute une image (en lien externe).

simultanément, l'utilisateur du XWiki vert ajoute la durée du film et un commentaire (du style : "Film qui déchire ca race !! Trop lol quoi <:D !").

Chacun sauvegarde (en même temps ou non, à décider).

La vidéo affiche alors XWiki rouge à gauche et XWiki vert à droite. Les deux affichent la page du film, qui n'est pas la même.

La partie gauche passe à XWiki gris qui affiche la même page que XWiki rouge précédemment, mais qui diffère toujours avec le XWiki vert de la partie droite.

10. Reconnection

La vidéo présente dans la partie droite un visuel de reconnection.

La vidéo présente alors le rafraichissement du XWiki gris à gauche et du XWiki vert à droite. Les pages se mettent à jour et redeviennent identiques.

La vidéo présente en final les trois XWiki cote à cote (gris - rouge - vert). Les trois présentent la même page du film avec les même commentaires.

Scénario technique

Le scénario qui suit ne tient pas compte du contenu : il permet juste de mettre en avant les différentes fonctionnalités qu'il faudra présenter et l'ordre de leur présentation.

Introduction -- Présentation XWiki

• Présentation générale de l'édition avec XWiki sur le serveur XWiki1.
• Création & modification d'une page Wiki.

Connexion XWoot/XWiki -- Présentation du module externe XWoot

• Connexion de XWiki1 avec XWoot1 : paramétrage de XWoot1
• Lancement d'une synchronisation entre XWiki1 et XWoot1 (création du modèle local des pages à répliquer).
• Présentation du serveur XWiki2 et de sa connexion avec XWoot2.

Constitution du réseau de pairs -- Transfert d'état

• Connexion de XWoot2 sur XWoot1 : XWoot2 rejoint le réseau en déclarant XWoot1 comme point d'entrée,
• (Mise à jour des tables des voisins)
• Transfert de l'état de XWoot1 vers XWoot2.
• Présentation de la page précédemment créée sur XWiki1, maintenant répliquée sur XWiki2.

Modification non concurrente -- Réplication

• Modification de la page sur XWiki2.
• Sauvegarde XWiki2.
• Présentation de la nouvelle version de la page sur XWiki1.

Présentation XWiki3 sur portable

• Connexion de XWiki3 avec XWoot3.
• Entrée de XWoot3 dans le réseau : XWoot3 déclare XWoot1 comme point d'entrée,
• Transfert de l'état de XWoot1 vers XWoot3.
• Présentation des pages de XWiki1 et XWiki3.

Propagation des messages -- Mise à jour de la table des voisins

• Visualisation de la table des voisins sur les différents XWoot
• Création d'une page sur XWiki3, sauvegarde
• Visualisation de la table des voisins de XWiki1 qui connaît maintenant XWiki3.
• Présentation de la réplication sur XWiki2.
• Présentation de la réplication sur XWiki1.

Modifications concurrentes -- Réplication avec fusion de données concurrentes

• Edition de la même page sur XWiki1 et XWiki3.
• Sauvegarde concurrente.
• Présentation de la fusion des modifications concurrentes.

Déconnexion de XWiki3 --

• Déconnexion physique : le portable n'est plus connecté au réseau.
• Consultation de pages en mode déconnecté (toutes les données sont en local)
• Modification ou création d'une page sur XWiki3
• Sauvegarde sur XWiki3 qui ne propage rien.

Travail en mode partitionné

• Modification ou création de page sur XWiki3 (ajout d'un commentaire).
• Modification ou création de page sur XWiki1 ; les données sont propagées sur XWiki2.

Reconnexion de XWiki3 -- Anti-entropie

• Reconnexion de XWiki3.
• Le protocole d'anti-entropie propage les modifications de XWiki3 vers XWiki1 et XWiki2 et inversement
• Les 3 wikis sont maintenant dans le même état.