1 / 19

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

takara
Télécharger la présentation

App inventor2 安裝使用

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. App inventor2安裝使用 103.02.10

  2. 前置作業 • 1、需有GMAIL帳號 • 2、安裝 AppInventor_Setup_Installer_v_2_2(此為模擬器)→執行aistarter • 3、手機安裝QRCODE • 4、如果是要在實機中安裝下載的 apk 檔,改變手機應用程式設定:執行 設定 / 安全性,勾選 未知的來源 選項。

  3. Gmail帳號登入 • 需使用google chrome(網址輸入google chrome 進行下載) • 使用原有的gmail帳號 • 使用教育局的gmail • https://sso.ntpc.edu.tw • 谷歌應用程式 • ai2.appinventor.mit.edu連結至google accounts • Allow

  4. 安裝模擬器 • 安裝 AppInventor_Setup_Installer_v_2_2(此為模擬器)→執行aistarter

  5. 專題 • 1、piano • 2、favorite • 3、panda

  6. 鋼琴家 • 建立專案: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

  7. 鋼琴家畫面

  8. 鋼琴家拼圖設計

  9. 鋼琴家QRCODE

  10. 我的最愛 • 建立專案: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/

  11. 我的最愛畫面

  12. 我的最愛拼圖設計 點blocks進入拼塊設計

  13. 我的最愛QRCODE

  14. 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:拍照

  15. 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

  16. Panda拼圖設計-screen1

  17. Panda拼圖設計-screenabout Panda拼圖設計-screenphoto Panda拼圖設計-screensearch

  18. Panda畫面

  19. Panda-QRCODE

More Related