Internet of Things with Arduino Blueprints

Book Image

Internet of Things with Arduino Blueprints

By : Pradeeka Seneviratne

Book Image

Internet of Things with Arduino Blueprints

By: Pradeeka Seneviratne

Overview of this book

Internet of Things with Arduino Blueprints

Internet of Things with Arduino Blueprints

Credits

About the Author

About the Author

About the Reviewers

About the Reviewers

www.PacktPub.com

www.PacktPub.com

Preface

Free Chapter

Internet-Controlled PowerSwitch

Internet-Controlled PowerSwitch

Getting started

Selecting a PowerSwitch Tail

Turning PowerSwitch Tail into a simple web server

Adding a Cascade Style Sheet to the web user interface

Finding the MAC address and obtaining a valid IP address

Wi-Fi Signal Strength Reader and Haptic Feedback

Wi-Fi Signal Strength Reader and Haptic Feedback

Arduino WiFi Shield

Wi-Fi signal strength and RSSI

Haptic feedback and haptic motors

Implementing a simple web server

Internet-Connected Smart Water Meter

Internet-Connected Smart Water Meter

Water flow sensors

Adding an LCD screen to the water meter

Converting your water meter to a web server

Arduino Security Camera with Motion Detection

Arduino Security Camera with Motion Detection

Getting started with TTL Serial Camera

Connecting the TTL Serial Camera with Arduino and Ethernet Shield

Uploading images to Flickr

Solar Panel Voltage Logging with NearBus Cloud Connector and Xively

Solar Panel Voltage Logging with NearBus Cloud Connector and Xively

Connecting a solar cell with the Arduino Ethernet board

Setting up a NearBus account

Defining a new device

Creating and configuring a Xively account

Configuring the NearBus connected device for Xively

Developing a web page to display the real-time voltage values

GPS Location Tracker with Temboo, Twilio, and Google Maps

GPS Location Tracker with Temboo, Twilio, and Google Maps

Hardware and software requirements

Getting started with the Arduino GPS shield

Connecting the Arduino GPS shield with the Arduino Ethernet board

Getting started with Twilio

Creating Twilio Choreo with Temboo

Tweet-a-Light – Twitter-Enabled Electric Light

Tweet-a-Light – Twitter-Enabled Electric Light

Hardware and software requirements

Getting started with Python

Creating a Twitter app and obtaining API keys

Reading the serial data using Arduino

Controlling Infrared Devices Using IR Remote

Controlling Infrared Devices Using IR Remote

Building an Arduino infrared recorder and remote

Building the IR receiver module

Adding an IR socket to non-IR enabled devices

Index

Customer Reviews

5 star

0

4 star

0

3 star

0

2 star

0

1 star

0

Adding a Cascade Style Sheet to the web user interface

Cascade Style Sheet (CSS) defines how HTML elements are to be displayed. Metro UI CSS (https://metroui.org.ua/) is a cascade style sheet that can be used to apply Windows 8-like style to your HTML elements.

The following Arduino sketch applies Windows 8-like style to the radio button group:

Open your Arduino IDE and paste the code from the sketch named B04844_01_05.ino from the code folder of this chapter.
Between the <head></head> tags we have first included the JQuery library which consists of a rich set of JavaScript functions:
```
client.println("<script src=\"https://metroui.org.ua/js/jquery-2.1.3.min.js\"></script>");
```

Then, we have included metro.js and metro.css from the https://metroui.org.ua website:

client.println("<script src=\"https://metroui.org.ua/js/metro.js\"></script>");
client.println("<link rel=\"stylesheet\" href=\"https://metroui.org.ua/css/metro.css\">");

Upload the sketch on your Arduino board and play with the new look and feel. You can modify the other HTML elements and even use the radio buttons by referring to the MetroUI CSS website documentation at https://metroui.org.ua/.

MetroUI CSS style applied to radio buttons