Histórico da Página
...
Inicie o desenvolvimento pelo formulário mais restritivo:O Formulário Mobile é mais restritivo que o Formulário Web, por isso é recomendado que o desenvolvimento seja iniciado por ele. Quando você conseguir colocar todas as informações necessárias pro processo no Formulário Mobile, o mapeamento para Web será muito mais fácil, uma vez que o tamanho de tela é muito maior.
Obs.: É possível fazer de forma contrária, porém o trabalho normalmente é maior.
Formulário Responsivo: Hoje no mercado existe os mais variados tipos de tamanhos de telas e resoluções, por isso qualquer formulário desenvolvido para Mobile deve ser responsivo, ou seja, deve se ajustar a qualquer tamanho de tela.
Estética:A aparência visual e design do html devem ser atraentes para os usuários, conseguimos isso através de CSS ou jQueryMobile que será explicado nas próximas sessões.
Usabilidade: O Formulário deve ser fácil de usar, contendo apenas o campos importantes para tarefas ou processo.
Área de clique: Os elementos do HTML devem estar bem posicionados de forma que facilite a área de clique, pois hoje existem dispositivos que as telas são muito pequenas.Segue um exemplo:
Posicionamento das ações: As ações mais importantes devem estar posicionadas onde o usuário consegue alcançar mais facilmente, conforme a figura:
- Customizações: As customizações devem ser feitas dentro dos eventos do processo ou formulário na Web, todos os eventos que são aplicados nos formulários Web também são aplicados nos formulários Mobile.
- Arquivos anexos: Os arquivos anexos do formulário Web não são carregados para o formulário Mobile, por isso o CSS e as funções Javascript's devem ser implementadas dentro do hmtl Mobile.
- Acesso a serviços internos e externos: Qualquer acesso a webservices ou outros serviços interno ou externo deve ser feito via javascript. Recomendamos o uso de jQuery Soap para Webservices.
- Nem todas informações precisam estar no Mobile: O grande limitador do Mobile é o tamanho de tela, por isso mapeie os campos que são mais importantes para que tenham prioridade no formulário. Existem campos que são informativos e não tem grande utilidade no processo ou tarefas, esses podem ser eliminados do Formulário Mobile.
- Formulário Mobile suporta os tipos: text, textArea, radio, select, combobox e checkbox.
Benefícios
Porque devo usar o Formulário Mobile?
...
O javascript tem que ficar dentro do uma tag <script> aqui vai a lógica em javascript </script>, para manter uma organização dentro do HTML, recomendamos deixar as lógicas no final no arquivo.
Bloco de código | ||
---|---|---|
| ||
<html >
<head>
</head>
<body>
</ body >
</html>
<script>
<!--Aqui você deve incluir a lógica javascript->
</script> |
Nota | ||
---|---|---|
| ||
Para testar o formulário Mobile, primeiro abro-o em um navegador no desktop normal, se eles abrir no desktop sem nenhum erro, deve abrir normalmente dentro do Fluig Mobile. |
...
Pai X Filho Mobile
Exemplo