多媒體系統01_安裝開發環境

1. 多媒體系統
教師：陳志華博士

2. 課程大綱─安裝開發環境
安裝影像處理軟體GIMP
安裝影音編輯軟體Movie Maker
安裝向量繪圖軟體Inkscape
安裝3D繪圖軟體Blender
安裝Android開發環境

3. 安裝影像處理軟體GIMP
連結到GIMP網站
https://www.gimp.org/downloads/
點擊「Download GIMP 2.8.22
directly」，下載安裝程式

4. 安裝影像處理軟體GIMP
執行安裝程式
選擇偏好的語言，並點擊「OK」
點選「Customize」進行安裝

5. 安裝影像處理軟體GIMP
點擊「Next >」，設定安裝路徑，本例為「D:Program FilesGIMP 2」，並點擊「Next >」

6. 安裝影像處理軟體GIMP
點選「Full Installation」，並點擊「Next >」

7. 安裝影像處理軟體GIMP
可勾選「Create a desktop icon」，並點擊「Next >」和「Install」

8. 安裝影像處理軟體GIMP
安裝完成後，點擊「Finish」

9. 安裝影像處理軟體GIMP
點擊「 」
執行影像處理軟體GIMP

10. 安裝影像處理軟體GIMP
影像處理軟體GIMP執行畫面

11. 安裝影像處理軟體GIMP
點擊「檔案(F)開啟(O)…」，並選取圖片檔案，再點擊「開啟(O)」

12. 安裝影像處理軟體GIMP
圖片開啟後畫面，可使用工具箱
進行影像處理

13. 安裝影音編輯軟體Movie Maker
由於微軟已停止支援Movie Maker，
故需在網路上搜尋「Windows
Movie Maker」，並連結相關網站
https://www.windows-movie-
maker.org/tw-hk/download.html
點擊「點擊下載」

14. 安裝影音編輯軟體Movie Maker
執行安裝程式
選擇偏好的語言，並點擊「確定」
點選「下一步(N) >」進行安裝

15. 安裝影音編輯軟體Movie Maker
點選「我同意(A)」，並點擊「下一步(N) >」進行安裝
在安裝完成後，點擊「完成(F)」

16. 安裝影音編輯軟體Movie Maker
執行Movie Maker程式
第一次執行時，需接受Microsoft服務合約
點擊「接受」

17. 安裝影音編輯軟體Movie Maker
點擊「 」加入視訊
點選影片檔案，並點擊「開啟舊檔」

18. 安裝影音編輯軟體Movie Maker
影片加入後畫面，可對影片進行
剪輯

19. 安裝向量繪圖軟體Inkscape
連結到Inkscape網站
https://inkscape.org/en/release/0.92.2/
依作業系統版本選擇合適的軟體
本例為「 Microsoft Windows 7
(64-bit) 」，點擊「Windows」

20. 安裝向量繪圖軟體Inkscape
點擊「64-bit」

21. 安裝向量繪圖軟體Inkscape
點擊「Windows Install Package」，
下載安裝程式

22. 安裝向量繪圖軟體Inkscape
執行安裝程式，並勾選「I accept the terms in the License Agreement」接受條款，並點擊
「Next」

23. 安裝向量繪圖軟體Inkscape
點擊「Custom」，並且設定安裝路徑，本例為「D:Program FilesInkscape」，並點擊
「Next」

24. 安裝向量繪圖軟體Inkscape
點選「Install」進行安裝，並在安裝完成後，點擊「Finish」

25. 安裝向量繪圖軟體Inkscape
點擊「 」
執行向量繪圖軟體Inkscape

26. 安裝向量繪圖軟體Inkscape
執行畫面
可運用貝茲曲線等工具進行繪圖

27. 安裝3D繪圖軟體Blender
連結到Blender網站
https://www.blender.org/download/
點擊「Download Blender」下載
安裝程式

28. 安裝3D繪圖軟體Blender
執行安裝程式，並勾選「I accept the terms in the License Agreement」接受條款，並點擊
「Next」

29. 安裝3D繪圖軟體Blender
設定安裝路徑，本例為「 D:Program FilesBlender FoundationBlender 」，並點擊「Next」
和「Install」進行安裝

30. 安裝3D繪圖軟體Blender
點擊「Finish」完成安裝

31. 安裝3D繪圖軟體Blender
點擊「 」
執行向量繪圖軟體Inkscape

32. 安裝3D繪圖軟體Blender
執行畫面

33. 安裝Android開發環境
Android簡介
Java安裝
Android Studio安裝
Android Studio初始化環境
Android程式開發

34. Android簡介
開發方式
Native App
◦ Java
◦ Objective-C
Hybrid App
◦ WebView app
◦ HTML, CSS, JavaScript
34

35. Android簡介
Android是一套使用Linux作業系統為基礎開發的開放原始碼(open source)作業系統，主要是
針對手機等行動裝置使用的作業系統，現在Android已經逐漸擴充到平板電腦、筆電和其
他領域，例如：電子書閱讀器、MP4播放器和Internet電視等。
Android作業系統最初是Andy Rubin創辦的同名公司Android, Inc開發的行動裝置作業系統，
在2005年7月Google收購此公司，之後Google拉攏多家通訊系統廠商、硬體製造商等在
2007年11月5日組成「開放式手持裝置聯盟」(open handset alliance)，讓Android正式成為一
套開放原始碼的作業系統。
35

36. Android簡介
Android系統架構
◦ Application Layer
◦ Application Framework Layer
◦ Native Layer
◦ Linux Kernel Layer
36

37. Android簡介
37
Android版本 釋出日期 代號
1.5 2009/4/30 Cupcake（紙杯蛋糕）
1.6 2009/9/15 Donut（甜甜圈）
2.0/2.1 2009/10/26 Eclair（閃電泡芙，法式奶油夾心甜點）
2.2 2010/5/20 Froyo（冷凍乳酪）
2.3 2010/12/6 Gingerbread（薑餅）
3.0/3.1/3.2 2011/2/22 Honeycomb（蜂窩）
4.x 2011/10/19 Ice Cream Sandwich（冰淇淋三明治）
4.1/4.2/4.3 2012/6/28,10/29,2013/7/24 Jelly Bean（雷根糖）
4.4 2013/9/3 KitKat（奇巧巧克力）
5.x 2014/10 Lollipop（棒棒糖）
6.x 2015/9/30 Marshmallow（棉花糖）
7.x 2016/8/23 Nougat（牛軋糖）
8.x 2017/8/21 Oreo（餅乾）

38. Java安裝
下載JDK
連結至
http://www.oracle.com/technetwork/java/java
se/downloads/jdk8-downloads-2133151.html
點選Accept License Agreement
依作業系統版本下載安裝程式
例如：Windows x64
38

39. Java安裝
安裝JDK (Java Development Kit)和JRE (Java Runtime Environment)
◦ JDK為開發工具、JRE為執行環境
39

40. Java安裝
於「我的電腦」按滑鼠右鍵，點選「內容」
點選「進階系統設定」
點選「進階」選單中的「環境變數」
40

41. Java安裝
點選「Path」變數，再點選「編輯」
加入「 ;C:Program FilesJavajdk1.8.0_40bin 」，並點選「確定」
41

42. Java安裝
於命令提示字元中輸入「java -version」，瀏覽目前安裝之Java版本
於命令提示字元中輸入「javac」，檢查環境變數是否設定正確
42

43. Android Studio安裝
下載網址
◦ https://developer.android.com/
studio/index.html
點擊「DOWNLOAD
ANDROID STUDIO」
43

44. Android Studio安裝
勾選「I have read and agree
with the above terms and
conditions」
點擊「DOWNLOAD
ANDROID STUDIO FOR
WINDOWS」
44

45. Android Studio安裝
安裝Android Studio、Android SDK、Android Virtual Device
45
Android Studio為
整合開發環境
Android SDK為開發
Android函式庫與執
行環境必要軟體
Android Virtual Device
為Android手機模擬器

46. Android Studio安裝
設定Android Studio Installation Location，整合開發環境的路徑
◦ d:AndroidAndroid Studio
設定Android SDK Installation Location，Android函式庫與執行環境必要軟體的路徑
◦ d:Androidsdk
46

47. Android Studio安裝
建立開始功能表目錄
47

48. Android Studio安裝
安裝完成，啟動時可點選「I do not have a previous version of Studio or I do not want to
import my settings」
48

49. Android Studio初始化環境
點選「Standard」，並點擊「Next」
49

50. Android Studio初始化環境
安裝相關必要套件
點擊「Finish」
50

51. Android Studio初始化環境-建立專案
點擊「Start a new Android Studio
Project」，建立新專案
51

52. Android Studio初始化環境-建立專案
設定應用程式名稱
◦ My Application
設定專案套件名稱
◦ user.example.com
設定專案儲存路徑
◦ d:AndroidStudioProjectsMyApplication
52

53. Android Studio初始化環境-建立專案
選擇SDK版本
可依自己手機的Android版本來選擇
僅能向下相容
◦ 當手機為4.x版，可執行3.x版的程式
◦ 當手機為4.x版，不可執行5.x版的程式
53

54. Android Studio初始化環境-建立專案
偵測到缺少必要程式時會自動安裝
54

55. Android Studio初始化環境-建立專案
設定起始頁面
在Android中頁面為Activity
55

56. Android Studio初始化環境-建立專案
設定預設頁面名稱
◦ MainActivity
設定預設頁面之佈局(layout)名稱
◦ activity_main
56

57. Android Studio初始化環境-建立專案
完成建立後，進入整合開發環境
57

58. Android Studio初始化環境-設定SDK
點擊「ToolsAndroidSDK
Manager」
58

59. Android Studio初始化環境-設定SDK
可依自己手機的Android版本來
選擇SDK版本
勾選「Android 4.0.3」
59

60. Android Studio初始化環境-設定SDK
安裝USB驅動程式，以連接實
體手機
勾選「Google USB Driver」
60

61. Android Studio初始化環境-設定SDK
點擊「Accept」接受條款
點擊「Next」安裝相關套件
61

62. Android Studio初始化環境-設定SDK
安裝完成畫面
62

63. Android Studio初始化環境-設定模擬器
點擊「ToolsAndroidAVD
Manager」
AVD: Android Virtual Device
63

64. Android Studio初始化環境-設定模擬器
點擊「Create Virtual
Device」，新增模擬器
64

65. Android Studio初始化環境-設定模擬器
選擇自己喜好的手機或平板大小
65

66. Android Studio初始化環境-設定模擬器
設定模擬器的Android版本
66

67. Android Studio初始化環境-設定模擬器
設定模擬器名稱
67

68. Android Studio初始化環境-設定模擬器
完成新增模擬器
點擊「 」啟動模擬器
68

69. Android Studio初始化環境-設定模擬器
第一次啟動模擬器時，可能需設定相關環境
可依訊息提示，以系統管理員身份開啟命令提示字元
輸入「bcdedit /set hypervisorlaunchtype off」，再重新開機
69

70. Android Studio初始化環境-設定模擬器
完成模擬器設定和安裝
70

71. Android程式開發
完成新增專案
71

72. Android程式開發
完成新增專案
◦ 開啟java資料夾下的MainActivity
72

73. Android程式開發
整合開發環境
73

74. Android程式開發
點擊「 」執行專案
74

75. Android程式開發
選擇程式執行設備
◦ 當有將Android實體手機接上USB連線時，
可於Connected Devices中選取
◦ 當欲使用Android模擬器執行時，可於
Available Virtual Devices中選取
75

76. Android程式開發
執行結果
76