Bring your webside onto the Connectino | Connectino | Arduino's Sweetest IoT Experience

Abstract

Our webdesktop is a powerful tool to interact with your Connectino. But in some cases, you just want to provide a small lightweight webside, use your own interface or include some selfmade functions. For those cases you can upload your own webside onto the Connectino, replacing the webdesktop.

Requirements

You will need:

our “ Webdesktop Firmware Generator“.
a Connectino set up as described in our Initial Setup Guide .
a webside to flash to the Connectino.

Webside format

To use the webside you will need to have all necessary files in one directory. The file initially opened will be the index.html. For our example we assume the following directory-structure:

webpageExample
├── index.html
├── otherSite.html
├── pictures
│   └── fav.ico
└── styles
    └── style.css

Using the firmware Generator

When you downloaded the Firmware generator for your operating system, you should have an executable named webFirmwareGenerator(.exe for Windows)(.app for MacOS)(Linux elsewhise). The executable is used from the commandline, to start your terminal emulator:

on Windows:

Navigate to the directory you downloaded the executable into and open powershell as shown in the picture

use the .\webFwGenerator.exe as described below in the reference.

on Linux:

Depending on your UI and distribution, open your favoured terminal-emulator (type term into the operating systems search, or navigate through the Menu -> System).
Change to the directory by:
```
cd PATH/TO/THE/EXECUTABLE
```
use the ./webFwGenerator as described below in the reference.

on MacOS:

open your terminal emulator
Change to the directory by:
```
cd PATH/TO/THE/EXECUTABLE
```
use the ./webFwGenerator.app as described below in the reference.

webFwGenerator Reference

Usage:

Windows:
    .\webFwGenerator.exe -i \path\to\webpagesExample\ (-o FwOutput.fwu)
 Linux: 
    ./webFwGenerator -i /path/to/webpagesExample/ (-o FwOutput.fwu)
 MacOS: 
    ./webFwGenerator.app -i /path/to/webpagesExample/ (-o FwOutput.fwu)

    -i  --input_dir     path to your webpages root-directory.
    -o  --output_file   (optional) name of the output .fwu file.

Uploading the .fwu file

Uploading the .fwu file works exactly as in Performing a Software Update. Don’t worry, the Connectino’s firmware won’t be overwritten by this process, just the web desktop.

After your Connectino performs its reboot, you will see your own webside, instead of our Webdesktop. To get our webdesktop back, you can just reload the latest firmware onto the connectino.

TUTORIALS