Você está na página 1de 34

fluig.com | 0800 882 9191 | Av.

Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 1



Ttulo do documento
Studio II
Studio

fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 2

Sumrio

1. Introduo ............................................................................................... 3
1.1. Objetivos do Treinamento .................................................................. 3
1.2. Aviso ..................................................................................................... 3
1.3. Criar Diagrama de Processo ............................................................. 3
1.4. Customizao de Processo ............................................................. 21
1.5. Concluso ......................................................................................... 34



fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 3
1. Introduo


Ol!
Seja bem-vindo ao treinamento Studio II do curso Studio do Fluig.


1.1. Objetivos do Treinamento


Ao trmino deste treinamento voc ter conhecido mais sobre:

Criar diagrama de processo.
Customizao de processos.


1.2. Aviso

No treinamento de Gesto de Processos foi mostrado como criar um
processo workflow usando a interface web do Fluig.

A criao de processos tambm pode ser feita utilizando o plug-in Fluig
Designer no Studio.

Veja a seguir como utilizar o plug-in Fluig Designer no Studio para a criao
de processos e customizao a partir de eventos workflow.


1.3. Criar Diagrama de Processo

Os processos workflow so criados no Fluig por meio da interface web,
porm tambm possvel cri-los no Studio a partir do plug-in Fluig
Designer.

A modelagem de processos de negcio consiste na representao dos
processos internos da empresa, atravs de modelagem grfica.

Esta tem por finalidade facilitar e apoiar a gesto de processos de negcios
para usurios tcnicos e/ou usurios de negcio de maneira intuitiva.
Os processos podem ser remodelados para otimizao quando se julgar
necessrio, so basicamente composto por atividades e fluxos dentre outros

fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 4
componentes grficos que permitem a fcil composio dos diagramas de
processos.



A modelagem do diagrama tambm pode ser realizada de maneira offline, e
posteriormente, possvel exportar para o servidor Fluig, iniciando assim a
visualizao e movimentao de tarefas no portal web.

Ao modelar um processo workflow, possvel verificar se existem
inconsistncias antes de exportar para o servidor Fluig.






fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 5
Por exemplo, um mecanismo de atribuio por grupo pode estar
configurado sem existir um grupo selecionado.

Em caso de erro, um X em vermelho exibido na atividade e no cone do
processo.

No possvel exportar o processo para o servidor at que todos os erros da
modelagem sejam corrigidos.

Verifique na imagem a mensagem de erro exibida ao tentar exportar um
processo workflow inconsistente.

Passo a passo da criao de um Processo

A seguir, veja o passo a passo para criar um processo workflow no Fluig.


fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 6
Passo 1

Para criar um diagrama workflow, selecione o projeto desejado na viso
Explorador de Pacote e expanda a pasta workflow.






fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 7
Passo 2

Clique com o boto direito em diagrams, acesse a opo Novo e clique em
Diagrama de processo Fluig.








fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 8
Passo 3

Nesta tela, informe o nome do diagrama, por exemplo: exemplo_Fluig.

No campo Servidor, informe o nome do servidor j cadastrado, por
exemplo: Fluig Server e clique em Concluir.





fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 9
Passo 4

Neste passo, o arquivo do processo disponibilizado na pasta diagrams e a
viso do editor de modelagem exibida.

O editor de modelagem permite realizar a composio do diagrama de
processo workflow.

Neste possvel observar os elementos e o palco de modelagem que podem
ser utilizados, como por exemplo, fluxos, eventos, tarefas, atividades
paralelas, entre outros.





fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 10
Passo 5

Inicie a modelagem do diagrama arrastando um Evento Inicial para a rea
de edio.
Os elementos para a modelagem esto localizados no lado direito do editor
de modelagem.

Aps arrastar o elemento para o editor, clique no elemento e a aba
Propriedades ser exibida.
Nesta aba possvel acessar as funcionalidades como: Informaes Gerais,
Verso, Segurana de Anexos, Avanado e CAP.

No curso Processos I, verifique os detalhes das funcionalidades como a
definio de cada elemento da modelagem.







fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 11
Passo 6

Ao passar o mouse sobre o elemento, as aes so exibidas: remover,
atualizar, criar nova atividade, criar novo join, criar novo evento final,
criar novo fluxo e criar novo elemento.

necessrio que o evento siga para uma atividade, para isso clique sobre o
cone de atividade e arraste.

Uma atividade tambm pode ser adicionada utilizando o item do menu
lateral.






fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 12
Passo 7

Clique sobre a atividade adicionada, assim as propriedades sero exibidas na
viso

Neste exemplo, o nome da Atividade foi atualizado e uma instruo
tambm foi adicionada.

Verifique que as informaes foram atualizadas nos diagramas.






fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 13
Passo 8

Em seguida, adicione uma atividade automtica e clique na aba Condies
na viso Propriedades.






fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 14
Passo 9

Para adicionar uma condio, clique em Adicionar e preencha os campos
solicitados.






fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 15
Passo 10

Neste exemplo, ser cadastrado o mecanismo para um papel a uma das
atividades.

Para isso necessrio que o servidor esteja ativo no Studio, caso contrrio o
Fluig no ir reconhecer os papis cadastrados.

Verifique no campo Servidor na aba Geral, que o servidor Fluig Server no
est conectado ao Studio atravs do cone vermelho.

Para acionar o servidor, clique em uma rea vazia do editor e acesse as
propriedades do diagrama.

Clique sobre o cone vermelho para conectar.

Para mais informaes sobre os mecanismos de atribuio e suas definies,
consulte o curso Processos I.



fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 16
Passo 11

Verifique que o cone agora se encontra na cor verde, possibilitando assim a
conexo da modelagem com o servidor quando necessrio.






fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 17
Passo 12

Para configurar o mecanismo de atribuio para um papel, clique sobre uma
das atividades e selecione Atribuio para um Papel, em seguida escolha o
papel desejado e clique em OK.





fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 18
Passo 13

Neste passo, o diagrama est completamente modelado, porm ao verificar
a aba Problemas possvel visualizar a existncia de divergncias e assim
no ser possvel exportar para o servidor Fluig.

Neste exemplo, a divergncia est relacionada com a Atividade
Automtica, a expresso para a atividade no foi informada conforme
exibido na viso.







fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 19
Passo 14

Informe uma condio para a Atividade Automtica e verifique novamente
na viso Problemas se a divergncia foi resolvida.







fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 20
Passo 15

Neste passo a modelagem do diagrama foi concluda, assim possvel salvar
e caso necessrio exportar o diagrama para o Servidor Fluig.

















fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 21
1.4. Customizao de Processo

Em um processo workflow possvel manipular o comportamento e o acesso
s informaes de contexto ao longo da execuo atravs da customizao
de eventos workflow.

Os eventos so criados a partir do plug-in Fluig no Studio.
















fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 22
Os eventos workflow so um conjunto de scripts carregados pela API
deworkflow.

A API de workflow uma interface composta por funes acessveis por
programao, que podem ser usadas para publicar, gerenciar e executar
fluxos de trabalho em processos.
Os scripts so desenvolvidos com o uso da linguagem JavaScript e so
chamados ao longo da execuo do processo em momentos pr-
determinados, como por exemplo: a criao de um processo ou a entrada
em uma nova atividade.



















fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 23
Passo a Passo da Customizao de Processos

A seguir, veja o passo a passo para criar um evento customizado no Fluig.

Passo 1

Para criar um evento customizado no Fluig, acesse a pasta workflow na
viso Explorador de Pacote, clique com o boto direito na pasta Scripts e
escolha a opo Novo/Outras.










fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 24
Passo 2

Nesta tela, selecionar a opo Script Evento Workflow da pasta Fluig, e
clique em Avanar.






fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 25
Passo 3

Nesta tela, selecione o evento desejado e relacione o diagrama do projeto.

Neste exemplo, o diagrama exemplo_Fluig foi selecionado.

Clique em Concluir para finalizar.







fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 26
Passo 4

Ao clicar em concluir, o editor para customizao do evento aberto
Por padro, o nome do arquivo de script ser
nome_do_diagrama.nome_do_evento.






fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 27
Passo 5

Neste exemplo, a customizao chama outro servio previamente
cadastrado para verificaes.

Atravs do servio, possvel verificar a cotao do dlar e dependendo do
resultado, o processo ter determinado destino.

Para que as alteraes de eventos de customizao sejam aplicadas ao
processo, necessrio exportar o script e vincul-lo ao processo desejado.

Verifique no treinamento Studio IV para maiores informaes sobre o
cadastro de servios.




Alm dos eventos exibidos no passo anterior, possvel criar novos eventos
customizados e estes devem ser chamados por um evento padro para ser
executado.




fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 28
Na imagem, o exemplo do mtodo afterProcessFinish chamando um mtodo
customizado.




Neste exemplo, para executarmos a chamada de um evento customizado,
criamos a funo afterProcessFinish que executar a funo customizada a
atravs de uma chamada javascript.

Assim que a funo a for chamada, esta ser executada at o final e
posteriormente retornar ao mtodo afterProcessFinish continuando sua
execuo de onde parou.

Observe que este apenas um exemplo de uma chamada de funo
customizada, para cada caso deve ser criada uma funo especfica que faa
sentido ao seu processo workflow.









fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 29
No Fluig existem variveis globais internas que podem ser utilizadas para
recuperar valores pr-definidos.




Funcionam atravs da chamada da funo:
getValue(parmetroDesejado).


As variveis globais internas servem para recuperar valores predefinidos
para atividades, processos, verses de processo, entre outros como:

WKNumProces: Retorna o nmero do processo.

WKNumState: Retorna o nmero de sequncia da atividade corrente.

WKDef: O cdigo da definio do processo.

WKVersDef: A verso da definio do processo.

WKUser: O usurio corrente.

WDNrDocto: O cdigo da ficha do processo.

WDNrVersao: A verso da ficha do processo.

WDParentDocumentId: O cdigo do fichrio do processo.

WKCompany: O cdigo da empresa.





fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 30
Verifique o exemplo de customizao de workflow onde utilizamos
chamadas webservices.

Neste exemplo, o webservice retorna um valor que setado em um campo
do formulrio.




No prximo exemplo so utilizadas as variveis globais.



As variveis so criadas e valores so atribudos para cada uma e tambm
podem ser utilizadas em qualquer parte da customizao.

Na imagem, verifique o exemplo de uso da varivel globalVars no evento
beforeStateEntry do listener do processo:

Para recuperar os valores da varivel globalVars:

fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 31
globalVars.get(name);

Onde name o nome do atributo a ser retornado.

hAPI

Em todos os eventos do processo possvel obter informaes da API de
workflow.
Cada evento possui acesso ao handle da API de workflow atravs da varivel
global hAPI.

A hAPI uma varivel de acesso s funcionalidades pblicas da API de
workflow e pode ser usada em qualquer um dos listener do processo
workflow.

Veja a seguir os eventos disponveis para customizao no Fluig.



fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 32
afterCancelProcess
Ocorre aps o cancelamento da solicitao.

afterProcessCreate
Ocorre logo aps a criao de um novo processo.

afterProcessFinish
Ocorre aps finalizar a solicitao.

afterReleaseVersion
Ocorre aps a liberao de uma verso do processo.

afterStateEntry
Ocorre aps a entrada em uma nova atividade.

afterStateLeave
Ocorre aps a sada de uma atividade.

afterTaskComplete
Ocorre aps o usurio completar uma tarefa, porm as informaes de
prxima tarefa e colaboradores destino j foram salvas.

afterTaskCreate
Ocorre aps o usurio receber uma tarefa.

afterTaskSave
Ocorre aps salvar as informaes selecionadas pelo usurio.

beforeCancelProcess
Ocorre antes do cancelamento da solicitao.

beforeStateEntry
Ocorre antes da entrada de uma nova atividade.

beforeStateLeave
Ocorre antes da sada de uma atividade.

beforeTaskComplete
Ocorre antes que o usurio complete uma tarefa, porm as informaes de
prxima tarefa e colaboradores destino j foram salvas.

beforeTaskCreate
Ocorre antes que o usurio receba uma tarefa.


fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 33
beforeTaskSave
Ocorre antes de salvas as informaes selecionadas pelo usurio.

calculateAgreement
Ocorre aps o clculo do consenso em atividades conjuntas e permite
alterar os dados do consenso de uma atividade.

onNotify
Ocorre aps a movimentao da solicitao e antes de enviar as
notificaes.

setProcess
Ocorre quando o processo setado na API.

subProcessCreated
Ocorre quando um subprocesso criado.

validateAvailableState
Ocorre aps montada a lista de tarefas disponveis para o usurio a partir da
tarefa atual.

Mais informaes

Para informaes mais detalhadas sobre customizao de processos
possvel consultar o guia de Customizao de Workflow, disponvel em:
http://dev.fluig.com.



fluig.com | 0800 882 9191 | Av. Braz Leme 1717, Casa Verde | 02511-000 | So Paulo - Brasil 34
1.5. Concluso

Assim, voc terminou o treinamento Studio II do curso Studio do Fluig.
Neste treinamento voc conheceu mais sobre:

Criar diagrama de processo.
Customizao de processos.