The Microsoft Web Platform

Glen GordonDeveloper Evangelist, Microsofthttp://glengordon.nameTwitter: @glengordon

What is the Microsoft Web Platform?

A powerful set of tools, servers, and technologies optimized for building and hosting next generation web applications.

http://microsoft.com/web

Tools Servers Technologies

Applications

Design and development integration for pre- packaged Open Source applications that run on top of the Microsoft Web Platform including:

The Microsoft Web Platform is a powerful set of tools, servers, and technologies optimized for building and hosting next generation web applications and solutions.

Tools Servers Technologies

Applications

Design and development integration for pre- packaged Open Source applications that run on top of the Microsoft Web Platform including:

The Microsoft Web Platform is a powerful set of tools, servers, and technologies optimized for building and hosting next generation web applications and solutions.

Internet Information Services (IIS) 5.1 on Windows XP SP3IIS 6.0 on Windows Server 2003 SP2IIS 7.0 on Windows Vista SP1 and Windows Server 2008SQL Server 2008 Express.NET Framework 3.5 SP1Visual Web Developer 2008 Express EditionIIS Extensions including:

IIS 7 Media Services 3.0 IIS7 Administration PackDatabase Manager for IIS7WebDav 7.5FTP 7.5FastCGI for PHP support on IIS6URL RewriterIIS 7 Application RoutingWeb Deployment Tool for IIS

ASP.NET and features such as ASP.NET MVCSilverlight Tools for Visual StudioThe Community Version of PHP v5.2.9-1

Web Platform Installed: Web PI (Platform Installer)

Windows Web App Gallery

Web Platform Installer

Demo

Follow Web Application

Gallery Principles

1

Submit your application

package link

2

Add to App ATOM feed

3

Getting Into the Web App Gallery

Install.sql

Web Deployment Integration

Zip Package

Parameters .xml

Manifest.xml

Web Platform - Benefits

Providers

Add value to your services and products

A simple and easy way to offer web apps to customers.

Expand your customer base.

Developers

An easy way to package your web app.

Distribution channel for your web app.

Access to millions of Windows customers worldwide.

Users

A great way to discover the apps you want.

A simplified install and deploy experience.

A social hub for community ratings and reviews.

Resources

Use the installerhttp://microsoft.com/web

Get your apps in the galleryFollow the team on Twitter@mswebplatform

PHP on IIS centerhttp://php.iis.net

PHP on Windowshttp://www.microsoft.com/web/platform/phponwindows.aspx

PHP on Windows Training Kithttp://tinyurl.com/phpwintk

What’s new in IE8 – Standards and FeaturesGlen GordonDeveloper Evangelist, Microsofthttp://glengordon.nameTwitter: @glengordon

Life Was Simpler Back Then…

Life Was Simpler Back Then…

Life Was Simpler Back Then…

Life Was Simpler Back Then…

Life Was Simpler Back Then…

Life Was Simpler Back Then…

A Little History…Year Internet

ExplorerMozilla & Firefox

Netscape Chrome Opera Safari

1994 1.0

1995 1.0 & 2.0

1996 3.0 3.0 2.0

1997 4.0 4.0 3.0

1998 Mozilla 4.0

1999 5.0

2000 6.0 5.0

2001 6.0 6.0

2002 Mozilla 1 7.0

2003 7.0 1.0

2004 1.0

2005 8.0 8.0 2.0

2006 7.0 2.0 9.0

2007 9.0 3.0

2008 3.0 1.0

2009 8.0 10.0* 4.0*

*Wild stab at the dark as to ship date based on previous ship cycles

A Little History…Year Internet

ExplorerMozilla & Firefox

Netscape Chrome Opera Safari

1994 1.0

1995 1.0 & 2.0

1996 3.0 3.0 2.0

1997 4.0 4.0 3.0

1998 Mozilla 4.0

1999 5.0

2000 6.0 5.0

2001 6.0 6.0

2002 Mozilla 1 7.0

2003 7.0 1.0

2004 1.0

2005 8.0 8.0 2.0

2006 7.0 2.0 9.0

2007 9.0 3.0

2008 3.0 1.0

2009 8.0 10.0* 4.0*

*Wild stab at the dark as to ship date based on previous ship cycles

1994 to 19979 new browsers

1998 to 20017 new browsers

2001 to 20058 new browsers

2006 to 20097 new browsers

Write Once… If Only!

7

Page Built For InternetExplorer 6

6

1. Identify browser

2. Serve right page

I’m IE6

Write Once… If Only!

Page Built For Internet Explorer 7

7

Page Built For InternetExplorer 6

6

1. Identify browser

2. Serve right page

I’m IE7

Page Built For InternetExplorer 6

Page Built For Browsers that best understand standards

Write Once… If Only!

Page Built For Internet Explorer 7

76

1. Identify browser

2. Serve right page

I’m Firefox I’m Safari

Page Built For Browsers that best understand standards

Getting There, The Next Step

1. Identify browser

2. Serve right page

I’m FirefoxI’m Safari

8

I’m IE8

Interoperability

Existing Internet

Explorer 7 Mode

Web Standards

Standards Mode

(default)

Higher Interoperabili

ty

IE8 Compat Features

<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7” />

IE8 Compat Features

IE8 Compat Features

Using The Dev Tools

Browser ModeChanges the UA stringChanges the rendering mode used by IE

Document ModeDoes not change the UA stringOnly changes the rendering engine used by IE

Understanding The User Agent

Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0)

Browser Version

Understanding The User Agent

Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0)

Operating System

Understanding The User Agent

Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0)

Trident Version

Understanding The User Agent

Internet Explorer 8 on Vista in Compatibility ModeMozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Trident/4.0)

Internet Explorer 8 on Vista in Standards ModeMozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0)Internet Explorer 8 on Windows 7 in Compatibility ModeMozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/4.0)Internet Explorer 8 on Windows 7 in Standards ModeMozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0)

Real World Solutions

Least Desirable: Compat Button

Placed next to refresh buttonRequires the User to understand a site is broken because of rendering problems

Less Preferrable: Compatibility View List

If a site falls in our criteria as a top worldwide site AND a compatibility problem has been reported to MicrosoftIE8 will automatically show the site in compatibility modeOpt-out using X-UA-Compatible tag or web form res://iecompat.dll/iecompatdata.xml

Preferred: Code to Standards

HTML

ACID 2

CSS 2.1

CSS 2.1 complianceDOM ImprovementsHTML ImprovementsAcid2 Test compliance

This meansData URI SupportImproved Namespace SupportAnd more

Best: Standards & X-UA-CompatibleExisting or legacy sites: IE=EmulateIE7

New and current sites: IE=EmulateIE8Content Value MeaningIE=5 “Quirks” modeIE=7 IE7 Standards modeIE=EmulateIE7 Display standards DOCTYPEs in IE7

Standards mode; Display quirks DOCTYPEs in Quirks mode

IE=8 IE8 Standards modeIE=EmulateIE8 Display Standards DOCTYPEs in IE8

Standards mode; Display Quirks DOCTYPEs in Quirks mode. Use this tag to override compatibility view on client machines and force Standards to IE8 Standards.

IE=Edge Display in latest mode; In the IE8 release, this is equivalent to IE=8

<meta http-equiv=“X-UA-Compatible” content=“IE=EmulateIE7” />

Site Compatibility Best Practices

Create websites using good standards practicesUse IE=EmulateIE7 for legacy and old websitesUse IE=EmulateIE8 for new and actively maintained websitesTest your site on Internet Explorer 8, 7, and 6Identify site elements that may not work the same in IE8, even with the compatibility tag

XSS Filter– prevents JScript from executingJSON function callsDEP/NX option – prevents code from running in non-executable memoryOther issues – logged as events in ACT

Additional Resources for IE8 Application Compatibility

Defining Document Compatibility: Step-by-step instructions for meta tag placement IE8 Compatibility – Meta tags, HTTP headers, User Agent Strings on from Mike Ormond's (DPE) BlogApplication Compatibility Toolkit 5.0 with the IE Compatibility Test Tool Application Compatibility Toolkit 5.0 Application Compatibility Whitepaper Internet Explorer 8 Compatibility Test GuideInternet Explorer Compatibility Center Internet Explorer Developer Center  Internet Explorer 8 Readiness Toolkit Internet Explorer 8 Home PageUser Agent Picker for IE 8

http://www.enhanceie.com/ietoys/uapick.asp

JSON native parser http://blogs.msdn.com/ie/archive/2008/09/10/native-json-in-ie8.aspx

New User Experiences

Web Slices: Keep up with what matters most

Accelerators: Get things done faster

Visual Search: Visualize results

Resources for IE 8 Experiences

IE8 Add-onshttp://ieaddons.com/

New Features to Slice, Store and Accelerate your Web Apps

http://msdn.microsoft.com/en-us/magazine/dd458804.aspx

IE8 optimizations from eBayhttp://ie8.ebay.com/

WebChunks add-on for Firefoxhttps://addons.mozilla.org/en-US/firefox/addon/8494

Thanks!

Glen GordonDeveloper Evangelist, Microsofthttp://glengordon.nameTwitter: @glengordon