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

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