十二月 2024
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

彙整

App Inventor 2 程式設計教學

MIT App Inventor 簡介:


建置App Inventor 2 開發環境:

App Inventor 2 開發環境在雲端,本機只需安裝App Inventor 2 的開發工具檔(模擬器),即可開始運用App Inventor 2 編撰App應用程式,接著在模擬器中安裝MIT AI2 Companion元件即可在模擬器中執行應用程式專案,或以手機執行應用程式專案。

測試 MIT App Inventor2 程式執行的各種方式:

線上教學文件:麗山高中 – 程式設計延伸學習:MIT App Inventor 2‎ > ‎測試執行程式

一、WiFi連線:

  • 適用於有Android 裝置、電腦、裝置間有WiFi連線,是測試執行App程式最方便的方式(注意:需同一網域)。
  • 在實機上安裝:MIT AI2 Companion App:Google Play 商店
  • 選取『連線→ AI Companion』
  • 註:WiFi連線測試不會將程式安裝至Android裝置上,僅是在Android裝置執行並顯示程式結果,當連線中斷Android裝置上的程式即消失。

WIFI 連線實機執行應用程式

  1. 條件:電腦與手機網路在同一個網段。
  2. 手機開啟「Play 商店」→ 搜尋「MIT AI2 Companion」→ 安裝 MIT AI2 Companion。
  3. 手機執行 MIT AI2 Companion → 按 Connect【連線】 鈕,在下拉式選單中點選 AI Companion,將產生的六個字元輸入實機,再於實機按 connect with code 鈕;或在實機按 scan QR code 鈕,再以實機掃描對話方塊中的 QR Code 圖形。

二、模擬器(Emulator):

  • 在沒有Android 裝置下,可安裝MIT App Inventor 2 軟體,以模擬器(emulator)測試App程式。
  • 官方網站模擬器下載操作方法:麗山高中 – 模擬器安裝教學影片
  • 模擬器下載:
  • 執行電腦程式集中的『aiStarter.exe』程式後會出現一個命令視窗。【切記:模擬器執行期間切不可先關閉此命令視窗,否則會導致模擬器無法連線,電腦須重新開機才能解決這個問題。】
  • 選取『連線→ 模擬器』

建立模擬器

  • 啟動 aiStarter → 按 Connect(連線) 鈕後在下拉式選單中點選 Emulator(模擬器) 項目 → 出現鎖頭圖示時,向右拖曳鎖頭以解鎖 → 由系統自動安裝 MIT AI2 Companion。

在模擬器中執行應用程式

  • Connect(連線) 鈕後在下拉式選單中點選 Emulator(模擬器) 項目。

三、USB連線:

  • 適用於有Android 裝置,但電腦與裝置間無WiFi連線的環境,可使用USB連線測試App程式。
  • 在實機上安裝:MIT AI2 Companion App:Google Play 商店
  • 手機以 USB 傳輸線與電腦連接 →按 Connect【連線】 鈕後在下拉式選單中點選 USB 項目。
  • 以USB傳輸線連接實機與電腦,系統會自動安裝實機的驅動程式。

實機中執行前準備工作

  • 如果是要在實機中安裝下載的 apk 檔,改變手機應用程式設定:執行 設定 / 安全性,勾選 未知的來源 選項。
  • 如果是要在實機上進行程式模擬,除了上述動作外,請再執行 設定 / 開發人員選項,勾選 USB 偵錯

在實機中安裝應用程式

  1. 手機開啟「Play 商店」→ 搜尋「QuickMark」→ 安裝 QuickMark
  2. Build【打包apk】 鈕,於下拉式選單中點選 App (provide QR code for .apk)【打包apk並顯示二維條碼】 →使用實機中的 QuickMark 掃描 QRCode。.

相關網站:


設計步驟:

建立專案(New project ):

  1. 使用 Designer(畫面編排) 畫面:設計Android裝置的使用者介面(即畫面配置區)→(1)選擇程式元件(Palette)、(2)設定程式元件的屬性(Properties) 。
  2. 使用 Blocks(程式設計) 畫面:設計程式的控制及邏輯(即程式碼編撰)。
  3. 使用Android裝置或模擬器測試執行程式。

教學影片:

App Inventor 2 中文版 – 呂聰賢:教學影片

App Inventor 2 零起點速學指南 – 呂聰賢 – YouTube 92 部影片


教學網站:


範例教學:

碧華國小行動學習研習:APP媒體加工與整合運用(1050701)

時間:105年7月1日

地點:本校電腦教室(一)

主題:APP媒體加工與整合運用

講師:劉孝宏

投影片:

教學網站:碧華國小校內資訊研習:APP媒體加工與整合運用研習

課程內容:

*行動裝置與名詞介紹: 

行動裝置是什麼?
硬體介紹:從廣告名詞來了解硬體設備與差異
軟體介紹:
作業系統(OS)
APP
Android
iOS

chrome系統


*教學app市集:

全國:http://appmall.edu.tw
新北市:http://appgo.ntpc.edu.tw
 
教學app市集是一個介紹各種教學軟體的網頁。裡面集合了android系統、iOS系統、chrome系統的應用軟體,並且是適合在各種教學情境下使用的軟體。歡迎大家到這裡查詢或推薦好用的教學用app。
 
「主題學習APP地圖」徵選活動 開始囉!!
提供入選獎勵2,500元~5,000元
收件至105年10月12日止,請踴躍投稿。
 
http://appgo.ntpc.edu.tw/PostFile/42.pdf

chromebook與chrome瀏覽器介紹 

chromebook介紹
chrome瀏覽器也有擴充功能:在右上角「自訂與管理」按鈕中,移到「更多工具」,再點選「擴充功能」,就可以看到你chrome瀏覽器中的各種擴充工具,你也可以到下方有一個「取得更多擴充功能」點入,就可以到商店搜尋你要的工具了。
安裝google doc、pocketEvernote等工具

*活動直播 youtube與hangouts (介紹與示範) 

youtube可以使用手機hangouts通話與視訊,但是電腦版可以直播視訊,並且能將視訊直接存到youtube中,還可以做簡單的編輯。Facebook也可以做直播,也會留存在臉書上不會被刪掉。
 
kikinote網站對直播的介紹:http://kikinote.net/article/35183.html
 

*設定手機youtube錄影上傳

無論是在android或iOS的youtube app都可以將手機中的影片傳到你自己的youtube帳號。
 
首先就是要將你的Gmail帳號(本校的XXX@bhes.ntpc.edu.tw也可以)設定到app中,這樣就可以將影片傳到你的帳號中。
  

*youtube影片編輯與設定

進入你的youtube帳號就可以進行影片的設定與簡單編輯。
首先要進入到右上角圓圓的頭像點進去,點入「創作者工作室」就可以有許多功能進行編輯。可以管理你的影片,製作直播串流,開設你自已的頻道等等。
 
也可以替你的影片加快變慢,增加或減弱音訊強度,加上註解或字幕,甚至加上免費的配樂。 
 

*youtube影片的下載與備份

 

*掃描文件 office len 與其他

(首先要安裝 office len, Onedrive, word,還要有微軟的信箱帳號)
使用office len可以掃描文件並且上傳到微軟的雲端空間Onedrive,而且可以直接轉成word檔
 

*QRcode的製作與應用

什麼是QRcode?
如何使用?
如何製作?
 

*Google翻譯 

 


*雲端硬碟應用介紹:上傳存檔、分享連結、設定本機同步(電腦更換時只要斷掉連結就可)…

安裝並登入,開始設定雲端硬碟與本機同步
設定要同步的資料夾

*Word轉pdf、網頁轉pdf、簡報檔轉圖檔、google 雲端pdf轉成文件檔

word檔:另存新檔時,到存檔格式選PDF
網頁轉存PDF:chrome瀏覽器存檔為PDF,到「自訂與管理」選擇列印,即可將網頁轉成PDF檔。
簡報檔:Powerpoint簡報檔另存新檔時,選擇存檔格式為PDF檔
Google雲端硬碟可以將已經上傳的PDF檔(不是圖案格式的PDF )就可以利用文件檔格式打開,就會直接變成文字當案。

*免費資源的介紹:範例 – apple iTunes 的podcast 的訂閱

首先下載apple公司的 iTunes軟體,並使用蘋果的app商店的帳號登入,就可以開始訂閱podcast
 
電腦王阿達的介紹:https://www.kocpc.com.tw/archives/772
iTunes U: http://www.17inda.com/html/4/article-1136.html

itunes 其他功能介紹

網路上很多免費資源或自由軟體可以使用,這些資源很零散,可能需要大家自己多搜集。
舉例:BBC兒童英文課程:http://www.bbc.co.uk/podcasts/schoolradio/genre/learning

*介紹兒童的程式設計課程與運算思維

運算思維:

課程與遊戲介紹:

活動照片:

碧華國小行動學習研習:運算思維-App Inventor 2 程式設計(1050701)

時間:105年7月1日

地點:本校電腦教室(二)

主題:運算思維 – App Inventor 2 程式設計

講師:邱昭士

運算思維與程式設計

視覺化程式語言_handson_20160606 – 台北市立大學盧東華教授

App Inventor 2程式設計

活動影片:

資訊工作日誌(105年6月份)

6月30日(四):

  • 送出本校6月份行動學習學校工作會議、研習及期中成果發表講師、助教鐘點費及各項雜支請購單。

6月29日(三):

6月28日(二):

6月27日(一):

  • 合志工程師至校維修一年5班教室 Acer Z430電腦,更換主機板。
  • 三年9班教室 Acer M8電腦故障,將還原卡移除,系統重灌成 Windows 10,軟體更新、Windows Update,並以此製作最新 Clonezilla 最新硬碟印象檔。
  • 今擴大行政會議決議新大樓二樓原教師辦公室將改為班級教室使用。

6月24日(五):

  • 線上報修:一年5班教室電腦 Acer Z430,有電源但黑畫面。
  • 合志工程師至校維修電腦,更新 1 支滑鼠,帶走一套平板電腦 W500(含小筆電手提袋)。

6月23日(四):

  • 線上報修:滑鼠故障 1 支、平板電腦 W500 故障 1 台。
  • 送出 17 吋 LCD 護目鏡故障更新請購單。
  • 送出 7月1日、7月4日行動學習學校研習午餐便當請購單。
  • 寄出 6月28日(二) 教師晨會資訊組報告事項給教務主任:
  • 計算學生成績、評語上傳至校務行政系統中。

期末工作報告:

  • 教室電腦請留置於原教室,電腦內的個人資料,請將其清除。
  • 教師專用電腦亦請先留置於原教室,待總務處確定教室搬遷日,再行搬至新教室。
  • 由於下學期班級數有減,多出來的班級電腦將由資訊組做後續處理,分至有需要的地方。
  • 下學期,教育局會再配發新的電腦教室電腦、班級電腦及新的單槍,屆時會汰換掉較舊的電腦及單槍,請再多忍耐忍耐。
  • 暑假期間,教室中的電腦請放置妥當,電源線一定要拔起來,遠離可能會淋到雨的地方,教室門窗一定要上鎖。
本校研習資訊:
  • 6月29日下午1:30-4:30,本校行動學習學校成果發表會於演藝廳舉行,請老師踴躍參加。
  • 7月1日本校舉辦2場行動學習研習,供應午餐,由於名額有限,請於6月28日9:00起至校務行政系統報名。
    • 電腦教室(一):APP媒體加工與整合運用,講師:劉孝宏
    • 電腦教室(二):App Inventor 2 程式設計,講師:邱昭士

教育局宣導事項:

  • 使用電腦時,電腦上方請勿放置任何東西,亦請避免累積灰塵或粉筆灰,使其能充分散熱。
  • 暑假期間,新北市教研中心及各學校會舉辦各類的資訊研習,請密切注意本校網站研習公告或直接上校務行政系統-教師研習系統中查詢。

6月22日(三):

  • 彭詩歷老師故障的教師電腦(Acer L410),重灌系統且更換 CPU,但 CPU 仍會有過熱現象,導致電腦開機後不到10分鐘,就會自動斷電,該電腦無法修復,廠商亦不再提供維修服務,準備報廢。

6月21日(二):

  • 上午,於新北高中進行畢業典禮,更新校網網站,加入畢業典禮直播
  • 整理畢業典禮活動影片,上傳 YouTube,並公告於網站。
  • 整理畢業典禮跟拍的影片和照片,上傳至 Google 雲端硬碟,並公開至網站上,供人賞視。
  • 葉瑛俐老師申請,待林美宏老師調校後,將其科辦的教師電腦移撥給她用。
  • 彭詩歷老師於科辦中的教師電腦(Acer L410)故障,更換 1 台 Acer L480。
  • 合志工程師至校維修電腦螢幕,該螢幕已過保,送報價單。
  • 電腦教室(一)語言桌故障,已過保,須找原廠報價。

6月20日(一):

  • 補校幹事、特教班臨時送來照片,要求在加入畢業典禮影片中,並修改部份影片中的字句,3 支畢業典禮回憶影片及教師感言影片全數重新修改並轉檔,於下班前完工送繳註冊組長。
  • 確認視訊組工作人員,拍照、攝影器材及相關設備是否準備齊全。
  • 六年1班教室電腦螢幕故障,更換 1 台,向廠商報修。
  •  下午,畢業典禮預演:
    • 確認定直播及定點攝影架設位置,並排好桌子。
    • 確認單槍投影及音響播放,並檢測畢業典禮投影片。
  • 寄出校務會議資訊組報告事項給教務主任:

  • 行動學習學校專案:
    • 本校為三蘆淡八區中心學校,承辦第一次月例會。
    • 使用行動載具教學之班級:4 個班
    • 原組織成員為校長、教務主任、資訊組長和 4 名老師,新增 4 名老師加入組織團隊。
    • 教授到校輔導研習:4 場
    • 舉辦行動學習學校工作會議暨成長研習:8 場
    • 舉辦行動學習學校期中成果展:1 場
    • 舉辦校內行動學習學校研習:2 場
    • 舉辦全區行動學習學校研習:1 場
    • 參加10場校外行動學習相關研習
    • 製作行動學習學校專案網頁。
  • 配合畢業典禮活動,製作畢業生回憶影片 3 部、學生感言影片 1 部、教師感言影片 1 部、畢業典禮活動投影片 1 部。
  • 更新約 30 部教師電腦,辦理舊電腦報廢程序。
  • 安裝二樓圖書室借還書區電腦、二樓教師辦公室電腦。
  • 全校無線網路更新,共計新增 19 台網路基地台於新大樓。
  • 檢視維修新大樓每一間教室的網點。

6月17日(五):

  • 畢業典禮預演:攝影直播測試
  • 網韻資訊工程師處理結果如下:
    • 問題:無法新增「次網站」:錯誤訊息:建立站台發生錯誤。
      • 解決:伺服器管理者登入後,會自動執行一支新增「次網站」必要的批次檔,管理者若登出系統,該批次檔會停止執行,故管理者不能登出。
    • 問題:新增/修改公告出現錯誤訊息:本次執行網頁無障礙化轉換失敗,錯誤代碼:401。
      • 伺服器的 JAVA Engine 和執行網頁無障礙化轉換的內部引擎息息相關,不能更新,更新後會導致無法執行網頁無障礙化轉換。
  • 資訊組長暑假教務處下午輪值(暫訂):
    • 七月份:7/18、7/19、7/20、7/25
    • 八月份:8/15 – 8/18

6月16日(四):

  • 電腦維修室增置1台電風扇。
  • 本校校園網站網韻系統發生問題,請網韻資訊工程師協助處理中…
    • 無法新增「次網站」:錯誤訊息:建立站台發生錯誤
    • 新增/修改公告出現錯誤訊息:本次執行網頁無障礙化轉換失敗,錯誤代碼:401。

6月15日(三):

  • 三年9班教室Z430電腦系統故障,將其重灌成 Windows 10×64 + Office 2016。
  • 本校7月4日(一)辦理「新北市105年度行動學習學校三蘆淡八分區集中培訓研習」:核判發文。

6月14日(二):

  • 台北第二區網中心線路調整公告–施工時間:105/06/14 06:00 – 105/06/14 07:00
    • 新北市市網中心線路6/14(週二)清晨將新增1G ipv4線路,整體對外將由6G調整為7G。
    • 預計於6/14(週二)清晨調整區網與學術網路100G設備之間線路,屆時施工期間區網對外網路服務將會中斷。
    • 影響範圍:台北第二區網中心所有連線單位學校。(含新北市市網中心、基隆市市網中心)
    • 影響時間: 105/06/14(二)  06:00-07:00, GMT+8
  • 新北市蘆洲國中研習:運算思維與程式設計
    • 兒童程式設計 Kids Coding Studio、Coding for Fun

6月13日(一):

  • 依據最新的作業系統與應用軟體更新,重做教室 Acer L480 電腦 Clonezilla 硬碟印象檔。(Windows 10×64 + Office 2016)
  • 以新做好的Acer L480 電腦 Clonezilla 硬碟印象檔,重灌特教組長筆電 Acer Aspire 8930G 作業系統
  • 創稿:本校7月4日(一)辦理「新北市105年度行動學習學校三蘆淡八分區集中培訓研習」

6月8日(三):

6月7日(二):

  • 下午3:10,大同工程師至校維修新大樓5樓網路交換器(風扇故障)。
  • 下午5:00,教務處通報:新更換的網路交換器網路不通,檢修後,發現是 miniGBIC 故障,更換後正常。
  • 下午4:00-6:00,行動學習學校工作會議

6月6日(一):

6月4日(六):

  • 因應「教育學術研究骨幹網路頻寬效能提升計畫」-100G骨幹移轉期程(爰本部臺教資(四)字第1050070255號函辦理)。
    • TANet/TWAREN 骨幹對中央研究院之線路移轉,將分別於6/4上午6:00-7:00(TANet)6/6上午6:00-7:00(TWAREN)兩個時段進行與中研院之間的新、舊骨幹網路第一階段移轉,移轉期間TANet/TWAREN骨幹將因為線路改接造成路由波動收斂使流量受到影響
  • 合志派工程師送回三年2班教室單槍Epson EMP-X5,因找不到鑰匙,無功而返。
    • 此修復的單槍應送回電腦機房,未告知資訊組長,須向合志公司反應。

6月2日(四):

  • 三年4班(敬407)教室 Vivitek 單槍故障,已向總務處報修。
  • 新大樓二樓教師辦公室內網路機櫃回收,請工友李皇輝將其移至敬206教室保存。
  • 電腦教室(二)第2排第6位學生電腦桌鍵盤架故障,已請工友李皇輝維修完成。

6月1日(三):

  • 合志派工程師至校取走三年2班教室單槍Epson EMP-X5,送廠維修。(本校資訊中心提供備機替換)
  • 新大樓四、五樓A、B棟兩側之機櫃網路線路重整,使教室內所有網點都能上網。
  • 收回健康中心之前所借用的 PC To TV轉換器及筆電 1 台。

本校105年度行動學習期中成果發表會(1050629)

日期:105年6月29日下午 1:30 – 4:30

地點:演講廳

與會人員:郭玥妦、邱昭士、劉孝宏、林哲園、鄭佑津、謝炳睿、李櫟永、楊雅玉、蘇郁翔、丁郁穎

簽到單:碧華國小105年度行動學習期中成果發表簽到單

報告流程:

「行動學習」簡介:碧華國小105年度行動學習學校期中成果

本校行動學習學校專案推動情形

  • 本校為三蘆淡八區行動學習中心學校,承辦第一次月例會
  • 辦理行動學習融入在課堂學習活動:4 個班
  • 教授到校輔導研習:4 場
  • 舉辦行動學習學校工作會議暨成長研習:8 場
  • 舉辦行動學習學校期中成果展:1 場
  • 舉辦校內行動學習學校研習:2 場
  • 舉辦全區行動學習學校研習:1 場
  • 參加 10 場校外行動學習相關研習
  • 製作行動學習學校專案網頁

本校行動學習學校團隊成員心得分享

謝炳睿

鄭佑津

劉孝宏

李櫟永

林哲園

活動照片: