Tên đề tài
Thiết kế Website bán hàng thời trang
Nhiệm vụ
Xây dựng một website bán hàng trực tuyến giúp giới thiệu và quảng bá sản phẩm hiệu quả, cho phép khách hàng đặt hàng theo yêu cầu Chúng tôi cung cấp đa dạng sản phẩm với giá cả hợp lý nhất, đáp ứng nhu cầu của mọi khách hàng.
Mục đích nghiên cứu
Xây dựng một website chuyên cung cấp thông tin chi tiết về các sản phẩm, bao gồm thông tin liên hệ và cập nhật thường xuyên những sản phẩm mới nhất cho khách hàng.
- Khách hàng có thể đặt hàng ngay những sản phẩm mà khách hàng yêu thích
- Tạo ra sản phẩm thân thiện, đơn giản với giao diện tự nhiên, bắt mắt, dễ sử dụng cho tất cả mọi người
- Xây dựng một website giúp người quản trị quản lý thông tin hệ thống một cách dễ dàng hơn, tiện lợi hơn
- Củng cố và bổ sung kiến thức các môn đã học Qua đó, rèn luyện kỹ năng làm việc độc lập
- Từ đề tài này có thể mở rộng ra và ứng dụng cho các đề tài khác có liên quan
Định hướng giải quyết
Từ các yêu cầu đặt ra của đề tài tiến hành phân tích và đưa ra hướng giải quyết theo các bước sau:
- Tìm hiểu về các website tương tự để xây dựng các chức năng sao cho phù hợp với đa phần thị hiếu của người sử dụng hiện nay
Tiến hành nghiên cứu các khái niệm liên quan và phân tích thông tin khảo sát để xác định các chức năng dự kiến sẽ được tích hợp vào website.
- Tìm hiểu về các nội dung cần có của một trang web bán hàng thời trang, từ đó đưa ra các giải pháp để tiến hành xây dựng
- Lựa chọn và cài đặt các công cụ, phần mềm phù hợp cho việc thiết kế website
- Bắt tay vào việc xây dựng website
- Tiến hành kiểm tra và chạy thử
- Thay đổi, bổ sung, khắc phục các lỗi để website hoàn chỉnh hơn.
Ý nghĩa thực tiển của tôi
- Ý nghĩa với doanh nghiệp, cá nhân của website:
Website được thiết kế để quảng bá sản phẩm và dịch vụ của hệ thống đến đông đảo khách hàng, từ đó gia tăng lượng người sử dụng và doanh thu Đồng thời, nó cũng giúp doanh nghiệp và cá nhân tiết kiệm chi phí hiệu quả.
- Ý nghĩa đối với khách hàng:
Giúp cho người sử dụng có thể nhanh chóng lựa chọn những món hàng mà mình muốn đặt mà không cần đến cửa hàng
- Ý nghĩa đối với cá nhân sinh viên:
Dựa trên đề tài này, em có thể phát triển một website với giao diện thân thiện, giúp người dùng dễ dàng truy cập thông tin và quản lý nội dung một cách hiệu quả.
CÔNG CỤ CÔNG NGHỆ SỬ DỤNG …
Công cụ, công nghệ sử dụng
- Ngôn ngữ sử dụng PHP
- Hệ quản trị cơ sở dữ liệu: MySQL
- Phần mềm hỗ trợ viết code: Sublime Text 3
PHP là một ngôn ngữ lập trình kịch bản mã nguồn mở, chủ yếu được sử dụng để phát triển ứng dụng máy chủ Với khả năng nhúng dễ dàng vào HTML, PHP rất phù hợp cho phát triển web Ngôn ngữ này được tối ưu hóa cho các ứng dụng web, có tốc độ nhanh, cú pháp tương tự như C và Java, dễ học, và thời gian phát triển sản phẩm ngắn hơn so với nhiều ngôn ngữ khác, giúp PHP nhanh chóng trở thành ngôn ngữ lập trình web phổ biến nhất trên toàn cầu.
Ngôn ngữ PHP và các thư viện, tài liệu gốc của nó được phát triển bởi cộng đồng, với sự đóng góp đáng kể từ Zend Inc Công ty này, do các nhà phát triển cốt lõi của PHP thành lập, nhằm tạo ra một môi trường chuyên nghiệp để thúc đẩy sự phát triển của PHP ở quy mô doanh nghiệp.
Microsoft SQL Server is a relational database management system (RDBMS) developed by Microsoft, designed for networked environments that support multiple simultaneous users accessing data It effectively manages user access and permissions within the network The key query language for Microsoft SQL Server is Transact-SQL, which is an extended version of the standard SQL defined by the International Organization for Standardization (ISO).
ANSI (American National Standards Institute) được sử dụng trong SQL Server
Bootstrap là bộ công cụ mã nguồn mở miễn phí giúp tạo mẫu website hoàn chỉnh Với các thuộc tính giao diện được định sẵn như kích thước, màu sắc, và độ cao, các designer có thể dễ dàng sáng tạo sản phẩm mới mà vẫn tiết kiệm thời gian khi làm việc với framework này.
Bootstrap facilitates a faster and more straightforward website design process by utilizing essential pre-built components such as typography, forms, buttons, tables, grids, navigation, and image carousels.
JavaScript là ngôn ngữ lập trình phổ biến nhất hiện nay, cho phép tích hợp tập lệnh vào tài liệu HTML hoặc tham chiếu từ tài liệu HTML Ngôn ngữ này được trình duyệt biên dịch và thực thi, giúp tương tác với người dùng, kiểm soát trình duyệt và tạo ra nội dung HTML động.
Cơ chế JavaScript phía máy khách mang lại nhiều lợi thế so với kịch bản lệnh CGI phía máy chủ truyền thống Chẳng hạn, JavaScript cho phép kiểm tra tính hợp lệ của địa chỉ email mà người dùng nhập vào form trước khi gửi Mã JavaScript được thực thi khi người dùng gửi form, chỉ khi tất cả các mục nhập hợp lệ, giúp giảm tải xử lý cho Web Server.
JavaScript cho phép bạn tương tác với người dùng trên website, ví dụ như khi họ nhấp chuột vào nút, liên kết hoặc thay đổi kích thước trang Dưới đây là một số ví dụ về khả năng của JavaScript.
Xampp Là phần mềm web server thuộc bản quyền của GNU General Public Licence,
XAMPP, do Apache Friends phát triển, là một giải pháp hoàn hảo để tạo máy chủ web Phần mềm này tích hợp sẵn Apache, PHP, MySQL, FTP Server, Mail Server cùng với các công cụ hữu ích như phpMyAdmin, giúp người dùng dễ dàng quản lý và phát triển ứng dụng web.
Sublime Text 3 là phiên bản mới nhất của trình soạn thảo văn bản phổ biến dành cho web developers, coders và programmers, hỗ trợ trên các hệ điều hành Mac, Windows và Linux Phần mềm này cho phép tải về và sử dụng miễn phí Bài viết này sẽ hướng dẫn sử dụng Sublime Text 3 cho web developers, cung cấp các phím tắt hữu ích và nhiều thông tin bổ ích khác.
PHÂN TÍCH MÔ HÌNH HỆ THỐNG …
Phân tích yêu cầu
3.1.1.Yêu cầu về chức năng hệ thống
-Về phía người dùng (user):
Để trải nghiệm mua sắm trực tuyến hiệu quả, người dùng cần thực hiện các bước như đăng ký và đăng nhập vào tài khoản Sau đó, họ có thể xem chi tiết sản phẩm, tìm kiếm các mặt hàng mong muốn và chọn lựa hàng hóa Quá trình mua hàng bao gồm thêm sản phẩm vào giỏ, cập nhật giỏ hàng và thực hiện thanh toán Ngoài ra, người dùng cũng có thể lọc sản phẩm để tìm kiếm nhanh chóng hơn.
-Về phía nhà cung cấp:
-Về phía quản trị (admin)
+ Đăng nhập: Thông tin đăng nhập có sẵn của quản trị viên sẽ được tạo sẵn khi website được đưa vào sử dụng
+ Thống kê: Thống kê doanh thu , thống kê sản phẩm và số lượng sản phẩm bán ra
Quản lý danh mục cho phép bạn thêm, sửa, và xóa các danh mục sản phẩm một cách dễ dàng Bên cạnh đó, quản lý sản phẩm giúp bạn theo dõi, thêm mới, chỉnh sửa và xóa sản phẩm trong kho Cuối cùng, quản lý thành viên hỗ trợ việc theo dõi số lượng khách hàng đăng ký và sử dụng website hiệu quả.
+ Quản lý đơn hàng: Kiểm tra tình trạng đơn hàng , kiểm duyệt thông tin và giao hàng cho khách hàng đặt hàng
+ Cập nhật giao diện, quảng cáo website
3.1.2.Yêu cầu về hình thức
-Giao diện thân thiện, dễ dùng
-Bố cục các chức năng hợp lý
-cho pháp người dùng chọn nhanh các sản phầm thông qua danh sách có sẵn
3.1.3.Yêu cầu về bảo mật:
-Về phía người dùng: cần phải đăng nhập để mua hàng, nếu chưa có tài khoản thì có thể đăng ký…
-Về phía người quản trị: đăng nhập để quản lý dữ liệu website
Phân tích chức năng
3.2.1.Sơ đồ chức năng quản lý admin:
Hình 3.2.1.Sơ đồ chức năng admin
Trang quản trị Đăng nhập
Thêm, sửa, xóa Đổi mật khẩu Kiểm tra, xóa
3.2.2.Sơ đồ chức năng của khách hàng:
Hình 3.2.2.Sơ đồ chức năng của khách hàng
Giỏ hàng Đăng ký Đăng nhập Đã có tài khoản True Chưa có tài khoản Đặt hàng
Sơ đồ use case
3.3.1 Sơ đồ use case tổng quát
Hình 3.3.1 Sơ đồ use case tổng quát
3.3.2 Sơ đồ use case quản lý admin
Hình 3.3.2 Sơ đồ use case quản lý admin
3.3.3 Sơ đồ quản lý danh mục admin
Hình 3.3.3 Sơ đồ quản lý danh mục admin
3.3.4 Sơ đồ quản lý sản phẩm admin
Hình 3.3.4 Sơ đồ quản lý sản phẩm admin
3.3.5 Sơ đồ quản lý tài khoản
Hình 3.3.5 Sơ đồ quản lý tài khoản
3.3.6 Sơ đồ quản lý khách hàng
Hình 3.3.6 Sơ đồ quản lý khách hàng
3.3.7 Sơ đồ quản lý đơn hàng
Hình 3.3.7 Sơ đồ quản lý đơn hàng
3.3.8 Sơ đồ use case phía người dùng
Hình 3.3.8 Sơ đồ use case phía người dùng
3.3.9 Sơ đồ quản lý giỏ hàng
Hình 3.3.9 Sơ đồ quản lý giỏ hàng
3.3.10 Sơ đồ thêm sản phẩm vào giỏ hàng
3.3.10 Sơ đồ thêm sản phẩm vào giỏ hàng
Hình 3.3.11 Sơ đồ đặt hàng
Phân tích cơ sở dữ liệu
3.4.1 Bảng danh mục sản phẩm
Tên trường Mô tả Kiểu dữ liệu Độ lớn Ràng buộc
Id_dm Id danh mục Int 10 Khóa chính
Ten_dm Tên danh mục Nvarchar 100
Tên trường Mô tả Kiểu dữ liệu Độ lớn Ràng buộc
Id Id sản phẩm Int 10 Khóa chính
Ten_sp Tên sản phẩm Nvarchar 100
Gia_sp Giá sản phẩm Float 10
Anh_sp Hình ảnh Nvarcha 100
Chitiet_sp Chi tiết sản phẩm Nvarcha 500
Soluong_sp Số lượng sản phẩm int 10
Trang_thai Trạng thái Int 10
Dac_biet Đặt biệt Int 1
Id_dm Id danh mục Int 10 Khóa ngoại
Tên trường Mô tả Kiểu dữ liệu Độ lớn Ràng buộc
Id Id banner Int 10 Khóa chính
Tên trường Mô tả Kiểu dữ liệu Độ lớn Ràng buộc
Id_bl Id bình luận Int 10 Khóa chính
Id_sp Id sản phẩm Int 10
Tên trường Mô tả Kiểu dữ liệu Độ lớn Ràng buộc
Id_nguoidung Id người dùng Int 10 Khóa chính
Tên trường Mô tả Kiểu dữ liệu Độ lớn Ràng buộc
Id_donhang Id đơn hàng Int 10 Khóa chính
Id_kh Id khách hàng Varchar 10
Ten_kh Tên khách hàng Varchar 100
Dia_chi Địa chỉ Varchar 100
Tên trường Mô tả Kiểu dữ liệu Độ lớn Ràng buộc
Id Id tài khoản Int 10 Khóa chính
Name Tên tài khoản Varchar 100
Phone Số điện thoại Varchar 100
3.4.8 Sơ đồ cấu trúc các bảng
Kết quả đạt được
Giao diện chung
4.1.1 Giao diện trang chủ Website
Hình 4.1.1 Giao diện trang chủ Website
Hình 4.1.2 Giao diện đăng ký
Hình 4.1.3 Giao diện đăng nhập
4.1.4 Giao diện chi tiết sản phẩm
Hình 4.1.4 Giao diện chi tiết sản phẩm
Hình 4.1.6 Giao diện giỏ hàng
4.1.7 Giao diện trang chủ admin
Hình 4.1.7 Giao diện trang chủ admin
4.1.8 Giao diện danh mục sản phẩm
Hình 4.1.8 Giao diện danh mục sản phẩm
4.1.9 Giao diện quản lý sản phẩm
Hình 4.1.9 Giao diện quản lý sản phẩm
4.1.10 Giao diện thêm sản phẩm
Hình 4.1.10 Giao diện thêm sản phẩm
25 4.1.11 Giao diện đăng nhập hệ thống
Hình 4.1.11 Giao diện đăng nhập hệ thống
