CHƯƠNG I: GIỚI THIỆU CHUNG 1. Lý do chọn đề tài Việc chọn đề tài "Xây dựng website hỗ trợ đăng ký đề tài" là một quyết định được đưa ra với mục tiêu cải thiện quy trình quản lý và hỗ trợ sinh viên. Dưới đây là năm lý do cụ thể về tại sao dự án này mang lại lợi ích đáng kể: -Tăng cường tính hiệu quả: Việc xây dựng một website hỗ trợ đăng ký lớp đồ án có thể giúp tăng cường tính hiệu quả trong quá trình quản lý và tổ chức lớp đồ án của sinh viên. Thay vì sử dụng phương tiện truyền thống như giấy tờ và thủ công, một website có thể tự động hóa nhiều quy trình, giúp tiết kiệm thời gian và công sức của cả sinh viên và nhà trường.
-Thuận tiện và tiết kiệm thời gian: Sinh viên có thể dễ dàng truy cập vào website từ bất kỳ nơi đâu có kết nối internet, giúp tiết kiệm thời gian và công sức trong quá trình đăng ký lớp đồ án. Họ không cần phải đến trường hoặc gặp trực tiếp nhà quản lý để thực hiện quy trình này. -Minh bạch và công bằng: Một hệ thống đăng ký trực tuyến có thể giúp tăng cường tính minh bạch và công bằng trong việc phân công lớp đồ án. Sinh viên có thể dễ dàng xem thông tin về các lớp đồ án có sẵn và đăng ký một cách công bằng, tránh được các vấn đề liên quan đến thiên vị hay ưu tiên không công bằng.
-Tính linh hoạt: Website có thể được thiết kế để linh hoạt đáp ứng với các nhu cầu cụ thể của từng khoa hoặc ngành học. Điều này có thể bao gồm việc thêm các tính năng như báo cáo tiến độ, quản lý nhóm đồ án, hoặc hỗ trợ trực tuyến từ giáo viên hướng dẫn. -Cải thiện trải nghiệm sinh viên: Bằng cách cung cấp một giao diện trực tuyến dễ sử dụng và tính năng đa dạng, website này giúp cải thiện trải nghiệm của sinh viên trong quá trình đăng ký và thực hiện lớp đồ án. Điều này có thể tạo ra một môi trường học tập tích cực hơn và khuyến khích sự tham gia của sinh viên.
4 Như vậy, việc xây dựng một website hỗ trợ đăng ký lớp đồ án không chỉ giúp tối ưu hóa quá trình quản lý và tổ chức lớp đồ án mà còn tạo ra một môi trường học tập linh hoạt và minh bạch cho sinh viên, nhằm giúp sinh viên phát triển kỹ năng và kiến thức một cách hiệu quả nhất. Mục tiêu và ý nghĩa Mục tiêu của dự án " Xây dựng website hỗ trợ đăng ký đề tài" là xây dựng một website nhằm cải thiện và tối ưu hóa quy trình đăng ký lớp đồ án cho sinh viên và nhà trường thông qua sự áp dụng công nghệ thông tin. Ý nghĩa của đề tài là tạo ra một nền tảng trực tuyến linh hoạt và tiện lợi, giúp sinh viên dễ dàng truy cập và đăng ký lớp đồ án, đồng thời tăng cường tính minh bạch và công bằng trong quá trình phân công lớp đồ án. Đồng thời, website này cũng giúp nhà trường quản lý và tổ chức các khóa học một cách hiệu quả và tiết kiệm thời gian, góp phần nâng cao chất lượng giáo dục và trải nghiệm học tập của sinh viên.
Phạm vi đề tài Đề tài này sẽ tập trung vào phát triển website sử dụng ngôn ngữ lập trình Java script và cơ sở dữ liệu Mysql. Website sẽ bao gồm các chức năng đăng kí đề tài, thêm đề tài, quản lý sinh viên, tìm kiếm đề tài hoặc giảng viên lọc chi tết đề tài. Ngoài ra, website cũng sẽ tối ưu hóa tính bảo mật để đảm bảo an toàn dữ liệu của cửa hàng. Canvas Ưu điểm: - Quản lý nội dung: Cung cấp một nền tảng để tổ chức và quản lý các tài liệu, bài giảng, bài tập và tài nguyên học liệu khác.
- Giao tiếp: Cho phép giáo viên và sinh viên giao tiếp thông qua diễn đàn, tin nhắn và thảo luận trực tuyến. 5 - Nội dung linh hoạt: Hỗ trợ nhiều định dạng tệp và phương tiện khác nhau như văn bản, hình ảnh, video và âm thanh. - Đánh giá trực tuyến: Cung cấp công cụ cho việc gửi, nhận và đánh giá bài tập và bài kiểm tra trực tuyến. - Dễ dàng sử dụng: Giao diện thân thiện, dễ sử dụng cho cả giáo viên và sinh viên.
Nhược điểm: - Yêu cầu kết nối internet: Sử dụng cần có kết nối internet ổn định, đặc biệt khi truy cập vào các tài liệu trực tuyến. - Sự phụ thuộc vào công nghệ: Có thể gặp sự cố kỹ thuật hoặc vấn đề liên quan đến cập nhật phần mềm và hạ tầng công nghệ. - Sự phụ thuộc vào kỹ năng công nghệ: Một số người có thể gặp khó khăn trong việc sử dụng công nghệ hoặc không thoải mái với việc học qua môi trường trực tuyến. - Chưa thể tích hợp được việc đăng kí môn học với đề tài vào trang website.
Quản lý đào tạo beta Ưu điểm: - Tiện ích học tập: Cung cấp một môi trường trực tuyến để sinh viên truy cập đăng kí môn học, theo dõi lịch học, tra cứu kết quả đăng kí, đóng học phí online. - Tính cập nhật thông tin: Cho phép sinh viên theo dõi những tin tức quan trọng nhà trường công bố - Quản lý nội dung: Hỗ trợ việc tổ chức và quản lý nội dung học tập một cách hiệu quả, giúp sinh viên dễ dàng truy cập và tiếp cận thông tin. Nhược điểm: 6 - Khả năng truy cập và sự ổn định: Có thể gặp vấn đề về khả năng truy cập hoặc sự ổn định của trang web, đặc biệt khi có nhiều người dùng truy cập cùng một lúc. - Giao diện không thân thiện: Một giao diện không thân thiện hoặc khó sử dụng có thể gây khó khăn cho sinh viên trong việc tìm kiếm thông tin và tương tác với nội dung.
- Hạn chế trong tính linh hoạt và tùy chỉnh: Có thể gặp hạn chế về khả năng tùy chỉnh và linh hoạt của hệ thống, khiến cho việc thích nghi với nhu cầu cụ thể của từng khoa hoặc môn học trở nên khó khăn. - Khả năng tích hợp: Gặp khó khăn trong việc tích hợp với các hệ thống khác, chưa thể cung cấp được các đề tài môn học và đăng các bài tập và tài liệu lên trang web điều này có thể làm giảm hiệu suất và sự thuận tiện của việc sử dụng. Giải pháp đề xuất Một trang web tổng hợp từ hai nguồn thông tin đã được tạo, nhằm mang lại trải nghiệm toàn diện cho sinh viên và giảng viên. Trang web này cung cấp một giao diện đơn giản và tiện lợi, cho phép sinh viên dễ dàng đăng ký đề tài, theo dõi nội dung học và tải lên bài tập cũng như tài liệu.
Điều này giúp sinh viên tiết kiệm thời gian và nỗ lực trong việc lựa chọn đề tài và quản lý học tập của mình, đồng thời tạo điều kiện thuận lợi cho giảng viên trong việc theo dõi và đánh giá tiến trình của sinh viên. Nhờ vào tính linh hoạt và tích hợp của trang web, việc tương tác giữa sinh viên và giảng viên trở nên mạnh mẽ hơn, từ đó thúc đẩy quá trình học tập và trao đổi kiến thức một cách hiệu quả hơn. 7 CHƯƠNG II: THIẾT KẾ VÀ TRIỂN KHAI HỆ THỐNG 2.1 Công nghệ sử dụng 2. Visual studio Visual Studio là một môi trường phát triển tích hợp (IDE - Integrated Development Environment) được phát triển bởi Microsoft.
Nó cung cấp các công cụ và dịch vụ để giúp nhà phát triển thiết kế, phát triển, chạy thử nghiệm và triển khai các ứng dụng phần mềm trên nhiều nền tảng, bao gồm ứng dụng desktop, web, di động và dịch vụ đám mây. Visual studio hỗ trợ trên nhiều nền tảng khác nhau như: Window, mac0s, linux. Điều này giúp người dùng dễ tiếp cận với hệ thống. Java script JavaScript là ngôn ngữ lập trình dùng để tạo trang web tương tác, cung cấp các chức năng như làm mới bảng tin, hiển thị hình ảnh động và tương tác với người dùng.
Nó là một công nghệ quan trọng trong phát triển web, giúp tạo ra hiệu ứng động và trải nghiệm người dùng tốt hơn. Ví dụ: khi duyệt internet, bất cứ khi nào bạn thấy quảng cáo quay vòng dạng hình ảnh, menu thả xuống nhấp để hiển thị hoặc màu sắc phần tử thay đổi động trên trang web cũng chính là lúc bạn thấy các hiệu ứng của JavaScript. Các công nghệ sử dụng cho client 1. React js React.js là một thư viện JavaScript mã nguồn mở được phát triển bởi Facebook để xây dựng giao diện người dùng cho các ứng dụng web và di động.
Nó được thiết kế để tạo ra các ứng dụng có hiệu suất cao, linh hoạt và dễ bảo trì. Dựa trên triết lý "điều khiển theo dữ liệu" (data-driven), React.js cung cấp một cách tiếp cận hiệu quả để xây dựng các thành phần giao diện (UI components) tái sử dụng và dễ dàng quản lý trạng thái ứng dụng.js là một thư viện component-based, có nghĩa là mọi giao diện người dùng được xem như một tập hợp các thành phần độc lập. Điều này giúp tái sử dụng code và tạo ra các ứng dụng dễ bảo trì và mở rộng.js sử dụng một cấu trúc dữ liệu gọi là Virtual DOM để quản lý các thay đổi trong giao diện người dùng. Virtual DOM là một bản sao nhẹ của DOM thực tế và được React.js sử dụng để cập nhật chỉ những phần của giao diện cần thay đổi, giúp tăng hiệu suất và tăng tốc quá trình render.
JSX là một phần mở rộng của JavaScript cho phép viết HTML trong JavaScript. Điều này giúp tạo ra các thành phần giao diện một cách trực quan và dễ hiểu hơn.js thực hiện data binding một chiều, điều này có nghĩa là dữ liệu chỉ có thể chuyển từ thành phần cha xuống các thành phần con. Điều này giúp giảm sự phức tạp của ứng dụng và tăng tính dự đoán của nó.js có một cộng đồng lớn và đam mê, với nhiều công cụ và thư viện bổ sung được phát triển để hỗ trợ việc xây dựng các ứng dụng React một cách nhanh chóng và hiệu quả. Tailwinds Css Tailwind CSS là một thư viện CSS mã nguồn mở được thiết kế để giúp phát triển giao diện người dùng nhanh chóng và dễ dàng.
Nó cung cấp một bộ công cụ CSS chứa các lớp (classes) được đặt tên một cách mô tả chức năng của chúng, giúp cho việc xây dựng giao diện trở nên linh hoạt và nhanh chóng hơn. Một số điểm nổi bật của Taiwind CSS bao gồm: -Áp dụng phương pháp CSS nguyên tử (atomic CSS), có nghĩa là mỗi lớp CSS đều thực hiện một chức năng duy nhất. Điều này giúp làm giảm kích thước của tệp CSS và tăng khả năng tái sử dụng code.