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

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (5.49 MB, 74 trang )

<span class="text_page_counter">Trang 1</span><div class="page_container" data-page="1">

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

<i><b>Đà Nẵng, tháng 3 năm 2024</b></i>

<b>TỔNG QUAN DỰ ÁN</b>

</div><span class="text_page_counter">Trang 2</span><div class="page_container" data-page="2">

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 Hồ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

<b>MỤC LỤC</b>

</div><span class="text_page_counter">Trang 3</span><div class="page_container" data-page="3">

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

<b><small>PHẦN II: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG (DESIGN)...19</small></b>

<b><small>PHẦN III: THIẾT KẾ GIAO DIỆN (DESIGN INTERFACE)...61</small></b>

<b><small>3.3. Giao diện trang chủ...65</small></b>

<b><small>3.4. Giao diện trang mua sắm...68</small></b>

<b><small>3.5. Giao diện trang chi tiết sản phẩm...70</small></b>

</div><span class="text_page_counter">Trang 4</span><div class="page_container" data-page="4">

SE 397 F

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

</div><span class="text_page_counter">Trang 5</span><div class="page_container" data-page="5">

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 tốn an tồ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 tố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ừ

</div><span class="text_page_counter">Trang 7</span><div class="page_container" data-page="7">

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 q 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ừ

</div><span class="text_page_counter">Trang 8</span><div class="page_container" data-page="8">

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

</div><span class="text_page_counter">Trang 9</span><div class="page_container" data-page="9">

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

</div><span class="text_page_counter">Trang 10</span><div class="page_container" data-page="10">

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ể hồ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ừ

</div><span class="text_page_counter">Trang 11</span><div class="page_container" data-page="11">

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

</div><span class="text_page_counter">Trang 54</span><div class="page_container" data-page="54">

SE 397 F

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

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

</div><span class="text_page_counter">Trang 55</span><div class="page_container" data-page="55">

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.

</div><span class="text_page_counter">Trang 56</span><div class="page_container" data-page="56">

SE 397 F

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

a. Xoá đơn hàng

</div><span class="text_page_counter">Trang 57</span><div class="page_container" data-page="57">

SE 397 F

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

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

</div><span class="text_page_counter">Trang 58</span><div class="page_container" data-page="58">

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.

</div><span class="text_page_counter">Trang 59</span><div class="page_container" data-page="59">

SE 397 F

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

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.

<b>2.3.1.Dữ liệu người dùng</b>

</div><span class="text_page_counter">Trang 60</span><div class="page_container" data-page="60">

SE 397 F

</div><span class="text_page_counter">Trang 61</span><div class="page_container" data-page="61">

SE 397 F

<b>PHẦN III: THIẾT KẾ GIAO DIỆN (DESIGN INTERFACE)</b>

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

<b>Màn hình</b> Đăng nhập

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

<b>Đối tượng</b> Người dùng

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ý

</div><span class="text_page_counter">Trang 62</span><div class="page_container" data-page="62">

SE 397 F

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

</div><span class="text_page_counter">Trang 63</span><div class="page_container" data-page="63">

SE 397 F

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

<b>Truy câ €p</b> Sau khi truy cập trang web

<b>Đối tượng</b> Khách vãng lai

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

</div><span class="text_page_counter">Trang 64</span><div class="page_container" data-page="64">

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

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

</div><span class="text_page_counter">Trang 65</span><div class="page_container" data-page="65">

SE 397 F

<b>3.3. Giao diện trang chủ</b>

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

<b>Màn hình</b> Trang chủ

<b>Truy câ €p</b> Sau khi truy cập trang web

<b>Đối tượng</b> Người dùng

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ệ

</div><span class="text_page_counter">Trang 66</span><div class="page_container" data-page="66">

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

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

</div><span class="text_page_counter">Trang 68</span><div class="page_container" data-page="68">

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:

<b>Màn hình</b> Trang chủ

<b>Truy câ €p</b> Sau khi truy cập trang web

<b>Đối tượng</b> Người dùng

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

</div><span class="text_page_counter">Trang 70</span><div class="page_container" data-page="70">

SE 397 F

<b>3.5. Giao diện trang chi tiết sản phẩm</b>

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 :

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

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

<b>Đối tượng</b> Người dùng

</div><span class="text_page_counter">Trang 71</span><div class="page_container" data-page="71">

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

</div><span class="text_page_counter">Trang 72</span><div class="page_container" data-page="72">

SE 397 F

<b>Màn hình</b> Giỏ hàng

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

<b>Đối tượng</b> Người dùng

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 tốn sản phẩm

Nhấn vào X Nhấp để xố sản phẩm Xố 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ỏ

</div><span class="text_page_counter">Trang 74</span><div class="page_container" data-page="74">