ID: 100359614
Title: WH002 Computational Thinking for Every Subject
Category: Explore and create: Workshop
Here is the presentation that I gave at #ISTE2016 on Saturday 25th. Go to ISTE website to find more resources.
5. What is Vizwik?
1. Mobile Web App Development Tool
2. Publishing Platform
3. Social Network
4. Teaching Platform
a. Students
b. Classrooms
c. Lessons
d. Activity Reports
7. Why Vizwik?
1. Mobile Apps are relevant to youth
2. Apps are Projects
3. Project Publishing
4. Social Sharing
5. Walled Garden for School
6. Secure on Web
7. No Hardware - just Chrome
8. Follows Maker Movement
8. What Vizwik is NOT
1. Native Mobile Apps
2. Replacement for coding or CS courses
3. LMS - we don’t store marks
4. Testing Platform
11. How to make an App in Vizwik
1. Design User Interface
a. Views
b. Parts
c. Interaction
2. Define Behaviour
a. Scripts
b. Operators
c. Language
d. Events
3. Connect to Storage
a. Data
b. Data types
12. Structure of an App...
DB
How it looks What it does What it stores
View Script Data
App
Web
Tap
event
get/set
13. View - App user interface
● Only one View shown at a time
● Can navigate between Views
● View has own properties
View EditorParts Panel
Drag and drop
to create
Edit properties
Automatic
layoutApp starts with
star view
Select to
move, resize
14. 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 drop
to create
15. 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 drop
to create
Parts Panel
Data access can be private to
each user, readonly by all app
users, or shared by all app users
16. 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 drop
to create
28. Plans for use of Vizwik in class
One day plan:
One week plan:
One month plan:
After school club:
?
?
29. Try Lesson : Tip Calculator - 30 min
Suggested use: Math, Economics, Life Skills
30. Try Lesson : Random Racer - 30 min
Suggested use: Math, Physics, STEM
31. Create your own Templates
I included audio into the app so
they can practice their French.
Lesson Plan
They have to include:
- Images
- Videos
- Audio (if possible)
- Informations on the songs and
artists
- Explanations of the songs
(themes, emotions and
message)
32. 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