论文部分内容阅读
摘 要： 在校大学生闲置物品冗杂，校内公益社团对闲置物品回收方式單一，仅停留在活动宣传及地毯式的走寝回收，对校内资源的浪费比较严重。同时在校园内缺少相对完善的公益信息平台，学生们难以获知更多公益资讯，导致校园公益社团时常有缺少志愿者，而志愿者又无法及时参与公益活动，所以“萤火闲置”平台应运而生。该平台主要包括：“我要捐”（求助）、“萤火互换”、“萤火公益”、“校园公益”等功能板块。
关键词： 网站建设;精准扶贫;校园微公益;公益信息平台
中图分类号： TP311.52 文献标识码： A DOI：10.3969/j.issn.1003-6970.2019.05.022
本文著录格式：杨成玉，曲绍波，雷胜，等. “萤火闲置”公益网站设计与开发[J]. 软件，2019，40（5）：110114
【Abstract】： College students idle goods are miscellaneous， but the recovery patterns of idle goods in campus public welfare community are single， which only stay in the patterns like campaign publicity and blanket walking recovery. These kinds of recovery make it is more serious in and wasting resources on campus. At the same time， there is a lack of a relatively complete public welfare information platform on campus， which makes it difficult for students to learn more public welfare information. As a result， volunteers are in urgent need in campus public welfare associations as well as volunteers are unable to participate in activities in time. Therefore， “firefly idle” platform emerges at the right moment. The platform mainly includes： “I want to donate” （for help）， “firefly exchange”， “firefly public welfare”， “campus public welfare” and other functional modules.
【Key words】： Website construction; Targeted poverty alleviation; Campus micro public welfare
0 引言
随着公益事业的不断发展，公益理念也逐渐深入人心。2016年，中国青年报和KAB全国推广办公室联合发布了《中国青年公益创业报告2016》，报告显示72.97%的青年创业者的动机为“回报社会”[1]。作为新时代的大学生，我们愿意传承和弘扬雷锋精神，积极参与到公益活动中。但在传统公益的形式下，公益活动开展的形式和内容有限，推广较为局限。大学生缺少获取公益活动信息的途径，很大程度上限制了大学生参与公益活动热情。
进入互联网时代，网络社交的特性扩大了公益传播中的信息量与接收范围，并增加了参与者所能感受的互动性[2]。越来越多大学生想要借助互联网帮助他人，实现自我价值。而大型互联网公益平台，如百姓公益、FreeCycle、京东公益等，面向全社会，捐助流程复杂，公益涉足面广，操作流程复杂，在大学校园内普遍度不高。所以极需要打造一款推广成本低、服务便捷化、数字高效化的校园公益网络平台，让更多人能够参与和知晓相关公益活动。
1 网站总体设计
萤火闲置网站由首页、“我要捐”、“萤火互换”、“萤火公益”、“萤火空间（用户个人中心）”、“校园公益”、“合作伙伴”、登录和注册等功能板块构成，每个板块均由分页和主页新闻等形式展现。
（1）首页功能板块：包括新闻流动栏、捐赠和求助窗口、历史捐赠人数和总额、萤火公告、捐赠资讯、公益资讯、二维码浮动等功能，捐赠和求助窗口，能让用户便捷的填写自己的捐赠物品、救助信息;捐赠资讯，平台将不定期将用户捐赠（或互换）的物资信息展示在首页流动栏下方;新闻流动栏和公益资讯及时发布校内、社会组织的公益信息。首页页脚是关于平台的联系方式，问题反馈和通信地址以及版权信息。
（2）“我要捐”功能板块：用户需要选择捐献（或求助）的物品类型，数量，联系方式，通讯地址以及物资的图片，简要描述。用户捐献（或求助）信息发布后，后台管理员会将采集的数据进行审核并在指定的时间去收取（或邮递）物品。
（3）“萤火互换”功能板块：针对校园内同学间物品互换及义卖，点击立即互换或义卖，并填写相应信息，审核后将进行通过社团发放。
（4）“萤火公益”功能板块：此板块为平台接收和邮递的物资的主要展示界面，我们将捐赠（或求助）的明细展示在这里，展现平台的透明性，更加体现社会、大学生对公益的热情，对贫困人群的关怀。
（5）“萤火空间”功能板块：用户的个人空间，包括个人信息和捐赠记录。个人信息如：用户名、萤火ID、萤火标签和头像;捐赠记录包含订单照片、分类、数量，物资的去向，捐赠者可以查看所捐赠物品的详细物流信息。 （6）“校园公益”功能板块：校园内公益社团活动资讯和社会公益资讯，方便学生浏览到更多的公益资讯，有利于更多人参与到公益活动中。
（7）“合作伙伴”功能板块：展示与本平台合作的公益社团简介信息和联系方式。
（8）登录，注册，密码找回功能板块：登录界面用户可用手机号与密码登录，也可以使用腾讯平台进行登录;注册界面需要用户利用手机号接收验证码并设置密码，确认后注册为平台新用户;密码找回界面为用户提供更换和找回密码。
2 网站的开发
网站不仅是一个技术问题而且是一个艺术问题。网站设计是技术与艺术的整合，内容与形式的统一[3]。基本开发网站需要从前端界面、后端逻辑、服务器部署三大步骤。
前端：在Hbuilder和Adobe Dreamweaver软件下利用HTML5、CSS3、JavaScript设计并开发完成，通过DIV+CSS对网页进行排版布局，使HTML代码更整洁，便于理解和调整，使用form表单创建与后台服务器的交互式网页，#footer脚注存放版权信息及联系方式等实现网站的UI和部分功能，网页间的链接等，使用JavaScripe为网页添加动态功能、遍历表单控件、登录密码的验证、控制cookies、与ajax后台数据进行交互。
后端：基于Python-Flask实现网站后端的开发。Python编程语言是一种面向对象的、动态脚本语言，在使用Web框架可高效，快速地开发各种网络应用[4]。Flask是一个使用Python编写的轻量级Web应用框架[5]。它的特点是有非常齐全的官方文档，上手非常容易。依赖jinja2，默认模板引擎。在ubuntu16.04环境下利用Pycharm软件Python 3.6的版本采 用Python、Flask、Mysql，Redis等技术开发，搭建flask基本框架，使用pip命令安装插件，创建数据库（如图1）。数据库用来存储基本网站数据和用户个人数据[6]。数据库的迁移，将静态html文件导入项目中。
部署：使用uWSGI+Nginx进行部署，Nginx是由Igor Sysoev在2004年发布的一个开源、高性能的HTTP服务器和方向代理。使用Nginx部署Flask应用，通过uWSGI启动Flask应用（如图2），uWSGI实现了自有的usgi协议的Web服务器，它自带丰富的组件，实现应用服务器接口的请求插件和支持多种语言和平台[7]。
服务器：申请域名、域名解析，将网站程序上传至服务器，连接数据库，完成网站的搭建。
3 网站运营模式
“萤火闲置”网站运营模式（图4）所示：我们的用户对象为捐助者和被捐助者两类，捐助者是在校学生，注册之后，可以随时在“我要捐”界面，填写物品信息进行捐赠;被捐助者可以是社会或校园中寻求帮助的人，通过平台注册，并在求助窗口提交所需相关证明材料，经后台审核通过后发布到“萤火公益”板块，待捐助者进行捐助。用户在捐赠之余可以浏览“萤火公益”、校园公益等板块，也可在“萤火互换”进行物品的互换和购买。我们会在“校园公益”中及时发布校园内在近期举行的公益活动和部分社会公益资讯，从而让更多的学生更参与到公益活动中去，提升自我价值。
我们会与外界的公益机构和校内公益社团合作，了解更多求助信息并及时提供帮助。平台将于校内各公益社团合作，帮助我们及时的收取物资并邮递。一方面，可以帮助大学生闲置物品冗杂问题，可实现闲置物品再利用;另一方面，精准捐赠将切实帮助到贫困地区，减少资源的浪费。
4 网站UI设计
网站UI界面由首页（如图5），登录（如图6），注册（如图7），密码找回，“萤火公益”（如图8），“萤火互换”（如图9），“我要捐”（如图10），“萤火空间”（用户个人中心），“校园公益”（如图11）和“合作伙伴”功能板块组成。“萤火闲置”网络平台做了相关调研，详细策划和页面设计，经过代码调试及优化，已将网站源程序上传至服务器，现已处于试运营阶段，将为在用户提供舒适的体验感受。
5 结论
隨着经济和综合实力的不断提升，我国的公益慈善组织在持续增加，公益捐赠的金额也在不断增长[8]。网络和社交媒体的快速发展，善款支付、慈善传播插上了“互联网+”的翅膀。“互联网+”是利用互联网平台，利用信息通信技术，把依托互联网募捐平台主动发挥平台优势， 探索更多的模式[9]。将传统公益走向以微公益为代表的平民公益不仅实现了公益模式的创新发展，更突出了由公益精神理念内化而成的社会道德价值诉求[10]。为大学生搭建一个新的成长通道，增加其社会责任感，实现自我价值，提升志愿服务工作效率，完善公益平台的智慧化网络建设，引导大学生广泛参与志愿服务活动是我们每一个“萤火虫”的初衷。
参考文献
[1] 谢飞， 十九大精神指引下的公益创业教育探索[J]. 课程教育研究， 2018年第三期.
[2] 张雯婷， 黄悦迪， 韩雨蓉， 互联网时代的大学生公益互动平台研究[J].科学大众·科学教育，2019年 第2期.
[3] 魏尊亮， IT信息技术交流网站思路、基础与开发[J]. 中国农林教育 2019.1（下）.
[4] 艾缨东， 李建兵， 韩英杰， 基于Python语言及Flask框架的微机实验室管理系统设计与实现[J]. 2019年第6期.
[5] 马旭， 王淑丽， 基于Flask框架展示型网站的设计与实现[J].数学技术与应用2018. 11. 73.
[6] 王建国， 数据库设计在网站开发中的应用[J]. 山东农业工程学院学报， 2017年第34卷， 第4期.
[7] 董伟明， Python Web开发实战[M]. 北京： 电子工业出版社， 2016： 142.
[8] 丁岩， 中国公益慈善组织发展现状及对策研究[J]. 法制博览， 2016， 06（上）.
[9] 吕海霞， “互联网+”时代的软件创新[J]. 软件和集成电路 2015， （06）. 44-46.
[10] 赵雪飞， 陈丹红， 大学生微公益网站设计与运营研究[J]. 信息技术， 176.
关键词： 网站建设;精准扶贫;校园微公益;公益信息平台
中图分类号： TP311.52 文献标识码： A DOI：10.3969/j.issn.1003-6970.2019.05.022
本文著录格式：杨成玉，曲绍波，雷胜，等. “萤火闲置”公益网站设计与开发[J]. 软件，2019，40（5）：110114
【Abstract】： College students idle goods are miscellaneous， but the recovery patterns of idle goods in campus public welfare community are single， which only stay in the patterns like campaign publicity and blanket walking recovery. These kinds of recovery make it is more serious in and wasting resources on campus. At the same time， there is a lack of a relatively complete public welfare information platform on campus， which makes it difficult for students to learn more public welfare information. As a result， volunteers are in urgent need in campus public welfare associations as well as volunteers are unable to participate in activities in time. Therefore， “firefly idle” platform emerges at the right moment. The platform mainly includes： “I want to donate” （for help）， “firefly exchange”， “firefly public welfare”， “campus public welfare” and other functional modules.
【Key words】： Website construction; Targeted poverty alleviation; Campus micro public welfare
0 引言
随着公益事业的不断发展，公益理念也逐渐深入人心。2016年，中国青年报和KAB全国推广办公室联合发布了《中国青年公益创业报告2016》，报告显示72.97%的青年创业者的动机为“回报社会”[1]。作为新时代的大学生，我们愿意传承和弘扬雷锋精神，积极参与到公益活动中。但在传统公益的形式下，公益活动开展的形式和内容有限，推广较为局限。大学生缺少获取公益活动信息的途径，很大程度上限制了大学生参与公益活动热情。
进入互联网时代，网络社交的特性扩大了公益传播中的信息量与接收范围，并增加了参与者所能感受的互动性[2]。越来越多大学生想要借助互联网帮助他人，实现自我价值。而大型互联网公益平台，如百姓公益、FreeCycle、京东公益等，面向全社会，捐助流程复杂，公益涉足面广，操作流程复杂，在大学校园内普遍度不高。所以极需要打造一款推广成本低、服务便捷化、数字高效化的校园公益网络平台，让更多人能够参与和知晓相关公益活动。
1 网站总体设计
萤火闲置网站由首页、“我要捐”、“萤火互换”、“萤火公益”、“萤火空间（用户个人中心）”、“校园公益”、“合作伙伴”、登录和注册等功能板块构成，每个板块均由分页和主页新闻等形式展现。
（1）首页功能板块：包括新闻流动栏、捐赠和求助窗口、历史捐赠人数和总额、萤火公告、捐赠资讯、公益资讯、二维码浮动等功能，捐赠和求助窗口，能让用户便捷的填写自己的捐赠物品、救助信息;捐赠资讯，平台将不定期将用户捐赠（或互换）的物资信息展示在首页流动栏下方;新闻流动栏和公益资讯及时发布校内、社会组织的公益信息。首页页脚是关于平台的联系方式，问题反馈和通信地址以及版权信息。
（2）“我要捐”功能板块：用户需要选择捐献（或求助）的物品类型，数量，联系方式，通讯地址以及物资的图片，简要描述。用户捐献（或求助）信息发布后，后台管理员会将采集的数据进行审核并在指定的时间去收取（或邮递）物品。
（3）“萤火互换”功能板块：针对校园内同学间物品互换及义卖，点击立即互换或义卖，并填写相应信息，审核后将进行通过社团发放。
（4）“萤火公益”功能板块：此板块为平台接收和邮递的物资的主要展示界面，我们将捐赠（或求助）的明细展示在这里，展现平台的透明性，更加体现社会、大学生对公益的热情，对贫困人群的关怀。
（5）“萤火空间”功能板块：用户的个人空间，包括个人信息和捐赠记录。个人信息如：用户名、萤火ID、萤火标签和头像;捐赠记录包含订单照片、分类、数量，物资的去向，捐赠者可以查看所捐赠物品的详细物流信息。 （6）“校园公益”功能板块：校园内公益社团活动资讯和社会公益资讯，方便学生浏览到更多的公益资讯，有利于更多人参与到公益活动中。
（7）“合作伙伴”功能板块：展示与本平台合作的公益社团简介信息和联系方式。
（8）登录，注册，密码找回功能板块：登录界面用户可用手机号与密码登录，也可以使用腾讯平台进行登录;注册界面需要用户利用手机号接收验证码并设置密码，确认后注册为平台新用户;密码找回界面为用户提供更换和找回密码。
2 网站的开发
网站不仅是一个技术问题而且是一个艺术问题。网站设计是技术与艺术的整合，内容与形式的统一[3]。基本开发网站需要从前端界面、后端逻辑、服务器部署三大步骤。
前端：在Hbuilder和Adobe Dreamweaver软件下利用HTML5、CSS3、JavaScript设计并开发完成，通过DIV+CSS对网页进行排版布局，使HTML代码更整洁，便于理解和调整，使用form表单创建与后台服务器的交互式网页，#footer脚注存放版权信息及联系方式等实现网站的UI和部分功能，网页间的链接等，使用JavaScripe为网页添加动态功能、遍历表单控件、登录密码的验证、控制cookies、与ajax后台数据进行交互。
后端：基于Python-Flask实现网站后端的开发。Python编程语言是一种面向对象的、动态脚本语言，在使用Web框架可高效，快速地开发各种网络应用[4]。Flask是一个使用Python编写的轻量级Web应用框架[5]。它的特点是有非常齐全的官方文档，上手非常容易。依赖jinja2，默认模板引擎。在ubuntu16.04环境下利用Pycharm软件Python 3.6的版本采 用Python、Flask、Mysql，Redis等技术开发，搭建flask基本框架，使用pip命令安装插件，创建数据库（如图1）。数据库用来存储基本网站数据和用户个人数据[6]。数据库的迁移，将静态html文件导入项目中。
部署：使用uWSGI+Nginx进行部署，Nginx是由Igor Sysoev在2004年发布的一个开源、高性能的HTTP服务器和方向代理。使用Nginx部署Flask应用，通过uWSGI启动Flask应用（如图2），uWSGI实现了自有的usgi协议的Web服务器，它自带丰富的组件，实现应用服务器接口的请求插件和支持多种语言和平台[7]。
服务器：申请域名、域名解析，将网站程序上传至服务器，连接数据库，完成网站的搭建。
3 网站运营模式
“萤火闲置”网站运营模式（图4）所示：我们的用户对象为捐助者和被捐助者两类，捐助者是在校学生，注册之后，可以随时在“我要捐”界面，填写物品信息进行捐赠;被捐助者可以是社会或校园中寻求帮助的人，通过平台注册，并在求助窗口提交所需相关证明材料，经后台审核通过后发布到“萤火公益”板块，待捐助者进行捐助。用户在捐赠之余可以浏览“萤火公益”、校园公益等板块，也可在“萤火互换”进行物品的互换和购买。我们会在“校园公益”中及时发布校园内在近期举行的公益活动和部分社会公益资讯，从而让更多的学生更参与到公益活动中去，提升自我价值。
我们会与外界的公益机构和校内公益社团合作，了解更多求助信息并及时提供帮助。平台将于校内各公益社团合作，帮助我们及时的收取物资并邮递。一方面，可以帮助大学生闲置物品冗杂问题，可实现闲置物品再利用;另一方面，精准捐赠将切实帮助到贫困地区，减少资源的浪费。
4 网站UI设计
网站UI界面由首页（如图5），登录（如图6），注册（如图7），密码找回，“萤火公益”（如图8），“萤火互换”（如图9），“我要捐”（如图10），“萤火空间”（用户个人中心），“校园公益”（如图11）和“合作伙伴”功能板块组成。“萤火闲置”网络平台做了相关调研，详细策划和页面设计，经过代码调试及优化，已将网站源程序上传至服务器，现已处于试运营阶段，将为在用户提供舒适的体验感受。
5 结论
隨着经济和综合实力的不断提升，我国的公益慈善组织在持续增加，公益捐赠的金额也在不断增长[8]。网络和社交媒体的快速发展，善款支付、慈善传播插上了“互联网+”的翅膀。“互联网+”是利用互联网平台，利用信息通信技术，把依托互联网募捐平台主动发挥平台优势， 探索更多的模式[9]。将传统公益走向以微公益为代表的平民公益不仅实现了公益模式的创新发展，更突出了由公益精神理念内化而成的社会道德价值诉求[10]。为大学生搭建一个新的成长通道，增加其社会责任感，实现自我价值，提升志愿服务工作效率，完善公益平台的智慧化网络建设，引导大学生广泛参与志愿服务活动是我们每一个“萤火虫”的初衷。
参考文献
[1] 谢飞， 十九大精神指引下的公益创业教育探索[J]. 课程教育研究， 2018年第三期.
[2] 张雯婷， 黄悦迪， 韩雨蓉， 互联网时代的大学生公益互动平台研究[J].科学大众·科学教育，2019年 第2期.
[3] 魏尊亮， IT信息技术交流网站思路、基础与开发[J]. 中国农林教育 2019.1（下）.
[4] 艾缨东， 李建兵， 韩英杰， 基于Python语言及Flask框架的微机实验室管理系统设计与实现[J]. 2019年第6期.
[5] 马旭， 王淑丽， 基于Flask框架展示型网站的设计与实现[J].数学技术与应用2018. 11. 73.
[6] 王建国， 数据库设计在网站开发中的应用[J]. 山东农业工程学院学报， 2017年第34卷， 第4期.
[7] 董伟明， Python Web开发实战[M]. 北京： 电子工业出版社， 2016： 142.
[8] 丁岩， 中国公益慈善组织发展现状及对策研究[J]. 法制博览， 2016， 06（上）.
[9] 吕海霞， “互联网+”时代的软件创新[J]. 软件和集成电路 2015， （06）. 44-46.
[10] 赵雪飞， 陈丹红， 大学生微公益网站设计与运营研究[J]. 信息技术， 176.