Responsive Tours Source Code v1

Rating: No reviews yet
Downloads: 536
Released: Dec 24, 2011
Updated: Dec 27, 2011 by dpallmann
Dev status: Stable Help Icon

Recommended Download

Source Code ResponsiveTours.zip
source code, 25168K, uploaded Dec 26, 2011 - 411 downloads

Other Available Downloads

Documentation ResponsiveTours.pdf
documentation, 3871K, uploaded Dec 26, 2011 - 125 downloads

Release Notes

The zip file 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).

Reviews for this release

No reviews yet for this release.