Google Docs + Yahoo Pipes = CMS

May 15th 2009 in Content Management Systems, Google Docs + Yahoo Pipes = CMS, Laboratory, Strategery & Industry, Using Yahoo Pipes to Aggregate Your Life

So, you’ve got a client that wants to manage their website content. They want to be able to update every field on their Flash website, er I mean “experience”. But there’s a catch… they FEAR technology and complex interfaces. They feel that Wordpress is too complex, never mind a proprietary custom build CMS.

What’s a developer to do?

THIS:

1. Create a Google Docs Spreadsheet – For this example I’m using row 1 to hold the field vars.

Google Docs Spreadsheet

2. Set it to publish as a webpage – Be sure to select CSV format. Be sure to set it to re-publish when any editing occurs.

Google Docs Spreadsheet 2

3. Set up Yahoo Pipes to fetch the CSV data – Set appropriate data mapping, renaming and use Regex to ensure data is proper.

Yahoo Pipes

4. Publish Pipe as your favorite data feed – For this example I chose JSON.

json

5. Load JSON into your Flash app. BOOM!

Bladow, your client can now go on doing what they’ve always done — edit an excel doc ( Google Doc ). They make changes there, it changes on their fancy experiential website.

Genius.

Share and Enjoy:
  • Twitter
  • Facebook
  • Digg
  • del.icio.us
  • Google Bookmarks
  • Print

10 comments to...
“Google Docs + Yahoo Pipes = CMS”
Avatar
Sean C

Brilliance!


Avatar
@studionumber9

yup. pretty fantastic t…

@studionumber9’s last blog post..:: on the radar: volume 2point5 ::


Avatar
Danny

I will start off the “why isn’t it working” posts by saying, Why isn’t it working (and I am sure its my fault)!

I copied everything as closely as I could to your example, but I must be missing a small (or large) detail somewhere. I got everything copied exactly like the images except once I get to “Run Pipe” it shows the three “teas” that I entered in the spreadsheet but if I click on any of them or view the rss it says:

“Invalid Action: null”

Any ideas? I can provide more details if needed.


Avatar
tebor

Thanks Sean and @studionumber9

Danny: I should have added that the screenshots are not the final implementation. They’re just to represent the overall process and steps to re-create a similar application. For example, in the screenshot the Regex console isn’t filled in. Also the url’s I used for the screenshots aren’t the actual ones.


Avatar
danny

Hey Chris,

I know the pain of updating old projects, but I was curious if you ever got around to taking screenshots of the exact setup needed to get this working. Lately I have been getting into using wordpress for client CMS systems, but you have me intrigued with this method.

-danny

danny’s last blog post..Playing with Dust (In Flash)


Avatar
Martin Hemmer

Very useful information. Thanks for this. You got a great blog .I will be interested in more similar topics.I’m very interested in CMS and all its related subjects.


Avatar
Rick Stratton

That’s a very cool hack that I hadn’t even considered

Great call!


Avatar
John Welborn

A very clever hack indeed. I’m not familiar with yahoo pipes. I’ll have to check it out. Looks really cool, but admittedly a little intimidating.

Actually, you do something very similar to this, and remove some of the parts that people seem to be having trouble with by using feed.us to deliver to the client thus removing regex and pipes.

The client is obviously one concern, but the coders need some love too! :) Check out http://feed.us if you’re interested. We actually have an article in our blog about using google docs as a cms using the share / send to blog option, but using this article as inspiration you could run get all kinds of crazy.

Thanks again for the pointer to pipes! We’ve built some of the more basic fucntions ourselves, but I think this can save us some work on aggregating complex data feeds.

Great post!


[...] en este post de Chris Teso el siguiente tutorial propone una forma de crear una sincronización entre una Hoja [...]


Avatar
Paul

Hi Chris,
Thanks for the great post. I’m wondering if you’d mind sharing the regular expressions you used to verify the data. I’ve got some simple tests based on your workflow working, but when I start to drop real data in the spreadsheet, things start breaking. commas and quotes seem to be handled fine, but I think line feeds are causing trouble. Are there other things we need to validate against?

Thanks,
Paul




required



required - won't be displayed


Your Comment:

CommentLuv Enabled

Twitter Users!
Enter your personal information in the form or sign in with your Twitter account by clicking the button below.

theGOOD Work

folio

Share and Enjoy:
  • Twitter
  • Facebook
  • Digg
  • del.icio.us
  • Google Bookmarks
  • Print
theGOOD WorkPrevious Entry

Show and Tell PDX

Last night I presented “Using Interfaces Without Interfaces” at Show and Tell Pdx. I showed off some Flash motion detection, Flash color detection and even demo’d a little voice speech recognition in Flash. Some of you asked for more info on how last one was accomplished. I’ll be posting more on this later.

Thank you to [...]

Share and Enjoy:
  • Twitter
  • Facebook
  • Digg
  • del.icio.us
  • Google Bookmarks
  • Print
Show and Tell PDXNext Entry