View
178
Download
0
Category
Preview:
Citation preview
Teach any subject by making apps!
Martine Paquet, Teacher and
Technology Evangelist
www.martinepaquet.com
Workshop Outline
● Introduction (30 min)● Vizwik Sign Up (15 min)● Explore Tutorials (30 min)● Bio Break / Q&A (15 min)● Classroom Demo (15 min)● Random Racer Lesson (30 min)● Tip Calculator Lesson (30 min)● QA and Survey (15 min)
Making mobile apps is hard!
What is Vizwik?
1. Mobile Web App Development Tool2. Publishing Platform3. Social Network4. Teaching Platform
a. Studentsb. Classroomsc. Lessonsd. Activity Reports
What is Vizwik?
Public Community &
Classrooms
Students & Teachers
Apps & Templates Projects
App KITs
Why Vizwik?
1. Mobile Apps are relevant to youth2. Apps are Projects3. Project Publishing4. Social Sharing5. Walled Garden for School6. Secure on Web7. No Hardware - just Chrome8. Follows Maker Movement
What Vizwik is NOT
1. Native Mobile Apps2. Replacement for coding or CS courses3. LMS - we don’t store marks4. Testing Platform
Vizwik User Interface
App Lifecycle in Vizwik
Template Project AppCreate Share
Share Copy
How to make an App in Vizwik
1. Design User Interfacea. Viewsb. Partsc. Interaction
2. Define Behavioura. Scriptsb. Operatorsc. Languaged. Events
3. Connect to Storagea. Datab. Data types
Structure of an App...
DB
How it looks What it does What it stores
View Script Data
App
Web
Tap event
get/set
View - App user interface● Only one View shown at a time
● Can navigate between Views
● View has own properties
View EditorParts Panel
Drag and dropto create
Edit propertiesAutomatic layoutApp starts with
star view
Select to move, resize
Script - the code
This is the code
● Has inputs, one output
● Operation has input &
output
● Inputs linked to outputs
● Links carry data
● Scripts can call other
scripts
● Attach Script to View
Items
Parts Panel
Script Editor
Input
Output
Link
Operation
Drag and dropto create
Data - storage of info
● Storage for app information in Vizwik
● Access to external info on web
● Create structure based on needs
● Data is read and written by app
Drag and dropto create
Parts Panel
Data access can be private to each user, readonly by all app users, or shared by all app users
Media - sound and images● Upload images and audio files
● Can be used in view, script and data
● Drag and drop media into media tab
● Always attached to project
Parts Panel
Drag and dropto create
Combined Learning Frameworks
1. Levels of Learning2. Computer Science3. Computational Thinking
Levels of learning
Computer Science
1. Variables easy2. Data types3. Sequencing 4. Conditionals5. Loops6. Iteration7. Functions8. Recursion hard
Computational Thinking
AbstractionPattern recognitionDecompositionAlgorithms
GeneralizationProblem SolvingLogical Reasoning
Before we start making apps...
Questions?
Time to Sign Up! - 15 min
Chrome Browser => www.vizwik.comCreate Account as TeacherGive name to 1st ClassroomWatch intro video
Explore Tutorials - 30 min
Gamified learning of basic skills
Bio Break - 15 min
Questions?
Classroom Demo - 15 min
Private group for students, lessons, & reports
Lessons
Learning by making a mobile app
Lesson Lifecycle
Student
ClassroomTemplate
ProjectPublished
App
Lesson
Teacher
1
2
3
Plans for use of Vizwik in class
One day plan:
One week plan:
One month plan:
After school club:
?
?
Try Lesson : Tip Calculator - 30 min
Suggested use: Math, Economics, Life Skills
Try Lesson : Random Racer - 30 min
Suggested use: Math, Physics, STEM
Create your own Templates
I included audio into the app so they can practice their French.
Lesson PlanThey have to include:
- Images- Videos- Audio (if possible)- Informations on the songs and
artists- Explanations of the songs
(themes, emotions and message)
Students Create their own Apps
On the theme of technology:They have to do a pie chart graphic on the amount of time they spend on technology. I included audio into the app so that they can practice their french speaking.
On the theme of movies:- Poster of the movie- Trailer- Informations on the movies- Links to web sites
Help and Resources
Q&A + Survey - 15 min
Questions?
facebook.com/MartinePaquetED
twitter.com/MartinePaquetED
plus.google.com/+MartinePaquetedtech
ca.linkedin.com/in/MartinePaquetED
martine@martinepaquet.com
How to reach me
Recommended