<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Akrati GuptaAkrati Gupta</title>
	<atom:link href="http://blog.akratigupta.com/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.akratigupta.com</link>
	<description>Empowering Knowledge</description>
	<lastBuildDate>Thu, 02 May 2013 12:08:29 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<!--Theme by MyThemeShop.com-->
		<item>
		<title>WINDOWS AZURE</title>
		<link>http://blog.akratigupta.com/windows-azure.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=windows-azure</link>
		<comments>http://blog.akratigupta.com/windows-azure.html#comments</comments>
		<pubDate>Wed, 12 Sep 2012 16:04:49 +0000</pubDate>
		<dc:creator>Akrati</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[ASP.NET 4.0]]></category>
		<category><![CDATA[cloud services]]></category>
		<category><![CDATA[Java]]></category>
		<category><![CDATA[Microsoft Silverlight]]></category>
		<category><![CDATA[Microsoft Visual Studio]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[REST]]></category>
		<category><![CDATA[Ruby]]></category>
		<category><![CDATA[service hosting]]></category>
		<category><![CDATA[service management environment]]></category>
		<category><![CDATA[SOAP]]></category>
		<category><![CDATA[Visual Studio 2010]]></category>
		<category><![CDATA[Web Application Deployment]]></category>
		<category><![CDATA[Windows Azure]]></category>
		<category><![CDATA[XML]]></category>

		<guid isPermaLink="false">http://blog.akratigupta.com/?p=107</guid>
		<description><![CDATA[  What is Windows Azure? Windows Azure is a cloud services operating system that serves as the development, service hosting and service management environment for the Windows Azure platform. Windows Azure provides developers with on-demand compute and storage to host, scale, and manage web applications on the internet through Microsoft datacenters. Windows Azure is a flexible platform that supports multiple languages and integrates with your existing on-premises environment. To build applications and services on Windows Azure, developers can use their existing Microsoft Visual Studio expertise. In addition, Windows Azure supports popular standards, protocols and languages including SOAP, REST, XML, Java, PHP and Ruby. Windows Azure is now commercially available in 40 countries. Windows Azure is a Microsoft Cloud Computing Platform to build, deploy, manage applications through a global network of Microsoft. You can build a application in any platform, and you can integrate your public cloud applications with your existing IT environment. It allows you to build applications in different languages, tools or frameworks. Features: •           Windows Azure is an open and flexible cloud platform •           Windows Azure delivers a 99.95% monthly SLA •           Enables you to use any language, framework, or tool to build applications. •           Unlimited servers. Unlimited storage. •           Powerful Capabilities. Windows Azure Platform &#8220;The Windows Azure platform is a flexible cloud–computing platform that lets you focus on solving business problems and addressing customer needs. Learn more about the Windows Azure Platform.&#8221; The windows Azure platform makes it easy for startups to get a production ready solution up and running quickly so you can pursue the things that matter. Windows Azure offers a simple, comprehensive, and powerful platform for the creation of web applications and services. Windows Azure enables Start-ups to focus on their business logic, as opposed to operational hurdles, in creating compelling products. Windows Azure platform frees up time required for deploying, configuring, maintaining, updating and fixing systems by automating a bulk of these asks and providing solution to historically painful issues like:       Geo location of hosting servers Real time backup and failover for databases Deploying from staging to production environments Shared memory caches          Windows Azure improves productivity and lowers up-front capital costs while providing a scalable infrastructure to start up your business quickly and efficiently. Windows Azure based cloud services costs are driven by compute hours, data transfers, service bus connections, access control transactions and database storage. &#160;]]></description>
				<content:encoded><![CDATA[<p style="text-align: center;"> <a href="http://blog.akratigupta.com/wp-content/uploads/2012/10/Windows_Azure2.jpg"><img class="aligncenter  wp-image-114" title="Windows_Azure" src="http://blog.akratigupta.com/wp-content/uploads/2012/10/Windows_Azure2.jpg" alt="" width="691" height="432" /></a></p>
<h1><strong>What is Windows Azure?</strong></h1>
<p style="text-align: justify;">Windows Azure is a cloud services operating system that serves as the development, service hosting and service management environment for the Windows Azure platform. Windows Azure provides developers with on-demand compute and storage to host, scale, and manage web applications on the internet through Microsoft datacenters.</p>
<p style="text-align: justify;">Windows Azure is a flexible platform that supports multiple languages and integrates with your existing on-premises environment. To build applications and services on Windows Azure, developers can use their existing Microsoft Visual Studio expertise. In addition, Windows Azure supports popular standards, protocols and languages including SOAP, REST, XML, Java, PHP and Ruby. Windows Azure is now commercially available in 40 countries.</p>
<p style="text-align: justify;">Windows Azure is a Microsoft Cloud Computing Platform to build, deploy, manage applications through a global network of Microsoft. You can build a application in any platform, and you can integrate your public cloud applications with your existing IT environment. It allows you to build applications in different languages, tools or frameworks.</p>
<h2><span style="text-decoration: underline;"><strong>Features:</strong></span></h2>
<p align="center"><a href="http://blog.akratigupta.com/wp-content/uploads/2012/10/windows_azure-diagram2.jpg"><img class="aligncenter size-full wp-image-115" title="windows_azure-diagram" src="http://blog.akratigupta.com/wp-content/uploads/2012/10/windows_azure-diagram2.jpg" alt="" width="525" height="341" /></a></p>
<p>•           Windows Azure is an open and flexible cloud platform</p>
<p>•           Windows Azure delivers a 99.95% monthly SLA</p>
<p>•           Enables you to use any language, framework, or tool to build applications.</p>
<p>•           Unlimited servers. Unlimited storage.</p>
<p>•           Powerful Capabilities.</p>
<h2><span style="text-decoration: underline;"><strong>Windows Azure Platform</strong></span></h2>
<p style="text-align: justify;">&#8220;The Windows Azure platform is a flexible cloud–computing platform that lets you focus on solving business problems and addressing customer needs. Learn more about the Windows Azure Platform.&#8221;</p>
<p style="text-align: justify;">The windows Azure platform makes it easy for startups to get a production ready solution up and running quickly so you can pursue the things that matter. Windows Azure offers a simple, comprehensive, and powerful platform for the creation of web applications and services. Windows Azure enables Start-ups to focus on their business logic, as opposed to operational hurdles, in creating compelling products. Windows Azure platform frees up time required for deploying, configuring, maintaining, updating and fixing systems by automating a bulk of these asks and providing solution to historically painful issues like:</p>
<p>      Geo location of hosting servers</p>
<p>Real time backup and failover for databases</p>
<p>Deploying from staging to production environments</p>
<p>Shared memory caches</p>
<p align="center"><a href="http://blog.akratigupta.com/wp-content/uploads/2012/10/win_azure2.jpg"><img class="aligncenter size-full wp-image-116" title="win_azure" src="http://blog.akratigupta.com/wp-content/uploads/2012/10/win_azure2.jpg" alt="" width="500" height="497" /></a></p>
<p style="text-align: justify;">         Windows Azure improves productivity and lowers up-front capital costs while providing a scalable infrastructure to start up your business quickly and efficiently. Windows Azure based cloud services costs are driven by compute hours, data transfers, service bus connections, access control transactions and database storage.</p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.akratigupta.com/windows-azure.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Microsoft Silverlight &#8211; A next Gen RIA Technology</title>
		<link>http://blog.akratigupta.com/microsoft-silverlight.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=microsoft-silverlight</link>
		<comments>http://blog.akratigupta.com/microsoft-silverlight.html#comments</comments>
		<pubDate>Sat, 14 Apr 2012 03:39:39 +0000</pubDate>
		<dc:creator>Akrati</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[Microsoft Silverlight]]></category>

		<guid isPermaLink="false">http://blog.akratigupta.com/?p=85</guid>
		<description><![CDATA[Before we ahead with this topic. Let me tell you that this is with the reference to my earlier post. As i had mention Silverlight as a RIA technology to develop Applications. If you have not read that article do read What is RIA ? Microsoft Silverlight is a free web-browser plug-in that enables interactive media experiences, rich business applications and immerse mobile apps. Windows? Check. Mac? Check. Linux? Check. Silverlight works on all major OS&#8217;s plus all major browsers, including Firefox, Google Chrome, Safari, and yes, how can we forget the very own Microsoft browser Internet Explorer. &#160; What is Microsoft Silverlight? Microsoft Silverlight is a powerful tool for creating and delivering rich Internet applications and media experiences on the Web. Silverlight 5 builds on the foundation of Silverlight  4 for building business applications and premium media experiences. Silverlight 5 introduces more than 40 new features, including dramatic video quality and performance improvements as well as features that improve developer productivity. While early versions of Silverlight focused on streaming media, current versions support multimedia, graphics and animation, and give developers support for CLI languages and development tools. Silverlight is also one of the two application development platforms for Windows Phone. It is combination of different technologies into a single development platform that allows you to select tools and the programming language you want to use. Silverlight integrates seamlessly with your existing JavaScript and ASP.NET AJAX code to complement functionality which you have already created. Microsoft Silverlight aims to compete with Adobe Flash and the presentation components of Ajax. It also competes with Sun Microsystems&#8217; Java FX, which was launched a few days after Silverlight. Silverlight has upto now have had 5 versions. I am only mentioning the features of the current version Silverlight 5 (5.0.61118.0) &#160; Features of Silverlight 5 (5.0.61118.0) Improved media support. Improved Text support. Silverlight 5 performance improvements. Silverlight 5 performance improvements. Silverlight 5 extends features of the &#8220;Trusted Application&#8221; model. Tools improvements Building next-generation business applications. &#160; To get to know more in detail about these features you may visit the following link : http://go.microsoft.com/fwlink?linkid=229308 &#160; How Silverlight has change the Web? &#160;  Highest Quality Video Experience  Cross-Platform, Cross-Browser  Developers and Graphic Designers can play together!   Cheaper  Support for 3rd Party Languages Cross-Platform, Cross-Browser Remote Debugging  The best development environment on the planet  Silverlight offers copy protection Extreme Speed   Supported Platforms Desktop computers Silverlight requires a processor with Streaming SIMD Extensions (SSE) support. Supported processors include the Intel Pentium III and up, and the AMD Athlon XP and up. This image below will show you the wide support of Silverlight. Mobile devices Silverlight is the primary development environment for Windows Phone and is based on Silverlight 4. Now that you have read about Silverlight and its various other aspects. You must be tempted to start using and develop application using this Microsoft Technology. Here below is some prerequisite software and tools you need to begin with the application development. &#160; Getting Started With [...]]]></description>
				<content:encoded><![CDATA[<p>Before we ahead with this topic. Let me tell you that this is with the reference to my earlier post. As i had mention Silverlight as a RIA technology to develop Applications. If you have not read that article do read What is <a href="../../../../../introduction-to-next-generation-applications-ria.html">RIA</a> ?</p>
<p><a href="http://www.microsoft.com/silverlight/">Microsoft Silverlight</a> is a free web-browser plug-in that enables interactive media experiences, rich business applications and immerse mobile apps.</p>
<p>Windows? Check. Mac? Check. Linux? Check. Silverlight works on all major OS&#8217;s plus all major browsers, including Firefox, Google Chrome, Safari, and yes, how can we forget the very own Microsoft browser <a href="http://windows.microsoft.com/en-IN/internet-explorer/products/ie/home">Internet Explorer</a>.</p>
<p><img class="aligncenter size-medium wp-image-122" title="Microsoft_Silverlight_logo" src="http://blog.akratigupta.com/wp-content/uploads/2012/04/Microsoft_Silverlight_logo-271x300.png" alt="Microsoft_Silverlight_logo" width="271" height="300" /></p>
<p>&nbsp;</p>
<p><strong>What is Microsoft Silverlight?</strong></p>
<p><a title="Silverlight Support" href="http://www.silverlight.net/">Microsoft Silverlight</a> is a powerful tool for creating and delivering rich Internet applications and media experiences on the Web. Silverlight 5 builds on the foundation of Silverlight  4 for building business applications and premium media experiences. Silverlight 5 introduces more than 40 new features, including dramatic video quality and performance improvements as well as features that improve developer productivity.</p>
<p>While early versions of Silverlight focused on streaming media, current versions support multimedia, graphics and animation, and give developers support for CLI languages and development tools. Silverlight is also one of the two application development platforms for Windows Phone.</p>
<p>It is combination of different technologies into a single development platform that allows you to select tools and the programming language you want to use. Silverlight integrates seamlessly with your existing JavaScript and ASP.NET AJAX code to complement functionality which you have already created.</p>
<p>Microsoft Silverlight aims to compete with Adobe Flash and the presentation components of Ajax. It also competes with Sun Microsystems&#8217; Java FX, which was launched a few days after Silverlight.</p>
<p>Silverlight has upto now have had 5 versions. I am only mentioning the features of the current version Silverlight 5 (5.0.61118.0)</p>
<p>&nbsp;</p>
<p><strong>Features of Silverlight 5 (5.0.61118.0)</strong></p>
<ul>
<li>Improved media support.</li>
<li>Improved Text support.</li>
<li>Silverlight 5 performance improvements.</li>
<li>Silverlight 5 performance improvements.</li>
<li>Silverlight 5 extends features of the &#8220;Trusted Application&#8221; model.</li>
<li>Tools improvements</li>
<li>Building next-generation business applications.</li>
</ul>
<p>&nbsp;</p>
<p>To get to know more in detail about these features you may visit the following link :</p>
<p>http://go.microsoft.com/fwlink?linkid=229308</p>
<p>&nbsp;</p>
<h3>How Silverlight has change the Web?</h3>
<p>&nbsp;</p>
<ul>
<li><strong> </strong><strong>Highest Quality Video Experience</strong></li>
<li><strong> </strong><strong>Cross-Platform, Cross-Browser</strong></li>
<li><strong> </strong><strong>Developers and Graphic Designers can play together!</strong></li>
<li><strong>  Cheaper</strong></li>
<li><strong> </strong><strong>Support for 3rd Party Languages Cross-Platform, Cross-Browser Remote Debugging </strong></li>
<li><strong> </strong><strong>The best development environment on the planet</strong></li>
<li><strong> </strong><strong>Silverlight offers copy protection </strong></li>
<li><strong>Extreme Speed</strong></li>
</ul>
<p><strong> </strong></p>
<p><strong>Supported Platforms</strong></p>
<h3>Desktop computers</h3>
<p>Silverlight requires a processor with Streaming SIMD Extensions (SSE) support. Supported processors include the <strong>Intel</strong> Pentium III and up, and the <strong>AMD</strong> Athlon XP and up.</p>
<p>This image below will show you the wide support of Silverlight.</p>
<p style="text-align: center;"><a href="http://blog.akratigupta.com/wp-content/uploads/2012/04/Silverlighht-support1.png"><img class="aligncenter  wp-image-124" title="Silverlighht support" src="http://blog.akratigupta.com/wp-content/uploads/2012/04/Silverlighht-support1.png" alt="Silverlighht support" width="813" height="291" /></a></p>
<h3>Mobile devices</h3>
<p>Silverlight is the primary development environment for Windows Phone and is based on Silverlight 4.</p>
<p>Now that you have read about Silverlight and its various other aspects. You must be tempted to start using and develop application using this Microsoft Technology.</p>
<p>Here below is some prerequisite software and tools you need to begin with the application development.</p>
<p>&nbsp;</p>
<p><strong>Getting Started With Silverlight</strong></p>
<p>In order to start with following tools required.</p>
<p><strong>Microsoft Silverlight Runtime:</strong><strong> </strong></p>
<p>The runtime required to view Silverlight applications created with .NET Microsoft. The current version on is <strong>Silverlight 5 (5.0.61118.0). </strong>To download it click <a href="http://go.microsoft.com/fwlink/?linkid=149156">Here</a></p>
<h3></h3>
<h3>Developer Tools:</h3>
<p>If you don&#8217;t have a preferred development tool installed already, install<strong></strong></p>
<p><a href="http://www.microsoft.com/visualstudio/en-us/products/2010-editions/visual-web-developer-express">Microsoft Visual Studio 2010 Web Express</a><strong></strong></p>
<p><strong> </strong></p>
<p><strong>The next thing you require is Add on for Visual Studio and i.e.  </strong><a href="htp://go.microsoft.com/fwlink/?LinkId=229318">Silverlight 5 Tools for Visual Studio</a> . This is required to create Silverlight application with Visual Studio 2010.</p>
<p><strong>Designer Tools</strong><strong></strong></p>
<p><strong>Expression Studio 4.0</strong></p>
<p>The latest offering from Microsoft to create Silverlight content</p>
<p>&nbsp;</p>
<p><strong>Software Development Kits (SDK’s)</strong></p>
<p><a href="htp://go.microsoft.com/fwlink/?LinkId=229326">Microsoft Silverlight Software Development Kit</a>: Download this SDK to create Silverlight Web experiences that target Silverlight 5.0. The SDK contains documentation, tools, Silverlight ASP.NET controls and the libraries needed to build Silverlight applications.</p>
<p>&nbsp;</p>
<p>For those who need to verify the version of Silverlight plug-in installed on their browser click here <a href="http://www.microsoft.com/getsilverlight/default.aspx">Verify Install</a>.</p>
<p>For other download related to Silverlight Visit the <a title="Downlaod Centre" href="http://www.silverlight.net/downloads">Download Centre</a> of Silverlight Website for other useful tools, toolkits, and SDKs related to Silverlight 5.</p>
<p>So what are you waiting for …?</p>
<h3>Get Silverlight 5</h3>
<p>&nbsp;</p>
<p><strong>LINKS</strong><strong>:</strong></p>
<p>You must be thinking any further reference links.</p>
<p>As you review Microsoft Silverlight, please feel free to consult any of the many additional resources provided. More information can be found at the following locations:</p>
<ul>
<li><a title="Microsoft Expression Home Page" href="http://go.microsoft.com/?linkid=9206629" target="_blank">Microsoft Expression Home Page</a></li>
<li><a title="Microsoft Silverlight Community" href="http://www.silverlight.net/" target="_blank">Microsoft Silverlight Community</a></li>
<li><a href="http://blogs.msdn.com/b/silverlight">Silverlight Blog</a></li>
<li><a href="http://www.microsoft.com/silverlight/resources/">Silverlight Resources</a></li>
</ul>
<p>&nbsp;</p>
<p>Courtesy:</p>
<p>Image: &#8211; Wikipedia, <a href="http://www.microsoft.com" target="_blank">Microsoft</a></p>
<p style="text-align: left;">Content: &#8211; Wikipedia, Microsoft</p>
<p style="text-align: left;">
<p style="text-align: left;">Happy Silverlight Development.</p>
<p style="text-align: left;">Regards</p>
<p style="text-align: left;"><a href="http://www.akratigupta.com/" target="_blank">Akrati Gupta</a></p>
<p style="text-align: left;">
]]></content:encoded>
			<wfw:commentRss>http://blog.akratigupta.com/microsoft-silverlight.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Win Free .Com Domains &amp; Hosting For One Year [Giveaway]</title>
		<link>http://blog.akratigupta.com/win-free-com-domains-hosting-for-one-year-giveaway.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=win-free-com-domains-hosting-for-one-year-giveaway</link>
		<comments>http://blog.akratigupta.com/win-free-com-domains-hosting-for-one-year-giveaway.html#comments</comments>
		<pubDate>Sat, 14 Jan 2012 03:35:16 +0000</pubDate>
		<dc:creator>Akrati</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.akratigupta.com/?p=81</guid>
		<description><![CDATA[Seobloggingtips.com organized one cool giveaway few days ago and gave away domain name to winners, well guess what, its even bigger now. This year end they are giving away 2 domain names (.com) for free and a Free Hosting Account from them for one full year. How To Win .Com Domains &#38; Free Hosting Well, This post is really meant for bloggers without commercial domain name or any other blogger who wants an extra domain name for free. So conditions are simply put together in a really cool contest box below &#160; For the other details please visit seobloggingtips.com Hope you win the contest and get the prize !! &#160; Happy Blogging, Regards Akrati Gupta]]></description>
				<content:encoded><![CDATA[<p><a href="http://www.seobloggingtips.com/" target="_blank">Seobloggingtips.com</a> organized one cool <a href="http://www.seobloggingtips.com/general/win-domain-names-contest-bloggers/">giveaway few days ago and gave away domain name to winners</a>, well guess what, its even bigger now. This year end they are giving away 2 domain names (.com) for free and a Free Hosting Account from them for one full year.</p>
<p><img class="aligncenter size-full wp-image-105" title="domain-banner" src="http://blog.akratigupta.com/wp-content/uploads/2012/01/domain-banner.png" alt="" width="372" height="297" /></p>
<h4>How To Win .Com Domains &amp; Free Hosting</h4>
<p>Well, This post is really meant for bloggers without commercial domain name or any other blogger who wants an extra domain name for free. So conditions are simply put together in a really cool contest box below</p>
<p>&nbsp;</p>
<p>For the other details please visit seobloggingtips.com</p>
<p>Hope you win the contest and get the prize !!</p>
<p>&nbsp;</p>
<p>Happy Blogging,</p>
<p>Regards</p>
<p><a href="http://blog.akratigupta.com/" target="_blank">Akrati Gupta</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.akratigupta.com/win-free-com-domains-hosting-for-one-year-giveaway.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Introduction to Next Generation Applications &#8211; RIA</title>
		<link>http://blog.akratigupta.com/introduction-to-next-generation-applications-ria.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=introduction-to-next-generation-applications-ria</link>
		<comments>http://blog.akratigupta.com/introduction-to-next-generation-applications-ria.html#comments</comments>
		<pubDate>Tue, 27 Dec 2011 03:26:51 +0000</pubDate>
		<dc:creator>Akrati</dc:creator>
				<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://blog.akratigupta.com/?p=79</guid>
		<description><![CDATA[The web application development is more than just reaching or providing users with the desired information. Present day customers are more demanding and they have high expectations from applications they access on the web. The customers want to move from just reading the text from the web to writing and contributing information on it. They want the web applications to be more intutive, fast and to have all the features possible in the desktop application. They also want these applictions to be highly interactive with respect to User Interface (UI). All these requirements are fullfilled by the next genereation applications, named Rich Internet Applications (RIAs). RIAs can be developed using Microsoft WPF and Silverlight Technologies. Introduction to RIAs RIAs provide the look and feel of a desktop application. Unlike traditional Web applications that allow users to only read information, RIAs allow users to contribute information, such as knowledge articles, pictures, music, videos, and much more. In addition, the web has become an integral part of business organizations to interact with customers, peers, and suppliers and manage their business more effectively and efficiently. Features of RIA A Rich UX (Rich User eXperience) is achieved through: Rich user interface: Information on the Web pages is presented with a rich, attractive, and intuitive look and feel. Highly interactive websites: Websites contain sliders to change data, calendar gadgets to schedule tasks, and media players to watch videos and slide shows. Dynamically responsive Web applications: Websites provide quick response to users actions. Wide reach: Web applications can be accessed by desktops, Web browsers, and mobile devices. Benefits of RIAs RIA-based applications provide the following benefits to the users: RIA is rich: It contains interactive components. RIA is quick: It is more responsive than a traditional Web application. RIA reduces network traffic: It provides reduced network traffic because the data is processed at the client-end. RIA is asynchronous: It provides asynchronous communication with server that enables the continuous interaction of user with the Web application. RIA is cross-browser and cross-platform: It can run on multiple Web browsers and on different operating system platforms. The following table explains the differences between a traditional Web application and RIA. Comparison Criteria Traditional Web Application RIA Request It makes a single HTTP request to the server at one time. The request may contain the information about the user, such as login details and user’s contact details. RIA has multiple components that independently communicate with the server and make asynchronous requests to the server at different times. Response The response from the server contains the HTML code necessary to refresh the entire page. The formatting of the page is performed at the server. Each response to the request made by different components of RIA contains the data obtained from the server. The client engine performs most of the data processing and renders the processed data as a response. These components are refreshed independently and at different times. Comparison Criteria Traditional Web Application RIA Reach This application can run only in the [...]]]></description>
				<content:encoded><![CDATA[<p><a href="http://blog.akratigupta.com/wp-content/uploads/2011/12/rich-internet-application1.jpg"><img class="size-medium wp-image-95 aligncenter" title="rich-internet-application" src="http://blog.akratigupta.com/wp-content/uploads/2011/12/rich-internet-application1-300x68.jpg" alt="" width="300" height="68" /></a></p>
<p>The web application development is more than just reaching or providing users with the desired information. Present day customers are more demanding and they have high expectations from applications they access on the web.<br />
The customers want to move from just reading the text from the web to writing and contributing information on it. They want the web applications to be more intutive, fast and to have all the features possible in the desktop application. They also want these applictions to be highly interactive with respect to User Interface (UI). All these requirements are fullfilled by the next genereation applications, named Rich Internet Applications (RIAs). RIAs can be developed using Microsoft WPF and Silverlight Technologies.<br />
<strong></strong></p>
<p><strong>Introduction to RIAs</strong><br />
RIAs provide the look and feel of a desktop application. Unlike traditional Web applications that allow users to only read information, RIAs allow users to contribute information, such as knowledge articles, pictures, music, videos, and much more. In addition, the web has become an integral part of business organizations to interact with customers, peers, and suppliers and manage their business more effectively and efficiently.</p>
<p><a href="http://blog.akratigupta.com/wp-content/uploads/2011/12/ria-venn-diagram_small.jpg"><img class="wp-image-96 aligncenter" title="ria-venn-diagram_small" src="http://blog.akratigupta.com/wp-content/uploads/2011/12/ria-venn-diagram_small-300x296.jpg" alt="" width="209" height="207" /></a></p>
<p style="text-align: justify;"><strong>Features of RIA</strong><br />
A Rich UX (Rich <strong>U</strong>ser e<strong>X</strong>perience) is achieved through:</p>
<ul>
<li><strong>Rich user interface:</strong> Information on the Web pages is presented with a rich, attractive, and intuitive look and feel.</li>
<li><strong>Highly interactive websites</strong>: Websites contain sliders to change data, calendar gadgets to schedule tasks, and media players to watch videos and slide shows.</li>
<li><strong>Dynamically responsive Web applications:</strong> Websites provide quick response to users actions.</li>
<li><strong>Wide reach:</strong> Web applications can be accessed by desktops, Web browsers, and mobile devices.</li>
</ul>
<p style="text-align: justify;"><strong>Benefits of RIAs</strong><br />
RIA-based applications provide the following benefits to the users:</p>
<ul>
<li><strong>RIA is rich</strong>: It contains interactive components.</li>
<li><strong>RIA is quick</strong>: It is more responsive than a traditional Web application.</li>
<li><strong>RIA reduces network traffic:</strong> It provides reduced network traffic because the data is processed at the client-end.</li>
<li><strong>RIA is asynchronous:</strong> It provides asynchronous communication with server that enables the continuous interaction of user with the Web application.</li>
<li><strong>RIA is cross-browser and cross-platform:</strong> It can run on multiple Web browsers and on different operating system platforms.</li>
</ul>
<p style="text-align: justify;">The following table explains the differences between a traditional Web application and RIA.</p>
<table width="730" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td valign="top" width="125">
<p align="center"><strong><em>Comparison Criteria</em></strong><strong></strong></p>
</td>
<td valign="top" width="299">
<p align="center"><strong><em>Traditional Web Application</em></strong></p>
</td>
<td valign="top" width="264">
<p align="center"><strong><em>RIA</em></strong></p>
</td>
</tr>
<tr>
<td valign="top" width="125"><strong><em>Request</em></strong><strong></strong></td>
<td valign="top" width="299"><em>It makes a single HTTP request to the server at one time. The request may contain the information about the user, such as login details and user’s contact details.</em></td>
<td valign="top" width="264"><em>RIA has multiple components that independently communicate with the server and make asynchronous requests to the server at different times.</em></td>
</tr>
<tr>
<td valign="top" width="125"><strong><em>Response</em></strong><strong></strong></td>
<td valign="top" width="299"><em>The response from the server contains the HTML code necessary to refresh the entire page. The formatting of the page is performed at the server.</em></td>
<td valign="top" width="264"><em>Each response to the request made by different components of RIA contains the data obtained from the server. The client engine performs most of the data processing and renders the processed data as a response. These components are refreshed independently and at different times.</em></td>
</tr>
<tr>
<td valign="top" width="125"><strong><em>Comparison Criteria</em></strong></td>
<td valign="top" width="299"><em>Traditional Web Application</em></td>
<td valign="top" width="264"><em>RIA</em></td>
</tr>
<tr>
<td valign="top" width="125"><strong><em>Reach</em></strong></td>
<td valign="top" width="299"><em>This application can run only in the Web browsers.</em></td>
<td valign="top" width="264"><em>RIAs can run on desktops, Web browser, and mobile devices.</em></td>
</tr>
<tr>
<td valign="top" width="125"><strong><em>Push/Pull technique</em></strong></td>
<td valign="top" width="299"><em>The information is pulled by the users from these applications. </em></td>
<td valign="top" width="264"><em>The information is pulled by the users as well as pushed to the users by RIA through RSS feeds.</em></td>
</tr>
</tbody>
</table>
<p style="text-align: justify;"><strong>Developing RIA</strong><br />
Rich Internet Applications are getting more popularity compare to traditional HTML based internet applications due to enhanced user experience. Although they run in any browser, on any platform and they have features and functionalities of a desktop application.</p>
<p style="text-align: justify;">Technologies used to develop RIAs are:</p>
<ul>
<li>Microsoft WPF</li>
<li>Silverlight</li>
</ul>
<p style="text-align: justify;">Tools available to develop the WPF and Silverlight applications are:</p>
<ul>
<li><strong>Microsoft Visual Studio 2008</strong> : It allows you to write the functional (programming) part for the WPF and the Silverlight applications.</li>
<li><strong>Expression Blend</strong>: It is an interactive What You See Is What You Get (WYSIWYG) front-end tool for designing eXtended Application Markup Language (XAML) based interfaces for the WPF and the Silverlight applications.</li>
</ul>
<p style="text-align: justify;">In My next post I will be coming up with <strong>&#8220;Building a Simple RIA Application…..</strong>&#8220;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.akratigupta.com/introduction-to-next-generation-applications-ria.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Windows Phone 7 Development</title>
		<link>http://blog.akratigupta.com/windows-phone-7-development.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=windows-phone-7-development</link>
		<comments>http://blog.akratigupta.com/windows-phone-7-development.html#comments</comments>
		<pubDate>Thu, 10 Nov 2011 13:33:30 +0000</pubDate>
		<dc:creator>Akrati</dc:creator>
				<category><![CDATA[IT]]></category>

		<guid isPermaLink="false">http://blog.akratigupta.com/?p=77</guid>
		<description><![CDATA[Before heading for the title i suppose you are aware about the topic and WP7. If no then you first read the post Windows Phone 7 and then turn back here to read this. Windows Mobile 7 development is done using the .NET framework. The .NET framework is a software framework created by Microsoft for use in creating Windows applications. Programmers write applications using one of the several languages supported by the .NET framework, like C#, and the applications then execute inside of a runtime environment called the Common Language Runtime. For Windows Phone 7, there are two distinct development approaches you can take when creating your application. The first approach is to use Silverlight for Windows Phone. Silverlight was originally envisioned as a way for developers to create rich internet applications. It has seen a sharp increase in market adoption in recent years, driven mostly by the fact that Netflix uses Silverlight to stream videos and NBC used Silverlight for its online broadcast of the Olympic games. A Silverlight application combines declarative markup (called XAML) to construct the user interface and code written in a .NET framework language to control an application’s behavior. If you’re developing a data driven application for Windows Phone 7, you should probably use Silverlight. Alternatively, you can use the XNA framework to develop your Windows Phone 7 app. XNA is Microsoft’s game development framework and has been used in recent years to create both Windows and Xbox 360 applications. If you’re creating a game for Windows Phone 7, you’ll likely use the XNA framework. The XNA framework is quite powerful, but that power comes with a considerable learning curve and longer development cycles. Scroll to the bottom of the page and download the file named VM_BOOT\vm_web.exe. Once the file has downloaded, double click on it to install the complete Windows Phone Developer Tools package. The package includes: Visual Studio 2010 Express for Windows Phone Windows Phone Emulator Silverlight for Windows Phone XNA 4.0 Game Studio Your computer will likely restart at least once while the tools are being installed. After you’ve installed the developer tools on your system, you are ready to get started. Opening Visual Studio The application you’ll create in this tutorial is a simple one. It displays a simple button that you can tap. When you tap it, the button rotates around the phone’s interface. We’ll develop this application using Silverlight for Windows Phone. It should take less than 10 minutes to create. To begin, open Microsoft Visual Studio 2010 Express for Windows Phone. The easiest way to find it is to open the Start menu and begin typing “Visual Studio.” The application should show up in your search result list, similar to the following: Click on the Visual Studio 2010 item to open up the development environment. If this is your first time opening the application, it may take a few minutes to start as Visual Studio will initialize some settings for you.   Creating Your Project When you open [...]]]></description>
				<content:encoded><![CDATA[<p style="text-align: justify;">Before heading for the title i suppose you are aware about the topic and WP7. If no then you first read the post<a title="Windows Phone 7" href="http://blog.akratigupta.com/windows-phone-7.html" target="_blank"> Windows Phone 7</a> and then turn back here to read this.</p>
<p style="text-align: justify;">Windows Mobile 7 development is done using the .NET framework. The .NET framework is a software framework created by Microsoft for use in creating Windows applications. Programmers write applications using one of the several languages supported by the .NET framework, like C#, and the applications then execute inside of a runtime environment called the Common Language Runtime. For Windows Phone 7, there are two distinct development approaches you can take when creating your application.</p>
<p style="text-align: justify;">The first approach is to use Silverlight for Windows Phone. Silverlight was originally envisioned as a way for developers to create rich internet applications. It has seen a sharp increase in market adoption in recent years, driven mostly by the fact that Netflix uses Silverlight to stream videos and NBC used Silverlight for its online broadcast of the Olympic games. A Silverlight application combines declarative markup (called XAML) to construct the user interface and code written in a .NET framework language to control an application’s behavior. If you’re developing a data driven application for Windows Phone 7, you should probably use Silverlight.</p>
<p style="text-align: justify;">Alternatively, you can use the XNA framework to develop your Windows Phone 7 app. XNA is Microsoft’s game development framework and has been used in recent years to create both Windows and Xbox 360 applications. If you’re creating a game for Windows Phone 7, you’ll likely use the XNA framework. The XNA framework is quite powerful, but that power comes with a considerable learning curve and longer development cycles.</p>
<p style="text-align: justify;">Scroll to the bottom of the page and download the file named VM_BOOT\vm_web.exe. Once the file has downloaded, double click on it to install the complete Windows Phone Developer Tools package. The package includes:</p>
<ul style="text-align: justify;">
<li>Visual Studio 2010 Express for Windows Phone</li>
<li>Windows Phone Emulator</li>
<li>Silverlight for Windows Phone</li>
<li>XNA 4.0 Game Studio</li>
</ul>
<p style="text-align: justify;">Your computer will likely restart at least once while the tools are being installed. After you’ve installed the developer tools on your system, you are ready to get started.</p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">Opening Visual Studio</span></strong></p>
<p style="text-align: justify;">The application you’ll create in this tutorial is a simple one. It displays a simple button that you can tap. When you tap it, the button rotates around the phone’s interface. We’ll develop this application using Silverlight for Windows Phone. It should take less than 10 minutes to create.</p>
<p style="text-align: justify;">To begin, open Microsoft Visual Studio 2010 Express for Windows Phone. The easiest way to find it is to open the Start menu and begin typing “<strong>Visual Studio</strong>.” The application should show up in your search result list, similar to the following:</p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-82" title="Visual Studio in start menu" src="http://blog.akratigupta.com/wp-content/uploads/2011/11/1A-300x278.jpg" alt="" width="300" height="278" /></p>
<p style="text-align: justify;">Click on the Visual Studio 2010 item to open up the development environment. If this is your first time opening the application, it may take a few minutes to start as Visual Studio will initialize some settings for you.</p>
<p style="text-align: justify;"> <strong></strong></p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">Creating Your Project</span></strong></p>
<p style="text-align: justify;">When you open Visual Studio, you’ll be greeted with the application’s start page. There is a lot of content on this page, including development tips, recent news, and project related actions. It is sometimes helpful to browse the content here to learn more about the platform, but for now just click on the “New Project…” link in the left sidebar.</p>
<p style="text-align: justify;">A dialog box will pop up that guides you through creating your new project. Make sure the “Windows Phone Application” item is selected as your project template. Then, give your project a name. For this tutorial, I recommend calling your project “Rotating_Button.” Finally, confirm that the “Create directory for solution” checkbox is selected. This helps to organize your development efforts. Your settings should match mine:</p>
<p style="text-align: justify;"><img class="aligncenter size-medium wp-image-83" title="Visual Studio 2010" src="http://blog.akratigupta.com/wp-content/uploads/2011/11/2A-300x208.jpg" alt="" width="300" height="208" /></p>
<p style="text-align: justify;">Click “OK” to create your new project.</p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">Navigating the UI Editor</span></strong></p>
<p style="text-align: justify;">The template that you’ve selected provides you with a completely working application. To see it in action, simply press CTRL+F5 to compile the application and launch it in the Windows Phone Emulator. The emulator launches with a single page containing an application title and a page title.</p>
<p style="text-align: justify;">That default UI just won’t do for our application, so let’s make some modifications. Visual Studio should have opened the file MainPage.xaml for editing when you created the project. If not, double click the file’s name in the Solution Explorer to open it.</p>
<p style="text-align: justify;">You should see a split screen view. On one side of the development environment you can see how the current file will look when your application is run. This is design mode. On the other side you have the XAML markup that declares how your interface should look. Any changes you make on one side will be represented on the other. This is similar to a WYSIWYG HTML editor like Dreamweaver.</p>
<p style="text-align: justify;"><img class="aligncenter size-medium wp-image-84" title="WP7 Screen" src="http://blog.akratigupta.com/wp-content/uploads/2011/11/3A-300x225.jpg" alt="" width="300" height="225" /></p>
<p style="text-align: justify;">The first thing we want to do is delete everything inside of the layout grid so we can provide our own markup. You should see a Grid tag named LayoutRoot. Delete everything inside this tag. You’ll end up with the following code:</p>
<ol style="text-align: justify;" start="1">
<li>&lt;Grid x:Name=&#8221;LayoutRoot&#8221; Background=&#8221;{StaticResource PhoneBackgroundBrush}&#8221;&gt;</li>
<li>  &lt;/Grid&gt;</li>
</ol>
<p style="text-align: justify;">The design mode view should show a blank screen at this point.</p>
<p style="text-align: justify;"><strong> </strong></p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">Creating Your Application’s Layout</span></strong></p>
<p style="text-align: justify;">You now need to add the UI for your application. Our application consists of a single button that will rotate around a grid. The grid is 2×2, so let’s go ahead and declare that the layout grid should have two rows and two columns. Change your layout grid markup to the following:</p>
<p style="text-align: justify;">                &lt;Grid x:Name=&#8221;LayoutRoot&#8221; Background=&#8221;{StaticResource PhoneBackgroundBrush}&#8221;&gt;</p>
<p style="text-align: justify;">                    &lt;Grid.ColumnDefinitions&gt;</p>
<p style="text-align: justify;">                        &lt;ColumnDefinition Width=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                        &lt;ColumnDefinition Width=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                    &lt;/Grid.ColumnDefinitions&gt;</p>
<p style="text-align: justify;">                    &lt;Grid.RowDefinitions&gt;</p>
<p style="text-align: justify;">                        &lt;RowDefinition Height=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                        &lt;RowDefinition Height=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                    &lt;/Grid.RowDefinitions&gt;</p>
<p style="text-align: justify;">                &lt;/Grid&gt;</p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">Adding the Button</span></strong></p>
<p style="text-align: justify;">After you’ve defined your layout grid, it is time to create the button that will be tapped by your users. You want the button to start in the upper left box of the grid, so you’ll declare that it goes in Row 0 and Column 0.</p>
<p style="text-align: justify;">In XAML, you tell an element to place itself within a grid by declaring the element and then assigning it the appropriate row and column indices. Inside of your layout grid, add a button using the following markup:</p>
<p style="text-align: justify;">                &lt;Button</p>
<p style="text-align: justify;">                    Grid.Column=&#8221;0&#8243;</p>
<p style="text-align: justify;">                    Grid.Row=&#8221;0&#8243;</p>
<p style="text-align: justify;">                    Content=&#8221;Tap Me!&#8221;</p>
<p style="text-align: justify;">                    HorizontalAlignment=&#8221;Stretch&#8221;</p>
<p style="text-align: justify;">                    VerticalAlignment=&#8221;Stretch&#8221; /&gt;</p>
<p style="text-align: justify;">This markup says the button should position itself in column and row 0, should stretch both horizontally and vertically within the grid cell it occupies, and that it should have the text “Tap Me!”</p>
<p style="text-align: justify;">Your application’s UI code should now resemble the following:</p>
<p style="text-align: justify;">                &lt;Grid x:Name=&#8221;LayoutRoot&#8221; Background=&#8221;{StaticResource PhoneBackgroundBrush}&#8221;&gt;</p>
<p style="text-align: justify;">                    &lt;Grid.ColumnDefinitions&gt;</p>
<p style="text-align: justify;">                        &lt;ColumnDefinition Width=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                        &lt;ColumnDefinition Width=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                    &lt;/Grid.ColumnDefinitions&gt;</p>
<p style="text-align: justify;">                    &lt;Grid.RowDefinitions&gt;</p>
<p style="text-align: justify;">                        &lt;RowDefinition Height=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                        &lt;RowDefinition Height=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                    &lt;/Grid.RowDefinitions&gt;</p>
<p style="text-align: justify;">                    &lt;Button</p>
<p style="text-align: justify;">                        Grid.Column=&#8221;0&#8243;</p>
<p style="text-align: justify;">                        Grid.Row=&#8221;0&#8243;</p>
<p style="text-align: justify;">                        Content=&#8221;Tap Me!&#8221;</p>
<p style="text-align: justify;">                        HorizontalAlignment=&#8221;Stretch&#8221;</p>
<p style="text-align: justify;">                        VerticalAlignment=&#8221;Stretch&#8221;  /&gt;</p>
<p style="text-align: justify;">                &lt;/Grid&gt;</p>
<p style="text-align: justify;">At this point, you can fire up your application and see that your UI is in place. Just like earlier, press CTRL+F5 to compile and launch your application in the Win</p>
<p style="text-align: justify;">The first thing we want to do is delete everything inside of the layout grid so we can provide our own markup. You should see a Grid tag named LayoutRoot. Delete everything inside this tag. You’ll end up with the following code:</p>
<ol style="text-align: justify;" start="1">
<li>&lt;Grid x:Name=&#8221;LayoutRoot&#8221; Background=&#8221;{StaticResource PhoneBackgroundBrush}&#8221;&gt;</li>
<li>  &lt;/Grid&gt;</li>
</ol>
<p style="text-align: justify;">The design mode view should show a blank screen at this point.</p>
<p style="text-align: justify;"><strong> </strong></p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">Creating Your Application’s Layout</span></strong></p>
<p style="text-align: justify;">You now need to add the UI for your application. Our application consists of a single button that will rotate around a grid. The grid is 2×2, so let’s go ahead and declare that the layout grid should have two rows and two columns. Change your layout grid markup to the following:</p>
<p style="text-align: justify;">                &lt;Grid x:Name=&#8221;LayoutRoot&#8221; Background=&#8221;{StaticResource PhoneBackgroundBrush}&#8221;&gt;</p>
<p style="text-align: justify;">                    &lt;Grid.ColumnDefinitions&gt;</p>
<p style="text-align: justify;">                        &lt;ColumnDefinition Width=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                        &lt;ColumnDefinition Width=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                    &lt;/Grid.ColumnDefinitions&gt;</p>
<p style="text-align: justify;">                    &lt;Grid.RowDefinitions&gt;</p>
<p style="text-align: justify;">                        &lt;RowDefinition Height=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                        &lt;RowDefinition Height=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                    &lt;/Grid.RowDefinitions&gt;</p>
<p style="text-align: justify;">                &lt;/Grid&gt;</p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">Adding the Button</span></strong></p>
<p style="text-align: justify;">After you’ve defined your layout grid, it is time to create the button that will be tapped by your users. You want the button to start in the upper left box of the grid, so you’ll declare that it goes in Row 0 and Column 0.</p>
<p style="text-align: justify;">In XAML, you tell an element to place itself within a grid by declaring the element and then assigning it the appropriate row and column indices. Inside of your layout grid, add a button using the following markup:</p>
<p style="text-align: justify;">                &lt;Button</p>
<p style="text-align: justify;">                    Grid.Column=&#8221;0&#8243;</p>
<p style="text-align: justify;">                    Grid.Row=&#8221;0&#8243;</p>
<p style="text-align: justify;">                    Content=&#8221;Tap Me!&#8221;</p>
<p style="text-align: justify;">                    HorizontalAlignment=&#8221;Stretch&#8221;</p>
<p style="text-align: justify;">                    VerticalAlignment=&#8221;Stretch&#8221;</p>
<p style="text-align: justify;">                    /&gt;</p>
<p style="text-align: justify;">This markup says the button should position itself in column and row 0, should stretch both horizontally and vertically within the grid cell it occupies, and that it should have the text “Tap Me!”</p>
<p style="text-align: justify;">Your application’s UI code should now resemble the following:</p>
<p style="text-align: justify;">                &lt;Grid x:Name=&#8221;LayoutRoot&#8221; Background=&#8221;{StaticResource PhoneBackgroundBrush}&#8221;&gt;</p>
<p style="text-align: justify;">                    &lt;Grid.ColumnDefinitions&gt;</p>
<p style="text-align: justify;">                        &lt;ColumnDefinition Width=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                        &lt;ColumnDefinition Width=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                    &lt;/Grid.ColumnDefinitions&gt;</p>
<p style="text-align: justify;">                    &lt;Grid.RowDefinitions&gt;</p>
<p style="text-align: justify;">                        &lt;RowDefinition Height=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                        &lt;RowDefinition Height=&#8221;*&#8221; /&gt;</p>
<p style="text-align: justify;">                    &lt;/Grid.RowDefinitions&gt;</p>
<p style="text-align: justify;">                    &lt;Button</p>
<p style="text-align: justify;">                        Grid.Column=&#8221;0&#8243;</p>
<p style="text-align: justify;">                        Grid.Row=&#8221;0&#8243;</p>
<p style="text-align: justify;">                        Content=&#8221;Tap Me!&#8221;</p>
<p style="text-align: justify;">                        HorizontalAlignment=&#8221;Stretch&#8221;</p>
<p style="text-align: justify;">                        VerticalAlignment=&#8221;Stretch&#8221;</p>
<p style="text-align: justify;">                        /&gt;</p>
<p style="text-align: justify;">                &lt;/Grid&gt;</p>
<p style="text-align: justify;">At this point, you can fire up your application and see that your UI is in place. Just like earlier, press CTRL+F5 to compile and launch your application in the Windows Phone emulator. If you’ve done everything correctly, you’ll see a button in your emulator nested firmly in the top left corner.</p>
<p style="text-align: justify;"><img class="aligncenter size-medium wp-image-85" title="WP 7 Sample Application Screen" src="http://blog.akratigupta.com/wp-content/uploads/2011/11/4A-154x300.jpg" alt="" width="154" height="300" /></p>
<p style="text-align: justify;">You can tap the button by clicking it with your mouse, but nothing will happen. We’ll remedy that next by adding some event handling code.</p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;"><br />
</span></strong></p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">Adding Event Handling</span></strong></p>
<p style="text-align: justify;">Go back to Visual Studio and make sure that you’ve got MainPage.xaml open in design/code mode. You need to add an event handling attribute to the button that you’ve created. Modify the button declaration, adding a ManipulationStarted attribute. Make sure you allow Visual Studio to create an event handling function for you. Your button markup should now look like this:</p>
<p style="text-align: justify;">                &lt;Button</p>
<p style="text-align: justify;">                    Grid.Column=&#8221;0&#8243;</p>
<p style="text-align: justify;">                    Grid.Row=&#8221;0&#8243;</p>
<p style="text-align: justify;">                    Content=&#8221;Click Me!&#8221;</p>
<p style="text-align: justify;">                    HorizontalAlignment=&#8221;Stretch&#8221;</p>
<p style="text-align: justify;">                    VerticalAlignment=&#8221;Stretch&#8221;</p>
<p style="text-align: justify;">                    ManipulationStarted=&#8221;Button_ManipulationStarted&#8221; /&gt;</p>
<p style="text-align: justify;">Now, open the code behind file for MainPage.xaml. It is named MainPage.xaml.cs and you can find it in the Solution Explorer by clicking the arrow next to MainPage.xaml.</p>
<p style="text-align: justify;"><img class="aligncenter size-medium wp-image-86" title="Solution Explorer" src="http://blog.akratigupta.com/wp-content/uploads/2011/11/5A-300x248.jpg" alt="" width="300" height="248" /></p>
<p style="text-align: justify;">Inside of MainPage.xaml.cs you’ll see the event handler that Visual Studio created. Visual Studio has most likely named it Button_ManipulationStarted and, for the purposes of this application, that should be just fine. Change your function declaration to the following:</p>
<p style="text-align: justify;">                private void Button_ManipulationStarted(object sender, ManipulationStartedEventArgs e)</p>
<p style="text-align: justify;">                {</p>
<p style="text-align: justify;">                    Button b = sender as Button;</p>
<p style="text-align: justify;">                    int col = Grid.GetColumn(b);</p>
<p style="text-align: justify;">                    int row = Grid.GetRow(b);</p>
<p style="text-align: justify;">                    if (col == row)</p>
<p style="text-align: justify;">                    {</p>
<p style="text-align: justify;">                        Grid.SetColumn(b, ++col % 2);</p>
<p style="text-align: justify;">                    }</p>
<p style="text-align: justify;">                    else</p>
<p style="text-align: justify;">                    {</p>
<p style="text-align: justify;">                        Grid.SetRow(b, ++row % 2);</p>
<p style="text-align: justify;">                    }</p>
<p style="text-align: justify;">                }</p>
<p style="text-align: justify;">The first thing this method does is create a new variable of type Button and assigns it a reference to the sender variable. This is important because Button derives from UIElement and the next few operations require a UIElement object as the parameter. Next, the method gets the current column and row index by using a static method of the Grid class. Finally, the method uses a simple algorithm to determine where to move the button and change the row or column index as appropriate. You know that if the row and column indices are the same, then the column needs to change. If the row and column indices are different then the row needs to changes. In either case you use another static method of the Grid class to set the button’s row or column. The appropriate index is determined using some simple math.</p>
<p style="text-align: justify;">At this point, we’re done with the sample application. Press CTRL+F5 to compile and launch your application and then try clicking your button. You’ll see it move around the grid each time you click. Try using the emulator’s controls to change the phone’s orientation and you’ll see that the application adapts with no problems at all.</p>
<p style="text-align: justify;">Here is a video which would help you understand more about WP7 development.</p>
<p><object width="300" height="233" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/2tnaMdk5fIQ?version=3&amp;hl=en_US&amp;hd=1" /><param name="allowfullscreen" value="true" /><embed width="300" height="233" type="application/x-shockwave-flash" src="http://www.youtube.com/v/2tnaMdk5fIQ?version=3&amp;hl=en_US&amp;hd=1" allowFullScreen="true" allowscriptaccess="always" allowfullscreen="true" /></object></p>
<p>So Happy Programming on WP 7.</p>
<p>Regards</p>
<p><a href="http://blog.akratigupta.com/" target="_blank">Akrati Gupta</a></p>
<p>&nbsp;</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.akratigupta.com/windows-phone-7-development.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Windows Phone 7</title>
		<link>http://blog.akratigupta.com/windows-phone-7.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=windows-phone-7</link>
		<comments>http://blog.akratigupta.com/windows-phone-7.html#comments</comments>
		<pubDate>Wed, 02 Nov 2011 12:22:39 +0000</pubDate>
		<dc:creator>Akrati</dc:creator>
				<category><![CDATA[IT]]></category>

		<guid isPermaLink="false">http://blog.akratigupta.com/?p=75</guid>
		<description><![CDATA[WINDOWS PHONE 7 also known as WP7.Windows Phone is a mobile operating system developed by Microsoft, and is the successor to its Windows Mobile platform, although incompatible with it. Unlike its predecessor, it is primarily aimed at the consumer market rather than the enterprise market. It was launched in Europe, Singapore, Australia, New Zealand, the US, Canada, Mexico, and the EPAL region in the second half of 2010, and Asia in early 2011. With Windows Phone, Microsoft offers a new user interface with its design language named Metro, integrates the operating system with third party and other Microsoft services, and controls the hardware it runs on. Timeline of Windows Phone related events The name &#8216;Windows Phone&#8217; is a re branding of Microsoft’s old mobile OS called &#8216;Windows Mobile&#8217;. Before the official announcement of &#8216;Windows Phone 7&#8242;, Microsoft began to refer to devices running Windows Mobile as “Windows Phones”. Microsoft at first announced its new platform as &#8220;Windows Phone 7 Series&#8221; which initially came under criticism as being too wordy and difficult to say casually. Responding to this, on April 2, 2010 Microsoft announced that the &#8220;Series&#8221; would be dropped from the name, leaving the platform named Windows Phone 7. The official statement on the matter was: &#8220;Customers want a simpler way to say and use the name consistently. The important thing is keeping the focus on the Windows Phone brand, which we introduced in October and will continue investing in through Windows Phone 7 and beyond.&#8221; &#160; Features User interface Windows Phone features a new user interface, based upon Microsoft&#8217;s Windows Phone design system, codenamed Metro. Several features of Windows Phone are organized into &#8220;hubs&#8220;, which combine local and online content via Windows Phone&#8217;s integration with popular social networks such as Facebook, Windows Live, and Twitter. From the Hub, users can directly comment and &#8216;like&#8217; on social network updates. The other built-in hubs are Music and Video (which integrates with Zune), Games (which integrates with Xbox Live), Windows Phone Marketplace, and Microsoft Office Windows Phone uses multi-touch technology. The default Windows Phone user interface has a dark theme that prolongs battery life on OLED screens as fully black pixels don&#8217;t emit light. Text input Users input text by using an on-screen virtual keyboard, which has a dedicated key for inserting emoticons, and features spell checking and word prediction. Users may change a word after it has been typed by tapping the word, which will invoke a list of similar words. Pressing and holding certain keys will reveal similar characters. The keys are somewhat larger and spaced farther apart when in landscape mode. Phones may also be made with a hardware keyboard for text input. Messaging Windows Phone combined messaging through &#8220;threads&#8221;. Threads allow the Windows Phone user to engage with their contacts through Windows Live Messenger and Facebook Chat as well as traditional text messages. Text message can also be composed through voice recognition. Voice recognition allows speech to be converted to text message and also allows text message to [...]]]></description>
				<content:encoded><![CDATA[<p><strong>WINDOWS PHONE 7 also known as WP7.Windows Phone</strong> is a mobile operating system developed by Microsoft, and is the successor to its Windows Mobile platform, although incompatible with it. Unlike its predecessor, it is primarily aimed at the consumer market rather than the enterprise market. It was launched in Europe, Singapore, Australia, New Zealand, the US, Canada, Mexico, and the EPAL region in the second half of 2010, and Asia in early 2011. With Windows Phone, Microsoft offers a new user interface with its design language named Metro, integrates the operating system with third party and other Microsoft services, and controls the hardware it runs on.</p>
<p align="center"><img class="aligncenter size-full wp-image-77" title="393px-Windows_Phone_7_Timeline.svg" src="http://blog.akratigupta.com/wp-content/uploads/2011/11/393px-Windows_Phone_7_Timeline.svg_.png" alt="" width="393" height="500" /></p>
<p align="center"><strong>Timeline of Windows Phone related events</strong></p>
<p align="center">
<p align="center">
<p>The name <strong>&#8216;Windows Phone&#8217;</strong> is a re branding of Microsoft’s old mobile OS called &#8216;Windows Mobile&#8217;. Before the official announcement of &#8216;Windows Phone 7&#8242;, Microsoft began to refer to devices running Windows Mobile as “Windows Phones”. Microsoft at first announced its new platform as &#8220;Windows Phone 7 Series&#8221; which initially came under criticism as being too wordy and difficult to say casually. Responding to this, on April 2, 2010 Microsoft announced that the &#8220;Series&#8221; would be dropped from the name, leaving the platform named Windows Phone 7. The official statement on the matter was:</p>
<p>&#8220;Customers want a simpler way to say and use the name consistently. The important thing is keeping the focus on the Windows Phone brand, which we introduced in October and will continue investing in through Windows Phone 7 and beyond.&#8221;</p>
<p>&nbsp;</p>
<p><span style="color: #87ceeb;"><strong>Features</strong></span></p>
<ul>
<li><strong>User interface</strong></li>
</ul>
<p>Windows Phone features a new user interface, based upon Microsoft&#8217;s Windows Phone design system, codenamed Metro. Several features of Windows Phone are organized into &#8220;<strong>hubs</strong>&#8220;, which combine local and online content via Windows Phone&#8217;s integration with popular social networks such as Facebook, Windows Live, and Twitter. From the Hub, users can directly comment and &#8216;like&#8217; on social network updates. The other built-in hubs are Music and Video (which integrates with Zune), Games (which integrates with Xbox Live), Windows Phone Marketplace, and Microsoft Office</p>
<p>Windows Phone uses multi-touch technology. The default Windows Phone user interface has a dark theme that prolongs battery life on OLED screens as fully black pixels don&#8217;t emit light.</p>
<ul>
<li><strong>Text input</strong></li>
</ul>
<p>Users input text by using an on-screen virtual keyboard, which has a dedicated key for inserting emoticons, and features spell checking and word prediction. Users may change a word after it has been typed by tapping the word, which will invoke a list of similar words. Pressing and holding certain keys will reveal similar characters. The keys are somewhat larger and spaced farther apart when in landscape mode. Phones may also be made with a hardware keyboard for text input.</p>
<ul>
<li><strong>Messaging</strong></li>
</ul>
<p>Windows Phone combined messaging through &#8220;threads&#8221;. Threads allow the Windows Phone user to engage with their contacts through Windows Live Messenger and Facebook Chat as well as traditional text messages. Text message can also be composed through voice recognition. Voice recognition allows speech to be converted to text message and also allows text message to be converted to speech which can be read aloud.</p>
<ul>
<li><strong>Web browser</strong></li>
</ul>
<p>Windows Phone 7.5 features a version of Internet Explorer Mobile with a rendering engine that is based on Internet Explorer 9.Internet Explorer on Windows Phone allows the user to maintain a list of favorite web pages and tiles linking to web pages on the Start screen. The browser supports up to 6 tabs, which can all load in parallel</p>
<ul>
<li><strong>Contacts</strong></li>
</ul>
<p>Contacts are organized via the &#8220;<strong>People hub</strong>&#8220;. Contacts can be manually entered into contacts or imported from Facebook, Windows Live Contacts, Twitter, and LinkedIn. A &#8220;What&#8217;s New&#8221; section show news feed and a &#8220;Pictures&#8221; section show pictures from those social networks made by the contacts. A &#8220;Me&#8221; section show the phone user&#8217;s own social networks status and wall, allow the user to update his status, and check-in to Bing and Facebook Places. Contacts can be added to the home screen by pinning them to the start. The contact&#8217;s &#8220;<strong>Live Tile</strong>&#8221; displays his social network status and profile picture on the homescreen and the contact&#8217;s hub displays his Facebook wall as well as all of the rest of his contact information and information from his other social networks.</p>
<ul>
<li><strong>E-mail</strong></li>
</ul>
<p>Windows Phone supports Hotmail, Exchange, Yahoo! Mail, and Gmail natively and supports many other services via the POP and IMAP protocols. For the native account types, contacts and calendars may be synced as well. Users can also search through their e-mail by searching in the subject, body, senders, and receivers. Emails are shown in threading view and multiple e-mail inboxes can be combined or kept separate.</p>
<ul>
<li><strong>Multimedia</strong></li>
</ul>
<p>Zune for Windows Phone is an application providing entertainment and synchronization capabilities between PC and Phone. Windows Phone multimedia experience is divided in to two distinct hubs, Music + Videos hub and Pictures hub, both of which are similar in appearance and functionality to that of the Zune HD.</p>
<p>The &#8220;<strong>Pictures hub</strong>&#8221; displays the user&#8217;s Facebook and Windows Live photo albums alongside photos taken with the phone&#8217;s camera. Users can also tag and upload photos to social networks and comment on online photos directly from the Pictures hub. Multi-touch gestures permit zooming in and out of photos.</p>
<ul>
<li><strong>Games</strong></li>
</ul>
<p>Xbox Live on Windows Phone provides some Xbox 360 features on Windows Phone devices by displaying the user&#8217;s avatar in a 3D fashion. Via &#8220;<strong>Games hub</strong>&#8220;, the users are able to interact with the avatar, view gamer score and leader boards, message Xbox Live friends, and Spotlight. Multiplayer (turn-based) gaming with live multiplayer is also released. Some key features of Xbox Live on Windows Phone include ability to be signed in simultaneously on the console and phone, send and receive messages between Console and Phone, unlock unique gamer points only available by purchasing the gaming title on the phone, etc.</p>
<ul>
<li><strong>Search</strong></li>
</ul>
<p>Microsoft&#8217;s hardware requirements stipulate that every Windows Phone must have a dedicated Search button on the front of the device that performs different actions. Pressing the search button while an application is open will allow users to search within applications that take advantage of this feature.</p>
<p>Windows Phone also has a voice recognition function, powered by TellMe, which allows the user to perform a Bing search, call contacts or launch applications by speaking. This can be activated by pressing and holding the phone&#8217;s Start button.</p>
<p>Bing is the default search engine on Windows Phone handsets due to its deep integration of functions into the OS (which also include the utilization of its map service for location-based searches and queries).</p>
<ul>
<li><strong>Office suite</strong></li>
</ul>
<p align="center"><img class="aligncenter size-full wp-image-76" title="358px-Microsoft_Office_Mobile_2010_hub" src="http://blog.akratigupta.com/wp-content/uploads/2011/11/358px-Microsoft_Office_Mobile_2010_hub.png" alt="" width="272" height="455" /></p>
<p>&nbsp;</p>
<p align="center"><strong>Microsoft Office Mobile on Windows Phone</strong></p>
<p>The &#8220;<strong>Office hub</strong>&#8221; organizes all Microsoft Office apps and documents. Microsoft Office Mobile provides interoperability between Windows Phone and the desktop version of Microsoft Office. Word Mobile, Excel Mobile, PowerPoint Mobile, OneNote Mobile, and SharePoint Workspace Mobile allow most Microsoft Office file formats to be viewed and edited directly on a Windows Phone device.</p>
<p>Microsoft Office files from SkyDrive and Office 365, as well as files stored locally on the phone, can be accessed through the Office Hub. Office files are sorted by tiles: Word documents (blue tile), Excel spreadsheets (green tile), PowerPoint presentations (red tile), and OneNote documents (purple tile).</p>
<ul>
<li><strong>Multitasking</strong></li>
</ul>
<p>In Windows Phone 7, multitasking is limited to bundled apps. Starting with Windows Phone 7.5, a card-based task switcher can be accessed by pressing and holding the back button. The screenshot of last five open app are shown as cards. Apps can be kept running even when out of view through &#8220;Live Agents&#8221;. In other cases, apps are suspended and can be quickly resumed.</p>
<ul>
<li><strong>Sync</strong></li>
</ul>
<p>Zune Software manages the contents on Windows Phone devices and Windows Phone can wirelessly sync with Zune Software. In addition to accessing on the Windows Phone devices, Zune software can also access the Zune Marketplace to purchase music, videos, and all apps for Windows Phone. While music and videos are both stored locally on the PC and on the phone, apps are only stored on the phone even if purchased from the Zune Software. Zune Software can also be used to update all Windows Phone devices. Although Zune Software is unavailable on Mac OS X operating system, Microsoft has released Windows Phone Connector which allow Windows Phone devices to sync with iTunes for Mac and iPhoto.</p>
<ul>
<li><strong>Advertising platform</strong></li>
</ul>
<p>Microsoft has also launched an advertising platform for the Windows Phone platform. Microsoft&#8217;s General Manager for Strategy and Business Development, Kostas Mallios, said that Windows Phone will be an &#8220;ad-serving machine&#8221;, pushing advertising and brand-related content to the user. The platform will feature advertising tiles near applications and toast notifications, which will bring updating advertising notifications. Mallios said that Windows Phone will be able to &#8220;preserve the brand experience by going directly from the web site right to the application&#8221;, and that Windows Phone &#8220;enables advertisers to connect with consumers over time&#8221;.Mallios continued: &#8220;you&#8217;re now able to push information as an advertiser, and stay in touch with your customer. It&#8217;s a dynamic relationship that is created and provides for an ongoing dialog with the consumer.&#8221;</p>
<p>&nbsp;</p>
<ul>
<li><strong>Bluetooth</strong></li>
</ul>
<p>Windows Phone supports the following Bluetooth profiles:</p>
<ol>
<li>Advanced Audio Distribution Profile (A2DP 1.3)</li>
<li>Audio/Video Remote Control Profile (AVRCP 1.0)</li>
<li>Hands Free Profile (HFP 1.5)</li>
<li>Headset Profile (HSP 1.1)</li>
<li>Phone Book Access Profile (PBAP 1.0)</li>
</ol>
<p>&nbsp;</p>
<p>So I suppose now you must have got familiar with Windows Phone 7 OS. If you like to see which Handsets Supports the OS, just check out the Links section below the post to view the Handsets. Stay tuned as in my next post i would be discussing about WP 7 Development and some Hands on Lab for WP 7.</p>
<p>&nbsp;</p>
<p>Links :-</p>
<p>Buy the Phone &#8211; <a href="http://www.microsoft.com/windowsphone/en-us/buy/7/default.aspx">http://www.microsoft.com/windowsphone/en-us/buy/7/default.aspx</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.akratigupta.com/windows-phone-7.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>ASP.NET MVC</title>
		<link>http://blog.akratigupta.com/asp-net-mvc.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=asp-net-mvc</link>
		<comments>http://blog.akratigupta.com/asp-net-mvc.html#comments</comments>
		<pubDate>Wed, 13 Jul 2011 03:10:52 +0000</pubDate>
		<dc:creator>Akrati</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[ASP.NET 4.0]]></category>
		<category><![CDATA[MVC 3]]></category>
		<category><![CDATA[Web Application Deployment]]></category>

		<guid isPermaLink="false">http://blog.akratigupta.com/?p=71</guid>
		<description><![CDATA[The Model-View-Controller (MVC) architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications. The ASP.NET MVC framework is a lightweight, highly testable presentation framework that (as with Web Forms-based applications) is integrated with existing ASP.NET features, such as master pages and membership-based authentication. The MVC framework is defined in the System.Web.Mvc assembly. MVC design pattern MVC is a standard design pattern that many developers are familiar with. Some types of Web applications will benefit from the MVC framework. Others will continue to use the traditional ASP.NET application pattern that is based on Web Forms and postbacks. Other types of Web applications will combine the two approaches; neither approach excludes the other. The MVC framework includes the following components: Models. Model objects are the parts of the application that implement the logic for the application&#8217;s data domain. Often, model objects retrieve and store model state in a database. For example, a Product object might retrieve information from a database, operate on it, and then write updated information back to a Products table in a SQL Server database. In small applications, the model is often a conceptual separation instead of a physical one. For example, if the application only reads a dataset and sends it to the view, the application does not have a physical model layer and associated classes. In that case, the dataset takes on the role of a model object. Views. Views are the components that display the application&#8217;s user interface (UI). Typically, this UI is created from the model data. An example would be an edit view of a Products table that displays text boxes, drop-down lists, and check boxes based on the current state of a Product object. Controllers. Controllers are the components that handle user interaction, work with the model, and ultimately select a view to render that displays UI. In an MVC application, the view only displays information; the controller handles and responds to user input and interaction. For example, the controller handles query-string values, and passes these values to the model, which in turn might use these values to query the database. The MVC pattern helps you create applications that separate the different aspects of the application (input logic, business logic, and UI logic), while providing a loose coupling between these elements. The pattern specifies where each kind of logic should be located in the application. The UI logic belongs in the view. Input logic belongs in the controller. Business logic belongs in the model. This separation helps you manage complexity when you build an application, because it enables you to focus on one aspect of the implementation at a time. For example, you can focus on the view without depending on the business logic. The loose coupling between the three main components of an MVC application also promotes parallel development. For example, one developer can work on the view, a [...]]]></description>
				<content:encoded><![CDATA[<p>The <strong>Model-View-Controller (MVC)</strong> architectural pattern separates an application into three main components: the model, the view, and the controller. The ASP.NET MVC framework provides an alternative to the ASP.NET Web Forms pattern for creating Web applications. The ASP.NET MVC framework is a lightweight, highly testable presentation framework that (as with Web Forms-based applications) is integrated with existing <a title="New Features in ASP.NET 4.0" href="http://blog.akratigupta.com/new-features-in-asp-net-4-0.html" target="_blank">ASP.NET</a> features, such as master pages and membership-based authentication. The MVC framework is defined in the <strong>System.Web.Mvc</strong> assembly.</p>
<h3></h3>
<h3><strong>MVC design pattern</strong></h3>
<p>MVC is a standard design pattern that many developers are familiar with. Some types of Web applications will benefit from the MVC framework. Others will continue to use the traditional ASP.NET application pattern that is based on Web Forms and postbacks. Other types of Web applications will combine the two approaches; neither approach excludes the other.</p>
<p>The MVC framework includes the following components:</p>
<ul>
<li>Models. Model objects are the parts of the application that implement the logic for the application&#8217;s data domain. Often, model objects retrieve and store model state in a database. For example, a Product object might retrieve information from a database, operate on it, and then write updated information back to a Products table in a SQL Server database.</li>
</ul>
<p>In small applications, the model is often a conceptual separation instead of a physical one. For example, if the application only reads a dataset and sends it to the view, the application does not have a physical model layer and associated classes. In that case, the dataset takes on the role of a model object.</p>
<ul>
<li>Views. Views are the components that display the application&#8217;s user interface (UI). Typically, this UI is created from the model data. An example would be an edit view of a Products table that displays text boxes, drop-down lists, and check boxes based on the current state of a Product object.</li>
<li>Controllers. Controllers are the components that handle user interaction, work with the model, and ultimately select a view to render that displays UI. In an MVC application, the view only displays information; the controller handles and responds to user input and interaction. For example, the controller handles query-string values, and passes these values to the model, which in turn might use these values to query the database.</li>
</ul>
<p>The MVC pattern helps you create applications that separate the different aspects of the application (input logic, business logic, and UI logic), while providing a loose coupling between these elements. The pattern specifies where each kind of logic should be located in the application. The UI logic belongs in the view. Input logic belongs in the controller. Business logic belongs in the model. This separation helps you manage complexity when you build an application, because it enables you to focus on one aspect of the implementation at a time. For example, you can focus on the view without depending on the business logic.</p>
<p>The loose coupling between the three main components of an MVC application also promotes parallel development. For example, one developer can work on the view, a second developer can work on the controller logic, and a third developer can focus on the business logic in the model.</p>
<h3><strong>Support for Test-Driven Development</strong></h3>
<div align="center">
<hr align="center" noshade="noshade" size="2" width="100%" />
</div>
<p>In addition to managing complexity, the MVC pattern makes it easier to test applications than it is to test a Web Forms-based ASP.NET Web application. For example, in a Web Forms-based ASP.NET Web application, a single class is used both to display output and to respond to user input. Writing automated tests for Web Forms-based ASP.NET applications can be complex, because to test an individual page, you must instantiate the page class, all its child controls, and additional dependent classes in the application. Because so many classes are instantiated to run the page, it can be hard to write tests that focus exclusively on individual parts of the application. Tests for Web Forms-based ASP.NET applications can therefore be more difficult to implement than tests in an MVC application. Moreover, tests in a Web Forms-based ASP.NET application require a Web server. The MVC framework decouples the components and makes heavy use of interfaces, which makes it possible to test individual components in isolation from the rest of the framework.</p>
<p>&nbsp;</p>
<h3><strong>When to Create an MVC Application</strong></h3>
<div align="center">
<hr align="center" noshade="noshade" size="2" width="100%" />
</div>
<p>You must consider carefully whether to implement a Web application by using either the ASP.NET MVC framework or the ASP.NET Web Forms model. The MVC framework does not replace the Web Forms model; you can use either framework for Web applications. (If you have existing Web Forms-based applications, these continue to work exactly as they always have.)</p>
<p>Before you decide to use the MVC framework or the Web Forms model for a specific Web site, weigh the advantages of each approach.</p>
<p>&nbsp;</p>
<h3><strong>Advantages of an MVC-Based Web Application</strong></h3>
<p>The ASP.NET MVC framework offers the following advantages:</p>
<ul>
<li>It makes it easier to manage complexity by dividing an application into the model, the view, and the controller.</li>
<li>It does not use view state or server-based forms. This makes the MVC framework ideal for developers who want full control over the behavior of an application.</li>
<li>It uses a Front Controller pattern that processes Web application requests through a single controller. This enables you to design an application that supports a rich routing infrastructure. For more information, see <a href="http://go.microsoft.com/fwlink/?LinkId=141778">Front Controller</a>.</li>
<li>It provides better support for test-driven development (TDD).</li>
<li>It works well for Web applications that are supported by large teams of developers and for Web designers who need a high degree of control over the application behavior.</li>
</ul>
<h3><strong>Advantages of a Web Forms-Based Web Application</strong></h3>
<p>The Web Forms-based framework offers the following advantages:</p>
<ul>
<li>It supports an event model that preserves state over HTTP, which benefits line-of-business Web application development. The Web Forms-based application provides dozens of events that are supported in hundreds of server controls.</li>
<li>It uses a Page Controller pattern that adds functionality to individual pages. For more information, see <a href="http://go.microsoft.com/fwlink/?LinkId=141779">Page Controller</a>.</li>
<li>It uses view state on server-based forms, which can make managing state information easier.</li>
<li>It works well for small teams of Web developers and designers who want to take advantage of the large number of components available for rapid application development.</li>
<li>In general, it is less complex for application development, because the components (the Page class, controls, and so on) are tightly integrated and usually require less code than the MVC model.</li>
</ul>
<h3></h3>
<h3><strong>Features of the ASP.NET MVC Framework</strong></h3>
<div align="center">
<hr align="center" noshade="noshade" size="2" width="100%" />
</div>
<p>The ASP.NET MVC framework provides the following features:</p>
<ul>
<li>Separation of application tasks (input logic, business logic, and UI logic), testability, and test-driven development (TDD). All core contracts in the MVC framework are interface-based and can be tested by using mock objects, which are simulated objects that imitate the behavior of actual objects in the application. You can unit-test the application without having to run the controllers in an ASP.NET process, which makes unit testing fast and flexible. You can use any unit-testing framework that is compatible with the .NET Framework.</li>
<li>An extensible and pluggable framework. The components of the ASP.NET MVC framework are designed so that they can be easily replaced or customized. You can plug in your own view engine, URL routing policy, action-method parameter serialization, and other components. The ASP.NET MVC framework also supports the use of Dependency Injection (DI) and Inversion of Control (IOC) container models. DI enables you to inject objects into a class, instead of relying on the class to create the object itself. IOC specifies that if an object requires another object, the first objects should get the second object from an outside source such as a configuration file. This makes testing easier.</li>
<li>Extensive support for ASP.NET routing, which is a powerful URL-mapping component that lets you build applications that have comprehensible and searchable URLs. URLs do not have to include file-name extensions, and are designed to support URL naming patterns that work well for search engine optimization (SEO) and representational state transfer (REST) addressing.</li>
<li>Support for using the markup in existing ASP.NET page (.aspx files), user control (.ascx files), and master page (.master files) markup files as view templates. You can use existing ASP.NET features with the ASP.NET MVC framework, such as nested master pages, in-line expressions (&lt;%= %&gt;), declarative server controls, templates, data-binding, localization, and so on.</li>
<li>Support for existing ASP.NET features. ASP.NET MVC lets you use features such as forms authentication and Windows authentication, URL authorization, membership and roles, output and data caching, session and profile state management, health monitoring, the configuration system, and the provider architecture.</li>
</ul>
<p>&nbsp;</p>
<p>By default you get MVC 2 in VS 2010 (All Versions)</p>
<p>To get MVC 3 you require Microsoft Web Platform Installer.<a href="http://www.asp.net/mvc/mvc3" target="_blank"> Click  Here</a></p>
<p>Courtesy :- <a href="http://msdn.microsoft.com/en-us/library/dd381412%28VS.98%29.aspx" target="_blank">MSDN </a></p>
<p>Regards<br />
<a title="Akrati Gupta" href="http://blog.akratigupta.com" target="_blank">Akrati Gupta</a></p>
<hr align="center" noshade="noshade" size="1" width="100%" />
<script type="text/javascript">pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.akratigupta.com/asp-net-mvc.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Introduction to CSS3 – Part 1</title>
		<link>http://blog.akratigupta.com/introduction-to-css3-part-1.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=introduction-to-css3-part-1</link>
		<comments>http://blog.akratigupta.com/introduction-to-css3-part-1.html#comments</comments>
		<pubDate>Fri, 03 Jun 2011 03:41:01 +0000</pubDate>
		<dc:creator>Akrati</dc:creator>
				<category><![CDATA[Web]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[CSS3]]></category>
		<category><![CDATA[CSS3 Properties]]></category>

		<guid isPermaLink="false">http://blog.akratigupta.com/?p=34</guid>
		<description><![CDATA[This article providing an introduction to the new CSS3 standard which is set to take over from CSS2. We will be starting from the very beginning – taking you from not having even heard of CSS3, to feeling ready to hit it running as various features start to become more widely adopted. &#160; Introduction When the first CSS specification was published, all of CSS was contained in one document that defined CSS Level 1. CSS Level 2 was defined also by a single, multi-chapter document. However for CSS beyond Level 2, the CSS Working Group chose to adopt a modular approach, where each module defines a part of CSS, rather than to define a single monolithic specification. This breaks the specification into more manageable chunks and allows more immediate, incremental improvement to CSS. Since different CSS modules are at different levels of stability, the CSS Working Group has chosen to publish this profile to define the current scope and state of Cascading Style Sheets as of late 2010. This profile includes only specifications that we consider stable and for which we have enough implementation experience that we are sure of that stability SOURCE &#8211; W3C What is it? If you work in web development, you’re likely well-versed in CSS3, the latest and greatest standard that’s all the rage with modern websites and the browsers we use to view them. The rest of us may have heard the buzz about CSS3 &#8212; but do you know what it is, how it works and why it matters? Read on to find out.CSS3 offers a huge variety of new ways to create an impact with your designs, with quite a few important changes. This first tutorial will give you a very basic introduction to the new possibilities created by the standard. &#160; &#160; What Does It Offer? Because of its modular structure, CSS3 allows developers to build content-rich web pages with relatively lightweight code requirements. That means fancier visual effects, better user interfaces and most importantly, cleaner pages that load faster than ever before. Simply put, CSS3 is the presentation layer of a web page that leads the charge for all of the other technologies buried within. CSS3 finally brings the promise of desktop-style layout to web pages, complete with graphic elements such as drop shadows, gradients, border effects, multi-column layouts and much more. &#160; Where Did It Come From? All three CSS specifications fall under the jurisdiction of the World Wide Web Consortium (also known as W3C), one of many international standards organizations who keep things in check for the internet we all know and love. The W3C itself was founded in late 1994, which is actually when the precursor to CSS first reared its head. Cascading HTML Style Sheets (CHSS) was the name of that earliest variation, which first introduced web developers to the concept of creating a consistent approach to how pages were styled that HTML alone was incapable of. By 1997, CSS had its own development board, the CSS [...]]]></description>
				<content:encoded><![CDATA[<p style="text-align: justify;">This article providing an introduction to the new CSS3 standard which is set to take over from CSS2. We will be starting from the very beginning – taking you from not having even heard of CSS3, to feeling ready to hit it running as various features start to become more widely adopted.</p>
<p>&nbsp;</p>
<h1><span style="color: #87cefa;"><strong>Introduction</strong></span></h1>
<blockquote>
<p style="text-align: justify;">When the first CSS specification was published, all of CSS was contained in one document that defined CSS Level 1. CSS Level 2 was defined also by a single, multi-chapter document. However for CSS beyond Level 2, the CSS Working Group chose to adopt a modular approach, where each module defines a part of CSS, rather than to define a single monolithic specification. This breaks the specification into more manageable chunks and allows more immediate, incremental improvement to CSS.</p>
<p style="text-align: justify;">Since different CSS modules are at different levels of stability, the CSS Working Group has chosen to publish this profile to define the current scope and state of Cascading Style Sheets as of late 2010. This profile includes only specifications that we consider stable <em>and</em> for which we have enough implementation experience that we are sure of that stability</p>
<p>SOURCE &#8211; W3C</p></blockquote>
<p><a href="http://www.w3.org/TR/CSS/"></a></p>
<h2></h2>
<h1><span style="color: #99ccff;">What is it?</span></h1>
<p style="text-align: justify;">If you work in web development, you’re likely well-versed in CSS3, the latest and greatest standard that’s all the rage with modern websites and the browsers we use to view them. The rest of us may have heard the buzz about CSS3 &#8212; but do you know what it is, how it works and why it matters? Read on to find out.CSS3 offers a huge variety of new ways to create an impact with your designs, with quite a few important changes. This first tutorial will give you a very basic introduction to the new possibilities created by the standard.</p>
<p style="text-align: justify;">&nbsp;</p>
<p style="text-align: justify;">
<p style="text-align: justify;">&nbsp;</p>
<h1><span style="color: #99ccff;">What Does It Offer?</span></h1>
<p style="text-align: justify;">Because of its modular structure, CSS3 allows developers to build content-rich web pages with relatively lightweight code requirements. That means fancier visual effects, better user interfaces and most importantly, cleaner pages that load faster than ever before. Simply put, CSS3 is the presentation layer of a web page that leads the charge for all of the other technologies buried within.</p>
<p>CSS3 finally brings the promise of desktop-style layout to web pages, complete with graphic elements such as drop shadows, gradients, border effects, multi-column layouts and much more.</p>
<p style="text-align: justify;">&nbsp;</p>
<h1><span style="color: #99ccff;">Where Did It Come From?</span></h1>
<p style="text-align: justify;">All three CSS specifications fall under the jurisdiction of the World Wide Web Consortium (also known as W3C), one of many international standards organizations who keep things in check for the internet we all know and love. The W3C itself was founded in late 1994, which is actually when the precursor to CSS first reared its head.</p>
<p>Cascading HTML Style Sheets (CHSS) was the name of that earliest variation, which first introduced web developers to the concept of creating a consistent approach to how pages were styled that HTML alone was incapable of. By 1997, CSS had its own development board, the CSS Working Group, chaired by one of W3C’s own.</p>
<p style="text-align: justify;">&nbsp;</p>
<h1><span style="color: #99ccff;">CSS Through the Years</span></h1>
<p style="text-align: justify;">The first iteration of CSS was published in late 1996, offering support for font properties (including typeface and emphasis), colors for text and backgrounds as well as alignment of text, images, tables and other web elements. CSS2 was introduced in 1998, bringing additional capabilities such as absolute, relative and fixed positioning of elements before being usurped by CSS 2.1 in 2005.</p>
<p>First published in 1999, CSS3 takes the foundation laid by the first two generations and divides up feature set into separate documents known as modules, with each module capable of adding its own new functionality or features while generally maintaining backwards compatibility with CSS2.</p>
<p style="text-align: justify;">&nbsp;</p>
<h1><span style="color: #99ccff;">A Look at Modules</span></h1>
<p style="text-align: justify;">Part of the problem with the first two generations of CSS was that the specification became too large and complex to update frequently. Rather than continue down that path, the W3C created the module system for CSS3, so that individual components can be updated and refined in pieces over time.</p>
<p>There are currently over 40 CSS modules published through the CSS Working Group, including Selectors, Namespaces, Color and Media Queries, with Apple’s Safari and Google’s Chrome leading adoption of the standard in recent years.</p>
<p>&nbsp;</p>
<h1><span style="color: #99ccff;">Who Supports CSS3?</span></h1>
<p style="text-align: justify;">To get a grasp of how much CSS3 has influenced web development, look no further than Microsoft’s own adoption of the markup language with the new Internet Explorer 9 released in March. Prior versions seemingly ignored most of what CSS3 brought to the table, but with IE9, all of the major browsers (not to mention the software used to design pages in the first place) finally embrace the technology &#8212; allowing designers to at last show off their best efforts, regardless of platform.</p>
<p>Of course, users on older computers and browsers won’t be able to take full advantage of this advance without upgrading &#8212; but as time goes on, we’ll all be using CSS3-compliant browsers and many of the old, complicated methods of developing websites will start to fade at long last.</p>
<p style="text-align: justify;">&nbsp;</p>
<p style="text-align: justify;">
<p style="text-align: justify;">To check which all properties does your browser supports visit <a href="http://www.fmbip.com/" target="_blank">vhttp://fmbip.com</a></p>
<p>To compare all the properties of all other browsers with yours visit<a href="http://www.findmebyip.com/litmus"> http://www.findmebyip.com/litmus</a></p>
<p>To check CSS3 properties of browser in realtime visit<a href="http://tools.css3.info/selectors-test/test.html"> http://tools.css3.info/selectors-test/test.html</a></p>
<p>&nbsp;</p>
<h1><span style="color: #99ccff;">New LOGO FOR CSS3</span></h1>
<p>&nbsp;</p>
<hr />
]]></content:encoded>
			<wfw:commentRss>http://blog.akratigupta.com/introduction-to-css3-part-1.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Introduction to CSS</title>
		<link>http://blog.akratigupta.com/introduction-to-css.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=introduction-to-css</link>
		<comments>http://blog.akratigupta.com/introduction-to-css.html#comments</comments>
		<pubDate>Sun, 17 Apr 2011 07:16:44 +0000</pubDate>
		<dc:creator>Akrati</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Stylesheets]]></category>

		<guid isPermaLink="false">http://blog.akratigupta.com/?p=19</guid>
		<description><![CDATA[A CSS (Cascading Style Sheet) file allows you to separate your web sites (X)HTML content from it&#8217;s style. As always you use your (X)HTML file to arrange the content, but all of the presentation (fonts, colors, background, borders, text formatting, link effects &#38; so on&#8230;) are accomplished within a CSS. At this point you have some choices of how to use the CSS, either internally or externally. Internal Stylesheet First we will explore the internal method. This way you are simply placing the CSS code within the &#60;head&#62;&#60;/head&#62; tags of each (X)HTML file you want to style with the CSS. The format for this is shown in the example below. [css] [/css] With this method each (X)HTML file contains the CSS code needed to style the page. Meaning that any changes you want to make to one page, will have to be made to all. This method can be good if you need to style only one page, or if you want different pages to have varying styles. [css]&#60;strong&#62;External Stylesheet&#60;/strong&#62;[/css] Next we will explore the external method. An external CSS file can be created with any text or HTML editor such as &#8220;Notepad&#8221; or &#8220;Dreamweaver&#8221;. A CSS file contains no (X)HTML, only CSS. You simply save it with the .css file extension. You can link to the file externally by placing one of the following links in the head section of every (X)HTML file you want to style with the CSS file. [css]&#60;link rel=&#34;stylesheet&#34; type=&#34;text/css&#34; href=&#60;em&#62;&#34;Path To stylesheet.css&#34; &#60;/em&#62;/&#62;[/css] Or you can also use the @import method as shown below [css]&#60;style type=&#34;text/css&#34;&#62;@import url(&#60;em&#62;Path To stylesheet.css&#60;/em&#62;)&#60;/style&#62;[/css] Either of these methods are achieved by placing one or the other in the head section as shown in example below. [css]&#60;head&#62; &#60;title&#62;&#60;title&#62; &#60;em&#62;&#60;link rel=&#34;stylesheet&#34; type=&#34;text/css&#34;href=&#34;style.css&#34; /&#62;&#60;/em&#62; &#60;/head&#62; &#60;body&#62;[/css] or [css]&#60;head&#62; &#60;title&#62;&#60;title&#62; &#60;style type=&#34;text/css&#34;&#62; &#60;em&#62;@import url(Path To stylesheet.css)&#60;/em&#62; &#60;/style&#62; &#60;/head&#62; &#60;body&#62;[/css] By using an external style sheet, all of your (X)HTML files link to one CSS file in order to style the pages. This means, that if you need to alter the design of all your pages, you only need to edit one .css file to make global changes to your entire website. Here are a few reasons this is better. [css]&#60;/pre&#62; &#60;ul style=&#34;text-align: justify;&#34;&#62; &#60;li&#62;Easier Maintenance&#60;/li&#62; &#60;li&#62;Reduced File Size&#60;/li&#62; &#60;li&#62;Reduced Bandwidth&#60;/li&#62; &#60;li&#62;Improved Flexibility&#60;/li&#62; &#60;/ul&#62; &#60;pre&#62; &#60;strong&#62;Inline Styles&#60;/strong&#62;[/css] I have not mentioned them until now because in a way they defeat the purpose of using CSS in the first place. Inline styles are defined right in the (X)HTML file along side the element you want to style. See example below. &#60;p style=&#8221;color: #ff0000;&#8221;&#62;Some red text&#60;/p&#62; Some red text Inline styles will NOT allow the user to change styles of elements or text formatted this way So, which is better? So with all these various ways of inserting CSS into your (X)HTML files, you may now be asking well which is better, and if I use more than one method, in what order do these different ways load into my browser? All the various methods will [...]]]></description>
				<content:encoded><![CDATA[<p style="text-align: justify;">A <strong>CSS (Cascading Style Sheet)</strong> file allows you to separate your web sites (X)HTML content from it&#8217;s style. As always you use your (X)HTML file to arrange the content, but all of the presentation (fonts, colors, background, borders, text formatting, link effects &amp; so on&#8230;) are accomplished within a CSS.</p>
<p style="text-align: justify;">At this point you have some choices of how to use the CSS, either internally or externally.</p>
<p style="text-align: justify;"><strong>Internal Stylesheet</strong></p>
<p style="text-align: justify;">First we will explore the internal method. This way you are simply placing the CSS code within the &lt;head&gt;&lt;/head&gt; tags of each (X)HTML file you want to style with the CSS. The format for this is shown in the example below.</p>
<p>[css]</p>
<p>[/css]</p>
<p style="text-align: justify;">With this method each (X)HTML file contains the CSS code needed to style the page. Meaning that any changes you want to make to one page, will have to be made to all. This method can be good if you need to style only one page, or if you want different pages to have varying styles.</p>
<p>[css]&lt;strong&gt;External Stylesheet&lt;/strong&gt;[/css]</p>
<p style="text-align: justify;">Next we will explore the external method. An external CSS file can be created with any text or HTML editor such as &#8220;Notepad&#8221; or &#8220;Dreamweaver&#8221;. A CSS file contains no (X)HTML, only CSS. You simply save it with the .css file extension. You can link to the file externally by placing one of the following links in the head section of every (X)HTML file you want to style with the CSS file.</p>
<p>[css]&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&lt;em&gt;&quot;Path To stylesheet.css&quot; &lt;/em&gt;/&gt;[/css]</p>
<p style="text-align: justify;">Or you can also use the @import method as shown below</p>
<p>[css]&lt;style type=&quot;text/css&quot;&gt;@import url(&lt;em&gt;Path To stylesheet.css&lt;/em&gt;)&lt;/style&gt;[/css]</p>
<p style="text-align: justify;">Either of these methods are achieved by placing one or the other in the head section as shown in example below.</p>
<p>[css]&lt;head&gt;</p>
<p>&lt;title&gt;&lt;title&gt;</p>
<p>&lt;em&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot;href=&quot;style.css&quot; /&gt;&lt;/em&gt;</p>
<p>&lt;/head&gt;</p>
<p>&lt;body&gt;[/css]</p>
<p style="text-align: justify;">or</p>
<p>[css]&lt;head&gt;</p>
<p>&lt;title&gt;&lt;title&gt;</p>
<p>&lt;style type=&quot;text/css&quot;&gt; &lt;em&gt;@import url(Path To stylesheet.css)&lt;/em&gt;</p>
<p>&lt;/style&gt;</p>
<p>&lt;/head&gt;</p>
<p>&lt;body&gt;[/css]</p>
<p style="text-align: justify;">By using an external style sheet, all of your (X)HTML files link to one CSS file in order to style the pages. This means, that if you need to alter the design of all your pages, you only need to edit one .css file to make global changes to your entire website. Here are a few reasons this is better.</p>
<p>[css]&lt;/pre&gt;<br />
&lt;ul style=&quot;text-align: justify;&quot;&gt;<br />
	&lt;li&gt;Easier Maintenance&lt;/li&gt;<br />
	&lt;li&gt;Reduced File Size&lt;/li&gt;<br />
	&lt;li&gt;Reduced Bandwidth&lt;/li&gt;<br />
	&lt;li&gt;Improved Flexibility&lt;/li&gt;<br />
&lt;/ul&gt;<br />
&lt;pre&gt;<br />
&lt;strong&gt;Inline Styles&lt;/strong&gt;[/css]</p>
<p style="text-align: justify;">I have not mentioned them until now because in a way they defeat the purpose of using CSS in the first place. Inline styles are defined right in the (X)HTML file along side the element you want to style. See example below.</p>
<p style="text-align: justify;">&lt;p style=&#8221;color: #ff0000;&#8221;&gt;<em>Some red text</em>&lt;/p&gt;</p>
<p style="text-align: justify;">Some red text</p>
<p style="text-align: justify;">Inline styles will NOT allow the user to change styles of elements or text formatted this way</p>
<p style="text-align: justify;"><strong>So, which is better?</strong></p>
<p style="text-align: justify;">So with all these various ways of inserting CSS into your (X)HTML files, you may now be asking well which is better, and if I use more than one method, in what order do these different ways load into my browser? All the various methods will cascade into a new &#8220;pseudo&#8221; stylesheet in the following order:</p>
<p style="text-align: justify;">1. Inline Style (inside (X)HTML element)</p>
<p style="text-align: justify;">2. Internal Style Sheet (inside the &lt;head&gt; tag)</p>
<p style="text-align: justify;">3. External Style Sheet</p>
<p style="text-align: justify;">As far as which way is better, it depends on what you want to do. If you have only one file to style then placing it within the &lt;head&gt;&lt;/head&gt; tags (internal) will work fine. Though if you are planning on styling multiple files then the external file method is the way to go. Choosing between the &lt;link related=&gt; &amp; the @import methods are completely up to you. I will mention that the @import method may take a second longer to read the CSS file in Internet Explorer than the &lt;link related=&gt; option.</p>
<p style="text-align: justify;"><strong><span style="text-decoration: underline;">CSS Syntax</span></strong></p>
<p style="text-align: justify;">The syntax for CSS is different than that of (X)HTML markup. Though it is not too confusing, once you take a look at it. It consists of only 3 parts.</p>
<p style="text-align: justify;">selector { property: value }</p>
<p style="text-align: justify;">The selector is the (X)HTML element that you want to style. The property is the actual property title, and the value is the style you apply to that property. Each selector can have multiple properties, and each property within that selector can have independent values. The property and value are seperated with a colon and contained within curly brackets. Multiple properties are seperated by a semi colon. Multiple values within a property are sperated by commas, and if an individual value contains more than one word you surround it with quotation marks. As shown below.</p>
<p>[css]Body</p>
<p>{</p>
<p>background: #eeeeee;</p>
<p>font-family: &quot;Trebuchet MS&quot;, Verdana, Arial, serif;</p>
<p>}[/css]</p>
<p style="text-align: justify;">As you can see in the above code I have seperated the color from the font-family with a semi-colon, seperated the various fonts with commas and contained the &#8220;Trebuchet MS&#8221; within quotations marks. The final result sets the body color to light grey, and sets the font to ones that most users will have installed on there computer. I have changed the way I layout my code, but you can arrange it in one line if you choose. I find that it is more readable if I spread each property to a seperate line, with a 2 space indention.</p>
<p style="text-align: justify;"><strong>Inheritance</strong></p>
<p style="text-align: justify;">When you nest one element inside another, the nested element will inherit the properties assigned to the containing element. Unless you modify the inner elements values independently. For example, a font declared in the body will be inherited by all text in the file no matter the containing element, unless you declare another font for a specific nested element.</p>
<p style="text-align: justify;">body {font-family: Verdana, serif;}</p>
<p style="text-align: justify;">Now all text within the (X)HTML file will be set to Verdana. If you wanted to style certain text with another font, like an h1 or a paragraph then you could do the following.</p>
<p style="text-align: justify;">h1 {font-family: Georgia, sans-serif;}</p>
<p style="text-align: justify;">p {font-family: Tahoma, serif;}</p>
<p style="text-align: justify;">Now all &lt;h1&gt; tags within the file will be set to Georgia and all &lt;p&gt; tags are set to Tahoma, leaving text within other elements unchanged from the body declaration of Verdana. There are instances where nested elements do not inherit the containing elements properties.</p>
<p style="text-align: justify;">For example, if the body margin is set to 20 pixels, the other elements within the file will not inherit the body margin by default.</p>
<p style="text-align: justify;">body {margin: 20px;}</p>
<p style="text-align: justify;"><strong>Combining Selectors</strong></p>
<p style="text-align: justify;">You can combine elements within one selector in the following fashion.</p>
<p style="text-align: justify;">h1, h2, h3, h4, h5, h6</p>
<p style="text-align: justify;">{</p>
<p style="text-align: justify;">color: #009900;</p>
<p style="text-align: justify;">font-family: Georgia, sans-serif;</p>
<p style="text-align: justify;">}</p>
<p style="text-align: justify;">As you can see in the above code, I have grouped all the header elements into one selector. Each one is seperated by a comma. The final result of the above code sets all headers to green and to the specified font. If the user does not have the first font I declared it will go to another sans-serif font the user has installed on there computer.</p>
<p style="text-align: justify;"><strong>Comment tags</strong></p>
<p style="text-align: justify;">Comments can be used to explain why you added certain selectors within your css file. So as to help others who may see your file, or to help you remember what you we&#8217;re thinking at a later date. You can add comments that will be ignored by browsers in the following manner.</p>
<p style="text-align: justify;">/* This is a comment */</p>
<p style="text-align: justify;">You will note that it begins with a / (forward slash) and than an * (asterisks) then the comment, then the closing tag which is just backward from the opening tag * (asterisks) then the / (forward slash).</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.akratigupta.com/introduction-to-css.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web Application Deployment with Visual Studio 2010</title>
		<link>http://blog.akratigupta.com/webapplicationdeployment.html?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=webapplicationdeployment</link>
		<comments>http://blog.akratigupta.com/webapplicationdeployment.html#comments</comments>
		<pubDate>Sun, 13 Mar 2011 10:54:46 +0000</pubDate>
		<dc:creator>Akrati</dc:creator>
				<category><![CDATA[IT]]></category>
		<category><![CDATA[Visual Studio 2010]]></category>
		<category><![CDATA[Web Application Deployment]]></category>

		<guid isPermaLink="false">http://blog.akratigupta.com/?p=4</guid>
		<description><![CDATA[When ASP.NET developers deploy a Web application, they often find that they encounter issues such as the following: Deploying to a shared hosting site requires technologies such as FTP, which can be slow. In addition, you must manually perform tasks such as running SQL scripts to configure a database and you must change IIS settings, such as configuring a virtual directory folder as an application. In an enterprise environment, in addition to deploying the Web application files, administrators frequently must modify ASP.NET configuration files and IIS settings. Database administrators must run a series of SQL scripts to get the application database running. Such installations are labor intensive, often take hours to complete, and must be carefully documented. Visual Studio 2010 includes technologies that address these issues and that let you seamlessly deploy Web applications. One of these technologies is the IIS Web Deployment Tool (MsDeploy.exe). Web deployment features in Visual Studio 2010 include the following major areas: Web packaging Web.config transformation Database deployment &#160; One-click publish for Web applications The following sections provide details about these features. Web Packaging Visual Studio 2010 uses the MSDeploy tool to create a compressed (.zip) file for your application, which is referred to as a Web package. The package file contains metadata about your application plus the following content: IIS settings, which includes application pool settings, error page settings, and so on. The actual Web content, which includes Web pages, user controls, static content (images and HTML files), and so on. SQL Server database schemas and data. Security certificates, components to install in the GAC, registry settings, and so on. A Web package can be copied to any server and then installed manually by using IIS Manager. Alternatively, for automated deployment, the package can be installed by using command-line commands or by using deployment APIs. Visual Studio 2010 provides built in MSBuild tasks and targets to create Web packages. Web.config Transformation For Web application deployment, Visual Studio 2010 introduces XML Document Transform (XDT), which is a feature that lets you transform a Web.config file from development settings to production settings. Transformation settings are specified in transform files named web.debug.config, web.release.config, and so on. (The names of these files match MSBuild configurations.) A transform file includes just the changes that you need to make to a deployed Web.config file. You specify the changes by using simple syntax. The following example shows a portion of a web.release.config file that might be produced for deployment of your release configuration. The Replace keyword in the example specifies that during deployment the connectionString node in the Web.config file will be replaced with the values that are listed in the example. &#160; &#60;connectionStrings xdt:Transform=&#8221;Replace&#8221;&#62; &#60;add name=&#8221;BlogDB&#8221; connectionString=&#8221;connection string detail]&#8221; /&#62; &#60;/connectionStrings&#62; &#160; Database Deployment A Visual Studio 2010 deployment package can include dependencies on SQL Server databases. As part of the package definition, you provide the connection string for your source database. When you create the Web package, Visual Studio 2010 creates SQL scripts for the database schema and optionally [...]]]></description>
				<content:encoded><![CDATA[<p>When ASP.NET developers deploy a Web application, they often find that they encounter issues such as the following:</p>
<p>Deploying to a shared hosting site requires technologies such as FTP, which can be slow. In addition, you must manually perform tasks such as running SQL scripts to configure a database and you must change IIS settings, such as configuring a virtual directory folder as an application.</p>
<p>In an enterprise environment, in addition to deploying the Web application files, administrators frequently must modify ASP.NET configuration files and IIS settings. Database administrators must run a series of SQL scripts to get the application database running. Such installations are labor intensive, often take hours to complete, and must be carefully documented.</p>
<p>Visual Studio 2010 includes technologies that address these issues and that let you seamlessly deploy Web applications. One of these technologies is the IIS Web Deployment Tool (MsDeploy.exe).</p>
<p>Web deployment features in Visual Studio 2010 include the following major areas:</p>
<ul>
<li>Web packaging</li>
<li>Web.config transformation</li>
<li>Database deployment</li>
</ul>
<p>&nbsp;</p>
<p>One-click publish for Web applications</p>
<p>The following sections provide details about these features.</p>
<p><strong><span style="text-decoration: underline;"> </span></strong></p>
<p><strong><span style="text-decoration: underline;">Web Packaging </span></strong></p>
<p><span style="text-decoration: underline;"> </span></p>
<p>Visual Studio 2010 uses the MSDeploy tool to create a compressed (.zip) file for your application, which is referred to as a <em>Web package</em>. The package file contains metadata about your application plus the following content:</p>
<p>IIS settings, which includes application pool settings, error page settings, and so on.</p>
<p>The actual Web content, which includes Web pages, user controls, static content (images and HTML files), and so on.</p>
<p>SQL Server database schemas and data.</p>
<p>Security certificates, components to install in the GAC, registry settings, and so on.</p>
<p>A Web package can be copied to any server and then installed manually by using IIS Manager. Alternatively, for automated deployment, the package can be installed by using command-line commands or by using deployment APIs.</p>
<p>Visual Studio 2010 provides built in MSBuild tasks and targets to create Web packages.</p>
<p><strong><span style="text-decoration: underline;">Web.config Transformation </span></strong></p>
<p>For Web application deployment, Visual Studio 2010 introduces XML Document Transform (XDT), which is a feature that lets you transform a Web.config file from development settings to production settings. Transformation settings are specified in transform files named web.debug.config, web.release.config, and so on. (The names of these files match MSBuild configurations.) A transform file includes just the changes that you need to make to a deployed Web.config file. You specify the changes by using simple syntax.</p>
<p>The following example shows a portion of a web.release.config file that might be produced for deployment of your release configuration. The Replace keyword in the example specifies that during deployment the <em>connectionString </em>node in the Web.config file will be replaced with the values that are listed in the example.</p>
<p>&nbsp;</p>
<div>
<p>&lt;connectionStrings xdt:Transform=&#8221;Replace&#8221;&gt;</p>
<p>&lt;add name=&#8221;BlogDB&#8221; connectionString=&#8221;<em>connection string detail</em>]&#8221; /&gt;</p>
<p>&lt;/connectionStrings&gt;</p>
<p>&nbsp;</p>
</div>
<p><strong> </strong></p>
<p><strong><span style="text-decoration: underline;">Database Deployment </span></strong></p>
<p>A Visual Studio 2010 deployment package can include dependencies on SQL Server databases. As part of the package definition, you provide the connection string for your source database. When you create the Web package, Visual Studio 2010 creates SQL scripts for the database schema and optionally for the data, and then adds these to the package. You can also provide custom SQL scripts and specify the sequence in which they should run on the server. At deployment time, you provide a connection string that is appropriate for the target server; the deployment process then uses this connection string to run the scripts that create the database schema and add the data.</p>
<p>In addition, by using one-click publish, you can configure deployment to publish your database directly when the application is published to a remote shared hosting site.</p>
<p><strong> </strong></p>
<p><strong><span style="text-decoration: underline;">One-Click Publish for Web Applications </span></strong></p>
<p>Visual Studio 2010 also lets you use the IIS remote management service to publish a Web application to a remote server. You can create a publish profile for your hosting account or for testing servers or staging servers. Each profile can save appropriate credentials securely. You can then deploy to any of the target servers with one click by using the Web one-click publish toolbar. With Visual Studio 2010, you can also publish by using the MSBuild command line. This lets you configure your team build environment to include publishing in a continuous-integration model.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.akratigupta.com/webapplicationdeployment.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
