---
title: "Arduino Web Server Using W5100 Ethernet Shield"
url: "https://maker.wiznet.io/gemma/projects/arduino-web-server-using-w5100-ethernet-shield/"
markdown_url: "https://maker.wiznet.io/gemma/projects/arduino-web-server-using-w5100-ethernet-shield/md"
type: "UCC: User Created Content"
author: "Kashif Baig"
author_url: "https://www.youtube.com/watch?v=7KjFKJKYSYQ"
editor: "WIZnet"
editor_url: "https://maker.wiznet.io/"
original_author: "Kashif Baig"
original_url: "https://www.youtube.com/watch?v=7KjFKJKYSYQ"
published: "2022-11-23"
language: "en"
hardware: ["Arduino UNO", "WIZnet W5100 ethernet shield"]
likes: 3
views: 897
comments: 1
source: "WIZnet Makers (https://maker.wiznet.io/)"
---

# Arduino Web Server Using W5100 Ethernet Shield

> Arduino Web Server Using W5100 Ethernet Shield Web Pages with ASP.net Like Syntax Using MVC Micro Framework

Original author: Kashif Baig (source: https://www.youtube.com/watch?v=7KjFKJKYSYQ)

## Components

- **Arduino UNO** x 1 ([docs](https://www.farnell.com/datasheets/1682209.pdf))
- **WIZnet W5100 ethernet shield** x 1 ([docs](https://www.wiznet.hk/en/open-source-hardware/102-w5100s-ethernetshield.html?search_query=W5100+ethernet+shield&results=84))
- Software: **Arduino IDE** ([docs](https://www.arduino.cc/en/software))

## Article

Use an Arduino web server to control appliances, monitor remote sensors and report using charts. Our Arduino Ethernet shield IoT web server has been tested to work with [Arduino IDE](https://www.arduino.cc/en/main/software) v 1.8.2, [Wiznet 5100 Ethernet shield](https://www.arduino.cc/en/Main/ArduinoEthernetShieldV1), Arduino R3 [Uno](https://www.arduino.cc/en/main/arduinoBoardUno) and [Mega 2560](https://www.arduino.cc/en/Main/ArduinoBoardMega2560), and boasts the following:

- implements model, view, controller design ([MVC](https://en.wikipedia.org/wiki/Model%E2%80%93view%E2%80%93controller))

- view builder with asp.net like scripting syntax

- memory efficient and responsive

- view markup can reside in program memory or SD card

- implements RESTful urls

- easy to process HTTP GET and POST requests

- easy to implement simple JSON or Xml web services

- browser caching for CSS, JavaScript, and images

- field by field or line by line processing of text data files

The unique advantage of using our Arduino web server (as compared to a generic [Arduino web server](https://www.arduino.cc/en/Tutorial/WebServer)) is that responsive web pages and web service responses can be built using a scripting style similar to asp.net. If you’ve developed web pages using server side scripting before, then this approach will be familiar.

[![Ardiuno Web Server using MVC views.](https://www.cohesivecomputing.co.uk/cms/wp-content/uploads/2017/04/Arduino-Web-Server-Hello-World-1024x859.png)](https://www.cohesivecomputing.co.uk/cms/wp-content/uploads/2017/04/Arduino-Web-Server-Hello-World.png)

*Ardiuno Web Server using MVC views.*

The source code for the Arduino Webserver is available at the link below, and is provided as is (with no warranty). The code also demonstrates appliance control, log file monitoring and AJAX using jQuery.

- [Arduino MVC Web Server Source](https://files.cohesivecomputing.co.uk/Arduino-Ethernet-MVC-Webserver.zip)

Be sure to change the MAC and IP address in the source code to values that are correct for your network configuration, and copy ‘web’ and ‘data’ folders to the root of the Arduino Ethernet shield SD card. Please watch the short demonstration video and read on before uploading the source code to your Arduino.

---

Source: https://maker.wiznet.io/gemma/projects/arduino-web-server-using-w5100-ethernet-shield/