SlideShare a Scribd company logo
1 of 20
Download to read offline
Treading the
cowpaths of the
information
superhighway.

                     Chris&an Heilmann, Ignite, London, 2nd of March 2010
Today I will talk about a way of trying to get the web to be more inclusive to people who
really should use it, but cannot be bothered. I will show you how you can easily use
information created by those who know to create information and put it on the web
without spending any money.
To the interwebs!




Right now we are trying to get everybody to use the internet. We are very excited about it
and everybody else should be, too.
The revolution of social media changed our lives completely and it is tough to
understand why not everybody is as excited about it as we are.
Hamstering.




However, when companies start to build web systems you will find something like this.
Instead of embracing the simplicity of the web and give people a chance to digest
information piece by piece we overload them with interfaces that look exactly like the
ones they use on the desktop.
In essence, it is tough to explain our passion and get people to embrace the web the way
we do - enough to turn you gaga.
The thing is though that companies do have already a working and very much used IT
infrastructure - one that people got trained in using and are happy to use. That these
pieces of software are Desktop-driven shouldn’t bother us.
What we should concentrate on is the data created in these systems and if they are
useful for web consumption. If they are, we should try to find a way to convert them and
get them out there. Most of the time a lot of valuable information goes into
spreadsheets but only a fraction of it makes it into the CMS.
We then use our own toys and building blocks to get this information out as a web-
friendly interface.
http://winterolympicsmedals.com




This is winterolympicsmedals.com - a search interface for winter olympics medals from
1924 up to now, searchable by country, medal type, sport, discipline and allowing you to
compare the success of different countries side-by-side.
The data that drives the whole site and builds the navigation and the interface is all
stored in an Excel sheet the Guardian released on their data blog. Every week the
Guardian releases the information behind their articles as spreadsheets - which is an
amazing service.
I took the Guardian spreadsheet, created a copy in Google docs and published it to the
web as a CSV file. CSV is a terribly easy to parse data format. Now what I needed to do
was accessing this data by the different cells and columns.
select * from csv where url="http://
spreadsheets.google.com/pub?
key=tpWDkIZMZleQaREf493v1Jw&output=
csv" and
columns="Year,City,Sport,Discipline,Countr
y,Event,Gender,Type" where Year="1924"




And this is where Yahoo’s YQL is an amazingly useful tool. Using the CSV as a data
source and giving it a list of columns you can easily filter by each of the columns and
create complex queries. The query gets sent to a web API and you get the data back
either as XML or a JSON.
Building the interface was as easy - using the YUI grids builder I put together a HTML
skeleton and simply added my data where I wanted it to appear. The CSS is even hosted
by Yahoo on a server network for me.
This made me think that it would be useful to have this as a generic solution which is
why I put together csvtowebservice.php which allows you to create a filtering form and
result datatables from a CSV on the web.
http://data.gov.uk/
The Guardian is not the only resource that releases interesting spreadsheets with
information that can be converted with a script like that. Data.gov.uk is still quite new
and offers thousands of government data sets as excel sheets.
http://uk-house-prices.com
For the release of data.gov.uk I was asked to build a demo and this is what I did: http://
uk-house-prices.com - an interface to compare house prices throughout England from
1996 up to now - again driven by a single CSV.
*
                                 *bleep




I think it is time we stop being fanboys of our own environment and instead see how we
can communicate and link with the other - already existing - networks to take their data
and bring it onto the web.
And maybe, just maybe - if we manage to build very compelling interfaces really quickly
we give corporate IT the hint that upgrading is a great plan.
If you want to know more, there is a video of me talking for a whole 48 minutes about
using these systems to build uk-house-prices.com and other solutions available in
German and English on the Yahoo User Interface blog.
 Chris&an Heilmann
 h?p://wait‐&ll‐i.com                        Cheers
 h?p://developer‐evangelism.com
 h?p://twi?er.com/codepo8   




That’s it! Now you go and build something!

More Related Content

Viewers also liked

Strut your stuff tour ppt m ille lacs
Strut your stuff tour ppt m ille lacsStrut your stuff tour ppt m ille lacs
Strut your stuff tour ppt m ille lacs
Ann Treacy
 
Mnrem google analytics
Mnrem google analyticsMnrem google analytics
Mnrem google analytics
Ann Treacy
 
Telehealth In the State and Region and at Essentia Health
Telehealth In the State and Region and at Essentia Health Telehealth In the State and Region and at Essentia Health
Telehealth In the State and Region and at Essentia Health
Ann Treacy
 
Moving the Needle Forward by Craig Settles
Moving the Needle Forward by Craig SettlesMoving the Needle Forward by Craig Settles
Moving the Needle Forward by Craig Settles
Ann Treacy
 

Viewers also liked (20)

The prestige of being a web developer
The prestige of being a web developerThe prestige of being a web developer
The prestige of being a web developer
 
TEDx Thessaloniki - The web is dead? (with notes)
TEDx Thessaloniki - The web is dead? (with notes)TEDx Thessaloniki - The web is dead? (with notes)
TEDx Thessaloniki - The web is dead? (with notes)
 
Experiencing Kinetic Mobile Interaction
Experiencing Kinetic Mobile InteractionExperiencing Kinetic Mobile Interaction
Experiencing Kinetic Mobile Interaction
 
Jsday
JsdayJsday
Jsday
 
How can businesses leverage broadband technology for greater access to custom...
How can businesses leverage broadband technology for greater access to custom...How can businesses leverage broadband technology for greater access to custom...
How can businesses leverage broadband technology for greater access to custom...
 
Keith thelen
Keith thelenKeith thelen
Keith thelen
 
Strut your stuff tour ppt m ille lacs
Strut your stuff tour ppt m ille lacsStrut your stuff tour ppt m ille lacs
Strut your stuff tour ppt m ille lacs
 
How can companies utilize telecommuting to be more competitive and control co...
How can companies utilize telecommuting to be more competitive and control co...How can companies utilize telecommuting to be more competitive and control co...
How can companies utilize telecommuting to be more competitive and control co...
 
The new challenge of Open - OSCAL 2015
The new challenge of Open - OSCAL 2015The new challenge of Open - OSCAL 2015
The new challenge of Open - OSCAL 2015
 
Developing with the web
Developing with the webDeveloping with the web
Developing with the web
 
Mnrem google analytics
Mnrem google analyticsMnrem google analytics
Mnrem google analytics
 
Seo2 India Growing Adwords En
Seo2 India  Growing Adwords EnSeo2 India  Growing Adwords En
Seo2 India Growing Adwords En
 
Telehealth In the State and Region and at Essentia Health
Telehealth In the State and Region and at Essentia Health Telehealth In the State and Region and at Essentia Health
Telehealth In the State and Region and at Essentia Health
 
Advancing the web without breaking it - #btconf
Advancing the web without breaking it - #btconfAdvancing the web without breaking it - #btconf
Advancing the web without breaking it - #btconf
 
Moving the Needle Forward by Craig Settles
Moving the Needle Forward by Craig SettlesMoving the Needle Forward by Craig Settles
Moving the Needle Forward by Craig Settles
 
Candidata
CandidataCandidata
Candidata
 
Is Janlokpal draft Dangerous for India?
Is Janlokpal draft Dangerous for India?Is Janlokpal draft Dangerous for India?
Is Janlokpal draft Dangerous for India?
 
•Broadband Provider Digital Inclusion Programs: Lifeline, Tom Simmons, Midco...
•Broadband Provider Digital Inclusion Programs: Lifeline, Tom Simmons,  Midco...•Broadband Provider Digital Inclusion Programs: Lifeline, Tom Simmons,  Midco...
•Broadband Provider Digital Inclusion Programs: Lifeline, Tom Simmons, Midco...
 
•Red Wing Ignite: The Power of Gigabit Broadband, Neela Mollgaard, Red Wing I...
•Red Wing Ignite: The Power of Gigabit Broadband, Neela Mollgaard, Red Wing I...•Red Wing Ignite: The Power of Gigabit Broadband, Neela Mollgaard, Red Wing I...
•Red Wing Ignite: The Power of Gigabit Broadband, Neela Mollgaard, Red Wing I...
 
IA&AS Reorganization
IA&AS ReorganizationIA&AS Reorganization
IA&AS Reorganization
 

Similar to Treading the cowpaths of the information superhighway.

Top 5 Web Trends Of 2009 Structured Data
Top 5 Web Trends Of 2009  Structured DataTop 5 Web Trends Of 2009  Structured Data
Top 5 Web Trends Of 2009 Structured Data
chmingl
 
Eurodidaweb May 4 8 2009 Day 2
Eurodidaweb   May 4 8 2009 Day 2Eurodidaweb   May 4 8 2009 Day 2
Eurodidaweb May 4 8 2009 Day 2
radubml
 
Eurodidaweb May 4 8 2009 Day 2
Eurodidaweb   May 4 8 2009 Day 2Eurodidaweb   May 4 8 2009 Day 2
Eurodidaweb May 4 8 2009 Day 2
alinadica
 
A clean world is a healthy world
A clean world is a healthy worldA clean world is a healthy world
A clean world is a healthy world
Georgeta Manafu
 
Eurodidaweb May 4 8 2009 Day 2
Eurodidaweb   May 4 8 2009 Day 2Eurodidaweb   May 4 8 2009 Day 2
Eurodidaweb May 4 8 2009 Day 2
Georgeta Manafu
 
Semantic Web 2.0
Semantic Web 2.0Semantic Web 2.0
Semantic Web 2.0
hchen1
 

Similar to Treading the cowpaths of the information superhighway. (20)

My lectures
My lecturesMy lectures
My lectures
 
Eurodidaweb march 15-19 2010 day 3 - europaclub
Eurodidaweb   march 15-19 2010 day 3 - europaclubEurodidaweb   march 15-19 2010 day 3 - europaclub
Eurodidaweb march 15-19 2010 day 3 - europaclub
 
Eurodidaweb march 15-19 2010 day 3 - europaclub
Eurodidaweb   march 15-19 2010 day 3 - europaclubEurodidaweb   march 15-19 2010 day 3 - europaclub
Eurodidaweb march 15-19 2010 day 3 - europaclub
 
Eurodidaweb may 10-15 2010 day 3 - europaclub
Eurodidaweb   may 10-15 2010 day 3 - europaclubEurodidaweb   may 10-15 2010 day 3 - europaclub
Eurodidaweb may 10-15 2010 day 3 - europaclub
 
Web3.0- How brands can take advantage of the semantic shift - Brandsential
Web3.0- How brands can take advantage of the semantic shift -  BrandsentialWeb3.0- How brands can take advantage of the semantic shift -  Brandsential
Web3.0- How brands can take advantage of the semantic shift - Brandsential
 
Complex today
Complex todayComplex today
Complex today
 
BIG DATA, a new way to achieve success in Enterprise Architecture.
BIG DATA, a new way to achieve success in Enterprise Architecture.BIG DATA, a new way to achieve success in Enterprise Architecture.
BIG DATA, a new way to achieve success in Enterprise Architecture.
 
Working In The Now - Paris Web
Working In The Now - Paris WebWorking In The Now - Paris Web
Working In The Now - Paris Web
 
Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008Travailler dans le présent - Chris Heilmann - Paris Web 2008
Travailler dans le présent - Chris Heilmann - Paris Web 2008
 
Top 5 Web Trends Of 2009 Structured Data
Top 5 Web Trends Of 2009  Structured DataTop 5 Web Trends Of 2009  Structured Data
Top 5 Web Trends Of 2009 Structured Data
 
HTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutionsHTML5 - Moving from hacks to solutions
HTML5 - Moving from hacks to solutions
 
Hacking For Innovation
Hacking For InnovationHacking For Innovation
Hacking For Innovation
 
Future platform for internet of things
Future platform for internet of thingsFuture platform for internet of things
Future platform for internet of things
 
What is the Semantic Web
What is the Semantic WebWhat is the Semantic Web
What is the Semantic Web
 
Web 2 0 & Beyond
Web 2 0 & BeyondWeb 2 0 & Beyond
Web 2 0 & Beyond
 
Eurodidaweb May 4 8 2009 Day 2
Eurodidaweb   May 4 8 2009 Day 2Eurodidaweb   May 4 8 2009 Day 2
Eurodidaweb May 4 8 2009 Day 2
 
Eurodidaweb May 4 8 2009 Day 2
Eurodidaweb   May 4 8 2009 Day 2Eurodidaweb   May 4 8 2009 Day 2
Eurodidaweb May 4 8 2009 Day 2
 
A clean world is a healthy world
A clean world is a healthy worldA clean world is a healthy world
A clean world is a healthy world
 
Eurodidaweb May 4 8 2009 Day 2
Eurodidaweb   May 4 8 2009 Day 2Eurodidaweb   May 4 8 2009 Day 2
Eurodidaweb May 4 8 2009 Day 2
 
Semantic Web 2.0
Semantic Web 2.0Semantic Web 2.0
Semantic Web 2.0
 

More from Christian Heilmann

The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)
Christian Heilmann
 

More from Christian Heilmann (20)

Develop, Debug, Learn? - Dotjs2019
Develop, Debug, Learn? - Dotjs2019Develop, Debug, Learn? - Dotjs2019
Develop, Debug, Learn? - Dotjs2019
 
Hinting at a better web
Hinting at a better webHinting at a better web
Hinting at a better web
 
Taking the "vile" out of privilege
Taking the "vile" out of privilegeTaking the "vile" out of privilege
Taking the "vile" out of privilege
 
Seven ways to be a happier JavaScript developer - NDC Oslo
Seven ways to be a happier JavaScript developer - NDC OsloSeven ways to be a happier JavaScript developer - NDC Oslo
Seven ways to be a happier JavaScript developer - NDC Oslo
 
Artificial intelligence for humans… #AIDC2018 keynote
Artificial intelligence for humans… #AIDC2018 keynoteArtificial intelligence for humans… #AIDC2018 keynote
Artificial intelligence for humans… #AIDC2018 keynote
 
Killing the golden calf of coding - We are Developers keynote
Killing the golden calf of coding - We are Developers keynoteKilling the golden calf of coding - We are Developers keynote
Killing the golden calf of coding - We are Developers keynote
 
Progressive Web Apps - Techdays Finland
Progressive Web Apps - Techdays FinlandProgressive Web Apps - Techdays Finland
Progressive Web Apps - Techdays Finland
 
Taking the "vile" out of privilege
Taking the "vile" out of privilegeTaking the "vile" out of privilege
Taking the "vile" out of privilege
 
Five ways to be a happier JavaScript developer
Five ways to be a happier JavaScript developerFive ways to be a happier JavaScript developer
Five ways to be a happier JavaScript developer
 
Taking the P out of PWA
Taking the P out of PWATaking the P out of PWA
Taking the P out of PWA
 
Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"
 
You learned JavaScript - now what?
You learned JavaScript - now what?You learned JavaScript - now what?
You learned JavaScript - now what?
 
Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"Sacrificing the golden calf of "coding"
Sacrificing the golden calf of "coding"
 
Progressive Web Apps - Covering the best of both worlds - DevReach
Progressive Web Apps - Covering the best of both worlds - DevReachProgressive Web Apps - Covering the best of both worlds - DevReach
Progressive Web Apps - Covering the best of both worlds - DevReach
 
Progressive Web Apps - Covering the best of both worlds
Progressive Web Apps - Covering the best of both worldsProgressive Web Apps - Covering the best of both worlds
Progressive Web Apps - Covering the best of both worlds
 
Non-trivial pursuits: Learning machines and forgetful humans
Non-trivial pursuits: Learning machines and forgetful humansNon-trivial pursuits: Learning machines and forgetful humans
Non-trivial pursuits: Learning machines and forgetful humans
 
Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center Progressive Web Apps - Bringing the web front and center
Progressive Web Apps - Bringing the web front and center
 
CSS vs. JavaScript - Trust vs. Control
CSS vs. JavaScript - Trust vs. ControlCSS vs. JavaScript - Trust vs. Control
CSS vs. JavaScript - Trust vs. Control
 
Leveling up your JavaScipt - DrupalJam 2017
Leveling up your JavaScipt - DrupalJam 2017Leveling up your JavaScipt - DrupalJam 2017
Leveling up your JavaScipt - DrupalJam 2017
 
The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)The Soul in The Machine - Developing for Humans (FrankenJS edition)
The Soul in The Machine - Developing for Humans (FrankenJS edition)
 

Recently uploaded

The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
heathfieldcps1
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
QucHHunhnh
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
QucHHunhnh
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
negromaestrong
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
heathfieldcps1
 

Recently uploaded (20)

Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
The basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptxThe basics of sentences session 3pptx.pptx
The basics of sentences session 3pptx.pptx
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Seal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptxSeal of Good Local Governance (SGLG) 2024Final.pptx
Seal of Good Local Governance (SGLG) 2024Final.pptx
 
psychiatric nursing HISTORY COLLECTION .docx
psychiatric  nursing HISTORY  COLLECTION  .docxpsychiatric  nursing HISTORY  COLLECTION  .docx
psychiatric nursing HISTORY COLLECTION .docx
 
How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17How to Give a Domain for a Field in Odoo 17
How to Give a Domain for a Field in Odoo 17
 
Introduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The BasicsIntroduction to Nonprofit Accounting: The Basics
Introduction to Nonprofit Accounting: The Basics
 
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
2024-NATIONAL-LEARNING-CAMP-AND-OTHER.pptx
 
Application orientated numerical on hev.ppt
Application orientated numerical on hev.pptApplication orientated numerical on hev.ppt
Application orientated numerical on hev.ppt
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Holdier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdfHoldier Curriculum Vitae (April 2024).pdf
Holdier Curriculum Vitae (April 2024).pdf
 
Measures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SDMeasures of Dispersion and Variability: Range, QD, AD and SD
Measures of Dispersion and Variability: Range, QD, AD and SD
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
Ecological Succession. ( ECOSYSTEM, B. Pharmacy, 1st Year, Sem-II, Environmen...
 
Asian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptxAsian American Pacific Islander Month DDSD 2024.pptx
Asian American Pacific Islander Month DDSD 2024.pptx
 
Sociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning ExhibitSociology 101 Demonstration of Learning Exhibit
Sociology 101 Demonstration of Learning Exhibit
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 

Treading the cowpaths of the information superhighway.

  • 1. Treading the cowpaths of the information superhighway. Chris&an Heilmann, Ignite, London, 2nd of March 2010 Today I will talk about a way of trying to get the web to be more inclusive to people who really should use it, but cannot be bothered. I will show you how you can easily use information created by those who know to create information and put it on the web without spending any money.
  • 2. To the interwebs! Right now we are trying to get everybody to use the internet. We are very excited about it and everybody else should be, too.
  • 3. The revolution of social media changed our lives completely and it is tough to understand why not everybody is as excited about it as we are.
  • 4. Hamstering. However, when companies start to build web systems you will find something like this. Instead of embracing the simplicity of the web and give people a chance to digest information piece by piece we overload them with interfaces that look exactly like the ones they use on the desktop.
  • 5. In essence, it is tough to explain our passion and get people to embrace the web the way we do - enough to turn you gaga.
  • 6. The thing is though that companies do have already a working and very much used IT infrastructure - one that people got trained in using and are happy to use. That these pieces of software are Desktop-driven shouldn’t bother us.
  • 7. What we should concentrate on is the data created in these systems and if they are useful for web consumption. If they are, we should try to find a way to convert them and get them out there. Most of the time a lot of valuable information goes into spreadsheets but only a fraction of it makes it into the CMS.
  • 8. We then use our own toys and building blocks to get this information out as a web- friendly interface.
  • 9. http://winterolympicsmedals.com This is winterolympicsmedals.com - a search interface for winter olympics medals from 1924 up to now, searchable by country, medal type, sport, discipline and allowing you to compare the success of different countries side-by-side.
  • 10. The data that drives the whole site and builds the navigation and the interface is all stored in an Excel sheet the Guardian released on their data blog. Every week the Guardian releases the information behind their articles as spreadsheets - which is an amazing service.
  • 11. I took the Guardian spreadsheet, created a copy in Google docs and published it to the web as a CSV file. CSV is a terribly easy to parse data format. Now what I needed to do was accessing this data by the different cells and columns.
  • 12. select * from csv where url="http:// spreadsheets.google.com/pub? key=tpWDkIZMZleQaREf493v1Jw&output= csv" and columns="Year,City,Sport,Discipline,Countr y,Event,Gender,Type" where Year="1924" And this is where Yahoo’s YQL is an amazingly useful tool. Using the CSV as a data source and giving it a list of columns you can easily filter by each of the columns and create complex queries. The query gets sent to a web API and you get the data back either as XML or a JSON.
  • 13. Building the interface was as easy - using the YUI grids builder I put together a HTML skeleton and simply added my data where I wanted it to appear. The CSS is even hosted by Yahoo on a server network for me.
  • 14. This made me think that it would be useful to have this as a generic solution which is why I put together csvtowebservice.php which allows you to create a filtering form and result datatables from a CSV on the web.
  • 15. http://data.gov.uk/ The Guardian is not the only resource that releases interesting spreadsheets with information that can be converted with a script like that. Data.gov.uk is still quite new and offers thousands of government data sets as excel sheets.
  • 16. http://uk-house-prices.com For the release of data.gov.uk I was asked to build a demo and this is what I did: http:// uk-house-prices.com - an interface to compare house prices throughout England from 1996 up to now - again driven by a single CSV.
  • 17. * *bleep I think it is time we stop being fanboys of our own environment and instead see how we can communicate and link with the other - already existing - networks to take their data and bring it onto the web.
  • 18. And maybe, just maybe - if we manage to build very compelling interfaces really quickly we give corporate IT the hint that upgrading is a great plan.
  • 19. If you want to know more, there is a video of me talking for a whole 48 minutes about using these systems to build uk-house-prices.com and other solutions available in German and English on the Yahoo User Interface blog.
  • 20.  Chris&an Heilmann  h?p://wait‐&ll‐i.com  Cheers  h?p://developer‐evangelism.com  h?p://twi?er.com/codepo8    That’s it! Now you go and build something!