Website Wireframe (網頁藍圖)

在繪製Class Diagram的View部份時，因為沒有看到實際畫面就不好整理資料，所以使用Pencil軟體繪製網頁藍圖(website wireframe)，用來協助整理思緒。

由於KALS的Application分成Webpage跟Administration兩種，所以各別有兩種View。

• Webpage Application

  • Administration Application

Pencil

這是一種用來繪製GUI與各種圖表的工具，特別是能夠便於網頁。他提供了許多網頁元件，包括表單、捲軸，讓您輕易地繪製出網頁的草稿。儘管對齊功能薄弱、沒有固定方向拖曳、沒有固定比例縮放功能，但在Wireframe繪製工具中，Pencil是少數難得的OpenSource與免費的自由軟體。

Pencil的操作畫面請見附件，或是觀看官方網站的Screenshots。

安裝Pencil的方法有兩種：

• • 作為Firefox 3以上的Add-On

  • 獨立應用程式，有Linux跟Windows兩種版本。(Windows的附件備份)