SPIP-Contrib

SPIP-Contrib

عربي | Deutsch | English | Español | français | italiano | Nederlands

290 Plugins, 198 contribs sur SPIP-Zone, 86 visiteurs en ce moment

Accueil > Interactivité, échanges > Profil, avatars > Avatar Voki > L’Avatar VOKI dans vos articles et squelettes 3.0

L’Avatar VOKI dans vos articles et squelettes 3.0

12 juin 2013 – par foxmulder06

2 votes

Cette contribution ou ce plugin est en phase de test. Des bugs peuvent subsister. N’hésitez pas à les signaler dans le forum ci-dessous.

Le plugin « AVATAR VOKI » rend possible l’intégration et le paramétrage très facile d’un avatar VOKI (http://www.voki.com/) dans vos articles, ainsi que désormais dans vos squelettes SPIP.

Ce plugin a été entièrement ré-écrit pour être compatible avec SPIP 3.

Préambule

Un remerciement à Cédric Couvrat qui est l’auteur de la première version de ce plugin VOKI en 2007 et de l’article si référant (Un avatar Voki dans vos articles).

Introduction

L’objectif de ce plugin a été de prendre en compte les changements effectués par l’éditeur VOKI dans l’utilisation de cette avatar sur un site Internet (Passage d’une syntaxe JAVASCRIPT vers FLASH), la compatibilité avec SPIP 3, la création d’un formulaire de configuration directement accessible dans le plugin qui permet de s’affranchir d’une modification obligatoire des fichiers pour y déclarer les codes spécifiques à chaque utilisateur VOKI, ainsi que l’ajout de la documentation et son intégration dans SPIP. [1]

Le plugin "Avatar VOKI"

Exemple de l’utilisation de ce plugin sur mon site de DEMO :

Téléchargement

Sur cette page, dans la section "Téléchargement(s)".

Installation

Comme tout les plugin SPIP :
http://www.spip.net/fr_article3396.html

Configuration

Rendez vous sur la page d’administration du plugin en cliquant sur l’icône « Configuration » puis, en sélectionnant "Gestion des plugins" puis, sur l’onglet « Avatar VOKI ».

Cliquer ensuite sur l’icône de paramétrage du plugin. Vous arrivez donc ici : /ecrire/ ?exec=configurer_avatar_voki. [1]

Configurer les champs du formulaire. Seuls les 2 codes de l’Avatar VOKI sont obligatoires. Les champs optionnels (Dimensions et Mise en page) ont une configuration "par défaut" directement utilisable.

Utilisation

Ce plugin ajoute la balise #AVATAR_VOKI{options} et le modèle "avatar_voki.html" pour vos squelettes SPIP.

Valeurs "par défaut" des paramètres optionnels :
-  Dimensions de l’avatar VOKI : Largeur=150 points, hauteur=178 points.
-  Alignement sur la GAUCHE de la page.
-  Marge a GAUCHE = 0 points.

1) Exemple de code pour vos articles SPIP :

  • Avec valeur par défaut :
    <avatar_voki|>
  • Avec tous les paramètres, donnés ici avec leurs valeurs par défaut :
    <avatar_voki|voki_alignement=left|voki_marge_gauche=0|voki_largeur=150|voki_hauteur=178>

2) Exemple de code pour vos squelettes HTML :

  • Avec valeur par défaut :
    [(#MODELE{avatar_voki})]
  • Avec tous les paramètres, donnés ici avec leurs valeurs par défaut :
    [(#MODELE{avatar_voki}{voki_alignement=left}{voki_marge_gauche=0}{voki_largeur=150}{voki_hauteur=178})]

3) Tableau récapitulatif des paramètres du modèle et leur valeur "par défaut" :

ParamètresDéfinitionValeur par défaut si absentValeurs possibles ->
voki_alignement Alignement horizontal de l’Avatar left left (sur la Gauche) center (au Centre) right (sur la Droite)
voki_marge_gauche Marge à gauche 0 0 à x (unité = points)
voki_largeur Dimension Horizontale de l’Avatar 150 0 à x (unité = points)
voki_hauteur Dimension Verticale de l’Avatar 178 0 à x (unité = points)

A faire

  • Rétro-compatibilité avec SPIP 1.9.2 et SPIP 2.x.
  • Compléter la documentation directement accessible du plugin.
  • Multiple-configuration d’instance d’avatar VOKI.
  • Formulaire :
    • Ajout de paramètres supplémentaires.
    • Vérification de la proportionnalité entre la hauteur et la largeur de l’objet.

Voir en ligne : http://plugins.spip.net/avatar_voki

Notes

[1N’hésitez pas à me faire part du résultat de vos tests.

Dernière modification de cette page le 25 octobre 2017

Retour en haut de la page

Répondre à cet article

bouton radio modere priori

Attention, votre message n’apparaîtra qu’après avoir été relu et approuvé.

Qui êtes-vous ?

Pour afficher votre trombine avec votre message, enregistrez-la d’abord sur gravatar.com (gratuit et indolore) et n’oubliez pas d’indiquer votre adresse e-mail ici.

Ajoutez votre commentaire ici Les choses à faire avant de poser une question (Prolégomènes aux rapports de bugs. )
Ajouter un document

Retour en haut de la page

Ça discute par ici

  • Jeux pour SPIP 3

    27 juillet 2012 – 53 commentaires

    Un portage pour SPIP 3 du plugin Jeux a été fait. Explications et nouveautés. Cet article concerne une mise à jour du plugin Jeux dont la description complète est disponible ici : Des jeux dans vos articles !. Le code du plugin Jeux est un code (...)

  • Plugin Vidéo(s)

    23 novembre 2010 – 704 commentaires

    Interface de gestion et modèle d’insertion des vidéos : Dailymotion Vimeo Youtube Modèle de la balise HTML5 video avec alternative flash html5media : Lecture HTML5/Flash pour tout navigateur des fichiers MP4/H264/Ogg/WebM/Mkv Support mobile, iPad, (...)

  • Vidéo Accessible

    6 avril 2011 – 168 commentaires

    Un plugin pour faciliter la diffusion de vidéos accessibles. Accessibilité des vidéos Accessibilité de la vidéo Afin d’être pleinement accessible, une vidéo (composée d’images et de sons) doit répondre à plusieurs critères. Le critère de base est (...)

  • Groupes de mots clés arborescents

    26 juillet 2012 – 37 commentaires

    Ce plugin permet de gérer une arborescence de groupes de mots clés. Les sous groupes de mots héritent des propriétés du groupe racine (sur quoi peut on le lier ? peut il y avoir un ou plusieurs mots). Les formulaires de liens qui permettent de lier (...)

  • Mailshot

    16 janvier 2013 – 336 commentaires

    Ce plugin prend en charge l’envoi en nombre d’info-lettres par email. Mailshot permet l’envoi en nombre d’emails au moyen d’un SMTP (ou d’un service externe) dédié à cet effet. Il permet de limiter la cadence d’envoi. Enfin, ce plugin implémente la (...)