目前分類:【MIT App Inventor 教學】 (105)

瀏覽方式: 標題列表 簡短摘要

【App Inventor 2 教學 範例 2018 】

【MIT App Inventor 首頁】

【App Inventor 2 初學者 範例 2018 】
【App Inventor 2 基礎 範例 2018 】
【App Inventor 2 中階 範例 2018 】
【App Inventor 2 進階 範例 2018 】

【App Inventor 2 其他 範例 2018 】

 

【App Inventor TW 中文學習網】

【APP Inventor 2 輔助教學網】

【延伸學習:MIT App Inventor 2】

【程式設計課程輔助教學網站】

【App Inventor 2 筆記】】

【MIT App Inventor 2 簡單設計入門】

【雲林SONG: MIT App Inventor 2 教學】

【CAVEDU BLOG APPINVENTOR – 圖形化ANDROID】

【以MIT APP Inventor教程式的感想】

【CAVEDU APP Inventor範例教學】

17coding.人人编程

 

 

 

 

文章標籤

s810802 發表在 痞客邦 留言(1) 人氣()

【MIT App Inventor 2 (AI2)入門練習】

【MIT App Inventor 2(AI2)入口】

 各種聲音音效

http://www.mcjh.kl.edu.tw/usr/wdh/techedu/wavsound/index.html 

ex1.您好喵咪 P01_HelloPurr

ex2.照片撥打電話 P02_PicCall

ex3 數位塗鴉畫圖 P03_DigitalDoodle Drawing App

ex4 彈跳球 P04_BallBounce Game App

ex5.照片塗鴉1 P05_PaintPot(Part1)

ex6.照片塗鴉2 P06_PaintPot(Part2)

ex7.MAP地圖簡易版P07_MAP

ex8 魔術8號球P08_Magic 8-ball

ex9.景點介紹P09_Map Tour

ex10.打地鼠P10_MoleMash

ex11.木琴P11_Xylophone

ex12.野生動物秀P12_WildLifeShow

【MIT App Inventor 2 (AI2)入門練習】

 【MIT App Inventor 2 (AI2)入門範例】

【MIT App Inventor 2(AI2)Basic範例】

 【MIT App Inventor 2(AI2)Intermediate範例】

  【MIT App Inventor 2(AI2)Advanced範例】

  【MIT App Inventor 2 (AI2)入門與範例】(2014)  

 

s810802 發表在 痞客邦 留言(0) 人氣()

【App Inventor 2 初學者 範例 2018 】BE02 擴充文字轉語音(搖晃) Extended TalkToMe : Shake! (BE02_2018)

畫面編排:

BE02-01.jpg

程式設計:

BE02-02.jpg


執行畫面:

BE02-03.jpg
參考資料:
http://appinventor.mit.edu/explore/sites/all/files/hourofcode/TalkToMePart2.pdf

 

【App Inventor 2 初學者 範例 2018 】

文章標籤

s810802 發表在 痞客邦 留言(0) 人氣()

【MIT App Inventor 2(AI2)Intermediate範例】ex11. I11_Photo Booth App

  

 版面安排:

方塊圖:

輸出:

 掃描QRCODE安裝到你的Android中

或者下載APK:

下載原始碼(ource Code):

 

ref:

https://docs.google.com/document/d/1trt9smFfyiztdVoaq5ONaOM8GWOMoSFxTRJ7Eyyajuw/pub

 

 

【MIT App Inventor 2(AI2)Intermediate範例】

s810802 發表在 痞客邦 留言(0) 人氣()

【Smart Apps Creator入門(2014)】
http://www.i-software.com.tw/iscltw/product_SAC.html

Smart-Apps-Creator  

下載測試檔
RealTestTW-release.apk

qrcode  

教學資源

https://drive.google.com/folderview?id=0B1H5M3tdsfBaNTJFODhNSTV1Z1E&usp=sharing

http://www.khps.ntct.edu.tw/ezfiles/110/1110/attach/80/pta_18508_2151672_87423.rar

http://w3.tkgsh.tn.edu.tw/liu123/Smart%20apps%20Creator/

Smart Apps Creator使用手冊
http://163.20.62.6/ycp/open/mpost1/1369.pdf

https://drive.google.com/file/d/0B90stqmhxcOLWFN2MFpVR0tvSEk/edit?pli=1

 

【Smart Apps Creator 教學 基礎學習篇a01-h07 】
http://www.youtube.com/playlist?list=PLU-8o76TOvQWQRzMDvbvpPkiD-TFYWv3n

 

【Smart Apps Creator 教學 實作篇a01-d05 】
http://www.youtube.com/playlist?list=PLU-8o76TOvQUu-k6a7N65iyiWV7TEAC4V

 

 

Smart Apps Creator教學 

http://www.youtube.com/watch?v=d1BJY-ImQ-c
http://www.youtube.com/watch?v=E4LzTuEjXL8
http://www.youtube.com/watch?v=E75ffk_TQLE
http://www.youtube.com/watch?v=6EBVEm2c7RE

 

 

 

 

 

s810802 發表在 痞客邦 留言(0) 人氣()

【MIT App Inventor 2 (AI2)入門練習】ex12.野生動物秀P12_WildLifeShow

  版面安排:

P12-1  

素材:

http://goo.gl/GrJiwM

 

Elephant.png

Elephant  

 

Bird.png

Bird  

Penguin.png

Penguin  

Elephant.wav

Bird.wav

Penguin.wav

方塊圖:

P12-2  

  P12-2  

輸出:

 P12-o1  

P12-o2  

P12-o3  

 

 ref:

http://www.imagnity.com/tutorials/app-inventor/our-first-app-using-app-inventor/   

 

【MIT App Inventor 2 (AI2)入門練習】

s810802 發表在 痞客邦 留言(0) 人氣()

【MIT App Inventor 2(AI2)Advanced範例】ex07 A07_Oh My Spikes

 

 版面安排:

方塊圖:

輸出:

 掃描QRCODE安裝到你的Android中

或者下載APK:

下載原始碼(ource Code):

 

ref:

http://www.imagnity.com/android/oh-my-spikes-create-a-game-from-scratch-using-app-inventor/

 

 

 

 【MIT App Inventor 2(AI2)Advanced範例】

s810802 發表在 痞客邦 留言(0) 人氣()

【MIT App Inventor 2(AI2)Advanced範例】ex06 A06_Exploring with Location Sensor in AI2

 

 版面安排:

方塊圖:

輸出:

 掃描QRCODE安裝到你的Android中

或者下載APK:

下載原始碼(ource Code):

 

ref:

http://appinventor.mit.edu/explore/ai2/oh-my-spikes.html

 

 

 

 【MIT App Inventor 2(AI2)Advanced範例】

s810802 發表在 痞客邦 留言(0) 人氣()


【MIT App Inventor 2(AI2)Intermediate範例】ex10. I10_Sharing Component: send files and text with the app of your choice

  

 版面安排:

方塊圖:

輸出:

 掃描QRCODE安裝到你的Android中

或者下載APK:

下載原始碼(ource Code):

 

ref:

http://appinventor.mit.edu/explore/ai2/file-sharing.html

 

 

【MIT App Inventor 2(AI2)Intermediate範例】

s810802 發表在 痞客邦 留言(0) 人氣()


【MIT App Inventor 2(AI2)Intermediate範例】ex9. I09_QuizMe for App Inventor 2

  

 版面安排:

方塊圖:

輸出:

 掃描QRCODE安裝到你的Android中

或者下載APK:

下載原始碼(ource Code):

 

ref:

http://appinventor.mit.edu/explore/ai2/quizme.html

 

 

【MIT App Inventor 2(AI2)Intermediate範例】

s810802 發表在 痞客邦 留言(0) 人氣()


【MIT App Inventor 2(AI2)Intermediate範例】ex8. I08_No Text While Driving for AI2

  

 版面安排:

方塊圖:

輸出:

 掃描QRCODE安裝到你的Android中

或者下載APK:

下載原始碼(ource Code):

 

ref:

http://appinventor.mit.edu/explore/no-text-while-driving-ai2.html

 

【MIT App Inventor 2(AI2)Intermediate範例】

s810802 發表在 痞客邦 留言(0) 人氣()


【MIT App Inventor 2(AI2)Intermediate範例】ex7. I07_Space Invaders

  

 版面安排:

方塊圖:

輸出:

 掃描QRCODE安裝到你的Android中

或者下載APK:

下載原始碼(ource Code):

 

ref:

http://appinventor.mit.edu/explore/ai2/space-invaders.html

 

【MIT App Inventor 2(AI2)Intermediate範例】

s810802 發表在 痞客邦 留言(0) 人氣()

【MIT App Inventor 2(AI2)Intermediate範例】ex2. I02_Paint Pot Extended with Camera (AI2)

  版面安排:

 I02-1  

方塊圖:

 I02-B01  

I02-B02  

I02-B03  

輸出:

 I02-out  

 掃描QRCODE安裝到你的Android中

 

或者下載APK:

http://www.appinventor.org/apps2/paintpot2/paintpot2.apk 

下載原始碼(ource Code):

 http://www.appinventor.org/apps2/paintpot2/paintpot2.aia

 ref:

http://www.appinventor.org/PaintPot2

http://www.appinventor.org/paintpot2-steps

【MIT App Inventor 2(AI2)Intermediate範例】

s810802 發表在 痞客邦 留言(0) 人氣()

【MIT App Inventor 2 (AI2)入門練習】ex11.木琴 P11_Xylophone

  版面安排:

P11-1  

素材:

http://goo.gl/pC3XZl

木琴聲音
http://goo.gl/ksgFn

方塊圖:

P11-2  

輸出:

 P11-out   

 

【MIT App Inventor 2 (AI2)入門練習】

s810802 發表在 痞客邦 留言(0) 人氣()

最新中文版【App Inventor 2 初學者 範例 2018 】BA03 打地鼠 MoleMash (BA03_2018)
http://s810802.pixnet.net/blog/post/66806127

 

 

【MIT App Inventor 2 (AI2)入門練習】ex10.打地鼠 P10_MoleMash

  版面安排:

P10-1  

 

地鼠圖片
http://explore.appinventor.mit.edu/sites/all/files/ai2tutorials/moleMash/mole.png

 

方塊圖:

P10-2  

輸出:

P10-3  

 掃描QRCODE安裝到你的Android中

下載原始碼(ource Code):

 http://explore.appinventor.mit.edu/sites/all/files/ai2tutorials/moleMash/MoleMash.aia 

ref:

http://explore.appinventor.mit.edu/ai2/molemash

http://www.appinventor.org/MoleMash2 

  

【MIT App Inventor 2 (AI2)入門練習】

s810802 發表在 痞客邦 留言(0) 人氣()

【MIT App Inventor 2 (AI2)入門練習】ex9.景點介紹 P09_Map Tour 

 版面安排:

P09-1  

方塊圖:

 def global變數Destinations

新增目的地的列表
make a list (Lists) 製作清單
text ("臺北市西門町") (Text) 第1個地點 (Taipei Ximending)
text ("臺北市孔廟") (Text) 第2個地點 (Taipei Confucius Temple)
text ("台北植物園") (Text) 第3個地點 (Taipei Botanical Garden)
text ("陽明山國家公園") (Text) 第4個地點 (Yangmingshan National Park)
text ("臺北市立木柵動物園") (Text) 第5個地點 (Taipei Zoo)

P09-2  

輸出:

P09-3  

P09-4  

P09-out  

 

【MIT App Inventor 2 (AI2)入門練習】

s810802 發表在 痞客邦 留言(0) 人氣()

【MIT App Inventor 2 (AI2)入門練習】ex8 魔術8號球 P08_Magic 8-ball

  版面安排:

P08-1  

 

Magic 8 Ball 聲音素材 

 

方塊圖:

P08-2  

輸出:

P08-3  

P08-4  

 掃描QRCODE安裝到你的Android中

或者下載APK:

http://appinventor.mit.edu/explore/sites/all/files/ai2tutorials/magic8ball/Magic8Ball.apk

下載原始碼(ource Code):

http://appinventor.mit.edu/explore/sites/all/files/ai2tutorials/magic8ball/Magic8Ball.aia

 ref:

http://appinventor.mit.edu/explore/ai2/magic-8-ball.html

 

 

【MIT App Inventor 2 (AI2)入門練習】

s810802 發表在 痞客邦 留言(0) 人氣()

【MIT App Inventor 2 (AI2)入門練習】ex7.地圖簡易版 P07_MAP

  版面安排:

P07-1  

方塊圖:

P07-2    

輸出:

 P07-o1   

 P07-o2  

 

【MIT App Inventor 2 (AI2)入門練習】

s810802 發表在 痞客邦 留言(0) 人氣()

【MIT App Inventor 2 (AI2)入門練習】ex6.照片塗鴉2 P06_PaintPot(Part2)

  版面安排:

P06-1  

方塊圖:

P06-2  

輸出:

P06_PaintPot  

 掃描QRCODE安裝到你的Android中

或者下載APK:

http://appinventor.mit.edu/explore/sites/all/files/ai2tutorials/paintPot2/PaintPot2.apk

下載原始碼(ource Code):

http://appinventor.mit.edu/explore/sites/all/files/ai2tutorials/paintPot2/PaintPot2.aia

  ref:

http://appinventor.mit.edu/explore/ai2/paintpot-part2.html

 

 

【MIT App Inventor 2 (AI2)入門練習】

s810802 發表在 痞客邦 留言(0) 人氣()

【MIT App Inventor 2 (AI2)入門練習】ex5.照片塗鴉1 P05_PaintPot(Part1)

  版面安排:

P05-1  

方塊圖:

P05-2  

P05-3  

輸出:

P05_PaintPot  

 掃描QRCODE安裝到你的Android中

 

 

或者下載APK:

http://appinventor.mit.edu/explore/sites/all/files/ai2tutorials/paintPot1/PaintPot.apk

下載原始碼(ource Code):

http://appinventor.mit.edu/explore/sites/all/files/ai2tutorials/paintPot1/PaintPot.aia

 ref:

 http://appinventor.mit.edu/explore/ai2/paintpot-part1.html

 

【MIT App Inventor 2 (AI2)入門練習】

s810802 發表在 痞客邦 留言(0) 人氣()

您尚未登入,將以訪客身份留言。亦可以上方服務帳號登入留言

請輸入暱稱 ( 最多顯示 6 個中文字元 )

請輸入標題 ( 最多顯示 9 個中文字元 )

請輸入內容 ( 最多 140 個中文字元 )

請輸入左方認證碼:

看不懂,換張圖

請輸入驗證碼