Archives du mot-clé image

Comment ajouter un effet popup à une miniature dans Zwii CMS

Zwii un CMS maintenu par Rémi Jean son auteur, c’est un CMS en français très simple d’emploi destiné à une gamme d’utilisateur variée, de débutants à chevronnés. Les dernières versions sorties début mars 2018 apportent un lot important d’améliorations.  Une série d’articles regroupant ces astuces seront publiés sous cette catégorie.

Pour débuter, les images avec un effet popup, l’idée est de créer  un effet d’affichage lors du clic sur une miniature.

Pour les besoins de la démonstration, j’ai utilisé deux images, une taille réelle (200 pixels de large est un maximum) et une autre en miniature.

Cette démo est basée sur la version 8.2.5 dont l’éditeur de texte par défaut est TINYmce.

Une fois le CMS installé, en FTP, éditez  init.js dans core/vendor/tinymce, recherchez

templates: [
que vous remplacez par :
templates: [
        {
          title:"Image Lightbox",
          url:baseUrl+"core/vendor/tinymce/templates/lightbox.html",
          description:"Une image qui s'ouvre dans une lightbox."
        },

Sauvegardez le fichier.

Dans le dossier Templates, y copiez les fichiers lightbox.html et image_vide.png contenus dans cette archive.

C’est prêt, il n’y a plus qu’à utiliser le plugin, une vidéo valant mieux qu’une longue explication :

Il est aussi possible de se passer de la miniature en réduisant la taille de l’image servant de miniature…

 

 

 

 

 

 

Publicités

Comment récupérer les fonds d’écran Bing sous Windows Phone

Sous Windows Phone 8, il est possible de personnaliser l’écran d’accueil avec des images ou vidéos  fournies directement par le moteur Bing : Il faut bien l’avouer certaines images proposées sont de véritables tueries !  Comme par exemple cette superbe vidéo. Si vous tombez amoureux de l’une d’elle, pas de panique

 http://www.istartedsomething.com/bingimages/

les catalogue par date de mise en ligne.

Attention aux droits, toutes ne sont pas libres.

Mise à jour d’Images Actives support du HTML 5

image

En décembre dernier je vous proposais de découvrir le logiciel Images Actives, un très bel outil édité par le CRDP de Versailles destiné à enrichir le travail sur des images.

Images Actives a été mis à jour, il supporte désormais le HTML5 ce qui lui ouvre de nouveaux usages sur les appareils mobiles dont les tablettes et les smartphones indépendamment du système d’exploitation.

Détail des évolutions :

  • Création d’un nouveau modèle « Tablette numérique » disponible pour le mode Découverte et le mode Quiz.
  • Export en HTML5 (éventuellement sous forme de fichier unique).
  • Possibilité de convertir son Image active en widget iBooks Author pour iPad.
  • Révision des panneaux indicatifs de paramètres.
    Téléchargement direct sur le site du CRPD ou par mise à jour automatique dans le menu de l’application si elle est déjà installée.

Images Active est un logiciel libre sous licence GNU.

“Images Actives” pour des images vraiment attrayantes dans vos cours

Quand on fabrique des supports de cours ou des ressources de formation, on manipule forcément des objets graphiques, copies d’écran de logiciels ou de services Web, photographies d’œuvre.. toujours libres de droit il va de soi.

Il existe tout un panel d’outils pour réaliser ces copies d’écrans, certains permettent même d’insérer des commentaires, des flèches, des bulles, je n’en citerai qu’un seul : Screenpresso, un freeware dont la version PRO est très vite rentabilisée !

Le CRDP de Versailles a développé une solution tout à fait intéressante : Images Actives, un logiciel sous licence GNU/PL publié fin novembre en version 1.0 et destiné à animer les commentaires des images mises en ligne ou projetées sur un écran.

Le fonctionnement de cet outil fort bien pensé est particulièrement simple :

1 Importer votre image :

2011-12-03 14h11_32
2 Désigner des zones de l’écran à commenter :

2011-12-03 14h11_56
3 Décrivez l’image et insérer les commentaires de chaque zone de l’écran :

2011-12-03 14h12_10

4 Affecter une présentation de type Découverte ou Quizz, et la répartition des zones de commentaires :

2011-12-03 14h12_20

5 Adapter la charte graphique :

2011-12-03 14h12_26

C’est terminé ! il ne reste plus qu’à enregistrer le projet, le générer puis le prévisualiser. Images Actives génère un fichier flash (swf) accompagné de sa page html et d’un script. Le tout peut être mis en ligne ou sur une plate-forme de type Moodle.

A titre de démonstration voici un lien vers le projet créé pour ce billet.

Pour la documentation, les tutos et télécharger Images Actives pour Windows, Mac & Linux rendez-vous sur
http://images-actives.crdp-versailles.fr/

Des images libres d’usage

Réflexe de l’étudiant de base à la recherche d’une image destinée à illustrer un document, le module Images de Google. Bien évidemment notre étudiant ignore complètement le statut juridique de l’image … peu importe se dit-il. Si il ignore les conséquences de son acte, cette vilaine habitude est comme un mauvais pli sur une chemise, difficile à corriger.

Prenons à part cet étudiant de base pour lui expliquer qu’il peut très simplement éviter ce qu’il détesterait, qu’un autre étudiant pille ses propres travaux, et tant qu’à faire, indiquons-lui les bons gestes….

Tout d’abord, Google Images peut être vertueux,  alléluia, cliquons sur le lien « Recherche avancée » :

Puis tout en bas de l’écran, activons la licence correspondant aux usages envisagés de cette image.

Malheureusement ce choix n’est pas enregistré dans les préférences, il  faudra le réactiver à chaque nouvelle recherche.

Pour retrouver toutes ces images, Google pioche dans des annuaires d’images libres qu’il est possible de consulter directement :

http://www.freefoto.com

 

http://www.stockvault.net

Bien évidemment, il y existe d’autres annuaires de ce type, ce qui permet de dessiner une nouvelle stratégie de recherche, utiliser les services de Google pour identifier des annuaires d’images libres.