Présentation webmaker

  • 90 views
Uploaded on

 

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
90
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
2
Comments
0
Likes
1

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Webmaker
  • 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. 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. Les outils http://www.webmaker.org/ Thimble Popcorn
  • 5. Thimble Thimble est un éditeur de page HTML Les changements sont visibles immédiatement
  • 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. Popcorn Popcorn est un outil permettant de faire des vidéos à partir d'éléments glanés sur le web
  • 8. Popcorn Aperçu Déroulement de la vidéo Couches, éléments, timing Propriétés des différents éléments
  • 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. 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. 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. 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. 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. 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. 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. Contact Flore Allemandou : Flore@mozfr.org La communauté mozilla francophone : http://www.mozfr.org/ Mail : moz-fr@mozfr.org
  • 17. Des questions ?
  • 18. Travaux pratiques Un projet thimble Un projet popcorn Réfléchir à un projet faisable dans votre EPN à la rentrée