1、智慧社区1.0 杭州捷蓝信息技术有限公司温州移动智慧社区1.0产品需求文档文档版本号 ZHSQ-1.0 文档编号文档密级 内部交流使用 归属部门 B2C事业部产品名 智慧社区1.0 子系统名 ZHSQ-AD-1.0编写人 尹谏君 编写日期 2015年6月24日智慧社区1.0 杭州捷蓝信息技术有限公司2版本号 修订人 修订日期 修订描述V1.1 尹谏君 2015.6.30 1.部分功能剔除，自行车详情查询、公交线路查询与目的地查询功能2.发现功能模块的精简尹谏君 2015.7.9 1、首页布局调整、主菜单类目改变，功能区布局改变2、公共导航区优化为：首页、社区、发现、家庭、我的3、民情e通名称的
2、修改4、和慧眼的入口调整5、社区论坛发布关键词的过滤V1.2 尹谏君 2015.7.18 1、大面积修改2、主页变更3、快递消息去掉，社区公告评论去掉，老人定位接入方式调整智慧社区1.0 杭州捷蓝信息技术有限公司3目录一、产品概述41.1概述.41.2用户角色描述.41.3思维导图.51.4功能清单.7二、详细功能说明82.1智慧社区APP82.1.1首页.92.1.2社区.152.1.3发现.222.1.4家庭.282.1.5我的.342.2智慧社区管理后台 452.2.1系统管理.452.2.2社区管理员 562.2.3物业管理员 592.2.4账号信息维护 62智慧社区1.0 杭州捷蓝信
3、息技术有限公司4一、产品概述1.1概述智慧社区是社区管理的一种新理念，是新形势下社会管理创新的一种新模式。智慧社区是指充分利用物联网、云计算、移动互联网等新一代信息技术的集成应用,为社区居民提供一个安全、舒适、便利的现代化、智慧化生活环境,从而形成基于信息化、智能化社会管理与服务的一种新的管理形态的社区。本公司承接温州移动该项目，主要承担开发任务。本产品需求说明书为温州智慧社区项目，智慧社区APP完整内容以及智慧社区客户端支撑后台管理系统所有内容，所涉及功能模块以及后台权限等级，流程等内容后文详细阐述。1.2用户角色描述用户角色 用户描述（本文档范围内的描述）超级管理员 一级权限，系统管理者，
4、确定社区目录、分配社区和物业管理用户、录入社区与物业管理的基本信息、具有账号授权、角色增删、修改、锁定等权限社区管理员 二级权限，社区管理者，发布社区范围内的公告，社区论坛信息管理，注册用户的管理物业管理员 二级权限，小区管理者，发布小区范围内的公告、代表物业公司进行物业费管理、业主信息、短信发布、报修应答、快递收取未注册用户 本用户为非注册用户，浏览两个客户端提供的有限内容，设置地点信息后的信息获取以及消息推送智慧社区注册用户 注册用户可进行登陆、发布、查看、设置入住信息后可正常浏览、发布消息，快递消息推送等机顶盒用户 本章节不做概述智慧社区1.0 杭州捷蓝信息技术有限公司51.3思维导图
5、智慧社区APP智慧社区1.0 杭州捷蓝信息技术有限公司6管理系统智慧社区1.0 杭州捷蓝信息技术有限公司71.4功能清单子系统 模块 功能 详细说明 优先级智慧社区App 首页我的地址 用户入住信息、主动操作、初次进入要求选择、入口在首页顶部 高更换小区 设置页面搜索、选中入住小区，可反复切换 高轮播区 轮播banner1-4张，可链接 高导航 底部导航切换 高功能区 常设功能区域 高社区 社区公告 查看社区公告预览、详情 高社区论坛 发布、评论、点赞、详情、预览功能 高社区通 群众心声、快速发布、我的心声 第三方厂商提供页面家庭 家政服务 家政类信息入口、钟点工、保姆、洗衣、维修、月嫂、认证
6、查询、搬家等多种服务，与第三方家政服务公司、月嫂、洗衣o2o公司合作提供信息资源 编辑整理物业服务 电费、煤气费、水费、物业报修、物业缴费 中发现 交通 公交站、自行车、停车场、和慧眼 站点查询家政 保姆、洗衣、维修、月嫂 定位查询商户 药店、水果店 定位查询我的 注册/登陆/找回密码 注册、登陆、找回密码 高个人中心 我的资料、我的帖子、关于智慧社区、分享给朋友 高检查更新 检查安卓版本信息，提示更新链接 高智慧社区1.0 杭州捷蓝信息技术有限公司8公告发布 发布所属管理小区范围内的公告推送 高报修应答 接收下属小区报修信息 低物业缴费 管理物业费信息，统计缴费信息 中账号维护 管理员账号信
7、息、密码维护 高社区管理系统 公告发布 发布所属管理社区范围内公告推送 高论坛管理 论坛内容管理、查找、删除、监控 高用户 APP注册用户 高账号维护 管理员账号信息、密码维护 高系统管理 系统用户 后台登陆用户新增、删除、分配角色 高角色列表 角色设置、分配角色权限 高权限列表 权限列表管理、增、删 高用户 APP注册用户管理 高社区目录 社区小区目录结构、导入、与前端联动 高Banner管理 智慧社区客户端banner管理 高家政信息采集 家政信息采编，供前台数据库检索，及时更新本地新闻 后台人工编辑二、详细功能说明2.1智慧社区APP智慧社区APP功能模块包括：首页、社区、家庭、发现、我
8、的（账号体系）智慧社区1.0 杭州捷蓝信息技术有限公司92.1.1首页加载与引导页：加载静态页面与引导页面，后期由设计师提供用户界面 名称 详细说明加载 应用初次打开加载中显示加载页引导页 1.初次打开与更新后初次打开显示引导页，有若干张图片展示2.该图片由设计师提供3.手滑翻页，结束进入应用4.2-4张页面智慧社区1.0 杭州捷蓝信息技术有限公司10首页：标题栏，用户中心图标、轮播区、主菜单栏、功能区、公共导航区用户界面 名称 详细说明标题栏 地址1.初次进入提示用户设置小区信息，弹窗如左图，单击“马上入住小区”进入设置小区页面2.单击进入“入住设置”页面3.选定的小区在标题栏显示，如图轮播
9、区（1） 样式1.高度与宽度见设计图2.包含图片和切换提示按钮功能1.停留，每页停留3s2.切换：线性从右向左切换，每页过度时间600ms，首页与末页过渡同其他页3.手动切换，手势触摸滑动，支持滑动悬停，手势加速4.与后台banner管理对接主菜单（2） 家政服务：进入家政服务页面和慧眼：进入和慧眼页面物业服务：进入“民情e通”页面老人关爱：进入去哪啊老人机APP跳转页面社区通：跳转至民情e通第三方页面健康管理：跳转和健康APP，初次进入下载功能区（3） 资讯：社区公告、百姓之声、本地新闻社区公告：1、最新一条公告2、显示发布日期：05-093、标题+内容显示15个中文字符，超出省略号代替5、
10、图片固定显示一张，样式见设计稿6、单击文字进入详情百姓之声：1、显示民情e通的一条消息，心声号，内容预览，显示0个中文字符超出省略号，与民情e通接口对接本地新闻：显示一则本地新闻、来源后台人工编辑生活：商家、天气、让我来官网天气：123智慧社区1.0 杭州捷蓝信息技术有限公司11调取网络天气接口，天气、风向、风级、温度区间商户：显示移动积分商城的商家图片：例如：水果店，单击进入水果代金券兑换详情页，后台“首页商户”模块可替换链接洗衣：放置固定图片链接，单击跳转至让我来官网公共导航区 首页、社区、发现、家庭、我的主导航区单击切换，样式参见设计稿入住设置：我的小区、更换地址用户界面 名称 详细说明
11、标题栏 1、返回上一级页面名称“首页”2、本页名称“我的小区”3、【清除记录】清楚未入住小区记录，弹框确认小区列表 1、在当前设置的小区后显示“对勾”标志2、未标记的小区为曾经入住过的记录，一行显示一个更换小区 1、进入设置小区页面2、首次打开APP强制进入设置小区页面确认弹窗智慧社区1.0 杭州捷蓝信息技术有限公司12标题栏 1、返回上级页面名称“我的小区”2、该页标题“温州”搜索文本框 1、提示“请输入小区名称查找”2、单击输入框，弹出中文键盘，获取光标3、针对输入的文字进行模糊搜索，下方列表显示出模糊匹配的小区，输入框内字符发生改变即模糊搜索一次4、有搜索结果则显示在下方列表中，无所搜结
12、果则弹窗提示“未搜索到相关小区，请减少关键词重新搜索”，【确定】取消5、当输入框为空值时，下方默认推荐GPS定位区域内，按距离从小到大排序显示20个小区（后台社区-小区目录会备注经纬度）小区列表 小区名称：数据来自数据库（人工录入）小区地址：数据来自数据库（人工录入）距离：样式：见设计稿，如1km获取方式：通过GPS获取到的经纬度，与数据库中的小区信息比较，计算出距离按距离从小到大排序，并将距离标记在后面确认弹框 无搜索结果弹框 图2图2图2智慧社区1.0 杭州捷蓝信息技术有限公司13和慧眼：第三方登陆页面、视频列表、全屏播放用户界面 名称 详细说明标题栏 返回上级名称 服务该页标题和慧眼小区
13、名称 根据小区提示登录账号密码视频列表 静态显示多个摄像头、单击进入全屏播放页面摄像头名称（地点） 待确定接入方式时间 实时显示时间返回 退出全屏按钮声音 控制声音，单击切换关闭、打开状态智慧社区1.0 杭州捷蓝信息技术有限公司14登陆：登陆账号提示，手动输入用户界面 名称 详细说明标题栏 返回上级名称 服务该页标题和慧眼账号密码 根据小区提示登录账号密码登陆页面 仿照机顶盒接入方法，登陆后进入视频列表页面关于账号密码 根据设置的小区信息匹配社区信息，后台可人工录入账号密码信息在前端提示智慧社区1.0 杭州捷蓝信息技术有限公司152.1.2社区社区：社区公告、社区论坛、社区通，简单交互，样式说
14、明社区公告：图像、发布者、公告标题、日期、用户界面 名称 详细说明导航 1、该模块分为社区公告、社区论坛、民情e通三个，2、手势向左、向右可滑动导航、600ms内一个切换。详细效果见原型图。3、被选中标题变成如图颜色，下方下划线滑动至标题下方。社区公告 1、社区公告导航放置在第一位置（左边）2、从上到下依时间发布顺序依次显示，最新发布的公告放置在最上方。3、物业与社区公告按时间最近顺序排序，最新的放在最顶部内容提供 1、社区公告：后台管理发布2、社区论坛：注册用户发布3、社区通：第三方页面接入公告 1、显示发布者图像、物业管理员或社区管理员2、显示公告标题、发布时间，精确到日3、公告标题全部展
15、示，内容第一行全部展示、第二行最后4个字符用省略号代替公告详情 点击标题、内容进入公告详情页。交互 单击“公告标题”“文字内容”进入详情页面向上滑动加载更多，加载完毕底部提示“已加载全部”智慧社区1.0 杭州捷蓝信息技术有限公司16公告详情：标题栏、图像、管理员类别、内容、图片、阅读+评论数目、评论区用户界面 名称 详细说明标题栏 显示返回上一层页面名称，社区该页标题：公告详情，（设计稿未标注）图像与名称 图像：系统默认名称：物业管理员与社区管理员内容 全部显示文字，样式见设计稿图片 纵向排布图片，宽度缩放至适合手机屏幕大小发布时间 显示发布时间格式：07-1523:25交互 提示“向上加载更
16、多”，加载完毕后显示已显示完全。智慧社区1.0 杭州捷蓝信息技术有限公司17社区论坛：用户图像、名称、发布时间、内容、图片、点赞、评论、统计用户界面 名称 详细说明图像 显示发布者图像、未设置显示系统默认图像发布者 已设置昵称：显示发布者昵称未设置昵称：显示“社区居民”时间 显示发布时间格式：07-1523:25内容 显示两行文本，作为预览，最后四个中文字符用省略号代替，不超出则正常显示图片 1、等比例缩放图片，预览第一张图片2、单击全屏显示，左右滑动查看其他图片，默认首张3、滑动效果同banner4、图片下方提示图片张数点赞 1、红色心形为点赞图标，点击可切换点赞、取消，样式相应变化2、判断
17、登陆状态，非登陆状态提示登录评论 1、显示评论条数，单击评论热区进入详情，弹出评论输入框。2、判断登陆状态，非登陆状态提示登录发布 见图1,单击进入发布帖子页面进入详情 单击发布者昵称或文本内容，进入详情图1智慧社区1.0 杭州捷蓝信息技术有限公司18帖子详情：标题栏、图像、管理员类别、内容、图片、阅读+评论数目、评论区用户界面 名称 详细说明标题栏 显示返回上一层页面名称，社区该页标题：帖子详情图像与名称 图像：系统默认名称：发布者昵称内容（文字） 全部显示文字，样式见设计稿图片 纵向排布图片，宽度缩放至适合手机屏幕大小赞 该帖子点赞数目评论数 显示评论数目评论 1、顺序：按时间顺序最新放置
18、在最前2、图像：用户设置图像，未设置的显示系统默认图像3、昵称：显示用户昵称，未设置的显示“社区居民”4、评论内容：全部文字显示5、时间：时间显示同论坛发布6、当评论数一页显示不完全，向上拖动屏幕刷新7、【评论】单击弹出评论输入框+键盘点赞 单击切换状态，点“赞”数目实时统计输入框（下一页） 1、单击触目空白区收起键盘2、单击评论弹出3、【发送】判断是否为空，如为空值3s弹窗提示，正确进入下一步4、发布过渡：提示“发布中”成功提示“发布成功”样式见下图5、发布成功后刷新当前页显示弹窗样式智慧社区1.0 杭州捷蓝信息技术有限公司19发布帖子：标题栏、发布、输入框、添加图片、调用键盘用户界面 名称
19、 详细说明标题栏 显示返回按钮，标注上级页面名称“社区”、该页标题“发表帖子”【发布】按钮输入框 文字输入框键盘 1、进入该页输入框默认获取光标，同时调用系统中文键盘2、单击【图片】上时收起键盘3、单击输入框，获取光标并调取中文键盘添加图片 单击【图片】按钮时切换至图片上传窗口，同时收起键盘，文字输入框失去光标，再次单击【图片】按钮收起图片上传窗口发布 单击【发布】时：1、检测输入框是否为空，为空则提示，正确进行下一步2、图片是否预上传完全3、显示加载窗口4、发布成功2s窗口提示，跳转并刷新至社区论坛首页5、弹窗样式参考设计稿智慧社区1.0 杭州捷蓝信息技术有限公司20添加图片：标题栏、发布、
20、输入框、添加图片、调用键盘用户界面 名称 详细说明标题栏 同“发表帖子”输入框 文字输入框添加图片 单击 进入上传图片窗口、选择拍照或相册，上传完成小图预览1 1、单击【图片】按钮时切换至图片上传窗口，同时收起键盘，文字输入框失去光标，再次单击【图片】按钮收起图片上传窗口2、单击空白输入区域，弹出键盘，收起图片上传窗口删除图片 单击【关闭】删除图片上传 未完成：显示红色进度条 如图已完成:显示绿色进度条 如图上传限制 1、不得上传超过2M的图片，正确无提示，超出弹窗提示“请上传小于2M”的图片，2、当已选图片超出10张时，按【添加】提示“只可选择10张图片”，3、每次选择只可选择1张图片1智慧
21、社区1.0 杭州捷蓝信息技术有限公司21社区通：群众心声、我的心声、发布心声、地区选择用户界面 名称 详细说明页面接入方式 该页面考虑嵌入HTML页面列表 显示心声预览地区选择 弹出地区选择窗口快速发布 跳转至发布页面我的心声 跳转至我的心声页面样式 参考设计稿智慧社区1.0 杭州捷蓝信息技术有限公司222.1.3发现发现：交通、家政、商户，接入百度地图交通：包含公交站、自行车、停车场、视频监控用户界面 名称 详细说明标题栏 入住小区，“我的”入口子菜单 1、交通：公交站、自行车、停车场、和慧眼2、家政：家政公司、洗衣、家电维修、保洁3、商户：药店、水果店缩放 支持手势两点触控缩小、放大（百度
22、地图）移动 单指触点平面移动，同时加载新地点的展示的信息。交互 1、单击子菜单标题展示下拉项，线性下拉600ms,收起其他下拉子菜单，标题显示选中项、地图同时显示所在地标志、类目的图标见设计稿2、所有类目只可单独选择3、初次进入发现栏目、默认无选择4、调用百度地图5、菜单下拉收起线性下拉、收起（600ms）所有类目只可单独选择样式 1、见设计稿、具体交互方式见原型图2、左图为以加油站作为参考的地图展现形式，其余选项相同，单击进入详情自行车信息获取 微信公众号：wzzhcs（温州智慧城市）http:/121.40.49.2/weixin/busStationQuery/list公交信息获取 见下
23、文智慧社区1.0 杭州捷蓝信息技术有限公司23公交站详情：公交站详情、公交路线详情用户界面 名称 详细说明标题栏 返回上一级，标题公交站详情站点信息 “有4条线路经过站”：线路条数为经过此站的公交数，站名为此站名称刷新 单击【刷新】在此页刷新当前状态列 线路：路线名称、下一站名称、起始站、首末班时刻下一班车距离到站：通过在线抓去获取距离，例如：还有1站排序 相同上行下行路线相邻排序交互 单击任意路线列表进入该公交线路详情页面公交站、信息获取链接 微信公众号：wzzhcs（温州智慧城市）http:/121.40.49.2/weixin/busStationQuery/list智慧社区1.0 杭州
24、捷蓝信息技术有限公司24公交路线详情：标题栏、刷新实时位置、标志说明、实时位置图用户界面 名称 详细说明标题栏 返回上一级，标题公交站详情刷新实时位置 单击刷新路线最新位置标志说明 途中、到站、最近站点标志说明途中：在途中的公交位置标注到站：到站公交位置标注最近站点：离当前位置最近的公交站点实时位置 1、站名如图两纵列按公交路线排序，两边刚好相反顺序，绿色站名为当前查询的站点信息2、公交位置在两站之间显示“途中”标志3、公交位置在站点上显示“到站”标志站名 首尾为起始站最近站点 标注在最近站点站名的左侧，或右侧，如图智慧社区1.0 杭州捷蓝信息技术有限公司25自行车租赁：地图、弹窗、站点信息、
25、导航用户界面 名称 详细说明下拉列表 显示当前选项为“自行车”遮罩状态不可点击标记 在地图中单击自行车标记弹出弹窗弹窗 1、弹窗弹出时，其他区域不可点击2、显示自行车租赁点名称3、可借总数 8/204、详细地址5、距离6、导航：单击导航至该站点7、关闭：单击退出弹窗智慧社区1.0 杭州捷蓝信息技术有限公司26停车场：地图、弹窗、导航用户界面 名称 详细说明下拉列表 同上标记 同上弹窗 停车场、地址、距离、导航关闭：退出弹窗智慧社区1.0 杭州捷蓝信息技术有限公司27和慧眼：地图、弹窗、导航用户界面 名称 详细说明下拉列表 同上标记 同上弹窗 和慧眼、地址、距离、实时视频，点击进入监控视频界面智慧社区1.0 杭州捷蓝信息技术有限公司28水果店：地图、弹窗、导航用户界面 名称 详细说明下拉列表 同上标记 同上弹窗 水果店、地址、距离、实时视频，点击进入监控视频界面智慧社区1.0 杭州捷蓝信息技术有限公司29药店：地图、弹窗、导航用户界面 名称 详细说明下拉列表 同上标记 同上弹窗 药店、地址、距离、实时视频，点击进入监控视频界面智慧社区1.0 杭州捷蓝信息技术有限公司30家政：保姆、洗衣、维修、月嫂用户界面 名称 详细说明下拉列表 同上标记 同上弹窗 保姆、维修、月嫂，点击【导航】进入导航页面洗衣：【详情】进入“让我来官网”其余交互形式同上
