jan232012

Insérer un exercice Hot Potatoes dans un article

Il est possible d’insérer un exercice Hot Potatoes en important les fichiers .htm et .jmt dans la bibliothèque du blog.

Il suffit ensuite d’insérer le lien vers le fichier .htm dans l’article comme ci-dessous :

Exercice Hot Potatoes

Il est aussi possible d’insérer l’exercice lui-même dans l’article. Pour cela, il faut :

  1.  activer le plugin « EmbedIt » dans les extensions,
  2. ajouter dans l’article à l’endroit souhaité le code :
    [HTML1]

    (pour ajouter d’autres exercices, il suffira de saisir [HMTL2] etc.),

  3. créer un champ personnalisé en saisissant les informations suivantes :
    - Nom : HTML1 (correspond au code saisi précédemment dans l’article),
    - Valeur
    :

    <iframe width="560" height="450" src="http://blogpeda.ac-poitiers.fr/lien/vers/index.htm" frameborder="0" allowfullscreen></iframe>

    (copier le code ci-dessus et modifier le lien inclus pour insérer celui du fichier .htm)

  4. cliquer sur le bouton « Ajouter un champ personnalisé » et enregistrer l’article,
  5. l’exercice s’affiche ainsi dans l’article :
jan172012

Ajouter une vignette au lecteur vidéo

Pour éviter l’affichage d’un écran noir, il est parfois préférable d’ajouter une vignette au lecteur afin de donner un premier aperçu du contenu de la vidéo.

Vidéo sans vignette :

http://www.youtube.com/watch?v=NegRGfGYOwQ

Vidéo avec vignette :

http://www.youtube.com/watch?v=NegRGfGYOwQ

Pour parvenir à ajouter une vignette, il suffit de reprendre le code inséré dans l’article et d’y ajouter le lien vers l’image souhaitée. Ainsi pour le cas ci-dessus, le code de la vidéo sans vignette est :

[flv]http://www.youtube.com/watch?v=NegRGfGYOwQ[/flv]

Pour ajouter la vignette, il faudra saisir :

[flv image=lien/vers/image.png]http://www.youtube.com/watch?v=NegRGfGYOwQ[/flv]

 

jan172012

Insérer une carte heuristique dans un article

Les cartes heuristiques sont de plus en plus utilisées dans les supports de cours. C’est pourquoi, il est maintenant possible d’en ajouter dans les articles d’un blog pédagogique.

Exemple d’insertion :

JavaScript or Flash plugin need to be activated in your browser.

Pour obtenir le résultat ci-dessus :

1- Importer dans la bibliothèque de média le fichier .mm créé avec un logiciel de carte heuristique (freeplane, freemind…)

2- Créer un nouvel article

3- Saisir le texte de l’article

4- Insérer dans l’article à l’endroit voulu le lien vers le fichier .mm précédemment importé. Pour afficher ce lien :

  • choisir « Ajouter un média »,
  • cliquer sur l’onglet « Bibliothèque »
  • cliquer sur le lien « Afficher » du fichier .mm
  • copier le contenu du champ « cible du lien »
  • coller cette adresse dans l’article à l’endroit souhaité
  • encadrer ce lien par les balises freemind comme l’exemple ci-dessous :
    [freemind height=200px width=400px]/lien/fichier/carte.mm[/freemind]

où « height » et « width » sont respectivement la hauteur et la largeur de la fenêtre à afficher en pixel.

jan132012

Insérer JClic dans un blog pédagogique

JClic est une application permettant de créer des animations interactives.
Ci-dessous un exemple d’animation JClic provenant de l’inspection Blois IV de l’académie Orléans-Tours :

Pour commencer à utiliser cette application (voire télécharger des activités toutes prêtes), des sites proposent des tutoriels ou des exemples d’activités  aux adresses :

Pour insérer une animation JClic dans votre blog, vous trouverez ci-dessous un tutoriel vous décrivant la marche à suivre :

Ajouter une animation JClic dans un article de blog

Il est aussi possible d’inclure l’animation dans l’article (voir un exemple). La procédure étant plus complexe, nous vous invitons à prendre contact avec les responsables des blogs pédagogiques (voir leurs coordonnées).

nov252011

Insérer Didapages dans un blog pédagogique

Didapages est un logiciel à destination des enseignants permettant de créer des livres interactifs.

Exemple de livre interactif Didapages :

Présentation Didapage

Présentation Didapage

De nombreux sites pédagogiques mettent à la disposition des enseignants des tutoriels, des livres déjà créés :

Une fois l’activité prête, il faut importer les fichiers créés sur votre ordinateur dans le blog. Dans l’espace privé, ajouter les trois fichiers créés (index.html, data.xml et lecteur.swf) dans votre bibliothèque de médias.

Important : veiller à importer ces trois fichiers dans le même mois. En effet, les blogs créent un nouveau répertoire d’import à chaque début de mois : or il est nécessaire que ces trois fichiers soient dans le même répertoire.
Il vous suffit ensuite de créer un article et d’insérer à partir de la bibliothèque de média le fichier index.html importé précédemment. Vous pourrez modifier les propriétés du lien en sélectionnant celui-ci puis en cliquant sur le bouton de la barre d’outil « Insérer/modifier un lien »

Pour importer plusieurs livres Didapages le même mois, la méthode est décrite dans le forum du site de Didapage :
Importer plusieurs livres le même mois