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 đề tài xây dựng một trang web quản lý bán hàng

Đồng thời, trang web cũng sẽ tối ưu hóa chất lượng hình ảnh sản phẩm và mô tả, giú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ự ánDự án bao gồm việc phát t

TRƯỜNG ĐAI HỌC CÔNG NGHỆ - ĐHQG HÀ NỘIKHOA ĐIỆN TỬ VIỄN THÔNG

-*** -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Đề tài:

Giảng viên hướng dẫn: Nguyễn Thị HạnhNhóm sinh viên thực hiện: Nhóm 11

Nguyễn Quốc An 22022138Hoàng Ngọc Minh 22022146Giang Văn Huy 22022142Lương Quốc Hùng 22022136Nguyễn Hoàng Long 21020926

Hà Nội, 2023

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

3.1 Yêu cầu chức năng 3

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

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

3.4 Mô hình hóa cấu trúc 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.Thiết kế phần mềm 19

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

4.2 Thiết kế giao diện người dùng 19

4.2.1 Cấu trúc giao diện người dùng 19

5.Kiểm thử phầm mềm 28

5.1 Kế hoạch kiểm thử 28

5.2 Các trường hợp kiểm thử 28

1 Mục tiêu và phạm vi phát triển dự án1.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à dễ sử dụng, vận hành ổn định để cung cấp trải 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áchhàng, tuân thủ các quy định về bảo mật dữ liệu Đặc biệt, tập trung vào việc giữ an toàn thông tin thẻ thanh toán và chi tiết địa chỉ để đảm bảo sự tin tưởng của khách hàng Đồng thời, trang web cũng sẽ tối ưu hóa chất lượng hình ảnh sản phẩm và mô tả, giú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à đi đơ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ảnphẩm chi tiết từng sản phẩm , tìm kiếm sản phẩm , đặt hàng , theo dõi trạng thái đơn hàng , quản lý thông tin tài khoản.

1.3.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 từ bất kỳ thiết bị 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ở dữ liệu để lưu trữ thông tin sản phẩm, giao diện người dùng để tương tác với khách hàng, và hệ thống thanh toán để xử lý các 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 tinvề 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.

2 Kế hoạch phát triển dự án2.1.Các ràng buộc của dự án

Thời gian: Từ 3/10/2023 đến 6/12/2023.Nhân lực:

1 Nguyễn Quốc AnVai trò: Trường nhóm2 Hoàng Ngọc Minh

Vai trò: Thành viên3 Giang Văn Huy

Vai trò: Thành viên4 Lương Quốc Hùng

Vai trò: Thành viên5 Nguyễn Hoàng Long

Vai trò: Thành viên

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

ngày thực hiện

Thời gianbắt đầu

Thời giankết thúc

Mức độ hoàn thành(%)

Người thực hiện

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 MinhYêu cầu phi chức năng về

thuộc tính chất lượng sản phẩm

1/2 27/11/23 27/11/23 Minh

Mô hình hóa ca sử dụng vàtiến trình nghiệp vụ1 ca sử dụng tổng quan2 Mô tả ca sử dụng cho UC01,UC02,UC03.3 Mô tả ca sử dụng cho UC04,UC05,UC06,UC07.4 Vẽ toàn bộ sơ đồ hoạt động.

Minh 2Long 3Huy 4

Mô hình hóa cấu trúc 2 29/11/23 1/12/23 HuyMô hình hóa lớp đối tượng

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

Thiết kế phần mềm 9 26/11/23 5/12/23 100%Thiết kế giao diện người

4 27/11/23 1/12/23Cấu trúc giao diện người

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á 5lầ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

Có thể đăng nhập bằng tài khoản google hoặc facebook.YCCN3: Hiển thị danh sách sản phẩm và xem chi 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ụ giú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.

YCCN5: Đặt hàng

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

Người dùng chọn vào sản phẩm, 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.YCCN6: Theo dõi trạng thái đơn hàng

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 hàng, giao cho shipper, đến kho nào và đang vận chuyển)

Thông tin trạng thái sẽ được thông báo qua gmail.YCCN7: Quản 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 khẩu.

Thông tin tài khoản được cập nhật mới phải khác với thông tin tài khoản cũ nếu không sẽ không cập nhật được.

Người dùng có thể xem lịch sử mua hàng ở trang tài khoản.

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: Bảo mật 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

Thời gian tải trang: Trang web có thời gian 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%.

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

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

Giao diện thân thiện với người dùng: 90% người dùng đánh giá giao diện vàtrải nghiệm người dùng là tích cực trong 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à muasả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.

Sơ đồ ca sử dụng tổng quan

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

Bảng 01 Danh sách ca sử dụng của các tác nhân chính.

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

Khách hàng UC01 Đăng ký tài khoảnUC02 Đăng nhập tài khoảnUC03 Quản lý thông tin tài khoảnUC04 Tìm kiếm thông tin sản phẩm.UC05 Xem chi tiết sản phẩmUC06 Đặt hàng

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

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

IDĐịnh nghĩa quy tắc

Mật khẩu không chứa các ký tự đặc biệt như #,@, *,&, BR-

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

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 thị 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 tài khoản email đã tồn tại; Mật khẩu không chứa các kí tự đặc biệt như &, @, #, (Xem 5E)

6 Người dùng xác nhận thông tin và tạo tài khoản.

7 Hệ thống kiểm tra tính hợp lệ của thông tin và xác nhận tài khoản được tạo thành công.

Luồng hoạt động ngoại lệ:

5E

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 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.

Luồng thay thế:Các quy tắc nghiệp vụ:

BR-001, BR-002Thông tin

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

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: CaoTên ca sử

động chính:

1 Người dùng truy cập trang web

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

động ngoại lệ:

6 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 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 thông tin.Luồng thay

thêm

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

4.2.2 Giao diện chức năng

Giao diện trang chủ

Giao diện sản phẩm (gồm 5 mục cho 5 loại cà phê)

Giao diện mô tả sản phẩm (gồm 24 trang tương ứng với 24 sản phẩm trên website)

Giao diện mô tả sản phẩm

Giao diện mô tả sản phẩm

Giao diện giới thiệu

Nhóm 11: Website bán cà phê 29

Giao diện tin tức

Giao diện liên hệ

Giao diện đăng nhập

Giao diện đăng ký

Nhóm 11: Website bán cà phê 33

5.Kiểm thử phầm mềm5.1.Kế hoạch kiểm thử

Chức năng test Người thực hiện Kết quả test

5.2.Các trường hợp kiểm thử

1 Đăng ký tàikhoản với mật khẩu không hợp lệ

Khách hàng có kết nối InternetKhách hàng chưa có tài khoản

1 Người dùng bấm vào tàikhoản

2 Người dùng chọn đăng kí tài khoản

3 Người dùng nhập thông tin :

tài

khoản:Giangvanhuy@Mật khẩu: abc123*Địa chỉ : Ngõ 195/3 đường Cầu Diễn - Bắc Từ Liêm- Hà NộiSố điện thoại : 0987656789

Thông báo lỗi và yêu cầu người dùng nhập laimật khẩu: abc123

Người dùng nhập mật khẩu : abc1234 Người dùng bấm vào

đăng kí

Msg1: Thông báo : “Mật khẩu không hợp ”Msg2 : Thông báo : “Đăng kí tài khoản thành công”.

2 Đăng nhập với tài khoản và mật khẩu sai

Khách hàng có kết nối InternetKhách hàng có

1 Người dùng bấm vào tàikhoản

2 Người dùng chọn đăng nhập tài khoản3 Người dùng nhập

thông tin :

Msg3: Thông báo “ Tài khoản hoặc mật khẩu không đúng”

Người dùng nhậpTài khoản : Giangvanhuy@Mật khẩu : abc123

4 Người dùng bấm vào đăng nhập

Msg4: Thông báo” Đăng nhập thành công”

Tc3 Đổi mật khẩu với mật khẩu giống mật khẩu cũ

Khách hàng có kết nối InternetKhách hàng có tài khoản

1 Người dùng bấm vào tàikhoản

2 Người dùng chọn đổi tàikhoản

3 Người dùng nhập thông tin:

Mật khẩu cũ : abc123Mật khẩu mới: abc123Xác nhận mật khẩu: abc123

Thông báo lỗi và yêu cầu người dùng nhập lại

Người dùng nhập mật khẩu mới: Huydeptrai4 Người dùng bấm xác

Msg5 : Thông báo “Mật khẩu bị trùng”Msg6: Thông báo “ Đổi thông tin thành công”

Tc4 Đặt hàng

thành công hàng có Khách kết nối InternetKhách hàng có tài khoản

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

2 Khách hàng bấm vào đơn cần mua3 Khách hàng nhập số

lượng 2 , xem thông tin đơn hàng gồm số điện thoại : 0123456789Địa chỉ: Ngõ 195/3 đường Cầu Diễn - Bắc Từ Liêm- Hà Nội4 Khách hàng bấm xác

nhận

Msg7 : Thông báo “ Đặt hàng thành công”