Trong môn học “Xây dựng trang Web”, các bạn sinh viên chuyên ngành Phát triển phần mềm tại FPT Polytechnic cơ sở Cần Thơ đã tạo ra nhiều sản phẩm có tính ứng dụng cao, trong đó phải kể đến dự án xây dựng website “Nhà sách Minh Mẫn” và landing page “Tea Station”
Từ bài tập cuối kỳ, nhiều sinh viên đã cho thấy khả năng vận dụng kiến thức linh hoạt, tiêu biểu là dự án website “Nhà Sách Minh Mẫn” của bạn Đỗ Thị Tường Vy (chuyên ngành Phát triển phần mềm, khóa 21.3). Không dừng lại ở một trang giới thiệu đơn giản, cô bạn đã xây dựng hệ thống website đa trang mô phỏng mô hình vận hành của một nhà sách.
Website được tổ chức với cấu trúc rõ ràng, gồm trang chủ, các trang danh mục phân loại sách trong và ngoài nước, cùng hệ thống đăng ký – đăng nhập tích hợp. Nội dung được trình bày theo dạng lưới, giúp người dùng dễ dàng tìm kiếm và tiếp cận thông tin.
Về mặt kỹ thuật, Tường Vy áp dụng hiệu quả các kiến thức như sử dụng CSS Variables để quản lý hệ thống màu sắc, kết hợp Flexbox và CSS Grid trong thiết kế bố cục, đồng thời tối ưu giao diện theo hướng responsive để hiển thị tốt trên nhiều thiết bị. Cấu trúc mã nguồn được tổ chức rõ ràng, thể hiện tư duy làm việc chuyên nghiệp.
Bên cạnh sản phẩm của Tường Vy, một dự án khác cũng gây ấn tượng là landing page “Tea Station” của sinh viên Trần Quốc Thái (chuyên ngành Phát triển phần mềm). Sản phẩm được đánh giá cao nhờ khả năng kết hợp giữa yếu tố kỹ thuật và trải nghiệm người dùng.
Phân tích cấu trúc trang cho thấy sinh viên đã sử dụng Semantic HTML5 với các thẻ như header, main, section hay footer nhằm tối ưu khả năng nhận diện của công cụ tìm kiếm. Bên cạnh đó, việc tích hợp Bootstrap 5 giúp giao diện ổn định, đồng thời cải thiện tốc độ tải trang.
Ở khía cạnh trải nghiệm, hệ thống liên kết nội bộ được xây dựng hợp lý, cho phép người dùng cuộn trang mượt mà khi khám phá nội dung. Phần giao diện được xử lý bằng CSS với hệ thống biến trong :root, giúp quản lý màu sắc thương hiệu hiệu quả và dễ dàng thay đổi khi cần.
Dự án cũng tận dụng linh hoạt Grid và Flexbox để tổ chức bố cục, kết hợp với các hiệu ứng animation nhằm tăng tính trực quan. Đặc biệt, website được thiết kế responsive thông qua media queries, đảm bảo khả năng hiển thị tốt trên cả máy tính, máy tính bảng và điện thoại.
Theo đánh giá từ giảng viên, các sản phẩm không chỉ đáp ứng yêu cầu từ môn học mà còn thể hiện rõ tư duy làm việc của sinh viên. Từ những bài tập trên lớp, các bạn đã từng bước tiếp cận cách xây dựng sản phẩm số hoàn chỉnh, đáp ứng cả yếu tố kỹ thuật, thẩm mỹ và trải nghiệm người dùng.
Giảng viên Nguyễn Đình Ngọc
Bộ môn Công nghệ thông tin
FPT Polytechnic Cần Thơ
