Projet Eva-web

Liste de diffusion Spip-Edu

Olivier Gautier — 2012-11-20T11:19:44Z

Depuis de nombreuses années, les webmestres francophones peuvent échanger et poser des questions concernant l'utilisation de SPIP dans l'éducation et en particulier au sujet des plugins de la famille EVA-web sur une liste de diffusion nommée spip-edu.

Cette liste était hébergée en Haute-Savoie jusqu'à présent par le CITIC74 (Centre de l'Informatique et de TIC) mais le CITIC74 sera dissout le 31 décembre 2012. Aucune solution technique n'a été trouvée en Haute-Savoie pour trouver un nouvel hébergement pour cette liste de diffusion qui est pourtant toujours active.

L'académie de Rouen, fortement impliquée dans le développement des plugins EVA-web depuis plusieurs années, s'est proposée pour reprendre cette liste de diffusion.

Vous souhaitez échanger au sujet de vos utilisations de SPIP dans vos établissements scolaires, vous souhaitez obtenir de l'aide de webmestres francophones pour administrer vos sites fonctionnant avec EVA-web, vous pouvez vous inscrire dés à présent sur la liste spip-edu@ac-rouen.fr en suivant le lien suivant :

Inscription à la liste Spip-Edu

Guide de l'administrateur

Laurent Jullien — 2010-12-14T19:49:44Z

Destiné aux administrateurs débutants, ce document n'est absolument pas exhaustif, mais devrait suffire aux besoins de la plupart des utilisateurs de SPIP 2 et EVA 4.

Premiers pas :
Accéder à l'interface d'administration
Paramétrer le site
Quitter l'interface d'administration

Choix de l'habillage du site :
Un peu de vocabulaire EVA
Afficher le formulaire de gestion des habillages
Structure du site
Paramétrage des graphismes (mis à jour le 8/11/2009)
Paramètres CSS
Gestion des habillages

Édition du site :
Les rubriques
Créer une rubrique
Modifier une rubrique
Déplacer une rubrique
Supprimer une rubrique
Joindre un document à une rubrique
Choisir le logo d'une rubrique
Créer, modifier un article
La barre typographique
Renommer un article
Déplacer un article
Supprimer un article
Publier un article, demander la publication d'un article
Insérer une image dans un article
Insérer un document dans un article
Insérer la vignette d'une image dans un article
Supprimer une image ou un document dans un article
Insérer un tableau dans un article
Insérer une note de bas de page dans un article
Insérer un lien hypertexte dans un article
Choisir le logo d'un article
Insérer une liste dans un article
Insérer une application J-Clic dans un article (mis à jour le 8/11/2009)
Insérer un fichier multimédia lisible en streaming
Insérer un lecteur multimédia externe (YouTube, DailyMotion...)
Transformer un article en éditorial
Transformer une rubrique en livre
Transformer un article en porte-folio
Afficher un évènement dans le mini calendrier (mis à jour le 8/11/2009)
Transformer une rubrique en agenda ou en calendrier
Éditer, gérer les brèves
Référencer un site
Édition des mentions légales
Recalculer une page, gérer le cache
Trucs et astuces

Interactivité du site, gestion des forums :
Envoyer un message à l'auteur d'un article
Envoyer un message au forum public d'un article
Gérer les messages du forum public
Le forum interne

Gestion des comptes utilisateurs :
Créer un compte
Gérer les comptes

Gestion de la partie privative du site :
Autoriser la création de comptes visiteurs
Gérer les zones à accès restreint
Attribuer des droits d'accès à un visiteur

F.T.P., transfert de fichiers, gestions des plugins, sauvegarde de la base de données et des fichiers joints du site :
Transférer des fichiers à l'aide du FTP
Gérer les plugins
Sauvegarder la base de données
Copier la base de données et les fichiers joints en local
Restaurer la base de données

EVA-WEB 4.1

Laurent Jullien — 2010-03-26T15:45:00Z

Ensemble de squelettes et de plugins orientés éducation mais pas que...

Fiche d'identité

Nom du Squelette : eva-web 4.1
Version : Stable
Auteur : équipe eva-dev
Licence : GNU GPL
Compatibilite SPIP : à partir de 2.0
Démo en ligne : http://eva.tuxfamily.org/demo

A noter parmi les nouveautés

correction de quelques bugs d'affichage,
de nouveaux habillages de base,
des thèmes supplémentaires,
modularité des squelettes (noisettes),
un peu d'ajax par ci, par là,
plus de possibilités dans la configuration des habillages, etc.

Simplification des habillages de base

Une, deux ou trois couleurs combinées à quelques options positionnements (menu à gauche ou à droite, affichage 100% ou non, 2 ou 3 colonnes) suffisent à personnaliser l'intégralité du site.

Une personnalisation plus poussée est possible, toujours sans modifier les fichiers, grace à des formulaires détaillés.

Principales fonctionnalités et spécificités

Configuration poussée et facilité de l'habillage des sites,
Création automatique des mots clés nécessaires
Gestion des mentions légales pour être "dans les clous"
Intégration facilité de plusieurs autres plugins (articlePDF, lecteur multimédia... ; on installe le plugin voulu puis il fonctionne sans avoir à ajouter de code supplémentaire dans les squelettes.
Génération de flux pour podcasts
Intégration de contenu pédagogique : jclic, geonext, geogebra, geolabo, carzul, carmetal, freemind
Compteur de visites paramétrable
Calendrier, mini-calendrier, agenda...
Création de fiches pédagogiques
Création de portfolio
Création de "livres"

Installation - Téléchargement

L'installation s'effectue comme un simple plugin dans le répertoire /plugins/auto de préférence.

1- Pour une installation de base, mettre les plugins suivants :
Version "svn" (mis à jour chaque nuit) sur la zone de squelettes eva-web 4
plugin eva_install : Création des mots clés
plugin eva_mentions : Gestion de l'affichage des mentions légales

2- Pour la personnalisation graphique, ajoutez le plugin :
plugin eva_habillage

3- Pour complèter les fonctionnalités, ajoutez les plugins :
compteur_graphique
eva_calendrier
eva_agenda
eva_mini-calendrier
eva_livre

4- Pour une utilisation éducative/pédagogique, ajoutez les plugins :
eva_freemind
eva_géométrie

Des plugins "amis", soutenus par le projet eva-web

"Bonbon !", un cahier de texte pour SPIP
DidaSPIP, pour insérer et afficher facilement des projets créés avec le logiciel Didapages.

Exemples

Site de démo : http://eva.tuxfamily.org/demo

La Gerbelette : http://www.gerbelette.fr/spip/

A.D.T.S : http://adts.poongaloo.org

Réaliser un site multilingue avec EVA-web

Olivier Gautier — 2009-09-15T16:34:20Z

Pré-requis

Pour réaliser un site multilingue, vous devez utiliser les logiciels et plugins suivants :
SPIP 2.0.8 ou version supérieure
Plugins des squelettes EVA-web, des habillages d'EVA-web et le plugin EVA-bonus mis à jour après le mois de septembre 2009

Le multilinguisme selon EVA-web

Comme vous pouvez le lire sur le site SPIP.net dans les articles Publier des sites multilingues et Réaliser un site multilingue, SPIP possède un certain nombre de processus permettant de réaliser des sites multilingues et selon diverses méthodes.

Le principe de multilinguisme retenu pour EVA-web est un multilinguisme par secteur :
Par secteur (rubrique de premier niveau) : à chaque secteur du site correspond une langue modifiable par les administrateurs, qui concerne toutes ses sous-rubriques ainsi que les articles et les brèves qui y sont publiés ; ce réglage devrait satisfaire les besoins de la plupart des sites multilingues tout en conservant une structure et une interface simples. [1]

Concrètement :
L'administrateur : il se charge de créer les rubriques de premier niveau (appelées aussi secteurs) en choisissant leur langue. Il peut y avoir plusieurs secteurs différents pour une même langue. Il doit aussi configurer le site pour pouvoir mettre en place le multilinguisme et insérer des menus de langue permettant à l'internaute de passer d'une langue à une autre dans le site public (voir ci-dessous).
Le rédacteur : il rédige son article en le plaçant dans un secteur correspondant à sa langue de rédaction. S'il cet article est la traduction d'un autre article existant, il pense à le spécifier dans l'interface de rédaction de SPIP.
L'internaute : lorsqu'il visite le site pour la première fois, il le consulte dans sa langue principale mais peut lire les versions dans d'autres langues en les sélectionnant dans un menu de langue que l'administrateur a inséré. S'il consulte un article possédant une traduction, un menu présent lui permet de lire les autres versions traduites de l'article.

Mettre en place le multilinguisme

La démarche suivante est valable pour un site tout juste installé comme pour un site ancien qui migrerait vers une architecture multilingue. Dans ce dernier cas, les secteurs existant avant la mise en place du multilinguisme seront automatiquement reconnus comme étant écrit dans la langue principale du site.

Première étape : configurer SPIP

Survoler l'icône "Configuration" et cliquer sur "Gestion des langues" afin de sélectionner la langue principale du site : celle correspondant à celle affichée lors de la première visite d'un internaute.
Cliquer ensuite sur l'onglet "Multilinguisme" pour sélectionner les langues disponibles dans le site puis configurer les menus de langues et liens de traduction comme indiqué dans l'image ci-dessous :


Configuration des menus de langue

Quelques explications : inutile d'activer le menu de langue pour les articles et les rubriques qui ne sont pas de premier niveau car ils doivent se voir attribuer automatiquement la langue du secteur dans lequel ils sont situés. Dans le cas contraire, et si vous essayez d'attribuer à un article ou une rubrique une langue différente de leur secteur, ils n'apparaitront pas sur les pages publiques de votre site.
Par ailleurs, si vous ne souhaitez pas proposer de traductions d'articles sur votre site, il n'est pas utile d'activer les liens de traduction.

Seconde étape : activer les menus de langue pour l'espace public

Toujours dans la partie "Multilinguisme", un menu de la distribution EVA-web est présent en colonne de gauche. Il vous suffit de sélectionner "Oui" à la question "Afficher le menu de langue d'EVA-web dans les pages publiques ?" afin de proposer aux internautes un menu leur permettant de basculer d'une langue à une autre.
Concernant les articles, le menu proposera des liens vers les traductions existantes de ces articles.


Activation des menus de langue de l'espace public sous EVA-web

Dernière étape : si besoin, réécrire à la volée les fichiers de langue

Arrivé à cette étape, il n'est pas certain que votre site apparaisse intégralement dans les langues que vous avez choisie.
En effet, certaines expressions telles que "Accueil", "Derniers articles" ou "Agenda" sont automatiquement générées par SPIP. Ces expressions sont définies dans des fichiers de langue.
Ainsi, il est nécessaire de traduire dans diverses langues les fichiers de langue d'EVA-web pour bénéficier de ces traductions dans l'espace public. Un complément d'explications est disponible ci-dessous afin de vous proposer de participer aux traductions des fichiers de langue d'EVA-web.

Présente depuis plusieurs mois, une fonctionnalité du plugin d'habillage d'EVA-web permettait de réécrire les définitions de langue en français du fichier de langue d'EVA-web. Cette fonctionnalité a été étendue afin de pouvoir réécrire la totalité des définitions de langue. Pour pouvoir par exemple réécrire les définitions de langue en anglais, il vous suffit d'afficher l'interface privée en Anglais en sélectionnant cette langue dans le menu de langue du bandeau supérieur de SPIP, vous aurez alors accès aux définitions de langue d'EVA-web en anglais que vous pourrez redéfinir à la volée dans les pages du plugin d'habillage d'EVA-web.


Le menu de sélection des langues de SPIP dans l'interface privée

Actuellement, à la date de rédaction de cet article, les fichiers de langue d'EVA-web sont disponibles dans les langues :
allemand
anglais
catalan
espagnol
français
italien
portugais

Comment traduire les fichiers de langue d'EVA-web ?

Une vidéo d'Éric Le Jan explique comment aider aux traductions des fichiers de langue d'EVA-web.

Pour avoir une liste plus précise des traducteurs, vous pouvez consulter l'article suivant d'Éric Le Jan : http://stsaens-lyc.spip.ac-rouen.fr/spip.php?article41

Voir en ligne : : http://www.spip.net/fr_article2124.html

[1] Texte extrait de l'article Réaliser un site multilingue

Remerciements à Éric Le Jan et aux collègues qui aident à la traduction des fichiers de langue d'EVA-web.

Installer un menu horizontal

Laurent Jullien — 2009-09-15T12:44:20Z

Vous pouvez installer facilement un menu horizontal sur votre site web et remplacer ainsi le traditionnel menu d'EVA-WEB 4.0...
Ce menu de navigation horizontal dépliable est adapté du plugin "Menu déroulant Babbibel" [1]

1.Mise à jour des plugins :
Pensez, avant cette opération, à mettre à jour les plugins eva_habillage et eva_bonus...
Vous pouvez consulter cette page pour plus d'informations.

2. Rendez vous sur la page "Gestion des habillages d'EVA".
En haut à gauche s'affiche la liste des noisettes supplémentaires...

3. Insérez la noisette "menu_depliable_horizontal" :
Copiez/collez le nom du menu choisi (dans notre exemple : menu de navigation horizontal dépliable affichant également les articles) dans le formulaire "Insérer un squelette personnel dans l'entête, le pied de page ou les headers".

4. Insérez la noisette "headers_menu_depliable_horiz" :
Copiez/collez le nom des headers dans le formulaire "Insérer un squelette personnel dans l'entête, le pied de page ou les headers".

5. Personnalisez les couleurs de votre menu :
Rendez vous dans l'onglet "Graphisme".
Un nouveau cadre "Menu horizontal du plugin eva-bonus" est apparu afin de gérer les couleurs (textes et fonds) ; un peu plus bas, dans le formulaire d'insertion d'images, vous avez la possibilité d'insérer des images de fond dans le menu horizontal.

6. Supprimez le menu traditionnel d'EVA :
Dans l'onglet "Structure", partie "Choisir la position des blocs dans les pages du site", désactivez l'affichage du menu de navigation pour tous les modèles de page (sommaire, rubrique, article, breve, auteur, site)

7. Videz le cache

Voir un exemple en ligne

[1] Pour bien comprendre l'utilisation d'EVA-BONUS, vous pouvez également consulter l'article "Modularité des squelettes EVA-web 4 et plugin EVA-bonus (en vidéo)"

Mise à jour Eva-web 3 vers EVA-WEB 4

Laurent Jullien — 2009-09-15T08:16:19Z

Si votre site est géré actuellement sous SPIP 1.9.x avec EVA-WEB 3.0, et si vous voulez passer à EVA-WEB 4 pour bénéficier de nouvelles fonctionnalités, il vous faudra réaliser ces mises à jour. Merci alors de procéder ainsi :

Mise à jour SPIP 1 .9 .x vers SPIP 2 .x

La version 2 de SPIP étant une version majeure, la mise à jour d'un site en version 1.9.x est particulière...
Vous trouverez sur SPIP-CONTRIB quelques conseils pour que la transition se fasse au mieux...

Mise à jour EVA-WEB 3 vers EVA-WEB 4

L'installation s'effectue comme un simple plugin dans le répertoire /plugins/auto de préférence.
Vous pouvez utilisez la fonctionnalité "Installation automatique" ( Configuration > Gestion des plugins ) pour cette opération. Vous indiquerez alors dans le champ prévu l'adresse d'un fichier zip de plugin à télécharger, ou encore l'adresse d'une liste de plugins.

Les plugins EVA-WEB sont disponibles à cette adresse : http://files.spip.org/spip-zone/

1- Pour une installation de base, installez les plugins suivants :
plugin squelettes eva-web 4.1
plugin eva_install : Création des mots clés
plugin eva_mentions : Gestion de l'affichage des mentions légales
plugin cfg

2- Pour la personnalisation graphique, ajoutez le plugin :
plugin eva_habillage

3- Pour complèter les fonctionnalités, ajoutez les plugins :
compteur_graphique
eva_calendrier
eva_agenda
eva_mini-calendrier
eva_portfolio
thickbox OU nyroceros
eva_diaporama
eva_livre
eva_bonus
eva_news

4- Pour une utilisation éducative/pédagogique, ajoutez les plugins :
eva_freemind
eva_géométrie

5. Des plugins "amis", soutenus par le projet eva-web
"Bonbon !", un cahier de texte pour SPIP
DidaSPIP, pour insérer et afficher facilement des projets créés avec le logiciel Didapages.

6. D'autres plugins compatibles avec EVA-WEB 4
Ces plugins ne nécessitent aucune modification des squelettes...
Accès restreint
Lecteur multimédia
Bonux
Crayons
Rainette
Notation
SPIP-Listes
Nuage
et bien d'autres encore...

Jclic Modèle

Olivier Gautier — 2009-08-07T19:33:26Z

Ce plugin propose un modèle nommé jclic permettant d'insérer des activités Jclic dans votre site.

Pré-requis

Pour pouvoir utiliser ce plugin, votre serveur doit impérativement être visible sur l'Internet (votre serveur ne doit pas être installé sur un réseau local non public) car les scripts du serveur officiel Jclic doivent pouvoir lire l'activité Jclic proposée.

Installer une activité Jclic

Cela se passe en 2 étapes :

1- Tout d'abord, vous devez installer l'activité Jclic au format zippé. Pour cela, vous avez 2 possibilités : soit vous l'installez en tant que document (demander alors à SPIP de l'installer tel quel, en tant qu'archive compressée Zip et non en décompressant chaque élément contenu dans l'archive) ; soit vous l'installer comme document distant en proposant l'URL du document. Vous noterez ensuite le numéro du document correspondant (prenons par exemple ici le numéro 123).

2- Il vous faut ensuite écrire le modèle dans le champs dans lequel vous voulez le voir apparaitre : corps d'un article, d'une rubrique, ...

La syntaxe du modèle Jclic

Vous avez installé votre document comme indiqué ci-dessus, vous avez noté le numéro correspondant à ce document (123 dans cet exemple), vous souhaitez désormais voir apparaitre l'activité Jclic correspondant au document 123.

Syntaxe de base

Il vous suffit d'indiquer le code suivant à l'endroit où vous souhaitez afficher l'activité Jclic :

Ainsi écrit, le modèle affichera l'activité :
alignée au centre du bloc dans lequel elle est insérée ;
sur une largeur de 100 % de la largeur du bloc dans lequel elle est insérée ;
sur 400 pixels de hauteur.
Ces 3 paramètres peuvent être ajustés selon vos souhaits.

Ajustement des paramètres

Quelques exemples :

Ici, on affiche l'activité en 350 pixels de large, 300 pixels de haut et en alignant l'activité à gauche du bloc dans lequel elle est insérée.

Ici, on affiche l'activité avec une largeur de 80% du bloc dans lequel elle est insérée et elle est alignée à droite du bloc. Le paramètre de hauteur par défaut est conservé, à savoir 400 pixels de hauteur.

EVA-WEB 4.0 version stable

Samuel (PoongalOO) — 2009-03-16T17:33:22Z

Ensemble de squelettes et de plugins orientés éducation mais pas que...

Le passage de la numérotation à 4.0 s'explique par le fait que nous continuons les développements, corrections de bugs, etc. de la version 3 qui restera basée sur SPIP 1.9.X.

Remarque : Les plugins préfixés "eva_" sont développés dans le cadre du projet eva pour les squelettes eva-web MAIS sont peuvent être compatibles simplement avec d'autres squelettes.

Fiche d'identité

Logo :
Nom du Squelette : eva-web 4.0
Version : Stable
Auteur : équipe eva-dev
Licence : GNU GPL
Compatibilite SPIP : à partir de 2.0
Démo en ligne : http://eva.tuxfamily.org/demo

A noter parmi les nouveautés

Simplification des habillages de base

Une, deux ou trois couleurs combinées à quelques options positionnements (menu à gauche ou à droite, affichage 100% ou non, 2 ou 3 colonnes) suffisent à personnaliser l'intégralité du site.

Une personnalisation plus poussée est possible, toujours sans modifier les fichiers, grace à des formulaires détaillés.

Principales fonctionnalités et spécificités

Cette version est destinée aux tests. Nous vous encourageons à communiquer vos remarques, encouragements (ça fera plaisir), idées, critiques, suggestions via le site officiel du projet en remplissant ce formulaire : http://www.eva-web.edres74.ac-greno...

Installation - Téléchargement

L'installation s'effectue comme un simple plugin dans le répertoire /plugins/auto de préférence.

1- Pour une installation de base, mettre les plugins suivants :
Version "svn" (mis à jour chaque nuit) sur la zone de squelettes eva-web 4.0
plugin eva_install : Création des mots clés
plugin eva_mentions : Gestion de l'affichage des mentions légales

2- Pour la personnalisation graphique, ajoutez le plugin :
plugin eva_habillage

3- Pour complèter les fonctionnalités, ajoutez les plugins :
compteur_graphique
eva_calendrier
eva_agenda
eva_mini-calendrier
eva_portfolio
eva_livre

4- Pour une utilisation éducative/pédagogique, ajoutez les plugins :
eva_freemind
eva_géométrie

Des plugins "amis", soutenus par le projet eva-web

"Bonbon !", un cahier de texte pour SPIP
DidaSPIP, pour insérer et afficher facilement des projets créés avec le logiciel Didapages.

Exemples

Site de démo : http://eva.tuxfamily.org/demo

La Gerbelette : http://www.gerbelette.fr/spip/

A.D.T.S : http://adts.poongaloo.org

Modularité des squelettes EVA-web 4 et plugin EVA-bonus (en vidéo)

Olivier Gautier — 2009-03-09T22:02:44Z

Une vidéo décrivant les principes de modularité des squelettes EVA-web 4, l'utilisation de ces principes par le plugin EVA-bonus et la possibilité de créer ses propres noisettes personnelles.

- 40. Documentation

Le plugin jFlipBook

Samuel (PoongalOO) — 2009-02-16T08:39:33Z

Ce qu'il fait...

jFlipBook transforme les images d'un article en un petit livre feuilletable. Les coins sont cliquables et permettent de passer d'une page à une autre avec un effet de tourner de page.

On peut voir ?

La démO, la démO, la démOOO... -> http://eva.tuxfamily.org/demo/spip....

Comment y fait...

Pas de flash mais du jQuery. jFlipBook utilise le module jFlip créé par Renato Formato. Vous pouvez lire son article ici : http://www.jquery.info/spip.php?art...

Installation

Ce plugin nécessite l'installation du plugin CFG

Pour une première installation de SPIP, assurez vous que :
L'utilisation des mots-clés soit activé,
L'utilisation des documents joints aux articles soit activé. En cliquant sur Configuration.

Le plugin est récupérable sur le zone de SPIP dans le partie /plugins/_test_ en SVN ou sous forme zippée ICI (normalement à partir du 16 février 2009).

Intégration dans un squelette

En premier lieu, vous devez insérer la ligne suivante dans votre squelette article, donc à l'intérieur d'une boucle ARTICLES, à l'endroit où vous voulez faire apparaître le livre :

Il faut ensuite créer le mot-clé jflip (tout en minuscule).

Vous pouvez tester ce plugin dans un site SPIP sans squelettes activés. Un squelette article déjà modifié existe dans jFlipBook.

Vos images doivent être insérées dans un article en documents joints en cliquant sur "joindre un document" en bas d'un article dans l'interface privée.

Intégration dans un EVA-WEB

En attendant que j'automatise la procédure, il faut :
Supprimer le fichier article.html qui se trouve à la racine du dossier du plugin,
Insérer dans le fichier /noisettes/article/article_contenu.html du plugin eva-web40 le code suivant : vers la ligne 50 par exemple
ou
Récupérer la dernière version d'eva-web sur la zone de SPIP.

Limitation

Pour l'instant, les réglages (dimensions, etc.) s'appliquent à l'ensemble des jFlipBook d'un site. Encore un peu de temps, de patience et j'y arriverai...