一、Maqetta簡介
Maqetta是IBM開發的一個創建桌面和移動用戶界面的HTML5設計編輯工具。該項目已經捐助給開源機構Dojo基金會。Maqetta提供WYSIWYG可視化HTML5用戶界面設計功能，僅需簡單的拖曳操作，支持桌面和移動用戶界面，一般可用於原型設計。Maqetta應用本身用HTML5/Ajax編寫，因此運行在瀏覽器中無需請求額外的插件或下載。用戶可以下載源碼，並安裝在自己的服務器上，並可自定義源碼來滿足自己的需求。
二、通過源碼運行Maqetta
1、安裝與配置eclipse
1）、下載eclipse，網址為：http://eclipse.org/downloads/。這里我們使用的版本為eclipse-jee-kepler-SR1-win32-x86_64（注意選擇與自己機器相匹配的版本）。
2）、打開eclipse,選擇工作空間的位置。
3）、設置目標平台，為了使我們導入的Maqetta源碼能夠正常運行，我們需要設置一個目標平台，用來運行這些源碼。
a、下載以下的某個文件包，並解壓在某一個位置。
- Latest Maqetta release (M10+)
- Maqetta nightly (after 2013-03-27)
- Orion 2.0 build
這里下載的是Orion 2.0 build，版本為eclipse-orion-2.0-win32.win32.x86_64.zip。解壓后的路徑為D:\eclipse-orion-2.0-win32.win32.x86_64\eclipse
b、安裝如下：
點擊Window，選擇Preferences，選擇Plug-in Developement，選擇Target Platform。
點擊add，選擇default，如下圖所示。
點擊Next，點擊Add如下圖所示。
選擇Directory,點擊Browse，選擇Orion解壓后的路徑D:\eclipse-orion-2.0-win32.win32.x86_64\eclipse。點擊Finish
選擇${eclipse_home}，點擊Remove。並將Target 的 Name改成orion。如下圖所示
點擊Finish，並勾選orion，使之激活。如下圖所示
這樣目標平台已經安裝成功。
2、導入源碼
a、下載Maqetta的源碼，地址為：https://github.com/maqetta/maqetta。下載完成之后解壓到某一目錄。這里下載完成后解壓的目錄為：D:\maqetta-master。
b、將Maqetta解壓目錄中的如下幾個工程導入到eclipse。
- davinci.dojo_1_8
- davinci.gridx
- davinci.html
- davinci.releng
- maqetta.client.feature
- maqetta.client.orion
- maqetta.client.plugins.defaults
- maqetta.clipart
- maqetta.core.client
- maqetta.core.server
- maqetta.libraries.feature
- maqetta.server.configurator
- maqetta.server.feature
- maqetta.server.orion
- maqetta.server.orion.authentication.ldap (optional)
- maqetta.shapes
c、導入之后還無法運行，因為davinci.dojo_1_8、davinci.gridx和maqetta.core.client工程的WebContent下的有些目錄里面的內容為空。如下圖所示：
這是因為Maqetta使用到了其他的開源項目，dojo和gridx。此時我們只需在github上的Maqetta的源碼中跟進去即可找到dojo和gridx。找到之后，下載，並拷貝至以上三個工程的相關目錄下即可。如下圖所示：
3、運行
選擇Run，選擇RunConfigurations。選擇OSGi Framework下的maqetta-orion multi user，點擊Run，即可運行，如下圖所示：
在控制台輸入ss，就會打印"Framework is launched."，說明Maqetta已經正常運行成功。如下圖：
此時我們可以通過瀏覽器來訪問 http://localhost:8081/maqetta.第一次訪問需要我們注冊，注冊完成可以進入設計界面，界面如下圖所示：
