See how to use JSONP with a Google spreadsheet, even though it’s not exactly provided. I gave this talk at the Google Technology User Group Munich, Germany on 23rd July 2009. The blog article that goes with it: http://blog.uxebu.com/2009/04/30/jsonp-for-google-spreadsheets/

1. Google Spreadsheet
is the Database
JSONPified Google Spreadsheet
Wolfram Kriesing, uxebu
@wolframkriesing
Freitag, 24. Juli 2009

2. JavaScript FrontEnd AJAX
Usability UserExperience
Browser CSS mobile Web2.0
django dojo OpenSource
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

3. We Need
• The Use Case
• JSONP, CSV
• Google Spreadsheet
• JavaScript
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

4. The Use Case
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

5. Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

6. Source: Calendar
public data mashable use them as you like
Freitag, 24. Juli 2009

7. Enrich
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

8. Events Custom Data
JSONP ???
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

9. Custom Data
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

10. Google Spreadsheet
WHY?
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

11. Google Doc - My DB
• Easy to maintain (by the customer)
• Permission handling included
• CDN for free
• Speed!
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

12. JSONP
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

13. JSONP
• JSON with Padding http://bit.ly/whatisjsonp
• wrap your JSON with a function name
• <script src="http://url/?callback=myFunc"></script>
• myFunc({whatever:"data"})
• function name given by "caller"
• easy cross domain (XD)
• widely spread (gCal, Yahoo!Pipes, etc.)
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

14. JSONP Pros
• Native JavaScript
• No Mapping, Parsing, Native Data
• Speed!
• Cross Domain
• Trigger when data loaded (async made easy)
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

15. Real Life
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

16. Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

17. ATOM
not suited for spreadsheet data
cross domain - fail
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

18. ATOM as JSON
cross domain!
huge, man
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

19. CSV
so small, sweet
still no cross domain :(
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

20. @runnismus
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

21. Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

22. JSONPed CSV
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

23. CSV as JSONP
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

24. The Client
http://static.uxebu.com/~cain/JSONPedCSV.html
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

25. Drawbacks
• Special format for some columns
• Little fault tolerance
• New lines denied
• Callback name is fix
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

26. Even Cooler
• Nathan Hammond
http://nathanhammond.com/using-google-spreadsheets-to-make-testing-easier
• A converter macro
• Creates JSONPed sheet on save
• Sexy!
• Less drawbacks :-)
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

27. Actually
• Nobody wants this!
• Google: Please add JSONP to spreadsheets!
Thanks!
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

28. thx
http://static.uxebu.com/~cain/JSONPedCSV.html
http://blog.uxebu.com/2009/04/30/jsonp-for-google-spreadsheets/
http://blog.uxebu.com
Wolfram Kriesing, uxebu
wolfram@uxebu.com
http://twitter.com/uxebu
http://twitter.com/wolframkriesing
Wolfram Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009