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

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

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

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 Kriesing, uxebu @wolframkriesing
Freitag, 24. Juli 2009

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

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

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

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

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

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

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

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

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

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

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

@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 @wolframkriesing
Freitag, 24. Juli 2009

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

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

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

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