基于HTML5的在线可视化设计工具Maqetta安装使用

　　4月12日，来自 IBM Impact 2011 的消息，IBM发布 Maqetta，一个创建桌面和移动用户界面的HTML5设计编辑工具，并同时宣布将项目捐助给开源机构Dojo基金会。

　　Maqetta已经是开源项目，提供WYSIWYG可视化HTML5用户界面设计功能，仅需简单的拖曳操作，支持桌面和移动用户界面。

　　Maqetta 应用本身用HTML5/Ajax编写，因此运行在浏览器中无需请求额外的插件或下载。用户可以下载源码，并安装在自己的服务器上，并可自定义源码来满足自己的需求，再回馈到开源项目。

　　OpenAjax Alliance 有120多个公司，最大的抱怨是Widgets的交互性，以及可视化工具的需求。“IBM 负责人Boloker解释推出该项目的原因：“我们的目标就是在web上搞定任何事儿”。

　　Maqetta 功能如下：

　　WYSIWYG可视化页面编辑

　　拖曳式移动UI设计

　　设计或源码浏览同步编辑

　　对CSS样式的深度支持

　　更多功能见项目页：http://maqetta.org/

　　Maqetta 下载：maqetta-preview.zip

　　现在我们将介绍如何使用Magetta。下载回来的压缩包解压后如下图：

　　我在Windows2003下，而且只是本机使用，所以运行maqetta.local.win.bat。运行后会出现如下图命令行窗口：

　　可以看出它依赖于JDK环境，那具体怎么配置可以参见《JDK环境变量的设置》。保持上面那个窗口不关闭，然后在Chrome、FireFox 3.5+ 或者Mac Safari 5浏览器里的地址栏输入：

　　start your browser at http://localhost:50000/maqetta

　　里面http://localhost:50000/maqetta这个地址即可。

（编辑：ASP站长网）