Tic100____

Report
優質研討會伺服網頁
系統產生器
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

similar documents