No Pepper Folio, os usuários podem visualizar e interagir com aplicativos HTML5. Cada aplicativo HTML5 é um arquivo zip que contém arquivos HTML, arquivos CSS, arquivos JS e imagens. Eles são exibidos como arquivos no formato .pepperapp quando você os baixa.
Para elaborar um aplicativo HTML5 para o Pepper Folio, faça o seguinte:
- Certifique-se de que o seu aplicativo HTML5 tem um arquivo index.html como página inicial.
- Quando os arquivos do seu aplicativo HTML5 estiverem prontos, compacte-os em um arquivo .zip. Certifique-se de que o arquivo index.html está no diretório-raiz.
- Mude a extensão do arquivo .zip para .pepperapp.
- No Windows, clique com o botão direito do mouse no arquivo .zip e selecione "Rename". Mude .zip para .pepperapp e confirme a alteração.
- No MacOS, clique com o botão direito do mouse no arquivo .zip e selecione "Get Info". Sob Nome e Extensão, mude .zip para .pepperapp e confirme a alteração.
- Enviar seu arquivo .pepperapp para o Pepper Flow e encaminhe-o utilizando a opção analisar processo. Uma vez aprovado, ele será exibido no Pepper Folio.
Dicas
- Por padrão, cada aplicativo HTML5 tem o ícone de um tablet como miniatura. Para utilizar uma miniatura personalizada, inclua um arquivo thumb.png junto com o index.html. O tamanho recomendado da imagem é de 400 X 400 pixels, mas uma pequena variação é permitida.
- Para conectar arquivos a partir do seu aplicativo HTML5, use uma das seguintes opções:
- Para arquivos disponíveis no Pepper Folio, copie e cole o URL do Visualizador do arquivo. Para esta opção funcionar corretamente, as pessoas que visualizarem o aplicativo HTML5 também devem ter acesso ao Pepper Folio.
- Para arquivos aprovados no Pepper Flow, use URLs públicas.
- Para quaisquer outros arquivos, inclua-os no aplicativo HTML5 e use os links associados.
- Quando você conectar qualquer elemento fora do aplicativo HTML5, use target="_blank" para abrir o link em uma nova janela. Isto permite uma navegação mais fácil de volta ao aplicativo HTML5.
- Salve imagens, vídeos e outros arquivos com tamanhos menores, como você faria para um site na internet. Isto permite que o seu aplicativo HTML5 seja carregado mais rapidamente.
Problemas que você pode enfrentar
- Se você se esquecer de mudar a extinção .zip para .pepperapp antes de enviar o arquivo para o Pepper Flow, será preciso fazer uma alteração arbitrária (como acrescentar uma pasta vazia) antes de reenviar o arquivo .pepperapp correto. Caso contrário, o Pepper Flow continuará interpretando seu arquivo .pepperapp como um arquivo .zip normal, e o aplicativo HTML5 não será exibido no Pepper Folio.
Comentários
0 comentário
Artigo fechado para comentários.