WIZ550web is an embedded Web server module based on WIZnet’s W5500 hardwired TCP/IP chip, Users can control & monitor the 16-configurable digital I/O and 4-ADC inputs on module via web pages. WIZ550web provides the firmware & web page examples for user’s customization.
This page describes the following topics:
Users can download the following source codes from the 'WIZ550web GitHub Repository'
WIZ550web GitHub Repository
WIZ550web GitHub Page
Develop Environment
WIZ550web module & EVB support microSD card
* Provides Sandisk 4GB microSD card but can be substituted with different product that has same features depends on manufacturer.
Recommend to use listed SD card in case of using different SD card.
Vendor | Capacity(Bytes) | Type | Class |
---|---|---|---|
Sandisk | 2G | SD | n/a |
4G | SDHC | 4 | |
8G | SDHC | 4 | |
Samsung | 4G | SDHC | 6 |
Transcend | 4G | SDHC | 4,10 |
The WIZ550web uses a Micro SD card as a storage media for web content. The SD card isn't included with module. The SD card supports FAT1) file system format and we recommend to use FAT32.
The process for using the SD card as a storage media for web content of WIZ550web is described below.
1. Format a Micro SD card with FAT32 file system
Insert the Micro SD card into an SD card reader and format it with the Windows explorer
2. Download the demo web page from WIZ550web GitHub repository
3. Copy the demo Web page to the Micro SD card
4. Insert the Micro SD card into the SD card slot of WIZ550web
5. After powering up the module you can access the webserver.
We support storage method of data flash as well as SD card after v1.1.0 release. https://github.com/Wiznet/WIZ550web/releases
Refer to WIZ550web+FatFS+FTPServer Project Tutorial. (http://youtu.be/XtnT2_CNgaY)
Refer to WIZ550web+WindowsFTP Tutorial. (http://youtu.be/kelGSGj3kOQ) Need to apply a commit cfce843.
Refer to WIZ550web+LinuxFTP Tutorial. (http://youtu.be/6qsPZA5QKEI)
When power is applied to the WIZ550web module, the serial debug message is print out via UART1 port. This message contains information such as the device name, network configurations, and SD card info.
The module will not work during the initialization routine of the WIZ550web firmware if either the PHY link status or SD Card mount is not operational.
Please check the following if the module is not working.
The factory default setting of UART1 is as below and the user can change settings through the demo web pages & AT commands.
Common web servers and browsers communicate as follows.
Therefore, Web server (HTTP server) of WIZ550web is consists the following processes and operates as the flowchart below.
WIZ550web uses CGI to configure the network or monitor and control the I/O.
CGI is an acronym for 'Common Gateway Interface’ and it operates the server's program and receives results of the client via web. CGI is not dependent on a particular language or platform because only the configuration and policies between the web page and the server needs to be satisfied.
CGI for WIZ550web consists the 'Request name + .cgi' using HTTP GET/POST request method. The CGI for each HTTP methods are handled as below.
GET
IoStatusCallback({“din”:[{“v”:“1”}, {“v”:“0”}], “led”:[{“v”:“1”}, {“v”:“0”}]})
POST
Each requests are handled by AJAX3) techniques for efficient data processing in the limited resources embedded web server. The advantage is that the server avoids the full web page reload and reduces the load on the server.
The Screenshots of Basic Demo Web Page were captured from Google Chrome Browser version 37
Provided basic demo web page of WIZ550web is in tab style of one HTML page (index.html). The configuration and purpose of each tabs are as below.
The 'Device Settings' tab is configured as below.
The user can check the device information like MAC address / Firmware version and set the network information (IP address, DHCP options and etc.), serial port configuration through the 'Device Settings' tab. After adjusting the settings, if the [Save Settings and Reboot] button is pressed, the configurations is saved and the WIZ550web module reboots. Please note that the module will change the settings after reboot.
If the 'DHCP' option has enabled (DHCP Enable: IP address allocated from DHCP server), Network information HTML input tag is disabled and attribute changed to disabled. If the user successfully allocated the IP address from DHCP server after module reboot, the modified debug message is output to terminal as below.
The 'Digital I/O Status' tab is configured as below.
[On-board LED] WIZ550web's LEDs can be control by On/Off button in web page.
[Digital I/O Status] Digital I/O Status indicates the current status. When the I/O is output, users can set On/Off. Each I/O information are configured as below.
For 'Input',
- On/Off button is not indicated. If the input signal is 'high', the 'green LED' is turned on.
For 'Output',
- On/Off button is indicated. If the output signal is 'high', the 'blue LED' is turned on.
For 'NotUsed',
- On/Off button is not indicated. turned off the LED (off LED).
Users can set each I/O directions in 'I/O configuration' tab. See below for digital I/O status setting examples.
The 'ADC Status' tab is configured as below.
The Analog input signal through ADC changes into a bar graphs is displayed in real-time.
WIZ550web baseboard is equipped with Potentiometer and Temperature sensor on A0 / A1. For example, by adjusting the value of the Potentiometer (A0), users can see the changes in the graph as below.
The 'I/O Configuration' tab is configured as below.
Change of the I/O Directions and Aliases setting will be reflected immediately. Each I/O's LED images are the same as I/O status page (Blue / Green / Off).
Only when the 'Not Used' option is selected, the red 'X' is displayed for visibility.
When you press the [IO Settings Factory Reset and Reboot] button, the WIZ550web module factory reset is executed, and is rebooted. Please note that the module is rebooted into default settings.
If you change the various settings, it is displayed as below.
The 'Serial Data' tab is configured as below.
In this page, user can test the 'Serial data input/output through Webpage to UART1' (Serial data Tx/Rx) functions.
Type 'hello world!' in the 'Data to send' input box and then press the [Send] button.
Serial terminal shows the string from web page through UART1.
On the contrary, if the user types the string on serial terminal, the 'Received data' box in web page shows the typed string.
Favicon
Favicon is a complex word of 'favorites' and 'icon', and is displayed as a small icon in the address bar / tabs of web browser (e.g., Google Chrome, MS Internet Explorer). By using this, the user is able to know the provider of the web page. The example basic demo web pages include 'favicon'.
User can add the 'Favicon' as the following steps
e.g., <link rel='shortcut icon' href='/favicon.ico' type='image/x-icon'>
WIZ550web provides basis for user customized web server. Users can implement an embedded web server which can control the I/O by modifying the firmware source code and web pages.
Function of the Web server can be a variety of combinations depending on the user's application; I/O monitor / control, transfer the string to UART, MCU and W5500 chip register control, Etc.
Therefore, users need to modify the firmware source code (C language) and web pages (HTML and JavaScript).
In this page, we provide a description on how to get the I/O's status (value) of WIZ550web module and set the new value through examples of the basic demo web page.
Users can learn how to control the H/W (I/O, UART, Registers and Etc.) using the web page. If users need to add additional functions, use the same method described on this page.
This Section is UNDER CONSTRUCTION.
Check back soon.