Đồ án thiết kế website bán đồ thể thao

TRƯỜNG ĐẠI HỌC TIỀN GIANG KHOA KỸ THUẬT CÔNG NGHỆ BÁO CÁO ĐỒ ÁN CHUYÊN NGÀNH ĐỀ TÀI THIẾT KẾ WEBSITE BÁN ĐỒ THỂ THAO SINH VIÊN THỰC HIỆN Lê Thành Quốc 019101012 GIẢNG VIÊN HƯỚNG DẪN Thạc sĩ Nguyễn Thị Thu Nguyệt

TỔNG QUAN

Giới thiệu đề tài

 Tên đ tài: ền email, số điện thoại sai

 T ng s ngổng số người làm: 2 người ố điện thoại hợp lệ ười bán hàngi làm: 2 người bán hàngi.

Võ Thành Chi và Lê Thành Quốc là những người bán hàng chuyên nghiệp, báo cáo về việc thiết kế website bán đồ dùng thể thao Họ cung cấp thông tin liên hệ qua số điện thoại hợp lệ để khách hàng có thể dễ dàng kết nối và nhận được sự hỗ trợ cần thiết.

Lê Thành Quốc và Võ Thành Chiến là những người bán hàng chuyên thiết kế website bán đồ dùng thể thao Họ cam kết cung cấp dịch vụ chất lượng với những sản phẩm thể thao đa dạng Để được tư vấn và hỗ trợ, khách hàng vui lòng liên hệ qua số điện thoại hợp lệ.

Khách hàng: Đăng ký, đăng nh p, thêm m t hàng vào gi , đ t hàng, thanhập ặt hàng ỏ hàng ặt hàng toán.

Nhà bán hàng: Đăng ký, đăng nh p, Thêm, s a, xóa m t hàng, xem đ n đ tập ửa ập ơn đặt hàng ặt hàng hàng.

1.2 H nh thành ý tỉnh thành ý tưởng: ưởng:ng:

Website bán đồ dùng thể thao được thiết kế dựa trên bố cục của các trang web hiện có, với giao diện và hình ảnh hấp dẫn, phản ánh đúng sản phẩm Màu sắc của trang web cần hài hòa và phù hợp với tổng thể, tạo ấn tượng tốt cho người dùng.

Là đề tài thiết kế, xây dựng website bán đồ dùng thể thao nhằm đáp ứng nhu cầu cho người tiêu dùng.

1.3 Lý do chọn đề tài:

Ngày nay, Việt Nam đang phát triển mạnh mẽ và tiếp nhận những thành tựu khoa học mới, đặc biệt từ khi gia nhập WTO, nền kinh tế đã chuyển mình sang một giai đoạn mở cửa và giao lưu hàng hóa với các quốc gia khác Việc học hỏi cách quản lý hàng hóa và các quy định trong kinh doanh đã giúp cải thiện hiệu quả quản lý Nhờ vào chính sách nhà nước và đầu tư nước ngoài, nền kinh tế Việt Nam đã có những bước tiến nhanh chóng, làm cho hoạt động kinh doanh thương mại, đặc biệt là tiêu thụ hàng hóa nhỏ lẻ, trở nên vô cùng quan trọng.

Trong bối cảnh kinh tế phát triển hiện nay, việc mua bán và trao đổi diễn ra qua nhiều hình thức, trong đó mở cửa hàng là phương thức cơ bản nhất Để đảm bảo quá trình mua bán giữa người tiêu dùng, cửa hàng và nhà cung cấp diễn ra hiệu quả, cần có công tác quản lý tốt Việc áp dụng các ứng dụng công nghệ thông tin, đặc biệt là các website quản lý và website quản lý bán hàng, là rất cần thiết để đáp ứng yêu cầu này.

- Mục tiêu của trang web đặt ra khi hoàn thành xong là:

- Ki n th cết kế website bán đồ dùng thể thao ức năng:

 Có cái nhìn tổng quan về nguyên lý sơ đồ hoạt động của web.

 Hiểu được môi trường làm việc, cách sử dụng trang web.

 Học thêm được nhiều kiến thức mới.

 Rèn luyện được khả năng thao tác nhanh trên máy tính.

 Rèn luyện, phát triển khả năng tư duy, tìm ra được hướng giải quyết các vấn đề phứt tạp khi làm một dự án

 Thao tác nhuần nhuyễn hơn với làm Web, phục vụ khả năng nghề nghiệp sau khi ra trường.

 Nắm bắt được cấu trúc phần cứng, sơ đồ khối, nguyên lý hoạt động vận hành của trang Web.

 Biết cách làm một đồ án hoàn chỉnh phục vụ cho việc làm đồ án tốt nghiệp về sau.

 Tự giác, có trách nhiệm trong việc thiết kế hoàn thành một dự án.

 Đối tượng sử dụng chủ yếu là: Khách hàng, nhà bán hàng

 Website được lấy ý tưởng từ các hệ thống web như: Lazada, Shopee, Chợ tốt…

 Tiếp cận một số website bán hàng có sẵn

 Khảo sát và thu nhập các thông tin từ các tài liệu và cơ sở dữ liệu có liên quan

 Dùng phương pháp phân tích thiết kế hệ thống để tiến hành thực hiện đề tài

 Đ i tố điện thoại hợp lệ ượp lệng nghiên c u: Khách hàng, nhà bán hàng.ức năng:

 Sản phẩm hoạt động ổn định, có nhiều sự lựa chọn về mặt hàng

 Sản phẩm mang tính thẩm mỹ cao, dễ dàng sử dụng. bang 0.1 Phù hợp với đời sống hiện nay.

1.5 Phân công nhi m v và ti n trình làm vi c:ệm vụ và tiến trình làm việc: ụ và tiến trình làm việc: ến trình làm việc: ệm vụ và tiến trình làm việc:

Mã số sinh viên Họ và tên Công việc thực hiện

019101012 Lê Thành Quốc Code chính hoàn thiện sản phẩm

019101016 Võ Thành Chiến Thiết kế logo, xây dựng CSDL, đóng góp ý kiến thiết layout – ý tưởng

Ngày Thành viên thực hiện Mô tả Ghi chú

Cả nhóm Nhận đề tài

Cả nhóm Xây dựng lên ý tưởng thiết kế

Lê Thành Quốc Viết code thiết kế website

Võ Thành Chiến Xây dựng CSDL

Võ Thành Chiến Viết báo cáo

Cả nhóm Tiếp tục hoàn thiện

Lê Thành Quốc Chỉnh sửa báo cáo

Cả nhóm Thuyết trình báo cáo

B ng 1.ả bài toán 1 Phân công nhi m vện trang chủ ục xem các mặt hàng

Cơ sở lý thuyết

2.1 Thương mại điện tử là gì ?

Thương mại điện tử, hay còn gọi là e-commerce, là quá trình mua bán sản phẩm và dịch vụ thông qua các hệ thống trực tuyến Nó bao gồm việc quản lý hàng tồn kho, đặt hàng và giao dịch điện tử Các giao dịch này diễn ra trên nền tảng Internet, cho phép người tiêu dùng dễ dàng tìm kiếm và mua sắm sản phẩm Để đảm bảo hiệu quả, các nhà quản lý cần thiết kế website thân thiện với người dùng và tối ưu hóa quy trình giao dịch Việc sử dụng các công nghệ như EDI (Electronic Data Interchange) giúp quản lý dữ liệu và chuỗi cung ứng một cách hiệu quả Thương mại điện tử cũng yêu cầu các thông tin liên lạc chính xác qua email và số điện thoại để xử lý đơn hàng một cách nhanh chóng.

Thương mại điện tử là một hình thức kinh doanh hợp lệ trên trang chủ, cho phép người bán hàng xem xét các khía cạnh khác nhau của hoạt động kinh doanh Nó bao gồm việc trao đổi dữ liệu để đáp ứng các điều kiện thu hồi cho người dùng thể thao Đội ngũ làm việc hiện tại gồm 2 người, đảm bảo việc xử lý thông tin điện tử như email và số điện thoại một cách hợp lệ Ngoài ra, các khía cạnh thanh toán và giao dịch của thương mại điện tử cũng được chú trọng để đảm bảo tính chính xác và hiệu quả trong quá trình kinh doanh.

Mua bán hàng hóa trên Shopee và Lazada có thể thực hiện qua trang web chính thức, nơi người dùng dễ dàng tìm kiếm và đặt hàng Để đảm bảo giao dịch thành công, cần sử dụng các ví điện tử hợp lệ và cung cấp thông tin chính xác như email và số điện thoại Hiện tại, hệ thống yêu cầu có ít nhất 2 người tham gia để hoàn tất quy trình đặt hàng.

Các hoạt động thiết lập đơn hàng hợp lệ trên trang chủ của website bán đồ dùng thể thao cần bao gồm các yếu tố sau: quy trình đặt hàng rõ ràng, giao diện thân thiện, và thông tin sản phẩm chi tiết.

 Mua bán và trao đổi hàng hóa, dịch vụ trực tuyến

 Mua bán vé trực tuyến

 Chăm sóc và hỗ trợ khách hàng online

2.2 Lợi ích của thương mại điện tử :

 TMĐT giúp cho các Doanh nghiệp nắm được thông tin phong phú về thị trường và đối tác.

 TMĐT giúp giảm chi phí sản xuất.

 TMĐT giúp giảm chi phí bán hàng và tiếp thị

 TMĐT qua INTERNET giúp người tiêu dùng và các doanh nghiệp giảm đáng kể thời gian và chí phí giao dịch

 TMĐT tạo điều kiện cho việc thiết lập và củng cố mối quan hệ giữa các thành phần tham gia vào quá trình thương mại

 Tạo điều kiện sớm tiếp cận nền kinh tế số hoá

2.3 Phân tích quy trình mua sắm trên các trang thương mại điện tử :

- Ti p thến trình làm việc: ị

Mục đích của việc tiếp thị là nhằm thu hút những người mua tiềm năng thông qua việc thiết kế website bán đồ dùng thể thao Điều này bao gồm việc tối ưu hóa nội dung để thu thập dữ liệu điện tử như email và số điện thoại của khách hàng Các doanh nghiệp cần sử dụng internet để quảng cáo hiệu quả, bao gồm cả email marketing và tạo các hội nhóm Ngoài việc chỉnh sửa các mặt hàng, doanh nghiệp cũng nên xây dựng cộng đồng, diễn đàn, và tổ chức các cuộc khảo sát để thu hút khách hàng Thiết kế website bán đồ dùng thể thao cần phải chú trọng đến việc tạo ra một môi trường mua bán sản phẩm và dịch vụ thuận lợi cho khách hàng.

- Khách hàng/người bán hàngi xem

Khách hàng là yếu tố quan trọng trong ngành thể thao, đặc biệt trong việc thiết kế website bán đồ dùng thể thao Để thu hút và giữ chân khách hàng, các doanh nghiệp cần cung cấp thông tin rõ ràng về sản phẩm và quy trình đặt hàng Cần phân biệt hai hình thức mua hàng: thông qua trang chủ và qua trang đăng nhập của quản trị viên, nhằm tối ưu hóa trải nghiệm người dùng và đảm bảo tính hợp lệ trong giao dịch.

1) Mua hàng gi a các doanh nghi p: Ngữ liệu điện tử ện trang chủ ười bán hàngi mua là m t doanh nghi p khác ộ ện trang chủ có nhu c u mua hàng.ầu đăng nhập

2) Mua hàng gi a khách hàng và doanh nghi p: Ngữ liệu điện tử ện trang chủ ười bán hàngi mua thười bán hàngng là m t ộ cá nhân thanh toán b ng th tín d ng và g i hàng v t n nhà.# ẻ ục xem các mặt hàng ửa ền email, số điện thoại sai ập

Khi khách hàng truy cập vào website, hệ thống sẽ tự động ghi nhận thông tin của họ, bao gồm số điện thoại hợp lệ Thông qua việc theo dõi này, quản trị viên có thể tạo hồ sơ cho khách hàng, từ đó tiếp cận những người mua tiềm năng Việc thu thập thông tin hợp lệ giúp tối ưu hóa trải nghiệm mua sắm, đồng thời nâng cao khả năng bán hàng cho sản phẩm hoặc dịch vụ trên website Đặc biệt, thiết kế website bán đồ dùng thể thao cần chú trọng đến việc đảm bảo thông tin liên hệ chính xác để tránh các vấn đề liên quan đến đơn hàng Đây là bước khởi đầu quan trọng trong việc nâng cao hiệu quả kinh doanh trực tuyến.

- Xem s n ph mả bài toán ẩm

Khách hàng có thể xem sản phẩm trên website, và khi họ quyết định mua hàng, quản trị viên sẽ thêm sản phẩm vào giỏ hàng Thiết kế website bán đồ dùng thể thao cần phải bố trí hợp lý để khách hàng dễ dàng tìm kiếm Khi khách hàng cung cấp thông tin liên hệ như email và số điện thoại hợp lệ, họ sẽ nhận được thông tin về các sản phẩm đang được bày bán cũng như các chương trình khuyến mãi Điều này giúp tăng khả năng mua sắm của khách hàng và tạo cơ hội cho việc bán hàng hiệu quả hơn trên hệ thống.

Trên website thương mại điện tử, luôn có giá hàng cho khách hàng mua sắm hợp lệ Trang chủ và giỏ hàng hướng đến những người mua tiềm năng nhằm thu hút doanh thu hiệu quả Giá hàng được cập nhật là một danh sách các mặt hàng có sẵn, cho phép chỉnh sửa đơn đặt hàng thông qua diễn đàn, chat hoặc mã đặt hàng Quản trị viên có thể điều chỉnh thông tin đơn hàng, bao gồm số lượng mặt hàng, thông tin liên lạc hợp lệ, giá cả, và các thuộc tính như màu sắc, kích thước Tất cả thông tin liên quan đến đơn đặt hàng đều được quản lý chặt chẽ để phục vụ tốt nhất cho khách hàng.

Các nhà cung cấp hàng hóa cần đảm bảo cung cấp đầy đủ các tùy chọn giá cả, xóa bỏ các mặt hàng không còn tồn tại và cung cấp mã đặt hàng cho các sản phẩm cần chỉnh sửa Để đảm bảo tính hợp lệ của đơn hàng, người bán cần cập nhật số điện thoại liên lạc một cách chính xác.

- Tính ti n (Check out)ền (Check out)

Ngay sau khi khách hàng chọn xong các mặt hàng cần mua, họ sẽ bắt đầu quy trình đặt hàng Quản trị viên sẽ đăng nhập để chỉnh sửa thông tin sản phẩm, nhằm thu hút những người mua tiềm năng Đối với mô hình mua sắm giữa khách hàng và doanh nghiệp, khách hàng cần cung cấp email và số điện thoại hợp lệ Sau khi nhập thông tin, quản trị viên sẽ xử lý đơn hàng và tính hóa đơn Khách hàng có thể thêm vào thông tin như lời chúc mừng, gói quà và các yêu cầu khác Đồng thời, quản trị viên cũng có thể xem các mặt hàng đã chọn để đảm bảo thông tin chính xác và đầy đủ.

- Tính phí v n chuy nận chuyển ển

Phí vận chuyển có thể hiểu đơn giản là việc tính phí toàn bộ hoặc phí cụ thể cho từng đơn hàng Để tính phí vận chuyển hợp lệ, cần xem xét các yếu tố như mặt hàng đã mua và thông tin trên trang chủ của website Mỗi dây chuyền cung ứng và đơn đặt hàng đều có liên quan đến việc quản lý phí vận chuyển, đồng thời cần có thông tin chính xác từ người bán hàng Tuy nhiên, việc thiết kế website bán đồ dùng thể thao có thể gặp khó khăn hơn khi xử lý các đơn hàng quốc tế và đảm bảo số điện thoại hợp lệ.

Khi liên kết với nhà vận chuyển, việc theo dõi hàng hóa là rất quan trọng Thiết kế website bán đồ dùng thể thao cần phải giới thiệu đầy đủ thông tin về các sản phẩm thể thao trong quá trình vận chuyển.

Tìm hiểu về Website

Website, hay còn gọi là trang web, là một tập hợp các nội dung được xác định bởi một tên miền chung và được lưu trữ trên ít nhất một máy chủ web Một số ví dụ tiêu biểu về website bao gồm wikipedia.org, google.com và amazon.com.

Tất cả các trang web công khai tạo thành World Wide Web, trong khi các trang web riêng tư chỉ có thể truy cập trên mạng riêng, như trang web nội bộ của công ty dành cho nhân viên.

Các trang web thường tập trung vào một chủ đề hoặc mục đích cụ thể như tin tức, giáo dục, thương mại, giải trí hoặc mạng xã hội Siêu liên kết giữa các trang web giúp người dùng dễ dàng điều hướng, thường bắt đầu từ trang chủ.

Người dùng có thể truy cập trang web trên nhiều thiết bị như máy tính để bàn, laptop, tablet và điện thoại thông minh Các ứng dụng được sử dụng để truy cập những trang web này được gọi là trình duyệt web.

Website cần có những yếu tố sau:

Thiết kế thẩm mỹ, tiện lợi

 Tên Website dễ nhớ và ngắn gọn

 Hỗ trợ nhiều tín năng như: email, thống kê truy cập, cập nhật thông tin dễ dàng và nhanh chóng.

PHÂN TÍCH THIẾT KẾ, CÀI ĐẶT, GIẢI PHÁP

Mô t bài toán ả bài toán - Tên bài toán: Thi t k website bán đ dùng th thao ết kế website bán đồ dùng thể thao ết kế website bán đồ dùng thể thao ồ dùng thể thao ể thao

Để quản lý hiệu quả hệ thống website bán đồ dùng thể thao, cần thu thập và tổ chức những thông tin quan trọng liên quan đến sản phẩm, khách hàng và quy trình giao dịch Việc thiết kế website bán đồ dùng thể thao không chỉ giúp nâng cao trải nghiệm người dùng mà còn tăng cường khả năng tiếp cận thị trường Hệ thống cần được tối ưu hóa để đảm bảo tính năng thân thiện với người sử dụng, dễ dàng tìm kiếm sản phẩm và thực hiện giao dịch nhanh chóng.

Khách hàng là những người truy cập vào website và được hệ thống phục vụ, hỗ trợ Thông tin của khách hàng bao gồm mã khách hàng, tên tài khoản, email, thông tin liên hệ và địa chỉ.

Người bán hàng là những cá nhân cần sử dụng các chức năng bán hàng trong hệ thống để hoàn thành nhiệm vụ của mình Thông tin cần thiết của người bán hàng bao gồm họ tên, email, số điện thoại liên hệ và địa chỉ.

+ Ngưởi quản trị hệ thống: Có thể bổ sung, thay đổi hoặc xóa các thông tin của khách hàng và người bán hàng.

Hoạt dộng của website được mô tả như sau:

Khách hàng và người bán hàng có thể truy cập hệ thống để xem thông tin chi tiết về sản phẩm, bao gồm ID, tên, hình ảnh, giá cả và mô tả.

Để thêm sản phẩm vào giỏ hàng, khách hàng cần đăng nhập vào hệ thống bằng tài khoản và mật khẩu đã tạo Sau khi đăng nhập thành công, khách hàng có thể thực hiện các thao tác như thêm sản phẩm, xem giỏ hàng, xóa sản phẩm hoặc xóa giỏ hàng và tiếp tục mua sắm Khi đã sẵn sàng thanh toán, khách hàng có thể chọn giữa hai hình thức: thanh toán trực tuyến qua thẻ hoặc thanh toán khi nhận hàng Sau khi thanh toán thành công, khách hàng sẽ nhận được mã thanh toán.

Khi khách hàng thực hiện giao dịch mua hàng, hệ thống sẽ tự động tạo và gửi một đơn đặt hàng đến người bán Đơn đặt hàng này bao gồm các thông tin quan trọng như mã đặt hàng, mã sản phẩm, tên sản phẩm, số lượng, giá cả và ngày đặt hàng của khách.

Khách hàng có thể dễ dàng đăng ký tài khoản để thực hiện mua sắm trực tuyến Quá trình đăng ký yêu cầu cung cấp đầy đủ thông tin như tên đầy đủ, tên tài khoản, email, số điện thoại, địa chỉ liên hệ và mật khẩu Sau khi hoàn tất và xác nhận thông tin, hệ thống sẽ tự động chuyển khách hàng đến trang đăng nhập.

Để xem thông tin sản phẩm, người bán hàng cần đăng nhập vào hệ thống bằng tài khoản và mật khẩu đã tạo Sau khi đăng nhập thành công, họ có thể quản lý sản phẩm bằng cách xem, thêm, cập nhật, xóa hoặc chỉnh sửa thông tin Ngoài ra, người bán hàng cũng có thể theo dõi thông tin đơn đặt hàng của khách hàng.

- Mỗi sản phẩm, đơn đặt hàng đều cho phép hiển thị và cập nhật thông tin.

Để trở thành người bán hàng trên hệ thống, khách hàng cần đăng ký tài khoản bằng cách điền đầy đủ thông tin cá nhân như họ tên, email, địa chỉ, số điện thoại và mật khẩu Sau khi hoàn tất đăng ký, nếu thành công, hệ thống sẽ chuyển khách hàng đến trang đăng nhập dành cho người bán.

Khi người bán hàng mới đăng ký tài khoản thành công, họ cần tạo một cửa hàng riêng để có thể đăng bán sản phẩm trên hệ thống Cửa hàng yêu cầu cung cấp các thông tin cần thiết như tên cửa hàng, email, số điện thoại và địa chỉ.

Phân tích

STT Yêu cầu Chức năng

1 Nhập sản phẩm Thêm, xoá, sửa

2 Hệ thống menu Menu sản phẩm, menu dich vụ

3 Đặt hàng Đặt hàng, thay đổi thông tin giao nhận, thanh toán, huỷ đơn….

Để tối ưu hóa trải nghiệm mua sắm trực tuyến, khách hàng có thể dễ dàng đăng ký và đăng nhập, thêm sản phẩm vào giỏ hàng, lựa chọn thanh toán online hoặc thanh toán khi nhận hàng Đối với người bán hàng, hệ thống cho phép đăng bán sản phẩm, cũng như thêm, sửa, xóa và theo dõi đơn hàng một cách thuận tiện.

B ng 2.ả bài toán 2 Yêu c u websiteầu đăng nhập

+ Giao diện phải tùy chỉnh dễ dàng về màu sắc

+ Hình ảnh bắt mắt, đúng với sản phẩm

+ Menu sản phẩm, dịch vụ phải được tùy biến đa cấp, dễ dàng phát triền thêm cho sau này

+ Menu thể hiện ngang hay đứng tùy ý vào khách hàng

+ Những thuộc tính cơ bản của hàng hóa phải được thể hiện: tên, giá, chất lượng, sản xuất,…

+ Thể hiện được giá khuyến mãi

+ Chèn được nhiều hình ảnh cho một sản phhẩm

+ Tìm kiếm sản phẩm thông minh

+ Tùy biến nội dung dễ dàng: thông tin, hotline, hỗ trợ,…

+ Hệ thống email phản hồi phải được đảm bảo chạy thông suốt: đảm bảo email được chuyển về nhanh nhất

Thiết kế

STT Thuộc tính Kiểu dữ liệu Ghi chú

B ng 2.ả bài toán 3 Thành ph n b ng Contactầu đăng nhập ản trị viên

STT Thuộc tính Kiểu dữ liệu Ghi chú

B ng 2.ả bài toán 4 Thành ph n b ng customerầu đăng nhập ản trị viên

STT Thuộc tính Kiểu dữ liệu Ghi chú

B ng 2.ả bài toán 5 Thành ph n b ng managerầu đăng nhập ản trị viên

STT Thuộc tính Kiểu dữ liệu Ghi chú

1 order_ID Int(30) PRIMARY KEY

B ng 2.ả bài toán 6 Thành ph n b ng orderầu đăng nhập ản trị viên

STT Thuộc tính Kiểu dữ liệu Ghi chú

B ng 2.ả bài toán 7 Thành ph n b ng productầu đăng nhập ản trị viên

STT Thuộc tính Kiểu dữ liệu Ghi chú

B ng 2.ả bài toán 8 Thành ph n b ng yourshopầu đăng nhập ản trị viên

Biểu đồ use case ngưởi bán hàng

Hình 2.1 Use case người bán hàngi bán hàng

Biểu đồ use case khách hàng

Hình 2.2 Use case khách hàng

Biểu đồ use case quản trị viên

Hình 2.3 Use case người bán hàngi qu n tr viênản trị viên ị viên

3.3 Đặc tả tả use case

 Use case thêm sản phẩm vào giỏ hàng

Use case: Thêm sản phẩm vào giỏ hàng

Use case ID: Id sanpham

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

Tổng quan: Khi khách hàng muốn thêm sản phẩm vào giỏ hàng, khách hàng bắt buộc phải đăng nhập vào hệ thống

Khi đó khách hàng có thể thêm sản phẩm vào giỏ.

- Extend: Thêm sản phẩm vào giỏ, xóa sản phẩm, thanh toán.

1 Người dùng truy cập vào hệ thống để xem sản phẩm.

2 Người dùng chọn sản phẩm cần thêm vào giỏ.

3 Người dùng bấm nút thêm

4 Hệ thống yêu cầu đăng nhập.

5 Người dùng nhập thông tin tài khoản và mật khẩu.

6 Hệ thống kiểm tra tài khoản và mật khẩu.

7 Nếu hợp lệ hệ thống hiển thị giao diện chọn sản phẩm

8 Người dùng bấm nút thêm, sản phẩm được thêm vào giỏ.

Thêm sản phẩm thất bại.

Tiền điều kiện (pre-condition)

Hệ thống hiển thị giao diện chọn sản phẩm.

Hậu điều kiện (post-condition)

Hệ thống ở trạng thái cho phép người dùng thêm sản phẩm vào giỏ.

B ng 2.ả bài toán 9 Use case thêm s n ph m vào gi hàngản trị viên ẩm vào giỏ hàng ỏ hàng

 Use case đăng ký người bán hàng

Use case: Đăng ký người bán hàng

Use case ID: id NBH

Tác nhân chính: Người bán hàng

Để trở thành người bán hàng trong hệ thống, người dùng cần phải đăng ký tài khoản Quy trình này sẽ được hệ thống xử lý để xác nhận tư cách bán hàng của người dùng.

- Tác nhân: Người bán hàng.

- Extend: Không cần đăng ký

1 Người bán hàng truy cập vào hệ thống.

2 Người bán hàng đăng ký thông tin tài khoản và mật khẩu.

3 Hệ thống sẽ xử lý, kiểm tra thông tin đăng ký.

4 Hệ thống hiển thị giao diện đăng ký thành công.

Dòng sự kiện phụ: Đăng ký thất bại.

Hệ thống ở giao diện cho người bán hàng chọn nút đăng ký.

Hệ thống hiển thị giao diện đăng nhập cho người bán hàng.

B ng 2.ả bài toán 10 Use case đăng ký người bán hàngi bán hàng

 Use case đăng bán sản phẩm

Use case: Đăng sản phẩm

Use case ID: Id dangsanpham

Tác nhân chính: Người bán hàng

Khi người bán hàng muốn đăng sản phẩm lên hệ thống, họ cần cung cấp các thông tin quan trọng như tên sản phẩm, giá cả, hình ảnh và mô tả Sau khi hoàn tất, hệ thống sẽ tiến hành kiểm tra thông tin sản phẩm mà người bán đã đăng tải.

- Tác nhân: Người bán hàng

1 Người bán hàng đăng nhập vào hệ thống quản lý để đăng sản phẩm.

2 Người bán hàng chọn mục đăng sản phẩm

3 Người bán hàng điền các thông tin sản phẩm muốn đăng

4 Người bán hàng bấm nút đăng

5 Hệ thống kiểm tra thong tin sản phẩm

6 Sản phẩm đã được đăng bán.

Dòng sự kiện phụ: Đăng sản phẩm thất bại.

Tiền điều kiện (pre-condition)

Hệ thống hiển thị mục điền thông tin sản phẩm.

Hậu điều kiện (post-condition)

Hệ thống hiển thị giao diện đăng sản phẩm thành công.

B ng 2.ả bài toán 11 Use case đăng bán s n ph mản trị viên ẩm vào giỏ hàng

Thiết kế giao diện

Hình 2.4 Giao di n trang chện trang chủ ủ

Hình 2.5 Giao di n gi i thi uện trang chủ ới thiệu ện trang chủ

Hình 2.6 Giao diện liên hệ

Hình 2.7 Giao di n đăng kýện trang chủ

Hình 2.8 Giao diện đăng nhập

Hình 2.9 Giao di n gi hàngện trang chủ ỏ hàng

Hình 2.10 Giao diện thanh toán

4.8 Giao diện quản lý của người bán

Hình 2.11 Giao diện quản lý của người bán

Hướng dẫn cài đặt xampp

Các bước cài đặt XAMPP:

Truy cập đường link bên dưới để tải phần mềm: https://www.apachefriends.org/download.html

Hình 2.22 Giao diện trang chủ tải về

Các bạn chọn liên kết phù hợp với máy rồi tải xuống

Bước 2: Tiến hành cài đặt

Sau khi tải file cài đặt về xong bấm vào file “ xampp-windows-x64-8.0.13-0-VS16- installer” để chạy, sau đó chọn Next.

Khi cài đặt XAMPP, hãy chọn đường dẫn lưu cài đặt mà bạn cần nhớ, vì khi triển khai web trên localhost, bạn sẽ cần truy cập vào thư mục này Nên để mặc định là c:\xampp, nhưng nếu ổ C đã đầy, bạn có thể cài đặt ở ổ D Sau khi chọn xong, tiếp tục nhấn Next.

Hình 2.24 Chọn nơi lưu trữ XAMPP Ở trang kế tiếp, bạn bỏ chọn phần “Learn more about Bitnami for XAMPP“ Và ấn Next

2 lần nữa để bắt đầu quá trình cài đặt XAMPP.

Hình 2.25 Bỏ chọn “Learn more about Bitnami for XAMPP“

Sau khi hoàn tất cài đặt XAMPP, hãy nhấn nút Finish để kết thúc quá trình và mở bảng điều khiển Để đảm bảo localhost hoạt động ổn định, bạn nên khởi động lại máy tính sau khi cài đặt.

Hình 2.25 Cài đặt xong XAMPP Bước 3: Khởi động localhost

Bây giờ bạn hãy vào thư mục c:\xampp và mở file xampp-panel.exe lên để bật bảng điều khiển của XAMPP.

Hình 2.26 Bảng điều khiển của XAMPP

Để khởi động localhost, bạn cần khởi động hai ứng dụng Apache và MySQL bằng cách nhấn vào nút Start của từng ứng dụng Khi cả hai ứng dụng chuyển sang màu xanh, điều đó có nghĩa là chúng đã được khởi động thành công.

Hình 2.27 Bảng điều khiển của XAMPP

Sau khi khởi động xong, truy cập vào địa chỉ http://localhost/dashboard/ để xem trang giới thiệu XAMPP.

*Lưu ý: phải chạy phần mềm và bật start của Apache và MySQL trong suốt quá trình làm việc thì dự án bạn mới chạy được

KẾT QUẢ THỰC NGHIỆM

Chức năng đăng nhập, thêm sản phẩm vào giỏ hàng

+ Trường hợp 1(TH1): Khách hàng đã đăng nhập có thể thêm sản phẩm vào giỏ hàng.

+ Trường hợp 2(TH2): Khách hàng chưa đăng nhập khi chọn chức năng thêm sản phẩm vào giỏ hệ thống sẽ yêu cầu đăng nhập.

Hình 3.12 Đã đăng nh pập

Hình 3.13 Thêm vào gi thành côngỏ hàng

Hình 3.14 Ch a đăng nh pư ập

Khi bấm nút thêm yêu cầu đăng nhập

Hình 3.15 Yêu c u đăng nh pầu đăng nhập ập

Chức năng thanh toán, xuất mã đơn hàng

Khi khách hàng lựa chọn phương thức thanh toán, hệ thống sẽ hiển thị hai tùy chọn: thanh toán bằng thẻ hoặc thanh toán khi nhận hàng Nếu khách hàng chọn thanh toán bằng thẻ, họ cần điền thông tin thẻ vào mẫu trên hệ thống, sau đó hệ thống sẽ tiến hành kiểm tra thông tin trước khi thực hiện giao dịch.

Hình 3.16 Tùy chọn thanh toán

Hình 3.17 Thanh toán qua thẻ

Hình 3.18 Xu t mã đ t hàngất mã đặt hàng ặt hàng

Ch c năng đăng ký ức năng đăng ký

Khách hàng điền thông tin vào form đăng ký, hệ thống kiểm tra email, tên, số điện thoại và mã đặt hàng Nếu thông tin hợp lệ, quản trị viên sẽ thông báo đăng ký thành công Ngược lại, nếu thông tin không chính xác, hệ thống sẽ thông báo đăng ký không thành công.

Hình 3.19 Giao di n đăng kýện trang chủ

Hình 3.20 Thông báo s đi n tho i h p lố điện thoại hợp lệ ện trang chủ ại hợp lệ ợp lệ ện trang chủ

Hình 3.21 Đăng ký thành công

Hình 3.22 Đi n email, s đi n tho i saiền email, số điện thoại sai ố điện thoại hợp lệ ện trang chủ ại hợp lệ

Thông báo lỗi điền lại

Hình 3.23 Ki m tra tài kho n đã t n t iể thao ản trị viên ồ dùng thể thao ại hợp lệ

Ch c năng c a ng ức năng đăng ký ủa người bán hàng ười bán hàng i bán hàng

Khi người bán hàng đăng nhập vào trang quản lý, họ có thể thực hiện nhiều chức năng hữu ích như xem, đăng, sửa đổi thông tin và xóa mặt hàng.

Hình 3.24 M c xem các m t hàngục xem các mặt hàng ặt hàng Đăng mặt hàng

Hình 3.25 Đi n thông tin trền email, số điện thoại sai ưới thiệuc khi đăng

Chỉnh sửa thông tin mặt hàng

Hình 3.27 M c ch nh s aục xem các mặt hàng ỉnh sửa ửa

Hình 3.28 Ch n m t hàng c n ch nh s aọn mặt hàng cần chỉnh sửa ặt hàng ầu đăng nhập ỉnh sửa ửa

Cập nhật thông tin chỉnh sửa

Hình 3.29 C p nh t thành côngập ập

Hình 3.30 Giao di n xóa m t hàngện trang chủ ặt hàng

Hình 3.31 Chọn mặt hàng cần xóa

Hình 3.33 Giao di n đ n đ t hàngện trang chủ ơn đặt hàng ặt hàng