:::
顯示具有 Android 標籤的文章。 顯示所有文章

Note系列的多重視窗管理器 Multi Window Manager (Phone) / Multi Window Manager for Note Devices

布丁布丁吃布丁

Note系列的多重視窗管理器 Multi Window Manager (Phone) / Multi Window Manager for Note Devices

image

Multi Window Manager (Phone)這個APP可以讓你自訂Samsung Galaxy Note系列多重視窗可以使用的APP,讓你真正可以用多重視窗一次開啟兩個任何的APP。不過使用Multi Windows Manager必須root。推薦Samsung Galaxy Note系列使用者安裝。

If you have Samsung Galaxy Note devices, you can use Multi Window Manager (Phone) to configure your multi window setting. With Multi Window Manager (Phone), you can use more Apps with multi window.


Note系列的多重視窗功能 / Multi Window

20140723 [BLOG] Multi Window Manager - 6

我自己使用了Samsung Galaxy Note 8平板電腦,這臺平板電腦的特色之一就是具備了多重視窗的功能。多重視窗可以讓我一邊讀論文,一邊上網查詢其他事物。一般的手機一次只能顯示一個APP畫面,而多重視窗則可以活用平板的大螢幕,工作效率可以高很多。

可惜Note系列預設允許放入的APP不多,除了Google的Chrome地圖之外,剩下就是Note內建的APP。Android的使用者當然都有自己喜歡的APP。以我來說,瀏覽器我喜歡用Firefox、檔案管理我用ES文檔瀏覽器。但是這些都不被多重視窗所支援,只能像一般的手機一樣,用整個畫面開啟一個APP。

但是後來發現,其實有很多Note系列的使用者在修改多重視窗的設定,讓Note系列的多重視窗可以使用更多APP。

多重視窗管理器 / Multi Window Manager

image

Multi Window Manager (phone) 簡稱MW Manager,可以用來簡單地重新修改多重視窗可以使用的APP清單。MW Manager是使用Xposed框架的一個模組,而要使用Xposed框架則必須先經過root。因此在此我也順便整理一下Samsung Galaxy Note 8的安裝方式。

安裝設備:Samsung Galaxy Note 8 / Device: Samsung Galaxy Note 8

Screenshots_2014-07-23-20-34-55

我這臺Samsung Galaxy Note 8是有3G模組的GT-N5100,Android版本是4.1.2。

1. 取得Root權限 / Root Device

其實這臺我買來不久就Root了,可是我已經忘記當初是怎麽做的,大概是因為做法簡單到讓我沒有留下深刻的印象吧。所以這個Root的部分就拿DavidGuo在Mobile01分享的「(10/23) Note 8.0 root 心得分享」來做參考,重點摘錄如下:

  1. 先確定您的版本,3G版型號為N5100,Wifi版型號為N5110,LTE版型號為N5120。
  2. 下載CF-root檔案:到CF-Auto-Root官網找到自己的型號下載。若懶的找的話,鏈接在此:
    1. 3G版Wifi版 
    2. 布丁備份:3G版Wifi版
  3. 下載完後解開它,會有三個檔案。
  4. 關機後。按著「Power+Home+Vol Down」進「Download Mode警告畫面」,再按一下「Vol Up」真的進入Download Mode(此畫面也可以看你刷過幾次機。)
  5. 接下來執行Odin(在剛剛解開的檔案中), 點「PDA」,讀入剛剛的tar.md5檔,接下來按下Start就OK了。

Note 8的root不需要鏈接電腦,操作挺簡單的,也感謝CF-Auto-Root製作的強大工具啊。

2. 下載Xposed框架APK檔案 / Download Xposed Framework APK

挨踢路人甲日前介紹了Xposed框架,他的教學非常完整。附帶一提,挨踢路人甲這篇也同時介紹了Xposed框架中強大的GravityBox,我的Sony Xperia TX用它開啟了很多很棒的功能,未來有機會我再介紹GravityBox。

回到正題,Xposed框架並沒有在Google Play上架,必須到XDA下載Xposed installer:

3. 安裝Xposed框架 / Install Xposed Framework

下載並安裝之後,接著開啟Xposed Installer。

20140723 [BLOG] Multi Window Manager - 4 annotated

然後到 框架 中,點下「安裝/更新」按鈕。Xposed框架會跳出警告,確認安裝並等待一陣子之後,Xposed框架會顯示安裝完成,並要你重新啟動。但我們現在先不重新啟動,之後MW Manager模組設定完之後也需要重新啟動,倒時候再一併重新啟動就好,現在先退出Xposed吧。

4. 安裝Multi Window Manager / 4. Install Multi Window Manager

2014-07-23_210559

Xposed框架本身並沒有在Google Play上架,但是他很多模組都可以在Google Play下載,MW Manger也是其中一個。

請下載並安裝吧。

5. 啟用MW Manager模組 / Enable MW Manager Module

剛安裝完的MW Manager並無法立即生效,還必須先在Xposed框架中啟動才行。

image

請開啟Xposed Installer,到「模組」中,按下「MW Manager」(如上圖所示)右邊的核取框,啟用MW Manager。

然後我們再按下MW Manager的圖示,進入MW Manager設定。

6. 設定MW Manager / MW Manager Setup

20140723 [BLOG] Multi Window Manager - 2- Annotated

進入MW Manager之後,你會看到一長串你安裝的APP清單。接著,請你把想要在多重視窗中使用的APP右邊的核取方塊打勾。例如超級任天堂模擬器Snes9x EX+

勾選完成之後,再按下右上角的儲存圖示 image儲存。

image

跳出這個對話框時,表示儲存完成,然後請按下「Reboot」重新啟動即可。

註:預設MW Manager安裝後使用的是白色主題,拍攝這張圖片的時候,我已經啟用了暗色主題,所以看起來跟剛安裝好之後有點不一樣。

7. 完成 / Completed

Screenshots_2014-07-23-19-04-17 - a

這時候打開多重視窗的編輯功能時(可參考3C布政司中axiang1980的介紹「讓GALAXY Note II更強的「多重視窗」功能來了!LJA版韌體更新與使用心得分享!」),就可加入剛剛設定的APP囉。

20140723 [BLOG] Multi Window Manager - 7

於是像這樣子用下視窗玩遊戲、用上視窗查詢遊戲攻略,也變得相當容易了!


結語:Note 8助我良多 / Conclusion: Thank You, Note 8

DSC_0518

這臺Note 8我是在臺灣剛上市不久的時候買下來的,直到現在,我依然覺得這是一臺很好用的平板電腦。

20140311 婷芸的標註地圖草稿_02

Note 8並非只有平板的大螢幕,它8吋的大小也很適合拿在手上與放入包包中,更重要的是它具備了一下兩個功能:

  • S Pen觸控筆:我已經非常習慣使用S Pen規劃筆記,還有上面的截圖也都是用S Pen操作,非常方便。
  • 多重視窗:就是上面介紹的東西。

今天總算開啟了多重視窗原本的限制,讓我能夠更加活用多重視窗的功能,真是感動。

不過我今年年初推薦了朋友購買了這臺,結果到後來讓朋友都在上網看漫畫跟影片,這好像是另一個令人擔心的缺點啊……

(more...)

修復Android手機無聲的問題 / Android Phone No Sound Problem Repair

布丁布丁吃布丁

修復Android手機無聲的問題 / Android Phone No Sound Problem Repair

20140721_174009

當Android手機的電話無法從聽筒聽到聲音,卻可以用擴音聽到聲音時,很有可能是因為耳機偵測錯誤造成的問題。此時只要重新插入、拔出耳機,就能夠修復這個問題。

When you can not hear sound from your Android phone and you can use amplifier to play sound, it may be caused by  the headphones incorrectly detected problem. To repair this problem, you can use a headphone to plug in and unplug.


聽筒無聲的問題 / No Sound Problem

今天我接到電話時,我完全聽不到對方的聲音。幾經測試之後,發現我的Android 4.1 (Sony Xperia TX)手機不論是撥號還是接聽,對方的聲音完全是聽不見。我的聲音可以傳遞給對方,表示麥克風正常。若是按擴音,也可以聽到對方的聲音。我試著開機,但是問題仍舊相同。因此這可能也不是軟體的問題,而是內建聽筒的問題。

Android這種智慧型手機有個特色,就是能夠偵測耳機是否插入,決定聲音的輸出是要從內建聽筒、擴音器還是耳機輸出孔。雖然當時我並沒有插著耳機,但是我平時很常使用耳機聽音樂,這可能導致Android耳機偵測誤判了。

修復耳機偵測錯誤的問題 / Repair Headphones Incorrectly Detected Problem

我使用以下的方法修復,做法很簡單。

  1. 找一個耳機,插到手機上。若耳機正確偵測,通知欄會出現手機的圖示。
    20140721_174437
  2. 拔出耳機,確認通知欄的耳機圖示消失,表示解除耳機模式。
    20140721_174514

這樣子再打電話就有聲音了。

我看網路上大家都是打到客服去問,結果受到的答案不是重開機就是回覆原廠設定,事實上只要找個耳機重新插入就能解決問題,請不要這麼大費周章喔。

(more...)

淺談Android遊戲手把 / Talk About Android’s Gamepad

淺談Android遊戲手把 / Talk About Android’s Gamepad

image

Android上玩傳統電視遊樂器的遊戲通常使用觸控螢幕模擬傳統遊戲手把,但是觸控螢幕不僅遮擋畫面,操作手感也不如遊戲手把靈敏。我關注Android的實體遊戲手把好一陣子了,在這篇想跟大家聊聊這個主題。

When using Android phone or tablet, it is very difficult to use virtual gamepad to  play emulator games on touchscreen. This years, I have searched the solution of using physical gamepad to controll Android’s game. In this article, I want to talk about some gamepad solutions for Android.


行動裝置與遊戲 / Mobile Device & Gaming

4 - 1

隨著要處理的事情逐漸變多,現在已經很難有長期坐在螢幕前的時間。我大部分時間都是用Android系統的手機與平板電腦在處理事情,上圖的期刊論文閱讀就是一個例子。

Snes9x EX

有認真讀書,當然也有認真遊玩的時候。Android中有許多APP模擬器可以讓我回味經典好遊戲,像是這個超級任天堂的模擬器Snes9x EX+,可以讀取超任的ROM模擬執行超任的遊戲,並在觸控螢幕上顯示虛擬觸控遊戲手把以進行操作。

然而實際上玩起來之後很快就會發現,觸控螢幕上的虛擬按鍵操作起來非常困難。特別是用在即時動作遊戲上,由於缺乏實體按鍵的回饋,你很難確定自己到底按到的是哪個按鍵,亦即所謂的胖手指症候群(fat-finger syndrome)

ABAM36-A63894264000_4fbe6ac3365b9

上圖這種鋁合金觸控遊戲搖桿是可以將搖桿以吸盤形式裝在觸控螢幕上,讓玩遊戲時能夠操作實體的搖桿。但是這搖桿會阻礙部分螢幕的位置,像上圖格鬥遊戲的角色就被擋住了。因此我個人對這種產品並不是很看好。如果要不阻擋螢幕地在手機或平板上玩遊戲的話,外接遊戲手把還是我想要的方案啦。


既有的遊戲手把 / Ready-made Gampad for PC or TV Game

PC的USB遊戲手把 / Gamepad for PC

在聽說Android 4支援遊戲手把驅動程式之後,我那段期間熱衷於以電腦的USB遊戲手把接到Android來測試看看能不能玩。那時候我是用Novo 7領先版平板電腦刷成Android 4,再透過USB-OTG外接遊戲手把。現在的手機或平板也幾乎都支援了USB-OTG,只是一般大家都拿來接鍵盤滑鼠就是。

嘗試了三四隻左右的遊戲手把之後,最後可以使用的居然是一隻非常老舊的遊戲手把。這隻手把缺少了現在手把都會有的類比搖桿,而且按鍵鬆鬆的不太好按,但是它卻能接在Android上操作畫面!反而是當時具備雙類比搖桿的USB遊戲手把卻接了也沒反應,我猜是因為驅動程式沒有支援到新型USB遊戲手把吧。

然而那隻舊手把操作起來常常卡鍵,而且攜帶上也不太方便,所以我就繼續找尋其他方案。

電視遊樂器的遊戲手把 / Gamepad of Wii and PS3

其實比起PC用的USB遊戲手把,網路上的教學大部分都是以Wii跟PS3的藍牙無線遊戲手把為主。

一開始流行的是將Wii的遊戲手把用於Android上,設定起來配置很簡單,可以參考T客邦的教學。然而Wii的棒狀手把與傳統人體工學不符,我自己並不喜歡這種遊戲手把,所以傾向於選擇其他方案。

lL1F0

後來PS3的遊戲手把與Android配對的教學開始興盛,像是「用 PS3 手把玩遊戲:Sixaxis Controller 軟體篇」這篇就是大家常常引用的對象,還有不少人為了結合手機與PS3遊戲手把,用手工製作支撐架來組合手機與手把(如上圖),甚至也不少量產的支撐架產品,可見PS3遊戲手把與Android的組合相當受歡迎。

我個人也比較喜歡PS3的遊戲手把設計。可是一個原廠遊戲手把要價台幣1540有點貴,於是我就到網拍找了一下副廠的遊戲手把來購買,價格大概是近千元。可是買回來之後試了老半天卻發現怎樣都無法跟Android配對,後來才知道原來是因為副廠的PS3遊戲手把本來就是無法跟Android配對。希望想用PS3遊戲手把操作Android的朋友千萬不要貪小便宜買副廠的,去買原廠手把吧

嘗試很久依然失敗之後,我就灰心地把副廠手把轉讓給朋友,然後用遊戲手把玩Android的夢想就默默地塵封在待辦事項的最後面了。


自帶遊戲按鍵的Android平板 / Android Device Combined Gamepad

金星 JXD 的遊戲機 / JXD’s Gamepad

139202724188807

之後讓我再度興起這個注意的是大陸品牌金星JXD。金星JXD是做MP3/MP4起家的,一開始也只是主打音樂與影片播放器。逐漸改進作業系統之後,開始做出山寨PSP外表的模擬遊戲機。再來結合了Android系統之後,推出了依然是山寨PSP外表的GamePad互連網遊戲機,作業系統甚至客製化了一個遊戲中心。

138984265886605

接著螢幕畫面也朝向平板大小的7吋邁進,並依然在平板上建置遊戲手把的按鍵,像上圖這台S7300曾讓我一度心動不已,差點就忍不住下單購買。

後來冷靜調查一下,大部分買家的評價普遍不佳。主要原因包括:

  1. 按鍵設計不良:畢竟在平板大小上安裝了類似PS3的手把,結構上本來就有諸多差異,而人體工學設計上考量不夠周延,按鈕排列讓操作很不方便。
  2. 螢幕邊框有落差:由於螢幕旁邊有框,這讓手指在觸控操作時常常卡到旁邊的邊框,很多手勢、側邊欄位都難以開啟。這也是為什麼現在手機或平板都會做全平面的設計。
  3. 不是原生支援Google Play:大部分大陸品牌的Android系統都沒有購買Google Play的認證,儘管因此相對上比較便宜,也可以自行安裝Google Play APP,但是很多APP其實都無法安裝到缺乏認證的Android系統上。

基於以上種種原因,加上金星JXD的遊戲平板價格也相當昂貴,我對金星JXD一直是抱持著觀望的態度。

NVIDIA的遊戲機:NVIDIA SHIELD

shield-front-open-real-boxing

2013年間Android硬體最大的焦點之一,就是顯示卡公司NVIDIA推出了Android系統的遊戲機NVIDIA SHIELD。夾帶的Android的通用性與NVIDIA強大的行動處理器NVIDIA Tegra 4,NVIDIA SHIELD作為Android的遊戲機而備受注目。

眼尖的你可能已經注意到NVIDIA SHIELD的設計彷彿是上面PS3遊戲手把與手機的組合。NVIDIA SHIELD讓手把與遊戲螢幕合而為一,收納時,螢幕可以摺疊到手把上;要啟用時,則打開螢幕,調整好自己喜歡的角度,然後操作遊戲手把。

我覺得NVIDIA SHIELD在遊戲手把與螢幕間取得很好的平衡,不過我對於遊戲手把人體工學易握性上感到質疑。另外就是我會比較想要可以拆裝在現有手機上的手把,而不是一整台Android遊戲機。

此外,NVIDIA SHIELD並沒有直接在台灣發售。原價299美元,代購價格幾乎都是破萬。為了在Android上偶爾玩個遊戲而花費這麼多錢,我自己覺得有點捨不得就是。


Android 適用的遊戲手把 / Gamepad for Android

既然PC用的USB遊戲手把無法生效、Wii與PS3的遊戲手把組合又不太合身、又不想買金星JXD或NVIDIA SHIELD這種一整台的遊戲機,到底有沒有能夠跟Android搭配的遊戲手把呢?

有的,現在真的有專門為了手機與平板設計的遊戲手把產品。

MOGA系列Android遊戲手把 / MOGA Gamepad for Android

f_434804_1

電腦硬體周邊製造商PowerA針對行動裝置推出MOGA系列遊戲手把。在CES 2013中最受人注目的就是Moga Pro。Moga Pro的架構其實就跟PS3加上支撐架很像,上圖的Moga Pro只有遊戲手把跟支撐架的部份,並不包含圖中的手機。平常你沒要玩遊戲時,可以把巨大的遊戲手把收進包包中;要玩遊戲時在拿出手把,把手機裝載支撐架上,設定藍牙連線後,就能夠開始遊戲。

Moga系列後面的產品還有做出行動電源版本,可以讓玩家邊玩邊充電。對於耗電量非常兇的Android系統來說,其實是一個很不錯的設計。

Moga Pro價格約79.99美金,換算台幣大概2500左右。儘管比起NVIDIA SHIELD來說便宜許多,但是作為購買一個遊戲手把來說還是讓我覺得難以下手。另外就是傳統人體工學的遊戲手把還很大,不好攜帶。我希望能夠找到更輕薄短小的遊戲手把,讓我平時好把它放在包包中,隨時讓我有空可以拿出來跟手機合體後進行遊戲。

iPega與FlashFire / iPega & FlashFire

又隔好一段時間,我突然心血來潮找找看Android的遊戲手把,結果沒想到出現了許多類似Moga架構的山寨品,而且價格還便宜很多呢。

網拍上大致上看了一下,主要販售的產品有iPegaFlashfire這兩家。前者的iPega 2是模仿XBOX的遊戲手把設定,後者Flashfire則捨棄了一般遊戲手把的人體工學,做出像是任天堂一樣的一片手把。兩者都具備可摺疊、伸縮尺寸的支撐架,方便跟手機結合,並透過藍牙與手機連線。兩者價格都在千元之內。不過這兩者都是來自於大陸的產品就是了。

image

基於攜帶性考量,我個人比較偏好容易塞進包包的Flashfire,如上圖。不過由於設計上比較特殊,我覺得在操作上還需要實際體驗或評估一下比較好。


小結 / Conclusion

上面聊了各種可以在Android上使用的遊戲手把,但是若要在手機上玩遊戲的話,其實還有另一種逆向思考:玩原本就是在觸控螢幕上操作的遊戲就好啦。雖然說回憶最美,模擬器最受老人歡迎,但是現在手機上的遊戲卻也是相當的精緻,何不跟隨潮流,接受現在流行的塔防類、跑酷類、拼圖類的遊戲呢?

仔細想想,比起玩遊戲這件事情,也許我更重視的是那種面對玩遊戲的心情吧。儘管現在實際上已經沒有什麼時間可以給我玩遊戲了,我還是常常抱持著有朝一日會重新再來回味超任、PS、NDS、PSP那些老舊卻經典的遊戲、或是重回艾爾林的沙灘上去坐著渡假的心情,而努力完成每一天的工作。

即使長大之後,我還是希望自己不會忘記那種進入遊戲世界中的興奮與期待。能夠好好享受遊戲的人,才能夠好好地遊戲人生。

(more...)

「布丁布丁吃什麼?」也有Android APP囉! / The Android APP Version of “Pulipuli Blog”

「布丁布丁吃什麼?」也有Android APP囉! / The Android APP Version of “Pulipuli Blog”

image

布丁的blog「布丁布丁吃什麼?」已經登上了Google Play,在此我也聊一下最近自己對於這個blog的一些感想。

The Android APP of my blog "Pulipuli Blog" had been upload to Google Play. Following is my thoughts about this APP and my blog.


Google Play下載「布丁布丁吃什麼?」 / Download APP From Google Play

31 - 2

這個APP就是前幾天我用AppsGeyser製作的結果。製作這個APP其實也沒花很多功夫,也就是把Blogger的行動版網址輸入到AppsGeyser,就能夠下載一個這樣的APP。不過比起用AppsGeyser製作APP這種懶人的作法,設計圖示反而更令我困擾啊。之後也得花點時間來研究如何設計好的圖示囉

總而言之,現在你用Android手機也能夠閱讀「布丁布丁吃什麼?」囉。這還真是自我行銷的一種手段啊。

不過比起推廣「布丁布丁吃什麼?」這件事情,我更把它當作是一個玩具在看待。也許改天有時間了,我也許會拿起PhoneGap與jQueryMobile自己手工製作一個APP,把「布丁布丁吃什麼?」APP加上自己喜歡的功能喔。到時候我也會寫blog跟大家分享這段經驗吧。

對於APP的反思 / My Thoughts of APP

當兵的時候,有一位學長在跟我講他堅持買iPhone的理由:

因為iPhone上有個時尚網站的APP,那是我時常關注的網站,所以我想買iPhone。

我對此感到困惑已久,如果只是想要獲取某個網站的資訊,你為什麼不要用RSS呢?先不論很多人並不知道RSS這個工具的這點,許多資訊提供者(包括圖書館與建置數位典藏的那些人)都抱著「你要資料,請來我這裡」的高傲想法,逼迫使用者必須要用他們設計的介面、用他們建立的瀏覽方式,讀者才能獲得他們的資料。

這種APP也是如此。以「布丁布丁吃什麼?」來說,這個APP也沒有提供什麼功能,只是從最新文章開始往下閱讀、瀏覽而已,連搜尋功能都沒有提供。但如果是某些情況下,大家要取得「布丁布丁吃什麼?」的資料,那就得遵循這個APP的遊戲規則才行。

老實說,我不是很欣賞這種作法。更明白地說,我其實不建議大家去下載目前的「布丁布丁吃什麼?」APP。你可以直接從網頁瀏覽器來開啟「http://pulipuli.blogspot.tw」,也可以用RSS來追蹤「布丁布丁吃什麼?」的最新動態。不過我更推薦的是,用Google搜尋吧。

用RSS來把握「布丁布丁吃什麼?」的最新動態 / Using RSS To Follow Pulipuli Blog

要追蹤「布丁布丁吃什麼?」的最新資訊,我建議用你可以用RSS:

要訂閱這個RSS,你需要選擇一個RSS的工具。在Google閱讀器關閉的現在,你也有其他方案可以選擇:

要在Android上閱讀RSS,除了用Feedly的Android版本之外,我也很推薦好用的gReader:

用社群網站來追蹤「布丁布丁吃什麼?」的最新動態 / Follow “Pulipuli Blog” In Social Website

雖然我很喜歡RSS,不過這年頭似乎趨勢是封殺公開的RSS標準,轉向封閉型的社交網站。為了迎合這股風潮,「布丁布丁吃什麼?」在兩大社交網站上也有自己的粉絲團:

image

赫然發現我忘記用IFTTT把Blogger的訊息轉到Facebook粉絲團中,所以粉絲團資料是空的orz

image

我記得我好像設定了HootSuite,所以Google+專頁上充滿了我的Blog文章以及Plurk發言

用Google搜尋來找「布丁布丁吃什麼?」的文章吧 / Don’t Browse, Search It!

image

嗯,常常看我文章的讀者應該知道,比起追蹤「布丁布丁吃什麼?」的最新動態,我還比較推薦讀者直接用Google等搜尋引擎搜尋你要的資料就好。而且請不要用Blogger提供的搜尋功能,那功能找的資料比Google搜尋還要差得許多。

我寫blog的方式並不是有堅持特定主題,或是以某種組織架構連貫而成。除了少數幾篇我會把文章拆成幾個部分來撰寫之外,大多數文章我都是希望能夠獨立呈現。這篇文章自己就應該是一個完整的論述,而其他相關資訊則以超連結呈現。

關心作者的近況 / Follow Pudding’s Status

如果想要了解國內圖書資訊學的近況,那時常關心中華民國圖書館學會的電子報,那我覺得很合理。不過因為「布丁布丁吃什麼?」是一個個人興趣而撰寫的網誌,除了我自己之外,我想不到有什麼理由需要會讓人需要追蹤最新動態就是。

如果要關心我個人的話,那我會比較建議你看我的Plurk比較直接喔。

image


結語:「能寫blog真是太好了呢」 / Conclusion: “It’s really great that you write blog.”

這顆布丁是在無聊的世界中找尋樂趣的一種不能吃的食物。喜歡動漫畫、喜歡遊戲、喜歡程式、喜歡跟世間脫節的生活步調中,撰寫blog──布丁布丁吃什麼? http://pulipuli.blogspot.tw/

最近幾天,我把這學期應該要分享的資料拿出來分享。這些文章大多都已經是過去的事件,但是他們有分享的價值,所以我會希望能夠在「布丁布丁吃什麼?」這個blog中,分享這些微小、不成熟,但是可能會在哪裡對某些人有所幫助的知識。

因為撰寫「布丁布丁吃什麼?」的緣故,最近也是遇到許多預期之外的好事。更讓我深信,在這不起眼的blog中分享我的所學所得,這是有所價值的行為。

「布丁布丁吃什麼?」從2005年12月25日(居然是聖誕節)

也許哪一天我會無法繼續撰寫文章,也許哪一天我也會離開這個世界。不過至少,我在這個blog中留下了活著的痕跡。「布丁布丁吃什麼?」就是我想要改善這個世界的,小小貢獻。

(more...)

用AppsGeyser把網站轉換成Android APP / The Usage of AppsGeyser: From Website to Android APP

用AppsGeyser把網站轉換成Android APP / The Usage of AppsGeyser: From Website to Android APP

appsgeyser_log_beta

我使用AppsGeyser把「布丁布丁吃什麼?」做成APP,並製作一個簡單的投影片介紹如何操作,並記錄把網站做成APP的一些看法。

I used AppsGeyser to package my blog: "pulipuli.blogspot.tw" as a Android's APP. I share a slide about usage of AppsGeyser and my thoughts of WebApp.


從網站與APP / From Web Site to APP

很多人都想把他們的網站做成APP,但是其實很多網站只要遵守自適應網頁設計原則(Responsive Web Design),就能夠直接用手機的瀏覽器開啟。

Android的APP具備Webview的功能,能夠讓你在APP中開啟指定網址。而AppsGeyser則是提供了一個Android APP框架,讓你建立一個開啟指定網址的APP,並協助你上傳到Google Play

Blogger提供了27種行動版的網頁介面。行動版的網頁介面簡化了網頁排版,將連結按鈕加大,方便行動裝置使用者用手指點選。以「布丁布丁吃什麼?」來說,以下兩個網址各別呈現桌面版與行動版的樣貌:

桌面版網址會偵測瀏覽器的類型,在行動裝置上開啟桌面版網址則會自動轉到行動版的網頁去。這次我就是用「布丁布丁吃什麼?」的行動版網頁來製作APP。

AppsGeyser的操作 / Guide of Apps Geyser

很多人都在網頁上介紹過AppsGeyser。我為了方便跟大家分享而製作了投影片。

APP下載 / Download APP

chart

手機直接掃描這個QR Code,你就可以把我的APP下載到你的手機囉。


讓網頁看起來像是APP:WebApp / Make Website Like A APP: WebApp

用Blogger的行動介面可以快速產生一個適合在行動裝置上瀏覽的網頁介面。不過這還不太像一個APP。作為一個良好的APP,我們需要讓操作元件遵守作業系統的設計規範。至少也要做個像是可以按的按鈕之類的操作介面,才會讓使用者覺得這會是一個APP。這種網頁一般就稱之為WebApp

jquery mobile

現在很多網頁元件提供了類似APP的操作元件,例如jQuery Mobile就內建了上圖的選單與按鈕,iUI更是讓你的網站一整個就像是APP。你可以重新設計網頁版面,套用jQuery Mobile或iUI提供的框架(framework),然後你就可以在網頁瀏覽器中操作一個像是APP的網頁了。

如果用AppsGeyser把長得像APP的WebApp製作成真的APP,那就會像是真的在使用APP一樣。

用網頁語法製作APP:PhoneGap / Using HTML5 to Create a APP: PhoneGap

如果你覺得在APP中開啟網頁來操作一個長得像APP的WebApp感覺非常彆扭,或是你覺得AppsGeyser提供的介面與功能太過簡陋或是多餘(我其實對AppsGeyser強迫隱藏手機的通知列這點感到困擾),那何不試著用你原本的網頁程式碼來製作一個真正的APP呢?

phonegap

PhoneGap是一個用HTML、CSS與JavaScript來製作iOS、Android、Windows Phone等行動裝置的APP的免費工具。在這裡你不需要額外去學習Android的程式語言JAVA、也不用學習iOS的程式語言Object-C,而是用你原本就會的網頁寫作語言:HTML、CSS與JavaScript來製作APP。

基本上PhoneGap也跟AppsGesyer很像,他一樣是製作一個內建Webview的APP,讓你用APP開啟手機瀏覽器來顯示你用PhoneGap撰寫的網頁。不過PhoneGap還提供了許多用JavaScript呼叫的函式庫,讓你在網頁語法中使用手機內建的元件,還有相機、儲存裝置、定位系統等網頁之外的功能。

使用PhoneGap來開發APP,你可以讓你的WebApp不只長得像是APP,還能夠使用行動裝置上面的其他功能,讓它更像是一個APP。

最近看到我常用的IDE NetBeans也支援PhoneGap的開發,真讓我感到躍躍欲試啊。

網站就是APP: Firefox OS / HTML5 Website Is a APP: Firefox OS

上面的WebApp都是在APP中利用Webview內嵌一個瀏覽器以顯示一個長得像是APP的網頁。不論是用jQuery Mobile、iUI讓網頁長得像是APP,還是用PhoneGap讓網頁可以用手機的功能,他們都還不是一個APP。因為在Android上執行APP是要用Java撰寫,在iOS上執行APP是要用Object-C撰寫,要執行你寫的WebApp都還是得透過網頁瀏覽器。

FirefoxOS_Screenshot_Development_Build_2012-10-23

Mozilla抱持著開放自由的遠大志向,製作了Firefox OS。Firefox OS是一個真的是用HTML5(就是HTML、CSS、JavaScript等網頁技術)來撰寫APP的作業系統。我們撰寫Firefox OS的APP時不僅可以用HTML5的語法,還能用Firefox OS推廣成為網頁標準的Web APP。這下子不需要在PhoneGap裡面才能引用手機功能的函式庫,你可以在網頁裡面直接以JavaScript取用手機的功能了。


APP開發方式的選擇 / Selection of APP Development

原生語言 / Native Solution

許多人,特別是電腦訓練課程補習班,他們大多都認為要製作在手機上運作的APP,就必須要用手機原生的程式語言(Native Solution)來撰寫。你要在Android上開發APP,你就必須用JAVA來撰寫,並且上傳到Google Play;你要在iOS上開發APP,你就必須用Object-C來撰寫,並且上傳到App Store。

Unify 3D

f00e0d2be734d5ce3de73091586b1e8c

除了原生語言之外,你也可以利用Unify 3D這種程式開發工具來製作跨平台的APP。現在手機上許多遊戲,特別是在Android與iOS都能夠看到的APP,很多都是用Unify 3D來製作。根據網路上的評論,Unify 3D製作的效率並不會比原生語言還要差得太多。不過Unify 3D是付費軟體,製作並發佈APP的成本可不便宜喔。

HTML5

HTML5

那用自由免費又跨平台的HTML5來開發WebApp呢?就像我這一篇從AppGeyser,一路談jQuey Mobile、iUI、PhoneGap到Firefox OS。

但是其實很多人都對於WebApp抱持否定的看法,像是認為PhoneGap製作的APP在跨平台與執行效率上有著相當大的問題。而在iOS的App Store上,更是明言拒絕WebApp上架。在Android與iOS這種原生語言非HTML5的作業系統上,藉由網頁瀏覽器來執行HTML5的APP,當然執行效率與外觀都比不上原生語言來得好。這是可以預見的情景,我並不感到意外。儘管實際上我還沒有真正著手踏入製作APP,不過我對WebApp的期許卻是一直都比原生語言來得高。

原生語言與WebApp的爭論就像是早期程式語言的爭論,有人認為使用組合語言為專門機器開發效率比較高,高等語言還要經過編譯效率較差。但是現在普遍的認知卻是偏向以高等語言來進行開發,這是因為高等語言在學習與開發效率上比組合語言高上更多。

儘管HTML5的HTML、CSS與JavaScript實際上是比Java還要再高等一些的高等程式語言,但是門檻也不見得比較低,很多人在面對JavaScript的Event與CSS的Selector上都遇到很多困難。不過比起開發效率,我認為HTML5的價值在於他是一個開放、自由、普遍流行的程式語言。比起花很多時間寫一個APP,最後只能在單一平台上執行。我認為用HTML5撰寫一個可以在任意平台上執行的APP更有價值。

使用APP的自由 / The Freedom of APP

許多人都會受到手機與APP彼此之間的高耦合的限制。例如想要用某個APP而選擇了iOS,又因為選擇了iOS而無法使用Android上面的APP。這種大家已經習以為常的場景,背後卻是代表著壟斷、封閉的下場。

我認為裝置歸裝置、APP歸APP,這才是真正的自由。我們應該是要用開放自由的程式語言,來開發一個包括電腦、手機等任何平台都能夠共用的APP。就這點來看,Firefox OS相當具有前瞻性,也是我十分看好的未來方向。


結論:WebApp是網站行動化計畫的最佳方案 / Conclusion: WebApp is the Best Solution

最近很流行兩個名詞,一個叫做「雲端」,另一個叫做「APP」。儘管真正搞懂這兩個名詞的人並不多,但是我們也毫不免俗地提出了一個目標兼具開發「雲端化」與製作「APP」的計畫。

除非一開始就致力於APP的開發,不然大部分的計畫應該都會以製作網頁應用為起點。特別是圖書館常見的數位典藏、數位圖書館計畫,大家都是製作一個用瀏覽器就能閱覽的網站。以這個網站為基礎,將網站套上行動網頁的元件,就能夠製作出長得像是APP的網頁。接著再用PhoneGap打包網站本身,讓網站直接以APP的方式交到使用者手中。

這就能夠在成品中包含「雲端化」──資料保存在遠端伺服器,不論你用哪種裝置都能夠取用相同的資料,以及「APP」──用手機行動裝置也能夠取用計畫成果的內容。

這是我心中規劃的最佳方案,也是我目前亟欲推薦老師往這方向進行開發的目標──不過這跟我的論文沒有直接關係就是了。

最後,其實我剛剛把AppsGeyser製作的APP上傳到Google Play去了,還付了750元台幣註冊成為Google Play的開發者。不過目前還不能在Google Play中搜尋到我的APP「布丁布丁吃什麼?」。我猜想可能是因為發佈後得過幾個小時才能看到結果吧?那晚點可以在Google Play找到我的APP的時候,我再跟大家說囉。

(more...)

改變BlueStacks預設解析度

布丁布丁吃布丁

改變BlueStacks預設解析度

bluestacks_logo

BlueStacks是一個Windows跟Mac等桌面作業系統上執行的Android模擬器。因為Windows 8的App實在是太少也不好用,所以讓我興起了安裝BlueStacks在Windows 8使用Android的App的想法。第一個大問題就是BlueStacks預設解析度1440*900跟筆電螢幕最佳解析度1920*1020不同,導致畫面看起來模糊不清。

我發現網路上許多人都在做BlueStacks hack的研究,試著改造BlueStacks讓他更好用。這篇要講的設定解析度只是叼蟲小技之一,在這邊做一個簡單的紀錄。


BlueStacks解析度位於登錄檔中

image

我在Windows 8中看到BlueStacks解析度在登錄檔的位置為:

HKEY_LOCAL_MACHINE\SOFTWARE\BlueStacks\Guests\Android\FrameBuffer\0

其中裡面有兩項參數需要修改,各別是WidthHeight,也就是對應到寬度與高度。

image

打開其中的數值,先將右邊的「底數」調成「十進位」,然後再到左邊「數值資料」設定你要的寬度或高度的數值。

image

修改完成之後,必須從Windows右下角通知欄徹底離開BlueStacks,然後再重新啟動它,這樣修改後的解析度才會生效。

低解析度與高解析度的差別

到底修改前跟修改後有什麼差別呢?我試著用照相機照給大家看看。

DSC_0328

首先這是BlueStacks預設的1440*900大小,在WIndows 8電腦桌面1920*1080解析度的情況下,它的視窗模式大概也只有桌面2/3的大小而已。

DSC_0330

在BlueStacks預設解析度放大到全螢幕的情況下,其實文字跟圖片都會有點模糊。

DSC_0333

這一張則是把BlueStacks的解析度調整到跟桌面一樣的1920*1080,桌面圖示比起上一張來說小了一點,但是卻是十分清晰。當然,這樣用起來其實不太容易按到各種功能就是了。


小結:還要改變DPI才算實用

雖然當初是因為模糊不清所以去研究如何修改解析度,但是將解析度調高之後,卻又覺得功能按鈕太難按到而感到後悔。遇到這種問題,其實應該還要搭配調整DPI才行。

BlueStacks調整DPI的研究不多,大致上都是搭配改變DPI的App來使用,例如Android的改變DPI /分辨率的變化/密度。這種動到系統核心設定的App都必須要取得Root權限,而root BlueStacks的方法也不難,替換BlueStacks的Root.fs就可以了。詳細過程請看rurutia在[Android] 利用 BlueStacks 模擬器安裝贈送 LINE 日本地區限定貼圖一文中介紹root的教學。

不過就算我root了,也試著改變DPI,但是實際上BlueStacks的畫面卻沒有因此有所改變。可能是我對這塊還不夠熟,不懂得修改的門路。希望這部份的修改還請先進多多指教一下。

(more...)

BlueStacks利用Astrid開啟Google Play,也能購買付費App

布丁布丁吃布丁

BlueStacks利用Astrid開啟Google Play,也能購買付費App

Ashampoo_Snap_2013.01.11_16h12m40s_016_BlueStacks App Player for Windows -beta-1-

利用BlueStacks App Player來開啟Google Play以付費下載Android App的方法已經是去年的新聞了。T客邦這篇文章的作法是下載Go桌面EX以開啟Google Play,但實際上可以更簡單一點:只要在瀏覽器中打開Google Play的網址就可以了

這篇大概敘述一下整個過程,作為一個記錄。


下載BlueStacks

image

如果在安裝的時候遇到以下錯誤訊息:

Bluestacks currently doesn't recognize your graphics card. It is possible youe Graphics Drivers may need to be updated. Please update them and try installing again

表示你的顯示卡驅動程式太舊了,請重新安裝。

其他安裝BlueStacks的過程可以參考巴哈姆特tyr2004的文章

設置Google帳戶

Ashampoo_Snap_2013.01.11_15h42m44s_015_BlueStacks App Player for Windows -beta-1-

Google Play綁定Google帳戶,所以在下載App之前你必須先在BlueStacks裡面設定Google帳戶。設定的地方是在右下角image設定按鈕中,進入「管理帳戶」,然後新增Google帳戶。操作方式跟手機上是一樣的,在此不再細述。

無法安裝Go桌面

Ashampoo_Snap_2013.01.11_15h38m15s_003_BlueStacks App Player for Windows -beta-1-

安裝好BlueStacks之後,我先做的就是搜尋「GO桌面EX」。找是找得到,可是按下「安裝」的時候卻怎樣都失敗。

我試了其他軟體,發現BlueStacks似乎被Google Play擋了下來,所以只能安裝他自己提供的App。

安裝Astrid記事軟體

image

GO桌面EX不能裝、ES檔案管理器不能裝,沒關係,至少Astrid可以安裝。

Ashampoo_Snap_2013.01.11_15h40m03s_007_BlueStacks App Player for Windows -beta-1-

Astrid是一個待辦事項記事工具,但有個特色,他在備註裡面的網址會自動轉換成連結。這就可以讓我們從Astrid中開啟Google Play的網址。

在Astrid新增有Google Play網址的待辦工作

Ashampoo_Snap_2013.01.11_15h40m23s_008_BlueStacks App Player for Windows -beta-1-

首先,在下面的「Add a task」新增任意名字的工作,我把它叫做Test。然後按下工作名稱,到右邊選擇「更多」,找到下面的「備註」。

Ashampoo_Snap_2013.01.11_15h41m11s_009_BlueStacks App Player for Windows -beta-1-

然後在備註裡面輸入Google Play的網址。

在這邊我以付費App「PhotoSyncUnlocker」為例,他的網址是:

為了方便我輸入到BlueStack,我利用goo.gl縮短網址之後,短網址是:

回到Astrid,我們把這段網址輸入到備註吧。

Ashampoo_Snap_2013.01.11_15h41m20s_010_BlueStacks App Player for Windows -beta-1-

你可以看到備註那邊已經多了一段「http://goo.gl/zcu8q」網址,而且是可以點開的。

從Astrid工作備註開啟Google Play

Ashampoo_Snap_2013.01.11_15h41m36s_011_BlueStacks App Player for Windows -beta-1-

點下去之後就可以選擇用「Play 商店」(就是Google Play)來開啟。

Ashampoo_Snap_2013.01.11_15h42m27s_014_BlueStacks App Player for Windows -beta-1-

到此為止,你已經順利進入Google Play,而且可以購買App了。

(more...)