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

Você já pensou em ser palestrante em algum evento ?

Você já deve ter participado de algum evento e pensado como deve ser legal ser palestrante... E para falar a verdade, é muito bom mesmo. Eu adoro, o Vinicius adora e conheço muitas pessoas que curtem cada minuto da participação no evento como palestrante. Com certeza é uma responsabilidade a mais. Você sente medo, adrenalina, tem que se preparar. Literalmente coloca a cara a tapa para qualquer pessoa te avaliar em todos os sentidos. Qual o seu tom de voz?  Seus slides são legais? Você manja mesmo ?  Seu português está ok?  E as palavras em inglês ?  Teve algum deslize técnico? E MUITO mais.  Mas é claro que a exposição tem dois lados... e os resultados podem ser ótimos. Normalmente conhecemos mais pessoas como palestrantes e podem surgir boas oportunidades de negócio. É sempre positivo ter uma nova referência positiva quando as pessoas buscam nosso nome no Google, podemos fazer a diferença para quem está assistindo a palestra e muito mais.  No The Developer's

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

Inscrever sua equipe em eventos de TI vale a pena? Entenda aqui

Os eventos de TI são importantes para o aprendizado contínuo, especialmente em uma área tão dinâmica, como a de tecnologia. A necessidade de estar sempre por dentro das tendências pode esbarrar em algumas objeções, como investir em especializações pouco práticas ou opções pulverizadas de mercado. Por isso, participar de conferências e assistir palestras de especialistas é uma excelente oportunidade para sua equipe se desenvolver. O melhor de participar de eventos de TI é expandir os conhecimentos e habilidades independentemente da experiência específica, seja um desenvolvedor web ou full stack, por exemplo, as conferências de tecnologia podem ajudar o profissional a se aperfeiçoar. Isso ocorre devido ao contato com outros especialistas e colegas da mesma área. Além disso, é possível descobrir novas soluções e fazer networking . Neste artigo, você conhecerá as vantagens da sua equipe participar em eventos de TI. Aproveite a leitura! Vantagens de participar de eventos de TI Se o seu ob

Entendendo como funciona a programação de computadores: linguagens de programação, lógica, banco de dados

Nesse post, diferente dos últimos que foram mais enfáticos nas experiências com tecnologias, vou focar um pouco mais nos profissionais que estão começando, ou pretendem ingressar na área de desenvolvimento de software, falando sobre conceitos fundamentais relacionados a programação em geral . Mercado de trabalho para programação Conforme já sabemos, o mercado de desenvolvimento de software, especialmente no Brasil, continua em franca expansão, sendo que cada vez mais as empresas buscam desenvolver seus próprios sistemas usando as mais diferentes e novas tecnologias. Algumas matérias interessantes: As seis profissões mais valorizadas em 2010 no IDG Now! Muitas vagas e sensação de reaquecimento da economia Por isso, a área de desenvolvimento de software tem despertado interesse em muitos profissionais de outras áreas que desejam mudar de profissão, já que as oportunidades de trabalho tendem a ser maiores. Esse é um perfil presente em muitos dos clientes da Globalcode que acabou m

Segurança da informação no alvo: o que esperar do futuro?

A segurança da informação não se trata apenas de proteger os dados contra acesso não autorizado. Na prática, refere-se aos recursos que impedem: uso; registro; inspeção; divulgação; interrupção; modificação; destruição de dados. O uso de dados pode abranger desde um perfil nas redes sociais a detalhes financeiros, biometrias ou novos projetos. Por isso, a preocupação com a proteção dos dados é crescente, tanto para empresas quanto clientes. Para muitas pessoas, a coleta de dados é considerada invasão de privacidade, criando desconfiança do titular dos dados, pois o uso dos dados pode ser facilmente corrompido, utilizado para fins não declarados. Apesar de o uso dos dados terem impulsionado os avanços tecnológicos na última década, as organizações lidam com o desafio de distinguir dados de informações pessoais de modo a proteger a privacidade e as preferências dos clientes. Neste artigo, abordaremos o impacto da segurança da informação e o que esperar do futuro. Confira casos conhecido

TDC ONLINE: SUA PLATAFORMA DE PALESTRAS GRAVADAS DO TDC DISPONÍVEL

Além do conteúdo ao vivo transmitido online nas edições do TDC, agora você pode ter acesso à centenas de palestras gravadas, através da nossa nova plataforma de vídeos - o TDC Online, que reúne todas as Trilhas premium, Stadium e Salas dos Patrocinadores das edições anteriores de 2022, TDC Innovation e TDC Connections.  Para acessar, basta clicar na edição em que você participou ( TDC Innovation ou TDC Connections ); Fazer o mesmo login (com e-mail e senha) cadastrados na hora de adquirir ou resgatar o seu ingresso no TDC; E clicar na Trilha de sua opção, e de acordo com a modalidade do seu ingresso. Logo em seguida, você será direcionado para a seguinte página com a lista de todas as palestras por Trilha: Pronto! Agora você tem acesso à centenas de palestras gravadas da sua área de interesse, para assistir como e quando quiser! Caso tenha esquecido a senha, clique na opção "Esqueci a senha" , insira o e-mail que você realizou para o cadastro no evento, e aparecerá a op