有鑒於後PC時代的來臨，筆電不再是最佳移動式個人載具，取而代之的是更輕巧便利的觸控式螢幕裝置，其爭妍鬥豔的規格，以及眾多解析度問題與操作特性，衍生出所多使用者介面實作延展性問題。
當大多裝置應用開發者遭遇不同螢幕尺寸、顯示密度或螢幕解析度需求時，時常重複切割成不同設計版型，甚至重新製作新的應用程式，造成系統資源浪費、UI彈性不足等窘境，本文將透過視覺距離、顯示密度計算，以及使用者介面設計彈性之分析，提出進一步解決此問題的參考設計概念。
實作部分除驗證上述設計外，同時加入RTMP串流服務與RESTful資料獲取相關技術，以切合「可延展式人機介面與媒體取得技術」之研究，並以開放式平台架構而具有學術價值的Android作業系統為基礎，進一步提供應用範例，實現可用在多種螢幕大小、不同解析度的智慧型裝置上，一個多來源、跨產品、具彈性的應用服務架構。
本文貫穿了「可延展式人機介面」的視覺彈性及驗證、Android平台特性研究、智慧型手機與平板裝置應用實作分析、應用差異實驗比較，以及視訊串流、社群內容訂閱服務等範圍，作為主要論述範疇。
最後將以文中提出的參考設計進行範例展示，達成論文目標與成果驗證。

The day when media announced the beginning of post-PC era; it officially retired the laptop from the best personal computing gear, and replaced by more compact and user-friendly devices like Smartphone and Tablet. The so-called Smartphone and Tablet are normally equipped with touch screen and the ability of go online anytime anyplace. The touch screen has transformed the entire user behavior and lowers down the digital divide for older generation. The emergence of touch screen may enable the ultimate goal of nature user interface the UX (user experience) always looking for; however, the same kind of advantage does not apply for UI developers. Due to various resolutions requirement and different version of operating systems, the scalability of multi-UI implementation became one of major barrier for application development.
Most common problems for App developers encounter today are the screen sizes do not exactly match with Density or Resolution, it often requires developers to develop more than one application with different size layout for an application. This kind of development not only wasting the system resources, also minimize the flexibility of User Interface. This article would focus on visual distance and density calculation to come out an analysis for UI design flexibility and provide a reference design concept to resolve this problem.
The implementation in this article will combined Smart device UI, media gathering technology, and scalable user interface design. All practice and study is based on Android operating system, and combine audio, video, social network content gathering method to complete the reference application. This flexible architecture design can be used for different screen size, resolution and multiple source gathering in developing application for smart devices.
This study would validate the equation and concept through the visibility of Scalable UI, and verify the UI implement and subscribe content service on Android platform for Smartphone and Tablet.

[1] J. Gray, “Linux device roundup,” Linux J., vol. 2008, no. 176, pp. 4, 2008.
[2] F. P. M. John McBrewster, and Agnes F. Vandome., History of Apple: Apple I, Apple II Series , Apple Iii, Mac OS X, Apple Store, Ipod, Appleintel Transition, Itunes Store, Timeline of Apple II Family, ... Models, Timeline of Apple Products.: Alpha Press, 2009.
[3] B. Jones, "Apple Retina Display," [June., 2010].
[4] A. K. Maji, K. Hao, S. Sultana et al., “Characterizing Failures in Mobile OSes: A Case Study with Android and Symbian,” in Proceedings of the 2010 IEEE 21st International Symposium on Software Reliability Engineering, 2010, pp. 249-258.
[5] M. K. a. C. Luu. "Webvision, Visual Acuity," http://webvision.med.utah.edu/book/part-viii-gabac-receptors/visual-acuity/.
[6] G. Berggren, “The Color of Light on the Screen—New Measurements at Studios and Laboratories ” SMPTE J, vol. 106 no. 3, pp. 156-158, 1997.
[7] J. A. Castellano, Liquid Gold: The Story Of Liquid Crystal Displays and the Creation of an Industry: World Scientific, 2005.
[8] NEC/MITSUBISHI, "Monitor Technology Guide," NEC Display, 2007.
[9] “Introduction to processing on Android devices,” in ACM SIGGRAPH ASIA 2010 Courses, Seoul, Republic of Korea, 2010, pp. 1-137.
[10] S. Komatineni, Understanding Android Resource Arrays, Plurals, Configuration qualifiers, p.^pp. 1020, Orlando, Maiami: Apress, 2010.
[11] J. Preece, Y. Rogers, and H. Sharp, Interaction Design: John Wiley \\& Sons, Inc., 2002.
[12] P. K. Kaiser, The Joy of Visual Perception: A Web Book, York University, 2011.
[13] D. R. A. Rambli, and R. S. Kalawsky, “Distance estimations in static images: does viewing distance matter?,” in Proceedings of the 7th ACM SIGCHI New Zealand chapter's international conference on Computer-human interaction: design centered HCI, Christchurch, New Zealand, 2006, pp. 17-23.
[14] R. Lal, and L. C. Chava, Developing Web Widget with HTML, CSS, Json and Ajax: CreateSpace, 2010.
[15] J. M. Quinn, and T. Q. Tran, “Attractive phones don't have to work better: independent effects of attractiveness, effectiveness, and efficiency on perceived usability,” in Proceedings of the 28th international conference on Human factors in computing systems, Atlanta, Georgia, USA, 2010, pp. 353-362.
[16] S. Gabrielli, V. Mirabella, S. Kimani et al., “Supporting cognitive walkthrough with video data: a mobile learning evaluation study,” in Proceedings of the 7th international conference on Human computer interaction with mobile devices \& services, Salzburg, Austria, 2005, pp. 77-82.
[17] J. R. Cathleen Wharton, Clayton Lewis & Peter Polson, “The Cognitive Walkthrough Method: A Practitioner's Guide,” HCI, Cognitive Science, University of Colorado, Boulder, 1994.
[18] M. T. Wells, Mobile Image Processing on the Google Phone with the Android Operating System, Google Scholar, 2006.
[19] H.-J. Yoon, “A Study on the Performance of Android Platform,” International Journal on Computer Science and Engineering (IJCSE), 4(4), 532 - 537., 2012.
[20] permadi, "Android SDK: Using Custom View In XML Based Layout," permadi.com, 2010.