Trong khuôn khổ học phần Xây dựng giao diện tương tác Backend, sinh viên Dương Gia Bảo chuyên ngành Phát triển Phần mềm tại FPT Polytechnic Cần Thơ đã triển khai thành công dự án website tích hợp hai phân hệ: Thương mại điện tử và Blog cộng đồng dành cho những người đam mê cà phê. Sản phẩm là minh chứng cho năng lực ứng dụng kiến thức Single Page Application thực chiến và tư duy thiết kế hệ thống độc lập.
Mô hình tích hợp và giải pháp tối ưu hóa trải nghiệm người dùng
Dự án được triển khai độc lập bởi sinh viên Dương Gia Bảo thuộc lớp SD21201, dưới sự định hướng chuyên môn trực tiếp từ giảng viên Lê Ngọc Đào. Xuất phát từ nhu cầu thực tế của thị trường về một không gian số chuyên biệt dành cho cộng đồng yêu thích cà phê, tác giả đã không lựa chọn mô hình trang web bán hàng đơn thuần mà hướng tới việc xây dựng một hệ sinh thái nhỏ. Tại đây, người tiêu dùng có thể trải nghiệm song song hai tính năng cốt lõi bao gồm mua sắm trực tuyến (E-commerce) và kết nối, thảo luận xã hội (Community).
Để duy trì vận hành ổn định cho toàn bộ hệ thống, tác giả đã sử dụng framework Vue.js cho lớp giao diện tương tác và giải pháp JSON Server cho phân hệ Backend Mockup. Phân hệ cửa hàng được lập trình trực quan, phân loại khoa học các dòng sản phẩm từ Espresso, Latte đến cà phê phin truyền thống đi kèm đầy đủ thông tin về giá cả và hình ảnh minh họa.
Quy trình thêm sản phẩm vào giỏ hàng, điều chỉnh số lượng và hoàn thiện đơn đặt hàng được tối ưu hóa hoàn toàn trên kiến trúc ứng dụng đơn trang (SPA), giúp loại bỏ độ trễ khi chuyển đổi giao diện và mang lại trải nghiệm mua sắm mượt mà cho người sử dụng.
Phân tầng chức năng xã hội và năng lực quản trị hệ thống toàn diện
Bên cạnh phân hệ thương mại, phân hệ khám phá và tương tác hoạt động như một blog chuyên ngành, cung cấp không gian lưu trữ các bài viết về văn hóa cà phê và mẹo pha chế. Hệ thống phản hồi được thiết lập giúp các thành viên dễ dàng để lại quan điểm, đánh giá hoặc thảo luận trực tiếp dưới mỗi bài viết, nâng cao tính tương tác xã hội cho nền tảng.
Nhằm đảm bảo an toàn thông tin và kiểm soát chặt chẽ các nội dung đăng tải, dự án tích hợp một trang quản trị độc lập dành cho Admin với đầy đủ các chức năng CRUD (Thêm, Đọc, Sửa, Xóa).
Thông qua bảng điều khiển của người quản trị, Admin có toàn quyền điều phối danh mục hàng hóa, biên tập nội dung hoặc gỡ bỏ các bài viết và bình luận vi phạm tiêu chuẩn cộng đồng. Hệ thống đồng thời lưu trữ chi tiết thông tin đơn hàng, giúp bộ phận quản lý dễ dàng kiểm tra danh sách khách hàng và trạng thái giao dịch để xử lý kịp thời.
Dự án bài tập lớn này đã giúp sinh viên Dương Gia Bảo củng cố vững chắc tư duy tổ chức mã nguồn khoa học và kỹ năng quản lý dữ liệu đồng bộ qua API. Định hướng trong tương lai, tác giả sẽ tiếp tục nâng cấp hệ thống lõi lên ngôn ngữ Java và kết nối với cơ sở dữ liệu SQL thực tế để sẵn sàng đưa website vào vận hành chính thức trong môi trường doanh nghiệp.
Giảng viên Lê Ngọc Đào
Bộ môn Công nghệ thông tin
FPT Polytechnic Cần Thơ
