评论

小智签开发经验分享

小智签是一款结合图像匹配、WiFi限定、位置限制等方式与循环签到、邀请模式等模式的小程序。方便用户进行更好的监督与统计。目前在济南大学以及中小型企业推广使用。谢谢大家。

各位微信开放社区的小伙伴们大家好,我是“小智签”项目的项目负责人。该项目获得了腾讯微信小程序U计划第二期的立项,目前累计注册用户已达 558人,刚刚起步的小项目,正在不断维护与开发推广中!

以下为本小程序的小程序码~


欢迎大家扫码进入小程序,各位大佬如果有兴趣可以给萌新提(zhao)提(zhao)建议(bug)~

历尽半年时间,从小程序的立项、到推翻原有设计重新架构、到UI设计与新版本开发、到一步步的测试直到系统闭环、到校园测试与推广到最后的小企业推广试运营,从一个没有小程序开发经验的萌新到现在仍然感觉到各种不足的萌新,让我感受到了开发小程序的快乐。今天写下这篇文章,只是想将自己开发所经历的事情与经验记录下来与大家一起分享,并且从经验丰富的大佬那里学习到更多的技术、更加完整的开发流程与更加合适的运营战略。

我的分享将从以下四步说起:

  1. 项目立项,一切梦的开始
  2. UI设计,打碎直男审美
  3. 不断开发,磨砺个人技术
  4. 运营推广,敢于展现自我

1. 项目立项,一切梦的开始

我所在部门为济南大学学工在线,一个校级媒体组织,也是全济大少有的具有办公室值班签到场景的组织。每天不同时间段办公室都会安排人员进行办公室值班,并进行签到进行监督。但是由于纸质签到的方式耗费资源,人力统计麻烦,所以组织希望技术部门可以研发出一款签到系统进行签到管理上的改善。

没问题,立项!

项目立项规划是项目最开始的部分,正所谓万丈高楼平地起,项目立项也是最重要的部分,前期定好了规划,后期才可以少走弯路。我与我们团队的成员一起,进行项目立项的规划。总共分为以下这几步:

1.1 集思广益,脑袋动起来

团队成员也是对当前签到方式有所不满,再加上我们对组织内有些成员的签到懒散、无故旷签的行为表示不满,所以我们决定增加签到管理模式、增加签到限制。
我在开会前,会先整理一些自己查阅的资料,先与成员进行讨论,一是渴望思维碰撞让他们思维活跃,二是抛砖引玉,希望可以得到更好的建议。讨论会议后,都需要记录电子版材料,对于计划中的讨论内容需要记录详细。而对于讨论时临时迸发的想法,要及时记录,一定要及时记录,不然之后就全都忘了。
当时开会正值冬天,外面寒风瑟瑟,所以只要是思维活跃,开完会一人一杯奶茶。这样更可以激发积极性不是吗。

1.2 文档撰写

在全部资料与想法收集起来以后,就要进行文档撰写了。我负责的是需求文档与接口文档撰写。

我的导师曾经教授于我们需求文档撰写的格式:
采用敏捷开发模式,卡片式需求分析,样例如下:

【ID1000015】签到活动创建:支持选择签到开始时间、签到结束时间、规定迟到时间、签到模式、签到限制、签到样例图片等信息

作为 需要创建签到活动的用户,
我希望 发布签到活动的时候,可以选择签到开始时间、签到结束时间、规定迟到时间、签到模式、签到限制、签到样例图片等信息,
以便 能将我发布的签到活动以规定好的模式分字段存储于数据库,供其余用户查找。

验收条件

签到发布必须包含有签到开始时间、签到结束时间、规定迟到时间签到模式代码、签到限制代码、签到样例图片地址;
地理位置需要授权;
提示用户拍照要求。

接口文档是使用eolinker平台所提供的API接口管理服务,方便接口需求填写、管理。

2. UI设计,打碎直男审美

但是初期功能设计没有什么大问题,小程序逻辑与页面简陋的设计让我遭到了当头棒喝,甚至被嘲讽为直男审美。所以,推翻重来!

现在“小智签”设计界面配色以白色、灰色为主,给用户一种简洁明朗的视觉效果;

设计签到活动色块以红色、绿色、蓝色、透明等颜色,辅助用户区分不同签到以及情况提醒;

整体设计原则遵循 H5 简洁风格,通过界面扁平化、整体大方得体、块状元素阴影柔、触屏交互过渡等方式为用户带来良好的使用体验。

页面美化提升,得益于团队成员与我一起努力学习优秀小程序的界面设计,讲求简洁、得体,毕竟本小程序是功能性为主的工具类小程序,不需要太过花哨的界面,更多的是实用感。

3. 不断开发,磨砺个人技术

在接触小程序开发以前,我只是有一点web开发经验的萌新,所以需要不断去摸索。

虽然有Vue开发经验,但是本次开发小程序我选择从原生小程序开发语言(WXML+WXSS+JavaScript)入手,后端使用Thinkphp框架,进行开发。

我一直认为,学习编程重点不是在学习语言,而是在学习思路与方法,所以真正的编程学习,不是说我看了什么课程,而是说,我实践了什么项目,我从中不断摸索了什么东西。紧急开发的一个月内,因为前一稿的推翻,为了保证在计划的上线时间顺利之前顺利完工,不断编写,不断查阅资料,解决不同的问题,并且注意完善用户体验,以用户的角度去审视自己的小程序,会让人不愿去偷懒,好好打磨这块石头,雕刻成让人满意的艺术品。

好的工具是必不可少的

我习惯用jetbrains系列的IDE,包括PyCharm、WebStorm、Clion、IDEA、PhpStorm,感谢大学生认证,我获得了一年免费使用资格。得心应手的工具是开发的保障!

但是本次小程序开发,前端是使用由微信提供的微信开发者工具,这是我使用过最好的前端开发工具!因为是原生开发,开发者工具提供的快速浏览页面效果显得很和谐,很方便!

4. 运营推广,敢于展现自我

2019年5月15日,“小智签”正式上线于济南大学学生工作部(处)指导的学生组织学工在线官方微信公众号“济大 i 学生”,并正式使用于“济南大学学工在线”校媒体组织办公室值班签到。同时,项目组勇于向信息科学与工程学院团委老师进行推广,2019年5月28日下午2点,济南大学信息科学与工程学院举办“生涯面对面”生涯人物访谈活动到场观众签到统计;得到了学院认可,小程序还应用于班会人员统计、活动策划组讨论会议、班长团支书会议等。

而在这之前,我一直是一个内向的人,不喜欢与人交际。为了小程序推广,所以要勇敢的展现自我,推销自我。敢说,敢做,有实力,才有可能受人重视。

但是很可惜,紧接着我们迎来了课程设计与考试周,所以校园内数据将会大大减少。为了保证签到的运营,六月初,项目组成员积极踊跃与中小型具有签到场景的企业进行小程序推荐,我们先后与四家企业进行合作,进行小程序试运营,并且进展顺利,获得了企业员工一致好评,获得了小程序使用证明。感激之余,我们也感受到了这半年以来,在技术与交际能力上,每个人都获得了进步。

感谢微信提供这样宝贵的机会,可以让我们在学习课本知识之余,敢于挑战自我,敢于实践,获得进步。

最后一次编辑于  08-19  (未经腾讯允许,不得转载)
点赞 1
收藏
评论

1 个评论

  • Ltt
    Ltt
    08-19

    建议在文章内分享小程序产品设计、开发过程中的点点滴滴
    如果是需要分享案例,可以前往个人主页添加

    08-19
    赞同
    回复 1
    • Gustav
      Gustav
      08-20
      收到!谢谢您的宝贵建议!
      08-20
      回复