“NGHIÊN CÚU XÂY DỰNG FRONTEND CHO GIAO DIỆN IOT TRONG VIỆC GIÁM SÁT QUY TRÌNH SẢN XUẤT ĐIỆN TỪ NĂNG LƯỢNG GIÓ.”

“NGHIÊN CÚU XÂY DỰNG FRONTEND CHO GIAO DIỆN IOT TRONG VIỆC GIÁM SÁT QUY TRÌNH SẢN XUẤT ĐIỆN TỪ NĂNG LƯỢNG GIÓ.”“NGHIÊN CÚU XÂY DỰNG FRONTEND CHO GIAO DIỆN IOT TRONG VIỆC GIÁM SÁT QUY TRÌNH SẢN XUẤT ĐIỆN TỪ NĂNG LƯỢNG GIÓ.”“NGHIÊN CÚU XÂY DỰNG FRONTEND CHO GIAO DIỆN IOT TRONG VIỆC GIÁM SÁT QUY TRÌNH SẢN XUẤT ĐIỆN TỪ NĂNG LƯỢNG GIÓ.”“NGHIÊN CÚU XÂY DỰNG FRONTEND CHO GIAO DIỆN IOT TRONG VIỆC GIÁM SÁT QUY TRÌNH SẢN XUẤT ĐIỆN TỪ NĂNG LƯỢNG GIÓ.”“NGHIÊN CÚU XÂY DỰNG FRONTEND CHO GIAO DIỆN IOT TRONG VIỆC GIÁM SÁT QUY TRÌNH SẢN XUẤT ĐIỆN TỪ NĂNG LƯỢNG GIÓ.”“NGHIÊN CÚU XÂY DỰNG FRONTEND CHO GIAO DIỆN IOT TRONG VIỆC GIÁM SÁT QUY TRÌNH SẢN XUẤT ĐIỆN TỪ NĂNG LƯỢNG GIÓ.”“NGHIÊN CÚU XÂY DỰNG FRONTEND CHO GIAO DIỆN IOT TRONG VIỆC GIÁM SÁT QUY TRÌNH SẢN XUẤT ĐIỆN TỪ NĂNG LƯỢNG GIÓ.”

HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG KHOA KỸ THUẬT ĐIỆN TỬ TIỂU LUẬN KẾT THÚC HỌC KÌ MÔN HỌC: MẠNG CẢM BIẾN Đề tài: “NGHIÊN CÚU XÂY DỰNG FRONT-END CHO GIAO DIỆN IOT TRONG VIỆC GIÁM SÁT QUY TRÌNH SẢN XUẤT ĐIỆN TỪ NĂNG LƯỢNG GIĨ.” Giảng viên hướng dẫn : Trần Thị Thanh Thủy Họ tên : Nguyễn Tuấn Anh – B20DCDT015 Mã sinh viên : B20DCDT015 Nhóm lớp học : 01 Lớp : D20ĐTMT2 Hệ đào tạo : Đại học quy Hà Nội – 2023 HỌC VIỆN CƠNG NGHỆ BƯU CHÍNH VIỄN THƠNG KHOA KỸ THUẬT ĐIỆN TỬ TIỂU LUẬN KẾT THÚC HỌC KÌ MƠN HỌC: MẠNG CẢM BIẾN Đề tài: “NGHIÊN CÚU XÂY DỰNG FRONT-END CHO GIAO DIỆN IOT TRONG VIỆC GIÁM SÁT QUY TRÌNH SẢN XUẤT ĐIỆN TỪ NĂNG LƯỢNG GIÓ.” Giảng viên hướng dẫn : Trần Thị Thanh Thủy Họ tên : Nguyễn Tuấn Anh – B20DCDT015 Mã sinh viên : B20DCDT015 Nhóm lớp học : 01 Lớp : D20ĐTMT2 Hệ đào tạo : Đại học quy Hà Nội - 2023 MỤC LỤC MỤC LỤC .2 DANH MỤC CÁC KÝ HIỆU VÀ CHỮ VIẾT TẮT .4 DANH MỤC CÁC HÌNH VẼ CHƯƠNG 1: CÁC VẤN ĐỀ TỔNG QUAN 1.1 Tổng quan lượng tái tạo 1.1.1 Định nghĩa 1.1.2 Phân loại 1.1.3 Ưu nhược điểm lượng tái tạo 1.1.4 Ứng dụng 10 1.1.5 Năng lượng gió 10 1.2 Tổng quan hệ thống IOT .15 1.2.1 Định nghĩa 15 1.2.2 Cấu trúc hệ thống IOT 16 1.2.3 Các đặc trưng hệ thống IoT 17 1.2.4 Ưu nhược điểm hệ thống IoT .17 1.2.5 Ứng dụng 18 1.2.6 Giao diện cho hệ thống IOT 19 1.3 Tổng quan Front-end .20 1.3.1 Định nghĩa 20 1.3.2 Cấu trúc front-end 21 1.3.3 Mối quan hệ front-end tới giao diện hệ thống .25 CHƯƠNG 2: XÂY DỰNG FRONT-END CHO HỆ THỐNG GIÁM SÁT 26 2.1 Xây dựng toán 26 2.2 Nội dung thực .26 CHƯƠNG 3: KẾT QUẢ VÀ ĐÁNH GIÁ 29 3.1 Kết thực tế 29 3.2 Đánh giá kết : .29 3.3 Hướng phát triển: 29 DANH MỤC CÁC KÝ HIỆU VÀ CHỮ VIẾT TẮT DANH MỤC CÁC HÌNH VẼ Hình 1: Năng lượng tái tạo Hình 2: Hệ thống khai thác lượng mặt trời .7 Hình 3: Hệ thống sản xuất điện từ lượng gió Hình 4: Khai thác lượng thuỷ điện từ đập thuỷ điện Hình 5: Sơ đồ cấu tạo hệ thống địa nhiệt Hình 6: Sơ đồ hệ thống khai thác lượng chất thải rắn Hình 7: Hệ thống nhà máy điện gió Ninh Thuận .10 Hình 8: Cấu tạo tua bin gió 11 Hình 9: Đo đạc sức gió hướng gió thơng qua cảm biến 12 Hình 10: Hệ thống tua bin gió hoạt động tốc độ cao 13 Hình 11: Bảng khảo sát tốc độ gió với cơng suất sản xuất tua bin gió 14 Hình 12: Hệ thống nhà máy điện gió Ninh Thuận 15 Hình 13: Hệ thống Internet of Things (IoT) 16 Hình 14: Cấu trúc hệ thống IOT 16 Hình 15: Ứng dụng IoT ngành chế tạo thông qua cánh tay máy 18 Hình 16: Hệ thống xử lí cảnh báo va chạm cho xe tự lái 19 Hình 17: Hệ thống giao diện Iot đầy đủ 21 Hình 18: HTML .21 Hình 19: CSS 22 Hình 20: JavaScripts 23 Hình 21: TypeScripts .24 Hình 22: Framework Angular .25 Hình 23: Giao diện HTML đẩy liệu cảm biến thu thập 26 Hình 24: Giao diện HTML thể giao diện bảng biểu 27 Hình 25: Giao diện CSS 27 Hình 26: Giao diện TypeScripts 28 Hình 27: Giao diện hệ thống giám sát điện gió .29 CHƯƠNG 1: CÁC VẤN ĐỀ TỔNG QUAN 1.1 Tổng quan lượng tái tạo 1.1.1 Định nghĩa Là nguồn lượng hình thành tạo nguồn lượng có tính liên tục cao có trữ lượng gần vơ hạn trữ lượng sản sinh lại qua nhiều cách khác Hình 1: Năng lượng tái tạo Chính với trữ lượng gần vô tận khai thác không gây tác hại lớn so với nguồn lượng hóa thạch nên lượng tái tạo trở thành lời giải cho toán khai thác lượng gây ảnh hưởng tới mơi trường hệ sinh thái trái đất 1.1.2 Phân loại Tùy thuộc theo nguồn lượng khai thác mà phân loại thành nguồn lượng tái tạo khác Năng lượng mặt trời Là nguồn lượng khai thác từ ánh sáng mặt trời sản sinh ra, lượng mặt trời số nguồn lượng tái tọa phổ biến có tỉ lệ khai thác đến thời điểm lớn Hình 2: Hệ thống khai thác lượng mặt trời Năng lượng gió Là nguồn lượng khai thác từ sức gió thổi qua khu vực, lượng gió nguồn lượng có tỉ lệ sản lượng khai thác cao thí điểm cơng nghiệp hóa nhiều khu vực có tiềm lượng tái tạo nước ta Bình Thuận, Phú Yên Hình 3: Hệ thống sản xuất điện từ lượng gió Thủy điện Là nguồn lượng khai thác từ sức nước khai thác dịng sơng, suối địa phương Hiện nay, thủy điện khai thác mạnh mẽ nhiều khu vực nước ta Hình 4: Khai thác lượng thuỷ điện từ đập thuỷ điện Năng lượng địa nhiệt Là nguồn lượng khai thác từ nhiệt độ lòng đất Đây nguồn lượng có tiềm khai thác lớn nhiên chưa triển khai rộng rãi có hạn chế cơng nghệ Hình 5: Sơ đồ cấu tạo hệ thống địa nhiệt Năng lượng chất thải rắn Là nguồn lượng khai thác từ chất thải hữu Đây nguồn lượng đáp ứng toán lượng vừa giải vấn đề lượng vừa giải vấn đề chất thải Tuy nhiên để sử dụng khai thác cách tối đa cần có nguồn lực kinh tế cơng nghệ khai thác Hình 6: Sơ đồ hệ thống khai thác lượng chất thải rắn 1.1.3 Ưu nhược điểm lượng tái tạo • Ưu điểm: o Các nguồn lượng có khả tái tạo có trữ lượng vơ lớn từ khơng chi phí nhiên liệu o Có hiệu sản xuất vượt trội so với nguồn lượng hóa thạch o Tác động đến môi trường nguồn lượng tái tạo ít, số ngược lại cịn giảm thiểu tác động từ mơi trường sinh từ lĩnh vực khác o Khu vực khai thác nguồn lượng tái tạo trải dài rộng khắp nhiều khu vực khác • Nhược điểm: o Có độ ổn định nguồn lượng thấp nhiều so với lượng hóa thạch có ổn định cần yêu cầu đặc biệt mơi trường Hình 13: Hệ thống Internet of Things (IoT) 1.2.2 Cấu trúc hệ thống IOT Cấu trúc chung hệ thống IOT bao gồm phần Hình 14: Cấu trúc hệ thống IOT • Thiết bị (Things) • Trạm kết nối (Gateways) • Hạ tầng mạng (Network and Cloud) • Bộ phân tích xử lý liệu (Services-creation and Solution Layers) 16 1.2.3 Các đặc trưng hệ thống IoT Khả định danh: Bất kì Things kết nối với hệ thống IOT định danh mã đinh định không phân biệt người hay máy móc Việc tạo định danh giúp cho hệ thống dễ dàng phân loại nhóm đối tượng từ đưa kết xác ,hiệu Thơng minh: Một hệ thống IOT khơng hoạt động phân loại dựa yêu cầu thiết lập sẵn mà cịn tích hợp trí tuệ nhân tạo vào trung tâm vào hệ thống nhằm xử lí đưa hoạt động nằm thiết lập cài đặt ban đầu Kết nối liên thông: Trong hệ thống IOT tất Things kết nối với thông qua mạng lưới cố dịnh Thay đổi linh hoạt: Tất thiết bị điều khiển thay đổi tùy thuộc vào yêu cầu Quy mơ kích thước lớn: Hệ thống IoT sở hữu máy móc, thiết bị với số lượng cực lớn Tất quản lý giao tiếp với khối lượng thông tin truyền chúng thực tế lớn gấp nhiều lần so với tưởng tượng 1.2.4 Ưu nhược điểm hệ thống IoT 1.2.4.1 Ưu điểm • Truy cập thơng tin lúc, nơi thiết bị thơng minh có kết nối internet • Hệ thống IoT cải thiện khả giao tiếp thiết bị điện tử • Chuyển liệu nhanh chóng qua Internet giúp tiết kiệm thời gian tiền bạc • Tự động hóa nhiệm vụ giao giúp cải thiện chất lượng dịch vụ doanh nghiệp 1.2.4.2 Nhược điểm • Thơng tin chia sẻ nhiều thiết bị bị đánh cắp Do đó, cần có giải pháp ngăn ngừa, phịng chống nguy 17 • Khi hệ thống xảy lỗi, khơng có biện pháp khắc phục kịp thời có khả gây hư hại nhiều thiết bị 1.2.5 Ứng dụng • Ngành chế tạo: Trong ngành chế tạo, IOT ứng dụng nhằm lắp đặt dây chuyền sản xuất nhằm tự động vận hành giám sát sửa lỗi hoạt động thiết bị Hình 15: Ứng dụng IoT ngành chế tạo thông qua cánh tay máy Cảm biến lắp dây chuyền hệ thống IoT sản xuất đo lường số lượng sản phẩm bị hư hại không đáp ứng tiêu chuẩn đề Nhờ đó, cơng tác phát sai sót sửa lỗi tối ưu hóa mặt thời gian hiệu suất giúp doanh nghiệp cắt giảm chi phí hoạt động đồng thời cải thiện quản lý hiệu suất tài sản • Ngành sản xuất ô tô Trong ngành sản xuất ô tô, hệ thống IOT lắp đặt phục vụ cho việc tự động hóa dây chuyền sản xuất đồng thời để kiểm thử khả lỗi hệ thống sản xuất 18 Hình 16: Hệ thống xử lí cảnh báo va chạm cho xe tự lái Đồng thời tích hợp hệ thống tơ dùng để đưa cảnh báo nguy hiểm đồng thời đưa dẫn cần thiết cho người sử dụng • Ngành y tế: Hiện hệ thống IOT dần phát triển nhằm thu thập số liệu đo đạc y tế đến từ bệnh nhân lưu vào bệnh án điện tử Từ đó, hệ thống giảm bớt gánh nặng cho bệnh nhân lại đồng thời tiến đến hệ thống bệnh án y tế giúp người bệnh vùng nông thôn khó khăn tiếp cận y tế tuyến cao hơn, tiết kiệm chi phí lại 1.2.6 Giao diện cho hệ thống IOT 1.2.6.1 Định nghĩa Là phần giúp cho người dùng người nắm thông tin mà người dùng mong muốn đồng thời phải cung cấp cho người dùng công cụ đùng để tương tác điều khiển hệ thống IOT cách dễ dàng từ người dùng có tồn quyền thông tin cần nắm cảm biến 1.2.6.2 Yêu cầu giao diện Giao diện cần có nội dung trực quan dễ nhìn, đảm bảo thể đủ tất nội dung mà hệ thống cần yêu cầu Các nội dung cần xếp gọn gàng, khoa học đảm bảo thuận tiện cho người sử dụng thu thập liệu 19 1.2.6.3 Mối quan hệ giao diện tới hệ thống IOT Trong hệ thống IOT, giao diện giúp thể thông tin mà người dùng cần thu thấp đồng thời giúp người dùng tương tác kết nối tới hệ thống IOT thông qua việc tương tác với giao diện Có thể thấy giao diện cầu nối để người dùng tương tác đồng thời quản lí hệ thống máy móc giao diện IOT 1.2.7 Mối quan hệ việc sử dụng hệ thống IOT việc sản xuất lượng Với tiến khoa học công nghệ việc thu thập liệu phục vụ cho việc quan sát theo dõi hệ thống ngày trở nên dễ dàng Tuy liệu tồn dạng tham số vô rối rắm gây khó khăn cho người đọc đồng thời cảm biến cần có liên kết với duẽ liệu tập trung để xử lí hiển thị Chính lí trên, cần phải phát triển hệ thống IOT dùng để thu thập thông tin từ nhiều cảm biến phục vụ cho công tác giám sát phải biểu diễn liệu cách trực quan nhằm đảm bảo cho người giám sát dễ dàng nhận biết thu thập thông tin quan trọng đảm bảo việc giám sát hệ thống có hiệu 1.3 Tổng quan Front-end 1.3.1 Định nghĩa Phần front-end trang web phần tương tác với người dùng Tất thứ bạn nhìn thấy điều hướng Internet, từ font chữ, màu sắc menu xổ xuống trượt, kết hợp HTML, CSS, JavaScript điều khiển trình duyệt máy tính bạn 20 Hình 17: Hệ thống giao diện Iot đầy đủ 1.3.2 Cấu trúc front-end Cấu trúc Fron-end bao gồm file HTML, CSS JavaScript liên kết với dùng để tạo nên giao diện cho website đồng thời nơi xử lí tương tác người dùng đến hệ thống giám sát 1.3.2.1 HTML HTML viết tắt cụm từ Hypertext Markup Language (tạm dịch Ngôn ngữ đánh dấu siêu văn bản) HTML sử dụng để tạo cấu trúc thành phần trang web ứng dụng, phân chia đoạn văn, heading, titles, blockquotes… HTML ngơn ngữ lập trình Hình 18: HTML 21 Khi bạn gõ tên miền, trình duyệt mà bạn sử dụng (chẳng hạn Chrome) kết nối tới máy chủ web, cách dùng địa IP, vốn thấy cách phân giải tên miền (DNS) Máy chủ web máy tính kết nối tới internet nhận yêu cầu tới trang web từ trình duyệt bạn Máy chủ sau gửi trả thơng tin trình duyệt bạn, tài liệu HTML, để hiển thị trang web Mỗi trang HTML chứa tag (cũng gọi elements) Mỗi thẻ có tác dụng định, giúp xây dựng nên cấu trúc hồn chỉnh cho Website Bạn xem việc xây dựng khối trang web Nó tạo thành cấu trúc thư mục bao gồm section, paragraph, heading, khối nội dung khác 1.3.2.2 CSS CSS chữ viết tắt Cascading Style Sheets, ngơn ngữ sử dụng để tìm định dạng lại phần tử tạo ngơn ngữ đánh dấu (HTML) Nói ngắn gọn ngôn ngữ tạo phong cách cho trang web Hình 19: CSS 22 HTML đóng vai trị định dạng phần tử website việc tạo đoạn văn bản, tiêu đề, bảng,…thì CSS giúp thêm style vào phần tử HTML đổi bố cục, màu sắc trang, đổi màu chữ, font chữ, thay đổi cấu trúc… Phương thức hoạt động CSS tìm dựa vào vùng chọn, vùng chọn tên thẻ HTML, tên ID, class hay nhiều kiểu khác Sau áp dụng thuộc tính cần thay đổi lên vùng chọn Mối tương quan HTML CSS mật thiết HTML ngôn ngữ markup (nền tảng site) CSS định hình phong cách (tất tạo nên giao diện website), chúng tách rời 1.3.2.3 JavaScripts JavaScript ngơn ngữ lập trình nhà phát triển sử dụng để tạo trang web tương tác Từ làm bảng tin trang mạng xã hội đến hiển thị hình ảnh động đồ tương tác, chức JavaScript cải thiện trải nghiệm người dùng trang web JavaScript ngôn ngữ lập trình thơng dịch với khả hướng đến đối tượng Là ngơn ngữ lập trình web có mối liên hệ lẫn để xây dựng website sống động, chuyên nghiệp: Hình 20: JavaScripts 23 Nhiệm vụ Javascript xử lý đối tượng HTML trình duyệt Nó can thiệp với hành động thêm / xóa / sửa thuộc tính CSS thẻ HTML cách dễ dàng Hay nói cách khác, Javascript ngơn ngữ lập trình trình duyệt phía client 1.3.2.4 Typescripts TypeScript dự án mã nguồn mở phát triển Microsoft, coi phiên nâng cao Javascript việc bổ sung tùy chọn kiểu tĩnh lớp hướng đối tượng mà điều khơng có Javascript TypeScript sử dụng để phát triển ứng dụng chạy client-side (Angular2) server-side (NodeJS) Hình 21: TypeScripts Bản chất TypeScript biên dịch tạo đoạn mã javascript nên ban có thê chạy đâu miễn có hỗ trợ biên dịch Javascript Ngồi bạn sử dụng trộn lẫn cú pháp Javascript vào bên TypeScript, điều giúp lập trình viên tiếp cận TypeScript dễ dàng TypeScript xem phiên nâng cao JavaScript thiết kế thêm nhiều chức tiện lợi hơn, cải tiến từ điểm yếu JavaScript lớp hướng đối tượng Static Structural typing 1.3.2.5 Angular Angular mã nguồn mở viết TypeScript sử dụng để thiết kế giao diện web (front – end) Angular xây dựng, phát triển từ năm 2009 24 trì Google Đây xem framework front end mạnh mẽ chuyên dụng dành cho lập trình viên sử dụng HTML cao cấp Hình 22: Framework Angular 1.3.3 Mối quan hệ front-end tới giao diện hệ thống Từ liệu thu thập đẩy lên sở liệu thông qua giao thức back-end Front-end làm nhiệm vụ tạo bố cục hiển thị cho người sử dụng quan sát đồng thời tạo tương tác giúp người dùng tương tác điều khiển hệ thống IOT dễ dàng Front-end coi cầu nối giúp người dùng tiếp cận hệ thống thông qua việc tiếp nhận liệu thu thập từ cảm biến hệ thống điều khiển hoạt động hệ thống dễ dàng không yêu cầu người dùng phải có trình độ kĩ thuật định 25 CHƯƠNG 2: XÂY DỰNG FRONT-END CHO HỆ THỐNG GIÁM SÁT 2.1 Xây dựng toán Bài toán đặt cần phải xây dựng Front-end cho giao diện hệ thống giám sát Mục tiêu thiết kế giao diện hiển thị cho người dùng, đưa tất thông số yêu cầu cho mục đích giám sát hệ thống sản xuất lượng gió tốc độ gió mơi trường, tốc độ quay tua bin, Các thông số cần thể trực quan, sinh động nhằm giúp người sử dụng dễ dàng nắm bắt thơng số Ngồi cịn phải thiết kế cho phù hợp với nhiều tảng thiết bị khác giữ nội dung yêu cầu 2.2 Nội dung thực Hệ thống giao diện thiết kế dựa phần file HTML, CSS JavaScripts liên kết chặt chẽ với thành giao diện hoàn chỉnh Về phần HTML, hệ thống giao diện thiết kế với thông số hệ thống sản xuất điện từ lượng gió thơng số mơi trường, tốc độ quay tua bin đồng thời có thơng số liên quan đến việc sản xuất điện điện áp cường độ dịng điện Các thơng số lấy trực tiếp từ biến gán liệu lấy sở liệu Hình 23: Giao diện HTML đẩy liệu cảm biến thu thập 26 Đồng thời phần HTML tích hợp thêm bảng biểu dùng để so sánh thông số quay hệ thống so với môi trường nhằm phục vụ cho nhu cầu đánh giá phân tích sau Hình 24: Giao diện HTML thể giao diện bảng biểu Về phần CSS, hệ thống giao diện hỗ trợ thông số hiển thị file HTML, quy hoạch chúng thành ô mà ô chứa thông số cần hiển thị thể qua file HTML Việc phân biệt khu vực riêng biệt giúp người sử dụng sử dụng dễ dàng thu thập thơng tin xác, tạo thuận tiện việc giám sát Hình 25: Giao diện CSS Về phần JavaScripts, hệ thống sử dụng dựa framework Angular viết dạng TypeScripts Từ liệu lấy từ sở liệu tiến hành cài đặt biến đẩy biến hiển thị lên hệ thống đồng thời tạo cảnh bảo thông qua việc thay đổi màu sắc tham số có điều kiện cảnh báo Đồng thời, hệ thống 27 sử dụng module Angular-Highcharts dùng để vẽ bảng biểu so sánh thông số tốc độ gió ngồi mơi trường tốc độ quay hệ thống Hình 26: Giao diện TypeScripts Về việc liên kết liên kết dựa framework Angular với HTML đùng để biểu diễn thông số hệ thống thơng qua thẻ div CSS đóng vai trò phân chia bố cục thẻ div thành giao diện trực quan Javascripts viết biên dịch Typescript trở thành công cụ đưa tham số vào database tạo lập bảng so sánh dựa database thêm vào 28 CHƯƠNG 3: KẾT QUẢ VÀ ĐÁNH GIÁ 3.1 Kết thực tế Hình 27: Giao diện hệ thống giám sát điện gió 3.2 Đánh giá kết : Hệ thống có bố cục trực quan dễ nhìn giúp người dùng dễ dàng theo dõi giám sát thông số hệ thống dễ dàng Hệ thống tích hợp bảng biểu hỗ trợ việc so sánh phân tích thơng số thu thập từ môi trường hệ thống người dùng 3.3 Hướng phát triển: Hỗ trợ thêm phần nhật kí giúp thể thơng số lưu từ sở liệu hiển thị lên hệ thống phục vụ mục đích nghiên cứu thơng số sau Hỗ trợ giao diện cho nhiều hệ thống tua bin phục vụ cho hệ thống sản xuất lớn Hỗ trợ giao diện tương tác điều khiển từ xa phục vụ cho việc điều khiển hoạt đông nhà máy từ xa 29 TÀI LIỆU THAM KHẢO [1] "FrontEnd gì? BackEnd ? Fullstack gì?," TOPDEV, [Online] Available: https://topdev.vn/blog/frontend-la-gi-backend-la-gi-vafullstack-la-gi/ [2] "Hệ Thống IoT Là Gì? Lợi Ích Và Ứng Dụng Của Hệ Thống IoT," ECO-SMART, Công ty TNHH Giải pháp công nghệ, 20 10 2023 [Online] Available: https://eco-smart.biz/he-thong-iot-la-gi-loi-ich-va-ung-dung/ [3] "Năng Lượng Gió Là Gì? Năng Lượng Gió Sinh Ra Như Thế Nào?," HUYNH LAI Electric, 16 Tháng Mười 2023 [Online] Available: https://huynhlai.vn/tin-tuc/nang-luong-gio-la-gi/ [4] "HTML gì?," TOPDEV, [Online] Available: [Online] Available: https://topdev.vn/blog/html-la-gi/ [5] "CSS gì?," TOPDEV, https://topdev.vn/blog/css-la-gi/ [6] "Tìm hiểu TypeScript kiến thức bản," Viblo, [Online] Available: https://viblo.asia/p/tim-hieu-typescript-va-kien-thuc-co-ban- PmeRQpnyGoB [7] "Javascript (JS) gì?," Amazon Web Service, [Online] Available: https://aws.amazon.com/vi/what-is/javascript/ [8] "Angular gì? Tổng quan Angular dành cho người mới," Vietnix, [Online] Available: https://vietnix.vn/angular-la-gi/ 30