可用型原型工具vjpage介绍

1、微简页面设计系统Vj-Page设计页面象使用word一样简单降低10-20%成本提高用户满意度获得更多的订单优化软件开发过程Ø Web应用程序前端页面设计Ø 可用型页面原型制作Ø 生成标准的Html5、Ext、Jquery页面目录一、产品介绍3二、优化软件过程41、开发现状42、存在弊端43、解决方法4三、预见成效5四、应用场景5五、适用范围6一、产品介绍微简页面设计系统（Vj-Page）是一套针对web应用程序的前端页面制作工具。无论是否熟悉前端页面开发、是否有美工基础，都可用它快速、轻松的制作出专业、美观的Html5、Ext、Jquery等类型的前端页面。需求

2、人员可用它制作可用型页面原型、编写业务规则、数据字典；美工可用它做页面示例；前端工程师、普通程序员都可用它进行前端页面开发。l 傻瓜式、可视化页面设计，真正和word一样简单。l 真正做到了可用型页面原型，使原型、系统页面合二为一，避免了两次设计、用户两次确认的重复过程。l 可设计完整的功能页面系统，而不是完全独立的网页。可通过简单的点选来设置要打开的页面、外部链接。l 需求人员可对页面编写相应的业务规则、数据字典等需求信息。l 支持Html5、Ext4.1、Jquery等标准框架。l 支持IE、火狐、谷歌、搜狗、360等主流浏览器。注：IE不完全支持Html5。l 支持iframe、常用框架

3、。支持Ext布局。l 支持典型的web应用程序组件，如：菜单、树、数据表格、图表、日期编辑框、文字列表等。l 可增加事件，嵌入javascript、vbscript、c#等浏览器脚本，甚至可加入asp、php、jsp等后台脚本。l 可嵌入外部页面。l 可嵌入外部web组件。如谷歌地图，或者一个漂亮的js组件。l 可生成标准、规范的html、css、js等代码。l 生成的页面美观，并提供了多种配色风格。l 生成的页面有很清晰的目录结构、页面注释，可方便的进行分发。l 开放的框架，用户可定制、发布自己的组合组件、模板、示例项目，也可通过微简网下载。微简网提供关于本系统的技术论坛、服务支持；提供大量

4、的模板、组合组件、示例项目；提供大量的图片库、图标库。l 便捷的界面，具有良好的用户体验。l 可任意拖拽组件位置、大小。l 使用最熟悉的快捷键。l 无限次撤销、重复。l 纯绿色软件。无需安装，不写注册表。l 真正的中文版而非汉化版，是按中国程序员的习惯开发的。二、优化软件过程1、开发现状随着网络技术的发展，web应用程序已经成为主流，越来越多的用户要求在需求阶段提供系统的所有页面原型。原型制作过程很复杂。项目刚开始的时候，大多用户都会比较迷茫，于是需求人员总是需要等用户。经过逐步的沟通，有一些想法之后，需求人员将用户的需求写成文档、草图或抛弃型原型，然后美工根据需求人员提供的资料制作大量效果图

5、。过程中，用户、需求、美工之间需要不断的反复去沟通，需求人员总是需要等用户时间，等美工有空。原型确定之后，由前端开发人员根据美工的切图来制作前端页面，这个过程又需要和需求、用户去沟通很多细节。而且页面的编写通常是通过手工编写脚本的方式来实现的，过程非常缓慢。设计人员设计时、后台程序员实现时，同样需要和需求人员不断的沟通，很多细节需求人员是不确定的，所以还需要再和用户沟通，然后又是等待，设计人员等需求人员，需求人员等用户。2、存在弊端多环节的沟通使得无效的等待非常多。沟通过程中的歧义也很多，人员的实际效率非常差。整个过程不得不面对原型、系统界面两次设计、两次与用户沟通确认的问题。项目比较大、周期

6、比较长的时候，这种低效率现象更为明显。3、解决方法Vj-Page页面工具的诞生就是为了解决这些问题。无论是否熟悉前端页面开发、是否有美工基础，都可通过简单的拖拽快速、轻松的制作出专业、美观的Html5、Ext、Jquery等类型的前端页面。真正做到了原型即系统页面。可将上述需求、美工、前端页面开发的工作合三为一，用可用型原型与用户进行沟通，避免大量反复的沟通，同时也可以确定更多的细节，使需求过程更快、更准确。另外，Vj-Page提供大量的模板，绝大部分界面都可以找到可复用的模板，使得前端页面设计真正变得快速、简单。除页面设计外，Vj-Page还提供了相应的业务规则、数据字典编写功能。页面、业务

7、规则、数据字典基本就包括了绝大部分需求细节，这三者确定之后，就可以进行设计、开发了。三、预见成效Vj-Page使需求过程中大量制作原型变得非常轻松。通过Vj-Page来加强原型的大量使用，可达到以下的效果：1. 大大提高用户满意度。用户从头到尾都清清楚楚的知道自己要什么，最终系统是什么样。2. 加快需求的进程，让用户尽早、高效的参与到需求沟通中，尽快的挖掘用户的最终需求，使得需求能够快速、准确的确定下来。3. 原型和系统页面合一，减少了需求人员与美工、前端工程师、设计、开发的反复沟通，避免二次设计、二次确认过程，大大提高了整体开发效率。4. 无需用大量的手写代码来实现页面，使页面设计效率更高、

8、人员的配置也更为简单。5. 最大程度的减少需求的变更，从而使项目整个更为可控，失败的风险也降到最低。6. 可在需求阶段就精准的对项目进行控制，把原型作为需求阶段的主要考量。7. 通过需求的快速、准确，缩短了整个项目的周期。如果这种方法能落到实处，节约10-20%的开发成本并非空谈。四、应用场景² 公司收入越来越高，利润却越来越低² 项目组人员越来越多，效率却越来越低² 软件功能在增加，用户满意度却在下降² 项目大量外包，无法控制进度² 订单越来越少² 项目时间非常紧张² 开发人员不够用² 用户要求很高² 急需提高开发效率²