This document introduces Popcorn Maker, an open-source web application that allows users to create interactive videos by adding HTML5 events to a timeline. It discusses how Popcorn Maker can be used to tell stories, remix other people's work, and create teaching materials. The document provides examples of Popcorn Maker projects and encourages readers to try making their own interactive videos and teaching kits to share with others.

2. Popcorn Maker
網⾴頁? 影⽚片?「爆⽶米花機」跨界挑戰
趙柏強
bobchao@gmail.com
popcorn60mins

3. me = BobChao
Mozillian & Creative Commoner
Project Manager, KKTIX
popcorn60mins

4. 1. create
2. publish
3. teach
Interactive video with Popcorn Maker
your work, and remix others’
with teaching kit on webmaker.org
popcorn60mins

5. 尝 䌟
瘘ꨶ
Y U NO LAPTOP!?
popcorn60mins

6. http://flic.kr/p/oDg6SZ
Desktop is okay 
popcorn60mins

7. 1. ㆰ衽駵Ꟛ
2. bit.ly/
popcorn60mins
popcorn60mins

8. ?
popcorn60mins

9. popcorn60mins

10. 我們擁護能讓⼤大眾
了解更多、做更多、
也做得更好的 Web。
Mitchell Baker
Photo from https://www.mozilla.org/foundation/annualreport/2012/
popcorn60mins

11. popcorn60mins

12. webmaker.org
popcorn60mins

13. Popcorn Maker Basic

14. popcorn60mins

15. popcorn.webmaker.org
popcorn60mins

16. Working Space
appmaker60mins

17. Timeline
appmaker60mins

18. Properties
appmaker60mins

19. Events
appmaker60mins

20. DEMO
https://bobchao.makes.org/popcorn/2dz1
popcorn60mins

21. 5 mins
play around
popcorn60mins

22. 5JQT
•"SSPX,FZUPNPWFFWFOUT
•BMJHOFWFOUT
•:PV5VCFBTCBDLHSPVOENVTJD
• .BOVBMMZ
DIBOHFUIFMFOHUIPGZPVSXPSL
•3FNJYBOEMFBSOGSPNPUIFST
popcorn60mins

23. https://www.flickr.com/photos/adforce1/3978988709/
Challenge:
Taiwan from your eye
Mash up with Map, Flickr!
popcorn60mins

24. Publish
popcorn60mins

25. Login with Persona

26. Save Publish

27. Teach!
popcorn60mins

28. Teach Popcorn Maker
Ideation
Storytelling in 1 minutes
Learn about Events Demo how you can use the Events
Draw Storyboard
Create Video
Publish Share
Plan your story line
(Edit)
popcorn60mins

29. More then
“Moving Pictures”
Faster Preview / Publish
Live Update
User Interaction
Remix
popcorn60mins

30. https://mozteach.makes.org/thimble/popcorn-teaching-kit
popcorn60mins

31. Video? Web Page?
popcorn60mins

32. 我們擁護能讓⼤大眾
了解更多、做更多、
也做得更好的 Web。
~ Mitchell Baker
Photo from https://www.mozilla.org/foundation/annualreport/2012/
popcorn60mins

33. popcorn60mins

34. Web is the platform
popcorn60mins

35. KNOWABLE
OURS
INTEROPERABLE
appmaker60mins

36. Recap
popcorn60mins

38. Web is the platform
popcorn60mins

39. bit.ly/
popcorn60mins

40. Next step…
•Join Webmaker Taiwan forum（online）
http://groups.google.com.tw/d/forum/moztw-webmaker
•Create Share your teach kit.
•Try it in your class, and share your
experience.
Thanks!
appmaker60mins