Báo cáo Đồ án cơ sở 4 ứng dụng ai cho tái chế vật phẩm Đã qua sử dụng và tạo diễn Đàn tái chế

Các bước tái chế phải chính xác, đầy đủ và đáp ứng được yêu cầu của người dùng.. Việc thiếu sót hay sai sót trong các bước tái chế có thế dẫn đến những hậu quả đáng tiếc, từ việc lãng ph

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &

TRUYÊN THÔNG VIỆT HÀN KHOA KHOA HỌC MÁY TÍNH

VU

BÁO CÁO ĐỎ ÁN CƠ SỞ 4

UNG DUNG AI CHO TAI CHE VAT PHAM

DA QUA SU DUNG VA TAO DIEN DAN TAI

CHE

Giảng viên hướng dẫn: TS Huỳnh Ngọc Thọ

Sinh viên thực hiện: Hà Cảnh Hồng Phúc - 21IT038

Võ Văn Tuấn - 21IT055

Da Nang, thang năm 2023

TRƯỜNG ĐẠI HỌC CÔNG NGHỆ THÔNG TIN &

TRUYÊN THÔNG VIỆT HÀN KHOA KHOA HỌC MÁY TÍNH

VU

BAO CAO DO AN CO SO 4

UNG DUNG AI CHO TAI CHE VAT PHAM

DA QUA SU DUNG VA TAO DIEN DAN TAI

CHE

Giảng viên hướng dẫn: TS Huỳnh Ngọc Thọ

Sinh viên thực hiện: Hà Cảnh Hồng Phúc - 21IT038

Võ Văn Tuấn - 21IT055

Da Nang, thang năm 2023

LỜI CÁM ƠN Trước tiên chúng em xin gửi lời cảm ơn chân thành sâu sắc tới các thầy cô

giáo trong Đại học công nghệ thông tin và truyền thông Việt Hàn đã tận tỉnh giang dạy, truyền đạt cho em những kiên thức, kinh nghiệm quý báu trong suôt trong thời gian qua

Đặc biệt em xin gửi lời cảm ơn đến thầy giáo Huỳnh Ngọc Thọ đã tận tình

giúp đỡ, trực tiếp chỉ bảo, hướng dẫn chúng em trong suốt quá trình thực hiện Đồ án

cơ sở 3 Trong thời gian làm việc, em không ngừng tiếp thu thêm nhiều kiến thức bổ

ích mà còn học tập được tinh thần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu quả, đây là những điều rất cần thiết cho em trong quá trình học tập và công tác Sau này

Sau củng xin gửi lời cảm ơn chân thành tới gia đình, bạn bè đã động viên, đóng góp ý kiến và giúp đỡ chúng em trong quá trình học tập, nghiên cứu và hoàn thành bài báo cáo này

Tuy đã cố gắng hết suc để có thê hoàn thành bài đồ án cơ sở lần này Tuy nhiên chúng em chắc hắn vẫn không thể thoát khói được thiếu sót Kính mong nhận được

sự chỉ bảo và giúp đỡ của quý thầy cô và các bạn đề sản phẩm của tụi em có thê được hoàn thiện hơn

Một lần nữa, chúng em xIn chân thành cảm ơn!

NHẬN XÉT (Của giảng viên hướng dẫn)

LOI MO DAU

I/ Ly do chon dé tai

Trong lĩnh vực tái chế, việc tạo ra các bước tái chế cho các vật liệu cụ thể là

một phân rất quan trọng trong quá trình thiết kế và phát triển mạng xã hội tái chế

Việc tạo ra các bước tái chế thủ công đòi hỏi sự hiểu biết chuyên môn sâu rộng và kinh nghiệm lâu năm Các bước tái chế phải chính xác, đầy đủ và đáp ứng được yêu cầu của người dùng Việc thiếu sót hay sai sót trong các bước tái chế có thế dẫn đến

những hậu quả đáng tiếc, từ việc lãng phí thời gian và tiền bạc cho việc sửa lỗi, cho

đến việc không đáp ứng được yêu cầu của người dùng và bị từ chối

Để giải quyết vấn đề này, các nhà phát triển đã nghiên cứu và phát triển các công cụ hỗ trợ để tạo ra các bước tái chế tự động Với RecAI, việc tạo các bước tái

chế không còn lả quá trình phức tạp và tốn nhiều thời gian như trước Công cụ nảy cho phép người dùng chỉ định các vật liệu cần tái chế và mô tả chức năng của chúng,

sau đó ReecAl sẽ tự động tạo ra các bước tái chế tương ứng

Vi vay, chung em da chon chu dé vé ứng dụng RecAl dé tự động tao ra các bước tái chế, với mong muốn đóng góp vào việc giải quyết vấn đề quan trọng này trong lĩnh vực tái chế Chúng em hy vọng rằng báo cáo của mình sẽ giúp đưa ra những kiến thức cơ bản về công nghệ tự động hóa tạo ra các bước tái chế và các ứng dụng của nó trong thực tế, đồng thời cũng nêu bật những thách thức và hạn chế của công nghệ này

Hư Mục đích

Ứng dụng RecAI được thiết kế với mục đích chính là giảm thiểu thời gian và

công sức của người dùng trong việc tạo ra các bước tái chế cho các vật liệu Với việc

sử dụng công nghệ trí tuệ nhân tạo, ứng dụng này sẽ giup cho quá trình tạo ra các

bước tái chế trở nên tự động, nhanh chóng và chính xác hơn

Ngoài ra, ứng dụng cũng có mục đích giúp người dùng cải thiện chất lượng của các bước tái chế Với sự hỗ trợ của ChatGPT, các bước tái chế được tạo ra sẽ được đảm bảo tính chính xác và đầy đủ, từ đó giảm thiểu rủi ro cho việc tái chế

Cuối cùng, mục đích của ứng dụng này là đóng góp vào sự phát triển của ngành công nghiệp tái chế nói chung Với việc sử dụng công nghệ trí tuệ nhân tạo trong việc tạo

ra các bước tái chế, ứng dụng này có thể giúp người dùng tiết kiệm được thời gian, công sức vả chi phí, đồng thời cũng tạo ra một nền tảng cơ sở dữ liệu các bước tái chế vô cùng đa dạng và phong phú, từ đó đáp ứng được nhu cầu của thị trường tái chế ngày càng đa dạng và đòi hỏi chất lượng ngày cảng cao

HH Phạm vi

Phạm vi của ứng dụng RecAI là tạo ra các bước tái chế tự động cho các vật liệu trong mạng xã hội tái chế Ứng dụng này sẽ hé tro người dùng trong viỆc tao ra các bước tái chế cho các vật liệu bao gồm các bước tái chế chức năng, các bước tái chế phi chức năng và các bước liên quan khác

MỤC LỤC

1/ Ly do chon GE TAL occ cece ccceccccececesesesesveveseassveseseseavsusseseavavaseatstsusasseavavessitavavsisavseatevaverevaes 3

L Téng quan ccccsccsssessessesesesessesevsssessesersesessseressessrsasessessssassresressesssetessanseesecsnseeeeees 7

2 Giới thiéu cac phan cia img dung va chire nang timg phan cece 7

se» 0 ‹(đaliiẦẦA Tố 9

In ` 9 c8 9

I9 — 9 I.ˆc 9 IS n9 an .d 10 l5 10

IR D200): iẳâảăäăốýốý(4.:,4 11

PM (Ghi i9 nai 11

2.2 Các tác nhân trong hệ thống - - s11 112112112112 12111 ườ 13

3 Thiết kế yêu cầu - 5 St E112 2211021221 2 12t H2 1 121x121 g re 14 3.1 Sơ đồ ca sử dụng tổng quát của hệ thống 52 TT E21 1 neo 14

3.2.1 Ca sử dụng Đăng nhập - L2 SH 1H 1101111101101111 111011111111 11 8 key 14 3.2.2 Ca sử dụng Đăng xuất ác n2 TH HH 1 121 ng yyg 15 3.2.3 Ca str dung Dang ky cece 15

3.2.4 Ca sử dụng Quên mật khâu - 2-1 2t E1 E121 1211228111 erree 16

3.2.5 Ca sử dụng theo dõi người dùng khác c1 012 2111 191118 tre, 17 3.2.6 Ca sử dụng thích bài đăng L1 2n S H11 H1 101011201 g1 01 1H xe, 17 3.2.7 Ca sử dụng đăng bài chia sẻ các bước hướng dẫn s55 sec 18

3.2.8 Ca sử dụng tìm kiếm người đùng s- ch TH HH Hưng 18 3.2.9 Ca sử dụng nhắn tin ác c2 12121 2101x121 12121 tru ngrườg 19

3.4.5 Sơ đồ hoạt động - Tương tác bài viẾt cc n nnnHnH HH ru ue 31 3.4.6 Sơ đồ hoạt động - Tạo bài viẾt s12 12t tt ra 32

3.5.1 Sơ đồ trạng thái - Tạo bài viẾt ch th HH HH 1211 ngưng 33 3.5.2 Sơ đồ trạng thái - Tạo tài liệu 5s t SE n2 22021 2tr ng rườg 34 3.5.3 Sơ đồ trạng thái - Bình luận bài viết ả- ScS ng H tre 35 3.5.4 Sơ đồ trạng thái - Tương tác bài viẾt 5c ch H2 na 36 3.6 Sơ đồ thành phần - 1S S1 1221211211211 21 112 2212121 1 nung 37 3.7 Thiết kế cơ sở đữ liệu - : 2 221 2111212221121 122122121212 ruờg 37

1 Trang dang ký, đăng nhập L 2c LH 1 211101111101 8111101111101 1111k rện 41

E uốn an 42

4 _ Trang các bước hướng dẫn của tÔi 5+ ST E2 21221 E112112121221121221 20 1e nrreg 43

5 Trang tạo mới bước hướng dẫn tái chế ss- c1 2 1211211221111 naree 43

CHƯƠNG I1: GIỚI THIỆU BÀI TOÁN

1 Tổng quan

lên đề tài: Ứng dụng AI cho Tái Chế Vật phẩm đã qua sử dụng và Tạo Diễn

dan Tái chê

Bối cảnh thực hiện: Tháng 10 năm 2023

Van dé can giải quyết: Xây dựng ứng dụng giúp các người dùng, cá nhân có

thé tai chế các nguyên vật liệu có sẵn một cách nhanh chóng, chính xác bằng cách tận

Nghiên cứu và thiết kế cơ sở dữ liệu

Thiết kế và xây đựng giao diện người dùng

Xây dựng hệ thống ứng dụng

Hoàn thiện và bảo cáo đồ an

Nộp kết quả vả trình bày

2 Giới thiệu các phần của ứng dụng và chức năng từng phần

Website duoc chia lam 3 module chinh:

@ Tạo các chỉ dân đặc tả yêu câu: Đây là module đê tự động tạo các bước hướng dân đặc tả yêu câu dựa trên các thông tin người dùng cung cập về tên, thê loại, chức năng

@ Quản lý các bước hướng dân được tạo ra: Module đề quản ly việc, thêm, xóa, sửa các tài liệu đã được tạo ra trước đó

@ Quản lý diễn đàn: Module dé quản lý việc tương tác với các bài đăng ở trên diễn đàn

CHƯƠNG 2 GIỚI THIỆU CÔNG NGHỆ

1 Công nghệ

1.1 NextJS

NextJS là amework mã nguồn mở được xây dựng trên nên tảng của React, cho phép chúng ta xây dựng các trang web tĩnh có toc độ siêu nhanh và thân thiện

NextJS không chỉ đơn giản là một framework React Nó là một môi trường

phát triển mạnh mẽ, mang lại hiệu suất tuyệt vời và trải nghiệm người dùng vượt trội Bằng cách tận dụng các tính năng quan tích hợp sẵn, NextIS cho phép chúng ta xây dựng các ứng dụng React một cách nhanh chóng và hiệu quả

1.2 TailwindCSS

TailwindCSS là một utility-fñrst CSS framework nó hỗ trợ phát triển xây dựng nhanh chóng giao diện người dùng, nó cũng có điểm chung giống như Bootstrap & điểm làm nó nổi bật hơn cả đó là chúng ta có thể tùy biến phát triển css theo cach ma

chúng ta định nghĩa ra

Thay vì bạn cần mắt công tự tạo ra style trên file css giờ đây với tailwind ban chỉ cần khai báo class là sẽ có ngay kết quả mà gan như không cân phải di chuyền ra khỏi file html của mỉnh.Điều này giúp tối ưu thời gian phát trién san pham của bạn 1.3 SocketIO

Socket.IO là một thư viện JavaScript cho phép giao tiếp real-time giita may khách và máy chủ thông qua các kết nối WebSocket Nó được sử dụng dé xây dựng ứng dụng web thời gian thực như trò chơi trực tuyến, ứng dụng chat, hay bất kỳ ứng dụng nào cần truyền thông dữ liệu ngay lập tức giữa máy khách và máy chủ

Mô hình giao tiếp của Socket.IO được xây dựng trên sự kiện (events) và lắng nghe sự kiện Máy khách (client) và máy chủ (server) có thê gửi và lắng nghe các sự kién, giup ho trao doi dir ligu real-time mét cach linh hoạt và hiệu quả

1.4, OpenAI

OpenAI cung cap API (Application Programming Interface) dé tuong tac voi

mô hình ngôn ngữ của họ, trong đó có GPT (Generative Pre-trained Transformer)

series, bao gồm GPT-3 API của OpenAI cho phép các nhà phát triển tích hợp khả năng xử lý ngôn ngữ tự nhiên mạnh mẽ của mô hình GPT vào ứng dụng của họ

Cu thé, OpenAI GPT-3 API có thể được sử dụng để thực hiện các nhiệm vụ như tạo văn bản, trả lời câu hói, dịch ngôn ngữ, viết mã, tạo nội dung sáng tạo, và nhiều ứng dụng khác trong lĩnh vực xử lý ngôn ngữ tự nhiên

10

Zustand 1a một thư viện quản ly state don gian va hiéu qua danh cho React No

giup giam thiểu sự phức tạp và tăng tính lính hoạt của việc quản lý state trong React,

cung cấp một cách tiếp cận mới cho việc quản lý state trong ứng dụng

Zustand cung cấp các tính năng giúp người dùng quản lý state của ứng dụng

dễ đàng hơn Thay vì sử dụng Redux hoặc Context API, Zustand cung cấp một cách tiếp cận mới để quản lý state bang cach sir dụng các hàm reducer và hooks Zustand cũng cung cấp các tính năng nhu middleware va devtools giup cho việc debug và

quan ly state trở nên dễ dàng hơn

Với Zustand, người dùng có thể quản lý state của ứng dụng một cách đơn giản

và linh hoạt hơn, giảm thiểu số lượng code và tăng tốc độ phát triển ứng dụng

Zustand cũng cung câp các tính năng như middleware và devtools giúp cho việc

debug va quan ly state trở nên dễ dàng hơn Bên cạnh đó, Zustand cũng hỗ trợ tính

nang lazy loading state, giúp giảm thiểu thời gian tải trang vả tăng hiệu suất ứng

dụng

1.6, React Query

React Query là một thư viện quản lý dữ liệu phía client dành cho React, được thiết kế để giúp tăng hiệu suất ứng dụng và giảm thiểu tác vụ lặp lại khi gọi APL React Query cung cap cac tinh nang nhu caching, refetching, va polling để giúp quản

ly dữ liệu phía client một cách dé dàng

React Query cung cấp các tính năng giúp người dùng quản lý dữ liệu phía client một cách đơn giản và hiệu quả Thay vì sử dụng Redux hoặc Context API để quản lý state, React Query cung cấp một cách tiếp cận mới để quản lý dữ liệu bằng cách sử dụng các hooks React Query cũng hỗ trợ caching dir ligu, tw dong refetching

va polling dé giam thiểu tác vụ lặp lại khi gọi API

Với React Query, người dùng có thể quản lý dữ liệu phía client một cách dễ dàng và hiệu quả hơn, giảm thiểu số lượng code và tăng tốc độ phát triển ứng dụng

React Query cung cấp tính năng caching dữ liệu, tự động refetching và polling giúp

giảm thiểu tác vụ lặp lại khi gọi API và tăng hiệu suất ứng dụng Bên cạnh đó, React Query cũng hỗ trợ tinh nang query invalidation dé dam bao đữ liệu luôn được cập nhật một cách chính xác

1.7 NodeJS

Nodejs la mét nén tang (Platform) phat triển độc lập được xây dựng trén V8 JavaScript Engine — trình thông dich thye thi ma JavaScript giup chung ta có thê xây dựng được các ứng dụng web như các trang video clip, các forum và đặc biệt là trang mạng xã hội phạm vi hẹp một cách nhanh chóng và dê dàng mở rộng

NodeJ§ có thé chạy trên nhiều nền tảng hệ điều hành khác nhau ti Window cho tới Linux, OS X nên đó cũng là một lợi thê NodeJS cung cấp các thư viện phong

11

phú ở dạng Javascript Module khác nhau giúp đơn giản hóa việc lập trình và giảm thời gian ở mức thâp nhất

1.8 ExpressJS

ExpressJS la mét framework web phé bién cho Node.js, duoc thiét ké dé giup người dùng xây dựng các ứng dụng web động và tĩnh một cách nhanh chóng và dễ

dàng ExpressJS cung cấp cho người dùng các tính năng như routing, middleware,

view engine, va nhiều tính năng khác để giúp xây dựng các ứng dụng web phức tạp một cách dễ dàng

ExpressJS cung cap nhiéu tinh nang dé giúp xây dựng các ứng dụng web động

va tinh Điều này bao gồm tính năng, routing dé xac dinh cac dinh tuyến và xử lý các yêu cầu từ phía client, middleware đề giúp xử lý yêu cầu và phản hồi, view engine để tạo ra các trang web động, và nhiều tính năng khác như cookie-parser, body-parser,

1.9 MongoDB

MongoDB là một database hướng tài liệu (document), một dạng NoSQL database Vì thế, MongoDB sẽ tránh cấu trúc table-based của relational database dé thích ứng với các tài liệu như JSON có một schema rất linh hoạt gọi là BSON MongoDB st dụng lưu trữ dữ liệu dưới dạng Document JSON nên mỗi một collection sẽ các các kích cỡ và các document khác nhau Các dữ liệu được lưu trữ trong document kiéu JSON nén truy van sẽ rất nhanh

2 Công cụ thực hiện

2.1 Visual Studio Code

Là một trình biên tập lập trình code miễn phí dành cho Windows, Linux va macOS, Visual Studio Code được phát trên bởi Microsoft Nó được xem là một sự

ket hop hoan hao gitra IDE va Code Editor

Visual Studio Code hỗ trợ chức năng debug, di kém voi Git, cé syntax highlighting, ty hoan thanh ma théng minh, snippets, va cải tiến mã nguồn Nhờ tính năng tùy chỉnh, Visual Studio Code cũng cho phép người dùng thay đôi theme, phím tắt, và các tùy chọn khác

@ Một số tính năng

12

Hỗ trợ nhiều ngôn ngữ lập trình

Hỗ trợ đa nền tảng

Cung cấp kho tiện ích mở rộng

Kho lưu trữ an toàn

2.2 Postman Postman là một công cụ cho phép chúng ta thao tác với API, phỏ biến nhất là REST Postman hiện là một trong những công cụ phô biên nhất được sử dụng trong

thử nghiệm các API Với Postman, ta có thê gọi Rest API mà không cân viết dòng code nảo

Một số tính năng nỗi bật Postman:

@ New - tao request, collection hoặc envIronment mới

@ Import — import collection hoadc environment C6 cac tiy chon dé import tir

file, folder, link hoac paste tur text thuần

13

Runner — Kiém tra tu động hóa có thể được thực hiện thông qua Runner cả collection

HTTP Request — Click vao day sé hiển thị danh sách tha xuống VỚI CC request khac nhau nhu GET, POST, COPY, DELETE, v.v Trong thi nghiệm, các yêu câu được sử dụng phô biên nhất là GET và POST

Request URL — Con được gọi là điểm cuối (endpoint), đây là nơi bạn sẽ xác định liên kết dén noi API sẽ giao tiếp

Save — Nếu có thay đổi đối với request, nhấp vào Save là bắt buộc để những thay đổi mới sẽ không bị mắt hoặc bị ghi dé

Params — Đây là nơi bạn sẽ việt các tham sô cân thiết cho một request, vi du như các cặp key — value

Authorization — Để truy cập API, cần được cấp quyền Nó có thể ở dạng tên

người dùng và mật khâu, bearer token, v.v

Headers — Ban cé thé thiét lập các header nhu nội dung kiéu JSON tuy theo cách tô chức của bạn

Body — Đây là nơi chúng ta có thế tùy chỉnh chỉ tiết trong request thường duoc su dung trong request POST

14

CHƯƠNG 3 PHAN TICH VA THIET KE HE THONG

1 Giới thiệu chung

1.1 Mô tả Recycling website là một ứng dụng phần mềm được thiết kế phục vụ giải quyết vẫn đề bảo vệ môi trường, ở đây là việc tái chế và sử dụng lại các vật phâm đã qua sử dụng hoặc không cân thiết Với sự hỗ trợ của trí tuệ nhân tao (AI), ung dung nay co thé tự động tạo ra các bước hướng dẫn khi người dùng muốn tái chế một đồ dùng øì đó

Recycline website có khả năng đọc và hiểu các yêu cầu của người dùng, sau

đó sử dụng các mô hình AI để tạo ra các bước hướng dẫn tự động Ứng dụng này cung cap các chức năng tùy chỉnh cho phép người dùng tạo ra các các bước hướng dan va chia sẻ cho bạn bè, điễn đàn phù hợp với nhu cầu của họ

Ngoài ra, Recycling website con la mét dién dan, diễn đàn trực tuyến hoat động giông như mạng xã hội, nơi người dùng có thể đăng tải hình ảnh và bài viết về

các sản phâm đã tái chế, cùng với các thông tin liên quan

1.2 Các nhiệm vụ cơ bản

® Xây dựng module cho việc tạo các bước hướng dẫn

® Xây dựng module quản lý các bước hướng dẫn đã được tạo ra

® Xây dựng module quản lý diễn đản ( bai post, like, follow,, )

2 Phan tich yéu cau

2.1 Dac ta yéu cau

Đề website hoạt động hiệu quả, nhanh chóng và thuận tiện hơn, đòi hỏi hệ thông phái đáp ứng đủ các yêu cầu sau:

- Các yêu cầu về thực thi và thiết kế

- _ Giao diện thân thiện, đễ nhìn và dễ sử dụng

Guest (Khách) Người dùng tự do truy cập websIte(các route public), chưa dang

ký chính thức

User (Người dùng) | Khi người dùng đã đăng ký chính thức Người dùng đã đăng ký

có thê tạo và quản lý các bước hướng dẫn

Administrator Là người quản lý các bước hướng dẫn, người dùng, hành động

(Quản trị viên) trong hệ thông

3 Thiết kế yêu cầu

3.1 Sơ đồ ca sử dụng tổng quát của hệ thống

Manage Generated Instructions

Hình 1 Sơ đồ ca sử dụng tông quát

16

Description Người dùng muốn đăng nhập vào hệ thông

Basic Flow 1 Người dùng truy cập trang đăng nhập

2 Người dùng điền email và mật khẩu và chọn nút đăng nhập

3 Hệ thống xác thực thông tin và cho phép người dùng truy cập trở thành người dùng chính thức

Basic Flow 1 Người dùng nhấp vào nút Đăng xuất

2 Hệ thống xác nhận đăng xuất, và người dùng thoát khỏi phiên đăng nhập

Basic Flow 1 Người dùng truy cập trang Dang ky

2 Người dùng nhập nhập tên tài khoản, mật khẩu số điện thoai , các thông tin cân thiệt, và nhập vào nút Đăng ký

3 Hệ thống sẽ lưu thông tin tài khoản người dùng vào trong hệ thông và hiện thị đăng ký thành công, người dùng chuyền về trang chủ

Alternative Flow Khong

Exception Flow 1 Nếu người dùng nhập email trùng với email có trong hệ thông,

hệ thông sẽ thông báo lôi, và yêu câu người dùng nhập lại

18

Post-Conditions Người dùng đã thiết lập mật khâu mới và có thê đăng nhập bằng

mật khâu mới này

Basic Flow 1.Người dùng truy cập trang quên mật khâu thông qua nút quên

mật khâu ở trang đăng nhập

2.Người dùng nhập địa chỉ email được liên kết với tải khoản của

5 Người dùng mở email và xác nhận link liên kết

6 Người dùng được chuyên đến trang thiết lập mật khâu mới

7 Người dùng nhập mật khâu mới và xác nhận mật khẩu

8 Hệ thống cập nhật mật khẩu mới trong cơ sở đữ liệu

9 Người dùng được chuyển về trang đăng nhập và có thể đăng

nhập băng mật khâu mới

Alternative Flow Khong

Exception Flow 1 Nếu địa chỉ email không tồn tại trong hệ thống thì hiện thị thông

báo lỗi và yêu câu người dùng kiêm tra lại địa chỉ email

19

3.2.5 Ca sử dụng theo dõi người dùng khác

Pre-Conditions Người dùng đã đăng nhập vào hệ thông và người được theo dõi đã

đăng ký tài khoản

Post-Conditions Người dùng đã kích hoạt việc theo dõi và có thể nhắn tin với người

theo dõi

Basic Flow 1 Người dùng vào trang cá nhân của người khác

2 Nhắn nút theo dõi đề theo dõi

3 Hệ thống hiến thị thông báo theo dõi thành công

Alternative Flow 1 Hệ thông cung cấp chức năng tìm kiếm và thêm người dùng vào

danh sách theo dõi

Exception Flow 1 Néu hé thong øặp sự cô khi cập nhật thông tin theo dõi thì hiển

thị thông báo lỗi

Basic Flow 1 Người dùng truy cập bài đăng mà họ muốn thích

2 Người dùng nhấn vào nút hoặc biểu tượng "Thích" gan liền với bài đăng

3 Hệ thống ghi nhận hành động "Thích" của người đùng và cập

nhật thông tín trong cơ sở dữ liệu

4 Hệ thông thông báo bạn đã ““Thích” bài đăng thành công

Alternative Flow Khong

Exception Flow Nếu hệ thống không thé ghi nhận hành động "Thích" thì hiển thị

thông báo lỗi và yêu câu người dùng thử lại

Pre-Conditions Người dùng đã đăng nhập vảo hệ thống và người dùng đã xác thực

tài khoản email

Post-Conditions Tạo bài đăng cùng với các bước hướng dẫn tương ứng trong hệ

thong

Basic Flow 1 Người dùng vào trang “my collections”

2 Chọn “instruction“ nào muốn chia sẻ

3 Sau khi chọn sẽ hiện một “Modal” để người dùng nhập thông tin của bài đăng

4 Nhắn nút “Post” để đăng bài lên diễn đàn

thông báo lỗi và yêu cầu người dùng thử lại

Post-Conditions Người dùng đã tìm thấy thông tin của người khác hoặc không có

kêt quả tìm kiêm

Basic Flow 1 Người dùng nhắn vào ô “Search” bên thanh “Sidebar” 6 trang

Feed

2 Điền tên người dùng muốn tìm kiếm

3 Trả về kết quả danh sách người dùng

4 Người dùng có thê nhấp vào kết quả để xem chỉ tiết thông tin của người đó

Alternative Flow Khong

Exception Flow Néu hé thống không thể thực hiện tìm kiếm do sự cố kỹ thuật thì

hiền thị thông báo lôi và yêu câu người dùng thử lại

Pre-Conditions Người dùng đã đăng nhập vào hệ thống

Post-Conditions Tin nhăn đã được gửi và có thê được đọc bởi người nhận

Basic Flow 1 Người gửi tin nhắn truy cập hộp thư trên giao điện người dùng

2 Người gửi chọn người nhận

3 Người gửi nhập nội dung tin nhắn

4 Người gửi nhân nút "Gửi"

5 Hệ thống gửi tin nhắn từ người gửi đến người nhận

6 Người nhận nhận được tin nhắn

Alternative Flow Khong

Exception Flow Nếu hệ thống không thể gửi tin nhắn do sự cô kỹ thuật thì hiến thị

thông báo lỗi và yêu câu người sửi thử lại

Post-Conditions Các bước được tạo một cách tự động dựa trên thông tin phần mềm

người dùng cung cap

Basic Flow 1 Người dùng chuyên đến trang “Tạo hướng dẫn”

2 Hệ thống yêu cầu người dùng nhập thông tin vật dụng cần tái chê (tên, mô tả, số lượng)

3 Người dùng nhập thông tin được yêu cầu

23

Basic Flow 1 Nguoi dung truy cap trang “My collections “ cua minh

2 Nguoi dung lwa chon tai ligu minh muon xoa, va nhan nut

“Xóa”

3 Hệ thông sẽ gửi yêu câu xác nhận “Bạn có chắc chăn muôn xóa không?”

4 Nếu người dùng chấp nhận, hệ thống sẽ xóa hướng dẫn được lưu

trong hệ thông và hiển thị thông báo thành công