Ozzie.eu

After having the setup needed to start developing code, keep track of it’s changes and deploy the resulting application, all resorting to Microsoft Cloud resources, it’s time to start building the proof of concept.
So, open up Web Matrix and from the startup screen choose “New > Template Gallery”:

On the template selection, choose “Personal Site” and give it a name of your liking:

You can create a site on Windows Azure where you’ll later deploy the web site on, if you skip this you can do it later at deploy time:

After the template has completed the installation and configuration steps, you can start by adding it to source control, using the “Use TFS” on the source control section of the ribbon:

Insert your Team Foundation Service URL and press connect. Afterwards choose the project where you’d like to keep version control of you web application:

Check in all the files of the initial version of your site (basically as-is from the template installation):

Afterwards, you might want to check on the TFS Web portal if the changeset has been successfully checked in:

Continue to edit the personal site, following Microsoft’s instructions on how to place your personal data into to web pages. Test it on the local machine, here’s how mine looks like:

If all is well, check in your changes to TFS once again. Next, let’s publish the site onto Windows Azure:

Pick the site you created upon starting, or create one now:

Confirm the publishing operation, if all goes well you’re done:

The site is live on Microsoft’s cloud platform. The URL of my testing site is: http://ozziepersonalsite.azurewebsites.net/
Happy coding!

Microsoft has been very persuasive pushing Windows Azure as a cloud hosting alternative. It’s a broad range of services that one can use to support many kinds of scenarios: web applications, mobile apps, databases, content distribution networks and more.

I will finally get around to test drive Windows Azure for Web application development. I’ll be using the following tools and services from Microsoft:

• Web Matrix 3 (still in beta at the time of this post): a free, lightweight, cloud-connected web development tool.
• Team Foundation Service: Your source code and work items are stored in the cloud. Plan projects, collaborate with your team, and manage your code online from anywhere.
• Windows Azure: Microsoft’s cloud platform.

To use the free TFS service you have to register your Microsoft account here. This free service includes:

• Up to 5 users
• Unlimited number of projects
• Version control (TFVC or Git)
• Work item tracking
• Agile planning tools
• Feedback management
• Build (still in preview)
• Test management (still in preview)

For a free trial of Windows Azure services, you also have to register your Microsoft account here. Your free trial contains:

• virtual machines & cloud services / 750 compute hours per month
• SQL server / 750 hours of web, standard, or enterprise
• web sites / 10 web sites
• mobile services / 10 mobile services
• relational database / 1 SQL database
• SQL reporting / 100 hours per month
• storage / 70 GB with 50,000,000 storage transactions
• backup / 20 GB
• data transfer / unlimited inbound & 25GB outbound
• media services encoding / 50 GB (input & output combined)
• cdn / 20 GB outbound with 500,000 transactions
• cache / 128 MB
• service bus / 1,500 relay hours and 500,000 messages

To download and install Web Matrix you don’t need any extra registration. Be aware that version 3 is the one used here to take advantage of the Azure and TFS integration.

In conclusion, the working setup for the Azure test-drive will be:

• Team Foundation Service for source code version control;
• windows Azure account to deploy applications and services on;
• Downloaded and installed Web Matrix to build a Web application, add it to Source Control and deploy it from there.

WebMatrix is a free and lightweight web development tool to create, publish, and maintain Web sites. It supports development using ASP.NET, PHP, Node.js and HTML5. It’s also touted as taking advantage of the latest emerging standards(CSS3, HTML5), and popular JavaScript libraries such as JQuery:

As far as HTML 5 goes, WebMatrix includes code completion, validation, and formatting… Except for HTML5 Form tags. The Web Pages framework doesn't include any helpers for the new HTML5 form input types such as email or color.
Fortunately, MVP Mike Brind posted on his Web log an article about how this helpers can be added to Webmatrix. A download containing the complete code for his article is available here.
Read Mike Brind’s Article.