{"id":76569,"date":"2019-04-18T08:20:40","date_gmt":"2019-04-18T15:20:40","guid":{"rendered":"https:\/\/cloudblogs.microsoft.com\/opensource\/?p=76569"},"modified":"2025-06-27T08:19:11","modified_gmt":"2025-06-27T15:19:11","slug":"how-to-teach-cloud-powered-mobile-app-development-to-students","status":"publish","type":"post","link":"https:\/\/opensource.microsoft.com\/blog\/2019\/04\/18\/how-to-teach-cloud-powered-mobile-app-development-to-students\/","title":{"rendered":"How to teach cloud-powered mobile app development to students"},"content":{"rendered":"\n

Over the past five years, I’ve had the pleasure of teaching a course titled \u201cCloud-Powered Mobile App Development\u201d ten times at the University of Houston with my long-time friend and faculty colleague Jesus Hernandez<\/a>. I\u2019ve been humbled by the course\u2019s success<\/a>, regularly producing some of the highest course evaluations in the department and earning me a less-official ranking of highest-rated professor on ratemyprofessors.com<\/a> for the entire University of Houston<\/a>.<\/p>\n\n\n\n

\"Rate<\/figure>\n\n\n\n

<\/p>\n\n\n\n

Given the results<\/a>, I packaged up the curriculum and best practices for others to leverage and duplicate in similar courses. All course materials are open source on GitHub<\/a>.<\/p>\n\n\n\n

Course background<\/h2>\n\n\n\n

For context, this is a course that runs in a compressed, one-week, timeframe. Our shortened timeframe benefited from the instructional modality \u2013 it provided an immersive environment, similar to a bootcamp that is free of distraction from other courses. However, note many of the best practices in this guide could be applied to courses that run in different increments or durations.<\/p>\n\n\n\n

The course itself is taught in the Bauer College of Business as part of the Management Information Systems degree track. As a result, many students often have high interest in computer systems but the degree of technical ability in areas of software development can be wide-ranging. And that\u2019s okay; we are learning concepts related to cloud computing, many of which are best understood through application after explanation. That\u2019s generally how the flow of the course is handled: we teach a concept, then demonstrate that concept in a lab-based exercise.<\/p>\n\n\n\n

Over the years, the content has undergone changes, mainly in reaction to changes in technology trends. When we first taught the course, students would create and publish a mobile application and website as part of the course projects. We now focus on three main areas: a free-reign website project, a hands-on Internet of Things (IoT) project that involves pushing sensor readings from a microcontroller to a cloud-connected application running in a cloud-hosted virtual machine, and a wild card project that has something to do with an emerging technology.<\/p>\n\n\n\n

Historically, the wild card project has been related to Virtual Reality, Augmented Reality, Drones, and most recently blockchain\/cryptocurrency. In the most recent offering, we dissected the Litecoin codebase<\/a>.<\/u><\/p>\n\n\n

\"Applied
Applied learning in action<\/figcaption><\/figure>\n\n\n\n

Aside from the wild card project, the content is relatively static and can be reused by other professors. In fact, the course content is open-sourced and hosted on GitHub<\/a> for all to use as they please.<\/p>\n\n\n

\"GitHub
Cloud-powered mobile app development curriculum now open source<\/figcaption><\/figure>\n\n\n\n

Now, I\u2019ll break down how the course is taught day-by-day.<\/p>\n\n\n\n

Day One: Introduction to Cloud Concepts<\/h2>\n\n\n\n

On the first day of class, some time is devoted to setting up accounts for services that we will be employing in the course. Currently this requires a Microsoft Live ID account<\/a>, an Azure account<\/a> (which is free for anyone with a .edu e-mail), and a Microsoft Learn account<\/a>. Once these are obtained, we begin with an introduction to the Cloud and explain the concept of Infrastructure as a Service, Platform as a Service, and Software as a Service. We then apply those concepts by deploying a virtual machine (IaaS) and WordPress site instance (PaaS).<\/p>\n\n\n\n

Each day, an associated quiz and Microsoft Learn module are assigned along with a larger homework assignment. The first homework assignment requires the students to create a design document around the website that they plan to build. Students are encouraged to play around with their site instances and understand the limitations of various service tiers. It is common that students exhaust the resources allotted by free-tier services during the class and experience the need for scalability first-hand. We like to refer to this situation as a real-world learning opportunity. \ud83d\ude09<\/p>\n\n\n\n

Day one course materials are on GitHub here<\/a>.<\/p>\n\n\n\n

Day Two: Building a Website with WordPress<\/h2>\n\n\n\n

On the second day of class, we teach the students how to leverage more advanced features in WordPress and discuss responsive design. We challenge students to investigate how their site looks on various device form factors, and if there are issues myself and Jesus are on-hand to help.<\/p>\n\n\n\n

This allows the students to explore creating something, while having expert assistance on-hand when needed. It is not uncommon that Jesus or myself have to ftp into a site instance to fix a botched plugin installation or to help guide students on how to incorporate a lofty feature that was included on their design document assignment. We usually camp out in a Discord chat after hours to field questions that students have after class.<\/p>\n\n\n\n

We very often hear that once students get started on their projects that they don\u2019t want to stop. It\u2019s fun to build something that you can share out to friends and family, but we feel the reason is because we encourage the students to be invested in the project before they begin. Since we leverage WordPress (created by former UH student Matt Mullenweg while studying political science\u200a\u2014\u200aa fact I love to call attention to), students are mostly on the hook for delivering content. This allows students to focus on creating something they have a legitimate passion or use for.<\/p>\n\n\n\n

Students have created wedding sites that include interactive maps for logistics and forms for RSVP\u2019ing and revamped websites for businesses, including a karate school, dentist office, pool repair company, and more. Some have showcased their passions with art portfolios, guitar collections, and foreign film reviews. I had one student build a photography services website<\/a> in a couple days that he still uses three years later.<\/p>\n\n\n

\"Wedding
Former student Rabia Tasneem Nizami created a site for her wedding ceremony<\/figcaption><\/figure>\n\n\n
\"Wedding
The site included interactive maps and an RSVP form<\/figcaption><\/figure>\n\n\n\n

The key point is that by making assignments that students invest in personally, they actually want to do the work and often create very stunning projects in only a few days.<\/p>\n\n\n\n

Measuring Progress through Daily Quizzes<\/h3>\n\n\n\n

Daily quizzes are very insightful and allow me to gauge if students are in fact picking up on the concepts. I like to ask a combination of very targeted<\/em> and open-ended<\/em> questions to allow me to test if a student knows a thing as-is, as well as if they can synthesize the knowledge into something new.<\/p>\n\n\n\n

Here is an example of a targeted question:<\/p>\n\n\n\n

In class, we deployed an instance of WordPress to Microsoft Azure using Platform as a Service. The deployment rendered appropriately because WordPress is written in the PHP programming language which is a supported technology on Azure PaaS. Here is a condensed version of why this works: <\/em><\/p>\n\n\n\n

1) PaaS is essentially a pre-configured OS environment that has support for certain technologies, like PHP
2) If we put PHP code on the server in an appropriate way, it should execute since PHP is available.<\/em><\/p>\n\n\n\n

Now consider the Prolog programming language, which is not supported on Azure PaaS. That said, there are ways to deploy \/ run Prolog applications into Microsoft Azure. Similar to above, in 2 steps, describe how you might run a Prolog application on Azure.<\/em><\/p>\n\n\n\n

If students can answer the question above, then I am satisfied that they understand the difference between IaaS and PaaS. And furthermore, it is my hope that they never forget it since we have tied the question to an in-class experience.<\/p>\n\n\n\n

The open-ended questions are a different beast \u2013 you never really know what you\u2019ll get, but for the most part, students often impress me with some of the ways they interpret the concepts.<\/p>\n\n\n\n

Here is an example open-ended question:<\/p>\n\n\n\n

A student asks you: \u201cHey, I heard you took that cloud class at UH, what is the cloud?\u201d How might you answer this student in your own words?<\/em><\/p>\n\n\n\n

And here a few anonymous responses:<\/p>\n\n\n\n

\u201cCloud consists of computing and storage. Cloud computing is internet-based computing that provides shared computer resources for processing and other on demand services. Cloud storage backs up data remotely and makes it available to users over the internet.\u201d<\/em><\/p>\n\n\n\n

\u201cThe cloud is basically a network of servers with the ability to store and access data or programs over the internet rather than on a personal hard drive. It allows ease of access and use for a majority of people. Some benefits from the cloud include flexibility and cost. The cloud allows users to scale up or down the servers to accommodate for their usage, which may be financially beneficial.\u201d<\/em><\/p>\n\n\n\n

\u201cA cloud is basically a data server that is fully controlled virtually. This means that if you want to upgrade, downgrade, grow, or condense your current server host power, you just put in the request and the machine will automatically make the changes rather than a physical person having to go and upgrade the server you are on. The cloud makes it easier and quicker to do server business and make it easier to change your host server size based on your needs.\u201d<\/em><\/p>\n\n\n\n

All of these responses are acceptable to me, but it is interesting to note the various features that different students will highlight. In the past we ran all of the anonymized responses from students into a text miner to try to see how previous students thought of the cloud in aggregate.<\/p>\n\n\n

\"Text
How every student who ever took this class defined “cloud”<\/figcaption><\/figure>\n\n\n\n

Day two materials are on GitHub here<\/a>.<\/p>\n\n\n\n

Day Three: Hands-on Internet of Things (IoT) Lab<\/h2>\n\n\n\n

Day three is my personal favorite, which is when we focus primarily on the IoT hands-on-lab. I love this because we get to put a microcontroller device into the hands of business students who then make the hardware \u201cdo a thing\u201d by connecting it to a cloud service. Traditionally, the idea of working with hardware implies that it must somehow be \u201chard\u201d to even begin.<\/p>\n\n\n\n

I\u2019m not sure whether it is the advances in tooling that now make hardware accessible to hobbyists and the like, or whether techies of the past just wanted to keep it needlessly complex. Whatever the reason, that is all over, as entrepreneurs can now become weekend inventors<\/a> without the need for a rigorous technical background. The lab has evolved over time to use Raspberry Pi devices connected serially to an Arduino, Particle\u2019s Core and Photon devices<\/a>, and it\u2019s current incarnation where we leverage the MXChip<\/a> to produce a simulated Air Traffic Control system<\/a>.<\/p>\n\n\n\n

The lab requires that students deploy a virtual machine (VM), which is capable of running a recent installation of Visual Studio<\/a>. Inside the VM, they develop a client application that connects to something called Azure IoT Hub<\/a>. An IoT Hub is a high-throughput service bus that allows for publishing massive amounts of data from IoT devices, similar to an Event Hub<\/a> but with bi-directional and bookkeeping features for devices. The MXChip device publishes data to this endpoint which is then forwarded to a Serverless function<\/a> to process the data. The processed data is then forwarded on to a classroom-shared EventHub so that all data flows to a central location. Once a student successfully creates this pipeline, the data from their MXChip will make them appear as an airplane in-flight on a projector at the front of the classroom.<\/p>\n\n\n

\"Twitter
“Air-Traffic Control, this is CoolKid1337. Can you see me on the radar?”<\/figcaption><\/figure>\n\n\n\n

Students race to be the first to have their name on the real-time flight-board, and get excited when they see that first blip of device pumping data through an array of cloud services. Seeing each student tackle the challenge is awesome, as you can see the possibilities light up as they make the hardware \u201cdo a thing.\u201d It\u2019s also really cool to see students helping others once they have completed the task.<\/p>\n\n\n\n

After this lab, I give a homework assignment, which asks students to create an IoT solution. I don\u2019t expect them to build it, or to go into details on build out materials\/parts\/etc., but rather let them draw out what they would create if there were no limits. This has produced such gems as the smart bed, a few variants of IoT animal feeders, and solar-powered pants that charge your phone.<\/p>\n\n\n\n

Day three materials are on GitHub here<\/a>.<\/p>\n\n\n\n

Day Four: Guest Speaker<\/h2>\n\n\n\n

On day four, I will usually invite a guest speaker. I try to get someone involved in an emerging tech space. These have included Augmented Reality sessions with Jared Bienz, Virtual Reality Development with Faysal Sharif, and Machine Learning with Paige Bailey, among others.<\/p>\n\n\n\n

Recently we invited some local Power BI experts from Iron Edge Group<\/a> who showed us how to create data visualization around mortality rate and alcohol consumption.<\/p>\n\n\n

\"Twitter
Conclusion: “You drink more, you die more”<\/figcaption><\/figure>\n\n\n\n

We also brought in local startup Zenus Biometrics<\/a> that does really cool work around event entry using facial recognition.<\/p>\n\n\n

\"Twitter
Me: “Awww, bummer I left my tickets in the car” Zenus: “Your face is now a ticket”<\/figcaption><\/figure>\n\n\n\n

Once we are finished with the emerging tech session, we do a little prep in anticipation of final presentations the following day. Students are often able to leave early if they have completed their assignments, but usually stay to take advantage of the ginormous projector to play 8-player Smash Bros.<\/p>\n\n\n\n

Day four materials are on GitHub here<\/a>.<\/p>\n\n\n

\"Twitter
This may or may not contribute to elevated ratings on ratemyprofessors.com \ud83d\ude09<\/figcaption><\/figure>\n\n\n\n

Day Five: Final Presentations<\/h2>\n\n\n\n

Day five is the final presentation day. This day has bit of personal effect as I am effectively asking the students to do what I do for a living as a final grade \u2013 i.e., they are required to speak about something they created to a room full of peers for around 5 minutes.<\/p>\n\n\n\n

About 99% of the time, students will talk about their website with some insisting on adding time to discuss an app or IoT solution that they created. At the beginning of the course, I ask the students if they want to present in our classroom or at the Houston Microsoft Office. 100% of the time, the students want to present at the office.<\/p>\n\n\n\n

This is the part where everyone gets to revel at all of the work that the students have put into their projects throughout the week. It\u2019s an awesome time for students to share a portion of their personalities with others and it is typical that we learn something new with every presentation. For example, I\u2019m pretty sure none of us were prepared for one student\u2019s presentation on Korean Dramas or the fact that one of the students had done makeup for Slim Thug<\/a>.<\/p>\n\n\n\n

\"Twitter
That right there is a humble achievement! Props to Rija!<\/figcaption><\/figure>\n\n\n\n

At the end of the presentations, we tour portions of the office and take a class picture. We\u2019ve done one of these for every class. It\u2019s awesome to reflect on the creativity I\u2019ve witnessed over ten courses!<\/p>\n\n\n

\"Class
Go Coogs!<\/figcaption><\/figure>\n\n\n\n

Day five materials are on GitHub here<\/a>.<\/p>\n\n\n\n

Key Takeaways<\/h2>\n\n\n\n

There are few takeaways that I would like to leave you with. I\u2019ve talked about how I teach my class, from my perspective, and of course everyone has their own teaching and learning styles. However, there are elements discussed here that I think could be beneficial regardless of modality.<\/p>\n\n\n\n