軟件工程第三次作業：原型設計
| 課程類別 | <18級軟件工程基礎> |
|---|---|
| 作業鏈接 | <第三次個人作業：原型設計> |
| 作業目標 | 學會並熟悉使用原型設計工具。 |
| 學生姓名 | 吳昊陽 |
| 學號 | 201831083104 |
| 博客鏈接 | <我的博客> |
原型工具介紹
--墨刀
特點介紹
墨刀是一款在線原型設計與協同工具，雲端操作，方便進行網頁分享，交互簡單，操作簡單，但沒有版本管理，不能畫流程圖，適用於小型手機端原型設計。
--AXURE
特點介紹
Axure的可視化工作環境可以讓你輕松快捷的以鼠標的方式創建帶有注釋的線框圖。不用進行編程，就可以在線框圖上定義簡單連接和高級交互。在線框圖的基礎上，可以自動生成HTML（標准通用標記語言下的一個應用）原型和Word格式的規格，尤其動態面板、函數、中繼器為其三大特色方面。
--MOCKPLUS
特點介紹
從設計上，采取了隱藏、堆疊、組合等方式，把原本復雜的功能，精心安排。上手很容易，但隨着你的使用，功能層層遞進，你會發現更多適合自己的有用的功能。
三款原型工具的對比
| 原型工具名稱 | 對比 |
|---|---|
| 墨刀 | 新手入門推薦，里面有很多現成的模板，無需下載客戶端，在網頁上就可以編輯並使用 |
| AXURE | 自帶組件庫並支持強大的第三方組件庫，提供強大的交互支持，完整的教程及支持文檔，支持原型預覽。 |
| MOCKPLUS | 功能多樣，組件資源豐富，支持8種預覽方式和多種文件導出類型，支持團隊協作。 |
需求分析
| 社團管理 |
項目需求如下：
面向普通學生和社團管理員，集合了各個社團的信息，特色功能是活動的瀏覽和報名，以及活動的發布、審核與通知，同時還具有加入社團、發送站內信等功能。
項目背景和解決的痛點：
學生剛入西南石油大學時缺乏了解社團的長期的、便利的渠道；社團公眾號文章分散各處；群里發的活動報名問卷容易被水過去，而且每次要填的信息都差不多。
社團管理員在管理社員時沒有一個很好的工具，來發布活動、統計報名人員、通知活動變更等。
社聯在管理所有社團時，在審核活動申請、審核場地申請、星級評定、材料收取等方面也存在一些困難。
因此，我們希望能打造一款軟件連接學生、社團和社聯，根據用戶不同的使用需求，我們計划給將社團展示、活動報名等功能放在手機小程序端，在社團管理的大部分功能放在網頁端。
項目面向的用戶： 西南石油大學的學生
小程序： 主要面向西南石油大學學生，其中的社團管理功能，則面向社長等社團管理員。
網頁端： 主要面向社長等社團管理員，還能面向社聯。
| 設計目的 |
學生社團管理信息系統是一個操作簡單、使用方便的基於B/S模式的系統。提供了小程序和網頁兩種端。在這樣的建立上既是為了更加高效、規范地實現對社團進行管理，又是為了方便用戶及時查看社團信息，保證信息的時效性和高效性。由於要滿足用戶隨時隨地查看社團的最新動態，達到共享性的目的，故采用B/S模式，這樣可達到信息共享、節約成本和提高效率的目的。此學生社團管理信息系統應達到以下目標：
（1）界面設計簡單大方，操作簡單，效率高，安全性能高，同時便於維護和管理。
（2）在登錄界面時，小程序端是普通用戶，社員登錄。在網頁端主要是管理員使用，來發布活動等。
（3）迅速發福社團動態，對社團活動申請、會費管理、校外社團合作進行規范化和程序化管理。
（4）能夠大量存儲社團會員信息，方便會員查看社團信息、留言、以及進行評分等操作。
（5）社團管理員可以通過后台登錄，對社團信息、活動、留言板和注冊的用戶進行查看和管理，同時對加入社團的用戶進行審核。社聯在管理所有社團時，在審核活動申請、審核場地申請、星級評定、材料收取等操作。
（6）通過查詢、添加、修改等操作，對社團信息，用戶資料等模塊化進行管理
（7）系統管理員可以修改個人密碼，可以對社團各項活動進行管理和監督。
范圍：
適用於西南石油大學社團聯合會開發項目
| 軟件總體概述 |
1、系統屬性
本系統是一個獨立開發的網站。在系統中提供按各自需求進行社員、社團與社聯之間的連接，以達到方便簡潔的參加與管理社團活動。
2、開發背景
學生剛入西南石油大學時缺乏了解社團的長期的、便利的渠道；社團公眾號文章分散各處；群里發的活動報名問卷容易被水過去，而且每次要填的信息都差不多。
社團管理員在管理社員時沒有一個很好的工具，來發布活動、統計報名人員、通知活動變更等。社聯在管理所有社團時，在審核活動申請、審核場地申請、星級評定、材料收取等方面也存在一些困難。
因此，我們希望能打造一款軟件連接學生、社團和社聯，根據用戶不同的使用需求，我們計划給將社團展示、活動報名等功能放在手機小程序端，在社團管理的大部分功能放在網頁端。
3、軟件功能
系統分成八大模塊：社員管理、社團管理、社聯管理、社員咨詢、活動管理、社團展示、星級評比、新聞管理。
| 主體結構圖： |
| 用戶管理子系統： |
| 社團管理子系統： |
| 社聯管理子系統： |
| 活動管理子系統： |
原型設計
| 社團管理 |
首先新建了兩個項目，分別是網頁管理段和小程序端，如下：
| 小程序端頁面設計如下： |
產品原型鏈接 | <我的原型設計> |
| 網頁端界面展示 |
| 手機小程序端界面展示 |
總結與分析
| 原型工具使用方面 |
做完這次原型，最深的感觸是墨刀用起來不是太方便，可能是web頁面，所以提供的組件樣式比較少。開發一個項目最主要的是先把項目各個流程的功能畫出來，用UML圖表示，然后根據自己的思路將這些功能模塊的原型一個個先做出來。這樣在后面討論的時候就可以對着原型討論，能夠更加方便和快捷，為后續的實踐編程提供參考和便利。
| 個人實驗方面 |
通過這一次實驗，真的收獲了很多東西，第一次聽說原型設計工具，然后花了幾個小時時間把三個工具都試了一下，最后選擇了墨刀，實在好用。首先學到了需求分析的重要性，如果我不做需求分析的話，后面的原型設計根本沒法做，需求分析需要多方面考慮，但是考慮得太多又容易把自己繞進去。同時這次實驗我覺得存在很多問題，在需求分析上，我分析了很多東西，但在原型設計的時候，我發現有些功能太過復雜，我目前實現不了，有些功能又太多，導致我有時暈頭轉向。在后面的學習中還需要再深入的學習一下怎么具體的做一個項目的需求分析。