atlantic education summit juillet 2016 - présentation en français
TRANSCRIPT
![Page 1: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/1.jpg)
Des plans de leçon amusants et faciles en programmation
Martine Paquet
Enseignante et Technopédagogue
www.martinepaquet.com
![Page 2: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/2.jpg)
Menu
● Introduction (15 min)● Exemples de plans de leçons (15 min)● Démonstration d’une classe (10 min)● Inscription Vizwik (10 min)● Si temps: Explorer les tutoriels (10 min)
![Page 3: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/3.jpg)
Créer des applications est difficile!
![Page 5: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/5.jpg)
Qu’est-ce que Vizwik?
1. Outil de développement de web apps2. Plateforme pour publier des apps3. Réseau social4. Plateforme d’enseignement
a. Élèvesb. Classesc. Leçonsd. Rapports d’activités
![Page 6: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/6.jpg)
Qu’est-ce que Vizwik?
Communauté publique &
Classes
Élèves & Enseignants
Apps & Modèles Projets
App KITs
![Page 7: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/7.jpg)
Pourquoi Vizwik?
1. Créer des apps est pertinent et amusant pour les jeunes
2. Les apps sont des projets3. Publier les projets (apps)4. Partager socialement5. Sécurité sur le web6. Seulement besoin de Chrome (pas de
logiciels requis)7. Suit le mouvement “maker”
![Page 8: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/8.jpg)
Interface de l’utilisateur de Vizwik
![Page 9: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/9.jpg)
Cycle de vie d’une app dans Vizwik
Modèle Projet AppCréer Publier
Partager Copier
![Page 10: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/10.jpg)
Comment faire une app dans Vizwik
1. Interface de l’utilisateura. Vuesb. Élémentsc. Interaction
2. Définir le comportementa. Scriptsb. Opérateursc. Langaged. Evénements
3. Connecter aux donnéesa. Donnéesb. Types de données
![Page 11: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/11.jpg)
Structure d’une Application
DB
Le visuel de l’app Ce que l’app fait Ce que l’app emmagasine
Vue Script Donnée
App
Web
Tap event
get/set
![Page 12: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/12.jpg)
Vue - Interface de l’utilisateur● Une vue à la fois peut être affichée
● Naviguer parmi les vues (pages)
● Les vues ont des propriétés
Éditeur de la VuePanneau des éléments
Glisser et déposer pour créer
Modifier les propriétés
Alignement automatiqueÉtoile bleue:
première vue
Sélectionner pour déplacer et modifier la taille
![Page 13: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/13.jpg)
Script - le code
C’est le code:
● Contient des entrées et
une sortie
● L’opération a une entrée
et une sortie
● Les entrées sont liées aux
sorties
● Les liens contiennent des
données
● Les Scripts peuvent
appeler d’autres Scripts.
● Attacher les Scripts aux
éléments de la Vue (ex:
bouton)
Panneau des éléments
Éditeur de Script
Input (Entrée)
Output (Sortie)
Lien
Opération
Glisser et déposer pour créer
![Page 14: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/14.jpg)
Données - emmagasiner l’information
● Les données sont lues et écrites dans
l’application
● Entreposer de l’information dans l’
application de Vizwik
Glisser et déposer pour créer
Panneau des éléments
L’accès aux données peut être privé à chaque utilisateur ou partagé avec les autres utilisateurs.
![Page 15: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/15.jpg)
Média - sons et images● Télécharger des images ou des sons
● Peuvent être utilisés dans la vue, le script
ou les données
● Glisser et déposer les images
Panneau des éléments
Glisser et déposer pour créer
![Page 16: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/16.jpg)
Plusieurs combinaisons d’apprentissage
1. Niveau d’apprentissage2. Cours d’Informatique3. Pensée informatique
![Page 17: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/17.jpg)
Niveaux d’apprentissage
![Page 18: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/18.jpg)
Théorie en Informatique
![Page 19: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/19.jpg)
Pensée informatique
AbstractionsReconnaitre des patronsDécompositionsAlgorithmes
GénéralisationsRésolutions de problèmesRaisonnement abstrait et logique
![Page 20: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/20.jpg)
Plans de leçons ● Par projet● Action● Assembler les
parties● Personnaliser● Sécurité● Analyses
graphiques● But● Tâches et étapes● Support d’images
et de vidéos
![Page 21: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/21.jpg)
Leçons
Apprendre en faisant une app mobile
![Page 22: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/22.jpg)
Cycle de vie d’une leçon
Élève
Modèle
ProjetApp
publiée
Leçon
Enseignant
1
2
3
![Page 23: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/23.jpg)
Comment utiliser Vizwik
Plans de leçon(1 à 3 cours)Plan de leçon(1 semaine)Plan de leçon(1 mois)Club après-classe
?
?
![Page 24: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/24.jpg)
Plan de leçon - Jour 1 - Tous
9 Tutoriels ● Habiletés base● Boutons● Evénements● Scripts ● Console● Partager● Flux de données● Opérations● Média● “Get/Set values”
![Page 25: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/25.jpg)
Plan de leçon - Jour 2 - Tous
Kit Hello Kitty● Modèles● Événements● Script● Flux de données● Publier● Audio
![Page 26: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/26.jpg)
Plan de leçon - Jour 2 - TousApp de leur choix● Doit faire leur
propre app● Appliquer les leçons
apprises dans les tutoriels
● Choisir un sujet d’intérêt
![Page 27: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/27.jpg)
Plan de leçon - Jour 3 - Tous
Kit Carte d’affaire● Liens● URL● Appel téléphonique● Réseaux sociaux● Agencement● Conception● Vue principale● Bouton invisible
![Page 28: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/28.jpg)
Plan de leçon - Jour 4 - Calculs
Kit Tip Calculator● Groupes de
boutons● Champs de texte● Conditions● Interrupteurs● Calculs Math● Appeler Script
![Page 29: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/29.jpg)
Plan de leçon - Jour 4 - Art et dessinKit Dessin Canvas ● Graphiques● Points● Rectangles● Couleurs● Variables
![Page 30: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/30.jpg)
Plan de leçon - Jour 4 - Histoire Kit de vote● Base de
données● Graphiques● Boucles● Réseau● UX Design
![Page 31: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/31.jpg)
Plan de leçon - Jour 4 - Géographie
Kit Créer un lieu ● Cartes● Événements● GPS● Longitude● Latitude● Agrandir● Notation
![Page 32: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/32.jpg)
Plan de leçon - Jour 4 - Nutrition
Kit Liste de tâches● Pied de page ● Titre● Liste● Tables des
données● Bibliothèque
![Page 33: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/33.jpg)
Plan de leçon - Jour 4 - MathKit de calcul● “Get\Set values” ● Champs● Mathématiques● Expressions
![Page 34: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/34.jpg)
Plan de leçon - Jour 5 - TousApp de choix● Apprendre à faire ta
propre app● Titres● Menus● Graphiques
![Page 35: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/35.jpg)
Plan de leçon - Semaine 2 JeuxKit Random Racer● Nombres
aléatoires● Animation● “Sprites”● Chronomètres
![Page 36: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/36.jpg)
Plan de leçon - Semaine 2 JeuxKit Bubble Popper● Boutons images● “Set Image”● Boucles● Conditions● Niveaux
![Page 37: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/37.jpg)
Plan de leçon - Semaine 2Micro Blog● Table des
données● “Set Image”● Boucles● Fonctions● Formes
![Page 38: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/38.jpg)
Exemple Classe de FI BBT 10
● Voir Plan de leçon● Vidéo d’introduction● 9 applications de base● 3 leçons (applications intermédiaires):
tâches et étapes● Carte profile et carte d’affaire● Application de leur choix● Jeux
![Page 39: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/39.jpg)
Classe de FI BBT 10 - Tableau de bord
85 leçons débutés70 leçons complétées
![Page 40: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/40.jpg)
Classe de FI BBT 10 - Élèves
Tous les élèves dans la classe
![Page 41: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/41.jpg)
Classe de FI BBT 10 - Voir les projets de chaque élève
A propos, ses applications, ses projets, ses modèles, ses amis
![Page 42: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/42.jpg)
Classe de FI BBT 10 - Voir les applications d’un élève
Voir ses 9 applications
![Page 43: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/43.jpg)
Classe de FI BBT 10 - Voir le temps
Voir le nombre d’heures passées dans les leçons, les activités quotidiennes et le nombre de leçons complétées
![Page 44: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/44.jpg)
Classe de FI BBT 10 - Les applications qu’ils ont faites
Ils ont fait plusieurs applications. Et une chose dont je suis fière, c’est qu’ils ont dépassé le maitre!
![Page 45: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/45.jpg)
Classe de FI BBT 10 - Les modèles que j’ai partagés avec eux
J’ai partagé avec eux plusieurs modèles pour leur montrer comment faire.
![Page 46: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/46.jpg)
Classe de PIF 9 - Les modèles que j’ai partagés avec eux
J’ai partagé avec eux plusieurs modèles pour leur montrer comment faire: Chanson no 1 et App Simple Plan. J’ai aussi inclus un fil audio dans l’app pour pratiquer leur français.
Voir Plan de leçonIls doivent inclure:
- Des images- Une vidéo- De l’audio (si possible)- Des informations sur la
chanson et l’artiste (étiquettes)- Explications de la chanson
(thèmes, émotions et message)
![Page 47: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/47.jpg)
Classe de PIF 10 - Les modèles que j’ai partagés avec eux
J’ai partagé avec eux plusieurs modèles pour leur montrer comment faire.
Sur le thème de la technologie:Ils devaient faire un graphique à secteurs sur le temps qu’ils passent en technologie. J’ai aussi inclus un fil audio pour qu’ils puissent pratiquer leur français.
Sur le thème du cinéma:- Affiche du film- Bande-annonce du film- Informations sur le film- Liens à des sites web
![Page 48: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/48.jpg)
Aide et Ressources
![Page 49: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/49.jpg)
Aide et Ressources
SchémasRessources“How to”Exemples ModèleBulles d’aide“Friday videos”
![Page 50: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/50.jpg)
Démonstration d’une classe - 10 min
Groupe privé pour les élèves, leçons, modèles et partager
![Page 51: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/51.jpg)
Pour s’inscrire - 10 min
Navigateur Chrome => www.vizwik.comCréer un compte comme un enseignantCréer une classeÉcouter la vidéo d’introduction
![Page 52: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/52.jpg)
Explorer les tutoriels - 10 min
Habiletés de base
![Page 53: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/53.jpg)
Q&A + Sondage
Questions?
![Page 54: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/54.jpg)
Animatrice: Martine Paquet
Enseignante secondaire 22 ans
Spécialités: Math, Français, Troubles d’apprentissage, Technologie, Sciences
Directrice en Éducation: Agora Mobile Inc (1 an et demi) 2013-2014
Ambassadrice Vizwik: www.martinepaquet.com
Passionnée des technologies en salle de classe
Enseignante: PIF 9, 10, Fila 9, 10, FI BBT10 ASD-E (2015-2016)
Ma vision: “Que les jeunes deviennent des penseurs et des créateurs, tout en ayant du plaisir et en découvrant leurs intérêts.”
![Page 55: Atlantic Education Summit Juillet 2016 - Présentation en français](https://reader034.vdocuments.net/reader034/viewer/2022042706/58a3f90d1a28ab64528b4f1f/html5/thumbnails/55.jpg)
facebook.com/MartinePaquetED
twitter.com/MartinePaquetED
plus.google.com/+MartinePaquetedtech
ca.linkedin.com/in/MartinePaquetED
Pour me contacter