# 小程序设计 **Repository Path**: plusultra/map ## Basic Information - **Project Name**: 小程序设计 - **Description**: No description available - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2021-11-04 - **Last Updated**: 2021-12-10 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # 书途-小程序设计 ## 版本修订记录 | 修订时间 | 修订内容 | 备注 | |:-----------:|:-------------:|:-------------:| | 2021/11/09 | 初步撰写文档 | | | 2021/12/10 | 更新架构图/流程图/原型图 | | ## 课题介绍 图书馆是现代文明社会的主要公共文化设施之一，其承载了储存人类文化，教养公众文明等诸多社会职能。 对于整理图书馆中浩如烟海的藏书，使用图书分类法进行整理归类的历史由来已久，但即便有详尽细致的索书号，在实际的图书馆寻书的过程中，出于自身对索书号的了解不足或馆内实际布局复杂等因素，不熟悉该图书馆的普通读者有时难以做到精确高效地定位并前往书籍所在地，以至于耗费诸多不必要的时间精力在寻书上。 简化并完善传统图书馆索书过程有助于节省读者寻书的成本、提升图书馆的服务质量，而更合理的导航方式，正是对索书方式进行优化的有效途径之一。 相较于需要占用较多空间单独下载并注册使用的APP，可以 “用完即走”的小程序在提供一些较为简便的服务时，更为大众所青睐。 微信小程序有即扫即用的特性，在校园图书馆这类人们日常较低频以借阅为目的出入的场景中，使用微信小程序提供的智能导航的服务进行查书寻书，相较传统电脑查阅或下载APP查阅等方式更为便利，设计微信小程序以实现校园图书馆智能借阅导航系统也更符合用户群体的使用习惯。 ## 产品概述 ### 1. 产品介绍 书途是一款以广州南方学院校园图书馆为实现背景的**微信校园图书馆智能导航小程序**。 在本课题中，将由小程序互动界面设计及小程序制作的角度出发，实现可实际应用的馆内索书导航微信小程序。 ### 2. 产品特点 相较于单一室内导航或书籍查询服务，书途小程序实现即查即寻，无需对照楼层地图或书架位置即可快速定位到目的点，根据所示书架层数寻书，高效完成寻书借阅过程，此外亦可将多本书加入书单进行路线规划导航，减少寻找多本书籍所在地时行走的多余路程。 同时兼备个人电子图书馆功能，帮助用户更好地规划管理对于图书馆服务的应用。 ### 3. 用户画像（初步） #### 年龄层： 18-24岁，主要为在校大学生。 #### 角色： ①学生/读者 ②图书管理员 #### 特征： 有较为明确的借阅/寻书目标。 #### 需求： 更高效地进行寻书/路线规划。 ## 产品设计 ### 1. 产品架构 ![产品架构图](%E5%AF%BC%E8%88%AA2.png) ### 2. 用户流程 ![用户体验流程图](%E7%94%A8%E6%88%B7%E4%BD%93%E9%AA%8C%E6%B5%81%E7%A8%8B%E5%9B%BE.png) ### 3. 页面布局 | 页面名称 | 说明 | 原型图 |页面名称 | 说明 | 原型图 | |-----|---|---|---|---|---| | 地图页 | map-2D | ![输入图片说明](%E5%9C%B0%E5%9B%BE_map-2D.png) | 地图页 | map-3D | ![输入图片说明](%E5%9C%B0%E5%9B%BE_map-3D.png) | | 地图页 | map-隐藏UI |![输入图片说明](%E5%9C%B0%E5%9B%BE_map-%E9%9A%90%E8%97%8Fui.png)| 地图页 | map-定位 |![输入图片说明](%E5%9C%B0%E5%9B%BE_map-%E5%AE%9A%E4%BD%8D.png)| | 地图页 | map-定位权限申请|![输入图片说明](%E5%9C%B0%E5%9B%BE_map-%E5%AE%9A%E4%BD%8D%E6%9D%83%E9%99%90.png)| 地图页 | map-导航 |![输入图片说明](%E5%9C%B0%E5%9B%BE_map-%E5%AF%BC%E8%88%AA.png) | | 地图页 | map-筛选列表 |![输入图片说明](%E5%9C%B0%E5%9B%BE_%E7%AD%9B%E9%80%89-%E5%88%97%E8%A1%A8.png)| 地图页 | map-筛选显示 |![输入图片说明](%E5%9C%B0%E5%9B%BE_%E7%AD%9B%E9%80%89-%E6%98%BE%E7%A4%BA%E8%8C%83%E5%9B%B4.png)| | 地图页 | map-搜索查找 |![输入图片说明](%E5%9C%B0%E5%9B%BE_%E6%90%9C%E7%B4%A2-%E6%9F%A5%E6%89%BE.png)| 地图页 | map-搜索查找地点 |![输入图片说明](%E5%9C%B0%E5%9B%BE_%E6%90%9C%E7%B4%A2-%E6%9F%A5%E6%89%BE%E5%9C%B0%E7%82%B9.png)| | 个人页 | 功能页-未登录 | ![输入图片说明](%E4%B8%AA%E4%BA%BA_%E6%9C%AA%E7%99%BB%E5%BD%95.png) | 个人页 | 功能页-认证 | ![输入图片说明](%E4%B8%AA%E4%BA%BA_%E8%AE%A4%E8%AF%81.png) | | 个人页 | 功能页-已登录 | ![输入图片说明](%E4%B8%AA%E4%BA%BA_%E5%B7%B2%E7%99%BB%E5%BD%95.png) | 个人页 | 续借页 | ![输入图片说明](%E7%BB%AD%E5%80%9F_%E7%BB%AD%E5%80%9F.png) | | 个人页 | 续借页-成功 | ![输入图片说明](%E7%BB%AD%E5%80%9F_%E7%BB%AD%E5%80%9F%E6%88%90%E5%8A%9F.png) | 个人页 | 续借页-失败 | ![输入图片说明](%E7%BB%AD%E5%80%9F_%E7%BB%AD%E5%80%9F%E5%A4%B1%E8%B4%A5.png) | | 个人页 |已借页 | ![输入图片说明](%E5%B7%B2%E5%80%9F.png) | 个人页 | 预约页 | ![输入图片说明](%E9%A2%84%E7%BA%A6.png) | | 个人页 | 历史 | ![输入图片说明](%E5%8E%86%E5%8F%B2.png) | 个人页 | 账单 | ![输入图片说明](%E8%B4%A6%E5%8D%95_%E5%88%9D%E5%A7%8B.png) | | 个人页 | 账单-欠款 | ![输入图片说明](%E8%B4%A6%E5%8D%95_%E5%B1%95%E5%BC%80%E6%AC%A0%E6%AC%BE.png) | 个人页 | 账单-押金 | ![输入图片说明](%E8%B4%A6%E5%8D%95_%E7%8A%B6%E6%80%81%203.png) | | 个人页 |设置 | ![输入图片说明](%E8%AE%BE%E7%BD%AE.png) | 个人页 | 通知页-通知列表 | ![输入图片说明](%E9%80%9A%E7%9F%A5%E4%BF%A1%E6%81%AF_%E9%80%9A%E7%9F%A5%E5%88%97%E8%A1%A8.png) | | 个人页 | 通知页-通知正文 | ![输入图片说明](%E9%80%9A%E7%9F%A5%E4%BF%A1%E6%81%AF_%E9%80%9A%E7%9F%A5%E6%AD%A3%E6%96%87.png) | 个人页 | 本馆章程-列表 | ![输入图片说明](%E6%9C%AC%E9%A6%86%E7%AB%A0%E7%A8%8B_%E5%88%97%E8%A1%A8.png) | | 个人页 | 本馆章程-正文 | ![输入图片说明](%E6%9C%AC%E9%A6%86%E7%AB%A0%E7%A8%8B_%E6%AD%A3%E6%96%87.png) | 查书页 | 搜索框 | ![输入图片说明](%E6%9F%A5%E4%B9%A6_%E6%9F%A5%E4%B9%A6.png) | | 查书页 | 搜索框-输入 | ![输入图片说明](%E6%9F%A5%E4%B9%A6_%E6%9F%A5%E4%B9%A6-%E8%BE%93%E5%85%A5.png) | 查书页 | 搜索框-无结果 | ![输入图片说明](%E6%9F%A5%E4%B9%A6_%E6%9F%A5%E4%B9%A6-%E6%97%A0%E7%BB%93%E6%9E%9C.png) | | 查书页 | 书架页 | ![输入图片说明](%E6%88%91%E7%9A%84%E4%B9%A6%E6%9E%B6_%E4%B9%A6%E6%9E%B6-%E6%99%AE%E9%80%9A.png) | 查书页 | 书架页-批量处理 | ![输入图片说明](%E6%88%91%E7%9A%84%E4%B9%A6%E6%9E%B6_%E4%B9%A6%E6%9E%B6-%E6%89%B9%E9%87%8F%E5%A4%84%E7%90%86.png) | | 查书页 | 书架页-无内容 | ![输入图片说明](%E6%88%91%E7%9A%84%E4%B9%A6%E6%9E%B6_%E4%B9%A6%E6%9E%B6-%E7%A9%BA.png) | 查书页 | 书籍信息-详细内容 | ![输入图片说明](%E4%B9%A6%E7%B1%8D%E4%BF%A1%E6%81%AF_%E4%B8%80%E8%88%AC%E9%A1%B5.png) | | 查书页 | 书籍信息-借阅确认 | ![输入图片说明](%E4%B9%A6%E7%B1%8D%E4%BF%A1%E6%81%AF_%E5%80%9F%E9%98%85%E9%A1%B5-%E7%A1%AE%E8%AE%A4.png) | | 扫书页 | 查书页 | ![输入图片说明](%E6%89%AB%E4%B9%A6_%E6%9F%A5%E4%B9%A6%E9%A1%B5.png) | 扫书页 | 借书页 | ![输入图片说明](%E6%89%AB%E4%B9%A6_%E5%80%9F%E4%B9%A6%E9%A1%B5.png) | | 扫书页 | 借书页-跳转提示 | ![输入图片说明](%E6%89%AB%E4%B9%A6_%E5%80%9F%E4%B9%A6%E9%A1%B5-%E6%8F%90%E7%A4%BA.png) | ### 4. 交互流程 ![交互流程图](%E6%B5%81%E7%A8%8B%E5%9B%BE2.png) #### 地图页交互示意 ![输入图片说明](%E5%9C%B0%E5%9B%BEgif.gif) #### 个人页游客状态功能交互示意 ![输入图片说明](%E4%B8%AA%E4%BA%BA-%E6%B8%B8%E5%AE%A2gif.gif) #### 个人页登录状态功能交互示意 ![输入图片说明](%E4%B8%AA%E4%BA%BA-%E7%99%BB%E5%BD%95gif.gif) #### 查书页功能交互示意 ![输入图片说明](%E6%9F%A5%E4%B9%A6gif.gif) #### 扫书页功能交互示意 ![输入图片说明](%E6%89%AB%E4%B9%A6%E9%A1%B5gif.gif) ### 5. 产品交互原型链接 https://modao.cc/app/02373920b7cc951d86a77a856407aeda5b5f1801 ### 小程序体验码 **体验版1.0.0（211102）** ![体验版1.0.0（211102）](https://images.gitee.com/uploads/images/2021/1109/022844_8791507c_5011912.png "体验版1.0.0（211102）.png" )