bitchwhocodes / DevFest_MSFTWorkshop

DevFest 2016 Microsoft Workshop. Requirements : Hardware Sparkfun Weather Shield + Particle Photon and Microsoft Azure account

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

DevFest_MSFTWorkshop

DevFest 2016 Microsoft IoT Workshop. Requirements : Hardware Sparkfun Weather Shield + Particle Photon, Visual Studio Code (free, opensource and available on Mac, Linux, and Windows), Microsoft Azure account(ACTIVATE YOUR AZURE ACCOUNT USING DREAMSPARK), Node, and Project Oxford API.

Project description

We will be using the Particle Photon and Microsoft Project Oxford Emotion API to detect your emotions. Before you come to the workshop please make sure to sign up for a free Azure account using DreamSpark (instructions below), and Microsoft account so you can access the Project Oxford API.

##Step 1 Get your Azure Account

Activate your FREE Azure Account with DreamSpark

Alt text for your video

Click image to play video.In this two minute learn how to activate your free Azure account with DreamSpark.

Step 2 Sign up for Project Oxford Emotion API

####What is Project Oxford API? Project Oxford is a suite of AI APIs from Microsoft and includes APIs around Vision APIs, Speech APIs, and Language APIs.In this workshop we will be looking at the emotions APIs.

Emotions APIs detect emotions based on facial expressions.The Emotion API takes an image as an input, and returns the confidence across a set of emotions for each face in the image, as well as bounding box for the face, using the Face API.The emotions detected are anger, contempt, disgust, fear, happiness, neutral, sadness, and surprise.

  1. Go to Project Oxford site
  2. Click get free trial
  3. Signing with your Microsoft account.
  4. Show your Emotion API key
  5. Copy and paste your key into a notepad for now.

Step 3 Fork this repo

image place holder

Before we build our first Node.js app fork this repo.

###Create a web app in Azure App Service using the Azure Portal

In this section you will learn how to create a web app and enable git publishing

  1. Sign in to the Azure Portal.
  2. Click the + NEW icon on the top left of the Azure Portal.
  3. Click Web + Mobile, and then click Web app.
  4. Enter a name for the web app in the Web app box.This name must be unique in the azurewebsites.net domain
  5. Select a Subscription (this will be DreamSpark).
  6. Select a Resource Group or create a new one.
  7. Select an App Service plan/Location or create a new one.
  8. Click create

9. Click Web apps > {your new web app}. 10. In the Web app blade, click the Deployment part. 11. In the Continuous Deployment -> Click Configure Settings-> click Github 12. Click Github, and then click OK. GitHub will ask if you want to authorize Azure to have access to your accounts. It's safe to click Authorize application. 13. Select DevFest_MSFTWorkshop GitHub repository from the list and make sure you are deploying the master branch. Click OK

How to get started with the Particle Photon board.

Prerequisites for Setup

Software Particle Mobile App - iPhone | Android

  1. Your Particle device, brand new and out of the box!

  2. USB to micro USB cable (included with Photon Kit and Maker Kit)

  3. Power source for USB cable (such as your computer, USB battery, or power brick)

  4. Your iPhone or Androiddownload the particle app.

Setting up your Particle Photon

  1. Go to spark.io/start
  2. Select Photon
  3. Get a particle account if you don't have one
  4. Connect your Photon to your acccount.You will do this with your iOS or android app.
  5. On the packaging that your Photon Kit came in you'll see a barcode like the one below. Take note of the four digits in the thrid alphanumeric sequence. ![image here]
  6. Go to phone wifi setup and select your Photon-C***
  7. Continue to the Particle app and follow the instructions to get your Photon online.

Programming the particle Photon

  1. Go to online IDE and sign in with your particle username and password

[screen shots coming soon]

Get your Device ID and Access token from your will need for the next section

  • Copy your device ID from the web IDE by clicking on Devices. place holder gif from Twilio
  • Copy the access token by clicking Settings. place holder image from Twilio

Step 6 Configure web apps in Azure App Service

Let's use our API keys. Open up your routes/image.js file COMING SOON

Deploy to Azure

Deploy to Azure

Additional Resources

####Video Resources Watch Stacey Mulcahy and Rami Sayar in this incredibly interesting and entertaining intro to Node.js. #####In this video you will learn:

  1. Intro to Node.js
  2. Intro to Express
  3. Building a Backend What are web Socket? NoSQL Database with MongoDB
  4. Creating UI
  5. Connecting the UI to the Backend
  6. Deploying your app to Azure

####Other Resources Install the Azure CLI tools for Mac, Windows, and Linux

Create and Deploy a Node App in Azure

Quick guide to building a Node.js Chat Application with Socket.IO on Azure

###Github Getting started with Node.js on Azure ###Github Project Oxford Web Cam

About

DevFest 2016 Microsoft Workshop. Requirements : Hardware Sparkfun Weather Shield + Particle Photon and Microsoft Azure account


Languages

Language:JavaScript 88.0%Language:Arduino 4.8%Language:HTML 4.7%Language:CSS 2.5%