- Từ những phần mềm quản lý giúp cho công việc bán hàng của cở hàng trở nên nhanh chóng và dễ dàng, ngày nay công nghệ thông tin đã phát triển mạnh mẽ hơn nữa, Website ra đời không chỉ đ
Tên đề tài
Thiết kế Website bán hàng điện tử
Nhiệm vụ
Xây dựng một website bán hàng trực tuyến chuyên nghiệp giúp giới thiệu và quảng bá sản phẩm hiệu quả, thu hút khách hàng Trang web cung cấp các chức năng đặt hàng theo yêu cầu, đảm bảo đáp ứng mọi nhu cầu của khách hàng Với đa dạng sản phẩm và mức giá cạnh tranh, chúng tôi cam kết mang đến sự lựa chọn hợp lý nhất cho người tiêu dùng.
Mục đích nghiên cứu
Xây dựng một website chuyên nghiệp giúp khách hàng dễ dàng truy cập và tìm hiểu tất cả thông tin về các sản phẩm, bao gồm mô tả chi tiết, hình ảnh minh họa và giá cả Website được cập nhật thường xuyên với các sản phẩm mới nhất để giữ chân khách hàng và nâng cao hiệu quả kinh doanh Bên cạnh đó, việc tích hợp thông tin liên hệ rõ ràng giúp khách hàng dễ dàng liên lạc và nhận hỗ trợ nhanh chóng, tạo trải nghiệm mua sắm thuận tiện và tin cậy hơn.
- 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
Chúng tôi bắt đầu bằng việc nghiên cứu các khái niệm liên quan để đảm bảo hiểu rõ về dự án Dựa trên các thông tin khảo sát thu thập được, quá trình phân tích chức năng sẽ giúp xác định các tính năng cần thiết để tích hợp vào website Quá trình này đảm bảo các chức năng đáp ứng đúng nhu cầu của người dùng và đạt hiệu quả trong hoạt động của website.
- Tìm hiểu về các nội dung cần có của một trang web bán hàng điện tử, 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 xây dựng để quảng bá rộng rãi thông tin sản phẩm và dịch vụ của doanh nghiệp ra thị trường, từ đó giúp tăng lượng khách hàng truy cập và doanh thu Ngoài ra, website còn giúp giảm thiểu chi phí marketing và vận hành cho doanh nghiệp, mang lại hiệu quả kinh doanh tối ưu.
- Ý 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:
Bạn có thể xây dựng một website thực tế với giao diện thân thiện và dễ sử dụng, giúp người dùng truy cập thông tin một cách thuận tiện Website này còn dễ quản lý, đảm bảo tối ưu hóa trải nghiệm người dùng và nâng cao hiệu quả hoạt động.
CÔNG CỤ CÔNG NGHỆ SỬ DỤNG …
Công cụ, công nghệ sử dụng
- Ngôn ngữ sử dụng Varavel
- Hệ quản trị cơ sở dữ liệu: MySQL
- Phần mềm hỗ trợ viết code: Xampp, Sublime Text 3
Laravel là PHP Framework mã nguồn mở miễn phí, được phát triển bởi Taylor Otwell từ tháng 6 năm 2011, nhằm hỗ trợ phát triển các ứng dụng web hiệu quả Với mô hình MVC (Model – View – Controller), Laravel giúp tổ chức mã nguồn rõ ràng, dễ bảo trì và mở rộng Đây là lựa chọn phổ biến cho các nhà phát triển PHP muốn xây dựng ứng dụng web mạnh mẽ, linh hoạt và tối ưu hóa hiệu suất.
Laravel hiện được phát hành theo giấy phép MIT, với source code được lưu trữ tại Gitthub
Dù ra đời muộn hơn so với các đối thủ, Laravel đã tạo thành một làn sóng lớn trong cộng đồng phát triển phần mềm Với đánh giá tích cực và mức độ sử dụng rộng rãi, Laravel đã trở thành một trong những Framework phổ biến nhất hiện nay Theo biểu đồ Github, số lượng sao của Laravel đã tăng đáng kể so với các Framework khác, chứng tỏ sức hút và sự tin dùng ngày càng tăng của người lập trình đối với Laravel.
Microsoft SQL Server is a relational database management system (RDBMS) developed by Microsoft It operates on a client-server model, allowing multiple users to access data simultaneously while managing valid access and user permissions across the network The primary query language for Microsoft SQL Server is Transact-SQL, an extended version of the standard SQL language based on ISO standards.
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 ra các mẫu website hoàn chỉnh một cách dễ dàng và nhanh chóng Với các thuộc tính giao diện đã được định sẵn như kích thước, màu sắc, độ cao và độ rộng, các designer có thể sáng tạo nhiều sản phẩm mới mẻ mà vẫn tiết kiệm thời gian trong quá trình thiết kế giao diện website Bootstrap phù hợp cho những ai muốn xây dựng website chuyên nghiệp, tối ưu hóa quy trình thiết kế và nâng cao trải nghiệm người dùng.
Bootstrap enables quick and easy website design by leveraging essential components such as typography, forms, buttons, tables, grids, navigation, and image carousels, streamlining the development process for a professional and responsive website.
JavaScript là ngôn ngữ lập trình phổ biến nhất trong phát triển web Ngôn ngữ này cho phép tạo ra các tập lệnh (script) tích hợp trong HTML hoặc được tham chiếu từ HTML, giúp trình duyệt biên dịch và thực thi mã một cách hiệu quả Nhờ đó, JavaScript có khả năng 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, nâng cao trải nghiệm người dùng trên website.
JavaScript phía máy khách mang lại nhiều lợi ích so với các kịch bản phía máy chủ CGI truyền thống Nó cho phép kiểm tra tính hợp lệ của dữ liệu như địa chỉ email trong form ngay tại trình duyệt trước khi gửi đến server, giúp giảm tải xử lý cho Web Server Ngoài ra, JavaScript còn cho phép tương tác động với người dùng khi họ thao tác trên website, ví dụ như khi nhấn nút, nhấp liên kết hoặc thay đổi kích thước trang Các khả năng này giúp nâng cao trải nghiệm người dùng và tối ưu hiệu suất của trang web.
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ân phối và phát triển, là phần mềm tạo máy chủ Web (Web Server) tích hợp sẵn Apache, PHP, MySQL, FTP Server và Mail Server, giúp bạn dễ dàng thiết lập môi trường phát triển web Ngoài ra, XAMPP còn bao gồm các công cụ quản lý như phpMyAdmin, hỗ trợ tối ưu cho việc vận hành và kiểm thử các ứng dụng web một cách nhanh chóng và hiệu quả.
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 nhất dành cho web developer, coder và programmer Phần mềm này có sẵn cho Mac, Windows và Linux, cho phép người dùng tải về và sử dụng miễn phí Trong bài viết này, chúng ta sẽ cùng nhau khám phá hướng dẫn sử dụng Sublime Text 3 cho web developer, những phím tắt hữu ích và các tính năng nổi bật khác để tối ưu hóa quá trình lập trình.
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):
Để mua sắm thuận tiện trên website, khách hàng cần đăng ký hoặc đăng nhập tài khoản để truy cập đầy đủ các tính năng Sau đó, bạn có thể xem chi tiết sản phẩm, tìm kiếm sản phẩm theo nhu cầu và lọc sản phẩm theo nhiều tiêu chí nhằm tiết kiệm thời gian Quá trình chọn hàng, thêm vào giỏ hàng, cập nhật và thanh toán đảm bảo trải nghiệm mua sắm dễ dàng và nhanh chóng Người dùng còn có thể bình luận, đánh giá sản phẩm để chia sẻ cảm nhận và lựa chọn phù hợp nhất cho mình.
-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 giúp bạn dễ dàng điều chỉnh, thêm mới hoặc xóa các danh mục sản phẩm để tối ưu hóa việc tổ chức website Hệ thống quản lý sản phẩm cho phép bạn thêm, sửa hoặc xóa các sản phẩm một cách linh hoạt, đảm bảo dữ liệu luôn chính xác và cập nhật Quản lý thành viên giúp theo dõi lượng khách hàng đăng ký và sử dụng website, từ đó nâng cao trải nghiệm người dùng và chăm sóc khách hàng 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:
Người dùng cần đăng nhập để thực hiện các hoạt đông như mua hàng, bình luận và đánh giá sản phẩm Nếu chưa có tài khoản, khách hàng có thể dễ dàng đăng ký để trải nghiệm các dịch vụ của cửa hàng một cách thuận tiện và nhanh chóng.
-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
Chi tiết sản phẩm Bình luận
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ý quảng cáo
Hình 3.3.5 Sơ đồ quản lý quảng cáo
3.3.6 Sơ đồ quản lý tài khoản
Hình 3.3.6 Sơ đồ quản lý tài khoản
3.3.7 Sơ đồ quản lý khách hàng
Hình 3.3.7 Sơ đồ quản lý khách hàng
3.3.8 Sơ đồ quản lý đơn hàng
Hình 3.3.8 Sơ đồ quản lý đơn hàng
3.3.9 Sơ đồ quản lý bình luận
Hình 3.3.9 Sơ đồ quản lý bình luận
3.3.10 Sơ đồ use case phía người dùng
Hình 3.3.10 Sơ đồ use case phía người dùng
3.3.11 Sơ đồ quản lý giỏ hàng
Hình 3.3.11 Sơ đồ quản lý giỏ hàng
3.3.12 Sơ đồ thêm sản phẩm vào giỏ hàng
3.3.12 Sơ đồ thêm sản phẩm vào giỏ hàng
Hình 3.3.13 Sơ đồ đặt hàng
3.3 Phân tích cơ sở dữ liệu
3.3.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_nguoidung Id người dù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.3.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
4.1.5 Giao diện bình luận sản phẩm
Hình 4.1.5 Giao diện bình luận 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
Hình 4.1.10 Giao diện thêm sản phẩm
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