$30 off During Our Annual Pro Sale. View Details »

08 - UTFPR - Acompanhamento visual de processos para o SEI

08 - UTFPR - Acompanhamento visual de processos para o SEI

WTICIFES 2017 Recife

June 16, 2017
Tweet

More Decks by WTICIFES 2017 Recife

Other Decks in Education

Transcript

  1. Acompanhamento visual de processos
    para o SEI versão 3.0
    Andrei Ribeiro De Souza Balbo
    João Pedro Costa Miranda
    Raquel Kolitski Stasiu
    Ricardo Ponestke Seara
    Thasiana Maria Kukolj da Luz
    1

    View Slide

  2. • Contextualização e Proposta
    • Metodologia e Arquitetura do Módulo
    • Uso do Módulo
    • Considerações Finais
    2

    View Slide

  3. Motivação: Acompanhamento de
    processos no SEI
    • Falta de visualização do processo completo
    • Permite somente acompanhamento do histórico em
    forma de listagem
    • Falta de informação sobre o fluxo das atividades
    seguintes
    • Atualização do andamento do processo em forma de
    comentários sobre seu trâmite na versão padrão
    3
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  4. Acompanhamento de processos no SEI
    4
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  5. Proposta:
    Acompanhamento visual de processos
    Funcionalidades do módulo proposto:
    • Interface visual de acompanhamento de processos no
    SEI
    • Uso dos diagramas já modelados em notação BPMn
    (Business Process Modeling Notation)
    • Execução do fluxo das atividades no próprio diagrama
    5
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  6. • Contextualização e Proposta
    • Metodologia e Arquitetura do Módulo
    • Uso do Módulo
    • Considerações Finais
    6

    View Slide

  7. Metodologia
    • Uso da API de módulos do SEI e do framework do TRF
    • Desenvolvimento do módulo:
    1. Criação do editor de diagramas BPM
    2. Adaptação para versionamento de diagramas
    3. Criação da interface de associação com processos
    4. Criação da interface de acompanhamento para o
    usuário
    7
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  8. Módulo SEI
    Modulo.php
    SEIIntegracao
    Eventos Interceptados
    <>
    SEIRN
    Operações
    API
    (sei/web/api)
    INFRA
    <>
    <>
    RN
    DTO
    BD
    JS
    CSS
    Pagina
    Interface para
    interceptação de
    eventos
    Módulo SEI
    Modulo.php
    SEIIntegracao
    Eventos Interceptados
    <>
    SEIRN
    Operações
    API
    SEI 3.0
    (sei/web/api)
    Framework
    TRF
    <>
    <>
    RN
    DTO
    BD
    JS
    CSS
    Pagina
    Interface para
    interceptação de
    eventos
    <>
    Arquitetura do Módulo
    Dados da
    instituição
    8
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  9. Arquitetura do Módulo
    9
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  10. • Contextualização e Proposta
    • Metodologia e Arquitetura do Módulo
    • Utilização do Módulo
    • Considerações Finais
    10

    View Slide

  11. Utilização do Módulo
    Area Fim
    Parametrizador
    Setor
    Responsável
    Servidor
    responsável
    pela atividade
    Inicia um novo processo no SEI
    Associa o processo à uma versão
    de diagrama
    Atualiza o andamento do
    processo pelo diagrama
    Cadastra diagramas utilizando o
    editor de diagramas BPM
    Pode acompanhar visualmente o
    andamento do processo
    Area Fim
    11

    View Slide

  12. Utilização do Módulo
    Area Fim
    Setor
    Responsável
    Servidor
    responsável
    pela atividade
    Inicia um novo processo no SEI
    Associa o processo à uma versão
    de diagrama
    Atualiza o andamento do
    processo pelo diagrama
    Pode acompanhar visualmente o
    andamento do processo
    Area Fim
    Cadastra diagramas utilizando
    o editor de diagramas BPM
    Parametrizado
    r
    12

    View Slide

  13. Cadastro de diagramas
    • Escolher o tipo de processo e cadastrar uma imagem do diagrama
    Passo 1
    • Cadastrar as atividades do diagrama
    Passo 2
    • Informar o fluxo das atividades
    Passo 3
    • Finalizar o diagrama
    Passo 4
    13
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  14. Cadastro de diagramas
    Passo 1 – Escolha do tipo de processo e cadastro da imagem do diagrama
    14
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  15. Cadastro de diagramas
    Passo 2 – Cadastro das atividades do diagrama
    15
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  16. Cadastro de diagramas
    Passo 2 – Cadastro das atividades do diagrama
    • Descrição da
    atividade
    • Unidade
    responsável
    • Área na
    imagem
    16
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  17. Cadastro de diagramas
    Passo 2 – Cadastro das atividades do diagrama
    17
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  18. Cadastro de diagramas
    Passo 3 – Cadastro do fluxo das atividades do diagrama
    18
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  19. Cadastro de diagramas
    Passo 3 – Cadastro do fluxo das atividades do diagrama
    19
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  20. Cadastro de diagramas
    Passo 3 – Cadastro do fluxo das atividades do diagrama
    Exemplos para cadastro do fluxo:
    20
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  21. Cadastro de diagramas
    Passo 4 – Finalização do diagrama
    • Após a finalização do diagrama não é mais possível realizar
    alterações.
    • Caso precise alterar, deve-se criar uma nova versão do diagrama.
    21
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  22. Utilização do Módulo
    Area Fim
    Parametrizador
    Servidor
    responsável
    pela atividade
    Inicia um novo processo no SEI
    Atualiza o andamento do
    processo pelo diagrama
    Cadastra diagramas utilizando o
    editor de diagramas BPM
    Pode acompanhar visualmente o
    andamento do processo
    Area Fim
    Setor
    Responsável
    Associa o processo à uma
    versão de diagrama
    22

    View Slide

  23. Associação de um processo à um
    diagrama
    23
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  24. Associação de um processo à um
    diagrama
    24
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  25. Utilização do Módulo
    Area Fim
    Parametrizador
    Setor
    Responsável
    Inicia um novo processo no SEI
    Associa o processo à uma versão
    de diagrama
    Cadastra diagramas utilizando o
    editor de diagramas BPM
    Pode acompanhar visualmente o
    andamento do processo
    Area Fim
    Servidor
    responsável
    pela atividade
    Atualiza o andamento do
    processo pelo diagrama
    25

    View Slide

  26. Atualização do andamento pelo
    diagrama
    26
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  27. Atualização do andamento pelo
    diagrama
    • Clicando na atividade atual, conclui a etapa.
    • Clicando na ultima atividade concluída, retorna à ela.
    27
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  28. Atualização do andamento pelo
    diagrama
    Qualquer operação realizada no diagrama é registrada no
    histórico de andamento.
    28
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  29. Utilização do Módulo
    Area Fim
    Parametrizador
    Setor
    Responsável
    Inicia um novo processo no SEI
    Associa o processo à uma versão
    de diagrama
    Cadastra diagramas utilizando o
    editor de diagramas BPM
    Atualiza o andamento do
    processo pelo diagrama
    Servidor
    responsável
    pela atividade
    Area Fim
    Pode acompanhar visualmente o
    andamento do processo 29

    View Slide

  30. Acompanhamento do processo
    O usuário gerador do processo, a qualquer instante pode
    acompanhar o andamento pelo ícone:
    30
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  31. Acompanhamento do processo
    Apresenta o diagrama do processo com o atual andamento das
    atividades e histórico.
    31
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  32. • Contextualização e Proposta
    • Metodologia e Arquitetura do Módulo
    • Utilização do Módulo
    • Considerações Finais
    32

    View Slide

  33. Considerações Finais
    • Permite uso por outras instituições
    Módulo independente
    • O usuário parametrizador pode descrever atividades
    de forma simplificada
    Permite editar os diagramas
    • Permite novas versões de diagramas que evoluiram
    Versionamento de diagramas
    33
    Módulo de Acompanhamento Visual de Processos para o SEI versão 3.0

    View Slide

  34. Mais Informações
    • UTFPR Digital: www.utfpr.edu.br/sei
    • Contato: [email protected]
    Obrigado!
    34

    View Slide