TICE, Web 2.0, logiciels libres
293.4K views | +21 today
Follow
TICE, Web 2.0, logiciels libres
Les infos sur l'actualité des TICE et des usages du numérique dans l'enseignement. https://twitter.com/alainmi11
Curated by Alain MICHEL
Your new post is loading...
Your new post is loading...
Scoop.it!

Inkscape. Logiciel libre (et multiplateforme) de dessin vectoriel.

Inkscape. Logiciel libre (et multiplateforme) de dessin vectoriel. | TICE, Web 2.0, logiciels libres | Scoop.it

Inkscape est un logiciel de dessin vectoriel de qualité professionnelle qui fonctionne sur Windows, Mac OS X et GNU/Linux. Inkscape est utilisé par des designers professionnels et des amateurs dans le monde entier pour créer une grande variété de graphismes tels que des illustrations, des icônes, des logos, des diagrammes, des cartes et des rendus pour le web. Inkscape utilise le standard ouvert du W3C : le SVG (Scalable Vector Graphic) comme format natif, et est un logiciel libre et open source.
Le projet Inkscape a une communauté d'utilisateurs internationale, et des supports d'apprentissage variés vous aideront à démarrer vos créations. De l'aide et de l'assistance sont fournies par la communauté.

Alain MICHEL's insight:

Le site du logiciel libre Inkscape a beaucoup évolué et propose, entre autres choses, de nombreux liens vers des manuels d'utilisateur, en ligne ou à télécharger, vers des guides et tutoriels (à télécharger ou en vidéo).

Rappelons que Inkscape est multiplateformes, c'est à dire qu'il peut fonctionner aussi bien sous Windows que Mac OS ou Linux.

Rappelons également que Inkscape peut bénéficier de l'ajout d'extensions qui vont l'enrichir et augmenter ses possibilités, extensions parmi lesquelles on trouve en particulier Xia qui permet de générer des images interactives, tout en HTML5.

À connaître et à tester.

more...
No comment yet.
Scoop.it!

HTML5 : le guide du débutant

HTML5 : le guide du débutant | TICE, Web 2.0, logiciels libres | Scoop.it

Un guide créé par Robert Mening vous dévoilant les bases du web design grâce au HTML5 et au CSS. Il nous explique comment insérer du texte, du contenu multimédia et comment arranger tout ça pour obtenir un superbe site web.


Via Frédéric DEBAILLEUL
Alain MICHEL's insight:

Sur le site Developpez.com, un très bon guide, comme toujours, consacré cette fois-ci à une découverte-initiation du langage HTML5 et des nouveautés qui ont été introduites. Ce guide est pour des débutants, il reste très abordable et progressif et présente de façon simple les principales balises en les contextualisant puisqu'il propose un "exercice" en plusieurs étapes qui mènent à la réalisation d'une page HTML complète.

more...
Anna Lopes's curator insight, September 23, 2015 4:05 AM

#outil #web

FRESSARD Anne-Claire's curator insight, September 23, 2015 2:07 PM

Un guide claire et bien utile, merci.

Emmanuelle PY-GRIOTTO 's curator insight, September 24, 2015 4:15 AM

Tags : outil

Scoop.it!

Coolors - The super fast color palettes generator!

Coolors - The super fast color palettes generator! | TICE, Web 2.0, logiciels libres | Scoop.it
Choose your favorite colors and get thousands of cool combinations.
Alain MICHEL's insight:

Un nouvel outil en ligne pour choisir et sélectionner une palette de couleurs assorties. La différence avec les autres outils déjà présentés, c'est qu'ici, les couleurs sont proposées automatiquement pour être assorties entre elles : il suffit de presser sur la barre d'espace pour générer une nouvelle palette de 5 couleurs.

On peut affiner la palette obtenue en cliquant sur une ou plusieurs des couleurs proposées pour les verrouiller et les conserver, puis continuer à modifier la ou les autres en pressant à nouveau sur la barre d'espace.

On peut aussi démarrer avec sa propre couleur de base en saisissant le code hexadécimal.

Extrêmement simple à utiliser...

more...
VLEBOIS's curator insight, November 2, 2014 5:05 PM

Alain Michel indique: "Un nouvel outil en ligne pour choisir et sélectionner une palette de couleurs assorties. La différence avec les autres outils déjà présentés, c'est qu'ici, les couleurs sont proposées automatiquement pour être assorties entre elles : il suffit de presser sur la barre d'espace pour générer une nouvelle palette de 5 couleurs.

On peut affiner la palette obtenue en cliquant sur une ou plusieurs des couleurs proposées pour les verrouiller et les conserver, puis continuer à modifier la ou les autres en pressant à nouveau sur la barre d'espace.

On peut aussi démarrer avec sa propre couleur de base en saisissant le code hexadécimal.

Extrêmement simple à utiliser..."

Scoop.it!

Free HTML5 Flip Book Maker

Free HTML5 Flip Book Maker | TICE, Web 2.0, logiciels libres | Scoop.it

FLIP HTML5 is a Interactive html5 digital publishing platform that makes it easy to create interactive digital publications, including magazines, catalogs, newspapers, books, and more online. Create HTML5 flipbook from PDF to view on iPhone, iPad and Android devices.


Via Frédéric DEBAILLEUL
Alain MICHEL's insight:

Service en ligne très intéressant, pour créer des "livres animés" de type "FlipBook" en HTML5 à partir de vos documents PDF.

Même l'offre gratuite permet de nombreux paramétrages et propose bien évidemment des options de partage sur les réseaux sociaux ou par lien et d'intégration dans vos pages web. Un QRCode est également automatiquement proposé pour chacune de vos publications.

L'offre gratuite ne permet pas de proposer au visiteur le téléchargement du document consulté.

Exemple avec mes publications sur ce site :

http://fliphtml5.com/homepage/vqgx

À connaître et à tester


more...
Ailish Irvine's curator insight, September 28, 2014 10:28 AM

Great that this is free.

 

Edwin Florez's curator insight, September 29, 2014 9:20 AM

agregar su visión ...

Scoop.it!

Mise en forme et validation d'un formulaire avec CSS3 & HTML5

Mise en forme et validation d'un formulaire avec CSS3 & HTML5 | TICE, Web 2.0, logiciels libres | Scoop.it

Let's look at how to create a functional form which validates users' data, client-side. With that done, we'll cover prettying it up using CSS, including some CSS3 ! | Difficulty: Beginner; Length: Short

Alain MICHEL's insight:

Un tutoriel très détaillé (en anglais mais facile à suivre) sur la mise en forme et la validation d'un formulaire avec les nouveaux attributs de HTML5 et CSS3.

Possibilité de télécharger les fichiers sources correspondants. (colonne de droite ; "download attachments")

more...
No comment yet.
Scoop.it!

Comment réaliser un livre numérique au format EPUB ? Guide complet

Comment réaliser un livre numérique au format EPUB ? Guide complet | TICE, Web 2.0, logiciels libres | Scoop.it

Il s'agit ici, de réaliser un texte au format HTML5 et CSS3 en utilisant les principales balises de ce langage, puis de le transformer en livre électronique au format EPUB3 avec Calibre pour, enfin, le diffuser via une bibliothèque en ligne ou par téléchargement.
Le format HTML étant à la base du format EPUB, plus encore dans sa version 3, ce guide vise à maîtriser au mieux la mise en forme et pourra être réutilisé, par exemple avec un logiciel de traitement de texte.

Alain MICHEL's insight:

Un guide archi-complet, un travail énorme pour présenter de façon exhaustive tous les aspects à connaître et à prendre en compte pour une telle réalisation.
Le guide est disponible aussi au format PDF, téléchargeable.
à connaître...

Sommaire du guide Comment réaliser un livre au format EPUB ?

  1. La lecture numérique
  2. Structurer
  3. Le texte
  4. Les images, la vidéo, l’audio
  5. Le style
  6. La validation du document
  7. La conversion avec Calibre
  8. Lire, publier le livre
  9. Réaliser un EPUB manuellement, un exemple commenté
  10. Sitographie
more...
veroni's curator insight, July 21, 2016 3:25 AM
Un excellent guide, et en fait une formation complète sur le livre numérique et la lecture numérique : les bases, mais aussi le détail du codage html appliqué à la lecture numérique avec quelques liens pertinents et essentiels à chaque chapitre. A recommander !
Scoop.it!

Les formes et l'habillage du contenu en CSS

Les formes et l'habillage du contenu en CSS | TICE, Web 2.0, logiciels libres | Scoop.it
Using CSS Shapes we can create experiences that we have never been able to create on the web before.
Alain MICHEL's insight:

Un article un peu technique mais qui présente relativement simplement les nouvelles possibilités de mise en forme des contenus sur une page web, grâce à "l'habillage" du texte autour de formes personnalisables, tout ça, uniquement en utilisant CSS.

more...
No comment yet.
Scoop.it!

Inkscape et XIA pour créer des images actives et des jeux sérieux en HTML5

Inkscape et XIA pour créer des images actives et des jeux sérieux en HTML5 | TICE, Web 2.0, logiciels libres | Scoop.it

Xia est un convertisseur qui prend en entrée un fichier svg et fournit en sortie une image active en HTML5. Au-delà des templates d’export déjà connus des utilisateurs du logiciel ImagesActives (accordéon, boutons, etc.), Xia permet en outre de générer des activités interactives : jeux de glisser-déposer, discrimination, sélection, etc.


Via Canopé Beauvais
Alain MICHEL's insight:

Le logiciel Images Actives va bientôt prendre une autre dimensions= dès que Xia sera sorti en version stable.

L'utilisation conjointe de Images Actives et de Inkscape offrira des possibilités nouvelles pour créer des petites activités en HTML5.

(Inkscape est un excellent logiciel libre de dessin vectoriel, déjà présenté ici : http://sco.lt/7jlYaP

more...
Ticeman's curator insight, September 30, 2014 9:52 AM

usine à gaz pour l'utilisateur lambda mais bonne démarche en particulier pour apprendre des rudiments de balise

Marc Hamelrijckx's curator insight, October 1, 2014 3:05 AM

Le successeur d’imageactive qui permet maintenant d'aller plus loin dans la création d'interactivité pour la plupart des supports.

IFP Nord Pas de Calais's curator insight, October 2, 2014 5:43 AM

Intérêt : une sortir html5, compatible tablettes et smartphone

Difficulté : mise en oeuvre plus complexe qu'Images Actives, qui est toujours téléchargeable.

Scoop.it!

Video.js : un lecteur vidéo OpenSource HTML5

Video.js : un lecteur vidéo OpenSource HTML5 | TICE, Web 2.0, logiciels libres | Scoop.it
Video.js is a JavaScript and CSS library that makes it easier to work with and build on HTML5 video. This is also known as an HTML5 Video Player.
Alain MICHEL's insight:

Un lecteur HTML5 personnalisable pour intégrer des vidéos directement dans vos pages web.

Ce lecteur permet de varier les skins, l'affichage, la position des boutons de contrôle, etc. Il satisfera ceux qui en ont assez du lecteur vidéo HTML5 par défaut de leur navigateur.

Ce lecteur est libre, on peut donc télécharger la source pour l'héberger directement sur son site, ou bien simplement utiliser un lien vers la version en ligne du script nécessaire à son fonctionnement.

more...
Joëlle Samain-Dupuis's curator insight, July 22, 2014 1:41 AM
Video.js : un lecteur vidéo OpenSource HTML5
Scoop.it!

Strut : Éditeur de présentation en html5

Strut : Éditeur de présentation en html5 | TICE, Web 2.0, logiciels libres | Scoop.it

Les éditeurs de présentation en ligne sont légions. l’arrivée du HTML5 a apporté de bonnes et de moins bonnes choses mais cela s’améliore grandement.

Strut est un éditeur en ligne, simple, qui ne nécessite même pas d’inscription pour fonctionner. Tout ce que vous faites est récupérable et ré-expoitable.

Alain MICHEL's insight:

Un outil très simple à prendre en main, avec possibilité d'insérer texte, images (locales ou via une URL), vidéos (de YouTube), liens hypertextes vers des sites web, et quelques formes prédéfinies.

La construction se passe en deux temps :

  • on crée ses diapositives avec leur contenu,
  • on organise les diapositives avec l'éditeur de transitions

Il est ensuite possible de visionner son diaporama (HTML5, donc sur tout type de support et sur tout navigateur)

Possibilité d'exporter sa présentation pour la sauvegarder, puis de la réimporter pour la modifier.

Aucun inscription ni création de compte pour ce service, encore en version beta mais plutôt sympathique à utiliser, pour sa facilité.

more...
Anneline Dintilhac's curator insight, February 23, 2014 9:36 AM

Editeur de diaporama, utile peut-être (à vérifier) pour du rapid e-learning.