Desenvolvimento de aplicativos para Firefox OS

Desenvolvimento de aplicativos para Firefox OS

O desenvolvimento de aplicativos para Firefox OS é muito fácil. Você só precisa criar páginas em HTML, CSS e JavaScript, como se você estivesse desenvolvendo um site. Você pode usar até o Bloco de Notas para o desenvolvimento se quiser. Outro detalhe interessante é que o simulador é um complemento de navegador (Mozilla Firefox).

Primeiramente, seu computador deve atender a esses requisitos:

  • Ter o navegador Mozilla Firefox instalado.
  • Instalar o Firefox OS Simulator.

Instalando o simulador

Para instalar o Firefox OS Simulator, clique no botão “Abrir Menu”, no canto da tela > Desenvolvedores > App Manager.

01

Na página App Manager, clique em “Iniciar Simulador”. Ele dirá que não tem nenhum simulador instalado. Clique em “Instalar o Simulador”.

02

Você será redirecionado para a página de download do simulador. Clique em “Install Simulator”.

03

Aqui você pode escolher entre instalar a versão 1.3(estável), 1.4(beta) ou 2.0(instável). É recomendado instalar a versão 1.3.

04

Tendo clicado para instalar o simulador, aparecerá uma janela dizendo que o Firefox impediu o site de oferecer a instalação de extensões e temas no seu computador. Clique em “Permitir”. Espere a conclusão do download.

Desenvolvendo o aplicativo

Como foi dito no início desse tutorial, desenvolver para Firefox OS é como desenvolver páginas para um site. Você pode usar programas como o Dreamweaver, Netbeans, ou simplesmente o Bloco de Notas.
Vamos criar um aplicativo básico como exemplo de navegação entre páginas.

Crie uma pasta chamada “Meu aplicativo”, crie as seguintes páginas e copie o código para elas:

index.html

estilos.css

pagina_01.html

pagina_02.html

pagina_03.html

As páginas estão prontas, agora falta o manifesto.

Manifesto do aplicativo

Você deve criar um documento de texto com as informações do seu aplicativo e salvá-lo na pasta dele com o nome de manifest.webapp. copie e salve o exemplo abaixo:

Observação: Crie imagens do tamanho 16x16px, 48x48px e 128x128px para serem os ícones do aplicativo. Crie também uma imagem 60x60px e salve em uma pasta nova dentro da pasta do aplicativo. Esse será o ícone que aparecerá na tela inicial.

Testando o aplicativo

Agora que já está tudo pronto, você pode iniciar o simulador e testá-lo. Repita o procedimento feito na instalação, clique no botão “Abrir Menu”, no canto da tela > Desenvolvedores > App Manager.

Clique em “Adicionar aplicativo empacotado” e escolha o diretório do seu aplicativo. Clique em “Abrir”.

05

Agora clique em “Iniciar Simulador”, e depois em “Firefox OS 1.3”.

06

Com o simulador aberto, clique em “Depurar”. O aplicativo será instalado e executado.

07

Caso você queira criar seu próprio aplicativo e disponibilizá-lo para download, basta você comprimir a pasta dele no formato .zip, cadastrar-se no Firefox Marketplace e enviá-lo para revisão.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *