Versões comparadas

Chave

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

Ao criar um projeto com a opção Copiar do Modelo, será criado um projeto com as principais funções que o Cronapp disponibiliza, como: sistema de autenticação, cadastro de usuário, possibilidade de auditoria em log, restrição de acesso, telas mobile e/ou páginas web e outros. Tudo isso proporciona que o ao projeto tenha uma base robusta para que ele seja ser expandido de acordo com as ideias necessidades do desenvolvedor. 

Comparação entre os projetos Web e Mobile


Sistema de autenticação

O projeto modelo do Cronapp contém um sistema de autenticação. Apenas uma página Como apenas a página de login é pública, algumas necessitam do acesso de administrador e, por isso, é necessário que o usuário faça autenticação no sistema.a autenticação é requerida na aplicação. Por padrão, o tipo de autenticação será é via Token (jwt), mas o projeto está configurado com outros tipos de autenticação, caso deseje utilizar.

Botão para Excluir um usuário existente

Cadastro e edição de usuários

Como algumas páginas necessitam de autenticação, o projeto modelo vem com um usuário cadastrado, o usuário de Administrador (o login é admin e a senha também). Esse usuário pode ser editado ou excluído, caso deseje.

Image Removed

Figura 2 - Cadastrando ou editando usuários

  • Botão Adicionar para adicionar um novo usuário.
  • Botão para Editar as informações de um usuário existente.
    • .
    Diferença entre web e mobile

    Página de auditoria em log

    O log de auditoria grava informações de eventos ocorridos nas entidades, gerando um histórico das alterações e facilitando a análise de problemas como segurança ou erros do sistema. Esse histórico é exibido na página Log de Auditoria (Figura 3) na aplicação Web. 

    Image Removed

    Figura 3 - Página Log de Auditoria

    A página não vem com informações. Para gerar log, basta habilitar a caixa de seleção auditoria em log nas classes do diagrama de dados, bloco de programação ou fonte de dados.

    Criação e controle de funções para restrição de acesso

    Para restringir o acesso a determinado conteúdo, o projeto possui a funcionalidade Permissão de Segurança. Com ela é possível definir regras de acessos a ao usuários ou grupos de usuários. Por isso, ao abrir a aplicação a primeira página será pública e solicitará o login para acessar outras páginas.



    Figura 1 -


    Por padrão, os projetos criados no Cronapp já incluem os seguintes permissionáveis:

    • Administrators: acesso a todo o conteúdo do sistema, incluindo as páginas do diretório Administrativo (admin);
    • Authenticated: acesso ao conteúdo da pasta Autenticado (logged);
    • Public: acesso ao conteúdo da pasta Público (public) e demais arquivos necessários para que o usuário não logado possa visualizar o conteúdo público.
    Views

    Formulários (views)

    A view é a camada na qual o usuário interage com o sistema, podendo ser páginas HTML em projetos web ou telas em aplicativos mobile. Elas estão localizada dentro do diretório Formulários (views).


    Image Added

    Figura 2 - Diretório de formulários (views)


    Os diretórios Mobile (localização: Formulário/Mobile  ) e Web (localização: Formulário/Web  ) contém as telas ou páginas de seus respectivos projetos.

    Dentro desses diretórios encontramos subdiretórios que possuem páginas específicas ou páginas com permissões específicas:

    • Erros: caso ocorra algum problema durante a navegação do usuário, ele será direcionado para alguma dessas telas desse diretório.
    Web
    • Administrativo:
    Acessíveis
    • páginas acessíveis apenas
    para usuários que possuem o permissionável Administrators, como é o caso do 'admin'.
    • auditlog.search (log de auditoria): a página é destinada para visualizar histórico das informações gravadas de eventos ocorridos no sistema;
    • role (funções): a página é destinada para visualizar, cadastrar, editar ou excluir permissionáveis;
    • user: a página é destinada para visualizar, cadastrar, editar ou excluir usuários;
    • por usuários associados ao permissionável Administrators.
    • Autenticado: páginas acessíveis apenas por usuários associados ao permissionável Authenticated.
    • Público: páginas acessíveis por qualquer usuário.


    Aplicação

    Ao abrir a aplicação web ou mobile, a primeira página a aparecer será de login. Para acessá-la, digite o login admin e a senha admin.

    Web

    Após logar, veremos a página inicial contendo um menu e uma div com o texto "Página Inicial". Nesse menu encontramos as seguintes opções: 

    • Página inicial: Retornar para a página home;
    • Admin: Acessar as páginas Usuários, Log de auditoria e Funções;
    • Perfil: Acessar a opção para Mudar Senha do usuário atual, assim como a opção de Sair da sessão.

    Página de Usuários

    A página permite criar, consultar, editar e excluir usuários. Ela contém um título, um campo de busca e uma grade com apenas um usuário cadastrado. O usuário Administrador possui perfil de Administrador e pode ser editado ou excluído, caso deseje.

    Image Added

    Figura 2 - Cadastrando ou editando usuários


    1. Botão Adicionar para adicionar um novo usuário.
    2. Botão para Editar as informações de um usuário existente.
    3. Botão para Excluir um usuário existente.

    Página de Log de Auditoria

    A página mostra o histórico dos logs de auditoria, ou seja, as informações de eventos ocorridos nas entidades, gerando um histórico das alterações e facilitando a análise de problemas como segurança ou erros do sistema. Essa página está disponível apenas no navegador Web.


    Image Added

    Figura 3 - Página Log de Auditoria


    A página não vem com informações. Para gerar log, basta habilitar a caixa de seleção auditoria em log nas classes do diagrama de dados, bloco de programação ou fonte de dados.

    Página de Funções


    Mobile

    Após logar, veremos a tela inicial contendo o título da página e dois ícones do mesmo menu nas laterais. Nesse menu encontramos as seguintes opções: 

    • Página inicial: Retornar para a tela home;
    • Usuários: Acessar a tela Usuários;
    • Mudar senha: Acessar a tela para alterar a senha do usuário atual;
    • Sair: Sair da sessão.

    Tela de Usuários

    A tela permite consultar, editar e excluir usuários. Ela contém uma lista com apenas um usuário cadastrado na aplicação e é possível alterá-lo arrastando o componente para o lado esquerdo.


    Image Added

    Figura 5 - Tela de usuários


    Não é possível adicionar novos usuários na tela de usuários mobile, apenas na página web

  • Erros: Aparecem quando ocorrem erros específicos na aplicação.
    • 403: a página aparecerá na aplicação quando o usuário não tiver permissão de acesso;
    • 404: a página aparecerá na aplicação quando o  o servidor não puder encontrar a solicitação;
  • Autenticado: Acessíveis para todos os usuários autenticados na aplicação.
    • home: página inicial para usuários autenticados;
  • Público: Acessível sem a necessidade de autenticação.
    • login: página pública, é a primeira página quando a aplicação é aberta no navegador.
  • Mobile

    No projeto modelo, a sessão Mobile não possui Administrador. A ideia é que todos os cadastros sejam feitos no sistema Web e exibidos nas telas Mobile.

    • Erros: Aparecem quando ocorrem erros específicos na aplicação.
      • 403: a tela aparecerá na aplicação quando o usuário não tiver permissão de acesso;
      • 404: a tela aparecerá na aplicação quando o  o servidor não puder encontrar a solicitação;
    • Autenticado: Acessíveis para todos os usuários autenticados na aplicação.
      • home: tela inicial após autenticação;
      • menu: página com o menu de informações do aplicativo e acesso para outras telas.
      • user: a tela é destinada para visualizar, editar ou excluir usuários;
    • Público: Acessível sem a necessidade de autenticação.
      • login: página pública, é a primeira página quando a aplicação é aberta no navegador.

    Comparação entre projeto web e mobile/web

    Projeto web

    O projeto é configurado para o desenvolvimento de uma aplicação web com Back-End em Java. 

    Projeto mobile e web

    O projeto é configurado para o desenvolvimento de aplicações mobile e web, possuindo Back-End em Java

    .

    Nesta página

    Índice