Usando HTML5, você pode criar seu próprio aplicativo Web para o iPad da Apple. Aplicativos da Web usam browser Safari embutido do iPad para operar o aplicativo . HTML5 pode ser usado em conjunto com CSS e JavaScript para criar uma variedade infinita de aplicativos, incluindo jogos . Os usuários podem salvar o aplicativo em sua home page com o ícone do aplicativo . Eles também podem acessar o aplicativo off-line se você codificar o aplicativo para armazenar em cache os arquivos na memória do iPad. Instruções
pesquisa e preparação
1
Selecione um programa a ser usado para a construção do aplicativo . Embora você possa usar sofisticados programas de web design como o Adobe Dreamweaver, você também pode usar um editor de texto básico como o Notepad para criar arquivos HTML e CSS.
2
Biblioteca Safari Developer Research Apple para tutoriais e código de exemplo . Código está disponível para muitas das funcionalidades do iPad, como " SlideMe ", bem como outras de HTML , CSS e JavaScript códigos especificamente para dispositivos Apple iOS e para o Safari em geral.
3
familiarize-se com as normas e as capacidades do HTML5 , CSS e JavaScript para o iPad. Tutoriais e códigos de amostra estão disponíveis em livros da biblioteca , bem como de desenvolvedores experientes em blogs e fóruns.
Projetando o App
4
Criar uma página HTML separada para cada página em seu aplicativo . Use links HTML para que os usuários de passar de uma página para outra .
5
Use eventos de toque em vez de eventos de mouse em páginas de aplicativos para acomodar a interface touch screen do iPad . Por exemplo, use " touchstart ", " touchEnd ", " TouchMove " e " touchcancel ", ao invés de usar os eventos do mouse .
6
atributos Use estilo " textarea " para áreas onde o usuário deve inserir texto no app . O iPad não suporta o " contenteditable " atributo que navegadores da Web de computador usam .
7
Incluir o atributo de " " em cada página , se você quiser o aplicativo estar disponível offline. Note que você também vai exigir uma " htaccess " eo arquivo " manifesto " no diretório raiz do aplicativo , a fim de usar as habilidades de cache do HTML5 .
Ícone Projeto
8
Selecione uma imagem que é representante de seu aplicativo, ou criar uma nova imagem usando qualquer programa de design gráfico como o GIMP ou Photoshop. Quando os usuários salvar o aplicativo a partir do Safari , o seu ícone aparecerá na tela inicial .
9
Salve a imagem como um arquivo PNG que é de 114 por 114 pixels de tamanho com o nome de " toque de maçã icon.png . " Coloque o arquivo de imagem no diretório raiz para o aplicativo iPad. O brilho estilizado iPad e cantos arredondados são aplicados para o ícone quando ele é salvo no dispositivo.
10
Incluir um link para o ícone no cabeçalho das páginas de aplicativos da Web usando o "< ligação rel = " apple -touch -icon " href = " . /apple- touch- icon.png " /> " formato . Este link direciona o iPad, ou qualquer outro dispositivo Apple iOS , para onde o ícone é salvo.
De teste no computador
11
Baixe browser Safari da Apple a partir de maçã .com /safari, e instalá-lo em seu computador. Este navegador permitirá que você testar seu aplicativo de seu computador enquanto você está construindo.
12
Lançamento Safari. Selecione "Preferências " do menu "Arquivo" e selecione "Advanced ". Clique em " Mostrar Desenvolver menu Barra de menus na " opção. O menu " Desenvolver " aparece na parte superior da janela.
13
Clique no menu " Desenvolver " . Selecione " User Agent ", depois " Outro". Uma caixa de diálogo será aberta. Clique duas vezes o conteúdo e prima Colar " Mozilla/5.0 " Excluir ". (IPad ; U; CPU OS 3_2 como Mac OS X ; en-us) AppleWebKit/531.21.10 ( KHTML, like Gecko ) Version/4.0.4 Mobile/7B334b Safari/531.21.10 " no campo de texto . Safari agora irá executar como a versão iPad.
