时间线功能模块设计概要.docx

编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第2页 共2页时间线功能模块设计概要一、 主体设计思想：a) 通过时间线来展现给用户一个比较简洁实用的数据窗口，整体美观大方、用户操作便捷，数据一目了然。b) 提供不同入口方式的展示，通过JS提供参数或通过URL地址源直接提供，来实现站内展示和站外引用的方式。c) 时间线元素大致有三种：纯标题、图片集及视频预览。d) 大部分窗口元素需要加入动态的效果以达到更好的效果。e) 主体窗口可以通过后台数据来定制背景图等灵活应用。二、 设计需求：a) 使用Adobe Flex3以上版本来进行功能模块的开发。b) 进行相关UI的设计定稿。c) 与服务器端的通信可采用JSON数据源或AMF3接口，目前后台计划采用ASP.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来实现的模块样例：第 2 页 共 2 页