吳俊逸

2019年6月17日 星期一

HW18_有關你名字開頭的 Google maps_與好友分享



壹、 該次APP的重點說明
     一、了解如何要透過google maps找到指定位置
    二、了解App Inventor 2初步指令使用方法
    三、學習如何修改本範例程式
教學時間:
先透過GoogleMaps找到要指定的地點
就可以得到相對應的位置了(框起來的地方)
之後再把框起來的數值調整一下
以上是與名字有關的地點作法,下面要介紹的是要如何新增定位點以及分享方式
定位點的部分就需要透過地圖裡面的中心字串參數來協助我們實現,以下是關於該屬性的介紹
分享的部分就直接上屬性介紹吧!
程式介紹透過中心字串完成定位圖標設置,透過分享訊息將所指定的經緯度傳送給朋友們
貳、該次APP的畫面配置及程式設計
      畫面配置:
      程式設計:
參、該次APP的操作畫面結果
肆、該次APP的相關網路鏈結
    施勢帆老師的教學網站
    Google maps
    Map地圖元件
    App Inventor 2 指令中文化 Sharing 分享元件
伍、該次APP檔案位置

2019年6月7日 星期五

HW13_簡易語音單字翻譯



壹、 該次APP的重點說明
     一、了解語音辨識、文字語音轉換器的屬性以及學習要如何修改
    二、了解App Inventor 2初步指令使用方法
    三、學習透過語音辨識、文字語音轉換器來完成簡易語音單字翻譯
貳、該次APP的畫面配置及程式設計
      畫面配置:


      程式設計:


參、該次APP的操作畫面錄影

肆、該次APP的相關網路鏈結
     施勢帆老師的教學網站
           https://mouse.oit.edu.tw/
     App Inventor 2 指令中文化 SpeechRecognizer 語音辨識器
     App Inventor 2 指令中文化 TextToSpeech 語音文字
伍、該次APP檔案位置

2019年5月7日 星期二

HW19_有關你名字開頭的 Google maps



壹、 該次APP的重點說明
    一、了解如何要透過google maps找到指定位置
    二、了解App Inventor 2初步指令使用方法
    三、學習如何修改本範例程式
教學時間:
先透過GoogleMaps找到要指定的地點
就可以得到相對應的位置了(框起來的地方
之後再把框起來的數值調整一下
貳、該次APP的畫面配置及程式設計
      畫面配置:
      程式設計:
參、該次APP的操作畫面結果

肆、該次APP的相關網路鏈結
     施勢帆老師的教學網站
           https://mouse.oit.edu.tw/
     Google maps
伍、該次APP檔案位置

https://github.com/junyi1997/App_Inventor_2/blob/master/HW18/HW18.aia

HW16_利用IFTTT製作定時推播通知



壹、 該次APP的重點說明
     一、了解如何要透過IFTTTAI2製作Line推播通知
    二、了解App Inventor 2初步指令使用方法
    三、學習如何修改IFTTT、製作URL網址、透過網頁原始碼找尋指定數值
久違的教學時間:
首先先進入AQI網頁
我們可以發現在第一筆資料中我們的關鍵字為,在第二筆資料中我們的關鍵字為”PM2.5最大值。所以我們就開啟網頁原始碼開始找資料吧!!!
第一筆資料
第二筆資料
我們可以透過兩筆關鍵字中找到我們所需要的數值。有趣的是其第一筆找到的資料包在一個網址裡面

說完如何找到資料以後要麼擷取資料點選觀看。
IFTTT、計時器使用

IFTTT設定:

貳、該次APP的畫面配置及程式設計
      畫面配置:
      程式設計:

參、該次APP的操作畫面結果



肆、該次APP的相關網路鏈結
     施勢帆老師的教學網站
           https://mouse.oit.edu.tw/
    IFTTT
            https://ifttt.com/discover
伍、該次APP檔案位置
https://github.com/junyi1997/App_Inventor_2/blob/master/HW16/HW16.aia

2019年3月30日 星期六

HW12_網路(WEB)




壹、 該次APP的重點說明
  一、了解網路(WEB)的屬性以及學習要如何修改
  二、了解App Inventor 2初步指令使用方法
  三、學習透過網路(WEB)來完成查詢天氣APP
教學時間:
(1)         請先進入天氣預報網站我以C為例:https://www.cwb.gov.tw/V7/forecast/world/world_ea.htm

(2)         按下Ctrl+U鍵進入網頁原始碼

(3)         利用Ctrl+F鍵找到自己指定的城市
(4)         把我程式碼中的設置golbal Data3後面稱改為上圖中螢光筆畫的那串HTML

貳、該次APP的畫面配置及程式設計
      畫面配置:

      程式設計:
 這邊就只是簡單的宣告跟給予初始值,設定我們WEB的網址

這邊就是開始無限制的切割字串拉!!!
由於字串切割之後無法復原,所以無法使用迴圈,如果有哪位高手可以利用迴圈完成的請在下方留言處分享程式。 
由於我們需要的HTML碼長這樣
所以我們透過第一次跟第二次切割得到
第三次切割就可以得到我們想要的陰天這段文字


參、該次APP的操作畫面錄影

肆、該次APP的相關網路鏈結
     施勢帆老師的教學網站
        App Inventor 2 指令中文化 Web 元件
伍、該次APP檔案位置