• Microsoft UK Faculty Connection

    Keep up to date on the latest learning material from Microsoft Channel 9



    Channel 9 is a online learning community, at Channel 9 Microsoft brings forward the people behind our products and connect them with those who use them.

    The heart of Channel 9 is Microsoft can talk about its work to what you the customers want to learn.

    Channel 9 is all about the conversation. Channel 9 should inspire Microsoft and our customers to talk in an honest and human voice. Channel 9 is not a marketing tool, not a PR tool, not a lead generation tool. For the original story of where Channel 9 came from, don't miss the classic and inspirational The 9 Guys -Who We Are video.

    So who is Channel9

    Meet the team, check out this video to meet the Channel9 team!

    Accessing Channel9 on the device you own and view content when and where you want!

    Windows 8

    Head over to the Windows Store to download this for your Windows 8 or 8.1 machine: Channel 9 app for Windows 8

    Windows Phone

    Grab the phone app for your Windows Phone 8 or 8.1 device: Channel 9 app for Windows Phone 8 and 8.1

    Xbox 360 and Xbox One

    To get the Channel 9 Xbox app, fire up your console, sign in and then go to 'Apps'. Browse or search for Channel 9, select it and download. Once it is downloaded, you can run it from your list of apps, or you can pin it to make it easier to get back to later.


    Our iPad and iPhone application is now available in iTunes and includes the ability to sign in and to sync videos offline for viewing when you are disconnected. Click here to download it: Channel 9 on iPad and iPhone


    Click this link (you may have to sign in to your Roku account) to add our Roku channel to your device(s): Roku channel for Microsoft's Channel 9. This is a quick and dirty beta, but if there is enough interest then we will try to work on it to make it more useful and fully supported.


    Our Android phone and tablet application is now available in the Google Play store and includes the ability to sign in and to sync videos offline for viewing when you are disconnected. Click here to download it: Channel 9 for Android

  • Microsoft UK Faculty Connection

    WINDOWS 10 Launch and Imagine Cup


    This is a pretty awesome week to be in Seattle.

    I am currently out in Seattle with the UK imagine Cup team, the past few months we have preparing for the finals of the Imagine Cup 2015 with our initial presentations taking place on Wednesday. The atmosphere here on campus at the University of Washington is electric with all the world wide teams saying at Alder Hall.

    Teams have travelled from all over the word to be here and take place at the world wide finals.. its this is such amazing week and a once in a life time experience for these student to make this even more impressive the teams are going to be on the Microsoft campus for the launch of Windows 10.

    Microsoft has always embraced a vision for connecting people and technology in powerful new ways and the release of Windows 10 will connect our Imagine Cup students with new opportunities to realise their potential.

    Windows 10 brings the most unified platform we’ve ever had, making it easier than ever for students to code for multiple devices and interfaces.


    Every year we see the latest innovative technologies in Imagine Cup projects. Students have been doing great work with motion control and natural user interfaces for years now, as well as connected devices in the Internet of Things, voice control, and virtual and augmented reality.

    Now we have a unified platform in Windows 10 that supports these and other technologies, making it easier than ever for students to get from dream to working code in the shortest possible time.

    Our 2016 season of Imagine Cup kicks off at the conclusion of the World Championship on July 31.We’re going to see incredible work over this next year as our students master Windows 10 and show us how big their dreams can be.

    On July 29, we will make Windows 10 available to the world, across 190 countries, as a free upgrade.

    We are really excited to deliver Windows 10, and its many, many innovations, to the world. We want to celebrate with people who use Windows - all 1.5 billion of you - and the nearly 5 million Windows Insiders who helped us build Windows 10.

     trex whale

    We seek to inspire and empower people around the world - to not just upgrade Windows, but also to upgrade the world. The opportunity is unique but it is true to the mission of the company and to the passion we each share to make a difference in the lives of our customers.

    We’ll get started on July 29, when Windows 10 first becomes broadly available.  We’ll celebrate the launch of Windows 10 by celebrating the people and organisations who upgrade the world every day – and by helping them do even more good in their communities. 

    We’d love for you to join us. #UpgradeYourWorld.

  • Microsoft UK Faculty Connection

    IMAGINE@MVA online learning resources free to students


    As part of Microsoft’s commitment to empowering students to become the next generation of innovators, entrepreneurs and developers, we are introducing a complete set of Computer Science training resources & certifications on the Imagine@MVA site. 

    This content was created to engage and excite students of all ages (9-18) and help educators build effective STEM programs.  Learning Computer Science skills opens the door to world-changing possibilities for any student at any skill level to allow them to code virtually anything.



    What type of content can you find on Imagine@MVA?

    We offer four different courses to fit any skill level:

    · Learn to Code Series:  an introductory course that is light and engaging, with Hour of Code content designed to get students excited about coding and have fun

    · Creative Coding through Games and Apps:  this next level course allows students to learn by doing.  Students learn to create an app or game of their own, and hopefully get hooked on coding.

    · CS50.AP:  This is a Harvard-inspired, challenging journey that prepares students for the AP CS Principles Exam.  This course includes not only programming, but also real world problem solving and algorithm building, so students get the right foundation to build programs and college credit.

    · Microsoft Technology Associate:  This series offers professional certification for building careers and employability.  Students can find their own path based on their aptitude, so they understand their career possibilities and also get an MTA certification.

    Whether a student is interested in the academic route, increasing their employability, or creating something special that could change the world – Computer Science skills are essential to their success.  Imagine@MVA allows students to forge their own path with the skills and training they will need, and equips educators to help them along this journey.

    Please visit Imagine@MVA to learn more about how you can take advantage of this incredible resource. 

    How can educators best leverage the content on this site?

    Through our ongoing interactions with the educator communities, we keep hearing great interest and need for in-depth, product specific training and the accompanying credentials. 

    The content on Imagine@MVA provides the tools needed to help schools and teachers integrate Microsoft certifications into the curriculum, use them as learning and assessment resources, and prepare students for success in higher education and future careers.   We know that today’s students want to learn in different ways, and assemble a “portfolio” of knowledge and validations that are most suitable for their area of focus or chosen career path.  We are continuing our discussions with teachers about looking at Microsoft’s training and certification programs as a tool for both teaching and learning, with a high level of relevance in both academic and career readiness, to inspire and prepare students for future success. 

  • Microsoft UK Faculty Connection

    Welcome to the Imagine Cup 2015



    What Is Imagine Cup?

    The Imagine Cup was founded in 2003. So this year marks the 13th year of Imagine Cup. At the first Imagine Cup in 2003 we had just 2,000 students from 25 countries enter but over the past 13 years the Imagine Cup had grown from strength to strength. To date, over 1.8 million students from more than 190 countries have engaged with the Imagine Cup program

    Microsoft Imagine Cup is the company’s premier student technology program and competition, and a cornerstone of the Microsoft YouthSpark initiative. It provides an opportunity for student technologists, developers and aspiring entrepreneurs from all academic backgrounds to collaborate, develop a technology application, create a business plan and gain a keen understanding of what is needed to bring a concept to market. Through Imagine Cup, the brightest young minds join together to exemplify the power of student innovation.

    How Does Imagine Cup Work?

    Students compete in teams of up to four people in the Games, Innovation or World Citizenship categories to create an original technology project from start to finish – create an idea, make a plan, build the project and compete.

    Students advance through various rounds of the competition either online or through in-person National Final events organized by Microsoft subsidiaries in countries across the globe. The three categorical first place teams from each participating country are entered into the World Semifinals online, and it is here where the World Finalists teams are determined. Winners are awarded travel to the Imagine Cup World Finals, where they compete for cash prizes, and once in a lifetime experiences. The Imagine Cup World Finals are in Seattle, Washington, USA, July 27- July 31, 2015.

    World Wide FInal Locations

    2003: Barcelona, Spain

    2006: Delhi, India

    2009: Cairo, Egypt

    2012: Sydney, Australia

    2004: Sao Paulo, Brazil

    2007: Seoul, South Korea

    2010: Warsaw, Poland

    2013: St. Petersburg, Russia

    2005: Yokohama, Japan

    2008: Paris, France

    2011: New York, NY, USA

    2014: Seattle, WA, USA
    2015: Seattle, WA, USA



    The three 2015 competition categories are designed to inspire students to use their imagination and passion to create technology solutions on the Microsoft platform.

    · Games: Today, great games come from anywhere and people play them everywhere - on their phones, on their computers, on their tablets, in their browser, with their friends, with anyone, with everyone.




    Team Name

    Project Name


    Technology Overview



    Lost Shadow

    Lost Shadow is a 3D puzzle game using a creative gameplay called Shadow Path.

    Windows 8 Store App, Windows 8, Visual Studio, Unity Game Engine

    South Korea


    Lynn: A Girl Into Puzzles

    Lynn: A girl into puzzles is a 2d puzzle game where you control the puzzle instead of the character.

    Windows 8, Windows Phone 8, Visual Studio, Unity Game Engine



    Tou: The Sacrifice

    Tou: The Sacrifice is an immersive horror exploration mobile game that tells a story inspired by local Melanau folklore, culture and rituals.

    Windows 8, Windows Phone 8, Unity Game Engine, Facebook API, Twitter API




    DYD is a 3D first person game which focuses on stopping the poaching of endangered animals.

    Windows 8, Unreal Game Engine


    Kuality Games

    Bounce 'em up

    Bounce 'em Up is a physics-based, over-the-top, competitive multiplayer action game.

    Windows 8 Store App, Windows 8, Windows Phone 8, .NET Framework, Visual Studio, Unity Game Engine, Any Open Source Library


    Serious English Name


    Bandbarian uses the Microsoft Band to monitor the users exercise which gets transferred to their game character's experience

    Windows Phone 8, .NET Framework, Microsoft Azure, Visual Studio, Unity Game Engine




    OVIVO is a 2D platform puzzle game with an innovative twist, as the OVIVO world is always evolving and developing. The game world is divided on black and white spaces, and each have different gravity directions. The character has an ability to transit from one color zone to another, to overcome obstacles. The player’s goal is to solve game puzzles, based on duality of the game world, and find a symbol on every level that opens the next part of the story.

    Windows 8 Store App, Windows 8, Windows Phone 8, Xbox Indie Games, .NET Framework, Microsoft Azure, Visual Studio, Unity Game Engine

    South Africa

    Digital Interactive Games


    PYA Maze of Gods is a 3D Labyrinth style game built to challenge the user's problem solving skills, reaction time and their ability to overcome the obstacles that they will encounter.

    Windows 8, Visual Studio, Unity Game Engine



    Back in Time

    Back in Time is a 3D game developed using Unity engine for play on two screens, a laptop and a mobile phone. The game consists of making the parent and the kid compete with each other in a funny and thrilling way using a mobile phone and a Microsoft Band.

    Windows 8 Store App, Windows 8, Windows Phone 8, Microsoft Azure, Visual Studio, Unity Game Engine, Microsoft Band

    · Innovation: Incredible, world-changing software innovations often come from students. Social networks, music services, digital photography apps, gadgets and robotics – the list goes on. Imagine Cup is looking for the next big thing in this category.




    Team Name

    Project Name


    Technology Overview


    NoObs Team


    Spinal aims at helping people to control their posture, preventing consequences of wrong spinal position while they are sitting, walking, working and more.

    Windows Phone 8



    Clothes For Me

    Clothes For Me is a marketplace for custom tailored clothes based on a person's unique body size and shape.

    Microsoft Azure, Any Open Source Library




    Walkly is a mobile phone application that combines the power of social media and smartphone technology to empower users to feel more comfortable in the streets.

    Windows Phone 8, Bing/Bing Maps, Visual Studio, Any Open Source Library, Facebook API




    Stimulus is a universal and modular low-cost hardware movement simulator designed for the home.

    Visual Studio, Unity Game Engine, Any Open Source Library




    Mistory is a story-based, interactive city tour mobile application. Users can play a Story and explore a city by utilizing the environment.

    Windows Phone 8, Windows ASP.NET, .NET Framework, Microsoft Azure, Visual Studio, Any Open Source Library, Facebook API




    Manovue is the world's first intelligent personal assisting device for the blind. It is a multi-utility wearable haptic device which enables the user to read any printed text and helps them move around freely by providing haptic feedback.

    Windows 8 Store App, Windows Phone 8, .NET Framework, Microsoft Azure, Bing/Bing Maps, Visual Studio, Any Open Source Library, Microsoft Cortana, OneNote



    Screen Feels AIR

    ScreenAIR is an innovative sensor that can detect wind movements and convert them to computer input.

    Windows 8, Visual Studio, Any Open Source Library

    New Zealand



    Tether is a platform that lets you discover the talent in your social network. Whether it be make-up or repairs or photography, finding trustworthy and passionate people close to you for a casual job can be done instantly.

    Windows Phone 8, Windows ASP.NET, .NET Framework, Microsoft Azure, Visual Studio, Any Open Source Library, Facebook API, Skype API




    Dispatch is an Azure cloud based application which finds the most optimal meetup time for friends and businesses, eliminating human interaction when deciding meeting times.

    Windows Phone 8, .NET Framework, Microsoft Azure, Bing/Bing Maps, Visual Studio, Any Open Source Library

    Palestinian Authority


    Brain Controlled Robot

    BCR enables people with mobility challenges to operate helpful robots using just their thoughts.

    Visual Studio

    United Kingdom



    Siymb uses an inexpensive wearable to transform the way people interact with each other during conferences and exhibitions. With a simple handshake, participants will be able to exchange details about each other.

    Windows 8, Microsoft Azure, Any Open Source Library, Facebook API

    United States



    StudyTree is a mobile application that connects student and tutors within a university for in-person tutoring.

    Windows 8 Store App, Windows 8, Windows Phone 8, .NET Framework, Microsoft Azure, Bing/Bing Maps, Visual Studio

    · World Citizenship: Students are encouraged to find a problem in the world, even in their own lives or community, that affects many people, and then work to solve it. By creating impressive new technology projects in fields such as health, education, and the environment, these students have shown the world new ways to think and to change lives.



    Team Name

    Project Name


    Technology Overview


    Virtual Dementia Experience


    The Virtual Dementia Experience (VDE) simulates the effects of aging and dementia in a virtual environment, so that cognitively intact people can gain an appreciation of the issues confronting others with dementia. The VDE completely occupies the senses of users, immersing them in the world of a person with dementia.

    Windows 8, Kinect for Windows SDK, Visual Studio, Unreal Game Engine




    S.E.C.S. is a full hardware and software solution for controlling crop cultivation remotely and in real time.

    Windows Phone 8, Windows Server, Microsoft Azure, Visual Studio, Any Open Source Library




    enCourage anonymously broadcasts signals for help, immediately informs everyone in the local area about nearby emergency situations, and helps users coordinate and work towards deescalating the situation at hand.

    Windows 8 Store App, Windows 8, Windows Phone 8, Windows ASP.NET, .NET Framework, Microsoft Azure, Bing/Bing Maps, Visual Studio, Xamarin




    Unobtrusive behavioral analysis to capture early Parkinson's Disease symptoms.

    Windows 8 Store App, Windows 8, Windows Phone 8, Windows Server, .NET Framework, Microsoft Azure, Visual Studio, Any Open Source Library, Skype API




    Solidare Apps quickly connects its donors with orphaned children across the globe to help improve their lives and ensure they don't drop out of school.

    Windows 8 Phone App, Microsoft Azure




    HeartWatch uses a Microsoft Band to detect cardiac arrhythmias. It can even notify friends and family in case of serious cardiac issues.

    Windows 8 Store App, Windows Phone 8, .NET Framework, Microsoft Azure, Visual Studio, Any Open Source Library, Microsoft Band SDK



    Play S-Cool

    Play S-Cool wants to help students of elementary school to learn in a better way and reduce child obesity, through physical activities in their classrooms with the use of Kinect to answer activities with questions of multiple answers created by their teachers.

    Windows 8 Store App, Kinect for Windows SDK, .NET Framework, Visual Studio, MonoGame, Facebook API




    AsthmaVisor is a solution geared towards a more cost-effective and efficient way of supervising asthmatic patients.

    Windows 8 Store App, Windows 8, Windows ASP.NET, .NET Framework, Microsoft Azure, Visual Studio




    EpSyDet is a phone application that will detect epileptic seizures via a smartwatch and notify a caretaker.

    Windows 8, Windows Phone 8, Windows ASP.NET, .NET Framework, Microsoft Azure, Visual Studio




    Mozter is a mosquito monitoring platform that leverages the Internet of Things (IoT) and cloud-based technologies to assist mosquito control officers with national mosquito surveillance and control programmes.

    Windows Phone 8, Windows Server, Windows ASP.NET, .NET Framework, Microsoft Azure, Visual Studio, Any Open Source Library




    Boby is an easy and unobtrusive way for couples to monitor Basal Temperature to help with pregnancy planning.

    Windows 8, Windows Phone 8, Microsoft Azure, Visual Studio, Any Open Source Library

    United Arab Emirates

    Freedom Fragrance


    VioLens offers a doorway to security where victims and bystanders can confidentially report instances of abuse. The anonymity of the reporting empowers the community to do the right thing without the fear of being attacked by the abusers and empower the victim to speak up.

    Bing/Bing Maps, Visual Studio, Windows Phone 8.1 SDK , Microsoft Cortana

    Three first place winning teams move on to the Championship Round where one team will be crowned the Imagine Cup World Champion and have the opportunity to meet with Satya Nadella. 

    Software Development Lifecycle Challenges

    Throughout this year’s program, students had the opportunity to participate in Challenges that align with the Software Development Lifecycle in the hopes to expand experience and coaching opportunities from judges for teams, allowing students to think beyond the competition to where and how they could one day bring their idea to market. These three challenges were set up for students to evolve their projects leading up to the Imagine Cup World Finals.

    · Pitch Video Challenge: In this challenge, students are asked to create a five minute video pitch of their project idea. No prototypes or examples yet, this focuses solely on the craft of developing and selling their idea.

    · Project Blueprint Challenge: In this challenge, students deliver a project proposal articulating the users, requirements, scenarios and business model for the team’s project.

    · User Experience Challenge: In this final challenge, students are asked to demonstrate the user experience, sharing user flow, wireframes and a visual target for how the software will display on screen.

    Who will win the Imagine Cup World Championship?

    Tune in on Friday, July 31 @ 12pm PT & watch the LIVE webcast!

  • Microsoft UK Faculty Connection

    The Imagine Cup 2015 World Finals: 27 July – 31 July



    On Monday I will in Redmond with the UK Winners Team Siymb for the World Wide finals of the Imagine Cup


    · Follow the completion live on Twitter at #ImagineCup for live updates

    · Save the Date for the World Wide ChampionShips: https://imaginecup.com/worldchampionship

    · Check out the Imagine Cup Facebook event!

    · Watch Imagine Cup on Periscope! Follow @MSFTImagine for live updates.

    Live Webcast: July 31, 2015

    · Watch Satya Nadella crown the next World Champion!

    · Live stream starts Friday, 31 July at 12:00 pm PT at https://imaginecup.com

    Good Luck to Jakob and Konstantin's and here to bringing the trophy home with team SIymb and the University of Exeter!

  • Microsoft UK Faculty Connection

    Spend your summer getting ready for University. C# Fundamentals for Absolute Beginners via MVA




    C# Fundamentals for Absolute Beginners

    Over the course of 25 episodes, our friend Bob Tabor, from LearnVisualStudio.net, teaches you the fundamentals of visual C# programming.

    Tune in to learn C# concepts applicable to video games, mobile environments, and client applications.

    View course

    Check out other Microsoft Virtual Academy courses for all levels http://www.microsoftvirtualacademy.com

  • Microsoft UK Faculty Connection

    Welcome to Visual Studio 2015 Community


    Visual Studio

    All Schools, Colleges and Univeristies can get a DreamSpark subscription, we are pleased to offer you new Microsoft software and services for free:

    Simply sign up your institution or register as a student at www.dreamspark.com

    Visual Studio 2015 is the brand new release of Microsoft’s premier coding tool available to students now. This new release has enhanced support for creating Windows 10, Android, and iOS apps including a full Android emulator and much more.

    You can get the new Visual Studio from your school’s webstore.

    If your school doesn’t offer a webstore, you can get Visual Studio 2015 Community directly from DreamSpark.com.

    To help you quickly discover some of the core new capabilities we’re delivering with the 2015 edition, check out our Community page and featured videos.

    MSDN forums

    Ask questions about Visual Studio Online or find answers already posted.

    Visual Studio Blog

    Check out Visual Studio blog for details on new Visual Studio features.

    Developer Release Notes

    Check out the product roadmap and recently released features.


    Share your suggestions and ideas for the Visual Studio suite of products.


    Watch the short deep dive videos to learn about the new features.

    Visual Studio Online

    Check out the cloud collaboration tools for the entire team.

  • Microsoft UK Faculty Connection

    Imagine Cup 2015 and Break into Code Results



    This week we have lots of updates regarding the Imagine Cup 2015

    Announcing a celebrity judge for the Imagine Cup World Championship, two brand new World Finals awards, and the grand finale

    Imagine Cup Ability Award – including a week long boot camp in Redmond

    Imagine Cup Peoples Choice Award – chosen by Microsoft staff - winner gets $1000 and Trophy

    Check out the winners of the Break Into Code competition winners announced


    Break into code Winners

    Age 9-13

    1st Place Winner $3,000 – Rainbow Breaker by Connie, UK

    2nd Place Winner $2,000 – Super Cool Brick breaker by Abhimanyu, India

    3rd Place $1,000 –UFO Breaker by Esteban, Mexico

    Age 14-18

    1st Pace Winner $3,000 –Crusher by Faturahman, Indonesia

    2nd Place Winner $2,000 – Endless Bricks Henrique, Brazil

    3rd Place Winner $1,000 – Dragon Smash by Jonathan, UK

    Watch the full announcements and more at Imagine TV 

  • Microsoft UK Faculty Connection

    Having issues or problems activating your Student Azure DreamSpark Subscription



    If you get the following error when signing up for the Microsoft DreamSpark Azure Student offer https://www.dreamspark.com/Product/Product.aspx?productid=99 we could not find offer ‘ms-azr-0144P’


    The first question.. is did who have previously have an Azure subscription?

    This includes the standard free trial, from more than nine months ago, this may be the problem.

    If you do get this error message above you cannot activate the student offer so if you do get this error message the Azure Support can fix your account to enable you to activate DreamSpark Azure offer:

    To open a support request

    1. Go to http://azure.microsoft.com/en-us/support/options/
    2. Select “Having issues with sign in or signing up for an account?” option
    3. For Problem Type, select “I cannot sign up for a new account” option
    4. Click Start request button to provide further detail of your State your a DreamSpark user and they you tried to apply via https://www.dreamspark.com/Product/Product.aspx?productid=99

  • Microsoft UK Faculty Connection

    Using Visual Studio 2015 and Deploying your first web app to your FREE Azure Subscription



    Deploying a Web App using Visual Studio

    With Visual Studio 2015 and the Azure SDK you create website and publish it to Azure, all within Visual Studio 2015, and see how this works.


    · Visual Studio Community 2015

    · Azure SDK 2.7

    · Activated your free Azure student subscription through Microsoft DreamSpark step by Step instructions at ://blogs.msdn.com/b/uk_faculty_connection/archive/2015/07/19/microsoft-azure-free-websites-and-blogs-via-microsoft-imagine-amp-dreamspark-and-setting-up-wordpress-on-azure-for-students.aspx

    Open Visual Studio Community 2015

    If you haven’t already, sign in to your Microsoft Account by clicking “Sign in” in the upper right corner. You need to use the same Microsoft Account that you used with DreamSpark and Azure already.


    Once you sign in, Visual Studio 2015 will automatically recognize your Azure subscription key thing is ensure you login to Visual Studio with your DreamSpark account

    Open Visual Studio 2015 Cloud Explorer

    Cloud Explorer is Visual Studio 2015’s direct connection to Azure. Let’s open that tool now from the menu by clicking:

    View / Other Windows / Cloud Explorer


    And just like that, here’s your Azure subscription!


    See that Actions pane at the bottom? (You can get the same thing if you right click on one of your web apps.) It’s pretty handy: “Open in portal” will open your web app within the Azure Portal while “Open in Browser” pops open your default web browser and goes straight to your live web app.

    But we’re going to make something new! Let’s get started.

    Create a New Web Site Solution

    Go to the menu and click:

    File / New / Web Site


    You’ll then see this window where you click ASP.NET Empty Web Site:


    Then you’ll see your Solution Explorer on the right with your brand new WebSite solution!

    Make a Homepage

    From Solution Explorer, right click on your WebSite solution and click:

    Add / Add New Item


    Or you can hit Ctrl+Shift+A.

    This gives you a new window where you’ll click HTML Page and Add:


    Now Solution Explorer will show your new empty web page file:


    It’s called HtmlPage.html. We’ll make this your homepage for the project, so we should rename it to index.html. That’s a standard name for a homepage and web browsers will find it more easily.

    Do you know how to rename a file in a Visual Studio project?

    There are two ways:

    1) Right-click on HtmlPage.html and click Rename from the pop-up window

    2) Look below Solution Explorer in the Properties window where it shows the File Name field. Click HtmlPage.html there and rename it to index.html.

    All set? Let’s do a little web coding!

    Code Your Web Page

    Let’s make as simple a web page as we can just so we can see Visual Studio 2015 and Azure in action. Your index.html file should now be open in the main window. (If not, double click it in the Solution Explorer.)

    It already has this text:

       1: <!DOCTYPE html>
       2: <html>
       3: <head>
       4: <title></title>
       5: <meta charset="utf-8" />
       6: </head>
       7: <body>
       8: </body>
       9: </html>

    Click the cursor in between <title> and </title>. We need to give your web page a title – let’s call it Hello Cloud! Just type that right in between.

       1: <!DOCTYPE html>
       2: <html>
       3: <head>
       4: <title>Hello Cloud!</title>
       5: <meta charset="utf-8" />
       6: </head>
       7: <body>
       8: </body>
       9: </html>

    Then click on that blank link in between <body> and </body>. Type this in just as it appears:

       1: <h1>Hello Cloud!</h1>
       2: <p>Check out this sweet website I made in Visual Studio 
       3: 2015!</p>

    So now you’ve got a complete web page! It should all look like this:

       1: <!DOCTYPE html>
       2: <html>
       3: <head>
       4: <title>Hello Cloud!</title>
       5: <meta charset="utf-8" />
       6: </head>
       7: <body>
       8: <h1>Hello Cloud!</h1>
       9: <p>Check out this sweet website I made in Visual Studio 
      10: 2015!</p>
      11: </body>
      12: </html>

    Done! Let’s ship this thing and go home. All we need to do is publish it as a web app to Azure.

    Publish Your Web App

    Back in Solution Explorer, right-click on your WebSite solution and click Publish Web App:


    This opens a Publish Web window. “Profile” should already be selected on the left. Click Microsoft Azure Web Apps, and then from the next pop-up window click New…


    Now it’s time to do some serious Azure stuff. We’re going to name your web app and assign it a bunch of Azure attributes: an App Service plan, a Resource group, and a Region. Here’s the window:



    Let’s do a few things:

    1) Click in the blank field by Web App name and type a name for your web app.

    This will be the URL for your website. Whatever you type will be put in front of “.azurewebsites.net”.

    In my example its called “myhellocloud” so my website URL will be http://myhellocloud.azurewebsites.net. (In fact, you can go look at it right now if you want.) Since “myhellocloud” has been used you’ll need to type something else the greed tick will appear if the URL is valid.

    2) For App Service plan, click the dropdown and select “Create new App Service plan”.

    3) For Resource group, click the dropdown and select “Create new resource group”.

    4) For Region, click the dropdown and select the region closest to you in the world.

    Now your window looks like this:


    So let’s fill in those two fields! You can name your App Service plan and resource group whatever you want.

    What is an App Service plan? It’s just a set of attributes that you can reuse across multiple apps. The attributes include a pricing tier (SELECT FREE and a Subscription (if you have multiple Azure subscriptions).

    The plan you create right now will probably work for all the web apps you build while you’re a student. You can name yours whatever you want. I’ve named mine “myappserviceplan”.

    What is a Resource group? It’s just a label that lets you group multiple Azure resources together so it’s easy to select them all at once in the Azure Portal.

    Developer generally create resource groups which simply group group together a bunch of specific resources so they can view them all at once, monitor them as a group, track the costs and billing for that group, and so on. Since it’s just a label you can name it whatever you want. I’ve named mine “myresourcegroup”.

    What is a Region? The dropdown lists every Azure datacenter in the world that you can host your web app in.

    Rule of thumb is you want to put data closed to your Region, So for the UK select a European Data Centre

    Here is what my window looks like now:


    Let’s click Create and see what happens! Oh, this happens:


    After a little while, or maybe a few minutes, the web app is set up and it’s time to actually publish your web page. Here’s the window – all you do is click Publish:


    Within Visual studio you can see the Output window, this shows the progress of publishing your homepage to the Azure datacenter in the region you selected.

    Next your Web browser will open a window and display your new web site.


    Want to see my site live for real? It’s right here:


    Back to Cloud Explorer

    Remember Cloud Explorer? Why did we open that thing anyway? Let’s go back and check on it. Do two things:

    1) Click the Refresh button. That’s the blue circle arrow near the top.

    2) Double click Web Apps in the list to expand its contents.


    THERE IT IS! My new web app, myhellocloud, is right there in Cloud Explorer. I can right-click it (or use the Actions panel) to open it in my browser anytime. I can also open it in the Azure Portal, but we can explore that some other time.

    Make a Change and Publish Again!

    Your index.html file is probably still open. If not, double click it in Solution Explorer.

       1: <!DOCTYPE html>
       2: <html>
       3: <head>
       4: <title>Hello Cloud!</title>
       5: <meta charset="utf-8" />
       6: </head>
       7: <body>
       8: <h1>Hello Cloud!</h1>
       9: <p>Check out this sweet website I made in Visual Studio 
      10: 2015!</p>
      11: </body>
      12: </html>

    Click your cursor at the end of that </p> line and hit Enter to start a new line. Then type something like this:

       1: <p>Updating My web page which is being hosted on 
       2: Azure datacenter!</p>

    Whatever you type has to have that <p> at the start and </p> at the end.

    So now my index.html looks like this:

       1: <!DOCTYPE html>
       2: <html>
       3: <head>
       4: <title>Hello Cloud!</title>
       5: <meta charset="utf-8" />
       6: </head>
       7: <body>
       8: <h1>Hello Cloud!</h1>
       9: <p>Check out this sweet website I made in Visual Studio 
      10: 2015!</p>
      11: <p>Updating My web page which is being hosted on Azure
      12: datacenter!</p>
      13: </body>
      14: </html>

    To publish the page again

    Just right-click your Web Site solution again over there in Solution Explorer and click Publish Web App from the pop-up window:


    Then you’ll see this window again:


    All you do is click Publish. The window goes away, that Output window at the bottom of the screen goes crazy for a few seconds, and then BAM you’re at your updated homepage!

    If you don’t see the change you made, hit F5 to refresh your browser.

    Now you’ve made your first web page in Visual Studio 2015 and Azure.

Page 1 of 104 (1,031 items) 12345»