Transcript App inventor2安裝使用

App inventor2安裝使用
103.02.10
前置作業
1、需有GMAIL帳號
2、安裝 AppInventor_Setup_Installer_v_2_2(此為
模擬器)→執行aistarter
3、手機安裝QRCODE
4、如果是要在實機中安裝下載的 apk 檔，改變手機
應用程式設定：執行 設定 / 安全性，勾選 未知的來源
選項。
Gmail帳號登入
需使用google chrome(網址輸入google chrome
進行下載)
使用原有的gmail帳號
使用教育局的gmail
https://sso.ntpc.edu.tw
谷歌應用程式
ai2.appinventor.mit.edu連結至google
accounts
Allow
安裝模擬器
 安裝 AppInventor_Setup_Installer_v_2_2(此為模擬器)→執行aistarter
專題
1、piano
2、favorite
3、panda
鋼琴家
 建立專案：piano
 介面設計：
 上傳：上傳 <key1> 到 <key3>、<Do> 到 <Si>、pianoicon
 title：鋼琴家 、ScreenOrientation：Landscape、icon：pianoicon
 建立HorizontalArrangement：AlignHorizontal：center、width：fill parent、height：
240pixels
 建立 Button 元件：Imae: key1.png、Text:無、Width:50 pixels、Height:240pixels。
 再建立六個 Button 元件，名稱為 Button2 到 Button7：Imae 屬性依次為 key2.png、
key3.png、key4.png、key5.png、key6.png、key7.png，其餘屬性與 Button1 相同。
 建立七個 Sound 元件：sound1：source：do.mp3，以此類推 sound7：source：
si.mp3
鋼琴家畫面
鋼琴家拼圖設計
鋼琴家QRCODE
我的最愛
 建立專案：favorite
 介面設計：
 上傳background.jpg、icon.png
 Title屬性：我的最愛 backgroundcolor：none、backgroundimage屬性：background.jpg
 Icon屬性：icnn.png
 建立button元件：rename：yahoo、fontsize：30、text：奇摩新聞、width：fill parent、height：
40pixels
 建立button元件：rename：udn、fontsize：30、text：聯合報、width：fill parent、height：
40pixels
 建立button元件：rename：tphcc、fontsize：30、text：新北市圖書館、width：fill parent、
height：40pixels
 建立add screen元件：rename：yahoo_screen、title：奇摩新聞
 Webviewer：homeurl： http://tw.m.yahoo.com/news
 建立add screen元件：rename：udn_screen、title：聯合報
 Webviewer：homeurl：http://m.udn.com
 建立add screen元件：rename：tphcc_screen、title：新北市圖書館
 Webviewer：homeurl： http://www.tphcc.gov.tw/MobileMainPortal/
我的最愛畫面
我的最愛拼圖設計
點blocks進入拼塊設計
我的最愛QRCODE
panda
 建立專案：panda
 介面設計：
 上傳：btn_1至btn_4、pandaicon、pandainfo
 Title：就是要圓仔、BackgroundColor：pink、icon：pandaicon、
ScreenOrientation：portrait
 建立HorizontalArrangement：AlignHorizontal：center、AlignVertical：center、
width：fill parent、height：180pixels
 建立image：picture：pandainfo
 建立VerticalArrangement：center、AlignVertical：center、width：fill parent、
height：fill parent
 建立button： rename：about 、image：btn_1、text：無
 建立button： rename：online 、image：btn_2、text：無
 建立button： rename：photo 、image：btn_3、text：無
 建立button： rename：search 、image：btn_4、text：無
 建立button：rename、camera：text：拍照
panda
 介面設計：
 建立建立activitystarter：action：android.intent.action.VIEW，datauri：
http://www.youtube.com/user/TaipeiZoo/search?query=%E5%9C%93%E4%BB%94
 建立3個add screen：screenabout、screenphoto、screensearch
 Screenabout：title：認識圓仔
Scrollable：取消核取
 建立button：fontsize：30、shape：rounded、text：返回首頁、width：fill parent、height：
60pixels
 建立webviewer：homeurl：http://zh.m.wikipedia.org/wiki/%E5%9C%93%E4%BB%94
 Screenphoto：title：圓仔照片 Scrollable：取消核取
 建立button：fontsize：30、shape：rounded、text：返回首頁、width：fill parent、height：
60pixels
 建立webviewer：homeurl：https://www.google.com.tw/search?hl=zhTW&site=imghp&tbm=isch&source=hp&biw=1366&bih=643&q=%E5%9C%93%E4%BB%94&oq=%
E5%9C%93%E4%BB%94&gs_l=img.3..0l10.156739.157804.0.160164.9.8.0.1.0.0.91.461.8.8.0....0...1a
c.4.34.img..2.7.419.9800HuPhLGo
 Screensearch：title：圓仔在哪裡、Scrollable：取消核取
 建立button：fontsize：30、shape：rounded、text：返回首頁、width：fill parent、height：
60pixels
 建立webviewer：homeurl：
https://www.google.com/maps/preview#!q=%E5%8F%B0%E7%81%A3%E5%8F%B0%E5%8C%97%
E5%B8%82%E6%96%87%E5%B1%B1%E5%8D%80%E6%96%B0%E5%85%89%E8%B7%AF%E4%BA%8C
%E6%AE%B5%E5%8F%B0%E5%8C%97%E5%B8%82%E7%AB%8B%E5%8B%95%E7%89%A9%E5%9C%9
2&data=!4m15!2m14!1m13!1s0x3442aa604a32818f%3A0xaafe06fd09b4d766!3m8!1m3!1d24043
Panda拼圖設計-screen1
Panda拼圖設計-screenabout
Panda拼圖設計-screenphoto
Panda拼圖設計-screensearch
Panda畫面
Panda-QRCODE