This slide presented at Google DevFest Bandung 2012. Talk about HTML5 in interactive app/game development.

1. HTML5
A NEW SWORD FOR
INTERACTIVE APP
Yohan Totting
http://thinkrooms.com
@tyohan
tyohan@thinkrooms.com
Sunday, October 7, 12 1

2. Halo
Yohan Totting
Application Developer
Founder of ThinkRooms Studio
FOWAB & HackerspaceBDG Initiator
Sunday, October 7, 12 2

3. HTML5 COMPONENTS FOR
INTERACTIVE APP/GAME
Sunday, October 7, 12 3

4. CSS3
Sunday, October 7, 12 4

5. CANVAS
Sunday, October 7, 12 5

6. AUDIO & VIDEO
Sunday, October 7, 12 6

7. WEBSOCKET & WEBRTC
Sunday, October 7, 12 7

8. OFFLINE CAPABILITY
Sunday, October 7, 12 8

9. WEBGL
Sunday, October 7, 12 9

10. AUDIO & VIDEO CAPTURE
WITH GETUSERMEDIA
Sunday, October 7, 12 10

11. CANVAS
VS
DOM MANIPULATION
Sunday, October 7, 12 11

12. CANVAS
Pro
•Pixel manipulation
•Easy to draw lines, curves, & shapes from code
•Consistent view on browser
Cons
•Only supported on modern browser
•Need to track position and state for each
object
•Developer need to create it’s own effect and
animation
Sunday, October 7, 12 12

13. DOM MANIPULATION
Pro
•Supported on most browsers
•Native CSS3 effect and animation
•Faster development
Cons
•Performance depend on HW acceleration
•Cross browser issues
•Bad for large DOMs
Sunday, October 7, 12 13

14. HTML5 ON MOBILE
Sunday, October 7, 12 14

15. DIRECT CANVAS
Sunday, October 7, 12 15

16. NATIVE SDK SUPPORT FOR
HTML5 APP
Sunday, October 7, 12 16

17. WRITE ONCE DEPLOY
ANYWHERE
Sunday, October 7, 12 17

18. TOOLS
Sunday, October 7, 12 18

19. Game Engine
IMPACTJS
http://impactjs.com
Sunday, October 7, 12 19

20. Game Engine
LIMEJS
http://www.limejs.com
Sunday, October 7, 12 20

21. Game Engine
CAAT
Canvas Advanced Animation Toolkit
http://labs.hyperandroid.com/static/caat/
Sunday, October 7, 12 21

22. Game Engine & Framework
CREATE JS
http://www.createjs.com/
Sunday, October 7, 12 22

23. Direct Canvas, Cloud API, & Monetization Tool
CACOONJS
http://ludei.com/tech/cocoonjs
Sunday, October 7, 12 23

24. SDK, Direct Canvas, Cloud API, & Monetization Tool
APPMOBI
http://www.appmobi.com/
Sunday, October 7, 12 24

25. THANKS
Yohan Totting
http://thinkrooms.com
@tyohan
tyohan@thinkrooms.com
Sunday, October 7, 12 25