I talked at Frontend Day in Plone conference TOKYO. IoT mustcle training interface is made by M5Stack, watson IoT Platform and Node-RED. It explain that what M5Stack is, what Node-RED is and how it works.

2. Engineering muscle training
interface

3. Self-Introduction
Rina NAGAI (IoT engineer)
interest technology:
IoT, Cloud, Python, Node-RED,
Serverless-Architecture
favorite food:
sushi, soba, yakiniku

4. Agenda
◆ Muscle training interface
◆ Demo
◆ How does it work?

5. Muscle training interface

6. Recent Problem….

7. Recent Problem….
I feel recently …
meals are too delicious!

9. +10kg

10. diet?

11. diet?
No,No,No.
I must do muscle training.

12. Engineering

13. Engineering
+
Muscle Training

14. Engineering
+
Muscle Training
= IoT Muscle Training

15. What did I make?
Every time I squat, push-up or sit-up.
It counts and displays on the web site.

16. Counting interface
This is a counting interface.
I count this by pushing this button while
doing the squats, push-ups or sit-ups.
The screen displays the number of times.
And this is sent to the cloud through
Wi-Fi.

17. Web interface
The Web interface is coded by only Node-RED with a dashboard module.

18. Demo

19. How does it works?

20. System configuration
IBM Cloud
Watson IoT
Platform
Counting interface
Web interface

21. System configuration
IBM Cloud
Watson IoT
Platform
Today’s topics are
these two interfaces.Counting interface
Web interface

22. System configuration
IBM Cloud
Watson IoT
Platform
Today’s topics are
these two interfaces.Counting interface
Web interface

23. Counting interface
How do I make counting interface?
I coded program on M5Stack.
What is M5Stack?

24. M5Stack
This gadget’s name is M5Stack.
M5Stack is based on ESP32.
(ESP32 is standard of IoT device.)
M5Stack has TFT color display, three bottuns,
speaker and other expansion Modules.
And it can connect Wi-Fi and bluetooth.

25. M5Stack
This time, I coded on Arduino IDE.
The Arduino IDE supports the languages
C++ using special rules of code
structuring.
Unique function of M5Stack( for example
to display string, shape or image) is
available by including M5Stack module.

26. System configuration
IBM Cloud
Watson IoT
Platform
Today’s topics are
these two interfaces.Counting interface

27. Do you know Node-RED?

28. Do you know Node-RED?
Do you like Node-RED?

29. What is Node-RED?
Node-RED is a flow-based development tool for visual programming developed and
written in Node.js.
Node-RED has a browser-based flow editor.

30. What is Node-RED?
There are various kinds of node.
A node is component of simple function.
For example, “send email”, “convert string”,
“send http request”...
You can make applications by node
connecting.

31. What is Node-RED?
Also, Node-RED provides many custom module.
Dashboard module is one of them.
I use dashboard module
at web interface.

32. What is Node-RED?
If there is no Node you want?
You can code in javascript
at function node.
Others, you can create a new
node!
It is very exciting to create your
original node.

33. Going back to
the web interface talking.

34. How is Web interface processing on Node-RED?

35. msg:{
payload:{
d:{
squat: 1
}
}
}
How is Web interface processing on Node-RED?

36. msg:{
topic: “suquat”,
payload: 32
}
msg:{
payload:{
d:{
squat: 1
}
}
}
How is Web interface processing on Node-RED?

37. How is Web interface processing on Node-RED?

38. How is Web interface processing on Node-RED?

39. How is Web interface processing on Node-RED?

40. How is Web interface processing on Node-RED?

41. Conclusion
◆ I introduce two interfaces in IoT.
They are both convenient tools.
◆ And...

42. +10kg

43. +10kg

44. +10kg
-0.5kg

45. +10kg
-0.5kg
Muscle training?

46. +10kg
-0.5kg
Muscle training?
I'm satisfied with
the coding applications...

47. Thank you!!