Thiết kế giao diện App Blynk

Một phần của tài liệu HỆ THỐNG vườn THÔNG MINH có CỔNG gắn THẺ RFID mở cửa (Trang 66 - 82)

- Đầu tiên vào cửa hàng CH Play hoặc AppStore tải ứng dụng Blynk về điện thoại và tiến hành đăng ký tài khoản. Có 2 cách đăng nhập: bằng Facebook hoặc sử dụng Gmail để đăng ký.

- Để tạo một tài khoản mới bằng Gmail và thiết lập các khối hiển thị trên ứng dụng ta thực hiện các bước sau đây:

+ Bước 1: Nhập thông tin tài khoản Gmail của mình. Rồi chọn Create New Account để đăng ký.

+ Bước 2: Sau khi đăng ký thành công, tiếp theo là tạo một Project mới, ta Click vào New Project dấu cộng (+).

+ Bước 3: sau đó đặt tên cho project của mình. Cuối cùng Click vào Create Project để hoàn tất việc tạo mới.

+ Bước 4: Blynk sẽ gửi vào Gmail mà lúc đầu mình đăng ký một mã Token, mã Token này có thể giúp Esp8266 phân biệt để gửi dữ liệu lên Blynk.

+ Bước 5: Chạm vào màn hình để xuất hiện giao diện Widget Box sau đó bấm chọn Gauge 2 lần để lấy 2 thước đo ra và chọn LED 3 lần để được 3 bóng đèn xuất hiện trên màn hình.

+ Bước 6: Tiếp tục vào giao diện Widget Box lấy 4 khối Button ra.

+ Bước 7: Nhấn vào button đầu tiên  đặt tên là chế độ  chọn

Virtual Pin là V1  Output là 0/1  chọn mode là Switch  chọn hiển thị on/off ứng với chế độ Manual/Auto.

+ Bước 8: Nhấn vào button thứ hai  đặt tên là đèn  chọn Virtual Pin là V2  Output là 0/1  chọn mode là Switch  hiển thị on/off để mặc định không cần chỉnh sửa.

+ Bước 9: Nhấn vào button thứ ba  đặt tên là quạt  chọn Virtual Pin là V3  Output là 0/1  chọn mode là Switch  hiển thị on/off để mặc định không cần chỉnh sửa.

+ Bước 10: Nhấn vào button thứ tư  đặt tên là máy bơm  chọn Virtual Pin là V4  Output là 0/1  chọn mode là Switch  hiển thị on/off để mặc định không cần chỉnh sửa.

+ Bước 11: chọn Led thứ nhất  đặt tên là loa, có thể thay đổi màu sắc hiển thị led ở vòng tròn kế bên  Input: Virtual Pin chọn V5.

Hình 2.72 Cài đặt trạng thái cho led thứ nhất

+ Bước 12: chọn Led thứ hai  đặt tên là thẻ 1, có thể thay đổi màu sắc hiển thị led ở vòng tròn kế bên  Input: Virtual Pin chọn V7.

+ Bước 13: chọn Led thứ ba  đặt tên là thẻ 2, có thể thay đổi màu sắc hiển thị led ở vòng tròn kế bên  Input: Virtual Pin chọn V6.

+ Bước 14: chọn gauge thứ nhất  đặt tên là nhiệt độ  Virtual Pin chọn V9  khoảng nhiệt độ hiển thị 0 – 125  Label: °C.

+ Bước 15: chọn gauge thứ hai  đặt tên là độ ẩm  Virtual Pin chọn V8  khoảng độ ẩm hiển thị: 0 - 100  Label: %.

Một phần của tài liệu HỆ THỐNG vườn THÔNG MINH có CỔNG gắn THẺ RFID mở cửa (Trang 66 - 82)

Tải bản đầy đủ (DOCX)

(143 trang)
w