đồ án cdio se 397 f xây dựng website bán hàng thời trang

Có thể kể ra một số lợi ích của quản lý khách sạn trực tuyến qua website mang lại cho người dùng như:- Đặc phòng trực tuyến, hiển thị thông tin chi tiết khách sạn.. Trong thời đại công n

SE 397 F ĐẠI HỌC DUY TÂN

KHOA CÔNG NGHỆ THÔNG TIN

3 Nguyễn Hoàng Lâm Tấn 27211201929 4 Phan Hữu Minh Thiện 27211245280 5 Đinh Quang Tín 27211245865 6 Võ Thị Như Ý 27201248537

Đà Nẵng, tháng 3 năm 2024

TỔNG QUAN DỰ ÁN

SE 397 F

Tên dự án Xây dựng website bán hàng thời trang Ngày bắt đầu – kết thúc Từ 09/01/2023 đến 09/03/2023

Trưởng nhóm

Trường: Đại học Duy Tân Khoa: Công Nghệ Thông Tin Nguyễn Hoàng Lâm Tấn

3 Nguyễn Hoàng Lâm Tấn - 27211201929 4 Phan Hữu Minh Thiện - 27211245280 5 Đinh Quang Tín - 27211245865 6 Võ Thị Như Ý - 27201248537

MỤC LỤC

1.2.ĐÁNH GIÁ Ý TƯỞNG SẢN PHẨM TRONG NHÓM 15

PHẦN II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG (DESIGN) 19

2.1 ĐẶC TẢ YÊU CẦU CHỨC NĂNG 19

PHẦN III: THIẾT KẾ GIAO DIỆN (DESIGN INTERFACE) 61

3.1 Giao diện đăng nhập 61

3.2 Giao diện đăng ký 63

3.3 Giao diện trang chủ 65

3.4 Giao diện trang mua sắm 68

3.5 Giao diện trang chi tiết sản phẩm 70

3.6 Giao diện giỏ hàng 72

KẾT LUẬN 75

SE 397 F

1.Những vấn đề đạt được 752.Những vấn đề chưa đạt được 753.Hướng phát triển 75

Trong thời đại công nghệ thông tin đang phát triển như hiện nay thì hình thức đặt phòng khách sạn online(trực tuyến) qua website đang diễn ra khá phổ biến và được nhiều người đón nhận Cung cấp thông tin chi tiết về các loại phòng, hình ảnh, tiện nghi, và các điều kiện đặt phòng.,

Tích hợp hệ thống thanh toán an toàn và thuận tiện để khách hàng có thể thanh toán trực tuyến một cách dễ dàng Cho phép khách hàng đánh giá và viết nhận xét về trải nghiệm của họ, giúp người khác đưa ra quyết định thông tin hơn khi chọn lựa khách sạn Cung cấp dịch vụ hỗ trợ khách hàng liên tục để giải quyết mọi vấn đề hoặc yêu cầu từ phía khách hàng

Có thể kể ra một số lợi ích của quản lý khách sạn trực tuyến qua website mang lại cho người dùng như:

- Đặc phòng trực tuyến, hiển thị thông tin chi tiết khách sạn - Hỗ trợ thanh toán trực tuyến, thêm phòng khách sạn - Kỹ năng lam việc nhóm c Đánh giá khả năng phát triển của sản phẩm.

Liệt kê các loại đối tượng sẽ được hưởng lợi từ

SE 397 F

lý online(trực tuyến) qua website đang diễn ra khá phổ biến và được nhiều người đón nhận Đây là phương thức quản lý sử dụng kết nối mạng internet để phục vụ cho việc quản lý số lượng nhân viên, tiền lương,

Hệ thống quản lý nhân sự này được xây dựng với mục tiêu tối ưu hóa quá trình quản lý nhân sự trong tổ chức, từ việc tuyển dụng đến quản lý hiệu suất và phát triển cá - Kỹ năng lam việc nhóm c Đánh giá khả năng phát triển của sản phẩm.

Liệt kê các loại đối tượng sẽ được hưởng lợi từ

Trong thời đại công nghệ thông tin đang phát triển như hiện nay thì hình thức mua bán online(trực tuyến) qua website đang diễn ra khá phổ biến và được nhiều người đón nhận Đây là phương thức mua sắm sử dụng kết nối mạng internet để phục vụ buôn bán, nghiên cứu thị trường,

Mua sắm tuyến đang là xu hướng của thời đại Bắt đầu từ khi có internet, việc buôn bán trên các website đang rất thịnh hành tại Việt Nam nhờ phù hợp với nhu cầu của mọi người.

Có thể kể ra một số lợi ích của quản lý thư viện trực tuyến qua website mang lại cho người dùng như:

- Quản lý ở mọi lúc, mọi nơi, mọi thời điểm - Giúp tiết kiệm thời gian, chi phí đi lại - Linh hoạt chủ động trong việc lựa chọn b Đánh giá cơ sở kiến thức của sinh viên.

- Hệ quản trị cơ sở dữ liệu Mảng kỹ năng cần thiết - Kỹ năng tư duy

- Kỹ năng lam việc nhóm c Đánh giá khả năng phát triển của sản phẩm.

Liệt kê các loại đối tượng sẽ được hưởng lợi từ

Trong thời đại công nghệ thông tin đang phát triển như hiện nay thì hình thức đăng ký các loại giấy tờ hay cấp thẻ online (trực tuyến) qua website đang diễn ra khá phổ biến va được nhiều người đón nhận Đây là phương thức đăng ký sử dụng kết nối mạng internet để phục vụ cho việc ở đâu cũng có thể đăng ký cấp thẻ visa nhanh chóng và tiện lợi

Việc đăng ký trực tuyến này đang la xu hướng của thời đại Bắt đầu từ lúc covid diễn ra thì việc làm các giấy tờ trực tuyến thông qua mạng internet thì rất là bùng nổ Nhờ tính khả dụng, nhanh chóng và tiện lợi với tất cả mọi người Chỉ cần có mạng internet thì ở đâu ta cũng có thể hoàn thành một cách nhanh chóng.

Đồng thời việc làm online này có thể giúp các cơ quan có thể giải quyết nhanh chóng và tiện lợi

Có thể kể ra một số lợi ích của hình thức đăng ký online trực tuyến qua website mang lại cho người dùng như:

- Đăng ký ở mọi lúc, mọi nơi, mọi thời điểm - Giúp tiết kiệm thời gian, chi phí đi lại.

- Linh hoạt chủ động trong việc lựa chọn các dịch vụ đăng ký tùy nhu cầu của người - Kỹ năng lam việc nhóm c Đánh giá khả năng phát triển của sản phẩm.

Liệt kê các loại đối tượng sẽ được hưởng lợi từ

Do nhu cầu mở rộng thị trường cũng như quảng bá sản phẩm và nâng cao chất lượng, tăng doanh thu là vấn đề đáng quan tâm của các doanh nghiê …p kinh doanh Vì vậy ban quản lý của doanh nghiê …p rất mong muốn có mô …t hê … thống trực tuyến để giới thiệu sản phẩm và buôn bán phụ kiện , thời trang trực tuyến, cũng như hỗ trợ khách hàng các thông tin cần thiết Hiểu được điều đó, tôi muốn xây dựng một website thời trang, đơn giản, thân thiện, dễ sử dụng, cho phép khách hàng xem thông tin và đặt

SE 397 F

Hình b.1: Biểu đồ hoạt động xoá sản phẩm.

Hình b.2: Biểu đồ tuần tự xoá sản phẩm.

SE 397 F c Sửa sản phẩm

Hình c.1: Biểu đồ hoạt động sửa sản phẩm.

SE 397 F

Hình c.2: Biểu đồ hoạt động sửa sản phẩm.

2.2.4.10 Biểu đồ tuần tự và Biểu đồ hoạt động (Quản lý đơn hàng)

a Xoá đơn hàng

SE 397 F

Hình a.1: Biểu đồ hoạt động xoá đơn hàng

Hình a.2: Biểu đồ tuần tự xoá đơn hàng

SE 397 F b Sửa đơn hàng

Hình b.1: Biểu đồ hoạt dộng sủa đơn hàng.

Hình b.2: Biểu đồ tuần tự sửa đơn hàng.

SE 397 F

2.3 CƠ SỞ DỮ LIỆU 2.3.1 Giới thiệu về MongoDB

MongoDB là một hệ quản trị cơ sở dữ liệu NoSQL (Not Only SQL) mã nguồn mở, phát triển và duy trì bởi MongoDB Inc Nó sử dụng mô hình lưu trữ dữ liệu JSON dưới dạng BSON (Binary JSON), giúp đơn giản hóa quá trình lưu trữ và truy xuất dữ liệu Dưới đây là một số điểm quan trọng về MongoDB:

- Dữ liệu dạng JSON/BSON: MongoDB lưu trữ dữ liệu dưới dạng JSON (JavaScript Object Notation) hoặc BSON (Binary JSON) Điều này giúp linh hoạt trong việc lưu trữ dữ liệu phức tạp

- Cấu trúc không cố định (Schema-less): MongoDB không yêu cầu một cấu trúc cố định cho dữ liệu, cho phép thay đổi cấu trúc dữ liệu mà không cần sửa đổi các bảng hoặc schema như trong hệ quản trị cơ sở dữ liệu quan hệ

- Tích hợp tốt với ngôn ngữ lập trình: MongoDB cung cấp driver cho nhiều ngôn ngữ lập trình phổ biến như Python, Java, Node.js, và nhiều ngôn ngữ khác - Tính tương thích cao: MongoDB có khả năng mở rộng dữ liệu dễ dàng bằng cách

thêm vào các node mới trong cụm máy chủ, giúp đáp ứng với sự tăng trưởng của dữ liệu và lưu lượng công việc

- Hỗ trợ truy vấn phức tạp: MongoDB hỗ trợ các truy vấn phức tạp thông qua các chức năng như index, aggregation framework và MapReduce

- Community và Enterprise Editions: MongoDB có bản Community Edition miễn phí và Enterprise Edition có thêm nhiều tính năng và hỗ trợ chính thức - Mongoose: Mongoose là một thư viện MongoDB cho Node.js, giúp quản lý kết

nối và thực hiện các thao tác CRUD một cách thuận tiện

MongoDB thường được sử dụng trong các ứng dụng web, hệ thống phân tán, và các dự án nhu cầu linh hoạt và mở rộng cao.

2.3.1.Dữ liệu người dùng

SE 397 F

2.3.2.Dữ liệu sản phẩm

SE 397 F

PHẦN III: THIẾT KẾ GIAO DIỆN (DESIGN INTERFACE) 3.1 Giao diện đăng nhập

Hình 3.1: Giao diện đăng nhập Bảng đặt tả giao diện đăng nhập:

Màn hình Đăng nhập

Truy câ €p Sau khi đăng ký thành công/ vào trang web

Đối tượng Người dùng

Nô €i dung:

1 Email Test box Mặc định Hiển thị khung nhập email 2 Password Test box Mặc định Hiển thị khung nhập mật khẩu 3 Sign in Button Mặc định Hiển thị nút đăng nhập 4 Sign up Link Mặc định Hiển thị link đăng ký

Hoạt đô €ng

SE 397 F

Nhập vào nhập email Nhập email Hiển thị email hợp

SE 397 F

3.2 Giao diện đăng ký

Hình 3.2: Giao diện đăng ký Bảng đặt tả giao diện đăng ký:

Truy câ €p Sau khi truy cập trang web

Đối tượng Khách vãng lai

Nô €i dung:

1 Email Test box Mặc định Hiển thị khung nhập email

SE 397 F

2 Password Test box Mặc định Hiển thị khung nhập mật khẩu

3 Full name Test box Mặc định Hiển thị khung nhập đầy đủ tên 4 I accept the Terms

and Coditions

Check box

Mặc định Hiển thị check box

5 Create an accuont Button Mặc định Hiển thị nút tạo tài khoản 6 Login here Link Mặc định Hiển thị link đăng nhập

Hoạt đô €ng

Nhập vào nhập email Nhập email Hiển thị email hợp

SE 397 F

3.3 Giao diện trang chủ

Hình 3.3: Giao diện trang chủ Bảng đặt tả giao diện Trang chủ:

Màn hình Trang chủ

Truy câ €p Sau khi truy cập trang web

Đối tượng Người dùng

Nô €i dung:

1 Home Link Mặc định Hiển thị trang chủ 2 Shop Link Mặc định Hiển thị trang mua sắm

3 About Link Mặc định Hiển thị thông tin nhà bán hàng 4 Contact Link Mặc định Hiển thị thông tin liên hệ

SE 397 F

5 Journal Link Mặc định Hiển thị bài viết 6 Icon Cart Icon Mặc định Hiển thị đơn hàng

7 User Combobox Mặc định Hiển thị thông tin người dùng

8 Tìm kiếm Input Mặc định Tìm kiếm sản phẩm 9 Menu Combobox Mặc định Danh sách sản phẩm 10 Shop now Button Mặc định Hiển thị trang mua sắm 11 Two year warranty Link Mặc định Hiển thị chính sách bảo hành

12 Free shipping Link Mặc định Hiển thị mã miễn phí vận chuyển 13 Return policy in 30

Link Mặc định Hiển thị chính sách bảo hành

Hoạt đô €ng

Nhấn vào Tìm kiếm Nhập từ khoá để tìm

SE 397 F Hình 3.4: Giao diện trang mua sắm Bảng đặt tả giao diện trang mua sắm:

Màn hình Trang chủ

Truy câ €p Sau khi truy cập trang web

Đối tượng Người dùng

Nô €i dung:

1 Home Link Mặc định Hiển thị trang chủ 2 Shop Link Mặc định Hiển thị trang mua sắm 3 About Link Mặc định Hiển thị thông tin nhà bán hàng 4 Contact Link Mặc định Hiển thị thông tin liên hệ

5 Journal Link Mặc định Hiển thị bài viết 6 Icon Cart Icon Mặc định Hiển thị đơn hàng

7 User Combobox Mặc định Hiển thị thông tin người dùng 8 Tìm kiếm Input Mặc định Tìm kiếm sản phẩm

10 Shop by Category Checkbox Mặc định Lọc thông tin sản phẩm

SE 397 F

3.5 Giao diện trang chi tiết sản phẩm

Hình 3.5: Giao diện chi tiết sản phẩm Bảng đặt tả giao diện chi tiết sản phẩm :

Màn hình Giao diện Chi tiết sản phẩm

Truy câ €p Sau khi nhấp vào link sản phẩm muốn xem

Đối tượng Người dùng

Nô €i dung:

3.6 Giao diện giỏ hàng

Hình 3.5: Giao diện giỏ hàng Bảng đặt tả giao diện giỏ hàng:

SE 397 F

Màn hình Giỏ hàng

Truy câ €p Sau khi nhấp vào giỏ hàn

Đối tượng Người dùng

Nô €i dung:

1 Nút X Button Mặc định Xoá sản phẩm

2 Số lượng Button Mặc định Hiển thị số lượng sản phẩm

3 Reset cart Button Mặc định Xoá tất cả sản phẩm 4 Coupon Number Text Mặc định Nhập mã giảm giá 5 Apply Coupon Button Mặc định Áp dụng mã giảm giá 6 Update cart Button Mặc định Cập nhật giỏ hàng

7 Tiến hành thanh toán

Button Mặc định Thanh toán sản phẩm

Hoạt đô €ng

Nhấn vào X Nhấp để xoá sản phẩm Xoá sản phẩm Không thay đổi Nhấn vào Số lượng Nhấp để tăng giảm số

lượng cần thêm vào giỏ

SE 397 F

KẾT LUẬN 1 Những vấn đề đạt được.

- Tìm hiểu về các ngôn ngữ đánh dấu siêu văn bản HTML , CSS - Tìm hiểu về ngôn ngữ lập trình Javascript

- Tìm hiểu về truy vấn cơ sở dữ liệu MongoDB - Tìm hiểu về phân tích thiết kế hướng đối tượng - Hiểu được quy trình thiết kế một ứng dụng

2 Những vấn đề chưa đạt được.

- Chưa phân tích sâu các vấn đề mà nhóm đã đặt ra - Chưa tối ưu được một số chức năng của phần mềm - Còn tồn động nhiều lỗi chưa khắc phục được

3 Hướng phát triển.

- Bổ sung thêm chức năng - Cái thiện giao diện và cơ sở dữ liệu