0
Internet Explorer 8Programando extensões para Internet Explorer (Webslices e Aceleradores)<br />Rogerio Cordeiro<br />Deve...
IntroduçãoRevisãosobre as novidades do IE8 …<br />Mutable DOM Prototypes<br />Protected Mode Improvements<br />RSS Feature...
AgendaFocadaem 2 NovosRecursos<br />Aceleradores<br />Forneceseusserviços de qualquerlugarpela web<br />Web Slices<br />Tr...
AgendaDesafio de Interoperabilidade<br />Anúncio e premiação do vencedor!<br />
Princípios de design<br />Simples como um padrão de usuário<br />Fácilparaosdesenvolvedores web<br />Nãonecessáriocódigo d...
Aceleradores<br />
Aceleradores<br />Seus serviços favoritos em qualquer página Web<br />
Fluxo dos Aceleradores<br />Preview Accelerator<br />Results in Site<br />Execute Accelerator<br />Navigate to Service<br ...
DemoComo criar um Acelerador<br />
<?xml version="1.0" encoding="utf-8" ?> <br /><openServiceDescriptionxmlns="http://www.microsoft.com/schemas/openservicede...
//checar a string do user agent se é MSIE 8.0<br />//paramaisinformações:<br />http://msdn2.microsoft.com/en-us/library/ms...
Resumo<br />Aceleradoressão um jeitomaisfácil de osusuáriosteremacessofácilaosseusserviçosfavoritos a partir de qualquerpá...
Web Slices<br />
Web Slices<br />Estejaciente do queacontece com osseus “pedaços” da Web<br />
<div class=”hslice” id=”1” ><br />	<p class=”entry-title”>Amazon Kindle, Unopened</p><br />	<div class=”entry-content”><br...
Parâmetros<br />hslice<br />entry-title – o título do Web Slice<br />entry-content – descrição<br />ttl – valor do time-to...
Gerenciamento<br />Verificapor updates umavezpordiaporpadrão (15 minutos no máximo)<br />Set time-to-live value<br />	<div...
DemoComo criar um Webslice<br />
Resumo<br />Web Slices são um ótimorecursoparaqueosseususuáriosfiquematentosàsmudanças de conteúdo do seu site<br />Comece...
Recursos<br />MSDN Brasil http://msdn.com.br<br />IE8 Developer Center do MSDN Brasilhttp://msdn.microsoft.com/pt-br/ie/de...
Muito Obrigado!Dúvidas?<br />Rogerio Cordeiro<br />Developer Evangelist<br />Microsoft Brasil<br />Blog: http://blogs.msdn...
Dasafiode Interoperabilidade<br />Anúncio e premiação do vencedor!<br />http://www.premiointeropbrasil.com.br<br />
© 2009 Microsoft Corporation. All rights reserved. Microsoft, MSDN, the MSDN logo, and [list other trademarks referenced] ...
Upcoming SlideShare
Loading in...5
×

Programando extensões para Internet Explorer (Webslices e Aceleradores)

1,796

Published on

Programando extensões para Internet Explorer (Webslices e Aceleradores)

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,796
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
11
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • Instala o Acelerador – conjunto de conteúdosem XMLSerializar o conteúdo no backendNavegarpara a URLPreview ouexecutar
  • Transcript of "Programando extensões para Internet Explorer (Webslices e Aceleradores)"

    1. 1. Internet Explorer 8Programando extensões para Internet Explorer (Webslices e Aceleradores)<br />Rogerio Cordeiro<br />Developer Evangelist<br />Microsoft Brasil<br />Blog: http://blogs.msdn.com/rogerioc<br />Twitter: @rogerioc<br />30/01/2010<br />
    2. 2. IntroduçãoRevisãosobre as novidades do IE8 …<br />Mutable DOM Prototypes<br />Protected Mode Improvements<br />RSS Features<br />Search Suggestions<br />Security and Privacy<br />Selectors API<br />Web Slices<br />Zoom Enhancements<br />Related Topics<br />64-Bit Downloads<br />Accelerators<br />Accessibility and ARIA<br />ActiveX Improvements<br />AJAX Enhancements<br />CSS Compliance<br />Developer Tools<br />Document Compatibility Mode<br />DOM Storage<br />HTML and DHTML Improvements<br />
    3. 3. AgendaFocadaem 2 NovosRecursos<br />Aceleradores<br />Forneceseusserviços de qualquerlugarpela web<br />Web Slices<br />Traga “pedaços” do seu site diretamentepara o usuário<br />Crieumaconexão com o seuusuário<br />
    4. 4. AgendaDesafio de Interoperabilidade<br />Anúncio e premiação do vencedor!<br />
    5. 5. Princípios de design<br />Simples como um padrão de usuário<br />Fácilparaosdesenvolvedores web<br />Nãonecessáriocódigo do lado do cliente<br />Funciona com sites e serviçosexistentes<br />
    6. 6. Aceleradores<br />
    7. 7. Aceleradores<br />Seus serviços favoritos em qualquer página Web<br />
    8. 8. Fluxo dos Aceleradores<br />Preview Accelerator<br />Results in Site<br />Execute Accelerator<br />Navigate to Service<br />Install Accelerator<br />Select Content<br />Select Accelerator<br />Serialize <br />Content<br />Navigate URL<br />HTML<br />OpenService XML Description<br />
    9. 9. DemoComo criar um Acelerador<br />
    10. 10. <?xml version="1.0" encoding="utf-8" ?> <br /><openServiceDescriptionxmlns="http://www.microsoft.com/schemas/openservicedescription/1.0"><br /> <homepageUrl>http://maps.live.com</homepageUrl> <br /> <display><br /> <name>Map with Live Maps</name> <br /> <icon>http://maps.live.com/favicon.ico</icon> <br /> </display><br /> <accelerator category="Map"><br /> <acceleratorAction context="selection"><br /> <execute method="get“ action="http://maps.live.com/default.aspx?where1={selection}" /> <br /> <preview method="get" action="http://maps.live.com/geotager.aspx"><br /> <parameter name="b" value="{selection}" /> <br /> <parameter name="clean" value="true" /> <br /> <parameter name="w" value="320" /> <br /> <parameter name="h" value="240" /> <br /> <parameter name="format" value="full" /> <br /> </preview><br /> </acceleratorAction><br /> </accelerator><br /></openServiceDescription><br />FormatoOpenService<br />
    11. 11. //checar a string do user agent se é MSIE 8.0<br />//paramaisinformações:<br />http://msdn2.microsoft.com/en-us/library/ms537509.aspx<br />//checar se o serviçojáestáinstalado<br />window.external.IsServiceInstalled<br /> (‘http://example.com/Service.xml’, ‘category’);<br />//casonegativo, mostrarbotãoparainstalar o serviço<br />window.external.AddService<br /> (‘http://example.com/Service.xml’) ;<br />Deployment do Acelerador<br />
    12. 12. Resumo<br />Aceleradoressão um jeitomaisfácil de osusuáriosteremacessofácilaosseusserviçosfavoritos a partir de qualquerpágina web<br />Penseem um jeito de trazerpessoasparaseu site a partir de outros sites: <br />- Procura de informações (classificação de conteúdo, informações, etc.)<br />- Creinovosconteúdos<br />- Compartilhe links<br />Crie um aceleradorutilizando o formatoOpenService<br />Os aceleradoresforamfeitosparafuncionar com osservicosdisponíveishoje<br />Divulgue o seuacelerador no seu website<br />Para instalá-lo, não é necessáriocódigo<br />
    13. 13. Web Slices<br />
    14. 14. Web Slices<br />Estejaciente do queacontece com osseus “pedaços” da Web<br />
    15. 15. <div class=”hslice” id=”1” ><br /> <p class=”entry-title”>Amazon Kindle, Unopened</p><br /> <div class=”entry-content”><br /> <imgsrc=”pic.jpg”><br /> <p>Current bid: <b>US $282.11</b></p><br /> </div><br /></div><br />Exemplobásico<br />
    16. 16. Parâmetros<br />hslice<br />entry-title – o título do Web Slice<br />entry-content – descrição<br />ttl – valor do time-to-leave para updates maisfrequentes<br />feedurl – destinoalternativoparabuscar updates<br />endtime – a data emque o item nãoestarámaisdisponível<br />
    17. 17. Gerenciamento<br />Verificapor updates umavezpordiaporpadrão (15 minutos no máximo)<br />Set time-to-live value<br /> <div>Updates every <span class=”ttl”>60</span>mins</div><br />Fornecer um feed alternativo – outrafonteparaobter updates<br /><a rel=”feedurl” href=”www.foo.com/feed.xml”>Subscribe</a><br />
    18. 18. DemoComo criar um Webslice<br />
    19. 19. Resumo<br />Web Slices são um ótimorecursoparaqueosseususuáriosfiquematentosàsmudanças de conteúdo do seu site<br />Comecem agora!<br />Não é necessáriocódigo do lado do cliente!<br />Os usuáriossãonotificadosquandotemos updates<br />Atraia click rates para o seu site através de previews<br />
    20. 20. Recursos<br />MSDN Brasil http://msdn.com.br<br />IE8 Developer Center do MSDN Brasilhttp://msdn.microsoft.com/pt-br/ie/default.aspx<br />
    21. 21. Muito Obrigado!Dúvidas?<br />Rogerio Cordeiro<br />Developer Evangelist<br />Microsoft Brasil<br />Blog: http://blogs.msdn.com/rogerioc<br />Twitter: @rogerioc<br />
    22. 22. Dasafiode Interoperabilidade<br />Anúncio e premiação do vencedor!<br />http://www.premiointeropbrasil.com.br<br />
    23. 23. © 2009 Microsoft Corporation. All rights reserved. Microsoft, MSDN, the MSDN logo, and [list other trademarks referenced] are trademarks of the Microsoft group of companies.  <br />The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation.  Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation.  MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED, OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.<br />
    24. 24. Search Providers<br />
    25. 25. Search Providers: Sua engine de buscafavorita com sugestões<br />
    26. 26. <?xml version="1.0" encoding="UTF-8"?><br /><OpenSearchDescriptionxmlns="http://a9.com/-/spec/opensearch/1.1/"><br /> <ShortName>My Custom Search</ShortName><br /> <Url type="text/html”<br /> template="http://example.com/?q={searchTerms}&amp;source=IE"/> <br /> <Image height="16" width="16“ type="image/icon"><br /> http://example.com/mycustom.ico<br /> </Image><br /> <Url type="application/x-suggestions+json”<br /> template="http://suggestions.example.com/?q={searchTerms}"/><br /> <Url type="application/x-suggestions+xml”<br /> template="http://suggestions.example.com/?q={searchTerms}"/><br /> <ie:PreviewUrl type="text/html”<br /> template="http://example.com/search?q={searchTerms}&ei=utf-8"/><br /></OpenSearchDescription><br />Descritivo do Open Search<br />
    27. 27. //checar a string do user agent se é MSIE 8.0<br />//paramaisinformações: <br />http://msdn2.microsoft.com/en-us/library/ms537509.aspx <br />//checa se o serviçojáestáinstalado<br />window.external.IsSearchProviderInstalled<br /> (‘http://example.com/SearchProvider.xml’);<br />//se falso, mostrarbotãoparainstalar o serviço<br />window.external.AddSearchProvider<br /> (‘http://example.com/SearchProvider.xml’) ;<br />Adicionando o seu Provider<br />
    28. 28. DemoSearch Providers<br />
    29. 29. Maisrecursos<br />Crieseupróprio Search Provider<br />http://www.microsoft.com/windows/ie/searchguide/en-en/default.mspx<br />Maisinformaçõessobrearquivosdescritivos<br />http://www.opensearch.org<br />Extensibilidadepara Search Provider no Internet Explorer 8 Search<br />http://msdn.microsoft.com/en-us/library/cc848862(VS.85).aspx<br />
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×