Baixe o app para aproveitar ainda mais
Prévia do material em texto
MINISTÉRIO DA EDUCAÇÃO SECRETARIA DE EDUCAÇÃO PROFISSIONAL E TECNOLÓGICA INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO AMAZONAS CAMPUS LÁBREA Antônio Matheus de Oliveira Paiva Claylson Ferreira Vasconcelos Keividy dos Santos Oliveira SCAC 2.0: MELHORIA DO SISTEMA DE CONTROLE DE ANIMAIS DO IFAM CAMPUS LÁBREA Lábrea, AM 2020 Antônio Matheus de Oliveira Paiva Claylson Ferreira Vasconcelos Keividy dos Santos Oliveira SCAC 2.0: MELHORIA DO SISTEMA DE CONTROLE DE ANIMAIS DO IFAM CAMPUS LÁBREA Projeto de conclusão de Curso Técnico, apresentado para Conclusão do Curso Técnico de Nível em Informática do Instituto Federal de Educação, Ciência e Tecnologia do Amazonas, como requisito final para obtenção do Diploma de Técnico em Informática. Orientador (a): Eduardo Henrique Spies Lábrea, AM 2020 RESUMO O projeto consiste na melhoria e implantação do Sistema de Controle de Animais (SCAC), para o IFAM Campus Lábrea. Com um sistema informatizado e moderno, o técnico e proprietário pecuarista possuirá uma visão gerencial de sua propriedade de uma forma simples, intuitiva e rápida, evitando o máximo perdas de informações e facilitando a consulta de dados da propriedade, descartando o uso complexo de planilhas, formulário e outros meios complexos de guardar dados, além de descartar o uso de papeis que podem ser facilmente desgastados e perdidos. O principal objetivo é melhorar e implantar novas funções a partir do sistema Anterior. Palavras-chave: Sistema, Banco de Dados, Controle. ABSTRACT The project consists of improving and deploying the animal control system (SCAC) for the IFAM lamp campus. With a computerized and modern system, the technician and riserown owner will have a managerial view of its property in a simple, intuitive and fast way, avoiding the maximum loss of information and facilitating the consultation of property data, discarding the complex use of spreadsheets, Form and other complex media to save data, as well as discarding the use of roles that can be easily worn and lost. The main goal is to improve and deploy new functions from the previous system. Keywords: system, database, control. LISTA DE FIGURAS Figura 1 - Diagrama de Caso de Uso ........................................................................................ 13 Figura 2 – Camadas de Desenvolvimento Front End. .............................................................. 14 Figura 3 - Tela do Sistema Antigo............................................................................................ 16 Figura 4 - Tela de Login ........................................................................................................... 18 Figura 5 - Dashboard ................................................................................................................ 19 Figura 6 - Menu Lateral ............................................................................................................ 19 Figura 7 - Menu Recolhido ....................................................................................................... 20 Figura 8 - Tela de Configurações ............................................................................................. 20 Figura 9 - Tela de Propriedade ................................................................................................. 21 Figura 10 - Tabela do Sistema .................................................................................................. 22 Figura 11 – Modal .................................................................................................................... 22 Figura 12 - Notificação PopPup ............................................................................................... 23 Figura 13 - Tela de Entrada e Saída ......................................................................................... 23 Figura 14 - Tela de Estoque ...................................................................................................... 24 Figura 15 - Tela de Controle Geral ........................................................................................... 25 Figura 16 - Responsividade ...................................................................................................... 25 LISTA DE SIGLAS PCCT – Projeto de Conclusão de Curso Técnico RF – Requisitos Funcionais RNF – Requisitos não Funcionais HTML – Hyper Text Markup Language CSS – Cascading Style Sheet PHP – Hypertext Preprocessor. AJAX – Asynchronous JavaScript and XML SQL – Structured Query Language IFAM – Instituto Federal do Amzazonas SUMÁRIO 1. INTRODUÇÃO .................................................................................................................. 6 1.1 Justificativa ..................................................................................................................... 7 1.2 Objetivos ......................................................................................................................... 7 1.2.1 Objetivo Geral .............................................................................................................. 7 1.2.2 Objetivos Específicos................................................................................................... 7 2. DESENVOLVIMENTO ..................................................................................................... 8 2.1 Referencial Teórico ........................................................................................................ 8 2.1.1 Sistemas de Informação ............................................................................................... 8 2.2.1 Pecuária 4.0 .................................................................................................................. 9 2.2 Metodologia .................................................................................................................... 9 2.2.1 Levantamento de Dados ............................................................................................. 10 2.2.2 Levantamento de Requisitos ...................................................................................... 10 2.2.3 Diagrama de Caso de Uso .......................................................................................... 12 3. CONSIDERAÇÕES FINAIS ........................................................................................... 13 REFERÊNCIAS BIBLIOGRÁFICAS ..................................................................................... 15 6 1. INTRODUÇÃO A pecuária vem sempre adotando novas tecnologias para otimizar a produtividade e os ganhos na produção. Seja até pequenas propriedades utilizando-se de equipamentos modernos para ordenhar vacas e outras atividades. Diferentes avanços tecnológicos têm sido constantemente utilizados na agricultura e pecuário, buscando e proporcionando ótimos ganhos de produtividade, facilitando o controle e diminuído os custos. Com a utilização de softwares de controle e gestão que podem ser capazes de calcular com exatidão a quantidade e fórmula das rações além de oferecer controle de estoque para insumos e vacinas. Estes avanços desencadearam mudanças nos mais diversos setores, afetando tanto os métodos de produção quanto o modo de consumo. A partir daí que surge o conceito de Pecuária 4.0, segundo o blog PROCRARE, 2016: “A Pecuária 4.0 nada mais é do que o desembarque da inovação tecnológica na pecuária, e isto fez com que a pecuária brasileira se desenvolvesse, tornando-se reconhecida mundialmentee nos colocando como um dos maiores produtores do agronegócio no mundo, como por exemplo, há anos encabeçando o ranking mundial de exportação de carne.” Com o advento da Pecuária 4.0 diversos pecuaristas dos mais passam a contar e utilizar série de ferramentas, softwares e plataformas que automatizam e otimizam tarefas importantes do dia a dia da propriedade. A maioria dos pecuaristas têm o seu controle, anotados em cadernos, dados como o histórico de vacinas, nascimento de bezerros, movimentação de animais e entre outro, o que ocasiona sempre na demora e na perda de informações relevantes, uma vez que o papel se desgasta com tempo. Esta é a proposta da Pecuária 4.0 o uso de novos softwares de gestão e controle pecuário (PROCREARE, 2016). O conceito destes sistemas é unir os dados que os fazendeiros e produtores já costumam ter anotados em papel e levar tudo para uma plataforma capaz de organizar, comparar e criar um histórico de dados, ajudando o produtor a tomar decisões em cima de dados concretos. 1.1 Justificativa Sempre vem surgindo novos conceitos na pecuária, que elevam a produção e controle dos animais, além de possibilitar um melhor uso das ferramentas tecnológicas. 7 O sistema anterior já oferece um gerenciamento e controle de todos os animais através da gestão do rebanho, controle de estoque alimentação e vacina, além de controle de reprodução e produção leiteira. A melhoria do sistema, permitirá mais eficácia, rapidez e produtividade.De forma a atender as diferentes e novas demandas pecuárias de produção animal dentro do Instituto, este trabalho propõe a melhoria e implementação de novas funções e correções de erros Sistema de Controle de Animais do Campus, visando obter um melhor uso e otimização do sistema, buscando resultados ainda melhores. 1.2 Objetivos 1.2.1 Objetivo Geral Melhorar e Implementar novas ferramentas e funções para o sistema a partir da versão anterior do Sistema de Controle de Animais do IFAM Campus Lábrea 1.2.2 Objetivos Específicos • Fazer Levantamento de novos requisitos do sistema; • Reunir dados a partir do desempenho do sistema anterior; • Implementar banco de dados online; • Corrigir erros e funções desnecessária do sistema antigo; • Implementar novas funcionalidades; • Implantar e Testar o novo Sistema. 8 2. DESENVOLVIMENTO 2.1 Referencial Teórico 2.1.1 Sistemas de Informação De acordo com O´Brien (2004 p.6) “sistemas de informação é um conjunto organizado de pessoas, hardware, software, rede de comunicação e recursos de dados que coleta, transforma e dissemina informações em uma organização”. Os sistemas de informação coletam dados, processam e transformam em informações relevantes e importantes para determinadas organizações. A entrada de dados de modo geral é feita manualmente, no qual ocorre um processo que que efetua o tratamento dos dados que são processados e transformados por meio de tecnologia. (GONÇALVES, 2006). MARCONDES, 2020 afirma que: “Os sistemas de informação atuam para que os dados sejam mais bem tratados, e para que um Sistema de Informação seja eficiente é necessário que todas as informações sejam inseridas adequadamente, só assim para obter um controle e tomada de decisões eficientes.” Quando as informações e dados são organizados e planejados em um Sistema de Informação são capazes de gerar informações eficientes e também podem se tornam essenciais e eficazes para a gestão da organização e/ou Empresa, com potencial gigantesco de promover otimização e produtividade de determinadas ações e tarefas. (MARCONDES, 2020). É importante levar em consideração a quantidade e a qualidade das informações que são geradas por esses sistemas para evitar que as informações fiquem dispersas dentro da empresa ou organização, ou que informações relevantes cheguem tardiamente aos interessados ou até mesmo que as informações não seja eficazes e confiáveis. (ORLANDINI, 2005). De acordo com ORLANDINI, 2005: “Os Sistemas de Informação são peça fundamental para as empresas, não apenas na elaboração de relatórios, mas fazem parte de todos os departamentos e atividades da companhia, desde o simples controle até a confecção de planos estratégicos complexos. Tudo que acontece, todos processos, são regidos por um sistema, que pode ou não ser informatizado. Mais uma vez, deve ser considerada a importância do administrador nesse processo, que é nada menos que vital para a corporação.” 9 O diferencial das empresas que adotam sistemas informatizados está justamente no tempo que deixa de ser gasto com verificações e análise de dados, já que os relatórios são processados de forma rápida, prática e com uma menor possibilidade de erros. Vale destacar que as falhas nos resultados estão, em sua maior parte, relacionadas com a má administração deste. Faz-se necessária uma auditoria regular nesses sistemas para possibilitar garantia de resultados satisfatórios. 2.2.1 Pecuária 4.0 Segundo o portal BDO, 2020 : “A pecuária 4.0 já não é mais um conceito, ela é uma mudança de visão da realidade no campo. Chips, dispositivos, monitoramento por câmaras estão revolucionando as fazendas de produção de carne e elas jamais serão as mesmas.” Os softwares de controle de manejo é produção substituem as planilhas e cadernos permitindo um acompanhamento mais rápido e preciso do rebanho. Assim, qualquer desvio é imediatamente identificado e as ações corretivas são tomadas em um menor espaço de tempo. Pode então, associar, muito crescimento e várias dessas conquistas às técnicas desenvolvidas na Pecuária 4.0, responsáveis por otimizar e melhorar a cadeia produtiva da pecuária (PROCREARE,2016). Essa nova pecuária está sendo construída com base no conceito de Revolução 4.0, criado pelos alemães em 2012 para designar a “quarta era industrial” do mundo, puxada pela automação e tecnologias da informação (TI). Muitas das tecnologias da chamada “Pecuária 4.0” estão disponíveis no mercado ou em teste, devendo se tornar corriqueiras em futuro próximo, não apenas porque conferem maior eficiência às operações, mas porque falta mão de obra no campo. Dezenas de companhias especializadas e startups (jovens empresas voltadas à inovação) trabalham dia e noite para fazer essa revolução acontecer (RURAL PECUÀRIA, 2016). 2.2 Metodologia Para a melhoria do sistema, foram realizadas novas pesquisas bibliográficas com novos conceitos de produção animal e pesquisa de campo com os servidores técnicos de agropecuária do IFAM Campus Lábrea que utilizaram o sistema, além de consultar os desenvolvedores do projeto inicial, para assim analisar e especificar novos requisitos, além de apontar as falhas do antigo sistema. Após realizado o levantamento dos novos dados, será realizado a correção e implementação das novas funções especificadas além da criação de um novo banco de dados. 10 Foi optado por implementar um novo sistema, dessa vez web, utilizando as linguagens HTML, CSS e Javascript para front-end e a linguagem de programação back-end PHP que será o intermediário entre a interface e o MySQl no qual foi o banco de dado escolhido para implementação, além de frameworks e bibliotecas para facilitar e potencializar o desenvolvimento do sistema. Utilizando os mesmos conceitos de código fonte utilizados no sistema antigo que anteriormente foi desenvolvido em Java, só que desta vez voltado para WEB, a decisão por transformar um software que de base era Desktop, por um Sistema, se dá pelo fato de se tornar mais acessível e leve, permitindo o acesso em qualquer local e dispositivo, necessitando apenas de acesso à internet. 2.2.1 Levantamento de Dados Foi realizado um novo embasamento bibliográfico, de livros, artigos, e textos localizados na internet possibilitando um novo, maior e mais eficaz acervo de informações necessárias, com novos métodos paradigmas econceitos de otimização pecuária e agrícola com uso de softwares. Para melhoria e implementação do sistema, foram realizados levantamentos de dados de dados a respeito do desempenho do sistema anterior através de testes foi constatado que o sistema de fato era eficaz em gerenciar as informações porém haviam dados desnecessários em seus formulários de cadastro, e a impossibilidade de gerar relatórios. Com isso foi definido o que melhorar e implementar. 2.2.2 Levantamento de Requisitos O levantamento de Requisitos é uma das etapas essenciais no processo de desenvolvimento de software além de especificar funções, objetivos, recursos e limitações, o sistema também deve atender a esses requisitos para atender ao desejo do usuário final. Os requisitos constituem um conjunto de requisitos estabelecidos pelos clientes utilizadores que definem a estrutura e comportamento do software desenvolvido, podemos citar: o processo, os dados gerados esperados, as restrições de funcionamento, o software a utilizar pela pessoa a utilizar, e todos esses problemas relacionados (CANGUNÇU, 2021). De Acordo com CANGUNÇU, 2021 “Os requisitos funcionais descrevem o comportamento do sistema, seus requisitos para o funcionamento de cada item, ou seja, os requisitos que descrevem o trabalho que o sistema deve realizar”. Um requisito de sistema de software que especifica uma função que o sistema ou componente deve ser capaz de realizar. 11 Os requisitos funcionais do sistema anterior foram reutilizados e reciclados de acordo com as novas especificações definidos na etapa de levantamento de dados, segue abaixo a nova lista de requisitos: • Controle de Animais (RF1): O sistema deve disponibilizar uma área que permita que o usuário tenha um controle geral dos animais, permitindo o cadastro de animais, listagem dos animais já registrados, exclusão e alteração dos dados, além de oferecer a opção de imprimir relatórios referente as fichas individuais de cada animal e a lista completo dos animais. • Controle de Movimentação (Entrada/Saída) (RF2): O sistema deve permitir que usuário gerencie os dados de movimentação animal, possibilitando o registro das movimentação e impressão de relatórios. • Controle de Máquinas, Implementos e Benfeitorias (RF3): O sistema deve permitir que usuário tenha controle referente ao registro de máquinas, implementos e benfeitorias, possibilitando a listagem de todos os equipamentos registrados, alteração e exclusão de dados, e a possibilidade de imprimir relatórios. • Controle de Estoque (RF4): O sistema também disponibilizará um área de gerência de estoque, permitindo o registro de produtos em estoque sejam estes produtos rações, vacinas e insumos. • Controle de Propriedade(RF4): O sistema permitirá o controle e gerência geral de propriedade, possibilitando que o usuário registre as atividades que são realizadas diariamente na propriedade. • Autenticação de Usuário (RF6): O sistema deve disponibilizar uma tela de login na qual o usuário digitará suas credenciais e terá acesso às funcionalidades sistema, além de poder alterar seus dados cadastrais, e redefinir senha. • Gráficos e Relatórios (RF7): O sistema deve ser capaz de gerar gráficos e relatórios referente aos dados de controle, inseridos no sistema, possibilitando um visão geral das informações da propriedade. Os requisitos não funcionais são aqueles que não interferem diretamente no desenvolvimento do sistema propriamente dito, ou seja, não é um requisito que tem regras de 12 negócios e, portanto, é necessário para determinar o que será feito no software. (NOLETO,2020). Segue a seguir os requisitos não-funcionais: • Usabilidade (RNF1): A aplicação deverá ter uma interface simples e intuitiva para motivar e facilitar a sua utilização. • Portabilidade (RNF2): A interface foi projetada para que seja compatível com qualquer navegador de internet, além de se adaptar a diferentes tamanhos de tela, permitindo assim o uso por dispositivos mobile. • Desempenho (RNF3): A utilização do sistema exige a conexão com internet, a partir disto o código deverá ser projetado de forma otimizada, não exigindo altas conexões e apresentando informações com tempo mínimo. • Confiabilidade (RNF4): O sistema deverá apresentar uma taxa de consistência máxima com o mínimo de erros durante as requisições realizadas em produção. Os dados devem ser extremamente protegidos impossibilitando o acesso de terceiros. • Manutenção (RNF5): O sistema foi projetado para que haja futuras atualizações, o código fonte foi desenvolvido de forma que alterações sejam facilmente feitas em partes sem alterar um todo, permitindo que correção de erros e atualizações sejam efetuadas em produção sem afetar o funcionamento do sistema. 2.2.3 Diagrama de Caso de Uso O Diagrama de Caso de Uso serve para representar como os casos de uso interagem entre si no sistema e com os usuários (atores), ou seja, como as funcionalidades se relacionarão umas com as outras e como serão utilizadas pelo usuário, durante o uso do sistema. Segue na figura abaixo o diagrama de Caso de Uso do Sistema: 13 Figura 1 - Diagrama de Caso de Uso Fonte: Autores, 2019 2.3 Linguagens de Programação e Banco de Dados 2.3.1 HTML, CSS e Javascript A base para programação front-end é constituído pelas linguagens HTML (Hyper Text Markup Language), CSS (Cascading Style Sheet) e Javascript, estas três linguagens de programação se completam e juntas elas trabalham de forma uniforme, para o desenvolvimento de interfaces de websites, sistemas web e entre outros tipos de softwares (BLOG APEX, 2020). As três camadas essenciais da implementação conforme a figura abaixo: 14 Figura 2 – Camadas de Desenvolvimento Front End. Fonte : MDN Web Docs, 2019. De acordo com MDN, 2021 “HTML (Linguagem de Marcação de Hipertexto) é o bloco de construção mais básico da web. Define o significado e a estrutura do conteúdo da web.” O HTML é usado para estruturar o site, ele permite criar seções, parágrafos, cabeçalhos e links para páginas da internet ou aplicações e entre recursos a serem utilizados. O HTML trabalha diretamente com CSS que permite a estilização e posicionamento de elementos e entre outros recursos. Segundo GONÇALVES, 2020: “CSS é chamado de linguagem Cascading Style Sheet e é usado para estilizar elementos escritos em uma linguagem de marcação como HTML. O CSS separa o conteúdo da representação visual do site. Pense na decoração da sua página. Utilizando o CSS é possível alterar a cor do texto e do fundo, fonte e espaçamento entre parágrafos. Também pode criar tabelas, usar variações de layouts, ajustar imagens para suas respectivas telas e assim por diante.”. A relação entre HTML e CSS é bem forte essencial. Como o HTML é uma linguagem de marcação e o CSS é focado no estilo, ambos trabalham juntos para desenvolver site mais dinâmicos. 15 A linguagem de programação Javascript permite ao desenvolvedor implementar diversos itens de alto nível de complexidade em páginas web, como animações, mapas, gráficos ou informações que se atualizam em intervalos de tempo padrão. (HOSTINGER, 2019). Javascript é a terceira camada do bolo de desenvolvimento web e front-end., junto com HTML, CSS. 2.3.2 PHP e MySQL De acordo com o site oficial do PHP, 2020: “O PHP (um acrônimo recursivo para PHP: Hypertext Preprocessor) é uma linguagem de script open source de uso geral, muito utilizada, e especialmente adequada para o desenvolvimento web e que pode ser embutida dentro do HTML.” O PHP é uma linguagem de programação voltada originalmente para desenvolvimento de sites e aplicações web. PHP é o principal responsável pela conexão da interface de usuário com o banco de dados servindo como intermediário. (MELO,2020). Segundo PISA, 2012 “MySQL é um sistema gerenciador de banco de dados relacionalde código aberto usado na maioria das aplicações gratuitas para gerir suas bases de dados.”. Para serviço utiliza a linguagem SQL (Structure Query Language), que é a linguagem mais popular para inserir, acessar e gerenciar o conteúdo armazenado num banco de dados Para utilizar o MySQL, é necessário instalar um servidor e uma aplicação cliente. O servidor é o responsável por armazenar os dados, responder às requisições, controlar a consistência dos dados, bem como a execução de transações concomitantes entre outras (PISA,2012). 2.4 Desenvolvimento A implementação do sistema foi realizada a partir dos requisitos levantados na etapa de levantamento de dados, e dos testes realizados no antigo sistema, além do acervo de dados bibliográficos levantados que permitiram uma maior base de informação para a implementação de um novo sistema melhorado. 2.4.1 Sistema Antigo 16 O antigo sistema era baseado na linguagem Java e no Banco de Dados SQLite para controle dos animais do IFAM Campus Lábrea. O sistema anterior já atendia um gerenciamento e controle de todos os animais através da gestão do rebanho (informações de identificação, entrada e saída), controle de estoque (rações e vacinas). O sistema também oferecia uma interface bem simples e intuitiva e até moderna levando em consideração a limitação gráfica do Java puro (Figura 3). Figura 3 - Tela do Sistema Antigo Fonte: AUTORES,2021. A proposta é reconstruir o sistema anterior, desta vez para rodar na Web de forma moderna e otimizada utilizando a mesma proposta de organização de interface, e funções, porém acrescentando novas funcionalidades como por exemplo a possibilidade de gerar relatórios e visualização de gráficos, além corrigir antigos bugs e retirar funções e informações irrelevantes. Com os testes foi constado que dados e informações eram facilmente corrompidas caso o executável do sistema fosse movido de uma pasta a outra, ou até de um computador a outro, o que motivou a construção de um banco que salve as informações em um servidor online. 2.4.2 Implementação e códigos Os códigos e arquivos necessários para o funcionamento do sistema foram organizados em estruturas de pastas(Figura ). 17 Figura 4 - Estrutura de Pastas Fonte: AUTORES, 2021. A pasta config armazena todos os arquivos necessários para o funcionamento do CRUD, funções e o arquivo de conexão com o banco de dados. A conexão com o banco de dados é realizado a partir de um código em php chamado connection.php, este arquivo de conexão é chamada sempre que é realizado uma ação no banco de dados, a figura abaixo apresenta o código fonte. Figura 5 - Código de Conexão. Fonte: AUTORES, 2021. Os dados eram inseridos através de um arquivo chamado insert.php que era responsável por registrar no banco de dados os dados recebidos pelos formulários, que por 18 sua vez, eram passados de forma assíncrona utilizando ajax, este eram enviados sem a necessidade da página ser carrega assim otimizando o tempo de espera e resposta, estes códigos fontes eram utilizados em todas as páginas de registro de dados, as Figuras 6 e 7 mostram o código fonte deste arquivos de inserção. Figura 6 - Código de Inserção de Dados PHP. Fonte: AUTORES, 2021. Figura 7 - Código de Inserção Ajax. Fonte: AUTORES, 2021. 19 A atualização dos dados acontecia de forma semelhante utilizando um código em PHP chamado “update.php” para conectar com o banco e um código “request_update.js” em AJAX para receber os dados a serem alterados de forma assíncrona. A exclusão de dados é realizado através de um arquivo “delete.php”, que contém um código que deleta dados do banco de dados, juntamente com um arquivo AJAX, da mesma forma que os códigos citados anteriormente os dois arquivos trabalham em conjunto, na figura abaixo segue o exemplo deste código de exclusão. Figura 8 - Exemplo código de exclusão de dados. Fonte: AUTORES, 2021 Uma das dificuldade técnicas foi a verificação segura de login de usuário, após diferente pesquisas foi utilizado um mecanismo de sessão e criptografia oferecidos pela própria documentação do PHP, onde verifica se o usuário e senha estão corretas, e a senha é criptografada e descriptografadas através do algoritmo de sintetização de mensagem MD5, a Figura 9 apresenta o código de verificação de login. 20 Figura 9 - Código de verificação de login. Fonte: AUTORES, 2021 Outra dificuldade técnica foi a gravação da foto de usuário, neste caso a foto era processada pelo php e gravada no banco de dados, através do código mostrado na figura abaixo. 21 Figura 10 - Código de processamento de foto. Fonte: AUTORES, 2021 Todas as telas(views) eram estruturadas utilizando HTML, e estilizadas com arquivos de estilização CSS juntamente com um framework pré-processado BOOTSTRAP, os formulários seguiam o mesmo padrão de códigos, modificados de acordo com os dados a serem coletados. Os gráficos eram gerados com ajuda de um framework chamdado chart.js que carregava dados do banco de dados e construíam os gráficos utilizando Javascritpt, os códigos já eram pré programados conforme a figura 11. 22 Figura 11 - Geração de gráficos. 2.4.3 Softwares e Frameworks Utilizados Durante a implementação foi necessário o uso de diversas ferramentas de softwares e frameworks para o desenvolvimento sendo elas: • Visual Studio Code (IDE): Foi a principal ferramenta utilizada, pois possibilitou escrever todo o código fonte do sistema de forma otimizada e produtiva, pois disponibilizava diversos plug-ins e snipptes, além de permitir debuggar e testar os códigos em tempo real. • XAMPP: Foi a plataforma utilizada para rodar o servidor apache que permitia desenvolver e testar os códigos escritos em PHP de forma local, além do MYSql para construção e teste do banco de dados integrado com o sistema. • JQuery: jQuery é uma biblioteca que permite programar em Javascript de forma mais concisa e com menos códigos. Foi utilizado para criar interações da interface do sistema com o usuário, além de otimizar as requisições PHP utilizando a API do Ajax. • Bootstrap: É um framework CSS, que foi utilizado para agilizar o processo de criação de design do sistema, possibilitando a criação de interfaces responsivas. 23 • Chart Js: O Chart. JS é uma biblioteca em JavaScript que auxilia na criação de gráficos utilizando apenas HTML, CSS e JS para renderizar os gráficos na tela do usuário, para isso, utiliza-se o elemento canvas do HTML5 (LEONARDO, 2015). Através desta biblioteca que foram criados os gráficos apresentados no sistema. • BoxIcons: É uma biblioteca de ícones online e grátis, todos os ícones utilizados no sistema foram carregados desta biblioteca. 2.4.4 Visão Geral O Sistema é software web para controle de produção animal, que permite que o usuário gerencie sua propriedade, o usuário deverá ser capaz de gerenciar os animais registradas, ter controle de estoque, registrar a movimentação de entrada e saída de animais, além de gerar relatórios. Ao entrar no sistema é apresentada uma tela de Login (Figura 4), que permite a autenticação do administrador através do e-mail e senha, caso o administrador esqueça suas credencias é possível a recuperação da senha utilizando o e-mail cadastrado. Figura 12 - Tela de Login Fonte: Autores, 2020. Após efetuado o credenciamento através do login, o administrador é redirecionado ao dashboard (Figura 5), onde é apresentado todas funcionalidades do sistema. O dashboard contém um menu lateral com todas as opções de navegação disponível, uma barra horizontal 24 contendo a foto de perfil, um botão que direciona a página de lembretes e a opções de logout, todas as páginas da área administrativa conterá esta estrutura. O dashboard também apresenta gráficos com informações gerais relacionadosaos dados registrados no sistema. Figura 13 - Dashboard Fonte: Autores, 2020. O menu lateral (Figura 6) contém as seguintes opções: Dashboard, Configurações, Propriedades, Entrada/Saída, Estoque, Controle geral. Cada opções é referente a uma área de controle ou configuração, é destacada na cor verde a página atual onde se encontra o usuário. 25 Figura 14 - Menu Lateral Fonte: Autores, 2020. O menu foi projetado de modo a ser adaptável a qualquer tela, possibilitando que seja encolhido e expandido. Quando encolhido as opções são apresentadas somente pelos ícones conforme a Figura Abaixo. Figura 15 - Menu Recolhido Fonte: Autores, 2020. 26 A tela de Configurações (Figura 8), permite ao administrador gerenciar seus dados pessoais como nome de usuário, telefone e-mail e data de nascimento, possibilitando a alteração dos dados, redefinição de senha, e troca de imagem de perfil. Figura 16 - Tela de Configurações Fonte: Autores, 2020. Na tela de propriedade (Figura ) é possível cadastrar os dados da terra, além de visualizar e registrar as atividades realizadas dentro da propriedade, também permite o controle de equipamentos, maquinas e benfeitorias possibilitando o registro, alteração e exclusão, além de apresentar cards informativos que apresentam um número total de atividades e equipamentos registrados. Figura 17 - Tela de Propriedade Fonte: Autores, 2020. 27 Os dados são apresentados em forma de tabelas conforme a Figura Abaixo, é possível gerar um relatório desta tabela para impressão apenas apertando no botão com ícone de impressora, no cabeçalho da tabela. Figura 18 - Tabela do Sistema Fonte: Autores, 2020. Os dados devem ser inseridos ao clicar no botão laranja com ícone de + , após o clique é apresentado um modal pop-up com um formulário para inserção dos dados conforme a Figura abaixo. Figura 19 – Modal Fonte: Autores, 2020. O modal é comum a todas as páginas de controle de dados, o uso de modais pop-ups possibilita que os dados sejam inseridos sem redirecionamento a outras páginas, buscando a 28 rapidez e otimização da apresentação das informações em tela, todos as informações são apresentadas de forma assíncrona, através de requisições feitas por scripts assíncronos de execução. Após cada operação efetuada pelo administrador é apresentado um pop-up de notificação especificando se ação aconteceu com sucesso, ou se houve falha na ação conforme Figura Abaixo. Figura 20 - Notificação PopPup Fonte: Autores, 2020. Na tela de entrada/saída (Figura 13) é possível fazer o controle da movimentação dos animais, possibilitando a inserção, alteração e exclusão de movimentações, a tela apresenta dois cards informando o número total de entradas e o número total de saída, também é possível gerar relatório com todas as movimentações registradas. O registro de movimentação é constituído pelo nome do animal que pode ser selecionado conforme o registro do animal em controle geral, tipo de movimentação, data de movimentação e observação caso haja. 29 Figura 21 - Tela de Entrada e Saída Fonte: Autores, 2020. A tela de estoque (Figura 14) permite o registro de produtos seja ele categorizado com ração, vacina ou insumo, também e possível gerar relatório com todos os produtos registrados. Os cards informam a quantidade de produtos de Ração, Vacina e Insumos registrados. Figura 22 - Tela de Estoque Fonte: Autores, 2020. A última tela de Controle de Geral (Figura 15), é onde realizado o cadastro dos animais, é possível visualizar uma lista com todos os animais registrados, alterar e excluir, é permitido visualizar em imprimir uma ficha individual completa com todas as informações do animal específico, também é possível gerar relatórios individuais e gerais de cada animal. 30 É apresentado um cara informando o número total de animais cadastrados e um gráfico de pizza. Os animais são classificados em Bovino, Suíno, Caprino, Ovino, Aves, Equinos e outros, além de dados gerais, como número de registro, nome e raça e dados específicos como peso, idade e entre outros. Figura 23 - Tela de Controle Geral Fonte: Autores, 2020. Os gráficos são criados a partir dos dados quantitativos registrados no banco de dados, e atualizados conforme novos dados são inseridos no sistema. O sistema é responsivo ou seja é adaptável ao tamanho da tela, possibilitando o uso em dispositivos móveis e tabletes de diferentes telas conforme o esquema abaixo. 31 Figura 24 - Responsividade Fonte: Autores, 2020 32 3. CONSIDERAÇÕES FINAIS A informatização na produção de agronegócio e animais tem grande potencial para lucros concretos, uma vez que com o maior controle de produção, uma atividade, mesmo que não seja lucrativa, também será sustentável através de sistemas de uso e software. Atualmente, o grau de vencimento em uso de tecnologias varia entre diferentes atividades agrícolas. Gerenciar manualmente uma propriedade pecuária não é tarefa fácil, essa rotina costuma ser tão exaustiva, que acaba faltando tempo e disposição para fazer o mais importante, a análise dos dados. Sem isso, decisões gerenciais e de manejo importantes deixam de ser tomadas. Esse é o papel principal de um software de gestão pecuária! Ele deve ser capaz de te comunicar em tempo real tudo o que está acontecendo. Com este projeto, foi possível dizer que a informatização e melhoria de sistemas se torna uma ferramenta vital para atividades comerciais mais diversas, incluindo o setor agrícola, enquanto o agronegócio. Para a tecnologia ajudar os produtores rurais, o software e os sistemas são necessários para atender a essas necessidades. Este novo sistema chegou a tornar a prática de gerenciamento de animais e mais rápido, aumentando a confiabilidade das informações, evitando perdas de informações e facilita o conselho dos dados da propriedade. Pode se concluir que a implementação de melhorias sistema foi desenvolvido com êxito, o sistema se tornou um software que pode ser utilizado não só para o campus, mas qualquer proprietário rural que deseja obter gestão e controle da produção pecuário da sua propriedade, todas as melhorias implantadas foram significativas e tornaram o uso do SCAC mais simples, intuitiva e produtiva. 33 REFERÊNCIAS BIBLIOGRÁFICAS BDO, portal BDO. Pecuária 4.0: Um cenário cada vez mais tecnológico na produção de carne, 2020. Disponível em: <https://www.portaldbo.com.br/pecuaria-4-0-um-cenario-cada- vez-mais-tecnologico-na-producao-de-carne//> Acessado em 18 de Março de 2021 BLOG APEX, Apex Ensino. HTML, CSS e Javascript – Entendendo melhor a base da programação Front-End, 2020. Disponível em: < https://apexensino.com.br/base-da- programacao-front- end/#:~:text=Elas%20funcionam%20da%20seguinte%20forma,fosse%20o%20esp%C3%ADr ito%20do%20corpo)/>. Acessado em 17 de Março de 2021 CANGUNÇU, Raphael. O que são Requisitos Funcionais e Requisitos Não Funcionais? ,2021. Disponível em:< https://codificar.com.br/requisitos-funcionais-nao- funcionais/#:~:text=Uma%20vez%20que%20os%20Requisitos,%C3%A0s%20funcionalidade s%20de%20um%20sistema.> Acessado em 19 de Março de 2021. GONÇALVES, Ariane. O que é CSS? Guia Básico para Iniciantes, 2020. Disponível em:< https://www.hostinger.com.br/tutoriais/o-que-e-css-guia-basico-de- css?__cf_chl_jschl_tk__=bc9ec8f7d2426791ad54ae39c802ac66a8c6123f-1616369356-0- AY2FvVcp1VRgZx4HXSgmLlHLIQcCVsX0DWT3PVXV_cdCcZLMcfIyh6rBThd9dgr33N AOI3MyplpDPDYZM_vm7veVLTbwLKRmgzjqie38JBtvmBn- 1iC2GchPsdXOmwqNf7lsbsyXv1Em1UpVdLwrXQ8lr0o1Ebq-MyM4P- aHY7ER_pAk70fbHVaa0HmmIJ4AXlvn3WNaGW4sZXyWFSP_8PzA2CcwmMej2dawwa WBVFvxPX5yFsqxrngf5iFnbkkO_8c7g9V8zvhzMTX6youtIhG9A-Wri3Eh6XB- NuCwN5QCTKWbnEP7r6Af7j2wnxRAjgCfkzAdVx7WqE7muUp5IDWHYGQ-8DIfMslEiN-SexJaG43h1n7u9zwJ-yI0QirZ0w/> Acessado em 17 de Março de 2021. GONÇALVES, L. S. Sistemas de informação gerencial. ISDE Brasil S.A., Curitiba, 2006. HOSTINGER, Hostinger Tutoriais. O que é JavaScript, 2019. Disponível em: < https://www.hostinger.com.br/tutoriais/o-que-e-javascript/>. Acessado em 17 de Março de 2021. LEONARDO. Criando Gráficos com Chart.js com legenda, 2015. Disponível em: < https://www.gigasystems.com.br/artigo/90/criando-graficos-com-chart.js-com- legenda#:~:text=O%20Chart.,como%20barra%2C%20pizza%20e%20linha./>. Acessado em 20 de Março de 2021. 34 MARCONDES, José Sérgio, 2020. Sistema de Informação: O que é? Conceitos e Definições. O que Faz. Disponível em Blog Gestão de Segurança Privada. Disponível em :< https://gestaodesegurancaprivada.com.br/sistema-de-informacao-o- que-e-conceitos/>. Acessado em 18 de Março 2021. MDN, Web Docs. HTML: Linguagem de Marcação de Hipertexto, 2020. Disponível em: < https://developer.mozilla.org/pt-BR/docs/Web/HTML/>. Acessado em 18 de Março de 2021. MELO, Diego. O que é PHP?, 2020. Disponível em: < https://tecnoblog.net/404076/o-que- e-php-guia-para-iniciantes//>. Acessado em 18 de Março de 2021. NOLETO, Cairo. Requisitos não funcionais: o guia completo, 2020. Disponível em: < https://blog.betrybe.com/tecnologia/requisitos-nao- funcionais/#:~:text=Vamos%20l%C3%A1!- ,O%20que%20s%C3%A3o%20Requisitos%20N%C3%A3o%20Funcionais%3F,que%20ser %C3%A1%20feito%20no%20software./>. Acessado em 19 de Março de 2021. O´BRIEN, J. A. Sistemas de informações e as decisões gerencias na era da Internet. 9.ed. São Paulo: Saraiva, 2004. p. 3 – 187 ORLANDINI, Leandro. A importância dos Sistemas de Informação. Site Administração e Tecnologia,2005. Disponível em: <http://www.bonde.com.br/bonde.php?id_bonde=1-14-- 1646-20050407>. Acessado em 18 de Março 2021. PHP, Site Oficial do PHP. O que é o PHP? . Disponível em: < https://www.php.net/manual/pt_BR/intro-whatis.php/>. Acessado em 18 de Março de 2021. PISA, Pedro. O que é e como usar o MySQL?, 2012. Disponível em: < https://www.techtudo.com.br/artigos/noticia/2012/04/o-que-e-e-como-usar-o-mysql.html/>. Acessado em 18 de Março de 2021. PROCREARE. PECUÁRIA 4.0 INOVAÇÕES TECNOLÓGICAS NA PRODUÇÃO PECUÁRIA, 2016. Disponível em: < https://procreare.com.br/pecuaria-4-0-inovacoes- tecnologicas-na-producao-pecuaria/>. Acessado em 18 de Março 2021. 35 RURAL PECUÁRIA. Rural Pecuária São Paulo. Vem aí a Pecuária 4.0. Você já ouviu falar? Se não, vai ouvir em breve, 2016. Disponível em: < https://ruralpecuaria.com.br/tecnologia-e-manejo/pecuaria/vem-ai-a-pecuaria-4-0-voce-ja- ouviu-falar-se-nao-vai-ouvir-em-breve.html/>. Acessado em 18 de Março 2021.
Compartilhar