Your Smart IOT

<h3 id="toc-hardware-setup-0">Hardware setup</h3>
Connect the Raspberry Pi2 to the breadboard and the other components as per the Fritzing diagram at the bottom of the page.
Note: The LED pin has changed from the previous <a href="http://bit.ly/2fNawup" rel="nofollow" target="_blank">Blinky example</a> from <a href="http://bit.ly/26nCnnf" itemprop="url" target="_bank" title="GPIO">GPIO</a> 5 to GPIO 18.
<h3 id="toc-code-1">Code</h3>
<h4>MainPage.cs</h4>
You can download the code starting project from <a href="http://bit.ly/2fv5uzF" rel="nofollow" target="_blank">http://bit.ly/2fv5uzF</a> and we will lead you through the addition of the code needed to talk to the web service and get your pin on the map. <a href="http://bit.ly/2fN6B0x" rel="nofollow" target="_blank">What map?</a>
Open up “Lesson_201\StartSolution\Lesson_201.sln<a href="http://bit.ly/2fv3CXP" rel="nofollow" target="_blank">“</a> and open the MainPage.xaml.cs file.
We have filled in a few methods as a starting point for you in this solution. If you want to jump ahead you can find a solution with all the code completed at: “Lesson_201\FullSolution\Lesson_201.sln”
Add the following lines at the top of the MainPage class.  These define what pin on the Pi2 you will use to control the LED and a reference to the InternetLed class which you will be adding shortly.
<pre class="hljs cs">
 public sealed partial class MainPage : Page
 {
 // which GPIO pin do we want to use to control the LED light
 const int GPIOToUse = 18;

// The class which wraps our LED.
 InternetLed internetLed;

public MainPage()

</pre>
Now add code in the OnNavigatedTo method which will:
<ol>
<li>Create a new InternetLed object</li>
<li>Make a web API call to put our pin on the maker map</li>
<li>Initialize the object</li>
<li>Call the webapi to get our delay value.</li>
<li>Loop 100 times with the returned delay, blinking the led each pass.</li>
</ol>
If you do not want to add a pin onto the map, remove <code>MakePinWebAPICall();</code>
<pre class="hljs cs">
// This method will be called by the application framework when the page is first loaded.
protected override async void OnNavigatedTo(NavigationEventArgs navArgs)
{
 Debug.WriteLine("MainPage::OnNavigatedTo");

MakePinWebAPICall();

try
 {
 // Create a new InternetLed object
 internetLed = new InternetLed(GPIOToUse);

// Initialize it for use
 internetLed.InitalizeLed();

// Now have it make the web API call and get the led blink delay
 int blinkDelay = await internetLed.GetBlinkDelayFromWeb();

for (int i = 0; i < 100; i++)
 {
 internetLed.Blink();
 await Task.Delay(blinkDelay);
 }

}
 catch (Exception e)
 {
 Debug.WriteLine(e.Message);
 }
}
</pre>
<h4>InternetLed.cs</h4>
Now you will add a new class file in which most of the work will actually be performed.
From the main menu select Project -> Add Class…
The Add New Item dialog will open and default to Visual C# Class.
Enter InternetLed.cs for the file name and click Add
The class file will be created and opened for you.
Update using’s
You will need replace the using’s section at the top of the file so the code can reference the GPIO device, web interfaces and the system diagnostics.
<pre class="hljs gams">
using System;
using System.Diagnostics;
using System.Net.Http;
using System.Threading.Tasks;
using Windows.Devices.Gpio;

namespace Lesson_201
{
</pre>
Class members
Inside the class brackets add the following lines which will be referenced by the code a little later.
<pre class="hljs cs">
 class InternetLed
 {
 // GPIO controller code
 private GpioController gpio;
 private GpioPin LedControlGPIOPin;
 private int LedControlPin;

// only used if we don't get a response from the webapi call.
 private const int DefaultBlinkDelay = 1000;

// An enumeration to store the state of the led
 public enum eLedState { Off, On };
 private eLedState _LedState;
</pre>
Class constructor
Now, add the class constructor code which will store the value of the pin used to control the LED.
<pre class="hljs cpp">
 public InternetLed(int ledControlPin)
 {
 Debug.WriteLine("InternetLed::New InternetLed");

// Store the selected GPIO control pin id for use when we initialize the GPIO
 LedControlPin = ledControlPin;
 }
</pre>
Initializer member
Add initialization code, this is responsible for setting up communication with the Pi2 General Purpose Input Output (GPIO) controller.
<pre class="hljs pf">
public void InitalizeLed()
{
 Debug.WriteLine("InternetLed::InitalizeLed");

// Now setup the LedControlPin
 gpio = GpioController.GetDefault();

LedControlGPIOPin = gpio.OpenPin(LedControlPin);
 LedControlGPIOPin.SetDriveMode(GpioPinDriveMode.Output);

// Get the current pin value
 GpioPinValue startingValue = LedControlGPIOPin.Read();
 _LedState = (startingValue == GpioPinValue.Low) ? eLedState.On : eLedState.Off;
}
</pre>
LedState property
This wraps interaction with the state of the led (on vs off) into a central location.
<pre class="hljs haxe">
// A public property for interacting with the LED from code.
public eLedState LedState
{
 get { return _LedState; }
 set
 {
 Debug.WriteLine("InternetLed::LedState::set " + value.ToString());
 if (LedControlGPIOPin != null)
 {
 GpioPinValue newValue = (value == eLedState.On ? GpioPinValue.High : GpioPinValue.Low);
 LedControlGPIOPin.Write(newValue);
 _LedState = value;
 }
 }
}
</pre>
Blink method
Add a method that handles changing the led state.
<pre class="hljs cmake">
 // Change the state of the led from on to off or off to on
 public void Blink()
 {
 if (LedState == eLedState.On)
 {
 LedState = eLedState.Off;
 }
 else
 {
 LedState = eLedState.On;
 }
 }
</pre>
GetBlinkDelayFromWeb method
This is where the main work of the class gets done.
Start out by setting up a HttpClient call and then execute it. Then output the returned string to the debug channel so you can see it.
Next, we determine what the value of the delay is and return it.
<pre class="hljs arduino">
 // This will call an exposed web API at the indicated URL
 // the API will return a string value to use as the blink delay.
 const string WebAPIURL = "http://bit.ly/2fv4rjw";
 public async Task<int> GetBlinkDelayFromWeb()
 {
 Debug.WriteLine("InternetLed::MakeWebApiCall");

string responseString = "No response";

try
 {
 using (HttpClient client = new HttpClient())
 {
 // Make the call
 responseString = await client.GetStringAsync(WebAPIURL);

// Let us know what the returned string was
 Debug.WriteLine(String.Format("Response string: [{0}]", responseString));
 }
 }
 catch (Exception e)
 {
 Debug.WriteLine(e.Message);
 }

int delay;

if (!int.TryParse(responseString, out delay))
 {
 delay = DefaultBlinkDelay;
 }

// return the blink delay
 return delay;
 }
 }
}
</pre>
<h3 id="toc-try-it-out-2">Try it out</h3>
Once all the code is entered you can build the solution and run the code on your Pi2. If needed you can review the instructions on how to connect and run code on PI, revisit <a href="http://bit.ly/2fNawup" rel="nofollow" target="_blank">Lesson 1 – Blinky</a>.
Open the Output tab of visual studio.  If needed on the main menu use Debug -> Window -> Output
Now you can watch for the output of the Debug.WriteLine commands.
Look for the messages which start with “Response string:”, they will then be followed with the response from the web API surrounded in “[]” brackets.
<pre class="hljs cpp">
MainPage::OnNavigatedTo
InternetLed::New InternetLed
InternetLed::InitalizeLed
InternetLed::MakeWebApiCall
Response string: [100]
InternetLed::LedState::set Off
</pre>
Blinking LED
At this point your LED should be blinking on and off about once a second based on the value of the time string being returned from the web API.
<div id="huge-it-share-buttons-top" class="huge-it-share-buttons nobackground">
<h3>Share This:</h3>
<ul class="huge-it-share-buttons-list">
<li class=" nobackground"><a href="http://bit.ly/1XReO0c" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/1XReO0c','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -0px -120px" target="_blank"></a></li>
<li class=" nobackground"><a href="https://twitter.com/share?status=http://yoursmart.mobi/feed&text=World%20Map%20of%20Makers" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('https://twitter.com/share?status=http://yoursmart.mobi/feed&text=World Map of Makers','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -30px -120px" target="_blank"></a></li>
<li class=" nobackground"><a href="http://bit.ly/2fNcV8g%20Map%20of%20Makers" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/2fNcV8g Map of Makers','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -60px -120px" target="_blank"></a></li>
<li class=" nobackground"><a href="http://bit.ly/1XReO0d" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/1XReO0d','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -90px -120px" target="_blank"></a></li>
<li class=" nobackground"><a href="http://bit.ly/2fv4ziI%20Map%20of%20Makers&mini=true&url=http://bit.ly/1XReO0g" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/2fv4ziI Map of Makers&mini=true&url=http://bit.ly/1XReO0g','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -120px -120px" target="_blank"></a></li>
<li class=" nobackground"><a href="http://bit.ly/2fNaLG3%20Map%20of%20Makers" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/2fNaLG3 Map of Makers','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -150px -120px" target="_blank"></a></li>
<li class=" nobackground"><a href="http://di.gg/2fv3B6d%20Map%20of%20Makers" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://di.gg/2fv3B6d Map of Makers','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -180px -120px" target="_blank"></a></li>
<li class=" nobackground"><a href="http://stumble.it/2fNa3sb%20Map%20of%20Makers" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://stumble.it/2fNa3sb Map of Makers','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -210px -120px" target="_blank"></a></li>
<li class=" nobackground"><a href="http://bit.ly/1XReO0l" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/1XReO0l','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -240px -120px" target="_blank"></a></li>
<li class="none nobackground"><a href="http://bit.ly/2fv2mDR%20Map%20of%20Makers" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/2fv2mDR Map of Makers','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -270px -120px" target="_blank"></a></li>
<li class="none nobackground"><a href="http://bit.ly/2fN60w2%20Map%20of%20Makers" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/2fN60w2 Map of Makers','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -300px -120px" target="_blank"></a></li>
<li class="none nobackground"><a href="http://bit.ly/1VNpzTU" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/1VNpzTU','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -330px -120px" target="_blank"></a></li>
<li class="none nobackground"><a href="http://bit.ly/2fv27Zz%20Map%20of%20Makers" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/2fv27Zz Map of Makers','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -360px -120px" target="_blank"></a></li>
<li class="none nobackground"><a href="http://bit.ly/1VNpzTX" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/1VNpzTX','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -390px -120px" target="_blank"></a></li>
<li class="none nobackground"><a href="http://bit.ly/2fN8lXR%20Map%20of%20Makers" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/2fN8lXR Map of Makers','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -420px -120px" target="_blank"></a></li>
<li class="none nobackground"><a href="http://bit.ly/2fv46NF%20Map%20of%20Makers&pic=&ralateUid=&" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/2fv46NF Map of Makers&pic=&ralateUid=&','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -450px -120px" target="_blank"></a></li>
<li class="none nobackground"><a href="http://bit.ly/2fN56jd%20Map%20of%20Makers" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/2fN56jd Map of Makers','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -480px -120px" target="_blank"></a></li>
<li class="none nobackground"><a href="http://bit.ly/2fv4cF9%20Map%20of%20Makers" id="backforunical894" name="backforunical894" onclick="javascript:void window.open('http://bit.ly/2fv4cF9 Map of Makers','1410949501326','width=700,height=500,toolbar=0,menubar=0,location=0,status=1,scrollbars=1,resizable=1,left=0,top=0');return false;" style="background-position: -510px -120px" target="_blank"></a></li>
</ul>
<div class="clear"></div>
</div>
View more at: <a href="http://bit.ly/1XReQFr">http://bit.ly/1XReQFr</a>

World Map of Makers

Hardware setup Connect the Raspberry Pi2 to the breadboard and the other components as per the Fritzing diagram at the bottom of the page. ...

World Map of Makers

Contact Form