AngularJS – Công nghệ cũ cho dự án mới: Ứng dụng thực tế trong dự án Xưởng thực hành phần mềm của sinh viên

14:37 04/10/2024

Vừa qua, nhóm sinh viên chuyên ngành Phát triển phần mềm (JAVA) FPT Polytechnic Cần Thơ đã thực hiện dự án xưởng thực hành phần mềm môn học Front-End Frameworks với chủ đề về AngularJS.

AngularJS, một trong những framework JavaScript tiên phong do Google phát triển, đã cách mạng hóa việc phát triển website vào đầu những năm 2010. Mặc dù đã bị Angular (thường được gọi là Angular 2+) kế thừa, AngularJS vẫn giữ được sự liên quan trọng trong bối cảnh phát triển website ngày nay. Đối với sinh viên, đặc biệt là những sinh viên đang làm việc trên các dự án thực tế, AngularJS có thể cung cấp các cơ hội học tập độc đáo và nền tảng vững chắc để hiểu các nguyên tắc cơ bản của phát triển website. Bài viết này khám phá lý do tại sao AngularJS vẫn là một lựa chọn khả thi cho các dự án mới và làm thế nào sinh viên có thể hưởng lợi từ việc áp dụng công nghệ “cũ” này vào công việc thực tế.

Dự án được thực hiện bởi nhóm sinh viên bao gồm Trần Thị Mỹ Duyên, Nguyễn Thanh Huy, Võ Thanh Phát, Lưu Gia Bảo, Trần Thị Như Ý, Nguyễn Minh Trường, Trần Quang Thái, Nguyễn Chí Nguyện, Trần Quốc Thắng và Nguyễn Ghi Hiếu Minh dưới sự hướng dẫn của giảng viên thầy Phan Văn Tính.

Sinh viên thực hiện dự án với công nghệ AngularJS
Sinh viên thực hiện dự án với công nghệ AngularJS

Trong thời đại kỹ thuật số ngày nay, nhu cầu về dịch vụ phát triển website đang liên tục tăng trưởng. Các doanh nghiệp và cá nhân đều luôn tìm kiếm những cách nhanh chóng và hiệu quả để phát triển website của họ. Nhận thấy nhu cầu này, thầy Phan Văn Tính và nhóm sinh viên đã thành công trong việc xây dựng một hệ thống báo giá website tự động sử dụng AngularJS. Tận dụng framework JavaScript cổ điển này, họ đã tạo ra một ứng dụng trang đơn (SPA) động và thân thiện với người dùng, tạo ra báo giá cho các website dựa trên các mẫu được xác định trước.

Nhóm sinh viên tự tin báo cáo khi hoàn thành sản phẩm Hệ thống Báo giá website tự động với công nghệ AngularJS

Dự án xoay quanh một hệ thống tự động cho phép người dùng lựa chọn từ nhiều mẫu website khác nhau và ngay lập tức nhận được một báo giá cho thiết kế đã chọn. Bằng cách sử dụng AngularJS, các sinh viên có thể tạo ra một ứng dụng trang đơn (SPA) vừa phản hồi nhanh vừa tương tác cao. Dưới đây là sự phân tích cách họ đạt được điều này:

Lựa chọn mẫu động

Hệ thống cung cấp cho người dùng một sự lựa chọn các mẫu website được xác định trước. Người dùng có thể duyệt qua các mẫu này, mỗi mẫu có các tính năng và mức giá riêng biệt, và chọn mẫu phù hợp nhất với nhu cầu của họ.

Hình ảnh trang chủ của Hệ thống Báo giá website tự động

Tính toán Báo giá

Một khi mẫu được chọn, hệ thống ngay lập tức tính toán chi phí dựa trên các yếu tố như số lượng trang, các tính năng bổ sung (ví dụ: biểu mẫu liên hệ, khả năng thương mại điện tử)

Hình ảnh trang chủ của Hệ thống Báo giá website tự động

Tích hợp firebase vào dự án

Firebase cung cấp các dịch vụ như cơ sở dữ liệu thời gian thực, xác thực người dùng, lưu trữ file,…. AngularJS là một framework JavaScript phổ biến để xây dựng các ứng dụng website động. Khi kết hợp cả hai, sinh viên tạo ra các ứng dụng website đầy đủ tính năng với ít code hơn và thời gian phát triển nhanh hơn.

Việc phát triển một hệ thống báo giá website tự động bởi các sinh viên sử dụng AngularJS cho thấy tiềm năng của công nghệ cũ này khi được áp dụng hiệu quả. Bằng cách xây dựng một ứng dụng thực tế và chức năng, các sinh viên không chỉ đạt được kinh nghiệm thực tế mà còn cung cấp một công cụ có thể mang lại lợi ích đáng kể cho các doanh nghiệp phát triển website và khách hàng của họ. Dự án này là một minh chứng cho sự liên quan lâu dài của AngularJS và tính hữu dụng của nó trong giáo dục phát triển website hiện đại.

Giảng viên Phan Văn Tinh
Bộ môn Công nghệ thông tin
FPT Polytechnic Cần Thơ

Cùng chuyên mục

Đăng Kí học Fpoly 2025

  • Max. file size: 50 MB.
  • Max. file size: 50 MB.
  • Max. file size: 50 MB.