專題書面報告

--- title: '專題書面報告' disqus: hackmd --- 教室預約與門禁系統 === [TOC] 系統畫面架構圖 --- ``` mermaid graph LR; 進入首頁-->使用者登入; 進入首頁-->使用者尚未登入; 使用者尚未登入 --> 教室列表; 使用者登入-->教室列表; 使用者登入-->教師列表; 使用者登入-->學生列表; 使用者登入-->班級列表; ``` 建立資料模型 --- If you are a total beginner to this, start here! 1. Visit hackmd.io 2. Click "Sign in" 3. Choose a way to sign in 4. Start writing note! 定義路徑規則與處理視圖 --- ```gherkin= Feature: Guess the word # The first example has two steps Scenario: Maker starts a game When the Maker starts a game Then the Maker waits for a Breaker to join # The second example has three steps Scenario: Breaker joins a game Given the Maker has started a game with the word "silky" When the Breaker joins the Maker's game Then the Breaker must guess a word with 5 characters ``` > I choose a lazy person to do a hard job. Because a lazy person will find an easy way to do it. [name=Bill Gates] ```gherkin= Feature: Shopping Cart As a Shopper I want to put items in my shopping cart Because I want to manage items before I check out Scenario: User adds item to cart Given I'm a logged-in User When I go to the Item page And I click "Add item to cart" Then the quantity of items in my cart should go up And my subtotal should increment And the warehouse inventory should decrement ``` > Read more about Gherkin here: https://docs.cucumber.io/gherkin/reference/ 頁面範本與靜態檔案 --- 結論 --- 心得 --- User flows --- ```sequence Alice->Bob: Hello Bob, how are you? Note right of Bob: Bob thinks Bob-->Alice: I am good thanks! Note left of Alice: Alice responds Alice->Bob: Where have you been? ``` > Read more about sequence-diagrams here: http://bramp.github.io/js-sequence-diagrams/