實務專題計畫書結合雲端與智慧型手機 APP 技術³‡管系/101學年度四技畢業專題... · 本專題報告得以順利完成，首先要感謝恩師黃光孙老師細

0

資訊管理系

實務專題計畫書

結合雲端與智慧型手機 APP 技術

指導教授：黃光孙張士勳教授

組員名單：柳志鴻學號 988C044

黃建智學號 988C052

楊譽輔學號 988C062

中華民國一 ○ 二年五月

指導教授簽名

6

資訊管理系專題口試委員審定書

結合雲端與智慧型手機 APP技術

指導教授：黃光孙張士勳教授

組員名單：楊譽輔學號 988C062

黃建智學號 988C052

柳志鴻學號 988C044

指導教授：

口試委員：

5

嶺東科技大學

資訊管理系

S

mart p

hone

訂房

AP

P

中華民國一

O

二年五月

誌謝

本專題報告得以順利完成，首先要感謝恩師黃光孙老師細

心引導我們，耐心的協助我們，克服研究過程中所面臨的困

難，給予我們最大的協助，使本專題得以順利完成。

研究報告口試期間，感謝萬絢老師、張顯榮老師不辭辛勞

細心審閱，不僅給予我們指導，並且提供寶貴的建議，使我們

的專題內容以更臻完善，在此由衷的感謝。

最後，感謝系上諸位老師在各學科領域的熱心指導，增進

商業管理知識範疇，在此一併致上最高謝意。

楊譽輔、黃建智

柳志鴻

謹誌

中華民國一○二年五月於嶺東

1

摘要

由於科技的進步與網路的發達，現代人上網的地點將不再

受限於家中或辦公室，而是任何一個地方，透過智慧型手機的

APP 應用，可以隨時隨地的接收訊息，掌握第一手資料。雲端

運算技術是近年來網路科技高速發展後的必然趨勢， P latfo rm

As A S ervic e (P aaS )目前已經成熟，例如 Amazon 所提供的雲

端服務平台，使用者可以付費租用一段期間的軟硬體與頻寬 ;

然而 Software As A S ervic e (S aaS)正在醞釀發展中，經由 S aaS

使用者可以自網路取用雲端服務業者所提供的資訊服務，無須

自行架設管理主機與開發維護軟體，雲端資訊系統將以低價格

與高品質的方式，指出未來資訊服務的新方向。

訂房系統分成管理者端與客戶端。本研究僅著重客戶端手

機 APP 程式開發，以管理者最基本的功能當作核心，開發一

套適合大部分找房子的客人所需要的訂房系統。使用者介面為

手機 APP 應用程式，設計其介面與操作功能，以期獲得最大

使用方便性與效益。

2

目錄摘要.................................................................................................. 1

第壹章緒論.............................................................................................. 6

1-1 研究動機 .......................................................................................... 6

1-2 研究目的: ......................................................................................... 6

第貳章文獻回顧與探討 .......................................................................... 7

2-1 Eclipse: .......................................................................................... 7

2-2 程式語言:Java ................................................................................. 7

2-3 Java Server Pages (JSP)與 Java Servlet:......................................... 9

2-4 手機作業系統平台:Android ........................................................ 10

2-5 資料庫:MySQL ........................................................................... 13

2-6 網頁伺服器:Apache Tomcat........................................................ 14

2-7 何謂 APP ...................................................................................... 14

第參章研究方法 .................................................................................... 15

3-1 研究流程 ...................................................................................... 15

3-2 系統功能圖 .................................................................................. 16

3-3.1ER MODEL .................................................................................. 17

3-4 定位 ................................................................................................ 27

3-4.1 商機 ............................................................................................ 27

3-4.2 問題聲明 .................................................................................... 27

3-4.3 產品定位聲明.............................................................................. 27

3-4 使用者概要 .................................................................................... 27

3-6 使用者環境 .................................................................................... 28

3-7 系統內容與分析............................................................................................28

第肆章系統實作 ............................................................................. 28

第伍章結論 ...................................................................................... 36

參考文獻 ................................................................................................. 37

附錄 -主頁面程式……………………………………………………………………..39

3

表目錄

表 1 access_control門禁…………………….…………………………….18

表 2 account_role 帳戶角色…………….……………………..………….18

表 3 account 帳戶…………………….………………………………..….18

表 4 company 廠商……………….……………………………………….19

表 5 equipment 設備…………………….…………………………..…….19

表 6 extra_equipmen 額外 t 設備………….………………………….….19

表 7 meter_reading_single_detail 抄表單明細……………………..…….20

表 8 meter_reading_singlel 抄表單……………………………………….20

表 9 meter_reading_type 抄表類型….……………….…………….…….20

表 10 owner_contract 業主合約……………………….…………...…….21

表 11 owner_property 業主與物業……………………..…………..…….21

表 12 owner 業主…….…………………………………….….………….21

表 13 payment_modalities 繳款方式……………………….…………….22

表 14 perpare_feed_purchase_detail 備料進貨明細………….………….22

表 15 perpare_feed_purchase 備料進貨單……………………….……….22

表 16 perpare_feed 備料…………………………………………....…….22

表 17 property_type物業類型…………………………………………….23

表 18 property_webpage 物業網頁……………………………………….23

表 19 property 物業……………………………………………………….23

表 20 repair_detail 維修單明細…………………………………….…….23

表 21 repair 維修單……………………………………………………….24

表 22 reservation 預約…………………………………………………….24

表 23 role 角色……………………………………………………...…….25

表 24 room_rate 房費………………………………………………….….25

4

表 25 room_status 房間狀態……………………………………..……….25

表 26 room 房間………………………………………………….……….25

表 27 tenant_contract 房客合約…………………………………….…….26

表 28 tenant 房客…………………………..………………………..…….26

表 29問題聲明…………………………….……………………….….….27

表 30產品定位聲明……………..…….…….………………………..…….27

表 31使用者概要…………………………………………..…….….…….27

表 32 java 檔案說明………………………………………………. 28

表 33 layo ut 內的 xml 檔案說明…………………………………28

5

圖目錄

圖 1 Android 系 4.0….…………………....………….…….………….…10

圖 2 Android 系統架構...…….……………………………….………….11

圖 3 研究流程………………...………………………………………….15

圖 4 系統功能圖………..………..……………………….………….…..16

圖 5 首頁…………………………………………… ……...… .….……..29

圖 6 登入……………………………………………… … ..…..….……..30

圖 7 申請會員畫面……………………………… ……… ...….….……..30

圖 8 管理者登入畫面……………………...……… .………….….……..31

圖 9 建立業主資料…………………………………… …...….….……...31

圖 10 查詢業主資料………………………………………....…….……..32

圖 11 業主登入畫面…………………………………………….………..32

圖 12 建立物業資料…………………………………………….………..33

圖 13 查詢物業資料……………………………………………………...33

圖 14 建立房間資料………………………………………….…………..34

圖 15 查詢房間資料…………………………………………….………..34

圖 16 手機顯示畫面…………………………………………….………..35

6

第壹章緒論

1-1 研究動機:

因為科技的發展，手機成為日常生活中不可或缺的必備物品，而操作上越來

越人性化，機種也越來越繁多，手機的應用程式更是多到不勝枚舉。而近年來，

智慧型手機崛起，伴隨著手機作業系統也逐漸受到重視，以往手機系統大多是各

手機大廠自行研發且封閉的系統；但自從 Google 開始覬覦手機市場的廣告商機，

而著手開發一個完全免費且開放式的平台 Android，全球各相關產官學界便開始爭

相研究。

而近年來，雲端技術的興起，各個網路公司都廣泛的運用雲端技術的服務，而

所謂的”雲端技術＂就是透過遠端網路進行分散式運算。若能結合 Android APP 與

雲端技術，用來建置訂房系統，可提升本系統的機動性以及查詢便利性。

1-2 研究目的:

現在智慧型手機已是人類生活上不可或缺的物品，可上網、遊戲、音樂等等，

功能種類越來越多；且雲端技術的興起帶動相關產業的技術更新。因此，我們的

研究主要目的是：

1. 中小企業訂房系統設計依據。

2. 熟悉手機 APP 設計。

3. 熟悉資料庫軟體安裝、操作及建置。

4. 以手機的方式讓業主(房東)管理他們的房屋的租賃情況與房間狀況，讓房客

可以搜尋最新的租屋資訊與目前租房的相關訊息。

7

第貳章文獻回顧與探討

2-1 Eclipse:

Eclipse 是由 Open Source Community所創建的開發軟體，並被廣泛地使用在許

多不同的領域。

例如：可作為 Java 應用程式與 Android App 的開發環境。大多數人都知道 Eclipse

是 Java 的 Integrated Development Environment（IDE）。至今，它已佔據超過全世界

Java 開發環境市場的 50％。 Eclipse 計畫是由 Eclipse 基金會所管理。Eclipse 基金

會是一個非營利性的組織，大多由以科技公司為背景的成員所組成。

Eclipse 可由額外的附加功能擴充，目前已有幾個 open source 的計劃案與公

司，將額外的附加元件擴充至 Eclipse 中，例如：Android 開發。Eclipse 也可被用

在一般性用途的應用程式開發上。[1]

2-2 程式語言:Java

Java 是一種被廣泛運用的程式設計系統。他具有物件導向、跨平台

性、自動垃圾回收，等三大特點。

8

物件導向

Java 的特點之一就是物件導向，是程式設計方法的一種。「物件導向程式語

言」的核心之一就是開發者在設計軟體的時候可以使用自訂的型別和關聯操作。

程式碼和資料的實際集合體叫做「物件」。一個物件可以想像成繫結了很多「行

為（程式碼）」和「狀態（資料）」的物體。對於資料結構的改變需要和程式碼

進行通訊然後操作，反之亦然。物件導向設計讓大型軟體工程的計劃和設計變得

更容易管理，能增強工程的健康度，減少失敗工程的數量。

跨平台性

Java 語言的第二個特性就是跨平臺性，也就是說使用 Java 語言編寫的程式可

以在編譯後不用經過任何更改，就能在任何硬體裝置條件下執行。這個特性經常

被稱為「一次編譯，到處執行」。

自動垃圾回收

C++語言被用戶詬病的原因之一是大多數 C++編譯器不支援垃圾收集機制。通

常使用 C++編程的時候，程式設計師於程式中初始化對象時，會在主機記憶體堆

疊上分配一塊記憶體與位址，當不需要此對象時，進行解構或者刪除的時候再釋

放分配的記憶體位址。如果對象是在堆疊上分配的，而程式員又忘記進行刪除，

那麼就會造成記憶體洩漏（Memory Leak）。[3]

9

2-3 Java Server Pages (JSP)與 Java Servlet:

JSP（JavaServer Pages）是由 Sun Microsystems 公司倡導和許多公司參與共同建

立的一種使軟體開發者可以響應客戶端請求，而動態生成 HTML、XML或其他格

式文檔的 Web 網頁的技術標準。JSP 技術是以 Java 語言作為腳本語言的，JSP 網

頁為整個伺服器端的 Java 庫單元提供了一個介面來服務於 HTTP 的應用程序。

JSP 使 Java 代碼和特定的預定義動作可以嵌入到靜態頁面中。JSP 句法增加了

被稱為 JSP 動作的 XML標籤，它們用來調用內建功能。另外，可以創建 JSP 標籤

庫，然後像使用標準 HTML 或 XML 標籤一樣使用它們。標籤庫提供了一種和平

台無關的擴展伺服器性能的方法

Java Ser vlet（Server Applet）全稱 Java Servlet，是用 Java 編寫的伺服器端程

序。其主要功能在於互動式地瀏覽和修改數據，生成動態 Web內容。Servlet 是指

Java 語言實現的一個介面，廣義的 Servlet 是指任何實現了這個 Servlet 介面的類

別，一般情況下，人們將 Servlet 理解為後者。

Servlet 運行於支持 Java 的應用伺服器中。從實現上講，Servlet 可以響應任何類型

的請求，但絕大多數情況下 Servlet 只用來擴展基於 HTTP 協議的 Web 伺服器。從

架構上，JSP 可以被看作是從 Servlets 高級提煉而作為 JAVA Servlet 2.1 API 的擴展

而應用。[5]

http://zh.wikipedia.org/wiki/Sun_Microsystemshttp://zh.wikipedia.org/wiki/HTMLhttp://zh.wikipedia.org/wiki/XMLhttp://zh.wikipedia.org/wiki/Webhttp://zh.wikipedia.org/wiki/Javahttp://zh.wikipedia.org/wiki/%E8%84%9A%E6%9C%AC%E8%AF%AD%E8%A8%80http://zh.wikipedia.org/wiki/HTTPhttp://zh.wikipedia.org/wiki/Javahttp://zh.wikipedia.org/wiki/%E6%9C%8D%E5%8A%A1%E5%99%A8http://zh.wikipedia.org/wiki/%E7%A8%8B%E5%BA%8Fhttp://zh.wikipedia.org/wiki/%E7%A8%8B%E5%BA%8Fhttp://zh.wikipedia.org/wiki/Webhttp://zh.wikipedia.org/wiki/%E6%8E%A5%E5%8F%A3http://zh.wikipedia.org/wiki/%E7%B1%BB_(%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%A7%91%E5%AD%A6)http://zh.wikipedia.org/wiki/%E7%B1%BB_(%E8%AE%A1%E7%AE%97%E6%9C%BA%E7%A7%91%E5%AD%A6)http://zh.wikipedia.org/w/index.php?title=%E5%BA%94%E7%94%A8%E6%9C%8D%E5%8A%A1%E5%99%A8&action=edit&redlink=1http://zh.wikipedia.org/wiki/HTTPhttp://zh.wikipedia.org/wiki/HTTPhttp://zh.wikipedia.org/wiki/Web%E6%9C%8D%E5%8A%A1%E5%99%A8http://zh.wikipedia.org/wiki/Servlet

10

2-4 手機作業系統平台:Android

Android 以 Linux 為核心的 Android 行動平台，使用 Java 作為程式語言，使介

面到功能，都有層出不窮的變化，其中 Activity等同於 J2ME的MIDlet，一個 Activity

類別負責建立視窗，一個活動中的 Activity就是在 foreground（前景）模式，背景

執行的程式叫做 Service。兩者之間透過由 ServiceConnection 和 AIDL 連結，達到

複數程式同時執行的效果。如果執行中的 Activity 全部畫面被其他 Activity 取代

時，該 Activity 便被停止，甚至被系統清除。[10]

圖 1. Android 4.0

http://zh.wikipedia.org/wiki/Javahttp://zh.wikipedia.org/wiki/%E4%BB%8B%E9%9D%A2http://zh.wikipedia.org/wiki/%E4%BB%8B%E9%9D%A2

11

2-4.1 Android 的系統架構

Android是使用 Java 做為應用程式開發語言，其系統架構分為應用程式層、應

用程式開發框架、函式庫元件、執行時期原件、系統核心與驅動元件等 5 個部分，

如圖 2 所示。

圖 2 . Android 系統架構

以下分別就系統架構中的各個部分進行介紹：

（1）應用程式層（Applications）：包含了有電子郵件、簡訊、日曆、地圖、瀏

覽器、電話…等等應用程式，所有的應用程式皆以 Java 程

式語言撰寫。

12

（2）應用程式開發框架（Application Framework）：為了減少程式設計者撰寫程

式碼的時間、加速應用程式的開發速度，Android 在應用程式與系統核心間設置

了一個統一的應用程式標準介面，使應用程式跟系統核心更容易溝通，這個界面

就是應用程式開發框架，程式設計師可以透過 Java 程式呼叫應用程式開發框架

所提供的應用程式界面（Application Programming Interface，API），來實作更底層

的函式庫（Libraries）功能，方便程式設計師在撰寫應用程式時使用。

（3）函式庫元件（Libraries）：提供各種功能的函式庫元件，供程式設計師在撰

寫應用程式時使用。

（4）執行時期元件（Android Runtime）：雖然 Android 用 Java 程式語言來開

發、撰寫應用程式，但 Android 不是使用 Java Runtime，而是用自己的 Android

Runtime 來執行 Android 應用程式。

（5）系統核心與驅動元件（Linux Kernel）：Android 作業系統是以 Linux 作為

核心，其功能包括記憶體管理（Memory Management）、行程管理（Process

Management）、網路堆疊（Network Stack）、驅動程

式模型（Driver Model）…等等。[8]

13

2-5 資料庫:MySQL

MySQL 是一個開放源碼的關聯式資料庫管理系統。MySQL 在過去由於性能

高、成本低、可靠性好，已經成為最流行的開源資料庫，因此被廣泛地應用在 Internet

上的中小型網站中。隨著 MySQL的不斷成熟，它也逐漸用於更多大規模網站和應

用，比如維基百科、Google 和 Facebook等網站。非常流行的開源軟體組合 LAMP

中的「M」指的就是 MySQL。

MySQL 連接方式:

應用程式可透過 ODBC 或 ADO 方式，經由使用 MyODBC 與 MySQL 資料庫

連接。

MS .Net Framework 下的程式（例如：C#、VB.NET）可透過 ADO.NET的方

式，經由使用 MySQL.Net 與 MySQL資料庫連接。

C／C++ 可使用 / mysql 或是直接使用 MySQL 內建之 API 與 MySQL 資料庫

連接。

PHP 可透過 PHP 的 mysqli 模組與 MySQL 資料庫連接，具備比 mysql 模組更

好的效能。另外 PHP6 可使用 mysqlnd與 MySQL 資料庫連接。[1]

JAVA 程序可通過 JDBC 方式與 mysql 進行連接，mysql 官方提供了 JDBC 驅

動程序。

可通過 mysql 客戶端軟體與 mysql 進行連接，如 mysqlfront， mysqlyog，

mysqlbrowser 等。[6]

http://zh.wikipedia.org/wiki/%E9%96%8B%E6%94%BE%E6%BA%90%E7%A2%BChttp://zh.wikipedia.org/wiki/%E9%97%9C%E8%81%AF%E5%BC%8F%E8%B3%87%E6%96%99%E5%BA%AB%E7%AE%A1%E7%90%86%E7%B3%BB%E7%B5%B1http://zh.wikipedia.org/wiki/Internethttp://zh.wikipedia.org/wiki/Internethttp://zh.wikipedia.org/wiki/%E7%B6%B2%E7%AB%99http://zh.wikipedia.org/wiki/%E7%BB%B4%E5%9F%BA%E7%99%BE%E7%A7%91http://zh.wikipedia.org/wiki/Googlehttp://zh.wikipedia.org/wiki/Facebookhttp://zh.wikipedia.org/wiki/LAMPhttp://zh.wikipedia.org/wiki/LAMPhttp://zh.wikipedia.org/wiki/ODBChttp://zh.wikipedia.org/wiki/ADOhttp://www.mysql.com/products/connector/odbc/http://zh.wikipedia.org/wiki/ADO.NEThttp://www.mysql.com/products/connector/net/http://zh.wikipedia.org/wiki/C%E8%AF%AD%E8%A8%80http://zh.wikipedia.org/wiki/C%2B%2Bhttp://tangentsoft.net/mysqlhttp://dev.mysql.com/doc/refman/5.0/en/c.htmlhttp://zh.wikipedia.org/wiki/PHPhttp://www.php.net/mysqlihttp://www.php.net/mysqlhttp://dev.mysql.com/downloads/connector/php-mysqlnd/

14

2-6 網頁伺服器:Apache Tomcat

Tomcat 提供了一個 Jasper 編譯器用以將 JSP 編譯成對應的 Servlet。Tomcat 的

Servlet 引擎通常與 Apache 或者其他 Web 伺服器一起工作。除了用於開發過程中

的調試以及那些對速度和事務處理只有很小要求的用戶，很少會將 Tomcat 單獨作

為 Web伺服器。但隨著版本的更新，正有越來越多的用戶將其單獨作為 Web伺服

器用以那些對速度和可靠性有較高要求的環境中。[7]

2-7 何謂 APP

App是Application的縮寫，意思是「應用程式」，無論手機或電腦上的軟體，

其實都是「App」。只是因為目前智慧型手機正流行，因此一般智慧型手機上的應

用程式就被簡稱為「App」。[10]

http://zh.wikipedia.org/wiki/Jasperhttp://zh.wikipedia.org/wiki/Jasperhttp://zh.wikipedia.org/wiki/JSPhttp://zh.wikipedia.org/wiki/Apache

15

第參章研究方法

本研究採用 Androi d 暨 JSP 開發工具寫出一個網站架構，因為 JSP

的平台和伺服器是互相獨立，所以可以支援來自不同的伺服器元件，

也可以執行在任何具有符合 Java 語法結構的環境。

資料庫則是運用 MySQL 來儲存管理者資訊以及租屋資料。

利用 eclipse 工具開發，先使用 Java 語言讀取 JSP 網站資料，再用

Android 程式輸出到智慧型手機顯示

3-1 研究流程

圖 3. 研究流程

16

3-2 系統功能圖

圖 4. 系統功能圖

管

理

分

析

首頁

登入地圖

管理

者

房

客

訂房

資

訊

搜尋

業

主

管

理

收帳情形

建立房客

建立物業

查詢業主

建立業主

查詢房客合約

查詢業主合約

建立業主合約

查詢房客

查詢房間

建立房間

查詢物業

建立房客合約

查詢預約

建立預約

住房率

建立房客

建立物業

查詢房客合約

查詢房客

查詢房間

建立房間

查詢物業

建立房客合約

查詢業主合約

建立業主合約

http://twhu.dyndns.biz/SkyProperty/Function!createTenanthttp://twhu.dyndns.biz/SkyProperty/Function!createTenanthttp://twhu.dyndns.biz/SkyProperty/Function!createPropertyhttp://twhu.dyndns.biz/SkyProperty/Function!createPropertyhttp://twhu.dyndns.biz/SkyProperty/Function!listOwnerhttp://twhu.dyndns.biz/SkyProperty/Function!listOwnerhttp://twhu.dyndns.biz/SkyProperty/Function!createOwnerhttp://twhu.dyndns.biz/SkyProperty/Function!createOwnerhttp://twhu.dyndns.biz/SkyProperty/Function!listTenantContracthttp://twhu.dyndns.biz/SkyProperty/Function!listTenantContracthttp://twhu.dyndns.biz/SkyProperty/Function!listOwnerContracthttp://twhu.dyndns.biz/SkyProperty/Function!listOwnerContracthttp://twhu.dyndns.biz/SkyProperty/Function!createOwnerContracthttp://twhu.dyndns.biz/SkyProperty/Function!createOwnerContracthttp://twhu.dyndns.biz/SkyProperty/Function!listTenanthttp://twhu.dyndns.biz/SkyProperty/Function!listTenanthttp://twhu.dyndns.biz/SkyProperty/Function!listRoomhttp://twhu.dyndns.biz/SkyProperty/Function!listRoomhttp://twhu.dyndns.biz/SkyProperty/Function!createRoomhttp://twhu.dyndns.biz/SkyProperty/Function!createRoomhttp://twhu.dyndns.biz/SkyProperty/Function!listPropertyhttp://twhu.dyndns.biz/SkyProperty/Function!listPropertyhttp://twhu.dyndns.biz/SkyProperty/Function!createTenantContracthttp://twhu.dyndns.biz/SkyProperty/Function!createTenantContracthttp://twhu.dyndns.biz/SkyProperty/Function!listReservationhttp://twhu.dyndns.biz/SkyProperty/Function!listReservationhttp://twhu.dyndns.biz/SkyProperty/Function!createReservationhttp://twhu.dyndns.biz/SkyProperty/Function!createReservationhttp://twhu.dyndns.biz/SkyProperty/Function!createTenanthttp://twhu.dyndns.biz/SkyProperty/Function!createTenanthttp://twhu.dyndns.biz/SkyProperty/Function!createPropertyhttp://twhu.dyndns.biz/SkyProperty/Function!createPropertyhttp://twhu.dyndns.biz/SkyProperty/Function!listTenantContracthttp://twhu.dyndns.biz/SkyProperty/Function!listTenantContracthttp://twhu.dyndns.biz/SkyProperty/Function!listTenanthttp://twhu.dyndns.biz/SkyProperty/Function!listTenanthttp://twhu.dyndns.biz/SkyProperty/Function!listRoomhttp://twhu.dyndns.biz/SkyProperty/Function!listRoomhttp://twhu.dyndns.biz/SkyProperty/Function!createRoomhttp://twhu.dyndns.biz/SkyProperty/Function!createRoomhttp://twhu.dyndns.biz/SkyProperty/Function!listPropertyhttp://twhu.dyndns.biz/SkyProperty/Function!listPropertyhttp://twhu.dyndns.biz/SkyProperty/Function!createTenantContracthttp://twhu.dyndns.biz/SkyProperty/Function!createTenantContracthttp://twhu.dyndns.biz/SkyProperty/Function!listOwnerContracthttp://twhu.dyndns.biz/SkyProperty/Function!listOwnerContracthttp://twhu.dyndns.biz/SkyProperty/Function!createOwnerContract

17

3-3-1 ER MODEL

圖 5. ER MODEL

18

表 1. access_control 門禁

表 2. account_role 帳戶角色

表 3. account 帳戶

19

表 4. company 廠商

表 5. equipment 設備

表 6. extra_equipmen額外 t 設備

20

表 7. meter_reading_single_detail 抄表單明細

表 8. meter_reading_singlel 抄表單

表 9. meter_reading_type 抄表類型

21

表 10. owner_contract 業主合約

表 11. owner_property業主與物業

表 12. owner 業主

22

表 13. payment_modalities 繳款方式

表 14. perpare_feed_purchase_detail 備料進貨明細

表 15. perpare_feed_purchase 備料進貨單

表 16. perpare_feed 備料

23

表 17. property_type 物業類型

表 18. property_webpage 物業網頁

表 19. property物業

表 20. repair_detail 維修單明細

24

表 21.repair 維修單

表 22. reservation 預約

表 23. role 角色

25

表 24. room_rate 房費

表 25. room_status 房間狀態

表 26. room房間

26

表 27. tenant_contract 房客合約

表 28. tenant 房客

27

3-4 定位

3-4.1 商機

此系統以租用的方式讓業主管理物業與擁有個人的租屋資訊頁

面，另外讓有租屋需求的房客可以查詢所想要的租房資訊。

3-4.2 問題聲明

問題

一般的物業管理系統只存在於業主本身對物業和房客的管理，對於系統的管理要花非常

多的心思或管理人員的費用，且需要自行負

擔硬體費用與硬體管理的費用，使其系統因為整體費用太龐大而不容易被中小型業主所

使用。

受波及者業主

其影響管理維護成本大

解決方案以現有的需求重新規劃設計系統，並增加房

客與系統直接互動的機制，讓一些繁索重復

的事情能直接在系統流程中解決，另外將系統放置於雲端平台上，讓所有業主都連到雲

端平台做物業管理，讓業主不必擔心硬體的

部份。

表 29. 問題聲明

3-4.3 產品定位聲明

為誰業主、房客

做什麼事物業管理、租賃房間

此產品是一種工具

該做什麼提供雲端物業管理與租房資訊查詢功能

與何不同現行的物業管理系統

我們的產品根據目前大多的物業管理系統

表 30. 產品定位聲明

3-4 使用者概要

命名描述利害關係者

系統管理者管理業主帳號、系統參數設定業務管理者

房客查詢租屋資訊與訂退房間業主

業主管理物業與房客租賃需求房客

表 31. 使用者概要

28

3-6 使用者環境

本系統的使用者為某個有租屋需求的人、業主以及系統管理者，使

用者需要透過瀏覽器或Androi d智慧裝置即可使用本系統。

3-7 系統內容與分析

本系統擁有個 java 檔與個 xml檔，其相關檔案如下表所示：

檔案名稱.java 說明

ContentActivity 呈現搜尋到的資料

DatabaseBean 自訂義類別

MainActivity 主頁面

Parser 將截取到的資料進行整理

WebPageGeter 讀取 MySQL 資料

檔案名稱 .xml 說明

activity_main 主頁面版面配置檔

content ListView版面

表 32.java檔案說明

表 33.layout內的 xml檔案說明

29

第肆章系統實作

本系統可以查看房價，訂房前，可點選查看房價，確認您的入住日

期與房價。確認無誤，即可選擇立即訂房進入訂房流程，資料確認，

需確認之資料包含：訂房資訊與訂房者資訊。確認無誤後，付費方式，

可選擇之付費方式包含：線上刷卡、傳真刷卡、 ATM等，多元付款方

式，最後完成訂房，選擇您要的付費方示後，即可完成訂房。

圖 5. 首頁

本系統首頁，有搜尋、登入、回首頁三個按鈕。

點選登入會出現登入 (圖 6)畫面。

30

圖 6. 登入

此為登入畫面，點選加入會員出現申請會員畫面 (圖7)，點選回首

頁出現首頁畫面 (圖 5)，管理者帳號登入出現管理者登入畫面 (圖8)，業

主帳號登入出現業主登入畫面 (圖 11)。

圖 7. 申請會員畫面

此為申請會員畫面，必須輸入資料，若沒填入資料則會告知你資

料輸入未完整。

31

圖 8. 管理者登入畫面

此為管理者登入畫面，可以修改與新增資料。點選建立業主出現建

立業主資料 (圖9)。點選查詢業主出現查詢業主資料 (圖 10)。

圖 9. 建立業主資料

業主只能從管理者端建立。

32

圖 10. 查詢業主資料

在查詢業主資料畫面可以查詢到要找尋的業主資料，若業主太多，

可利用欄位以及關鍵字來查詢，也可修改各個業主資料。

圖 11.業主登入畫面

此為業主登入畫面，點選建立物業出

現建立物業資料 (圖 12)，點選查詢物業出

現查詢物業資料 (圖 13)，點選建立房間出

現建立房間資料 (圖 14)，點選查詢房間出

現查詢房間資料 (圖 15)。

33

圖 12. 建立物業資料

可以建立房屋資料，名稱、格局、地址…等等。

圖 13. 查詢物業資料

在查詢物業頁面，可以去修改資料。

34

圖 14. 建立房間資料

選擇建立物業類型，可以建立房屋的基本配備。

圖 15. 查詢房間資料

可以利用關鍵字查詢目前房間資料。

35

圖 16. 手機顯示畫面

這是目前手機畫面。點選得意 A101 出現所找到的資料。

36

第伍章結論

本系統包含搜尋房屋、瀏覽房屋、訂房服務希望使用者利用此系統

更容易找到自己想要的資訊內容，在管理者中可以提供各地屋主想租

賃的房屋資料變更，讓房客能夠隨時了解也能及時線上建立業主合約

，達成雙方共識以及成功租屋。系統藉由手機連結網頁來達成資料擷取

的方法，讓使用者能在行動中更能得到即時的訊息，此系統也能揮別

過去東奔西走的尋找與操作桌上型電腦來搜尋房屋，人手一機的時代

當中提供了非常便利且效率的應用軟體。

37

參考文獻

網路文獻出處：

(1)Ec lips e http: // www.cc.nt u.e du.t w/chi nese/epaper/0020/20120320_2003.html

(2)維基百科 :http:// zh.wi ki pedi a.org/ wiki/Wi ki pedi a

(3)程式語言 Java （摘選自 ”Java“ ）

維基百科 wikipedia (無日期)〃Java〃2013 年 5 月 8 日取自

http: //zh.wi kipe di a.or g/ wi ki/J ava [Wi ki pedi a( n.d.)〃Java〃Retrie ved May 8,2013 from

http: //zh.wi kipe di a.or g/ wi ki/J ava ]

(4)網頁應用程式技術

維基百科 wikipedia (無日期)〃網路應用程式〃2013 年 5 月 8 日取自〃http: //zh.wi kipe di a.or g/ wi ki/%E7%BD%91%E7%BB%9C%E5%BA%94%E7%94%A8%E7%A8 %8B%E5%BA%8F

[Wi ki pedi a( n.d.)〃Webapp〃Retrieve d May 8,2013 from http: //zh.wi kipe di a.or g/ wi ki/%E7%BD%91%E7%BB%9C%E5%BA%94%E7%94%A8%E7%A8 %8B%E5%BA%8F ]

(5)Java S erver P ages (JSP ) 和 Java S ervlet（摘選自 ”Jsp“ ）

維基百科 wikipedia (無日期)〃JavaSer ver Pages〃2013 年 5 月 8 日取自〃

http: //zh.wi kipe di a.o r g/ wi ki/JSP [Wi ki pedi a( n.d.)〃JavaSer ver P ages〃Retrieved May 8,2013 from

http: //zh.wi kipe di a.or g/ wi ki/JSP ]

(6)資料庫 MySQL （摘選自 ” MySQL “ ）

維基百科 wikipedia (無日期)〃MySQL〃2013 年 5 月 8 日取自〃

http: //zh.wi kipe di a.or g/ wi ki/MySQL] [Wi ki pedi a( n.d.)〃MySQL〃Retrieved May 8 ,2013 from

http: //zh.wi kipe di a.or g/ wi ki/MySQL]

38

(7)網頁伺服器 Ap ac he To mc at （摘選自 ” 環境 “ ）

維基百科 wikipedia (無日期)〃Apac he Tomcat〃2013 年 5 月 8 日取自〃

http: //zh .wi kipe di a.or g/ wi ki/ Apache_ To mcat ] [Wi ki pedi a( n.d.)〃Apache Tomc at〃Retrieve d May 8,2013 from

http: //zh.wi kipe di a.or g/ wi ki/ Apache_ To mcat ]

(8)孫傳雄的科技部落格(2010)〃Androi d 的系統架構〃2013 年 5 月 8 日取自

http: // www.gurur u.t w/ androi d%E7%9 A%84%E7%B3%BB%E7%B5%B1%E6%9E%B6%E6%A7%8B.ht ml。

[gur uru(2010)〃Android s ystem arc hitecture〃Retrieve d May 8,2013 from http: // www.gurur u.t w/ androi d%E7%9 A%84%E7%B3%BB%E7%B5%B1%E6%9E%B6%E6%A7%8B.ht ml]

(9)維基百科 wikipedia (無日期)〃雲端運算〃2013 年 5 月 8 日取自〃http: //zh.wi kipe di a.or g/ wi ki/%E9%9B%B2%E7%AB%AF%E4%BC%BA

%E6%9C%8D%E5%99%A8 ] [Wi ki pedi a( n.d.)〃Cloud Computi ng〃Retrieve d May 8 ,2013 from

http: //zh.wi kipe di a.or g/ wi ki/%E9%9B%B2%E7%AB%AF%E4%BC%BA%E6%9C%8D%E5%99%A8 ] 陳會安，台北，旗標出版股份有限公司，民國一百零一年。

http://www.gururu.tw/android%E7%9A%84%E7%B3%BB%E7%B5%B1%E6%9E%B

6%E6%A7%8B.html，%20Visited%20on%202011/08/25.

書籍文獻：（摘選自 ” And ro id 系統架構“ ）

(10)陳會安(2012)〃新觀念 Android SDK 程式設計範例教本〃台北：旗標出版股份

有限公司。[Chen,H.Y.(2012) 〃Android SDK〃Taipei City，Taiwan，ROC : FLAG ]

國立台灣大學計算機及網路資訊中心 (2012,3 月)〃Eclipse 簡介與教學〃2013 年5 月 8 日取自

http: // www.cc.nt u.e du.t w/chi nese/epaper/0020/20120320_2003.html [Natio nal Tai wan Uni versity- Computer and Information Net wor king Center(2012.Marc h)〃Eclipse Intro ductio n and Te ac hing〃Retrieve d May

8,2013 from http: // www.cc.nt u.e du.t w/chi nese/epaper/0020/20120320_2003.html ]

http://zh.wikipedia.org/wiki/Apache%E8%BD%AF%E4%BB%B6%E5%9F%BA%E9%87%91%E4%BC%9Ahttp://zh.wikipedia.org/wiki/Apache%E8%BD%AF%E4%BB%B6%E5%9F%BA%E9%87%91%E4%BC%9Ahttp://www.gururu.tw/android%E7%9A%84%E7%B3%BB%E7%B5%B1%E6%9E%B6%E6%A7%8B.htmlhttp://www.gururu.tw/android%E7%9A%84%E7%B3%BB%E7%B5%B1%E6%9E%B6%E6%A7%8B.htmlhttp://zh.wikipedia.org/wiki/%E9%9B%B2%E7%AB%AF%E4%BC%BA%E6%9C%8D%E5%99%A8http://zh.wikipedia.org/wiki/%E9%9B%B2%E7%AB%AF%E4%BC%BA%E6%9C%8D%E5%99%A8http://www.gururu.tw/android%E7%9A%84%E7%B3%BB%E7%B5%B1%E6%9E%B6%E6%A7%8B.html，%20Visited%20on%202011/08/25http://www.gururu.tw/android%E7%9A%84%E7%B3%BB%E7%B5%B1%E6%9E%B6%E6%A7%8B.html，%20Visited%20on%202011/08/25http://www.cc.ntu.edu.tw/chinese/epaper/0020/20120320_2003.html

39

附錄-主頁面程式 MainActivity.java package com.example.test;

import java.io.IOException;

import java.net.URISyntaxException;

import java.util.ArrayList;

import java.util.List;

import org.apache.http.client.ClientProtocolException;

import android.app.Activity;

import android.content.Intent;

import android.os.Bundle;

import android.os.Handler;

import android.view.View;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.ArrayAdapter;

import android.widget.ListView;

public class MainActivity extends Activity {

private Handler handler;

private DatabaseBean title;

private DatabaseBean dbs[];

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

handler = new Handler();

new Thread() {

@Override

public void run() {

// TODO Auto-generated method stub

try {

DatabaseBean tmp[] =

Parser.resolve(WebPageGeter.get("http://twhu.dyndns.biz/SkyProperty/SatisfactoryRoom!search.action?

device=mobile", null));

title = tmp[0];

dbs = new DatabaseBean[tmp.length - 1];

System.arraycopy(tmp, 1, dbs, 0, tmp.length - 1);

handler.post(new Runnable() {

@Override

public void run() {


ListView lv = (ListView) findViewById(R.id.listView);

List title = new ArrayList();

for (int i=0; i

40

lv.setOnItemClickListener(new OnItemClickListener(){

@Override

public void onItemClick(AdapterView parent, View

view, int position, long id) {


Intent intent = new Intent(MainActivity.this,

ContentActivity.class);

Bundle bundle = new Bundle();

ArrayList propertys = new

ArrayList();

for (int i=0, size=dbs[position].size(); i

Documents

實務專題計畫書 結合雲端與智慧型手機 APP 技術³‡管系/101學年度四技畢業專題... · 本專題報告得以順利完成，首先要感謝恩師黃光孙老師細

實務專題計畫書結合雲端與智慧型手機 APP 技術³‡管系/101學年度四技畢業專題... · 本專題報告得以順利完成，首先要感謝恩師黃光孙老師細