Vídeos

Gravando vídeos sobre a utilização do Strapi para a comissão DivulgaPET e a CENAPET.

Páginas de eventos

Atualizações e mais atualizações locais, projetando e fazendo um template de modelo da nova página de eventos, preciosos minutos tentando entender como mexer no computador

Pagina devs cenapet

CBEU

Apresentação no Congresso Brasileiro de Extensão Universitária.

Reunião DivulgaPET

Elaborada apresentação para o CBEU e feito acompanhamento das atividades.

Reunião de retomada

Feita reunião rápida para retomar o projeto, definir tarefas e prazos.

Caça aos bugs

Tentando resolver um bug no cadastro que resulta em erro interno no servidor. Ainda sem sucesso.

Reunião DivulgaPET

Realizada divisão de trabalhos, discutido sobre onde será o armazenamento de arquivos (vídeos, documentos) e próximas reuniões.

Reunião CENAPET

Reunião de apresentação entre a nova comissão do DivulgaPET e, bem, a nova comissão da CENAPET.

Google Analytics

Implementação do Google Analytics no site para gerar análises e estatísticas de acesso. Muito tempo foi gasto até descobrir que existe um script pronto no Nuxt.js e que as chaves de API demoram até 1h para ficarem válidas.

Reunião DivulgaPET

Recepção dos novos membros e apresentação da comissão, documentos, diretrizes e atividades.

AWS

Configuração de estatísticas de uso para tentar entender e melhorar o custo do servidor. Também foram analisados os crontabs configurados e tá tudo dando muito bom.

Atualizações

Atualizando Strapi para versão 3.4.1

Crontab

Criado crontab no servidor da Cenapet que roda automaticamente atualizações do GitHub e do Strapi, compila e sobe para o Firebase.<br> DEVOPS AS IT'S FINEST

Debug no cadastro

Maluco eu fiquei <b>muito</b> tempo achando que o cadastro tava dando problema porque o site está estático ao invés de dinâmico. No fim, só não tinha sido habilitado o domínio certo no recaptcha. É isto.

Amazon Web Services

<ul> <li>Configuração de toda uma EC2 teste para hospedar o Strapi;</li> <li>Criação de um passo a passo para isso;</li> <li>Pesquisa extensa sobre tipos de instância, preços e localizações.</li> </ul> Conclusões: é quase 2x mais caro hospedar em São Paulo do que nos EUA, provavelmente ficaremos com essa opção.

Reunião DivulgaPET

Discutido sobre o documento de diretrizes, participação de novos inscritos, apresentação de domingo, revisados documentos e slides para a apresentação, e mais um monte de coisa que essa reunião foi longa pra caramba.

Carrossel

Mexendo no Carousel

Deploy estático

Realizadas comparações entre os serviços do Google Firebase, Heroku e Netlify. Pesquisadas formas de publicar um site estático a partir do Nuxt.js com estes serviços. Escolhido Firebase e feito deploy em <a href="https://cenapet.web.app" target="_blank">cenapet.web.app</a>. FUNCIONOU.

Amazon Web Services

Criada conta de estudante na AWS. Contratado servidor EC2 para entender como funciona o processo de deploy nisso. Até o momento, sem muito sucesso.

Paginação de notícias

Implementada paginação por páginas e menu de navegação.

Página de notícias

Implementado NoticiaDeck com a nova paginação de vetor. Posteriormente, serão implementadas diferentes páginas de notícia com paginação via Strapi. Também foram encontrados e corrigidos erros no mapa, formulário de cadastro e homepage.

Reunião DivulgaPET

Relatados como foram os GDTs de cada membro, planejados passos para o GT de elaboração das diretrizes do Divulga e para a inscrição de novos membros. Apresentados slides que serão usados dia 6/12, na apresentação da comissão durante a abertura da assembleia. Caos.

Paginação de notícias

Criada uma <b>SUPER FUNÇÃO</b> de paginação de vetores. Foi utilizada para implementar paginação de notícias e será posteriormente aplicada à busca de PETs.

Alterações cenapet

Primeira parte das alterações solicitadas pela diretoria: <ul> <li>Movidas páginas de lugar;</li> <li>Adicionadas páginas em construção para Divulga/DiversificaPET;</li> <li>Reorganização da página orientações gerais.</li> </ul>

Reunião CENAPET

Reunião rápida com ideias de alteração para o site. A maioria foram em questões de organização dos documentos de uma página para outra, tudo sob controle.

Estudo Search Engine

Dei uma estudada pra ver como vou fazer pra colocar o search no site da cenapet, instalei alguns programas ja.

Montando containers

Comecei a montar os containers para serem usados no site da CENAPET, o do back ja ta pronto so falta ajeitar umas coisas pra rodar o do front tambem, esses containers vao ser usados juntos com os programas do search engine no deploy,

Correção de bug

Corrigido bug no cadastro de notícias em produção. A chave estrangeira de conteúdo dava erro de not 46.

Debug no card de notícias

Corrigido um bug sem o menor sentido que fazia o card ficar maior do que a tela na página inicial.

Pesquisa sobre servidores

Avaliada possibilidade de utilizar um servidor AWS para o backend e uma solução grauita para o front, como a própria cloudflare ou netlify.

MULTILEVEL NAVBAR

Eu não acredito no tanto de tempo que isso demandou. Poderia tranquilamente abrir um pull request para o próprio BOOTSTRAP incluir esse código maldito no core deles.

MULTILEVEL NAVBAR

Infelizmente é um inferno fazer uma navbar com múltiplos níveis em bootstrap. Deveria ter usado qualquer outro framework, agora já foi e só nos resta chorar.

Design card

Refiz o card das pessoas e agora ele realmente ta bem feito Demorei muito tempo porque me perdi nos conceitos e aprendi coisas novas

Mapa

Melhorada visualização do mapa após as alterações do cluster. Está sendo avaliado criar um cache em json para o mapa, de forma que seja atualizado a cada inserção de PET. Vai dar trampo.

Reunião do desespero

Definidas e separadas atividades a serem feitas nas próximas semanas. O site deverá ser oficialmente lançado dia 06/12. Deus nos ajude.

Páginas cenapet

Criadas mais algumas páginas requeridas

Melhorias de visualização

Alterado esquema de cores e tamanhos dos clusters, melhorado tempo de renderização para mapas estáticos e criados alguns overflow: hidden na página de PET, para não ficar um bloco gigante de um único link.

Otimizações

Removendo pacotes de javascript super inflados, criando funções leves para substituir e removendo ícones em excesso do font-awesome. Resultado: bundle estático de javascript reduzido de 8mb para 2mb (!!!!!!)

Coisas cenapet

nao atualizem o nodejs <br> muitas coisas baixadas <br> paginas adicionais criadas

Servidor CENAPET

Feito contato com o suporte de vendas da LocaWeb para confirmar detalhes sobre os planos e servidores. Foi elaborado um email com orçamento que será encaminhado para a CENAPET.

Publicando atualização

Atualizado Strapi para versão 3.2.5, publicada atualização com DynamicZones, integrados bancos de dados e corrigidos vários erros em produção.

NavBar

Pesquisa sobre servidores

Pesquisados e comparados preços e vantagens de servidores brasileiros. Foi feito contato com o suporte da Weblink e descobrimos que Node.js não funciona bem com máquinas compartilhadas, apenas VPS. Ainda não foi decidido o melhor plano.

Mapa CENAPET

Mato Grosso do Sul completo, Ceará e Paraná quase completo e um pouco do Rio de Janeiro feito

DynamicZone

Integrada DynamicZone com todas as páginas, criado campo genérico do google drive para qualquer tipo de documento.

NavBar

DynamicZone

Alterado padrão de classe, limpado o banco de classes antigas e copiado backup do site em produção. Por fim, implementada DynamicZone para <b>todas</b> as páginas de texto estático do site. Serão criados campos de vídeo a partir do Google Drive e campo para upload de documentos.

Adequação backend

Reduzido código e melhorada documentação viva. Será criado um arquivo de instruções sobre quais hooks do Strapi foram modificados para uso.

Página de erros

Página principal de tratamento de erros e respectivas páginas criadas. <br> Engraçado como tudo na internet é super simples neh papum ta feita sua pagina linda toda cheia de css interativa carrossel mouse com glitter. vc vai colocar no local dá tanto erro q o computador exibe https://i.pinimg.com/736x/e5/8c/3f/e58c3fd54b3b0d3cbd40550b0ebae4c3.jpg na sua tela.

Estudo de boas práticas

Estudo sobre Vuex, computed properties e clean code para aplicação no projeto. Haverá uma refatoração completa nos acessos à API do Strapi visando melhorar toda a performance e escalabilidade do projeto.

Mapa CENAPET

Minas Gerais quase finalizada

Reunião DivulgaPET

Discutido sobre como organizar o GT do Enapet, apresentação e passos para a plataforma da Cenapet, sugestões para logo do Mobiliza e situação das universidades.

Universidades no site

Cadastradas universidades sob demanda, conforme era solicitado por email. Corrigidos problemas em produção.

Mapa CENAPET

Páginas de erro

Mapa CENAPET

Acidicionando campus de estados aleatorios

Página de gestões

Adicionando página de gestões, componente dinâmico e gitignore. Corrigidos problemas de renderização com v-if.

Localizações mapa

Mapa CENAPET

Roraima, Santa Catarina(menos os campi SC) completos. Rio Grande do Norte faltou uma sigla RN e um campus que não achei

DynamicZone

Implementada DynamicZone para notícias - agora pode-se escolher entre 4 componentes (texto, foto, citação e vídeo) de forma ilimitada no Strapi. Também foi implementado um parallax na página de notícias.

DivulgaPET

Discussões sobre ideias para o site, alterações, problemas que surgiram, etc.

Acertando coisinhas cenapet

Acertei alguns pontos que faltavam e finalmente enviei tudo que tava comigo

Localizações mapa

Manutenção cenapet

<ul> <li>Corrigido problema de tamanho de imagem;</li> <li>Ordenação de notícias;</li> <li>Melhoria na leitura de títulos (carrossel/notícias);</li> <li>Subindo página de eventos.</li> </ul>

Análise do servidor

Nova série de análises, dessa vez contanto com mais de 50 acessos simultâneos durante o SudestePET. Os resultados são promissores: o servidor nem sentiu diferença e, curiosamente, o MapBox também não. Talvez seja realmente vantajoso manter ele ou o próprio Google Maps.

OpenLayers

Novas tentativas pífias de tentar implementar o mapa gratuito no site. Talvez fiquemos com o MapBox mesmo (ou até o Google, metendo o louco).

Mobilizapet front

Melhorei um pouco (nada perto do ideal) o que tinha feito semana passada pra a página de histórico do mobilizapet

Coisas cenapet

não deletem tudo antes de saber oq vcs tão deletando ou as consequencias serao duras <br> card de evento refeito <br> pags 1-6 de localizaçoes feitas

Alterações estruturais

Análise e discussão sobre alterações propostas pela Diretoria da CENAPET sobre o menu do site - que consequentemente altera toda a estrutura do próprio site.

Planilha CENAPET

Alimentei a planilha do CENAPET com os campus das faculdades

Páginas cenapet

- colocadas algumas localizaçoes em campus <br> - baixar tudo dnv pq deu pau <br> - pag orientações

Configuração de domínio

Configurado domínio cenapet.org para funcionar na máquina da Digital Ocean.

Pesquisa sobre domínios

Pesquisados domínios no Google, Hostgator, Hostinger e GoDaddy. Orçamento detalhado enviado à diretoria financeira da CENAPET para compra no Google Domains.

Front /gestoes; /mobilizapet/historico.

Fiz algumas alterações no /gestões mas ainda não girou direito a setinha. <br><br> Comecei a fazer a página do histórico do mobilizapet.

Página histórico de eventos

Página histórico de eventos

Retoques no site

Integrando a primeira página do MobilizaPET e dando retoques no site para apresentação.

Reunião CENAPET

Sim, CENAPET real oficial, com presidência e tudo. <ul> <li>Apresentadas propostas do PET BCC e PET Sistemas;</li> <li>Mario Brasil disse que o projeto do PET Sistemas ainda era um bebê;</li> <li>Renato (PET Sistemas) disse que conhecia o Valter e mandou um abraço;</li> <li>PET BCC ficou de passar um orçamento de servidor para a CENAPET;</li> <li>Igor foi venenoso convencendo a CENAPET a cadastrar o PET deles no nosso site.</li> </ul>

Página de campus

Criada página interna para atualização das coordenadas dos campi. Será feito um trabalho infernal para incluir todos os campi que têm grupos PET.

Pesquisa sobre APIs do google

Tentado implementar um script que puxa dados do google para popular as coordenadas dos campi. Infelizmente, o google é espertinho.

Filtro de PETs

Terminada página de filtro. Foram implementados os filtros de nome, estado, IES e eixo de atuação do grupo. Também foi criado um componente PETCard para exibir os PETs retornados.

Query do Strapi

Corrigindo problema da profundidade de query do Strapi - quando selecionava um PET, o Strapi puxava apenas o atributo ID da universidade associada ao campus do PET. Foram adicionados os outros atributos para exibir estado, nome da IES, etc.

Alterações pag mobilizapet

Planilha Universidades

Alimentação da planilha das universidades com os campis, a ideia e continuar alimentando ainda essa semana e alimentar as coordenadas também para serem inseridas no site.

Atualizações

Atualizando dependências do Strapi, SQLite3 e Node.js

Filtro de PETs

Implementado filtro básico no frontend e feitas <b>muitas</b> tentativas de criar um componente de sidebar. No final, desisti.

Inserção de dados

<ul> <li>Modelado dataset de universidades do país com grupos PET;</li> <li>Procurados campi de 35 de 125 universidades;</li> <li>Criado script para formatação de dados com regex;</li> <li>Criado script para inserção automática de dados no banco.</li> </ul>

Dropdown na gestão/conselho

Adicionei dropdown para a página de gestão e de conselho, porém, ainda nao consegui girar a setinha. (Fiquei alguns dias nisso, não só hoje)

Correções gerais

Alterações em nomes de variáveis, função que gera geojsons e queries.

Formulário DivulgaPET

<b>ACABOU!</b><br> Finalmente implementado o recaptcha no backend, proteção segura contra bots de spam!

Formulário DivulgaPET

Progresso na validação de recaptcha no backend: <ul> <li>Descoberto hook necessário para validação antes de criar um PET;</li> <li>Token devidamente recebido pelo backend.</li> </ul> O que falta: <ul> <li>Aprimorar a função que realiza o request da validação;</li> <li>Interromper a criação do PET caso o recaptcha seja inválido.</li> </ul>

Formulário DivulgaPET

Adicionando algumas validações básicas de dados

Filtro de PETs

Dúvidas e ideias para a página de filtro de PETs com base em estado/universidade/etc.

Formulário DivulgaPET

<b>Finalmente</b> perto de finalizar o formulário. <ul> <li>Criado mapa;</li> <li>Criada função que centraliza o mapa em cima do campus;</li> <li>Criadas funções que pegam lat/long e cadastram com o pet.</li> </ul>

Formulário DivulgaPET

<b>reCAPTCHA</b> implementado eu nem acredito que deu certo que desgraça

Formulário DivulgaPET

<ul> <li>Resolvido problema de escopo;</li> <li>Implementado modal de feedback;</li> <li>Descoberto como receber resposta do post request no backend;</li> <li>Tentativa pífia de implementar reCAPTCHA.</li> </ul>

Formulário DivulgaPET

Feito: <ul> <li>Resolvido problema de cadastrar relação;</li> <li>Estudo sobre como pegar a resposta do POST request;</li> <li><b>Muito</b> estudo sobre escopo de funções.</li> </ul> Falta: <ul> <li>Corrigir o escopo da função que retorna a resposta;</li> <li>Implementar tela de sucesso/falha;</li> <li>Todas as verificações possíveis contra bots.</li> </ul>

Protótipo /mobilizapet

Feito primeiro molde da página /mobilizapet. Ficou bem básico, mas deu pra ter uma noção

Formulário DivulgaPET

Progressos na transição do formulário: <ul> <li>Inseridos todos os campos do forms;</li> <li>Upload de imagens funcionando;</li> <li>Comunicação com backend.</li> </ul> Ainda falta muita coisa. Fé sempre.

Formulário DivulgaPET

Adicionados mais campos do formulário no site. Eu realmente odeio fazer formulários mas isso vai salvar demais nossa vida.

Reunião com MobilizaPET

Apresentação do MobilizaPET sobre o que gostariam em uma seção na plataforma da CENAPET.

Formulário DivulgaPET

Transcrição do formulário para o futuro site da CENAPET. O propósito é que os PETs possam preencher seus dados direto pelo site ao invés de um Google Forms.<br> O primeiro progresso foi fazer uma caixinha de seleção pra <b>campus</b> com base na <b>universidade</b>. Sim, todo esse tempo foi pra isso.

Reunião CENAPET

Feitas muitas coisas. Sério, muitas.

Carrossel conectado com o backend

Carrossel da página inicial estava estático, agora funciona bonitinho com o strapi. Fiquei muitas horas nisso por bobeira, mas deu bom

Teste de stress

Realizados ataques DoS contra o site da Cenapet para testar a estrutura do servidor e da aplicação. Como esperado, o Nginx trava por alguns segundos com junk requests, mas a aplicação permanece de pé.

Integração página de PET

Integrado código feito pela Amanda e adequado com o estilo geral do site.

Arrumando um card

Arrumei um card de pessoas pra deixar a imagem das pessoas bonita.

Atualizações páginas

Mais alguns testes na página de Orientações. Voltei a ter o problema inicial, mas pelo menos ta melhor do que antes

Análise do servidor

<ul> <li>Teste rápido de desempenho com acessos simultâneos - nem fez cócegas;</li> <li>Análise de logs de acesso do Nginx.</li> </ul> Foram descobertos aproximadamente 10 servidores zumbis procurando brechas nas aplicações, mas nenhum com sucesso. Isso é esperado para qualquer site na internet, mas posteriormente será implementada política de restrição para acessos incomuns.

Perfil PET

Finalização não-final da página de perfil para cada PET.<br> Instanciado um mapa temporariamente mostrando a localização do PET no país.

Atualizações páginas

Estudo e análise sobre a tecnologia do Vue por diversas fontes. <br> Página de Orientações em processo

Perfil PET

Alterações estruturais na página para limpeza e correção de possíveis bugs de responsividade.

Atualizações páginas

Imagem de PET atualizada (se deus assim permitir) <br> Tentei arrumar o accordion da página de Orientaçoes mas dessa vez não rolou, apenas decepções online <br> (Não muito online pq minha internet caiu 45 vezes)

Servidor estático

Testes com serviço estático de páginas do Nuxt. Aparentemente, existem scripts automáticos para gerar e servir páginas estáticas, sem necessitar um request para api. Em períodos de grande acesso, alinhar isso com uma CDN será fantástico.

Atualizações páginas

Depois de muita, e eu repito MUITA, pesquisa, eu descobri a UMA linha que precisava mudar pra poder mudar UMA COISA que eu precisava que mudasse para a página de pets. A imagem de logo ainda não funciona mas isso é estresse pra um futuro momento. Em outras notícias, encontrei uma forma de resolver o problema da página de Organização mas infelizmente ainda não descobri como fazer com que ela nao fique tao horrorosa como o modelo que eu achei. O equilibrio entre bonito mas inútil e funcional mas horrível nunca foi tão claro pra mim.

Corrigido upload de imagens

Hoje descobrimos que, por padrão, o Nginx limita uploads em 1mb para o servidor. Perdi a conta de quantas vezes reestruturei o projeto, alterei middlewares, criei plugins, entre outros.<br> Era só uma linha do Nginx.<br> Deus no comando.

Correção de problemas

<ul> <li>Compatibilidade com Google Chrome;</li> <li>Breakpoints de cards;</li> <li>Token do MapBox;</li> <li>Css bloat;</li> <li>Atualização de dependências.</li> </ul>

Reunião CENAPET

Resolvido problema de upload de imagens, pontos sobre página de gestão e pessoas, atualizações do strapi, organização do trello e novas atividades, entre outros.

CORS e https

Existem duas coisas que odeio nesse mundo: <ul> <li> configurar cross-origin resource sharing;</li> <li>configurar certificado ssl.</li> </ul> Quebrar o cors por causa de ssl é o estado-da-arte da desgraça, mas foi resolvido.

Reunião CENAPET

Reunião entre membros do projeto, membros do DivulgaPET e do PET Sistemas UFMS. Foi apresentado o projeto do PET Sistemas, discutidas possibilidades de integração entre os sistemas e questões sobre hospedagem e estratégias de contato.

Reunião PET Sistemas

Feita reunião com membros do PET Sistemas para discutir e apresentar os projetos feitos para a CENAPET. Foi decidido marcar reunião com a comissão DivulgaPET, PET-BCC e PET Sistemas para apresentar e avaliar as propostas.

Mapas

Ainda sobre mapas: <ul> <li> Refatoração da função que gera GeoJSONs no backend</li> <li>Tokens de acesso ao MapBox atualizados</li> <li>Servidor atualizado com as últimas modificações</li> </ul>

MapBox

Meu deus era só fazer referência com <i>this</i> que funcionava. Mapa prototipado e funcionando minimamente.

Modificações aba orientações

consegui fazer coisas aparecerem em vez de 404!!!!!!!!!111111111 <br>quando algo deu certo depois de tanto tempo eu fiquei tao feliz que esqueci o resto q deu errado mas <br>vai dar certo eu tenho fé

Função geojson

Criada função no backend para retornar um geojson com as universidades cadastradas no Strapi. Para isso, foi necessário estudar nodejs e formatação de resposta. A rota está disponível em [backend]/geojson e será usada para popular um mapa com clusters.

MapBox

Integração do MapBox com o backend feito em node. Há um problema de sincronia entre o consumo da API do backend com a renderização do mapa no frontend, gerando erros em runtime. <br><i>A cada tentativa, uma derrota.</i>

Pesquisa sobre mapas

Pesquisados mapas para usar no site. Descobri que o Google Maps possui uma API paga para o que precisamos, então testei OpenLayers e MapBox. Como a documentação do OpenLayer para Nuxt deixa a desejar, optei por MapBox.

Pesquisa sobre mapas

Pesquisados mapas para usar no site, com uma indicação de todos os PETs no país. Inicialmente, tentando usar nuxt-gmaps para integrar ao Google Maps.

Protótipo categoria Orientações

claro que ta meio longe de ficar pronto mas com fé em Deus vai dar certo

Strapi

Deu certo atualizar, glória à versão 3.0.5 que agora tem espaço entre os content types e dá pra entender minimamente o layout.

Strapi

Tentativas de atualizar o Strapi.<br> Deu tudo errado.

Correção de CORS

Finalmente corrigido o erro de cross-origin resource sharing. Agora o servidor da Cenapet roda sem erros.