jsonpified google spreadsheet (gtug munich)

Google Spreadsheetis the Database

Wolfram Kriesing, uxebu@wolframkriesing

JSONPified Google Spreadsheet

Freitag, 24. Juli 2009

Wolfram Kriesing, uxebu @wolframkriesing

JavaScript AJAX

CSSdojo

BrowserOpenSource

Web2.0

FrontEndUsability UserExperience

djangomobile


mailto:[email protected]



We Need

• The Use Case

• JSONP, CSV

• Google Spreadsheet

• JavaScript





The Use Case




Source: Calendar

public data mashable use them as you like



Enrich





Events Custom DataJSONP ???





Custom Data





Google SpreadsheetWHY?





Google Doc - My DB

• Easy to maintain (by the customer)

• Permission handling included

• CDN for free

• Speed!





JSONP





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.)




http://bit.ly/whatisjsonp

http://bit.ly/whatisjsonp

http://url/?callback=myFunc

http://url/?callback=myFunc


JSONP Pros

• Native JavaScript

• No Mapping, Parsing, Native Data

• Speed!

• Cross Domain

• Trigger when data loaded (async made easy)





Real Life





ATOM

not suited for spreadsheet data

cross domain - fail





ATOM as JSON

huge, man

cross domain!





CSV

so small, sweet

still no cross domain :(





@runnismus



JSONPed CSV





CSV as JSONP





The Client

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







Drawbacks

• Special format for some columns

• Little fault tolerance

• New lines denied

• Callback name is fix





Even Cooler

• Nathan Hammondhttp://nathanhammond.com/using-google-spreadsheets-to-make-testing-easier

• A converter macro

• Creates JSONPed sheet on save

• Sexy!

• Less drawbacks :-)




http://nathanhammond.com/using-google-spreadsheets-to-make-testing-easier

http://nathanhammond.com/using-google-spreadsheets-to-make-testing-easier


Actually

• Nobody wants this!

• Google: Please add JSONP to spreadsheets! Thanks!





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

http://blog.uxebu.com/2009/04/30/jsonp-for-google-spreadsheets/

http://blog.uxebu.com

Wolfram Kriesing, [email protected]

http://twitter.com/uxebuhttp://twitter.com/wolframkriesing


















jsonpified google spreadsheet (gtug munich)

Technology