Read Original article: Junyu: How the mash-up was created 俊煜：当我们搞在一起 via #080808 | Blog.
Create a web page to collect all user generated content tagged with "#080808" all over the world? This idea seems incredible at first glance; but actually, with open APIs provided everywhere in the Web 2.0 world, it's very easy to achieve this!
All of these works started from the wire frame design I sent to those genius campaign co-founders,
flypig,
webleon and
babechloe on the afternoon of Aug 7th:
At midnight, I began to actually work out this idea. I started with writing HTML + JavaScript, who are responsible for structures and contents in the page. You geeky guys might be interested in how we made use of various APIs:
After all these works we got a "naked" site which works well but looks pretty... ugly. OK, I requested some assets from flypig, then started to do the web design work. Made designs in Fireworks, exported the graphics, wrote CSS codes...
Before sunrise, we have got all things done, and the application went live.
Here's our outcome:
[tag080808.appspot.com] The application is deployed on
Google App Engine. But, to be honest, we haven't utilized any server side technology yet. This is just a static HTML page, with all dynamic contents loaded by JavaScript. In this case, if you want to make an exact copy, simply save this page and upload it to your own server. You could make any improvements as you like too.
Given the limited time, we do think there are a lot of space for improvement here. For example, there are various powerful but easy to learn Google APIs suitable for this kind of mashups:
AJAX Search API,
Maps API,
AJAX Languages API, and
Chart API. More information please visit
Google's API directory.
Mash-ups are really wonderful, they could pull informations from various sources and make best use of them. Web 2.0 does not only mean gradient logos, persistent beta tags and tag clouds, but also means openness.
Hope Chinese Web 2.0 sites could be more open too, so that next time when we create mash-ups, we could pull more content from Chinese sites too...
在几个小时之内搞出一坨页面来收集全球网友发布的带有 #080808 标签的内容？乍一听可能觉得不可思议，但在 Web 2.0 时代纵横交错的各种 API 的帮助下，做起来其实是非常的简单呢！
8月7日那天下午我一边在搞 Google 的
“北京夏季运动会”页面 (也是一个mash-up哦)，一边就在 twitter 看到了
flypig、
webleon 和
babechloe 的 #080808 这个 idea。“好棒的主意！”我想，“可以做一个更 fancy 的首页把网友们的参与给 show 出来。”于是我在 Gmail 里面给这几位天才的创始人发了一个草图，原始文献如下所示：
8月8日的凌晨我开始动手搞这个。最先动手写的是 HTML + JavaScript，它们决定了页面的结构和内容。Geeks 同学们可能会对我们如何使用这些 API 的细节有兴趣：
有沒有可能以對話的方式，累積對於 eLearning 的思考？對於資訊體質太過於薄弱、對世界充滿好奇的聰明老媽，我試圖尋找跟她能夠準確對話的方式。
