Google Spreadsheet
                           is the Database
                              JSONPified Google Spreadsheet

...
JavaScript FrontEnd    AJAX
    Usability  UserExperience
        Browser CSS mobile Web2.0
         django  dojo OpenSour...
We Need


                         • The Use Case
                         • JSONP, CSV
                         • Google ...
The Use Case



   Wolfram Kriesing, uxebu   @wolframkriesing

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

Freitag, 24. Juli 2009
Source: Calendar




                         public data   mashable   use them as you like


Freitag, 24. Juli 2009
Enrich




   Wolfram Kriesing, uxebu   @wolframkriesing

Freitag, 24. Juli 2009
Events                           Custom Data
                                            JSONP   ???




   Wolfram Kriesi...
Custom Data




   Wolfram Kriesing, uxebu   @wolframkriesing

Freitag, 24. Juli 2009
Google Spreadsheet
                               WHY?


   Wolfram Kriesing, uxebu   @wolframkriesing

Freitag, 24. Juli ...
Google Doc - My DB


                         • Easy to maintain (by the customer)
                         • Permission h...
JSONP



   Wolfram Kriesing, uxebu   @wolframkriesing

Freitag, 24. Juli 2009
JSONP
                         • JSON with Padding http://bit.ly/whatisjsonp
                         • wrap your JSON wit...
JSONP Pros

                         • Native JavaScript
                         • No Mapping, Parsing, Native Data
     ...
Real Life




   Wolfram Kriesing, uxebu   @wolframkriesing

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

Freitag, 24. Juli 2009
ATOM


                                  not suited for spreadsheet data

                                                ...
ATOM as JSON


                                                cross domain!

                                            ...
CSV



                                                so small, sweet

                                         still no ...
@runnismus
   Wolfram Kriesing, uxebu   @wolframkriesing

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

Freitag, 24. Juli 2009
JSONPed CSV




   Wolfram Kriesing, uxebu   @wolframkriesing

Freitag, 24. Juli 2009
CSV as JSONP




   Wolfram Kriesing, uxebu   @wolframkriesing

Freitag, 24. Juli 2009
The Client




                                http://static.uxebu.com/~cain/JSONPedCSV.html


   Wolfram Kriesing, uxebu ...
Drawbacks


                         • Special format for some columns
                         • Little fault tolerance
 ...
Even Cooler

                         • Nathan Hammond
                           http://nathanhammond.com/using-google-sp...
Actually


                         • Nobody wants this!
                         • Google: Please add JSONP to spreadshee...
thx
                                   http://static.uxebu.com/~cain/JSONPedCSV.html
                         http://blog....
Upcoming SlideShare
Loading in …5
×

JSONPified Google Spreadsheet (gtug Munich)

2,528 views

Published on

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/

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,528
On SlideShare
0
From Embeds
0
Number of Embeds
25
Actions
Shares
0
Downloads
16
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

JSONPified Google Spreadsheet (gtug Munich)

  1. 1. Google Spreadsheet is the Database JSONPified Google Spreadsheet Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  2. 2. JavaScript FrontEnd AJAX Usability UserExperience Browser CSS mobile Web2.0 django dojo OpenSource Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  3. 3. We Need • The Use Case • JSONP, CSV • Google Spreadsheet • JavaScript Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  4. 4. The Use Case Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  5. 5. Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  6. 6. Source: Calendar public data mashable use them as you like Freitag, 24. Juli 2009
  7. 7. Enrich Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  8. 8. Events Custom Data JSONP ??? Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  9. 9. Custom Data Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  10. 10. Google Spreadsheet WHY? Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  11. 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. 12. JSONP Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  13. 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. 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. 15. Real Life Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  16. 16. Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  17. 17. ATOM not suited for spreadsheet data cross domain - fail Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  18. 18. ATOM as JSON cross domain! huge, man Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  19. 19. CSV so small, sweet still no cross domain :( Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  20. 20. @runnismus Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  21. 21. Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  22. 22. JSONPed CSV Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  23. 23. CSV as JSONP Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  24. 24. The Client http://static.uxebu.com/~cain/JSONPedCSV.html Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  25. 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. 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. 27. Actually • Nobody wants this! • Google: Please add JSONP to spreadsheets! Thanks! Wolfram Kriesing, uxebu @wolframkriesing Freitag, 24. Juli 2009
  28. 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

×