湖南省残疾人福利基金会

湖南省残疾人福利基金会手机网站二维码

扫二维码访问移动端

湖南省残疾人福利基金会成立于2008年,是一家以扶残助残为宗旨的4A级公募基金会,主管单位是湖南省残疾人联合会。基金会的宗旨是“遵照国家和地方政府有关法律、法规和政策,广泛团结、动员一切社会力量,全心全意为残疾人服务”。

本项目由湖南省残疾人福利基金委托微构网络团队开发新的门户网站及在线捐助系统,并迁移整合原来多个系统数据到新系统中(多个老系统有php的也有.net的)。支持电脑端、微信端、手机浏览器、其他APP端内访问。支持多达6种在线捐助支付方式。

部分手机端界面展示(本项目包含电脑端和手机端)

基金会

主要功能清单

一、门户网站前台

(1)、文章模块

门户网站的核心内容,可以分类浏览(分类级数为2级)文章内容,不同的内容展现方式可以有所区别。

1、列出对应分类所有内容,PC上可以点击分页导航切换分页,H5网页可以上拉到底部自动加载下一页。

2、列表页面可以根据分类的定位在后台设置不同的页面类型,如:①标题型(如公告);②、图片+标题型(如图片展示);③、图片+标题+摘要(如活动新闻);④、视频列表(不超过4种列表风格)。

3、列表中每一条数据,根据数据的类型显示不同的元素,如封面图片、标题、阅读数、发布时间、视频标识、音频标识、附件标识(如内容zip、word、excel、pdf等附件标记附件标识)。

4、文章内页:内页支持文字、图片、音频、视频、PDF文档,一篇文章默认仅能上传一个音频或视频,如果需要支持多个需调整需求(建议一个足够了)。

如有附件下载:①、PC端直接显示下载按钮,用户点击可以直接下载;②、H5网页如果是手机浏览器点击下载按钮直接下载文件,如果是微信浏览器,提示复制网址到电脑或手机浏览器中下载。

5、如果需要把ppt、word在线展示,上传前统一转化为PDF。在网页上支持在线预览PDF内容(电脑版直接在内容开头预览,手机上,新开页面预览。)

6、在文章页面支持更新阅读数、支持用户点赞。

7、列表页面和文章页面支持侧边栏功能,支持图片广告位(用于显示重要信息的入口)、通知文章等。

(二)单页模块

类似内容模块,但跟内容模块不同的是,这里的内容无需没有列表页面,直接点击到详情页面。用于发布关于、合作伙伴以及一些无需不断更新内容数量性质的内容。很多分类只有一两篇文章没必要单独分类,用单页模块实现即可。如:关于我们这种栏目就用单页模块即可实现

(三)搜索模块

可以根据关键词,搜索文章和单页面的内容,通过文章标题和文章内容匹配。

二、门户网站后台

(一)、内容管理

1、内容分类:最高不超过3级分类,分类可以设置分类名称、分类排序、分类图片(预留可能某些地方需要显示分类的icon图标)。

2、内容管理:可以在后台发布内容,可以查看所有已经发布的内容,支持按照内容关键词搜索,支持文章排序,可以编辑文章、删除文章、隐藏/显示文章,支持按页批量删除、显示/隐藏文章(可以设置指定的文章在首页显示)。

3、在后台文章列表中,显示文章标题、文章作者、发布时间、更新时间、阅读数、所属分类等信息。

(二)、页面管理

页面管理跟内容管理类似,但分类最多一级足够了,分类也仅仅是为了后台管理页面内容方便。

(三)、广告管理

根据前台显示需要系统自带多个广告位,预留后期扩充广告位的空间(如PC版首页多张banner图片、H5首页多张banner图片、PC版文章列表和内页侧边栏广告位)。广告位支持设置图片、超链接、链接名称、排序等信息。

(四)、系统设置

可以设置系统名称、摘要、默认分享缩略图(用于微信内分享)、客服电话、微信二维码等日常需要更新的系统配置信息。

三、在线捐助前台

(一)、首页

聚合banner幻灯片图片、搜索框、推荐项目、各个分类最新项目推荐、数据统计(如多少个项目、多少人参与、募集了多少金额等)、主要模块入口(如果入口模块不多,可以使用底部菜单:如首页、发现项目、我的个人中心)等。

(二)、搜索页

点击搜索框后打开搜索页,搜索页在搜索页可以输入关键词,也可以点击全平台热门搜索记录、我的搜索进入快速进行数据筛选。

(三)、项目列表

可以根据项目分类、项目标题和内容关键词匹配筛选项目,下拉到页面底部自动加载更多项目信息。

(四)、项目详情

展示项目的基本信息,包括图片与文字介绍,以及数据展示(目标金额、参与人数、已募集金额/募集进度、募集记录等),用户可以从本页面发起捐助。可以选择后台设置的爱心包和自定义输入捐助金额。

(五)、个人中心

主要包括登录注册、个人信息、捐助记录、捐赠排名等。

1、登录注册:可以使用手机号码注册帐号,在电脑和微信中上可以使用微信快速登录,在电脑和支付宝中可以用支付宝帐号快速登录。

2、个人信息:用户可以补充个人信息,包括所属地区、所属单位、姓名、手机号码等。

3、捐款记录:显示用户自己的捐款记录,包括金额、时间、项目信息等(也包括历史捐款数据统计,次数、项目个人数、捐款总金额)。4、捐款排名:按照全部时间、本年度、本月捐款用户捐款金额排名。

四、在线捐助后台

(一)、起始页

进入后台的起始页,统计核心数据和展示最新的相关数据。

1、直观展示系统历史以来、本年度、本月捐款的总金额、参与人次、参与人数、当前在线项目数。

2、展示最近注册用户、最近捐款记录、最新项目。

(二)、项目管理

1、项目分类:默认开发一级分类(如:助听、助视等)。

①、可以添加、删除、编辑分类。

②、可以修改分类排序(决定前台分类的排序顺序)。

③、支持删除分类。

④、如果分类比较多,支持后台分页管理(当然一般分类数量不会太多)。

2、项目管理:后台对项目进行管理,包括发布、删除、修改及其他内容维护。

①、可以添加、删除、编辑项目。

②、可以修改项目排序(用于调整前台显示顺序),设置推荐项目(在首页推荐位显示)。

③、发布项目包括项目名称、编号(自动生成,也可以手动修改覆盖)、选择项目分类、受助人信息(可以选择前台公开或不公开)、封面图片、目标金额、项目介绍(图文)、视频(可以发布一条视频插入到详情页面)。

④、在项目管理列表中,每个项目显示ID、项目名称、项目编号、项目分类、目标金额、已筹金额(系统自动计算)、捐助次数(系统自动计算)、是否推荐、排序、创建和更新时间(系统自动生成)、编辑和删除按钮、状态(支持上架下架项目,下架后前台不可见、不可捐款,但不用删除修改完善后可以上线)。

⑤、支持按照项目名称关键词、分类、是否推荐等条件进行项目快速查找(支持分页)。

⑥、支持对⑤中查找结果,一键导出excel。

(三)、捐款记录

在后台可以查看到所有的捐款记录,支持数据筛选、导出到excel。

1、支持数据分页查找,每条记录包括系统订单号、支付单号(支付后才有)、捐款人、捐款人手机号码(如果补充了有)、捐款金额、项目名称、支付状态(已支付、未支付)、创建时间、支付时间、支付方式(微信或支付宝)。

2、支持按照订单号、支付单号(用于跟支付平台对账,一般都必须要)、项目(支持按关键词模糊搜索)、支付状态、支付时间(时间区间,支付时间才是真正捐款时间)进行筛选。

3、支持所选条件内,显示统计数据,如总金额、记录数、参与人数。

4、支持对筛选出的数据一键导出excel。

用户管理 显示所有进入系统且注册过用户的用户数据(超级管理员帐号不显示在列表中)。

1、每条用户数据包括用户ID、用户名、注册时间、登录次数、最新登录时间、捐款次数、其他用户信息(用户自己完善的,如手机号码、姓名等等)、用户状态(有效和禁用)。

2、支持禁用和解禁用户帐号。

3、支持按照用户名、用户ID、是否捐款过等条件搜索用户。

4、支持把筛选出的用户数据导出到excel。

(四)、其他功能

如banner图片广告设置、捐款协议等系统其他设置参考门户后台后台管理部分,同一个后台,开发对应所需要的模块。

五、其他配套功能

(一)、SEO优化

从几个方面提供网站整体的SEO友好度,比如开发内容主动推送、自定义网页的标题描述关键词信息、加快网页加载速度等。

(二)、留言模块

用户在前台可以提交意见建议或其他的问题,同时留下姓名和手机号码。用户提交后,系统自动通知到管理员手机号码(在后台可设置),告诉管理员有用户反馈问题请及时反馈。管理员在后台可以查看用户的反馈内容并可以回复该内容,回复的内容通知给用户。

(三)、图片优化

图片优化主要包括如下几个方面:

1、图片瘦身:在首页、列表、文章内页中需要读取的封面,根据所需要的图片大学进行读取,而不读取原图。因为现在即便是一个手机拍的照片都是10MB,直接显示打开速度将会很慢。

2、图片预览:在电脑和手机浏览文章时,点击文章内图片可以弹出查看大图,在手机上还可以缩放查看大图,增加浏览体验。

3、图片水印:可以在文章内显示的图片自动打上水印内容(如:湖南省残疾人福利基金会),品牌标识度更强。

(四)、网页分享

在PC端加入基于分享API开发的分享组件(非直接贴分享平台的代码),用于把网站内容分享到第三方社交平台,如微信、微博等;而手机上不管是微信还是手机浏览器都自带分享功能(如果有微信认证公众号,可以支持自定义内容分享的标题、摘要、缩略图等信息)。

(五)、网站统计

在后台预留head和footer代码嵌入点,用户可以随时插入统计代码、竞价代码,而无需找专业人员进行文件修改。可以统计每天有多少人浏览网站、这些人来自哪里、通过什么渠道进入等。

(六)、友情链接

在网站底部显示友情链接,支持在网站后台维护友情链接数据,可以添加、修改、删除。

(七)、OSS及CDN

使用对象存储服务和CDN服务,可以节省服务器成本,而且用户体验会大大提升。尤其当网站中包含视频、音频等大文件内容时,会极大提升用户体验。普通单台带宽资源不高的服务器(如2-5MB贷款),同时数个人同时观看视频就会显得不流畅,使用这种访问可避免类似问题。

(八)、音视频私有化

音频资源路径私有存储,用户访问时仅生成临时授权访问token,可以避免用户获取资源路径到系统外使用,造成流量资源浪费。

(九)、音视频处理

针对该类网站,主要有这几个方面的处理:

1、音视频转码:主要针对视频,如果上传的原视频很高清,但网页无需这么清晰的(因为普通访问高清会极大浪费网络带宽资源),如果上传前转码会很麻烦,上传后系统自动识别视频体积,如果体积过大则自动转码生成较小体积的文件。

2、视频封面自动生成:上传视频时程序读取视频文件自动截取封面图片(当然如果手动上传视频封面,则手动上传的优先显示)。

3、数据读取:自动读取音视频各项数据,如常用的音视频时长,可以在视频列表等页面直接显示出来,而不用手动输入。

(十)微信登录

在电脑网页或微信APP中访问本网站,用户可以选择用微信帐号快速登录网站(电脑扫码、微信中自动授权登录),微信电脑扫码登录需开通微信开放平台(需要支付腾讯每年300元认证费用)。

(十一)、支付宝登录

在电脑网页或支付宝APP中访问本网站,用户可以选择使用支付宝帐号快速网站(点击登录按钮快速登录)。

(十二)、微信支付

可以开发微信客户端内使用微信在线支付(贵单位之前的网站只支持这种方式),也可以增加H5微信支付(主要用于微信以外的手机浏览器环境)。

(十三)、支付宝支付

用于非微信等屏蔽支付的环境下,进行支付宝支付,如电脑、手机浏览器、支付宝等移动APP(微信内微信会屏蔽支付宝)。让用户用多种方式参与公益捐助。

(十四)、消息通知

用户捐款支付后,系统自动发送一天反馈信息,增加用户对本公益平台的好感,也让平台信任度提升。

1、如果用户是在微信中使用且关注过公众号(服务号不是订阅号),系统可以通过微信公众号模板消息发送通知,用户会在公众号会话窗口看到信息。

2、如果用户绑定过手机号码,通过短信发送通知,用户会在手机短信中看到信息(发送短信需要支付短信费用给运营商,一天大概4.5分钱,用量越多越便宜)。

3、用户在绑定手机号码或者用手机号码验证码登录时,系统自动发送验证码通知,用于手机号真实性验证。

六、旧官网数据整合到新网站

由于门户网站重新开发,需要跨平台(从SQL server迁移到mysql)、跨系统(从旧的.net系统到新的php系统)。迁移的数据工作清单如下:

1、分类数据:各个文章文章分类数据

2、文章数据:是迁移工作最核心的部分,迁移各个分类下的文章数据,通过数据库查询,文章数据有600多篇(其中可能包含无效数据)。

3、捐款记录:如果需要开发对应的在线捐款模块,则需要迁移捐款记录数据,大概300多条。

4、数据转换:数据直接复制粘贴是无法适应跨平台迁移的,需要把原系统数据加工处理后导入到新系统中。

5、附件数据:数据库保存数据关联的附件数据,如文章中的图片等附件。

与我们的项目经理联系
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流

郑重申明:微构网络以外的任何单位或个人,不得使用该案例作为工作成功展示!
分享: