AB4 Silicon Laboratories Inc, AB4 Datasheet - Page 27

• Manufacturer Part Number: AB4
• Description: BOARD ETHERNET DEVELOPMENT
• Manufacturer: Silicon Laboratories Inc

Specifications of AB4

• Main Purpose: Interface, Ethernet
• Utilized Ic / Part: C8051F020-TB, C8051F120-TB, C8051F340-TB
• Lead Free Status / RoHS Status: Contains lead / RoHS non-compliant
• Secondary Attributes: -
• Embedded: -
• Primary Attributes: -
• Lead Free Status / Rohs Status: Lead free / RoHS Compliant

6.4. Stage 4—Adding Web Server Content
In the first three stages of the demo, we learned how to make an embedded web server, find it on the network
using Netfinder, and program its IP over the serial port. In this stage, we will learn how to change the HTML content
on the server and see an example of an embedded temperature sensing web server (uWeb) that graphs
temperature and controls an LED.
6.4.1. Modifying the Source HTML Content
The following instructions show how to modify the HTML content in the web server. You may use the example in
stage 1 or the example in stage 2 as a starting point. We will start by modifying the main web page index.html.
Note: The Netfinder utility v1.0 is not compatible with Windows Vista or Windows 7.
.
6.4.2. Updating the File Arrays using HTML2C
All web server content is added to the project in the form of file arrays (unsigned character arrays initialized to the
binary representation of the file). The HTML2C utility reads any file (HTML, images, executable binary files, etc.)
and generates two files (original_filename.h and original_filename.c) that can be added to the project. HTML2C
can be accessed several ways including:



.
1. In the VFILE_DIR subdirectory of the main project folder, open index.html in a text editor (e.g., Notepad). Any
2. Modify the HTML source to make the web page noticeably different. This can include changing the
Drag and drop. Web server content dropped on HTML2C will initiate a conversion.
File Open command from GUI. HTML2C has a graphical user interface to start conversions.
Batch File. The update.bat batch file in the VFILE_DIR folder can be used to automate the conversion process.
If additional content is added to the server, the batch file can be updated as shown in Figure 24.
of the projects generated earlier can be used for this stage of the demo.
background color or the text. Figure 23 shows the text changed to “This web page has been modified”. Save
the HTML source file when done.
Figure 24. Automating the Conversion Using a Batch File
Figure 23. Modifying the HTML Source
Rev. 0.6
Ethernet-DK
27