Mashup(混搭)是Web 2.0重要的概念之一。藉由Mashup免一字一句撰寫程式的蹊徑串連,你的部落格將不再是座網路上的孤島,而是將匯流了各式強大服務與內容的汪洋!

這就是Mashup!》程式碼交織而成的Mashup網站

Mashup在Web 2.0時代逐漸綻放光芒,使用者能輕易地將繁複的程式碼安插在自己的網站內容中,這相當於將各大知名網站上的好用功能全都擺到自己的網站上,增添更多功能與風采。根據Wikipedia的解釋,Mashup的原義是指音樂上的混搭,也就是將兩首完全不相干的歌混合在一起,組合成一首新歌。而Mashup使用在網路應用程式上也有相同的意思,指的是將二個以上網站的內容組合成一個新的網站或網頁。使用者可以使用非常多工具取得組成Mashup的內容,除了簡單的RSS和Atom Feed,還可以透過Javascript和API來獲得所需內容,更可以利用CSS和XHTML來美化取得的內容。

》Mashup第一式:各大網站提供的最佳原料—API
API指的是各種系統、程式或網站所提供的應用程式介面,使用者可以透過API來取得內容或服務,而一般想要取得API都必須向提供API的網站取得登記碼後才可以運用API的各種功能。通常必須有基礎程式編寫知識才能完全運用API,但幾乎每個API都會提供簡易的使用方式,使用者也可以從這些簡易的教學步驟中找出自己想使用的功能,並置入自己的網站中。

》Mashup第二式:簡單易用的基礎資訊—Web Feed
RSS和Atom Feed大概是最容易取得也最方便使用的內容。只要來源網站提供Web Feed,使用者就可以將Web Feed輕易整合進自己的網站中,完成一個基礎的Mashup,例如你可以將各個社交書籤的Web Feed都整合成一個,放進自己的部落格中,讓讀者了解最近你所關注的事物。

》Mashup第三式:進階Mashup必備技巧—Javascript
Javascript大概是最常用來和API溝通的程式語言,不過如果你完全不懂編寫程式碼的話,也可以利用各個網站自動生成的Javascript程式碼,為你的網站增添功能或內容。例如國內知名的社交書籤網站HEMiDEMi就提供了一個Javascript,能讓你直接放入網站中,將最近收藏的HEMiDEMi書籤顯示在你指定的地方。

 

雖然要完成一個部落格的Mashup需要通曉許多技術,但不懂得寫程式也可以最簡單的方式開始建立起Mashup部落格網站。目前許多網站都提供的Mashup所需功能服務,使用者即使完全不知道什麼是程式碼,也可以藉由這些網頁上的Feed為自己部落格換上新裝,淺嘗Mashup的滋味。不論是透過網頁上的Feed,或是利用Google gadget和Widget Box為自己的網站新增各式功能,都能讓自己網站整合其他網站的內容,彈指間擠身成為Mashup部落格網站的一員。

無碼Mashup.1 地圖與部落格的最佳配合——CommunityWalk
為部落格網頁加入地圖資訊大概是Mashup最簡單的一種方式,如果你想試試Mashup的威力,可以從它開始。目前許多網站都提供簡單的地圖Mashup功能,只要放放指標,輸入些許相關資訊,就能自製地圖Mashup。

輸入地圖資訊
1、目前地圖Mashup的功能都差不多,其中CommunityWalk(http://www.communitywalk.com/)非常簡易好用,而且功能強大。要使用CommunityWalk網站,第一步當然是登錄自己的資料了,只要填入姓名、電子郵件、代號和密碼,並按一下〔Signup〕按鈕,就可以立刻開始使用CommunityWalk。

2、建立自己的帳號後,只要按一下地圖頁面的〔Create New Map〕就可以新增個人地圖。

3、接著CommunityWalk就會以精靈方式引導你建立新地圖的資訊。第一步會請你輸入地圖的開始地點,在提示視窗中輸入開始的區域,並按下〔Next >>〕。

4、然後CommunityWalk會請你指定所選區域中的細部開始地點,點選所要的地點,按下〔Next >>〕。

5、在這個步驟中CommunityWalk會請你指定地圖的隱私選項。「published」選項會讓你的地圖出現在CommunityWalk網站的公共區域中,並能以搜尋引尋找到;「Shareable」則只有收到你的地圖位址的使用者才能看到你的地圖;「Private」則只有你才能看到這個地圖。

6、最後只要為你的新地圖取個名字,再按下〔Finish〕即可完成新增地圖。


>>>詳細內容請由此進

from 12月號《Download!》

arrow
arrow
    全站熱搜

    luishsu 發表在 痞客邦 留言(0) 人氣()