Building Your Android Apps for Monitoring IoT Devices Using REST API

by Eric.Hyungki.Jung in Circuits > Remote Control

34520 Views, 552 Favorites, 0 Comments

Building Your Android Apps for Monitoring IoT Devices Using REST API

Feature_image.png
wizwiki_restapi_app_inventor_gallery.png
library_arch.png
github_docs.png

A few weeks ago, I've implemented REST web service library for WIZwiki-W7500ECO board. I've posted on Instructables, https://www.instructables.com/id/Adding-REST-based-Web-Services-to-IoT-Device-for-I/ (Featured content!)

I decided to create my own Apps for monitoring my board using REST APIs. My Apps created using 'MIT App Inventor 2'. You can find my apps at App inventor gallery. (WIZwiki RESTAPI I/O Monitor)

Users can create a variety of application by reference to this app. you can freely modify and build your own Apps(.apk file). For more details about 'MIT App Inventor', refer to the following link. http://appinventor.mit.edu/

For more information about 'REST API for WIZwiki-W7500ECO', please see the previous post and GitHub repository.

Instructables: Adding REST-based Web Services to IoT Device for IO monitoring

GitHub: RESTful Web Server & I/O Control by REST API

Apps Features

  • Example Apps for testing REST APIs for WIZwiki-W7500ECO platform
  • Can be monitored 4-configurable I/Os on board (ain / din / dout)
  • Each Pins assumed to be connected as follows
    • User IO A (P30): This pin is connected to the temperature sensor (analog input, Grove temp. sensor v1.1)
    • User IO B (P29): This pin is connected to the temperature potentiometer (analog input)
    • User IO C (P28): This pin is connected to the Push button1 (digital input)
    • User IO D (P27): This pin is connected to the Push button2 (digital input)
  • Can be monitored network settings and uptime of board
  • Free to use

* This post will be update continuously

Parts

wizwiki-w7500eco.jpg
grove_starter_kit.jpg
9-galaxy-s6-edge-gold.jpg

For this instructables, you'll need next things.

  • Android Mobile Phone or Tablet
    • App Inventor is a visual, blocks language for building Android Apps
  • WIZnet WIZwiki-W7500ECO Platform board
    • WIZwiki-W7500ECO is a compact platform board based on W7500, which is a SOC chip that integrates an ARM Cortex-M0, 128KB Flash memory and hardwired TCP/IP core. W7500 is the best fit to IoT devices. For more details, refer to the next link: http://wizwiki.net/wiki/doku.php?id=products:wizw...
  • Seeedstudio Grove Starter Kit
    • It contains Plug-n-play hardware modules e.g., temp senser and buttons. For more details, refer to the next link: http://www.seeedstudio.com/wiki/Grove_System
    • Grove Shield Grove - Temperature Sensor v1.1
    • Grove - Potentiometer
    • Grove - Button (x 2)
    • Grove - Universal 4 Pin Cable (x 4)
  • A computer for using KEIL uVision5 IDE / App inventor web IDE
    • REST web service library is developed and compiled with uVision5 IDE.
  • Jumper wires (x 6)

Hardware Circuits

Hardware.jpg
wizwiki-w7500eco_pinout.png

WIZwiki-W7500ECO - Grove Shield - Grove Peripheral

3.3V - 3.3V - None

GND - GND - None

P30 - Analog0 (A0) - Temperature Sensor

P29 - Analog1 (A1) - Potentiometer

P28 - Digital2 (D2) - Button1

P27 - Digital3 (D3) - Button2

  • [WIZwiki-W7500ECO] and [Grove Shield] is connected via jumper wires.
  • [Grove Shield] and [Grove Peripheral] is connected via grove universal 4 pin cables

Firmware

WIZwiki-W7500ECO board and Android mobile phone are must be obtain an IP address automatically from same router (DHCP server) for network communication.

e.g.,

Router IP: 192.168.11.1 (gateway, DHCP server)

WIZwiki-W7500ECO IP: 192.168.11.2

  • Obtain an IP address automatically, Ethernet connected

Android Mobile phone IP: 192.168.11.4

  • Obtain an IP address automatically, Wi-Fi connected

How to enable IP obtained from DHCP server (automatically)

  1. Delete the comment mark (//, two slashes) at preprocessor directives '#define _USE_DHCP_' (in main.c file)
  2. Delete the comment mark at call set_dhcp_mode() function line in main() functionn (in main.c file)
  3. Commented out set_static_mode() function line in main() function (in main.c file)
  4. (bugfix: main.c file) Line 321, #ifdef _USE_DHCP -> #ifdef _USE_DHCP_ ('_' is missing)

Apps Design

1_apps_screen_arch.png
2_apps_screen_main.png
3_apps_screen_temperature.png
4_apps_screen_potentiometer.png
5_apps_screen_buttons.png
6_apps_screen_settings.png

Screens

  • Main
  • Temperature
  • Potentiometer
  • Buttons
  • Settings

Download, Build and Run

app_inventor_webide_build.png
logo_app_inventor.jpg

Firmware

App Inventor Apps

  • Build and Create .apk file at Web IDE
  • Select the 'Build' menu on top of browser

Enjoy It!

Try to create the Android apps for your own IoT devices!