Project

H5拆装编辑器 EXE

时间：2016.03 - 2017.03

应用类型：air, exe，pc，web，h5

项目概述：为 部门内部批量开发 企业拆装类动画，做的一款辅助开发工具。

功能概述：

1. 编辑器软件 exe：

   ①菜单栏（文件：新建项目，打开项目，保存项目，发布项目，首选项设置，退出软件；编辑：新建场景，删除，刷新，打开所在文件夹；项目：运行，预览；工具：组件，未开发；帮助：软件使用，数据说明， 关于；放大；缩小；关闭）；

   ②快捷工具栏 （导入，保存，预览）；

   ③包资源管理器（项目文件树形结构展示；）;

   ④图层模块（解析exml，可视化显示结构；隐藏，显示图层；）；

   ⑤图片预览（预览图片；显示图片信息；）；

   ⑥数据表可视化编辑器（可视化数据表；增删改；保存；查看原表数据；）；

   ⑦场景可视化编辑器（可视化场景；拖动，编辑场景里的元素；）；

   ⑧属性栏（场景里元素信息显示；输入更改相关属性；）

   ⑨NSIS打包安装包；

2. 拆装模板页 h5：

   ①演练模块：自定义视频播放器；上一页，下一页切换视频；刷新；返回首页；

   ②训练模块：操作步骤菜单（点击切换子页面；自定义滚动条；显示隐藏开关）；工具栏模块；实训记录模块；操作规范模块；工具箱模块（组合工具、单个工具 选择后，在场景中对应显示操作）；零件箱模块（场景中拆卸下来的零件，在此显示；此部件里零件可以安装到场景中；有旧新两种零件）；重置模块（当前模块）；返回首页；

   ③考核模块：提交模块（提交页；得分；评分详情页；返回首页）；刷新（当前子页场景）；其他功能和训练模块的差不多，只是屏蔽了部分功能，例如：操作规范、重置、返回首页、操作步骤菜单 等模板；

   ④内容页模板：拆卸页模板；安装页模板；菜单页模板；主页模板；

3. 编辑器网站 web

   ①软件功能展示；

   ②下载；

本人职责： 负责 编辑器软件 exe，拆装模板页 h5，软件网站 web 全部功能开发；并且编写相关文档。

技术参数：

1. 编辑器软件 exe：as3, flex, air , nodejs, nsis ；
2. 拆装模板页 h5：egret, ts ；
3. 编辑器网站 web ：html, css, js；

软件工具： Flash Builder, WebStorm，Egret Wing

编辑器预览： https://pxim.github.io/H5PracticeEditor/website/index.html

拆装模板预览： https://pxim.github.io/H5PracticeEditor/template/release/1.1.0/index.html

效果展示： https://pxim.github.io/projects/jg-h5practiceeditor-exe.html#show

PS：此效果图，不是上线版本、环境。