Árvore de páginas

Versões comparadas

Chave

  • Esta linha foi adicionada.
  • Esta linha foi removida.
  • A formatação mudou.

...

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. Desta forma, é possível realizar a abertura de recursos no fluig 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 de mapade um aplicativo de mapas.

Para mais informações, as documentações referentes a cada plataforma encontram-se nos seguintes links: Apple, Google, Microsoft.


Nota
titleAtenção

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

No fluig Mobile existe o recurso de O Fluig mobile suporta a interceptação de algumas determinadas URLs, que possibilitam que o ao usuário utilize utilizar links pré-configurados para abrir diretamente recursos do aplicativo do fluig ao tocar sobre o link de qualquer outro Fluig. Ao tocar sobre estes links em outra aplicação instalada no dispositivo móvel, o usuário será redirecionado para o Fluig mobile.

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 via navegador ou de qualquer outro aplicativo de terceiros, como internamente no próprio aplicativo.  A seguir será e aplicativos de terceiros quanto internamente, no próprio Fluig mobile.

A seguir serão apresentado os links reconhecidos pelo aplicativo, através do URL scheme "fluig://". 

 

Deck of Cards
id1
Card
defaulttrue
id00
labelPortal


No fluig Mobile Fluig mobile é possível acessar recursos do aplicativo através de links. Para isso, é necessário apenas compor um link em html HTML incluindo o scheme "fluig://" no inicio do endereço. Por exemplo:

Bloco de código
languagexml
<a href="fluig://http://suaempresa.com.br">Link Mobile para o fluig Portal</a>

. Dessa forma, ao tocar no link, o dispositivo móvel entenderá que o link ele será aberto através do aplicativo fluig Mobile.Image RemovedImage RemovedFluig mobile.

Nota
titleAviso!
  • Caso o link configurado
para a URL da empresa já não estiver cadastrada no dispositivo
  • aponte para uma conta não configurada no Fluig mobile, o aplicativo será aberto na tela de
configuração.
  • cadastro.
  • Ao tocar no link configurado quando o dispositivo não tem o Fluig mobile instalado, nada ocorrerá.
Painel
titleFique atento!

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 AddedImage Added

Card
id01
labelOutros exemplos


Existem links válidos reconhecidos pelo fluig Mobile, 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
    languagexml
    <a href="fluig://http://suaempresa.com/portal/p/empresa/subject/suacomunidade">Comunidade</a>
  • Perfil:

    Bloco de código
    languagexml
    <a href="fluig://http://suaempresa.com/portal/p/empresa/social/id-do-perfil">Perfil</a>
  • Documento:

    Bloco de código
    languagexml
    <a href="fluig://http://suaempresa.com/portal/p/empresa/ecmnavigation?app_ecm_navigation_doc=id-do-documento">Documento</a>
  • Processo:

    Bloco de código
    languagexml
    <a href="fluig://http://suaempresa.com/portal/p/empresa/pageworkflowview?processID=id-do-processo">Processo</a>
  • Central de Tarefas:

    Bloco de código
    languagexml
    <a href="fluig://http://suaempresa.com/portal/p/empresa/pagecentraltask">Central de Tarefas</a>
  • Conexões - Seguindo:

    Bloco de código
    languagexml
     <a href="fluig://http://suaempresa.com/portal/p/empresa/connections/usuario/followings">Seguidores</a>
  • Conexões - Seguidores:

    Bloco de código
    languagexml
    <a href="fluig://http://suaempresa.com/portal/p/empresa/connections/usuario/followers">Seguindo</a>

 

Image Removed

 

  •  


Nota
titleAviso !
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
podem não abrir ou apresentar inconsistências.

...

  • 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
id34
 
Card

...

notetitleAviso !
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 AddedImage Added

Para mais informações sobre essa implementação, faça o download do exemplo (form-mobile-mail) de implementação clicando aqui.

Card
id42
labelEmail


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 AddedImage 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
titleAviso !
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, ao tocar em um botão , realizar a abertura do aplicativo Waze através do formulário com a localização atual do usuário.para abrir o aplicativo 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

...

...

id2

...

defaulttrue
id20
labelWaze

...

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 ModifiedImage Modified

...

id21
labelImplementação

Como exemplo para realizar a abertura do aplicativo Waze através de um hiperlink como a tag <a> do html, será necessário adicionar o scheme "waze://" junto com a latitude e longitude para que o fluig Mobile intercepte a requisição e realize a abertura do aplicativo. Segue exemplo abaixo.

 

Exemplos devem ser publicados no git.fluig.com.

 

Bloco de código
languagejs
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 scheme 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!");
  }
}

...

Para mais recursos de implementação disponíveis pelo Waze, clique aqui

...

Para consultar a documentação de implementação da geolocalização em formulários no fluig Mobile clique aqui.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

...

e para um exemplo (form-mobile-waze) de implementação em formulários, aqui.