专业灯光:基于HTML5的在线可视化设计工具Maqetta安装使用 | 無淚之城

来源:百度文库 编辑:中财网 时间:2024/04/16 18:56:59

基于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这个地址即可。