XUL – Desenvolvendo Aplicações com Mozilla / Firefox
Marcio Junior Vieira [email protected] Marcio Junior Vieira www.ambientelivre.com.br Palestrante Marcio Junior Vieira
● A 7 Anos trabalha da área de Desenvolvimento e Análise de sistemas.
● Trabalha com Software Livre desde 2000.
● Formado em tecnologia em Informática e PósGraduado em Informática (Software Livre) pela UFPR.
● Consultor de Soluções em Software Livre pela Ambiente Livre.
● Consultor em Sistemas de Gestão Empresarial GCI Informática.
Marcio● JunioPar Vrieticira ip a n te d o g r u p o X U L Br a sil. www.ambientelivre.com.br Construir aplicações web e desktop. Introdução ● O que é XUL? ● Pacotes ( chrome ).
● Histórico. ● RDF
● Firefox. ● XULRunner.
● Arquivo XUL. ● Elementos XUL.
● Suporte XUL. ● XBL.
● XPCOM. ● Ferramentas XUL.
● Exemplos de aplicações. ● Livros.
● Curiosidades ● Links
Marcio Junior Vieira www.ambientelivre.com.br O que é XUL ? ● XUL é a sigla para XML User Interface Language.
● Inicialmente foi criado para tornar o desenvolvimento do navegador Mozilla mais fácil, rápido e portável.
● É uma linguagem de tags baseada na tecnologia XML, e como o XML tem as vantagens de outras linguagens de marcação como XHTML, MathML, SVG,etc.
● É uma linguagem multiplataforma para desenvolver interfaces gráficas de usuários (GUI – Graphical User Interface).
● Atualmente apenas os browsers da família Mozilla, Netscape e outros baseados neles, tem suporte a tecnologia XUL.
● O nome XUL é uma referência ao filme CaçaFantasmas. Marcio Junior Vieira www.ambientelivre.com.br Mozilla Firefox ● WEB Browser.
● + de 100 milhões de downloads.
Marcio Junior Vieira www.ambientelivre.com.br Histórico.
● 1997 “Guerra dos browsers” a Netscape, líder de mercado até o que a Microsoft começou a liberar gratuitamente juntamente seu SO o seu produto o IE.
● 1998 Por Influência do Livro “The Cathedral and the Bazaar” de Eric Raymond, diretores da Netscape decidiram liberar todos os fontes do seu browser.
● 1998 É formando o projeto Mozilla.
● 2003 Criada a Mozilla Foundation, com sustentação inicial da América Netscape, para sustentação organizacional, legal, e financeira para o projeto do software Open Source Mozilla.
Marcio Junior Vieira www.ambientelivre.com.br Histórico.
● 2004 No Final do ano no lançamento do browser Mozilla Firefox 1.0 algo de surpreendente começava a acontecer, apenas nos primeiros dias de liberação foram feitos mais de 2 milhões de downloads do browser.
● 2005 – O Browser Firefox é reportagem em inúmeros meios de comunicações.
● 2005 – NetApplications , empresa que atua no monitoramento de trafego de internet apontava crescimentos do uso do Firefox próximos a 1% ao mês , que chegou em maio de 2005 com uma fatia de mais de 8% do mercado dos browser que somados aos browser Netscape e Mozilla ultrapassavam 10% do mercado.
Marcio Junior Vieira www.ambientelivre.com.br “The New York Times” 100.000 fãs patrocinam anuncio
Marcio Junior Vieira www.ambientelivre.com.br Firefox – Março 2006 Arquitetura Arquivo XUL.
Marcio Junior Vieira www.ambientelivre.com.br Tecnologias Suportadas
● ● HTML 4.0 e XHTML ● GIF, JPG, PNG, XML Base
BMP, ICO ● ● CSS2 a alguns CSS3 XML images ● ● DOM2 e alguns DOM3 XPointer ● HTTP 1.1 ● ● ECMAScript/Javascript FIXPtr ● MathML ● ● Object Access Protocol) XMLRPC ● RDF ● ● WSDL (Web Services SOAP (Simple ● XSLT Description Language) Object Access ● XPath Protocol) ● XBL (eXtensible ● Bindings Language) ● Simple XLinks AJAX
Marcio Junior Vieira www.ambientelivre.com.br Organização de pacotes Mozilla (Chrome)
● Conteúdo (content ) Janelas e scripts.
● Skin Folhas de estilo e imagens.
● Localidade ( Locale )
Marcio Junior Vieira www.ambientelivre.com.br Pacotes ( Chrome )
● Os pacotes são compactados como JAR ( Java ARchive).
● A instalação pode ser feita através de arquivos XPI ( XPInstall).
● Os pacotes instalados são descritos nos arquivos chrome.rdf e installedchrome.txt
Marcio Junior Vieira www.ambientelivre.com.br XPFE
Ambiente criado pelo XPToolkit.
Marcio Junior Vieira www.ambientelivre.com.br RDF Resource Description Framework
● São modelos ou fontes de dados ( Metadata )
● tecnologia recomendada pela W3C.
● Criar um modelo simples de dados, com uma semântica formal e usar o vocabulário URIbased, usar uma sintaxe XMLbased e suportar o uso de XML.
● KDE 4 Desktop ( Plasma ) utiliza também desta tecnologia.
Marcio Junior Vieira www.ambientelivre.com.br Atributos dos elementos
Atributo Tipo Descrição Height Integer Altura da Janela. Hidechrome Booleano Registra o chrome para poder ter ele incluído no titlebar hidden. Id Element id Identificador da Janela. ScreenX Integer Posição vertical que o janela aparece na tela. ScreenY Integer Posição vertical que o janela aparece na tela. Maximized– Maximiza a janela, Ocupando a tela completa. Sizemode Minimized- A Janela e Minimizada , ou escondida. Prédefinido Normal- A janela aparece em um estado normal. Title AlfaNumérico Texto da Barra de título da janela. Width Integer Largura da Janela. Windowtype AlfaNumérico Ajuste uma string que possa ser usada identificar o tipo de janela.
Propriedades e Métodos Tipo Descrição AccessKey Caracter Ajusta o valor do atributo accesskey. Accessible nslaccessible Retorna o objeto da acessibilidade para o elemento.
Marcio Junior Vieira www.ambientelivre.com.br Elementos XUL.
Marcio Junior Vieira www.ambientelivre.com.br Elementos XUL
Marcio Junior Vieira www.ambientelivre.com.br Elementos XUL
Marcio Junior Vieira www.ambientelivre.com.br XULWareHouse. ● Armazém de Componentes XUL.
● Elementos XUL exemplos com os fontes.
● XBL / RDF.
● http://www.ambientelivre.com.br/xulwarehouse/
Marcio Junior Vieira www.ambientelivre.com.br XBL eXtensible Building Language
● Criar elementos ou componentes de interface personalizados e ligar eles a outros elementos XUL, XML ou HTML.
● Sua utilização é muito prática fácil e flexível, é necessário apenas uma sintaxe especifica para criação de componentes com o XBL
● Geralmente os componentes XML são alocados em arquivos com extensão .xml e chamados pelos arquivos .xul ou .css através do comando mozbinding : url ( “link para arquivo xml” # “componente XML”) .
Marcio Junior Vieira www.ambientelivre.com.br XBL Construir Componentes personalizados
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.o nly.xul">
Marcio Junior Vieira www.ambientelivre.com.br XUL e JavaScript
Marcio Junior Vieira www.ambientelivre.com.br XUL com PHP '; echo ''; echo ''; ?>
● Atualmente existem diversas interfaces, e a tecnologia permite que muitas outras interfaces sejam construídas.
● XPConnect Camada que traduz obj. de script para obj. nativos.
● Suportado por todas as plataforma que hospedam um bom compilador C++: (Linux,Windows,HPUX,Solaris,BSD,etc)
● Exemplo: NslSound – Interface Utilizada para tocar arquivos de aúdio, que pode ser chamada em uma aplicação XUL.
● O XPCOM não é uma particularidade do Mozilla ele é utilizado por outros diversos aplicativos. Marcio Junior Vieira www.ambientelivre.com.br Interfaces ● Accessibility. ● DOM. ● XML.
● Address Book. ● DOM Inspector. ● XML Schema.
● Browser Components. ● Docshell and Content Viewers. ● Localization.
● Clipboard and Selection. ● Editor. ● News.
● Content and Layout. ● Files and Streams. ● Plugins.
● Cookies. ● Graphics and Widgets. ● RDF. IPC. ● Core. ● Security and Privacy. ● Images. ● XPInstall. ● Web Browser. ● JavaScript. ● XUL. ● Web Services. ● JavaScript. Debbuger ● LDAP. ● Window Management. ● Mail. ● Network. Marcio Junior Vieira www.ambientelivre.com.br XUL e Outras Linguagem
● C/C++ Através do XPCOM podemos trabalhar com bibliotecas compartilhadas desenvolvidas em C/C++ , como os DLL no windows ou os arquivos .so das variações de Linux/Unix.
● PHP – Interage com XUL da mesma forma que o PHP interage com o HTML.
● Python Atualmente existe uma implementação de XPCOM chamada PyXPCOM, que interagem com XUL.
Marcio Junior Vieira www.ambientelivre.com.br Ferramentas para XUL ● DOM Inspector. O DOM Inspector é uma ferramenta utilizada para inspecionar e editar DOM em tempo de execução na web ou em uma aplicação XUL
● Venkman JavaScript Debugger. debugger de Javascript para browsers baseados Mozilla, fornecendo um ambiente poderoso de eliminar erros de Javascript.
● Cview XPCOM Component Viewer. A ferramenta Cview é um componente visualizador de XPCOM, permite que você possa navegar através dos componentes XPCOM incluídos em seu browser baseado no Mozilla, facilitando a consulta de componentes.
● Mozilla Translator O Mozilla Translator é um aplicativo especializado em editar arquivos DTD para internacionalização ( I18N ) e localização ( L10N ) do Mozilla ou aplicativos integrados. Marcio Junior Vieira www.ambientelivre.com.br Marcio Junior Vieira www.ambientelivre.com.br Quem usa XUL?
● Só a Mozilla Foundation ?
● Para que ?
● Por que ? ● ???????????? Extensões? Para que? ● Gmail Notified Informa quando chegarem novas mensagens no seu Gmail, sem precisar estar na página do Gmail
● Add Bookmark Here Uma maneira prática de adicionar favoritos.
● Dow Them All Ferramenta de downloads em massa para o Firefox.
● Controle JavaScrit Adiciona ao menu ferramentas a opção para controle de permissões do que os JavaScripts podem fazer.
● Extended Statusbar Mostra na barra de status quando a página está sendo carregada: Velocidade, Porcentagem, Tempo e Tamanho carregado, muito parecido com o Opera.
● ForecastFox Indica em uma toolbar ou statusbar as previsões de tempo do mundo inteiro!
● Web Developer adiciona um menu e uma barra de ferramentas ao navegador com uma série de ferramentas para desenvolvedores de páginas da web.
● EI VIEW Permite que a página visitada ou um link sejam abertos no Internet Explorer, através do menu de contexto Marcio Junior Vieira www.ambientelivre.com.br Marcio Junior Vieira www.ambientelivre.com.br Google
Google Toolbar
Marcio Junior Vieira www.ambientelivre.com.br WEBSERVICE AMAZON.COM
Marcio Junior Vieira www.ambientelivre.com.br WebMail Tutopia
Marcio Junior Vieira www.ambientelivre.com.br DICA! Promoção para o desenvolvedores de Extensões !!!!
● 3 Máquinas
● dualprocessor
● ( U$ 4700 )
●
●
●
● http://www.spreadfirefox.com/node/19666 Marcio Junior Vieira www.ambientelivre.com.br Marcio Junior Vieira www.ambientelivre.com.br NVU
Marcio Junior Vieira www.ambientelivre.com.br Chatzilla Lagartixa
Marcio Junior Vieira www.ambientelivre.com.br Curiosidades e projetos relacionados! ● Jxul é um projeto open source para integrar a linguagem XUL a plataforma Java.
● XRE ( Runtime Environment ).
● XUL Versus Avalon XAML.
● Luxor aplicações Java baseada em XUL para rodar em servidores.
● PerlXUL – Módulo para definição de GUI usando XUL.
● Glade – Interfaces em XML para GTK e GNOME ( C, C++, Java, Perl, Python, C#, Pike, Ruby )
● GladetoXUL – Conversor de Glade (Gnome) para XUL. Marcio Junior Vieira www.ambientelivre.com.br XULRunner
● Pacote runtime para aplicações de XUL+XPCOM. É o futuro do Firefox e das aplicações XUL.
● Conterá todas a API necessárias atual para execução de uma aplicação.
● Manipulação de XML,RDF,gerência das extensões.
● Integração com Python, Perl ou ruby além a C++ e Javascript através do XPCOM.
● Desenvolver uma aplicação que usa XulRunner como a plataforma será simples (não existirá necessidade de compilação)
Marcio Junior Vieira www.ambientelivre.com.br XULRunner IBM Eclipse Toolkit de AJAX ● (OpenAJAX)
● traz junto as tecnologias da IBM, do Apache, do eclipse, do Mozilla, do Dojo, do Rico, e do Zimbra WengoPhone
● VOIP
● 35 Desenvolvedores. Mozdev.org ● Mais de 200 projetos relacionados ao Mozilla e tecnologia XUL. dmoz.org
● Applications Based on Mozilla Source@ (22) ● Firefox Extensions@ (54) sourceforge.net ● Games (4) + de 90 projetos relacionados a XUL
● Mozilla Extensions@ (97) ● Sidebar Panels (4) Mozilla Update ● Tools (2) + de 900 Extensions Firefox/Mozilla
Marcio Junior Vieira nexaweb
Marcio Junior Vieira www.ambientelivre.com.br nexaweb
Marcio Junior Vieira www.ambientelivre.com.br nexaweb
Marcio Junior Vieira www.ambientelivre.com.br SongBird
http://www.songbirdnest.com/home SeaMonkey 1.0 Liberado
Marcio Junior Vieira www.ambientelivre.com.br WEB 2.0 – Demostração com XUL!
● Existe! ● Editor WEB
● Não Existe! ● Editor Planilhas WEB
● Nunca Existiu! ● Sistemas de Arquivos WEB ● Nunca vai existir! ● Aplicativos WEB ● Está Entre Nós! ● Tudo na WEB!!!! ● Tim O'Relly ● Se a WEB 2.0 existe o XUL faz parte dela!!!!! Marcio Junior Vieira www.ambientelivre.com.br Portable Firefox = “Portable XUL”
● Dispositivos de Arquivos Móveis ( pen drivers, etc)
● Sem Necessidade de Instalação.
● Maior consumo de Memória.
● Seu Browser Firefox ou sua Aplicação de Bolso.
http://portableapps.com/apps/internet/browsers/portable_firefox
Marcio Junior Vieira www.ambientelivre.com.br Grupo XUL Brasil / Ext.BR / Mozilla Brasil
● http://twiki.im.ufba.br/bin/view/XUL
● http://www.extensoes.org http://mozilla.org.br
● Exemplos Tutoriais Referências Links
● http://listas.mozilla.org.br/listinfo/xulmozilla
● Fórum do Algorítimo: http://www.algoritmoforum.com.br/forums/list.page
● RauTu Mozilla BR/XUL http://www.rautu.unicamp.br/mozilla/
Marcio Junior Vieira www.ambientelivre.com.br Livros sobre XUL
Marcio Junior Vieira www.ambientelivre.com.br Links e referências e Palestra! ● Palestras http://www.ambientelivre.com.br/~marcio/
● LIVRO Creating Applications with Mozilla. http://books.mozdev.org/html/
● Essencial XUL Programming. http://www.xulbook.com
● XulPlanet. http://www.xulplanet.com
● Xul:Brasil. http://xul.mozilla.org.br http://twiki.im.ufba.br/bin/view/XUL
● Mozilla. http://www.mozilla.org/projects/xul/
● XULWareHouse. http://www.ambientelivre.com.br/xulwarehouse/
● Ext.BR. http://www.extensoes.org/
● Luxor http://luxorxul.sourceforge.net/
● SongBird http://www.songbirdnest.com/home
● Mozilla http://www.spreadfirefox.com/ http://www.mozilla.com
● XUL Apps http://www.georgenava.com/applauncher.php
● Email para contato: [email protected] Marcio Junior Vieira www.ambientelivre.com.br Perguntas? [email protected]
“A tarefa da equipe de desenvolvimento de software é projetar a ilusão de simplicidade.”
Marcio Junior Vieira www.ambientelivre.com.br