44
Apps ( 請請請請請 ) ( 請請請請請 ) ( 請請請請請 )

Ch10 app

  • Upload
    -

  • View
    468

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Ch10   app

Apps

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

Page 2: Ch10   app

什麼是 App

App = Application (應用程式 )Mobile App: 為行動裝置所開發的應用程式

Viber, LINE,WhatsApp, Draw Something…

Web App: 為網頁所開發的應用程式 Gmail, Google Documents, Google日曆…

Application Software: 為一般電腦所開發的應用程式 Microsoft Office, Adobe Reader…

22

Page 3: Ch10   app

目前最熱門的Mobile App

目前主要兩大Mobile App市場 Apple iOS

App store Google Android

Google Play

33

Page 4: Ch10   app

Apple iOS

iOS是由蘋果公司開發的作業系統最初是設計給 iPhone使用,後來陸續套用

到 iPod touch 、 iPad以及 Apple TV產品上

iOS的使用者界面的概念基礎上是能夠使用多點觸控直接操作

44

Page 5: Ch10   app

Apple: App Store

是蘋果公司為其 iPhone 、 iPod Touch以及iPad等產品創建和維護的數位化應用發布平台

根據 App發布的不同情況,用戶可以付費或者免費下載。應用程序可以直接下載到iOS設備,也可以通過Mac OS X或者Windows平台下的 iTunes下載到電腦中

55

Page 6: Ch10   app

Google Android

Android是一個以 Linux為基礎的半開放原始碼作業系統,主要用於行動設備,由Google和開放手持設備聯盟開發與領導

Android 系統最初主要只支援手機。 2005年 8 月 17日被 Google收購後,與軟硬體製造商及電信商組成開放手持設備聯盟來共同研發改良 Android系統並生產搭載Android的智慧型手機,並逐漸拓展到平板電腦及其他領域上

66

Page 7: Ch10   app

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的手機上,可以讓使用者去瀏覽、下載及購買

77

Page 8: Ch10   app

Apps in Education

Evernote Evernote可以讓使用者隨時隨地記錄每一件事情,並且可以有效率將資訊組織與分享

各作業系統都可以安裝使用,所以在任何情況下都可以使用

老師可以應用 Evernote隨時編輯與組織課程內容,並且可以隨時與學生共享

學生可以利用 Evernote作為記錄學習歷程的工具,並與老師共享個人的學習歷程

88

Page 9: Ch10   app

Apps in Education

Three Ring 專門為未來教室所開發的應用程式 支援 Android 及 iOS作業系統

讓學生可以快速簡單的建立並分享個人的數位學習歷程

讓老師可以隨時瀏覽學生的數位學習歷程,應用數位書櫃的概念提升教室的管理

99

Page 10: Ch10   app

Apps in Education

School Writing 讓使用者用來練習英文字母及單字 只支援 iOS作業系統,非免費

讓小朋友可以練習英文字母的書寫及英文單字的練習

1010

Page 11: Ch10   app

App Inventor開發屬於自己的 App

App Inventor 原是 Google實驗室( Google Lab)的一個子計畫

在 2012 年 1 月 1日移交給麻省理工學院行動學習中心,並已於 3 月 4日以MIT App Inventor名稱公佈使用

App Inventor也是一個Web Application的應用,所有程式開發的動作都可以透過瀏覽器完成

1111

Page 12: Ch10   app

App Inventor開發屬於自己的 App

連結至MIT App Inventor網站

1212

Page 13: Ch10   app

App Inventor開發屬於自己的 App

進入後點選紅框內的連結準備開始使用

1313

Page 14: Ch10   app

App Inventor開發屬於自己的 App

需使用 Google帳號進行登入

1414

Page 15: Ch10   app

App Inventor開發屬於自己的 App

進入 App Inventor的使用畫面點選紅框內的 New來新增一個 App專案

1515

Page 16: Ch10   app

App Inventor開發屬於自己的 App

填入 App的名稱,按下 OK

1616

Page 17: Ch10   app

App Inventor開發屬於自己的 App

點選紅框內的選項就準備進入開發介面

1717

Page 18: Ch10   app

App Inventor開發屬於自己的 App

基本的內容有左邊紅框內的各種元件以及中間紅框內的螢幕空間

我們可以將需要的元件從左邊紅框內拖至中間螢幕空間內

1818

Page 19: Ch10   app

App Inventor開發屬於自己的 App從左邊拖曳 Button 及 Label兩個元件至中間螢幕空間內

右邊 Components的紅框內會多出所拖曳的兩個元件

按下右上角紅框內的按鈕準備進入編輯介面

1919

Page 20: Ch10   app

App Inventor開發屬於自己的 App

系統會先請我們下載一個 Java元件

2020

Page 21: Ch10   app

App Inventor開發屬於自己的 App

檔案下載完後就執行它

2121

Page 22: Ch10   app

App Inventor開發屬於自己的 App

可能會遇到作業系統防火牆阻擋,就按下允許存取的按鈕

2222

Page 23: Ch10   app

App Inventor開發屬於自己的 App

由於我們並沒有安裝任何 Android的模擬器,所以在此我們就按取消

2323

Page 24: Ch10   app

App Inventor開發屬於自己的 App

出現 Error沒關係,按下 OK繼續動作

2424

Page 25: Ch10   app

App Inventor開發屬於自己的 App

此時會跳出一個獨立的視窗讓我們作業

2525

Page 26: Ch10   app

App Inventor開發屬於自己的 App

點選My Blocks,此時下面會出現我們剛剛所使用到元件, Button1 與 Label1

2626

Page 27: Ch10   app

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

2727

Page 28: Ch10   app

App Inventor開發屬於自己的 App

選擇好後會出現如下圖的畫面

2828

Page 29: Ch10   app

App Inventor開發屬於自己的 App選擇 Label1的動作,點選 Label1後右邊會

現 Label1可以執行的動作,點選 set Label1.text to這個動作,就表示要將原本Label1中所顯示的字串 Label1改成別的字串

2929

Page 30: Ch10   app

App Inventor開發屬於自己的 App

此時有兩個向拼圖的元件在畫面上

3030

Page 31: Ch10   app

App Inventor開發屬於自己的 App

把這兩個拼在一起吧,拼在一起後會像下圖所示

3131

Page 32: Ch10   app

App Inventor開發屬於自己的 App

接著點選 Built-In的頁籤,然後點選 Text選項,會出現 Text可以使用的動作,點選第一個,準備要來修改 Label1 Text的內容

3232

Page 33: Ch10   app

App Inventor開發屬於自己的 App

一樣將 text元件跟剛剛 Button 及 Label的元件拼在一起,如下圖所示

3333

Page 34: Ch10   app

App Inventor開發屬於自己的 App

接著點紅框內的內容準備來作修改

3434

Page 35: Ch10   app

App Inventor開發屬於自己的 App將文字內容改成 Hellp App World

從拼圖的結果來看,我們這個應用程式就是,當我們按下 Button1時,會去 Set Label1 的 Text內容, Text內容就會被改變成 Hello App World

3535

Page 36: Ch10   app

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

3636

Page 37: Ch10   app

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

3737

Page 38: Ch10   app

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

3838

Page 39: Ch10   app

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

3939

Page 40: Ch10   app

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

4040

Page 41: Ch10   app

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

4141

Page 42: Ch10   app

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

Button1來看看

4242

Page 43: Ch10   app

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

4343

Page 44: Ch10   app

THE END

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