Atlantic Education Summit Juillet 2016 - Présentation en français

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

Atlantic Education Summit - Juillet 2016 #AESI2016

Partenaires