MIT App Inventor 2 (AI2) 體驗

Slides:



Advertisements
Similar presentations
 指導老師:許乙清  專題成員:施瑩廷 ( 學號 : ) 、 黃柏雄 ( 學號 : ) 、 張佑任 ( 學號 : ) 淺談雲端.
Advertisements

Android App簡介及 App Inventor 2體驗 靜宜大學資管系 楊子青
網站「開外掛」 優化營業人員的戰鬥力 介紹 Web365行動展售網站系統的10大特色
星云集团.
3.2 打地鼠游戏 学习目标: 随机图片的显示 时间控件的用法 函数的定义使用方法 随机数的产生使用方法 数学公式的使用方法 任务目标:
各班請選出三張學習單交到輔導室參加評選。
MIT App Inventor 2簡介及 「HelloPurr」程式初體驗 靜宜大學資管系 楊子青
MIT AppInventor.
MIT App Inventor 開發Android手機「打地鼠遊戲」 靜宜大學資管系 楊子青
使用Android Studio 開發Android App 靜宜大學資管系 楊子青
資訊素養與倫理 第七組 陳韻涵 498C0928 李佩真 ‎ 4A0I0015 周湘儀 ‎ 498D0075 宋宛霖 499B0090
MIT App Inventor 2簡介及 「HelloPurr」程式初體驗 靜宜大學資管系 楊子青
第 1 章 使用 APP INVENTOR 2 開發 ANDROID APP
MIT App Inventor簡介及 「Hello World」程式初體驗 靜宜大學資管系 楊子青
行動商務與多媒體應用學系 詹啟祥 辦公室:HB35室 分機:
App Inventor 零基础Android移动应用开发
HelloPurr 靜宜大學服務學習發展中心、資管系 楊子青
第1章 認識Arduino.
App Inventor 2基礎概念 靜宜大學資管系 楊子青
開發環境 開發環境簡介 十八豆資訊、靜宜大學資訊學院.
Working with Databases (II) 靜宜大學資管系 楊子青
App Inventor 2體驗 靜宜大學資管系 楊子青
Lesson 2 十分钟完成照片雕刻 建议您用大屏幕观看教学,并同时用手机进行操作 官方网站 : cubiio.muherz.com
Working with Databases (II) 靜宜大學資管系 楊子青
R教學 安裝RStudio 羅琪老師.
安裝JDK 安裝Eclipse Eclipse 中文化
Text To Speech (TTS, 文字轉語音) 靜宜大學資管系 楊子青
自由軟體介紹(一) 把flash通通帶回家 報告人:陳俊銘.
Android App簡介及 App Inventor 2體驗 靜宜大學資管系 楊子青
App Inventor 2體驗: 「勇闖鵲橋」動畫遊戲 靜宜大學資管系 楊子青
2019/1/13 行動裝置如何使用東海大學SSLVPN.
App Inventor 2體驗 靜宜大學資管系 楊子青
Bluetooth (藍牙) 靜宜大學資管系 楊子青
VS.NET 2003 IDE.
App Inventor 2初體驗 靜宜大學資管系 楊子青
UpToDate Anywhere 設定方法
Programming Your App’s Memory 靜宜大學資管系 楊子青
人工智能人才培养示范基地建设分享 上海电子信息职业技术学院 邵瑛.
106年「防暴社區初級預防宣導計畫」 補助案作業時程及撰寫說明 衛生福利部(保護服務司)
TA教育訓練 微處理機系統實習.
網頁程式概論 建國科技大學資管系 饒瑞佶 2015/9 V1 2016/4 V2 2016/9 V3.
開發環境 開發環境簡介 十八豆資訊、靜宜大學資訊學院.
讓Emulator可以 使用Android Market
中信行動祕書,Android安裝「中信行動祕書」
多人開發Screen與專案Merge 靜宜大學資管系 楊子青
創意App實作 課程簡介 靜宜大學資管系 楊子青.
個人網路空間 資訊教育.
VS.NET 2003 IDE.
Text To Speech (TTS, 文字轉語音) 靜宜大學資管系 楊子青
基于App Inventor的物联网工程导论课程实验设计
HelloPurr_Extend 靜宜大學資管系 楊子青
App Inventor 2體驗 靜宜大學資管系 楊子青
App Inventor 2體驗 及呼叫PHP程式存取資料庫 靜宜大學資管系 楊子青
數位多媒體整合設計 期中報告 進圖三 高常馨.
Video 影像 (VideoPlayer 影像播放器、Camcorder 錄影機) 靜宜大學資管系 楊子青
Text To Speech (TTS, 文字轉 語音)、讀簡訊 靜宜大學資管系 楊子青
教育部 「105年學生藥物濫用 防制認知檢測」.
歹徒透過通訊軟體詐騙手法1-冒用身份 若被害人通訊軟體「允許被加入好友」為開啟狀態 駭侵Google帳戶取得通訊錄
進階UI元件:ListView元件以及複選 靜宜大學資管系 楊子青
打Mole不打Ladybug (IV): 讓使用者控制Ladybug移動 靜宜大學資管系 楊子青
中国科学院仪器设备共享平台 使用培训 新疆理化所公共技术服务中心
Activity的生命週期: 播放音樂與影片 靜宜大學資管系 楊子青
線上評鑑系統操作手冊 1.安裝google chrome 2.評鑑系統申請及操作 不怎麼帥的帥哥製作.
指導教授:陳璽煌 小組組員:曾培語 楊雅婷 彭文樺 廖建福 黃俊儒
NFC (近場通訊, Near Field Communication) 靜宜大學資管系 楊子青
SQLite資料庫 靜宜大學資管系 楊子青.
Jquery Mobile開發須知 周季賢.
Develop and Build Drives by Visual C++ IDE
歹徒透過通訊軟體詐騙手法1-冒用身份 若被害人通訊軟體「允許被加入好友」為開啟狀態 駭侵Google帳戶取得通訊錄
App Inventor 2.
Presentation transcript:

MIT App Inventor 2 (AI2) 體驗 靜宜大學資管系 楊子青

目錄 1. 初步使用AI2 2. 安裝至Android行動裝置實測 3. 安裝雷電模擬器進行模擬 4. 加入音效 5. 行動裝置特色體驗

進入MIT App Inventor 2官方網站 1. 初步使用AI2 開啟Google Chrome瀏覽器 若需安裝,可連線:https://www.google.com/chrome/ 進入MIT App Inventor 2官方網站 http://ai2.appinventor.mit.edu/ 用Gmail帳號登入 建立一個新專案(Projects→Start new project) 輸入專案名稱 (英文字母開頭,例如Hello)

介面設計 加入Button元件,命名為ButtonSend 加入Label元件,命名為LabelMsg Text屬性:空白 Image屬性:上傳kitty.png 加入Label元件,命名為LabelMsg Text屬性:Hello World

積木組合式程式

2. 安裝至Android行動裝置實測 產生QR code 下載至行動裝置及進行安裝 (設定→安全性→未知的來源需打勾)

可以用Line或掃瞄QR code軟體下載安裝 如果掃描後,系統若用Chrome下載,但是直接閃過,可以嘗試: Android 6以上的裝置,需開放「儲存」權限: 設定→應用程式→Chrome →權限→將「儲存」開啟 把Chrome的所有視窗均關閉

(方法2) 安裝apk檔 將APP程式轉成apk檔 使用USB連接線連接行動裝置,或是用gmail寄信 方式給自己或朋友,將檔案轉存至行動裝置,再 進行安裝

3. 安裝雷電模擬器進行模擬 (1)下載安裝:App Inventor 2 Setup on Windows,並開啟aiStarter http://appinventor.mit.edu/explore/ai2/windows.html aiStarter若需關閉,請盡量使用 CTRL-C aiStarter開啟方式:開始→MIT App Inventor Tools→aiStarter (2)下載安裝:雷電模擬器 https://www.ldplayer.tw/ (3)於雷電模擬器,安裝MIT AI2 Companion App http://appinventor.mit.edu/explore/ai2/setup-device-usb.html (Step 2)

使用雷電模擬器進行模擬 回到App Inventor 2開發環境 Connect→Emulator進行模擬測試 短按/長按圖片,文字會有變化

4. 加入音效 選擇Media群組,加入Sound元件 Source屬性加入meow.mp3 擴充程式碼後,短按測試,會有貓咪叫聲:

上傳其他媒體資源 於螢幕右下角upload file,上傳lion.jpg及roar.mp3

5. 行動裝置特色體驗 (1) 搖晃行動裝置,換成獅子圖片與聲音 從Sensors群組,加入AccelerometerSensor元件 AccelerometerSensor.Shaking 搖晃事件

雷電模擬器模擬搖晃手機

行動裝置特色體驗 (2) 讓手機震動(Sound1.Vibrate) 0.5秒 需要在行動裝置測試,才能感覺到震動

行動裝置還有哪些不同於PC或NB的特性? Thinking Thinking 行動裝置還有哪些不同於PC或NB的特性?