軟工第三次做業——原型設計

課程類別	軟件工程
做業要求	要求
做業目標	學會原型設計

原型工具介紹及對比

墨刀

墨刀是一款在線原型設計與協同工具，藉助墨刀，產品經理、設計師、開發、銷售、運營及創業者等用戶羣體，可以搭建爲產品原型，演示項目效果。墨刀同時也是協做平臺，項目成員能夠協做編輯、審閱 ，不論是產品想法展現，仍是向客戶收集產品反饋，向投資人進行Demo展現，或是在團隊內部協做溝通、項目管理。

MOCKPLUS

Mockplus是一款簡潔高效的免費產品原型工具。它爲用戶提供豐富的組件和圖標資源，經過拖曳便可實現界面設計。支持一鍵導入項目頁面和模板，快速搭建基礎頁面。軟件還支持自定義組件庫，數據填充，Sketch導入，拖曳設置交互等特點功能實現快速設計。近期，該工具還推出了團隊協做功能，團隊成員之間能夠查看、編輯、評論項目，幫助用戶更好地完成協做設計。

AXURE

Axure RP是美國Axure Software Solution公司旗艦產品，是一個專業的快速產品原型工具，讓負責定義需求和規格、設計功能和界面的專家可以快速建立應用軟件或Web網站的線框圖、流程圖、原型和規格說明文檔。做爲專業的原型工具，它能快速、高效的建立原型，同時支持多人協做設計和版本控制管理。

對比

墨刀
優勢：學習曲線短，快速上手，交互簡單（只需拖曳），有不少現成的模板，無需下載客戶端，網頁上便可使用

缺點：使用不夠自由

MOCKPLUS

優勢：學習曲線短，快速上手，交互簡單（只需拖曳），功能多樣，組件資源豐富，支持8種預覽方式和多種文件導出類型，支持團隊協做。

缺點：不支持手勢交互。

AXURE

優勢：變化無窮的操做，自帶組件庫並支持強大的第三方組件庫，提供強大的交互支持，完整的教程及支持文檔，支持原型預覽。

缺點：學習曲線較高，性價比不高，專業需求度高。

---

需求分析

需求

項目需求以下：

面向普通學生和社團管理員，集合了各個社團的信息，特點功能是活動的瀏覽和報名，以及活動的發佈、審覈與通知，同時還具備加入社團、發送站內信等功能。

項目背景和解決的痛點：

學生剛入西南石油大學時缺少了解社團的長期的、便利的渠道；社團公衆號文章分散各處；羣裏發的活動報名問卷容易被水過去，並且每次要填的信息都差很少。
社團管理員在管理社員時沒有一個很好的工具，來發布活動、統計報名人員、通知活動變動等。

社聯在管理全部社團時，在審覈活動申請、審覈場地申請、星級評定、材料收取等方面也存在一些困難。

所以，咱們但願能打造一款軟件鏈接學生、社團和社聯，根據用戶不一樣的使用需求，咱們計劃給將社團展現、活動報名等功能放在手機小程序端，在社團管理的大部分功能放在網頁端。

分析

小程序

普通學生部分

可以瀏覽社團和活動，且能夠點擊對應社團或活動查看其詳情，並申請加入社團或報名活動。

可以查看我的資料，我的資料中能夠查看本身加入的社團、參加的活動、以及查看好友，同時能夠給好友發送站內私信。

可以查看我的消息：社團審覈通知，活動審覈通知，社團消息查看等。

社團管理員部分

首界面和消息界面與普通學生端的界面類似，但注重管理功能。將社團管理的功能放在個人資料中

個人資料中能夠查看：發佈的活動，以及對社團的操做。操做包括：發佈通知，成員查看，活動發佈，申請查看，社團設置等等。各個功能中再作具體功能的實現。

網頁端

---

社團管理員部分

能進行對社團成員的管理，活動的申請，並對申請或已完結活動的查看以及消息查看。

成員管理中能夠給成員發送私信以及移除成員

活動申請能夠提交須要舉辦活動的信息給社聯進行審覈。

個人活動能夠查看活動的進度

個人消息能夠查看站內消息

社聯部分

能對社團進行活動審覈、星級評定，並可查看站內消息

活動審覈能夠查看須要舉辦活動的詳細信息，包括主辦社團，活動時間，活動地點等等。方便安排地點，並能夠進行是否贊成的操做

星級評定能夠查看社團的各個信息，包括會長，會員數，舉行活動數以及成員分佈等等

原型設計地址

由於MOCKPLUS的分享須要會員，因此選擇使用百度網盤，流程以下

下載百度網盤後點擊上傳文件

而後選擇要分享的文件，點擊分享

再點擊建立便可

小程序
連接：https://pan.baidu.com/s/1fBhfF8aD36Rts-E1sXECsw
提取碼：zohr

網頁端
連接：https://pan.baidu.com/s/1jBWi3RkpFqFz0BBNxvgnGQ
提取碼：o00q

---

原型設計

小程序

登陸界面

普通學生

預覽界面

詳情查看及申請或報名

個人資料

個人社團及活動

個人好友

個人消息

社團管理員

個人資料中的選項

個人活動

個人社團

網頁端

社團管理員

成員管理

活動申請

個人活動

個人消息

社聯

星級評定

活動審覈

感想

本次做業讓我熟悉了原型設計工具，這次使用的是MOCKPLUS，因此對其有了更加深刻的瞭解。經過對需求的分析，以及原型的設計，不管是讓個人分析能力，仍是排版設計能力都獲得了很好的鍛鍊。