EE308FZ_Fifth Assignment_Alpha Sprint_Sprint Essay 2

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 2_Day3-Day4 (11.29-11.30)
Other Reference	1. WeChat Mini Program Design Guide 2. Javascript Style Guide 3. WeChat Developer Tools 4. The Art of Construction

---

I. Project Burn-up Chart

The chart reflects steady progress in achieving sprint goals, with key features nearing completion.

II. Latest Running Gif of the Project Module

  Our UI design and front-end development teams have successfully completed the design of the map interface and the location summary interface, enabling interaction between the location summary interface and detailed building information, as well as start and endpoint settings. Additionally, we have started integrating the campus guide interface, which includes comprehensive features such as class schedules, library reading rooms, and parcel services. Seamless interaction between the campus guide module on the homepage and the campus guide interface has also been implemented.
  Our back-end development team has completed the development of back-end API interfaces, supporting map data loading, as well as data query and update functionalities. They have also successfully addressed the data requirements of the campus guide interface.
  Our testing and optimization team is conducting front-end UI testing on mobile devices, checking the compatibility and responsiveness of the interface display. They are also testing the interaction between the location summary interface and the map interface, as well as the interaction between the homepage campus guide component and the campus guide interface.

1. Location Summary Interface

• WeChat Developer Tool for PC
  
• Mobile testing
  
  
  The test results on the mobile end meet the expected requirements.

2. Campus Guide Interface

• WeChat Developer Tool for PC
  
• Mobile testing
  
  The test results on the mobile end meet the expected requirements.

III. The Development Team Conducts Code Checks

1. Location Summary Interface

• Location List and Selection

<view class="card-right-content-card" wx:for="{{site_data[category].list}}" wx:key="id" bindtap="click" data-name="{{item.name}}" data-desc="{{item.desc}}" data-aliases="{{item.aliases}}" data-img="{{item.img}}" id="{{index}}">
    <view>
        <image class="card-right-content-card-img" src="{{item.img}}" mode="aspectFill" />
    </view>

    <view class="card-right-content-card-context">
        <view>
            <image class="card-right-content-card-context-icon" src="{{little_location}}" mode="" />
        </view>

        <text>{{item.name}}\n<text style="color:dimgray">{{item.aliases}}</text></text>
    </view>
</view>

• Set Starting/Ending Point

<mp-dialog title="{{card.name}}" show="{{dialogShow}}" bindbuttontap="mapmarker" buttons="{{buttons}}">
    <view>
        <image bindtap="lookPhoto" mode="heightFix" style="height:270rpx;" src="{{card.img}}" data-src="{{card.img}}"></image>
        <view style="font-size:90%">{{card.aliases}}</view>
        <view>{{card.desc}}</view>
    </view>
</mp-dialog>

• Interacting With the Map Interface

Page({
  data: {
    // 地点信息
    site_data: [],
    category: 0,
    dialogShow: false,
    card: {},
    buttons: [{ text: '设为起点' }, { text: '设为终点' }],
  },

  // 点击地点时展示详情
  click: function(e) {
    const item = e.currentTarget.dataset;
    this.setData({
      card: {
        name: item.name,
        aliases: item.aliases,
        desc: item.desc,
        img: item.img,
      },
      dialogShow: true,
    });
  },

  // 点击“设为起点”或“设为终点”
  mapmarker: function(e) {
    const buttonText = e.detail.text; // 获取点击的按钮文本

    if (buttonText === '设为起点') {
      this.setData({
        start: this.data.card, // 设置起点
      });
      wx.showToast({
        title: '起点设置成功',
        icon: 'success',
        duration: 2000,
      });
    } else if (buttonText === '设为终点') {
      this.setData({
        end: this.data.card, // 设置终点
      });
      wx.showToast({
        title: '终点设置成功',
        icon: 'success',
        duration: 2000,
      });
    }

    // 关闭弹窗
    this.setData({
      dialogShow: false,
    });
  },

  // 弹窗按钮点击事件
  mapmarker_close: function() {
    this.setData({
      dialogShow: false,
    });
  },
});

// 在地图页面中，接收起点和终点
Page({
  data: {
    start: {},
    end: {},
    markers: [], // 地图上的标记
    polyline: [], // 路线
  },

  onLoad: function() {
    // 获取起点和终点数据
    const start = getApp().globalData.start;
    const end = getApp().globalData.end;

    if (start && end) {
      // 更新地图上的起点和终点标记
      this.setData({
        markers: [
          { id: 1, latitude: start.latitude, longitude: start.longitude, title: '起点' },
          { id: 2, latitude: end.latitude, longitude: end.longitude, title: '终点' }
        ],
        polyline: [
          { points: [start, end], color: '#FF0000', width: 2, dottedLine: true }
        ]
      });
    }
  },
});

2. Campus Guide Interface

• Campus Guide Component in Common Functions

<view class="card-container">
  <view class="card-container-card">
    <view class="card-container-card-title">
      🚩 常用功能
    </view>

    <view class="two">
      <!-- 校园地图按钮 -->
      <image class="card-container-card-button" src="{{function_buttons[0]}}" mode="" bindtap="map" />
      <!-- 学校信息按钮 -->
      <image class="card-container-card-button" src="{{function_buttons[1]}}" mode="" bindtap="school" />
    </view>

    <view class="two">
      <!-- 校园排名按钮 -->
      <image class="card-container-card-button" src="{{function_buttons[4]}}" mode="" bindtap="rank" />
      <!-- 学校链接按钮 -->
      <image class="card-container-card-button" src="{{function_buttons[3]}}" mode="" bindtap="link" />
    </view>
  </view>
</view>

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	11%
832201113	张绍钰	UI Interface Design + Front-end Development	11%
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	9%
832202209	寿宇浩	Testing and Optimization + Deployment and Launch	9%

This blog reflects our progress and dedication towards building a fully functional and user-friendly mini-program. Stay tuned for our Day 5-6 updates!