SPIP-Contrib

SPIP-Contrib

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

246 Plugins, 178 contribs sur SPIP-Zone, 152 visiteurs en ce moment

Accueil du site > Interactivité, échanges > Profil, avatars > Avatar Voki > Un avatar Voki dans vos articles

Un avatar Voki dans vos articles

25 décembre 2007 – par Cédric Couvrat – commentaires

3 votes

Permet l’intégration et le paramétrage d’un avatar voki.com dans vos articles SPIP

Le plugin voki

Le site http://www.voki.com/ vous propose de créer un avatar, qu’il est ensuite possible d’insérer dans une pages web, à l’aide d’un code.

Le plugin voki (téléchargeable plus bas) rend possible l’intégration et le paramétrage de cet avatar dans vos articles SPIP (Notez qu’il s’agit d’un modèle SPIP distribué sous la forme d’un plugin).

Exemple sur ce site

Téléchargement

Voir pièce jointe plus bas

Dernière version sur la page dédiée au développement de ce plugin

Installation

Comme tous les plugins SPIP : http://www.spip.net/fr_article3396.html

Comment ça marche ?

Une fois que vous aurez créé votre avatar sur le site http://www.voki.com/, vous devrez repérer et relever 2 codes :

Ce sont ces deux codes que vous devrez insérer dans vos articles en respectant la notation suivante :

Les paramètres

1er paramètre :
-  Ce paramètre définit l’alignement, il est optionnel (par défaut l’avatar se positionne à gauche).
-  Choix possibles : left, center ou right, selon que l’on souhaite positionner son avatar à gauche, au centre ou à droite.

2ème paramètre : définit la largeur en pixels, il est optionnel ( par défaut 150)

3ème paramètre : définit la hauteur en pixels, il est optionnel ( par défaut 200)

4ème paramètre : il est obligatoire, il s’agit du premier code que vous aurez relevez suite à la création de votre avatar voki. Respectez la syntaxe suivante : code1=xxxxxxxxxxxxxxxxxxx

5ème paramètre : il est obligatoire, il s’agit du deuxième code que vous aurez relevez suite à la création de votre avatar voki. Respectez la syntaxe suivante : code2=xxxxxx

Chaque paramètre est séparé par le caractère « | » (touches "Majuscule" + 6 sous windows)

Exemple de code à utiliser dans vos articles :

<voki|right|largeur=150|hauteur=200|code1=5e09fff69696d948be363a12f4c04691|code2=108769>

Pistes pédagogiques à mettre en œuvre grâce à ce plugin :

-  un avatar pour présenter le site de l’école.
-  un avatar afin que les élèves se présentent.
-  un avatar pour donner une consigne orale plutôt qu’écrite.
-  un avatar qui parle anglais (ou une autre langue) dans le cadre de l’enseignement des langues vivantes.
-  ...

Retour en haut de la page

7 Messages de forum

Voir toute la discussion

  • Répondre à ce message

    9 mai 2008 14:52, par ninaa

    je met mon code un forum mais mon voki ne s’affiche pas !! Que faire ?

  • Répondre à ce message

    7 janvier 2008 11:50, par François Daniel Giezendanner

    Bravo pour ce plugin !

    Voilà qui met une note multimédia sympathique dans un article ...

    ... mais que se passerai t’il si le site http://www.voki.com/ ne met plus cette fonctionnalité à disposition ?

    Meilleurs messages

    FDG

  • Répondre à ce message

    1er janvier 2008 21:06, par Cédric Couvrat

    Ce code est celui du < "inférieur à" en html.
    En effet ce signe a du sens en typographie et en html. Pour ne pas être interprêté et être considéré comme un caractère typographique il est remplacé par &lt;.
    Le code de ton avatar n’est donc pas interprêté mais considéré comme du texte.
    Spip n’accepte pas les codes javascript, php... dans les articles, c’est une question de sécurité. Tu le remarqueras en utilisant, par exemple, le code fournit par le site voki.
    Via les modèles, le code étant inscrit dans un squelette (donc forcement maîtrisé par l’administrateur du site) il est accepté dans l’article. C’est le principe utilisé dans ce plugin.

    En tout cas je remarque que ça fonctionne maintenant... ???

    Bonne année à toi, ainsi qu’à tous les utilisateurs de SPIP.

    Cédric

  • Répondre à ce message

    31 décembre 2007 13:18, par laurent

    oups

    voici l’adresse de l’article

    http://dunkerquepatinage.free.fr/spip.php?article53

  • Répondre à ce message

    31 décembre 2007 11:19, par laurent

    voici l’adresse de l’article.

    En regardant le code source de la page, on voit que le < devant script est remplacé par &lt. Pourquoi ??? que veut dire ce sigle ??

    Merci pour ce plugin et j’espère pouvoir l’utiliser spip1.9.2b

    dans tous les cas, un bon reveillon.

    Bonne Année


    <script language="JavaScript" type="text/javascript" src="http://vhss-d.oddcast.com/voki_embe..."> <script language="JavaScript" type="text/javascript">AC_Voki_Embed(300,400, '7c5cf54555c205678bb7bb80301b4dfc', 138707, 1, '', 0);</script>
  • Répondre à ce message

    31 décembre 2007 10:21, par Cédric Couvrat

    Difficile à dire.
    Quelle version de SPIP utilisez-vous ?
    Y a t’il une adresse où l’on peut voir la page en question ?

    Attention j’ai modifié le code de l’article (que l’on peut éventuellement copier/coller), il ne fallait pas d’espace ni de retour à la ligne.

  • Répondre à ce message

    30 décembre 2007 20:42, par laurent

    Dans l’interface privée, l’avatar est bien présent. Dans la partie public, dans l’article j’ai le texte suivant.

    <script language="JavaScript" type="text/javascript" src="http://vhss-d.oddcast.com/voki_embed_functions.php">
    <p>le plugin est bien activé et j&#8217;ai bien recopier le code avec les coordonnées de mon avatar.</p>

    <p>Donc problème&nbsp;! pourquoi&nbsp;???</p>

    <p>Merci</p>

Répondre à cet article

Retour en haut de la page

Ça discute par ici

  • Les thèmes de Sarka-SPIP 3

    26 décembre 2009 – 14 commentaires

    Cet article a pour but de présenter brièvement la liste des thèmes propres à Sarka-SPIP au travers d’une galerie de vignettes. La galerie Vous pouvez télécharger le thème que vous désirez en cliquant sur sa vignette. Prochainement, une description de (...)

  • Formulaire de participation à un événement

    23 janvier – 17 commentaires

    Cet article tente de rassembler des informations au sujet de l’affichage d’un formulaire de participation aux événements gérés par le plugin Agenda développé par Cédric Morin. La version 2 du plugin Agenda permet d’afficher dans l’espace public des (...)

  • Le Squelette Zpip

    11 novembre 2009 – 119 commentaires

    Zpip [1] est un squelette réutilisable, modulaire et disposant d’une galerie de thèmes. Il est issu d’une fusion des projets Zesty et SPIP-Zen. Installer Zpip Pour installer Zpip et jouer avec sans plus attendre, il suffit de suivre le guide (...)

  • Plugin Pages uniques

    11 décembre 2008 – 74 commentaires

    Allez, avouez... il ne vous est jamais arrivé d’avoir besoin d’articles qui ne sont rattachés à aucun rubriquage particulier ? Des articles uniques, n’ayant ni de thème, ni de rapport avec aucun autre ? Ou encore des articles pour lesquels vous avez (...)

  • Le Couteau Suisse

    4 mai 2007 – 835 commentaires

    Ce plugin propose d’introduire facilement de simples fonctionnalités supplémentaires à SPIP et qui s’avèrent rapidement indispensables ! Par exemple : des filtres supplémentaires, des balises pratiques, des facilités typographiques, le contrôle de (...)