加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营 > 正文

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

发布时间:2018-10-06 18:16:48 所属栏目:运营 来源:站长网
导读:4月12日,来自 IBM Impact 2011 的消息,IBM发布 Maqetta,一个创建桌面和移动用户界面的HTML5设计编辑工具,并同时宣布将项目捐助给开源机构Dojo基金会。 Maqetta已经是开源项目,提供WYSIWYG可视化HTML5用户界面设计功能,仅需简单的拖曳操作,支持桌面

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

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

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

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

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

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

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

  Maqetta 功能如下:

  WYSIWYG可视化页面编辑

  拖曳式移动UI设计

  设计或源码浏览同步编辑

  对CSS样式的深度支持

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

  Maqetta 下载:maqetta-preview.zip

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

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

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

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

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

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

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

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读