Post on 15-Feb-2017
Des plans de leçon amusants et faciles en programmation
Martine Paquet
Enseignante et Technopédagogue
www.martinepaquet.com
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)
Créer des applications est difficile!
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
Qu’est-ce que Vizwik?
Communauté publique &
Classes
Élèves & Enseignants
Apps & Modèles Projets
App KITs
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”
Interface de l’utilisateur de Vizwik
Cycle de vie d’une app dans Vizwik
Modèle Projet AppCréer Publier
Partager Copier
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
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
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
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
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.
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
Plusieurs combinaisons d’apprentissage
1. Niveau d’apprentissage2. Cours d’Informatique3. Pensée informatique
Niveaux d’apprentissage
Théorie en Informatique
Pensée informatique
AbstractionsReconnaitre des patronsDécompositionsAlgorithmes
GénéralisationsRésolutions de problèmesRaisonnement abstrait et logique
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
Leçons
Apprendre en faisant une app mobile
Cycle de vie d’une leçon
Élève
Modèle
ProjetApp
publiée
Leçon
Enseignant
1
2
3
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
?
?
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”
Plan de leçon - Jour 2 - Tous
Kit Hello Kitty● Modèles● Événements● Script● Flux de données● Publier● Audio
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
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
Plan de leçon - Jour 4 - Calculs
Kit Tip Calculator● Groupes de
boutons● Champs de texte● Conditions● Interrupteurs● Calculs Math● Appeler Script
Plan de leçon - Jour 4 - Art et dessinKit Dessin Canvas ● Graphiques● Points● Rectangles● Couleurs● Variables
Plan de leçon - Jour 4 - Histoire Kit de vote● Base de
données● Graphiques● Boucles● Réseau● UX Design
Plan de leçon - Jour 4 - Géographie
Kit Créer un lieu ● Cartes● Événements● GPS● Longitude● Latitude● Agrandir● Notation
Plan de leçon - Jour 4 - Nutrition
Kit Liste de tâches● Pied de page ● Titre● Liste● Tables des
données● Bibliothèque
Plan de leçon - Jour 4 - MathKit de calcul● “Get\Set values” ● Champs● Mathématiques● Expressions
Plan de leçon - Jour 5 - TousApp de choix● Apprendre à faire ta
propre app● Titres● Menus● Graphiques
Plan de leçon - Semaine 2 JeuxKit Random Racer● Nombres
aléatoires● Animation● “Sprites”● Chronomètres
Plan de leçon - Semaine 2 JeuxKit Bubble Popper● Boutons images● “Set Image”● Boucles● Conditions● Niveaux
Plan de leçon - Semaine 2Micro Blog● Table des
données● “Set Image”● Boucles● Fonctions● Formes
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
Classe de FI BBT 10 - Tableau de bord
85 leçons débutés70 leçons complétées
Classe de FI BBT 10 - Élèves
Tous les élèves dans la classe
Classe de FI BBT 10 - Voir les projets de chaque élève
A propos, ses applications, ses projets, ses modèles, ses amis
Classe de FI BBT 10 - Voir les applications d’un élève
Voir ses 9 applications
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
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!
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.
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)
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
Aide et Ressources
Aide et Ressources
SchémasRessources“How to”Exemples ModèleBulles d’aide“Friday videos”
Démonstration d’une classe - 10 min
Groupe privé pour les élèves, leçons, modèles et partager
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
Explorer les tutoriels - 10 min
Habiletés de base
Q&A + Sondage
Questions?
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.”
facebook.com/MartinePaquetED
twitter.com/MartinePaquetED
plus.google.com/+MartinePaquetedtech
ca.linkedin.com/in/MartinePaquetED
martine.paquet72@gmail.com
Pour me contacter