Trong môn học “Xây dựng trang web”, dưới sự hướng dẫn của giảng viên Nguyễn Đình Ngọc, sinh viên Trần Mai Đức Thịnh (chuyên ngành Lập trình Game, FPT Polytechnic Cần Thơ) đã hoàn thành website “Quán Cafe Việt” đáp ứng tốt các nhu cầu của một doanh nghiệp F&B.
Thay vì chỉ làm một trang demo, Thịnh đã xây dựng một website đa trang hoàn chỉnh. Điểm ấn tượng của dự án này nằm ở cấu trúc website được tổ chức bài bản, với đầy đủ các trang con phục vụ cho từng mục đích cụ thể của một quán cafe.
Với Trang chủ, Thịnh xác định đây là “mặt tiền” của quán. Nó đóng vai trò thu hút khách hàng ngay lập tức với hình ảnh hấp dẫn, giới thiệu ngắn gọn về triết lý của quán (nguyên liệu, không gian), và đưa ra các thông tin nổi bật như chương trình khuyến mãi đặc biệt để giữ chân người xem.
Tiếp đến, Trang Menu là trang quan trọng nhất đối với một doanh nghiệp F&B. Trang này được thiết kế để trình bày toàn bộ thực đơn của quán. Các món ăn, đồ uống được sắp xếp một cách rõ ràng (thường theo dạng lưới hoặc danh sách), kèm theo hình ảnh, tên món và giá cả, giúp khách hàng dễ dàng tham khảo và lựa chọn.
Truy cập vào Trang Tin tức, nơi đây đóng vai trò là “bảng tin” của quán. Nó được dùng để đăng tải các thông báo quan trọng, các chương trình khuyến mãi mới, hoặc giới thiệu các sự kiện sắp diễn ra như workshop pha chế, đêm nhạc acoustic…
Trang Liên hệ sẽ cung cấp các thông tin thiết yếu để khách hàng kết nối với quán, bao gồm địa chỉ (có thể tích hợp bản đồ), số điện thoại, và email. Đặc biệt, trang còn tích hợp một form liên hệ chuyên nghiệp cho phép khách hàng gửi phản hồi hoặc đặt bàn trực tuyến.
Để xây dựng một website đa trang đồng bộ và chuyên nghiệp như vậy, sinh viên đã vận dụng hiệu quả những kiến thức được học trong môn “Xây dựng trang web”. Đức Thịnh ứng dụng kỹ thuật CSS hiện đại như CSS Variables trong :root để quản lý hệ thống nhận diện màu sắc, giúp việc bảo trì và thay đổi giao diện trở nên nhanh chóng. Sự kết hợp giữa Flexbox cho các thành phần điều hướng và CSS Grid cho bố cục lưới sản phẩm đã giúp trang web đạt được độ thẩm mỹ cao. Đặc biệt, việc ứng dụng Responsive Design qua @media queries đảm bảo “Quán Cafe Việt” luôn hiển thị hoàn hảo trên mọi thiết bị, từ máy tính để bàn đến điện thoại di động.
Dự án “Quán Cafe Việt” thành công thể hiện khả năng của sinh viên trong việc phân tích nhu cầu thực tế của doanh nghiệp và áp dụng kiến thức đã học để tạo ra một giải pháp cụ thể. Đây chính là giá trị cốt lõi của triết lý “Thực học – Thực nghiệp” tại FPT Polytechnic để đào tạo ra những lập trình viên có thể “làm được việc” ngay khi tốt nghiệp.
Giảng viên Nguyễn Đình Ngọc
Bộ môn Công nghệ thông tin
FPT Polytechnic Cần Thơ
