MediaSPIP

Compatibilité entre la Boîte multimédia et l'ajout de notes

La visualisation des images est restreinte par la largeur accordée par le design du site (dépendant du thème utilisé). Elles sont donc visibles sous un format réduit. Afin de profiter de l'ensemble de la place disponible sur l'écran de l'utilisateur, il est possible d'ajouter une fonctionnalité d'affichage de l'image dans une boite multimedia apparaissant au dessus du reste du contenu.

Pour ce faire il est nécessaire d'installer le plugin "Mediabox".

Configuration de la boite multimédia

Dès l'activation, le plugin est automatiquement fonctionnel, mais il peut être configuré afin de modifier certains comportements. Pour ce faire, il suffit d'aller dans la configuration du site et de choisir la page de configuration de la "Boîte multimédia".

Il sera alors possible de modifier :

l'apparence de la boîte : par défaut 7 designs différents sont disponibles;
la largeur minimale de la boîte;
la largeur maximale de la boite;
la hauteur minimale de la boite;
la hauteur maximale de la boite;
le taux d'opacité du fond autour de la boite;

Il est également possible d'afficher, lors de la première visite du site d'un individu, un média particulier en remplissant le champ "Splash Boîte" en fournissant l'URL d'un média particulier.

Modification visibles sur le site

Que ce soit sur la page du média lui-même ou sur sa page de modification ou création, un lien est ajouté autour de la prévisualisation de l'image permettant, lors du click sur l'image d'ouvrir la boite multimedia et d'afficher l'image dans une taille plus importante.

Compatibilité entre la Boîte multimédia et l'ajout de notes

Lorsque les deux fonctionnalités, "boîte multimédia" et "légendes" sont activées, un problème existe car les deux nécessitent de cliquer sur l'image pour fonctionner.

Dans ce cas précis, la boîte multimédia n'ajoute pas de lien autour de l'image mais une icône à coté de celle de l'ajout de note qui lors du click affiche le même comportement que le lien direct sur l'image.

Ajouter notes et légendes aux images

kent1 — 2011-02-07T19:39:29Z

Configuration de la boite multimédia

Compatibilité entre la Boîte multimédia et l'ajout de notes

http://spip.arscenic.tv/sites/spip.arscenic.tv/IMG/mp4/legendes-encoded.mp4

Pour pouvoir ajouter notes et légendes aux images, la première étape est d'installer le plugin "Légendes".

Une fois le plugin activé, vous pouvez le configurer dans l'espace de configuration afin de modifier les droits de création / modification et de suppression des notes. Par défaut seuls les administrateurs du site peuvent ajouter des notes aux images.

Modification lors de l'ajout d'un média

Lors de l'ajout d'un média de type "image" un nouveau bouton apparait au dessus de la prévisualisation permettant d'ajouter une note.

L'ajout d'une note

Au click sur ce bouton, une zone par défaut sera sélectionnée sur l'image, cette zone peut être déplacée et sa taille peut être modifiée à l'aide de la souris. Un petit formulaire est également disponible afin de commenter la zone de sélection.

La modification d'une note

Pour modifier une note, il suffit de placer la souris sur l'image et de double cliquer sur la note que l'on souhaite modifier.

A ce moment là, vous pouvez la déplacer, la retailler et changer son commentaire. Lorsque vous validerez le formulaire avec le bouton "Enregistrer", les modifications seront prises en compte et l'affichage sera alors mis à jour.

La suppression d'une note

Afin de supprimer une note, il suffit de se placer sur l'image, de double cliquer sur la note que l'on souhaite supprimer et de valider le formulaire en choisissant le bouton "Supprimer".

Modifications visibles par les visiteurs du site

Sur la page du média, le visiteur, en passant sa souris sur l'image verra les annotations ajoutées. Le nombre de notes liées à l'image est affichée en dessous. Le passage de la souris dur la note en question affichera son commentaire.

Le rédacteur du média, s'il a les droits de modifier les notes liées à l'image, aura un bouton pour en ajouter placé au dessus de l'image et pourra réaliser les mêmes actions de modification et suppression que lors de la création et la modification du média.

Petite démonstration (sans son)

Permetre la géolocalisation des médias

kent1 — 2011-02-05T20:26:00Z

La géolocalisation des médias est optionnelle.

Les plugins nécessaires à son fonctionnement ne sont pas activés par défaut, tout au moins dans la distribution officielle de MediaSPIP.

Configuration de la boite multimédia

Compatibilité entre la Boîte multimédia et l'ajout de notes

Configuration des templates de formulaires pour la géolocation

Centrage automatique lors de la création sur la position de l'utilisateur

Installation des plugins nécessaires

Afin d'activer la géolocalisation des médias, il est tout d'abord nécessaire d'installer et d'activer deux plugins optionnels:

Gis 2 : qui utilise la librairie mapstraction permettant de s'interfacer à plusieurs APIs cartographiques différentes (limitées aux API Google Maps par MediaSPIP à l'heure actuelle);
Diogène Géo : complément pour Diogène qui permet de d'ajouter dans les formulaires de création d'objet une partie cartographique;

Configuration de GIS 2.0

Ces deux plugins activés vous pouvez ensuite configurer le plugin GIS 2.0. Pour ce faire, allez dans la partie de configuration du site puis dans la colonne de droite, de cliquer sur la configuration de GIS.

De là vous pouvez choisir le point par défaut des cartes (latitude, longitude et zoom), l'API à utiliser (Google Maps version 2 qui nécessite une clé spécifique récupérable sur leur site ou Google Maps version 3 qui ne nécessite pas de clé) ainsi que la possibilité de rechercher à partir d'une adresse (Géocodeur).

Vous pouvez également activer la prise en compte des champs spécifiques d'adresse qui ajoutera les champs suivants :

adresse;
code postal;
ville;
région;
pays;

Il est également possible d'essayer de centrer la carte sur la position de l'utilisateur lors de la création d'un point. Cette fonction utilise une des possibilités offerte par HTML5, elle n'est donc encore pas compatible avec tous les navigateurs mais sera transparente pour ceux qui ne disposent pas de cette possibilité.

Configuration des templates de formulaires pour la géolocation

Une fois le plugin Gis 2.0 configuré, vous pouvez modifier les templates de formulaires de Diogène. Pour ce faire, rendez vous dans la partie d'administration du site et cliquez sur "Configuration des templates de formulaires".

Choisissez le formulaire que vous souhaitez modifier, et dans la partie "Champs à ajouter", ajoutez à la sélection "Informations géographiques". Puis enregistrez la modification en validant le formulaire.

Géolocaliser ses médias ou autres objets

Dorénavant, dans les formulaires où vous aurez ajouté la prise en compte des "Informations géographiques", plusieurs nouveaux champs sont disponibles ainsi qu'une carte.

Ces champs peuvent rester vides. Aucune information géographique ne sera alors associée à l'objet édité.

Centrage automatique lors de la création sur la position de l'utilisateur

Si l'option de GIS de centrage automatique sur l'utilisateur est activée, lors de sa première création de point, il aura une notification du navigateur lui indiquant que le site souhaite connaitre sa position géographique. s'il valide cette fonctionnalité, la carte sera recentrée automatiquement sur les informations fournies par le navigateur.

Cas particulier sur les médias

Si le rédacteur met en ligne un fichier image de type jpg et que celui-ci a dans ses métadonnées (Exif ou IPTC) des informations géographiques, un point sera associé au document et à l'article correspondant aux informations trouvées. Si les champs d'adresse sont activés, GIS tentera de récupérer les information d'adresse.

Changements visibles pour les visiteurs

À l'heure actuelle, les modifications visibles par les visiteurs sont assez réduites.

Affichage d'informations sur la page des medias

Sur la page des médias, plusieurs informations apparaissent en plus :

une petite carte représentant l'emplacement géographique du média;
ses coordonnées sous la forme d'un microformat geo;
son adresse si les champs sont activés et sont renseignés;

MediaSPIP Init et Diogène : types de publications de MediaSPIP

kent1 — 2010-11-11T01:06:00Z

Configuration de la boite multimédia

Compatibilité entre la Boîte multimédia et l'ajout de notes

Configuration des templates de formulaires pour la géolocation

Centrage automatique lors de la création sur la position de l'utilisateur

À l'installation d'un site MediaSPIP, le plugin MediaSPIP Init réalise certaines opérations dont la principale consiste à créer quatre rubriques principales dans le site et de créer cinq templates de formulaire pour Diogène.

Ces quatre rubriques principales (aussi appelées secteurs) sont :

Medias;
Sites;
Editos;
Actualités;

Pour chacune de ces rubriques est créé un template de formulaire spécifique éponyme. Pour la rubrique "Medias" un second template "catégorie" est créé permettant d'ajouter facilement des sous catégories dans ce secteur.

Emballe Médias : Mettre en ligne simplement des documents

kent1 — 2010-10-29T15:32:00Z

Configuration de la boite multimédia

Compatibilité entre la Boîte multimédia et l'ajout de notes

Configuration des templates de formulaires pour la géolocation

Centrage automatique lors de la création sur la position de l'utilisateur

Plugins nécessaires et compatibles

Le plugin emballe médias a été développé principalement pour la distribution mediaSPIP mais est également utilisé dans d'autres projets proches comme géodiversité par exemple.

Plugins nécessaires et compatibles

Pour fonctionner ce plugin nécessite que d'autres plugins soient installés :

CFG
Saisies
SPIP Bonux
Diogène
swfupload
jqueryui

D'autres plugins peuvent être utilisés en complément afin d'améliorer ses capacités :

Ancres douces
Légendes
photo_infos
spipmotion
doc2img

Diogene : création de masques spécifiques de formulaires d'édition de contenus

kent1 — 2010-10-26T12:57:00Z

Diogene est un des plugins SPIP activé par défaut (extension) lors de l'initialisation de MediaSPIP.

Configuration de la boite multimédia

Compatibilité entre la Boîte multimédia et l'ajout de notes

Configuration des templates de formulaires pour la géolocation

Centrage automatique lors de la création sur la position de l'utilisateur