Transcript Tic100____
優質研討會伺服網頁 系統產生器 Tic100 初賽簡報 1 Outline • 前言 • 文獻探討 • 系統分析 • 系統實作流程 • 系統特色 • 商業模式構思 2 前言 • 優質研討會伺服網頁系統產生器研討會 • Excellent I-Conference Generator • 簡稱ICG • 每年皆有很多不同領域的研討會在各地舉行，而研討會資訊系統是每個 研討會必須建立的第一步驟，而此系統所牽涉的程式設計是繁瑣的但彼 此間相當類似，更重要的是若每個研討會都自行建立資訊系統的話，則 花在寫程式碼、偵錯、測試的時間和經濟成本便是不可省的。基於此， 因研討會資訊系統彼此間的相似性，所以我們ICG提供具有友善介面和高 效率特性之軟體工具。 3 前言 • ICG包括有下列的10大功能選項，可以供給研討會系統開發人員決 定那些功能想加入他們的研討會系統； • 最新消息 • 大會資訊 • 會議議程 • 論文徵稿 • 論文投稿系統 • 線上報名 • 資源下載 • 廠商參展 • 聯絡我們 • 管理者系統 4 文獻探討 • 目前市面上有的網頁資訊系統產生器 • JUG[1]、BOUML[2]、Java API Documentation Generator[3]、JAG[4]、Stylus Studio[5]等... • 以JAG及Stylus Studio為大宗 • 使用JAG的方式 • 將 在 設 計 階 段 完 成 的 Data Base 、 object 、 頁 面 格 式 和 檔 案 等 資 料 提 供 給 JAG application generator以便完成一套資訊系統。 • 使用Stylus Studio的方式 • XSLT (Extensible Style sheet Language transformation) 是轉換器， XML 轉換器， XQuery 工具提供XQuery Editing、 XQuery Mapping、 XQuery Debugging和 XQuery Profiling幫助完成XSLT 應用程式。 5 文獻探討 • 螺旋模型(Spiral Model) • 1988年由Boehm提出[6] 。 • 是軟體開發過程同時結合 System design 階段和prototype 階段， 又稱螺旋 生命週期模型（spiral lifecycle model）。 • 結合了prototype 模型和 waterfall 模型的特點。 圖 一 螺旋模型 6 系統分析 • ICG轉成研討會HTML和JSP 程式所需參數資料，大致分成14個檔 案如圖二所示，這些檔案也是以物件方式來儲存；包括最新消息檔 案、贊助廠商檔案、會議主題檔案、會議目的檔案、會議組織檔案、 住宿資訊檔案、交通資訊檔案、會議議程檔案、論文發表議程檔 案 、徵稿檔案、報名資料檔案、註冊檔案、資源下載檔案和聯絡 我們。 7 系統分析 圖二 研討會伺服網頁參數資料的類別圖 8 系統實作流程 • 系統技術說明 • 首先進行網頁研討會資料收集與系統分析，分析後利用介面產生 器進行介面的產生。進行介面建立需先進行資料儲存的檔案建立， 建立完後需建立資料處理的畫面，產生出介面的畫面，最後進行 視窗畫面的建立。在轉成網頁程式之前，須先設定CSS和網頁的格 式，以便之後產生客製化的網頁。最後兩者整合出一套ICG的產生 器，方便日後的網頁資料維護。 9 系統實作流程 • ICG實作過程分成兩部分: • 執行ISG產生器[7] • ISG產生器是學長的專題題目資訊系統產生器，我們使用此軟體工具來提供我 們產生介面畫面。 • 執行Dream Weaver Like 轉譯網頁產生器。 • 負責於利用ISG產出介面所輸入的資料設定及設定CSS、網頁版面元件擺設，後 轉譯為HTML或JSP網頁。 10 系統實作流程 圖三 ICG實作流程 11 系統實作流程 圖四 填入檔案的所有類別名稱 12 系統實作流程 圖五 設定類別屬性 13 系統實作流程 • 檔案建立完成之後，接下來要產生資料處理畫面，我們依照網頁設 計所需的功能在此來進行設定，也必須去設定資料的讀、存分別是 哪個檔案，如圖六設定所有登錄資料畫面。完成後，接下來設定元 件的擺放位置，依照使用者所設定之，也必須設定資料的路徑，才 可正確的去讀取資料，如圖七，我們以Sponsor為例在畫面選擇時 選Sponsor 進行畫面的設定，圖八進行Sponsor畫面的元件擺放。以 上都設定完之後，可以點選轉成JAVA檔案的選項，點選後就會自 動幫你轉成JAVA檔案，可以點選預覽來顯示使用者設定的成果。 14 系統實作流程 圖六 資料處理畫面 15 系統實作流程 畫面預覽成果 點選Convert進行轉成java檔 點選preview 進行畫面預覽 16 系統實作流程 圖八 元件設定之畫面 17 系統實作流程 • DreamWeaver Like分兩部分進行 • 第一部分是在於CSS的設定，進行網頁美觀、排版之設定(如圖九和圖十)。 • 第二部分為網頁元件的排版設定，須搭配使用者在介面中設定的資料來 完成。 18 系統實作流程 圖九 所有的樣式表 19 系統實作流程 圖十 樣式表之內容設定 20 系統實作流程 • 在檔案及資料處理都完成後，就要開始設定網頁畫面的設定，一開 始先設定所有網頁會有的功能以及設定讀、存使用者在先前介面中 所設定之資料來源，以確保資料的正確性，如圖十一。之後設定網 頁的框架設定，以聯絡我們為例，如圖十二。最後就要設定網頁元 件的配置，以及資料來源的路徑設定，以連絡我們為例子，如圖十 三。都設定完成後轉成，回到圖十二，點選Create按鈕即可轉成 HTML、JSP等網頁程式，點選Preview即可顯示聯絡我們的網頁。 21 系統實作流程 圖十一 網頁功能設定 22 系統實作流程 網頁預覽 按下Create轉成網頁程式 按下Preview立即顯示網頁 圖十二 網頁框架設定 23 系統實作流程 圖十三 網頁元件設定之畫面 24 系統特色 • 提升 CPU 執行效率 • 在此ICG 的計劃中，為了提升產生器本身與所產生的系統執 行效率，大量的資料屬性、強化穩定度、降低時間的複雜度 與記憶體需求，我們採用存放在記憶體中的Linked queue [8] 結構來管理Java UI 介面，使我們可以很輕易地將所建構的視 窗Component 加入、刪除、插入至介面畫面內。Linked queue 即是一種充分使用物件記憶體位址的結構，透過在電腦內記 憶體存放的關係，來達成不浪費且高彈性的效果如圖十四所 示。 25 系統特色 圖十四 用linked queue儲存畫面元件linked queue圖 26 系統特色 • 有效率提升研討會系統開發 • 我們採用Boehm提出螺旋模型(Spiral Model)將此概念運用在 我們的發展軟體工具，希望ICG可以提供prototype，將轉好 的系統即時示範給使用者、系統分析師和系統設計師，希 望他們提供需求和意見，因為他們看到雛型資訊系統，就 會知道自己想要的是什麼。如果雛型資訊系統被駁回，則 系統分析師、系統設計師和程式設計師或許需要回到系統 分析或設計階段進行修改，然後再產生第二版的雛型，雛 型最後演進會成為最終的資訊系統。 27 系統特色 • 應用範圍 • 此ICG軟體工具可以提供給任何想舉辦研討會的單位在最短的時間 內產生伺服網頁研討會系統或者由我們幫助他們製作研討會伺服 器資訊系統。研討會種類很多大致如圖十四所示， ICG可以應用 範圍也很多沒有限制，而且不論國內或國際研討會或會議系統， 都包括在ICG轉換範圍。 28 系統特色 應用範圍 理學 工程 商管 醫學 法律 人文 設計 農業 圖十四 ICG應用範圍 29 商業模式構思 30 文獻參考 [1] JUG Java Uuid generator, http://jug.safehaus.org/ [2] BOUML, a free UML 2 tool box , http://bouml.free.fr/ [3] Java API Documentation Generator, http://download.oracle.com/javase/1.4.2/docs/tooldocs/windows/javad oc.html [4] JAG - Java Application Generator, http://jag.sourceforge.net/ [5] Stylus Studio , http://www.stylusstudio.com/xml_download.html [6] Jeffery L. Whitten, Lonnie D. Bentley, Kevin C. Dittman, System analysis design methods, McGraw-Hill, 2004. [7] Ling-Hua Chang, Sanjiv Behl: An Efficient Information System Generator, The 4th Asian Conference on Intelligent Information and Database Systems, pp286~297, 2012 [8] John Lewis, Joseph Chase, Java Software Structures designing and using data structures, Pearson Eduation Inc, 2004. 31