Skip to content

This is a website for the final project of IOT course. The website is used to measure the temperature, humidity, and brightness of the environment. The website is written in HTML, CSS [updating].

Notifications You must be signed in to change notification settings

thuychang404/Chasen

Repository files navigation

Chasen - IOT Dashboard

Website đưa các dữ liệu từ chip ESP8266 vào database, thông qua backend để hiển thị lên frontend.

ESP8266 Chip ESP8266 là vi mạch Wi-Fi giá rẻ với khả năng điều khiển đầy đủ và stack TCP/IP do Espressif Systems có trụ sở tại Thượng Hải sản xuất.




Nội dung

Kỹ thuật

Frontend

  • HTML
  • CSS
  • JS

Backend

  • Java Servlet

Database

  • MySQL

Nền tảng

Phần mềm được chạy trên cấu hình như sau:

  • Processor: Intel(R) Core(TM) i7-6500U CPU @ 2.50GHz 2.60 GHz
  • Installed RAM: 8.00 GB (7.71 GB usable)
  • System type: 64-bit operating system, x64-based processor
  • Edition: Windows 10 Pro
  • Version: 22H2

Với các dòng máy khác, kết quả được kỳ vọng không thay đổi nhiều.

Cách cài đặt

ESP8266

  1. Chuẩn bị các thiết bị sau:
  • ESP8266
  • DHT11/DHT22
  • Cảm biến ánh sáng
  • Breadboard
  • Dây điện
  • 2 đèn led 3V/5V
  1. Lắp thiết vào breadboard.
  2. Tải Arduino về tại đây.
  3. Kết nối mạch ESP8266 vào laptop qua cổng USB, nạp vào mạch ESP8266_DHT11_LS_2LED_mqtt-client.ino.
  4. Chọn Compile & Upload.
  5. Kiểm tra kết quả.

Database

  1. Cài đặt MySQL Workbrench và các dịch vụ đi kèm tại đây.
  2. Mở Workbrench, nhập các queries trong thư mục SQL.
  3. Chạy.

Nếu quá trình cài đặt thành công, màn hình sẽ xuất hiện một database tên iot với hai bảng như hình dưới.

image

Backend

  1. Cài đặt Netbeans tại đây.
  2. Mở project.
  3. Thêm các thư viện hỗ trợ trong thư mục [add libs]. Cách thêm thư viện trong Netbeans tại đây.
  4. Click chuột phải vào project > Run.

Nếu quá trình thành công, màn hình hiển thị giao diện như hình dưới

image

Frontend

  1. Cài đặt Visual Studio Code tại đây.
  2. Cài đặt extension Live Server.
  3. Click chuột phải > Open with Live Server.

Nếu quá trình thành công, màn hình hiển thị giao diện như hình dưới

image

Hỗ trợ

During using the application, if you encounter any problems, feel free to get in touch me through Facebook or Gmail. I always welcome questions. Otherwise you can rise issues through Issues channel if needed. I will leave my Facebook links below. Facebook and Gmail

About

This is a website for the final project of IOT course. The website is used to measure the temperature, humidity, and brightness of the environment. The website is written in HTML, CSS [updating].

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published