Webmaker
Les principes
Le web ce n'est pas une télévision !
Permettre à chacun de devenir un artisan du web en
proposant des outils...
Les principes
Il n'y a rien à installer
Ça marche sur tous les systèmes et les navigateurs dits
« modernes »
C'est basé su...
Les outils
http://www.webmaker.org/ Thimble
Popcorn
Thimble
Thimble est un éditeur de page HTML
Les changements sont visibles immédiatement
Thimble
Utilise les standards du web
Permet d'apprendre simplement et en s'amusant tout ce
qu'il est possible de faire en ...
Popcorn
Popcorn est un outil permettant de faire des vidéos à
partir d'éléments glanés sur le web
Popcorn
Aperçu
Déroulement de la vidéo
Couches, éléments, timing
Propriétés des
différents éléments
Popcorn
Vidéos depuisYoutube, vimeo, musique depuis
soundclound
Images depuis n'importe quel site internet ou l'ordinateur...
Webmaker en tant qu'outil
pédagogique
Apprendre le HTML par la pratique (Thimble)
Partir d'un modèle et le modifier petit ...
Webmaker en tant qu'outil
pédagogique
Ça n'est pas réservé aux profs d'informatique ou aux
geeks
On peut s'en servir pour ...
Webmaker : côté pratique
Tout est disponible sur http://www.webmaker.org/
Il faut un compte persona pour enregistrer ses p...
Trucs et astuces
Choisir des images adaptées à la taille de la vidéo
À partir d'une vidéo, on peut choisir de garder
seule...
Pourquoi webmaker ?
Garder un internet ouvert et accessible
Pour tous les gens, qu'ils aient des compétences
techniques ou...
L'avenir de webmaker ?
Webmaker est en constante évolution
Est-ce que ce sera traduit en français ? Mozfr fait du
lobbying...
Contact
Flore Allemandou : Flore@mozfr.org
La communauté mozilla francophone :
http://www.mozfr.org/
Mail : moz-fr@mozfr.o...
Des questions ?
Travaux pratiques
Un projet thimble
Un projet popcorn
Réfléchir à un projet faisable dans votre EPN à la
rentrée
Upcoming SlideShare
Loading in...5
×

Présentation webmaker

125

Published on

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
125
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Présentation webmaker

  1. 1. Webmaker
  2. 2. Les principes Le web ce n'est pas une télévision ! Permettre à chacun de devenir un artisan du web en proposant des outils simples et accessibles. Apprendre par la pratique Remixer les projets : faire quelque chose qui « ressemble à ça »...
  3. 3. Les principes Il n'y a rien à installer Ça marche sur tous les systèmes et les navigateurs dits « modernes » C'est basé sur le web, accessible de partout Il suffit d'une adresse e-mail pour sauvegarder ses projets et les partager
  4. 4. Les outils http://www.webmaker.org/ Thimble Popcorn
  5. 5. Thimble Thimble est un éditeur de page HTML Les changements sont visibles immédiatement
  6. 6. Thimble Utilise les standards du web Permet d'apprendre simplement et en s'amusant tout ce qu'il est possible de faire en utilisant HTML et CSS Le code peut être réutilisé ailleurs (pour un site web par exemple) Aide contextuelle (en cas d'erreur dans le code) Problème : c'est encore seulement en anglais
  7. 7. Popcorn Popcorn est un outil permettant de faire des vidéos à partir d'éléments glanés sur le web
  8. 8. Popcorn Aperçu Déroulement de la vidéo Couches, éléments, timing Propriétés des différents éléments
  9. 9. Popcorn Vidéos depuisYoutube, vimeo, musique depuis soundclound Images depuis n'importe quel site internet ou l'ordinateur Cartes géographiques depuis google maps Bulles, popups, articles wikipédia Outils de montage vidéo
  10. 10. Webmaker en tant qu'outil pédagogique Apprendre le HTML par la pratique (Thimble) Partir d'un modèle et le modifier petit à petit, pas d'angoisse de la « page blanche » Partir de zéro pour faire les choses à son idée Faire son propre modèle pour enseigner ce qu'on veut
  11. 11. Webmaker en tant qu'outil pédagogique Ça n'est pas réservé aux profs d'informatique ou aux geeks On peut s'en servir pour raconter un voyage, faire un exposé, raconter une histoire Tout le monde pourra regarder votre projet puisqu'il suffit d'un ordinateur connecté à internet
  12. 12. Webmaker : côté pratique Tout est disponible sur http://www.webmaker.org/ Il faut un compte persona pour enregistrer ses projets (une adresse email suffit) et plusieurs personnes peuvent être connectées avec un même compte Partager ses projets avec un lien
  13. 13. Trucs et astuces Choisir des images adaptées à la taille de la vidéo À partir d'une vidéo, on peut choisir de garder seulement le son ou seulement l'image On peut faire des boucles, sauter un passage... C'est tout en anglais... Malheureusement :'(
  14. 14. Pourquoi webmaker ? Garder un internet ouvert et accessible Pour tous les gens, qu'ils aient des compétences techniques ou pas La suite sur http://www.mozfr.org/manifesto
  15. 15. L'avenir de webmaker ? Webmaker est en constante évolution Est-ce que ce sera traduit en français ? Mozfr fait du lobbying pour ça...
  16. 16. Contact Flore Allemandou : Flore@mozfr.org La communauté mozilla francophone : http://www.mozfr.org/ Mail : moz-fr@mozfr.org
  17. 17. Des questions ?
  18. 18. Travaux pratiques Un projet thimble Un projet popcorn Réfléchir à un projet faisable dans votre EPN à la rentrée
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×