SlideShare a Scribd company logo
1 of 44
Apps

( 請輸入文字 )   ( 請輸入文字 )   ( 請輸入文字 )
什麼是 App
App = Application ( 應用程式 )
Mobile App: 為行動裝置所開發的應用程
 式
    Viber, LINE,WhatsApp, Draw Something…
Web App: 為網頁所開發的應用程式
    Gmail, Google Documents, Google 日曆…
Application Software: 為一般電腦所開發
 的應用程式
    Microsoft Office, Adobe Reader…
                                             2
目前最熱門的 Mobile App
目前主要兩大 Mobile App 市場
    Apple iOS
         App store
    Google Android
         Google Play




                        3
Apple iOS
iOS 是由蘋果公司開發的作業系統
最初是設計給 iPhone 使用,後來陸續套
 用到 iPod touch 、 iPad 以及 Apple TV 產
 品上
iOS 的使用者界面的概念基礎上是能夠
 使用多點觸控直接操作




                                 4
Apple: App Store
是蘋果公司為其 iPhone 、 iPod Touch 以
 及 iPad 等產品創建和維護的數位化應用
 發布平台
根據 App 發布的不同情況,用戶可以付
 費或者免費下載。應用程序可以直接下
 載到 iOS 設備,也可以通過 Mac OS X 或
 者 Windows 平台下的 iTunes 下載到電腦
 中


                            5
Google Android
Android 是一個以 Linux 為基礎的半開放
 原始碼作業系統,主要用於行動設備,
 由 Google 和開放手持設備聯盟開發與領
 導
Android 系統最初主要只支援手
 機。 2005 年 8 月 17 日被 Google 收購後
 ,與軟硬體製造商及電信商組成開放手
 持設備聯盟來共同研發改良 Android 系
 統並生產搭載 Android 的智慧型手機,
 並逐漸拓展到平板電腦及其他領域上
                             6
Google: Google Play
Google Play 是由 Google 為 Android 裝置
 開發的線上應用程式商店
Google Play 前名為 Android Market
     Android Market 服務與 Google Music 、 Google
      eBookstore 、 Google Play Movies 整合更名為
      Google Play
Google Play 上的應用程式會預載在允許
 使用 Google Play 的手機上,可以讓使用
 者去瀏覽、下載及購買

                                            7
Apps in Education
Evernote
     Evernote 可以讓使用者隨時隨地記錄每一件事
      情,並且可以有效率將資訊組織與分享
     各作業系統都可以安裝使用,所以在任何情況
      下都可以使用
老師可以應用 Evernote 隨時編輯與組織
 課程內容,並且可以隨時與學生共享
學生可以利用 Evernote 作為記錄學習歷
 程的工具,並與老師共享個人的學習歷
 程
                              8
Apps in Education
Three Ring
     專門為未來教室所開發的應用程式
     支援 Android 及 iOS 作業系統
讓學生可以快速簡單的建立並分享個人
 的數位學習歷程
讓老師可以隨時瀏覽學生的數位學習歷
 程,應用數位書櫃的概念提升教室的管
 理


                              9
Apps in Education
School Writing
     讓使用者用來練習英文字母及單字
     只支援 iOS 作業系統,非免費
讓小朋友可以練習英文字母的書寫及英
 文單字的練習




                         10
App Inventor 開發屬於自己的 App
App Inventor 原是 Google 實驗室
 ( Google Lab )的一個子計畫
在 2012 年 1 月 1 日移交給麻省理工學院
 行動學習中心,並已於 3 月 4 日以 MIT
 App Inventor 名稱公佈使用
App Inventor 也是一個 Web Application
 的應用,所有程式開發的動作都可以透
 過瀏覽器完成


                                11
App Inventor 開發屬於自己的 App
連結至 MIT App Inventor 網站




                           12
App Inventor 開發屬於自己的 App
進入後點選紅框內的連結準備開始使用




                           13
App Inventor 開發屬於自己的 App
需使用 Google 帳號進行登入




                           14
App Inventor 開發屬於自己的 App
進入 App Inventor 的使用畫面
點選紅框內的 New 來新增一個 App 專案




                           15
App Inventor 開發屬於自己的 App
填入 App 的名稱,按下 OK




                           16
App Inventor 開發屬於自己的 App
點選紅框內的選項就準備進入開發介面




                           17
App Inventor 開發屬於自己的 App
基本的內容有左邊紅框內的各種元件以
 及中間紅框內的螢幕空間
我們可以將需要的元件從左邊紅框內拖
 至中間螢幕空間內




                           18
App Inventor 開發屬於自己的 App
從左邊拖曳 Button 及 Label 兩個元件至
 中間螢幕空間內
右邊 Components 的紅框內會多出所拖曳
 的兩個元件
按下右上角紅框內的按鈕準備進入編輯
 介面




                           19
App Inventor 開發屬於自己的 App
系統會先請我們下載一個 Java 元件




                           20
App Inventor 開發屬於自己的 App
檔案下載完後就執行它




                           21
App Inventor 開發屬於自己的 App
可能會遇到作業系統防火牆阻擋,就按
 下允許存取的按鈕




                           22
App Inventor 開發屬於自己的 App
由於我們並沒有安裝任何 Android 的模
 擬器,所以在此我們就按取消




                           23
App Inventor 開發屬於自己的 App
出現 Error 沒關係,按下 OK 繼續動作




                           24
App Inventor 開發屬於自己的 App
此時會跳出一個獨立的視窗讓我們作業




                           25
App Inventor 開發屬於自己的 App
點選 My Blocks ,此時下面會出現我們
 剛剛所使用到元件, Button1 與 Label1




                           26
App Inventor 開發屬於自己的 App
點選 Button1 ,右邊會出許多 Button1 可
 以執行的動作,點選第一個,也就是
 Button1 被按下時會觸發的動作




                           27
App Inventor 開發屬於自己的 App
選擇好後會出現如下圖的畫面




                           28
App Inventor 開發屬於自己的 App
選擇 Label1 的動作,點選 Label1 後右邊
 會現 Label1 可以執行的動作,點選 set
 Label1.text to 這個動作,就表示要將原
 本 Label1 中所顯示的字串 Label1 改成別
 的字串




                           29
App Inventor 開發屬於自己的 App
此時有兩個向拼圖的元件在畫面上




                           30
App Inventor 開發屬於自己的 App
把這兩個拼在一起吧,拼在一起後會像
 下圖所示




                           31
App Inventor 開發屬於自己的 App
接著點選 Built-In 的頁籤,然後點選
 Text 選項,會出現 Text 可以使用的動作
 ,點選第一個,準備要來修改 Label1
 Text 的內容




                           32
App Inventor 開發屬於自己的 App
一樣將 text 元件跟剛剛 Button 及 Label
 的元件拼在一起,如下圖所示




                             33
App Inventor 開發屬於自己的 App
接著點紅框內的內容準備來作修改




                           34
App Inventor 開發屬於自己的 App
將文字內容改成 Hellp App World
    從拼圖的結果來看,我們這個應用程式就是,
     當我們按下 Button1 時,會去 Set Label1 的 Text
     內容, Text 內容就會被改變成 Hello App World




                                      35
App Inventor 開發屬於自己的 App
完成後要準備來下載 App ,先回到原本
 的畫面,如下圖,點選右上角紅框內的
 按鈕,然後選擇 Download to this
 Computer




                           36
App Inventor 開發屬於自己的 App
存好後請自行將 App 上傳至 Android 系
 統的智慧型手機內




                           37
App Inventor 開發屬於自己的 App
要在手機上安裝我們自己開發的 App ,
 首先要進行安全設定,因為我們的 App
 並不是從 Google Play 上直接下載的,先
 打開手機的設定頁面,點選紅框內的選
 項




                           38
App Inventor 開發屬於自己的 App
然後將未知的來源這個項目打勾,表示
 允許安裝非 Google Play 下載來的 App




                           39
App Inventor 開發屬於自己的 App
安裝我們寫好的 App 囉,點選安裝




                           40
App Inventor 開發屬於自己的 App
安裝好後就開啟來看看




                           41
App Inventor 開發屬於自己的 App
畫面是不是跟剛剛編排的一樣呢,按下
 Button1 來看看




                           42
App Inventor 開發屬於自己的 App
Label1 的 Text 若會變成 Hello App
 World ,這樣就表示我們完成了第一個
 Android App




                            43
THE END

 ( 請輸入文字 )   ( 請輸入文字 )   ( 請輸入文字 )

More Related Content

Similar to Ch10 app

解读苹果软件生态环境
解读苹果软件生态环境解读苹果软件生态环境
解读苹果软件生态环境
武挥 魏
 
O2OBUY 拍买客户端使用_v2.01
O2OBUY 拍买客户端使用_v2.01O2OBUY 拍买客户端使用_v2.01
O2OBUY 拍买客户端使用_v2.01
toney_lk
 
04.layman android google handheld device application design
04.layman android   google handheld device application design04.layman android   google handheld device application design
04.layman android google handheld device application design
gaquay086
 
包季真 移动互联网的用户体验
包季真 移动互联网的用户体验包季真 移动互联网的用户体验
包季真 移动互联网的用户体验
PMCamp
 
手机应用商店分析总结
手机应用商店分析总结手机应用商店分析总结
手机应用商店分析总结
fanhuazju
 
《氪周刊:互联网创业必读》(第62期).pdf
《氪周刊:互联网创业必读》(第62期).pdf《氪周刊:互联网创业必读》(第62期).pdf
《氪周刊:互联网创业必读》(第62期).pdf
Chada Chiu
 
氪周刊:关注互联网创业》(第56期)
氪周刊:关注互联网创业》(第56期)氪周刊:关注互联网创业》(第56期)
氪周刊:关注互联网创业》(第56期)
Chada Chiu
 
《氪周刊:互联网创业必读》(第65期)
《氪周刊:互联网创业必读》(第65期)《氪周刊:互联网创业必读》(第65期)
《氪周刊:互联网创业必读》(第65期)
chenzhongren
 
《氪周刊:互联网创业必读》(第65期)
《氪周刊:互联网创业必读》(第65期)《氪周刊:互联网创业必读》(第65期)
《氪周刊:互联网创业必读》(第65期)
Chada Chiu
 

Similar to Ch10 app (20)

Introduction to open source platform
Introduction to open source  platformIntroduction to open source  platform
Introduction to open source platform
 
解读苹果软件生态环境
解读苹果软件生态环境解读苹果软件生态环境
解读苹果软件生态环境
 
第一堂 進入 Android 的世界 --- Jason 的 Android 應用程式快樂學習班
第一堂 進入 Android 的世界 --- Jason 的  Android 應用程式快樂學習班第一堂 進入 Android 的世界 --- Jason 的  Android 應用程式快樂學習班
第一堂 進入 Android 的世界 --- Jason 的 Android 應用程式快樂學習班
 
O2OBUY 拍买客户端使用_v2.01
O2OBUY 拍买客户端使用_v2.01O2OBUY 拍买客户端使用_v2.01
O2OBUY 拍买客户端使用_v2.01
 
04.layman android google handheld device application design
04.layman android   google handheld device application design04.layman android   google handheld device application design
04.layman android google handheld device application design
 
C++ Builder Basic
C++ Builder BasicC++ Builder Basic
C++ Builder Basic
 
Windows store app 註冊及上架
Windows store app 註冊及上架Windows store app 註冊及上架
Windows store app 註冊及上架
 
如何打造品牌热门App案例篇
如何打造品牌热门App案例篇如何打造品牌热门App案例篇
如何打造品牌热门App案例篇
 
淘宝装修市场之淘宝式设计Appstore
淘宝装修市场之淘宝式设计Appstore淘宝装修市场之淘宝式设计Appstore
淘宝装修市场之淘宝式设计Appstore
 
包季真 移动互联网的用户体验
包季真 移动互联网的用户体验包季真 移动互联网的用户体验
包季真 移动互联网的用户体验
 
無線媒體的創新20121126
無線媒體的創新20121126無線媒體的創新20121126
無線媒體的創新20121126
 
手机应用商店分析总结
手机应用商店分析总结手机应用商店分析总结
手机应用商店分析总结
 
《氪周刊:互联网创业必读》(第62期).pdf
《氪周刊:互联网创业必读》(第62期).pdf《氪周刊:互联网创业必读》(第62期).pdf
《氪周刊:互联网创业必读》(第62期).pdf
 
數位大革命來襲 掌握您的決勝關鍵
數位大革命來襲 掌握您的決勝關鍵數位大革命來襲 掌握您的決勝關鍵
數位大革命來襲 掌握您的決勝關鍵
 
氪周刊:关注互联网创业》(第56期)
氪周刊:关注互联网创业》(第56期)氪周刊:关注互联网创业》(第56期)
氪周刊:关注互联网创业》(第56期)
 
UX Mag article導讀分享
UX Mag article導讀分享UX Mag article導讀分享
UX Mag article導讀分享
 
Windows 市集註冊及上架
Windows 市集註冊及上架Windows 市集註冊及上架
Windows 市集註冊及上架
 
C++ Builder 程式撰寫基礎 / C++ Builder Basic
C++ Builder 程式撰寫基礎 / C++ Builder Basic C++ Builder 程式撰寫基礎 / C++ Builder Basic
C++ Builder 程式撰寫基礎 / C++ Builder Basic
 
《氪周刊:互联网创业必读》(第65期)
《氪周刊:互联网创业必读》(第65期)《氪周刊:互联网创业必读》(第65期)
《氪周刊:互联网创业必读》(第65期)
 
《氪周刊:互联网创业必读》(第65期)
《氪周刊:互联网创业必读》(第65期)《氪周刊:互联网创业必读》(第65期)
《氪周刊:互联网创业必读》(第65期)
 

Ch10 app

  • 1. Apps ( 請輸入文字 ) ( 請輸入文字 ) ( 請輸入文字 )
  • 2. 什麼是 App App = Application ( 應用程式 ) Mobile App: 為行動裝置所開發的應用程 式  Viber, LINE,WhatsApp, Draw Something… Web App: 為網頁所開發的應用程式  Gmail, Google Documents, Google 日曆… Application Software: 為一般電腦所開發 的應用程式  Microsoft Office, Adobe Reader… 2
  • 3. 目前最熱門的 Mobile App 目前主要兩大 Mobile App 市場  Apple iOS  App store  Google Android  Google Play 3
  • 4. Apple iOS iOS 是由蘋果公司開發的作業系統 最初是設計給 iPhone 使用,後來陸續套 用到 iPod touch 、 iPad 以及 Apple TV 產 品上 iOS 的使用者界面的概念基礎上是能夠 使用多點觸控直接操作 4
  • 5. Apple: App Store 是蘋果公司為其 iPhone 、 iPod Touch 以 及 iPad 等產品創建和維護的數位化應用 發布平台 根據 App 發布的不同情況,用戶可以付 費或者免費下載。應用程序可以直接下 載到 iOS 設備,也可以通過 Mac OS X 或 者 Windows 平台下的 iTunes 下載到電腦 中 5
  • 6. Google Android Android 是一個以 Linux 為基礎的半開放 原始碼作業系統,主要用於行動設備, 由 Google 和開放手持設備聯盟開發與領 導 Android 系統最初主要只支援手 機。 2005 年 8 月 17 日被 Google 收購後 ,與軟硬體製造商及電信商組成開放手 持設備聯盟來共同研發改良 Android 系 統並生產搭載 Android 的智慧型手機, 並逐漸拓展到平板電腦及其他領域上 6
  • 7. Google: Google Play Google Play 是由 Google 為 Android 裝置 開發的線上應用程式商店 Google Play 前名為 Android Market  Android Market 服務與 Google Music 、 Google eBookstore 、 Google Play Movies 整合更名為 Google Play Google Play 上的應用程式會預載在允許 使用 Google Play 的手機上,可以讓使用 者去瀏覽、下載及購買 7
  • 8. Apps in Education Evernote  Evernote 可以讓使用者隨時隨地記錄每一件事 情,並且可以有效率將資訊組織與分享  各作業系統都可以安裝使用,所以在任何情況 下都可以使用 老師可以應用 Evernote 隨時編輯與組織 課程內容,並且可以隨時與學生共享 學生可以利用 Evernote 作為記錄學習歷 程的工具,並與老師共享個人的學習歷 程 8
  • 9. Apps in Education Three Ring  專門為未來教室所開發的應用程式  支援 Android 及 iOS 作業系統 讓學生可以快速簡單的建立並分享個人 的數位學習歷程 讓老師可以隨時瀏覽學生的數位學習歷 程,應用數位書櫃的概念提升教室的管 理 9
  • 10. Apps in Education School Writing  讓使用者用來練習英文字母及單字  只支援 iOS 作業系統,非免費 讓小朋友可以練習英文字母的書寫及英 文單字的練習 10
  • 11. App Inventor 開發屬於自己的 App App Inventor 原是 Google 實驗室 ( Google Lab )的一個子計畫 在 2012 年 1 月 1 日移交給麻省理工學院 行動學習中心,並已於 3 月 4 日以 MIT App Inventor 名稱公佈使用 App Inventor 也是一個 Web Application 的應用,所有程式開發的動作都可以透 過瀏覽器完成 11
  • 12. App Inventor 開發屬於自己的 App 連結至 MIT App Inventor 網站 12
  • 13. App Inventor 開發屬於自己的 App 進入後點選紅框內的連結準備開始使用 13
  • 14. App Inventor 開發屬於自己的 App 需使用 Google 帳號進行登入 14
  • 15. App Inventor 開發屬於自己的 App 進入 App Inventor 的使用畫面 點選紅框內的 New 來新增一個 App 專案 15
  • 16. App Inventor 開發屬於自己的 App 填入 App 的名稱,按下 OK 16
  • 17. App Inventor 開發屬於自己的 App 點選紅框內的選項就準備進入開發介面 17
  • 18. App Inventor 開發屬於自己的 App 基本的內容有左邊紅框內的各種元件以 及中間紅框內的螢幕空間 我們可以將需要的元件從左邊紅框內拖 至中間螢幕空間內 18
  • 19. App Inventor 開發屬於自己的 App 從左邊拖曳 Button 及 Label 兩個元件至 中間螢幕空間內 右邊 Components 的紅框內會多出所拖曳 的兩個元件 按下右上角紅框內的按鈕準備進入編輯 介面 19
  • 20. App Inventor 開發屬於自己的 App 系統會先請我們下載一個 Java 元件 20
  • 21. App Inventor 開發屬於自己的 App 檔案下載完後就執行它 21
  • 22. App Inventor 開發屬於自己的 App 可能會遇到作業系統防火牆阻擋,就按 下允許存取的按鈕 22
  • 23. App Inventor 開發屬於自己的 App 由於我們並沒有安裝任何 Android 的模 擬器,所以在此我們就按取消 23
  • 24. App Inventor 開發屬於自己的 App 出現 Error 沒關係,按下 OK 繼續動作 24
  • 25. App Inventor 開發屬於自己的 App 此時會跳出一個獨立的視窗讓我們作業 25
  • 26. App Inventor 開發屬於自己的 App 點選 My Blocks ,此時下面會出現我們 剛剛所使用到元件, Button1 與 Label1 26
  • 27. App Inventor 開發屬於自己的 App 點選 Button1 ,右邊會出許多 Button1 可 以執行的動作,點選第一個,也就是 Button1 被按下時會觸發的動作 27
  • 28. App Inventor 開發屬於自己的 App 選擇好後會出現如下圖的畫面 28
  • 29. App Inventor 開發屬於自己的 App 選擇 Label1 的動作,點選 Label1 後右邊 會現 Label1 可以執行的動作,點選 set Label1.text to 這個動作,就表示要將原 本 Label1 中所顯示的字串 Label1 改成別 的字串 29
  • 30. App Inventor 開發屬於自己的 App 此時有兩個向拼圖的元件在畫面上 30
  • 31. App Inventor 開發屬於自己的 App 把這兩個拼在一起吧,拼在一起後會像 下圖所示 31
  • 32. App Inventor 開發屬於自己的 App 接著點選 Built-In 的頁籤,然後點選 Text 選項,會出現 Text 可以使用的動作 ,點選第一個,準備要來修改 Label1 Text 的內容 32
  • 33. App Inventor 開發屬於自己的 App 一樣將 text 元件跟剛剛 Button 及 Label 的元件拼在一起,如下圖所示 33
  • 34. App Inventor 開發屬於自己的 App 接著點紅框內的內容準備來作修改 34
  • 35. App Inventor 開發屬於自己的 App 將文字內容改成 Hellp App World  從拼圖的結果來看,我們這個應用程式就是, 當我們按下 Button1 時,會去 Set Label1 的 Text 內容, Text 內容就會被改變成 Hello App World 35
  • 36. App Inventor 開發屬於自己的 App 完成後要準備來下載 App ,先回到原本 的畫面,如下圖,點選右上角紅框內的 按鈕,然後選擇 Download to this Computer 36
  • 37. App Inventor 開發屬於自己的 App 存好後請自行將 App 上傳至 Android 系 統的智慧型手機內 37
  • 38. App Inventor 開發屬於自己的 App 要在手機上安裝我們自己開發的 App , 首先要進行安全設定,因為我們的 App 並不是從 Google Play 上直接下載的,先 打開手機的設定頁面,點選紅框內的選 項 38
  • 39. App Inventor 開發屬於自己的 App 然後將未知的來源這個項目打勾,表示 允許安裝非 Google Play 下載來的 App 39
  • 40. App Inventor 開發屬於自己的 App 安裝我們寫好的 App 囉,點選安裝 40
  • 41. App Inventor 開發屬於自己的 App 安裝好後就開啟來看看 41
  • 42. App Inventor 開發屬於自己的 App 畫面是不是跟剛剛編排的一樣呢,按下 Button1 來看看 42
  • 43. App Inventor 開發屬於自己的 App Label1 的 Text 若會變成 Hello App World ,這樣就表示我們完成了第一個 Android App 43
  • 44. THE END ( 請輸入文字 ) ( 請輸入文字 ) ( 請輸入文字 )