社團管理——原型設計

這個作業屬於哪個課程	課程的鏈接
這個作業要求在哪里	作業要求的鏈接
這個作業的目標	熟練掌握原型設計理念以及需求分析設計

項目背景

  學生剛入西南石油大學時缺乏了解社團的長期的、便利的渠道；社團公眾號文章分散各處；群里發的活動報名問卷容易被水過去，而且每次要填的信息都差不多。
  社團管理員在管理社員時沒有一個很好的工具，來發布活動、統計報名人員、通知活動變更等。社聯在管理所有社團時，在審核活動申請、審核場地申請、星級評定、材料收取等方面也存在一些困難。
  因此，我們希望能打造一款軟件連接學生、社團和社聯，根據用戶不同的使用需求，我們計划給將社團展示、活動報名等功能放在手機小程序端，在社團管理的大部分功能放在網頁端。

一、常見原型工具及比較

常見原型工具

1、墨刀的體驗

  墨刀，可以說是專為移動端產品原型設計而生。它的免費版本自帶的部件、交互、功能，基本上能滿足移動端產品原型的設計要求，並且墨刀的控件都是基於APP，以及系統平台IOS和安卓，因此在創建項目時可以首先選擇相應的設備布局，減少了不少工作環節。另外，墨刀是線上化的產品，只需要記住帳號和有網，在公司和家里都能對其設計，十分方便。

感受：

1. 簡單好用。墨刀上手很快，一天就可以輕輕松松做出個簡單應用。
2. 快。不僅上手快，還可以快速分享，快速查看應用在手機上的效果。
3. 使用時有任何問題可以直接在墨刀的Forum提出來，會有人及時為你解答。這里的互動氛圍很好。
4. 因為是一款在線工具，可以雲端保存工作，這點確實很便捷。

1、Axure RP的體驗

• 高保真的原型設計工具，名聲大。
• 用axure制作原型的速度比較慢（交互操作太多），常常耽誤時間，而且修改起來也比較繁瑣。
• 功能很多，但是學習起來有點難度。
• 本地型軟件，可以下載html文檔預覽，手機預覽不方便。

1、Mockplus的體驗

  Mockplus除用於移動APP原型設計，還可以制作PC、網頁的原型設計，它可以幫助UI設計師在最短的時間內完成產品原型圖的設計。

三者的比較

一、Mockplus和Axure的比較

• Axure這種原型工具，雖然功能強大，但是過於沉重，學習成本較高。而Mockplus則非常輕快。這兩種工具就像沉重的大象與輕快的小鹿一樣。

二、Mockplus和墨刀相比

• 墨刀是一款在線工具，而Mockplus除了在線的，還有基於桌面的應用。適合各種平台。比如Mockplus支持Win/Mac系統。當然，現在的墨刀也有這些了，但是安卓版還未上線。
• mockplus比墨刀多迭代了幾個版本。從性能和成熟度上來說，mockplus更勝一籌。
• Mockplus原型設計和功能比較齊全，而且應用場景廣。

三、費用

  前面截圖也可以看到Axure工具的費用非常高，而mockpuls想使用更多的功能的話，需要用錢升級，最便宜也要199/年。墨刀的價格則相對比較親民。

二、社團管理需求分析

1、引言

1.1目的

  學生社團管理信息系統是一個操作簡單、使用方便的基於B/S模式的系統。提供了小程序和網頁兩種端。在這樣的建立上既是為了更加高效、規范地實現對社團進行管理，又是為了方便用戶及時查看社團信息，保證信息的時效性和高效性。由於要滿足用戶隨時隨地查看社團的最新動態，達到共享性的目的，故采用B/S模式，這樣可達到信息共享、節約成本和提高效率的目的。此學生社團管理信息系統應達到以下目標：
（1）界面設計簡單大方，操作簡單，效率高，安全性能高，同時便於維護和管理。
（2）在登錄界面時，小程序端是普通用戶，社員登錄。在網頁端主要是管理員使用，來發布活動等。
（3）迅速發福社團動態，對社團活動申請、會費管理、校外社團合作進行規范化和程序化管理。
（4）能夠大量存儲社團會員信息，方便會員查看社團信息、留言、以及進行評分等操作。
（5）社團管理員可以通過后台登錄，對社團信息、活動、留言板和注冊的用戶進行查看和管理，同時對加入社團的用戶進行審核。社聯在管理所有社團時，在審核活動申請、審核場地申請、星級評定、材料收取等操作。
（6）通過查詢、添加、修改等操作，對社團信息，用戶資料等模塊化進行管理
（7）系統管理員可以修改個人密碼，可以對社團各項活動進行管理和監督。

1.2范圍

  適用於西柚社聯開發項目

1.3、定義、首字母縮寫詞和縮略語

 OPENCMS：內容管理系統
 HTTP：超文本傳輸協義
 HTML：超文本標簽語言
 JDBC：JAVA數據庫連接

2、軟件總體概述

2.1、軟件標識

  軟件全稱：西柚社聯
  版本號：1.0

2.2、軟件描述

2.2.1、系統屬性

  本系統是一個獨立開發的網站。在系統中提供按各自需求進行社員、社團與社聯之間的連接，以達到方便簡潔的參加與管理社團活動。

2.2.2、開發背景

  學生剛入西南石油大學時缺乏了解社團的長期的、便利的渠道；社團公眾號文章分散各處；群里發的活動報名問卷容易被水過去，而且每次要填的信息都差不多。
  社團管理員在管理社員時沒有一個很好的工具，來發布活動、統計報名人員、通知活動變更等。社聯在管理所有社團時，在審核活動申請、審核場地申請、星級評定、材料收取等方面也存在一些困難。
  因此，我們希望能打造一款軟件連接學生、社團和社聯，根據用戶不同的使用需求，我們計划給將社團展示、活動報名等功能放在手機小程序端，在社團管理的大部分功能放在網頁端。

2.2.3、軟件功能

  系統分成八大模塊：社員管理、社團管理、社聯管理、社員咨詢、活動管理、社團展示、星級評比、新聞管理。
  主體結構圖：

  用戶管理子系統：

  社團管理子系統：

  社聯管理子系統：

  社員咨詢子系統：

  活動管理子系統：

三、社團管理原型設計

  在對比了三種工具之后，我個人覺得墨刀更適合我這樣的新手，所以在本次實驗的原型設計中，我選擇墨刀來進行設計。
  首先新建了兩個項目，分別是網頁管理段和小程序端，如下：

1、小程序端

  頁面設計如下：

產品原型鏈接：https://free.modao.cc/app/preview/p8db7f2358e8154d3cf1c11cc

2、網頁端

  頁面設計如下：

產品原型鏈接：https://free.modao.cc/app/preview/pc4ffb27f432d5f6bb96a68cb

四、總結與分析

  通過這一次實驗，真的收獲了很多東西，第一次聽說原型設計工具，然后花了幾個小時時間把三個工具都試了一下，最后選擇了墨刀，實在好用。首先學到了需求分析的重要性，如果我不做需求分析的話，后面的原型設計根本沒法做，需求分析需要多方面考慮，但是考慮得太多又容易把自己繞進去。同時這次實驗我覺得存在很多問題，在需求分析上，我分析了很多東西，但在原型設計的時候，我發現有些功能太過復雜，我目前實現不了，有些功能又太多，導致我有時暈頭轉向。在后面的學習中還需要再深入的學習一下怎么具體的做一個項目的需求分析。