Presentation is loading. Please wait.

Presentation is loading. Please wait.

8. Sascha P. Corti 29.09.2009 Internet Explorer 8 for Developers TechLab 2009-09-29, 2 Internet.

Similar presentations


Presentation on theme: "8. Sascha P. Corti 29.09.2009 Internet Explorer 8 for Developers TechLab 2009-09-29, 2 Internet."— Presentation transcript:

1 8

2 Sascha P. Corti (sascha.corti@microsoft.com) 29.09.2009 Internet Explorer 8 for Developers TechLab 2009-09-29, sascha.corti@microsoft.com 2 Internet Explorer 8 Overview for Developers

3 3 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers A little Bit of Internet Explorer HistoryA little Bit of Internet Explorer History Internet Explorer 8 for DevelopersInternet Explorer 8 for Developers AcceleratorsAccelerators Web SlicesWeb Slices Search Providers with Search SuggestionsSearch Providers with Search Suggestions Internet Explorer Administration Kit 8Internet Explorer Administration Kit 8 LinksLinks On to the Hands-On Lab / TechLab!On to the Hands-On Lab / TechLab! I

4 A little Bit of Internet Explorer History 2009-09-29, sascha.corti@microsoft.com 4 Internet Explorer 8 Overview for Developers

5 IE6 IE7 Standard s IE8 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 5

6 Goal = CSS 2.1 compliance Great progress to date: ACID2 displays correctly http://www.webstandards.org/action/acid2/guide/ IE7 ACID 2 Test IE8 ACID 2 Test ACID 2 Reference Rendering 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 6

7 Path to CSS 2.1 compliance is not Crystal Clear Lack of Test SuiteLack of Test Suite Contributed Tests to the W3CContributed Tests to the W3C Areas of Ambiguity in SpecAreas of Ambiguity in Spec 7 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers http://www.w3.org/TR/CSS21/visuren.html The effect of 'position:relative' on table-row- group, table-header-group, table-footer- group, table-row, table-column-group, table- column, table-cell, and table-caption elements is undefined.

8 Goal #1: Better Support for Web standards MODESMODES IE 8 CSS 2.1 layout + JavaScript / OM improvements IE8 Layout 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 8

9 Goal #2 – Allow developers to choose IE7 compatibility mode if they want / need it IE7 Layout* *Security fixes made to IE7 layout code path may cause changes in behavior from IE7 to IE8 MODESMODES IE <= 6 Quirks mode IE 7 Standards mode 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 9

10 IE <= 6 Quirks mode IE 7 Standards mode IE 8 CSS 2.1 rendering + JavaScript / OM improvements IE7 Layout IE8 Layout MODESMODES Mode must be enabled via opt-in Default = best standards mode Multiple layout modes provide support for Quirks, Standards, and IE8 Standards modes 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 10

11 Test Page Test Page Opting-In via Tag or HTTP Header 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 11

12 Declared overrides Declared overrides Compatibility mode switch can “lock-in” Quirks and IE7 Standards modes as wellCompatibility mode switch can “lock-in” Quirks and IE7 Standards modes as well Common NameCompatibility Mode Value QuirksIE=5 IE7 StandardsIE=7 Emulate IE7IE=EmulateIE7 IE8 StandardsIE=8 Emulate IE8IE=EmulateIE8 Always Use Latest Mode IE=edge 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 12

13 // What mode is my document in? document.write("My document is in IE" + document.documentMode + " compatibility mode"); Checking the Document Mode of a Page 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 13

14 Accelerators Provide your services from anywhere on the webProvide your services from anywhere on the web Web Slices Bring pieces of your site directly to the userBring pieces of your site directly to the user Search Providers Provide visual search and search suggestionsProvide visual search and search suggestions Create a sticky connection to your user! 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 14

15 Accelerators 2009-09-29, sascha.corti@microsoft.com 15 Internet Explorer 8 Overview for Developers

16 16 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Access your Favorite Services from any Web Page.

17 Accelerators 2009-09-29, sascha.corti@microsoft.com 17 Internet Explorer 8 Overview for Developers

18 OpenService XML Description Serialize Content Serialize Content Navigate URL HTML Preview Accelerator Results in Preview Install Accelerator Select Content Select Accelerator Execute Accelerator Navigate to Service 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 18

19 Accelerators don’t do any manipulations Can do POST or GET requests Adding a Preview uses a 320x240 window Can send several parameters HighlightedText, {selection} DocumentName, {documentTitle} DocumentDomain, {documentDomain} DocumentHost, {documentHost} Link, {link} LinkText, {linkText} LinkRel, {linkRel} LinkType, {linkType} LinkDomain, {linkDomain} LinkHost, {linkHost} 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 19

20 http://www.bing.com/shopping/ Search with Bing Shopping http://www.bing.com/favicon.ico 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 20

21 //check the user agent string if client is MSIE 8.0 //for more info: http://msdn2.microsoft.com/en-us/library/ms537509.aspx //check if service is already installed window.external.IsServiceInstalled (‘http://bing.com/shopping/accelerator.xml’, ‘category’); //if false, display button to add service 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 21

22 Creating an Accelerator 2009-09-29, sascha.corti@microsoft.com 22 Internet Explorer 8 Overview for Developers

23 Accelerators are a light-weight way for users to have easy access to their favorites services from any web page 1.Think about ways to drive users to your site from any webpage: - lookup information (rating, similar information, etc.) - create new content - link sharing 2.Create an Accelerator using the OpenService Format Accelerators are designed to work with today’s services 3.Advertise your Accelerator on your website Installing an Accelerator requires no code deployment 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 23

24 Web Slices 2009-09-29, sascha.corti@microsoft.com 24 Internet Explorer 8 Overview for Developers

25 25 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Get Updates for Your Favorite Pieces of the Web.

26 Web Slices 2009-09-29, sascha.corti@microsoft.com 26 Internet Explorer 8 Overview for Developers

27 27 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Basic.html Web Slice Discover Update & Notify Store Display

28 28 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Basic.html Web Slice Discover Update & Notify Store Display Update.feed.xml

29 29 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Basic.html Web Slice Discover Update & Notify Store Display Display.html

30 Amazon Kindle, Unopened Current bid: US $282.11 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 30

31 hslice entry-titlethe title of the feed item entry-contentthe description of the feed item feedurl ttlalternative path to get updates– time-to-live value endtimethe date in which the item is no longer relevant 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 31

32 Feed Download Engine checks for updates once a day by default (15 minutes max) Set time-to-live value Updates every 60 mins Provide alternative feed Direct download engine to different source for getting updatesDirect download engine to different source for getting updates Subscribe 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 32

33 Feeds enable opening web data to users and applications Web Slices are the same as feedsWeb Slices are the same as feeds Data is cached on user’s local machineData is cached on user’s local machine Expose private data through authenticationExpose private data through authentication Feeds Platform Auth Support: Persistent cookie based authPersistent cookie based auth On expired cookies, click thru to clip page to re-authOn expired cookies, click thru to clip page to re-auth Http based auth (Basic & Digest)Http based auth (Basic & Digest) Basic auth via SSLBasic auth via SSL Uses saved credentials for background downloadUses saved credentials for background download On failure, user can click thru to page to “fix” problemOn failure, user can click thru to page to “fix” problem NTLM (Corporate Scenarios)NTLM (Corporate Scenarios) 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 33

34 Creating a Web Slice 2009-09-29, sascha.corti@microsoft.com 34 Internet Explorer 8 Overview for Developers

35 Search Providers with Search Suggestions 2009-09-29, sascha.corti@microsoft.com 35 Internet Explorer 8 Overview for Developers

36 36 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Your Favorite Search Engines with History and Suggestions

37 Search Providers with Search Suggestions 2009-09-29, sascha.corti@microsoft.com 37 Internet Explorer 8 Overview for Developers

38 My Wikipedia Search http://en.wikipedia.org/favicon.ico 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 38

39 39 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers seattle seattle weather rainy all the time rainy http://www.weather.com/seattle seattle seahawks football team seahawks http://www.nfl.com/seahawks ["seattle", ["seattle weather", "seattle seahawks", "seattle mariners"], ["rainy all the time", "football team", "baseball team"], ["http://www.weather.com/seattle”,"http://www.nfl.com/seahawks”, "http://www.mlb.com/mariners"]] JSON Response XML Response

40 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers 40

41 Creating a Search Provider with Search Suggestions 2009-09-29, sascha.corti@microsoft.com 41 Internet Explorer 8 Overview for Developers

42 42 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Manager for Accelerators & Search Providers Web Slices «just» links in Favorites bar.

43 43 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Publish Add-Ons to the Add-On Gallery http://ieaddons.com http://ieaddons.com

44 Internet Explorer Administration Kit 8 2009-09-29, sascha.corti@microsoft.com 44 Internet Explorer 8 Overview for Developers

45 45 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers Distribution Options CD, LAN/Internet, Configuration-Only Package Custom Components In-House Applications, Toolbars, etc. Setup Experience Change User Experience during setup Browser Customization Title Bar (Internet Explorer provided by [YourName]) Customize Search Providers Accelerators, Favorites & Web Slices

46 46 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers

47 Internet Explorer 8 Features http://www.microsoft.com/windows/products/winfamily/ie/ie8/features.mspx http://www.microsoft.com/windows/products/winfamily/ie/ie8/features.mspx Internet Explorer 8 Whitepapers http://code.msdn.microsoft.com/Release/ProjectReleases.aspx?ProjectName=ie8whitepapers&ReleaseId=567 http://code.msdn.microsoft.com/Release/ProjectReleases.aspx?ProjectName=ie8whitepapers&ReleaseId=567 Accelerators OpenService Accelerators Developer Guide: http://msdn.microsoft.com/en-us/library/cc289775(VS.85).aspx http://msdn.microsoft.com/en-us/library/cc289775(VS.85).aspx Internet Explorer Gallery Accelerators: http://www.ieaddons.com/en/accelerators/ http://www.ieaddons.com/en/accelerators/ Web Slices Web Slice Format Specification http://msdn.microsoft.com/en-us/library/cc304073(VS.85).aspx http://msdn.microsoft.com/en-us/library/cc304073(VS.85).aspx Subscribing to Content with Webslices http://msdn.microsoft.com/en-us/library/cc184965(VS.85).aspx http://msdn.microsoft.com/en-us/library/cc184965(VS.85).aspx Search Providers Search Provider Extensibility in Internet Explorer: http://msdn.microsoft.com/en-us/library/cc848862.aspx XML Search Suggestions Format Specification: http://msdn.microsoft.com/en-us/library/cc848863.aspx The full specification for OpenSearch description files: http://www.opensearch.org/Specifications/OpenSearch/1.1 http://www.opensearch.org/Specifications/OpenSearch/1.1 Internet Explorer Administration Kit Internet Explorer Administration Kit 8 Documentation: http://technet.microsoft.com/en-us/library/cc817437.aspx Internet Explorer Administration Kit 8 Download: http://technet.microsoft.com/en-us/ie/cc889349.aspx Frequently Asked Questions: Internet Explorer Administration Kit 8: http://technet.microsoft.com/en-gb/ie/bb219561.aspx 47 2009-09-29, sascha.corti@microsoft.com Internet Explorer 8 Overview for Developers

48 For more Information please contact 2009-09-29, sascha.corti@microsoft.com 48 Internet Explorer 8 Overview for Developers Sascha P. Corti Developer Evangelist Sascha.corti@microsoft.com Tel +41 (43) 456-6294 Mobile+41 (78) 844-6294 Microsoft Schweiz GmbH Richtistrasse 3 CH-8304 Wallisellen

49 © 2008 Microsoft Switzerland. All rights reserved. This presentation is for informational purposes only. Microsoft makes no warranties, express or implied, in this summary.


Download ppt "8. Sascha P. Corti 29.09.2009 Internet Explorer 8 for Developers TechLab 2009-09-29, 2 Internet."

Similar presentations


Ads by Google