《时间线功能模块设计概要.docx》由会员分享,可在线阅读,更多相关《时间线功能模块设计概要.docx(2页珍藏版)》请在三一办公上搜索。
1、时间线功能模块设计概要一、 主体设计思想:a) 通过时间线来展现给用户一个比较简洁实用的数据窗口,整体美观大方、用户操作便捷,数据一目了然。b) 提供不同入口方式的展示,通过JS提供参数或通过URL地址源直接提供,来实现站内展示和站外引用的方式。c) 时间线元素大致有三种:纯标题、图片集及视频预览。d) 大部分窗口元素需要加入动态的效果以达到更好的效果。e) 主体窗口可以通过后台数据来定制背景图等灵活应用。二、 设计需求:a) 使用Adobe Flex3以上版本来进行功能模块的开发。b) 进行相关UI的设计定稿。c) 与服务器端的通信可采用JSON数据源或AMF3接口,目前后台计划采用ASP.
2、NET作为平台,以上两种方式均可以提供数据,优先JSON方式。d) 时间线可以使用鼠标进行左右拖动。e) 展示元素需要配以动态效果以预览大致内容,如展开放大,并提供编辑、详情、加分等小功能工具条。f) 时间轴的展示方式及优化,主要涉及到“纯标题、图片集及视频预览”这三种元素的展现,如视频可播放、图片集可切换图片上一张、下一张、图片集的自动切换等。g) 数据可以缩放时间单位(暂定:“时、日、月、半年、年”五个级别)来提取,并根据数据多少调整显示密度,避免重叠等现象。压缩隐藏的需要提供放大按钮,从而使压缩部分的数据可展开到下一级别展示。h) 提供“时间缩放条、好友搜索、Tag分类、日期范围选择”等相关快捷操作。i) 通过数据中的地理位置信息来对Google Map进行操作。Map高度需要做到可以调整。j) 其它具体细节,包括流程细节、数据结构、链接定义等在确定以上可实现的前提下商谈。三、 工期要求:a) 界面设计样稿的确定:2.5工作日b) 数据流程及数据接口、外部功能链接的确定:2.5工作日c) 具体功能实现:10工作日d) 测试验收:5工作日e) 合计:20工作日四、 附件:a) UI设计草图:b) 通过JS来实现的模块样例: