Update documentations

charithag 9 years ago
parent 50c06e7d11
commit d84788584c

@ -8,14 +8,17 @@
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Android+Sense" target="_blank">[ here ]</a> for latest instructions and trouble shooting</h4> <h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Android+Sense"
target="_blank">[ here ]</a> for latest instructions and trouble
shooting.</h4>
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h3 class="uppercase">What it Does</h3> <h3 class="uppercase">What it Does</h3>
<hr> <hr>
<p class="grey margin-top">Enables users to connect an Android device to WSO2 IoT Server and visualize sensor data.</p> <p class="grey margin-top">Connect an Android device to WSO2 IoT Server and visualize sensor
data.</p>
<br> <br>
<h3 class="uppercase">What You Need</h3> <h3 class="uppercase">What You Need</h3>
@ -26,13 +29,15 @@
Device]. Device].
</li> </li>
<li class="padding-top-double"><span class="circle">STEP 02</span>&nbsp;&nbsp;&nbsp;You can either scan the QR <li class="padding-top-double"><span class="circle">STEP 02</span>&nbsp;&nbsp;&nbsp;You can either scan the QR
code or direct download to get our code or directly download
Android-App. Android agent.
</li> </li>
<li class="padding-top-double"><span class="circle">STEP 03</span>&nbsp;&nbsp;&nbsp;Install our Android-App into <li class="padding-top-double"><span class="circle">STEP 03</span>&nbsp;&nbsp;&nbsp;Install
Android agent into
your Android Device. your Android Device.
</li> </li>
<li class="padding-top-double"><span class="circle">STEP 04</span>&nbsp;&nbsp;&nbsp;Proceed to the [Prepare] <li class="padding-top-double"><span class="circle">STEP 04</span>&nbsp;&nbsp;&nbsp;Proceed
to [Prepare]
section. section.
</ul> </ul>
<br> <br>
@ -149,25 +154,31 @@
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-double grey-bg"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-double grey-bg">
<h3 class="uppercase">Prepare</h3> <h3 class="uppercase">Prepare</h3>
<hr> <hr>
<p class="grey margin-top">Follow the steps to get your Android Agent to communicate with the WSO2 IoT-Server.</p> <p class="grey margin-top">Follow these steps to get your Android Agent to communicate with WSO2
IoT-Server.</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;Connect the Android device to the <li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;Connect
network. Android device to network.
</li> </li>
<li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Start the Android Sense app in <li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Start Android
Sense app in
your device. your device.
</li> </li>
<li class="padding-top-double"><span class="circle">04</span>&nbsp;&nbsp;&nbsp;Fill the login form with the <li class="padding-top-double"><span class="circle">04</span>&nbsp;&nbsp;&nbsp;Fill login
form with the
credentials. credentials.
<i>(Use server URL as [&nbsp;https://&lt;WSO2_IoT_SERVER_HOST&gt;:&lt;SERVER_PORT&gt;&nbsp;] and click on <i>(Use server URL as [&nbsp;https://&lt;WSO2_IoT_SERVER_HOST&gt;:&lt;SERVER_PORT&gt;&nbsp;] and click on
the <strong>Register Device</strong> button.)</i></li> <strong>Register Device</strong> button.)</i></li>
<li class="padding-top-double"><span class="circle">05</span>&nbsp;&nbsp;&nbsp;Once the device is enrolled, <li class="padding-top-double"><span class="circle">05</span>&nbsp;&nbsp;&nbsp;Once the device is enrolled,
click on the <strong>[+]</strong> button to select click on <strong>[+]</strong>
button to select
the sensors. the sensors.
</li> </li>
<li class="padding-top-double"><span class="circle">06</span>&nbsp;&nbsp;&nbsp;Click on the <i>[Publish <li class="padding-top-double"><span class="circle">06</span>&nbsp;&nbsp;&nbsp;Click on <i>[Publish
data]</i> button data]</i>
to publish the sensor readings to the IoT server. button
to publish sensor readings to
IoT server.
</li> </li>
</ul> </ul>
<br> <br>
@ -176,14 +187,16 @@
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<h3 class="uppercase">Try Out</h3> <h3 class="uppercase">Try Out</h3>
<hr> <hr>
<p class="grey margin-top">WSO2-IoT Server provides Analytics and Real-Time Statistics of your device</p> <p class="grey margin-top">WSO2-IoT Server provides Analytics and Real-Time Statistics of your
device.</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"> <li class="padding-top-double">
<span class="fw-stack fw-lg margin-right"> <span class="fw-stack fw-lg margin-right">
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i> <i class="fw fw-right-arrow fw-stack-1x"></i>
</span> </span>
&nbsp;&nbsp;&nbsp;You can view all your created devices at our <a href="{{@app.context}}/devices">[Device &nbsp;&nbsp;&nbsp;You can view all your connected devices <a
href="{{@app.context}}/devices">[Device
Management]</a> Management]</a>
page. page.
</li> </li>
@ -192,15 +205,15 @@
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i> <i class="fw fw-right-arrow fw-stack-1x"></i>
</span> </span>
&nbsp;&nbsp;&nbsp;You can select any of your created devices here and check for available operations and &nbsp;&nbsp;&nbsp;You can select any one of your connected devices for available
monitor Real-Time data. operations and Real-Time data monitoring.
</li> </li>
<li class="padding-top-double"> <li class="padding-top-double">
<span class="fw-stack fw-lg margin-right"> <span class="fw-stack fw-lg margin-right">
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i> <i class="fw fw-right-arrow fw-stack-1x"></i>
</span>&nbsp;&nbsp;&nbsp;You can also view "Analytics" of the data published to the IoT-Server by navigating </span>&nbsp;&nbsp;&nbsp;For historical analytics of sensor data navigate to device
to the [Device-Analytics Page] from here. analytics page..
</li> </li>
</ul> </ul>
<br/> <br/>
@ -293,6 +306,7 @@
background: #11375B; background: #11375B;
padding: 20px; padding: 20px;
color: white; color: white;
margin-top: 0;
} }
.doc-link a { .doc-link a {

@ -8,28 +8,31 @@
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Digital+Display" target="_blank">[ here ]</a> for latest instructions and trouble shooting</h4> <h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Digital+Display"
target="_blank">[ here ]</a> for latest instructions and trouble
shooting.</h4>
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h3 class="uppercase">What it Does</h3> <h3 class="uppercase">What it Does</h3>
<hr> <hr>
<p class="grey margin-top">Enables users to connect a Digital Displays built around RaspberryPi Boards to WSO2 IoT Server and manage content.</p> <p class="grey margin-top">Connect a Digital Message Display to WSO2 IoT Server and manage
it.</p>
<br> <br>
<h3 class="uppercase">What You Need</h3> <h3 class="uppercase">What You Need</h3>
<hr> <hr>
<p class="grey margin-top">You'll need the following "Hardware":</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">ITEM 01</span>&nbsp;&nbsp;&nbsp;Raspberry Pi Board (Internet <li class="padding-top-double"><span class="circle">ITEM 01</span>&nbsp;&nbsp;&nbsp;Raspberry
Pi with SD Card(Internet
Enabled [Wifi or Ethernet]). Enabled [Wifi or Ethernet]).
</li> </li>
<li class="padding-top-double"><span class="circle">ITEM 02</span>&nbsp;&nbsp;&nbsp;A Digital Display with HDMI <li class="padding-top-double"><span class="circle">ITEM 02</span>&nbsp;&nbsp;&nbsp;A Digital Display with HDMI
Cable. Cable.
</li> </li>
<li class="padding-top-double"><span class="circle">STEP 03</span>&nbsp;&nbsp;&nbsp;Proceed to the [Prepare] <li class="padding-top-double"><span class="circle">STEP 03</span>&nbsp;&nbsp;&nbsp;Proceed
section. to [Prepare] section.
</ul> </ul>
<br> <br>
@ -172,19 +175,16 @@
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-double grey-bg"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-double grey-bg">
<h3 class="uppercase">Prepare</h3> <h3 class="uppercase">Prepare</h3>
<hr> <hr>
<p class="grey margin-top">Follow the steps to get your Digital-Display up &amp; running and communicating to the
WSO2 IoT-Server.</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;Connect a monitor to your <li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;Connect a monitor to your
RaspberryPi via the HDMI cable to get the RaspberryPi via HDMI cable.
Graphical-User-Interface of the RaspberryPi board.
</li> </li>
<li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Setup the RaspberryPi to connect <li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Configure
to the internet (via Ethernet or Wifi) and RaspberryPi to connect
note-down its <i>IP_ADDRESS</i>. to the Internet.
</li> </li>
<li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;Go ahead and [Download] the <li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;Go ahead and [Download] the
Device. Digital Display Agent.
</li> </li>
<li class="padding-top-double"><span class="circle">04</span>&nbsp;&nbsp;&nbsp;Unzip downloaded agent. <li class="padding-top-double"><span class="circle">04</span>&nbsp;&nbsp;&nbsp;Unzip downloaded agent.
</li> </li>
@ -209,16 +209,20 @@
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<h3 class="uppercase">Try Out</h3> <h3 class="uppercase">Try Out</h3>
<hr> <hr>
<p class="grey margin-top">WSO2-IoT Server enables yout o connect and control your Digital-Display device</p> <p class="grey margin-top">WSO2-IoT Server enables you to connect and control your
Digital-Display</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;You can view all your created <li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;You can view
devices at our <a href="{{@app.context}}/devices">[Device all your connected
devices at <a
href="{{@app.context}}/devices">[Device
Management]</a> Management]</a>
page. page.
</li> </li>
<li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;You can select any of your <li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Select one of
created devices here and check for available connected devices and check for
operations and control your device. available
control operations.
</ul> </ul>
<br/> <br/>
@ -279,6 +283,7 @@
background: #11375B; background: #11375B;
padding: 20px; padding: 20px;
color: white; color: white;
margin-top: 0;
} }
.doc-link a { .doc-link a {

@ -8,26 +8,31 @@
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h4 class="doc-link">Click <a href="https://docs.wso2.com/pages/viewpage.action?pageId=48289181" target="_blank">[ here ]</a> for latest instructions and trouble shooting</h4> <h4 class="doc-link">Click <a href="https://docs.wso2.com/pages/viewpage.action?pageId=48289181"
target="_blank">[ here ]</a> for latest instructions and trouble
shooting.</h4>
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h3 class="uppercase">What it Does</h3> <h3 class="uppercase">What it Does</h3>
<hr> <hr>
<p class="grey margin-top">Enables users to connect a IRIS+ Drones to WSO2 IoT Server and visualize statistics.</p> <p class="grey margin-top">Connect an <a href="https://store.3drobotics.com/products/iris"
target="_blank">[IRIS+]</a> Drone to WSO2 IoT Server
and visualize statistics.</p>
<br> <br>
<h3 class="uppercase">What You Need</h3> <h3 class="uppercase">What You Need</h3>
<hr> <hr>
<p class="grey margin-top">You'll need the following "Hardware":</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">ITEM 01</span>&nbsp;&nbsp;&nbsp;Your IRIS+ Drone. <li class="padding-top-double"><span class="circle">ITEM 01</span>&nbsp;&nbsp;&nbsp;IRIS+
Drone.
</li> </li>
<li class="padding-top-double"><span class="circle">ITEM 02</span>&nbsp;&nbsp;&nbsp;USB to Micro USB cable or <li class="padding-top-double"><span class="circle">ITEM 02</span>&nbsp;&nbsp;&nbsp;USB to Micro USB cable or
Telemetry Radio receiver. Telemetry Radio receiver.
</li> </li>
<li class="padding-top-double"><span class="circle">STEP 03</span>&nbsp;&nbsp;&nbsp;Proceed to the [Prepare] <li class="padding-top-double"><span class="circle">STEP 03</span>&nbsp;&nbsp;&nbsp;Proceed
to [Prepare]
section. section.
</ul> </ul>
<br> <br>
@ -158,15 +163,20 @@
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-double grey-bg"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-double grey-bg">
<h3 class="uppercase">Prepare</h3> <h3 class="uppercase">Prepare</h3>
<hr> <hr>
<p class="grey margin-top">Follow the steps to get your drone ready to communicate with the WSO2 IoT Server.</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;Connect your IRIS+ Drone as shown <li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;Connect your
in the schematic below. IRIS+ Drone to your computer
using either USB to Micro USB
cable or
Telemetry Radio receiver.
</li> </li>
<li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Click on the [Download] button <li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Click on
above to get the IRIS+ Drone setup files. [Download] button
above to get IRIS+ Drone agent.
</li>
<li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;Use following
connection properties:
</li> </li>
<li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;Connecting the drone:</li>
<div class="padding-top-double"> <div class="padding-top-double">
<table class="table table-bordered "> <table class="table table-bordered ">
@ -207,18 +217,9 @@
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i> <i class="fw fw-right-arrow fw-stack-1x"></i>
</span> </span>
&nbsp;&nbsp;&nbsp;Once you have the setup files ready please run the <i>"[startservice.sh]"</i> script with &nbsp;&nbsp;&nbsp;Once you have downloaded the agent please run
root privilege. <i>"[startservice.sh]"</i> script with
</li> root privileges.
<li class="padding-top-double">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<span class="fw-stack fw-lg margin-right">
<i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i>
</span>
&nbsp;&nbsp;&nbsp;These connection types may vary from computer to computer. So please provide the correct
connection port info.
</li> </li>
</ul> </ul>
@ -226,7 +227,7 @@
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<h3 class="uppercase">IRIS+ Drone Connected to a machine.</h3> <h3 class="uppercase">IRIS+ Drone Connected to a computer</h3>
<hr> <hr>
<p class="grey margin-top">Click on the image to zoom</p> <p class="grey margin-top">Click on the image to zoom</p>
<center> <center>
@ -241,20 +242,25 @@
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<h3 class="uppercase">Try Out</h3> <h3 class="uppercase">Try Out</h3>
<hr> <hr>
<p class="grey margin-top">WSO2-IoT Server provides Analytics and Real-Time Statistics of your device</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;You can view all your created <li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;You can view
devices at our <a href="{{@app.context}}/devices">[Device all your connected
devices at <a
href="{{@app.context}}/devices">[Device
Management]</a> Management]</a>
page. page.
</li> </li>
<li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;You can select any of your <li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Select one of
created devices here and check for available connected devices and check for
operations and monitor Real-Time data. available
control operations and monitor
Real-Time data.
</li> </li>
<li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;You can also view "Analytics" of <li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;You can also
the data published to the IoT-Server by navigating view analytics of
to the [Device-Analytics Page] from here. the data published to
IoT-Server by navigating
to Device Analytics page.
</li> </li>
</ul> </ul>
<br/> <br/>
@ -317,6 +323,7 @@
background: #11375B; background: #11375B;
padding: 20px; padding: 20px;
color: white; color: white;
margin-top: 0;
} }
.doc-link a { .doc-link a {

@ -8,32 +8,37 @@
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Raspberry+Pi" target="_blank">[ here ]</a> for latest instructions and trouble shooting</h4> <h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Raspberry+Pi"
target="_blank">[ here ]</a> for latest instructions and trouble
shooting.</h4>
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h3 class="uppercase">What it Does</h3> <h3 class="uppercase">What it Does</h3>
<hr> <hr>
<p class="grey margin-top">Enables users to connect a RaspberryPi based device to WSO2 IoT Server.</p> <p class="grey margin-top">Connect a RaspberryPi to WSO2 IoT Server and manage it.</p>
<br> <br>
<h3 class="uppercase">What You Need</h3> <h3 class="uppercase">What You Need</h3>
<hr> <hr>
<p class="grey margin-top">You'll need the following "Hardware":</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">ITEM 01</span>&nbsp;&nbsp;&nbsp;Raspberry Pi Board (Internet <li class="padding-top-double"><span class="circle">ITEM 01</span>&nbsp;&nbsp;&nbsp;Raspberry
Pi with SD Card(Internet
Enabled [Wifi or Ethernet]). Enabled [Wifi or Ethernet]).
</li> </li>
<li class="padding-top-double"><span class="circle">ITEM 02</span>&nbsp;&nbsp;&nbsp;Adafruit DHT11 Temperature <li class="padding-top-double"><span class="circle">ITEM 02</span>&nbsp;&nbsp;&nbsp;Adafruit DHT11 Temperature
Sensor. Sensor.
</li> </li>
<li class="padding-top-double"><span class="circle">ITEM 03</span>&nbsp;&nbsp;&nbsp;An LED Bulb. <li class="padding-top-double"><span class="circle">ITEM 03</span>&nbsp;&nbsp;&nbsp;LED
Bulb.
</li> </li>
<li class="padding-top-double"><span class="circle">ITEM 04</span>&nbsp;&nbsp;&nbsp;A Resister (eg <li class="padding-top-double"><span class="circle">ITEM 04</span>&nbsp;&nbsp;&nbsp;Resister
(eg
: 470 ohm). : 470 ohm).
</li> </li>
<li class="padding-top-double"><span class="circle">STEP 05</span>&nbsp;&nbsp;&nbsp;Proceed to the [Prepare] <li class="padding-top-double"><span class="circle">STEP 05</span>&nbsp;&nbsp;&nbsp;Proceed
to [Prepare]
section. section.
</ul> </ul>
<br> <br>
@ -167,29 +172,31 @@
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-double grey-bg"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-double grey-bg">
<h3 class="uppercase">Prepare</h3> <h3 class="uppercase">Prepare</h3>
<hr> <hr>
<p class="grey margin-top">Our RaspberryPi Agent can be tested on a real RaspberryPi Board or in a virtual environment
(ie: The machine to which the agent was downloaded).</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;Set up your RaspberryPi device as <li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;Connect
shown in the schematic below and get the DHT11 RaspberryPi, DHT11 Temperature
Temperature Sensor and the LED connected. sensor and LED as per the
schematic below.
</li> </li>
<li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Ensure that your RaspberryPi <li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Ensure your
Board is internet enabled either via WiFi or RaspberryPi
Ethernet. Board can connect to Internet.
</li> </li>
<li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;Download our Raspberry Pi Agent <li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;Download
via the [Download] button above. You can also RaspberryPi Agent
generate the [cURL] command to directly download via [Download] button above.
the Agent to your RaspberryPi. (Alternatively you can use the
"curl" command to directly
download the Agent to your
RaspberryPi.)
</li> </li>
<li class="padding-top-double"><span class="circle">04</span>&nbsp;&nbsp;&nbsp;Copy the downloaded Agent into <li class="padding-top-double"><span class="circle">04</span>&nbsp;&nbsp;&nbsp;Copy
your RaspberryPi board (or directly download it to downloaded Agent into
the borad via the generated [cURL] command). your RaspberryPi.
</li> </li>
<li class="padding-top-double"><span class="circle">05</span>&nbsp;&nbsp;&nbsp;Unzip the downloaded Agent and <li class="padding-top-double"><span class="circle">05</span>&nbsp;&nbsp;&nbsp;Unzip the downloaded Agent and
move into the unzipped Agent folder in the start terminal to run below
terminal: commands.
</li> </li>
@ -199,8 +206,8 @@
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i> <i class="fw fw-right-arrow fw-stack-1x"></i>
</span> </span>
&nbsp;&nbsp;&nbsp;[sudo ./testAgent.sh] &nbsp;&nbsp; - &nbsp;&nbsp; Script to test whether the agent is &nbsp;&nbsp;&nbsp;[sudo ./testAgent.sh] &nbsp;&nbsp; - &nbsp;&nbsp; Script to test agent
working fine. <i>(This script can be run even on the local machine to which the download was made)</i> functionality.
</li> </li>
<li class="padding-top-double"> <li class="padding-top-double">
@ -209,9 +216,8 @@
<i class="fw fw-ring fw-stack-2x"></i> <i class="fw fw-ring fw-stack-2x"></i>
<i class="fw fw-right-arrow fw-stack-1x"></i> <i class="fw fw-right-arrow fw-stack-1x"></i>
</span> </span>
&nbsp;&nbsp;&nbsp;[sudo ./startService.sh] &nbsp;&nbsp; - &nbsp;&nbsp; After testing, this script can be &nbsp;&nbsp;&nbsp;[sudo ./startService.sh] &nbsp;&nbsp; - &nbsp;&nbsp; Use this to start
used to start and deploy this agent as a service on the Raspberry Pi Board. <i>(This registered service will agent as Daemon.
be loaded on boot up)</i>
</li> </li>
@ -234,20 +240,25 @@
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<h3 class="uppercase">Try Out</h3> <h3 class="uppercase">Try Out</h3>
<hr> <hr>
<p class="grey margin-top">WSO2-IoT Server provides Analytics and Real-Time Statistics of your device</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;You can view all your created <li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;You can view
devices at our <a href="{{@app.context}}/devices">[Device all your connected
Management]</a> devices at <a
href="{{@app.context}}/devices">[Device
Management]</a>
page. page.
</li> </li>
<li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;You can select any of your <li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Select one of
created devices here and check for available connected devices and check for
operations and monitor Real-Time data. available
control operations and monitor
Real-Time data.
</li> </li>
<li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;You can also view "Analytics" of <li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;You can also
the data published to the IoT-Server by navigating view analytics of
to the [Device-Analytics Page] from here. the data published to
IoT-Server by navigating
to Device Analytics page.
</li> </li>
</ul> </ul>
<br/> <br/>
@ -309,6 +320,7 @@
background: #11375B; background: #11375B;
padding: 20px; padding: 20px;
color: white; color: white;
margin-top: 0;
} }
.doc-link a { .doc-link a {

@ -7,32 +7,37 @@
<img src="{{@unit.publicUri}}/images/firealarm-icon.png" class="img-responsive"> <img src="{{@unit.publicUri}}/images/firealarm-icon.png" class="img-responsive">
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Virtual+Firealarm" target="_blank">[ here ]</a> for latest instructions and trouble shooting</h4> <h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Virtual+Firealarm"
target="_blank">[ here ]</a> for latest instructions and trouble
shooting.</h4>
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h3 class="uppercase">What it Does</h3> <h3 class="uppercase">What it Does</h3>
<hr> <hr>
<p class="grey margin-top">Provides users with a Virtual Agent that mimics the functionality of a Firealarm. Once run, the Virtual Firealarm will connect to WSO2 IoTServer and push Temperature readings.</p> <p class="grey margin-top">A Virtual Device that mimics the functionality of a real Firealarm.
Once run, the Virtual Firealarm will connect to WSO2 IoTServer and
push Temperature readings.</p>
<p>The device supports MQTT and XMPP Communications. It is configured to use MQTT by
default.</p>
<br> <br>
<h3 class="uppercase">What You Need</h3> <h3 class="uppercase">What You Need</h3>
<hr> <hr>
<p class="grey margin-top">VirtualFireAlarm is a "Virtual" Device for you to try-out our server.</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">STEP 01</span>&nbsp;&nbsp;&nbsp;Go ahead and [Download] the <li class="padding-top-double"><span class="circle">STEP 01</span>&nbsp;&nbsp;&nbsp;Go ahead and [Download] the
Device. Device.
</li> </li>
<li class="padding-top-double"><span class="circle">STEP 02</span>&nbsp;&nbsp;&nbsp;Proceed to the [Prepare] <li class="padding-top-double"><span class="circle">STEP 02</span>&nbsp;&nbsp;&nbsp;Proceed
to [Prepare]
section. section.
</li> </li>
<li class="padding-top-double"><span class="circle">STEP 03</span>&nbsp;&nbsp;&nbsp;Read the [Try Out] section <li class="padding-top-double"><span class="circle">STEP 03</span>&nbsp;&nbsp;&nbsp;Read
[Try Out] section
to further experiment with the device. to further experiment with the device.
</li> </li>
<li><br></br></li>
<li></span> The device supports MQTT and XMPP Communications. It is configured to use MQTT by default.</li>
<li><br></li>
</ul> </ul>
<br> <br>
@ -161,17 +166,18 @@
<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-double grey-bg"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 padding-double grey-bg">
<h3 class="uppercase">Prepare</h3> <h3 class="uppercase">Prepare</h3>
<hr> <hr>
<p class="grey margin-top">Start connecting to the WSO2 IoT Server by creating your own VirtualFireAlarm</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;Download your VirtualFireAlarm <li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;Download your VirtualFireAlarm
from the [Download] button above. using [Download] button above.
</li> </li>
<li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Unzip the downloaded Agent.</li> <li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Unzip the downloaded Agent.</li>
<li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;Move into the unzipped Agent <li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;Move into the unzipped Agent
folder in the terminal. folder in the terminal.
</li> </li>
<li class="padding-top-double"><span class="circle">04</span>&nbsp;&nbsp;&nbsp;Start your Agent by running the <li class="padding-top-double"><span class="circle">04</span>&nbsp;&nbsp;&nbsp;Unzip the
startup script via the command: [sh startup.sh] downloaded Agent and
start terminal to run this
command: [sh start-device.sh]
</li> </li>
</ul> </ul>
<br> <br>
@ -192,20 +198,25 @@
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double"> <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<h3 class="uppercase">Try Out</h3> <h3 class="uppercase">Try Out</h3>
<hr> <hr>
<p class="grey margin-top">WSO2-IoT Server provides Analytics and Real-Time Statistics of your device</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;You can view all your created <li class="padding-top-double"><span class="circle">01</span>&nbsp;&nbsp;&nbsp;You can view
devices at our <a href="{{@app.context}}/devices">[Device all your connected
Management]</a> devices at <a
href="{{@app.context}}/devices">[Device
Management]</a>
page. page.
</li> </li>
<li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;You can select any of your <li class="padding-top-double"><span class="circle">02</span>&nbsp;&nbsp;&nbsp;Select one of
created devices here and check for available connected devices and check for
operations and monitor Real-Time data. available
control operations and monitor
Real-Time data.
</li> </li>
<li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;You can also view "Analytics" of <li class="padding-top-double"><span class="circle">03</span>&nbsp;&nbsp;&nbsp;You can also
the data published to the IoT-Server by navigating view analytics of
to the [Device-Analytics Page] from here. the data published to
IoT-Server by navigating
to Device Analytics page.
</li> </li>
</ul> </ul>
<br/> <br/>
@ -268,6 +279,7 @@
background: #11375B; background: #11375B;
padding: 20px; padding: 20px;
color: white; color: white;
margin-top: 0;
} }
.doc-link a { .doc-link a {

@ -1,19 +1,36 @@
<div class="col-lg-12 margin-top-double"> <div class="col-lg-12 margin-top-double">
<h1 class="grey ">Android Mobile</h1> <h1 class="grey ">Android Mobile</h1>
<hr> <hr>
<p class="margin-bottom-double light-grey ">Connect your Android device to the WSO2 device cloud.</p>
</div> </div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-top"> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-top">
<img src="{{@unit.publicUri}}/images/android-icon.png" class="img-responsive"> <img src="{{@unit.publicUri}}/images/android-icon.png" class="img-responsive">
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Android"
target="_blank">[ here ]</a> for latest instructions and trouble
shooting.</h4>
</div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h3 class="uppercase">Ingredients</h3>
<h3 class="uppercase">What it Does</h3>
<hr> <hr>
<p class="grey margin-top">Hardware Requirements </p> <p class="grey margin-top">Connect and manage your Android device with WSO2 IoT Server.</p>
<br> <br>
<h3 class="uppercase">What You Need</h3>
<hr>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i> <li class="padding-top-double"><span class="circle">STEP 01</span>&nbsp;&nbsp;&nbsp;Android
<i class="fw fw-right-arrow fw-stack-1x"></i></span> Android Mobile</li> Mobile.
</li>
<li class="padding-top-double"><span class="circle">STEP 02</span>&nbsp;&nbsp;&nbsp;Go ahead
and click [Enroll Device].
</li>
<li class="padding-top-double"><span class="circle">STEP 03</span>&nbsp;&nbsp;&nbsp;Proceed
to the [Prepare] section.
</li>
</ul> </ul>
<br> <br>
@ -24,15 +41,26 @@
<div class="col-xs-12 col-sm-12 col-md-8 col-lg-12 padding-double grey-bg"> <div class="col-xs-12 col-sm-12 col-md-8 col-lg-12 padding-double grey-bg">
<h3 class="uppercase">Prepare</h3><hr> <h3 class="uppercase">Prepare</h3><hr>
<p class="grey margin-top">Get your device ready</p>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span> Download Device Agent into your Android Mobile.</li> <li class="padding-top-double"><span class="circle">01</span> Download Device Agent into your Android Mobile.</li>
<li class="padding-top-double"><span class="circle">02</span> Install the Agent APK file.</li> <li class="padding-top-double"><span class="circle">02</span> Install Agent APK file.</li>
<li class="padding-top-double"><span class="circle">03</span> Configure the Agent App</li> <li class="padding-top-double"><span class="circle">03</span> Configure Agent App</li>
</ul> </ul>
<br> <br>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<p class="grey margin-top">Click on the image to zoom</p>
<center>
<a href="{{@unit.publicUri}}/images/android_device.png" target="_blank">
<img src="{{@unit.publicUri}}/images/android_device.png" class="img-responsive">
</a>
</center>
</div>
<br/>
<div id="qr-code-modal" <div id="qr-code-modal"
data-enrollment-url="{{hostName}}{{@unit.publicUri}}/asset/android-agent.apk" class="hidden"> data-enrollment-url="{{hostName}}{{@unit.publicUri}}/asset/android-agent.apk" class="hidden">
@ -88,6 +116,17 @@
.grey-bg { .grey-bg {
background-color: #f6f4f4; background-color: #f6f4f4;
} }
.doc-link {
background: #11375B;
padding: 20px;
color: white;
margin-top: 0;
}
.doc-link a {
color: white;
}
</style> </style>
{{/zone}} {{/zone}}

@ -1,49 +1,75 @@
<div class="col-lg-12 margin-top-double"> <div class="col-lg-12 margin-top-double">
<h1 class="grey ">Windows Mobile</h1> <h1 class="grey ">Windows Mobile</h1>
<hr> <hr>
<p class="margin-bottom-double light-grey ">Connect your Windows device
to the WSO2 device cloud.</p>
</div> </div>
<div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-top"> <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4 padding-top">
<img src="{{@unit.publicUri}}/images/windows-icon.png" class="img-responsive"> <img src="{{@unit.publicUri}}/images/windows-icon.png" class="img-responsive">
</div> </div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top"> <div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h3 class="uppercase">Ingredients</h3> <h4 class="doc-link">Click <a href="https://docs.wso2.com/display/IoTS100/Windows"
target="_blank">[ here ]</a> for latest instructions and trouble
shooting.</h4>
</div>
<div class="col-xs-12 col-sm-8 col-md-8 col-lg-8 padding-top">
<h3 class="uppercase">What it Does</h3>
<hr> <hr>
<p class="grey margin-top">Hardware Requirements </p> <p class="grey margin-top">Connect and manage your Windows device with WSO2 IoT Server.</p>
<br> <br>
<h3 class="uppercase">What You Need</h3>
<hr>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li><span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i> <li class="padding-top-double"><span class="circle">STEP 01</span>&nbsp;&nbsp;&nbsp;Windows
<i class="fw fw-right-arrow fw-stack-1x"></i></span> Windows Mobile</li> Mobile.
<li><span class="fw-stack margin-right"><i class="fw fw-ring fw-stack-2x"></i> </li>
<i class="fw fw-right-arrow fw-stack-1x"></i></span> QR Code Scanner App</li> <li class="padding-top-double"><span class="circle">STEP 02</span>&nbsp;&nbsp;&nbsp;Go ahead
and click [Enroll Device].
</li>
<li class="padding-top-double"><span class="circle">STEP 03</span>&nbsp;&nbsp;&nbsp;Proceed
to [Prepare] section.
</li>
</ul> </ul>
<br> <br>
<a href="#" class="download-link btn-operations" data-devicetype="{{@uriParams.deviceType}}" data-sketchtype="{{@uriParams.deviceType}}"> <a href="#" class="download-link btn-operations"><i class="fw fw-mobile fw-inverse fw-lg"></i>
<i class="fw fw-mobile fw-inverse fw-lg"></i> Enroll Device</a> Enroll Device</a>
<br/><br/> <br/><br/>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-12 col-lg-12 padding-double"> <div class="col-xs-12 col-sm-12 col-md-8 col-lg-12 padding-double grey-bg">
<h3 class="uppercase">Connect (Quick Start)</h3><hr> <h3 class="uppercase">Prepare</h3>
<p class="grey margin-top">Quickstart connection</p> <hr>
<br/>
<ul class="list-unstyled"> <ul class="list-unstyled">
<li class="padding-top-double"><span class="circle">01</span> Click on <b>`Enroll Device`</b></li> <li class="padding-top-double"><span class="circle">01</span> Scan QR code.</li>
<li class="padding-top-double"><span class="circle">02</span> Get your mobile and scan the QR Code to download the <i>Agent App</i></li> <li class="padding-top-double"><span class="circle">02</span> Follow instructions in wizard.
<li class="padding-top-double"><span class="circle">03</span> Once downloaded, start installing and follow the instructions</li> </li>
<li class="padding-top-double"><span class="circle">03</span> Configure your workspace
account
</li>
</ul> </ul>
<br> <br>
</div> </div>
<div class="col-xs-12 col-sm-6 col-md-6 col-lg-6 padding-double">
<p class="grey margin-top">Click on the image to zoom</p>
<center>
<a href="{{@unit.publicUri}}/images/windows_enrollment.png" target="_blank">
<img src="{{@unit.publicUri}}/images/windows_enrollment.png" class="img-responsive">
</a>
</center>
</div> </div>
<div id="qr-code-modal" data-enrollment-url="{{enrollmentURL}}" class="hidden">
<div class="content"> <br/>
<div id="qr-code-modal"
data-enrollment-url="{{@app.context}}/device/windows/enroll" class="hidden">
<div class="content">
<div class="row"> <div class="row">
<div class="col-lg-5 col-md-6 col-centered"> <div class="col-lg-5 col-md-6 col-centered">
<h3>Scan QR code to start enrollment</h3> <h3>Scan QR code to start enrollment</h3>
@ -58,7 +84,6 @@
</div> </div>
</div> </div>
{{#zone "topCss"}} {{#zone "topCss"}}
<style type="text/css"> <style type="text/css">
.circle { .circle {
@ -96,21 +121,32 @@
.grey-bg { .grey-bg {
background-color: #f6f4f4; background-color: #f6f4f4;
} }
.doc-link {
background: #11375B;
padding: 20px;
color: white;
margin-top: 0;
}
.doc-link a {
color: white;
}
</style> </style>
{{/zone}} {{/zone}}
{{#zone "bottomJs"}} {{#zone "bottomJs"}}
<script type="text/javascript"> <script type="text/javascript">
$(".download-link").click(function(){ $(".download-link").click(function () {
toggleEnrollment(); toggleEnrollment();
}); });
function toggleEnrollment(){ function toggleEnrollment() {
$(".modalpopup-content").html($("#qr-code-modal").html()); $(".modalpopup-content").html($("#qr-code-modal").html());
generateQRCode(".modalpopup-content .qr-code"); generateQRCode(".modalpopup-content .qr-code");
showPopup(); showPopup();
} }
</script> </script>
{{/zone}} {{/zone}}

@ -1,6 +1,24 @@
/*
* Copyright (c) 2016, WSO2 Inc. (http://www.wso2.org) All Rights Reserved.
*
* WSO2 Inc. licenses this file to you under the Apache License,
* Version 2.0 (the "License"); you may not use this file except
* in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
* KIND, either express or implied. See the License for the
* specific language governing permissions and limitations
* under the License.
*/
function onRequest(context){ function onRequest(context){
var viewModel = {}; var viewModel = {};
var devicemgtProps = require('/app/conf/devicemgt-props.js').config(); var devicemgtProps = require('/app/conf/devicemgt-props.js').config();
viewModel.enrollmentURL = devicemgtProps.enrollmentURL; viewModel.hostName = devicemgtProps["httpsURL"];
return viewModel; return viewModel;
} }
Loading…
Cancel
Save