01 网站背景
南陵县心予公益协会自成立以来，在全体会员的努力及社会各界爱心人士的支持下，协会的工作一直在有条不紊的开展，一直在健康成长，取得了帮扶对象及社会的好评，为更好帮助及规范各位会员及爱心人士开展帮扶活动。
心予办公室，公众号：南陵县心予公益协会免责声明
首先，很希望大家能够关注一下我家乡的一个公益协会的公众号：南陵县心予公益协会，欢迎大家扫码加入：
关注协会公众号之后，在如下菜单处会有一个证书查询的菜单，这个即为协会网站的入口，也是本篇文章介绍的主要内容。
南陵县心予公益协会（以下简称协会），有关负责人找到我，希望我能够给协会做一个在线的奖状生成工具。上周我参加了公司的项目管理实战课程，正好借此机会，我想给大家分享一个项目管理的实战经验
02 网站建设
网站建设的成本远比大家了解得要高，一个成熟的项目一般经历以下几个阶段：第一阶段：需求分析阶段、设计阶段，第二阶段：技术选型、实际开发阶段，第三阶段：CE阶段和验收阶段，第四阶段：最后的发布阶段。
（1）需求分析阶段项目初期，没有详细的需求说明文档，只有协会的相关负责人跟我传达他们的想法，在与协会负责人沟通的过程中，我挖掘到了他们真正的需求：希望协会公众号能有一个入口，通过这个入口进入到一个页面中，输入一个姓名，如果有这个人的捐款信息，就自动生成一个在线捐赠证书。
下面以真实的线上环境来详解这个需求：
（2）UI设计阶段
UI设计过程中我咨询了微信事业群那边的一个设计师同事，证书模板最终定稿如下：
这个模板期间经历了比较多的返工和修改，最开始大家一致同意用横版的证书，在项目开发的实际过程中，考虑到移动端的用户使用率远高于PC端，因此最终决定采用竖版的证书，这个过程中，又对协会会标位置进行过缩放和位置调整，还有其他细节调整。因为我本人不是设计相关专业，这里不做过多文字说明。
（3）技术选型阶段
vue + quasar + vue router
（4）项目开发阶段
项目框架搭建，引入UI库quasar，引入vue router。整个网站的架构是一个SPA（单页面应用），目前只有3个组建页：协会首页、证书详情页和错误页。
欢迎大家来github上点赞和提issue，github地址（敏感信息我已经删除）：https://github.com/Ruio9244/vue-xinyu
项目结构如下：
（5）用户CE阶段
CE: Customer Engagement，在demo展示阶段，我让协会的两个负责人体验了一下，他们有提出希望在首页增加一个搜索框，方便找到自己想要搜寻的人。
（6）网站部署阶段
网站部署尝试过很多方法，最开始是手动部署到腾讯云，因为域名备案迟迟没有审核通过，最终选择用google的firebase托管站点，也多亏了网站是一个纯前端的静态站点，不需要数据库以及后台的支持，才得以可以用firebase进行托管，因为国内网络环境受限，部署协会网站的整个过程异常艰辛，因为涉及到很多文明上网信息，这里不能过多展开叙述。
03 技术难点
技术选型（vue + vue router）
前端直接读取excel中数据并使用
canvas画图，自动生成
firebase站点托管
firebase database使用
腾讯云nginx部署
具体的技术难点解答，我会单独写一篇文章来总结，每次解决问题，都是自己能力的提升，我也很感谢协会给了我一个机会，让我尝试独立完成一个网站的建设工作。
04 经验总结
经验一：want≠need
want：用户说我需要某个功能，这是want；
need：用户说我使用这个功能做什么，这是need.
e.g. 协会负责人想要一个自动生成电子证书的工具，这是他的需求，但我在深入沟通之后发现，他们其实想要的是一个能够展示捐赠信息的列表，还需要一个输入关键词筛选的功能，最后才是生成电子证书。
经验二：信息传递质量
语言文字：7%
语音音调：38%
肢体语言：55%
其实大多数时候，人们是无法通过语言将自己的需求表达准确和完整的，中国人更是如此，加上中华文化的博大精深，我们很难仅仅通过文字来传递有效信息，所以有效沟通非常重要。
经验三：缩小关键节点的路径
通往最终目的的道路往往有多条，有很多是并行的，也有很多是需要有前置条件的，在对项目有个比较详尽的规划后，能够将时间投入到关键节点中，能够有效地缩短项目周期，项目如此，人生亦是如此。
经验四：风险管理
日本的小说家野坂昭的《萤火虫之墓》，里面有一句话我非常喜欢：珍惜今天，珍惜现在，谁知道明天和意外，哪一个先来。
这个也是任何一个项目管理中可能会出现的问题，所谓的计划赶不上变化就是这个道理，所以我在做任何规划的时候都有一个plan B，提早预知风险，避免风险，或是提前做好Plan B，来躲避风险，都是在日常生活中非常有用的方法。
05 个人感想
首先，感谢我的小伙伴晓宸哥能够在资金非常有限的情况下，还能帮助我完成至少50%的编码工作。在协会网站上线的今天，我特别自豪，因为我能够用自己的专业技术，尽自己的一点绵薄之力，为家乡的建设，为社会的公益做出了一点贡献，我也很希望在以后的工作生活中，能有更大的能力，去承担更大的社会责任。
关注微信
刷新
