Criando o arquivo "manifest.webapp".

O arquivo "manfest.webapp" é necessário para dar todas as informações necessárias para que o app seja publicado no marketplace e para o smartphone "achar" os itens do aplicativo, como o nome, os ícones, nome do autor, a primeira página do app(comumente "index.html") e etc...
Aqui você irá aprender a criar um manifest.webapp básico!

Criando o "manifest.webapp":

Não é preciso baixar nenhum programa para isso,  iremos usar um programa de edição de texto que já vem do próprio sistema operacional, como o bloco de notas do windows.
Se preferir você poderá baixar o Notepad++ que é um bom editor de texto e html. baixar

  
Preparando para começar:

Abra o seu bloco de notas e crie um documento de texto com essa estrutura básica do manifest:

 {
  "name": "(Nome do aplicativo)",
  "version": "(Versão)",
  "description": "(Descrição)",
  "launch_path": "/index.html",
  "icons": {
    "128": "/icon-128.png",
    "60": "/icon-60.png",
    "90": "/icon-90.png"
  },
  "developer": {
    "name": "(Nome do desenvolvedor)",
    "url": "(Site se tiver um site)"
  },
  "default_locale": "(Local exemplo: pt-br)"
}

Entendendo o manifest:

Nome do Aplicativo: 

"name": "Aqui você coloca o nome do seu aplicativo",

Versão do Aplicativo:

"version": "A versão do seu aplicativo, por exemplo: 1.0",

Descrição do aplicativo:

"description": "A descrição, por exemplo: Aplicativo de mapas online"

Caminho onde o html vai ser aberto:

"launch_path": "O caminho onde será aberto a página principal do seu aplicativo, por exemplo: /index.html",

Ícones:

"icons": {
    "128": "/icon-128.png", (Entre as aspas coloque o tamanho do ícone e nas outras aspas o caminho)
    "60": "/icon-60.png",     (Podem ser colocados vários tamanhos, os mais comuns são 128, 60 e 90)
    "90": "/icon-90.png"
  },
Exemplo de manifest(manifest do Aplicativo do appster one para Firefox OS)

Ao terminar, salve como "manifest.webapp" selecionando na caixa "tipo"= "todos os arquivos" e nomeando de= "manifest.webapp", veja o exemplo:

Outras funcionalidades:

Barra de navegação:

 
 


"chrome": { "navigation": true }
Exemplo:

 {
  "name": "(Nome do aplicativo)",
  "version": "(Versão)",
  "description": "(Descrição)",
  "launch_path": "/index.html",
  "icons": {
    "128": "/icon-128.png",
    "60": "/icon-60.png",
    "90": "/icon-90.png"
  },
  "developer": {
    "name": "(Nome do desenvolvedor)",
    "url": "(Site se tiver um site)"
  },
  "default_locale": "(Local exemplo: pt-br)",
 "chrome": { "navigation": true }
}

(!) matéria em andamento...