Hello World

O código fonte deste exemplo pode ser encontrado aqui: https://github.com/gomobile/sample-helloworldupdate ou faça o download do Intel(R) XDK para ver outros exemplos de HTML5.

Propósito

O propósito do exemplo Hello World é fornecer um ponto de partida básico para desenvolvedores HTML5 que estão começando a utilizar o XDK para criar aplicações móveis híbridas. Ele irá adicionar a biblioteca de bridge dem JavaScript, aguardar a sua inicialização, e então ocultar a splash screen do app. Finalmente, um único botão na tela demonstra como utilizar a API para acessar funcionalidades nativas utilizando as melhores práticas de CSS para criar botões responsivos.

Código Fonte

O processo inicial que carrega e configura a API de bridge em JavaScript está incluso neste exemplo de Hello World para mostrar aos desenvolvedores como inicializar a sua aplicação híbrida. Ele pode ser encontrado no arquivojs/main.js.

Além disso, um botão de exemplo foi colocado dentro do elemento <body> do documento, e turbinado pelo seguinte código, também disponível no arquivo js/main.js.

Easter Eggs


Dentro do arquivo index.html, existe uma linha que inclui o arquivo de script JavaScript js/debug.js, mas ela está comentada. Se este comentário for removido e o código adicionado, dois botões adicionais irão aparecer na aplicação. Eles podem ser usados para testar as capacidades de debug do XDK.

Testando

Este aplicativo de exemplo foi testado em uma variedade de dispositivos iOS e Android. Como ele utiliza alguns itens de CSS específicos do HTML5, ele pode não funcionar de forma apropriada em navegadores de desktop mais antigos.