Présentation webmaker

download Présentation webmaker

If you can't read please download the document

Transcript of Présentation webmaker

1. Webmaker 2. Les principes Le web ce n'est pas une tlvision! 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 systmes 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 immdiatement 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 rutilis ailleurs (pour un site web par exemple) Aide contextuelle (en cas d'erreur dans le code) Problme: c'est encore seulement en anglais 7. Popcorn Popcorn est un outil permettant de faire des vidos partir d'lments glans sur le web 8. Popcorn Aperu Droulement de la vido Couches, lments, timing Proprits des diffrents lments 9. Popcorn Vidos depuisYoutube, vimeo, musique depuis soundclound Images depuis n'importe quel site internet ou l'ordinateur Cartes gographiques depuis google maps Bulles, popups, articles wikipdia Outils de montage vido 10. Webmaker en tant qu'outil pdagogique Apprendre le HTML par la pratique (Thimble) Partir d'un modle et le modifier petit petit, pas d'angoisse de la page blanche Partir de zro pour faire les choses son ide Faire son propre modle pour enseigner ce qu'on veut 11. Webmaker en tant qu'outil pdagogique a n'est pas rserv 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 : ct pratique Tout est disponiblesur http://www.webmaker.org/ Il faut un compte persona pour enregistrer ses projets (une adresse email suffit) et plusieurs personnes peuvent tre connectes avec un mme compte Partager ses projets avec un lien 13. Trucs et astuces Choisir des images adaptes la taille de la vido partir d'une vido, 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 comptences 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 franais? Mozfr fait du lobbying pour a... 16. Contact Flore Allemandou: [email protected] La communaut mozilla francophone: http://www.mozfr.org/ Mail: [email protected] 17. Des questions ? 18. Travaux pratiques Un projet thimble Un projet popcorn Rflchir un projet faisable dans votre EPN la rentre