元培醫事科技大學行動APP導覽(Yuanpei University action APP Tour)

元培醫事科技大學

資訊管理系畢業專題

元培醫事科技大學行動 APP 導覽

組 別：A08

指導老師：劉錦松老師

組 員：賴志杰(1001408086)

林季融(1001408101)

林育聖(1001408067)

中 華 民 國 一 百 零 三 年 十 二 月

I

摘要

APP 科技蓬勃發展，智慧型手機是目前最適合這個時代的其中一種平台，人們 越來愈追求方便，但要求也越來越高，所以我們決定製作這種校園導覽 APP。 我們希望可以幫助使用者熟悉校園，讓使用者更快了解校園，而且製作這份專案 可以提高我們的專業能力，我們這款校園行動 APP 具有完整的校園歷史、各處 室的照片、位置及解說、各系所的詳細特色與位置及照片、增加行事曆系統讓使 用者方便記事、用 GoogleMap 顯示校園位置、校園內各運場的場地照及概略介 紹、校園內各處的美景照及校園地方定位系統，總共有以上九個功能，校園歷史 內容中有創校日、創校人及學校的歷程，校園介紹的內容有校園配置圖及各大樓 所包含的系所與教室，處室介紹的內容主要是業務介紹與所在位置、系所介紹的 內容主要是各系所的特色及有無碩士班、學校餐廳內容有各店家主要的販售商品 與店面模樣、場地介紹內容是場地用途與位置、校園美景的內容是讓使用者欣賞 校園內的各美景、，以上就是我們替使用者解決的問題。 關鍵字：智慧型手持平台、熟悉校園、處室/系所介紹、校園平面配置圖、定位 系統、GoogleMap

II

目錄

摘要... I 圖目錄... V 表目錄... VIII 第一章 緒論... 1 1-1 背景與動機 ... 1 1-2 目的 ... 1 1-3 限制 ... 2 1-4 關鍵名詞定義 ... 2 第二章 文獻探討... 4 2-1ANDROID ... 4 2-2 成立開放手持設備聯盟 ... 5 2-3 硬體支援 ... 5 2-4ANDROID 開發工具 ... 6 2-4-1 JDK... 7 2-4-2 Eclipse IDE ... 7 2-4-3 ADT ... 7 2-4-4 Android SDK ... 7

III 2-5ECLIPSE ... 8 2-6 行動應用程式(APP) ... 9 2-7 行動軟體發行平台列表 ... 9 2-8JAVA ... 10 2-9 校園導覽簡介 ... 11 2-9-1 校園導覽 APP 簡介 ... 11 2-9-2 校園導覽系統發展現況 ... 11 2-9-3 元培網站導覽 ... 12 2-9-4 元培校園景觀 ... 14 2-9-5 校園導覽 APP 參考 ... 15 第三章 專題規劃... 25 3-1 專題規劃目標 ... 25 3-2 系統開發方法 ... 25 3.2.1 系統開發流程圖 ... 26 3-3 系統藍圖描述 ... 27 3-4 專題設備 ... 27 3-5 專題時程規劃 ... 28 3-6 專題甘特圖 ... 29 3-7 專業分工 ... 30

IV 3-8 專題貢獻 ... 31 第四章 專題成果... 32 4-1.需求分析 ... 32 4-1-1 實用性 ... 32 4-1-2 藝術性 ... 32 4-2 系統分析 ... 33 4-2-1 使用案例描述 ... 34 4-2-2 循序圖： ... 43 4-3 系統介紹 ... 48 4-4 使用手冊 ... 49 第五章：結論... 54 5-1 結論 ... 54 5-2 建議 ... 54 5-3 未來展望 ... 55 參考文獻... 56

V

圖目錄

圖 2-1 Android 開發環境安裝流程圖 ... 6 圖 2-2 元培科技大學首頁 ... 12 圖 2-3 元培科技大學教務處 ... 12 圖 2-4 元培科大學務處 ... 13 圖 2-5 元培資訊管理系 ... 13 圖 2-6 校門口 ... 14 圖 2-7 元培圖書館前 ... 14 圖 2-8 首頁 ... 15 圖 2-9 關於輔仁大學 ... 15 圖 2-10 最新消息 ... 16 圖 2-11 相關連結 ... 16 圖 2-12 校園圖 ... 17 圖 2-13 程式開發團隊 ... 17 圖 2-14 首頁 ... 18 圖 2-15 校車時刻表 ... 18 圖 2-16 課程資訊 ... 19 圖 2-17 校園資訊 ... 19 圖 2-18 進入畫面 ... 20

VI 圖 2-19 首頁 ... 20 圖 2-20 最新消息 ... 21 圖 2-21 學生資訊查詢 ... 21 圖 2-22 進入畫面 ... 22 圖 2-23 首頁 ... 22 圖 2-24 校園導覽 ... 23 圖 2-25 公車時間表 ... 23 圖 3-1 系統開發流程圖 ... 26 圖 3-2 系統藍圖 ... 27 圖 4-1 使用案例圖 ... 33 圖 4-2 認識元培循序圖 ... 43 圖 4-3 校園美景循序圖 ... 43 圖 4-4 行事曆循序圖 ... 44 圖 4-5 單位導覽循序圖 ... 44 圖 4-6 系所介紹循序圖 ... 45 圖 4-7 乘車資訊循序圖 ... 45 圖 4-8 YPU 平面圖循序圖 ... 46 圖 4-9 目前位置循序圖 ... 46 圖 4-10 YOUTUBE 循序圖 ... 47

VII 圖 4-11「元培醫事科大行動 APP」手機預覽圖 ... 48 圖 4-12「認識元培」手機預覽圖 ... 49 圖 4-13「校園美景」手機預覽圖 ... 49 圖 4-14「行事曆」手機預覽圖 ... 50 圖 4-15「單位導覽」手機預覽圖 ... 50 圖 4-16「系所介紹」手機預覽圖 ... 51 圖 4-17「乘車資訊」手機預覽圖 ... 51 圖 4-18「YPU 平面圖」手機預覽圖 ... 52 圖 4-19「目前位置」手機預覽圖 ... 52 圖 4-20「YOUTUBE」手機預覽圖 ... 53 圖 4-21「元培粉絲團」手機預覽圖 ... 53

VIII

表目錄

表 3-1 系統開發方法 ... 25 表 3-2 甘特圖(1) ... 29 表 3-3 甘特圖(2) ... 29 表 3-4 分工圖 ... 30 表 4-1 認識元培 ... 34 表 4-2 校園美景 ... 35 表 4-3 行事曆 ... 36 表 4-4 單位導覽 ... 37 表 4-5 系所介紹 ... 38 表 4-6 乘車資訊 ... 39 表 4-7 YPU 平面圖 ... 40 表 4-8 目前位置 ... 41 表 4-9 Youtube 影音 ... 42

1

第一章 緒論

1-1 背景與動機

學生要準備就讀大學時，就會開始尋找學校的一些相關資訊，像是附近交通， 或者校内各科系大樓。但是，我們看了學校網站以後我們發現了些許問題，有一 些資訊流程雖然學校網站上有，但如果不熟悉學校網站，是無法操作的。 上了大學，我們都要會學習如何尋找正確的資訊，可是，這些要查詢的資料 到底在哪裡呢？有些流程還是非常不容易找到。一般來說是詢問老師，但一開始 進入校園時跟老師也不太熟識。 剛進入元培時有發校園導覽，但是也不盡完全。 所以，如果有一款手機程式能幫助我們得到這些資訊讓這些資訊變的好找，我想 應該會能幫助新生快速適應吧？而且這樣也可以推廣學校，更可以方便未來的學 弟妹們！想到這，我們就決定要開發這款 APP 程式！

1-2 目的

本專題研究是『元培科技大學校園 APP 導覽』，製作的主要方向是為幫助 使用者解決問題。 讓資訊透明化、促進就學的慾望、幫助使用者更快更方便的 得到相關資訊。最重要的是可以幫助到有需要的人，這些就是我們開發這款 APP 程式的目的。

2

1-3 限制

本專題在進行過程中力求盡善盡美，但恐怕尚有下列限制： 1.在開發軟體的選擇上，基於組員現有能力及方便性的考量，故選擇 Android 和 Java 做為開發軟體。 2.基於組員從未涉足相關領域，且沒有任何實際製作程式軟體的經驗。 故製作一個模型，方便未來有人使用時可以提供意見並且添加功能。

1-4 關鍵名詞定義

本專題計用到下列幾個重要的名詞，茲分別定義如下： 1. 元培：新竹市私立元培科技大學 2.導覽：導覽是一種溝通過程，導覽是服務使用者的方式。 3.元培科技大學導覽：APP 程式，讓使用者快速找到想要的資訊。 4. 智慧型手持平台(手機)：指具有獨立的行動作業系統，可透過安裝應用軟體、 遊戲等程式來擴充手機功能，運算能力及功能均優於傳統功能型手機的一類手機。 這類手機在中國大陸被稱為「智能手機」，簡稱「智能機」；在台灣稱「智慧型 手機」或「智慧型電話」；在香港稱「智能手機」或「智能電話」。最初的智慧 型電話功能並不多，後來的機型增加了可攜式媒體播放器、攝錄影機和 GPS 導 航、NFC、重力感應水平儀等功能，使其成為了一種功能多樣化的裝置。很多智 慧型電話還擁有高解析度觸控式螢幕和網頁瀏覽器，從而可以顯示標準網頁以及 移動最佳化網頁。透過 Wi-Fi 和移動寬頻，智慧型電話還能實作高速資料存取， 雲端存取等。近年來，移動 App 市場及移動商務、手機遊戲產業、社交即時通 訊網路的高速發展也促進了人們對智慧型電話的選用。

3 ５.定位系統：全球衛星定位系統(又稱 GPS)，是美國國防部研製和維護的中距離 圓型軌道衛星導航系統。它可以為地球表面絕大部分地區（98%）提供準確的定 位、測速和高精度的時間標準。全球定位系統可滿足位於全球任何地方或近地空 間的軍事用戶連續精確的確定三維位置、三維運動和時間的需要。該系統包括太 空中的 24 顆 GPS 衛星；地面上 1 個主控站、3 個數據注入站和 5 個監測站及作 為用戶端的 GPS 接收機。最少只需其中 3 顆衛星，就能迅速確定用戶端在地球 上所處的位置及海拔高度；所能收聯接到的衛星數越多，解碼出來的位置就越精 確。 GPS 系統擁有如下多種優點：使用低頻訊號，縱使天候不佳仍能保持相當的訊 號穿透性；全球覆蓋（高達 98%）；三維定速定時高精度；快速、省時、高效 率；應用廣泛、多功能；可移動定位；不同於雙星定位系統，使用過程中接收機 不需要發出任何信號增加了隱蔽性，提高了其軍事應用效能。

6.GoogleMap：Google 地圖（英語：Google Maps；前稱：Google Local） 是 Google 公司向全球提供的電子地圖服務，地圖包含地標、線條、形狀等資訊， 提供向量地圖、衛星照片、地形圖等三種視圖。Google 地圖於 2005 年 2 月 8 日在 Google 部落格上首次公布，並於 2005 年 6 月 20 日將覆蓋範圍從原先的 美國、英國、加拿大擴大至全球。目前在全球多國開通了「街景」（Street View） 服務，使用者可以透過由 Google 車在街道上拍到的影像檢視街景。2011 年 10 月 7 日，Google 地圖新增了 3D 鳥瞰功能，並於 2007 年 10 月 11 日推出臺灣 版地圖。

4

第二章 文獻探討

2-1 Android

又稱安卓，是一個以 Linux 為基礎的開放原始碼行動裝置作業系統，主要用 於行動設備，由 Google 成立的 Open Handset Alliance（OHA，開放手持設備 聯盟）持續領導與開發中。安卓已發佈的最新版本為 Android4.4.2—KitKat 。 Android 系統最初由（Andy Rubin）等人開發製作，最初開發這個系統的目 的是創建一個數位相機的先進操作系統；但是後來發現市場需求不夠大，加上智 慧型手機市場快速成長，於是 Android 被改造為一款面向智慧型手機的作業系統。 於 2005 年 8 月被美國科技企業 Google 收購。2007 年 11 月，Google 與 84 家 硬體製造商、軟體開發商及電信營運商成立開放手持設備聯盟來共同研發改良 Android 系統，隨後，Google 以 Apache 免費開放原始碼許可證的授權方式，發 佈了 Android 的原始碼。讓生產商推出搭載 Android 的智慧型手機，Android 作 業系統後來更逐漸拓展到平板電腦及其他領域上。

2003 年 10 月，有「Android 之父」之稱的安迪·魯賓（Andy Rubin）在美 國加利福尼亞州帕洛艾爾托建立了 Android 科技公司（Android Inc.），並與利奇· 米納爾（Rich Miner）、尼克·席爾斯（Nick Sears）、克里斯·懷特（Chris White） 共同發展這家公司。談到建立 Android 科技公司的原因，魯賓說：「聰明的移動 設備能更好的意識到用戶的愛好和要求。」儘管 Android 科技公司的創始人和員 工過去都具有各自的科技成就，但是 Android 科技公司的經營只顯露出它在智慧 型手機軟體的方面。

5

2-2 成立開放手持設備聯盟

2007 年 11 月 5 日，在 Google 的領導下，成立開放手持設備聯盟（Open Handset Alliance），最早的一批成員包括 Broadcom 公司、HTC、Intel、LG、 Marvell 等公司。開放手持設備聯盟的建立目的是為了創建一個更加開放自由的 移動電話環境。而在開放手持設備聯盟創建的同一日，聯盟對外展示了他們的第 一個產品：一部搭載了以 Linux 2.6 為核心基礎的 Android 作業系統的智慧型手 機。2008 年 12 月 9 日，新一批成員加入開放手持設備聯盟，包括 ARM、華為、 索尼等公司。 同時，一個負責持續發展 Android 作業系統的開源代碼項目成立了 AOSP （Android Open Source Project）。除了開放手持設備聯盟之外，Android 還擁 有全球各地開發者組成的開源社區來專門負責開發 Android 應用程式和第三方 Android 作業系統來延長和擴展 Android 的功能和效能。

2-3 硬體支援

Android 作業系統大多搭載在使用了 ARM 架構的硬體設備上。但是同樣也 有支援 X86 架構的 Android 作業系統，比如 Google 的 Google TV 就是使用一 個特別定製的 X86 架構版本的 Android 作業系統。

同樣，蘋果公司的 iOS 設備，比如 iPhone、iPod Touch 以及 iPad 產品都 可以安裝 Android 作業系統，並且可以通過雙系統啟動工具 OpeniBoot 或者 iDroid 來運行 Android 作業系統。微軟的 Windows Mobile、Windows Phone 產 品也一樣可以。另外 Android 亦已成功移植到搭載 WebOS 系統 HP TouchPad 以及搭載 Meego 系統的 Nokia N9 等裝置。

6

2-4 Android 開發工具

建立 Android 開發環境需安裝多樣開發工具，但這些工具都是可以免費從網路 上取得的。開發環境安裝流程如下：

7

各工具分述如下： 2-4-1 JDK

由於 Android 應用程式的開發是採用 Java 程式語言，因此必須先至 Java 官 方網站下載並安裝 Java 開發工具套件(Java Development Kit, JDK)，其為目前 使用最廣泛的 Java SDK(Software Development Kit)。

2-4-2 Eclipse IDE

Eclipse 最初由 IBM 公司開發，是一個著名的跨平台且多用途的整合式開發工 具。建立 Android 開發環境需至 Eclipse 官方網站下載並安裝含有 Java 開發 工具擴充套件(Java Development Tool Plugin, JDT)之 Eclipse IDE，以作為 Android 應用程式開發平台。

2-4-3 ADT

ADT 是基於 Eclipse 的 Android 開發工具擴充套件(Android DevelopmentTools)，可由 Eclipse 網路安裝或離線安裝。

2-4-4 Android SDK

可由 Android Developers 官方網站下載的 Android 軟體開發套件(Android Software Development Kit, Android SDK)提供了開發 Android 應用程式可使用 到的多種資源，如 Android 中的程式庫、程式除錯工具、手機模擬器等等。

8

2-5 Eclipse

Eclipse 是著名的跨平台開源整合式開發環境（IDE）。最初主要用來 Java 語言開發，目前亦有人透過外掛模組使其作為 C++ 、 Python 、 PHP 等其他語 言的開發工具。 Eclipse 的本身只是一個框架平台，但是眾多外掛模組的支援，使得 Eclipse 擁有較佳的靈活性。 許多軟體開發商以 Eclipse 為框架開發自己的 IDE。 Eclipse 的基礎是富客戶機平台 （即 RCP）。 RCP 包括下列元件：  核心平台（啟動 Eclipse，執行外掛模組）  OSGi （標準集束框架）  SWT （可移植構件工具包 ）  JFace （檔案緩衝，文字處理，文字編輯器）

 Eclipse 工作台（即 Workbench，包含檢視（views）、編輯器（editors）、視 角（perspectives）、和精靈（wizards））

Eclipse 採用的技術是 IBM 公司開發的（ SWT ），這是一種基於 Java 的窗 口元件，類似 Java 本身提供的 AWT 和 Swing 窗口元件；不過 IBM 聲稱 SWT 比其他 Java 窗口元件更有效率。 Eclipse 的使用者介面還使用了 GUI 中間層 JFace，從而簡化了基於 SWT 的應用程式的構建。

9

2-6 行動應用程式(APP)

行動應用程式（英語：mobile application，簡稱 mobile app、app），或手 機應用程式、行動應用程式、手機 app 等，是指設計給智慧型手機、平板電腦 和其他行動裝置上運行的應用程式。

2-7 行動軟體發行平台列表

行動裝置使用者可透過無線網路連上行動軟體應用程式商店免費或付費地 下載使用行動軟體應用程式。行動軟體應用程式商店除了可透過網頁瀏覽器如一 般網路商店般瀏覽與交易外，通常亦製作有專屬的 APP，讓使用者能一鍵進入， 介面也較網頁更方便。首先採用此商業模式的廠商是美國蘋果電腦公司針對其行 動裝置 iPhone、iPad 經營的「App Store」。之後 Google 也隨其行動作業系統 Android 一同推出自行經營的 APP 商店「Google Play」。App Store 以及 Google Play 是目前營收和下載量的前兩大 APP 商店。其他經營者包括作業系統廠商微 軟公司、獨立行動裝置廠商黑莓公司與亞馬遜公司、Android 裝置廠商如三星電 子、Windows Phone 裝置廠商如諾基亞、網際網路服務供應商等，亦有獨立經 營者。

10

2-8 Java

Java 是一種電腦程式設計語言，擁有跨平台、物件導向、泛型程式設計的特 性，廣泛應用於企業級 Web 應用開發和行動應用開發。 Java 程式語言的風格十分接近 C++語言。繼承了 C++語言物件導向技術的核心， Java 捨棄了 C++語言中容易引起錯誤的指標，改以參照取代，同時移除原 C++ 與原來運算子多载，也移除多重繼承特性，改用介面取代，增加垃圾回收器功能。 在 Java SE 1.5 版本中引入了泛型程式設計、型別安全的列舉、不定長參數和自 動裝/拆箱特性。昇陽電腦對 Java 語言的解釋是：「Java 程式語言是個簡單、 物件導向、分布式、解釋性、健壯、安全與系統無關、可移植、高效能、多執行 緒和動態的語言」 Java 不同於一般的編譯語言和直譯語言。它首先將原始碼編譯成位元組碼， 然後依賴各種不同平台上的虛擬機器來解釋執行位元組碼，從而實作了「一次編 寫，到處執行」的跨平台特性。在早期 JVM 中，這在一定程度上降低了 Java 程式的執行效率。但在 J2SE1.4.2 釋出後，Java 的執行速度有了大幅提升。 與傳統型態不同，Sun 公司在推出 Java 時就將其作為開放的技術。全球數 以萬計的 Java 開發公司被要求所設計的 Java 軟體必須相互相容。「Java 語言 靠群體的力量而非公司的力量」是 Sun 公司的口號之一，並獲得了廣大軟體開 發商的認同。這與微軟公司所倡導的注重精英和封閉式的模式完全不同，此外， 微軟公司後來推出了與之競爭的.NET 平台以及模仿 Java 的 C#語言。後來 Sun 公司被甲骨文公司併購，Java 也隨之成為甲骨文公司的產品。

11

2-9 校園導覽簡介

校園導覽是指把校園內的相關資訊整合在一起，讓使用者可以方便的知道校 園內的相關資訊，讓生活更便利。

2-9-1 校園導覽APP簡介

本系統能幫使用者們找到他們想要的資訊，只要關於元培科技大學的資訊， 都可以找的到，包含學校的簡介、學校大樓的分佈圖、行政單位位置、各系所的 簡介、學校餐廳介紹、學校宿舍位置、設備、價錢、運動場的分布位置、校園景 色。

2-9-2 校園導覽系統發展現況

現今校園的資訊基本上都處於網頁的狀態，只有使用電腦才能使用網頁查詢， 所以幾乎沒有幾所學校有手機APP的導覽。所以如果我們是擁有手機APP導覽的 那幾間學校，那一定可以幫助吸引不少學生前來就讀。這就是我們開發這款手機 APP導覽的動機，主要是幫助新生可以更快融入元培這個新環境，也有助於新生 快速的了解元培校園各處室和大樓的功能和位置。如果可以幫助剛進入元培的新 生可以快速融入元培校園的生活，我想這也是我們製作此APP的目的之一。

12

2-9-3 元培網站導覽

圖 2-2 元培科技大學首頁

13

圖 2-4 元培科大學務處

14

2-9-4 元培校園景觀

圖 2-6 校門口

15

2-9-5 校園導覽 APP 參考

↓輔仁大學校園導覽 APP

圖 2-8 首頁

16

圖 2-10 最新消息

17

圖 2-12 校園圖

18

↓清華大學校園導覽 APP

圖 2-14 首頁

19

圖 2-16 課程資訊

20

↓朝陽科大校園導覽 APP

圖 2-18 進入畫面

21

圖 2-20 最新消息

22

↓嘉南藥理大學校園導覽 APP

圖 2-22 進入畫面

23

圖 2-24 校園導覽

24

看法

： 現在校園導覽 APP 有不少所大專院校都已經有創立各校的校園導覽 APP， 由於本校 APP 尚可加強許多功能。目前已找到幾款學校的校園導覽 APP 來做 參考，根據我們對其他款校園導覽。APP 的分析以後。 歸納出了幾點基本的功能： 1. 校園歷史介紹 2.校園地圖介紹 3.校內大樓 4.樓層介紹 5.餐廳、宿舍、場地、周邊交通資訊等…

25

第三章 專題規劃

3-1 專題規劃目標

1.開發一套校園導覽系統 2.此系統建置在智慧型手機專有網路平台(例如:GooglePlay) 3.提供使用者線上校園導覽、張貼相關資訊、校園周圍資訊整合 4.讓使用者快速了解整個校園情形

3-2 系統開發方法

本專題的開發將使用生命週期模式，各步驟敘述如下： 表 3-1 系統開發方法 階段 工作 產出 規劃 1 資料蒐集 2 撰寫企畫書 專題企畫書 分析 1 需求分析 2 系統分析 系統分析書 設計 1 架構設計 2 程式設計 系統設計報告書 製作 程式製作 軟體 運作及維護 1 程式使用測試 2 程式問題修正 3 程式登入使用 4 撰寫結案報告 5 撰寫使用手冊 結案報告書及使用說明書

26

3.2.1 系統開發流程圖

圖 3-1 系統開發流程圖 規劃資料 初步調查書 使用者分析 需要文件 APP設計 系統設計與 規格書 具系統功能 資料輸入與 測試 可操作系統

27

3-3 系統藍圖描述

本專案開發的系統，整體架構如下： 圖 3-2 系統藍圖

3-4 專題設備

本專題所需使用之軟硬體有： (1)軟體方面：java、android、eclipse (2)硬體方面：電腦設備、智慧型手機 電腦設備：主機板 ASUS P8H67-M PRO

CPU：Intel Core i5-2400 @ 3.10GHz 記憶體 : DDR3 4GB 作業系統 : WINDOWS 7 I/O 設備:鍵盤、滑鼠 網路需求:ADSL

元培行動APP導覽

認識元培 校園美景 行事曆 單位導覽 系所介紹 乘車資訊 _{YPU平面圖 目前位置 YOUTUBE}

28

行動裝置（Mobile device）、流動裝置、手持裝置（handheld device）等，大多 數為口袋大小的計算裝置，通常有一個小的顯示螢幕，觸控輸入，或是小型的鍵 盤。因為透過它可以隨時隨地存取獲得各種訊息，這一類裝置很快變得流行。和 諸如手提電腦和智慧型手機之類的移動計算裝置一起，PDA 代表了新的計算領 域。 下面這些是典型的行動裝置： （1）攜帶型遊樂器 （2）行動電話 （3）智慧型手機 （4）平板電腦

3-5 專題時程規劃

1. 訂定主題 2. 資料蒐集 3. 功能設計 4. 寫企劃書 5. 需求分析 6. 系統分析 7. 系統設計 8. APP 製作 9. 系統測試 10.系統問題修改 11.製作使用說明書 12.寫報告書

29

3-6 專題甘特圖

表 3-2 甘特圖(1) 月份/禮拜 工作名稱 5 月 6 月 7 月 8 月 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 訂定主題 資料蒐集 功能設計 寫計劃書 需求分析 系統分析 統整 表 3-3 甘特圖(2) 月份/禮拜 工作名稱 9 月 10 月 11 月 12 月 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 訂定主題 資料蒐集 功能設計 寫計劃書 需求分析 系統分析 統整

30

3-7 專業分工

表 3-4 分工圖 組員 分析 賴志杰 林季融 林育聖 訂立主題 資料蒐集 系統分析 系統設計 需求分析 功能設計 圖表製作 寫企劃書 美工設計 程式設計 系統測試 系統修改 寫報告書

31

3-8 專題貢獻

1.促進使用者對學校有基本的認知 2.減少使用者疑惑 3.幫助使用者了解學校大樓位子 4.幫助使用者了解減免流程 5.方便定位找尋元培科大各個角落

32

第四章 專題成果

4-1.需求分析

根據現在學生手持智慧行動裝置，並比較其他學校校園行動APP，以下將需 求分析分為實用性、藝術性做為說明及介紹。 4-1-1 實用性 隨著科技發展、智慧型手機的廣泛應用，在現代社會每人每手一機的時代。 「校園導覽」，此程式設計只需要使用智慧型手機就即可使用。 不論是元培醫事科大學生、師長或對新鮮人想了解校園概況，都可以使用智 慧型手機下載「元培校園行動導覽APP」，透過「元培校園導覽行動APP」，使 用者可以透過此APP了解到元培校園的概況。 功能需求: 1. 使用者在遊覽時可以認識校園簡介 2. 使用者可以看到校園大樓的分布圖 3. 使用者可以瀏覽學校行政單位並得知位置&分機電話 4. 使用者透過遊覽可得知校內系所概況 5. 使用者可以欣賞校園景觀 6. 使用者可以透過行事曆記錄重要活動 7. 使用者可以查詢校園的乘車資訊 8. 使用者瀏覽時能夠得知校園地理位置 4-1-2 藝術性 本系統以繽紛色彩、多樣化 ICON 來做介面設計，透過智慧型手機操作簡而 易懂，讓使用者在操作方面更為流順，並且得知校園內不同地點的各類資訊。

33

4-2 系統分析

本專題系統採用使用案例圖和循序圖

4.2.2 使用案例描述

圖 4-1 使用案例圖 system 認識元培 瀏覽校園美景 Extension points 行事曆 單位導覽 系所介紹 乘車資訊 YPU 平面圖 目前位置 YOUTUBE <<extend>> 切換圖片 <<extend>> 衛星地圖

34

4-2-1 使用案例描述

案例描述：認識元培 1.名稱(Name)：認識元培 2.參與者(Actors)：一般使用者 3.前提(Pre-Condition)：需開啟軟體 4.成功條件(Succesful Post-Conditions)：顯示在認識元培頁面 5.失敗條件(Unsuccessful Post-Conditions)：認識元培頁面沒有顯示 6.事件路徑 6-1.正常路徑 表 4-1 認識元培 一般使用者 系統回應 1.開啟程式 2.系統顯示歡迎介面 3.跳轉至首頁 4.系統顯示導覽首頁 5.一般使用者點選認識元培 6.系統顯示認識元培頁面 6.2 其他/例外路徑 6.2-1.一般使用者點選返回 步驟 7.一般使用點選手機返回鍵 步驟 8.系統前往導覽首頁

35 案例描述：校園美景 1.名稱(Name)：校園美景 2.參與者(Actors)：一般使用者 3.前提(Pre-Condition)：需開啟軟體 4.成功條件(Succesful Post-Conditions)：顯示在校園美景頁面 5.失敗條件(Unsuccessful Post-Conditions)：校園美景頁面沒有顯示 6.事件路徑 6-1.正常路徑 表 4-2 校園美景 一般使用者 系統回應 1.開啟程式 2.系統顯示歡迎介面 3.跳轉至首頁 4.系統顯示導覽首頁 5.一般使用者點選校園美景 6.系統顯示校園美景頁面 6.2 其他/例外路徑 6.2-1.一般使用者點選返回 步驟 7.一般使用點選手機返回鍵 步驟 8.系統前往導覽首頁

36 案例描述：行事曆 1.名稱(Name)：行事曆 2.參與者(Actors)：一般使用者 3.前提(Pre-Condition)：需開啟軟體 4.成功條件(Succesful Post-Conditions)：顯示在行事曆頁面 5.失敗條件(Unsuccessful Post-Conditions)：行事曆頁面沒有顯示 6.事件路徑 6-1.正常路徑 表 4-3 行事曆 一般使用者 系統回應 1.開啟程式 2.系統顯示歡迎介面 3.跳轉至首頁 4.系統顯示導覽首頁 5.一般使用者點選行事曆 6.系統顯示行事曆頁面 6.2 其他/例外路徑 6.2-1.一般使用者點選返回 步驟 7.一般使用點選手機返回鍵 步驟 8.系統前往導覽首頁

37 案例描述：單位導覽 1.名稱(Name)：單位導覽 2.參與者(Actors)：一般使用者 3.前提(Pre-Condition)：需開啟軟體 4.成功條件(Succesful Post-Conditions)：顯示在單位導覽頁面 5.失敗條件(Unsuccessful Post-Conditions)：單位導覽頁面沒有顯示 6.事件路徑 6-1.正常路徑 表 4-4 單位導覽 一般使用者 系統回應 1.開啟程式 2.系統顯示歡迎介面 3.跳轉至首頁 4.系統顯示導覽首頁 5.一般使用者點選單位導覽 6.系統顯示單位導覽頁面 6.2 其他/例外路徑 6.2-1.一般使用者點選返回 步驟 7.一般使用點選手機返回鍵 步驟 8.系統前往導覽首頁

38 案例描述：系所介紹 1.名稱(Name)：系所介紹 2.參與者(Actors)：一般使用者 3.前提(Pre-Condition)：需開啟軟體 4.成功條件(Succesful Post-Conditions)：顯示在系所介紹頁面 5.失敗條件(Unsuccessful Post-Conditions)：系所介紹頁面沒有顯示 6.事件路徑 6-1.正常路徑 表 4-5 系所介紹 一般使用者 系統回應 1.開啟程式 2.系統顯示歡迎介面 3.跳轉至首頁 4.系統顯示導覽首頁 5.一般使用者點選系所介紹 6.系統顯示系所介紹頁面 6.2 其他/例外路徑 6.2-1.一般使用者點選返回 步驟 7.一般使用點選手機返回鍵 步驟 8.系統前往導覽首頁

39 案例描述：乘車資訊 1.名稱(Name)：乘車資訊 2.參與者(Actors)：一般使用者 3.前提(Pre-Condition)：開啟軟體並連接網路 4.成功條件(Succesful Post-Conditions)：顯示在乘車資訊頁面 5.失敗條件(Unsuccessful Post-Conditions)：乘車資訊頁面沒有顯示 6.事件路徑 6-1.正常路徑 表 4-6 乘車資訊 一般使用者 系統回應 1.開啟程式 2.系統顯示歡迎介面 3.跳轉至首頁 4.系統顯示導覽首頁 5.一般使用者點選乘車資訊 6.系統顯示乘車資訊頁面 6.2 其他/例外路徑 6.2-1.一般使用者點選返回 步驟 7.一般使用點選手機返回鍵 步驟 8.系統前往導覽首頁

40

案例描述：YPU 平面圖 1.名稱(Name)：YPU 平面圖

2.參與者(Actors)：一般使用者 3.前提(Pre-Condition)：需開啟軟體

4.成功條件(Succesful Post-Conditions)：顯示在 YPU 平面圖頁面 5.失敗條件(Unsuccessful Post-Conditions)：YPU 平面圖頁面沒有顯示 6.事件路徑 6-1.正常路徑 表 4-7 YPU 平面圖 一般使用者 系統回應 1.開啟程式 2.系統顯示歡迎介面 3.跳轉至首頁 4.系統顯示導覽首頁 5.一般使用者點選 YPU 平面圖 6.系統顯示 YPU 平面圖頁面 6.2 其他/例外路徑 6.2-1.一般使用者點選返回 步驟 7.一般使用點選手機返回鍵 步驟 8.系統前往導覽首頁

41 案例描述：目前位置 1.名稱(Name)：目前位置 2.參與者(Actors)：一般使用者 3.前提(Pre-Condition)：開啟軟體並連接網路 4.成功條件(Succesful Post-Conditions)：顯示在目前位置頁面 5.失敗條件(Unsuccessful Post-Conditions)：目前位置頁面沒有顯示 6.事件路徑 6-1.正常路徑 表 4-8 目前位置 一般使用者 系統回應 1.開啟程式 2.系統顯示歡迎介面 3.跳轉至首頁 4.系統顯示導覽首頁 5.一般使用者點選目前位置 6.系統顯示目前位置頁面 6.2 其他/例外路徑 6.2-1.一般使用者點選返回 步驟 7.一般使用點選手機返回鍵 步驟 8.系統前往導覽首頁

42

案例描述：Youtube 影音 1.名稱(Name)：Youtube 影音

2.參與者(Actors)：一般使用者

3.前提(Pre-Condition)：開啟軟體並連接網路

4.成功條件(Succesful Post-Conditions)：顯示在 Youtube 影音頁面 5.失敗條件(Unsuccessful Post-Conditions)：Youtube 影音頁面沒有顯示 6.事件路徑 6-1.正常路徑 表 4-9 Youtube 影音 一般使用者 系統回應 1.開啟程式 2.系統顯示歡迎介面 3.跳轉至首頁 4.系統顯示導覽首頁 5.一般使用者點選 Youtube 影音 6.系統顯示 Youtube 影音頁面 6.2 其他/例外路徑 6.2-1.一般使用者點選返回 步驟 7.一般使用點選手機返回鍵 步驟 8.系統前往導覽首頁

43

4-2-2 循序圖：

圖 4-2 認識元培循序圖

圖 4-3 校園美景循序圖 4：返回首頁 3：進行瀏覽() 2：進入認識元培() 選單 認識元培 處理 1：顯示選單() 使用者 4：返回首頁 3：進行瀏覽() 2：進入校園美景() 選單 校園美景 處理 1：顯示選單() 使用者

44

圖 4-4 行事曆循序圖

圖 4-5 單位導覽循序圖 4：返回首頁 3：進行瀏覽() 2：進入單位導覽() 選單 單位導覽 處理 1：顯示選單() 使用者 6：回到行事曆 5：刪除行程 4：添加行程() 7：返回首頁 3：進行瀏覽() 2：進入行事曆() 選單 行事曆 處理 1：顯示選單() 使用者 資料庫

45

圖 4-6 系所介紹循序圖

圖 4-7 乘車資訊循序圖 5：返回選擇 4：選擇乘車種類() 4：返回首頁 3：進行瀏覽() 2：進入系所介紹() 選單 系所介紹 處理 1：顯示選單() 使用者 5：返回首頁 3：進行瀏覽() 2：進入乘車資訊() 選單 乘車資訊 處理 1：顯示選單() 使用者 _連結

46

圖 4-8 YPU 平面圖循序圖

圖 4-9 目前位置循序圖 6：返回 MAP 5-3：開啟定位() 5：交通狀況() 5-2：移至目前位置()() 1：顯示選單() 4：返回首頁 3：進行瀏覽() 2：進入 YPU 平面圖() 選單 YPU 平面圖 處理 1：顯示選單() 使用者 4：選擇功能() 7：返回首頁 3：進行瀏覽() 2：進入目前位置() 選單 目前位置 MAP 使用者 _{選單 連結} 5-1：衛星圖()

47

圖 4-10 YOUTUBE 循序圖 5：返回選擇 4：選擇影音種類() 5：返回首頁 3：進行瀏覽() 2：進入 YOUTUBE() 選單 YOUTUBE 處理 1：顯示選單() 使用者 _連結

48

4-3 系統介紹

「元培醫事科大行動 APP」是一種屬於校園導覽平台，在手機上分別 建製九大主要功能：認識元培、校園美景、行事曆、單位導覽、系所介紹、 乘車資訊、YPU 平面圖、目前位置、YOUTUBE 影音。另外還增設了元培 粉絲團 FaceBook，增加使用者之間的互動性。 圖 4-11「元培醫事科大行動 APP」手機預覽圖

49

4-4 使用手冊

圖 4-12「認識元培」手機預覽圖 圖 4-13「校園美景」手機預覽圖

在 APP 首頁點入

「認識元培」介面，呈現學

校照片與文字介紹，在文字

方面可上下滑動。

在 APP 首頁點入

「校園美景」介面，呈現學

校景觀照，在圖片方面可左

右滑動。

50 圖 4-14「行事曆」手機預覽圖 圖 4-15「單位導覽」手機預覽圖

在 APP 首頁點入

「行事曆」介面，呈現月

份、日期與節日，可左右滑

動、點擊日期添加行程。

在 APP 首頁點入

「單位導覽」介面，呈現處

室清單，可點擊需要的處室

使用。

51 圖 4-16「系所介紹」手機預覽圖 圖 4-17「乘車資訊」手機預覽圖

在 APP 首頁點入

「系所介紹」介面，

呈現單

位清單，可點擊需要的單位

使用

。

在 APP 首頁點入

「乘車資訊」介面，呈現客運

和火車項目，上方可左右點

擊，點選圖示即可連結。

52 圖 4-18「YPU 平面圖」手機預覽圖 圖 4-19「目前位置」手機預覽圖

在 APP 首頁點入

「YPU 平面圖」介面，呈現

校園平面圖。

在 APP 首頁點入

「目前位置」介面，顯示

GoogleMap 並定位於現在

位置，可點選右上方 menu

進行其他功能的選擇。

53 圖 4-20「YOUTUBE」手機預覽圖 圖 4-21「元培粉絲團」手機預覽圖

在 APP 首頁點入

「Youtube」介面，顯示影音

網站可搜尋許多影片。

在 APP 首頁點入

「FaceBook 元培粉絲專頁」

介面，顯示社群網站可得知相

關訊息。

54

第五章：結論

5-1 結論

在我們製作過程中，發現從無到有建立的 APP，讓我們有了難忘經驗，因 為真的從零到有非常的困難。我們還有許多該加強的地方，但我們已經盡最大的 努力。元培醫事科技大學行動 APP 導覽在系統的開發過程中，每位組員都很盡 心盡力的完成自已的工作，當然在開發的過程中因為技術上的不熟練，我們也常 常遇到系統無法正常運做的情形，不過我們從未放棄過，一直不斷的請教師長， 找尋相關的文件與資料做為參考，一步步克服難關。 這款 APP 可以讓使用者更加了解元培校園概況，此 APP 包含九大功能讓使 用者淺顯易懂的操作。像是校園歷史、校園美景、行事曆、系所介紹和乘車資 訊………等等。最主要的目的就是為了提供每種使用者能有一個方便使用並能夠 快速了解元培校園。

在開發這款 APP 軟體我們使用的是 Eclipse 平台開發也利用了 SQLite 資料 庫來做行事曆的新增/刪減功能，在系統介面上讓使用者能夠一覽無遺的看到所 有功能，並不需要許多複雜步驟，符合便利且又具人性化，相信能夠讓使用者達 到快速了解校園的目的。

5-2 建議

經過整體的研究與製作過程，加上我們時間有限，我們功能雖沒有很完善， 但我們已經盡力去完成，我們討論出未來可以發展的功能，如以下幾點： 1.增加資料庫與內容的連結 2.增設校園安全功能 3.美化更加完整、美觀 4.隨時立即更新動態公車與火車資訊

55

5-3 未來展望

未來本系統將利用 PHP 向 MySQL 取得所需的資料，並將資料轉成 JSON 格式，接著透過 Apache HTTP Server 協定將資料傳遞給 Android 應用 程式。MySQL 自有它的不足之處，如規模小、功能有限等，但是這絲毫也沒有 減少它受歡迎的程度。

對於一般的個人使用者和中小型企業來說，MySQL 提供的功能已經綽綽有 餘，而且由於 MySQL 是開放原始碼軟體，因此可以大大降低總體擁有成本。 MySQL 加 PHP 的配對在網際網路上的應用相比 LAMP 來說更為常見，並獲得 了「動態配對」的雅號，大部分 Blog 網站基於的 WordPress 系統主要運用 MySQL 加 PHP 的配對。

目前 APP 能進步的空間還很大，還能更加的完善，如以後能加上許多實用 的功能、提升便利性與資訊完整性，相信此 APP 能為使用者帶來更好的應用。

56

參考文獻

參考書籍： 1. Android App 程式設計教本之無痛起步 第二版 作者：施威銘 出版日期：2014-02-07 出版社：旗標出版社 頁 3-2 2. Android APP 程式開發剖析 作者： 張益裕 出版日期：2013-10-15 出版社：松崗出版社 頁 5-32 3. Android 程式設計入門與應用(附光碟) 作者：林致宇 出版日期：2014-07-03 出版社：全華圖書出版社 頁 7-8 4. 精通 Android 程式介面設計：打造最佳使用者體驗的 App 作者：孫宏明 出版日期：2013-08-07 出版社：碁峰出版社 頁 8-20 5. Android 應用程式開發與設計實務(附 DVD)作者： 彭亦暄、陳彥文 出版日期：2013-06-28 出版社：博碩出版社 頁 6-1 6. Android 變形金剛：程式設計實戰應用 作者： 柯博文 出版日期：2014-03-03 出版社：博碩出版社 頁 1-15 參考網址：

Get the Android SDK：http://developer.android.com/sdk/index.html

小俊工作室：http://jpress.tw/android-dev2

Master Dragon 的 Wiki：http://lang.idv.tw/doku.php/home

Max 的 Android 心得筆記：http://imax-live.blogspot.tw

GiveMePasS's Android 惡補筆記：http://givemepass.blogspot.tw

APP 範例參考：

1.

輔仁大學校園導覽 APP

2.

清華大學校園導覽 APP

3.

朝陽科技大學導覽 APP

4.

嘉南藥理大學導覽 APP

5.

元培科技大學校園導覽 APP