《我們不一樣》 教室借用系統的原型設計與開發

2022-06-27 09:51:13 字數 1650 閱讀 5820

任務一:

1.使用的原型工具為

mockplus

2.mockplus介紹:

mockplus中的原型互動設計完全視覺化,所見即所得。拖拽滑鼠做個鏈結,即可實現互動。同時,mockplus封裝了彈出面板、內容面板、滾動區、抽屜、輪播等系列組  件,對於常用互動,使用這些元件就可快速實現。

mockplus封裝了近200個元件,提供3000個以上的圖示素材。做圖時,只需要把這些元件放入工作區進行組合,一張原型圖就可以迅速呈現。

任務二:

1、原型設計過程

在設計原型之前,我們組兩名組員到學生會詢問相關負責的老師關於該教室借用系統的功能需求,同時也問了一些經常上自習的同學他們對教室借用系統的功能需求,通過詢問總結出該系統的三大模組:教室查詢、借用申請、後台管理。其餘模組是基於軟體維護中完善性維護而設計的三個模組,包括學生維權、相約西師以及待開發模組。

接下來就是擬草圖,設計模組。確定大概的主體後,利用原型工具結合使用者需求進行原型的設計與製作,設計過程中使用了網路,在google以及阿里巴巴圖示網上查詢素材,之後進行介面的整理與搭建。

2、原型設計結果

系統主頁:

教室狀態:

教室借用申請:

後台處理:

3、原型設計思路

系統主頁:該主頁上包括六大模組以及技術支援、疑問中心、當前登入管理員等基本資訊。

教室借用申請:在點選空教室後進入該頁面,該介面包括預約人資料以及申請人資訊。

教室狀態:兩個狀態包括已借用狀態和未借用狀態,分別用紅色和綠色表示。點選進入教室可以看到教室借用資訊包括借用人,借用時間和借用時長,借用**比如是個人借用、教師借用還是學院借用,通過後台處理顯示教師總數以及為借用教室個數。

疑問中心:使用者可以查詢借用流程、借用教室常出現的一些問題的解決方法。

使用流程:進入主頁,使用者不了解到哪個教室可以借用,點選教室查閱模組進行空閒教室的查閱,當選到合適的空閒教室,點選該空閒教室,進入教室的借用申請模組進行資訊的填寫,填寫完畢後等待管理人員審核;當使用者知道自己借用時段哪個教室可以借用的時候,直接點選借用模組進行教室的借用,填寫資訊並提交;在申請者提交申請之後,後台管理員進行審核,當管理員審核完畢後,相應的教室狀態就會變化,教室由空閒未借用狀態變為已借用狀態。

4、原型設計總結

在設計在原型設計過程中,我們蒐集了好多資料報括網上的蒐集、基本功能的安排以及相關功能資訊位置的擺放,同時也參考了其他高校的教室借用系統。經過組員之間的討論交流,擬定了初步的設計圖,並利用原型工具進行該原型的設計,對於該原型工具發現設計起來很方便快捷,但是有一點作圖還是不太細緻,需要對齊參考線。在作圖方面不如ps軟體,但就原型製作的時間效率方面是大大提高了效率。

我們不一樣

前輩們因自身實際的種種因素的影響而產生的認知,並不一定適用於我們自身。你可能從來不會去想乙個問題 你的觀點,來自 其實,它們絕大部分來自網路,它們或多或少地蠶食了你的判斷力。未來的路要怎麼走,沒有對與錯。有的,只是每乙個選擇所需要承擔的責任。我不想面臨,後之視今亦猶今之視昔的悲哀。我希望,未來回首,...

我們不一樣

這麼多年的兄弟 有誰比我更了解你 太多太多不容易 磨平了歲月和脾氣 時間轉眼就過去 這身後不散的筵席 只因為我們還在 心留在原地 張開手 需要多大的勇氣 這片天 你我一起撐起 更努力 只為了我們想要的明天 好好的 這份情好好珍惜 我們不一樣 每個人都有不同的境遇 我們在這裡 在這裡等你 我們不一樣 ...

不一樣又不一樣的 木板接水

空地上豎立著n個從左到右排列的木板,它們可以把水擋住,但溢位最邊上木板的水將會流到空地上。已知木板間距都是單位1,現給定每個木板的高度,請求出總共能接住的水量?說明一點,這裡只考慮間距 寬度 和高度,不考慮第三個維度,因此水量是平方單位。木板高度分別是2,1,3,那麼我們可以接住2 2 4平方單位的...