Mua bán được hoạt động với nhiều hình thức khác nhau nhưng để có một dẫnchứng cụ thể nói lên sự tiện lợi này trong khuân khổ của một đề tài báo cáo đồ ánchuyên ngành chúng em xin xây dựn
TỔNG QUAN VỀ ĐỀ TÀI
Lý do chọn đề tài
Ngày nay, bán hàng trực tuyến qua mạng với đa dạng mặt hàng trở nên phổ biến và được ưa chuộng rộng rãi Thời trang, đặc biệt là giày dép, luôn là chủ đề được nhiều người quan tâm, cả nam và nữ Khách hàng hiện nay có xu hướng tham khảo hình ảnh sản phẩm, so sánh giá cả qua website trước khi đến cửa hàng hoặc mua và thanh toán trực tuyến Xây dựng một website bán hàng hấp dẫn, gây ấn tượng mạnh sẽ giúp quảng bá thương hiệu, hỗ trợ phát triển kinh doanh và đạt được thành công trong lĩnh vực thời trang.
Trong xây dựng hệ thống bán hàng trực tuyến, có hai nền tảng công nghệ chính là ứng dụng di động và website Tuy nhiên, ứng dụng di động gặp phải một số hạn chế như người dùng cần phải tải và cài đặt ứng dụng trên thiết bị của mình để truy cập hệ thống Ngoài ra, mỗi khi có phiên bản mới của ứng dụng, người dùng phải tiến hành cập nhật để có thể sử dụng các tính năng mới nhất, gây bất tiện và ảnh hưởng đến trải nghiệm người dùng.
Việc thiết kế website giúp giải quyết các vấn đề về cập nhật nội dung, người dùng chỉ cần truy cập qua trình duyệt trên máy tính hoặc điện thoại là có thể tự động nhận được những thay đổi mới nhất mà không làm gián đoạn trải nghiệm của họ Nhà phát triển tập trung vào việc tạo ra các trang web hiển thị đẹp mắt và tối ưu trên các trình duyệt ổn định hơn, đảm bảo trải nghiệm người dùng tốt nhất trên mọi thiết bị.
Mục đích của đề tài
Website có mục đích phân phối trực tiếp sản phẩm, dịch vụ của cửa hàng tới khách hàng thông qua hoạt động mua sắm trực tuyến Website giúp khách hàng tiết kiệm thời gian, khách hàng có nhiều sự lựa chọn và dễ dàng so sánh giá cả sản phẩm giữa các website bán hàng trực tuyến với nhau Trang web được thiết kế phải có giao diện sáng, dễ nhìn, dễ dàng truy cập.
Đối tượng và phạm vi nghiên cứu
Đối tượng nghiên cứu: Xây dựng Website bán giày.
Quy mô hệ thống: Hệ thống bán hàng chất lượng và chính hãng là hệ thống phục vụ
8 cho mọi khách hàng, hoạt động trong phạm vi toàn quốc, cho phép nhiều khách hàng truy cập cùng một lúc.
Phạm vi nghiên cứu
Để xây dựng một Website bán hàng hiệu quả, cần kết hợp nghiên cứu lý thuyết với việc tìm hiểu nhu cầu thực tế của người dùng Đồng thời, trải nghiệm các Website bán hàng online hiện nay giúp hiểu rõ tiêu chuẩn về giao diện và chức năng Trên cơ sở đó, lập kế hoạch xây dựng Website bán hàng đẹp, chất lượng, chính hãng và tích hợp đầy đủ các nghiệp vụ cơ bản để phục vụ khách hàng tốt nhất.
Quy trình nghiệp vụ
Khách hàng khi có nhu cầu mua giày thường truy cập vào trang web của cửa hàng để tìm kiếm sản phẩm phù hợp nhất với nhu cầu của mình Họ có thể lọc tìm kiếm theo các tiêu chí như dòng sản phẩm, màu sắc, mức giá, danh mục sản phẩm, giới tính hoặc độ tuổi Ngoài ra, khách hàng cũng có thể dễ dàng tìm kiếm chính xác tên sản phẩm để nhanh chóng tìm thấy đôi giày mong muốn Việc cung cấp các tùy chọn tìm kiếm đa dạng giúp nâng cao trải nghiệm mua sắm và tăng khả năng tiếp cận khách hàng mục tiêu.
Khi khách hàng chọn một sản phẩm để xem chi tiết, hệ thống sẽ chuyển sang trang chi tiết gồm các thông tin quan trọng như danh sách hình ảnh, tên sản phẩm, giá bán kèm các mã khuyến mãi, phần trăm giảm giá, giá đã khuyến mãi, thương hiệu, mã sản phẩm, mô tả ngắn về sản phẩm, kích thước và các đặc điểm kỹ thuật khác Ngoài ra, trang còn cung cấp các thông tin bổ sung như xuất xứ và nhận xét đánh giá từ khách hàng để giúp người mua đánh giá chính xác Nếu thông tin không đáp ứng yêu cầu, khách hàng có thể quay trở lại trang trước để xem các sản phẩm khác.
Khách hàng chọn số lượng, kích thước, màu sắc sản phẩm, sau đó thêm vào giỏ hàng để dễ dàng quản lý Hệ thống sẽ tạo giỏ hàng khi khách hàng chọn mua, cho phép xem thông tin và chỉnh sửa sản phẩm nếu cần thiết Để đặt hàng, khách hàng cần đăng nhập nếu đã có tài khoản hoặc đăng ký mới, giúp hệ thống cập nhật thông tin đơn hàng chính xác Sau khi đăng nhập, khách hàng kiểm tra và xác nhận đơn hàng trước khi tiến hành thanh toán để hoàn tất mua sắm một cách thuận tiện và an toàn.
CƠ SỞ LÝ THUYẾT
Lý thuyết cơ sở dữ liệu
Hệ thống cơ sở dữ liệu SQL Server Management Studio
Microsoft SQL Server Management Studio (SSMS) là phần mềm do Microsoft phát triển để giúp người dùng cấu hình, quản lý và quản trị toàn bộ các thành phần của Microsoft SQL Server Ra mắt lần đầu cùng Microsoft SQL Server 2005, SSMS là sự kế thừa của Trình quản lý doanh nghiệp trong các phiên bản SQL Server trước đó Công cụ này tích hợp trình chỉnh sửa tập lệnh và công cụ đồ họa, hỗ trợ quản lý các đối tượng và tính năng của máy chủ một cách dễ dàng và hiệu quả.
SQL Server cung cấp đầy đủ các công cụ quản lý từ giao diện GUI đến sử dụng ngôn ngữ truy vấn SQL, giúp tối ưu quản lý dữ liệu Điểm mạnh của SQL Server là khả năng tích hợp linh hoạt với nhiều nền tảng như ASP.NET và C#, hỗ trợ xây dựng các ứng dụng web và phần mềm đa dạng Ngoài ra, Winform có khả năng hoạt động độc lập, phù hợp cho các ứng dụng desktop và phát triển phần mềm doanh nghiệp hiệu quả.
SQL Server đã trải qua hơn 20 năm phát triển và liên tục hoàn thiện các phiên bản khác nhau để phù hợp với nhu cầu người dùng Mô hình Client-Server của SQL Server gồm hai thành phần chính, trong đó Workstation được cài đặt trên các thiết bị vận hành nhằm tương tác trực tiếp với hệ thống máy chủ Server, đảm bảo quá trình xử lý dữ liệu hiệu quả và linh hoạt.
+ Server: Được cài đặt ở trên máy chủ chính, nó có thể là: SQL server, SQL Server Agent, SSIS, SSAS,
SQL Server thường được sử dụng để lưu trữ dữ liệu một cách an toàn và hiệu quả, đảm bảo quản lý thông tin chính xác Ngoài ra, nền tảng này còn cung cấp các tính năng hỗ trợ làm việc tối ưu, giúp người dùng nâng cao năng suất và xử lý dữ liệu nhanh chóng Các tính năng nổi bật của SQL Server giúp cải thiện hiệu quả công việc, bao gồm khả năng truy vấn dữ liệu linh hoạt, quản lý dữ liệu dễ dàng và khả năng mở rộng phù hợp với nhu cầu doanh nghiệp.
+ Giúp người sử dụng có thể duy trì việc lưu trữ bền vững.
+ Cho phép bạn tạo ra nhiều cơ sở dữ liệu hơn
+ Có khả năng phân tích dữ liệu bằng SSAS.
+ Nó có khả năng bảo mật cao.
+ Việc tạo ra được các báo cáo bằng SSRS — SQL Server Reporting Services sẽ được dễ dàng hơn
+ Các quá trình sẽ được thực hiện bằng SSIS — SQL Server Integration Services.
Ngôn ngữ lập trình
HTML (Hypertext Markup Language) là ngôn ngữ siêu văn bản dùng để xây dựng và cấu trúc các phần trong trang web hoặc ứng dụng, như đoạn văn, heading, liên kết, blockquotes, HTML hoạt động bằng cách sử dụng các thẻ (tags) để định hình nội dung và bố cục, giúp trình duyệt hiểu và hiển thị trang web một cách chính xác.
Dấu hiệu nhận biết các tài liệu HTML chính là các file có đuôi html hoặc htm, có thể xem trực tiếp bằng bất kỳ trình duyệt web nào như Safari, Google Chrome hoặc Microsoft Edge Các trình duyệt này sẽ đọc và hiển thị nội dung của file HTML, giúp người dùng dễ dàng truy cập và đọc thông tin trên internet.
Trong thực tế, một website gồm nhiều trang HTML khác nhau như trang chủ, trang giới thiệu, trang liên hệ, mỗi trang đều có mã HTML riêng biệt Mỗi trang HTML chứa các tag hay còn gọi là elements, đóng vai trò là các yếu tố xây dựng cấu trúc của trang web Ưu điểm của HTML là dễ học, dễ sử dụng và giúp tạo cấu trúc rõ ràng cho trang web, tuy nhiên nhược điểm là còn hạn chế về tính năng và khả năng tùy biến so với các công nghệ web khác.
HTML được tạo ra với mục đích tạo bố cục và cấu trúc cho trang web.
HTML đã ra đời từ rất lâu, mang đến nguồn tài nguyên khổng lồ và hỗ trợ một cộng đồng người dùng rộng lớn Nhờ đó, cộng đồng HTML ngày càng phát triển mạnh mẽ trên toàn thế giới, thúc đẩy sự sáng tạo và đổi mới trong lĩnh vực thiết kế web.
Mã nguồn của HTML là mã nguồn mở, do đó người dùng có thể sử dụng hoàn toàn miễn phí.
HTML được sử dụng và được sử dụng trên nhiều trình duyệt được nhiều người dùng ưa chuộng hiện nay như Internet Explorer, Chrome, FireFox, Cốc cốc,…
Học và tìm hiểu HTML đơn giản nên người học dễ dàng nắm được kiến thức và vận dụng trong xây dựng trang web căn bản.
Nhược điểm lớn nhất của HTML đó chính là chỉ có thể web tĩnh, có thể hiểu là những trang web chỉ hiện thông tin mà không có sự tương tác cho người dùng Do đó,khi xây dựng tính năng động hoặc xây dựng hệ thống website có sự tương tác với người dùng, lập trình viên cần phải dùng thêm JavaScript hoặc ngôn ngữ backend của bên thứ ba.
HTML thường chỉ có thể thực thi những thứ logic và cấu trúc nhất định, HTML không có khả năng tạo sự khác biệt và mới mẻ.
Một số trình duyệt vẫn còn chậm trong viết hỗ trợ các phiên bản mới của HTML, đặc biệt là HTML5.
Một số trình duyệt không thể render những tag mới trong HTML5. c) Vai trò của HTML trong lập trình web
Là một loại ngôn ngữ đánh dấu siêu văn bản, thế nên các chức năng của nó cũng xoay quanh yếu tố này Cụ thể, HTML giúp cấu thành các cấu trúc cơ bản trên một website (chia khung sườn, bố cục các thành phần trang web) và góp phần hỗ trợ khai báo các tập tin kĩ thuật số như video, nhạc, hình ảnh. Ưu điểm nổi trội nhất và cũng là thế mạnh của HTML là khả năng xây dựng cấu trúc và khiến trang web đi vào quy củ một hệ thống hoàn chỉnh Nếu bạn mong muốn sở hữu một website có cấu trúc tốt có mục đích sử dụng nhiều loại yếu tố trong văn bản, hãy hỏi HTML Nhiều ý kiến cho rằng tùy theo mục đích sử dụng mà lập trình viên hay người dùng có thể lựa chọn ngôn ngữ lập trình riêng cho website của bạn, tuy nhiên thực chất HTML chứa những yếu tố cần thiết mà dù Website của bạn có thuộc thể loại nào, giao tiếp với ngôn ngữ lập trình nào để xử lý dữ liệu thì nó vẫn phải cần đến ngôn ngữ HTML để hiển thị nội dung cho người truy cập.
2.2.2 Ngôn ngữ CSS a) Định nghĩa
CSS là viết tắt của Cascading Style Sheets, là ngôn ngữ dùng để định dạng và chỉnh sửa các phần tử được tạo ra bởi HTML, giúp tạo phong cách cho trang web Trong đó, HTML chịu trách nhiệm cấu trúc như đoạn văn, tiêu đề và bảng, còn CSS cho phép thay đổi bố cục, màu sắc, font chữ và cấu trúc của các phần tử này để thiết kế trang web trở nên hấp dẫn và dễ nhìn hơn.
CSS hoạt động bằng cách xác định các vùng chọn dựa trên tên thẻ HTML, ID hoặc class, sau đó áp dụng các thuộc tính kiểu dáng cần thiết lên các vùng chọn đó, giúp thiết kế trang web trở nên dễ dàng và hiệu quả hơn.
HTML và CSS có mối quan hệ mật thiết trong việc xây dựng trang web; HTML đóng vai trò là nền tảng của website, cung cấp cấu trúc và nội dung, trong khi CSS định dạng phong cách và tạo ra giao diện trực quan, thu hút người dùng Vai trò của CSS là làm nổi bật thiết kế, giúp website trở nên đẹp mắt và chuyên nghiệp hơn, đồng thời cải thiện trải nghiệm người dùng Sự kết hợp giữa HTML và CSS là yếu tố không thể thiếu để xây dựng một trang web hoàn chỉnh, hấp dẫn và tối ưu cho công cụ tìm kiếm.
CSS giúp tổ chức mã nguồn của website trở nên gọn gàng và có trật tự hơn, nâng cao khả năng quản lý nội dung Việc tách biệt phần định dạng hiển thị của nội dung giúp trình bày trang web rõ ràng và chuyên nghiệp hơn Nhờ đó, quá trình cập nhật nội dung trở nên dễ dàng hơn, đồng thời hạn chế tối đa việc làm rối mã HTML.
Sử dụng CSS giúp loại bỏ việc lặp lại các mô tả cho từng thành phần, tiết kiệm thời gian làm việc và tối ưu quá trình phát triển website Việc viết code ngắn gọn hơn còn giúp kiểm soát lỗi dễ dàng hơn, nâng cao hiệu quả lập trình và duy trì giao diện đồng bộ.
CSS cung cấp các thuộc tính chi tiết hơn HTML để định nghĩa giao diện của trang web, giúp tạo ra các thiết kế đẹp mắt và chuyên nghiệp Nhờ CSS, người dùng có thể áp dụng nhiều kiểu dáng khác nhau trên cùng một trang HTML, nâng cao khả năng tùy chỉnh và sáng tạo trong thiết kế website Với CSS, việc điều chỉnh giao diện trang web trở nên dễ dàng và linh hoạt hơn, mở ra vô hạn cơ hội để làm đẹp và tối ưu hóa trải nghiệm người dùng.
PHÂN TÍCH VÀ THIẾT KẾ CƠ SỞ DỮ LIỆU
Thiết kế cơ sở dữ liệu
Field Name Data Type Allow null
Field Name Data Type Allow null
Field Name Data Type Allow null
Field Name Data Type Allow null
Field Name Data Type Allow null
Field Name Data Type Allow null
Field Name Data Type Allow null
Field Name Data Type Allow null
Field Name Data Type Allow null
Downloaded by Vu Vu (quangchinhlas199@gmail.com)
Field Name Data Type Allow null
Field Name Data Type Allow null
Mô hình Class Diagram
Hình 1 - Mô hình Class Diagrams
Downloaded by Vu Vu (quangchinhlas199@gmail.com)
MÔ HÌNH HOÁ YÊU CẦU
Mô hình luồng dữ liệu
Thiết kế hệ thống
a) Use Case tổng quan hệ thống bán hàng
Hình 3 - Use Case tổng quan hệ thống bán hàng
19 b) Use Case phân rã chức năng
Hình 4 - Use Case phân rã chức năng Quản lý tài khoản
Hình 5 - Use Case phân rã chức năng Quản lý khách hàng
Downloaded by Vu Vu (quangchinhlas199@gmail.com)
Hình 6 - Use Case phân rã chức năng Quản lý nhà cung cấp
Hình 7 - Use Case phân rã chức năng Quản lý sản phẩm
Lược đồ tuần tự
a) Chức năng quản lý nhà cung cấp
Hình 8 - Lược đồ tuần tự chức năng Quản lý nhà cung cấp b) Chức năng quản lý khách hàng
Hình 9 - Lược đồ tuần tự chức năng Quản lý khách hàng
Downloaded by Vu Vu (quangchinhlas199@gmail.com) c) Chức năng tìm kiếm sản phẩm
Hình 10 - Lược đồ tuần tự chức năng tìm kiếm sản phẩm
Sơ đồ ActivityDiagram
Hình 11 - Sơ đồ ActivityDiagram chức năng đăng nhập
Downloaded by Vu Vu (quangchinhlas199@gmail.com) b) Chức năng thêm sản phẩm
Hình 12 - Sơ đồ ActivityDiagram chức năng thêm sản phẩm
25 c) Chức năng sửa sản phẩm
Hình 13 - Sơ đồ ActivityDiagram chức năng sửa sản phẩm
Downloaded by Vu Vu (quangchinhlas199@gmail.com)
CHƯƠNG 5 - THIẾT KẾ PHẦN MỀM
Giao diện đăng nhập
Hình 14 - Giao diện quản lý đăng nhập
Hình 15 - Giao diện khách hàng đăng nhập
Giao diện trang chủ
Hình 16 - Trang chủ quản lý
Hình 17 - Giao diện trang chủ
Downloaded by Vu Vu (quangchinhlas199@gmail.com)
Downloaded by Vu Vu (quangchinhlas199@gmail.com)
Chức năng quản lý
Hình 18 - Quản lý Đơn hàng
Hình 19 - Quản lý Khách hàng
Hình 20 - Quản lý Sản phẩm
Hình 21 - Quản lý Màu sắc
Downloaded by Vu Vu (quangchinhlas199@gmail.com)
Quản lý nhà cung cấp
Hình 23 - Quản lý Nhà cung cấp
Quản lý mã giảm giá
Hình 24 - Quản lý Mã giảm giá
Hình 25 - Quản lý Nhân viên
Downloaded by Vu Vu (quangchinhlas199@gmail.com)
Chức năng phần mềm
Hình 27 - Đăng nhập khách hàng
Chức năng đăng ký thành viên
Hình 28 - Đăng ký thành viên
Chức năng gửi voucher sinh nhật khách hàng
Hình 29 - Gửi Voucher sinh nhật khách hàng
Downloaded by Vu Vu (quangchinhlas199@gmail.com)
Chức năng báo cáo, thống kê
Hình 30 - Chức năng thống kê
Hình 31 - Chức năng báo cáo
Chức năng đặt hàng và thanh toán
Downloaded by Vu Vu (quangchinhlas199@gmail.com)
Hình 33 - Đặt hàng và thanh toán
Chức năng chỉnh sửa thông tin
Hình 34 - Chỉnh sửa thông tin cá nhân
Các trang giao diện khác
Trang chi tiết sản phẩm
Hình 36 - Trang chi tiết sản phẩm
Downloaded by Vu Vu (quangchinhlas199@gmail.com)
Downloaded by Vu Vu (quangchinhlas199@gmail.com)
Các kết quả đã thực hiện
- Giao diện website đẹp, thu hút khách hàng từ ánh nhìn đầu tiên.
- Xây dựng website hoàn hảo dựa trên mong muốn và lợi ích của khách hàng.
- Tiết kiệm thời gian, tiết kiệm chi phí.
- Chức năng còn thiếu sót nhiều.
- Trang web có tính bảo mật chưa cao.
- Cập nhật website thường xuyên.
- Chú trọng vào tương tác khách hàng.
- Cung cấp cho người dùng tất cả các thông tin mà họ quan tâm.
Bạn nên hạn chế sử dụng các từ ngữ chuyên ngành phức tạp, khó hiểu để dễ dàng truyền tải thông điệp đến người đọc Thay vào đó, hãy sử dụng các từ ngữ thân thiện, dễ hiểu và cách diễn đạt gần gũi hơn để nâng cao khả năng tiếp cận và thu hút độc giả Việc này giúp nội dung của bạn trở nên rõ ràng hơn, dễ ghi nhớ và tạo sự tin tưởng từ phía người xem.