[訊真科技技術園地] 十個UI發展史

The Incremental Design, 10 Surprising MVPs and Their Current Versions

文章摘自 http://designmodo.com/incremental-design-mvp/

1. Mac OS 1984 vs. Now

Mac OS was a revolution right from the start. After 30 years, the design looks surprisingly consistent with the newest version of Mac OS X. This consistency suggests how mature the design process must have been at Apple back in 1984. Setting standards for 30 years? That’s extremely impressive. Still, the arrival of Spotlight, Dock and hundreds of other features makes Mac OS what it is today – probably the best operating system on the market. The number of design iterations that Apple team went through is certainly close to ‘countless’.

Mac OS 1.0, 1984

Mac OS 10.9.2, 2014

2. Ebay 1997 vs. Now

From a simple listing of products available on auctions to the biggest community-based marketplaces on Earth. From a greyish nightmare to the beautiful current version of eBay. The eBay team has undeniably learned many lessons about their customers over the past 17 years.

eBay, Homepage, 1997

eBay, Homepage, 2014

更多內容請參考    http://designmodo.com/incremental-design-mvp/

[訊真科技技術園地] 別為了互動而互動：互動是過程而非目的

心得分享

"互動是過程而非目的", 在我之前的經驗, 很常聽到為了要做社交類型的服務而硬是加上了不適合的互動功能, 也許應該換個方向思考, 不是要做什麼互動功能, 而是在功能上加上適合(貼心)的互動設計.


文章摘自 http://taiwan.chtsai.org/2013/05/09/bie_weile_hudong_er_hudong/

[訊真科技技術園地] 話題：ember有比angular強大嗎？

問問大家：ember有比angular強大嗎？

[訊真科技技術園地] Linux top VIRT RES SHR SWAP DATA内存参数详解

關於 top 指令顯示的 VIRT 與 RES 的說明.

主要差異就是:

VIRT：virtual memory usage。是 process 宣告要求的 memory 數目. 但可能要了但還沒實際使用.

RES：resident memory usage。才是 process 真正使到的記憶體.

詳細的內容. 可以參考這篇說明.


=================
总结：
VIRT 虚拟内存中含有共享库、共享内存、栈、堆，所有已申请的总内存空间。
RES  是进程正在使用的内存空间(栈、堆)，申请内存后该内存段已被重新赋值。
SHR  是共享内存正在使用的空间。
SWAP 交换的是已经申请，但没有使用的空间，包括(栈、堆、共享内存)。
DATA 是进程栈、堆申请的总空间。
=================

文章摘自  http://goo.gl/1scb8h

[訊真科技技術園地] Unix and Linux shortcut keys

文章摘自  http://www.computerhope.com/ushort.htm

分享實用的shortcuts, example: ctrl + u , ctrl + w 

Keyboard shortcut keys

CTRL+B	Moves the cursor backward one character.
CTRL+C	Cancels the currently running command.
CTRL+D	Logs out of the current session.
CTRL+F	Moves the cursor forward one character.
CTRL+H	Erase one character. Similar to pressing backspace.
CTRL+P	Paste previous line(s).
CTRL+S	Stops all output on screen (XOFF).
CTRL+Q	Turns all output stopped on screen back on (XON).
CTRL+U	Erases the complete line.
CTRL+W	Deletes the last word typed in. For example, if you typed 'mv file1 file2' this shortcut would delete file2.
CTRL+Z	Cancels current operation, moves back a directory or takes the current operation and moves it to the background. See bg command for additional information about background.

Command line shortcuts

In addition to the below command line shortcuts, it is also helpful to use the alias command that allows you to specify a keyword for frequently used commands or mistakes.

~	Moves to the user's home directory.
!!	Repeats the line last entered at the shell. See history command for previous commands.
!$	Repeats the last argument for the command last used. See history command for previous commands.
reset	Resets the terminal if terminal screen is not displaying correctly.
shutdown -h now	Remotely or locally shuts the system down.

[訊真科技技術園地] 移入特效分享

這裡有一堆移入特效～
網站只要套上一款感覺就超專業了！

http://gudh.github.io/ihover/dist/index.html

[訊真科技技術園地] OpenSSL Heartbleed 全球駭客的殺戮祭典

對於openssl的漏洞這篇文章整理的不錯，有提到有一些檢測方法，大家可以試試看！

[訊真科技技術園地] Trinea/android-open-project：整理了許多 android 開發常用的開源工具及 framework

Dear all,

這個網站整理了許多 android 開發常用的開源工具及 framework. 
供有參與 android 開發的同仁參考

https://github.com/trinea/android-open-project

[訊真科技技術園地] The Heartbleed Bug

The Heartbleed Bug is a serious vulnerability in the popular OpenSSL cryptographic software library. This weakness allows stealing the information protected, under normal conditions, by the SSL/TLS encryption used to secure the Internet.

http://heartbleed.com/

#Fixed OpenSSL has been released and now it has to be deployed.

受影響網站：https://gist.github.com/dberkholz/10169691
(yahoo.com:443 - VULNERABLE)

[訊真科技技術園地] 使用 Mockito 更輕鬆地寫 unit test - 分享介紹文章

原本都使用jmock在做unit test，自從發現了mockito後，覺得比jmock好用多了。

特別的是它可以stub一個不是interface的物件行為，這是滿特別的。

下面這篇有簡單介紹，使用方法其實很簡單。


文章摘自   http://fcamel-fc.blogspot.tw/2011/07/mockito-unit-test.html

原文如下：

聽 vgod 提到可以用 PowerMock 來換掉 static、private、final 的方法，還有Mockito 用起來很順手。於是大概看了一下相關文件:

• PowerMock 的作法是換掉 classloader 和修改 bytecode，所以它可以跨越 Java 的限制 (像是無法換掉 final）。聽起來很威，感覺很危險，不確定是否夠穩定。應該不會想試它。
• Mockito 承接 EasyMock 的思維，但是用起來更容易。雖說它也無法換掉 static、private、final 等方法。

我花了一些時間看了 Mockito 範例和作者設計的思路，覺得很有意思。《behind the times: Mocks and Stubs aren't Spies》 提到在寫測試碼時，替換掉實際互動的元件，有四種不同層級的輔助元件: dummy、stub、spy、mock：

• dummy: 什麼事也不做。
• stub: 依據輸入傳回物件，藉此控制後續的邏輯。(相對來說) 不在意被呼叫的方式，像是何時被呼叫、呼叫了幾次等。
• spy: 用來確認該物件如何被使用。比方說呼叫 cursor 物件的 commit() 前有沒有先呼叫 execute()。
• mock: 同stub + spy，既需要傳回物件供待測方法使用，也在意它如何被呼叫。

寫測試碼常遇到的困擾是：mock 太囉唆了。這篇提供一個小例子對照Mockito 和 EasyMock 的差異。《should I worry about the unexpected?》 解釋 mock 之所以囉唆，是因為它管太多了，導致加新功能時，常常行為沒錯，卻無法通過舊的測試。使用 spy (Mockito 的主要功能) 就不會有這種困擾。大多情況我們並不在意是否每一個物件都要如預期般執行，只要關鍵的幾個步驟沒錯即可。

之前會排斥使用 mock 的原因為：

1. 沒有和真正的物件互動，不夠踏實。
2. 寫起來很囉唆。
3. 囉唆就算了，稍微改改程式還很容易出錯。

第一點是 trade-off，有時候是不得不做的必要之惡。在看到 spy 的概念後，發覺它少了後兩項缺點。之後需要用到「mock」時，再來用 Mockito 看看。Mockito 另一個好處是，它有提供各種語言的版本，可以學一套語法走天下。

[訊真科技技術園地] 揭秘：Flipboard 精美的版面是這樣一步一步做出來的 - Inside 網摘

~Inside 網摘 分享文章~  

Flipboard 是一款將社群媒體上的內容整合起來，以雜誌的形式呈現給使用者閱讀的工具，致力於做出世界上最好的個人化雜誌，一本專為你訂做的雜誌。

在 Flipboard 團隊的一篇部落格文章中，我們可以更好地了解 Flipboard 如何做出精美的閱讀版面。

更多內容請參閱聯結  http://share.inside.com.tw/posts/4395

▲ 三欄內容的一些模板

[訊真科技技術園地] Android build process 的介紹

這裏有一篇關於 Android build process 的介紹，還蠻有趣的。

其中有個 Bytecode Translation 的動作，就是把 Java bytecode 轉為 Delvik VM 的格式 (dx)，這個動作蠻慢的，不知道有沒辦法在開發期間讓它快一點...

http://www.alittlemadness.com/2010/06/07/understanding-the-android-build-process/