ΙΕ8 Productivity Web Slice Development, Accelerators, Visual Search Providers, Microsoft Internet Explorer 8, Internet Explorer Administration Kit (IEAK).

1. Internet Explorer 8 11/26/2009 1 DevDays2009

2. KonstantinosPantos http://blog.pantos.name 11/26/2009 DevDays 2009 2

3. What’s new in IE8 Standards Interoperability Improvements CSS 2.1, HTML 4.01, HTML 5 DOM Storage etc. Multiple rendering mode support Acid 2 test passed New Features Accelerators WebSlices Visual Search Ajax improvements Automatic crash recovery Security Features Platform enhancements Performance improvements Developer tools 11/26/2009 DevDays 2009 3

4. Multiple rendering mode support Compatibility Modes IE8 Standard (default) – CSS 2.1-compliant IE7 Emulation – backward compatibility with IE7 IE5 Compatible – IE5 rendering behavior Mode Switches (Opt-in) HTTP header: X-UA-Compatible: IE=7 For example, Web.Config in IIS7: 11/26/2009 DevDays 2009 4 <httpProtocol> <customHeaders> <clear /> <add name="X-UA-Compatible" value="IE=7" /> </customHeaders> </httpProtocol>

5. Multiple rendering mode support JavaScript: Meta tag: 11/26/2009 DevDays 2009 5 /* Floating-point that receives one of the following values. 5: Microsoft Internet Explorer 5 mode (also known as "quirks mode"). 7: Internet Explorer 7 Standards mode. 8: Internet Explorer 8 Standards mode. */ document.documentMode = 5; <meta http-equiv="X-UA-Compatible" content="IE=7">

6. Accelerators Contextual Menu Options Based on content selection selection, Link document “ look up” & “send to” external services In-place content preview Implementation OpenService Activity XML descriptor HTTP GET/POST JavaScript integration 11/26/2009 DevDays 2009 6 http://www.microsoft.com/schemas/openservicedescription/1.0 window.external.AddService() & IsServiceInstalled()

7. OpenService Accelerator Format 11/26/2009 DevDays 2009 7 <?xml version="1.0" encoding="UTF-8"?> <os:openServiceDescription xmlns:os="http://www.microsoft.com/schemas/openservicedescription/1.0"> <os:homepageUrl>http://maps.example.com</os:homepageUrl> <os:display> <os:name>Map with MyMap</os:name> <os:icon>http://www.example.com/favicon.ico</os:icon> <os:description>Map addresses easily with MyMap.</os:description> </os:display> <os:activity category="Map"> <os:activityAction context="selection"> <os:preview action="http://maps.example.com/preview.php?addr={selection}" /> <os:execute action="http://maps.example.com/" method="get"> <os:parameter name="addr" value="{selection}" type="text" /> </os:execute> </os:activityAction> </os:activity> </os:openServiceDescription>

8. Deploying Accelerators 11/26/2009 DevDays 2009 8 <button id="myButton" onclick="window.external.AddService('http://www.example.com/activity.xml')"> Add MyMap to the shortcut menu in Internet Explorer 8</button> window.onload= function() { if (window.external.IsServiceInstalled('http://www.example.com','map')) { document.getElementById('myButton').disabled = true; } }

9. <Demo /> 11/26/2009 DevDays 2009 9

10. Web Slices Page Content Subscription RSS-based subscriptions to portions of a Web page Favorites Bar with update notification Content-hover discovery In-place content preview Implementation Enabled by adding HTML annotations hAtomMicroformat and Web Slice format Refresh interval configurable Sample HTML Annotations … 11/26/2009 DevDays 2009 10

11. Web Slice Format hAtomMicroformat describes a feed & items Web Slice builds on hAtom hAtom can represent static content Web Slice is dynamic content Web Slice reuses properties on hAtom Adds optional properties for subscribing ttl – time-to-live value feedurl – alternative path to get updates endtime – When the feed item is no longer relevant Can be applied to an hAtom 11/26/2009 DevDays 2009 11

12. Alternative Display Source 11/26/2009 DevDays 2009 12

13. Alternative Update and Display 11/26/2009 DevDays 2009 13

14. <Demo /> 11/26/2009 DevDays 2009 14

15. Search Providers OpenSearch specification based Used by any browser that supports it Offering Search Suggestions Offering Visual Search Suggestions 11/26/2009 DevDays 2009 15

16. OpenSearch Description File 11/26/2009 DevDays 2009 16 <?xml version="1.0" encoding="UTF-8"?> <OpenSearchDescriptionxmlns="http://a9.com/-/spec/opensearch/1.1/" xmlns:ie="http://schemas.microsoft.com/Search/2008/"> <ShortName>My Custom Search</ShortName> <Image height="16" width="16" type="image/icon">http://example.com/example.ico</Image> <Url type="text/html" template="http://example.com/search.aspx?q={searchTerms}&source=IE"/> <Url type="application/x-suggestions+json" template="http://suggestions.example.com/search.aspx?q={searchTerms}"/> <Url type="application/x-suggestions+xml" template="http://suggestions.example.com/search.aspx?q={searchTerms}"/> <ie:PreviewUrl type="text/html" template="http://suggestions.example.com/search.aspx?q={searchTerms}"/> </OpenSearchDescription>

17. Search Suggestions Additional declarations 11/26/2009 DevDays 2009 17 <Url type="application/x-suggestions+json" template="http://suggestions.example.com/search.aspx?q={searchTerms}"/> <Url type="application/x-suggestions+xml" template="http://suggestions.example.com/search.aspx?q={searchTerms}"/>

18. XML Suggestion format 11/26/2009 DevDays 2009 18 <?xml version="1.0"?> <SearchSuggestionxmlns="http://schemas.microsoft.com/Search/2008/suggestions"> <Query>xbox</Query> <Section> <Separator title="My Text Suggestions"/> <Item> <Text>Xbox 360</Text> <Description>The official Xbox website from Microsoft</Description> <Url>http://www.xbox.com</Url> <Image source="http://www.example.com/xboxconsole.jpg" alt="Xbox 360 Consoles" width="75" height="75"/> </Item> <Item> <Text>Xbox cheats</Text> <Description>Codes and walkthroughs</Description> <Url>http://www.example.com/xboxcheatcodes.aspx</Url> </Item> <Item> <Text>Xbox 360 games</Text> <Description>Games and accessories</Description> <Url>http://www.example.com/games</Url> </Item> </Section> </SearchSuggestion>

19. Developer Tools Built-In Developer Tools Dynamic toggling of rendering modes 3 modes – HTML, CSS, JavaScript HTML & CSS Explorer Exposes internal representation of DOM tree and CSS styles Real-time editing and rendering Element-based style explorer CSS file-based view in CSS mode 11/26/2009 DevDays 2009 19

20. Developer Tools JavaScript Debugger Execution control line and context-based breakpoints Step into, over, out, continue; break all (pause) Variable Inspection Scope sensitive (local, global, etc.) Set watch variables Call Stack Manipulation Dynamic call stack traversal Custom Script Execution Immediate tab 11/26/2009 DevDays 2009 20

21. <Demo /> 11/26/2009 DevDays 2009 21

22. Internet Explorer Administration Kit Increase productivity. Customize settings Same functionality in all browsers Easier support Increase manageability and reliability Maximize reliability Reduce the cost of deployments, support, and upgrades Central dynamic IE installation management 11/26/2009 DevDays 2009 22

23. Features Distribution options. Custom components. Customize Setup experience. Customize Search experience. Customize Browser experience. Administrator-approved Microsoft ActiveX® controls. Automatic configuration. Web Slices. You can add Web Slices to your customized browser. Accelerators. You can include Live Accelerators, or create your own Accelerators to include with your customized browser. Search providers. You can make multiple search providers available to your users 11/26/2009 DevDays 2009 23

24. <Demo /> 11/26/2009 DevDays 2009 24

25. The Gallery http://www.ieaddons.com 11/26/2009 DevDays 2009 25

26. Stuff Web Sliceshttp://msdn.microsoft.com/en-us/library/cc304073(VS.85).aspx OpenService Accelerators Developer Guidehttp://msdn.microsoft.com/en-us/library/cc287851(VS.85).aspx OpenSearchhttp://msdn.microsoft.com/en-us/library/dd464679(VS.85).aspx Internet Explorer Administration Kit (IEAK)http://technet.microsoft.com/en-us/ie/bb219517.aspx 11/26/2009 DevDays 2009 26

27. Thank you 11/26/2009 DevDays 2009 27