190 likes | 331 Views
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
E N D
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
我的最愛 • 建立專案: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進入拼塊設計
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=zh-TW&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...1ac.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%92&data=!4m15!2m14!1m13!1s0x3442aa604a32818f%3A0xaafe06fd09b4d766!3m8!1m3!1d24043978!2d-95.677068!3d37.0625!3m2!1i1280!2i708!4f13.1!4m2!3d24.998853!4d121.581068
Panda拼圖設計-screenabout Panda拼圖設計-screenphoto Panda拼圖設計-screensearch