GetFirefox.com.tw
TBD
製作英文版 (不考慮單一的國際版網站)
功能建議文案
火狐屬性文案
火狐屬性 styling
個人資料編輯功能
貼紙 & badge
下載 landing page (redirect to mozilla servers)
userpage hit count & dl count
不支援 IE: (根本不給登入還是跳到編輯畫面的時候產生警告?)
favicon / top logo
TBD
Here is a place for your title Click me to edit ! false

我想要做什麼

這是一個「你可以自訂」的 Firefox 推廣網頁,上面可以有你比較在乎的 Firefox 功能,甚至是你自己推薦的套件、你提供的 tips、你想對新手/老手/剪刀手說的話等等。有了這個網址,超想幫忙推廣的你甚至可以在名片印上「王小明推薦使用 Firefox 看網頁: http://getfirefox.com.tw/shawming/」這樣的網址提供別人下載。

這個站就是推廣 Firefox 的前哨,並且做一個別人沒想過的「自訂推薦」網頁,做為全球社群的範例。可以顯示大家推廣的效益,或許可以來做個競賽或什麼。

User Case 及示意圖

王劍明想協助推廣 Firefox,於是他以 OpenID 登入 http://getfirefox.com.tw ,這時網站變成了可以自訂的個別區塊(類似 iGoogle 跟 Facebook 那種)。一開始有三個區塊可以自訂,目前上面寫著「更安全」、「更快」、「更聰明」。

劍明點選網頁上的「更改版面」鈕,出現了一排項目;劍明取消了「更快」跟「更聰明」兩項、那兩項於是消失於版面中;劍明隨後勾選「掌握資訊」、「隨意自訂」兩項,版面上出現相應的項目。按下「確定」之後,選項面板關閉。

webpage_mockup_customize.png

隨後,劍明以拖放的方式,將「隨意自訂」這個區塊拖到中間,並按下儲存。網頁提示他可以為這個自訂頁面選擇一個網址,他填入了「jamming」,於是網頁告訴它、日後可以告訴朋友有「http://getfirefox.com.tw/jamming 」這個網址,告訴朋友他喜歡 Firefox 的哪個地方。

webpage_mockup_seturl.png

此時,網站提供了幾個選項:「繼續修改」、「上傳照片」、「在 Blog 上宣傳」。劍明點選了「上傳照片」,把自己的大頭貼上傳,並點選了確認頁的「確定」後,又回到各選項的畫面。此時劍明點選了「在 Blog 上宣傳」。

隨後,劍明從「Blog 貼紙」區挑選了一個圖,網頁回覆他可以複製「<a href="http://getfirefox.com.tw/jamming/" title="我推薦 Firefox!"><img src="http://getfirefox.com.tw/images/88x31.png" alt="GetFirefox"/></a>」這段程式碼,到 Blog 貼上以便宣傳。劍明早已熟悉貼貼紙的方法,所以就沒有點選旁邊的教學。

webpage_mockup.png

胡筋龍也跟劍明一樣製作了個自己的推廣網址 (http://getfirefox.com.tw/jinlong/ ),不過他不想貼貼紙,而點選了另一邊的「Blog 小卡」。筋龍從幾種色彩配置中選擇了某一種後,網站立刻出現了預覽圖,這張小卡上有他的照片、他所推薦的三個理由(只有標題,點選後可以到 http://getfirefox.com.tw/jinlong/ ) 以及一個「下載 Firefox」連結。筋龍滿意目前的配置,所以按下確定,網站告訴他可以複製「<script type="text/javascript" src="http://getfirefox.com.tw/badge.php?name=jinlong"></script& gt;」這段程式碼,到 Blog 貼上以便宣傳。筋龍不太熟悉要怎麼貼,所以按下「看教學」鈕,並選擇自己部落格平台的「Pixnet」,網頁便帶他一步步將小卡貼到 Blog 上了。

webpage_mockup_getcard.png

功能需求

使用者資訊

  1. 社群成員以 OpenID 登入
  2. 在討論區上的 ID
    • 在 forum.moztw.org 放一個可以產生驗證用 md5 的 php, e.g. $id . ':' . $username . ':' . md5($id . $username . '—secret-string'); 讓使用者複製貼上到個人資料編輯方塊 timdreamtimdream
  1. 在 Wiki 上的 ID
    • 同上,但是先不弄(因為 wiki 實在是有點破而且要換新版了) timdreamtimdream
  2. 照片
  3. 暱稱
  4. 網站
  5. blog

內建自訂

  1. 各個 Features (Yes or No, 次序)
  2. Rock your Firefox (最多五個)
  3. 推薦文章連結 (最多四篇)
  4. 「我的火狐屬性」:選擇擴充套件分群與提供擴充套件建議
    • 擴充套件資料來自於 AMO + 手動輸入部份 timdreamtimdream

網際聯合

  1. 我的 Blog: 關於 Firefox 文章的 RSS
    • 下一版再說,因為太 geeky XD timdreamtimdream
  2. 推廣貼紙 (連到此使用者的推廣頁)
  3. 推廣小卡 (連到此使用者的推廣頁)

"Application" ideas

類似 iGoogle 那樣可以自行「安裝」模組的部份,可以裝的程式想法有:

  • 我的狐狸屬性 (已經有了)
  • 我的 Blog 聯播 (especially articles about firefox)
  • 我最愛的連續技 (favorite video clips from moztw tv)
    • 延伸可以是「我最愛的…」,包括 video, image… 都可以
  • 留言牆 (maybe combined with Google Friends Connect?)
  • 我要去的活動 (沒想到要怎麼做,先寫)
  • 我的 Firefox 配置 (指外觀,上傳一張圖、秀出來,可以有 300 字的解釋空間)
  • 我的網頁 (或者該說是「回到」我的網頁:或許會有人想把這個網頁的網址貼在自己 blog 上,然後希望我們提供返回的連結)
  • 我的自由動物園 (可以選擇自己有在使用的自由軟體動物,幫別人也打一下廣告、亦增趣味)

SNS-alike 的功能

  • 最多人推薦的文章? (by URL)
  • 喜歡 Firefox 的項目相似度 (by Features' Order)
  • 最多人喜歡的 Firefox Extensions 與相對應的分類
  • http://szhskaifp.wikidot.com

http://bjskaifp.wikidot.com
http://hebkifp.wikidot.com
http://lygkifp.wikidot.com

合作計畫

  • 元智大學推薦你使用 Firefox 看網頁!
  • XX銀行推薦你使用 Firefox 看網頁!
  • 馬總統推薦你使用 Firefox 看網頁! (爆)
  • 林志玲推薦你使用 Firefox 看網頁! (羞)
Creative Commons License
本站文字除特別聲明者外,係採創用 CC 姓名標示-非商業性-相同方式分享 2.5 台灣授權條款授權,利用前請見說明