This project is read-only.
For a tutorial, see the blog article Mobile and Global on David Pallmann's blog at http://davidpallmann.blogspot.com/2011/12/mobile-global-in-7-steps-with-html5-mvc.html .

The zip file download contains 7 progressive projects:

1. Design: Design Site Front End

In this step a responsive web design HTML5 sample from Adobe is used as a starting point. It detects device characteristics and dimensions and adapts to desktop, tablet, or phone size screens automatically. The designer uses Adobe Dreamweaver to customize the sample for a fictitious city tour operator, Responsive Tours.

You can run this project locally in a browser by opening index.html.

2. Web Project: Import into Web Template

In this step the design assets (HTML, CSS, JavaScript, images) are handed off to a web developer, who inserts them into a web template to create a web project. The developer can now work in Visual Studio. The web project's front-end is open standards-based and the back end uses the Microsoft web platform, including MVC3.

You can run this project locally by opening the solution in Visual Studio and pressing F5.

3. Integrate: Add Dynamic Content

In this step the developer implements dynamaic content for promotional items, querying a database on the server side. MVC-Razor and Knockout.js are used for data binding. Visual integration with Bing maps integration is also added on the web client side.

This step requires you to set up a database with a table for promotional items.

You can run this project locally by opening the solution in Visual Studio and pressing F5.

4. Cloud-ready: Set up for Windows Azure

In this step the developer adds a Windows Azure project to the solution so that it can be run as a web role in the Windows Azure Simulation Environment on the local machine.

You can run this project locally by opening the solution in Visual Studio and pressing F5. It will run in the Windows Azure Simulation Environment.

5. Secured: Sign-in with web identity

In this step the developer sets up authentication using the Access Control Service. The user can sign in with a Windows Live, Yahoo!, or Google social/web identity.

This step requires you to configure an Access Control Service namespace in the Windows Azure portal.

You can run this project locally by opening the solution in Visual Studio and pressing F5. It will run in the Windows Azure Simulation Environment.

6. Deployed: Deployed to the cloud

In this step the developer deploys the solution code and data to a the cloud Windows Azure data center. The promotional item images are moved to blob storage.

This step requires you to create, configure, and populate a Hosted Service, Database, Blob Storage, and Access Control Service in a Windows Azure data center.

You can run this project online by directing your browser to the production URL for your hosted service. After signing in with the identity provider of your choice, the web site will run.

7. Global: Deployed worldwide with traffic management

In this step the developer deploys the solution to additional data centers for worldwide presence and sets up automated traffic management. The promotional item images are accessed via the Content Delivery Network for performance based on locale.

This step requires you to create, configure, and populate 3 Hosted Services (each in a different data center), a Database, Blob Storage, the Access Control Service, and Traffic Management in Windows Azure.

You can run this project online by directing your browser to the traffic manager URL for your hosted service. After signing in with the identity provider of your choice, the web site will run in a randomly selected data center (US, Europe, or Asia).

Last edited Dec 27, 2011 at 7:00 PM by dpallmann, version 11

Comments

No comments yet.