programando extensões para internet explorer (webslices e aceleradores)
DESCRIPTION
Programando extensões para Internet Explorer (Webslices e Aceleradores)TRANSCRIPT
![Page 1: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/1.jpg)
Internet Explorer 8Programando extensões para Internet Explorer (Webslices e Aceleradores)
Rogerio CordeiroDeveloper EvangelistMicrosoft BrasilBlog: http://blogs.msdn.com/rogeriocTwitter: @rogerioc
30/01/2010
![Page 2: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/2.jpg)
Introdução Revisão sobre as novidades do IE8 …
− 64-Bit Downloads− Accelerators− Accessibility and ARIA− ActiveX Improvements− AJAX Enhancements− CSS Compliance− Developer Tools− Document Compatibility
Mode− DOM Storage− HTML and DHTML
Improvements
− Mutable DOM Prototypes− Protected Mode
Improvements− RSS Features− Search Suggestions− Security and Privacy− Selectors API− Web Slices− Zoom Enhancements− Related Topics
![Page 3: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/3.jpg)
AgendaFocada em 2 Novos Recursos− Aceleradores
− Fornece seus serviços de qualquer lugar pela web
− Web Slices− Traga “pedaços” do seu site diretamente
para o usuário
Crie uma conexão com o seu usuário
![Page 4: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/4.jpg)
AgendaDesafio de Interoperabilidade− Anúncio e premiação do vencedor!
![Page 5: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/5.jpg)
Princípios de design
− Simples como um padrão de usuário
− Fácil para os desenvolvedores web− Não necessário código do lado do cliente
− Funciona com sites e serviços existentes
![Page 6: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/6.jpg)
Aceleradores
![Page 7: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/7.jpg)
Aceleradores
− Seus serviços favoritos em qualquer página Web
![Page 8: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/8.jpg)
Fluxo dos Aceleradores
OpenService XML Description
Serialize Content
Navigate URL
HTML
Preview Accelerato
r
Results in Site
Install Accelerato
r
Select Content
Select Accelerato
r
Execute Accelerato
r
Navigate to Service
![Page 9: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/9.jpg)
Demo Como criar um Acelerador
![Page 10: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/10.jpg)
<?xml version="1.0" encoding="utf-8" ?> <openServiceDescription xmlns="http://www.microsoft.com/schemas/openservicedescription/1.0"> <homepageUrl>http://maps.live.com</homepageUrl> <display> <name>Map with Live Maps</name> <icon>http://maps.live.com/favicon.ico</icon> </display> <accelerator category="Map"> <acceleratorAction context="selection"> <execute method="get“ action="http://maps.live.com/default.aspx?where1={selection}" /> <preview method="get" action="http://maps.live.com/geotager.aspx"> <parameter name="b" value="{selection}" />
<parameter name="clean" value="true" /> <parameter name="w" value="320" /> <parameter name="h" value="240" /> <parameter name="format" value="full" />
</preview> </acceleratorAction> </accelerator></openServiceDescription>
Formato OpenService
![Page 11: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/11.jpg)
//checar a string do user agent se é MSIE 8.0//para mais informações:http://msdn2.microsoft.com/en-us/library/ms537509.aspx
//checar se o serviço já está instaladowindow.external.IsServiceInstalled
(‘http://example.com/Service.xml’, ‘category’);
//caso negativo, mostrar botão para instalar o serviçowindow.external.AddService
(‘http://example.com/Service.xml’) ;
Deployment do Acelerador
![Page 12: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/12.jpg)
Resumo
Aceleradores são um jeito mais fácil de os usuários terem acesso fácil aos seus serviços favoritos a partir de qualquer página web
1. Pense em um jeito de trazer pessoas para seu site a partir de outros sites: - Procura de informações (classificação de conteúdo, informações,
etc.)- Crei novos conteúdos- Compartilhe links
2. Crie um acelerador utilizando o formato OpenServiceOs aceleradores foram feitos para funcionar com os servicos disponíveis hoje
3. Divulgue o seu acelerador no seu websitePara instalá-lo, não é necessário código
![Page 13: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/13.jpg)
Web Slices
![Page 14: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/14.jpg)
Web Slices
− Esteja ciente do que acontece com os seus “pedaços” da Web
![Page 15: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/15.jpg)
<div class=”hslice” id=”1” ><p class=”entry-title”>Amazon Kindle,
Unopened</p><div class=”entry-content”>
<img src=”pic.jpg”><p>Current bid: <b>US $282.11</b></p>
</div></div>
Exemplo básico
![Page 16: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/16.jpg)
Parâmetros
− hslice− entry-title – o título do Web Slice− entry-content – descrição− ttl – valor do time-to-leave para updates
mais frequentes− feedurl – destino alternativo para buscar
updates− endtime – a data em que o item não
estará mais disponível
![Page 17: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/17.jpg)
Gerenciamento
− Verifica por updates uma vez por dia por padrão (15 minutos no máximo)
− Set time-to-live value<div>Updates every <span class=”ttl”>60</span>mins</div>
− Fornecer um feed alternativo – outra fonte para obter updates<a rel=”feedurl” href=”www.foo.com/feed.xml”>Subscribe</a>
![Page 18: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/18.jpg)
Demo Como criar um Webslice
![Page 19: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/19.jpg)
Resumo
− Web Slices são um ótimo recurso para que os seus usuários fiquem atentos às mudanças de conteúdo do seu site
− Comecem agora!− Não é necessário código do lado do
cliente!− Os usuários são notificados quando
temos updates− Atraia click rates para o seu site através
de previews
![Page 20: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/20.jpg)
Recursos
− MSDN Brasil http://msdn.com.br
− IE8 Developer Center do MSDN Brasilhttp://msdn.microsoft.com/pt-br/ie/default.aspx
![Page 21: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/21.jpg)
Muito Obrigado!
Dúvidas?
Rogerio CordeiroDeveloper EvangelistMicrosoft BrasilBlog: http://blogs.msdn.com/rogeriocTwitter: @rogerioc
![Page 22: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/22.jpg)
Dasafio de Interoperabilidade
− Anúncio e premiação do vencedor!
− http://www.premiointeropbrasil.com.br
![Page 23: Programando extensões para Internet Explorer (Webslices e Aceleradores)](https://reader033.vdocuments.mx/reader033/viewer/2022061219/54b8d9a14a7959fb2b8b457d/html5/thumbnails/23.jpg)
© 2009 Microsoft Corporation. All rights reserved. Microsoft, MSDN, the MSDN logo, and [list other trademarks referenced] are trademarks of the Microsoft group of companies. 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.