一、产品概述
1.产品简介
失物招领处是与学校自治委员会“失物招领处” 小程序共同发起的信息查询类别。旨在为硕士和学生提供更好的校园服务。
2.产品定位
校园信息查询服务
3.应用前景分析
传统的失物招领服务中心采用上交,归档和手动查询的方法。这种方法既费时又费力。而qq小组,官方帐户和其他方法严重缺乏及时性。
小程序实现新闻的及时发布,支持发布基本查找信息和查找信息,并支持图像上传。管理员可以登录小程序进行更好的信息管理。
二、产品技术解决方案
1.产品功能和优势
准确性:您可以在小程序中直接搜索校园卡,身份证,学生证和其他文件以及其他项目。
同步:管理员可以登录小程序实现离线丢失和找到的服务中心与在线小程序之间的无缝连接,并一键释放现有丢失的物品信息以实现同步。
及时性:它可以随时随地发布,并可以随时随地查询。
我们还有一个管理终端,每次可以更新数百条消息,由相应的学生组织运行。
2.技术解决方案
2. 1 小程序 end
在开发的初期,我们首先确定了主题。确定主题之后,我们首先制定了总体风格。主题是小程序面。使用wxml,wxss,js和其他语言编写这些语言等效于前端html,css和js。对于组件,我们总共定制了14个组件,即按钮,联系人,对话框,图标,加载,loadmore,mapTap,消息,弹出窗口,puclish,seeks,warn。该组件的公共文件也细分为babyLost,pickUp和三个组件,例如publish。
button是一个特殊的提交按钮主要组件,您可以在使用时更改样式,icon是一个图标库小程序,其中使用的大多数图标都是从此处获得的,加载是一个等待按钮,当我们搜索消息或正在加载页面将显示等待,这将极大地改善用户体验。 Loadmore表示当加载多条消息时,加载提示将显示在底部。消息意味着当您单击发布和删除消息时,将弹出一个热烈的提示。警告将出现在发布页面和证书搜索页面上。这些组件在小程序中已经使用了很多次以简化代码。组件的使用有助于我们更好地维护小程序。发布中的三个组件在发布页面中使用。当用户首次使用小程序时,将显示弹出组件。当用于授权时,为了确保用户消息的准确性,用户需要授权才能使用小程序。像反馈,加载和提示组件。我们的团队从一些优秀的小程序中学习。
在生产小程序的过程中,我们还遇到了很多问题。例如,文本区域的级别最高。当出现提示框时,不会出现预期的效果。最初预期的提示框将涵盖其他组件。它充满了全屏。提交我们的消息时,会弹出一个温馨的提醒框,但不能覆盖文本区域。我们使用替换方法。当提示框弹出时,textarea组件将被隐藏。使用文本组件替换textarea组件。在内容替换中,用户不会注意到替换的效果。从云开发获取消息时,一次最多只能接收20条消息。我们使用上拉加载方式批量加载,可以解决该问题并增强用户体验。
2. 2后端
小程序侧的任务完成后,开始在后端工作。我们使用云开发来替换服务器,而后端语言使用node.js。通过node.js获取用户的openid,管理员帐户和密码。当用户发布消息超过一个月时,该消息将被自动删除,管理员将处理用户信息。云开发的数据库具有有限的权限,无法修改或删除其他人的消息。我们还使用云功能解决了这些问题。
在开发小程序时,我们查找了很多小程序,了解了其他人的优势小程序,并且互相学习了。为了增强用户体验,我们继续修改小程序,更改某些样式和功能,我们不断修改主题颜色和样式,并努力使小程序简单美观。
3.效果分析
我们至少使用15种不同型号的手机进行测试,包括Apple,华为,oppo,vivo,小米等。在发布页面上,您可以张贴一些找到的文档,其他物品以及遗失物品的通知。凭证消息使用相同的方法功能。在“凭据”课程中,我们以校园卡为例发布了100条消息。拾取的其他物品和遗失物品的通知也使用相同的方法功能。此功能和方法比证书类的功能和方法难得多。 ,我们仍然测试了100条消息。在管理方面,我们每次都会更新数百个数据,它们的最终测试结果符合我们的预期。搜索在一秒钟内完成。
三、产品体验描述
1.普通用户
1. 1授权登录
当用户第一次使用它时,将弹出一个窗口。单击“登录”按钮后,授权框将在底部弹出。单击“允许”按钮成功登录。
1. 2查找丢失/找到的信息
授权登录后,在主页上单击要查找的证书以进入查询页面,选择学院,输入您的姓名并提交,即可查看搜索结果。在搜索结果中,您可以查看选择器的联系信息和项目详细信息。如果需要搜索其他项目,请单击“其他”按钮,找到的项目将显示在列表中,以方便丢失。
1. 3发布找到/丢失的属性信息