Thực tập hệ thống thông tin quản lý xây dựng website bán nước hoa

Dac ta chire nang dang ky thông kiểm tra và lưu trữ tài khoản vào database Tác nhân Khách hàng, nhân viên, quản ly Luong sự kiện Bước 1: Người dùng chọn chức năng đăng ký trên trang

ELECTRIC POWER UNIVERSITY

BÁO CÁO THỰC TẬP MÔN HỌC/TÓT NGHIỆP THUC TAP HE THONG THONG TIN QUAN LY XAY DUNG WEBSITE BAN NUOC HOA Giảng viên hướng dẫn : TS NGUYÊN VĂN A

Sinh viên thực hiện : TRẤN VĂN B

Mã sinh viên Ngành Chuyên ngành Lớp

Khóa

: 0981020001 : CÔNG NGHỆ THÔNG TIN

: CÔNG NGHỆ PHẢN MÈM

: DI4CNPMS : 2019 - 2024

LOI CAM ON

Đầu tiên em xin gửi lời cảm ơn chân thành nhất tới các anh chị trong công ty

đã luôn nhiệt tình hướng dẫn, chỉ bảo và giúp đỡ em trong suốt quá trình tham gia làm đồ án thực tập Cuối củng, em xin gui lor cam ơn đến gia đình, bạn bè đã luôn

giúp đỡ động viên và tạo điều kiện tốt nhất để em có thế thực hiện hoàn thành đồ án

thực tập này Trong quá trình xây dựng và hoàn thiện báo cáo cũng như đồ án thực tập, em sẽ không tránh khỏi những sai sót, vì thế em rất mong các thầy cô và các bạn đọc góp ý để em có thê hoàn thiện hơn nữa sản phẩm này Em xin chân thành cảm on!

MUC LUC

CHUONG 1 - TONG QUAN CONG TY THUC TAP VA DE TAI THUC TAP2

1.1 Giới thiệu chung công ty 2 1.2 Khảo sát hiện trạng thực tẾ 2-2-2 5< cs©cseecseeeetsetsererserzeesre 2 1.3 Xác lập đề tài thực tập 4

1.3.1 Mục tiêu của dự á1 G55 00 0 5 1 0n 10 n8 90 4

CHƯƠNG 2 - PHÂN TÍCH THIẾT KẾ HỆ THỐNG .Õ

2.1 Tổng quan chức năng -°- 2s se se setsesseserscsscse 6

2.1.1 Biểu đồ usecase phân danh rã 7

2.2.1 Đặc tả chức năng đăng ký 8 2.2.2 Đặc tá chức năng xác nhận email 9 2.2.3 Đặc tả chức năng đăng nhập 9

2.2.4 Quên mật kkhẫu s2 E2 se erereeserrs srree 11

2.2.7 Tìm kiếm nâng cao và bộ lọc 13

2.3.1 Biểu đồ hoạt động chức năng đăng nhập 19 2.3.2 Biêu đồ hoạt động chức năng xem danh mục 20 2.3.3 Biêu đồ hoạt động chức năng thêm sản phẩm -° 2 5-5° 5¿ 20

2.3.4 Biéu do hoat dong chire nang stra san pham

2.3.5 Biểu đồ hoạt động chức năng xóa sản phẩm

2.3.6 Biểu đồ hoạt động chức năng quản lý đơn hàng

2.3.7 Biểu đồ hoạt động chức năng thanh toán

2.4.1 Biểu đồ tuần tự chức năng đăng nhập

Biểu đồ trình tự chức năng đăng xuất

2.4.2 Biểu đồ trình tự chức năng quên mật khẩu

2.4.3 Biểu đồ trình tự chức năng tìm kiếm và xem chỉ tiết sản phẩm

2.4.4 Biểu đồ trình tự chức năng quản lý thông tin tài khoản

2.4.5 Biểu đồ trình tự chức năng quản lý đơn hàng

2.4.6 Biéu dé trình tự chức năng thêm giỏ hàng

2.4.7 Biểu đồ trình tự đặt hàng

2.4.8 Biểu đồ trình tự phản hồi/đánh giá

2.4.9 Biểu đồ trình tự quản lý sản phẩm

2.4.10 Biểu đồ trình tự quản lý đơn hàng của cửa hàng

2.4.11 Biểu đồ trình tự thống kê doanh thu

2.5 Phân tích và thiết kế giao diện

2.5.1 Giao điện trang chủ

2.6 Giao diện trang chỉ tiết sản phẩm

2.7 Giao diện trang giỏ hàng

2.8 Giao diện trang thanh toán

KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN «<< << «<< 48

DANH MỤC HÌNH ẢNH

Hinh 2.1.1 Hình ảnh giao diện trang web nước hoa Kenperfume 3 Hinh 2.2.2 Hình ảnh giao diện đặt khách sạn trang web Namperfume 4

Hình 2.5 Biêu đồ hoạt động chức năng đăng nhập -2- S21 E221 11 c6 19 Hình 2.6 Biểu đồ hoạt động chức năng xem danh mục ¿55-22 c2 c2 s+2s52 20 Hình 2.7 Biêu đồ chức năng thêm sản phẩm 2-52 1S 2218111157121 1x 1xe 20 Hình 2.8 Biểu đồ hoạt động chức năng sửa sản phâm 252 S21 E22 e 21 Hình 2.9 Biểu đồ hoạt động chức năng xóa sản phẩm - 2-2125 E2 21 Hình 2.10 Biểu đồ hoạt động chức năng quản lý đơn hàng s2 5c szse2 22 Hình 2.11 Biểu đồ hoạt động chức năng thanh toán - 2 2S S22 £E22cE xe 22

Hình 2.14 Biểu đồ trình tự chức năng quên mật khấu - 2 2+2 +2s2xe£z£zzzzzxe2 25

Hinh 2.15 Biểu đồ trình tự chức năng tìm kiếm và xem chỉ tiết sản phâm 26

Hình 2.16 Biểu đồ trình tự chức năng quản lý thong tin tài khoản - 27

Hình 2.23 Biểu đồ trình tự chức năng thống kê doanh thu - 2 2 +cezs2zzzz 34

Hình 2.24 Thiết kê cơ sở dữ liệu .52:- 22222 22222122221122211221 1111 1 35

Hinh 2.25 Trang chủ chưa đăng nhập - 5c 0 22222211211 121 1221211182115 sx re 37 Hinh 2.26 Trang chủ đã đăng nhập - - 0 2222222121112 112211211 1812111 21122 cay 38 Hình 2.27 Giao diện trang chỉ tiết sản phẩm - 2-52 S 2E 192151127127122122221 xe 39 Hinh 2.28 Giao diện trang e1ỏ hàng c0 22012211221 1221 1211 15111111111 1111 11 re 40 Hinh 2.29 Giao diện trang thanh toán - 1c 2122111211211 151 1221121128111 8xx 40 Hinh 2.30 Giao diện trang shipping thành công c2 2221212221222 2zzxxe2 41

Hinh 2.31 Giao diện trang email théng báo thanh toán cho khach 41

Hình 3.1 Kiến trúc mô hình \MVC -.5¿-2222212222112221112221 1222111222121 42

Hinh 3.3 Giao diện trang chủ 2 2 12111211211 1211111 111111111111 101 1011111111111 ray 44 Hình 3.4 Giao diện trang thông tin sản phâm 55 S9 21E11111E1121E2 xe 44 Hinh 3.5 Giao diện trang thông tin liên lạc c2 2222221221 12211221 121222 xxx 45 Hình 3.6 Giao diện trang chí tiết sản phẩm - 5221212 1 1821 1271211221212 2xe 46

Hình 3.7 Giao diện quản lý tài khoản 1211111211 221121111111 11111211 1 ng ra 47

MO DAU

Trong thời đại số hóa ngày nay, mua sắm trực tuyến đã trở thành một phần không thê thiếu của cuộc sông hàng ngày của chúng ta Trang web bán hàng là một trong những nền tảng quan trọng, mang lại sự thuận tiện và đa dạng cho người tiêu dùng khi mua săm mọi lúc, mọi nơi

Báo cáo này tập trung vào phân tích và thiết kế một trang web bán hàng, đặc biệt chú trọng vào các khía cạnh quan trong nhu giao diện người dung, trai nehiệm mua sắm, tính năng, hiệu suất và cách thức quản lý dữ liệu

Trang web bán hàng được chọn làm đối tượng nghiên cứu trong báo cáo là website bán nước hoa, một trong những nền tảng mua sắm trực tuyến được đánh giá cao và được người tiêu dùng tin dùng trong thị trường hiện nay Đỗ án sẽ được trình bày qua các phân sau theo trình tự:

- Chương 1: Tổng quan công ty thực tập và dé tai thực tập

- Chương 2: Thiết kế và phân tích hệ thông

- Chương 3: Kết quả thực nghiệm

2

CHUONG 1 - TONG QUAN CONG TY THUC TAP VA DE TAI

THUC TAP

1.1 Giới thiệu chung công ty

- Tên công ty: Công ty THNN công nghệ Nodemy Việt Nam

- Địa chỉ: Biệt Thự B3, Ô AIV, khu đô thị mới Hạ Đình, Xã Tân Triều,

Huyện Thanh Trì, Thành phố Hà Nội, Việt Nam

- Website: https://nodemy.vn/

- Giới thiệu: Nodemy là một công ty công nghệ tiên phong tại Việt Nam, chuyên về lĩnh vực đảo tạo và phát triển các khóa học trực tuyến về công nghệ thông tin và lập trình Công ty cung cấp một loạt các khóa học từ cơ bản đến nâng cao, bao gồm lập trình, phát triển web, khoa học đữ liệu trí tuệ nhân tạo, và nhiều lĩnh vực công nghệ khác

Với đội ngũ giáo viên là những chuyên gia hàng đầu trong ngành, Nodemy cam kết cung cấp những khóa học chất lượng, đi sâu vào từng chủ đề và mang lại giá trị thực tiễn cho học viên Ngoài ra, Nodemy cũng thường xuyên cập nhật nội dung khóa học đề đảm bảo rằng học viên luôn tiếp cận được những kiến thức mới nhất và phản ánh được xu hướng công nghệ hiện đại

Bằng việc kết hợp giáo trình chất lượng và công nghệ học trực tuyến tiên

tiến, Nodemy đang giúp hàng ngàn người học trên khắp Việt Nam và quốc tế nắm

bắt được kiến thức mới mẻ và phát triển sự nghiệp trong lĩnh vực công nghệ thông

tin

1.2 Khảo sát hiện trạng thực tế

Hiện nay trên nền tảng Internet đã có nhiều sản phẩm, nhiều giải pháp để giúp khách hàng đặt khách sạn Các sản phẩm này đều đã tạo được nhiều tính năng tiện ích cho người sử dụng Một số sản phẩm nôi bật sẽ được phân tích dưới đây

nhất hiện nay tại Việt Nam

Ưu điểm của website này bao gồm việc bố cục sắp xếp: hài hòa, cách sắp xếp quen thuộc củng với chất lượng, hình ảnh cao, với tông màu chủ đạo đỏ -trắng dem lại cảm giác dịu mắt cho người đùng Có một số tính năng quan trọng như:

e Tìm kiếm: Có gợi ý tìm kiếm chai nước hoa trending, đang được giảm giá, ngoài ra còn có các chức năng tìm kiếm nâng cao nhờ bộ lọc: theo giới tính, thương hiệu, loại nước hoa, mục đích sử dụng

® Mua hàng: chức năng mua hàng và thanh toán trực tiếp qua giao dịch trực tuyến an toàn với nhiều lựa chọn như thanh toán tại cửa hàng tiện lợi, chuyên khoản ngân hàng, thẻ tin dung dén Internet Banking Kh6ng tinh phi giao dich

¢ H6 tro khách hàng: Mới chi có hỗ trợ khách hàng theo các chính sách có sẵn dạng văn bản, các thông tin và quy định

® Thông tin của nước hoa: Thông tin của nước hoa được thể hiện khá chỉ tiết, bao gồm giới thiệu sản phảm, đánh giá của khách hàng, giá tiền, loại chai

Website còn có một số hạn chế như chưa có chatbot hỗ trợ, hay việc tìm kiếm theo nhu cầu sở thích của người dùng còn gặp khó khăn vỉ chưa hệ gợi ý còn đơn giản và chưa áp dụng công nghệ trí tuệ nhân tạo

hệ thống gợi ý cũng chưa được đầu tư mạnh

1.3 Xác lập đề tài thực tập

1.3.1 Mục tiêu của dự án

Đề tài “Xây dựng website bán nước hoa”

Mục tiêu của đồ án này sẽ hướng tới việc tạo ra một trang web giúp đặt tìm kiếm và đặt mua nước hoa một cách đễ dàng và tiện lợi, với giao diện đơn giản và đầy đủ các tính năng sau đây:

e© Tính năng đăng nhập/đăng xuất, đây là tính năng bắt buộc phải có để

phân quyền người sử dụng, đồng thời cung cấp các tính năng cho từng đối tượng cụ thê

e _ Các tính năng liên quan đến hiển thị và quản lý thông tin san pham một cách chỉ tiết

® Tinh nang tim kiém va loc chi tiét san pham

e Binh luan va danh gia time san pham

e - Cung cấp thống kê doanh thu sản phâm

e Các chức năng liên quan đến đặt hàng và thanh toán một cách dễ đàng

và tiện lợi thông qua các hình thức thanh toán điện tử khác nhau

Trong chương kế tiếp, em sẽ đi vào phân tích vả thiết kế sâu hơn các chức

năng đặc thủ của bài toán từ những khảo sát đã thực hiện ở phía trên

1.3 Phương pháp thực hiện đề tài

Đồ án này tập trung vào việc xây dựng một phần mềm hỗ trợ bán hàng với ngôn chính là Java kết hợp phần giao dién được lập trình bởi framework ReactJS Phan giao diện chính sẽ bao gồm phần giao diện của Admin, Người quản lý và khách mua hàng Những công nghệ sử dụng trong đồ án bao gồm:

- Hệ quản trị cơ sở dữ liệu MySQL

- Ngôn ngữ lập trình: Java

- Framework: ReactJS, SpringBoot

- Tích hợp thanh toán trực tuyến qua VNPAY, việc này giúp cho việc thanh toán trở nên nhanh chóng và an toàn hơn cho cả người mua và người bán hàng Đồ án sẽ tích hợp các tính năng thanh toán như thanh toán trực tiếp và lưu trữ thông tin thanh toán đề giup khach hang thực hiện cac giao dịch một cách thuận tiện va dễ dàng

2.1 Tổng quan chức năng

Usecase tông quát

CHƯƠNG 2 - PHÂN TÍCH THIẾT KẾ HỆ THỐNG

‘\ include

Hinh 2.3 Biéu dé UC téng quat

Hệ thông có tông cộng 3 tác nhân chính, bao gom quan trị viên, nhân viên và khách hàng Trong đó 3 tác nhân này đều có những chức năng chung như:

Tìm kiêm sản phẩm

Xem thông tin chỉ tiết về một sản phẩm

Đăng nhập, đổi mật khẩu, quên mật khẩu, đăng xuất

Xem bài đăng thông tin

Với mỗi tác nhân cụ thể, lại có những chức năng riêng khác nhau Trong đó

Khách hàng có những chức năng như: Tìm kiếm sản phẩm , quản lý thông tin cá

nhân, quản lý lịch đặt hàng, đặt hàng trực tuyến , nhận xét và đánh giá, xem ưu đãi siảm giá, thao tác với bài đăng (bình luận, chia sẻ, đánh giá), liên hệ hỗ trợ trực tuyến Trong đó chức năng đặt hàng và thanh toán chỉ có thể thực hiện sau khi thực hiện chức năng đăng nhập

Kế tiếp là nhân viên, là người phụ trách các chức năng liên quan đến một shop

như đặt hàng dịch vụ, xem chi tiết dịch vụ hoặc hàng: thống kê thanh toán, quản lý đặt hàng, quản lý bài đăng, hỗ trợ chăm sóc khách hàng

Cuối cùng là admin, admin là người quản lý toàn bộ hệ thống trang web có các chức năng chính là quản lý phân quyền và quản lý tải khoản Admin cũng đồng thời

có khả năng quản lý các khách hàng, nhân viên

2.1.1 Biểu đồ usecase phân danh rã 2.1.1.1 Quan lp danh muc

ìm kiếm sản phâm

2.1.1.3 Quan lp don hang

Xem tiến trình giao hàng

2.2 Dac ta chirc năng

Hinh 2.6 Biéu d6 UC quan ly don hang

2.2.1 Dac ta chire nang dang ky

thông kiểm tra và lưu trữ tài khoản vào database

Tác nhân Khách hàng, nhân viên, quản ly

Luong sự kiện

Bước 1: Người dùng chọn chức năng đăng ký trên trang

chủ, hiến thị giao điện đăng ký

Bước 2: Giao diện đăng ký hiển thị các ô nhập họ và tên, địa chỉ email, mật khẩu, nút dang ky

Bước 3: Người dùng nhập thông tin tải khoản theo yêu

cau (first name, last name, email, phone, password, password)

Bước 4: Hệ thống kiểm tra:

+ Họ tên người dùng không được để trồng

+ Tên tài khoản không được đề trồng + Email không được để trống và phải đúng cấu trúc + Mật khâu không được đê trống và lớn hơn § ký tự

Tài khoản khi tạo thành công sẽ xuất hiện thông báo

thành công, chuyên đến trang đăng nhập

Luéng ngoai lé

Bước 4a: Nếu không hợp lệ đưa ra thông báo đến người

dùng, yêu cầu nhập lại thông tin Quay lại bước 2

Mô tả Chức năng này dùng cho người dùng trong bước cuối

củng của việc tạo 1 tài khoản mới g1úp cho hệ thống có thể kiểm tra được sự tổn tại của email và hệ thong SẼ ĐỬI

1 đường dẫn sang Gmail và yêu cầu khách hàng phải

truy cập vào Gmail rồi truy cập vào đường dẫn

Tác nhân Khách hàng, nhân viên, quản lý

Luong sw kién Bước 1: Sau khi người dùng chọn đăng ký ở giao diện

đăng ký tài khoản, hiến thi giao diện xác nhận địa chỉ email

Bước 2: Hệ thống sẽ gửi mã xác nhận sang địa chỉ email

mà người dùng đã nhập và yêu cầu người dùng xác nhận địa chi email

Bước 3: Đường dan điều hướng người dùng đến trang đăng nhập va loai bo activation code khỏi database

Tiên điều kiện Hệ thống ghi nhận người dùng đã đăng nhập và hiển thị

các chức năng hợp lệ với user, các chức năng liên quan: mua tour, bình luận, thêm vào tour yêu thích được lưu vao co so dit ligu thay vi local storage

Trigger Người dùng nhấp vào các button hoặc link dẫn đến trang

đăng nhập

Luong sự kiện Bước 1: Đầu tiên người dùng truy cập vào trang web sau

đó chọn chức năng đăng nhập trên trang chủ đề hiển thị giao diện đăng nhập

Bước 2: GIao diện đăng nhập có các ô nhập email, mật khâu, nút đăng nhập, nút chuyển sang đăng ký nếu đã

người dùng muốn tạo tài khoản, vả nút quên mật khấu

Bước 3: Người dùng nhập đầy đủ thông tin vào ô: email, Mật khẩu sau đó chọn vào nút đăng nhập đề tiến hành đăng nhập vào trang web

Hệ thông kiểm tra:

+ Email không được để trống và phải đúng cấu trúc + Mật khâu không được để trông và không được ít hơn 8

Hệ thống kiểm tra tài khoản và mật khâu nếu chính xác thì hiển thị thông báo đăng nhập thảnh công và điều hướng trang theo quyền của tải khoản đã đăng nhập, ngược lại hệ thông sẽ hiển thị thông báo tài khoản hoặc

mật khâu đăng nhập không chính xác

Luéng ngoai lé Bước 3.1: Nếu thông tin đăng nhập có email không hợp

lệ thì trả về thông báo không tổn tại email trong hệ thông

đữ liệu

Bước 3.2: Nếu password sai với email tương ứng thì trả

về thông báo password không đúng

Bước 3.3: Nếu thông tin đăng nhập thành công thì

chuyền về trang chủ và hệ thống lưu trữ token back-end gửi lên

Mô tả Chức năng này giúp cho các thành viên của hệ thống

trang web có thé lay lại được mật khẩu đã bị mất thông qua việc xác nhận địa chỉ email

Tác nhân Khách hàng, nhân viên, quản lý, Admin

Tiên điều kiện Hệ thống ghi nhận người dùng đã đăng nhập và hiên thị

các chức năng hợp lệ với user

Trigger Người dùng nhấp vào các button hoặc link dẫn đến trang

đăng nhập

Luong sự kiện Bước 1: Người dùng chọn chức năng quên mật khâu ở

giao diện trang đăng nhập và sau đó người dùng được chuyền sang trang giao diện nhập email

Bước 2: Giao diện nhập email có một ô nhập email và một button sửi, một button quay lat

Bước 3: Nếu khách hảng chưa nhập email và nhắn gửi

thì hệ thống hiển thị thông báo yêu cầu nhập day du

Luông ngoại lệ Hệ thông phải hiện thị được các giao diện theo thứ tự

yêu cầu Người dùng phải nhập đúng địa chỉ email của

tài khoản

2.2.5 Đăng xuất Usecase ID: UC05

Tên usecase Đăng xuất

Luong sw kién Bước 1: Người dùng bấm nút đăng xuất

Bước 2: Hệ thống xác nhận thoát khỏi tài khoản và trở

Mô tả Chức năng này giúp cho người dùng có thế thay đổi cập

nhật mật khâu mới cho tải khoản họ đang đăng nhập sử

dụng

Tác nhân Khách hàng, nhân viên, quản lý, Admin

Tiên điều kiện Hệ thống ghi nhận người dùng đã đăng nhập và hiên thị

các chức năng hợp lệ với user, các chức năng liên quan: mua tour, bình luận, thêm vào tour yêu thích được lưu vao co so dit ligu thay vi local storage

Bước 1: người dùng đi chuyên chuột vào khung avatar

bên góc phải màn hình sau đó check vào avatar đó, hệ thông sẽ hiến thị ra giao diện quản lý thông tin cá nhân

và người dùng có thể thay đổi cập nhật thông tin của mình tại đó

Bước 2: Giao diện hiển thị thông tin cá nhân bao gồm thay đổi avatar, họ tên, số điện thoại, địa chỉ, địa chỉ email, button thay đổi mật khẩu, và button cập nhật và huỷ thay đối Tiếp đó người dùng chọn vào button thay

đôi mật khẩu

13

Bước 3: Người dùng nhập mật khâu mới

Giao diện đổi mật khẩu gồm có mật khẩu cũ, mật khâu mới và lặp lại mật khẩu mới, button cập nhật và button huỷ

- Hệ thống kiểm tra thông tin thay đổi mật khâu gồm:

+ Mật khâu cũ phải chính xác + Mật khâu mới phải từ 8 ký tự trở lên + Ô lặp lại mật khâu mới phải được nhập đúng với ô mật khâu mới ở trên

Mô tả Chức năng này giúp cho phép người dùng có thê tìm

kiếm nước hoa theo các thương hiệu, tên sản phẩm, quốc

gia, gidi tinh va khoảng giá

Tac nhan Khách hàng, nhân viên, quản lý, Admin

Tiên điều kiện Hệ thống ghi nhận người dùng đã đăng nhập và hiên thị

các chức năng hợp lệ với user, hệ thông phải hiển thi được giao diện thanh tìm kiếm

Trigger Người dùng nhấp vào ô tìm kiếm

Luong sự kiện BI: Người dùng điền thông tin cần thiết vào ô tìm kiếm

B3: Hệ thống hiển thị ra danh sách theo nhu cầu tìm

14

2.2.8 Xem chỉ tiết sản phẩm

Tén usecase Xem thông tin chi sản phẩm

Mô tả Chức năng nảy giúp cho khách hàng có thể xem được

thông tin chỉ tiết của sane phẩm

Tác nhân Khách hàng, nhân viên, quản lý, Admin

Tiên điều kiện Hệ thống ghi nhận người dùng đã đăng nhập và hiên thị

các chức năng hợp lệ với user

Trigger Người dùng nhấp vào ô tìm kiếm

Luong sw kién B1: Khi khách hàng chọn vào hình ảnh hoặc tên của sản

phâm thì hệ thong sé hién thi giao diện với các thông tin

như nhiều hình ảnh mô tả và thông tin chỉ tiết hơn

B2: Ngoài ra, hệ thống hiển thị các chức năng như xem

binh luận, thêm vào ø1ỏ hàng, yêu thích,

Mô tả Chức năng này giúp cho khách hàng sẽ giúp cho người

dùng có thể đặt được phòng họ muốn từ xa mà không cần phải đợi phải gặp trực tiếp

Tác nhân Khách hàng

Tiên điều kiện Hệ thống ghi nhận người dùng đã đăng nhập và hiển thị

các chức năng hợp lệ với user

Luong sw kién

B1: Người dùng chọn sản phâm muốn mua

B2: Chọn thêm vào giỏ hàng B3: Chọn thanh toán B4: Hệ thống gửi thông tin đơn hang về email người dùng

B5: Nguoi dung chon thanh toán

15

B6: Đường dân điêu hướng người dùng đến trang thanh toán trực tuyến

Mô tả Chức năng này giúp cho khách hàng sẽ giúp cho người

dùng có thê dễ dàng xem lại thông tin về đơn hàng mà mình đã đặt

Tác nhân Khách hàng

Tiên điều kiện Hệ thống ghi nhận người dùng đã đăng nhập và hiên thị

các chức năng hợp lệ với user

Luong sw kién BI: Hệ thông sẽ lưu thông tin đặt phòng sau khi hoàn tat

xong việc thanh toán trực tuyến hoặc chỉ mới chọn

phòng mà chưa thanh toán

Khách hàng chọn vào khung avatar, sẽ có các mục chức năng hiện ra, chọn vào mục quản ly lịch sử đặt phòng B2: Hệ thống sẽ hiển thị giao diện quản lý lịch sử đặt phòng để có thể xem lại những giao dịch hoàn tất hoặc chưa hoàn tất

Luong thay thé BI.1: Ở trang chủ của khách hàng website sẽ có các

phòng đang được giảm g1á theo khung gi0

Mô tả Chức năng này giúp cho khách hàng trò chuyện trực tiếp

với nhân viên khách sạn về những thắc mặc cần được hỗ trợ

tin trao đối thông tin với phía nhân viên khách sạn nếu

có nhân viên đang trực tuyến hoặc gọi thang vào số hotline của khách sạn dé giải đáp thắc mắc

Luéng thay thé

B1.1: Khach hang gui tin nhan duoc cho nhan vién ma

chưa đăng nhập, hệ thống yêu cầu người dùng cần tiễn hành điền vào form họ tên, địa chỉ email người gửi trước

khi hiển thị form tin nhắn

Luong sw kién B1: Khách hàng chọn mục lịch sử đơn hàng

B2: Hệ thống sẽ hiển thị ra thông tin sảm phẩm, sau đó

người dùng kéo xuống dưới sẽ hiện ra phần chọn sao để

Tiên điều kiện Hệ thông phi nhận người dùng đã đăng nhập

Luong sự kiện B1: Khách hàng chọn chi tiết vào đơn hàng và nhân nút

thanh toán B2: Hệ thong hién thi giao dién thanh toán B3: Người dùng nhập thông cá nhân vào trong hóa đơn thanh toán, sau đó chọn hình thức thanh toán là thanh toán trực tiếp hoặc thanh toán qua VNPAY

B4: Nếu thanh toán trực tiếp hệ thống sẽ gửi mail xác nhận vảo tài khoản người dùng và thông báo thanh toán đơn hàng thành công

Luông thay thé B4.1: Nêu thanh toán qua VNPAY thi chuyén tiép liên

két dén trang thanh toan cua VNPAY và thực hiện thanh toan

Mô tả Chức năng này giúp cho người dùng có thê thay đôi các

thông tin cá nhân của tài khoản của họ

Tác nhân Khách hàng, nhân viên, quản lý, admin, người dùng Tiên điều kiện Hệ thống ghi nhận người dùng đã đăng nhập

Luong sự kiện

BI: Người dùng di chuyên chuột vào khung avatar bên

góc phải mản hình sau đó click vào avatar đó, hệ thống

sẽ hiển thị ra giao diện quản lý thông tin cá nhân và người dùng có thể thay đổi cập nhật thông tin của mình tại đó

B2: Giao diện hiển thị thông tin cá nhân bao gồm thay

Tén usecase Quan ly san pham

Mô tả Chức năng này g1úp cho người quan lý có thê thêm, sửa,

xóa vả quản lý các sản phâm trên trang

Tác nhân Admin, nhan vién

Tién dieu kién Hệ thống phi nhận người dùng đã đăng nhập đúng vai

tro cua minh

Tén usecase Thông kê

Mô tả Chức năng giúp người quản lý có thê thông kê được

doanh thu cua trang web Tac nhan Admin, nhan vién

B3: Người dùng có thể lựa chọn thông kê theo thời gian

dé xem chi tiết

19

2.3 Thiết kế biểu đồ hoạt động

2.3.1 Biểu đồ hoạt động chức năng đăng nhập

20 2.3.2 Biểu đồ hoạt động chức năng xem danh mục

21 2.3.4 Biểu đồ hoạt động chức năng sửa sản phẩm

Hiến thị giao diện quản lý sản phẩm

Thành công

22 2.3.6 Biểu đồ hoạt động chức năng quản lý đơn hàng

= xem chi tiét don hang cAn thanh =—

| Hiến thị traướng chi tiết Chọn thanh toan

- Hién thi trang thanh toan PayPal )

Thông báo thanh toán thành công

Hién thi danh sach don hang hién cé

Điền thong tin

kiếm tra thong tin Không hợp lệ

Hinh 2.13 Biểu đề hoạt động chức năng thanh toán