Submit Search
Upload
App inventor 1
•
0 likes
•
947 views
Roy Wang
Follow
App Inventor投影片1
Read less
Read more
Mobile
Report
Share
Report
Share
1 of 51
Download now
Download to read offline
Recommended
App inventor 演講簡報
App inventor 演講簡報
David Huang
App inventor 教學講義 chapter1
App inventor 教學講義 chapter1
Jerry Wu
Android程式設計(6)
Android程式設計(6)
Roy Wang
Android 程式設計(1)
Android 程式設計(1)
Roy Wang
Sencha touch 2 訓練課程 2 android環境建置
Sencha touch 2 訓練課程 2 android環境建置
My own sweet home!
GAE Java IDE installation
GAE Java IDE installation
Simon Su
Orientation Program
Orientation Program
Luo Korth
Ch10 app
Ch10 app
綺晴 吳
Recommended
App inventor 演講簡報
App inventor 演講簡報
David Huang
App inventor 教學講義 chapter1
App inventor 教學講義 chapter1
Jerry Wu
Android程式設計(6)
Android程式設計(6)
Roy Wang
Android 程式設計(1)
Android 程式設計(1)
Roy Wang
Sencha touch 2 訓練課程 2 android環境建置
Sencha touch 2 訓練課程 2 android環境建置
My own sweet home!
GAE Java IDE installation
GAE Java IDE installation
Simon Su
Orientation Program
Orientation Program
Luo Korth
Ch10 app
Ch10 app
綺晴 吳
Android開發app
Android開發app
騰昱 魏
Android 程式設計(3)
Android 程式設計(3)
Roy Wang
[ICOS2013] Appcelerator Titanium簡介
[ICOS2013] Appcelerator Titanium簡介
Justin Lee
20140222 Unity Windows lab 移轉實作營
20140222 Unity Windows lab 移轉實作營
Meng-Ru (Raymond) Tsai
Android 研发的昨天、今天 和 明天
Android 研发的昨天、今天 和 明天
oasisfeng
Android应用的设备体验优化
Android应用的设备体验优化
oasisfeng
2013/05/19 - Titanium 入門實戰 30 分鐘教你寫出 youtube App + 會員系統 @jsdc2013
2013/05/19 - Titanium 入門實戰 30 分鐘教你寫出 youtube App + 會員系統 @jsdc2013
Kevin Huang
Appium手机自动化测试 tester home公开课
Appium手机自动化测试 tester home公开课
lihuazhang
Appium手机自动化测试 testerhome_bqcon版本
Appium手机自动化测试 testerhome_bqcon版本
延胜 黄
iPhone/iPad APP Development Class 101
iPhone/iPad APP Development Class 101
Ryan Chung
Vuforia AR應用程式設計入門
Vuforia AR應用程式設計入門
吳錫修 (ShyiShiou Wu)
iOS 入門教學
iOS 入門教學
Steven Shen
Vuforia AR應用程式準備作業
Vuforia AR應用程式準備作業
吳錫修 (ShyiShiou Wu)
Android开发技巧与性能优化
Android开发技巧与性能优化
russell_tmp
第七堂 Youtube 播放 app (2)
第七堂 Youtube 播放 app (2)
力中 柯
UX Mag article導讀分享
UX Mag article導讀分享
Tsun-Wu Liu
106107105
106107105
DESHNK
App 快速雛形發展介紹 Part1
App 快速雛形發展介紹 Part1
信宏 陳
App Inventor tutorial
App Inventor tutorial
CAVEDU Education
不同尺寸與解析度的螢幕下,Android 程式 UI 的設計與解決方式
不同尺寸與解析度的螢幕下,Android 程式 UI 的設計與解決方式
信宏 陳
App inventor 教學講義 chapter2
App inventor 教學講義 chapter2
Jerry Wu
App inventor 教學講義 chapter6
App inventor 教學講義 chapter6
Jerry Wu
More Related Content
What's hot
Android開發app
Android開發app
騰昱 魏
Android 程式設計(3)
Android 程式設計(3)
Roy Wang
[ICOS2013] Appcelerator Titanium簡介
[ICOS2013] Appcelerator Titanium簡介
Justin Lee
20140222 Unity Windows lab 移轉實作營
20140222 Unity Windows lab 移轉實作營
Meng-Ru (Raymond) Tsai
Android 研发的昨天、今天 和 明天
Android 研发的昨天、今天 和 明天
oasisfeng
Android应用的设备体验优化
Android应用的设备体验优化
oasisfeng
2013/05/19 - Titanium 入門實戰 30 分鐘教你寫出 youtube App + 會員系統 @jsdc2013
2013/05/19 - Titanium 入門實戰 30 分鐘教你寫出 youtube App + 會員系統 @jsdc2013
Kevin Huang
Appium手机自动化测试 tester home公开课
Appium手机自动化测试 tester home公开课
lihuazhang
Appium手机自动化测试 testerhome_bqcon版本
Appium手机自动化测试 testerhome_bqcon版本
延胜 黄
iPhone/iPad APP Development Class 101
iPhone/iPad APP Development Class 101
Ryan Chung
Vuforia AR應用程式設計入門
Vuforia AR應用程式設計入門
吳錫修 (ShyiShiou Wu)
iOS 入門教學
iOS 入門教學
Steven Shen
Vuforia AR應用程式準備作業
Vuforia AR應用程式準備作業
吳錫修 (ShyiShiou Wu)
Android开发技巧与性能优化
Android开发技巧与性能优化
russell_tmp
第七堂 Youtube 播放 app (2)
第七堂 Youtube 播放 app (2)
力中 柯
UX Mag article導讀分享
UX Mag article導讀分享
Tsun-Wu Liu
106107105
106107105
DESHNK
App 快速雛形發展介紹 Part1
App 快速雛形發展介紹 Part1
信宏 陳
App Inventor tutorial
App Inventor tutorial
CAVEDU Education
What's hot
(19)
Android開發app
Android開發app
Android 程式設計(3)
Android 程式設計(3)
[ICOS2013] Appcelerator Titanium簡介
[ICOS2013] Appcelerator Titanium簡介
20140222 Unity Windows lab 移轉實作營
20140222 Unity Windows lab 移轉實作營
Android 研发的昨天、今天 和 明天
Android 研发的昨天、今天 和 明天
Android应用的设备体验优化
Android应用的设备体验优化
2013/05/19 - Titanium 入門實戰 30 分鐘教你寫出 youtube App + 會員系統 @jsdc2013
2013/05/19 - Titanium 入門實戰 30 分鐘教你寫出 youtube App + 會員系統 @jsdc2013
Appium手机自动化测试 tester home公开课
Appium手机自动化测试 tester home公开课
Appium手机自动化测试 testerhome_bqcon版本
Appium手机自动化测试 testerhome_bqcon版本
iPhone/iPad APP Development Class 101
iPhone/iPad APP Development Class 101
Vuforia AR應用程式設計入門
Vuforia AR應用程式設計入門
iOS 入門教學
iOS 入門教學
Vuforia AR應用程式準備作業
Vuforia AR應用程式準備作業
Android开发技巧与性能优化
Android开发技巧与性能优化
第七堂 Youtube 播放 app (2)
第七堂 Youtube 播放 app (2)
UX Mag article導讀分享
UX Mag article導讀分享
106107105
106107105
App 快速雛形發展介紹 Part1
App 快速雛形發展介紹 Part1
App Inventor tutorial
App Inventor tutorial
Viewers also liked
不同尺寸與解析度的螢幕下,Android 程式 UI 的設計與解決方式
不同尺寸與解析度的螢幕下,Android 程式 UI 的設計與解決方式
信宏 陳
App inventor 教學講義 chapter2
App inventor 教學講義 chapter2
Jerry Wu
App inventor 教學講義 chapter6
App inventor 教學講義 chapter6
Jerry Wu
App inventor 教學講義 chapter3
App inventor 教學講義 chapter3
Jerry Wu
App inventor 教學講義 chapter4
App inventor 教學講義 chapter4
Jerry Wu
App inventor 3
App inventor 3
Roy Wang
App inventor 2
App inventor 2
Roy Wang
App inventor 5
App inventor 5
Roy Wang
Android 程式設計(2)
Android 程式設計(2)
Roy Wang
App inventor 4
App inventor 4
Roy Wang
Viewers also liked
(10)
不同尺寸與解析度的螢幕下,Android 程式 UI 的設計與解決方式
不同尺寸與解析度的螢幕下,Android 程式 UI 的設計與解決方式
App inventor 教學講義 chapter2
App inventor 教學講義 chapter2
App inventor 教學講義 chapter6
App inventor 教學講義 chapter6
App inventor 教學講義 chapter3
App inventor 教學講義 chapter3
App inventor 教學講義 chapter4
App inventor 教學講義 chapter4
App inventor 3
App inventor 3
App inventor 2
App inventor 2
App inventor 5
App inventor 5
Android 程式設計(2)
Android 程式設計(2)
App inventor 4
App inventor 4
Similar to App inventor 1
Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台
MOBINODE
Keyboard Extension sharing
Keyboard Extension sharing
Grady Zhuo
多媒體系統05_Android App圖形元件
多媒體系統05_Android App圖形元件
Fuzhou University
Introduction to open source platform
Introduction to open source platform
Hsien-Tang Lin
開放原始碼 Ch2.3 app - oss - ui framewoks (ver 1.0)
開放原始碼 Ch2.3 app - oss - ui framewoks (ver 1.0)
My own sweet home!
Flutter 踩雷心得
Flutter 踩雷心得
Weizhong Yang
第一堂 進入 Android 的世界 --- Jason 的 Android 應用程式快樂學習班
第一堂 進入 Android 的世界 --- Jason 的 Android 應用程式快樂學習班
力中 柯
[VideOhya] Titanium開發經驗分享_1020
[VideOhya] Titanium開發經驗分享_1020
Taiwan Titanium User Group
Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409
zhengyiwuxian
Opendata kh xavier_20130518
Opendata kh xavier_20130518
Xavier Wu
Phonegap入門
Phonegap入門
Roy Chen
炎炎夏日學 Android 課程 - Part 0: 環境搭建
炎炎夏日學 Android 課程 - Part 0: 環境搭建
Johnny Sung
HTML5 生态系统和应用架构模型
HTML5 生态系统和应用架构模型
Tom Fan
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
Justin Lee
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
My own sweet home!
Android ADK
Android ADK
艾鍗科技
04.layman android google handheld device application design
04.layman android google handheld device application design
gaquay086
Android
Android
donotbeevil
Android简介
Android简介
wzwdwx
開放原始碼 Ch1.3 intro - oss - google codes (ver 2.0)
開放原始碼 Ch1.3 intro - oss - google codes (ver 2.0)
My own sweet home!
Similar to App inventor 1
(20)
Appcan介绍自己的应用开发平台
Appcan介绍自己的应用开发平台
Keyboard Extension sharing
Keyboard Extension sharing
多媒體系統05_Android App圖形元件
多媒體系統05_Android App圖形元件
Introduction to open source platform
Introduction to open source platform
開放原始碼 Ch2.3 app - oss - ui framewoks (ver 1.0)
開放原始碼 Ch2.3 app - oss - ui framewoks (ver 1.0)
Flutter 踩雷心得
Flutter 踩雷心得
第一堂 進入 Android 的世界 --- Jason 的 Android 應用程式快樂學習班
第一堂 進入 Android 的世界 --- Jason 的 Android 應用程式快樂學習班
[VideOhya] Titanium開發經驗分享_1020
[VideOhya] Titanium開發經驗分享_1020
Appcan移动应用开发平台介绍120409
Appcan移动应用开发平台介绍120409
Opendata kh xavier_20130518
Opendata kh xavier_20130518
Phonegap入門
Phonegap入門
炎炎夏日學 Android 課程 - Part 0: 環境搭建
炎炎夏日學 Android 課程 - Part 0: 環境搭建
HTML5 生态系统和应用架构模型
HTML5 生态系统和应用架构模型
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
開放原始碼 Ch3.1 mobile - oss - oss行動領域-1 (ver1.0)
Android ADK
Android ADK
04.layman android google handheld device application design
04.layman android google handheld device application design
Android
Android
Android简介
Android简介
開放原始碼 Ch1.3 intro - oss - google codes (ver 2.0)
開放原始碼 Ch1.3 intro - oss - google codes (ver 2.0)
App inventor 1
1.
AppInventor(1) 講師:王瑋毅
2.
App是什麼? • 行動應用程式(英語:mobile application,簡稱
app),或手機應用程 式、手機App等,是指設計給智慧型手機、平板電腦或其他行動 裝置上運行的應用程式。 • 主流的行動裝置平台有: • Android • iOS • BlackBerry • Windows Phone
3.
市佔率最大的兩個平台 Android iOS 開發公司 Google
Apple 系統核心 Linux Mac OS 系統開發 開放式系統且開發限制較少 封閉式系統且開發限制較多 App 品質 不錯 非常好 支援設備 htc、ASUS、Samsung、小 米...等相關手機平板系列商 品。 IPhone、Ipad相關系列設備。 App 副檔名 *.apk *.ipa 原廠開發工具 Google Android SDK(Java) App Inventor Xcode(Object C)
4.
Android 開發工具 • App
Inventor • Android開發(Eclipse) • Android開發(Android Studio) • React Native
5.
App Inventor介紹(1) • App
Inventor是一個完全線上開發的Android程式環境,只要用一般 的瀏覽器,如IE、FireFox、Chrome連上網際網路就可進行開發。 • 所有設計的專案都是透過Google Accoun儲存在Server上。 • App Inventor完全拋棄複雜的程式碼而使用拼圖式的堆疊法來完成 Android程式。
6.
App Inventor介紹(2) • App
Inventor也支援樂高NXT機器人,使想 要用手機控制機器人的使用者而言,能夠 使用基本元件,例如按鈕、文字輸入輸出 等即可。
7.
App Inventor主要分為三大作業模組 • App
Inventor Designer 設計師 • 設計手機畫面的地方,含Palette、Viewer、Components元件、Properties 屬性。 • App Inventor Blocks Edit 圖塊編輯器 • 決定程式行為的地方,會以另一個視窗來顯示的程式。 • Ai2 Starter (App Inventor2) • 透過Ai2 Starter 可以讓App Inventor2將寫好的程式連接到模擬器或是載具 (手機或平板)執行。
8.
Android 開發(Eelipse) • 需要安裝的項目 •
JAVA 開發工具(Java Development kit - JDK) • Eclipse的JAVA開發環境(Eclipse IDE for Java Developers) • Android 開發工具(Android SDK)
9.
Android 開發(Android Studio) •
安裝Android Studio就好
10.
Android 開發工具比較 Android Studio
Eclipse 推出公司 Google Eclipse 版控整合 有 無 速度 快 慢 內置終端 有 無 介面 好操作並好看 太舊且陽春 智能編輯器 預覽語法等 無 自動存檔 有 無 擴充工具或lib Gradle 匯入麻煩
11.
Android Studio 優勢展示
12.
React Native • React
Native是Facebook推出的一個用JavaScript語言就能同時編寫 iOS、Android和後端的一項技術。 • React Native 提供的是學好一套技能,用此技能可以建構多種平 台的App。 • 已使用React Native的App
13.
軟體工程師分工的名稱介紹 • 網路產品包含行動端和網頁兩種主要型態 • 行動端開發(iOS、Android),Android開發用Java,iOS用Object
C • 網頁前端開發使用html、css、javascript • 網頁後端開發使用C#、JSP、PHP...等
14.
App Inventor 建立模擬器
15.
申請Gmail • Gmil帳號為每一個App Inventor開發者必備帳號,藉此來登入App Inventor
官網。 • 在搜尋引擎輸入Gmail關鍵字搜尋
16.
建立帳戶
17.
建立帳號密碼和個人資料
18.
申請成功測試
19.
App Inventor2 starter
安裝(1) • 一種Android 模擬器,能讓沒有Android裝置,仍然可以在裝置上 測試。 • 安裝步驟 • http://appinv.us/aisetup_windows • 找到你下載目錄中的MIT_App_Inventor_Tools_2.3.0_win_setup.exe檔案 • 開啟這個檔案 • 依照畫面指示進行安裝 • 如果你遇到如右畫面,請按是 • 安裝完成後,請重開機
20.
App Inventor2 starter
安裝(2) • 模擬器需要使用名為ai Starter的程式,這個程式允許瀏覽器可以 和模擬器連接。 • 安裝App Inventor軟體時,aiStarter也一起被安裝進來。 • 啟動aiStarter,看到如右的畫面。
21.
App Inventor2 starter
安裝(3) • 連接模擬器 • 啟動aiStarter後,然後從App Inventor功能表上, 按Connect Menu -> Emulator 選項,就可連接模擬器。
22.
第一次進入App Inventor • 安裝完成後,打開瀏覽器輸入網址(http://ai2.appinventor.mit.edu) 進入開發環境。
23.
開發環境簡介 • Project(專案選單) • Connect(連結選單) •
Build(打包選單) • Help(輔助選單)
24.
開發環境簡介-Project(專案選單)(1/2) • My Project(我的專案)-點選開啟自己的所有專案 •
Start New Project(開啟新專案)-開啟新的專案 • Import Project from my computer (從我的電腦匯入專案) • Delete Project(刪除專案) • Save Project(儲存專案) • Save Project as(另存專案) • Check Point(設立檢查點)
25.
開發環境簡介-Project(專案選單)(2/2) • Export all
Project to my computer (匯出選取的專案到我的電腦) • Export all projects(匯出所有專案) • Import keystore(匯入 keystore) • Export keystore(匯出 keystore) • Delete keystore(刪除 keystore)
26.
開發環境簡介-Connect(連結選單) • AI Companion(將程式經由Wifi無線同步到手機) •
Emulator(連接到模擬器) • Usb(透過usb連接到載具如手機或平板) • Reset Connection(重設連線) • Hard Reset(強制重設)
27.
開發環境簡介-Build(打包選單) • App(provide QR
code for .apk)-顯示一個QR Code,可以透過QR Code將此apk檔下載到裝置裡安裝 • App(save .apk to my computer)-將apk檔下載存到電腦裡
28.
開發環境簡介-Help(輔助選單) • About(關於) • Library(文庫) •
Get Started(快速入門) • Tutorials(教學課程) • TroubleShooting(疑難排解) • Forums(論壇) • Report Issue(回報問題)
29.
App Inventor Designer(設計師作業) •
此作業最主要的目的為佈置相關元件與設定元件屬性。
30.
App Inventor Designer- Palette(開發元件庫) •
可以從Palette的清單選擇需要的元件,預設只會顯 示Basic基本元件的項目。 • 點選各分類的標籤(如:Media、Social等),就能看到 其他分類底下的項目。
31.
App Inventor Designer- Viewer(開發設計區) •
擺放相關應用元件的地方,可以編 輯應用程式大致的外觀。 • 若想看到程式實際的畫面,需要將 App下載到Android行動裝置,或是 透過Android Emulator模擬器檢視。
32.
App Inventor Designer- Components(應用元件區) •
此區列出專案中使用到的元件,可以在此修改元件 名稱,或是刪除元件。 • 新的專案應該只有一個Screen1元件,實際上Screen1 元件就是行動裝置的螢幕。
33.
App Inventor Designer-Media(媒體清單區) •
顯示專案中使用的媒體檔案,新的專案沒有任何的媒體檔案,所 以目前是空的。 • 上傳的圖片、聲音檔案都將會顯示在這個媒體清單。
34.
App Inventor Designer- Properties(元件屬性設定區) •
針對所選擇的元件顯示此元件的屬性。 • 點選檢視器中的元件時,可以在這裡檢視或修改元 件的屬性,例如設定螢幕元件的背景顏色、按鈕元 件的大小等。
35.
App Inventor Designer-Screen(手機畫面選 擇區) •
一個專案可以有多個畫面,可以在此選擇畫面、新增畫面及刪除 畫面。
36.
App Inventor Designer-Blocks(開啟拼塊編 輯器) •
按下此鍵將會開啟拼塊編輯器。
37.
Blocks Editor(拼塊編輯器作業) • Blocks(邏輯控件庫區) •
在設計師作業佈置好的元件在這裡設定要做什麼動作或是邏輯上的設定。 • Media(媒體清單區) • 顯示專案中使用的媒體檔案。 • Viewer(控件設計區) • 佈置與設計邏輯控件的地方。 • 若想刪除編輯器的拼塊,使 用滑鼠將拼塊拖到右下方的 垃圾桶即可刪除。
38.
第一個App Inventor程式
39.
建立新專案 • 進入App Inventor2官方網站->My
Projects頁面->點選New Project, 建立一個HelloWorld的專案。
40.
設計畫面(1/6) • 從左側的元件區選擇一個按鈕Button,拉到Viewer中。
41.
設計畫面(2/6) • 在Components中選此Button,按下方的Rename 修改此元件名稱為btnClick。
42.
設計畫面(3/6) • 在Properties設定背景顏色為Light Gray, 字體大小為18,文字設為”
講師很帥! ”。
43.
設計畫面(4/6) • 左側Basic元件區選擇一個標籤Label,拖到Viewer中放到按鈕的下 方。
44.
設計畫面(5/6) • 在Components中選此Label,按下Rename修改此元 件名稱為IbHello。
45.
設計畫面(6/6) • 設定字體大小為30,文字設為” ”(無內容), 寬度設為”Fill
Parent”。
46.
設計拼塊(1/4) • 點選畫面右方的Blocks,進入拼塊 編輯器。 • 從畫面左方的Screen1,點選 btnClick,如右圖。
47.
設計拼塊(2/4) • 選擇when btnClick
.Click do 事件,拖拉到空白處,代表當 btnClick被按下時,執行所包含的動作。
48.
設計拼塊(3/4) • 從左側Screen1中,選IbHello。選擇set IbHello
.Text to 指令,拖拉 出來,代表要設定IbHello的文字,然後拖拉到btnClick事件中。
49.
設計拼塊(4/4) • 從左側Built-in中選Text,拖拉到IbHello中,並將文字改為” HelloWorld! ”。
50.
執行程式(模擬器) • 案上方的Connect->Emulator既可 在模擬器上看到執行結果。
51.
執行程式(裝置) • 案上方的Build->App(provide QR
code for .apk)。
Download now