This is a story about how TimeToBuka, a HTML5 webapp was developed using a mashup of Google Spreadsheets, jQuery & YQL. Presented at Barcamp Bangkok 4 on 23rd October 2010.

1. All Mashed Up!
a #barcampbkk4 presentation

2. i love bangkok!

3. a HTML5 mashup story...

4. who?

5. @nazroll
@chlkboard developer evangelist
@gtugkl
@codeandroidmy
@barcampmy

6. Google Technology User Groups
www.gtugs.org
@gtugs

7. Bangkok GTUG
@bkkgtug
bangkok-gtug.blogspot.com

8. TimeToBuka
http://timetobuka.appspot.com
to check for iftar/buka puasa times.
let u know when to start fasting!

10. the recipe...

12. the database

13. Google Spreadsheets
free, non-relational

14. Local, country specific data source
Start storing data & sort it!
Share that data

15. Local, country specific data source
Start storing data & sort it!
Share that data

18. Local, country specific data source
Start storing data & sort it!
Share that data

20. the middleware

21. jQuery 1.4.2
javascript hawtness!

23. YQL
the awesome
internet query language

24. SELECT * FROM INTERNET
query the internet, thou
shall be returned

25. +

26. magic!

28. the frontend

29. HTML5
standards compliant
web page

30. CSS (1, 2, 3)
give it some style

31. Google App Engine
free (almost!) cloud hosting

32. the result...

34. what we learn so far...

35. Google is generous.
Free all over!

36. Yahoo is still awesome!

37. No excuse.

38. TQ :-)