Archives du mot-clé lycée

Des images réutilisables pour ses articles

Internet est un vaste océan, dont chaque goutte d’eau est apportée par des milliers, pardon des milliards de contributeurs…

Comme l’océan, on peut naviguer d’une page à l’autre, accoster à quelques sites ou réseaux sociaux plus appréciés que les autres. À la surface, des milliers d’images flottent. Belles, émouvantes, frappantes, intrigantes, elles nous touchent et on les adore. Et puis, quand on publie un article, une image, c’est tout de suite de l’aération, un complément à notre texte, un élément de l’identité visuelle de notre blog, etc.

Alors, pour illustrer ses articles, nous avons deux possibilités :

  • réaliser soi-même des images (oui, mais on n’a pas tous la chance de voyager au bout du monde et de revenir avec des photographies d’îles paradisiaques…, ni d’être Picasso et de savoir utiliser des logiciels de dessin…)
  • prendre des images déjà disponibles sur internet…

Et précisément, il y en a des milliers… mais apprécieriez-vous de voir votre article, les dessins que vous avez réalisés être utilisés sans votre accord ?

Certaines personnes l’acceptent et le disent sans que l’on ait même besoin de leur demander. Ils utilisent des licences, comme les licences Creative Commons. Quant aux autres, leur silence ne vaut pas accord… et aux yeux de la loi par défaut leurs images sont leur propriété, protégée par le copyright.

Alors, pour ne pas retenir uniquement le goût salé de l’océan avec des contenus pris sans accord, voici une vidéo vous expliquant comment trouver des images réutilisables pour une publication sur internet :

Maintenant que vous avez trouvé, n’oubliez pas :

  • de citer l’auteur et les autres mentions, selon les licences ;
  • lorsque vous publiez une image personnelle de préciser vous aussi la licence que vous avez choisie ;
  • les conseils de Christelle en glissant des textes de substitution, afin que le grand océan soit accessible à tous !

Logiciel libre ou gratuit : quelles différences ?

Quelques explications pour en finir avec les amalgames

 

En réalité, le titre de cet article ne pose pas la bonne question… Mais avant d’aller plus loin dans les explications, je vous propose de répondre au vrai-faux qui suit. Comptez moins de 2 minutes pour le réaliser. Si vous obtenez 100 % de bonnes réponses, vous n’aurez pas besoin de lire le reste de l’article ;o)

Vous êtes encore là ;o) ? Comme je le disais au début de l’article, la question est mal posée. Au lieu de se demander si un logiciel est libre ou gratuit, on devrait se demander s’il est gratuit ou payant ET s’il est libre ou propriétaire.

Que faut-il savoir sur les logiciels libres ?

Quatre libertés fondamentales sont rattachées aux logiciels libres :

Pour permettre à l’utilisateur d’étudier le fonctionnement du logiciel et de le modifier, il est nécessaire d’avoir accès au code source ; c’est-à-dire « la recette de fabrication » du logiciel.  Il ne faut pas confondre dès lors les logiciels libres et les logiciels OpenSource qui autorisent l’étude du code source sans nécessairement en permettre la modification.

Le meilleur moyen de savoir dans quelle situation on se trouve c’est de consulter la licence rattachée au logiciel.

Et puisque nous parlons de licence…

Une licence décrit les droits et libertés rattachés au logiciel. La GNU-GPL est la licence la plus connue et la plus répandue dans le monde du logiciel libre. Elle introduit la notion de le copyleft (que l’on peut traduire par gauche de l’auteur) qui implique que les versions modifiées du logiciel soient aussi publiées et partagées sous licence libre. Le copyleft est donc une règle qui protège les libertés fondamentales décrites plus hautes. Lorsqu’on redistribue un programme, on ne peut pas rajouter de restriction (écriture, diffusion etc.). Avec le copyleft, un logiciel libre le reste pour toujours.

La réflexion autour des licences ne se limite pas aux logiciels. C’est le cas de certaines licences Creative Common pour des créations diverses (audio, vidéo, image, texte…). Ci-après, une infographie très détaillée :

Infographie_attribution_licences_F.Bordignon_modifiee

Dernière précision, la licence accompagne les logiciels qu’ils soient libres ou propriétaires .

Et puisque nous parlons de logiciel propriétaire…

En réalité, le terme « propriétaire » est erroné ; on doit parler de « logiciel privateur » en opposition à « libre ». Sa licence est dite « fermée » dans le sens où elle ne donne pas accès aux quatre libertés qui font référence aux logiciels libres.

Bref, que retenir ?

Trois phrases pour comprendre facilement ce qui vient d’être dit :

Le logiciel libre implique que l’auteur met le code source de son logiciel à la disposition des utilisateurs désireux de l’utiliser ou d’en modifier le code pour lui apporter quelques améliorations.
Les logiciels libres sont souvent gratuits mais… les logiciels gratuits ne sont pas toujours libres.
Un logiciel privateur peut être payant ou gratuit.

Des exemples :
Propriétaire payant… comme Windows (système d’exploitation)
Propriétaire gratuit… comme Avast ! Home Edition (antivirus)
Libre gratuit… comme Mozilla Firefox (navigateur web) ou Gimp (traitement d’images)
Libre payant… comme Redhat (distribution Linux orientée vers le marché commercial)

Voilà, une première approche pour s’en sortir mais la question est plus complexe et ne peut se définir par un unique article.

Un plugin pour rendre ses articles plus interactifs

Utilisation de H5P dans WordPress : #1 présentation générale

Utilisation de H5P dans WordPress : #2 Créer son premier diaporama

Utilisation de H5P dans WordPress : #3 Ajouter des activités

Utilisation de H5P dans WordPress : #4 Publier le diaporama dans un article

N’hésitez pas à signaler dans les commentaires vos chefs d’œuvre !

Merci de faire la demande par mail à Clairelle Lestage pour que l‘on vous installe ce qu’il faut dans votre blog pour pouvoir utiliser H5P ! Il faut 2 minutes pour le faire.

Personnaliser son blog

Nous avons tous des besoins et des attentes différents quand nous publions sur internet.  Nous allons  voir comment personnaliser son blog.

Personnaliser l’apparence

La disposition des informations

Selon ce qu’on publie, nous avons besoin d’une disposition de l’information différente. Les thèmes sont là pour cela. Dans le cadre du concours, trois thèmes sont proposés :

Chacun de ces thèmes peut ensuite être personnalisé comme le montre cette vidéo :

À vous de faire preuve d’imagination pour personnaliser ces éléments visuels !

Et pour aller plus loin, on peut modifier les règles CSS. Nous en reparlerons plus tard.

Choisir les informations secondaires : les widgets

Archives, commentaires récents, articles récents, catégories, module de recherche, menu ou texte personnalisé, etc. autant d’informations (qu’on appellera widgets ici) que l’on peut faire apparaître sur son blog, mais si on n’a pas besoin de tout, on alourdit inutilement la page en les affichant tous. C’est la raison pour laquelle on peut choisir quel widget faire apparaître et où.

Comme les thèmes, les widgets sont accessibles depuis le tableau de bord du blog, rubrique Apparence.

Personnaliser son blog avec des plugins (extensions)

Il est possible d’aller plus loin dans la personnalisation en ajoutant des plugins, c’est-à-dire des extensions en fonction de nos besoins. Ces extensions sont développées par des usagers qui les mettent ensuite à disposition de tous. Ils comprennent parfois des failles de sécurité non décelées par leurs auteurs ou liées aux mises à jour successives du logiciel. C’est la raison pour laquelle la DSI du rectorat vérifie les extensions qui sont demandées. Voici celles qui sont disponibles pour l’instant.

Gestion des utilisateurs et de l’accès

Importer/Exporter des articles

Editeur de texte

Gestion des médias

Intégrer des flux et des contenus

Création de formulaires dynamiques

Proposition d’une newsletter

Calendrier

Statstiques

Les couleurs aussi parlent

Dans tout support de communication (texte, vidéo, affiche) le choix des couleurs est essentiel. À travers ces couleurs, des associations mentales se mettent en place. C’est ce que l’on appelle le symbolisme des couleurs.

Ce paramètre est très important à prendre en compte lorsque vous choisirez la charte graphique de votre blog. Un autre critère est aussi à prendre en compte : la signification des couleurs varie en fonction des cultures. Si le blanc pour les européens est assimilé à la pureté, l’innocence, la propreté, la virginité, en Asie et chez les musulmans le blanc représente le deuil.

Pensez également au lien qui doit exister entre le fond (le contenu de votre blog) et la forme (le choix de la charte graphique). Si vous travaillez sur la page de présentation d’une salle de sieste d’une école, vous ne choisirez pas du marron foncé avec du vert sapin ou encore du rouge, mais plutôt des couleurs claires et pastels.

Vous pouvez faire le test en inscrivant comme équation de recherche dans un moteur de votre choix « site crèche » et restreindre la réponse en image.

Recherche_creches

Faire la même chose avec « pompes funèbres ». Édifiant !

Recherche_pompesfunebres
Voici un exemple de site « raté » : http://sitenul.chez.com/ (pour la petite histoire, ce site a été créé pour lister… le top 10 des sites les moins bien sur Internet !)

Sélection_309

Si vous travaillez avec des logos déjà existants (par exemple si votre établissement scolaire a un logo en forme de cercle vert et jaune) votre réflexion devra prendre en compte ces paramètres « imposés ». Par exemple, pour les chaînes nationales de télévision, on aura le rouge pour « France2.fr », le bleu pour « France3.fr » ou encore le vert pour « France5.fr »logo-exemple

La notion d’accessibilité (comme la lisibilité) doit être réfléchie en amont. Pour vous rendre compte de son impact, essayez dans un traitement de texte d’écrire en noir sur un fond gris foncé. Cet aspect fera l’objet d’un prochain billet.