About me

我的相片
I'm a web and software developer from Kaohsiung, Taiwan.
I design and implement user interfaces, also contribute to open source projects.
http://penkia.net/portfolio
顯示具有 觀察 // observation 標籤的文章。 顯示所有文章
顯示具有 觀察 // observation 標籤的文章。 顯示所有文章

2014年7月21日 星期一

Terrarium.app - COSCUP 2014 閃電秀與幕後花絮


搭帳篷搶報名的概念 (Photo Credit: Rex Tsai)

今年的 COSCUP 順利結束了! 感謝所有與會者與辛苦的工作人員. COSCUP 不但是我社群分享經驗的起點, 也一直如同 Bob 所說的, 是每年充電並保持熱情與動力的重要聚會. 這次於閃電秀分享了 Terrarium, 讓來自台灣的流量和下載數都出現了一個小小的 peak. 會後也收到不少建議與回饋, 感激開心自然不在話下, 一些小細節在此稍微作整理.

首先是閃電秀錄影, 感謝馬克砲大大神速上傳:

  • 沒什麼內容的投影片在此
  • 影片內容和投影片都是 CC BY-SA 3.0 授權, 請安心使用
  • flappy bird 是改來的
  • 講完還沒回座位就收到票亭老闆 hlb 大人的票, 馬上解掉

之前才和朋友聊到, 做這種小玩具專案的時候不自覺都會有「台灣老闆心態」:

  • 技術不深
  • 開發時間短
  • 展示效果驚人(假的也沒關係)
  • 有時事、話題性
仔細想想也沒什麼不好, 就像 DHH 說不要藉由引入外部動機消滅 open source 專案的初衷一樣. 那麼繼續加油吧!

2009年4月17日 星期五

Review of xPUD: part 2

I found a few informative reviews about xPUD today,
even though some of them are overrating and make me feel so bashful. :-)Like I said in one of the comment: "Fast boot is good, but not the most important thing. It's only part of user experience. No one will frequently reboot their machine." The goal of this project is not only to boot fast, but also operate fast, with better usability.

"The easier the interface, the more people will use it.", Chris Heilmann said that in a recent presentation. That's true, design IS the most important thing.
Let me know if you have some feedback!

2009年3月16日 星期一

Visual Communication

  • Proximity - elements close together perceived as a group
  • Similarities - of shape, size, color can group elements
  • Continuance - grouped through basic patterns
  • Closure - group elements by space filled between them
最近從這裡讀起 Luke Wroblewski, 以為視覺溝通大師的投影片就是比較好讀一點. XD

http://www.lukew.com/resources/articles/PageHierarchy_LukeW_06232008.pdf
http://www.lukew.com/resources/WebApplicationSolutions.pdf

2008年10月20日 星期一

xPUD on Fennec

Since Mozilla team just release the alpha of Fennec, the mobile version of Firefox, it's a good time to do some test.



The result is quite good and interesting, because Fennec implemented its own fullscreen rendering feature. Let's see how can we integrate it into xPUD. ;-)

2008年9月9日 星期二

Gears in xPUD

I just added Gears 0.4.15.0 into xPUD build script, with plate UI updates and new packages. Hopefully we can release a development version in a week.

So we're trying to put plate into Gears, and the experiment of porting plate onto Webkit (or even clutter) is started.



Ted Dziuba wrote an interesting article talking about WebOS myth, and I think that's the reason I start xPUD project. :-)

2008年6月13日 星期五

為甚麼我們會需要一個節能減碳的作業系統?

相信大家都注意到最近更新頻繁的 xPUD 專案, (那個 x 非常老梗的代表著 eXtreme, 請取其非常輕薄短小之意) 以及繼 "藍海M型準備好了" 之後最夯的流行語 "節能減碳" 了吧.

xPUD 的計畫宗旨就是要提供一個 "只有瀏覽器" 的 LiveUSB 系統.

為甚麼我們發了瘋需要一個 "只有瀏覽器" 又這麼節能減碳的作業系統呢?

簡單整合既有網頁程式


還記得遠在 Social Network 竄紅之前 (參見影片 Here Comes Another Bubble) 冒出的那一堆 WebOS 嗎? (參見危機條目 Web desktop )

我是不清楚他們最後有沒有到星巴克去賣咖啡啦, 不過 xPUD 剛好可以填補 "機器" 和 "web desktop" 之間的區塊.



我們可以非常輕易的將既有的網頁程式整合到桌面環境當中. 工作只要用到網頁? 程式只以網頁形式散佈? 那 xPUD 就是一個簡單的選擇.

"相對" 小巧而且快速的系統


90MB 映像檔, 15 秒開機.

這對很多嵌入式系統來說根本不算什麼, (相對嘛 XD) 但我們可以透過一些技術手段如 Boot Gear 快速開機, 整合製作 PUD 的經驗和壓縮技術, 以及著重於 LiveUSB 版本的維護, 來達到就算以 Ubuntu 這麼完備的架構來製作, 還能保有小巧且具有彈性的系統.

接下來會嘗試使用 Poky 製作 (bootcdx86 測試成功, 正在改寫 bbclass 檔), 加上精簡過後的 udev (例如只 trigger pci 的裝置) 來加快並縮小整個系統.

快速開發




這個網頁設定介面只花了五行程式碼, 不到 10 分鐘的 coding 時間. 在很多情況下, 使用網頁開發程式非常的簡單而且有效率. 目前我已經用 Mozilla 封裝過的幾個 API 實做出 JavaScript 版本的 system(); 函式, 在網頁裡面幾乎沒有什麼事情做不到了! (雖然很髒 XD)

下一版有什麼?

  • JavaScript 版的 system(); 以及命令列工具
  • PCMan 大師寫的 圖形介面 LiveUSB 安裝程式

  • 整顆可讀寫的隨身碟與中文編碼問題的修正

應該可以和 PUD v0.4.8.6 同時間釋出, 敬請期待!

iAntFarm 計畫開始好時機?

(突然知道早上要體檢, 半夜不吃點小零嘴很痛苦阿 XD)

昨天 iPod Touch 終於被玩爛到不重灌不行的狀態, 趁機瀏覽了一下在我玩日愒歲的日子裡, 破解社群裡又有什麼進展:

Software 2.0 (其實就是 Firmware 1.2.0)


雖然理論上七月才會有正式的韌體更新, 但自 SDK 發表後就有不少 "beta" 版的好東西在外面流傳. 這裡有篇文章就教你怎麼升級, 聽說 ZiPhone 居然還能夠破解.

但是因為一定缺乏我慣用的 Installer 和程式, 大概還會停留在 1.1.4 觀望一陣吧.

破解懶人包


除了 ZiPhone 整合 iBrickr 能在破解之後順便安裝一些套件之外, Pwnage Tool/Winpwn 的出現更能讓你自製韌體!

這麼一來離打造完美環境並且一鍵安裝的目標已經不遠了 (誰的目標阿 XD), 我大概真的有調校癖, 幸好這種韌體和自製 XP 整合安裝光碟一樣都不能公開釋出, 否則我一定會像 Linux distro 一樣忍不住跳下來玩..

SDK/Toolchain


沒想到地三方 toohchain 居然能夠和官方 SDK 交互使用! 這篇 "學習怎樣在 iPhone/iPod Touch 上開發自制遊戲全記錄" 完全勾起我的好奇了阿!! 雖然平常沒有 Mac 可以用, 但是 Windows/Linux 上都有開發環境... 嘖嘖, 等稍微有空一定要看一下.

2008年4月8日 星期二

再談介面革命

前言


這是篇立論不足, 主觀武斷的文章, 主要目的是廣告. XD

我們都知道使用者積習難改, 應該說人類天生就抗拒改變 (想想看要戒菸有多困難). 那要怎麼點燃介面革命之火呢?

"模仿" 看起來可以解決問題, 比如說把你的系統弄得很像 Windows 98? [1] 但任何的模仿都無法完全相同, 只要你的運作模式有一點點不符合預期, 對使用者而言這就是個壞介面.
[1] http://www.csg.is.titech.ac.jp/~kourai/qvwm/gallery-en.html

例外


其實有三種類型的人不太在乎作業系統的桌面環境:
  • 專業軟體使用者 -
    比如說 Photoshop, 這整個應用程式就是他們的世界.
  • 遊戲玩家 -
    這也不用多說, 遊戲的內容會建構出他們自有風格的介面.
  • 提款機/數位資訊站操作者 -
    這就是我們要討論的重點.
為甚麼沒有人開班授課教你怎麼操作 7-11 的 ibon, 路邊的 ATM 或買捷運車票? 因為他們不特別難用, 學習門檻很低.
(題外話, 中x信託的提款機不算, 餘額查詢跟捐款居然放在一起, 太陰險了)

特點

這些機器有哪些特別的性質可以套用進桌面環境呢?
  • 用途單純, 通常只有單一目的
    這也許是 Desktop 和 ATM 之間最大的差異, 畢竟電腦要處理的資訊實在太多. 但仔細歸納仍然可以找出最常用的功能, 姑且就稱之桌面的 80/20 法則吧.
  • 按鈕巨大, 反應明顯, 敘述簡短, 可以探索並且有反悔的機會
    這幾句簡短帶出了一些設計使用者介面的良好準則, 這些機器大致都符合.
  • 使用活動式規劃 (Activity Based Planning) 的選單
    什麼是活動式規劃呢? 大意是列出你可能會達成的活動, 並使其盡可能簡單. [2]
[2] http://www.joelonsoftware.com/uibook/chapters/fog0000000065.html

因此, 我提出了一個桌面環境的概念:

Kiosk as a Desktop


目標是讓使用電腦的操作就像按電梯, 領錢, 購票一樣簡單.

對於電腦, 常見的操作可粗略分為三項:
  • 執行程式 - 從選單點選欲執行的程式
  • 開啟檔案 - 根據檔案關聯打開某個檔案
  • 設定系統 - 調整系統的音量, 時間, 外觀.. 等
這是草圖:



定義


首先要讓使用者完全的掌握資訊, 因此有頁籤分類的主頁面, 右半邊有巨大的 工具列.

對於執行程式來說, 應該要有一個 "分類" 且 "沒有槽狀目錄" 的選單. 盡可能的讓按鈕夠大且有豐富的圖示和文字說明.

開啟檔案要透過不同類型來顯示, 完全隱藏目錄/檔案階層架構, 直接將同一種類型的檔案顯示出來, 例如: 圖片, 影片, 文件, 音樂. 其中 iTunes 或是 ACDSee 都是很好的例子.

設定系統要盡量減少選項, 使用精靈或是模式讓切換變得簡單.

結語


眼尖的各位應該已經發現, 這草圖和上篇 GtkSocket 的樣子有點相像. 沒錯, 我嘗試在 PUD GNU/Linux 當中實作 Kiosk as a Desktop 概念, 而這個子計畫就叫做 plate UI.

這是目前的廣告圖:



如果沒意外的話, 預計 0.5 版以前就會釋出這個功能.

敬請指教, 謝謝!

2008年4月3日 星期四

一些有趣的數據

過去 6 個月, PUD 在 distrowatch 的排名正好是 100 名.

過去 3 個月是 89 名,

過去 30 天是 43 名,

過去一週是 42 名.

喔喔喔終於擠進百大了嗎!! XD

2008年3月22日 星期六

iPod Touch 完美破解版 (續)

釋出了 PUD v0.4.8.5 後收到不少回應, 真是讓人開心. 同時間 Ubuntu 也釋出 8.04 的 beta 版, 看來得再努力一下! :-)

這幾天除了嘗試編譯 toolchain 之外, 也順便試了一堆程式, 這兩個是特別好玩的:

VNsea


iPod Touch 上的 VNC client, 這是 Windows XP + TightVNC 的搭配使用, 酷吧! 之所以選擇 TightVNC 是因為它可以很容易的變成 Portable 版軟體. (關於 Portable 版軟體改天可以補一篇心得分享)

PDFViewer


雖然它跟 Preview 這個程式用同一個圖示 (到底誰學誰阿 XD), 但是功能滿完整的. 記得要從本機將 PDF 檔案傳到 /var/root/Media/PDF 底下.

這種 "impossible is nothing" 的感覺正是全天下玩具所能提供的最大滿足感. (所以理論上我已經可以不帶 NB 到處看 paper 寫投影片並趕在 group meeting 之前完成了嗎? XD)