Giao diện mặc định của Dashboard khi mới được tạo ra là chưa có phần tử giao diện nào, chúng ta sẽ bắt đầu thêm một nút nhấn trên giao diện. Bằng cách vào lại biểu tượng cài đặt, và chọnCreate New Block, như sau:
Hình 8.9: Thêm đối tượng giao diện vào Dashboard
Đối tượng giao diện hỗ trợ trên Dashboard là rất phong phú. Tuy nhiên trong bài hướng dẫn này, chúng ta sẽ chọn vào đối tượng đầu tiên. Đối tượng này có tên gọi làToggle Button, và nó hoàn toàn phù hợp cho một ứng dụng điều khiển Bật/Tắt
một thiết bị trong bài này. Sau khi chọn, giao diện sau đây sẽ hiện ra.
Hình 8.10: Kết nối với feed đã tạo
Đây là bước quan trọng nhất trong thiết kế giao diện cho Dashboard, khi chúng ta cần phải chọn liên kết cho nó với một Feed dữ liệu. Cho đến bài này, vì chúng ta chỉ có 1 feed dữ liệu (là BBC_LED), nên việc lựa chọn rất đơn giản. Trong trường hợp có nhiều feed dữ liệu, bạn đọc cần phải lựa chọn cho đúng. Sau đó chọn vào
Hình 8.11: Các chức năng cài đặt cho đối tượng nút nhấn
Chức năng của các trường thông tin được tóm tắt như sau:
• Block Title: Trường này là tùy chọn thêm, không bắt buộc. Ở đây ta có thể
đặt tên cho nút nhấn.
• Button On Text: Ở đây ta sẽ để những ký tự sẽ hiện lên trên nút nếu nút mở.
Ở trạng thái mặc định không tùy chỉnh thì khi được mở, nút sẽ hiện từ "ON".
• Button On Value: Trường này cho ta tùy chỉnh dữ liệu được gửi đi khi nút này
được bấm để trở thành trạng thái Bật. Để cho đơn giản,chúng ta sẽ quy định dữ liệu cho nó là 1.
• Button Off Text: Ở đây ta sẽ để những ký tự sẽ hiện lên trên nút nếu nút tắt.
Ở trạng thái mặc định không tùy chỉnh thì khi được tắt, nút sẽ hiện từ "OFF".
• Button Off Value: Trường này cho ta tùy chỉnh dữ liệu được gửi đi khi nút
này được bấm để trở thành trạng thái tắt.Chúng ta sẽ quy định dữ liệu cho trường này là 0.
Ngoài ra, bạn đọc có thể kiểm tra việc thay đổi giao diện của nút nhấn, mỗi khi có dữ liệu mới được gửi lên Feed, bằng cách nhập giá trị 0 và 1 trong ôTest Value.
Chức năng này đang mô phỏng hình ảnh của nút nhấn, khi vận hành trong thực tế. Cuối cùng,ta chọnCreate blockvà một nút nhấn mới sẽ xuất hiện trong Dash- board của bạn, như sau.
Hình 8.12: Nút nhấn mới được tạo trên Dashboard