- Fonctionnalité du site
- ALLER DIRECTEMENT A LA VISITE (...)
- 1. ESPACE PUBLIQUE : éléments à (...)
- PAGE D’ACCUEIL : BANDEAU, Colonnes (...)
- BANDEAU
- Colonne de NAVIGATION
- Colonne du CENTRE
- Colonne EXTRA
- PLAN DU SITE
- RUBRIQUES
- ARTICLES
- 2. VISITE GUIDÉE de fonctionnalités (...)
- Recommandation
- 2.1. Plugins & Extensions (...)
- 2.2. Moteur de recherche standard + (...)
- 2.3. Recherches multicritères par (...)
- 2.4. Agenda
- 2.5. Défilement Horizontal et (...)
- 2.6. LATEX : Formules mathématiques (...)
- 2.7. Géométrie avec le plugin (...)
- 2.8. Plugin Forms & Tables : (...)
- 2.8. Plugin Tablesorter pour SPIP : (...)
- 2.9. Plugin Images Compare : superpose
- 2.9. Plugin « image_ragged »
- 2.10. Rollover : Image changée au (...)
- 2.11. « Image Map » : créer des (...)
- 2.12. Plugin « Légende »
- 2.13. Plugin CloudZoom
- 2.14. Plugins « JW Image Rotator (...)
- 2.15. Plugins « Nivo Slider »
- 2.16. Plugin Multiviewer Full pour (...)
- 2.17. Plugin Nyrocéros pour Diaporama
- 2.18. Plugin Thickbox pour Diaporama
- 2.19. Plugin Splickrbox
- 2.20. Plugin Eva FreeMind (Cartes (...)
- 2.21. iFrame : inclure une page (...)
- 2.22. Vidéos externes (You Tube, (...)
- 2.23. Audio et vidéo à partir de (...)
- 2.24. Plugin Jeux, QCM, QCM multimédia
- 2.25. L’exerciseur Quizlet
- 2.26. Nuage de Tags 2D en ligne (...)
- 2.27. Nuage de Tag 3D dans un (...)
- 2.28. Nuage de Tag 3D dans une (...)
- 2.29. Nuage de Tag 3D dans le (...)
- 2.30. Animations 3D dans SPIP
- 3. ESPACE PRIVE
- Connexion / Déconnexion
- Navigation
- CREATION
- Rubrique
- Article
- Brève
- Auteurs
- mots-clés
- Site référencé
- Site syndiqué
- Médiathèque
- Formulaires & Tables
- Communication interne (présence)
- Forum
- Autres fonctions/réglages importants
- Etc
Fonctionnalité du site
Cette « Visite guidée » joue un double rôle, à savoir de permettre :
- la visite d’aspects fonctionnels intéressants et variés exprimés dans le site CMS-SPIP ;
- de vérifier et tester l’affichage et le fonctionnement correctes de plusieurs éléments activés du site, en particulier lors de « mises à jour » de SPIP, des plugins et/ou de la plate-forme ICP (Apache, PHP, MySQL, librairies, add-ons,...). .
Le site CMS-SPIP http://icp.ge.ch/sem/cms-spip/ n’active pas toutes les fonctions du Paquet « SPIP + Plugins + librairies + add-ons » installé sur ICP [1]. Cependant il en active un nombre important car il sert non seulement de site de référence pour les utilisateurs SPIP de l’État de Genève mais également à illustrer une partie des affichages et fonctions possibles avec ce paquet.
ALLER DIRECTEMENT A LA VISITE GUIDÉE
1. ESPACE PUBLIQUE : éléments à contrôler
Ce chapitre concerne le contrôle de la présence et du bon fonctionnement de nombreux éléments du site. Il s’agit de passer en revue les éléments listés dans ce chapitre.
Vérifier que :
- le Squelette SARKA est sélectionné
- le Thème correct est activé
PAGE D’ACCUEIL : BANDEAU, Colonnes de NAVIGATION, CENTRE, EXTRA
Naviguer dans le site et Vérifier l’affichage correcte des éléments : titres, textes, images, documents joints, logos, etc.
BANDEAU
- Bandeau EEeL : Espace Ecole en Ligne
- Logo du site
- Titre du site
- Menu horizontal
- Menu « Fil d’Arianne »
Colonne de NAVIGATION
- Menus arborescent dynamique
- Agenda
- Galerie
- Mots-clés
- Sites favoris
- Sur le Web
- Plan du site
- Lettre d’information
- Dialogue (plugin Shoutbox)
- Connexion
- Déconnexion
- Espace privé
Statistiques
- Dernière mise à jour
- Publication
- Visites
Top Articles
- Les plus populaires
- Les plus visités
- Les moins populaires
- Les moins visités
- Au hasard
Colonne du CENTRE
EDITO
- Menus couteau suisse dans l’édito
- Images de la « Boussole SPIP » dans l’édito
Sous-l’EDITO
- Nuage de Tags 3D de SPIP-Cumulus (adaptation en ad-on de WP-Cumulus)
- Sélection d’Articles affichés en 2 colonnes
- Sélection d’Annonces d’Articles affichées en 2 colonnes
- Un article en pleine largeur
- N dernières Annonces d’Articles affichées en 1 colonne
Colonne EXTRA
- Moteur de recherche + plugin Full-Texte de SPIP dédiés au site CMS-SPIP
- Un moteur de recherche externe dédié au site CMS-SPIP (ex. Exalead)
- Un moteur de recherche externe dédié au Web (ex. Google)
- Nuage de Tags affiché en 2D
- Agenda
- Météo
- Splickrbox
- Nuage de Tags en 3D du Plugin TagSphère
ANNONCES
- Recherche Fulltexte
- Quoi de Neuf au SEM & DIP
- Plugins & Extensions actifs sur ce site
- Météo Genève détaillée
- Date / Heure
- Fuseaux horaires
- SPIP en vidéo
- SPIP au DIP
AUTRES
- Sites favoris
- Brèves
- Sur le Web (sydication)
PLAN DU SITE
Tester l’affichage pour le classement :
- Par date
- Par rubrique
- Par auteur
RUBRIQUES
Vérifier : Titre, descriptif rapide, texte, images, documents joints, sous-rubriques dans colonne CENTRE ou colonne EXTRA
ARTICLES
Vérifier : Titre, sur- et sous-titre, descriptif rapide, texte, images, documents joints, multimédia & hypermédia, auteur(s), date, popularité, mots-clés, logo (survol), notation, social tag, forum, pétition.
2. VISITE GUIDÉE de fonctionnalités et CONTRÔLE dans l’espace publique du site CMS-SPIP
Buts :
- Prendre connaissance et exploiter des fonctionnalités exprimées dans des articles et des rubriques de l’espace publique.
- Vérifier le bon fonctionnement des fonctionnalités, de la navigation et des affichages.
Recommandation
Pour visiter les pages ci-dessous il est très utile de garder la présente page ouverte et d’ouvrir tous les liens dans des onglets supplémentaires.
A cette fin, il suffit de faire un clic-droit de souris sur chaque lien, un menu s’ouvre dont les deux premières lignes sont :
- Ouvrir le lien dans un nouvel onglet
- Ouvrir le lien dans une nouvelle fenêtre
ou dans l’ordre inverse suivant les réglages du navigateurs. Cliquez sur « Ouvrir le lien dans un nouvel onglet », le lien s’ouvre dans un nouvel onglet, faite de même pour chaque lien qui vous intéresse.
Si une fonctionnalité ne semble pas opérationnelle, cela peut tous simplement résulter du fait que que le plugin concerné n’est pas activé. Vous pouvez le vérifier en consultant la page :
2.1. Plugins & Extensions actifs sur ce site
Le plugin « À propos des plugins actifs » affiche dans la partie publique de votre site la version de SPIP utilisée et la liste des Plugins activés avec affichage de l’icône, le nom, la version, l’état et une introduction de sa fonction. Si le Plugin n’a pas d’icône, une icône générique sera affichée. Vous pouvez utiliser ce plugin dans un article par exemple.
Documentation : À propos des plugins actifs
Visiter la page des plugins actifs :
Il importe de tester les plugins les plus importants de cette « Liste de plugins et extensions activés », en particulier :
- Acces Restreint
- ACTIvité du JOUR (Actijour)
- A propos des Plugins actifs
- Bandeau 2.1
- Boutons dans le Texte
- cfg : moteur de configuration
- Change Statut
- Cloudzoom
- Corbeille
- Crayons
- Des jeux dans vos articles
- Enluminures typographiques pour SPIP 2 & Porte plume
- Formulaires&Tables (SPIP 2.0+)
- Fulltext
- Image ragged : les images sont détourées par le texte
- Image Rotator
- Intégration d’activités Freemind
- Lames importantes du plugin « Le Couteau Suisse »
- Lecteur Multimédia en Flash (MP3,flv)
- Légende : les administrateurs, rédacteurs ou visiteurs peuvent créer des légendes multimédias sur une image
- Médiathèque
- MultiViewer FULL pour SPIP 2.0
- Nivo Slider
- Notation
- Nuage
- Numérotation Rapide
- Nyroceros
- Porte Plume
- Porte Plume Partout
- Rainette
- Shoutbox
- Social tags
- SPIP Bonux
- SPIP-Listes
- Splickrbox
- Squelette Sarka304-SEM3-2 SPIP-ICP-Genève
- Tagsphere
- Zen-Garden
2.2. Moteur de recherche standard + Fulltexte
Faire des recherches avec le Moteur de recherche standard + plugin Full-Texte de SPIP dédiés au site CMS-SPIP.
Documentation : Fulltext (plugin)
Tester le Moteur de recherche Full-Texte de SPIP :
- Sur toutes les pages du site, ce moteur de recherche se trouve dans le bandeau à droite.
2.3. Recherches multicritères par mots-clés
Faire des recherches multicritères (3 critères simultanés au maximum) avec les mots-clés.
Documentation : Recherche multicritères par mots-clés, par dates, par rubrique dans les articles de SPIP., Plugin « Recherche multicritères par mots clés » - Adaptation pour SPIP 2
Tester la recherches multicritères par mots-clés :
Cliquez sur un mot-clé d’un nuage de tag ou sur le bouton mots-clés du menu de la colonne de NAVIGATION. Le menu suivant vous est alors proposé :
Recherche par mots-clés
- Choisir un premier mot (obligatoire)
- Choisir un deuxième mot (optionnel)
- Choisir un troisième mot (optionnel)
2.4. Agenda
L’agenda est un outil permettant d’associer des actions à des moments, et d’organiser ainsi son temps. Il regroupe l’ensemble des jours de l’année, organisés avec un découpage d’une page par jour ou par semaine, deux pages par semaine, etc. Il est utilisé afin de pouvoir donner à son utilisateur la possibilité de planifier, de noter son emploi du temps, ses rendez-vous etc.
Documentation : Exploiter l’Agenda dans SARKA, Agenda-SARKA : notions de base, Agenda-SARKA : création et maintenance, Agenda-SARKA : configuration.
Visiter l’agenda :
L’agenda est accessible sur la page d’accueil du site en haut de la colonne EXTRA et aussi via le bouton « Agenda » du menu de la colonne de NAVIGATION.
2.5. Défilement Horizontal et Vertical avec la balise MARQUEE
La balise MARQUEE permet de faire défiler du texte et des images horizontalement et verticalement dans les articles et les brèves de SPIP en utilisant Firefox, Chrome, Safari, Camino, Internet Explorer (et probablement d’autres navigateurs).
Elle peut être utilisée directement dans le champ de saisie du texte des articles et des brèves de SPIP
- Défilement Horizontal et Vertical avec la balise MARQUEE : Code HTML dans SPIP
http://icp.ge.ch/sem/cms-spip/spip.php?article374
2.6. LATEX : Formules mathématiques dans le texte
LaTeX est un logiciel de composition typographique adapté à la production de documents scientifiques et mathématiques de grande qualité typographique. Il permet également de produire toutes sortes d’autres documents, qu’il s’agisse de simples lettres ou de livres entiers. LaTeX utilise TeX comme outil de mise en page.
Depuis SPIP 1.8, on dispose en natif d’une puissante fonctionnalité permettant d’insérer dans les textes de SPIP des formules de mathématique complexes, en utilisant la syntaxe de TEX/LaTEX.
- Insérer des formules mathématiques en LaTEX dans SPIP
http://icp.ge.ch/sem/cms-spip/spip.php?article597
2.7. Géométrie avec le plugin Eva_geometrie
Ce plugin vous permet d’insérer des applets de géométrie dynamique à partir de fichiers créés avec les logiciels libres GeoGebra, GeoLabo et GeoNext grâce à des « modèles ».
Par défaut, les formats glb, ggb et gxt générés respectivement par GeoGebra, GeoLabo et GEONExT ne sont pas reconnus par SPIP. Ce plugin insère automatiquement les bonnes données dans la table « spip_types_documents » de la base de données afin que ces formats soient reconnus et puissent être téléchargés en tant que documents dans les articles.
Ce plugin contient tous les scripts et modèles permettant d’afficher les applets GeoGebra, GeoLabo et GeoNext dans vos articles par l’utilisation d’une simple balise.
Documentation : Eva_geometrie : un plugin support d’activités de géométrie dynamique
Tester un article du groupe ci-dessous :
- Eva_geometrie : Exemple 1 (GeoGebra / ggb) de ce plugin support d’activités de géométrie dynamique
http://icp.ge.ch/sem/cms-spip/spip.php?article1373
- Eva_geometrie : Exemple 2 ((GeoLabo / glb) de ce plugin support d’activités de géométrie dynamique
http://icp.ge.ch/sem/cms-spip/spip.php?article1373
- Eva_geometrie : Exemple 3 (GeoNext / gxt) de ce plugin support d’activités de géométrie dynamique
http://icp.ge.ch/sem/cms-spip/spip.php?article1373
- Eva_geometrie : Exemple 4 (GeoGebra / ggb) Le cercle d’Euler ... ou cercle des neufs points d’un triangle
http://icp.ge.ch/sem/cms-spip/spip.php?article1377
- Eva_geometrie : Exemple 5 (GeoGebra / ggb) La rétrogradation de la planète Mars
http://icp.ge.ch/sem/cms-spip/spip.php?article1378
- Eva_geometrie : Exemple 6 (GeoGebra / ggb) selon /irem.univ-lille1.fr/
http://icp.ge.ch/sem/cms-spip/spip.php?article1379
- Eva_geometrie : Exemple 7 (GeoGebra / ggb) Le théorème de Pythagore
http://icp.ge.ch/sem/cms-spip/spip.php?article1380
- Eva_geometrie : Exemple 8 (GeoGebra / ggb) Une démonstration de la relation de Pythagore (2)
http://icp.ge.ch/sem/cms-spip/spip.php?article1381
- Eva_geometrie : Exemple 9 (GeoGebra / ggb) Une démonstration de la relation de Pythagore
http://icp.ge.ch/sem/cms-spip/spip.php?article1382
- Eva_geometrie : Exemple 10 (GeoGebra / ggb) La Versiera d’Agnesi
http://icp.ge.ch/sem/cms-spip/spip.php?article1383
- Eva_geometrie : Exemple 11 (GeoGebra / ggb) Prise en main d’un logiciel de géométrie dynamique (1)
http://icp.ge.ch/sem/cms-spip/spip.php?article1384
2.8. Plugin Forms & Tables : création de formulaires pour sondages, enquêtes, etc.
Création, gestion et administration de formulaires éditables avec 18 types différents de questions. Ce plugin permet également la publication de sondages et enquêtes, la collecte des réponses dans la base de données, le téléchargement in/out des données au format CSV et le téléchargement in/out des questionnaires au format XML.
Documentation : Documentation du Plugin Forms&Tables
Tester l’article :
- Exemple d’utilisation du Plugins Forms & Table : Questionnaire d’évaluation d’Uniboard - juin 2009
http://icp.ge.ch/sem/cms-spip/spip.php?article1376
2.8. Plugin Tablesorter pour SPIP : trier les tableaux html en cliquant sur les entêtes des colonnes
Cyril Marion explique comment trier les tableaux html en cliquant sur les entêtes des colonnes grâce à son plugin jQuery « TableSorter ».
Nous donnons ici une rapide prise en main. Si la démonstration n’est pas fonctionnelle sur cette page c’est parce que le plugin « TableSorter » n’est pas activé sur ce site.
2.9. Plugin Images Compare : superpose deux images pour les comparer
Un petit plugin qui met à disposition un modèle afin de superposer deux images pour les comparer.
Nous donnons ici une rapide démonstration. Si la démonstration n’est pas fonctionnelle sur cette page c’est parce que le plugin « Images Compare » n’est pas activé sur ce site.
2.9. Plugin « image_ragged »
Ce plugin offre un nouveau modèle pour insérer des image dans les textes SPIP. Au lieu d’afficher l’image dans une boite, comme <imgXXX|left> le fait, le modèle <img234|ragged> permet de faire « couler » le texte autour de la forme principale dans image.
Le modèle ragged va « découper » selon la couleur de fond de l’image pour que le texte colle au plus près du contenu de l’image.
Documentation : Plugin image_ragged : « Image détourée dans le texte »
Tester l’article ci-dessous :
- Exemple Plugin image_ragged : « Image détourée dans le texte »
http://icp.ge.ch/sem/cms-spip/spip.php?article1386
2.10. Rollover : Image changée au survol de souris dans SPIP
Sur le web, le rollover (ou image réactive) change une image lorsque le curseur de la souris la survole. Dans SPIP les rolovers sont fonctionnels en standard pour les logos des divers objets : articles, brèves, rubriques, auteurs, etc. Par contre, lorsque le veut qu’une image dans le texte d’un article, d’une brève ou d’une rubrique fonctionne en rollover, il faut mettre en œuvre la technique présentée ici (ou éventuellement une autre technique).
Pour créer un rollover on utilise Les gestionnaires d’évènements onMouseOver et onMouseOut qui sont déclenchés lorsque la souris se déplace sur un lien ou une image, puis quand il se déplace à partir du lien ou de l’image.
Le rollover est l’utilisation la plus commune de onMouseOver et onMouseOut, mais ces gestionnaires d’évènements ne sont pas limités aux rollovers, ils sont utilisés pour générer divers types d’interactivité sur les pages web.
- Rollover : Image changée au survol de la souris dans SPIP
http://icp.ge.ch/sem/cms-spip/spip.php?article1259
- Rollovers : Plusieurs Images changées au survol de la souris dans SPIP
http://icp.ge.ch/sem/cms-spip/spip.php?article1394
2.11. « Image Map » : créer des zones cliquables sur une image
Créer dans le champ texte des articles, brèves et rubriques SPIP des images avec plusieurs zones cliquables qui sont autant de commentaires et de liens vers diverses destinations intra et extra site. La syntaxe utilisée est celle du HTML standard, elle est décrite dans la documentation.
Documentation : Zones cliquables sur une image (Images Map)
Tester un article du groupe ci-dessous :
- Exemple « d’Image Map » et de « jump menu » avec une carte des CO du canton de Genève
http://icp.ge.ch/sem/cms-spip/spip.php?article1362
- Exemple « d’Image Map » et de « jump menu » avec une carte des EP du canton de Genève
http://icp.ge.ch/sem/cms-spip/spip.php?article1396
2.12. Plugin « Légende »
Un plugin pour ajouter des légendes à ses images comme sur Flickr, avec une grande richesse fonctionnelle :
- Ajouter, modifier et supprimer des légendes sur des images.
- Utiliser les raccourcis typographiques de SPIP et du html dans les légendes : gras, italique, puces, liens, images, etc.
- Afficher l’image et ses légendes dans n’importe quelle taille (les proportions sont conservées).
- Gérer des droits d’édition des légendes : qui (administrateur, rédacteur ou visiteur) peut les créer, rédiger, supprimer.
- Tourner une image avec ses légendes (en utilisant la fonctionnalité de rotation de SPIP).
Documentation : Plugin « Légende » pour ajouter des légendes à ses images
Tester l’article ci-dessous :
- Exemple Plugin « Légende » : ajouter des légendes à ses images
http://icp.ge.ch/sem/cms-spip/spip.php?article1386
2.13. Plugin CloudZoom
Le plugin Cloud Zoom permet de créer des vignettes zoomables dans vos articles. C’est un zoom sur l’image : placez le curseur sur la petite image pour voir le CloudZoom afficher la zone en grande image. Selon les réglage, l’image zoomée est à l’intérieur ou à l’extérieur à droite de la petite image, en d’autres termes le zoom peut remplacer l’image en elle même ou s’afficher à coté.
Documentation : Plugin Cloud Zoom : un zoom sur l’image
Tester un article du groupe ci-dessous :
2.14. Plugins « JW Image Rotator »
Ce plugin JW Image Rotator (Adobe Flash) permet d’afficher des images avec des transitions fluides dans une dimension choisie et en plein écran, il permet d’afficher une barre de contrôle/navigation. Il supporte la rotation de playlists RSS, XSPF ASX ou JPG, GIF et PNG, dispose d’un large éventail de FlashVars pour peaufiner le comportement et l’apparence et d’un vaste API JavaScript.
Documentation : Plugin JW Image Rotator
Tester un article du groupe ci-dessous :
- Des sites SPIP présentés en diaporama avec avec « JW Images Rotator »
http://icp.ge.ch/sem/cms-spip/spip.php?article1306
2.15. Plugins « Nivo Slider »
Intégration pour SPIP du script Nivo Slider. Ainsi, Nivo Slider pour SPIP permets d’agrémenter facilement vos articles et squelettes de diaporamas en JQuery.
Documentation : Plugin « Nivo Slider » pour SPIP : excellent diaporama jQuery
Tester l’article ci-dessous :
- Plugin « Nivo Slider » pour SPIP : excellent diaporama jQuery
http://icp.ge.ch/sem/cms-spip/spip.php?article1273
2.16. Plugin Multiviewer Full pour Spip2
Ce plugin « Version FULL du plugin Multiviewer Flash » est un multi-viewer de galeries qui ne sont pas sont figées par le webmaster. Ce plugin laisse le choix du viewer au rédacteur de l’article. Les balises sont utilisables soit dans les squelettes, soit dans la rédaction de l’article pour exprimer :
- Utilisation ultra-simple
- Les viewers ImageRotator et Simpleviewer2.0 ajoutés.
- 6 Galeries Flash au choix.
- Affichage en plein écran inclus.
Documentation : Multiviewer Full pour Spip2
Tester un article du groupe ci-dessous :
- Démo 1 du « Plugin Multiviewer Full pour Spip2 » (6 images de la Louve capitoline)
http://icp.ge.ch/sem/cms-spip/spip.php?article1208
- Démo 2 du « Plugin Multiviewer Full pour Spip2 » (322 copies d’écrans SPIP)
http://icp.ge.ch/sem/cms-spip/spip.php?article1369
- Démo 3 du « Plugin Multiviewer Full pour Spip2 » (21 copies d’écrans SPIP)
http://icp.ge.ch/sem/cms-spip/spip.php?article1370
2.17. Plugin Nyrocéros pour Diaporama
Affichage de diaporama en surimpression à la page avec navigation avant/arrière d’image en image.
Documentation : Nyroceros, Nyromodal v2
Tester un article du groupe ci-dessous :
- Des sites SPIP présentés en diaporama : l’Herbier, ZPIP, divers squelettes, etc.
http://icp.ge.ch/sem/cms-spip/spip.php?article1305
- Une Web-TV et une Web-Radio genevoises réalisées avec SPIP
http://icp.ge.ch/sem/cms-spip/spip.php?article1372
- Plate-forme de short-blogging « Seenthis » réalisée avec SPIP : à visiter et ... utiliser !
http://icp.ge.ch/sem/cms-spip/spip.php?article1366
- Images pour test2 de diaporamas et/ou bandeau dans SPIP
http://icp.ge.ch/sem/cms-spip/spip.php?article1313
- 6 images (Louver capitoline) pour test1 de diaporamas dans SPIP
http://icp.ge.ch/sem/cms-spip/spip.php?article1278
- PIWIK succède à PhpMyVisites pour SPIP 2
http://icp.ge.ch/sem/cms-spip/spip.php?page=album&id_article=609
2.18. Plugin Thickbox pour Diaporama
Il s’agit d’une adaptation du code original de Cody Lindley qui permet d’afficher une image avec un effet de présentation à la mode qui se met en route lorsque l’image est cliquée. Sur le même principe, on peut également afficher des fenêtre dites « modales », c’est à dire des pop-up HTML.
Le script se déclenche sur les images par exemple appelées dans un texte par <doc53|center>.
Sur le portfolio de SPIP, ca fonctionne directement comme une galerie d’images (précédant, suivant diaporama etc).
Documentation : Thickbox, Thickbox v3, Thickbox pour les rédacteurs
Tester l’article ci-dessous :
- le Plugin Thickbox pour afficher du contenu en sur-impression
http://icp.ge.ch/sem/cms-spip/spip.php?article408
2.19. Plugin Splickrbox
Ce plugin affiche les dernières photos à la Flickr (le « badge ») tout ça en javascript et le plugin JQuery :
- Le nombre d’images est paramétrable avec le critère taille
- Le nombre de colonnes est paramétrable avec le critère colonnes
Documentation : Plugin Splickrbox, Plugin « Splickrbox » avec SARKA 3.0.4 et SPIP 2.1.2, Splickrbox, Splickrbox, Splickrbox
Visionner le badge Splickrbox dans la colonne EXTRA de la page d’accueil
2.20. Plugin Eva FreeMind (Cartes heuristiques)
Le plugin FreeMind affiche les cartes heuristiques créées avec le logiciel libre FreeMind grâce aux modèles de SPIP.
Toutes les opérations techniques (reconnaissance du format « mm » par SPIP et identification des documents « mm » par l’ajout d’une icône) sont automatiquement prises en charge par le plugin.
Documentation 1 : Plugin Eva_freemind : afficher des cartes heuristiques dans ses articles SPIP
Documentation 2 : Cartes heuristiques dans les articles SPIP avec le Plugin Eva_freemind
Documentation 3 : Créez avec FreePlane et FreeMind pour le Plugin Eva_freemind de SPIP
Tester un article du groupe ci-dessous :
- Exemple 1 de Carte heuristique dans SPIP avec le plugin « Eva FreeMind »
http://icp.ge.ch/sem/cms-spip/spip.php?article1087
- Exemple 2 de Carte heuristique dans SPIP avec le plugin « Eva FreeMind »
http://icp.ge.ch/sem/cms-spip/spip.php?article1096
- Exemple 3 de Carte heuristique dans SPIP avec le plugin « Eva FreeMind »
http://icp.ge.ch/sem/cms-spip/spip.php?article1097
- Exemple 4 de Carte heuristique dans SPIP avec le plugin « Eva FreeMind »
http://icp.ge.ch/sem/cms-spip/spip.php?article1098
2.21. iFrame : inclure une page dans une autre
IFRAME signifie Inline FRAME (cadre), il est également connus comme frame « flottant » (cadre flottant).
- HTML 4.0 a intégré la technique I-frame ( inline frame, cadre local flottant) introduite par Microsoft, son emploi s’est donc étendue à d’autres navigateurs.
- Un frame flottant s’insère dans un document HTML comme une image ( dimensionnement et positionnement).
- Il se comporte aussi comme un conteneur permettant d’afficher des pages HTML locales ou distantes.
<IFRAME>est un élément souple et puissant qui étend les possibilités de présentation.
En d’autres termes <iframe> se comporte comme un conteneur, il est utilisé pour afficher le contenu d’une page web locale ou distante, au sein même d’une autre. L’iframe se comporte comme un frame normale, à part que vous pouvez en positionner un à l’endroit de votre choix dans une page.
Documentation : iframe dans SPIP : inclure une page dans une autre
Tester un article du groupe ci-dessous :
- iframe dans SPIP : inclure une page dans une autre
http://icp.ge.ch/sem/cms-spip/spip.php?article1258
- Carte heuristique de l’autorité cognitive sur le web
http://icp.ge.ch/sem/cms-spip/spip.php?article1340
- Carte heuristique des outils du e-learning selon netfoad.blogspot.com
http://icp.ge.ch/sem/cms-spip/spip.php?article1334
- Les meilleures pratiques de l’éducation 2.0 (carte heuristique)
http://icp.ge.ch/sem/cms-spip/spip.php?article1338
- Carte heuristique de l’apprentissage Présentiel, Distanciel et Mixte
http://icp.ge.ch/sem/cms-spip/spip.php?article1337
- Carte heuristique : Intégration des solutions e-learning dans les organisations
http://icp.ge.ch/sem/cms-spip/spip.php?article1336
- Carte heuristique : Problématique de l’énergie dans l’exploitation agricole
http://icp.ge.ch/sem/cms-spip/spip.php?article1335
- Carte heuristique des outils du e-learning selon netfoad.blogspot.com
http://icp.ge.ch/sem/cms-spip/spip.php?article1334
2.22. Vidéos externes (You Tube, DailyMotion)
Tester un article du groupe ci-dessous :
2.23. Audio et vidéo à partir de fichiers enregistrés dans le site
Tester un article du groupe ci-dessous :
- QCM multimédia Exemple 1 : Séquences vidéo & audio et images (Plugin : Des jeux dans vos articles)
http://icp.ge.ch/sem/cms-spip/spip.php?article1392
- Des séquences vidéo & audio et des images dans un QCM avec le Plugin : Des jeux dans vos articles
http://icp.ge.ch/sem/cms-spip/spip.php?article537
- Des séquences vidéo & audio et des images dans un QCM avec le Plugin : Des jeux dans vos articles
http://icp.ge.ch/sem/cms-spip/spip.php?article291
2.24. Plugin Jeux, QCM, QCM multimédia (..., images,audio, vidéo, ...), exercice à trous, poésie, citation ou une blague, devinette ou charade, jeu d’échecs, jeu du Pendu, mots-croisés, sudoku
Le plugin « Jeux » facilite l’insertion de multiples exercices, QCM et jeux de toutes sortes à l’intérieur d’un article SPIP. Ces exercices sont sous formes textes et/ou multimédias. Le plugin « Jeux » permet de réunir la correction et les scores de plusieurs jeux à la fois.
Documentation : Des jeux dans vos articles !, Jeux dans articles, Plugin jeux : Applications pédagogiques de jeux avec des scores, Nouveau plugin Jeux : cas des QCM,
Tester un article du groupe ci-dessous :
QCM :
- QCM & QRM multimédias Exemple 1 : Séquences vidéo & audio et images (Plugin : Des jeux dans vos articles)
- Plugin jeux : Applications pédagogiques de jeux avec des scores
- Des images dans un QCM avec le Plugin : Des jeux dans vos articles
- Des séquences vidéo & audio et des images dans un QCM avec le Plugin : Des jeux dans vos articles
- Des séquences vidéo & audio et des images dans un QCM avec le Plugin : Des jeux dans vos articles
Exercice à trous :
- Exercice à trous avec le plugin Jeux de SPIP, Thème : 5 fables célèbres de Jean de la Fontaine
- Exercice à trous avec le plugin Jeux de SPIP, Thème : Poème « Un sourire »
- Exercice à trous avec le plugin Jeux de SPIP, Thème : l’imparfait
- Exercice à trous avec le plugin Jeux de SPIP, Thème : explication de son fonctionnement
Mots-croisés :
- Mots-croisés avec SPIP, Thème : des embarcations
- Mots-croisés avec SPIP, Thème : Communication
- Mots-croisés avec SPIP, Thème : Ecole
Jeu du pendu :
- Jeu du pendu avec SPIP, Thème : Séries chimiques et Groupes du tableau périodique
- Jeu du pendu avec SPIP, Thème : Rôles de base dans SPIP
- Jeu du pendu avec SPIP, Thème : Musiciens de Jazz
Devinette :
2.25. L’exerciseur Quizlet
2.26. Nuage de Tags 2D en ligne dans une rubrique : Plugin Nuage
Mots lus en image : Les nuages de mots-clés sont des outils de navigation complémentaires au menu arborescent statique ou dynamique, au menu plongeant, à l’agenda-calendrier et au plan détaillé d’un site. Ils se distinguent par une démarche exploitant des mécanismes de lecture différents (cf. Tag Clouds : Perception visuelle, lecture d’images et lecture de textes), ces modes de navigation sont donc fortement complémentaires et faiblement redondants.
Documentation : Le premier plugin de Tag Cloud pour SPIP, Nuage (de mots-clés)
Tester un article du groupe ci-dessous :
2.27. Nuage de Tag 3D dans un Article : SPIP-Cumulus adapté de WP-Cumulus
Un petit plugin qui permet d’afficher vos mots clés sous la forme d’un sphère animée en 3D. Le principe du nuage 3D vient du plugin WP cumulus disponible sous wordpress. Un précédent plugin de nuages de Tag en 3D pour SPIP, WP-cumulus, a déjà été réalisé et documenté sur spip contrib.
Plus précisément PaulH a adapté pour SPIP le plugin WP-Cumulus créé par Roy Tanck pour WordPress (WP-Cumulus), il nous le livre sous la forme de plusieurs fichiers à installer en dur dans les squelettes SPIP, qu’ils soient ou non en plugin. La description et le téléchargement sont sur spip-contrib : « WP-Cumulus » et dans l’article « PaulH adapte WP-Cumulus pour SPIP », la démo à l’article « Thèmes & Tags ».
Documentation : SPIP-Cumulus 1, SPIP-Cumulus 2, SPIP-Cumulus 3
Tester un article du groupe ci-dessous :
- Application de WP-Cumulus et TagSphere à SARKA.3.0.4-SPIP2.0.x
http://icp.ge.ch/sem/cms-spip/spip.php?article1141
- SPIP-Cumulus : Application de WP-Cumulus pour SARKA3.0.4 avec SPIP2.0.x et SPIP 2.1.x
http://icp.ge.ch/sem/cms-spip/spip.php?article1139
- WP-Cumulus un nuage de tags dynamique 3D en Flash pour SPIP
http://icp.ge.ch/sem/cms-spip/spip.php?article598
2.28. Nuage de Tag 3D dans une Rubrique : SPIP-Cumulus adapté de WP-Cumulus
Tester un article du groupe ci-dessous :
2.29. Nuage de Tag 3D dans le sommaire de ce site : SPIP-Cumulus adapté de WP-Cumulus
2.30. Animations 3D dans SPIP
- Animations dans SPIP pour les Sciences Industrielles de l’ingénieur
http://icp.ge.ch/sem/cms-spip/spip.php?article709
3. ESPACE PRIVE
Configuration, réglages, contrôles des réglages, navigation et Création d’éléments.
Connexion / Déconnexion
- Connexion (saisir login et mot-de-passe)
- Espace privé
- Déconnection
- Connexion (saisir login et mot-de-passe)
- Activez le plugin : Change Statut
Navigation
- Naviguer dans l’espace privé avec
- Le menu arborescent dynamique
- Tout le site (déplié, replier)
- Fil d’Ariane
- Depuis les boutons « Accueil » et/ou « Edition », naviguer de rubriques en sous-rubriques et dans les articles
- Vérifier l’affichage correcte des titres, textes, logos, images, documents joints, etc. des rubriques et des articles.
- Médiathèque : navigation dans les documents et les articles, brèves et rubriques associés.
- Formulaires et Tables (naviguer dans les différentes fonctions des formulaires). ATTENTION : ne pas cliquer les 2 dernières colonnes 6 et 7 du tableaux des formulaires : 6=Vider, 7=Supprimer)
- Statistiques : Naviguer dans les statistiques
- Articles les plus populaires
- Articles les plus visités
- Statistiques globales quotidiennes et mensuelles, sauver le fichier CSV
- Statistiques d’une articles sélectionné quotidiennes et mensuelles, sauver le fichier CSV
- Visiter Activité du jour (plugin actijour)
- Gestion des forums publiques et privés
CREATION
Rubrique
Créer une/des rubrique(s) :
- Titre
- descriptif
- Texte
- Ajout d’images, documents joints, .pdf, .odt (Open Office), .doc (MS Word), etc.
Article
Créer un/des article(s) :
- Titre
- Sous-titre
- À l’intérieur de la rubrique (choisir/changer la rubrique)
- Descriptif rapide
- Chapeau
- Lien hypertexte (référence, site à visiter...)
- Texte (et toutes les balises de la barre typo étendue de plume)
- Post-Scriptum
- Ajout d’images, documents joints, .pdf, .odt (Open Office), .doc (MS Word), etc.
- Ajout d’un groupe de document (tous types : pdf, gif, doc, ppt, xls, odt, mp3, flv, avi, mpeg, mm, etc.) dans un zip : le zip est décompressé par SPIP et chaque élément qu’il contient installé sur le site. Les fichiers sont alors tous automatiquement installés individuellement.
- Création d’un album d’images : Ajout d’un groupe d’une vingtaine d’images (gif et/ou jpg et/ou png) dans un zip : le zip est décompressé par SPIP et chaque image qu’il contient installé sur le site. Les images sont alors toutes automatiquement installées individuellement.
- Ajout d’un formulaire créé avec Forms & Tables
- Logo de l’article
- DATE DE PUBLICATION EN LIGNE
- Date de rédaction antérieure
- Ajouter les mots-clés à l’article
- Ajouter un co-auteur
- Forum interne
Brève
Créer une/des brèves(s) :
- Titre
- À l’intérieur de la rubrique (choisir/changer la rubrique)
- Texte de la brève
- Lien hypertexte (référence, site à visiter...)
- Brève proposée, refusée, validée
- Ajout d’images, documents joints, .pdf, .odt (Open Office), .doc (MS Word), etc.
- Forum interne
Auteurs
Créer un/des auteurs(s) :
- Statut : administrateur(super-admin, admin général, admin restreint), rédacteur, visiteur authentifié.
- Rubriques gérées
- Clés de zones restreintes accordées
- Liste des articles rédigés
- Signature
- Biographie
- Clé PGP
- Site Web
- Login
- Mot de passe
- Logo
mots-clés
- Créer un groupe de mots-clés
- Créer des mots-clés dans diférents groupes de mots-clés
- Attribuer des mots-clés à un article (Cf. ci-dessus)
- Attribuer des mots-clés à une rubrique (Cf. ci-dessus)
- Déplacer un mot-clé d’un groupe de mots-clés à un autre.
Site référencé
- Créer un site référencé
Site syndiqué
- Créer un Site syndiqué
Médiathèque
- Activer les diverses fonctions de la médiathèques
- Ajouter un document (type au choix)
- Ajouter une image
- Rotation de l’image : -90, + 90, 180 degrés
- Changer le document pour une mise à jour (conserve tous les attributs dont l’ID)
- Titre
- description
- date, heure
- Vignette
- Liste des Articles, rubriques, brèves, etc. auxquels les documents sont associés
Formulaires & Tables
- Créer un formulaire en exploitant plusieurs des 17 champs
- Déplacer les questions par glisser-déposer (ajax)
- Intégrer le formulaire ainsi créé à un article
- L’alimenter (jouer n fois)
- Sauver (enregistrer) le fichier CSV
- Sauver (enregistrer) le formulaire
Communication interne (présence)
- Agenda interne
- Messagerie interne
- Forum interne
Forum
- Poster des messages dans les Forum sur les articles (espaces privé et publique)
- Gestion des forums
Autres fonctions/réglages importants
Plugins
- Gestion des plugins (activation/désactivation)
- Réglage des plugins dans
- Configuration
- CFG
- Exploitation des plugins
Configurer sarka
Choisir un Thèmes
Réglage du site via le Couteau suisse (les lames importantes)
Etc
- ...




Commentaires