【旅遊拍攝景點】台中市彩虹眷村

台中市彩虹眷村資訊：
地址 :台中市南屯區春安路五十六巷 (在台中嶺東科技大學旁 )

【彩虹眷村- Google 地圖】
http://smokeliz.pixnet.net/blog/post/35479700

經度：120.6100
緯度：24.1352
http://pink.123blog.tw/c.php?id=8419
http://www.ttvs.cy.edu.tw/kcc/990925hon/k1.htm

檢視較大的地圖 

【旅遊拍攝景點】石碇許家手工麵線行 

http://sdnoodle.pixnet.net/blog
連絡電話 02-26633004
新北市石碇區烏塗里四分子三號(北47-1三公里處)
平假日：08:00~18:00　固定公休日：星期一
http://sdnoodle.pixnet.net/blog

石碇區「新北市免費社區巴士」
http://www.xn--djro9kqweubu72dca.tw/list11.htm

 
檢視較大的地圖 

【MIT App Inventor 入門範例】ex5.MoleMash打地鼠

地鼠素材

http://beta.appinventor.mit.edu/learn/tutorials/molemash/MoleMashAssets/mole.png

http://goo.gl/xL4On

版面安排:

方塊圖:

輸出:

 

PDF:

http://cs.usfca.edu/~wolber/appinventor/bookSplits/ch3MoleMash.pdf

http://goo.gl/NI6bD

REF:

http://appinventor.mit.edu/explore/content/molemash.html

http://beta.appinventor.mit.edu/learn/tutorials/molemash/molemash.html

 1.

2. 

3. 

4. 

5. 

【MIT App Inventor 入門範例】

【MIT App Inventor 入門範例】ex4.Map Tour景點介紹

 1.先加入三元件

Image (Basic) Image1 只秀出圖片
ListPicker (Basic) ListPicker1 顯示表列目的地
ActivityStarter (other stuff) ActivityStarter1 ((non-visible) component)

2.修改ListPicker1  Text 為 "台北景點選擇" or 其它地區,你自己的家鄉,高雄,台中,雲林....

REF: 
台北景點: 

http://okgo.tw/buty/taipei.html 

http://travel.network.com.tw/tourguide/twnmap/taipeicity.asp 

http://travel.network.com.tw/main/travel/taipeicity.asp

版面安排

3.設定ActivityStarter的特性

Action: android.intent.action.VIEW
ActivityClass: com.google.android.maps.MapsActivity
ActivityPackage: com.google.android.apps.maps

4.開啟 blocks editor 設定方塊
def variable ("Destinations") (Definitions) 新增目的地的列表
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)

方塊圖:

5.加入元件的行為
MapTour有兩種行為
(1).app 開始執行時,當點選"ListPicker"元件(台北景點選擇的按鈕)會列出5個地點清單
(2).點選目的地後,會開啟 Google地圖顯示所選的地點

所以程式開始執行時要顯示清單
Screen1.Initialize (Screen1) app開始執行時
set ListPicker1.Elements to (ListPicker1) 列出清單
global destinations (My Definitions) 顯示目的地

6.執行 Google Maps 搜尋目的地
當目的地選好後,利用ActivityStarter執行Google Maps 搜尋所選定的目的地
(1). ListPicker.AfterPicking 事件啟動
(2).將ActivityStarter的DataUri元件值設定geo:0,0?q='西門町' (目的地)
(3).ActivityStarter1.StartActivity 執行 Google Maps 搜尋目的地 

ListPicker1.AfterPicking (ListPicker1) 當ListPicker被點選時
set ActivityStarter1.DataUri to (ActivityStarter1) DataUri 呼叫 Maps 執行
make text (Text) 建立 DataUri所需要的文字
text ("geo:0,0?q=") (Text) DataUri的第一部分文字
ListPicker1.Selection (ListPicker1) 選定的地點
ActivityStarter1.StartActivity (ActivityStarter1) 執行Maps

輸出:

 PDF:

http://goo.gl/iew2x

http://cs.usfca.edu/~wolber/appinventor/bookSplits/ch6Map.pdf

REF:

http://appinventor.mit.edu/explore/content/maptour.html

http://beta.appinventor.mit.edu/learn/tutorials/maptour/maptour.html

【MIT App Inventor 入門範例】

【MIT App Inventor 入門範例】ex2.PicCall照片撥打電話

版面安排

方塊圖

REF:

http://appinventor.mit.edu/explore/content/piccall.html

http://beta.appinventor.mit.edu/learn/tutorials/piccall/piccall.html

【MIT App Inventor 入門範例】

【MIT App Inventor 入門範例】ex6.Xylophone,木琴

 版面安排

方塊圖

輸出:

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

PDF:

http://goo.gl/BZPJ5

http://cs.usfca.edu/~wolber/appinventor/bookSplits/ch9Xylophone.pdf

【MIT App Inventor 入門範例】

【MIT App Inventor 入門範例】ex3.PaintPot照片塗鴉

版面安排

方塊圖

輸出:

PDF:

http://cs.usfca.edu/~wolber/appinventor/bookSplits/ch2PaintPot.pdf

http://goo.gl/o2Mmo

ref:

http://appinventor.mit.edu/explore/content/paintpot-part-1.html

http://appinventor.mit.edu/explore/content/paintpot-part-2.html

http://beta.appinventor.mit.edu/learn/tutorials/paintpot/paintpot-part1.html

1.

2.

3.

4.

5.

【MIT App Inventor 入門範例】

【MIT App Inventor 入門範例】ex1.Hello Purr

版面安排

方塊圖

PDF:

http://goo.gl/tayX6

http://cs.usfca.edu/~wolber/appinventor/bookSplits/ch1HelloPurr.pdf

素材

http://goo.gl/78j0R

貓照片
http://beta.appinventor.mit.edu/learn/tutorials/hellopurr/HelloPurrAssets/kitty.png
聲音
http://beta.appinventor.mit.edu/learn/tutorials/hellopurr/HelloPurrAssets/meow.mp3

REF:

http://appinventor.mit.edu/explore/content/hellopurr-phone-part-1.html

http://appinventor.mit.edu/explore/content/hellopurr-emulator-part-1.html

http://appinventor.mit.edu/explore/content/hellopurr-part-2.html

https://sites.google.com/a/stu.nknush.kh.edu.tw/appinventor/shi-zuo-fan-li----jiben/fan-li-shi-zuo---pet-kitty

 http://appinventor.mit.edu/explore/content/hellopurr.html

 1:

2:

3:

比較仔細說明

a:

b:

【MIT App Inventor 入門範例】

【MIT App Inventor 入門範例】

MIT App Inventor 入口
http://appinventor.mit.edu/explore/classic.html

http://jiangzero-ai.appspot.com/

ex1.Hello Purr

ex2.PicCall照片撥打電話

ex3.PaintPot照片塗鴉

ex4.Map Tour景點介紹

ex5.MoleMash打地鼠

ex6.Xylophone,木琴

ex7.MAP地圖簡易版

【MIT App Inventor 範例】

【MIT App Inventor 入門準備】

各種聲音檔案

素材

【MIT App Inventor 入門】

MIT App Inventor 入口
http://appinventor.mit.edu/explore/

使用 MIT App Inventor 前的準備

1.要有Gmail帳號

Google Chrome瀏覽器
http://goo.gl/4dkGO

2.安裝JRE(Java Runtime Environment)
http://www.oracle.com/tw/index.html

Jave JRE  7u21 X86
Windows 離線 (32 位元)檔案大小： 30.93 MB 

jre-7u21-windows-i586.exe

https://docs.google.com/a/pixnet.net/file/d/0B-JLL5O3huAHTUJCTTBEQVBEaHc/edit

http://goo.gl/stkFH

Windows 離線 7u21 X64 (64 位元)檔案大小：32.344MB  

jre-7u21-windows-x64.exe

https://docs.google.com/a/pixnet.net/file/d/0B-JLL5O3huAHUGFrX2RfSDJOTVk/edit

http://goo.gl/89vHh

3.下載AppInventor_Setup_Installer安裝
http://beta.appinventor.mit.edu/learn/setup/setupwindows.html

AppInventor_Setup_Installer_v_1_2.exe

http://dl.google.com/dl/appinventor/installers/windows/appinventor_setup_installer_v_1_2.exe

http://goo.gl/OtHVW


4.申請 pixnet帳號 再 我為好友 (分享線上教材)
http://s810802.pixnet.net/blog/

說明REF:
App Inventor Setup:
http://beta.appinventor.mit.edu/learn/setup/index.html

第一次登入 MIT App Inventor
http://appinventor.mit.edu/explore/

【MIT App Inventor 入門範例】

Getting Started with AppInventor:

以下為目前可參考的教學網站:

1.App Inventor中文學習網
http://www.appinventor.tw/

2.App Inventor 教學．CG數位學習網
http://www.cg.com.tw/AppInventor/AppInventor.asp

4.AppInventor - CAVE-Education
http://www.cavedu.com/appinventor_getstarted

5.學習點點頭: Google MIT App Inventor使用教學
http://learningorz.blogspot.com/2012/05/google-mit-app-inventor.html

6高師大附中資訊社App Inventor 教學網
https://sites.google.com/a/stu.nknush.kh.edu.tw/appinventor/

7.[教學] App Inventor 單機執行(不需網路)
http://tw.myblog.yahoo.com/lego-caveschool/article?mid=8369

8.MIT App Inventor 官方教學
http://appinventor.mit.edu/explore/content/tutorials.html

9.Professor Wolber App Inventor 官方教學
http://www.appinventor.org/projects

10:teach:

http://appinventor.mit.edu/teach/

11:resources:
http://appinventor.mit.edu/teach/resources.html

12.Android Aid:
http://android.jwtyler.com/?page_id=7

App Inventor Setup:

Use MIT App Inventor:

Setup MIT App Inventor
http://appinventor.mit.edu/explore/content/setup-mit-app-inventor.html

Middle School Android
https://sites.google.com/site/middleschoolandroid/home/app-inventor-tutorials

離線用 App Inventor 開發應用程式
http://www.wingsv.org/2012/02/android-app-inventor.html

Android Programming
http://hscc.cs.nctu.edu.tw/~lincyu/Android/android.html

最後建立完成的 appinventor host. 
http://jiangzero-ai.appspot.com/

【 App Inventor 教學】