線上銷售整合外送平台

--- tags: 物件導向軟體工程 title: 線上銷售整合外送平台 --- <style> img[src$=".png"]{ width: 50px; text-align: center; } </style> # 線上銷售整合外送平台組長00881022周雅蓁 00957101林一、00957109洪崇維、00957017林欣儀、 00957132羅少謙、00957141王裕傑、00857053霍顥仁 ## 1.Introduction * ### 專案名稱：線上銷售整合外送平台 * ### 目的： 致力於提升商品買賣的交易品質，透過科技創新，改善線上銷售時無法與實物互動的弊端。 1. 整合賣家功能：透過此平台銷售、外送商品，如餐點、手作品、日常用品、二手商品等。 2. 整合買家功能：使用平台來外送或購買各種商品。 3. 提升互動性：利用手機相機，以AR掃描與投影商品，讓使用者能藉此觀察商品的效果。 4. 沉浸式購物：透過元宇宙，在家裡就能在虛擬百貨中試用、買賣商品，並且能與人直接溝通交流。 * ### 動機： 蝦皮、Uber eat、Food panda、 PChome，有銷售、電商、外送、二手買賣， 但就是沒有整合所有功能的購物平台，讓使用者使用不易。 此外，線上銷售無法與實物互動，進而衍伸出種種弊端，是現階段購物平台的通病。因此，本系統以科技創新，結合時下最流行的元宇宙、物聯網、AR 技術，打造全新購物體驗，讓人們輕鬆享受虛擬實境購物的樂趣！。 * 系統可分析的資料： 1. 商品分類 2. 訂單管理 3. 支付管理 4. 庫存管理 5. 評價和評論管理 * 分類： 1. 消費者的註冊和使用行為：消費者註冊、訂單下單、付款方式、配送地址、評價等資訊。 2. 商品和店家的資訊：商品、店家和供應商的資訊，如出貨地點、商品倉庫。 3. 外送配送和物流資訊：訂單配送和物流狀況的資訊，以追蹤配送流程。 * UML：Draw.io <hr> ## 2.Current system | | 本系統 | 蝦皮 | uber eat | PChome | | -------- | -------- | -------- | -------- | -------- | | 主要功能 | 整合銷售、外送的購物平台 | 電商與散戶買賣 | 即時外送、 食物與商品 | 電商物流與買賣 | | 特色 | 結合科技、 (元宇宙與 AR 應用) 整合各購物平台功能 | 用戶皆能買賣 | 即時外送 | 商品保障、 物流倉庫 | | 商品運輸 |無人機、外送員、物流|物流|外送員|物流| | 配送所需時間(商品發送到送達的時間)| 很快👍，一小時內 | 慢，三天以內 | 很快👍，一小時內 | 普通，倉庫最快24hr送達 | |線上|$\enspace$ ✔️ 網頁、應用程式、元宇宙虛擬商城 |$\,$✔️ 網頁、應用程式 |$\quad$✔️ 網頁、應用程式 |$\quad$✔️ 網頁、應用程式 | |買家可以與賣家互動|$\enspace$ ✔️ 元宇宙內面談交易 |$\,$✔️ 蝦皮聊天室 | 買家只能透過平台客服反應商品問題 | 買家只能透過平台客服反應商品問題 | |平台會代理商家做買賣| 讓買家與賣家自由買賣與溝通 | 讓買家與賣家自由買賣與溝通 |$\quad$✔️ 由平台將訂單發送給賣家與外送員，買家與賣家並不會交流 |$\quad$✔️ 由平台代理交易並通知物流倉庫，買家與賣家並不會交流 | |二手買賣|$\enspace$ ✔️ 額外提供商品的3D資訊 |$\,$✔️ 文字描述、照片、影音 |✘|✘| |即時外送|$\enspace$ ✔️ 任何時間皆可配送 | 受賣家影響不穩定 |$\quad$✔️ 任何時間皆可配送 (但會受當時可外送的外送員數量影響) | 倉庫營業時間 | |可試用|$\enspace$ ✔️ 透過元宇宙與AR試用商品，能直接反應商品情況，並且無法造假。 | 賣家提供的資訊，可能會與真實商品不符。 | 由平台把關商品品質，但還是無法避免與真實商品不符的情況。 | 由平台把關商品品質，但還是無法避免與真實商品不符的情況。 | | 如何搜尋商品 | 最佳👍，科技應用： 運用相機掃描、文字搜尋、元宇宙商場 | 文字搜尋 | 文字搜尋 | 文字搜尋 | | 如何獲取商品資訊 | 最佳👍，複合型應用：元宇宙虛擬商城、試用環境，以及AR應用與圖文介面 | 單調：圖文介面 | 單調：圖文介面| 單調：圖文介面 | | 優點 | 1. 整合多項功能 2.可以試用 3.能反應商品的真實情況 4.無人機解決夜間配送問題 | 1.品項與使用者眾多 2.自由賣買 3.良好的溝通系統 4.打折優惠 | 1.方便快速 | 1.24h購物 2.3C首選 3.平台把關 | | 缺點 | 1.人們可能對新系統 接受度不高 | 1.平台抽成高 2.配送時間長 3.發貨時間不穩定 | 1.運費貴 2.大多只有食物 3.部分時段、地區 會因外送員不足而影響配送時間 | 1.介面難用 2.品項不齊 | <hr> ## 3. Proposed system ### **3.1 Overview** * ### 物流： 1. 無人機即時外送 ![](https://i.imgur.com/703fLdj.jpg =400x) <hr> * ### 元宇宙： 1. 元宇宙購物中心：讓用戶能擺攤、銷售、交流。 ![](https://i.imgur.com/q7URUTi.jpg =300x) ▲實際開發畫面 2. 試用商品：可以將商品拆開觀察內容物。 <img height=150px src="https://cdn.akamai.steamstatic.com/steam/apps/1358140/extras/gif03.gif?t=1673438701"/> ▲概念階段 <hr> * ### AR 應用：用手機相機掃描欲拍賣的商品，讓買家可以透過 AR 投影與實體相符的商品。 1. 透過 AR 試穿服裝、鞋子、吊飾等 2. 可以利用 AR 進行化妝品的試妝 3. 傢俱類、畫作、植栽可以配合 AR 投影進行多項商品定點擺設看適配度 ![](https://i.imgur.com/vXJtddY.jpg =300x) <hr> * ### 交互功能 1. 用手機相機掃描東西，可以顯示同樣類型的商品、價格、推薦、評價等，並且能直接網購。 ![](https://i.imgur.com/6G6Pp8Z.jpg =300x) <hr> ### **3.2 Functional requirements** 1. 會員系統透過註冊帳號成為會員後，可進行買賣，並享有一些特定的優惠、積分、促銷活動等。同時也可以進行個人資訊設定、收藏商品、查看訂單紀錄等操作。 2. 搜尋商品提供使用者便捷的商品搜尋功能，能透過手機拍照搜尋或根據商品名稱、關鍵字、價格、品牌等篩選條件進行搜索。 3. 上架商品商家可以在平台上上架自己的商品，包括商品的AR模型、價格、庫存、描述等訊息。 4. 下訂商品使用者可以選擇商品、確認訂單、選擇付款方式、填寫收貨地址等操作進行下訂。 5. 元宇宙 5.1 元宇宙購物中心：讓用戶能擺攤、銷售、交流 5.2 試用商品：可以將商品拆開觀察內容物。 6. AR掃描買家可以透過 AR 投影與實體相符的商品。 6.1. 透過 AR 試穿服裝、鞋子、吊飾等 6.2. 可以利用 AR 進行化妝品的試妝 6.3. 傢俱類、畫作、植栽可以配合 AR 投影進行多項商品定點擺設看適配度 7. 外送將訂單商品透過物流、外送員或無人機，即時配送到用戶指定的地址。 8. 訂單與物流查詢提供使用者查詢自己訂單狀態、即時物流資訊等功能。 9. 優惠券提供使用者各種形式的優惠券，例如折扣券，用戶可以在結算時使用相應的優惠券。 10. 付費系統線上交易平台可以提供多種付費方式，例如信用卡、網路銀行、行動支付等，方便用戶進行付款。同時，為了保障交易安全，平台需要具備一定的加密和防範措施，以避免支付風險。 11. 評價系統線上交易平台的評價系統可以讓買家和賣家在完成交易後對對方進行評價，以提高交易的透明度和可信度。評價可以包括商品品質、賣家服務、交易溝通等方面，讓其他用戶可以參考評價進行購買決策。平台也可以根據評價結果進行賬戶管理，對評價較差的用戶進行相應處理。 ### **3.3 Nonfunctional requirements** 1. User interface and human factors What type of user will be using the system? 需要購物服務、販售商品以及外送服務之使用者 Will more than one type of user be using the system? 是 What training will be required for each type of user? 買家:需要註冊會員並接受瀏覽商品看AR、VR實境的訓練賣家:需註冊會員並利用手機等電子產品來讓商品可以更好的呈現出來例如使用AR及VR技術 Is it important that the system is easy to learn? 由於要給予使用者良好的使用體驗，所以易上手的簡易頁面是重點，希望使用者都能夠很快就掌握我們系統的使用方式 Should users be protected from making errors? 在「使用須知」就先讓使用者知道如何使用系統，若系統發現使用者不正常使用，就會彈跳出警告視窗告知使用者 What input/output devices are available? VR眼鏡等設備 2. Documentation What kind of documentation is required? 需求文件、設計文件、測試文件 What audience is to be addressed by each document? 需求文件:是針對客戶的要求所創立的文件，內容可以看到客戶對於此系統的要求設計文件:是後端開發人員對於系統的程式運作、資料庫、介面等進行描述的文件測試文件:為系統開發完成後，由測試人員對於系統功能進行測試，將測試到的數據放入文件中 3. Hardware considerations What hardware is the proposed system to be used on? 使用系統以手持式系統為主，如手機、平板能使使用效果最佳化，VR眼鏡搭配使用 What are the characteristics of the target hardware, including memory size and auxiliary storage space? (1) 建議 RAM 為 8GB 以上 (2) 儲存空間需要 128GB 以上 4. Performance characteristics Are there speed, throughput, response time constraints on the system? 系統在**10萬位**使用者內需要**1秒內**回應使用者整個系統可以乘載10億人以下的使用者同時使用 Are there size or capacity constraints on the data to be processed by the system? 每個登錄商品資料不能超過512MB 5. Error handling and extreme conditions How should the system respond to input errors? 當系統當掉時，啟用備用伺服器來應付網路塞車，使用排隊來限制人數進入系統 How should the system respond to extreme conditions? 當有駭客入侵時，立刻停止該駭客使用系統，並立刻通知管理員來修復 6. System interfacing Is input coming from systems outside the proposed system? 是，例如外部系統如金融刷卡，外部的物流系統與資料庫等 Is output going to systems outside the proposed system? 是，例如用戶介面(商品資訊及價格等)，外部的物流系統與資料庫等 Are there restrictions on the format or medium that must be used for input or output? 資料傳送都會限制以JSON作為資料格式 7. Quality issues What are the requirements for reliability? 伺服器在停電有備用電源維持運作，當系統故障時也有自動重啟功能 Must the system trap faults? 是的 What is the time for restarting the system after a failure? 同時太多使用者可能會導致系統負載過重當系統出現故障，系統需在**10分鐘**內重啟 Is there an acceptable downtime per 24-hour period? 希望能在各地區的凌晨時間，在人流較少時分別進行地區性維護 Is it important that the system be portable? 是的，本購物平台希望能夠吸引不同系統使用者，因此跨平台非常重要，如能夠執行於手機平台IOS、ANDROID、IPADOS等等 8. System modifications What parts of the system are likely to be modified? 資料庫或是商品資訊或購物車等 What sorts of modifications are expected? 每月活動以及優惠 9. Physical environment Where will the target equipment operate? 伺服器應該在一個穩定的環境中運作並且需要至少兩個伺服器互相備用，以備不時之需 Is the target equipment in one or several locations? 伺服器應該在多個地點，以免可能會有火災停電等意外發生 Will the environmental conditions be ordinary? 是，需要控制機房環境溫度及濕度，以及要有空調設備等等 10. Security issues Must access to data or the system be controlled? (1) 需要進行24小時的控管，以免系統出錯 (2) 所有的存取皆有權限限制，避免非權限使用者存取系統內部 Is physical security an issue? 機房需要長期上鎖，安裝攝影機，並雇用警衛輪班看管 11. Resources and management issues How often will the system be backed up? 系統資料必須**每小時**進行備份 Who will be responsible for the back up? 系統管理員為主要負責人；但系統本身會進行自動備份，而系統管理員需要時刻檢查是否有備份到，若系統沒有備份，則系統管理員改為手動備份 Who is responsible for system installation? 系統管理員 Who will be responsible for system maintenance? 需有系統管理員時時監控系統是否被入侵每天系統管理員將進行1-2小時例行性維護 ### **3.5.1 Scenarios** :::spoiler 上課簡報 > <img src="https://i.imgur.com/UWcOx2K.jpg"> > > 範例： > * 鮑勃開著他的巡邏車沿著大街行駛，發現倉庫裡冒出濃煙。 > 他的搭檔愛麗絲從她的車里報告了緊急情況。 > * 愛麗絲將建築物的地址、建築物位置的簡要描述（即西北角）和緊急級別，輸入到她的可穿戴計算機中。 > * 她確認她的輸入並等待確認。 > * 調度員 John 的工作站發出嗶嗶聲，提醒他有緊急情況。他審查了 Alice 提交的信息並確認該報告。他分配了一個火力單位並將預計到達時間 (ETA) 發送給愛麗絲。 > * Alice 收到了確認和 ETA。 ::: 系統功能=>購買線上商品黃曉明是一位居住在基隆的大學生，基隆天氣非常惡劣不方便出門，為了之後跟女友約會，他需要先買一件好看的上衣，於是他想到之前有在「**線上銷售整合外送平台**」註冊過會員，可以直接在網路上試穿並下訂商品，他使用手機來操作此系統，首先他用他的右手食指輕點系統主畫面，螢幕右下角的會員中心，然後點擊文字方塊使用手機鍵盤輸入帳號及密碼並按下登入(會員資料庫認證資料，系統介面彈跳出登入成功，並跳轉回主畫面)，接著用右手食指指頭輕點主畫面下方的搜尋按鈕，在主畫面上方搜尋欄內輸入上衣，並且使用兩隻手的大拇指輕按手機上的鍵盤打出夏天短T(系統讀取資料庫上衣資料)，搜尋結果的第一件，黃曉明一看就非常喜歡，於是使用右手食指指頭輕點該商品名稱(介面跳轉至該商品細節，包含圖片價錢等資訊)，黃曉明想看看要穿什麼尺寸以及穿起來怎樣，就使用右手食指指頭輕點商品畫面下方的虛擬試穿，系統將黃曉明之前已建立好的 1:1 立體虛擬模型在手機畫面呈現並套上衣服，並且在螢幕左上角顯示最適合身體的衣服尺寸，看完後，黃曉明非常滿意，於是使用右手食指指頭輕點左上角「<」退出AR虛擬試穿，並按下商品介面下方的「加入購物車」按鈕，黃曉明用右手食指指頭輕點在「購物車功能」按鈕，確認資料無誤後就使用右手食指指頭輕按確定下訂按鈕(系統資料庫商品庫存減1，並通知賣家準備出貨)。 ![](https://i.imgur.com/sSJDZaG.jpg =31%x)![](https://i.imgur.com/5IOIQWd.jpg =30%x)![](https://i.imgur.com/tgvNVIa.jpg =30%x)![](https://i.imgur.com/G11L22Z.jpg =30%x)![](https://i.imgur.com/kaxt4hG.jpg =30%x)![](https://i.imgur.com/CAXMmXo.jpg =30%x)![](https://i.imgur.com/orda97c.jpg =30%x)![](https://i.imgur.com/j4kdpKc.jpg =30%x) ### **3.5.2 Use case models** :::spoiler 上課簡報 > ![](https://i.imgur.com/5obUiCl.jpg) > > 使用案例包括: > Use case name 複合字動詞+名詞 ReportEmergency > Participating actors 職稱 (參與演員(人員)) > the entry condition 開始情況 > the flow of events 事件流程(使用者的操作系統的回應) > *active voice(主動式的句子) > the exit condition 結束情況(結果) > exceptions 例外 (不正常的情況) > nonfunctional requirements 相關的非功能性需求 > > ![](https://i.imgur.com/GiGKUaK.jpg) > > Actor steps > 1. The Bank Customer inputs her card into the ATM.[Invalid card] > 3. The Bank Customer types in PIN. [Invalid PIN] > 5. The Bank Customer selects an account . > 7. The Bank Customer inputs an amount. [Amount over limit] > > [Invalid card]The ATM outputs the card and stops the interaction. > [Invalid PIN]The ATM announces the failure and offers a 2nd try as well as canceling the whole use case. After 3 failures, it announces the possible retention of the card. After the 4th failure it keeps the card and stops the interaction. > [Amount over limit] The ATM announces the failure and the available limit and offers a second try as well as canceling the whole use case. ::: :::spoiler 上次的內容 * 使用案例：PurchaseOnlineProduct(購買線上商品) * 參與演員：消費者、線上平台 * 開始情況：消費者希望購買線上商品，並進入線上平台網站或APP。 * 事件流程： 1. 消費者在平台上瀏覽商品，或是以手機掃描拍照，搜尋想要購買的商品。 2. 購買前，消費者可以透過手機AR將商品投影到現實畫面中，確認購買的商品是否符合需求。 3. 消費者選擇商品數量、規格和配送地址等相關資訊，並添加到購物車中。 4. 消費者查看購物車內容，確認商品資訊和價格，也能在虛擬空間中將購物車內的商品做使用。 5. 消費者選擇付款方式，填寫相關資訊，如信用卡號、付款金額等。 6. 消費者提交訂單，系統顯示訂單確認頁面。 7. 平台向消費者發送訂單確認訊息，將提供訂單號、預計送達時間、外送無人機或人員的目前位置等資訊。 * 結束情況：消費者已成功購買線上商品，並收到訂單確認郵件。 * 例外 - 1a. 如果消費者在購買過程中遇到問題，如商品資訊錯誤、付款失敗等，系統提示消費者檢查並重新輸入。 - 2a. 如果消費者的手機不支援AR功能或AR投影效果不佳，系統提示消費者可以使用其他方式查看商品詳細資訊，例如商品圖片、規格、說明等。 - 3a. 如果消費者填寫的購買資訊不完整，系統將提示消費者補充相關資訊。 - 3b. 如果商品缺貨或無法送達消費者指定的地址，系統提示消費者選擇其他商品或重新指定送貨地址。 - 4a. 如果商品資訊與實際商品不符或是商品的資訊不完整，AI會先評估商品是否有問題，並通知專員對此商品提出解決方案，讓賣家於三日內改善，如無法改善將強制下架此商品，並告知消費者此賣家的信用不良，以保障消費者的購買權益。 - 5a. 如果消費者填寫的付款資訊不完整或錯誤，系統提示消費者補充相關資訊或重新輸入付款資訊。 - 5b. 如果消費者使用的信用卡無法進行付款，系統提示消費者更換付款方式或聯繫信用卡發卡銀行解決問題。 - 6a. 如果系統在提交訂單時遇到錯誤，如連線中斷、訂單處理失敗等，系統將提示消費者重新提交訂單，並以AI協助消費者解決問題。 - 6b. 如果AI判定此問題難以解決，則會主動聯繫客服協助消費者解決問題。 - 7a. 如果消費者未收到訂單確認訊息，系統提示消費者檢查設備是否有問題，或由AI評估是否聯繫客服協助解決問題。 * 相關的非功能性需求： 1. 個資保護：讓消費者的個人資訊能得到保護，限制會員與管理者的權限。 2. 支付方式：支持多種支付方式，以方便消費者選擇最便捷的方式。 3. 保障消費者購買商品的準確性：透過元宇宙與AR應用讓消費者能模擬實際使用狀況，以保障消費者能了解商品狀況，並做出好的的購買策略。 4. 效能：確保平台能夠高效地處理大量的訂單和金融支付，以及足夠的外送資源，以提供快速的購買體驗。 5. 可靠性：確保平台的穩定性和可靠性，以防止系統崩潰或其他技術問題導致購買失敗或資訊丟失，避免消費糾紛。 ::: * 使用案例：PurchaseOnlineProduct(購買線上商品) * 參與演員：黃曉明、線上銷售整合外送平台 * 開始情況：黃曉明想購買適合的衣物，並進入**線上銷售整合外送平台**的APP中。 * 事件流程： 1. 黃曉明用手機點擊螢幕上APP，由於黃曉明以前就登入過會員便能直接進入到APP的主畫面中。 - 使用者：顯示主畫面，內容有推薦商品、廣告、活動、特價、折價券訊息。 - 系統：接受到用戶端的請求，檢查是否登入後，回傳主畫面的各項內容。 2. 黃曉明點擊下方的分類，並選擇了服飾與穿搭，在細項中勾選男裝、上衣，按下送出後，則會顯示符合勾選條件的商品。 - 使用者：顯示各種商品分類，並且在商品分類裡，顯示商品的各項條件讓使用者能夠勾選，其中還包括不同的品牌、不同的價位段、不同的商品類型。 - 系統：系統會回傳商品的分類與其細項條件給使用者，當使用者按下送出後會傳送給系統，系統會根據使用者的條件，將符合的商品回傳給使用者。 3. 黃曉明觀看各種商品圖片後有找到心儀的上衣，便點選上衣旁邊的試穿鍵，此時 APP 會在手機螢幕中顯示以前註冊過的符合黃曉明身型的1:1立體模型穿著此件衣物的樣子。 - 使用者：接受系統回傳的模型試穿衣物之影像。 - 系統：尋找到使用者以前註冊過符合黃曉明身型的1:1立體模型內容，並將此件衣物模擬到人體上後，將處理後的畫面回傳給使用者。 4. 黃曉明覺得此件衣服有符合他的購買期待，便點擊了購買鍵進入商品的購物畫面，畫面中有付款方式、物流配送方式，黃曉明點選了信用卡付款，因為過往有購買過的紀錄，所以他的兩張信用卡資訊便直接顯示於信用卡付款下的選單中，他選擇了不合作金庫後，進入到了物流的選項，物流提供了無人機24hr快速送達服務、3天內一般包裹送達服務，他選擇了無人機24hr快速送達服務，按下送出訂單。 - 使用者：將商品訂單的購買資料傳送給系統。 - 系統：系統收到訂單後，將購買的金額、購買者資料傳送給第三方支付機構。 5. 接著手機螢幕顯示信用卡付款頁面，頁面中顯示信用卡的各項資訊，並在下方有手機驗證碼的文字框。黃曉明接受到手機驗證碼訊息後，將上面顯示的密碼輸入到手機驗證碼的文字框，送出後便完成了付款。 - 使用者：畫面自動導向第三方支付機構的網頁，並且輸入手機驗證碼後提交給第三方支付機構。 - 系統：第三方支付機構確認付款成立後，將交易成功的訊息回傳給本系統。 6. 手機顯示出地圖，地圖中有黃曉明目前的位置，以及商品目前的所在位置，此時看到無人機已經接收到商品並在趕來的路上。 - 使用者：將使用者的位置傳送給系統，並顯示地圖資訊。 - 系統：系統接收到使用者的位置訊息後，將指派最接近商品位置的無人機去商品所在處，取件後便前往使用者目前所在的位置。 7. 由於黃曉明人在7-11中，無人機便順著黃曉明的GPS定位進入了7-11並且透過以前註冊過的人臉辨識確認了為黃曉明本人，黃曉明的手機跳出是否完成交易的選項，他選擇**是，無人機將商品緩緩放入他的手中，並解開無人機的抓取，由於無人機確認到消費者已接受到要配送的商品，便離開了此地，完成整個交易配送的過程**。 - 使用者：接收系統傳送的交易確認訊息，並回傳交易確認的訊息給系統。 - 系統：系統使用無人機上的鏡頭，向資料庫確認使用者的臉部是否符合，確認符合後系統將傳送交易確認訊息給使用者，當接受到交易確認的訊息後，命令機器人將商品給予使用者手中。 * 例外 1. 登入：如果登入過期或發生錯誤，系統重新導向登入頁面並提示消費者重新登入 2. 商品分類：如果使用者因網路問題無法正常顯示分類與條件，顯示頁面上會提示使用者檢查自身網路狀態與重新刷新頁面。 3. AR：如果系統因不明原因無法連接消費者的手機鏡頭，系統將提示消費者可以使用其他方式查看商品詳細資訊，例如商品圖片、規格、說明等。 4. 購買過程： 4.a 如果消費者填寫的購買資訊不完整，系統將提示消費者補充相關資訊。 4.b 如果消費者填寫的付款資訊不完整或錯誤，系統提示消費者補充相關資訊或重新輸入付款資訊。 4.c 如果系統在提交訂單時遇到錯誤，如連線中斷、訂單處理失敗等，系統將提示消費者重新提交訂單，並以 AI 協助消費者解決問題。 4.d 如果AI判定此問題難以解決，則會主動聯繫客服協助消費者解決問題。 5. 付款：如果消費者使用的信用卡無法進行付款，系統提示消費者更換付款方式或聯繫信用卡發卡銀行解決問題。 6. 商品與物流：如果商品缺貨或無法送達消費者指定的地址，系統提示消費者選擇其他商品或重新指定送貨地址。 7. 交付商品： 7a. 如果商品資訊與實際商品不符或是商品的資訊不完整，AI會先評估商品是否有問題，並通知專員對此商品提出解決方案，讓賣家於三日內改善，如無法改善將強制下架此商品，並告知消費者此賣家的信用不良，以保障消費者的購買權益。 7b. 如果消費者未收到訂單確認訊息，系統提示消費者檢查設備是否有問題，或由 AI 評估是否聯繫客服協助解決問題。 7c. 若無人機無法正確尋找到買家，無人機應將商品送至買家填寫好的備用地址待消費者取貨。 ### Use Case Diagram | Use case name | 首頁功能| | -------- | -------- | | Summary | 提供顯示首頁商品及其他功能。 | | *Actor | 任何使用者 | | Pre-Conditions| 網站已啟動且使用者已連線至網站 | |*Description| 1.顯示網站首頁商品清單。 2.提供熱門商品、新品上市等頁面。 3.提供搜尋欄位供使用者輸入關鍵字搜尋商品。 4.顯示購物車中的商品數量與價格，並且在按下後能跳轉至購物車。 5.提供登入/註冊功能按鈕。 6.提供聯絡客服、常見問題等頁面連結。 7.提供優惠券的活動廣告| |Alternatives| 無 | | Use case name | 商品評價| | -------- | -------- | | Summary | 提供使用者查看商品評價。 | | *Actor | 任何使用者 | | Pre-Conditions| 該商品已上架 | |*Description| 1.使用者進入商品詳細頁面。 2.使用者可查看購買者意見。 3.顯示評價平均分數及評價總數。 | |Alternatives| 無 | | Use case name | 使用優惠券 | | -------- | -------- | | Summary | 提供使用者使用優惠券折扣。 | | *Actor | 會員 | | Pre-Conditions| 1.使用者已登入帳號。 2.使用者持有有效優惠券 | |*Description| 1.使用者將欲購買的商品放入購物車。 2.使用者點選購物車進入結帳頁面。 3.使用者輸入優惠券代碼。 4.系統檢查優惠券代碼是否有效並計算折扣。 5.系統顯示結帳頁面的訂單金額已扣除優惠券折扣。| |Alternatives| 1.優惠券代碼無效，系統提示使用者優惠券代碼錯誤。 2.優惠券已過期，系統提示使用者優惠券已過期。 | | Use case name | 會員登入 | | -------- | -------- | | Summary | 提供登入的功能。 | | *Actor | 會員| | Pre-Conditions| 已註冊，有帳號之會員| |*Description|1.瀏覽某頁面時要按下登入功能鍵並輸入帳號、密碼。 2.驗證密碼成功。| |Alternatives| 1.瀏覽某頁面時要按下登入功能鍵並輸入帳號、密碼。 2.驗證密碼錯誤。 3.回到登入畫面，重新輸入密碼。| | Use case name | 會員註冊 | | -------- | -------- | | Summary | 建立個人帳號密碼。 | | *Actor | 非會員| | Pre-Conditions| 非登入狀態| |*Description|1.填寫帳號、設定密碼、個人資料 2.檢查帳號是否已用過 3a.尚未使用，帳號密碼建立完成 3b.已有人使用，重新設定帳號| |Alternatives| 無| | Use case name | 會員登出 | | -------- | -------- | | Summary | 提供會員登出的功能。 | | *Actor | 會員| | Pre-Conditions| 1.已註冊，有帳號之會員 2.已登入系統之會員| |*Description|1.在會員中心點選登出按鈕 2.系統跳轉至登入畫面並彈跳視窗通知使用者已登出| |Alternatives| 無| | Use case name | 收藏 | | -------- | -------- | | Summary | 提供會員將中意的商品加入收藏列表。 | | *Actor | 會員| | Pre-Conditions| 1.已註冊，有帳號之會員 2.已登入系統之會員| |*Description|1.在商品介面點選右上角愛心的圖示按鈕 2.系統將此商品加入此會員之收藏列表中 3.系統彈跳視窗告知會員此商品已加入收藏列表| |Alternatives| 1.在商品介面點選右上角愛心的圖示按鈕 2.系統偵測若商品已在收藏列表中 3.將此商品從此會員之收藏列表中移除 4.系統彈跳視窗告知會員已從收藏列表中移除此商品| | Use case name | 會員中心功能 | | -------- | -------- | | Summary | 會員可以瀏覽和編輯自己的個人資料、查詢訂單、上下架商品及登出功能。 | | *Actor | 會員| | Pre-Conditions| 1.已註冊，有帳號之會員| |*Description|1.會員可以查看和編輯自己的個人資料，包括基本資訊、聯絡方式、帳戶設置等。 2.會員可以查看自己的歷史記錄，例如交易記錄、訂單記錄、點數記錄等。 3.會員可以管理自己的商品上架與下架 4.會員可以登出此系統 5.會員可以創建自己的元宇宙角色並進入元宇宙| |Alternatives| 1.若使用者尚未登入則跳轉至登入介面 2.如果系統發生故障或維護，則會員可能無法訪問會員中心。| | Use case name | AR虛擬試穿 | | -------- | -------- | | Summary | 將服飾投影至1:1立體虛擬模型上查看適配度。 | | *Actor | 會員| | Pre-Conditions| 1.登入狀態 2.已進入想要進行虛擬試穿之商品頁面| |*Description|1.根據使用者1:1立體虛擬模型進行尺寸推薦並將上身效果顯示至 手機螢幕 2.可選擇不同視角/尺寸/顏色進行投影 3.選擇是否將試穿結果保存至系統| |Alternatives| 無| | Use case name | AR虛擬試妝 | | -------- | -------- | | Summary | 將各式化妝品投影至臉上查看適配度。 | | *Actor | 任何使用者| | Pre-Conditions| 1.登入狀態 2.已進入想要進行虛擬試妝之商品頁面| |*Description|1.點擊試妝按鈕開啟相機 1a.第一次使用AR功能將會詢問是否允許使用相機權限 2.系統根據使用者所選產品進行投影，並於手機螢幕顯示上臉效果 3.可調整化妝品的顏色 4.選擇是否將試妝結果保存至系統| |Alternatives| 1.點擊投影按鈕開啟相機 1a.第一次使用AR功能將會詢問是否允許使用相機權限，選擇「否」 2.回到該商品之頁面| | Use case name | AR虛擬投影 | | -------- | -------- | | Summary | 將傢俱類、畫作、植栽等多項商品進行定點擺設投影查看適配度。 | | *Actor | 任何使用者| | Pre-Conditions| 1.登入狀態 2.已選擇多項想要進行虛擬投影之商品| |*Description|1.點擊投影按鈕開啟相機 1a.第一次使用AR功能將會詢問是否允許使用相機權限，選擇「是」 2.可調整各個投影商品的位置、大小、角度 3.可及時新增/刪除投影之商品 4.選擇是否將投影結果保存至系統| |Alternatives| 1.點擊投影按鈕開啟相機 1a.第一次使用AR功能將會詢問是否允許使用相機權限，選擇「否」 2.回到點選投影按鈕之頁面| | Use case name | 分類功能 | | -------- | -------- | | Summary | 觀看商品分類並搜尋特定分類的商品 | | *Actor | 任何使用者| | Pre-Conditions| 無| |*Description|1.點擊畫面左下方的分類按鈕 2.點擊總分類列中的其中一類型(3C、家電等) 3.點擊總分類下的次分類列的其中一類型(3C中的滑鼠、鍵盤等)| |Alternatives| 無| | Use case name | 上架商品 | | -------- | -------- | | Summary | 上架欲出售之商品至平台上 | | *Actor | 會員| | Pre-Conditions| 1.已登入狀態下 2.在會員中心頁面下| |*Description|1.點擊「我的商品」按鈕 2.於「我的商品」頁面下，點擊「上架商品」頁面 3a.輸入欲上架之商品的詳細資訊，如商品名稱、商品價錢、商品照片、商品描述、商品模型等 3b.選擇上架日期時間為「即時」、「特定時間」，若為「特定時間」則再輸入欲上架之日期時間 4.點擊「完成」按鈕 5.檢查用戶輸入上架商品所需之資訊為完整 6.跳出提示通知小視窗「上架成功」，跳回「我的商品」頁面| |Alternatives| 1.點擊「我的商品」按鈕 2.於「我的商品」頁面下，點擊「上架商品」頁面 3a.輸入欲上架之商品的詳細資訊，如商品名稱、商品價錢、商品照片、商品描述、商品模型等 3b.選擇上架日期時間為「即時」、「特定時間」，若為「特定時間」則再輸入欲上架之日期時間 4.點擊「完成」按鈕 5.檢查用戶輸入上架商品所需之資訊為不完整 6.紅色高亮欠缺之資料，並跳出提示通知小視窗「資料填寫未完成」| | Use case name | 下架商品 | | -------- | -------- | | Summary | 從平台上下架己上架之商品 | | *Actor | 會員| | Pre-Conditions| 1.已登入狀態下 2.在會員中心頁面下 3.曾上架商品且未下架| |*Description|1.點擊「我的商品」按鈕 2.於「我的商品」頁面下，點擊欲下架之商品 3.點擊「下架商品」按鈕 4.跳出提示通知小視窗「是否確定下架該商品」，選擇左下方「是」按鈕 5.回到「我的商品」頁面，並跳出提示通知小視窗「商品完成下架」| |Alternatives| 1.點擊「我的商品」按鈕 2.於「我的商品」頁面下，點擊欲下架之商品 3.點擊「下架商品」按鈕 4.跳出提示通知小視窗「是否確定下架該商品」，選擇右下方「否」按鈕 5.回到當初所點選的商品之頁面| | Use case name | 搜尋 | | -------- | -------- | | Summary | 從平台上查找感興趣之店家、商品 | | *Actor | 任何使用者| | Pre-Conditions| 無| |*Description|1.點擊畫面最上方「搜尋欄」 2.於「搜尋欄」輸入想查找的相關商品或店家 3.系統會根據輸入字串顯示最多十個最常被使用者搜尋的「推薦搜尋」 4.使用者可以點擊系統的「推薦搜尋」也可以點擊「搜尋」按鈕 5.畫面跳轉到相關商品頁面 5a.只要商品名稱、商品細節、賣家名稱其中一個以上包含「搜尋欄」內的關鍵字字串就會陳列在商品相關頁面| |Alternatives| 1.若「推薦搜尋」不滿十個則顯示當前最多的數量 2.若關鍵字字串搜尋不到相關結果，則畫面要顯示搜尋不到相關商品| | Use case name | 分享 | | -------- | -------- | | Summary | 從平台上分享商品到外部社群軟體 | | *Actor | 任何使用者| | Pre-Conditions| 無| |*Description|1.點擊商品細節頁面右上角的「箭頭」圖示 2.系統彈出「分享」視窗 2a.視窗內要包含「LINE」、「Facebook」、「Instagram」、「Gmail」、「複製連結」按鈕 3a.使用者點擊「LINE」按鈕，系統會開啟手機內「LINE」程式並複製商品網址 3b.使用者點擊「Facebook」按鈕，系統會自動開啟手機內「Facebook」程式並複製商品網址 3c.使用者點擊「Instagram」按鈕，系統會自動開啟手機內「Instagram」程式並複製商品網址 3d.使用者點擊「Gmail」按鈕，系統會自動開啟手機內「Gmail」程式並複製商品網址 3e.使用者點擊「複製連結」按鈕要顯示商品網址在視窗上並複製商品網址至手機剪貼簿並彈出複製完成視窗 |Alternatives| 1.若使用者裝置上沒有「LINE」、「Facebook」、「Instagram」、「Gmail」應用程式，則應開啟瀏覽器以網頁版替代| | Use case name | 選擇運送方式 | | -------- | -------- | | Summary | 選擇欲購買商品的運方式 | | *Actor | 會員| | Pre-Conditions| 1.已登入狀態 2.在購物車頁面下| |*Description| 1.使用者點選寄送方式欄 2.系統跳出運送方式選項 2a.畫面顯示「即時配送」、「非即時配送」選項 3a.使用者若點選「即時配送」，系統跳轉至「即時配送」頁面 3b.使用者若點選「非即時配送」，系統跳轉至「非即時配送」頁面| |Alternatives| 無| | Use case name | 即時運送 | | -------- | -------- | | Summary | 選擇由無人機或外送員運送 | | *Actor | 會員| | Pre-Conditions| 1.已登入狀態 2.在購物車頁面下 3.在選擇運送方式下| |*Description| 1.系統要求使用者允許提供GPS定位或提供準確地址 2.畫面顯示「外送員運送」、「無人機運送」選項 3a.使用者若點選「外送員配送」選項，系統將預計送達時間及外送員資料傳送給使用者 3b.使用者若點選「無人機運送」選項，則系統將要求使用者提供臉部照片 | |Post-Conditions| 進入選擇付費方式畫面 | |Alternatives| 1.若使用者不在距離寄送位置 10km 以內，則系統顯示「不在配送範圍內」，系統引導使用者使用「非即時運送」| | Use case name | 非即時運送 | | -------- | -------- | | Summary | 選擇欲購買商品的運方式 | | *Actor | 會員| | Pre-Conditions| 1.已登入狀態 2.在購物車頁面下 3.在選擇運送方式下| |*Description| 1.畫面顯示「7-ELEVEN」、「全家」、「萊爾富」、「OK Mart」、「賣家宅配」選項 2a.使用者若點選「7-ELEVEN」選項，新增欲選擇7-ELEVEN門市 2b.使用者若點選「全家」選項，新增欲選擇全家門市 2c.使用者若點選「萊爾富」選項，新增欲選擇萊爾富門市 2d.使用者若點選「OK-Mart」選項，新增欲選擇OK-Mart門市 2e.使用者若點選「賣家宅配」選項，新增欲配送地址 3.若使用者欲選擇門市未被選取過，填寫收件人姓名、收件人手機號碼、選擇門市 4.填寫完運送方式，再點選「確認」按鈕| |Post-Conditions| 進入選擇付費方式畫面 | |Alternatives| 1.若使用者欲運送的方式付款方式不支援，則需選擇其他運送方式| | Use case name | 訂單查詢 | | -------- | -------- | | Summary | 查詢已下訂的訂單| | \*Actor | 會員| | Pre-Conditions| 1.已登入狀態 2.在會員中心頁面下| |\*Description| 1.使用者在會員中心點選「訂單查詢」按鈕 2.系統跳轉至訂單查詢畫面 2a.畫面顯示歷史訂單列 3.使用者在畫面最上面欄位輸入欲查詢訂單號碼或欲查詢商品名稱 4.系統開始進行查詢作業| |Alternatives| 1a.若使用者輸入錯誤訂單標號，系統顯示「此訂單不存在」 1b.若使用者輸入沒有下訂過的商品，系統顯示「未找到符合輸入字號的商品」，需再重新輸入 | | Use case name | 物流查詢 | | -------- | -------- | | Summary | 查詢訂單物流狀態| | \*Actor | 會員| | Pre-Conditions| 1.已登入狀態 2.在會員中心頁面下 3.在訂單查詢下| |\*Description| 1.使用者在「訂單查詢」頁面查看欲查詢物流狀態的訂單 2.系統會在畫面中顯示訂單當下的物流狀態| |Alternatives| 無| | Use case name | 購物車功能| | -------- | -------- | | Summary | 提供顯示欲購買商品及其剩餘數量與商品選項 | | \*Actor | 會員 | | Pre-Conditions| 必須點選購物車圖示進入購物車頁面 | | \*Description| 1.顯示會員選擇的商品清單。 2.顯示每個商品的剩餘數量。 3.顯示每個商品的選項。 4.顯示已勾選選項的總價格，並且按下結帳可跳轉到下單付款頁面。 5.提供可用的優惠券| |Alternatives| 無 | |Use case name|加入購物車| |--------|--------| |Summary|將想要的物品加入購物車| |\*Actor|會員| |Pre-Conditions|1.已登入狀態 2.在商品瀏覽頁面| |\*Description|1.使用者在商品瀏覽頁面點選加入購物車按鈕 2.系統跳出通知顯示商品以加入購物車 | |Alternatives|1.若在加入購物車過一段時間後商品已售完，則將商品移出購物車並通知買家| |Use case name|下單付款| |--------|--------| |Summary|將購物車內的商品結帳付款| |\*Actor|會員| |Pre-Conditions|1.已登入狀態 2.在購物車頁面| |\*Description|1.使用者在購物車頁面勾選想要結帳的商品 2.點選結帳按鈕 3.系統跳轉至結帳頁面 4.使用者可以選擇付款方式 4a.若使用者選擇使用信用卡付款，則讓使用者輸入信用卡號以及安全碼，並繼續填寫資訊 4b.若使用者選擇貨到付款，則直接繼續填寫資訊 | | Post-Conditions| 使用者選擇運送方式(為use case name 選擇運送方式)| |Alternatives|1.若在加入購物車過一段時間後商品已售完，則將商品移出購物車並通知買家| | Use case name | 元宇宙購物 | | -------- | -------- | | Summary | 在元宇宙中享受購物樂趣 | | \*Actor | 會員| | Pre-Conditions| 1.須持有VR設備 2.已登入狀態 3.在會員中心頁面下| |\*Description| 1.使用者點擊「元宇宙」功能按鈕 2.系統配合使用者VR裝置顯示元宇宙畫面 3.使用者開始在元宇宙中逛街| |Alternatives| 1.若使用者裝置未偵測到VR裝置，應跳出視窗要求使用者先連線到VR裝置| | Use case name | 交互功能 | | -------- | -------- | | Summary | 手機掃描辨識後列出相關商品 | | \*Actor | 任何使用者| | Pre-Conditions| 1.在搜尋頁面下| |\*Description| 1.使用者點擊畫面右上角「相機」圖示 2.系統要求使用者允許使用相機 3.使用者掃描欲搜尋之商品 4.系統自動辨識商品並依照辨識結果陳列出相關商品| |Alternatives| 1.若使用者不允許使用相機，應跳出提示並關閉功能| ### **3.5.3 Class identification from use case models** ![](https://i.imgur.com/w7m1yvm.jpg) ![](https://i.imgur.com/zkjhGc4.jpg) https://cacoo.com/diagrams/YuWGcn3m4BAf7XZb/7BB02 | Example | Part of speech | UML model component | | -------- | -------- | -------- | | 使用者 | 名詞 | class | | APP | 名詞 | class | | 上衣 | 名詞 | class | | 商品 | 名詞 | class | | 分類 | 名詞 | class | | 細項 | 名詞 | class | | 購買鍵 | 名詞 | class | | 試穿鍵 | 名詞 | class | | 符合勾選條件的 | 形容詞 | data | | 要配送的 | 形容詞 | data | | 密碼 | 名詞 | class | | 前置鏡頭 | 名詞 | class | | 1:1立體模型 | 名詞 | class | | 手機螢幕 | 名詞 | class | | 搜尋 | 動詞 | function | | 商品細節 | 名詞 | class | | 圖片 | 名詞 | class | | 價錢 | 名詞 | class | | 尺寸 | 名詞 | class | | 虛擬試穿 | 動詞 | function | | 購買 | 動詞 | function| | 進入 | 動詞 | function| | 點擊 | 動詞 | function| | 付款方式 | 名詞 | class | | 物流配送方式 | 名詞 | class | | 資料 | 名詞 | class | | 無人機24hr快速送達服務 | 名詞 | class | | 3天內一般包裹送達服務 | 名詞 | class | | 跳轉 | 動詞 | function | | 觀看 | 動詞 | function | | 送出 | 動詞 | function | | 選擇 | 動詞 | function | | 顯示 | 動詞 | function | | 確認 | 動詞 | function | | 離開 | 動詞 | function | | 文字框 | 名詞 | class | | 地圖 | 名詞 | class | | 不合作金庫 | 名詞 | class | | 位置 | 名詞 | class | | 無人機 | 名詞 | class | | 人臉辨識 | 名詞 | class | ### **3.5.5 Dynamic models**   註冊登入 https://online.visual-paradigm.com/community/share/----1cdoimbdkg ![](https://hackmd.io/_uploads/H19OXYAN3.jpg) 搜尋 https://online.visual-paradigm.com/community/share/----1cdoj5dpv5 ![](https://hackmd.io/_uploads/r14kVtAV2.jpg) 加入購物車 https://online.visual-paradigm.com/community/share/----1cdohsj6n4 ![](https://hackmd.io/_uploads/SJieEFRN3.jpg) 👍 ### **Activity Diagrams** ↓ https://online.visual-paradigm.com/community/share/--activitydiagrams-1ctgzdiq8n ![](https://hackmd.io/_uploads/H1Y7N_C43.jpg) ### **StateChart Diagram** ![](https://i.imgur.com/UvME6HT.jpg) ### **Navigation Path** ![](https://hackmd.io/_uploads/SkJr4OR4h.jpg)

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.