I. Tổng quan về đề tài Khóa luận Xây dựng Website bán đồ uống Tea Coffee
Khóa luận tốt nghiệp CNTT về website bán đồ uống Tea & Coffee là một đồ án thực tiễn được thực hiện tại Trường Đại học Hải Phòng, Khoa Công nghệ thông tin. Đề tài này nhằm xây dựng một nền tảng thương mại điện tử chuyên biệt để bán các sản phẩm trà và cà phê chất lượng cao. Dự án được hướng dẫn bởi ThS. Hoàng Văn Lâm và tập trung vào việc phát triển hệ thống quản lý sản phẩm, đơn hàng và khách hàng thông qua công nghệ web hiện đại. Website bán đồ uống này không chỉ cung cấp giao diện thân thiện mà còn đảm bảo tính bảo mật và hiệu suất cao. Đây là một ứng dụng thực tế giúp các sinh viên CNTT áp dụng kiến thức học tập vào thực tiễn.
1.1. Lý do chọn đề tài và mục tiêu phát triển
Lý do chọn đề tài xây dựng website bán đồ uống Tea & Coffee xuất phát từ nhu cầu thực tế của thị trường bán lẻ trực tuyến. Mục tiêu chính là tạo ra một nền tảng thương mại điện tử hiệu quả giúp người kinh doanh quản lý sản phẩm, xử lý đơn hàng và tương tác với khách hàng một cách chuyên nghiệp. Đồng thời, đề tài cung cấp trải nghiệm người dùng tốt nhất với giao diện trực quan và tính năng tìm kiếm sản phẩm nâng cao.
1.2. Phạm vi và nội dung thực hiện
Phạm vi của khóa luận website bán đồ uống bao gồm phân tích yêu cầu hệ thống, thiết kế cơ sở dữ liệu MySQL, phát triển giao diện người dùng và trang quản trị Admin. Nội dung thực hiện cụ thể là quản lý danh mục sản phẩm, quản lý khách hàng, quản lý đơn hàng và các chức năng mua sắm trực tuyến tiêu chuẩn.
II. Công nghệ sử dụng trong đồ án tốt nghiệp Website Tea Coffee
Đồ án tốt nghiệp website bán đồ uống sử dụng stack công nghệ hiện đại và phổ biến trong lĩnh vực phát triển web. Frontend được xây dựng bằng HTML, CSS, JavaScript và TypeScript, cung cấp giao diện người dùng động và tương tác mượt mà. Backend sử dụng PHP kết hợp với Visual Studio Code làm công cụ phát triển chính. Cơ sở dữ liệu MySQL được quản lý thông qua XAMPP, một gói phần mềm tích hợp Apache, PHP và MySQL. Các công nghệ này được chọn vì tính ổn định, chi phí thấp và khả năng mở rộng cao. Stack LAMP (Linux, Apache, MySQL, PHP) là nền tảng lý tưởng cho ứng dụng thương mại điện tử nhỏ đến vừa.
2.1. Frontend và công cụ phát triển
Visual Studio Code được sử dụng làm IDE chính với hỗ trợ mạnh mẽ cho HTML, CSS, JavaScript và TypeScript. TypeScript cung cấp an toàn kiểu dữ liệu cao hơn so với JavaScript, giảm lỗi thời chạy. Frontend của website bán đồ uống bao gồm các trang như đăng nhập, trang chủ, thực đơn sản phẩm, giỏ hàng với giao diện responsive tương thích mọi thiết bị.
2.2. Backend CSDL và XAMPP
PHP được chọn cho backend nhờ khả năng xử lý yêu cầu HTTP tốt và tích hợp dễ dàng với cơ sở dữ liệu. MySQL lưu trữ dữ liệu sản phẩm, khách hàng, đơn hàng với tính toàn vẹn dữ liệu cao. XAMPP giúp thiết lập môi trường phát triển nhanh chóng với Apache, PHP, MySQL được cấu hình sẵn, tối ưu hóa qui trình xây dựng đồ án.
III. Thiết kế hệ thống và các Use Case chính
Thiết kế hệ thống của khóa luận website bán đồ uống Tea & Coffee dựa trên mô hình UML với các biểu đồ UseCase, biểu đồ hoạt động, biểu đồ trạng thái và biểu đồ tuần tự. Hệ thống được chia thành ba tác nhân chính: Admin, Khách hàng đã đăng nhập và Khách hàng vãn lai. Admin có quyền quản lý sản phẩm, danh mục, khách hàng và đơn hàng. Khách hàng có thể duyệt sản phẩm, thêm vào giỏ hàng, thanh toán và xem lịch sử đơn hàng. Các Use Case chính bao gồm đăng nhập/đăng xuất, quản lý sản phẩm, quản lý đơn hàng và xử lý thanh toán. Biểu đồ hoạt động chi tiết quy trình của mỗi chức năng từ bước nhập dữ liệu đến xuất kết quả.
3.1. Các tác nhân và Use Case
Admin là tác nhân quản trị có quyền cao nhất để quản lý danh mục, sản phẩm, khách hàng và đơn hàng. Khách hàng đã đăng ký có quyền duyệt sản phẩm, mua hàng, quản lý tài khoản cá nhân. Khách hàng vãn lai chỉ có quyền xem sản phẩm và giỏ hàng mà không cần đăng nhập. Mỗi Use Case được mô tả chi tiết với các bước thực hiện, điều kiện tiên quyết và kết quả mong đợi.
3.2. Biểu đồ hoạt động và quy trình xử lý
Biểu đồ hoạt động mô tả chi tiết quy trình từ yêu cầu người dùng đến phản hồi của hệ thống. Ví dụ, quy trình đăng nhập bao gồm nhập tên người dùng, kiểm tra thông tin, xác thực và truy cập hệ thống. Quy trình mua hàng gồm chọn sản phẩm, thêm giỏ hàng, thanh toán và xác nhận đơn. Biểu đồ trạng thái thể hiện các trạng thái của đơn hàng từ pending đến hoàn thành.
IV. Giao diện người dùng và kết quả triển khai
Giao diện người dùng của website bán đồ uống Tea & Coffee được thiết kế thân thiện, dễ sử dụng và tối ưu hóa cho di động. Trang đăng nhập cung cấp form nhập liệu an toàn với xác thực mật khẩu mạnh. Trang chủ khách hàng hiển thị danh mục sản phẩm nổi bật và tính năng tìm kiếm. Trang thực đơn liệt kê toàn bộ sản phẩm với hình ảnh, giá cả và mô tả chi tiết. Giỏ hàng cho phép cập nhật số lượng, xóa sản phẩm và tính tổng tiền. Trang Admin cung cấp dashboard quản lý với các chức năng thêm, sửa, xóa sản phẩm và quản lý đơn hàng. Kết quả triển khai cho thấy hệ thống hoạt động ổn định và đáp ứng toàn bộ yêu cầu ban đầu. Hướng phát triển tiếp theo bao gồm tích hợp thanh toán trực tuyến, hỗ trợ đa ngôn ngữ và nâng cao hiệu suất.
4.1. Giao diện khách hàng và các tính năng chính
Giao diện khách hàng của website bán đồ uống bao gồm trang đăng nhập an toàn, trang chủ với banner quảng cáo, danh sách sản phẩm với bộ lọc, trang chi tiết sản phẩm và giỏ hàng tương tác. Mỗi trang được thiết kế responsive để hiển thị đẹp trên điện thoại, máy tính bảng và máy tính để bàn. Tính năng tìm kiếm cho phép khách hàng nhanh chóng tìm sản phẩm yêu thích theo tên, giá hoặc danh mục.
4.2. Giao diện Admin và quản lý hệ thống
Trang quản trị Admin cung cấp dashboard tổng quan về doanh số, đơn hàng, sản phẩm. Quản lý sản phẩm cho phép thêm sản phẩm mới với hình ảnh, mô tả, giá cả và chỉnh sửa, xóa sản phẩm hiện có. Quản lý danh mục tổ chức sản phẩm theo các nhóm tea, coffee và phụ liệu. Quản lý đơn hàng theo dõi trạng thái giao hàng và liên hệ khách hàng. Hệ thống đã kiểm tra và hoạt động ổn định trong môi trường XAMPP.
