Histórico da Página
...
Índice | ||||||
---|---|---|---|---|---|---|
|
Formulário Mobile
No Fluigfluig, é possível movimentar solicitações workflow, a partir de aplicativos móveis. Devido a isso, ao salvar um formulários no Fluigfluig, automaticamente o formulários mobile é gerado, de acordo com o mapeamento dos campos do formulários do processo.
Apesar do Fluig fluig dispor da geração automática, existem diversas particularidades para o desenvolvimento e customização de formulário Mobile, estas serão tradadas tratadas no decorrer deste guia.
Recomendações para Processos com Formulário Mobile
...
Nota | ||
---|---|---|
| ||
Não está homologada a implementação de evento que utilizem Gestures (swipe, longpress, tap, entre outros) em formulário no Fluig fluig Mobile. |
Benefícios
Porque devo usar o Formulário Mobile?
- Permite iniciar/movimentar solicitações de qualquer dispositivo móvel, independente de sua localização geográfica.
- Acesso rápido as informações, mostrando apenas as informações mais relevantes.
- Permite a continuidade do processo, mesmo fora do ambiente empresarial.
- Através da funcionalidade do recurso "Processo Off-line" consigo preencher informações mesmo sem acesso a internet, para futura sincronização.
Criando um Formulário Mobile
No Fluig é fluigé possível criar definições de formulários de diferentes maneiras, utilizando o Fluig fluig Studio, através da modelagem de processos workflow ou através de upload de formulário na navegação de documentos.
...
Deck of Cards | |||||||||||||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||||||||||||||||||||||||||||||||||
|
...
O jQuery Mobile é um framework de interface para dispositivos móveis que visa dar um layout responsivo para as definições de formulários. Ele facilita muito no desenvolvimento, pois você não precisa ficar criando um CSS próprio para cada elemento e pode ser utilizado no Fluig fluig Mobile. É possível acompanhar exemplos no link: http://demos.jquerymobile.com/1.4.2/.
...
Para utilizar serviços internos ou externos ao Fluig fluig é necessário instanciar, executar e tratar o retorno do serviço via javascript. Para webservices, recomendamos o uso de jQuery Soap.
...
- O uso de serviços internos do Fluigfluig, como por exemplo Dataset, devem ser feitos preferencialmente nas eventos de customização de Formulário e Processos, desta maneira o que será customizado para a web, também será adotado para mobile, evitando a replicação de código.
- Técnicas especiais para formulário web, como por exemplo a chamadas de dataset dentro do formulário, não são aplicadas no Mobile.
...
Os campos que empregam a técnica de pai e filho não são inseridos no formulário gerado automaticamente para dispositivos móveis pelo Fluigfluig. Porem o produto lhe permite desenvolver um formulário customizada para dispositivos móveis consultando estes campos.
...
Bloco de código | ||
---|---|---|
| ||
<script src="http://URL_DO_SERVIDOR/webdesk/vcXMLRPC-mobile.js"></script> <script src="http://URL_DO_SERVIDOR/portal/resources/js/jquery/jquery-1.7.2.js"></script> |
O acesso aos Datasets é igual à Web, a seguir são apresentados dois exemplos:
1) Built-in Datasets: este tipo de Dataset permite navegar em dados das entidades do próprio Fluigfluig, como usuários, grupos, processos ou tarefas por exemplo. Esses datasets são pré-definidos no produto e não podem ser alterados pelo usuário;
Bloco de código | ||
---|---|---|
| ||
var filter = new Object(); filter["colleaguePK.colleagueId"] = "john"; var colleagues = getDatasetValues("colleague", filter); if(colleagues.length > 0){ document.getElementById("colleagueName").value = colleagues[0].colleagueName; document.getElementById("login").value = colleagues[0].login; }else{ alert("Nenhum Usuário Encontrado"); } |
2) CardIndex Datasets: este tipo de Dataset permite navegar nos dados existentes em formulários de uma determinada definição de formulário publicada no Fluigfluig. Para que uma definição de formulário seja disponibilizada como Dataset, é necessário preencher o campo Nome Dataset na publicação da definição de formulário. O valor informado será utilizado para a busca do Dataset no Fluigfluig;
Bloco de código | ||
---|---|---|
| ||
var c1 = DatasetFactory.createConstraint("cod_area", "2", "2", ConstraintType.MUST); var constraints = new Array(c1); var area = DatasetFactory.getDataset("areas", null, constraints, null); if(area.values.length){ document.getElementById("cod_area").value = area.values[0].cod_area; document.getElementById("area").value = area.values[0].area; }else{ alert("Area não encontrada") ; } |
Para baixar um exemplo de formulário utilizando xmlPRC clique aqui.
Geolocalização em formulário
...
Formulário
...
único
A partir da versão 1.5 do Fluig fluig os formulários da web e do mobile deverão devem ser criados de forma única. Sendo assim, o formulário deve atender tanto o mobile quanto a web.
Para criar formulários com este novo padrão verifique http://style.fluig.com/verifique o Style Guide.
Anexos de
...
formulário
- Download de anexos: Este este procedimento será automático, porém apenas os anexos do formulário serão são baixados.
- Download de anexos em processos offline: Durante durante o download dos processos offline os anexos do formulário serão são baixados e estarão disponíveis para utilização de maneira offline.
Nota | ||
---|---|---|
| ||
Para o funcionamento de anexos do formulário, o caminho dos arquivos devem ser relativos e não podem ser externos. |
...