Portal SAPO Widget Como desenvolver um widget... … e ganhar prémios … e passar um bom bocado José da Mata Fernandes [email_address]
Programa Concurso de widgets da TMN
O que é um widget Web
Portal SAPO Widgets
Concurso de widgets TMN http://developers.tmn.pt/
Prémios! Computadores Macintosh
Guitarras eléctricas
Telemóveis
Muitos outros...
Como participar Cumprir as regras do concurso
Desenvolver widgets para telemóvel Nokia WRT Widgets, Samsung Widgets, Windows Mobile 6.5 Widgets
No portal SAPO Widgets ou utilizando os SDKs dos fabricantes Utilizar o portal SAPO Widgets para submeter o widget a concurso
Cross your fingers!
Como participar Ter uma “grande ideia” Arranjar coragem... …  vontade de aprender Desenvolver o Widget Submeter para concurso
Exemplos de widgets Utilidades Conversor de moedas; calculadoras; informações sobre tempo, trânsito, mercados financeiros; ToDo lists. Mapas Pontos de interesse; guias da cidade. Notícias, jornal Agregador de jornais online, blog e outras fontes de media social. Pessoal As minhas fotos/vídeos, alertas de email/mensagem privada, os meus tweets Jogos
Coisas sem sentido (nonsense!)... … mas que de alguma forma as pessoas gostam de instalar
Exemplos de widgets
Para mais informações Portal do concurso de widgets da TMN http://developers.tmn.pt/concurso [email_address]
Widgets Web … O que é um Widget Web
Widget Web Não são  widgets Web : Componente de interface gráfica (GUI Widget)
Portlet, fragmento para composição de “portais empresariais”: Código gerado no servidor, especificações abertas, repositórios de widget
Widget Web Também  não são  widgets Web: Java applets, componentes Flash, ActiveX control
Mobile Apps Aplicações para iPhone, Android ou Blackberry
Widgets Web Widgets em  customized startup-pages Ex: Netvibes, iGoogle.
Widgets Web Widgets para desktop Ex: Opera Widgets, iGoogle gadgets, Windows Live! gadgets, Yahoo! widgets, Apple Dashboard widgets.
Widgets Web Widgets para telemóvel Ex: Nokia WRT Widgets (1.0 e 1.1), Samsung TouchWiz Widgets, Windows Mobile 6.5 Widgets.
Widgets Web Tecnicamente, um widget Web é uma “pequena” página Web... X?HTML[4|5], JavaScript, CSS[2|3], resources
AJAX, APIs DOM, Eventos Host Runtime Environment HTTP URI Unicode URI DOM XMLHTTPRequest JSON, XML, HTML CSS Resources
Widgets Web … em algumas plataformas, são fornecidas APIs adicionais... APIs para acesso à lista de contacto, câmera, Geolocalização, etc;
Componentes UI para menus de contexto ou docking
Mecanismo de proxy para operações desligadas. Host Runtime Environment HTTP URI Resources Unicode URI DOM XMLHTTPRequest JSON, XML, HTML CSS Caching / Proxy Widget API UI Controls Metadata API Packaging
Widgets Web Propriedades desejáveis Simplicidade, User engagement, Cross platform, Performance.
Facilidade em serem encontradas App stores, catálogos
Widgets Web Componentes do widget Documento (XHTML, HTML4, HTML5)
Templating
Widgets Web Componentes do widget Estilos (CSS2, CSS3)
Apresentação do widget
Widgets Web Componentes do widget Código (JavaScript)
Motor do widget Widget load
Widget configuration
Widget data (AJAX)
Widget render (HTML DOM API)
Widget lifecycle (HTML DOM Events) Eventos de UI, setTimeout, AJAX Frameworks JavaScript UWA, jQuery, Prototype.js
 
Widgets Web Componentes do widget Descrição do widget Título, descrição, versão, autor, Icon, …  Ficheiros do widget Imagens, flash, vídeo, documentos, …
Widgets Web W3C Widgets 1.0 -  http://www.w3.org/TR/widgets/   Utilizado como base para o modelo de widget de várias plataformas: Opera Widgets, Nokia WRT Widgets, Samsung Widgets, Windows Mobile Widget Define: Packaging
Configuration Document (confix.xml)
Localization

Concurso widgets da TMN