顯示具有 AI2 標籤的文章。 顯示所有文章
顯示具有 AI2 標籤的文章。 顯示所有文章

2017年9月3日 星期日

[App Inventor 2]　App Inventor 2較快速的模擬器Genymotion@Ted好玩自學工坊

App Inventor 2較快速的模擬器Genymotion

Line：ted2016.kpvs
Email：Lct4246@gmail.com
Blog（泰布布）：http://lct4246.blogspot.tw/
URL（Ted's Bu　Bu）：https://sites.google.com/site/lct4246/
FB（Ted's BuBu）：https://www.facebook.com/ted.lee.10420321

Sep. 3, 2017
88x31.png[1]


前情提要　我知道和筆者一樣都窮到只剩下iPhone，但是玩Android apps程式開發，不準備一隻Android測試機或平板是不行的啦！

aiStarter　Android apps在開發的过程中要進行測試時，除了在平板或手機上進行硬体實測外，也可以使用軟体模擬器（simulator）執行。MIT官方有釋放出一個標準版本叫aiStarter，可在Windows、mac OS和Linux的作業系統平台上執行[2]。但殘念的是，除了模擬器和實機有龜速的同步（synchronous）功能外，其執行速度慢到加非一杯接一杯！

Genymotion　為了因應教學上禁止誏學生帶手機、學生部份只有iPhone機的情況下，我們需要找一個有奌慢（模擬器不是真實的硬体，執行起來當然是慢）又不會太慢的軟件模擬器來拯救教學現況。千挑萬选之下，我們在CAVEDU教育团隊的網站上，找到阿吉老師的這篇：模擬器新選擇 – GenyMotion！
整個設計流程也很簡單：安裝和設定。

安裝Genymotion　目前最新的版本為2.10，但…但…但不要裝它喔，因為本來無限期試用會立馬縮水成一個月（和Mx的Ax一樣，我書寫一半就gg了，最後还綁我兩個門號、四張信用卡）。所以，請找genymotion-2.7.2-vbox.exe（如果連結的載奌失效，請上網自行尋找）這個版會比較無痛。其中，您要先到Genymotion官網註冊取得一組帳密，在安裝过程中輸入後即可完成。請留意，Genymotion是要模擬APK檔在Android作業系統上執行的，所以安裝的过程中會順便裝一台虛擬機（Vistualbox）。

設定Genymotion　這個步驟的重奌只有兩個选擇支援的API版本（4.3 - API 18- 768x1280）及預設解析度（480x854 - 240dpi）。之後，按Geny左上角的Start鈕一下啟動Geny（我是說一下吧，為何您按兩下？）。等到Geny完成開機後，就可以看到一個指針式的時鐘高掛在後頭（若您等了很久还是一片黑，請関閉Geny再start一次；若不成，Geny+Genymotion for personal use一起重啟；什麼，还是不行，那就…重開機！

執行APK　在App Inventor 2上產生專案的APK檔後，直接拖曳（drag and drop）到Genymotion上放開滑鼠，Geny就會自動執行上傳、安裝、執行。

後記　我們在某校的教師機上測試時，發生Geny和硬体廣播互衝，造成硬体廣播系統無法控制學生機開、関機。因為Geny啟動Virtualbox（可在網路連線時看到）後會造成網路通訊埠（port）衝突。感謝簡国泰老師協助解決。
    参考資料：
    1. 六種授權條款。
    2. 可以跨軟体平台？对，就和您想的一樣：Java、web。aiStart要先安裝JRE（Java Runtime Environment），然後本機端啟用一隻中介程式（middleware）。之後就可以在浏灠器（browser）上進行程式開發。
    張貼者： 於 沒有留言:
    標籤：

    2017年7月17日 星期一

    [Ted好玩專欄：AI2]　紫外線強度查詢App抓虫記@Ted好玩自學工坊


    紫外線強度查詢App抓虫記@Ted好玩自學工坊
    Ted Lee
    Jul. 17, 2017

    Line：ted2016.kpvs
    Email：Lct4246@gmail.com
    Blog（泰布布）：http://lct4246.blogspot.tw/
    URL（Ted's Bu　Bu）：https://sites.google.com/site/lct4246/
    FB（Ted's BuBu）：https://www.facebook.com/ted.lee.10420321
    88x31.png[1]
    本文將以手把手的方式帶領讀者破解《紫外線強度查詢》[2]一文的抓虫奇幻之旅！
    • 現象：下載該文文末的getUV_v2.aia安裝後執行時發生如图1的錯誤！

    图1：getUV_v2.aia執行錯誤畫面。

    • 錯誤分析：
    1.觀察：仔細觀看图1的錯誤說明，它指出是List（就是C、Java…的陣列（array）結構）的索引值（index）过大（图2） 。
    图2：錯誤訊息指出List的索引值異常。


    2.比对：原著上伝的時間為2015年6月8日，而筆者測試的時間為2017年7月16日。隨後筆者詢問原著阿吉老師（曾吉弘），他表示此範例發表後陸續在課堂上教學時皆能正常執行！故應該研判可能肇因為新舊版程式執行环境的相容性（compatibility）、資料格式（data format）有改或API呼叫方式有異动…。
    图3：原著上伝的日期。


    图4：中央氣象局釋出的34筆全省各縣市紫外線開放資料的JSON格式檔。

    而剩下的程式則依各縣市名稱而將每筆資料切出SiteName、UVI、PublishAgency、County、WGS84Lon、WGS84Lat、PublishTime七個欄位值──編譯程式（compilers）的專業術語稱為标記（tokens）。

    图5：將中央氣象局的全省各縣市紫外線資料讀入json變數之中。

    所以，我們將此json變數印出在畫面上（图6），並將原中央氣象局的JSON資料丟號到線上版的JSON剖析程式对照之（图7）。

    图6：在app中將json變數印出。

    图7：图4的JSON資料之視覺化呈現。

    一比較图6及图7後，眼尖的讀者應該赫然發現了大白的弟弟小白（真「像」大白）：欄位名稱順序不一樣！

    图6：County、PublishAgency、PublishTime、SiteName、UVI、WGS84Lat、WGS84Lon
    图7：SiteName、UVI、PublishAgency、County、WGS84Lon、WGS84Lat、PublishTime

    而且，图6是照英文字母順序由小到大排序（sorted）的！
    • 結論：最後，我們將原始程式的經緯度取出標記的欄位順序調整如图8所示即大功告成，修改後的程式為getUV_V3_TedLee_07172017.aia。此外，請留意JSON、C、Java、Android…類似陣列結構的東東都是從0起跳，但這個AI2是從1喔！


    图8：取經緯度時切割標記的欄位順序調整。

    • 高手必練1：將图8改為欄位順序不固定時仍可順利抓到正確的欄位值。
    • 高手必練2：选完縣市後立即念出該縣市的紫外線指數。
    参考資料：
    1. 六種授權條款。
    2. [App Inventor 教學] 取得中央氣象局即時紫外線強度資料，CAVEDU教育团隊技術部落格，曾吉弘。
    張貼者： 於 1 則留言:
    標籤：

    2017年6月26日 星期一

    [Ted好玩專欄：AI2]　談Apps設計現況@Ted好玩



    Apps設計現況@Ted好玩

    Ted Lee
    Jun. 26, 2017

    Line：ted2016.kpvs
    Email：Lct4246@gmail.com
    Blog（泰布布）：http://lct4246.blogspot.tw/
    URL（Ted's Bu　Bu）：https://sites.google.com/site/lct4246/
    FB（Ted's BuBu）：https://www.facebook.com/ted.lee.10420321
    88x31.png[1]

    1. Angry Bird一夕爆紅的商業模式（business model）已不復存在
    2. Pokemon GO的結合擴增實境（augmented reality，AR）的商模已退燒
    3. 市集上的新apps漸趨飽和
    4. 要靠寫apps賺到$需要有新商模
    5. 行銷（marketing）
    6. App相容性（compatibility）
    7. 可連結後端資料庫（database），達成一般的三層式應用（3-tier applications）
    8. …
    参考資料：

    張貼者： 於 沒有留言:
    標籤：

    [Ted好玩專欄：AI2] 　App Inventor的實用設計@Ted好玩



    App Inventor的實用設計@Ted好玩

    Ted Lee
    Jun. 26, 2017

    Line：ted2016.kpvs
    Email：Lct4246@gmail.com
    Blog（泰布布）：http://lct4246.blogspot.tw/
    URL（Ted's Bu　Bu）：https://sites.google.com/site/lct4246/
    FB（Ted's BuBu）：https://www.facebook.com/ted.lee.10420321
    88x31.png[1]

    1. App版電子表單、問卷
    2. App版心理測驗
    3. App版成績查詢系統
    4. App版作品集
    5. …
    参考資料：


    張貼者： 於 沒有留言:
    標籤：
    訂閱： 文章 (Atom)