WordPress iFrame using Azure

There was a need to host some javascript in a WordPress page due to how sessionize embeds speaker sessions. Due to WordPress’ limitations on javascript usage, the script could not be used in the page. To bypass this limitation, an Azure website can host the script; and then be used as an iFrame inside the WordPress page. To accomplish this requires the following steps:

  • Create an Azure Website
  • Change the page to include the script
  • Host the script as an iFrame in WordPress page

Create an Azure Website

Azure Web Apps provides a highly scalable, self-patching web hosting service. This quickstart shows how to deploy a basic HTML+CSS site to Azure Web Apps. You’ll complete this quickstart in Cloud Shell, but you can also run these commands locally with Azure CLI.

Home page of sample app

If you don’t have an Azure subscription, create a free account before you begin.

Open Azure Cloud Shell

Azure Cloud Shell is a free, interactive shell that you can use to run the steps in this article. Common Azure tools are preinstalled and configured in Cloud Shell for you to use with your account. Just select the Copy button to copy the code, paste it in Cloud Shell, and then press Enter to run it. There are a few ways to open Cloud Shell:

Select Try It in the upper-right corner of a code block. Cloud Shell in this article
Open Cloud Shell in your browser. https://shell.azure.com/bash
Select the Cloud Shell button on the menu in the upper-right corner of the Azure portal. Cloud Shell in the portal

Install web app extension for Cloud Shell

To complete this quickstart, you need to add the az web app extension. If the extension is already installed, you should update it to the latest version. To update the web app extension, type az extension update -n webapp.

To install the webapp extension, run the following command:

az extension add -n webapp

When the extension has been installed, the Cloud Shell shows information to the following example:

The installed extension 'webapp' is in preview.

Download the sample

In the Cloud Shell, create a quickstart directory and then change to it.

mkdir quickstart

cd quickstart

Next, run the following command to clone the sample app repository to your quickstart directory.

git clone https://github.com/Azure-Samples/html-docs-hello-world.git

Create a web app

Change to the directory that contains the sample code and run the az webapp up command.

In the following example, replace <app_name> with a unique app name.

cd html-docs-hello-world

az webapp up -n <app_name>

The az webapp up command does the following actions:

  • Create a default resource group.
  • Create a default app service plan.
  • Create an app with the specified name.
  • Zip deploy files from the current working directory to the web app.

This command may take a few minutes to run. While running, it displays information similar to the following example:

{
  "app_url": "https://<app_name>.azurewebsites.net",
  "location": "Central US",
  "name": "<app_name>",
  "os": "Windows",
  "resourcegroup": "appsvc_rg_Windows_CentralUS ",
  "serverfarm": "appsvc_asp_Windows_CentralUS",
  "sku": "FREE",
  "src_path": "/home/username/quickstart/html-docs-hello-world ",
  < JSON data removed for brevity. >
}

Make a note of the resourceGroup value. You need it for the clean up resources section.

Browse to the app

In a browser, go to the Azure web app URL: http://<app_name>.azurewebsites.net.

The page is running as an Azure App Service web app.

Sample app home page

Congratulations! You’ve deployed your first HTML app to App Service.

Change the page to include the script

In the Cloud Shell, type nano index.html to open the nano text editor. Change the body of the app to include only the javascript tag you need.

Save your changes and exit nano. Use the command ^O to save and ^X to exit.

You’ll now redeploy the app with the same az webapp up command.

az webapp up -n <app_name>

Once deployment has completed, switch back to the browser window that opened in the Browse to the app step, and refresh the page.

Updated sample app home page

 

Host the script as an iFrame in WordPress page

In your WordPress page, add the following text in square brackets – iframe src=”https://<app_name>.azurewebsites.net/” where app_name is the name of the application you created in Azure.

MVP Renewal

Proudly, I will be entering my second year as a Microsoft MVP. This will be under the Microsoft Azure category again. Moving forward, I look forward to doing a large amount of work and training with Azure Edge and Azure ML. Specifically, I look forward to working on the Scry Unlimited and West World of Warcraft projects. To contact me for for your project, please visit the contact page.

As a start, on 7/2/2018 I will be presenting AI on the Edge at the Atlanta Intelligent Devices user group. Following that up I will be speaking at events around the country and hopefully internationally. In addition to my normal speaking on Mobile, Cloud, and Edge; I will be adding Machine Learning and Artificial Intelligence specifically focusing on the integration with Edge and Mobile computing. If you are looking for a speaker, check out my speaker page and fill out the form.

Finally, I am still putting together events in Atlanta. If you would like to participate in any of the following events, just follow their links or message me on Twitter:

TechBash 2018

This year I will be presenting Enable IoT with Edge Computing and Machine Learning at TechBash. Here is the outline:

Being able to run compute cycles on local hardware is a practice predating silicon circuits. Mobile and Web technology has pushed computation away from local hardware and onto remote servers. As prices in the cloud have decreased, more and more of the remote servers have moved there. This technology cycle is coming full circle with pushing the computation that would be done in the cloud down to the client. The catalyst for the cycle completing is latency and cost. Running computations on local hardware softens the load in the cloud and reduces overall cost and architectural complexity.

The difference now is how the computational logic is sent to the device. As of now, we rely on app stores and browsers to deliver the logic the client will use. Delivery mechanisms are evolving into writing code once and having the ability to run that logic in the cloud and push that logic to the client through your application and have that logic run on the device. In this presentation, we will look at how to accomplish this with existing Azure technologies and how to prepare for upcoming technologies to run these workloads.

 

Announcing – Atlanta Medical Hackathon

Finally, the Atlanta Medical Hackathon will have its inaugural hack October 19th-20th. It will be held at the Pediatric Technology Center at Georgia Tech. The hackathon is open to students and graduate students focusing on information technology or medicine.

Medicine and technology go hand in hand but professionals of each speak a different language. The professions have different workflows, different standards, and different needs. The Atlanta Medical Hackathon plans to bring students from those different professions together to learn how to work with one another and remove the current barriers that exist.

The challenges of the hackathon are as follows:

  • Navigating Healthcare – Patients have great difficulty knowing where to get the care they need at the right time. Part of the challenge comes with having an incredibly complex health care delivery system. To help patients, create new tools to improve patients navigate through the health care system and obtain access to community based care, wellness programs, and other ancillary services that support individuals improve their health.
  • Transparency in Healthcare – Transparency, whether cost, data, or anything else, has been a great issue in health care. Without information patients cannot make the right decisions on treatments, doctors, or labs/imaging amongst a long list of other things such as wait times. Tackle problems in data transparency to allow for patients to discover what medical information is around them (providers, insurance acceptance, pricing, wait times, etc.). Solutions should consider open access and HIPPA compliance.
  • Accessible Healthcare – Patients need to be supported by tools that will educate and empower them to make the right lifestyle choices and help them stick to their treatment plans. They get some information from their physicians or other sources but a single source would dispel a lot of mixed messages and help patients follow suit with decisions that support a health life. Create a solution that allow patients to make better health decisions allowing for self-management of disease and condition and to know when to contact their medical provider. Think creatively on how to change patients’ thinking from “The doctor will see you now” to “The patient will see you now”,
  • Medical Imaging – Create innovative solutions using imaging technologies and data analytics to provide better patient care.
  • Transitioning to Adult Healthcare – Changing doctors is never easy. When you’re a teenager new to advocating for your own health care, or one who has a chronic illness like diabetes or cystic fibrosis, it can be even more challenging to make the transition. Create new tools to assist pediatricians, family physicians, and internists to support all adolescents, including those with special health care needs, as they transition to an adult model of health care.

Music City Code – IoT with Mobile

This year I will be at Music City Code presenting Configure, Control, and Manage IoT with Mobile.

Configure, Control, and Manage IoT with Mobile

Abstract

The internet of things allows for communication with devices through various means (without touch, mouse, keyboard, or a screen). Mobile devices give users a dynamic interactive experience with these devices by communicating over several different wireless protocols or through the cloud. In this presentation, we will see how to use Xamarin to create a cross platform mobile application to control devices of all shapes and sizes. After this presentation, attendees should be able to create a basic mobile application and have that application communicate with peripherals over Bluetooth and the cloud.

Description

This presentation is to showcase creating mobile applications with Xamarin and how those applications can interact with both off the shelf and with custom hardware. First, we will create a Xamarin Forms application; for iOS, Android, and Windows; that will interact with both Microsoft Azure and Bluetooth Low Energy to create an interactive experience with the hardware and the cloud. To get a better understanding, we will discuss mobile communication with the cloud and hardware to get a picture of how mobile can act as a bridge between the two.

 

Third Annual Internet of Things Startup Showcase

Join the Greater Atlanta Internet of Things at the Third Annual Internet of Things Startup Showcase on May 15th at Atlanta Tech Park.

We will host tables for IOT Startups, Innovation Teams, Companies and Hobbyists to show their IOT products and services.

12:00 pm to 5:00 pm – Atlanta Tech Park will host an open house for IOT members to learn about the ATP facility and its services to its members.

5:00 pm to 6:00 pm – Tech Connect Hub will host a Session on Collaboration between Startups and Corporate Teams

6:00 pm – Showcase will include tables for demonstrating IOT solutions for startups, hobbyists, Innovation Teams and Companies.

6:00 pm – Seminar for Startups and Sponsors to pitch their IOT Solutions (details will be forthcoming)

8:00 pm – Wrapup

Tables are still available
Sponsorships are available
Thanks to Atanta Tech Park http://www.atlantatechpark.com

http://ow.ly/xHLU30jHrt0

Mixed3d Scans

About four days ago Lamar and I went to Mixed3D to get some scans done for his birthday.  They have an interesting booth filled with Raspberry Pis that generate a 3D model. They also offer to print those 3D models in full color using sandstone (which we took them up on).  From the scans we picked 2 that best fit the theme of the day and were most usable in Lamar’s Unity projects.

Also, Adam got one done to use around the office

IRIS Conference

April 14th is the Integrative Research and Ideas Symposium (IRIS) hosted by the UGA Graduate-Professional Student Association. I will be speaking on three separate topics at the event:

  • Virtual Reality and IoT – Interacting with the Changing World
  • Enable IoT with Edge Computing and Machine Learning
  • Alternative Device Interfaces and Machine Learning

More than that though I look forward to hearing about the innovations and research provided by the graduate students and professionals at UGA. Here is their synopsis of IRIS:

The UGA Graduate-Professional Student Association is proud to announce IRIS 2018, a unique and exciting opportunity for students and other researchers from throughout the UGA community. 

This initiative’s focus on community-building, cross-pollination of ideas, transferrable skills, and service will:

  • Provide an excellent opportunity to enhance research communication skills and present research to an interdisciplinary audience. 
  • Expose students to cutting-edge scholarship, industry professionals, and rich professional development opportunities.
  • Help attendees refine the content and language of their C.V.’s and resumés through career workshops. 
  • Encourage shared scholarship, research, and service.
  • Equip attendees with new knowledge and skills which can strengthen teaching, learning, and career outcomes. 
  • Empower attendees to translate skills and research interests into career competencies. 

Azure Global Bootcamp Atlanta

This year will be the 4th annual Azure Global Bootcamp in Atlanta. If you don’t know about Azure Global Bootcamp here is their snippet:

Welcome to Global Azure Bootcamp! All around the world user groups and communities want to learn about Azure and Cloud Computing!

On April 21, 2018, all communities will come together once again in the sixth great Global Azure Bootcamp event! Each user group will organize their own one day deep dive class on Azure the way they see fit and how it works for their members. The result is that thousands of people get to learn about Azure and join together online under the social hashtag #GlobalAzure!

Join hundreds of other organizers to help out and be part of the experience! Check out the different locations worldwide and if there is no location near you, why not organize one?

I will be leading off the IoT track after the Keynote. All around there is an amazing line up of speakers and it looks to be a great experience for both developers and decision makers. There are a limited number of seats so don’t waste time waiting to sign up.