segunda-feira, 23 de novembro de 2020

DICAS 3189 -WEBDEV TUTORIAL 111 - 06-12-2020-08_00Hrs- Licao 10.1 VISAO GLOBAL - 10.2 AUDITORIAS



https://youtu.be/FyM3p7xiED8



Bom Dia Boa Tarde Boa Noite

Seja Membro do Canal


Esse Video Ao Vivo vai estrear as 08:00 do dia 06/12/2020-

DICAS 3189 -WEBDEV TUTORIAL 111 - 06-12-2020-08_00Hrs- Licao 10.1 VISAO GLOBAL - 10.2 AUDITORIAS PARTE A


ASSUNTOS

Lição 10.1. visão global
Visao Glogal
Abrindo projeto otimizar 
Lição 10.2. Auditorias de projeto
O que é uma auditoria?
Auditoria estatica 
Procedimento não executado
Excluido procedure obsoleta
Elemento órfão
Limpando o projeto 
Auditoria dinâmica

Proxima Licao  : Performance profiler


DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV
DICAS 3068 -WEBDEV TUTORIAL 1-Licao 1.2-14-09-2020 15hrs-Web development and WEBDEV - PARTE A
DICAS 3069 -WEBDEV TUTORIAL 3-Licao 1.2-14-09-2020 16hrs-Web development and WEBDEV - PARTE B






PlayList WebDev tutorial Amarildo Webdev
Playlist Windev Tutorial Amarildo Windev
PlayList Windev Mobile 
Amarildo
Donwloads Windev
Windev
WxSolucoes
Matos Informatica
Repositorio Windev
Inscricao Evento Pcsof
Site forum Google 
Video sobre 3 Mil Videos Windev 
Video sobre Alfaserver servidor 












Lição 10.1. visão global
Esta lição vai te ensinar os seguintes conceitos
  • Por que otimizar um site?
  • Projeto de exemplo.
Duração da aula

Tempo estimado: 5 minutos
Lição AnteriorÍndicePróxima lição
visão global
Seu site foi criado. Ele opera. Você quer implantá-lo.
Você já pensou em usar ferramentas WEBDEV para otimizar seu site? O WEBDEV propõe diversas ferramentas e recursos que permitem otimizar rapidamente o seu site e evitar bugs previsíveis.
Esta parte apresenta essas ferramentas e seu uso.
Foi elaborado um projeto para otimizar, permitindo que você manuseie esses recursos!

Projeto de abertura

  • Abra o projeto "WW_Optimization".
    1. Inicie o WEBDEV 25 se necessário.
    2. Exiba a página inicial do WEBDEV se necessário (Ctrl + <).
    3. Clique em "Tutorial" e selecione "Otimizar um projeto".
Lição 10.2. Auditorias de projeto
Esta lição vai te ensinar os seguintes conceitos
  • O que é uma auditoria e qual é a sua finalidade?
  • Iniciando e estudando a auditoria estática.
  • Iniciando e estudando a auditoria dinâmica.
Duração da aula

Tempo estimado: 20 min
Lição AnteriorÍndicePróxima lição
O que é uma auditoria?
As auditorias fornecem um conjunto de recursos usados ​​para melhorar automaticamente a qualidade e o desempenho do projeto, e para acompanhar as condições em que é implementado.
Dois tipos de auditoria estão disponíveis:
  • A auditoria estática . A auditoria estática realiza uma análise detalhada de um projeto e elementos. Esta auditoria é realizada a partir do editor do projeto.
  • A auditoria dinâmica . A auditoria dinâmica analisa o comportamento de um projeto durante sua execução. Essa auditoria pode ser realizada em modo de teste ou no ambiente de produção.
Vamos testar essas auditorias no projeto "WW_Optimization".
Auditoria estática
A auditoria estática é um recurso de ambiente utilizado para estudar os códigos-fonte de um projeto, a fim de detectar diferentes problemas e propor melhorias.
  • Para iniciar a auditoria estática no projeto "WW_Optimization":
    1. Na faixa de opções, no painel "Projeto", no grupo "Auditoria e desempenho", expanda "Auditoria de edição" e selecione "Acionar a auditoria de edição".
    2. O assistente é iniciado. Vamos definir o objetivo da auditoria estática.
      Assistente para executar a auditoria estática
    3. Selecione "Executar a auditoria estática em todo o projeto".
    4. Valide o assistente.

      Observação

      A auditoria estática do projeto também pode ser iniciada a partir do painel do projeto, por meio do widget "Auditoria estática e compilação".
      Simplesmente:
      • exiba o widget se necessário:
        • Mude o painel para o modo de modificação (clique com o botão direito do mouse, opção "Modo de modificação").
        • Adicione o widget (clique com o botão direito do mouse, opção "Adicionar .. Auditoria estática").
        • Feche o modo de modificação (clique com o botão direito do mouse, opção "Modo de modificação").
      • clique na seta.
        Auditoria estática do painel
    5. O relatório de auditoria é exibido:
      Relatório de auditoria estática
      A auditoria estática inclui:
      • A auditoria estática do projeto.
      • A auditoria do conteúdo da biblioteca de aplicativos.
  • Vamos estudar os tópicos apresentados por este relatório.

Procedimento não executado

Em nosso projeto, a auditoria indica que um procedimento nunca é executado.
Em projetos grandes, você pode desejar criar um ou mais procedimentos para executar um processo e, depois de uma reorganização do código, o procedimento não é mais usado, mas permanece no projeto.
A presença de procedimentos não utilizados consome desnecessariamente os recursos distribuídos aos usuários finais.
  • Para resolver este problema:
    1. Clique no botão [...] para obter mais detalhes. A janela que lista os códigos mortos é exibida.
      Código morto no projeto
    2. O procedimento "ObsoleteProcedure" nunca é chamado. Esta janela é usada para:
      • especifique se o procedimento ainda é usado ("Sinalizar como útil"). Neste caso, o procedimento não será mais levado em consideração durante a auditoria.
      • exclua o procedimento se não estiver realmente sendo usado ("Excluir").
      • veja o procedimento ("Visualização").
      • encontre os casos de uso nas strings, por exemplo ("Pesquisar").
    3. No nosso caso, este procedimento na verdade não é utilizado, clique em "Excluir".
    4. Uma janela é exibida, solicitando que você confirme a exclusão. Clique no botão "Excluir" para confirmar a exclusão.
    5. Feche a janela do código morto (clique na cruz no canto superior direito).
  • Na janela de auditoria estática, clique no botão "Atualizar" para atualizar o relatório de auditoria.

Elemento órfão

A auditoria indica que nosso projeto contém um elemento órfão.
Quanto aos procedimentos executados, pode-se criar janelas ou relatórios para fazer um teste rápido, salvá-los e esquecer tudo sobre eles. A presença de elementos órfãos no executável consome desnecessariamente os recursos distribuídos aos usuários finais.
  • Para resolver este problema:
    1. Clique no botão [...] para obter mais detalhes. A janela usada para listar os elementos órfãos é exibida.
      Elementos órfãos no projeto
    2. A página "PAGE_Unused_Page" nunca é chamada. A janela que lista os elementos órfãos é usada para:
      • especifique se o elemento ainda é usado ("Sinalizar como útil"). Neste caso, a página não será mais considerada durante a auditoria. Esta opção pode ser interessante ao usar uma página de teste específica para o desenvolvimento, por exemplo.
      • exclua a página se ela não estiver realmente sendo usada ("Excluir").
      • veja a página ("Visualizar").
      • encontre os casos de uso nas strings, por exemplo ("Pesquisar").
    3. No nosso caso, esta página "PAGE_Unused_Page" na verdade não foi usada, clique em "Excluir".
    4. Feche a janela de elementos órfãos (clique na cruz no canto superior direito).
  • Na janela de auditoria estática, clique no botão "Atualizar" para atualizar o relatório de auditoria.

Limpando o projeto

Nosso projeto contém vários arquivos não utilizados. Você tem a capacidade de limpar o projeto para manter apenas os elementos necessários. A configuração do cliente não é pesada com imagens, arquivos externos, ... não usados.
  • Para resolver este problema:
    1. Clique no botão [...] para obter mais detalhes.
    2. O assistente de limpeza do projeto é iniciado. Este assistente indica os arquivos não utilizados que podem ser excluídos.
    3. Vá para a próxima etapa.
    4. Selecione o tipo de limpeza a ser executada. Você pode:
      • crie um arquivo zip com os arquivos inúteis.
      • mova os arquivos inúteis para um diretório específico.
    5. Valide a opção proposta por padrão e vá para a próxima etapa.
    6. Conclua o assistente.
  • Nosso projeto foi otimizado de acordo com as dicas fornecidas pela auditoria estática. A auditoria estática é usada para obter um status geral sobre o código-fonte do seu projeto. Nosso conselho: execute-o regularmente!
Vamos ver o que acontece em tempo de execução iniciando a auditoria dinâmica.
Auditoria dinâmica
A auditoria dinâmica é usada para estudar a execução do aplicativo. A auditoria é usada para detectar problemas como:
  • Consumo excessivo de memória,
  • Lentidão dos algoritmos usados,
  • Erros "ocultos" em tempo de execução,
  • ...
Uma auditoria dinâmica pode ser realizada em um ambiente de teste ou em um aplicativo ativo.
O projeto "WW_Optimization" contém uma página específica que dispara erros que podem ser detectados pela auditoria dinâmica.
A auditoria dinâmica e o teste do projeto serão iniciados ao mesmo tempo.
  • Para iniciar a auditoria dinâmica no projeto "WW_Optimization":
    1. Na faixa de opções, no painel "Projeto", no grupo "Modo de teste", expanda "Modo de teste" e selecione "Depurar o projeto enquanto a auditoria está habilitada". O teste do projeto é executado.

      Observação

      A auditoria dinâmica do projeto também pode ser iniciada a partir do painel do projeto, por meio do widget "Auditoria dinâmica". Para fazer isso:
      • habilite o widget se necessário (clique no link "Clique aqui para reativar").
      • expanda a seta e selecione "Go Detalhado do projeto".
        Auditoria dinâmica no painel
      Observação: A auditoria dinâmica é executada automaticamente a cada teste do projeto. Um relatório de status é automaticamente exibido no painel:
      Relatório de status exibido no painel
    2. Clique em "TEST PAGE OF DYNAMIC AUDIT".
    3. Clique nos diferentes botões encontrados na página.
      • Ao final de cada processo, uma mensagem brinde é exibida para especificar que o processo acabou.
        Observação: Aguarde até que o brinde seja exibido antes de clicar em outro botão.
      • Para a opção "Assertion and Exception", é exibida uma assertion: clique em "Continue" para que a mensagem apareça em formato de notificação.
    4. Pare o teste do site.
    5. A janela de relatório de auditoria dinâmica é exibida.
      Relatório da auditoria dinâmica
  • Vamos estudar esta janela:
    • A seção superior desta janela é usada para escolher o modo de exibição dos dados. Você pode:
      • escolha uma visualização cronológica (respeitando a ordem em que ocorreram os eventos) ou uma visualização geral, utilizada para agrupar os diferentes tipos de problemas. Durante uma exibição cronológica, uma borda cronológica permite que você veja a posição e a importância dos problemas.
      • escolha o tipo de problema a apresentar (erro, afirmação, ...). Isso permite que você, por exemplo, se concentre nos principais erros, ...
    • A seção inferior desta janela exibe os diferentes eventos que ocorreram e que podem causar problemas no aplicativo.
  • Neste exemplo, a auditoria dinâmica detecta vários problemas:
    • Uma instrução SWITCH para a qual nenhum CASE é executado,
    • Uma afirmação desencadeada,
    • Uma exceção acionada,
    • A atribuição de um arquivo de imagem inexistente a um controle de imagem.
    Para cada problema, um botão "..." é usado para acessar os detalhes do evento. Se o evento estiver vinculado a uma linha específica de código, o Editor de código abertobotão permite abrir o editor de código diretamente no local correspondente para corrigir o problema.
  • Feche a janela de auditoria dinâmica.

Observação

A auditoria dinâmica de um projeto também pode ser realizada quando o site é implantado.
Tudo que você precisa fazer é chamar dbgEnableAudit para acionar a auditoria dinâmica. A auditoria gera um arquivo ".wdaudit", este arquivo deve ser carregado no ambiente de desenvolvimento para estudar o resultado.
Consulte Auditoria dinâmica para obter mais detalhes.

Teste

Teste
teste