Báo cáo bài tập lớn học phần nhập môn công nghệ phần mềm

Các chức năng chính mà hệ thống cung cấp gồm: Đăng ký tài khoản người dùng, đang nhập tải khoản „ hiển thị danh sách sản phẩm chí tiết từng sản phẩm , tìm kiếm sản phẩm , dat hang , the

TRƯỜNG ĐAI HỌC CÔNG NGHỆ - ĐHQG HÀ NỘI

KHOA ĐIỆN TỬ VIEN THONG

BAO CAO BAI TAP LON

HOC PHAN NHAP MON CONG NGHE PHAN MEM

Dé tai:

Giảng viên hướng dẫn: Nguyễn Thị Hạnh

Nhóm sinh viên thực hiện: Nhóm 11

Nguyễn Quốc An 22022138

Hoàng Ngọc Minh 22022146 Giang Văn Huy 22022142

Lương Quốc Hùng 22022136 Nguyễn Hoàng Long 21020926

Hà Nội, 2023

3.4 Mô hình hóa cầu tTÚC -2::2222:222112221112211121112111221112111120111 11c re 17

3.5 Mô hình hóa hình vi của các lớp đối tượng bằng sơ đỗ trạng thái 18

4.1 Thiết kế cơ sở dữ liệu lưu trữ 5222+222+22211222112211211121112122 19

4.2 Thiết kế giao điện người dùng 2-5 S1 1E 211211211212111121 121gr 19

4.2.1 Câu trúc giao diện người dùng 52- S1 2112151121211 1111222 e tt 19

5.1 Ké hoach kiétm thetocccccccccccccccccecesscsesececsvecscscsssesevevevevstecsecstevsesecsevavseceessvseees 28

5.2 Cac truong hop kiém tht ccc ccccceccccssessessesecseseesessessesseseesetssssssesseseses 28

1 Mục tiêu và phạm vi phát triển dự án

1.1, Mục tiêu dự án

- _ Xây dựng một trang web quản lý bán hàng cafe hiệu quả, tôi ưu hóa trải nghiém mua sắm cho khách hàng và nâng cao hiệu suất kinh doanh Hệ thông đảm bảo tính thân thiện và đễ sử dụng, vận hành ôn định đề cung cấp trai nghiém mua sắm trực tuyến thuận lợi Các dịch vụ như đặt hàng, quản

lý đơn hàng và thanh toán được cải tiến, tối ưu hóa quy trình mua sắm -_ Hệ thống đảm bảo bảo vệ thông tin cá nhân và giao dịch tài chính của khách hang, tuan thu các quy định về bảo mật dữ liệu Đặc biệt, tập trung vào việc s1ữ an toàn thông tin thẻ thanh toán va chi tiết địa chỉ để đảm bảo sự tín tướng của khách hàng Đồng thời, trang web cũng sé toi ưu hóa chất lượng hình ảnh sản phẩm và mô tả, siúp người dùng dé dàng lựa chọn và hiểu rõ

về các sản phẩm cafe

1.2 Phạm vi dự án -_ Dự án bao gồm việc phát triển hệ thông quản lý trang web bán Cafe lên đơn

và di đơn cho khách hàng Các chức năng chính mà hệ thống cung cấp gồm: Đăng ký tài khoản người dùng, đang nhập tải khoản „ hiển thị danh sách sản

phẩm chí tiết từng sản phẩm , tìm kiếm sản phẩm , dat hang , theo dõi trang thái đơn hàng , quản lý thông tin tài khoản

1.43 Ngữ cảnh hệ thống

- Môi trường mạng: Trang web bán cafe hoạt động trên môi trường mạng Internet, nơi người dùng có thể truy cập tir bat ky thiết bi nào có kết nối Internet, như máy tính cá nhân, điện thoại di động hoặc máy tính bảng

- _ Hệ thống phần mềm: Trang web bán cafe sử dụng một hệ thống phần mềm

để quản lý các chức năng và tính năng của trang web Hệ thống này bao gồm các thành phân như cơ sở đữ liệu dé lưu trữ thông tin sản phẩm, giao diện người dùng dé tương tác với khách hàng, và hệ thống thanh toán để xử

ly cac giao dịch mua hàng

- _ Lớp người dùng chính và nhu cầu: Trang web bán cafe phục vụ cho các lớp

người dùng chính bao gồm khách hàng cá nhân, đặt hàng trực tuyến để mua cafe và các sản phẩm liên quan Nhu cầu của khách hàng là tra cứu thông tin

về các sản phẩm, xem và so sánh giá cả, thêm sản phẩm vào giỏ hàng và thực hiện thanh toán an toản

5 Nguyễn Hoang Long Vai trò: Thành viên

22 Kế hoạch triển khai dự án

Công việc S6 | Thời gian| Thời gian | Mức | Người

ngay | bat dau ket thic | độ thực

%) Mục tiêu và phạm vi dự án 3 26/11/23 | 29/11/23 | 100%

Kế hoạch triển khai dự án 2 28/11/23 | 30/11/23 | 100%

« Cac rang budc cua dự án 1 28/11/23 | 29/11/23 An

¢ Kế hoạch triển khaidựán |1 29/11/23 | 30/11/23 Huy Xác định và phân tích yêu cầu |6 26/11/23 |2/12/23 | 100%

« - Yêu cầu chức năng 1⁄2 |26/11⁄23 |26/11⁄23 Minh

« Yéu cau phi chức năng về | 1⁄2 27/11/23 | 27/11/23 Minh thuộc tính chât lượng sản

phâm

3 Mô tả ca sử dụng cho UC04,UC05,UC06,UC07

4 Vẽ toàn bộ sơ đồ hoạt động

Minh 2 Long 3 Huy 4

« - Mô hình hóa cấu trúc 29/11/23 1/12/23 Huy

» _ Mô hình hóa lớp đối tượng

băng sơ đồ trạng thái

3 Xác định và phân tích yêu cầu

3.1 Yêu cầu chức năng YCCNI: Đăng ký

- _ Khách hàng, người dùng truy cập vào trang web chưa có tài khoản có thể tạo tài khoản mới để truy cập và sử dụng trang web

- _ Thông tin đăng ký bắt buộc gồm họ vả tên, tên đăng nhập, mật khâu

- Tai khoan có tên đăng nhập là tên tài khoản email đã tồn tại và mật khâu không chứa kí tự đặc biệt như #, @, &,

YCCN2: Đăng nhập

- _ Khi người dùng đã đăng ký tài khoản có thể sử dụng để đăng nhập vảo trang

web dé mua sam và trải nghiệm

- Diéu kién nhập đúng tên tài khoản và mật khâu

Nhóm 11: Website ban ca phé

- Tên đăng nhập hoặc mật khâu không chính xác Hiền thị thông báo lỗi, yêu

cầu người dùng thử lại

- _ Nhập sai tài khoản 3 lần sẽ bị khóa trong vòng một phút và trong lần đăng nhập tiếp theo phải nhập mã xác nhận được gửi về email.Nếu nhập sai quá 5 lần thì sẽ bị tạm khóa trong 1h và lần đăng nhập tiếp theo vẫn sẽ phải nhập

mã xác nhận gửi về email

- C6 thé ding nhap bang tài khoản google hoặc facebook

YCCN3: Hién thị danh sách sản phẩm và xem chỉ tiết sản phẩm

- _ Sản phâm được hiển thị trên màn hình trang chủ hoặc khi kích chọn vào mục sản phẩm, danh sách sản phâm sẽ được hiển thị

-_ Khi kích chọn vào một sản phẩm cụ thé, thông tin chi tiết về sản phâm như giá cả, nguồn gốc, thành phần, cách pha chế, sử dụng, bảo quản sẽ được

hiển thị

YCCN4: Tìm kiếm sản phẩm

- _ Thanh tìm kiếm sản phẩm được hiển thị ở màn hình trang chủ

-_ Có các bộ lọc có nhiệm vụ g1úp người dùng nhanh chóng tìm được sản phẩm mong muốn

- _ Tự động để xuất và gợi ý về sản phẩm khi người dùng kích chọn vào thanh tìm kiếm

YCCNS: Đặt hàng

- _ Đối tượng: Người dùng đã đăng nhập

-_ Người dùng chọn vảo sản pham, sau đó chọn đặt hàng và hoàn thành xác nhận các thông tin như địa chỉ,số lượng, số điện thoại, phương thức thanh toán( chuyên khoản ngân hàng, thẻ tín dụng, các phương thức thanh toán trực tuyến khác hoặc thanh toán khi giao hàng ) rồi ấn xác nhận đặt hàng

- _ Thông báo xác nhận sẽ được gửi về số điện thoại và email

YCCNG: Theo dõi trạng thái đơn hang

- _ Trạng thái đơn hàng sẽ được cập nhật mới hàng ngày từ xác nhận đơn hang, giao cho shipper, đến kho nảo và đang vận chuyên)

- _ Thông tin trạng thái sẽ được thông bao qua gmail

YCCN7: Quan lý thông tin tài khoản - Người dùng cập nhật thông tin tài khoản như cập nhật địa chỉ và đổi mật

- _ Thông tin cập nhật mới phải đúng điều kiện đăng ký bắt buộc lúc đăng ký

tài khoản

3.2 Yêu cầu phi chức năng về thuộc tính chất lượng sản phẩm

YCCN8: Bao mat thông tin

- _ Hệ thống sử dụng mã hóa TLS để bảo vệ dữ liệu truyền qua mạng và chỉ có 0.5% số lượng tài khoản trong năm qua

YCCN9: Hiệu suất

- Thoi gian tai trang: Trang web co thời øian tải trung bình là dưới 3 giây, đáp ứng yêu cầu của Google PageSpeed Insights và giảm tỷ lệ thoát từ 20% xuống còn 10%

- Tinh san sang cao: Hệ thống đạt đến 99.9% độ sẵn sàng trong 12 tháng qua, chỉ có downtime rất ngắn đo các bảo trì định kỳ

YCCNII: Trải nghiệm người dùng

- Gitao diện thân thiện với người dùng: 90% người dùng đánh giá giao diện va trải nghiệm người dùng là tích cực trone cuộc khảo sát gần đây

- _ Hỗ trợ ngôn ngữ: Website hỗ trợ 3 ngôn ngữ chính và có kế hoạch mở rộng thêm

3.3 Mô hình hóa ca sử dụng và tiến trình nghiệp vụ

® Giới thiệu các tác nhân

1 Khách hàng: Người dùng truy cập trang web đề tìm kiếm, xem và mua sản phâm hoặc dịch vụ

2 Hệ thống: Hệ thống tương tác với các hoạt động của khách hàng,

người dùng

| TT + = “I C Thay đối dis chi > C Xi don hang >

| / “”— Quản lí thông tin tài khoản > — — — _—

| = “ } +

Ỷ +

A -L +-— TL _ CC Bann gid san phim > {

xi TC Xemehitiếtsảnphấm —3Ê — —” — /\

Khách hàng ` em mp 4 ———————.-— mà LNT © Capnhattén =>) lệ thông

~~ — ¬ include» C— Xử lý thanh toán re Tim kag sn phim —` _——— — _ TT ,

Se Tien kiém theo loai cà phê >

dude:

C pitching >>

—_——-S — 4 eT © Timbiém theo tén > — ———

Cc — Theo dõi trọng thái đơn hàng _ 2 loo ing don han > nduoe: ss — ““” <— ˆ Quản lý tài nguyên hệ thông _ — À 4 mang

= iretude: C”— —~ Thay đế tên người nhản hàng —

CC Hủy đơn hàng `

a rele:

CC” Thayđốisõđiênthoạinhânhàng >

CC _ Thay đối địa chỉ nhận hằng _ —>

Hình 01 Ca sử dụng mức tông quát của hệ thông bán cà phê

“ Bảng liệt kê danh sách ca sử dụng theo mẫu

Bang 01 Danh sách ca sử dụng của các tac nhân chính

Tác nhân chính Các ca sử dụng

Khách hàng UCOL Dang ký tài khoản

ŨC02 Đăng nhập tài khoản ŨC03 Quản lý thông tín tài khoản

UC04 Tìm kiếm thông tin sản phẩm

UC05 Xem chỉ tiết sản phẩm UC06 Dat hang

UC07 Theo dõi trạng thái đơn hàng

Nhóm 11: Website ban ca phé

Bảng 02 Danh sách các quy tắc nghiệp vụ

Tiền điều Kết nối internet ổn định

kiện: Khách hàng người dùng chưa có tài khoản hoặc muốn tạo thêm tài khoản

Hậu điều PO1 Người dùng có tài khoản mới trên trang web và có thể đăng nhập

kiện:

Lưồng hoạt 1 Người dùng truy cập trang web chưa có tài khoản

động chính: 2 Người dùng tùy chọn tùy chọn “Tài khoản” sau đó tùy chọn “Đăng ký”

3 Hệ thống hiển thi giao diện đăng ký với các trường thông tin bắt buộc(Họ

và tên, số điện thoại, tên tài khoản email, mật khẩu)

4 Người dùng nhập thông tin cần thiết

5 Người dùng chọn tên đăng nhập và mật khẩu: Tên đăng nhập là tên tai

khoản email đã tồn tại; Mật khâu không chứa các kí tự đặc biệt như &, (2,

#, (Xem 5E) 6 Người dùng xác nhận thông tin và tạo tài khoản

Nhóm 11: Website ban ca phé

thành công

Luong hoat | 5E

động ngoại 5E1 Nếu người dùng nhập thông tin không hợp lệ hoặc tên đăng nhập là email

lệ: chưa tồn tại hoặc trùng với tài khoản đã tồn tại: Trang web hiển thị thông báo lỗi

và yêu cầu người dùng sửa lại thông tin

5E2 Nếu mật khẩu chứa ký tự đặc biệt: Trang web hiển thị lỗi và yêu cầu người dùng chọn một mật khẩu không chứa ký tự đặc biệt

— thông tin bắt buộc

Hiến thị thông báo lỗi

Hệ thống hiển thị giao diện đăng kí và các =

Chọn tên đăng nhập và mật khấu

Xác nhận thông tin và tạo tài khoản

Hình 02 Sơ đồ hoạt động mô tả nghiệp vụ ca sử dụng Đăng ký tài khoản

Nhóm 11: Website ban ca phé

3.3.2 Ca sử dụng đăng nhập tài khoản

ID ca sử dụng: | UC02 Tầm quan trọng: Cao

Tên ca sử Đăng nhập tài khoản Loại ca sử dụng: Tổng quan

Tiền điều Kết nối internet ổn định

kiện: Khách hàng người dùng đã có tài khoản

Hậu điều PO1 Người dùng đăng nhập thành công với tài khoản đã đăng ký

kiện: PO2 Tài khoản người dùng bị tạm khóa trong 3 phút

Luồng hoạt 1 Người dùng truy cập trang web

động chính: 2 Người dùng tùy chọn “Tài khoản”, tùy chọn “Đăng nhập”

3 Hệ thống hiển thị giao diện đăng nhập

4 Người dùng nhập thông tin bao gồm tài khoản và mật khẩu

5 Hệ thống kiểm tra tính hợp lệ và chính xác của thông tin đăng nhập

6 Nếu thông tin đăng nhập đúng, hệ thông chuyên giao diện người dùng về trang chính

Luồng hoạt ó Nếu người dùng nhập sai thông tin tên đăng nhập hoặc mật khẩu: hệ thống

động ngoại lệ: | hiểu thị lỗi “Sai thông tin đăng nhập” và yêu cầu người dùng nhập lại thong tin

Luồng thay 4 Người dùng chọn đăng nhập bằng tài khoản google hoặc facebook

3.3.3 Ca sử dụng quản lý tài khoản

Mô tả: Khách hàng sau khi đăng nhập có thể vào mục tài khoản để xem thông tin cá

nhân và cập nhật thông tin còn thiếu

Quan hệ Bao gồm UC02

Tiền điều kiện: Kết nối internet ổn định

Khách hàng người dùng đã có tài khoản

Hậu điều kiện: PO1 Người dùng đăng nhập thành công với tài khoản đã đăng ký

PO2 Tài khoản người dùng bị tạm khóa trong 3 phút

Luồng hoạt động 1 Người dùng đăng nhập vào trang web và chọn tùy chọn” Tài khoản”

chính: 2 Hệ thống hiển thị trang thông tin tài khoản

3 Người dùng tùy chọn “xem thông tin tài khoản”

4 Hệ thống hiển thị trang thông tin tài khoản

5 Người dùng có thê xem được thông tin của bản thân

Luồng hoạt động

ngoại lệ:

Luồng thay thế: 3 Người dùng chọn “sửa thông tin tài khoản”

4 Hệ thống hiển thị trang sửa thông tin tài khoản bao gồm đổi mật khẩu và cập nhật địa chỉ

5, Người dùng điền thông tin vào các trường bắt buộc

ó Nếu thông tin hợp lệ thì hệ thống ghi nhận thay đổi, nếu thông tin không hợp lệ thì quay lại trang sửa thông tỉn

Nhập thông tin mới

5 Hiển thi trang thông tin tài thon)

Hiển thị trang đối thông tin

3.3.4 Ca ste dung tìm kiếm thông tin sản phẩm

Mô tả: Khách hàng sau khi đăng nhập có thể tìm kiếm sản phẩm ở thanh tìm kiếm ở

trang chủ Quan hệ

Tiền điều kiện: Kết nối internet ổn định

Khách hàng người dùng đã đăng nhập vào trang web

Hậu điều kiện: Khách hàng có danh sách sản phẩm phù hợp với nhu cầu của họ

Luồng hoạt 1 Khách hàng đăng nhập vào trang web

động chính: 2 Khách hàng nhập các thông tin tìm kiểm như tên sản phẩm, loại sản

phẩm

3 Hệ thống thực hiện tìm kiếm và trả về danh sách phù hợp

4 Khách hàng xem danh sách sản phẩm tìm được

Luồng hoạt Nếu hệ thống gặp lỗi khi thực hiện tìm kiếm, hệ thống sẽ yêu cầu khách hàng

động ngoại lệ: tải lại trang

Luồng thay thế: | 3 Nếu không có sản phẩm nào phù hợp với thông tin tìm kiếm thì hệ thống sẽ

hiển thị không tìm thấy kết quả nào phù hợp

|

Khách hàng đăng nhập vào trang web

Khách hàng nhập các thông tin tim kiếm m1 — Hệ thông kiểm tra thông tin sản phẩm

phẩm

3.3.5 Ca sứ dụng xem chỉ tiết sản phẩm

ID ca sử dụng: | UCO5 Tầm quan trọng: Cao

Tên ca sử Xem chỉ tiết sản phẩm Loại ca sử dụng: Tổng quan

Tiền điều Kết nối internet ổn định

kiện: Khách hàng người dùng đã đăng nhập vào trang web

Sản phẩm đã được thêm vào cơ sở dữ liệu

Hậu điều kiện: | Khách hàng có được thông tin chỉ tiết về sản phẩm

Luồng hoạt 1 Khách hàng đăng nhập vào trang web

động chính: 2 Khách hàng chọn và nhấn vào một sản phẩm để xem chỉ tiết

3 Hệ thống hiển thị trang chỉ tiết sản phẩm

4 Khách hàng xem thông tin chỉ tiết sản phẩm

Luồng hoạt Nếu hệ thống gặp lỗi trong quá trình truy xuất thông tin chỉ tiết của sản phẩm

động ngoại lệ: | thì hệ thống hiển thị thông báo Đã có lỗi và yêu cầu khách hàng tải lại trang

[ chọn 1 sản phẩm để xem chỉ tiết — Hiển thị trang chỉ tiết sản phẩm

(‘ser hàng xem thông tin chỉ tiết san phẩmÌ_

Hình 06 Sơ đồ hoạt động mô tả nghiệp vụ ca sử dụng Xem chỉ tiết sản phẩm

Tiền điều kiện: Kết nối internet ổn định

Khách hàng người dùng đã đăng nhập vào trang web Sản phẩm được đặt mua đã được thêm vào cơ sở dữ liệu

ngoại lệ: nhập hoặc tạo tài khoản mới

Nếu hệ thống gặp lỗi khi tạo ra đơn hàng mới, hệ thống sẽ hiển thị thông