行動ＯＬＥＤ裝置上針對滑動的省電方法 : 以瀏覽器為例

全文

(1)國立臺灣師範大學資訊工程研究所碩士論文指導教授：林均翰博士. 行動ＯＬＥＤ裝置上針對滑動的省電方法：以瀏覽器為例 Power-Saving Method for Fast Scrolling on Mobile OLED Devices: A Case Study on Browsers. 研究生：張皓鈞撰中華民國. 一 O 七年六月.

(2) 摘要現代行動 OLED 裝置發展迅速，在行動裝置的電量有限的情況下，針對行動裝置顯示器的省電議題的相關研究，在近年來蓬勃發展。過去研究發現，使用者在使用行動裝置時，滑動行為在總使用時間中佔了很高的比例。針對滑動時會產生很高功耗的議題，過去的研究者已有許多不錯的研究成果，但在行動 OLED 裝置的部分，目前的研究尚未完全運用 OLED 的功耗特性。本論文著重在研究在行動 OLED 裝置上針對滑動時的省電方法，我們以瀏覽器中的滑動行為為研究範例，透過運用 OLED 功耗特性，並根據使用者瀏覽網頁時的注意力模型，將使用者較不注意的區域，在滑動時，改變為較省電的顏色以在不影響使用者經驗的前條件下，達到節省 OLED 耗電的效果。我們將所開發的省電方法，實際安裝在行動裝置上測試，實驗結果顯示所開發的省電方法在 OLED 省電效果與處理速度上有良好的效果，並獲得對將來的研究方向與系統實作有助的資訊。. 關鍵字：行動 OLED 裝置、手指滑動、螢幕省電、注意力模型. i.

(3) Abstract The development of modern mobile OLED devices has been rapid. In the case of limited mobile devices, research on power saving topics for mobile device displays has flourished in recent years. In the past, previous studies have found that users spend a lot of time scrolling screen on mobile devices on the total using time. Power consumption caused by screen scrolling. Past researchers have had a lot of good research results, but they have not yet fully utilized the power consumption characteristics of OLED in the part of mobile OLED devices. Therefore, this paper focus on the power saving method for fast scrolling on mobile OLED devices. By using the OLED power consumption characteristics and based on the user's visaul attention model when browsing the web. The area that the user has less attention when screen scrolling. we used the OLED power module to change the screen color to achieve power saving without affecting the user's experience. We have actually developed the power saving method and installed it on a mobile device. The experimental results show that the developed power saving method has a good effect on the power saving effect and processing speed of OLED, and obtains helpful information about research directions and system implementation in the future.. Keywords：Mobile OLED Device, Screen Scrolling Operations, Power-Saving on OLED Display, visual attention model. ii.

(4) 目錄目錄.............................................................................................................................. iii 附圖目錄........................................................................................................................ v 表格目錄....................................................................................................................... vi 第一章緒論............................................................................................................ 1 第二章相關文獻探討............................................................................................ 3 第一節 OLED 手機變換顏色省電研究 ........................................................ 3 第二節手機滑動時的功耗和省電................................................................ 5 第三節改變手機顯示顏色的使用者體驗.................................................... 6 第四節瀏覽器上受注目的內容.................................................................... 8 第三章方法設計.................................................................................................... 9 第一節省電應用流程圖................................................................................ 9 第二節讀取網頁內容.................................................................................. 11 第三節標籤資料庫...................................................................................... 11 第四節動態 Javascript 組成........................................................................ 12 第五節網頁變色時機.................................................................................. 13 第六節自動搜索標籤流程圖...................................................................... 14 第七節搜索標籤方法.................................................................................. 15 3.7.1 手動搜索標籤.............................................................................. 15 3.7.2 自動搜索標籤.............................................................................. 15 第四章效能評估...................................................................................................... 17 第一節實驗設定.......................................................................................... 17 4.1.1 顏色預設值.................................................................................. 17 4.1.2 變數設定...................................................................................... 18 4.1.3 紀錄數據...................................................................................... 19 第二節省電效能.......................................................................................... 21 4.2.1 省電比例...................................................................................... 22 4.2.2 4.2.3 第三節 4.3.1 4.3.2 第四節 4.4.1 4.4.2 4.4.3. 滑動速度與螢幕功耗關係.......................................................... 22 圖片比例與螢幕功耗關係.......................................................... 25 時間效能.......................................................................................... 27 網頁載入時間.............................................................................. 28 顏色轉換時間.............................................................................. 29 搜索標籤方法效能差異.................................................................. 30 螢幕省電差異.............................................................................. 30 顏色轉換時間差異...................................................................... 32 搜索標籤方法差異總結.............................................................. 32. 第五節漸進變色效能比較.......................................................................... 33 第五章結論和未來展望...................................................................................... 36 iii.

(5) 參考文獻...................................................................................................................... 37. iv.

(6) 附圖目錄圖1 圖2 圖3 圖4 圖5 圖6 圖7 圖8. 網頁變色圖例，來源自[3] .................................................................................. 4 清晰區域圖例，來源自[5] .................................................................................. 4 滑動時的功耗關係圖例，來源自[6] .................................................................. 5 瀏覽器變色圖例，來源自[3] .............................................................................. 7 手機應用 GUI 變色圖例，來源自[12] ............................................................... 7 手機應用 GUI 變色實驗結果，來源自[12] ....................................................... 8 手機瀏覽器環境亮度變色方案圖例，來源自[13] ............................................ 8 流程圖................................................................................................................. 10. 圖 9 標籤資料庫關聯圖............................................................................................. 12 圖 10 動態 Javascript 程式碼..................................................................................... 13 圖 11 自動搜索標籤流程圖 ....................................................................................... 14 圖 12 自動搜索標籤演算法....................................................................................... 16 圖 13 S8 OLED 功耗模組 ........................................................................................ 18 圖 14 螢幕功耗公式................................................................................................... 20 圖 15 省電比例公式................................................................................................... 20 圖 16 圖片比例公式................................................................................................... 21 圖 17 省電比例圖....................................................................................................... 22 圖 18 省電比例圖........................................................................................................ 23 圖 19 Google 滑動速度與螢幕關係圖 .................................................................... 24 圖 20 Youtube 滑動速度與螢幕關係圖 .................................................................. 24 圖 21 各手指滑動速度下的經過網頁畫面(左 Google、右 Youtube) ..................... 25 圖 22 Youtube 和 Reddit 網頁畫面 ......................................................................... 26 圖 23 Youtube 和 Reddit 圖片比例和螢幕省電比例關係圖 ................................. 27 圖 24 Youtube 和 Reddit 圖片比例含受注目文字和螢幕省電比例關係圖 ......... 27 圖 25 網頁載入時間圖............................................................................................... 28 圖 26 載入方法 2 網頁載入時間圖........................................................................... 29 圖 27 圖 28 圖 29 圖 30 圖 31 圖 32 圖 33. 顏色轉換時間圖............................................................................................... 30 手動搜索標籤與自動搜索標籤螢幕功耗差異............................................... 31 手動搜索標籤(左)、自動搜索標籤(右)判斷差異示意圖 ............................. 31 手動搜索標籤與自動搜索標籤顏色轉換時間差異....................................... 32 標籤增加量結構圖........................................................................................... 33 原方案與漸進變色方案省電比例................................................................... 34 原方案與漸進變色方案顏色轉換時間........................................................... 35. v.

(7) 表格目錄表格 1 手機規格......................................................................................................... 17 表格 2 實驗網頁......................................................................................................... 19. vi.

(8) 第一章緒論在現代社會人們使用手機的比率不斷的提高，而這些手機所使用的顯示螢幕採用 OLED 的使用比例也越來越高，像過去 HTC 和 Samsung 都有販售搭載 OLED 面板的手機，而在 2017 年 Apple 也加入了他們的行列，在 IPhone X 上搭載 OLED 面板，並在 2018 年有更多廠商發表搭載 OLED 面板手機，現代手機面板為了追求高畫質和高視覺體驗，螢幕尺寸做得越來越大，並且也大幅提高螢幕佔比，甚至是螢幕解析度也達到了 4K 等級，因為如此的趨勢發展面板上必定會搭載更多晶圓，而大多數手機電池容量還停留在 3000 到 4000 左右毫安培，讓手機上有限的電池容量形成更多的負擔。近代有許多手機面板省電相關技術，運用一些廣為人知的 OLED 特性，像是黑色無耗電、反應速度快、各種顏色在不同 OLED 面板上的功耗特性等，這些技術像是在使用手機時讓 OLED 電壓動態縮放，讓每個像素的電壓降低到只足夠維持亮度所需最小值的技術[1]，或是在手機上觀看靜態圖片時不但讓圖片增加質量且更加省電的方法[2]，或是調整手機瀏覽器上網頁呈現的顏色為較省電的顏色讓其顯示器功耗降低，並選擇幾種配色方案進行使用者體驗實驗[3]等方法。前述提到黑色在 OLED 中幾乎沒有功耗，所以說節省螢幕電量最顯著的方法就是把螢幕上呈現畫面的某些部分調暗或調黑，但是這些方法會讓使用者體驗下降，過去研究發現人通常會停留在某個有興趣的區域[4]，所以如果可以在使用者使用手機時遮蔽調人不在意的部份的話，就可以達到省電效果，這種方法像是 FOCUS[4]和 ShiftMask[5]都有實現其方法，但是這兩篇論文集中靜態畫面運用人視覺注意或習慣來運算清晰區域並遮蔽了其他區域，但是手機的使用不只有 1.

(9) 靜態畫面的觀看，還有其他的行為，像是滑動螢幕、點擊螢幕等，在 ShiftMask 中對於手機滑動時的方法運用靜態時的運算出的清晰區域，根據滑動速度快慢來減少清晰區域的大小，可能會導致遮蔽掉人真正趕興趣的物件。之前論文[6]有人研究提到手機滑動時間占據人使用手機總時間約 50%，而且手機在滑動螢幕時會產生很高的功耗，其原因是為了使用者體驗，滑動時的動畫效果會維持 60FPS 方式撥放，造成 CPU 和螢幕上顏色轉換時都形成多餘功耗負擔，這篇論文讓使用者根據自己的喜好來調找螢幕更新頻率，換句話說就是降低動畫效果 FPS 體驗來降低功耗。人們使用手機大部分是為了使用裡面的應用程式 APP，根據統計在手機上瀏覽器使用佔據人使用總時間的 20%[7]，人們可以使用瀏覽器找尋資料、看新聞等，使用瀏覽器時手機滑動時間佔據總時間約 60%[6]，高於總手機滑動的平均時間，並且根據研究現代人眼睛視覺優先注目大圖片、名人圖、少量的文字和搜尋功能[8]，人平常看手機時會優先注目感興趣的內容在滑動時也一樣，因此可以運用這點，在滑動時遮蔽掉大部分物件，由黑色來取代，只留下人優先注目的物件，讓人有辦法判斷關鍵內容，在不會降低太多使用者體驗的方法達到省電的效果。. 2.

(10) 第二章相關文獻探討過去研究有許多關於搭載 OLED 顯示器手機相關省電方法，在本章節中將會介紹與本論文相關的研究技術，像是 OLED 手機上變換顏色的省電方法、手機滑動時的功耗與省電方法、在改變手機顯示內容顏色後的使用者體驗和在瀏覽器上現代人優先注目的網頁內容，並提出這些研究值得借鏡或改善的方向。. 第一節. OLED 手機變換顏色省電研究. OLED 面板在顯示顏色時，會透過發光二極體分別發射紅光、綠光和藍光三種，其中發光強度取決於流過發光二極體的電流，電流量又取決於顏色和像素[3]，對於像素的定義，每個像素在 RGB 顏色中由 RGB 三個值來定義，其範圍為 0 到 255 間，他可以創造出各種顏色，但並不包含光暗度，所以 OLED 面板在呈現顏色時所產生的能量，取決於呈現出來的內容，所消耗的能量為每個像素所消耗的功耗總和。在 OLED 面板顏色功耗的特性上，黑色完全沒有功耗，所以在省電顏色的選擇上會盡量選擇黑色來當作其他顏色取代，以此達到省電效果，像是[3]中，其中兩種顏色選用模式就是使用黑色來取代大部分的顏色，如下圖 1，其省電效果高過於其他模式。. 3.

(11) 圖 1 網頁變色圖例，來源自[3] 雖然黑色是最省電的顏色，我們不能夠把手機的顯示全部變為黑色來顯示，因為這樣做毫無意義，人不會一直注視著整個螢幕，視覺注意焦點會一直改變，在[11]中，他們利用人的視覺注意力(Human visual attention)，找出圖片的人視覺注意力以外的區域進行 OLED 圖片縮放優化(OLED image scaling optimization)，讓每個像素的功耗變為最小值並維持觀看品質，過去[4][5]中，他們利用人視覺注意力變化(Human Visual Acuity)，來取得人當下最優先注意到的區域為清晰區域，並把清晰區域以外的區域以黑色來取代(如圖 2)。. 圖 2 清晰區域圖例，來源自[5]. 4.

(12) 第二節. 手機滑動時的功耗和省電. 人在使用手機時手機會因應手指動作給予回應，像是點擊和滑動，在滑動時螢幕畫面會根據滑動方向做出回應，通常螢幕畫面都會回饋畫面捲動效果給使用者，這中間過程會出現動畫效果，就如同影片播放一樣，其播放速度相當於 60FPS 的影片，過程中會瞬間產生大量的功耗[6]，如下圖 3 所示，滑動過程中畫面更新率(Frame rate)上升到 60FPS 且 CPU 使用率上升到將近 100%，在[6]中，他們就以降低畫面滑動過程的 FPS 來達到省電效果。. 圖 3 滑動時的功耗關係圖例，來源自[6] 人在使用手機時，不單純只是觀看畫面，也會更進一步的進行互動，並期望產生相對應的回饋，[6]分析了使用者的習慣，在使用各大應用程式時，各種動作的佔據比例，其中滑動動作佔了一定的比例，其畫面滑動平均時間為 50%，因為畫面更新率的關係，其滑動過程的功耗消耗佔了整體功耗 53.4%，而點擊和載入(網頁)只佔了 6.4%，值得一提的是手機瀏覽器上，滑動時間佔了 60%。. 5.

(13) 第三節. 改變手機顯示顏色的使用者體驗. 在過去 OLED 手機省電研究方法中，許多方法以降低圖像或顯示質量來達到省電效果，因為改變圖像或顯示質量與原本的顯示狀態會有差異，所以需要更進一步的利用其他方法來印證新的圖像和顯示方法符合品質指標或使用者體驗肯定。在[11]中，以 SSIM 指標讓新的圖片與原圖片維持高的相似度來印證圖片品質，在[4][5]中把清晰區域以外的區域變成了黑色和在[6]中減少滑動時畫面更新率方法都影響了使用者體驗，他們做了一系列的使用者體驗來印證使用者的接受程度並獲得肯定的評價。在[3]中，研究發現網頁中有 65%是白色像素，造成了效能的浪費，他們利用 OLED 功耗模組的顏色功耗特性，如圖 4，選擇了 4 組顏色搭配改變，顏色的選擇並非胡亂篩選，研究中提到保真度(fidelity)非常重要，網頁中背景和文字顏色可以透過 CSS 任意修改，除了圖片以外的背景和文字顏色可以改變成能讓人接受的顏色，維持保真度，他們根據[12]中的使用者體驗結果，得出單一色調 (Monocolor)方案有較好的使用者體驗，該實驗中，如圖 5，選擇了 3 種配色方案做 GUI 的顏色轉換並進行使用者體驗和功耗測試，結果如圖 6 得出綠色方案除了比較省電外，還有較好的使用者體驗，所以從[3][12]研究中可以得到使用者可以接受變換顏色的方法運用在瀏覽器網頁和手機應用上，並且顏色選擇以文字顏色為綠色背景顏色為黑色較佳，同樣的在[13]中，他們根據環境亮度調整顏色來提高使用者體驗，環境亮度會改變，所以其變換顏色方法是動態轉換處理，如圖 7，在強光環境下，前景較亮顏色容易被強光消除，所以要改變為較暗較深的顏色，背景顏色則是要與前景顏色區別避免碰撞選擇相對的顏色，在弱光環境下，. 6.

(14) 背景顏色會優先選為黑色，而前景與背景同樣要相對的顏色，對 200 名受試者做使用者體驗實驗結果表示，比原本手機內建環境亮度調整比較有較佳的使用者，且可以節省可觀電亮，因為動態調整顏色需要顏色轉換處理時間，結果也表明 90%都在 25ms。. 圖 4 瀏覽器變色圖例，來源自[3]. 圖 5 手機應用 GUI 變色圖例，來源自[12]. 7.

(15) 圖 6 手機應用 GUI 變色實驗結果，來源自[12]. 圖 7 手機瀏覽器環境亮度變色方案圖例，來源自[13]. 第四節. 瀏覽器上受注目的內容. 手機已經不在只是打電話的工具，現代智慧型手機中包含了許多應用程式 APP 選擇，還有許多下載和安裝選項，提供使用者更多的新選擇，不過手機的使用上，應用程式類別也分成幾大需求，像是遊戲、社群、瀏覽器網頁、記事等，根據調查[8]人在手機上使用的應用程式比例，瀏覽器佔了 20%，排名第三。現代人網頁觀看的內容上，其研究需要偏向主觀，需要使用者使用眼動儀觀看各類型網頁並記錄其優先注目區域，再加上研究人員解析，來分析現代人觀看的喜好，在[7]的研究中，現代人不喜歡觀看完整的網頁內容，現代人喜好觀看大圖、名人圖、搜尋欄位和短句子，其中少量文字定義在 155 字以內，由此可知，現代人偏愛觀看少量文字和醒目的內容。. 8.

(16) 第三章方法設計本章節將會介紹在 OLED 手機瀏覽器上滑動時的省電方法設計，本文以 Android 應用程式進行實作方法，當使用者開啟瀏覽器應用後並選擇開啟省電方法後，應用程式將會進行一系列的處理，載入處理過後的網頁，使用者不會發現與未處理過的網頁差別，都是原始配色網頁，當使用者接下來滑動所瀏覽網頁的時候，程式應用經過判斷後會在畫面滑動期間遮蔽使用者不受注目的網頁內容，將網頁變色為變色網頁，接著會偵測畫面靜止時機，畫面靜止時則會恢復網頁為原始配色網頁，接下來在本章節中會詳細介紹上述過程中做的細節處理和步驟。. 第一節. 省電應用流程圖. 本節在介紹我們在 Android 應用程式中的處理流程圖，如下圖 8，進入我的瀏覽器應用後，使用者可以選擇是否開啟省電方法，若選擇否，會是正常的瀏覽方式，若選擇是，則會進入省電方法的後端前處理步驟，首先是讀取網頁內容，先讀取由網址所得到的 Html 內容，包含正確的網址網域資訊、Html 標籤內容，進入下個步驟讀取資料庫，從標籤資料庫中得到該網址網域中的相關標籤資訊，資訊包含受注目內容標籤和不受注目內容標籤，之後進入下個步驟，由得到的標籤資訊動態組成 Javascript 程式碼，目的是要動態組合出 Javascript 變色程式和 Javascript 還原程式，接著把組合出的 Javascript 程式加入最初得到的 Html 內容的 script 標籤中得到新的 Html 內容，最後載入這新的 Html 內容，讓使用者看到原始配色網頁，如此就完成一系列後端處理作業，這幾個流程在某些網頁中會花費較多的時間，考量使用者會覺得等待時間過久，可以考量同步處理方法，但是會有些缺點，這部分會在 4.3.1 中提到。. 9.

(17) 當使用者瀏覽網頁後，當手指滑動後，應用程式會判斷手指滑動動作是否有進行，若沒有的話，網頁配色維持原始配色網頁，若有的話，網頁畫面將會開始滑動，應用程式會進行下面兩個步驟，第一個步驟會進行手指滑動速度偵測，第二個步驟回進行自動搜索標籤，自動搜索標籤流程之後會在本章節繼續介紹，在手指滑動速度偵測部分，會偵測手指滑動速度是否到達設定標準，若否的話，網頁配色沒有變動維持原始配色網頁，若是的話，應用程式會呼叫網頁前端的 Javascript 變色程式進行網頁內容變色處理，Javascript 變色程式執行完後網頁配色將從原始配色網頁變為變色網頁，使用者會看到變色網頁直到畫面停止滑動，應用程式會偵測滑動畫面是否停止，若否的話，網頁配色沒有變動維持變色網頁，若是的話，應用程式會呼叫網頁前端的 Javascript 還原程式進行網頁內容還原處理，Javascript 還原程式執行完後網頁配色將從變色網頁變為原始配色網頁。. 圖 8 流程圖 10.

(18) 第二節. 讀取網頁內容. 讀取網頁內容目的於之後加入 Javascript 步驟進行，我們需要得到完整的 Html 內容，Android 內建 Webview 函式沒有支援讀取網頁得到完整的 Html 內容，所以我們使用 JSoup 開放軟體達成目的，JSoup 可以從網址資訊得到讀取後的 Html 內容，可以給 JSoup 設定裝置資訊得到在手機上呈現的網頁，從得到 Html 內容包含了所有標籤資訊，但是並不包含動態網頁內容，例如：Facebook 動態內容、Youtube 影片清單。. 第三節. 標籤資料庫. 我們選擇使用 SQLite Android 內建資料庫來當作標籤資料儲存，它的優點是儲存空間輕量、本地連線和開發簡單，許多雲端資料庫需要連線資源和額外的硬體儲存空間，我們不希望使用者在開啟每個網站時都要額外用到網路連線資源形成多於手機功耗浪費，所以把標籤資料庫存在本地端，雖然會額外消耗手機儲存空間容量，但是在 SQLite 的特性下可以不用花費過多的儲存空間。我們設計了一個資料庫儲存形式，來儲存各網域中由手動搜索方法和自動搜索方法認定的受注目內容和不受注目內容，如下圖 9，我們需要儲存各網站網域的資訊，網域資訊的資料欄位中包含網域名稱和網域編號，網域名稱為網址中所包含的資訊，例如：Google 網域中的每個網頁，我們儲存其網域名稱 (www.google.com)到資料庫中，再來會自訂網域編號給網域名稱，一個網域名稱只會有一個網域編號，標籤資訊欄位儲存各網域中的受注目內容和不受注目內容標籤，標籤資訊的資料欄位中包含網域編號、標籤名稱、標籤型態、顏色和標籤類型，網域編號的內容指向網域資訊欄位中的網域編號，代表著這筆標籤資訊屬於一個網域名稱，標籤名稱由 JQuery Selector 的語法命名，例如：一個標籤為<div 11.

(19) class=”main”>的話，標籤名稱會命名為 div[class=’main’]，標籤型態定義有兩種，一種是背景，另一種是文字，它代表此標籤在網頁前端顯示的型態，顏色為此標籤在網頁前端中將會改變的顏色，它可以填入各種類型的顏色編碼，但在本文中我們只會定義使用兩種顏色，分別是背景色和省電色，標籤類型為我們自定義的類型，方便讀取後分辨其標籤為何種標籤型態和顏色，我們定義三種標籤類型，分別為背景、背景色文字、省電色文字，我們認定背景和背景色文字為不受注目內容，省電色文字和沒被儲存在資料庫的標籤資訊(如圖片)為受注目內容。. 圖 9 標籤資料庫關聯圖. 第四節. 動態 Javascript 組成. 從標籤資料庫取得的標籤資訊，我們可以預期其數量和標籤類型是動態多變的，我們要根據其標籤類型和標籤名稱動態組成 Javascript 變色程式和 Javascript 還原程式，如下圖 10，兩種程式都會有三種類型的組合，在 Javascript 變色程式中我們會判斷標籤類型，分別加入該標籤類型中標籤型態的顏色屬性，在 Javascript 還原程式中們會判斷標籤類型，分別移除之前所加入該標籤類型中標籤型態的顏色屬性。. 12.

(20) 圖 10 動態 Javascript 程式碼動態 Javascript 變色和還原程式完成後，我們會用 JSoup 開放軟體中的函式把程式加入之前得到的 Html 內容，我們回把程式內容加入 Html 中 script 標籤中，加入的內容除了之前動態組成的 Javascript 變色和還原程式外，還包含了一段動態網頁內容回傳程式，主要目的要能夠回傳自動搜索標籤所需的 Html 內容。. 第五節. 網頁變色時機. 當使用者手指滑動畫面時，會有兩個狀況要進行判斷，一個是手指滑動動作，另一個是畫面滑動狀況，兩個狀況在 Android 中有分別的函式能夠監控，當使用者滑動螢幕時，應用程式會根據 Android 函式中的 onGestureListener 中的 onFing 偵測手指滑動動作，onFing 函式中包含了 X 軸和 Y 軸的速度資訊，我們定義若 Y 軸速度大於 500 像素/秒的話，就會啟動 Javascript 變色程式，使用者手指滑動螢幕當下畫面滑動同步進行中，而應用程式需要判斷畫面停止滑動的時機，根據 Android 函式中的 setScrollViewListener 中的 onScrollChanged 偵測畫面滑動位置， onScrollChanged 函式中包含了舊的 X 與 Y 座標和新的 X 與 Y 座標資訊，我們使用 Timer schedule 函式來讓每一毫秒能夠儲存 onScrollChanged 函式中提供的 X. 13.

(21) 和 Y 座標資訊，並比較前一毫秒和當下的 X 和 Y 座標，若一樣的話，則會啟動 Javascript 還原程式。. 第六節. 自動搜索標籤流程圖. JSoup 所取得的 Html 網頁內容並不包含動態網頁的內容，所以無法拿來做自動搜索標籤的 Html 網頁內容來源，但是在 Javascript 的程式語言中，支援取得完整的 Html 網頁內容，所以我們設計一個方案，使用者可以自行選擇是否開啟自動搜索標籤方法，若使用者選擇開啟，如圖 11 所示，會在載入過後的原始配色網頁偵測手指滑動動作，若是的話，則會從前端回傳 Html 網頁內容到後端處理，在經過處理後取得標籤內容，帶入自動搜索標籤演算法，得到分類過後的標籤內容後，把它們加到標籤資料庫中。. 圖 11 自動搜索標籤流程圖 14.

(22) 第七節. 搜索標籤方法. 本節介紹搜索標籤方法，甚麼是搜索標籤，我們把網頁內容由 Html 內容來分類，在網頁內容呈現時，可以從呈現內容中看出該內容為何種標籤，但是這方面知識通常由程式人員熟悉，所以我們自己定義這些呈現內容為受注目內容或不受注目內容後，把該標籤資訊加入資料庫中，供應用程式執行流程時使用。我們會主觀判斷網頁上受注目內容和不受注目內容以外的內容，所以要先定義何為受注目網頁內容和不受注目內容，從[7]中可以知道現代人優先注目大圖、名人圖、搜尋欄位和短句子，我們把網頁分成三種類型，圖片、受注目文字和不受注目文字，根據這三種分類，定義出在 3.2..2 節會介紹的三種類型標籤類型，背景、背景色文字、省電色文字。. 3.7.1. 手動搜索標籤. 手動搜索標籤是由程式人員主觀判斷網頁上的受注目內容和不受注目內容，他們需要觀看詳細網頁呈現內容後，並對照該網頁 Html 內容來比對，每個網站都會有自定義的 CSS 呈現方法，這種自定義的 CSS 呈現方法可能是網站的機密，但是可以從標籤內容的 Class 屬性中知道網站引用了哪些 Class 內容，從呈現的網頁中判斷該標籤屬於受注目內容和不受助內容，並把標籤加入資料庫中，這搜索標籤方法會最為正確，但根據網站內容越多，程式人員判斷時間會越長，若 Class 屬性種類繁多的話，花的時間會再增加，也無法排除程式人員主觀判斷錯誤。. 3.7.2. 自動搜索標籤. 因為手動搜索標籤方法受限於程式人員的主觀判斷時間和錯誤可能性，需要有更快和正確的方法，就是自動搜索標籤方法，從[7]中，可以發現受注目內容 15.

(23) 主要有圖片和短句子兩種類型，這兩種類型可以從 Html 內容中判斷，不需要知道呈現網頁內容，所以我們設計一套演算法來搜索標籤，如下圖 12，搜索有 Html 中所有的標籤，先判斷標籤是否有重複判斷過，若是的話，不過任何動作，若否的話，則先加入背景類型，並再進行是否有文字的判斷，若有的話，則判斷文字長度，若文字長度大於 155 字的話，則加入背景色文字類型，若文字長度小於 155 字的話，則加入省電色文字類型。. 圖 12 自動搜索標籤演算法. 16.

(24) 第四章效能評估第一節. 實驗設定. 這一節在探討我們所有實驗的預設值，包含設備、顏色、滑動速度、時間、網站和數據。在全部實驗中我們以 Samsung Galaxy S8 做為實驗手機，詳細規格如表格 1，表格 1 手機規格手機型號. Samsung Galaxy S8. 螢幕. 5.8 吋 2960×1440 Super AMOLED. 處理器. Exynos 8895 2.3GHz＋1.7GHz 雙四核心. 記憶體. 4G. 作業系統. Android 8.0. 量電設備選擇使用 Monsoon Solution Power Monitor 作為手機整體功耗的量測工具，我們改裝 Samsung Galaxy S8 電池位置由 Monsoon Solution Power Monitor 的供電取代，並預設維持原廠電池最大電壓輸出 4.2V 和電池容量 3000mAh，這樣可以準確量測出手機在電量充足時的功耗表現。. 4.1.1. 顏色預設值. 本文的省電方法設計中影響省電方法最重要的因素就是顏色選擇，如我們在第二章探討的過去 OLED 手機顏色變換省電研究，過去的研究包含了選擇顏色的技巧和使用者體驗，在[3]中發現使用者較喜歡單一色調方案，並選擇綠色作為文字顏色，並進行使用者體驗調查發現有較好的體驗結果，在[10]中，改變網頁顏色以黑色和綠色為背景顏色和文字顏色，並進行使用者體驗，在[11]中，在觀看網頁時，當環境亮度較暗時，改變背景顏色為黑色。 17.

(25) 本文的 3.2.2 中有提到對於標籤顏色的定義，除了圖片以外的顏色有背景色和省電色，在上一段落提到的過去研究的顏色選擇，並根據圖 13 中 S8 OLED 顯示器的功耗模組，選擇以黑色(0,0,0)作為背景色，以綠色(0,255,0)作為省電色。. 圖 13. S8 OLED 功耗模組. 除此之外，我們另外設計一種顏色變換方法稱為漸進變色，在背景變換為黑色中間過程中，插入灰色(127,127,127)，當滑動時會先變換背景顏色為灰色，過了 100 毫秒後再變成黑色，滑動停止時會先變為灰色，過了 100 毫秒後再變回原始配色。. 4.1.2. 變數設定. 在實驗中所有手指滑動手勢動作都是以 Android API 中的 sendevent 方法模擬，手指滑動速度以像素距離除以毫秒去計算，在[14]中提到，不同類型的網頁使用者手指滑動習慣也不同會有快速度的滑動和慢速度的滑動差別，所以本章節實驗手指滑動速度設計了三個手指滑動速度，分別為快(12.5 像素/毫秒)、中(10. 18.

(26) 像素/毫秒)、慢(6 像素/毫秒)速的手指滑動速度，以 60 秒的時間持續每秒輪流向上和向下滑動。現代的網站包羅萬象，我們希望能就從各種層面的網站中都能使用我們的省電方法，所以我們選擇了七種網站類型分別為搜尋、百科、社群、影片、論壇、購物和新聞，從 Alexa 網站中根據世界上流量前百名內找出對應前述網站類型且不重複的網站，對應前述網站類型分別為 Google、Wikipedia、Facebook、Youtube、 Reddit、Amazon 和 Nownews，在從 Google Trend 中選擇各網站 2017 年流量最高或熱門搜索關鍵字來實驗對應如下表格 2。表格 2 實驗網頁. 網站. 實驗網頁. Google. 搜尋關鍵字：Hurricane Irma. Wikipedia. 美國 Trump 總統英文個人介紹頁面. Facebook. 個人塗鴉牆. Youtube. 推薦首頁. Reddit. 熱門首頁. Amazon. 首頁. Nownews. 首頁. 手動搜索標籤方法因為是主觀判定，由實驗者負責判定每個網站的標籤屬於何種類型的標籤，並新增到資料庫，自動搜索標籤方法為演算法自動判斷，我們在每個網站中開啟自動搜索標籤方法後手指滑動一次關閉。. 4.1.3. 紀錄數據. 當前述實驗設定準備妥當後，我們使用 Monsoon Solution 發行的 Power tool 19.

(27) 紀錄 Power Monitor 回傳的功耗數值，當 S8 手機上執行應用程式並選擇是否開啟省電方法後載入網頁，載入完成後，模擬實驗開始同時開始紀錄功耗數據持續 60 秒結束，我們會在同個網頁上重複實驗並記錄以下數值：開啟方法功耗、未開啟方法功耗、全黑網頁畫面功耗。上述紀錄數值都是實際測量的數值，得到數值以後，我們可以進一步計算出其螢幕的功耗，如下圖 14 中，我們會計算開啟方法螢幕功耗和未開啟方法螢幕. 開啟方法螢幕功耗= 開啟方法功耗 − 全黑網頁畫面功耗未開啟方法螢幕功耗= 未開啟方法功耗 − 全黑網頁畫面功耗. 圖 14 螢幕功耗公式功耗，以利在後續要計算省電比例時所用，如圖 15 中，可以進一步計算螢幕減少功耗，在算出螢幕省電比例和手機省電比例。. 螢幕減少功耗= 未開啟方法螢幕功耗 − 開啟方法螢幕功耗螢幕省電比例= 手機省電比例=. 螢幕減少功耗開啟方法螢幕功耗螢幕減少功耗開啟方法功耗. 圖 15 省電比例公式這一節在探討我們的方法開啟後和未開啟方法兩者滑動時的功耗量測，並利用手指滑動速度造成的網頁畫面增減分析比較其省電關係。除了功耗數據以外，我們還需要量測時間，我們量測了網頁載入時間和顏色 20.

(28) 轉換時間，網頁載入時間是當使用者點進網頁時到顯示網頁的應用程式執行時間，包含了開啟方法時間和未開啟方法時間，另外是顏色轉換時間，這數值是變色時間和還原時間的平均，變色時間是手指滑動結束後從網頁開始滑動時開始變色到完成變色的 Javascript 程式執行時間，還原時間是網頁滑動結束網頁顏色開始還原到結束還原的 Javascript 程式執行時間。除了上述量測數據外，每個網站呈現的內容大部份以文字和圖片為主，有時候會穿插表格或動畫效果來吸引注意，本章實驗研究中，需要了解文字和圖片的多寡是否為影響省電的因素，我們定義了畫面滑動時經過的所有網頁畫面的圖片比例數值，當畫面滑動時，因為手指滑動速度的快慢，會導致畫面滑動經過的網頁畫面增減，我們測量畫面滑動時網頁畫面經過的所有圖片和受注目文字在 S8 手機呈現的大小，用尺量長寬得出實際長度，用得到的長寬來計算面積，公式如下圖 16。. 圖片比例 =. 全部圖片面積滑動經過網頁面積. 圖片比例含受注目文字比例 =. 全部圖片面積+受注目文字面積滑動經過網頁面積. 圖 16 圖片比例公式有了圖片比例公式，我們可以計算每個網頁在三種手指滑動速度下的圖片比例，最後是影響標籤數，它是手動搜索標籤和自動搜索標籤所標記出在每個網頁中的總標籤數量。. 第二節. 省電效能. 本節在比較各層面的省電效能，包含螢幕省電比例、手機省電比例，畫面滑. 21.

(29) 動速度是否為影響到螢幕省電比例，或者有別的因素，像是圖片比例。. 4.2.1. 省電比例. 如下圖 17 所示，圖中 X 軸為各網站網頁，左 Y 軸為省電比例包含螢幕省電比例和手機手電比例，右 Y 軸為圖片比例，我們得知螢幕省電比例在 42%~95% 間，其手機省電比例在 9%~35%間，我們初步了解其省電比例浮動的原因為圖片比例，從圖中觀察得知，當圖片比例越低其省電比例越高，但是 Reddit 是例外，其原因會在接下來章節探討。. 圖 17 省電比例圖. 4.2.2. 滑動速度與螢幕功耗關係. 如下圖 18 所示，圖中 X 軸為各網站網頁，Y 軸為螢幕省電比例，藍色長條圖為 6 像素/毫秒的手指滑動速度滑動時的螢幕省電比例，紅色長條圖為 10 像素 /毫秒的手指滑動速度滑動時的螢幕省電比例，藍色長條圖為 12.5 像素/毫秒的手指滑動速度滑動時的螢幕省電比例，手指滑動速度的增減在 Google、Wiki、 Amazon 和 Facebook 網站下螢幕省電比例有明顯的改變，但是在 Youtube、Reddit 和 Nownews 網站下手指滑動速度的增減沒有影響到螢幕省電比例，所以我們分類出了兩種情況，不同滑動速度下螢幕省電比例相似和不同滑動速度下螢幕省電 22.

(30) 比例不同。. 圖 18 省電比例圖在前段分類出兩種情況，在兩種情況下我們分別在各網站中來分析其原因，在不同滑動速度下螢幕省電比例不同情況下我們選擇先以 Google 來分析，如圖 19 中，我們發現在三種手指滑動速度下的圖片比例改變了，如圖 21 中左邊為 Google 網頁畫面，因為在 4.1.4 小節有提到，若手指滑動速度越快，所經過的網頁畫面就越多，所以當網頁畫面越多，中間包含的標籤物件就變多了，我們計算了每個手指滑動速度下的圖片面積變化，計算出圖片比例也跟著變化，發現在 Google 該網頁下手指滑動速度越快圖片比例也提高，而圖片比例提高則螢幕省電比例也降低，經過其他網頁觀察 Wiki、Amazon 和 Facebook 也有同樣情況。. 23.

(31) 圖 19. Google 滑動速度與螢幕關係圖. 另一種情況為不同滑動速度下螢幕省電比例相似，我們觀察有同樣情況的網頁，我們以 Youtube 來分析，如圖 20 所示，圖中可以發現三種手指滑動速度下的圖片比例一樣，原因如上段所提到，如圖 21 所示，圖中右邊為 Youtube 網頁畫面，雖然經過網頁畫面提高了，但是其實圖片比例並沒有改變，Reddit 和 Nownews 亦同。. 圖 20. Youtube 滑動速度與螢幕關係圖 24.

(32) 圖 21 各手指滑動速度下的經過網頁畫面(左 Google、右 Youtube) 根據前兩段的觀察，我們得出一個結論，滑動速度的快慢並不影響螢幕省電比例，在不同滑動速度下螢幕省電比例改變的原因在於經過網頁畫面改變而改變圖片比例，從而得出一個結論就是當圖片比例越低則省電比例越高。. 4.2.3. 圖片比例與螢幕功耗關係. 從 4.2.2 節結論可知圖片比例越低則省電比例越高，但是在 4.2.1 節中發現 Reddit 有例外狀況，我們想分析其原因，如圖 22 中，我們觀察到 Youtube 和 Reddit 網站畫面物件排版相似，都是左邊圖片右邊文字，而且在各種滑動速度下的圖片. 25.

(33) 比例都沒有改變，可以方便分析兩者的差異處。. 圖 22. Youtube 和 Reddit 網頁畫面. 如圖 23 中，可以發現 Youtube 和 Reddit 螢幕省電比例差距不大，且 Youtube 螢幕省電比例大於 Reddit，但是圖片比例卻差異很多，且 Youtube 圖片比例大於 Reddit，與 4.2.2 節的推論圖片比例越低螢幕省電比例越高不符，其原因在於文字上的差異，如圖 22 中，Reddit 右半邊有較多的受注目文字，所以如果把受注目文字加入圖片比例一起計算的話，如圖 24 中，Reddit 的圖片含受注目文字比例大於 Youtube，所以在多網站的省電比較上，圖片比例必須加入受注目文字才比較準確。. 26.

(34) 圖 23. 圖 24. Youtube 和 Reddit 圖片比例和螢幕省電比例關係圖. Youtube 和 Reddit 圖片比例含受注目文字和螢幕省電比例關係圖. 第三節. 時間效能. 本節在比較開啟方法後的時間差異，包含開啟方法和未開啟方法的網頁載入時間和開啟方法後的顏色轉換時間。. 27.

(35) 4.3.1. 網頁載入時間. 本節要比較開啟方法和未開啟方法的網頁載入時間，如圖 25 中，X 軸為各網站，Y 軸為網頁載入時間，未開啟方法網頁載入時間平均為 2341 毫秒，開啟方法網頁載入時間平均為 5804 毫秒，網頁載入時間平均提高約 2.5 倍，這點在現階段沒有辦法避免，原因在於開啟方法時，應用程式會用 JSoup 先載入網頁一次，在加上應用程式在呈現給使用者觀看的時間，同個網頁需要載入兩次。. 圖 25 網頁載入時間圖如上段提到開啟方法後因為 JSoup 多載入一次的關係時間提高了 2.5 倍，如果把後端處理的部分利用 Thread 程序進行處理，如圖 26，開啟方法 2 為新的載入方法，載入平均時間降為 2062ms，與未開啟方法載入時間相近，開啟方法 2 讓使用者先看到未開啟方法的網頁後在載入處理好的網頁內容，但這樣的方法有個缺點，就是為讓網頁重新載入一次，這樣會失去載入前使用者所進行的每個動作。. 28.

(36) 圖 26 載入方法 2 網頁載入時間圖. 4.3.2. 顏色轉換時間. 顏色轉換時間分成變色時間和還原時間，如圖 27 所示，X 軸為各網站，左 Y 軸為顏色轉換時間，右 Y 軸為影響標籤數，可以發現當影響標籤數越多，則花費時間越長，我們計算顏色轉換平均時間為 64 毫秒，根據[11]文中，轉換時間越長，會降低使用者體驗，[11]中的轉換時間有 90%是 25 毫秒，我們認為我們的顏色轉換時間與前述差異不大。. 29.

(37) 圖 27 顏色轉換時間圖. 第四節. 搜索標籤方法效能差異. 我們有兩種搜索標籤方法，會影響到標籤內容的差異，本節將探討這樣的差異是否會影響到省電和時間效能。. 4.4.1. 螢幕省電差異. 根據 3.1 節所述手動搜索標籤和自動搜索標籤最大的差別在於文字的判斷，如圖 28 所示，X 軸為各網站，Y 軸為螢幕功耗，藍色長條圖為手動搜索標籤方法，紅色為自動搜索標籤方法，可以發現不同網站的螢幕功耗各有優劣，其原因在於受注目文字和不受注目文字的判斷方法不同，如圖 29 所示，在左圖手動搜索標籤方法中，中間每個連結下的文字敘述區塊被定義不受注目文字，所以是黑色，而在左圖自動搜索標籤方法，同樣的區塊被定義為受注目文字區塊，變成了. 30.

(38) 省電色，其主要原因是那個區被在手動搜索標籤方法中被主觀認為是不受注目文字，而在自動搜索標籤方法會準確判斷是否少於 155 字。. 圖 28 手動搜索標籤與自動搜索標籤螢幕功耗差異. 圖 29 手動搜索標籤(左)、自動搜索標籤(右)判斷差異示意圖. 31.

(39) 4.4.2. 顏色轉換時間差異. 如前段所述手動搜索標籤和自動搜索標籤對於標籤的認定會有所差異，所以數量上一定會有所差異，如圖 30 所示，X 軸為各網站，左 Y 軸為顏色轉換時間，右 Y 軸為影響標籤數，可以發現與 4.3.2 節一樣，手動搜索標籤和自動搜索標籤的顏色轉換時間與影響標籤數成長成正比，我們算出自動搜索標籤的平均顏色轉換時間為 291 毫秒，比手動搜索標籤平均顏色轉換時間 64 毫秒多約 4.5 倍，這樣會影響到使用者體驗。. 圖 30 手動搜索標籤與自動搜索標籤顏色轉換時間差異. 4.4.3. 搜索標籤方法差異總結. 根據 4.4.1 節所述，螢幕功耗各有優劣，我們認為兩種方法從功耗的差異上無法比較兩種方法的好壞，但是根據 4.4.2 節，顏色轉換時間平均增加約 4.5 倍，如圖 30 所示，每個網站的影響標籤數都明顯增加，我們分析其增加的標籤數是. 32.

(40) 哪類型的標籤，如圖 31 所示，每個網站自動搜索標籤增加很大比例的背景和文字省電色類型，但是自動搜索標籤最大的優點是能節省程式人員的時間，如果使用者想要直接享受到省電的功能的話，自動搜索標籤可以直接滿足。. 圖 31 標籤增加量結構圖. 第五節. 漸進變色效能比較. 在 4.1.1 中有提到我們設計了另一個變色方法，在本節中要比較其與原方法的省電和顏色轉換時間差異。我們選用 Google 做為實驗網站來比較省電差異，如圖 32 所示，X 軸為兩種方案，Y 軸中藍色為螢幕省電比例，紅色軸為手機省電比例，實驗結果顯示，螢幕省電比例漸進變色方案比原方案少了約 4%的省電，手機省電比例漸進變色方案比原方案少了約 1.5%的省電，兩種方案的省電差異很小。. 33.

(41) 圖 32 原方案與漸進變色方案省電比例顏色轉換時間同樣選用 Google 做為實驗網站來比較差異，如圖 33 所示，X 軸為兩種方案，Y 軸中藍色為滑動變色時間，紅色為滑動還原時間，漸進變色方法的滑動變色時間時由兩次顏色變色時間加總，滑動還原時間也是，實驗結果顯示，顏色轉換時間提高了約 2 倍，主要原因在於不管是變色和還原時，都要增加一個顏色的變化，但這並不是不好的，原因在於對使用者來說，沒完成變換顏色前，使用者會只是看到上一個顏色而已. 34.

(42) 圖 33 原方案與漸進變色方案顏色轉換時間. 35.

(43) 第五章結論和未來展望本文提出一個新的省電方法，在手機上滑動時根據 OLED 功耗模組變換顏色來達到省電效果，本文以瀏覽器為例子，省電實驗結果表示，可以節省 42%~95%的螢幕省電效果，如果計算所有手機功耗，可以節省 9%~35%的手機省電效果，省電效果的差異原因在於各網頁中的圖片比例不同，我們發現螢幕手電比例與圖片比例成反比。本方法的時間效率在實驗中表示網頁載入時間提高了 2.5 倍，顏色變換時間迅速平均為 64 毫秒，本文的省電重點為標籤的搜索，我們提出自動搜索標籤來節省程式人員的時間，螢幕省電效果差異在各網站中各有優劣，但是顏色轉換時間提高 4.5 倍，會降低使用者體驗。我們希望未來可以在瀏覽器以外的手機應用 APP 或系統上做到，更符合使用者的需求，因此不管在任何應用上希望可以有更多變色方法，除了可以在省電的前提下自訂顏色的選擇外，還可以在滑動過程中做更多的變化，例如可以在變色過程中插入緩衝的顏色，讓變色顏色過程較不突兀。自動搜索標籤可以進一步改良，目標減少多餘標籤的加入來減少顏色轉換時間，或者是加入對於圖片的判斷，例如：人物圖、大圖等，更符合現代人優先注目的內容，可以把標籤資料庫與雲端結合，達到一人分享多人受惠的目的。. 36.

(44) 參考文獻 [1] X. Chen, Y. Chen, & C. J. Xue, “DaTuM: Dynamic tone mapping technique for OLED display power saving based on video classification.”, Design Automation Conference (DAC), Jun 2015, pp. 1-6. [2] C. K. Kang, C. H. Lin, & P. C. Hsiu, “A win-win camera: Quality-enhanced power-saving images on mobile OLED displays.”, Low Power Electronics and Design (ISLPED), 2015 IEEE/ACM International Symposium, Jul 2015, pp. 267-272. [3] M. Dong & L. Zhong, L., “Chameleon: a color-adaptive web browser for mobile OLED displays.”, IEEE Transactions on Mobile Computing, 2012, Vol. 11. No. 5. pp. 724-738. [4] K. W. Tan, T. Okoshi, A. Misra, & R. K. Balan, “FOCUS: a usable & effective approach to OLED display power management.”, 2013 ACM international joint conference on Pervasive and ubiquitous computing, Sep 2013, pp. 573-582. [5] H. Y. , Lin, P. C. Hsiu, & T. W. Kuo, ”ShiftMask: Dynamic OLED power shifting based on visual acuity for interactive mobile applications “, Low Power Electronics and Design, Jul 2017, pp. 1-6. [6] J. Yu, H. Han, H. Zhu, Y. Chen, J. Yang, Y. Zhu, ... & M. Li, “Sensing Human-Screen Interaction for Energy-Efficient Frame Rate Adaptation on Smartphones.”, IEEE Transactions on Mobile Computing, 2015, Vol.14. No. 8. pp.1698-1711. [7] S. Djamasbi, M. Siegel, & T. Tullis, “Generation Y, web design, and eye tracking.”, International journal of human-computer studies, 2010, No. 68 Vol. 5. pp. 307-323.. 37.

(45) [8] D. Bosomworth, "Mobile marketing statistics 2015.", Leeds: Smart Insights (Marketing Intelligence) Ltd, 2015. [9] X. Chen, J. Zheng, Y. Chen, M. Zhao, & C. J. Xue, ”Quality-retaining OLED dynamic voltage scaling for video streaming applications on mobile devices”, 49th Annual Design Automation Conference, Jun 2012, pp. 1000-1005. [10] D. Kim, N. Jung, & H. Cha, “Content-centric display energy management for mobile devices.”, Design Automation Conference (DAC), 2014 51st ACM/EDAC/IEEE , Jun 2014, pp. 1-6. [11] C. H. Lin, C. K. Kang, & P. C. Hsiu, “Catch your attention: Quality-retaining power saving on mobile OLED displays.”, In Design Automation Conference (DAC), 2014 51st ACM/EDAC/IEEE, Jun 2014, pp. 1-6. [12] M. Dong, & L. Zhong, “Power modeling and optimization for OLED displays.”, IEEE Transactions on Mobile Computing, Sep 2012, Vol. 11. No. 9., pp.1587-1599. [13] J. Yu, Y. Chen, & J. Li, “Color scheme adaptation to enhance user experience on smartphone displays leveraging ambient light.”, IEEE Transactions on Mobile Computing, Mar 2017, Vol.16. No. 3., pp. 688-701. [14] H. Y. Lin, C. C. Hung, P. C. Hsiu, & T. W. Kuo, "Duet: An OLED and GPU Co-management Scheme for Dynamic Resolution Adaptation", To Appear In IEEE/ACM Design Automation Conference (DAC), Jun 2018.. 38.

(46)