...
O objetivo deste guia é detalhar as formas de interação com o aplicativo fluig Mobile Fluig mobile através do protocolo URL scheme "fluig://", bem como também a utilização de outros protocolos schemes a partir do próprio aplicativo, para que possa ser realizado . Desta forma, é possível realizar a abertura de páginas do fluig no fluig Mobile e recursos do Fluig Plataforma em interface nativa do aplicativo e habilitar a utilização de outros serviços, por exemplo: em um formulário, por meio de geolocalização, realizar a abertura do aplicativo Wazede um aplicativo de mapas.
Para mais informações, as documentações referentes a cada plataforma encontram-se nos seguintes links: Apple, Google, Microsoft.
Nota |
---|
|
O uso de links não é recomendado dentro de um formulário workflow, pois ao acessá-los, o contexto de onde se está, é perdido, prejudicando o usuário. |
Definições Gerais
O fluig Mobile apresenta vários recursos de Fluig mobile suporta a interceptação de determinadas URLs, que possibilitam ao usuário utilizar links pré-configurados para abrir recursos do aplicativo do Fluig. Ao tocar sobre estes links em outra aplicação instalada no dispositivo móvel, o usuário será redirecionado para o Fluig mobile.
páginas diretamente no aplicativo ao clicar sobre o link. Alguns dos recursos disponíveis são a abertura de processos, acesso às comunidades , perfil e perfis de usuários. Esses links podem ser utilizados tanto externamente, realizando a chamada do aplicativo via navegador , como internamente e aplicativos de terceiros quanto internamente, no próprio aplicativoFluig mobile.
A seguir será serão apresentado alguns os links reconhecidos pelo aplicativo, através do schema URL scheme "fluig://".
Deck of Cards |
---|
|
Card |
---|
default | true |
---|
id | 00 |
---|
label | Portal |
---|
|
No fluig Fluig mobile é possível enviar links de páginas que ao serem abertas através de um dispositivo móvel com o aplicativo fluig Mobile instalado, faça a abertura diretamente da página no aplicativoacessar recursos do aplicativo através de links. Para isso, é necessário apenas compor um link em html HTML incluindo o schema scheme "fluig://" no inicio do endereço. Por exemplo: Bloco de código |
---|
| <a href="fluig://http:// | fluigtotvscombr">Link Mobile para o fluig Portal</a> |
. Dessa forma, ao tocar no link, o dispositivo móvel entenderá que o link pode ser aberto através do aplicativo fluig Mobile. Image Removed Image Removed
ele será aberto através do aplicativo Fluig mobile. Nota |
---|
| - Caso o link configurado aponte para uma conta não configurada no Fluig mobile, o aplicativo será aberto na tela de cadastro.
- Ao tocar no link configurado quando o dispositivo não tem o Fluig mobile instalado, nada ocorrerá.
|
Painel |
---|
| No Fluig mobile é possível abrir links nativos via click de usuário e também via programação. Para os casos onde o usuário deseja abrir uma tela nativa utilizando um link para click é necessário fazer o uso do href configurando a url em questão utilizando o scheme “fluig://”. Exemplo: <a href="fluig://http://suaempresa.com.br">Link Mobile para o fluig Portal</a> Já para os casos onde o usuário deseja abrir uma tela nativa via programação, é necessário fazer o uso do window.open configurando a url em questão. Exemplo: window.open(fluig://http://suaempresa.com/portal/p/empresa/social/id-do-perfil) Dica |
---|
Os dois modos de abertura de links funcionam com os links disponíveis na aba Outros exemplos. |
|
Image Added Image Added
|
Card |
---|
|
Há vários links válidos reconhecidos pelo fluig Mobile, logo abaixo Abaixo estão listados alguns exemplos de todos os dos links que atualmente são suportados para o acesso externo no fluig Mobile. Sendo Fluig mobile, sendo que o endereço de cada página presente existente no fluig, Fluig pode ser copiado ao acessar a página em questão a partir do navegador ao acessar a página web. Comunidade: Bloco de código |
---|
| <a href="fluig://http://suaempresa.com/portal/p/empresa/subject/suacomunidade">Comunidade</a> |
Perfil: Bloco de código |
---|
| <a href="fluig://http://suaempresa.com/portal/p/empresa/social/id-do-perfil">Perfil</a> |
Documento: Bloco de código |
---|
| <a href="fluig://http://suaempresa.com/portal/p/empresa/ecmnavigation?app_ecm_navigation_doc=id-do-documento">Documento</a> |
Processo: Bloco de código |
---|
| <a href="fluig://http://suaempresa.com/portal/p/empresa/pageworkflowview?processID=id-do-processo">Processo</a> |
Central de Tarefas: Bloco de código |
---|
| <a href="fluig://http://suaempresa.com/portal/p/empresa/pagecentraltask">Central de Tarefas</a> |
Conexões - Seguindo: Bloco de código |
---|
| <a href="fluig://http://suaempresa.com/portal/p/empresa/connections/usuario/followings">Seguidores</a> |
Conexões - Seguidores: Bloco de código |
---|
| <a href="fluig://http://suaempresa.com/portal/p/empresa/connections/usuario/followers">Seguindo</a> |
Image Removed Nota |
---|
| Somente estará disponíveis - Estarão disponíveis para uso do protocolo fluig:// apenas os links de páginas informadas acima. O uso de outras URLs "fluig://" para páginas não suportadas pelo aplicativo irá direcionar o usuário para a tela inicial do Fluig mobile.
- Todos os links listados acima estão disponíveis para iOS, Android e Windows Phone.
|
|
|
Como abrir aplicativos externos pelo Fluig
Aplicativos nativos do sistema operacional, como Telefone e Email, possuem o seu próprio URL scheme ( "tel://" e "mailto://", respectivamente) e a partir desses schemes é possível executar ações dentro de um formulário ou widget para realizar ligações, enviar emails e outros recursos acionados ao tocar em um botão ou link.
Assim como o Fluig mobile e aplicativos nativos do sistema, aplicativos de terceiros também possuem seu próprio scheme com recursos diferenciados. Portanto, também é possível iniciar estes aplicativos externos a partir de um formulário ou widget no Fluig mobile, desde que os aplicativos externos suportem os respectivos schemes.
Informações |
---|
Em caso de dúvidas, é necessário consultar a documentação do aplicativo desejado, pois cada aplicativo tem suas particularidades. |
Telefone e Email
Dispositivos móveis geralmente possuem aplicativos nativos de telefone e email pré-instalados e esses apps seguem um padrão de resposta ao serem iniciados por outros aplicativos através dos schemes "tel://" para o telefone e "mailto://" para o email. A partir do scheme, outros aplicativos podem invocá-los, passando informações relevantes e automatizando o processo de uma ligação ou envio de email.
Em um dispositivo móvel que possua mais de um aplicativo de telefone ou email instalado, será possível escolher qual aplicativo será iniciado, não
...
sendo obrigatório utilizar os aplicativos nativos.
Em caso de dúvidas para utilização dos schemes e suporte a plataforma desejada, as seguintes documentações podem ser consultadas: Apple, Google, Microsoft.
Deck of Cards |
---|
|
Card |
---|
default | true |
---|
id | 41 |
---|
label | Telefone |
---|
|
A utilização do recurso de ligação telefônica em formulários é uma de muitas ferramentas disponíveis que tornam o seu formulário mais interativo, completo e eficaz. O recurso de ligação é acionado ao tocar no link de um número de telefone, como no exemplo abaixo. Isso faz com que o Fluig mobile interprete a ação e abra o aplicativo de telefone do seu dispositivo, já informando o número de telefone cadastrado no formulário.
Image Added Image Added
Para mais informações sobre essa implementação, faça o download do exemplo (form-mobile-mail) de implementação clicando aqui. |
Card |
---|
|
Assim como o telefone, com o scheme "mailto://" é possível abrir o aplicativo de email que deseja e iniciar uma nova mensagem com os dados cadastrados nos campos de um formulário. Ao tocar no link de email do usuário, será executado um aplicativo de email instalado no dispositivo móvel para realização do envio de email, como na imagem abaixo.
Image Added Image Added
Para mais informações de como utilizar o scheme "mailto://", faça o download do exemplo (form-mobile-tel) de implementação clicando aqui. |
|
Nota |
---|
|
Para aplicativos de terceiros, deve-se consultar a documentação sobre a utilização de schemes no site do desenvolvedor do aplicativo em questão. |
...
Geolocalização
O recurso de geolocalização permite obter a localização do usuário através da internet ao abrir durante a abertura de um formulário, no qual o formulário em questão apresente desde que esse formulário possua o recurso de geolocalização implementado e o usuário permita o acesso a à sua localização. Dessa forma, ao obter as coordenadas é . Esse recurso também pode ser utilizado em páginas e processos.
É possível criar formulários mais ricos e dinâmicos em conteúdo através da geolocalização do usuário que acessar estiver acessando o formulário, permitindo por exemplo, tocar em um botão para abrir o aplicativo Waze através do formulário ao tocar em um botão.de navegação Waze.
Para saber como utilizar a geolocalização acesse a documentação: Desenvolvimento de formulário mobile.
Geolocalização com o aplicativo Waze
...
...
...
Com o My Fluig, você pode abrir outros aplicativos instalados no dispositivo e um deles é o Waze (aplicativo de navegação GPS)
...
. Isso torna possível repassar as coordenadas obtidas através de um formulário com geolocalização para o
...
Waze realizar a navegação.
Image Removed
Image Removed
Card |
---|
|
asd123 asd123 Bloco de código |
---|
| function getLocationUpdate(){
if(navigator.geolocation){
// timeout at 60000 milliseconds (60 seconds)
var options = {timeout:60000};
geoLoc = navigator.geolocation;
watchID = geoLoc.watchPosition(showLocation,
errorHandler,
options);
}else{
alert("Sorry, esse dispositivo não suporta geolocalização!");
}
}
function showLocation(position) {
var lat = position.coords.latitude;
var longi = position.coords.longitude;
document.getElementById("latitude").value = lat;
document.getElementById("longitude").value = longi;
var waze = document.getElementById('waze');
// Nesse caso abaixo, foi adicionado ao href da tag <a> o link com o schema do waze mais a latitude e longitude adquiridas
waze.href = "waze://?ll="+ lat + "," + longi;
}
function errorHandler(err) {
if(err.code == 1) {
alert("Erro: Acesso negado!");
}else if( err.code == 2) {
alert("Error: Posição está indisponível!");
}
}
|
|
Image Added
Image Added
Para mais recursos de implementação disponíveis pelo Waze, clique aqui e para um exemplo (form-mobile-waze) de implementação em formulários, aqui.
...