Web Manager Development for WIZnet Serial to Ethernet Modules

by Eric.Hyungki.Jung in Circuits > Remote Control

1183 Views, 6 Favorites, 0 Comments

Web Manager Development for WIZnet Serial to Ethernet Modules

S2E_Webmanager_Overview.png

WIZnet Serial to Ethernet (S2E) Module provides Serial AT command and configuration tool to monitor and control current mode of the device such as device setting, current running mode and connection status.

To improve the existing module's control feature, I have proposed 'Webmanger'.

With the Webmanager, a user can easily perform monitoring and controling task of an individual (S2E) module where the controlling and monitoring result can be deployed to setup initial values and debug errors.

This is a brief summary of webmanger in prototyping stage and still on a development process. This project is based on HTTP Server library in WIZnet.

S2E Concept

S2E_Overview.png
WIZ107SR_configuration_tool.png

S2E?

Serial to Ethernet (S2E) module is the protocol converter that transmits the data sent by serial equipment as TCP/IP data type, and converts back the TCP/IP data received through the network into serial data to transmit back to a serial equipment.

Currently, WIZnet provides the following two method for setting up the S2E products.

  • Serial AT commands
  • Configuration tool program (figure above)

Parts

WIZ550web_board.png
w5500_side.jpg

I was made a development environments for the demonstration. This evaluation board is much similar hardware as the WIZnet WIZ550web products, it will be to change for purpose.

Typical specifications for the product are as follows.

  • MCU
    • STMicroelectronics, STM32F103RCT6
    • Cortex-M3 up to 72Mhz, 256kB code flash memory, 48kB SRAM
  • Ethernet Controller
    • WIZnet W5500
    • Hardwired TCP/IP chip, High Performance SPI Interface

Used Libraries

WIZnet HTTP Server Library. Please refer to the next link.

https://github.com/Wiznet/HTTPServer_LPC11E36_LPCX...

Implemented Web Manager Prototypes

S2E_Webmanager_Overview.png
S2E_Webmanager_device_settings.png
S2E_Webmanager_mobile.png
S2E_Webmanager_tablet.png

Considered elements to make a Web Manager are as follows.

  • AJAX / Responsive Web
    • Corresponding to the mobile environment
  • S2E Device Status Control / Monitor
  • Real-time Data Transaction Monitoring Chart
  • Configurable I/O Settings
  • Useful Links (FAQ / Wiki / Forum ... and Etc.)

Plans

S2E_Realtime_data_transaction_monitoring_chart_example.png
  • Real-time Data Transaction Monitoring Chart Page
    • Monitoring result can be deployed to setup initial
      values and debug errors

  • Configurable I/O Settings Page