Pular para o conteúdo principal

Primeiros Passos no Firefox OS


Recentemente tive a oportunidade de participar de um hackaton organizado, dentre outras empresas, pela Firefox. Claro que o foco era a produção de aplicativos para o Firefox OS. Sendo assim, conheci este novo sistema operacional pessoalmente, além de ter a oportunidade de criar meus primeiros aplicativos para a plataforma. Então, resolvi dividir um pouco da minha recente experiência com o leitor.m de ter a oportunidade  novo sistema operacional pessoalmente, alizado, dentre outras empresas, pela Firefox.

Já posso comprar um?
Para escrever este artigo, a primeira pesquisa que fiz foi sobre a possível compra de um aparelho com Firefox OS.

Em um dos principais sites de compras online encontrei somente um aparelho a venda. Trata-se de um ZTE Open usado sendo vendido por R$ 350,00. Na descrição do dispositivo encontra-se o seguinte: Powered by Firefox OS. 1.0 GHz Cortex-A5 built-in A-GPS Sensor. Support US 3G NETWORK. 2G NETWORK:GSM 850/900/1800/1900. 3G NETWORK:UMTS 850/1900

Das operadoras brasileiras, o único site que encontrei referência sobre aparelhos com Firefox OS foi na Vivo.  Os dispositivos disponíveis atualmente são dois (link aqui):

·         Lg Fireweb (D300):
o   6X R$14,83 ou R$89,00 à vista no plano pós. 10x de R$39,90 ou R$399,00 à vista no plano pré;
o   Firefox OS 1.1;
o   GPS;
o   1 chip;
o   Bluetoot e Wifi;
o   Memória interna de 2GB, Micro SD até 32GB.
·         Alcatel One Touch Fire (0T4012)
o   A partir de R$29,00 no plano pós. 10x de R$17,90 ou R$179,00 à vista no plano pré.
o   Firefox OS 1.1
o   Mesmas configurações do Lg;

Claramente percebse-que o alvo do Firefox OS é o mercado emergente. Li em algumas reportagem que em alguns países de primeiro mundo os aparelhos nem mesmo serão lançados, justamente por não ser o foco do produto.

Fale-me sobre ele...
O Firefox OS trabalha sobre um kernel Linux e tem toda sua programação e seu ecossistema fortemente baseado em tecnologias web. Basicamente o trio de ferro HTML5, JavaScript e CSS.

Um dos pontos chaves no desenvolvimento é a Web API, que refere-se a um termo utilizado para descrever um conjunto de API´s compatíveis com o dispositivo, permitindo que web apps acessem conteúdos relacionados ao próprio hardware do aparelho. Como por exemplo: geolocalização, câmera, contatos, notificações, alarmes, fotos, pickers, dentre outros.

Para iniciar o leitor precisará de três links:
·         - Doc Web Apis: documento que mostra todas as Web APIs com códigos fonte de exemplo. Link: http://bit.ly/doc-web-apis;
·         - Projeto exemplo: link para o github com um projeto que utiliza todas as Web Apis, além disso, já mostra de forma clara a estrutura de pastas e arquivos utilizada em um projeto Firefox OS. Link: https://github.com/robnyman/Firefox-OS-Boilerplate-App;
·         - Simulador: simulador da plataforma. Link: http://bit.ly/ffos-simulador

Iniciando o desenvolvimento
A melhor forma de começar rapidamente o desenvolvimento do Firefox OS é baixar o código do Boilerplate App, indicado no conjunto de links a poucos parágrafos atrás. Ao descompactar a pasta baixada, podemos visualizar a seguinte estrutura de diretórios:



É possível perceber de forma muita clara a proposta de um típico projeto web. Os principais elementos aqui são: dois arquivos HTML (index e fallback). Pastas específicas para textos internacionalizados (locales), arquivos Java Script (js), imagens (images), fontes (fonts), folhas de estilos (css) e principalmente, o arquivo de manifesto (manifest).

Antes de analisarmos os fontes, veja a interface da aplicação:


No index.html o leitor não terá grandes surpresas se já conhecer um pouco de HTML. Mas, o ponto que gostaria de chamar a atenção é no final deste arquivo. Onde é possível encontrar a seguinte linha:

<script type="text/javascript" src="js/webapp.js"></script>.

O script Java Script webapp.js mostra o curacao do Firefox OS. Já falamos da Web API e, neste arquivo, podemos ver esta biblioteca na prática. Todos os botões da interface gráfica do aplicativo chamam alguma função do webapp.js. Para fins didáticos, vamos pegar como exemplo a ligação e o envio de sms:

var dial = document.querySelector("#dial");
    if (dial) {
        dial.onclick = function () {
            var call = new MozActivity({
                name: "dial",
                data: {
                    number: "+46777888999"
                }
            });
        }
    }

    var sendSMS = document.querySelector("#send-sms");
    if (sendSMS) {
        sendSMS.onclick = function () {
            var sms = new MozActivity({
                name: "new", // Possible compose-sms in future versions
                data: {
                    type: "websms/sms",
                    number: "+46777888999"
                }
            });
        }
    }

O uso da Web API se dá na função passada para a ação de clique nos botões. A variável java script sempre recebe a instância de MozActivity. O que definirá qual ação deve ser executada são os parâmetros definidos nesta classe. Por exemplo, no envio de SMS temos em data: type e number. Já na ligação temos apenas o dial.

Imagino que o leitor já deva estar surpreendido com a facilidade para criação de aplicativos no Firefox OS, assim como eu fiquei.

Outro arquivo de suma importância é o manifesto. Este arquivo define as principais propriedades da aplicação, como:
·          
      Versão;
·         Nome;
·         Descrição;
·         Ícones;
·         Permissões;
·         Internacionalização;
·         Dados sobre o desenvolvedor;

E o simulador?
Depois de conhecer um pouco a codificação vamos falar sobre o simulador.

Depois de instalar o simulador no Firefox ele ficará disponível na opção Desenvolvedor Web -> Firefox OS Simulator.  Abaixo um screenshot do dashboard:


Para adicionar um aplicativo basta clicar no botão Add Directory e indicar o caminho do arquivo manifesto da aplicação. Caso a codificação esteja correta o Validation Result será OK. O próximo passo é rodar o simulador clicando no botão ao lado esquerdo, abaixo do logo do Firefox OS Simulator.


Conclusão
Espero ter demonstrado de forma prática os primeiros passos para iniciar o desenvolvimento para a plataforma Firefox OS. Qualquer dúvida ou sugestão comente o post que respondo assim que possível. 

Obrigado

Att - Ricardo

Comentários

Postagens mais visitadas deste blog

2º Bate Papo do SP-GTUG - Divulgação

Pessoal, Para aqueles que já estiveram presentes nas atividades do SP-GTUG (encontros ou bate papos na Globalcode), e para os que ainda não puderam estar presentes, teremos um novo bate papo acerca de mais duas tecnologias do Google: AdSense e Python no GAE. Este será o nosso segundo bate papo do SP-GTUG, nos mesmos moldes dos minicursos da Globalcode . Local e data O bate papo acontecerá no dia 27/03/10, das 10:00 às 13:00 na Globalcode. Para fazer sua inscrição e participar acesse a home da Globalcode e vá até a parte de "Minicursos Gratuitos da Semana ". Conteúdo das apresentações Abaixo seguem as descrições passadas pelos palestrantes: Título: "Algoritmos em Python" Resumo: Python é uma linguagem considerada frugal, simples, sem ser simplória! Entenda como construir algoritmos ninjas com essa linguagem, adotada pela Google e pelo MIT. Veremos muito, muito código, desde algoritmos clássicos até tutoriais do

10 reasons why we love JSF

1. One-slide technology: it's so simple that I can explain basic JSF with one slide. 2. Easy to extend: components, listeners, render kit, Events, Controller, etc. 3. Real-world adoption: JBoss, Exadel, Oracle, IBM, ... 4. Architecture model: you can choose between more than 100 different architecture. 5. Open-mind community: using JSF you are going to meet very interesting people. 6. We are using JSF the last 5 years and we found very good market for JSF in Brazil 7. Progress: look to JSf 1.1 to JSF 1.2, JSF 1.2 to JSF 2.0. People are working really hard! 8. Many professionals now available 9. It's a standard. It's JCP. Before complain, report and help! 10. Ed Burns, spec leader, is an old Globalcode community friend! EXTRA: My wife is specialist in JSF. She's my F1 for JSF :) Nice job JSF community! -Vinicius Senger

JSF 2 - Composite Components, você não precisa mais ser um ninja

Estamos em uma nova era da computação, os dados não estão mais localizados em um banco dentro de sua empresa, vivemos a explosão de redes sociais, informações são geradas a todo instante, e se torna essencial que sua aplicação conheça os serviços disponíveis na web e consumam suas APIs geralmente disponíveis por serviços REST. Legal, mas como ficam meus aplicativos Java EE neste novo cenário? Para quem vem acompanhando a evolução da plataforma, é notório que todo esforço vem sendo utilizado para aumentar a produtividade e a integração com novos serviços. Basicamente duas especificações surgem com muita força para atender este cenário, a JSR - 314 (JSF-2) e JSR - 311 (JAX-RS), neste post exploraremos a JSR-314 (JSF2) e sua nova forma de criar Composite Components. Uma das grandes queixas dos desenvolvedores JSF era a complexidade em criar composite components, era necessário um vasto conhecimento sobre o ciclo de vida de uma aplicação JSF. Agora, você não precisa ser mais um “ninja” em

Gosta de informática e sonha ser programador Java um dia ?

A Globalcode está procurando jovens que queiram ser programadores no futuro, para fazer parte de sua equipe de vendas e operacional na unidade Paraíso em São Paulo somente. O grande diferencial é o planejamento para carreira de programador. O planejamento de cursos do portifólio da Globalcode: Academia do Programador, Academia Java, Academia Web, Robótica, Eletrônica, etc, será realizado periodicamente de acordo com o desempenho e interesse individual. Atenção : Este não é um estágio para trabalhar com Java, são duas vagas CLT administrativas para pessoas que queiram ser programadores no futuro. Perfil : Conhecimentos de informática básica, saber lidar com pessoas e trabalhar em equipe. Deve ter concluído o ensino médio, ter boa escrita, ser organizado, responsável, comprometido e dinâmico. Interesse por computação, programação, internet, robótica, eletrônica,... Temos duas vagas para jovem-aprendiz abertas: 1) Setor operacional No dia a dia Serviços externos Controle de estoqu

JavaMail: Enviando mensagem HTML com anexos

Introdução Depois do post "JavaMail: Enviando e-mail com Java" , que apresentava como enviar um e-mail com Java, resolvi complementar a assunto apresentando como enviar uma mensagem formatada, em HTML , e também como realizar o envio de anexos. Bibliotecas Além da biblioteca JavaMail, veja mais no post anterior , é necessário incluir o JavaBeans Activation Framework (JAF), apenas se a versão utilizada for anterior ao JSE 6.0 , que já tem o JAF incluso. O JAF está disponível em http://www.oracle.com/technetwork/java/javase/downloads/index-135046.html , e neste download encontramos, alguns exemplos na pasta demo , documentação, incluindo javadocs, na pasta docs e a biblioteca activation.jar , que deve ser acrescentada no classpath da aplicação para versões anteriores ao JSE 6.0. Exemplo Primeiramente devemos realizar a configuração da javax.mail.Session e da javax.mail.internet.MimeMessage , estes passos podem ser vistos no post anterior . Agora vamos montar um

TDC INNOVATION lança University Pass

Modalidade de ingresso tem como objetivo ajudar na capacitação dos universitários Uma pesquisa realizada em 2020 pela Associação Brasileira das Empresas de Tecnologia da Informação e Comunicação (Brasscom) diz que até o ano de 2024 o Brasil precisará de cerca de 420 mil profissionais na área de Tecnologia da Informação. Porém, por ano, a mesma pesquisa diz que o país forma apenas 46 mil profissionais capacitados no nicho. Pensando nisso, para ajudar na formação e capacitação desses jovens profissionais, o TDC INNOVATION, segunda edição do ano do The Developer's Conference, lança o University Pass, modalidade de ingresso que possibilita aceso digital gratuito a todas as palestras do evento, ou com 50% de desconto para quem preferir ir pessoalmente. Com o tema central “Desafios para a criação do futuro Digital”, o TDC INNOVATION ocorrerá entre 1 e 3 de junho, de forma híbrida: presencialmente no Centro de Convenções CentroSul, em Florianópolis, e com transmissão simultaneamente pela