thiết kế ứng dụng dự án đọc cảm biến dht11 và gửi về

DỰ ÁN ĐỌC CẢM BIẾN DHT11 VÀ GỬI VỀ SERVER ĐÀO ĐĂNG HIẾU THIẾT KẾ ỨNG DỤNG thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve Trong thực tế, thiết kế ứng dụng, người dùng cần giao diện giám sát điều khiển thân thiện, đồng thời phát triển thêm tính hiển thị kết dạng đồ thị (chart), lưu trữ liệu theo thời gian định hay điều khiển trạng thái thiết bị với click chuột máy tính Các dự án với mơ hình phức tạp cần quản lí kết nối liệu thiết bị… Giải vấn đề thông qua ứng dụng đọc nhiệt độ, độ ẩm môi trường gửi server Đây ứng dụng đơn giản, hữu ích dễ làm Thơng qua phần xây dựng ứng dụng IoT thực tế, nắm bắt kiến thức thu thập liệu, xây dựng thiết bị server thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve Yêu cầu • Dùng cảm biến DHT11 để thu thập nhiệt độ, độ ẩm môi trường kết nối với board mạch ESP8266 • Board mạch ESP8266 kết nối không dây đến mạng WiFi gởi liệu HTTP Server • Phần bản: HTTP Server hiển thị liệu nhiệt độ, độ ẩm hình Log máy tính • Phần nâng cao: HTTP Server lưu trữ liệu, cung cấp file HTML cho người dùng xem qua Browser Kiến thức Sẽ dễ dàng có kiến thức • Chuẩn truyền liệu OneWire IC • Ngơn ngữ Javascript để xây dựng server cách dùng Node.js • Ngơn ngữ HTML để xây dựng trang html đơn giản nhằm hiển thị liệu Tuy nhiên đừng lo lắng bạn chưa dùng thứ này, hiểu đọc phần thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve Phân tích • Chúng ta cần Web Server viết Javascript, thực thi Node.js, lắng nghe Port định máy tính cá nhân Ở port 8000 • Máy tính phải có kết nối mạng WiFi nội với ESP8266 cần biết địa IP máy tính để ESP8266 truy cập, ví dụ IP 192.168.1.102 • ESP8266 sau kết nối vào mạng WiFi nội bộ, tiến hành đọc thông số nhiệt độ, độ ẩm từ cảm biến DHT11 gởi Server sau giây • Quá trình gởi thực phương thức GET, ví dụ http://192.168.1.102/update?temp=25&humd=80 với 192.168.1.102 địa Web Server, /update đường dẫn, temp=20 humd=80 chứa thông tin nhiệt độ 20 độ C độ ẩm 80% • Web Server trả trạng thái HTTP status = 200 (OK), với việc hiển thị cửa sổ log giá trị nhiệt độ, độ ẩm • Ở phần nâng cao: — Web Server lưu trữ liệu nhiệt độ, độ ẩm mảng, chứa nhớ RAM  —  Web Server cịn cung cấp file index.html chứa mã Javascript yêu cầu lấy liệu nhiệt độ, độ ẩm lưu RAM, hiển thị lên biểu đồ thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve THỰC HIỆN Linh kiện cần có ☑ Cảm biến DHT11 ☑ Board ESP8266 WiFi Uno ☑ Dây nối male-female header ☑ Điện trở 5K Ohm ☑ Cable kết nối board ESP8266 máy tính Hình 39 Kết nối DHT11 ESP8266 WiFi Uno thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve Server Nodejs Về phía Web Server, cần đảm bảo phục vụ cho nhiều Client, với path là: • /update thêm liệu để lưu trữ, in hình • /get trả liệu lưu trữ định dạng JSON • / cịn lại trả file index.html • Mảng liệu lưu trữ có định dạng: [{"temp": 25, "humd":80, time: "time"}, ] Mã nguồn file server.js Mã nguồn file index.html thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve Hình ảnh giao diện HTML thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve Code ESP8266 ESP8266 sử dụng thư viện HTTPClient để kết nối tới Web Server lấy liệu nhiệt độ, đổ ẩm thông qua phương thức GET với query temp humd Chuẩn bị • Cung cấp SSID PASSWORD WiFi cho board mạch ESP8266 để kết nối vào mạng nội với Web Server • Cung cấp địa IP, port Web Server • Thư viện hỗ trợ lấy liệu DHT11 Dựa theo chuẩn truyền nhận wire phổ biến dòng sensor DHTXX (DHT11, DHT22,…), có nhiều thư viện xây dựng lên để việc lập trình với DHT11 trở nên dễ dàng Trong cài đặt sử dụng thư viện DHT sensor library Adafruit thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve Hình ảnh thư viện DHT sensor library​ thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve Hình ảnh Arduino terminal sau kết nối thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve thiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.vethiet.ke.ung.dung.du.an.doc.cam.bien.dht11.va.gui.ve