App Inventor project限制10 MB 靜宜大學資管系 楊子青

Presentation on theme: "App Inventor project限制10 MB 靜宜大學資管系 楊子青"— Presentation transcript:

1 App Inventor project限制10 MB 靜宜大學資管系 楊子青

2 1.上傳love.mp4 (18.7MB)看看

3 How to overcome the App Inventor project limit of 10 MB ？ http://puravidaapps.com/filebyfile.php

4 相關解決方法1 Uses small resolution images in App Inventor. These images will be replaced after building the app with higher resolution images. 先用低解析度或品質較差的檔案，打包apk再更名為zip 解壓縮置換同檔名的高品質檔案，再壓成zip檔更名成apk 最後再用apk簽名工具進行簽名 相關apk工具可參考

5 相關解決方法2 Use the http://code.appinventor.mit.edu server
it runs on Amazon Web Services and does not have this 10 MB limitation. 可用Gmail帳號登入

6 相關解決方法3 Use a personal server to build your project: AI2 Ultimate by krupong (自行架設App Inventor 2 的伺服器，亦即：單機離線版) 按files尋找最新的版本下載

7 相關解決方法4 uses the Extended Webviewer extenion to download files.
先將檔案放到網頁空間，並記下網址 利用webviewer擴充元件或web元件下載檔案，再進行播放

8 2.將多媒體檔案放到網頁空間 以靜宜大學網頁空間為例 http://www1.pu.edu.tw/www1.html
使用sftp 軟體(例如FileZilla)，連線到個人首頁主機(www1.pu.edu.tw)，以入口網站帳號、密碼登入 將網頁或多媒體檔案上傳到html資料夾內 在瀏覽器，輸入：

9 將多媒體檔案放到雲端硬碟 把Google Drive變成HTML空間 https://www-drv.com/index.html
選擇要建立HTML網頁空間的雲端硬碟，目前支援Google Drive與One Drive 選擇Google帳戶，再按允許 假設檔案放在自己雲端硬碟裡的files資料夾，檔名love.mp4，共用設為公開在網路上(或是：任何知道連結的使用者) 至瀏覽器，輸入以下網址試試看

10 WebExample專案：介面設計

11 WebExample專案：程式碼

12 專案模擬結果 點選圖形按鈕 經過一些時間後

13 轉成apk安裝後結果 點選圖形按鈕 出現錯誤訊息

14 出了什麼問題？ Android 4.0 之後，所有的網路行為，都不能在主執行緒(Main Thread，又稱UI執行緒)執行
任何UI元件都在主執行緒中執行，若程式佔據主執行緒很久(例如按了一個按鈕後，整個App停住五秒)，使用者體驗會非常差 因此許多耗時的程式建議在背景執行，最常見的是網路的功能

15 改善方式 運用Web元件先抓回檔案，完成後再播放

16 3. Web元件 提供 HTTP GET, POST, PUT 以及 DELETE 等功能 重要屬性

17 Web元件重要方法

18 Web元件重要事件

19 修改WebExample專案：使用者介面

20 修改WebExample專案：程式碼 分兩階段(先下載存回檔案，完成後再播放)

21 下載apk進行安裝，已可播放網路影片

22 由於下載網路影片，可能要花點時間 加入Notifier元件，顯示下載進度 修改程式碼：