时间线功能模块设计概要资料.pdf

时间线功能模块设计概要 一、主体设计思想：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 来实现的模块样例：