國立中山大學學位論文典藏.PDF

Size: px
Start display at page:

Download "國立中山大學學位論文典藏.PDF"

Transcription

1 國立中山大學企業管理學系研究所碩士論文 Department of Business Management National Sun Yat-sen University Master Thesis MDA: 微軟.NET Framework 開發平台使用者介面轉換方法論之研究 MDA: A Methodology of User Interface Transformation for Microsoft.NET Framework Platform 研究生 : 盧慧雪 Hui-Hsueh Lu 指導教授 : 吳仁和 梁慧玫博士 Dr. Jen-Her Wu, Dr. Huei-Mei Liang 中華民國 100 年 6 月 June 2011

2 i

3 中文摘要 圖形化使用者介面已成為當今網頁式系統的主流, 而物件導向技術及統一塑模語言圖形逐漸成為網頁式系統其平台獨立模式 (PIM) 塑模的主要工具 基於模式驅動架構 (MDA) 方法, 一旦建構出平台獨立模式, 能將其結果轉換成特定平台模式 (PSM) 和程式碼樣版 然而, 目前尚無從平台獨立模式轉換至微軟.NET 平台其細部規則之相關研究 因此, 本研究提出一套方法論, 針對網頁式系統, 提供從平台獨立模式轉換至微軟.NET 平台的準則 研究方法使用的是設計科學研究法 可用性評估是利用實際的網頁式系統來證明此方法論的可應用性 評估結果顯示使用本研究所提出之方法, 系統開發人員可有效率地將網頁式系統其平台獨立模式, 轉換為微軟.NET 平台及其程式碼樣版 關鍵字 : 模式驅動架構 MDA 轉換 網頁式系統 微軟.Net 平台 ii

4 Abstract Graphic user interface has become the mainstream of today s web-based systems. The object oriented technique and the diagrams from the Unified Modeling Language (UML) are becoming the major tools for modeling the platform independent model (PIM) of a web-based system. Once the PIM is constructed, the results can then be transformed into its platform specific model and template code based on the model driven architecture (MDA) approach. However, the detailed guideline for the transformation from PIM to the Microsoft.Net platform is lacking. Therefore, this study presents a methodology which provides guidelines for the transformation from PIM to Microsoft.Net platform for a web-based system. The research methodology is articulated using the design science research methodology. A usability evaluation with a real-world web-based system case is performed to demonstrate its applicability. The results indicated that with this proposed method, the system developer can effectively transform the PIM of a web-based system into its Microsoft.Net platform and template code. Keywords: Model Driven Architecture, MDA Transformation, Web-based System, Microsoft.Net Platform iii

5 目錄 論文審定書... i 中文摘要 ii 英文摘要...iii 第一章 緒論... 1 第一節 研究背景與動機... 1 第二節 研究目的 範圍... 2 第三節 論文架構... 2 第二章 文獻探討... 4 第一節 Microsoft.NET Framework... 4 第二節 統一塑模語言 (UML)... 5 第三節 模式驅動架構 (MDA)... 7 第四節 網路應用程式 第五節 使用者介面 第六節 UML 使用者介面塑模 第七節 使用者介面轉換 第三章 研究方法 第一節 設計科學研究法 第二節 研究流程 第四章 使用者介面 PSM 轉換方法論 第一節 PIM 轉 Web PSM 轉換步驟 第二節 使用者介面程式樣版對映 第三節 PIM 產出與 Web PSM 對應整理 第五章 展示 第一節 公司簡介 iv

6 第二節 測試項目實施與過程 第三節 個案 典藏管理系統 建立擬藏品資料使用個案 第四節 觀察與評估 第六章 結論 第一節 研究成果 第二節 研究貢獻 第三節 研究限制 第四節 未來研究方向 參考文獻 v

7 圖次 圖 2-1 UML 圖形類別... 5 圖 2-2 MDA 軟體發展生命週期... 8 圖 2-3 MDA 轉換程序... 9 圖 2-4 伺服端網頁處理流程示意圖 圖 2-5 客戶端網頁處理流程示意圖 圖 2-6 表單示意圖 圖 2-7 建立關聯示意圖 圖 2-8.NET 物件關聯 圖 2-9 PAC 架構圖範例 圖 2-10 Net-PAC 架構圖範例 圖 2-11 使用者介面塑模與工具 圖 3-1 研究流程 圖 4-1 PAC 控制轉 SP 圖 4-2 PAC 表達轉 CP 圖 4-3 Web PSM 類別圖範例 圖 5-1 T 博物館文物典藏管理系統使用個案圖 圖 5-2 建立帳號活動圖 圖 5-3 建立擬藏品資料活動圖 圖 5-4 編輯編目資料活動圖 圖 5-5 建立擬藏品資料使用個案 UI 循序圖 圖 5-6 T 博物館文物典藏管理介面架構圖 圖 5-7 館員登入介面藍圖 圖 5-8 功能選項介面藍圖 圖 5-9 帳號列表介面藍圖 圖 5-10 帳號資料建立介面藍圖 圖 5-11 擬藏品列表介面藍圖 vi

8 圖 5-12 擬藏品建立介面藍圖 圖 5-13 擬藏品清單建立介面藍圖 圖 5-14 編目列表介面藍圖 圖 5-15 編目編輯介面藍圖 圖 5-16 建立擬藏品資料使用個案 UI 狀態圖 圖 5-17 轉換範圍之介面架構圖 圖 5-18 館員登入 Web PSM 類別圖 圖 5-19 功能選項 Web PSM 類別圖 圖 5-20 擬藏品列表 Web PSM 類別圖 圖 5-21 擬藏品建立 Web PSM 類別圖 圖 5-22 擬藏品清單建立 Web PSM 類別圖 圖 5-23 建立擬藏品資料使用個案 Web PSM 類別圖 vii

9 表次 表 2-1 微軟.NET Framework 發展歷史... 4 表 2-2 框架類別範例 表 2-3 指定超連結目標屬性範例 表 2-4 未指定超連結目標屬性範例 表 2-5 使用者介面轉換方法論比較表 表 4-1 類別轉換對應 表 4-2 介面元件屬性與 ASP.Net 網頁控制項對應表 表 4-3 GridView 物件資料行欄位型別表 表 4-4 伺服端網頁程式碼樣版 表 4-5 PIM 產出與 Web PSM 轉換關係表 表 5-1 帳號基本資料藍圖 表 5-2 帳號基本資料詞彙 表 5-3 擬藏品基本資料藍圖 表 5-4 擬藏品基本資料詞彙 表 5-5 擬藏品清單藍圖 表 5-6 擬藏品清單資料詞彙 表 5-7 編目資料藍圖 表 5-8 編目資料詞彙 表 5-9 建立帳號使用個案 表 5-10 建立擬藏品資料使用個案 表 5-11 編輯編目資料使用個案 表 5-12 建立擬藏品資料使用個案介面與控制物件 表 5-13 建立擬藏品資料 UI 循序圖之訊息與操作 表 5-14 館員登入介面詞彙 表 5-15 功能選項介面詞彙 表 5-16 帳號列表介面詞彙 viii

10 表 5-17 帳號資料建立介面詞彙 表 5-18 擬藏品列表介面詞彙 表 5-19 擬藏品建立介面詞彙 表 5-20 擬藏品清單建立介面詞彙 表 5-21 編目列表介面詞彙 表 5-22 編目編輯介面詞彙 表 5-23 建立擬藏品資料使用個案介面與伺服端網頁對應 表 5-24 介面屬性與 ASP.Net 網頁控制項對應表 表 5-25 建立擬藏品資料使用個案類別屬性網頁元件對照表 表 5-26 館員登入 UI 程式碼樣版 表 5-27 功能選項 UI 程式碼樣版 表 5-28 擬藏品列表 UI 程式碼樣版 表 5-29 擬藏品建立 UI 程式碼樣版 表 5-30 擬藏品清單建立 UI 程式碼樣版 表 5-31 測試工作回饋表 ix

11 第一章 緒論 第一節 研究背景與動機 資訊系統技術發展快速, 網際網路運用也愈來愈普及, 不論是私人企業或是公家單位對於網路應用資訊系統開發需求亦大量的成長 隨著硬體技術的進步, 及軟體開發技術不斷的更新, 使得應用系統需求架構日趨複雜, 亦提高了軟體開發及維護的難度與成本 為了降低軟體開發及維護難度與成本, 系統開發技術及方法亦需不斷精進與更新 在系統開發流程其系統需求分析與設計階段, 系統分析師著重在將使用者需求轉化為系統功能完整描述 資料庫設計及程式邏輯設計, 而在使用者介面分析與設計較少著墨 目前圖形化介面已成為使用者介面設計主流, 使用者介面互動設計在系統開發過程中其重要地位亦已提昇, 如何在分析設計階段, 將使用者介面需求進行描述及定義日趨重要 統一塑模語言 (UML) 及物件導向技術提供許多功能與方法來提升系統開發效率, 但系統開發仍存在某些問題, 包括如何提昇生產率及可攜性 與其他系統互通, 及需求持續更改相關文件維護等問題 ( 吳仁和, 2010) 由 OMG 定義的軟體開發架構 模式驅動結構 (Model Driven Architecture, MDA), 以物件導向系統分析與設計方法論, 配合統一塑模語言 (Unified Modeling Language, UML) 來進行軟體系統的分析及開發 網路應用程式開發語言種類多, 根據 Darryl(2010) 以工作機會統計出較常使用之程式語言如 :PHP Java C# Visual Basic 等 Java 及微軟.NET framework 是目前使用較普遍之開發平台, 而目前針對網路應用程式使用者介面塑模在 PIM 轉 PSM 及 PSM 轉 Code 部份, 大多以 JSP 語言進行轉換, 卻無微軟.NET framework 此平台之方法論 1

12 第二節 研究目的 範圍 本研究將以 Microsoft.NET Framework 開發平台來提出使用者介面轉換之方法, 以提昇使用者介面轉換的效率, 透過方法論的提出, 在 MDA 架構基礎下利用 UML 進行需求塑模, 以改善產生系統使用者介面的效率 先探討從使用者介面分析塑模到產生使用者介面的步驟及過程, 接著整理出程式樣版產生的步驟, 以歸納出利用 Microsoft.NET Framework 開發網路應用系統方法論, 亦即從需求塑模階段主要產出文件, 使用者介面類別圖轉換出使用者介面, 輔以搭配使用者介面狀態圖與使用者介面循序圖等塑模工具來產生使用者介面程式樣版 在本研究所探討之範圍著重於 PIM 到使用者介面 PSM, 並轉換出使用者介面及程式樣版, 其實作程式語言採用 Microsoft VB.Net, 系統使用者介面的撰寫採用 ASP.Net PIM 轉關聯式 PSM 及 PIM 轉應用程式 PSM, 不包含在本研究討論範圍內 第三節 論文架構 本研究一共分為六章, 各章內容簡述如下 : 第一章為緒論, 說明本研究背景動機, 在此背景下衍生出什麼問題, 以及研究該問題之動機, 並說明研究目的 研究範圍與限制 第二章為文獻探討, 針對模式驅動架構 統一塑模語言 使用者介面等議題進行說明 第三章為研究方法, 詳細描述本研究之方法論, 包含完整的研究流程, 以及每一個研究流程所執行的詳細內容 第四章為使用者介面轉換方法論, 經由分析相關論文研究, 整理出從系統需求分析至使用者介面塑模, 最後轉換出使用者介面及程式碼的步驟及過程 第五章是可行性測試, 透過個案公司進行個案實性之研討, 驗證本研究所提方法論的可用性 2

13 第六章為結論, 提出本研究的成果和貢獻, 並說明後續研究方向, 以做為未 來改進與研究之參考 3

14 第二章 文獻探討 第一節 Microsoft.NET Framework.NET Framework 是由微軟所開發, 主要用以支援建置及執行應用程式和 XML Web Service 根據微軟 MSDN 網站資訊,.NET Framework 包含兩個主要 元件 :Common Language Runtime( 通用語言執行平台 ) 和.NET Framework 類別 庫 Common Language Runtime 主要用以處理記憶體管理 執行緒管理和遠端處 理等核心服務 ; 而.NET Framework 類別庫可用來開發應用程式, 其範圍從傳統 命令列或圖形化使用者介面應用程式到以 ASP.Net 所提供最創新方式為基礎之 應用程式, 例如 :Web Forms 和 XML Web Services 其版本之發展之歷史如表 2-1 所示 : 表 2-1 微軟.NET Framework 發展歷史版本發行年度 Visual Studio Visual Studio.Net Visual Studio Visual Studio Visual Studio 2010 Visual Studio 是微軟提供程式開發人員用以建置 ASP.Net Web 應用程式 桌面應用程式及行動應用程式之開發工具, 可使用之程式語言包含 :Visual Basic Visual C# Visual C++ Visual F# 等, 所有程式語言均使用相同的整合式開發環境 (IDE), 故可共用工具, 亦可簡化混合語言方案的建立程序 而 ASP.Net 主要用以進行 Web 應用程式之設計, 其使用者介面程式設計分為兩部份 : 視覺化元件和邏輯 視覺化項目可包含 HTML 或 ASP.Net 網頁控制項 而邏輯部份則包含與頁面互動的程式碼, 程式碼可置於頁面的 script 區塊中, 或不同類別 (Class) 中 若程式碼是在不同類別檔案中, 則此檔案稱為 程式 4

15 碼後置 (Code-Behind) 的檔案, 程式碼後置檔案其程式碼可使用 Visual Basic C# 或任何其他.NET Framework 語言來撰寫 第二節 統一塑模語言 (UML) 統一塑模語言 (Unified Modeling Language, UML) 是一種視覺化的塑模語言 (Rumbaugh et al.,2005), 是 Rational 公司整合 Booch Rumbaugh 與 Jacobson 三種方法, 及其他物件導向方法論, 所提出的物件導向塑模語言 (Booch et al., 2005) UML 此視覺化塑模語言標準可將系統結構及行為規格化 (Specification) 及文件化 (Documentation) UML2.2 訂定了十四種圖形, 其分類如圖 2-1 所示 : 各圖形說明如下所述 : 圖 2-1 UML 圖形類別 1. 輪廓圖 (Profile Diagram) 為了適用於不同目的, 將模式中所定義元素的 stereotypes 標籤定義及限 5

16 制, 將一個現有的 metamodel 擴充為另一個 metamodel 例如: 為了不同開發平台而調整 UML metamodel 2. 類別圖 (Class Diagram) 主要用來表達系統存在之物件型態及各物件型態間靜態資料結構與邏輯關係, 亦可表達類別的屬性 操作與類別間連結之限制 3. 元件圖 (Component Diagram) 說明系統軟體元件間配置與相依關係 4. 複合結構圖 (Composite Structure Diagram) 用以表達類別或元件在執行階段, 各物件如何協同合作完成目標 5. 部署圖 (Deployment Diagram) 主要在描述系統組成元件如何在實體環境中進行部署配置及安排等 6. 物件圖 (Object Diagram) 用以描述系統於某一時間點的靜態資料結構, 可用來表達一個系統複雜的資料結構 7. 套件圖 (Package Diagram) 用以描述系統各類別如何進行分組 8. 活動圖 (Activity Diagram) 用於表達執行某一作業行為之活動 轉換與條件 9. 使用個案圖 (User Case Diagram) 從使用者觀點描述系統行為者與系統間之互動行為與關係 10. 狀態機圖 (State Machine Diagram) UML1.0 稱為狀態圖 用以表達物件生命週期之狀態轉變及活動結果 11. 循序圖 (Sequence Diagram) 描述系統運作時物件間互動行為, 以時間先後順序為主軸, 以表達物件間訊息傳遞與處理程序 12. 溝通圖 (Communication Diagram) UML1.0 稱為合作圖 用來描述系統運作時物件間互動行為, 主要著重在表達物件間連結結構, 並展現物件間訊息傳遞的活動 13. 時序圖 (Timing Diagram) 6

17 用以解決物件訊息傳遞時, 與時間因子相關之處理 14. 互動概觀圖 (Interaction Overview Diagram) 以活動圖為其呈現方式, 並結合互動圖以表達整體控制流程 第三節 模式驅動架構 (MDA) 模式驅動架構 (Model Driven Architecture,MDA) 是由物件管理組織 (Object Management Group,OMG) 定義的一種軟體開發架構, 與其他系統開發模式生命週期雷同,MDA 亦包含需求 分析 低階設計 程式編輯 測試與部署, 該模式發展生命週期如圖 2-2 與其他系統開發模式生命週期不同之處, 是 MDA 在系統發展過程中, 每個階段以模式 (Model) 為產出, 並做為下一階段的輸入 MDA 在需求階段產出主要是文字描述, 此產出是分析階段主要資料來源, 該階段產出是建構出一個平台獨立模式 (Platform Independent Model,PIM), 利用 PIM 於低階設計階段建構出特定平台模式 (Platform Specific Model,PSM) 一個系統可能包含幾種技術, 故一個 PIM 可被轉換為一至多個 PSM( 吳仁和, 2010) 7

18 主要流程 產出 需求 大部份為文字文件 分析 MDA 流程 PIM 低階設計 PSM 程式編輯 Code 測試 Code 部署 圖 2-2 MDA 軟體發展生命週期 MDA 包含三個核心模式 :PIM PSM 與 Code(Miller and Mukerji,2003), 分別描述如下 : 1. 平台獨立模式 (PIM) PIM 是分析與設計階段重要產出, 主要是根據需求塑模結果, 從如何支援企 8

19 業運作觀點描述一個軟體系統, 不涉及系統開發與運作平台之描述 PIM 必須以完整定義的語言來描述, 且適合用電腦自動解譯, 故相當適合利用 UML 來描述平台獨立模式 2. 特定平台模式 (PSM) PSM 是一種特定平台模式, 亦即該模式是相依於軟體開發技術 一個 PSM 主要是以開發工具的架構來描述一個軟體系統, 對於 PSM 而言, 可能供有該特定平台知識的開發者才能理解 一個系統可能包含數種技術, 所以一個 PIM 可被轉成多個 PSM, 而每一個特定技術平台需產生一個相對應技術的 PSM,PSM 間溝通方式可藉由溝通橋樑 (Communication Bridge) 機制相互溝通 3. 程式模式 (Code) 每一個 PSM 需被轉成程式碼, 因為 PSM 相依於其開發技術, 因此 PSM 轉成程式碼的步驟可以直接對應 若有多個 PSM 則會轉出多種程式碼, 不同程式間亦需藉由溝通橋樑來相互溝通 MDA 轉換程序 : 先製作 PIM, 再將 PIM 轉成一或多個 PSM, 接著再將 PSM 轉成 Code 其轉換程序如圖 2-3 所示 PIM Transformation: PIM Relation Transformation: PIM AP Transformation: PIM Web Object-Relational PSM Communication Bridge AP PSM Communication Bridge Web PSM Transformation: code generation Transformation: code generation Transformation: code generation DB Source Code Communication AP Source Code Communication Web Source Code Bridge Bridge 圖 2-3 MDA 轉換程序 圖 2-3MDA 轉換程序中,Code 可分為三部份 :DB source code AP source code 及 Web source code DB source code 是用來處理資料庫中的資料 ;AP source code 是處理企業邏輯與商業運算 ;Web source code 則是網頁程式語言 目前有許多工 9

20 具供應商已推出可支援 MDA 轉換的 CASE 工具, 例如 :Rational Rose Power Designer 與 Together 等, 但這些工具尚未成熟, 所產生的程式碼尚無法做為系統發展最終程式碼, 僅能轉出一些樣版程式碼, 這些樣版程式碼仍需以人工方式進行補強 有關 MDA 轉換之相關研究包含 : 1. 由 Kum 和 Kim 於 2006 年提出, 利用 MDA 為普及服務 (Pervasive Service) 提出一個系統化方法論來產生微軟.NET 元件, 所使用之程式語言為 C# 2. 詹尹云於 2006 年提出, 以 UML 工具利用 MDA 及 PAC 的觀念, 發展出在網路應用環境下的使用者介面, 以及與開發平台相依的程式碼之方法論 3. 黃連豐於 2008 年提出, 利用 MDA 架構提出以 UML 類別圖轉換為 PHP 程式樣版之方法與工具, 進行轉換之範圍為 PIM 轉關聯式 PSM 及 PIM 轉應用程式 PSM 4. 劉文進於 2009 年提出, 以詹尹云 (2006) 所提之方法論為基礎, 修正其關連關係與網路應用程式關連關係不符合, 並處理網頁間控制權轉移之問題 第四節 網路應用程式 一 定義網路應用程式 (Web Application) 是遵循 W3C 技術與標準的軟體系統, 結合了網路並整合後端資料庫, 透過客戶端瀏覽器與使用者互動 (Kappel et al., 2006) 網路應用程式之興起, 使得資訊能不受時空之限制, 讓全球之使用者均能隨時取得 二 環境與架構網路應用程式其架構可分為主從式架構 (client/server), 及多層式架構 (Kappel et al.,2006) 1. 主從式架構客戶端所發出之請求 (request) 直接指向靜態 HTML, 不需經過伺服端進行 10

21 任何邏輯運算之處理 ; 或在網站伺服端經由應用程式邏輯來存取資料庫 此種架構適用於簡單的網路應用程式 2. 多層式架構包含三層式架構包含提供應用程式資料存取之資料層 (data layer) 在應用程式伺服端處理程式企業邏輯的企業邏輯層 (business layer) 及將結果依期望之格式產出之展現層 (presentation layer) 除了上述基本三層式架構外, 若有安全機制之考量 ( 如 : 防火牆 ) 快取機制( 如 : 代理伺服器 ) 均可依實際規劃需求將其整合至請求 回應資料流 (request-response flow) 內 三 網路應用程式介面類別 Conallen 提出在網路應用程式下, 所使用的類別符號以應用在 UML 內 此延伸 UML 將介面類別依其性質之不同區分為五種介面類別 (Conallen,2003), 茲將五種介面類別分述如下 : 1. 伺服端網頁類別 (Server Page Class) 伺服端網頁類別是用以表示動態網頁, 該動態網頁於伺服端接受請求 (Request) 時, 會依伺服端之商業邏輯 資料庫存取資料等, 將伺服端物件呈現在該網頁內 所以, 伺服端網頁主要是由伺服器所執行, 並和伺服端相關資源進行互動, 例如 : 資料庫 商業邏輯等 以一個簡單例子來說明伺服端網頁, 某使用者利用瀏覽器連結至某拍賣網站瀏覽拍賣資訊, 此時網站伺服器會接收到該使用者之請求 (Request), 並至資料庫抓取拍賣資料回傳給使用者, 將結果呈現於使用者所開啟之網頁, 其進行之流程如圖 2-4 所示 : 圖 2-4 伺服端網頁處理流程示意圖 11

22 2. 客戶端網頁類別 (Client Page Class) 客戶端網頁是以 HTML 格式撰寫的網頁, 用以呈現資料 畫面及邏輯 ( 可利用 JavaScript 或 VBScript 進行處理 ); 是由客戶端瀏覽器所進行呈現 客戶端網頁能和其他客戶端網頁或伺服端網頁產生關聯, 其關聯將於 網路應用程式介面類別關聯 進行說明 以拍賣網站簡介為例, 來說明客戶端網頁 以文字說明輔以圖片來進行該拍賣網站之介紹, 可能會有一個按鈕或文字超連結配合內嵌的 JavaScript 或 VBScript 回到首頁 瀏覽器解譯此頁面時, 不會和伺服端物件有任何互動, 完全為使用者與該頁面進行互動 如圖 2-5 所示 : 圖 2-5 客戶端網頁處理流程示意圖 3. 表單類別 (Form Class) 客戶端網頁所有輸入欄位均需置放於表單內, 表單主要用以進行資料之輸入, 並沒有屬於自己的操作, 與客戶端網頁有 聚集 之關聯 表單類別直接對應至 HTML<<form>> 標籤, 而表單內之屬性則是輸入欄位, 包含 input boxes check boxes radio buttons 等 表單示意圖如圖 2-6 所示 : 12

23 圖 2-6 表單示意圖 4. 框架類別 (Frameset Class) 框架為 HTML 網頁元件之一, 以方形頁框 (Frame) 或設定區域來切割使用者介面 每一個頁框分別由一個客戶端網頁所產生 其使用之限制是, 至少要包含一個客戶端網頁或目標類別 該類別範例如表 2-2 所示 : HTML 語法 Frameset.html 內容 : 表 2-2 框架類別範例 頁面呈現 <html> <FRAMESET COLS="20%,80%"> <FRAME SRC="index.htm"> <FRAME SRC="Content.htm" NAME="Content"> </FRAMESET> </html> index.htm Conetnt.htm 5. 目標類別 (Target) 目標類別是指在框架 (Frameset) 內有命名的頁框 (Frame), 其目的是用來 13

24 做為超連結頁面呈現之標的 例如, 框架類別範例 所示, 設定 Content.htm 此頁框的名字為 Content, 表示該頁框為目標類別, 只要有超連結其 target 屬性指向 Content, 則該超連結內容就會呈現在 Content 此頁框內 延續框架類別之範例來說明目標類別如表 2-3 所示 : 表 2-3 指定超連結目標屬性範例 HTML 語法頁面呈現 index.htm 內容 : 點了第一章後, 頁面之呈現 : <html> <body> <a href="ch1.htm" target="content"> 第一章 </a><p> <a href="ch2.htm"> 第二章 </a><p> </body> </html> 在 index.htm 內, 第一章 其超連結指定 target 屬性為 Content, 其屬性值指 的是在 Frameset.html 內, 某一頁框的名稱 點選第一章後, 原 Content.htm 的內容會替換為第一章 (Ch1.htm) 之內容 而 第二章 其超連結並未指定 target 屬性, 點選第二章後, 第二章 (Ch2.htm) 之內容則覆蓋原 index.htm 之內容, 如表 2-4 所示 : 表 2-4 未指定超連結目標屬性範例 HTML 語法頁面呈現 index.htm 內容 : 點了第二章後, 頁面之呈現 : <html> <body> <a href="ch1.htm" target="content"> 第一章 </a><p> <a href="ch2.htm"> 第二章 </a><p> 14

25 </body> </html> 四 網路應用程式介面類別關聯 Conallen 除了提出網路應用程式介面類別外, 亦定義介面類別間其關聯, 包含了建立 (build) 送出(submit) 超連結(link) 重導(redirect) 關聯 (Conallen, 2003), 茲將各關聯分述如下 : 1. 建立關聯 (build) 伺服端網頁執行時, 網站伺服器會將該伺服端網頁建立客戶端網頁, 傳送給瀏覽器解譯呈現 ; 只要介面類別為伺服端網頁一定會有建立關聯存在 因伺服端網頁會自動產生客戶端網頁, 所以在產生伺服端網頁時需將相對應之介面屬性均建立在伺服端網頁內 茲利用使用者瀏覽拍賣網站網頁為例, 來說明介面類別間其建立關聯, 如圖 2-7 所示 : 圖 2-7 建立關聯示意圖 Conallen(2003) 提及微軟.NET Framework 此開發技術平台所建立之網頁區分之物件包含 :.aspx 檔案 code behind class( 指的是將程式碼置於另一檔案內 ), 而 code behind class 為.aspx 檔案的超類別 (superclass) 依 Conallen 所提之概念, 以使用者瀏覽拍賣網站網頁為例, 來說明.NET Framework 物件間之關聯, 如圖 2-8 所示 : 15

26 圖 2-8.NET 物件關聯 資料來源 :Conallen(2003) Login.aspx 塑模為伺服端網頁, 而其 Login.aspx.vb 為 code behind class 是 Login.aspx 的超類別 (superclass) code behind class 包含了多數事件處理程 式碼 (event-handling code) 2. 送出關聯 (submit) 此關聯存在於表單 (Form) 與伺服端網頁間, 將表單內之欄位值送出至伺服端網頁進行處理 可參考.NET 物件關聯 圖所呈現之送出關聯 3. 超連結關聯 (link) 從客戶端網頁出發, 其連結之目標可為客戶端網頁或伺服端網頁 ; 兩個介面類別間存在超連結關聯時, 則此兩個介面類別存在連結關聯 其語法為 : <a href="ch1.htm"> 第一章 </a> 4. 重導關聯 (redirect) 一個網頁處理控制傳送至另一網頁時, 此為重導關聯 此關聯可由客戶端 網頁或伺服端網頁發起, 重導至客戶端網頁或伺服端網頁 16

27 第五節 使用者介面 一般而言, 資訊系統主要包括三個部份, 使用者介面 應用程式與資料庫, 其中使用者介面是資訊系統與使用者間溝通的主要橋樑 圖形化使用者介面 (Graphic User Interface,GUI) 已是目前資訊系統主流, 市面上許多使用者介面開發工具皆提供多種功能與元件, 以滿足使用者對使用者介面不同需求 應用這些工具, 系統開發者僅需寫少量程式碼便可建構系統之使用者介面 雖然開發工具具有如此功能, 但由於 GUI 之複雜性, 如果缺乏有系統的設計方法, 則使用者 系統分析師與程式設計師間溝通之難度將大幅增加 ( 吳仁和,2010) 一 PAC 介面架構 PAC(Presentation-Abstraction-Control) 介面架構圖主要是用來描述使用者介面之結構關係, 以及介面間運作之控制流程 良好的介面架構圖能清楚地表現介面與介面間的連接與控制關係 PAC 模式是常見的介面架構表達工具 ( 見圖 2-9),PAC 架構圖將使用者介面細分成許多子介面, 每個子介面可視為一個物件, 每一個物件主要由三個部份所組成, 表達 摘述及控制 其中, 表達是定義物件的外觀, 並處理訊息的輸入及輸出 ; 摘述是定義物件的功能及概念 ; 控制則是表達與摘述間溝通的橋樑, 同時也是與其他物件相互聯繫的管道 (Hussey and Carrington,1997) Abstraction Control Presentation A1 C1 P1 A2 C2 P2 圖 2-9 PAC 架構圖範例 傳統的 PAC 模式, 只能用來表達樹狀的階層式系統介面架構, 無法表達 17

28 Web-based 系統中網狀的使用者介面架構, 例如超連結 (Hyperlink) 型態 因此, 需將 PAC 模式擴充成網狀式的 PAC( 稱為 Net-PAC) 模式, 使其能呈現階層式與網狀式之使用者介面架構, 以表達 Web-based 系統與傳統之系統介面 此外, Net-PAC 模式中之表達 摘述與控制可分別藉由介面藍圖 介面詞彙 循序圖與狀態圖 ( 含轉換表 ) 來描述 擴充後之 Net-PAC 架構圖如圖 2-10 所示 ( 吳仁和等人,2001), 除了具備原有之功能外, 特別是在 Web-based 系統環境下, 更充分表現系統中各介面間的關聯與互動 ( 吳仁和,2010) 圖 2-10 Net-PAC 架構圖範例 第六節 UML 使用者介面塑模 使用者介面塑模方法論起始於使用者需求塑模, 將塑模結果進行使用者介面之靜態結構塑模及動態結構塑模 使用者介面之靜態結構塑模, 以了解介面所應呈現的架構 藍圖及元件功能與細部資訊 ; 而使用者介面之動態結構塑模則是用以了解介面間之轉換, 及介面內元件運作的邏輯與狀態的轉換等 綜上所述, 使用者介面塑模應包括使用者介面靜態結構塑模及使用者介面動態行為塑模 ( 如圖 2-11 所示 )( 吳仁和,2010), 分別描述如下 18

29 圖 2-11 使用者介面塑模與工具 二 使用者介面需求塑模使用者介面是資訊系統與使用者間溝通的主要橋樑, 有兩項重要工作 : 接受使用者的輸入與展示系統的輸出 因此使用者介面塑模工作應包含兩部份, 一是使用者介面架構與介面元件的設計, 該部份主要處理介面元件之選擇或設計 介面之配置及每個元件之輸入與輸出資訊等 ; 另一部份是介面間與介面內元件間互動的控制流程 在使用者介面架構與介面元件設計部份, 系統分析師可將使用者所需要的系統功能以圖形化的介面元件, 例如 : 選單 表格 按鈕 訊息視窗 影像 聲音或其他方式表現出來, 並決定每個處理中資訊的輸入與輸出的方式與規格 並與使用者討論安排畫面配置, 具體描述使用者的操作情形, 以決定介面架構圖 而在介面間與介面內元件間互動部份, 可依需求塑模之處理描述來規劃元件間互動流程, 並以循序圖 狀態圖來呈現 使用者介面需求塑模是需求塑模的一部份, 其活動包括需求擷取與需求轉 19

30 換 需求擷取主要是對系統範圍內各種事物與相關現象, 加以了解 判斷及選擇, 並設計成描述性綱目 需求轉換將需求擷取所得到描述性綱目以系統塑模語言轉換成概念性綱目, 利用使用個案圖 配合活動圖 藍圖及資料詞彙, 具體表達使用者於企業流程與資料上之需求 使用個案圖及活動圖其建構步驟描述如下 : 1. 使用個案圖從使用者觀點描述系統的行為者與系統間之互動行為與關係 其建構步驟為 : (1) 找出行為者 (2) 找出使用個案 (3) 描述使用個案 (4) 找出使用個案間之關係 (5) 繪製使用個案圖 2. 活動圖用於表達執行某一作業行為之活動 轉換與條件 一個活動圖描述一群循序與同步的活動, 一個活動可表示一個工作流程步驟或一個運算的執行動作 其建構步驟為 : (1) 找出活動 (2) 找出活動間之轉換 (3) 繪製活動圖 (4) 精錬活動圖三 使用者介面靜態結構塑模使用者介面靜態結構塑模主要是表達使用者介面及介面元件間之配置關係 靜態資料結構塑模可由活動圖及其輸出與輸入的表達, 來建構使用者介面架構圖 在流程塑模工作中, 活動圖是用來塑模企業流程重要工具, 每一個活動圖中的輸入與輸出註記可以被設計成一個介面, 且其執行順序可被視為是一個層級架構, 因此, 一個系統其每個使用個案之活動圖的輸入與輸出註記之整合是一個階層架構, 可以被轉換為使用者介面架構 使用者介面架構圖需以 Net-PAC 模式來呈現, 每一個介面需表達其 : 表達 摘述及控制, 並給予一個唯一的介面編號與名稱 根據所畫出的 Net-PAC 介面 20

31 架構圖, 針對圖中每一個介面藍圖與使用者討論, 以進一步明確定義介面中功能與資訊需求的名稱 圖像 展示位置 格線 圖表與說明等, 並完成介面詞彙 四 使用者介面動態行為塑模使用者介面動態行為塑模主要是描述介面間及信面內元件間之互動關係 由需求塑模結果, 配合介面藍圖 介面詞彙與強韌圖, 可進行使用者介面及其元件間之互動行為分析, 分析結果可完全用狀態圖表達之, 或者介面間之互動行為以循序圖表達, 而每一個介面內之介面元件間之操作順序由狀態圖表達 循序圖及狀態圖其建構步驟描述如下 : 1. 循序圖描述系統運作時物件間互動行為, 以時間先後順序為主軸, 以表達物件間訊息傳遞與處理程序 其建構步驟為 : (1) 確認物件 (2) 描述操作 (3) 描述訊息 (4) 繪製循序圖 2. 狀態圖用以表示物件在其生命週期中的狀態變化 以微觀物件為主, 細分物件所發生的各項事件, 並表達物件生命週期之狀態轉變及活動結果 其建構步驟為 : (1) 找出介面狀態 (2) 找出狀態間之轉換 (3) 繪製狀態圖 (4) 精錬狀態圖 第七節 使用者介面轉換 詹尹云 (2006) 針對 JSP 網路應用程式提出 MDA 轉換使用者介面方法論, 其所提之步驟依序為 : 1. 類別的轉換 21

32 (1) 每個使用個案會對映產生一個系統中的 <<Client-side class>> 介面類別 每個 <<Client-side class>> 介面類別可載入一至多個 <<Form class>> 介面類別 ; 每個 <<Form class>> 介面類別可由一至多個 <<Client-side class>> 介面類別載入 又 Form 必須載入至 Client Page 環境下才能執行操作, 故 <<Client-side class>> 介面類別和 <<Form class>> 介面類別間存在 聚集 關聯關係 A. 將每個屬於 <<Client-side class>> 介面類別轉換成一個頁面, <<Client-side class>> 介面類別包含一至多個 <<Form class>> 介面類別, 則產生的頁面也應包含這些表單 B. 每個屬於 <<Frameset class>> 介面類別轉換成一個包含多個頁框的頁面, 其中每個頁框會對映至唯一的頁面 (2) 分析每個使用個案之 活動圖 中所有輸出 / 入註記, 並搭配 PAC 系統架構圖 找出的所有介面類別轉換為 <<Form class>> 介面類別, 必須載入至該使用個案的 <<Client-side class>> 介面類別中執行操作 (3) 每個使用個案對映產生的控制類別則被轉換為 <<Server-side class>> 2. 屬性元素的轉換將轉換完成的介面類別中的每一個屬性轉換成該頁面或表單中的一個網頁元件 3. 關係的轉換在網路應用模式中, 介面類別間有四種關係 : 超連結 (Link) 建立(Build) 重導 (Redirect) 及送出 (Submit), 依據準則建立類別間可能存在之關係 劉文進 (2009) 以詹尹云 (2006) 所提之方法論為基礎, 針對 JSP 網路應用程式提出 MDA 轉換使用者介面方法論, 其所提之步驟依序如下所述 : 1. 類別屬性對應網頁元件介面類別中的每一個屬性轉換成該頁或表單中的網路元件 2. 使用者介面與控制類別轉換 (1) PIM 中每一個使用者介面類別於 Web PSM 中對應產生一個 Server Page, 同時該 Server Page 會自動建立一個對應於此 Server Page 的 Client Page, 其中 Server Page 與 Client Page 間有 建立 關連關係 22

33 (2) 依據介面類別產生對應的表單類別及表單內 UI 元件 (3) 依據步驟 1 中屬性對照網路元件, 建立表單類別組成的 HTML Input HTML Select 及 HTML Textarea 元件 (4) 每個介面類別的操作轉換為一個 Server Page, 作為表單類別 Submit 時的對應 Action 3. 關係的轉換介面類別間包含四種關係 : 超連結 (Link) 建立(Build) 重導(Redirect) 及送出 (Submit), 依據準則建立類別間可能存在之關係 利用 UI 狀態圖找出網頁間控制權轉移之關係 詹尹云 (2006) 及劉文進 (2009) 均針對 JSP 網路應用程式, 提出 MDA 轉換使用者介面之方法論, 利用需求塑模所產出的文件, 找出介面及控制類別其屬性及操作, 並確認類別間的關係, 以產出使用者介面類別圖 (UI Class Diagram); 藉由此 PIM 產出的 UI 類別圖進行 Web PSM 轉換, 其轉換步驟及差異如表 2-5 所示 : 23

34 步驟 姓名 表 2-5 使用者介面轉換方法論比較表 詹尹云 (2006) 劉文進 (2009) 差異本研究提出之原因 類別的轉換 (1) 每個使用個案產生一個 (1) 每個使用者介面類別產生 進行類別轉換之 PIM 輸入不 微軟.NET Framework CP, 而一個 CP 可載入多個表 一個 SP, 而 SP 自動建立 CP 一樣 開發平台一個使用者 單 每個表單可由一至多個 (2) 依使用者介面類別產生對 介面只能對應一個表 CP 載入 應的表單及表單內 UI 元件 單 (2) 每個使用個案對映產生的 (3) 每個使用者介面類別的操 控制類別轉換為 SP 作轉換為 SP 屬性元素轉換 (1) 介面類別每一個屬性轉換 (1) 介面類別每一個屬性轉換 相同 介面類別的屬性轉換 成該頁面或表單中的 HTML 成該頁面或表單中的 HTML 為 ASP.Net 網頁控制 元件 元件 項 關係轉換 (1) 介面類別包含超連結 建 (1) 介面類別包含超連結 建 (1) 四種關係轉換相同 (1) 延用四種關係轉 立 重導, 及送出四種關係 立 重導, 及送出四種關係 (2) 劉文進 (2009) 提出詹尹 換 (2) 提出利用 UI 狀態圖處理 云 (2006) 針對關連關係之處 (2) 並使用劉文進 網頁間控制移轉 理與實際網際網路應用程式 (2009) 利用 UI 狀態 關連不符合 圖處理網頁間控制移 (3) 劉文進 (2009) 提出利用 轉 UI 狀態圖處理網頁間控制移 轉 24

35 第三章 研究方法 第一節 設計科學研究法 本研究主要探討系統分析與設計, 該主題屬於設計科學領域的一部份, 故本研究採用 設計科學研究法 本章節用以說明設計科學研究法其步驟與流程, 並說明如何使用設計科學研究法作為研究過程其指導方針, 包含提出問題描述 建立解決方案 如何執行可用性測試與評估之準則 設計科學研究方法論 (Design Science Research Methodology,DSRM) 是由 Peffers et al.(2007) 所提出, 用以說明設計科學應包含下列六大步驟 : 1. 確認問題與動機 2. 定義解決方案的目標 3. 設計與發展 4. 展示 5. 評估 6. 溝通本研究主要使用該方法論前五項研究步驟, 其研究流程如圖 3-1 所示 25

36 確認問題與動機 定義解決方案的目標 設計與發展 展示 評估 圖 3-1 研究流程 第二節 研究流程 本研究之研究流程分為五步驟, 如圖 3-1 所示, 針對各個步驟分別說明如下 : 一. 確認問題與動機網路應用程式儼然已成為現今資訊系統之主流, 而其使用者介面主要為圖形化介面, 目前針對網路應用程式使用者介面塑模在 PIM 轉 PSM 及 PSM 轉 Code 部份, 大多以 Java 語言進行轉換, 較少以 Microsoft.NET Framework 開發技術進行轉換, 且無一完整說明 Microsoft.NET Framework 在 PIM 轉 PSM 及 PSM 轉 Code 其塑模規則與步驟之方法論, 因此目前業界在使用 UML 來表達網路應用程式其使用者介面之系統分析過程與產出較為缺乏 二. 定義解決方案的目標本研究之研究目標在於整合先前各研究的觀點與方法, 發展出一套網路應用 26

37 程式使用者介面之 Web PSM 轉換方法論, 找出在 PIM 塑模階段, 哪些是適合進行 Web PSM 轉換之 UML 圖形, 並說明 PIM 階段之產出如何轉換至 Web PSM 其方法及步驟, 最後利用 Web PSM 進行程式碼之轉換 本研究所提之方法論, 其功能是提供業界一套適用於 Microsoft.NET Framework 此開發平台所建置之網路應用系統, 將使用者介面轉換為程式碼之方法, 以加速開發團隊對於網路應用系統其使用者介面之了解, 進而提高系統開發效率與品質 三. 設計與發展本研究將會整合現有研究觀點與方法, 提出使用者介面 Web PSM 轉換方法論, 其發展步驟依序為 : 1. 依據網路應用程式使用者介面之特性, 找出 PIM 塑模階段哪些產出適合 Web PSM 轉換 2. 利用適合進行 Web PSM 之 PIM 相關產出, 說明如何利用 PIM 產出轉換為 Web PSM, 並歸納其方法及步驟 3. 說明如何利用 Web PSM 進行程式碼樣版之轉換 進行本研究時, 需要下列資訊以協助 Web PSM 轉換方法論之形成 : 1. 介面架構圖 2. 介面詞彙 3. 介面狀態圖 4. 介面藍圖四. 展示 1. 測試案例描述以一網路應用系統 D 公司開發之文物典藏管理系統其 建立擬藏品資料使用個案 之實際案例作為可用性測試的案例, 案例的輸入為該使用個案的介面架構圖 介面詞彙 介面狀態圖, 及介面藍圖, 將本研究的 Web PSM 轉換方法論實作於此案例上, 並根據所提出之可用性測試方法及評估準則執行可用性測試, 以驗證方法論之有效性 2. 可用性測試規劃 (1) 計劃與事前工作 27

38 以 D 公司文物典藏管理系統其 建立擬藏品資料使用個案 此一實際個案進行程式碼樣版的分析與觀察 預計邀請該公司軟體工程師參與程式樣版分析比對過程, 並詳細說明程式碼樣版是如何依循方法論所產生出來的 (2) 招募參與者與排定工作時程排定參與程式碼樣版分析比對的工程師人員 時間與地點, 預計邀請五位工程師參與測試工作, 所招募之工程師均有微軟.NET Framework 此開發平台開發之相關經驗, 且不限所使用之開發語言 進行之時間預定於 100 年 5 月 31 日, 地點為 D 公司會議室 (3) 執行測試工作依照所排定之計畫進行測試, 運用本研究所提之方法論對測試案例進行分析, 並向參與測試之人員說明轉換之結果 (4) 結果分析與報告請參與之人員依據正確性其評估準則, 提出其意見, 紀錄相關之意見後, 依據參與人員回饋意見分析所進行之測試工作, 是否符合網路應用系統其使用者介面開發之所需, 以及是否有達到所制定的正確性準則 五. 評估本研究將以正確性做為評估準則, 來衡量本研究所提之方法論 而在此所指的正確性是, 以本研究所提之方法論轉換結果是否正確 1. 針對方法論輸入文件之部份, 評估針對網路應用系統使用者介面所使用 PIM 塑模之圖形, 是否恰當及合理 2. 利用方法論所產出之 Web PSM 類別圖搭配介面藍圖, 所對映之程式碼樣版其元素之正確性 3. 程式碼樣版的實用性與正確性 進行可用性測試過程中, 將案例結果紀錄下來, 根據正確性之準則去評估測試的結果, 再加以整理與分析, 若有不正確的地方再回去修改第二步驟解決方案的目標或第三步驟方法論的規則與方法設計, 以提升方法論的準確性 28

39 第四章 使用者介面 PSM 轉換方法論 本章節主要針對網頁程式使用者介面, 如何利用 PIM 之產出轉換至 Web PSM 及提出使用者介面轉換方法論 以 MDA 架構為基礎, 從使用者需求為其出發點, 利用系統分析及設計將應用系統開發過程中, 藉由 UML 將需求具體描述, 並產製相關文件以做為系統開發人員開發系統之依據 本研究所產生之 Web PSM 是以 Microsoft.NET Framework 為其開發技術平台, 利用 PIM 產出之 UI 循序圖 介面架構圖 介面藍圖 介面詞彙 UI 狀態圖, 做為 Web PSM 之輸入, 將 PIM 轉成符合微軟開發平台之 PSM 第一節 PIM 轉 Web PSM 轉換步驟 PIM 轉 Web PSM 其轉換步驟如下 : 介面類別的轉換 介面類別屬性元素轉換 類別關係轉換 其轉換步驟描述如下 : 一 介面類別的轉換介面類別之轉換是利用 PIM 所產出之介面架構圖及介面詞彙, 做為 Web PSM 之輸入 介面架構圖主要用以轉換 SP 或 CP, 而介面詞彙用以將介面屬性轉換為 ASP.Net 網頁控制項 以介面架構圖做為轉換之參考依據 其轉換細則分述如下 : 1. 介面架構圖的控制 (Control) 轉換為伺服端網頁 (SP), 並依介面編號及名稱為該伺服端網頁訂定英文名稱 2. 介面架構圖的表達 (Presentation) 轉換為客戶端網頁 (CP), 該客戶端網頁是由第 1 點的伺服端網頁其建立關係 (build) 所自動產生而來 3. 介面架構圖中, 每一個客戶端網頁均產生一個相對應的表單類別 (Form Class) 4. 客戶端網頁所使用之介面元件屬性可利用介面詞彙, 並搭配步驟二 介面類 29

40 別屬性元素轉換 其對應關係, 將介面元件屬性轉換為表單類別內的 ASP.Net 網頁控制項, 故表單類別和客戶端網頁有 聚合 關係 5. 依據第 2 點 表達 是由 控制 此伺服端網頁其建立關係自動產生而來, 故於產生 控制 伺服端網頁時, 需將該控制相對應的表達所包含之介面元件, 一律產生出來 將上述轉換步驟整理如表 4-1 所示之內容 : 介面編號及名 稱 表 4-1 類別轉換對應 code behind 伺服端網頁客戶端網頁表單類別 build superclass 二 介面類別屬性元素轉換 PIM 中每一介面元件屬性在 Web PSM 應可對應至一個網頁元件 而在微軟開發技術平台下, 可將 PIM 中的介面元件屬性對應至 ASP.Net 控制項 將介面元件屬性 ASP.Net 網頁控制項整理如表 4-2 所示 表 4-2 介面元件屬性與 ASP.Net 網頁控制項對應表 介面元件屬性 Form Textbox Password Button Label RadioButton Image Select Table ASP.Net 網頁控制項 <<HTML Form>> <<ASP TextBox>> <<ASP TextBox>> Password <<ASP Button>> <<ASP Label>> <<ASP RadioButtonList>> <<ASP Image>> <<ASP DropDownList>> <<HTML table>> <<ASP Table>> <<ASP GridView>> 用於表列式包含編輯 新增 (CommandField) 等功能, 可包含 ASP.NET 控 30

41 介面元件屬性 ASP.Net 網頁控制項 制項, 例如 :Label TextBox 等 介面元件屬性其表列式若包含編輯 新增, 其所對應之 ASP.Net 網頁控制項 為 <<ASP GridView>>, 該網頁控制項屬性其對應細項如表 4-3 所示 : 表 4-3 GridView 物件資料行欄位型別表 介面元件屬性 ASP GridView 物件資料行欄位型別 屬性 編輯 新增 刪除 CommandField HeaderText TextBox TemplateField HeaderText Label TemplateField HeaderText Select TemplateField HeaderText RadioButton TemplateField HeaderText 表 4-3 中, 介面元件屬性除了依據表 4-2 轉換為 ASP.Net 網頁控制項之外, 亦需再配合其相對應之資料行欄位型別, 而 HeaderText 此屬性則是用以呈現該資料行表頭名稱 介面類別屬性元素轉換此步驟可藉由 PIM 階段所產出之介面詞彙的 元件類型 進行屬性與網頁元件之對應 三 類別關係轉換類別間之關係轉換包含四種關聯, 並利用 UI 狀態圖來處理網頁間控制權移轉之關係 類別間關係轉換四種關聯如下所述 : 1. 建立關聯 (build) 伺服端網頁執行時, 網站伺服器會將該伺服端網頁建立客戶端網頁, 傳送給瀏覽器解譯呈現 ; 只要介面類別為伺服端網頁一定會有建立關聯存在 因伺服端網頁會自動產生客戶端網頁, 所以在產生伺服端網頁時需將相對應之介面屬性均建立在伺服端網頁內 2. 送出關聯 (submit) 此關聯存在於表單 (Form) 與伺服端網頁間, 將表單內之欄位值送出至伺 31

42 服端網頁進行處理 3. 超連結關聯 (link) 從客戶端網頁出發, 其連結之目標可為客戶端網頁或伺服端網頁 ; 兩個介面類別間存在超連結關聯時, 則此兩個介面類別存在連結關聯 4. 重導關聯 (redirect) 一個網頁處理控制傳送至另一網頁時, 此為重導關聯 此關聯可由客戶端網頁或伺服端網頁發起, 重導至客戶端網頁或伺服端網頁 將類別間關聯建立步驟描述如下 : 1. 伺服端網頁會自動產生客戶端網頁, 故與相對應之客戶端網頁有 建立 關聯 2. 客戶端網頁和表單間有 聚合 關聯 3. 介面類別的操作是要處理表單網頁元件, 則表單與操作所產生的伺服端網頁兩者間有 送出 關聯 4. 利用 UI 狀態圖可找出網頁間控制權移轉之關係, 伺服端網頁與伺服端網頁 / 客戶端網頁有 重導 關聯 5. 依據參考文獻 第三節 網路應用程式 Conallen 提出微軟.NET Framework 此開發平台所建立之使用者介面物件包含 :.aspx 檔案及 code behind class, 而 code behind class 是.aspx 檔案的超類別.aspx 檔案用以放置介面元件, 而 code behind class 則是放置該介面的相關操作 (event-handling code), 此物件之副檔名依其使用之語言而異, 本研究使用 VB.Net, 故其物件副檔名為.aspx.vb 經由上述三個步驟其轉換及對應, 可將 PIM 產出之介面架構圖 介面詞彙 及 UI 狀態圖, 利用 Rational Rose 此 Case Tool 繪製 Web PSM 類別圖 第二節 使用者介面程式樣版對映 進行 Web PSM 轉換至使用者介面, 其輸入是本章節第一節 Web PSM 所產 32

43 出之轉換對應結果與關聯, 將第一節進行轉換後之結果, 以 ASP.Net 及 VB.Net 程式碼為其轉換後之輸出 利用需求塑模的結果, 進行使用者介面塑模 使用者介面塑模包含, 使用者介面動態結構塑模 ( 利用 UI 循序圖及 UI 狀態圖 ) 以表達不同介面物件間或介面元件互動順序與控制 使用者靜態結構塑模 ( 利用介面架構圖 介面藍圖 介面詞彙 ) 來表達使用者介面物件結構及介面元件設計 藉由介面架構圖找到伺服端網頁 客戶端網頁 表單類別及 ASP.Net 網頁控制項, 以下將介紹如何產生程式碼樣版的方法與步驟 1. 利用介面架構圖將 控制 轉換為伺服端網頁 ( 本章第一節步驟一第 1 點 ), 轉換伺服端網頁其名稱自行訂定 介面架構圖其控制轉換為伺服端網頁如圖 4-1 所示 圖 4-1 PAC 控制轉 SP 2. 利用介面架構圖將 表達 轉換為客戶端網頁 (CP), 該客戶端網頁是由第 1 點的伺服端網頁其建立關係 (build) 所自動產生而來 ( 本章第一節步驟 一第 2 點 ) 介面架構圖其表達轉換為客戶端網頁如圖 4-2 所示 33

44 圖 4-2 PAC 表達轉 CP 3. 每一個 表達 均產生一個相對應的表單類別, 並將 表達 所使用之介面元件利用介面詞彙, 將介面元件轉換為 ASP.Net 網頁控制項 ( 本章第一節步驟一第 3~5 及步驟二 ), 而網頁控制項的命名亦可利用介面詞彙的 資料表欄位 內容, 做為該控制項之名稱 ; 依據步驟三表單與伺服端網頁存在送出關聯 (submit) 依上述方法與步驟利用 Rational Rose 此 Case Tool 繪製出如圖 4-3Web PSM 類別圖 圖 4-3 Web PSM 類別圖範例 4. 伺服端網頁可藉由 建立 關係自動產生客戶端網頁, 而客戶端網頁會有相 對應的表單類別, 所以在產生伺服端網頁時, 需將該伺服端網頁相對應的 34

45 客戶端網頁所包含之介面元件, 一律產生出來 ( 本章第一節步驟一第 6 點 ) 利用上圖 Web PSM 並搭配介面藍圖 ( 用以了解介面元件之配置 ), 可產生如表 4-4 之程式碼樣版 表 4-4 伺服端網頁程式碼樣版館員登入 UI 配合介面藍圖進行網頁控制項之配置 (Login.aspx) <%@ Page Language="VB" AutoEventWireup="false" CodeFile="login.aspx.vb" Inherits="login" title=" 館員登入 " %> <html> <body> <form id ="form1" runat="server"> <table> <tr> <td> 帳號 :</td> <td> <asp:textbox id="user_id" runat="server"></asp:textbox> </td> </tr> <tr> <td> 密碼 :</td> <td> <asp:textbox id="user_pwd" runat="server" TextMode="Password"></asp:textbox> </td> </tr> <tr> <td colspan="2" align="center"> <asp:button ID="btnLogin" runat="server" Text=" 登入 " /> </td> </tr> </table> </form> </body> </html> Login.aspx.vb 35

46 Partial Class Login ' 預設以檔名 Login 為 Class 的名稱 Inherits System.Web.UI.Page ' 依據 Web PSM 類別圖之操作產生程式碼樣版 Sub Login(ByVal User_Id as String, ByVal User_Pwd as String) Handles btnlogin.click ' 此為 event-handling code, 按了登入按鈕所進行之處理 End Sub End Class Login.aspx.vb 此類別圖有一函式為 Login, 產生程式碼時需補上事件處理程式碼 (event-handling code) 也就是 Handles 此關鍵字, 以及哪一個 ASP.Net 網頁控制項之觸發事件行為 於上例中, 指的是按了登入按鈕之後, 所需進行之處理, 所以 Handles 關鍵字之後, 是利用 Login.aspx 內登入按鈕的 ID, 也就是 btnlogin 得知是要觸發哪一個控制項來進行處理 第三節 PIM 產出與 Web PSM 對應整理 依據本章第一節及第二節內容將 PIM 相關產出, 與微軟.NET Framework 開 發平台其 Web PSM 轉換步驟, 及使用者介面程式樣版彼此間之對應關係整理如 表 4-5 所示 : 表 4-5 PIM 產出與 Web PSM 轉換關係表 轉換步驟 所利用之 PIM 產出 目的 介面類別的轉換 介面架構圖 將介面轉換為伺服端網 頁 客戶端網頁 表單等 類別 介面詞彙 產生表單內的網頁元件 介面類別屬性元素轉換 介面詞彙 將介面內的屬性用以對 應為 ASP.Net 網頁控制 項 36

47 轉換步驟 所利用之 PIM 產出 目的 類別關係轉換 介面架構圖 介面類別的轉換之結果進行類別關係的轉換 UI 狀態圖 用以找出網頁間控制權之移轉 使用者介面程式對映 介面藍圖 表單 ASP.Net 網頁控制 項配置之參考 37

48 第五章 展示 第一節 公司簡介 D 科技股份有限公司於 2007 年創立, 總公司位於高雄, 於台北有一辦事處 D 公司主要營業項目是依客戶需求來進行網路應用系統之規劃及開發, 其系統開發平台主要使用 Micorsoft.NET Framework 因應客戶需求多樣化 專案時程有限, 及員工不可能無限制增加等因素,D 公司希望能將撰寫程式此部份進行外包, 然而,D 公司其系統分析設計文件大都著重在系統功能描述及資料庫規劃, 在使用者介面上著墨甚少, 為了能順利將程式委外進行,D 公司希望能針對系統分析設計文件進行補強 本研究提出微軟.NET Framework 開發平台使用者介面轉換方法論, 能補強 D 公司系統分析設計文件其使用者介面之分析與設計, 以達到其委外目的, 進而確保委外產出之品質 第二節 測試項目實施與過程 一 計畫與事前工作利用 D 公司所提供之實際案例進行測試與觀察, 其案例為典藏管理系統其 建立擬藏品資料使用個案, 利用此案例在 PIM 塑模階段所產出之介面架構圖 介面詞彙 介面狀態圖, 及介面藍圖做為方法論的輸入, 依據方法論人工產生程式碼樣版, 並邀請 D 公司 5 位工程師參與測試過程, 並說明測試工作內容 招募之工程師均有微軟.NET Framework 此開發平台開發之相關經驗, 且不限所使用之開發語言 二 招募參與者與排定工作時程 定於民國 100 年 5 月 31 日, 地點為 D 公司會議室邀請兩位 J 工程師 一位 38

49 T 工程師 一位 H 工程師及一位 L 工程師參與測試工作 因參與人員要求不要 揭露姓名及職稱, 故以參與人員姓氏第一碼英文字母做為代表, 而職稱一律以工 程師做代表 三 執行測試工作依所排定之計畫進行測試, 以正確性做為評估 Web PSM 轉換方法論之準則, 來衡量方法論是否有效 1. 針對方法論輸入文件部份, 評估針對網路應用系統所使用之 PIM 塑模圖形, 是否恰當及合理 2. 利用方法論所產出之 Web PSM 類別圖所對映之 ASP.Net 網頁控制項之正確性 3. 評估程式碼樣版的實用性與正確性 四 結果分析與報告請參與人員依據正確性其評估準則提出其意見, 紀錄相關意見後, 依據參與人員回饋意見分析所進行之測試工作, 是否符合網路應用系統其使用者介面開發所需 第三節 個案 典藏管理系統 建立擬藏品資料使用個案 一 背景 T 博物館成立於 1998 年, 致力於保存及維護與臺灣歷史相關之文化資產 博物館自籌備處以來, 取得為數可觀的藏品, 由於博物館並未將藏品資料資訊化, 以致藏品資料未能統一管理, 散落於各個承辦人手中 為了有效管理博物館藏品, 因此決定建置典藏管理系統, 以達到博物館藏品資料集中管理之目的 由於 T 博物館並無相關資訊背景人員, 針對典藏管理系統之建置以委外開發之方式進行, 並將該系統建置委由 D 公司進行開發 T 博物館則由進行藏品典藏管理相關承辦人員及該組室主管一同參與該建置案之進行 D 公司取得該系統 39

50 建置專案後, 旋即由專案經理統籌建立專案團隊著手進行規劃, 並由系統分析師利用博物館所提供之相關文件 需求訪談等方式來進行需求擷取 D 公司專案團隊了解 T 博物館成立之目的緣由, 及該博物館資訊設備基礎設備後, 再加與 T 博物館參與人員經過多次會議討論, 將 T 博物館典藏管理系統其目標及限制 使用者與企業需求 ( 作業與功能 ) 分別描述如下 : 二 系統目標及限制 1. 文物典藏管理系統其使用對象為館員, 且所使用之瀏覽器為 Microsoft Internet Explorer 2. 建置一個 Web-based 文物典藏管理系統, 提供館員利用瀏覽器之操作來完成藏品之管理 三 使用者與企業需求描述 T 博物館文物典藏管理系統其作業與需求功能描述如下所述 : 1. 館員若身份為資訊人員登入文物典藏管理系統, 並可建立欲使用之人員帳號基本資料 ( 表 5-1 及表 5-2) 2. 館員可以透過 Microsoft Internet Explorer 瀏覽器登入文物典藏管理系統後, 才能進行擬藏品資料瀏覽 3. 館員取得擬藏品資料時, 可以建立 查詢該批擬藏品資料 ( 表 5-3 及表 5-4) 後, 再建立擬藏品清單 ( 表 5-5 及表 5-6) 4. 館員可從擬藏品清單來決定入藏藏品有哪些, 並將入藏藏品轉至藏品編目資料 ( 表 5-7 及表 5-8) 內, 進行藏品編目資料之編輯 四 藍圖及資料詞彙表 5-1 帳號基本資料藍圖 T 博物館帳號基本資料帳號 A eva0101 密碼 B ****** 姓名 C 丁小雨是否啟用 D 啟用 資訊人員 E 是 40

51 表 5-2 帳號基本資料詞彙 編號欄位名稱長度 / 型態鍵規則 / 格式 / 範圍 範例 / 公式 A 帳號 10C v 英數字 eva0101 B 密碼 10C C 姓名 10C 丁小雨 D 是否啟用 1C 1: 啟用 2: 暫停預設值為 1 E 資訊人員 1C 1: 是 2: 否 預設值為 表 5-3 擬藏品基本資料藍圖 T 博物館 擬藏品基本資料 文物批號 A-B 取得方式 C 捐贈 捐贈人 D 曾建康提供日期 F 2011/01/05 文物總稱 E 常民生活文物 表 5-4 擬藏品基本資料詞彙 編號欄位名稱長度 / 型態鍵規則 / 格式 / 範圍 範例 / 公式 A 入藏年度 4C v YYYY 預設值為當年度 B 批次號 3C v 由系統判斷此次新 增資料為該西元年 第幾批次資料 C 取得方式 2C 01: 購入 02: 捐贈 03: 交換 04: 託管 02 05: 貸入 41

52 預設值為 01 D 捐贈人 50C 曾建康 E 文物總稱 100C 常民生活文物 F 提供日期 8C YYYY/MM/DD 2011/01/05 表 5-5 擬藏品清單藍圖 T 博物館 擬藏品清單 擬登錄編號 A-C 原登錄名稱 D 古小皿 文物年代 E 1962 文物金額 F 2,000 文物件數 G 1 藏品狀況 H 佳 入藏否 I 未決 表 5-6 擬藏品清單資料詞彙 編號欄位名稱長度 / 型態鍵規則 / 格式 / 範圍 範例 / 公式 A 入藏年度 4C v YYYY 2011 B 批次號 3C v C 流水號 4C v 由系統判斷此藏品 為該批的第幾件 D 原登錄名稱 200C 古小皿 E 文物年代 20C YYYY 或西元前 1962 F 文物金額 10N 9,999,999,999 2,000 G 文物件數 3N H 藏品狀況 1C 1: 差 2: 可 3: 良 4: 佳 4 I 入藏 1C Y: 入藏 N: 不入 T 42

53 編號欄位名稱長度 / 型態鍵規則 / 格式 / 範圍 範例 / 公式藏 T: 未決預設值為 T 表 5-7 編目資料藍圖 T 博物館 編目資料 藏品登錄號 A-C 藏品分類 D 器物 藏品分級 E 一般古物 編目狀態 F 待編目 件數 G 1 年代 H 1962 藏品名稱 I 古小皿 入藏日期 J 2011/03/13 保險金額 K 2,000 藏品描述 L 藏品歷史 M 相關研究描述 O 表 5-8 編目資料詞彙 編號欄位名稱長度 / 型態鍵規則 / 格式 / 範圍 範例 / 公式 A 入藏年度 4C v YYYY 2011 B 批次號 3C v C 流水號 4C v 由系統判斷此藏品 為該批的第幾件 D 藏品分類 2C 01: 器物 02: 書目 資料 03: 電影作 01 品 04: 老照片 05: 古地圖 06: 古文書 43

54 預設值為 01 E 藏品分級 1C 1: 國寶 2: 重要古 物 3: 一般古物 3 預設值為 3 F 編目狀態 1C 1: 待編目 2: 編目 中 3: 已完成 1 預設值為 1 G 件數 3N H 年代 20C 1962 I 藏品名稱 200C 古小皿 J 入藏日期 8C YYYY/MM/DD 2011/03/13 K 保險金額 10N 9,999,999,999 2,000 L 藏品描述 2000C M 藏品歷史 2000C O 相關研究描述 2000C 需求塑模 建構使用個案圖使用個案圖其建構步驟依序如下 : 找出行為者 找出使用個案 描述使用個案 找出使用個案間之關係 繪製使用個案 依據上述步驟並配合案例其程序如下所述 : 一 找出行為者行為者可利用本章第一節的使用者與企業需求描述, 以主詞 動詞 受詞此方式整理出下列之事件條列式 : 1. 館員 登入建立 帳號基本資料 2. 館員 登入瀏覽 擬藏品資料 3. 館員 建立 擬藏品資料 4. 館員 建立 擬藏品清單 5. 館員 編輯 編目資料 44

55 依據上述事件條列式其所包含之名詞有 : 館員 擬藏品資料 擬藏品清單 編目資料, 其中館員可興系統進行互動, 故館員為行為者 二 找出使用個案利用第一個步驟所找出的行為者逐一找出其所參與或引發的每一個事件, 並將一系列事件有組織地集合起來, 並依所符合之內聚力原則, 來組合成一個使用個案 依據使用者與企業需求描述, 以行為者 館員來找出其所參與或引發的事件, 其說明如下 : 1. 由使用者與企業需求描述 1 的事件描述, 可找出館員有建立帳號之使用個案, 館員 新增帳號基本資料 2. 由使用者與企業需求描述 2~3 一系列事件描述, 可找出館員有建立擬藏品資料之使用個案, 館員 建立擬藏品資料 3. 由使用者與企業需求描述 4 的事件描述, 可找出館員有編輯編目資料之使用個案, 館員 編輯編目資料 三 描述使用個案使用個案描述是以使用者觀點, 來描述使用者欲達成之目的, 並不牽涉程式邏輯 而完整的使用個案包含行為者 使用個案目標 使用個案發生之前提與結束狀態 及一系列事件描述 ( 包含正常程序及例外狀況 ) 依上述原則, 將 T 博物館三個使用個案描述如表 5-9~ 表 5-11 所示 : 表 5-9 建立帳號使用個案 T 博物館使用個案名稱 : 建立帳號行為者 : 館員目標 : 館員能在線上建立館員帳號前提 : 館員身份為資訊人員, 且該館員帳號可正常使用結束狀態 : 帳號建立完成一系列事件 : 正常程序 45

56 1. 館員輸入帳號 密碼後, 按登入鍵 2. 驗證成功登入系統, 顯示帳號列表 擬藏品列表及編目列表 3 個功能選項 3. 點選帳號列表可瀏覽帳號資料 ( 表 5-1 及表 5-2) 4. 館員點選建立, 進入帳號基本資料畫面 5. 館員填寫帳號 密碼 姓名 是否啟用 是否為資訊人員等資料, 按儲存鍵 6. 介面顯示帳號建立成功 例外狀況 館員無法登入系統 於登入頁面顯示登入系統之帳號或密碼錯誤, 或該帳號已停用 所建立之帳號已存在 顯示該帳號已存在, 不得再建立 表 5-10 建立擬藏品資料使用個案 T 博物館使用個案名稱 : 建立擬藏品資料行為者 : 館員目標 : 館員能在線上進行擬藏品資料建立前提 : 館員有登入系統之帳號, 且該帳號可正常使用結束狀態 : 擬藏品清單轉編目完成一系列事件 : 正常程序 1. 館員輸入帳號 密碼後, 按登入鍵 2. 驗證成功登入系統, 顯示帳號列表 擬藏品列表及編目列表 3 個功能選項 3. 點選擬藏品列表可瀏覽擬藏品列表資料 ( 表 5-3 及表 5-4) 4. 館員按建立鍵進入擬藏品資料畫面 5. 館員輸入入藏年度 取得方式 捐贈人 文物總稱 提供日期等資料, 按儲存鍵 46

57 6. 擬藏品資料儲存成功後, 館員可按建立鍵進入擬藏品清單畫面 ( 表 5-5 及表 5-6) 7. 館員輸入原登錄名稱 文物年代 文物金額 文物件數 藏品狀況 入藏等資料, 按儲存鍵 8. 儲存擬藏品清單成功, 自動將入藏擬藏品清單拋轉至編目資料 ( 表 5-7 及表 5-8) 9. 顯示拋轉至編目資料成功 10. 按返回鍵回到擬藏品資料畫面, 可繼續建立清單, 或是按返回鍵回到擬藏品列表畫面 11. 於擬藏品列表畫面可繼續建立擬藏品資料, 或是按返回鍵回功能選項 例外狀況 館員無法登入系統 於登入頁面顯示登入系統之帳號或密碼錯誤, 或該帳號已停用 儲存擬藏品資料失敗 顯示儲存失敗錯誤訊息 儲存擬藏品清單失敗 顯示儲存失敗錯誤訊息 擬藏品清單拋轉編目資料失敗 顯示拋轉失敗錯誤訊息 按拋轉編目鍵進行手動拋轉 表 5-11 編輯編目資料使用個案 T 博物館使用個案名稱 : 編輯編目資料行為者 : 館員目標 : 館員能在線上進行擬編目資料編輯前提 : 館員有登入系統之帳號, 且該帳號可正常使用 ; 已存在編目資料結束狀態 : 編輯編目資料成功 47

58 一系列事件 : 正常程序 1. 館員輸入帳號 密碼後, 按登入鍵 2. 驗證成功登入系統, 顯示帳號列表 擬藏品列表及編目列表 3 個功能選項 3. 點選編目列表可瀏覽編目資料 ( 表 5-7 及表 5-8) 4. 點選欲進行編輯之編目資料, 進入編目編輯畫面 ( 表 5-7 及表 5-8) 5. 輸入藏品描述 藏品歷史 相關研究描述等資料, 按儲存鍵 6. 介面顯示編目資料儲存成功 例外狀況 館員無法登入系統 於登入頁面顯示登入系統之帳號或密碼錯誤, 或該帳號已停用 編目資料儲存失敗 顯示儲存失敗訊息 四 找出使用個案間之關係依上述使用個案描述發現, 本案例均為單一個案, 個案間並無關係存在 五 繪製使用個案圖依序完成上述步驟後, 可進行使用個案之繪製, 圖 5-1 為利用 Case Tool 所繪製之使用個案圖 : 圖 5-1 T 博物館文物典藏管理系統使用個案圖 48

59 需求塑模 建構活動圖活動圖其建構步驟為 : 找出活動 找出活動間之轉換 條件或介面物件 繪製活動圖 以 T 博物館文物典藏管理系統來進行活動圖之建構, 以了解每一個使用個案其內部行為為何 依其步驟描述如下 : 一 找出活動依據使用者與企業需求描述及使用個案描述找出其活動及所參與之實體 利用上述三個使用個案描述來找出其活動為何 建立帳號使用個案 : 有登入 瀏覽 建立 顯示等活動 ; 有行為者 館員之參與 建立擬藏品資料使用個案 : 有登入 建立 顯示 拋轉等活動 ; 有行為者 館員之參與 編輯編目資料使用個案 : 有登入 編輯 顯示等活動 ; 有行為者 館員之參與 二 找出活動間之轉換 條件或介面物件利用使用個案描述內一系列事件描述之內容, 找出每個活動間之轉換 執行程序及介面物件 ; 介面物件包含資料輸入出格式 欄位 以建立帳號使用個案為例, 館員瀏覽帳號基本資料時, 系統呈現帳號 姓名 啟用 資訊人員等資訊提供給館員 三 繪製活動圖找出活動及活動間之轉換 條件或介面物件後, 即可進行活動圖之繪製, 各個使用個案其活動圖如圖 5-2~ 圖 5-4 所示 49

60 圖 5-2 建立帳號活動圖 50

61 圖 5-3 建立擬藏品資料活動圖 51

62 圖 5-4 編輯編目資料活動圖 使用者介面塑模使用者介面塑模包括了靜態結構塑模及動態行為塑模 靜態結構塑模包含了使用者介面架構圖 介面藍圖及介面詞彙 ; 動態行為塑模則包含了 UI 循序圖 AC 循序圖, 及狀態圖 以 T 博物館所完成的使用個案圖及活動圖來進行使用者介面塑模 本節進行塑模之順序為 :UI 循序圖 靜態結構塑模 ( 包含使用者介面架構圖 介面藍圖及介面詞彙 ) 狀態圖 茲分述如下: 一 UI 循序圖利用所完成之使用個案描述, 及活動圖註記來進行 UI 循序圖其建構步驟為 : 確認物件 ( 找出介面物件與控制物件 ) 確認操作與訊息 繪製 UI 循序圖 依其步驟描述如下 : 52

63 面物件1. 找出介面物件與控制物件依據建立擬藏品資料使用個案描述, 及活動圖註記找出介面物件與控制物件, 並將其物件 屬性與操作整理如表 5-12 所示 : 表 5-12 建立擬藏品資料使用個案介面與控制物件使用個案名稱 : 建立擬藏品資料 物件屬性操作介館員登入 UI 帳號 登入 () 密碼登入 功能選項 UI 帳號列表 顯示帳號列表 () 擬藏品列表 顯示擬藏品列表 () 編目列表 顯示編目列表 () 擬藏品列表 UI 文物批號 建立擬藏品 () 文物總稱 編輯擬藏品資料 () 取得方式 返回 () 建立 編輯 返回 擬藏品資料 UI 入藏年度 儲存擬藏品資料 () 取得方式 建立清單 () 捐贈人 返回 () 提供日期文物總稱儲存建立清單返回 擬藏品清單建立 UI 原登錄名稱 儲存擬藏品清單 () 53

64 控制物件使用個案名稱 : 建立擬藏品資料物件 屬性 操作 文物年代 返回 () 文物金額文物件數藏品狀況入藏否返回儲存拋轉編目 登入 登入 () 建立 建立擬藏品 () 建立清單 () 儲存 儲存擬藏品資料 () 儲存擬藏品清單 () 拋轉編目 () 顯示儲存結果 () 顯示登入失敗訊息 () 載入功能選項 () 載入擬藏品列表 () 顯示儲存結果 () 載入擬藏品資料 () 載入擬藏品清單 () 2. 確認物件間之訊息與操作上述分析中, 可找出有五個介面物件和四個控制物件 ; 將四個控制物件濃縮為系統應用程式核心 (Application Core), 此 AC 與五個介面物件會有訊息傳遞與操作, 可利用建立擬藏品資料使用個案描述或活動圖註記找出來, 並將其整理 54

65 如表 5-13 所示 : 表 5-13 建立擬藏品資料 UI 循序圖之訊息與操作 館員與系統之互動關係呼叫物件操作 ( 訊息 ) 接受物件 1. 館員透過 館員登入 UI, 輸入帳號及密碼 後提交給系統 1. 館員登入 ( 帳號 密碼 ) 館員登入 UI 2. 館員登入 UI 登入 ( 帳號 密碼 ) AC 2. 系統驗證館員輸入資料正確後, 載入 功能選項 UI 3. 館員點選擬藏品列表, 系統載入 擬藏品列表 UI 3. AC 載入功能選項 UI() 4. 館員 顯示擬藏品列表 () 5. 擬藏品列表 UI 載入擬藏品列表 資料 () 功能選項 UI 擬藏品列表 UI 擬藏品列表 UI 4. 館員欲建立擬藏品基本資料可在 擬藏品列表 UI 點選建立, 系統將載入 擬藏品資料 UI, 讓館員輸入資料後提交給系統 5. 館員建立擬藏品資料後, 可點選建立清單, 系統將載入 擬藏品清單 UI, 輸入資料後提交給系統 6. 館員將擬藏品清單拋轉至編目 6. 館員 擬藏品資料建立 擬藏品資料 UI () 7. 擬藏品資料 UI 儲存擬藏品資料 AC () 8. AC 顯示儲存結果 () 擬藏品資料 UI 9. 館員 建立清單 () 擬藏品清單 UI 10. 擬藏品清單 UI 儲存擬藏品清單 AC () 11. AC 顯示儲存結果 () 擬藏品清單 UI 12. 館員 拋轉編目 () 擬藏品清單 UI 13. 擬藏品清單 UI 儲存編目資料 () AC 14. AC 顯示儲存結果 () 擬藏品清單 UI 55

66 3. 繪製 UI 循序圖 依據建立擬藏品資料使用個案描述及其活動圖找出介面物件與控制物件 確 認物件間的訊息與操作後, 繪製 UI 循序圖, 如圖 5-5 所示 : opt [ 選擇顯示擬藏品列表 ] opt [ 選擇建立擬藏品 ] loop opt [ 選擇拋轉編目 ] 圖 5-5 建立擬藏品資料使用個案 UI 循序圖 二 靜態結構塑模用以表達使用者介面及介面元件間的配置關係 靜態結構塑模包含了使用者介面架構圖 介面藍圖及介面詞彙 依所產出之活動圖內, 其輸出入註記進行介面之設計, 並根據活動圖的執行順序來建構系統完整介面架構圖 以 T 博物館文物典藏管理系統而言, 共有三個使用個案將其編號為 :1. 建立帳號 2. 建立擬藏品資料 3. 編輯編目資料 56

67 再利用活動圖進行介面和執行程序之分析, 以建立帳號活動圖為例, 共有四個介 面, 依其執行順序以 進行編號, 依上述所繪製之介面架構圖 如圖 5-6 所示 : 圖 5-6 T 博物館文物典藏管理介面架構圖 運用 PAC 概念進行介面的表達及摘述, 以介面藍圖來表達介面, 介面詞彙來表達介面摘述 因目前尚無 Case Tool 可產生 ASP.Net 及 VB.Net 程式碼, 無法將相關函式說明輸入轉出, 故將函式說明紀錄在介面詞彙內其函式定義處 茲將三個使用個案其介面藍圖及介面詞彙表達如圖 5-7~ 圖 5-15 及表 5-14~ 表 5-22 所示 : 57

68 圖 5-7 館員登入介面藍圖 表 5-14 館員登入介面詞彙 介面代號 1.1/2.1/3.1 介面名稱館員登入 UI 介面說明 館員可以輸入帳號與密碼登入系統進行瀏覽與建立 元件名稱元件類型元件功能及概念說明資料表欄位 資料型態 ( 長度 ) 帳號 Textbox 輸入帳號之處 User_Id Char(10) 密碼 Textbox 輸入密碼之處 User_Pwd Char(10) 登入 Button 輸入之帳號與密碼進行驗證 函式定義 Login (User_Id, User_Pwd) 限制與註解 館員未輸入正確的帳號及密碼, 或其啟用狀態為暫停, 無法登入系統 圖 5-8 功能選項介面藍圖 表 5-15 功能選項介面詞彙 介面代號 1.2/2.2/3.2 介面名稱功能選項 UI 介面說明 館員登入後, 可自行擇定欲進行之作業頁面 元件名稱元件類型元件功能及概念說明資料表欄位 資料型態 ( 長度 ) 58

69 帳號列表 Button 用以連結帳號列表頁面 擬藏品列表 Button 用以連結擬藏品列表頁面 編目列表 Button 用以連結編目列表頁面 函式定義 LinkToAccount(): 用以連結至帳號列表頁面 LinkToPreCollect(): 用以連結至擬藏品列表頁面 LinkToCatalogue(): 用以連結至編目列表頁面 限制與註解 無 圖 5-9 帳號列表介面藍圖 表 5-16 帳號列表介面詞彙 介面代號 1.3 介面名稱帳號列表 UI 介面說明 館員可瀏覽帳號資料, 或建立帳號資料 元件名稱元件類型元件功能及概念說明資料表欄位 資料型態 ( 長度 ) 帳號 Table 用以顯示帳號 User_Id 姓名 Table 用以顯示館員姓名 User_Name 是否啟用 Table 用以顯示館員帳號是否啟用 資訊人員否 Table 用以顯示館員身份是否 為資訊人員 User_Enabled User_Type 編輯 Image 按下此按鈕進入帳號編 59

70 輯畫面 建立 Button 按下此按鈕進入帳號建立介面 返回 Button 按下此按鈕返回功能選項 UI 函式定義 BindData (): 頁面載入時, 呈現所有帳號資料 Create(): 進入帳號資料建立 UI, 進行帳號建立 Back(): 返回功能選項 UI BindUser_Enabled(User_Enabled): 呈現 " 是否啟用 " 中文內容 BindUser_Type(User_Type): 呈現 " 資訊人員否 " 中文內容 edit(user_id): 進入帳號資料建立 UI 限制與註解 館員為資訊人員之身份, 才能進行帳號之建立 ; 非資訊人員僅能瀏覽 帳號資料 圖 5-10 帳號資料建立介面藍圖 表 5-17 帳號資料建立介面詞彙 介面代號 1.4 介面名稱帳號資料建立 UI 介面說明 館員進行帳號資料之建立 元件名稱元件類型元件功能及概念說明資料表欄位 資料型態 ( 長度 ) 帳號 Textbox 輸入帳號之處 User_Id Char(10) 60

71 密碼 Textbox 輸入密碼之處 User_Pwd Char(10) 姓名 Textbox 輸入館員姓名之處 User_Name Char(10) 是否啟用 RadioButton 擇定該館員帳號是否啟用 資訊人員 RadioButton 擇定該館員身份是否為 資訊人員 儲存 Button 按下此按鈕進行帳號資 料存檔 返回 Button 按下此按鈕返回帳號列 表 UI 函式定義 BindEditData(User_Id): 繫結欲進行編輯之帳號資料 Save(): 儲存帳號資料 Back(): 返回帳號列表 UI 限制與註解 所建立之帳號不得重複 帳號不得空白 User_Enabled User_Type Char(1) Char(1) 圖 5-11 擬藏品列表介面藍圖 表 5-18 擬藏品列表介面詞彙 介面代號 2.3 介面名稱擬藏品列表 UI 介面說明 館員可瀏覽擬藏品資料, 或建立擬藏品資料 元件名稱元件類型元件功能及概念說明資料表欄位 資料型態 ( 長度 ) 文物批號 Label 用以顯示文物批號 CollectYear +. 61

72 + BatchNo 文物總稱 Label 用以顯示文物總稱 WholeName 取得方式 Label 用以顯示取得方式 GetWay 編輯 Image 按下此按鈕進入擬藏品編輯畫面 建立 Button 按下此按鈕進入擬藏品建立介面 返回 Button 按下此按鈕返回功能選項 UI 函式定義 BindData(): 頁面載入時, 呈現擬藏品資料 edit(collectyear, BatchNo): 進入擬藏品建立 UI, 以編輯資料 Create(): 進入擬藏品建立 UI, 建立擬藏品 BindBatchNo(CollectYear, BatchNo): 繫結入藏年度及批次號, 以呈現文物批號 BindGetWay(GetWay): 呈現 " 取得方式 " 中文內容 Back(): 返回功能選項 UI 限制與註解 無 圖 5-12 擬藏品建立介面藍圖 表 5-19 擬藏品建立介面詞彙 介面代號 2.4 介面名稱擬藏品建立 UI 62

73 介面說明 館員進行擬藏品建立 元件名稱元件類型元件功能及概念說明資料表欄位 資料型態 ( 長度 ) 入藏年度 Textbox 輸入入藏年度之處 CollectYear Char(4) 取得方式 Select 擇定取得方式 GetWay Char(2) 捐贈人 Textbox 輸入捐贈人之處 Donator Varchar(50) 提供日期 Textbox 選擇提供日期 ProvideDate Char(8) 文物總稱 Textbox 輸入文物總稱之處 WholeName Varchar(100) 儲存 Button 按下此按鈕進行擬藏品資料之建立 清單建立 Button 按下此按鈕進入清單建立介面 返回 Button 按下此按鈕返回擬藏品列表 UI 函式定義 BindEditData(CollectYear, BatchNo): 繫結欲進行編輯之擬藏品資料 Save(): 儲存擬藏品資料 CreateList(CollectYear, BatchNo): 進入擬藏品清單建立 UI, 進行擬藏品清單建立 Back(): 返回擬藏品列表 UI 限制與註解 無 63

74 圖 5-13 擬藏品清單建立介面藍圖 表 5-20 擬藏品清單建立介面詞彙 介面代號 2.5 介面名稱擬藏品清單建立 UI 介面說明 館員進行擬藏品清單建立 元件名稱元件類型元件功能及概念說明資料表欄位 資料型態 ( 長度 ) 原登錄名稱 Textbox 輸入原登錄名稱之處 OriginalName Varchar(200) 文物年代 Textbox 輸入文物年代之處 AnitiqueTime Varchar(20) 文物金額 Textbox 輸入文物金額之處 AnitiqueValue Int 文物件數 Textbox 輸入文物件數之處 ItemNo Int 藏品狀況 Select 擇定藏品狀況 AnitiqueStatus Char(1) 入藏否 Select 擇定是否入藏 CollectStatus Char(1) 儲存 Button 按下此按鈕進行擬藏品清單之建立 拋轉編目 Button 按下此按鈕將所建立之擬藏品清單資料轉至編目 返回 Button 按下此按鈕返回擬藏品清料建立 UI 64

75 編輯 Image 按下此按鈕將卻編輯之資料繫結至 UI 內的控制項 原登錄名稱 Label 列表呈現原登錄名稱 文物金額 Label 列表呈現文物金額 文物件數 Label 列表呈現文物件數 入藏否 Label 列表呈現入藏否 函式定義 BindData(CollectYear, BatchNo): 頁面載入時, 呈現特定年度及批次號擬藏品清單資料 BindCollectStatus(CollectStatus): 呈現 " 入藏否 " 中文內容 Save(): 儲存擬藏品清單資料 edit(collectyear, BatchNo, SerialNo): 編輯擬藏品清單資料 Transform(): 擬藏品清單資料拋轉至編目資料表 Back(): 返回擬藏品建立 UI 限制與註解 擬藏品清單建立成功後, 將入藏文物自動拋轉至編目 圖 5-14 編目列表介面藍圖 表 5-21 編目列表介面詞彙 介面代號 3.3 介面名稱編目列表 UI 介面說明 館員可瀏覽編目資料, 或編輯編目資料 元件名稱元件類型元件功能及概念說明資料表欄位 資料型態 ( 長度 ) 藏品登錄號 Table 用以顯示藏品登錄號 CollectYear +. + BatchNo +. 65

76 + SerialNo 藏品名稱 Table 用以顯示藏品名稱 AnitiqueName Varchar(200) 藏品分類 Table 用以顯示藏品分類 AnitiqueType Char(2) 藏品分級 Table 用以顯示藏品分級 AnitiqueLevel Char(2) 件數 Table 用以顯示件數 ItemNo Int 編輯 Image 按下此按鈕進入編目編輯介面 返回 Button 按下此按鈕返回功能選項 UI 函式定義 BindData(): 頁面載入時, 呈現編目資料 BindRegisterNo(CollectYear, BatchNo, SerialNo): 繫結入藏年度 批次號及流水號, 以呈現 藏品登錄號 BindAntiqueType(AnitiqueType): 呈現 " 藏品分類 " 中文 BindAntiqueLevel(AntiqueLevel): 呈現 " 藏品分級 " 中文 Back(): 返回功能選項 UI edit(collectyear, BatchNo, SerialNo): 進入編目編輯 UI, 以編輯資料 限制與註解 無 66

77 圖 5-15 編目編輯介面藍圖 表 5-22 編目編輯介面詞彙 介面代號 3.4 介面名稱編目編輯 UI 介面說明 館員可進行編目資料之編輯 元件名稱元件類型元件功能及概念說明資料表欄位 資料型態 ( 長度 ) 藏品登錄號 Label 用以顯示藏品登錄號 CollectYear +. + BatchNo +. + SerialNo 藏品名稱 Textbox 用以輸入藏品名稱 AnitiqueName Varchar(200) 藏品分類 Select 用以擇定藏品分類 AnitiqueType Char(2) 藏品分級 Select 用以擇定藏品分級 AnitiqueLevel Char(2) 編目狀態 Select 用以擇定藏品狀況 CatalogueStatus Char(1) 件數 Textbox 用以輸入藏品件數 ItemNo Int 年代 Textbox 用以輸入藏品名稱 AnitiqueTime Varchar(20) 入藏日期 Textbox 用以擇定入藏日期 CollectDate Char(8) 67

78 保險金額 Textbox 用以輸入保險金額 Insurance Int 藏品描述 Textbox 用以輸入藏品描述 Description Varchar(2000) 藏品歷史 Textbox 用以輸入藏品歷史 History Varchar(2000) 相關研究描述 Textbox 用以輸入相關研究描述 Research Varchar(2000) 儲存 指令鈕 按下此按鈕將編輯之資料儲存起來 返回 Button 按下此按鈕返回編目列表 UI 函式定義 BindEditData(CollectYear, BatchNo, SerialNo): 繫結欲進行編輯之編目資料 Save(): 儲存編目資料 Back(): 返回編目列表 UI 限制與註解 無 三 狀態圖 利用介面藍圖及 UI 循序圖找出介面狀態間之轉換, 並繪製狀態圖, 其結果 如下列所示 : 68

79 圖 5-16 建立擬藏品資料使用個案 UI 狀態圖 PIM 轉 Web PSM 本章節利用 建立擬藏品資料使用個案 來進行 PIM 轉至 Web PSM 其轉換步驟如下 : 介面類別的轉換 介面類別屬性元素轉換 類別關係轉換 將上述轉換步驟描述如下 : 一 介面類別的轉換 69

80 依據第四章所提之 介面類別的轉換 方式來進行介面類別之轉換, 利用 PIM 所產出之介面架構圖 ( 轉換範圍如圖 5-17 紅框部份 ), 及介面詞彙 ( 表 5-14 表 5-15 表 5-18 表 5-19 表 5-20) 做為此步驟之輸入, 其進行步驟如下所述 : 圖 5-17 轉換範圍之介面架構圖 1. 介面架構圖的控制轉換為伺服端網頁, 並依介面編號及名稱為該伺服端網頁訂定英文名稱 2. 介面架構圖的表達 (Presentation) 轉換為客戶端網頁 (CP), 該客戶端網頁是由第 1 點的伺服端網頁其建立關係 (build) 所自動產生而來 3. 介面架構圖中, 每一個客戶端網頁均產生一個相對應的表單類別 (Form Class) 4. 客戶端網頁所使用之介面元件屬性可利用介面詞彙, 並搭配步驟二 介面類別屬性元素轉換 其對應關係, 將介面元件屬性轉換為表單類別內的 70

81 ASP.Net 網頁控制項 5. 依據第 2 點 表達 是由 控制 此伺服端網頁其建立關係自動產生而來, 故於產生 控制 伺服端網頁時, 需將該控制相對應的表達所包含之介面 元件, 一律產生出來 將上述步驟整理如表 5-23 所示 : 表 5-23 建立擬藏品資料使用個案介面與伺服端網頁對應 介面編號及名稱 伺服端網頁 客戶端網頁 表單類別 build 2.1 館員登入 UI Login.aspx X V 2.2 功能選項 UI Menu.aspx X V 2.3 擬藏品列表 UI PreCollectList.aspx X V 2.4 擬藏品建立 UI CreatePreCollect.aspx X V 2.5 擬藏品清單建立 UI CreatePreList.aspx X V 二 類別屬性對應網頁元件本案例以 Microsoft.NET Framework 為其開發技術平台, 所使用之程式語言為 VB.Net, 可參考表 5-24 介面元件屬性與 ASP.Net 網頁控制項對應表進行對應轉換, 利用介面詞彙其元件類型來進行與 ASP.Net 網頁控制項對應轉換, 其轉換結果可參照表 5-25: 表 5-24 介面屬性與 ASP.Net 網頁控制項對應表 介面元件屬性 Form Textbox Password Button Label RadioButton Image ASP.Net 網頁控制項 <<HTML Form>> <<ASP TextBox>> <<ASP TextBox>> Password <<ASP Button>> <<ASP Label>> <<ASP RadioButtonList>> <<ASP Image>> 71

82 Select Table 介面元件屬性 <<ASP DropDownList>> <<HTML table>> ASP.Net 網頁控制項 <<ASP Table>> <<ASP GridView>> 用於表列式包含編輯 新增 (CommandField) 等功能, 可包含 ASP.NET 控制項, 例如 :Label TextBox 等 表 5-25 建立擬藏品資料使用個案類別屬性網頁元件對照表 類別 / 屬性 資料表欄位 資料型態 元件類型 ASP.Net 控制項 2.1 館員登入 UI 帳號 User_Id String Textbox <<ASP TextBox>> 密碼 User_Pwd String Textbox <<ASP TextBox>> 登入 btnlogin Button <<ASP Button>> 2.2 功能選項 UI 帳號列表 btnaccount Button <<ASP Button>> 擬藏品列表 btnprecollec t Button <<ASP Button>> 編目列表 btncatalogue Button <<ASP Button>> 2.3 擬藏品列表 UI 編輯 Image <<ASP GridView>>CommandF ield 文物批號 BatchNo Label <<ASP 72

83 類別 / 屬性 資料表欄位 資料型態 元件類型 ASP.Net 控制項 GridView>>Label 文物總稱 WholeName Label <<ASP GridView>>BoundField 取得方式 GetWay Label <<ASP GridView>>Label 建立 btncreate Button <<ASP Button>> 返回 btnback Button <<ASP Button>> 2.4 擬藏品建立 UI 入藏年度 CollectYear String Textbox <<ASP TextBox>> 取得方式 GetWay String Select <<ASP DropDownList>> 捐贈人 Donate String Textbox <<ASP TextBox>> 提供日期 ProvideDate String Textbox <<ASP TextBox>> 文物總稱 WholeName String Textbox <<ASP TextBox>> 儲存 btnsave Button <<ASP Button>> 清單建立 btncreatelis t Button <<ASP Button>> 2.5 擬藏品清 單建立 UI 返回 btnback Button <<ASP Button>> 原登錄名稱 OrignalNam String Textbox <<ASP TextBox>> e 文物年代 AntiqueTime String Textbox <<ASP TextBox>> 文物金額 AntiqueValu String Textbox <<ASP TextBox>> e 73

84 類別 / 屬性資料表欄位資料型態元件類型 ASP.Net 控制項 文物件數 ItemNo String Textbox <<ASP TextBox>> 藏品狀況 AntiqueStatu s String Select <<ASP DropDownList>> 入藏否 CollectStatus String Select <<ASP DropDownList>> 儲存 btnsave Button <<ASP Button>> 拋轉編目 btntransfor m Button <<ASP Button>> 返回 btnback Button <<ASP Button>> 編輯 Image <<ASP GridView>>CommandF ield 原登錄名稱 lblorignalna me 文物金額 lblantiqueva lue Lable Lable <<ASP GridView>>Label <<ASP GridView>>Label 文物件數 lblitemno Lable <<ASP GridView>>Label 入藏否 lblcollectsta tus Lable <<ASP GridView>>Label 三 介面類別的關係轉換 將上述步驟一介面類別的轉換所整理之表 5-23 進行其關係之轉換, 依各個介面類別進行, 並利用 Rational Rose Case Tool 繪製 Web PSM 類別圖 五個介面物件其關係轉換做法雷同, 故僅將轉換說明詳列於 館員登入 UI 內, 其餘之介面類別關係轉換, 僅將結果呈現出, 如圖 5-18~ 圖 5-22 所示 轉換步驟如下 : 1. 館員登入 UI 74

85 (1) 伺服端網頁 (Login.aspx) 會自動建立館員登入客戶端網頁, 所以伺服端網頁與客戶端網頁間有 建立 關聯 (2) 館員登入客戶端網頁與其相對應之表單有 聚合 關聯 (3) 館員輸入帳號及密碼按登入按鈕, 會將表單內屬性欄位值送出至伺服端網頁進行處理, 故表單與伺服端網頁有 送出 關聯 (4) 微軟.NET Framework 此開發技術平台將程式碼與展現層分開, 將程式碼置於另一檔案內, 稱為 Code behind 本案例以 VB.Net 語言撰寫, 故其程式碼檔名為 Login.aspx.vb, 該物件為伺服端網頁的超類別 (Superclass), 與伺服端相關事件處理之程式碼可置於此檔案內 依上述步驟, 可繪製館員登入 Web PSM 類別圖, 如圖 5-18 所示 圖 5-18 館員登入 Web PSM 類別圖 2. 功能選項 UI 75

86 圖 5-19 功能選項 Web PSM 類別圖 3. 擬藏品列表 UI 圖 5-20 擬藏品列表 Web PSM 類別圖 4. 擬藏品建立 UI 76

87 圖 5-21 擬藏品建立 Web PSM 類別圖 5. 擬藏品清單建立 UI 圖 5-22 擬藏品清單建立 Web PSM 類別圖 6. 利用建立擬藏品資料使用個案其 UI 狀態圖建立其狀態轉換關聯關係, 並將 上述之 Web PSM 類別圖整合如圖 5-23 所示 : 77

88 圖 5-23 建立擬藏品資料使用個案 Web PSM 類別圖 78

89 四 程式碼樣版目前尚無 Case Tool 可產生 Microsoft ASP.Net 及 VB.Net 程式碼, 故依上述步驟所產生之 Web PSM 類別圖, 及介面藍圖產生程式碼樣版, 可參考表 5-26~ 表 5-30 表 5-26 館員登入 UI 程式碼樣版 2.1 館員登入 UI 配合介面藍圖進行網頁控制項之配置 館員登入 UI 程式碼 (Login.aspx) Page Language="VB" AutoEventWireup="false" CodeFile="login.aspx.vb" Inherits="login" title=" 館員登入 " %> <html> <body> <form id ="form1" runat="server"> <table> <tr> <td> 帳號 :</td> <td> <asp:textbox id="user_id" runat="server"></asp:textbox> </td> </tr> <tr> <td> 密碼 :</td> <td> <asp:textbox id="user_pwd" runat="server" TextMode="Password"></asp:textbox> </td> </tr> <tr> <td colspan="2" align="center"> <asp:button ID="btnLogin" runat="server" Text=" 登入 " /> </td> </tr> </table> </form> </body> </html> Login.aspx.vb 79

90 Partial Class Login ' 檔名 Login.aspx.vb 預設為 Class 的名稱 Inherits System.Web.UI.Page 'Microsoft.NET 撰寫網程式所需包含之程式碼 ' 依據 Web PSM 類別圖之操作產生程式碼樣版 Sub Login(ByVal User_Id as String, ByVal User_Pwd as String) Handles btnlogin.click End Sub End Class 表 5-27 功能選項 UI 程式碼樣版 2.2 功能選項 UI 功能選項 UI 程式碼 (Menu.aspx) 配合介面藍圖進行網頁控制項之配置 Page Language="VB" AutoEventWireup="false" CodeFile="Menu.aspx.vb" Inherits="Menu" title=" 功能選項 " %> <html> <body> <form id ="form1" runat="server"> <table> <tr> <td><asp:button ID=" btnaccount " runat="server" Text=" 帳號列表 " /></td> <td><asp:button ID=" btnprecollect " runat="server" Text=" 擬藏品列表 " /></td> <td><asp:button ID=" btncatalogue " runat="server" Text=" 編目列表 " /></td> </tr> </table> </form> </body> </html> Menu.aspx.vb Partial Class Menu 80

91 Inherits System.Web.UI.Page Sub LinkToAccount() Handles btnaccount.click End Sub Sub LinkToPreCollect() Handles btnprecollect.click End Sub Sub LinkToCatalogue() Handles btncatalogue.click End Sub End Class 表 5-28 擬藏品列表 UI 程式碼樣版 UI2.3 擬藏品列表 UI 擬藏品列表 UI 程式碼 (PreCollectList.aspx) 配合介面藍圖進行網頁控制項之配置 Page Language="VB" AutoEventWireup="false" CodeFile="PreCollectList.aspx.vb" Inherits=" PreCollectList" title=" 擬藏品列表 " %> <html> <body> <form id="form1" runat="server"> <table> <tr align="center"> <td> <asp:button ID="btnCreate" Text=" 建立 " runat="server" /> <asp:button ID="btnBack" Text=" 返回 " runat="server" /> </td> </tr> <tr> 81

92 <td> <asp:gridview ID="GridView1" runat="server" AutoGenerateColumns="False"> <Columns> <asp:commandfield EditImageUrl="~/_Images/iEdit.gif" ShowEditButton="True" ButtonType="Image" HeaderText=" 編輯 " ItemStyle-HorizontalAlign="Center" /> <asp:templatefield HeaderText=" 文物批號 "> <ItemTemplate> <asp:label ID="lblBatchno" runat="server" ></asp:label> </ItemTemplate> </asp:templatefield> <asp:boundfield DataField="WholeName" HeaderText=" 文物總稱 " /> <asp:templatefield HeaderText=" 取得方式 "> <ItemTemplate> <asp:label ID="lblGetWay" runat="server"></asp:label> </ItemTemplate> </asp:templatefield> </Columns> </asp:gridview> </td> </tr> </table> </form> </body> </html> PreCollectList.aspx.vb 依類別圖順序, 將程式碼樣版呈現在下方 Partial Class PreCollectList Inherits System.Web.UI.Page Sub BindData() End Sub Sub edit(byval CollectYear as String, ByVal BatchNo as String) Handles GridView1.RowEditing End Sub Sub Create() Handles btncreate.click End Sub Sub BindBatchNo(ByVal CollectYear as String, ByVal BatchNo as String) End Sub Sub BindGetWay() End Sub 82

93 Sub Back() Handles btnback.click End Sub End Class 表 5-29 擬藏品建立 UI 程式碼樣版 UI2.4 擬藏品建立 UI 擬藏品建立 UI 程式碼 (CreatePreCollect.aspx) 配合介面藍圖進行網頁控制項之配置 Page Language="VB" AutoEventWireup="false" CodeFile="CreatePreCollect.aspx.vb" Inherits=" CreatePreCollect" title=" 擬藏品建立 " %> <html> <body> <form id="form1" runat="server"> <table> <tr> <td> 入藏年度 </td> <td><asp:textbox id="collectyear" runat="server"></asp:textbox> </td> </tr> <tr> <td> 取得方式 </td> <td><asp:dropdownlist ID="GetWay" runat="server"></asp:dropdownlist></td> </tr> <tr> 83

94 <td> 捐贈人 </td> <td><asp:textbox id="donator" runat="server"></asp:textbox></td> </tr> <tr> <td> 提供日期 </td> <td><asp:textbox id="providedate" runat="server"></asp:textbox ></td> </tr> <tr> <td> 文物總稱 </td> <td><asp:textbox ID="WholeName" runat="server"></asp:textbox></td> </tr> <tr> <td colspan="2"> <asp:button ID="btnSave" runat="server" Text=" 儲存 " /> <asp:button ID="btnCreateList" runat="server" Text=" 清單建立 " /> <asp:button ID="btnBack" runat="server" Text=" 返回 " /> </td> </tr> </table> </form> </body> </html> CreatePreCollect.aspx.vb Partial Class CreatePreCollect Inherits System.Web.UI.Page Sub BindEditData(ByVal CollectYear as String, ByVal BatchNo as String) End Sub Sub Save() Handles btnsave.click End Sub Sub CreateList(ByVal CollectYear as String, ByVal BatchNo as String) Handles btncreatelist.click End Sub Sub Back() Handles btnback.click End Sub End Class 84

95 表 5-30 擬藏品清單建立 UI 程式碼樣版 UI2.5 擬藏品清單建立 UI 擬藏品清單建立 UI 程式碼 (CreatePreList.aspx) 配合介面藍圖進行網頁控制項之配置 Page Language="VB" AutoEventWireup="false" CodeFile="CreatePreList.aspx.vb" Inherits=" CreatePreCollect" title=" 擬藏品清單建立 " %> <html> <body> <form id="form1" runat="server"> <table> <tr> <td> 原登錄名稱 </td> <td><asp:textbox id="originalname" runat="server"></asp:textbox> </td> </tr> <tr> <td> 文物年代 </td> <td><asp:textbox id="antiquetime" runat="server"></asp:textbox> </td> </tr> 85

96 <tr> <td> 文物金額 </td> <td><asp:textbox id=" AntiqueValue" runat="server"></asp:textbox></td> </tr> <tr> <td> 文物件數 </td> <td><asp:textbox id="itemno" runat="server"></asp:textbox ></td> </tr> <tr> <td> 藏品狀況 </td> <td><asp:dropdownlist ID="AntiqueStatus" runat="server"></asp:dropdownlist></td> </tr> <tr> <td> 入藏否 </td> <td><asp:dropdownlist ID="CollectStatus" runat="server"></asp:dropdownlist></td> </tr> <tr> <td colspan="2"> <asp:button ID="btnSave" runat="server" Text=" 儲存 " /> <asp:button ID="btnTransform" runat="server" Text=" 拋轉編目 " /> <asp:button ID="btnBack" runat="server" Text=" 返回 " /> </td> </tr> <tr> <td colspan="2"> <asp:gridview ID="GridView1" runat="server" AutoGenerateColumns="False"> <Columns> <asp:commandfield EditImageUrl="~/_Images/iEdit.gif" ShowEditButton="True" ButtonType="Image" HeaderText=" 編輯 " ItemStyle-HorizontalAlign="Center" /> <asp:templatefield HeaderText=" 原登錄名稱 "> <ItemTemplate> <asp:label ID="lblOriginalName" runat="server" ></asp:label> </ItemTemplate> </asp:templatefield> <asp:templatefield HeaderText=" 文物金額 "> <ItemTemplate> <asp:label ID="lblAntiqueValue" runat="server" ></asp:label> </ItemTemplate> </asp:templatefield> <asp:templatefield HeaderText=" 文物件數 "> <ItemTemplate> <asp:label ID="lblItemNo" runat="server"></asp:label> </ItemTemplate> </asp:templatefield> <asp:templatefield HeaderText=" 入藏否 "> <ItemTemplate> <asp:label ID="lblCollectStatus" runat="server"></asp:label> </ItemTemplate> </asp:templatefield> </Columns> </asp:gridview> </td> </tr> </table> </form> 86

97 </body> </html> CreatePreList.aspx.vb Partial Class CreatePreList Inherits System.Web.UI.Page Sub BindData(ByVal CollectYear as String, ByVal BatchNo as String) End Sub Sub BindCollectStatus(ByVal CollectStatus as String) End Sub Sub Save() Handles btnsave.click End Sub Sub edit(byval CollectYear as String, ByVal BatchNo as String, ByVal SerialNo as String) Handles GridView1.RowEditing End Sub Sub Transform() Handles btntransform.click End Sub Sub Back() Handles btnback.click End Sub End Class 87

導讀 ASP.NET HTML ASP 第一篇 基礎篇第 1 章 認識 ASP.NET ASP.NET ASP.NET ASP.NET ASP.NET 第 2 章 認識 Visual Studio 20 開發環境 Visual Studio 20 Visual Studio 20 第二篇 C# 程式

導讀 ASP.NET HTML ASP 第一篇 基礎篇第 1 章 認識 ASP.NET ASP.NET ASP.NET ASP.NET ASP.NET 第 2 章 認識 Visual Studio 20 開發環境 Visual Studio 20 Visual Studio 20 第二篇 C# 程式 導讀 ASP.NET HTML ASP 第一篇 基礎篇第 1 章 認識 ASP.NET ASP.NET ASP.NET ASP.NET ASP.NET 第 2 章 認識 Visual Studio 20 開發環境 Visual Studio 20 Visual Studio 20 第二篇 C# 程式語言篇第 3 章 C# 程式語言基礎 C# C# 3.0 var 第 4 章 基本資料處理 C# x

More information

投影片 1

投影片 1 資料庫管理程式 ( 補充教材 -Part2) 使用 ADO.NET 連結資料庫 ( 自行撰寫程式碼 以實現新增 刪除 修改等功能 ) Private Sub InsertButton_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles InsertButton.Click ' 宣告相關的 Connection

More information

第一篇文概說第七章公文的用語及標點符號公本篇內容 第一章 緒論 第二章 公文的意義 第三章 公文與高 普 特各類考試 第四章 公文程式之意義及演變 第五章 公文之分類及其行文系統 第六章 公文之結構與行款 第一篇 第一章緒論 003 第一章緒論 等 等 004 最新應用公文 第一篇 第二章公文的意義 005 第二章公文的意義 第一節 一 須為公務員製作之文書 二 須為公務員 職務上 製作之文書 006

More information

第二節 研究方法 本論文第一章 緒論 說明研究動機與目的 研究方法及研究的範圍及限制 並對 飲食散文的義界 作一觀念的釐清 第二章 文獻探討 就將本研究的理 論建構中的概念作釐清 分別為 現代文學 飲食文學的重要論著 等兩個部 分來描述目前文獻的研究成果 並探討其不足待補述的地方 本研究以 文化研 究 為主要研究基礎 統攝整個研究架構 在不同章節裡 佐以相關研究方法進 行論述 茲圖示如下 研究方法

More information

Microsoft PowerPoint UML.ppt

Microsoft PowerPoint UML.ppt Software Analysis and Design Using UML 參考資料 IBM UML Resource Center http://www.omg.org/uml/ Systems Analysis and Design with UML : An Object-Oriented Approach, Second Edition, Alan Dennis Object-Oriented

More information

多層次傳銷與獎金系統

多層次傳銷與獎金系統 醒 吾 技 術 學 院 資 訊 管 理 系 ( 五 專 部 ) 九 十 六 學 年 度 畢 業 專 題 多 層 次 傳 銷 與 獎 金 系 統 組 員 : 921506122 游 濬 瑋 921506126 陳 彥 宇 921506139 林 龍 華 921506144 陳 昶 志 921506149 楊 璧 如 指 導 老 師 : 汪 淵 老 師 中 華 民 國 九 十 七 年 一 月 十 一 醒

More information

声 明 本 公 司 及 全 体 董 事 监 事 高 级 管 理 人 员 承 诺 不 存 在 任 何 虚 假 记 载 误 导 性 陈 述 或 重 大 遗 漏, 并 对 其 真 实 性 准 确 性 完 整 性 承 担 个 别 和 连 带 的 法 律 责 任 本 公 司 负 责 人 和 主 管 会 计 工

声 明 本 公 司 及 全 体 董 事 监 事 高 级 管 理 人 员 承 诺 不 存 在 任 何 虚 假 记 载 误 导 性 陈 述 或 重 大 遗 漏, 并 对 其 真 实 性 准 确 性 完 整 性 承 担 个 别 和 连 带 的 法 律 责 任 本 公 司 负 责 人 和 主 管 会 计 工 Shenzhen WitSoft Information Technology Co., Ltd. 主 办 券 商 二 〇 一 六 年 二 月 声 明 本 公 司 及 全 体 董 事 监 事 高 级 管 理 人 员 承 诺 不 存 在 任 何 虚 假 记 载 误 导 性 陈 述 或 重 大 遗 漏, 并 对 其 真 实 性 准 确 性 完 整 性 承 担 个 别 和 连 带 的 法 律 责 任 本

More information

chapter 2 HTML5 目錄iii HTML HTML HTML HTML HTML canvas

chapter 2 HTML5 目錄iii HTML HTML HTML HTML HTML canvas Contents 目錄 chapter 1 1-1... 1-2 1-2... 1-3 HTML5... 1-3... 1-5 1-3... 1-9 Web Storage... 1-9... 1-10 1-4 HTML5... 1-14... 1-14... 1-15 HTML5... 1-15... 1-15... 1-16 1-5... 1-18 Apps... 1-18 HTML5 Cache

More information

FAQ -PowerDesigner9.5.DOC

FAQ -PowerDesigner9.5.DOC PowerDesigner 9.5 FAQ 1. PowerDesigner PowerDesigner PowerDesigner (CASE Tool,Computer Aided Software Engineering) PowerDesigner 1989 9.5 2. PowerDesigner PowerDesigner Internet ( Java) PowerDesigner 7.0

More information

46 2011 11 467 數位遊戲式學習系統 7 2011 11 467 47 3 DBGameSys 48 2011 11 467 正規化資料模組 如何配置並儲存電子化資料 以 便減少資料被重覆儲存的程序 DBGameSys的主要功能模組包 學習者 審核評分模組 含 正規化資料模組 審核評分 模組 高分列表模組3大區塊 系統資料庫 在正規化資料模組的執行 高分列表模組 過程中 先要求學習者瀏覽遊戲

More information

<4D6963726F736F667420506F776572506F696E74202D20C8EDBCFEBCDCB9B9CAA6D1D0D0DEBDB2D7F92E707074>

<4D6963726F736F667420506F776572506F696E74202D20C8EDBCFEBCDCB9B9CAA6D1D0D0DEBDB2D7F92E707074> 软 件 架 构 师 研 修 讲 座 胡 协 刚 软 件 架 构 师 UML/RUP 专 家 szjinco@public.szptt.net.cn 中 国 软 件 架 构 师 网 东 软 培 训 中 心 小 故 事 : 七 人 分 粥 当 前 软 件 团 队 的 开 发 现 状 和 面 临 的 问 题 软 件 项 目 的 特 点 解 决 之 道 : 从 瀑 布 模 型 到 迭 代 模 型 解 决 项

More information

untitled

untitled PowerBuilder Tips 利 PB11 Web Service 年度 2 PB Tips PB9 EAServer 5 web service PB9 EAServer 5 了 便 web service 來說 PB9 web service 力 9 PB11 release PB11 web service 力更 令.NET web service PB NVO 論 不 PB 來說 說

More information

資訊系統開發模式

資訊系統開發模式 第 2 章 資 訊 系 統 開 發 模 式 學 習 目 標 2.1 導 論 2.2 瀑 布 模 式 2.3 漸 增 模 式 2.4 雛 型 模 式 2.5 螺 旋 模 式 2.6 同 步 模 式 2.7 Rational 統 一 流 程 模 式 2.8 敏 捷 軟 體 開 發 2.9 MDA 發 展 生 命 週 期 2.10 結 論 本 章 大 綱 學 習 目 標 詳 讀 本 章, 你 至 少 能

More information

Mechanical Science and Technology for Aerospace Engineering October Vol No. 10 Web SaaS B /S Web2. 0 Web2. 0 TP315 A

Mechanical Science and Technology for Aerospace Engineering October Vol No. 10 Web SaaS B /S Web2. 0 Web2. 0 TP315 A 2012 10 31 10 Mechanical Science and Technology for Aerospace Engineering October Vol. 31 2012 No. 10 Web2. 0 400030 SaaS B /S Web2. 0 Web2. 0 TP315 A 1003-8728 2012 10-1638-06 Design and Implementation

More information

財金資訊-82期.indd

財金資訊-82期.indd / ( ) ( ) (waterfall model) (spiral model) 1 (output) (input) 1 www.fisc.com.tw 27 Barry Boehm 1988 2 (prototype) (agile) 2 ( ) 3 3 ( ) 28 / No.82 / 2015.04 (software testing) (peer review) ( ) V ( 4 )

More information

Autodesk Product Design Suite Standard 系統統需求 典型使用用者和工作流程 Autodesk Product Design Suite Standard 版本為為負責建立非凡凡產品的設計師師和工程師, 提供基本概念設計計和製圖工具, 以取得令人驚驚嘆

Autodesk Product Design Suite Standard 系統統需求 典型使用用者和工作流程 Autodesk Product Design Suite Standard 版本為為負責建立非凡凡產品的設計師師和工程師, 提供基本概念設計計和製圖工具, 以取得令人驚驚嘆 Autodesk Product Design Suite Standard 20122 系統統需求 典型使用用者和工作流程 Autodesk Product Design Suite Standard 版本為為負責建立非凡凡產品的設計師師和工程師, 提供基本概念設計計和製圖工具, 以取得令人驚驚嘆的產品設計計 Autodesk Product Design Suite Standard 版本中中包括以下軟體體產品

More information

0 0 = 1 0 = 0 1 = = 1 1 = 0 0 = 1

0 0 = 1 0 = 0 1 = = 1 1 = 0 0 = 1 0 0 = 1 0 = 0 1 = 0 1 1 = 1 1 = 0 0 = 1 : = {0, 1} : 3 (,, ) = + (,, ) = + + (, ) = + (,,, ) = ( + )( + ) + ( + )( + ) + = + = = + + = + = ( + ) + = + ( + ) () = () ( + ) = + + = ( + )( + ) + = = + 0

More information

Microsoft PowerPoint - SAGE 2010

Microsoft PowerPoint - SAGE 2010 SAGE Journals Online -Communication Studies 大綱 SAGE 簡介 Communication Studies 收錄內容 SJO 平台功能介紹 首頁 瀏覽功能 檢索功能 進階服務 SAGE Content 超過 520 種人文 社會科學 理工 科技領域電子期刊 SAGE 與超過 245 個國際知名的學會合作 ( 包括 American Sociological

More information

行政法概要 本章學習重點 本章大綱 第一節行政作用之概念 第二節行政作用之分類 一 行政程序法 第三節行政作用法之範圍 第四節行政作用之私法 行為 二 行政罰法三 行政執行法一 源起二 類型 第五節行政作用中的非 權力行為 一 類型 二 事實行為 第六節行政作用之內部 行為 一 行政規則

行政法概要 本章學習重點 本章大綱 第一節行政作用之概念 第二節行政作用之分類 一 行政程序法 第三節行政作用法之範圍 第四節行政作用之私法 行為 二 行政罰法三 行政執行法一 源起二 類型 第五節行政作用中的非 權力行為 一 類型 二 事實行為 第六節行政作用之內部 行為 一 行政規則 第 6 章 行政作用及其分類 行政法概要 本章學習重點 1. 2. 本章大綱 第一節行政作用之概念 第二節行政作用之分類 一 行政程序法 第三節行政作用法之範圍 第四節行政作用之私法 行為 二 行政罰法三 行政執行法一 源起二 類型 第五節行政作用中的非 權力行為 一 類型 二 事實行為 第六節行政作用之內部 行為 一 行政規則 二 內部指令 CHAPTER 6 行政作用及其分類 內文教學區 1 行政法概要

More information

软 件 工 程 专 业 习 指 南 目 录 一 软 件 工 程 专 业 设 置 背 景 与 发 展 前 景... 3 二 软 件 工 程 专 业 实 践 教 条 件... 4 三 软 件 工 程 专 业 课 程 类 型 及 核 方 式... 6 1. 软 件 工 程 专 业 课 程 类 型...7

软 件 工 程 专 业 习 指 南 目 录 一 软 件 工 程 专 业 设 置 背 景 与 发 展 前 景... 3 二 软 件 工 程 专 业 实 践 教 条 件... 4 三 软 件 工 程 专 业 课 程 类 型 及 核 方 式... 6 1. 软 件 工 程 专 业 课 程 类 型...7 计 算 机 系 软 件 工 程 专 业 习 指 南 广 东 科 技 院 计 算 机 系 2015-9-1 软 件 工 程 专 业 习 指 南 目 录 一 软 件 工 程 专 业 设 置 背 景 与 发 展 前 景... 3 二 软 件 工 程 专 业 实 践 教 条 件... 4 三 软 件 工 程 专 业 课 程 类 型 及 核 方 式... 6 1. 软 件 工 程 专 业 课 程 类 型...7

More information

untitled

untitled Data Source 01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 8-1 Data Source 8-2 Data Source 8-3 Data Source 8-4 Data Source 8-5 DataSourceID 8-6 DataSourceMode 8-7 DataSource 8-8 8-9 Parameter Direction

More information

(CIP) Web /,. :,2005. 1 ISBN 7 81058 782 X.W............T P393.4 CIP (2004) 118797 Web ( 99 200436) ( http:/ / www.shangdapress.com 66135110) : * 787

(CIP) Web /,. :,2005. 1 ISBN 7 81058 782 X.W............T P393.4 CIP (2004) 118797 Web ( 99 200436) ( http:/ / www.shangdapress.com 66135110) : * 787 Web (CIP) Web /,. :,2005. 1 ISBN 7 81058 782 X.W............T P393.4 CIP (2004) 118797 Web ( 99 200436) ( http:/ / www.shangdapress.com 66135110) : * 787 1092 1/ 16 30.75 748 2005 1 1 2005 1 1 : 1 3 100

More information

PowerPoint 簡報

PowerPoint 簡報 ISBN 978-986-1-457-012-6 第三章物件導向技術 內容大綱 學習目標 3.1 導論 3.2 模組化系統理論 3.3 物件導向的基本概念 3.4 物件導向分析與設計及塑模工具 3.5 結論 學習目標 詳讀本章, 你至少能瞭解 : 物件導向的基本概念 物件導向分析與設計及塑模工具 物件導向系統開發的過程與產出 3.1 導論 物件導向技術 (Object-Oriented Technique)

More information

使用手冊

使用手冊 使用手冊 版權所有 2013 年 Microtek International, Inc. 保留所有權利 商標 Microtek MII MiiNDT ScanWizard Microtek International, Inc. Windows Microsoft Corporation 重要須知 Microtek Microtek Windows Microsoft Windows I49-004528

More information

The golden pins of the PCI card can be oxidized after months or years

The golden pins of the PCI card can be oxidized after months or years Q. 如何在 LabWindows/CVI 編譯 DAQ Card 程式? A: 請參考至下列步驟 : 步驟 1: 安裝驅動程式 1. 安裝 UniDAQ 驅動程式 UniDAQ 驅動程式下載位置 : CD:\NAPDOS\PCI\UniDAQ\DLL\Driver\ ftp://ftp.icpdas.com/pub/cd/iocard/pci/napdos/pci/unidaq/dll/driver/

More information

6-1 Table Column Data Type Row Record 1. DBMS 2. DBMS MySQL Microsoft Access SQL Server Oracle 3. ODBC SQL 1. Structured Query Language 2. IBM

6-1 Table Column Data Type Row Record 1. DBMS 2. DBMS MySQL Microsoft Access SQL Server Oracle 3. ODBC SQL 1. Structured Query Language 2. IBM CHAPTER 6 SQL SQL SQL 6-1 Table Column Data Type Row Record 1. DBMS 2. DBMS MySQL Microsoft Access SQL Server Oracle 3. ODBC SQL 1. Structured Query Language 2. IBM 3. 1986 10 ANSI SQL ANSI X3. 135-1986

More information

% % % 獨立 廉正 專業 創新

% % % 獨立 廉正 專業 創新 101 99 102 101 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 99 102 8 4 34 11 101826 594 71.91% 160 19.37% 72 8.72% 101 100 27 18100 21 101 35 獨立 廉正 專業 創新 1. 7,290 8,677 26,180 26,011 1,272 1,346 142 157 7 7 1,757 1,795

More information

Wy159.mps

Wy159.mps 第 章 系 统 开 发 方 法 管 理 信 息 系 统 开 发 的 效 率 质 量 成 本 及 用 户 的 满 意 程 度, 除 了 管 理 技 术 等 因 素 外, 还 与 系 统 开 发 方 法 密 切 相 关 管 理 信 息 系 统 从 产 生 到 现 在 已 经 发 展 了 许 多 开 发 方 法, 这 些 开 发 方 法 各 自 遵 循 一 定 的 基 本 思 想, 适 用 于 一 定 的

More information

國立中山大學學位論文典藏.pdf

國立中山大學學位論文典藏.pdf The Development And Strategy Of The Seafood Industry Studies In Taiwan. I II 目 錄 頁次 第一章: 緒論 1-9 第一節: 研究的動機與研究的目的 第二節: 研究的步驟與研究方法 1-7 8 第三節: 資料蒐集 9 第四節:本文組職 9 第二章: 台灣的水產加工及全球水產供需 10-44 第一節: 台灣的地理位置與水產資源

More information

於中華人民共和國註冊成立的股份有限公司 股份代號 6066 2016 年度報告 2016 年度報告 目錄 釋義........................................ 2 董事長致辭.................................. 5 第一節 重要提示........................... 9 第二節 重大風險提示........................

More information

10-2 SCJP SCJD 10.1 昇陽認證 Java 系統開發工程師 的認證程序 Java IT SCJD

10-2 SCJP SCJD 10.1 昇陽認證 Java 系統開發工程師 的認證程序 Java IT SCJD 10 SCJD 簡介 Java 10-2 SCJP SCJD 10.1 昇陽認證 Java 系統開發工程師 的認證程序 Java IT SCJD 10 SCJD 10-3 Java Java SCJD 7 Swing RMI 10.1.1 The Assignment The Essay 9 10 10-4 SCJP SCJD 90 10.1.2 SCJP Java 90 120 Swing 10

More information

Microsoft Word - Ch06.docx

Microsoft Word - Ch06.docx Chapter 6-1 6-2 6-2 l ASP.NET 6-1 (theme) ASP.NET (skin).skin ButtonLabelHyperLink (cascading style sheet).css TreeView 1. 2. (page theme) (global theme) IIS l 6-3 6-1-1 (page theme) (global theme) App_Themes

More information

untitled

untitled 12-1 -2 VC# Web Blog 12-1 -1-1 12-1.1-1 C:\ ChartModuleSample_CSharp\Application\2001\ Files\ 4096 KB 120 Web.Config httpruntime maxrequestlength executiontimeout 12-2

More information

509 (ii) (iii) (iv) (v) 200, , , , C 57

509 (ii) (iii) (iv) (v) 200, , , , C 57 59 (ii) (iii) (iv) (v) 500,000 500,000 59I 18 (ii) (iii) (iv) 200,000 56 509 (ii) (iii) (iv) (v) 200,000 200,000 200,000 500,000 57 43C 57 (ii) 60 90 14 5 50,000 43F 43C (ii) 282 24 40(1B) 24 40(1) 58

More information

Microsoft Word - MP2018_Report_Chi _12Apr2012_.doc

Microsoft Word - MP2018_Report_Chi _12Apr2012_.doc 人 力 資 源 推 算 報 告 香 港 特 別 行 政 區 政 府 二 零 一 二 年 四 月 此 頁 刻 意 留 空 - 2 - 目 錄 頁 前 言 詞 彙 縮 寫 及 注 意 事 項 摘 要 第 一 章 : 第 二 章 : 第 三 章 : 第 四 章 : 附 件 一 : 附 件 二 : 附 件 三 : 附 件 四 : 附 件 五 : 附 件 六 : 附 件 七 : 引 言 及 技 術 大 綱 人

More information

南華大學數位論文

南華大學數位論文 1 i -------------------------------------------------- ii iii iv v vi vii 36~39 108 viii 15 108 ix 1 2 3 30 1 ~43 2 3 ~16 1 2 4 4 5 3 6 8 6 4 4 7 15 8 ----- 5 94 4 5 6 43 10 78 9 7 10 11 12 10 11 12 9137

More information

李天命的思考藝術

李天命的思考藝術 ii iii iv v vi vii viii ix x 3 1 2 3 4 4 5 6 7 8 9 5 10 1 2 11 6 12 13 7 8 14 15 16 17 18 9 19 20 21 22 10 23 24 23 11 25 26 7 27 28 12 13 29 30 31 28 32 14 33 34 35 36 5 15 3 1 2 3 4 5 6 7 8 9 10 11

More information

皮肤病防治.doc

皮肤病防治.doc ...1...1...2...3...4...5...6...7...7...9...10... 11...12...14...15...16...18...19...21 I ...22...22...24...25...26...27...27...29...30...31...32...33...34...34...36...36...37...38...40...41...41...42 II

More information

性病防治

性病防治 ...1...2...3...4...5...5...6...7...7...7...8...8...9...9...10...10... 11... 11 I ...12...12...12...13...14...14...15...17...20...20...21...22...23...23...25...27...33...34...34...35...35 II ...36...38...39...40...41...44...49...49...53...56...57...57...58...58...59...60...60...63...63...65...66

More information

中国南北特色风味名菜 _一)

中国南北特色风味名菜 _一) ...1...1...2...3...3...4...5...6...7...7...8...9... 10... 11... 13... 13... 14... 16... 17 I ... 18... 19... 20... 21... 22... 23... 24... 25... 27... 28... 29... 30... 32... 33... 34... 35... 36... 37...

More information

全唐诗24

全唐诗24 ... 1... 1... 2... 2... 3... 3... 4... 4... 5... 5... 6... 6... 7... 7... 8... 8... 9... 9...10...10...10...11...12...12...12...13...13 I II...14...14...14...15...15...15...16...16...16...17...17...18...18...18...19...19...19...20...20...20...21...21...22...22...23...23...23...24

More information

Page i

Page i 况 1 1.1.1 1.1.2 1.1.3 2 2.1 2.1.1 2.1.2 2.1.3 2.1.4 Page i 2.2 2.2.1 2.2.2 2.2.3 2.2.4 2.2.5 2.2.6 2.3 2.3.1 Page ii 2.3.2 2.3.3 2.3.4 2.4 2.4.1 2.4.2 2.4.3 Page iii 2.5 2.5.1 2.6 2.6.1 2.6.2 3 3.1 3.1.1

More information

Microsoft Word - Paper on PA (Chi)_2016.01.19.docx

Microsoft Word - Paper on PA (Chi)_2016.01.19.docx 立 法 會 發 展 事 務 委 員 會 二 零 一 六 年 施 政 報 告 及 施 政 綱 領 有 關 發 展 局 的 措 施 引 言 行 政 長 官 在 二 零 一 六 年 一 月 十 三 日 發 表 題 為 創 新 經 濟 改 善 民 生 促 進 和 諧 繁 榮 共 享 的 二 零 一 六 年 施 政 報 告 施 政 報 告 夾 附 施 政 綱 領, 臚 列 政 府 推 行 的 新 措 施 和

More information

投影片 1

投影片 1 計算機程式及實習 期末報告 題目 : 六宿炒翻天 班級 : 奈米一乙姓名 : 陳洋翼學號 :4A514050 老師 : 謝慶存 程式說明 設計結帳系統, 選擇數量後, 在按下計算, 將會顯示總金額 若是老人或小孩, 將可享 8 折或 9 折的優惠 程式畫面 填選數量 在火腿蛋炒飯的數量選擇 1, 並按下計算, 可得總金額 50 元 程式畫面 打折 填選完後, 若客人是小孩或老人, 選擇欲打折項目,

More information

2/80 2

2/80 2 2/80 2 3/80 3 DSP2400 is a high performance Digital Signal Processor (DSP) designed and developed by author s laboratory. It is designed for multimedia and wireless application. To develop application

More information

( )... 5 ( ) ( )

( )... 5 ( ) ( ) 2016 大學校院招收大陸地區學生聯合招生委員會 71005 臺南市永康區南臺街 1 號 E-mail:rusen@stust.edu.tw WEB:http://rusen.stust.edu.tw TEL:+886-6-2435163 FAX:+886-6-2435165 2 0 1 6 0 1 1 9 2016... 2... 3... 5 ( )... 5 ( )... 5 1... 6 2...

More information

主程式 : public class Main3Activity extends AppCompatActivity { ListView listview; // 先整理資料來源,listitem.xml 需要傳入三種資料 : 圖片 狗狗名字 狗狗生日 // 狗狗圖片 int[] pic =new

主程式 : public class Main3Activity extends AppCompatActivity { ListView listview; // 先整理資料來源,listitem.xml 需要傳入三種資料 : 圖片 狗狗名字 狗狗生日 // 狗狗圖片 int[] pic =new ListView 自訂排版 主程式 : public class Main3Activity extends AppCompatActivity { ListView listview; // 先整理資料來源,listitem.xml 需要傳入三種資料 : 圖片 狗狗名字 狗狗生日 // 狗狗圖片 int[] pic =new int[]{r.drawable.dog1, R.drawable.dog2,

More information

IsPostBack 2

IsPostBack 2 5 IsPostBack 2 TextBox 3 TextBox TextBox 4 TextBox TextBox 1 2 5 TextBox Columns MaxLength ReadOnly Rows Text TextMode TextMode MultiLine TextMode MultiLine True False TextMode MultiLine Password MulitLine

More information

untitled

untitled 1 .NET 利 [] [] 來 說 切 切 理 [] [ ] 來 說 拉 類 類 [] [ ] 列 連 Web 行流 來 了 不 不 不 流 立 行 Page 類 Load 理 Response 類 Write 料 Redirect URL Response.Write("!! ives!!"); Response.Redirect("WebForm2.aspx"); (1) (2) Web Form

More information

VB程序设计教程

VB程序设计教程 高 等 学 校 教 材 Visual Basic 程 序 设 计 教 程 魏 东 平 郑 立 垠 梁 玉 环 石 油 大 学 出 版 社 内 容 提 要 本 书 是 按 高 等 学 校 计 算 机 程 序 设 计 课 程 教 学 大 纲 编 写 的 大 学 教 材, 主 要 包 括 VB 基 础 知 识 常 用 程 序 结 构 和 算 法 Windows 用 户 界 面 设 计 基 础 文 件 处

More information

* 1 2 3 32 1 2 3 2014 9 15 4 33 http://www.hisp.ntu.edu. tw/ 34 ID ID 2014 9 15 4 35 人文創新與社會實踐 圖三 文獻與案例蒐集資料截圖示意 三 網路平台與資料庫建置 配合人文創新與社會實踐計畫 建置資料庫與網站供計畫成員與大眾進 行資源分享與交流 本網路平台目前已建置完成 內容包含計畫之說明 實 踐研究團隊 政治大學

More information

untitled

untitled 21 Visual FoxPro Visual FoxPro 6.0 11 Visual FoxPro Visual FoxPro CIP Visual FoxPro 2004 21 ISBN 7-03-014834-7 V Visual FoxPro TP311.138 CIP 2004 143035 16 100717 http://www.sciencep.com * 2004 12 7871092

More information

Microsoft PowerPoint - VB14.ppt

Microsoft PowerPoint - VB14.ppt VB 列表盒 LISTBOX 應用 資科系 林偉川 執行畫面 1 2 1 重要屬性 LISTBOX 物件 (VB6) 新增至 LISTBOX 物件中 ADDITEM 自 LISTBOX 物件中刪除選取物件 REMOVEITEM 自 LISTBOX 物件中取出選取物件 ListIndex 顯示 LISTBOX 物件中紀錄個數 Listcount 3 LISTBOX 物件 (VB.NET) 重要屬性 新增至

More information

全唐诗28

全唐诗28 ... 1... 1... 1... 2... 2... 2... 3... 3... 4... 4... 4... 5... 5... 5... 5... 6... 6... 6... 6... 7... 7... 7... 7... 8... 8 I II... 8... 9... 9... 9...10...10...10...11...11...11...11...12...12...12...13...13...13...14...14...14...15...15...15...16...16...16...17...17

More information

穨學前教育課程指引.PDF

穨學前教育課程指引.PDF i 1 1.1 1 1.2 1 4 2.1 4 2.2 5 2.3 7 2.4 9 2.5 11 2.6 1 2 1 5 3.1 1 5 3.2 1 5 19 4.1 19 4.2 19 4.3 2 1 4.4 29 4.5 38 4.6 4 3 4.7 47 50 5.1 5 0 5.2 5 0 5.3 6 2 5.4 9 4 5.5 1 2 6 ( ) 1 2 7 ( ) 1 31 ( ) 1

More information

59 1 CSpace 2 CSpace CSpace URL CSpace 1 CSpace URL 2 Lucene 3 ID 4 ID Web 1. 2 CSpace LireSolr 3 LireSolr 3 Web LireSolr ID

59 1 CSpace 2 CSpace CSpace URL CSpace 1 CSpace URL 2 Lucene 3 ID 4 ID Web 1. 2 CSpace LireSolr 3 LireSolr 3 Web LireSolr ID 58 2016. 14 * LireSolr LireSolr CEDD Ajax CSpace LireSolr CEDD Abstract In order to offer better image support services it is necessary to extend the image retrieval function of our institutional repository.

More information

眼病防治

眼病防治 ( 20 010010) 787 1092 1/32 498.50 4 980 2004 9 1 2004 9 1 1 1 000 ISBN 7-204-05940-9/R 019 1880.00 ( 20.00 ) ...1...1...2...3...5...5...6...7...9... 11...13...14...15...17...18...19...20...21 I II...21...22...23...24...25...27...27...28...29...30...31...33...33...34...36...38...39...40...41...42...43...45

More information

中国南北特色风味名菜 _八)

中国南北特色风味名菜 _八) ( 20 010010) 7871092 1/32 356.25 4 760 2004 8 1 2004 8 1 11 000 ISBN 7-204-05943-3/Z102 1026.00 ( 18.00 ) ...1...2...2...4...6...7...8...9... 10... 11... 12... 13... 13... 14... 15... 17... 18... 19...

More information

2013~2015 保健食品產業專業人才 供需調查 2011 5 2011529 2012 2013~2015 2012 44.67% 2011 11.96% 2013~2015 ... 1... 1... 5... 10... 12... 13... 14... 19... 20... 22... 24... 12... 19... 21... 22 III IV 1... 1 2... 3

More information

穨ecr2_c.PDF

穨ecr2_c.PDF i ii iii iv v vi vii viii 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 1 26 27 2 28 29 30 31 32 33 34 35 36 37 38 39 40 3 4 41 42 43 5 44 45 46 6 47 48 49 50 51 52 1 53 2 54 55 3 56

More information

電腦相關罪行跨部門工作小組-報告書

電腦相關罪行跨部門工作小組-報告書 - ii - - iii - - iv - - v - - vi - - vii - - viii - (1) 2.1 (2) (3) 13.6 (4) 1.6 (5) 21 (6) (7) 210 (8) (9) (10) (11) ( ) ( 12) 20 60 16 (13) ( ) (

More information

i

i i ii iii iv v vi vii viii ===== 1 2 3 4 5 6 7 8 9 10 ==== 11 12 13 14 15 16 17 18 19 ==== ==== 20 .. ===== ===== ===== ===== ===== ======.. 21 22 ===== ===== ===== ===== 23 24 25 26 27 28 29 ==== ====

More information

发展党员工作手册

发展党员工作手册 发 展 党 员 工 作 问 答 目 录 一 总 论...9 1. 发 展 党 员 工 作 的 方 针 是 什 么? 如 何 正 确 理 解 这 个 方 针?... 9 2. 为 什 么 强 调 发 展 党 员 必 须 保 证 质 量?... 9 3. 如 何 做 到 慎 重 发 展?... 10 4. 如 何 处 理 好 发 展 党 员 工 作 中 的 重 点 与 一 般 的 关 系?...11 5.

More information

i

i 9 1 2 3 4 i 5 6 ii iii iv v vi vii viii 1 1 1 2 3 4 2 5 6 2 3 2.10 ( 2.11 ) ( 2.11 ) ( 2.9 ) 7 8 9 3 10 5% 2% 4 11 93% (2001 02 2003 04 ) ( ) 2,490 (100%) 5 12 25% (2.57% 25%) 6 (2001 02 2003 04 ) 13 100%

More information

39898.indb

39898.indb 1988 4 1998 12 1990 5 40 70.................................................. 40.............................................................. 70..............................................................

More information

第一章  緒論

第一章  緒論 8.doc 9483 175-203 中共地方政府 較大的市 建制與地位之探討 摘要 關鍵詞 : 較大的市 設區的市 行政區劃 地級市 地方政府 地方立法 175 壹 前言 1 2 貳 較大的市 設置的背景與意義 1949 10 176 1950 1954 9 20 53 1955 6 9 20 1959 9 17 9 3 1978 177 33 4 5 6 80 7 1976 1979 7 1 20

More information

CC213

CC213 : (Ken-Yi Lee), E-mail: feis.tw@gmail.com 9 [P.11] : Dev C++ [P.12] : http://c.feis.tw [P.13] [P.14] [P.15] [P.17] [P.23] Dev C++ [P.24] [P.27] [P.34] C / C++ [P.35] 10 C / C++ C C++ C C++ C++ C ( ) C++

More information

untitled

untitled II III IV V VI VII VIII IX 2 ASP 1 ASP 3 4 ASP Web CGI ISAPI OLEISAPI Perl IDC ASP dbweb Perl IDC ASP dbweb IDC 1 ASP 5 Web Web DLL 6 ASP 1 ASP 7 8 ASP 1 ASP 9 10 ASP 1 ASP 11 12 ASP 1 ASP 13 14 ASP 1

More information

标题

标题 第 41 卷 第 6 期 应 用 科 技 Vol.41.6 2014 年 12 月 Applied Science and Technology Dec. 2014 doi: 10.3969 / j.issn.1009 671X.201403012 Web 浏 览 器 下 的 智 能 视 频 数 据 库 设 计 与 开 发 刘 丽 斐 1 1, 2, 赵 龙 1. 北 京 航 空 航 天 大 学 数

More information

二 戶外教學的性質

二 戶外教學的性質 285 一 戶外教學的意涵 價值及其面對的挑戰 1999 1994174 1. 286 2. 3. 二 戶外教學的性質 6 1999 26 1. 2. 3. 287 4. 5. 三 鄉土戶外教學的教學目標 10-1 1. (curriculum) (subject material) 288 (1998) 10-2 (conceptualizing) (generalizing) 2. (Educational

More information

書面

書面 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 5.4 互動功能畫面 程式碼請參考附件-程式三 在進入互動頁面時 會執行setAllText()依寵物狀態數值來 設定狀態文字與頭像 並且依心情決定是否要不要播放音效 觸摸的區域 由於是自己寫的 view 所以並未透過xml來設置 而是透過Layut.addview()來動態新增

More information

2 WF 1 T I P WF WF WF WF WF WF WF WF 2.1 WF WF WF WF WF WF

2 WF 1 T I P WF WF WF WF WF WF WF WF 2.1 WF WF WF WF WF WF Chapter 2 WF 2.1 WF 2.2 2. XAML 2. 2 WF 1 T I P WF WF WF WF WF WF WF WF 2.1 WF WF WF WF WF WF WF WF WF WF EDI API WF Visual Studio Designer 1 2.1 WF Windows Workflow Foundation 2 WF 1 WF Domain-Specific

More information

商品設計系專業證照列表 系務會議通過 系所代碼 雲科大證照代碼 證照名稱國內 / 國外級數 / 分數證照類別發照單位 本校認列獎勵之級別 Adobe Certified Associate Visual Communication using Adobe P

商品設計系專業證照列表 系務會議通過 系所代碼 雲科大證照代碼 證照名稱國內 / 國外級數 / 分數證照類別發照單位 本校認列獎勵之級別 Adobe Certified Associate Visual Communication using Adobe P 商品設計系專業證照列表 1071203 系務會議通過 系所代碼 雲科大證照代碼 證照名稱國內 / 國外級數 / 分數證照類別發照單位 本校認列獎勵之級別 31 500312466 Adobe Certified Associate Visual Communication using Adobe Photoshop 31 50038223 Adobe Certified Associate in Visual

More information

TopTest_Adminstrator.doc

TopTest_Adminstrator.doc 壹 前 言... 3 貳 系 統 簡 介... 4 一 TKB multimedia Top-Test 系 統 架 構...4 1. 使 用 者 介 面 層 (Presentation tier)...5 2. 商 業 邏 輯 層 (business logic tier)...5 3. 資 料 服 務 層 (data services tier)...5 二 TKB Multimedia Top-Test

More information

前 言 根 据 澳 门 特 别 行 政 区 第 11/1999 号 法 律 第 三 条 规 定, 审 计 长 执 行 其 职 责, 已 经 对 财 政 局 提 交 的 2011 年 度 澳 门 特 别 行 政 区 总 帐 目 ( 总 帐 目 ) 进 行 了 审 计 与 2010 年 度 相 同, 本 年 度 的 总 帐 目 由 政 府 一 般 综 合 帐 目 及 特 定 机 构 汇 总 帐 目, 两

More information

2/14 Buffer I12, /* x=2, buffer = I 1 2 */ Buffer I243, /* x=34, buffer = I 2 43 */ x=56, buffer = I243 Buffer I243I265 code_int(int x, char *buffer)

2/14 Buffer I12, /* x=2, buffer = I 1 2 */ Buffer I243, /* x=34, buffer = I 2 43 */ x=56, buffer = I243 Buffer I243I265 code_int(int x, char *buffer) 1/14 IBM Rational Test RealTime IBM, 2004 7 01 50% IBM Rational Test RealTime IBM Rational Test RealTime 1. 50% IBM Rational Test RealTime IBM Rational Test RealTime 2. IBM Rational Test RealTime Test

More information

Microsoft PowerPoint ARIS_Platform_en.ppt

Microsoft PowerPoint ARIS_Platform_en.ppt ARIS Platform www.ixon.com.tw ARIS ARIS Architecture of Integrated Information System Prof. Dr. Dr. h.c. mult. August-Wilhelm Scheer ARIS () 2 IDS Scheer AG International Presence >> Partners and subsidiaries

More information

一、

一、 ... 1...24...58 - 2 - - 3 - - 4 - - 5 - - 6 - - 7 - - 8 - i. ii. iii. iv. i. ii. iii. iv. v. vi. vii. viii. ix. x. - 9 - xi. - 10 - - 11 - -12- -13- -14- -15- C. @ -16- @ -17- -18- -19- -20- -21- -22-

More information

國立中山大學學位論文典藏.PDF

國立中山大學學位論文典藏.PDF 國立中山大學教育研究所 碩士論文 Amabile 創造力成分模式與共識評量技術之驗證 以國小五年級繪畫為例 研究生 : 賴足菁撰 指導教授 : 鄭英耀 中華民國九十五年七月 1 2 3 4 5 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 B1

More information

高 职 计 算 机 类 优 秀 教 材 书 目 * 序 号 书 号 (ISBN) 书 名 作 者 定 价 出 版 / 印 刷 日 期 ** 配 套 资 源 页 码 计 算 机 基 础 课 1 978-7-111-30658-0 计 算 机 应 用 基 础 刘 升 贵 29.00 2012 年 8 月

高 职 计 算 机 类 优 秀 教 材 书 目 * 序 号 书 号 (ISBN) 书 名 作 者 定 价 出 版 / 印 刷 日 期 ** 配 套 资 源 页 码 计 算 机 基 础 课 1 978-7-111-30658-0 计 算 机 应 用 基 础 刘 升 贵 29.00 2012 年 8 月 高 职 计 算 机 类 优 秀 教 材 书 目 * 序 号 书 号 (ISBN) 书 名 作 者 定 价 出 版 / 印 刷 日 期 ** 配 套 资 源 页 码 计 算 机 基 础 课 1 978-7-111-30658-0 计 算 机 应 用 基 础 刘 升 贵 29.00 2012 年 8 月 电 子 教 案 P1 2 978-7-111-27081-2 计 算 机 应 用 基 础 ( 第 2

More information

摘 要 在 這 忙 碌 的 社 會 中, 普 遍 人 們 運 動 時 間 其 實 並 不 充 裕, 體 力 越 來 越 差 的 情 況 下 還 隨 意 飲 食 導 致 身 體 健 康 越 來 越 差, 因 此 本 專 題 打 算 利 用 健 康 飲 食 的 方 式 改 善 這 些 人 的 體 質,

摘 要 在 這 忙 碌 的 社 會 中, 普 遍 人 們 運 動 時 間 其 實 並 不 充 裕, 體 力 越 來 越 差 的 情 況 下 還 隨 意 飲 食 導 致 身 體 健 康 越 來 越 差, 因 此 本 專 題 打 算 利 用 健 康 飲 食 的 方 式 改 善 這 些 人 的 體 質, 元 培 科 技 大 學 資 訊 管 理 系 畢 業 專 題 健 康 飲 食 網 站 計 畫 書 指 導 老 師 : 林 侑 賢 老 師 組 員 : 陳 佑 伊 (971408067) 張 祥 庭 (971408084) 黃 聖 哲 (971408098) 劉 潤 婷 (971408106) 中 華 民 國 一 百 年 十 二 月 摘 要 在 這 忙 碌 的 社 會 中, 普 遍 人 們 運 動 時

More information

-i-

-i- -i- -ii- -iii- -iv- -v- -vi- -vii- -viii- -ix- -x- -xi- -xii- 1-1 1-2 1-3 1-4 1-5 1-6 1-7 1-8 1-9 1-10 1-11 1-12 1-13 1-14 1-15 1-16 1-17 1-18 1-19 1-20 1-21 2-1 2-2 2-3 2-4 2-5 2-6 2-7 2-8 2-9 2-10 2-11

More information

Microsoft Word - 强迫性活动一览表.docx

Microsoft Word - 强迫性活动一览表.docx 1 1 - / 2 - / 3 - / 4 - / 5 - I. 1. / 2. / 3. 4. 5. 6. 7. 8. 9 10 11. 12. 2 13. 14. 15. 16. 17. 18. 19. 20 21. 22 23. 24. / / 25. 26. 27. 28. 29. 30. 31. II. 1. 2 3. 4 3 5. 6 7 8. 9 10 11 12 13 14. 15.

More information

Microsoft Word - Panel Paper on T&D-Chinese _as at 6.2.2013__final_.doc

Microsoft Word - Panel Paper on T&D-Chinese _as at 6.2.2013__final_.doc 二 零 一 三 年 二 月 十 八 日 會 議 討 論 文 件 立 法 會 CB(4)395/12-13(03) 號 文 件 立 法 會 公 務 員 及 資 助 機 構 員 工 事 務 委 員 會 公 務 員 培 訓 及 發 展 概 況 目 的 本 文 件 介 紹 公 務 員 事 務 局 為 公 務 員 所 提 供 培 訓 和 發 展 的 最 新 概 況, 以 及 將 於 二 零 一 三 年 推 出

More information

p.2 1 <HTML> 2 3 <HEAD> 4 <TITLE> </TITLE> 5 </HEAD> 6 7 <BODY> 8 <H3><B> </B></H3> 9 <H4><I> </I></H4> 10 </BODY> </HTML> 1. HTML 1. 2.

p.2 1 <HTML> 2 3 <HEAD> 4 <TITLE> </TITLE> 5 </HEAD> 6 7 <BODY> 8 <H3><B> </B></H3> 9 <H4><I> </I></H4> 10 </BODY> </HTML> 1. HTML 1. 2. 2005-06 p.1 HTML HyperText Mark-up Language 1. HTML Logo, Pascal, C++, Java HTML 2. HTML (tag) 3. HTML 4. HTML 1. HTML 2. 3. FTP HTML HTML html 1. html html html cutehtmleasyhtml 2. wyswyg (What you see

More information

Microsoft Word - Web Dynpro For ABAP跟踪测试工具简介 _2_.doc

Microsoft Word - Web Dynpro For ABAP跟踪测试工具简介 _2_.doc Web Dynpro For ABAP 跟 踪 测 试 工 具 简 介 概 述 从 传 统 ABAP UI 开 发 ( 如 Dynpro,ABAP List 等 等 ) 直 接 转 到 Web Dynpro For ABAP 开 发 来, 我 们 可 能 会 发 现 那 些 传 统 的 跟 踪 测 试 工 具 ( 如 SAT, 也 许 SAAB 还 是 一 个 简 单 易 用 的 合 适 的 工 具

More information

21,000 X 126,000 / , ,000 X 7%

21,000 X 126,000 / , ,000 X 7% 喆 21,000 X 126,000 / 6 8 7 21,000 300,000 X 7% 1997 Skeel Dye 1939 Kirk 1958 0 6 0-2 3-6 0 2 3 6 7 9 12 ( ) ( 33 12 3 4 各類 類型 型環 環境 境與 與設 設施 施之 之規 規劃 劃與 與設 設計 計 各 理想 早期療育服務 之基本需求 社政 工作 醫療 復健

More information

PowerBuilder 8開發技術講座_3_.PDF

PowerBuilder 8開發技術講座_3_.PDF PowerBuilder 8 (3) PowerBuilder 8 PowerBuilder 8 Web HTML PowerBuilder client ActiveX client Java client ASP PowerDynamo PowerBuilder 8 PowerSite PowerBuilder 8 Dynamo Web Site Web Target PowerDynamo PowerDynamo

More information

1 IT IT IT IT Virtual Machine, VM VM VM VM Operating Systems, OS IT

1 IT IT IT IT Virtual Machine, VM VM VM VM Operating Systems, OS IT 1 IT IT IT IT Virtual Machine, VM VM VM VM Operating Systems, OS IT Chapter 1 了解虛擬化技術種類 硬體 / 平台 / 伺服器虛擬化 VM VM VM CPU Hypervisor VMM Virtual Machine Manager VM Host OS VM VM Guest OS Host OS CPU VM Hyper-V

More information

江苏宁沪高速公路股份有限公司.PDF

江苏宁沪高速公路股份有限公司.PDF - 1 - - 2 - - 3 - - 4 - - 5 - - 6 - - 7 - - 8 - 33.33% ( ) ( ) ( ) 33.33% ( ) ( ) ( ) 1 1 1992 8 3200001100976 1997 6 27 H 12.22 2001 1 16 A 1.5 2001 12 3 503,774.75 14,914,399,845.00 13,445,370,274.00

More information

TPM BIOS Infineon TPM Smart TPM Infineon TPM Smart TPM TPM Smart TPM TPM Advanced Mode...8

TPM BIOS Infineon TPM Smart TPM Infineon TPM Smart TPM TPM Smart TPM TPM Advanced Mode...8 Smart TPM Rev. 1001 Smart TPM Ultra TPM Smart TPM TPM...3 1. BIOS... 3 2. Infineon TPM Smart TPM... 4 2.1. Infineon TPM...4 2.2. Smart TPM...4 3. TPM... 5 3.1. Smart TPM TPM...5 3.2. Advanced Mode...8

More information

Time Estimation of Occurrence of Diabetes-Related Cardiovascular Complications by Ching-Yuan Hu A thesis submitted in partial fulfillment of the requi

Time Estimation of Occurrence of Diabetes-Related Cardiovascular Complications by Ching-Yuan Hu A thesis submitted in partial fulfillment of the requi Time Estimation of Occurrence of Diabetes-Related Cardiovascular Complications by Ching-Yuan Hu Master of Science 2011 Institute of Chinese Medical Sciences University of Macau Time Estimation of Occurrence

More information

尿路感染防治.doc

尿路感染防治.doc ...1...1...2...4...6...7...7...10...12...13...15...16...18...19...24...25...26...27...28 I II...29...30...31...32...33...34...36...37...37...38...40...40...41...43...44...46...47...48...48...49...52 III...55...56...56...57...58

More information

第 15 章 程 式 編 写 語 言 15.1 程 式 編 写 語 言 的 角 色 程 式 編 寫 語 言 是 程 式 編 寫 員 與 電 腦 溝 通 的 界 面 語 法 是 一 組 規 則 讓 程 式 編 寫 員 將 字 詞 集 合 起 來 電 腦 是 處 理 位 元 和 字 節 的 機 器, 與

第 15 章 程 式 編 写 語 言 15.1 程 式 編 写 語 言 的 角 色 程 式 編 寫 語 言 是 程 式 編 寫 員 與 電 腦 溝 通 的 界 面 語 法 是 一 組 規 則 讓 程 式 編 寫 員 將 字 詞 集 合 起 來 電 腦 是 處 理 位 元 和 字 節 的 機 器, 與 程 式 編 写 語 言 在 完 成 這 章 後, 你 將 能 夠 了 解 程 式 編 写 語 言 的 功 能 了 解 高 階 語 言 和 低 階 語 言 之 間 的 分 別 知 道 翻 譯 程 式 的 意 義 和 能 夠 把 翻 譯 程 式 分 類 為 : 匯 編 程 式 編 譯 程 式 和 解 譯 程 式 認 識 不 同 翻 譯 程 式 的 優 點 和 缺 點 程 式 是 指 揮 電 腦 的 指

More information

13 根 据 各 种 网 络 商 务 信 息 对 不 同 用 户 所 产 生 的 使 用 效 用, 网 络 商 务 信 息 大 致 可 分 为 四 级, 其 中 占 比 重 最 大 的 是 ( A ) A 第 一 级 免 费 信 息 B 第 二 级 低 收 费 信 息 C 第 三 级 标 准 收 费

13 根 据 各 种 网 络 商 务 信 息 对 不 同 用 户 所 产 生 的 使 用 效 用, 网 络 商 务 信 息 大 致 可 分 为 四 级, 其 中 占 比 重 最 大 的 是 ( A ) A 第 一 级 免 费 信 息 B 第 二 级 低 收 费 信 息 C 第 三 级 标 准 收 费 助 理 电 子 商 务 考 试 真 题 试 题 第 一 部 分 : 理 论 部 分 一 单 项 选 择 题 1 ( B ) 是 信 息 系 统 的 核 心 组 成 部 分 A 逻 辑 模 型 B 数 据 库 C 概 念 模 型 D 以 上 全 部 2 ping www.163.com -t 中 参 数 t 的 作 用 是 :( A ) A 进 行 连 续 测 试 B 在 新 窗 口 中 显 示 C

More information

10384 X2009230010 UDC The Design and Implementation of Small and Medium-sized Courier Company Logistics Vehicle Scheduling System 2012 06 Abstract With the arrival of the information age, tremendous

More information

final

final 行 政 院 研 究 發 展 考 核 委 員 會 政 府 網 站 建 置 及 營 運 作 業 參 考 指 引 中 華 民 國 99 年 2 月 政 府 網 站 建 置 及 營 運 作 業 參 考 指 引 目 次 前 言 與 導 讀... 1 一. 緣 由... 1 二. 現 行 規 範 應 用 的 運 作 與 問 題... 1 三. 政 府 網 站 建 置 與 營 運 作 業 參 考 指 引 之 規

More information

心理障碍防治(下).doc

心理障碍防治(下).doc ( 20 010010) 787 1092 1/32 498.50 4 980 2004 9 1 2004 9 1 1 1 000 ISBN 7-204-05940-9/R 019 1880.00 ( 20.00 ) ...1...2...2...3...4...5...6...7...8...9...10... 11...12...13...15...16...17...19...21 I ...23...24...26...27...28...30...32...34...37...39...40...42...42...44...47...50...52...56...58...60...64...68

More information

epub 61-2

epub 61-2 2 Web Dreamweaver UltraDev Dreamweaver 3 We b We b We Dreamweaver UltraDev We b Dreamweaver UltraDev We b We b 2.1 Web We b We b D r e a m w e a v e r J a v a S c r i p t We b We b 2.1.1 Web We b C C +

More information

榫 卯 是 什 麼? 何 時 開 始 應 用 於 建 築 中? 38 中 國 傳 統 建 築 的 屋 頂 有 哪 幾 種 形 式? 40 大 內 高 手 的 大 內 指 什 麼? 42 街 坊 四 鄰 的 坊 和 街 分 別 指 什 麼? 44 北 京 四 合 院 的 典 型 格 局 是 怎 樣 的

榫 卯 是 什 麼? 何 時 開 始 應 用 於 建 築 中? 38 中 國 傳 統 建 築 的 屋 頂 有 哪 幾 種 形 式? 40 大 內 高 手 的 大 內 指 什 麼? 42 街 坊 四 鄰 的 坊 和 街 分 別 指 什 麼? 44 北 京 四 合 院 的 典 型 格 局 是 怎 樣 的 目 錄 中 華 醫 藥 以 醫 術 救 人 為 何 被 稱 為 懸 壺 濟 世? 2 什 麼 樣 的 醫 生 才 能 被 稱 為 華 佗 再 世? 4 中 醫 如 何 從 臉 色 看 人 的 特 質? 6 中 醫 怎 樣 從 五 官 看 病? 8 中 醫 看 舌 頭 能 看 出 些 什 麼 來? 10 中 醫 真 的 能 靠 一 個 枕 頭, 三 根 指 頭 診 病 嗎? 12 切 脈 能 判 斷

More information