EE308FZ_Fifth Assignment_Alpha Sprint_Sprint Essay 3_唐宁蔚福州大学-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_73842328/article/details/144198751

Assignment 5	Alpha Sprint
Course	EE308FZ[A] — Software Engineering
Class Link	2401_MU_SE_FZU
Requirements	Fifth Assignment——Alpha Sprint
Team Name	FZUGO
Objective	Sprint Essay 3_Day5-Day6 (12.01-12.02)
Other Reference	1. WeChat Mini Program Design Guide 2. Javascript Style Guide 3. WeChat Developer Tools 4. The Art of Construction

Catalog

I. Project Burn-up Chart
II. Latest Running Gif of the Project Module
III. The Development Team Conducts Code Checks
- 1. Map Interface
- 2. Campus Guide Interface
IV. Evaluation of Teammates

I. Project Burn-up Chart

Burn Down Chart

II. Latest Running Gif of the Project Module

Our UI design and front-end development teams have completed all the development work for the map interface, successfully implemented the start and end point selection function, and supported real-time path planning. At the same time, the UI design of the location summary interface has also been completed, ensuring clear classification and display of various locations on campus, making it easy for users to quickly search. In addition, the UI design and front-end development of the campus guide interface have been fully completed, and all guide buttons can be correctly redirected to the corresponding page, ensuring smooth use of functions.
Our back-end development team has completed the development of the navigation path algorithm, achieving dynamic updates and accurate path calculation functions. At the same time, the backend interface for location aggregation data has been deployed to ensure that the frontend can obtain relevant data in real time. In addition, the data processing of the campus guide interface has also been optimized, further improving the real-time and accuracy of data updates.
Our testing and optimization team conducted comprehensive testing on the path planning function of the map interface on the mobile phone, and the results showed that the map can be updated in real time and calculate the optimal path, with stable performance. At the same time, backend testing work has gradually begun, and the stability and accuracy of the database have been verified, providing reliable guarantees for the stable operation of the functions.

1. Map Interface

WeChat Developer Tool for PC
Mobile testing

The test results on the mobile end meet the expected requirements.

2. Location Summary Interface

summary
在这里插入图片描述

3. Campus Guide Interface

在这里插入图片描述

III. The Development Team Conducts Code Checks

在这里插入图片描述

1. Map Interface

Verify the Starting and Ending Points

if (start.latitude == end.latitude && start.longitude == end.longitude) {
  wx.showToast({
    title: "起点和终点不能相同",
    icon: "none",
    duration: 2000,
  });
}

Call the path planning interface of Tencent Maps SDK

qqmapsdk.direction({
  mode: 'walking', // 路径规划模式（步行）
  from: e.detail.value.start, // 起点
  to: e.detail.value.dest,    // 终点
  success: function (res) {
    var ret = res.result.routes[0]; // 获取规划结果
    var coors = ret.polyline;       // 获取路径压缩坐标数组
    var pl = [{                    // 初始化路径点串，添加起点
      latitude: e.detail.value.start.split(",")[0],
      longitude: e.detail.value.start.split(",")[1],
    }];
    // 解压缩路径点串
    var kr = 1000000;
    for (var i = 2; i < coors.length; i++) {
      coors[i] = Number(coors[i - 2]) + Number(coors[i]) / kr;
    }
    // 将解压后的路径点依次存入 `pl` 数组
    for (var i = 0; i < coors.length; i += 2) {
      pl.push({
        latitude: coors[i],
        longitude: coors[i + 1],
      });
    }
    // 添加终点
    pl.push({
      latitude: e.detail.value.dest.split(",")[0],
      longitude: e.detail.value.dest.split(",")[1],
    });

    // 更新 `polyline` 数据，显示路径
    _this.setData({
      polyline: [{
        points: pl,
        color: '#58c16c',    // 路线颜色
        width: 10,           // 路线宽度
        borderColor: '#2f693c', // 边框颜色
        borderWidth: 2,      // 边框宽度
        arrowLine: true,     // 显示箭头
      }]
    });
    _this.includePoints(); // 调整地图视野
  },
});

Mark the Starting and Ending Points

this.setData({
  markers: [
    {
      id: 0,
      latitude: e.detail.value.start.split(",")[0],
      longitude: e.detail.value.start.split(",")[1],
      iconPath: "https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/start.png",
      callout: {
        content: " 我的位置 ",
        fontSize: 20,
        display: 'ALWAYS',
        padding: 10,
      },
    },
    {
      id: 1,
      latitude: e.detail.value.dest.split(",")[0],
      longitude: e.detail.value.dest.split(",")[1],
      iconPath: "https://mapapi.qq.com/web/lbs/javascriptGL/demo/img/end.png",
      callout: {
        content: " 终点 ",
        fontSize: 20,
        display: 'ALWAYS',
        padding: 10,
      },
    },
  ],
});

Adjust the Map Field of View

includePoints() {
  var points = Array.from(this.data.polyline[0].points); // 路径点数组
  this.mapCtx = wx.createMapContext('map');              // 地图上下文
  this.mapCtx.includePoints({
    padding: [100, 40, 20, 40], // 地图视野的边距
    points: points,             // 包括的所有坐标点
  });
}

2. Campus Guide Interface

module.exports = {
  // 学校官方小程序AppID
  AppID: "",

  // 学校信息
  school_information: {
    // 学校全称
    school_name_full: "福州大学",
    // 学校英文名
    school_name_English_full: "Fuzhou University",
    // 校规校训
    motto: "明德志诚 博学远志",
    // 学校荣誉
    honor: "一流学科建设高校",
    // 建校时间
    build_time: 1958,
    // 办校类型
    school_type: "211工程",
    // 院校类型
    institution_type: "理工类",
    // 学校所在地
    location: "福建福州",
    // 学校简介
    text: "福州大学是国家“双一流”建设高校、国家“211工程”重点建设大学、福建省人民政府与国家教育部共建高校。学校创建于1958年，现已发展成为一所以工为主、理工结合，理、工、经、管、文、法、艺、医等多学科协调发展的重点大学。",
  },

  // 校园指南
  shool_guide: [{
      title: '烧鱼指路',
      content: '“FZUGO”校园导航微信小程序的开发意图在于为福州大学的学生、教职工以及访客提供一款便捷的校园导航工具，帮助他们高效地定位校园内的各类建筑和设施，解决校园复杂布局带来的导航困难的同时还能对校园信息有基本的了解。该软件旨在缩短用户寻找目标地点的时间，提高校园移动效率，使新生和访客能够更快地熟悉校园环境，进而提升他们的校园体验。',
      imageList: ['https://i-blog.csdnimg.cn/direct/c55cd6b4ffe14e879d4daf43945756cf.jpeg'],
      keywords: ['介绍'],

IV. Evaluation of Teammates

Student ID	Name	Work	Contribution
832202127	唐宁蔚	Project Manager + Bolg Writing	10%
832201130	薛墨澜	UI Interface Design + Front-end Development	10%
832201126	谢荣城	UI Interface Design + Front-end Development	10%
832201113	张绍钰	UI Interface Design + Front-end Development	10%
832201219	周欣怡	Front-end Development + Defense PPT Production	10%
832202202	王希瑞	Back-end Development	10%
832202208	刘丹妮	Back-end Development	10%
832202213	吴杨顺	Back-end Development	10%
832202214	张子晔	Testing and Optimization + Deployment and Launch	10%
832202209	寿宇浩	Testing and Optimization + Deployment and Launch	10%

We will continue to maintain this positive momentum and ensure that each member is able to achieve their maximum potential in their respective tasks. We will also take advantage of the current good state, meticulous planning and execution of the remaining work to ensure that we can not only meet, but even exceed the stated Sprint goals.