軟體工程第三次作業

這個作業屬於哪個課程

這個作業要求在**

這個作業的目標(1)對比原型設計工具(2)需求分析(3)原型設計

因為之前對原型設計一點了解都沒有，所以我選擇通過對這三款軟體的第一印象以及後面的深入了解的方式來對比這三款原型設計工具的不同之處

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-m9vomulp-1590723773008)(

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-ouepc8q5-1590723773011)(

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-hgbballm-1590723773015)(

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-zj72onjh-1590723773018)(

1.墨刀的功能偏向於操作與互動的簡單實現，更加適合新手上手。而且墨刀具有自動標註及切圖功能，能夠實現每個元素寬高、間距、字型顏色等資訊的一鍵製備功能。同樣墨刀的素材庫可以共享，高頻素材可以直接使用。

2.axure rp的特點主要集中在滑鼠及鍵盤互動功能、演示文稿、新增部件樣式控制、更細化的部件屬性以及更多互動的條件。總的來說更適合高階的使用者，雖然上手起來可能不如其他兩個軟體容易，但一旦上手後是更有利於製造更加精美更加高階的產品。

3.mockplus則和墨刀很相似，適合新手上手而且素材全面廣泛。但mockplus也有屬於自己的創新點所在，不僅是在審閱協作、建立原型圖、批註圖釘的協同工作，而且無縫真機預覽的功能還有可直接實現設計和移動裝置之間的通訊，直接預覽，不需要任何第三方裝置。在設計過程中，設計者拿出手機就可以隨時和mockplus對接，將原型傳遞到移動裝置，觀察原型在移動裝置中的真實狀態等等，這一系列都是mockplus的創新之處

綜合以上三點，我選擇了上手比較快的以及素材豐富，自動化程度稍微高一些的墨刀作為此次作業的原型設計工具。

為了能更好的進行需求分析，我覺得有必要先了解一下原型設計的步驟，進而在步驟中更好的進行優化與設計。

步驟一：了解需求，了解我們所做的產品是給誰做的，誰來開發，然後選擇合適的表達方式與工具。

步驟二：梳理頁面、頁面元素及頁面流程。可以通過思維導圖梳理該產品或者功能，頁面及頁面內的元素，大致歸納出有幾個頁面，頁面內有幾個區域，區域內有什麼元素，採用什麼布局方式等；

步驟三：繪製原型初稿，按照頁面結構、資訊結構、業務流程開始繪製原型，確定每個頁面的布局和元素的位置，快速的繪製原型初稿。這個階段主要是把產品的流程走通

步驟四：深度校驗原型設計實現並新增標註。深度思考功能的必要性和優先順序，盡可能把冗雜的元素刪除或精簡，盡可能突出每個頁面的重要元素，重點標識出異常邊界和文案提示，區分全域性說明和區域性說明，盡可能將標註寫的精簡、明確、全面。

從需求分類來看，教師方面需要更加方便的對班級成員、教學內容及學生成績進行管理。從這句話可以分析出，教師端需要實現班級成員管理、教學內容管理以及學生成績管理這三個功能。可以在教師的二級頁面處線先顯示學生的全體資訊，包括學號、成績以及個人資訊等，然後可以在此處進行新增、刪除和更改等功能從而實現成績管理的功能。有關教學內容，粗略的製作的話可以總體的概括教學的大綱內容，盡量簡潔明瞭。細緻一點的話可以精確到每個學生的不同教學進度，以滿足"因材施教"的教學理念。

從需求分類來看，助教方面需要更方便地對班級成員進行管理、與學生交流、對學生進行評價。同樣，根據這句話可以看出助教端和教師端的功能其實是有共同點的，就比如對班級成員進行管理這一功能的實現。而與之不同的就是，助教端需要實現與學生進行交流以及對學生進行評價的功能，可以借助墨刀裡面的互動介面來完成這一功能。

從需求分類來看，學生方面需要更方便的相互交流，完成作業分析完教師與助教的功能實現之後，再來看學生端的實現就很簡單了。僅僅需要實現"交流"的功能，那麼墨刀中已經很方便的給我們提供了這一項功能，借助互動式介面的模組，很輕鬆的就能實現這一功能。

整體的需求角度來分析的話，需要考慮的內容就比較多了。不僅要設計到方便的使用班級部落格、離線狀態下的瀏覽內容、更加簡潔美觀的適應性介面、完善的資訊提醒功能以及更加體系化的班級部落格內容和完善的分類以便於使用者找到自己需要的內容。首先，在整體原型設計實現的過程中，我覺得應該分次一步步的實現小分類的功能，然後在此基礎上進行一定的優化進而達到化整為零，部分之和大於整體的效果。再實現了三個小埠的功能後，通過標題級別分類的方式，讓整過頁面顯得更加層次化、體系化從而便於使用者查詢到自己需要的內容。然後進行一些適配型的除錯，使得整個頁面更加適用於其他埠的使用。

沿用墨刀中的一些基本模版再加以改動，學生端的介面很容易就可以製作出來，因為素材較多，所以繪製乙個較為豐富的介面不是什麼大問題。但就是介面間的切換是個難點，通過上網搜尋相關資料等方式解決了介面切換的問題。下面是學生斷的最終實現介面

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-nrmr7bxr-1590723773020)(

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-ptth5wfz-1590723773021)(

以學生端為基礎進行一些介面跳轉的改變，將基本個人部落格的跳轉轉為學生資訊介面

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-f9gbqp1s-1590723773025)(

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-jgmwhxr6-1590723773026)(

在上面兩個的基礎上，進行一些介面的簡單優化，然後將跳轉頁面轉化一下，更改為學生資訊包含學生姓名以及學號等。

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-rruqxtzf-1590723773027)(

[外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳(img-kgdnbw6g-1590723773029)(

軟體工程第三次作業

軟體工程第三次作業

軟體工程第三次作業

第三次軟體工程作業

相關推薦