1 开发任务描述
1. 泳道图功能模块为我方系统的一部分,用于显示跨部门、跨阶段的业务节点(以下简称“节点”)之间的输入输出关系。节点数据、节点之间的输入输出关系、节点排序信息、节点状态信息由我方系统提供。
2. 需要根据具体业务,按具体部门、阶段划分的节点数据和节点之间输入输出关系绘制出节点及关系泳道图,并显示节点状态(节点状态信息由我方系统提供)。
3. 泳道图按部门、阶段组成矩阵;同一个部门、同一阶段下,所有节点按照左上右下沿对角线依次排列(排列顺序信息由我方系统提供)。每个阶段部门交叉的 [区域方格] 的高(宽)按照该行(列)最大节点数的方格来判定。
4. 节点效果图如下:
5. 节点数量级约为 15000,节点连线关系约为 400000。
6. [节点关系-连线布线规则]
泳道图绘制所有节点之间的输入输出匹配关系连线,无论关系的节点在不在显示区域内,只要线在显示区域内,都将连线显示出来。
( 1 ) 节点输出线自节点图元左侧中点、右侧中点出,节点输入线自节点图元的上方中点、下方中点入;
( 2 ) 节点之间连线不能穿越节点图元;
( 3 ) 节点之间连线应拐点最少;
( 4 ) 两个节点之间只绘制一条连接线;
( 5 ) 节点连接线的转角为圆角;
( 6 ) 节点连接线可以走线的位置为基线(基线不绘制),基线分为两种:第一种,相邻两个节点图元之间的水平中心线或垂直中心线,第二种,节点图元中心点十字线,如下图所示:
( 7 ) WP 连接线走线分为两种情况:第一种情况,阶段、部门都相同的 WP 之间连线,自起始 WP,沿起始 WP 图元中心线经过一次拐弯,可无阻碍到达目标 WP,自目标 WP 上方或下方进入,WP 连线为直角弯,如下图所示:
( 8 ) WP 连接线走线的第二种情况,阶段或部门不相同的 WP 之间连线,起始 WP 左侧或右侧第一条垂直基线,与目标 WP 上方或下方第一条水平基线的交点为 WP 连线转弯点。WP 连线自起始 WP 出发,沿左侧或右侧第一条基线到达转弯点转弯,然后沿水平基线到达目标 WP,自目标 WP 上方中点或下方中点进入,如下图所示,WP1.1 与 WP2.3 之间的连接线:
( 9 ) 第二种情况下,WP 之间的连接线与基线偏离一段距离,使 WP 连接线均位于 WP 图元单元格内部。在基线所围成的 WP 图元单元格内部,WP 图元周边的线段应遵循顺时针方向,如下图所示,详见泳道图效果图。
7. 效果图如下:
8. 其他交互需求:
( 1 ) 泳道图支持任意方向拖动。
( 2 ) 泳道图支持放大和缩小,最多显示 100 个节点。
( 3 ) 点击泳道图中节点图标,弹出一个窗口,显示该节点与上游节点、下游节点之间的连接线列表,如下图所示。节点名称为超链接,点击节点名称则显示节点详情信息,节点详情信息由我方系统提供。操作列包含 4 种操作按钮:跳至起点、跳至终点、选择线段、查看详情。其中,点击“跳至起点”,则跳至上游 WP。点击“跳至终点”,则跳至下游 WP。点击“连线高亮”,则该 WP 连接线整条线高亮显示,泳道图拖动时,该 WP 连接线整条线保持高亮显示。选择新的 WP 连接线后,原选择的 WP 连接线取消高亮显示。点击“查看详情”,则打开该 WP 连接线所代表的输入输出匹配关系列表页面,输入输出关系数据由我方系统提供。
( 4 ) 节点名称可显示 2-3 行,鼠标位于业务节点图元上时,悬浮显示业务节点全部名称。节点名称信息由我方系统提供。
( 5 ) 节点图元外框 4 个方向的输入线、输出线旁边应以数字标识该线段所包含的节点之间连接线数目。
( 6 ) 提供根据节点信息进行显示窗口定位的功能或接口,将所选节点置于显示窗口的中心。
( 7 ) 显示节点状态,需显示状态图例,超期的节点以红字显示“超期”。节点状态信息由我方系统提供。
2 技术要求:
1. 技术方案采取 [节点关系-连线布线规则] 在 Java 后端计算,并存储到自定义的库表或缓存中。由于泳道图数据计算量大,涉及所有节点及关系,耗时时间很长,需要每晚定时生成。
2. 前端采取 Flex 或 Action Script 技术进行开发。
3. 前端交互效率:响应时间 2s 内。
4. 并发用户:20 个
3 开发过程要求:
1. 泳道图可以先以模拟数据进行开发及内部测试,模拟数据由我方提供。
2. 泳道图内部测试通过后,与我方系统进行系统联调,并以真实数据进行测试,测试通过后,可进入验收交付程序。
投递职位:
https://shixian.com/jobs/8477
这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。
https://www.v2ex.com/t/361682
V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。
V2EX is a community of developers, designers and creative people.