paper web

Prévia do material em texto

APLICAÇÃO WEB: CORRETORA DE CRIPTOMOEDA COM A LINGUAGEM EM PHP
Eduardo Gabriel Buzzi¹
Maiara Correa Steffen
Maria Lucia A. dos Santos
Valmor Dandolini Junior 
Aluisio Anderson da Silveira²
RESUMO
	
	O desenvolvimento web é uma das áreas mais promissoras dentro da tecnologia da informação, podendo ser utilizadas através do front-end, que trabalham com linguagem de marcação, no back-end, que utiliza-se a linguagem de programação, ou até mesmo os dois juntos. Para a linguagem de marcação utiliza-se o HTML(Linguagem de Marcação de Hipertexto), o qual serve para criação das páginas propriamente ditas e o CSS (Folha de estilo em cascata), que como o nome já diz, é para dar estilos na páginas web. Já para a linguagem de programação são diversas, a utilizadas para o projeto de corretora de criptomoedas foram PHP (Hypertext Preprocessor) e o MySQL, que é um sistema de gerenciamento de banco de dados (SGBD), que utiliza a linguagem SQL (Structured Query Language).
1. INTRODUÇÃO
Com o aumento do desenvolvimento de sistemas de informação nos últimos anos, as aplicações web surgem e ganham a atenção das organizações dos mais variados segmentos. Tecnologias utilizadas em ambientes com internet têm surgido com maior frequência tentando igualar sistemas web dos sistemas voltados para o ambiente desktop.
Neste sentido, a principal vantagem que a tecnologia web oferece é o acesso online, onde usuários com acesso a internet conseguem acessar informações a qualquer hora e lugar. Se comparado com a tecnologia desktop, o investimento em tecnologia web é relativamente inferior (OMENA, 2020).
Para o desenvolvimento de um sistema web foi escolhida a linguagem PHP (Hypertext Preprocessor), e junto com ela são necessárias algumas outras ferramentas que auxiliam no projeto, tais como: Sublime Text que é um editor de texto, o XAMPP que é usado como um servidor web local e o MySQL Workbench que é um gerenciador de banco de dados.
O PHP é uma linguagem voltada à internet, e com as técnicas que essa linguagem oferece é possível transformar sites estáticos feitos em HTML puro em sites dinâmicos e interativos (NIEDERAUER, 2017a).
Referente ao desenvolvimento de um sistema web, este trabalho tem como objetivo apresentar conceitos e definições de tecnologias que foram usadas para criar uma página dinâmica construída com a linguagem PHP que simula uma corretora de criptomoedas.
A linguagem de programação PHP é realmente eficaz e de fácil aprendizado para o desenvolvimento de uma aplicação web?
2. FUNDAMENTAÇÃO TEÓRICA
O desenvolvimento em aplicações web é uma das áreas mais promissoras dentro da tecnologia da informação, podendo utilizar dentro do front-end, que é utilizado para serviços de clientes para o servidor e o back-end, que trata de serviços internos do servidor. Então, quando se fala em interface, o que é visível ao público ao pesquisar na internet, utiliza-se a linguagens de marcação, sendo elas: HTML e CSS, para códigos internos e bancos de dados utilizamos as linguagens de programação e são várias, por exemplo, PHP e MySQL. Abaixo tem cada uma especificada:
2.1 HTML E CSS
A linguagem HTML (Linguagem de marcação de Hipertexto) é responsável pela criação de páginas web. HTML não é considerada uma linguagem de programação, e sim uma linguagem de marcação de texto e foi desenvolvida para possibilitar o compartilhamento de documentos de forma mais prática e após a criação do World Wide Web (www), uma rede de alcance mundial, o HTML tornou-se uma ferramenta utilizada para tudo e por todos. Já a linguagem CSS, veio em consequência do crescimento da HTML, pois quanto mais utilizavam a linguagem para criação web, viam mais necessidade de estilos nas páginas criadas (BALLERINI, 2021).
Em uma página web é possível perceber que existem diversos elementos separados, como cabeçalho, título, parágrafos, imagens e muitos outros. Toda a organização desses elementos é feita pelo HTML. Ele é utilizado para criar toda a estrutura da página e, para isso, utiliza as famosas tags (etiquetas) para sinalizar onde cada tipo de elemento será implementado. Por exemplo, quando insere-se um parágrafo na tela, utiliza-se as tags <p> </p> para isso, colocando o texto desejado dentro do elemento, sendo assim, existem diversas tags para formar diversas estruturas das páginas web criadas. Mas para o estilo utiliza-se a CSS, também conhecida como Cascading Style Sheet ou estilo em cascata, que dá forma à página web, transformando os elementos, como estilo de fontes, tamanhos, cor da página, das fontes, botões e muito mais, resumindo é o estilo da página.
A CSS pode ser aplicadas nos estilos inline, que serve para aplicar o estilo nas áreas pontuais do site, estilo interno, que serve para aplicar estilos de forma mais dinâmica e prática, podendo adicionar uma tag <style> dentro da área <head> do documento HTML local e o estilo externo, que serve para manter as folhas de estilos fora do código HTML, além de uma maior organização faz com que tudo seja aproveitado de maneira mais eficiente nas outras páginas web. Para isso utiliza-se a tag <link> especialmente configurada para trabalhar com arquivos externos de estilo, essa tag é colocada dentro da área <head> do documento HTML.
Referente ao CSS, existe o Bulma framework que foi inspirado no bootstrap. Suas principais características são: 100% responsivo, totalmente CSS (não requer Javascript), modular (pode-se importar no projeto apenas o necessário) e é gratuito disponível no GitHub (ESCUDELARIO, 2019).
Um exemplo de componente do Bulma bastante eficaz chamado Hero, com ele, alinhar um título ou elemento verticalmente no centro da tela se torna uma tarefa muito mais simples, agilizando na hora do desenvolvimento.
2.2 XAMPP 
O XAMPP é um programa gratuito com principais servidores de código aberto, incluindo FTP, banco de dados MySQL e Apache com suporte às linguagens PHP, sendo uma excelente opção para desenvolvedores.
Normalmente a aplicação desenvolvida se encontra no diretório ‘’htdocs’’, sendo essa um diretório raiz do programa, e tudo que se encontra nesta pasta será executado pelo servidor localmente, podendo assim testar a aplicação que está sendo desenvolvida.
Com o XAMPP é possível criar um servidor web em seu próprio computador, dispensando conexão com a internet, o desempenho do servidor será mais ágil, pois não depende de tráfego de rede (LOSSIO, 2019).
2.3 MYSQL
O MySQL é um Sistema Gerenciador de Banco de Dados (SGBD), para uma melhor compreensão de um SGBD, faz-se necessário compreender melhor o significado de banco de dados:
Um sistema de banco de dados é basicamente apenas um sistema computadorizado de manutenção de registros. O banco de dados, por si só, pode ser considerado como o equivalente eletrônico de um armário de arquivamento; ou seja, ele é um repositório ou recipiente para uma coleção de arquivos de dados computadorizados. (DATE, 2004, p. 3)
Mais precisamente no ano de 1994, na Suécia, os programadores, Michael Widenius e David Axmark, decidiram criar um modelo gratuito de Banco de Dados, baseado no modelo relacional, surgindo então o MySQL. Ele é um SGBD multiplataforma (Windows, Linux, Mac), de uso gratuito e livre (código fonte aberto), gerenciado pela Oracle Corporation, é um dos SGBD´s mais conhecidos no mundo. Ele é utilizado por grandes empresas, como por exemplo: Nasa, Bradesco, Vivo, Tim, Google, dentre outras. Atendendo aos grupos de comandos específicos para determinadas situações dentro da linguagem SQL: DDL(definição), DML (manipulação), DQL (solicitações), DCL (controle) e DTL (transações). Tudo isso, obedecendo às regras do padrão ACID (Atomicidade, Consistência, Isolamento e Durabilidade) (GUANABARA, 2016). 
O MySQL utiliza a linguagem SQL (Structured Query Language), que em português significa Linguagem de Consulta Estruturada, tornando-o extremamente rápido. Por ser de código aberto (Open-Source), foi desenvolvido e distribuído sob as licenças GNU/GPL (General Public Licence) traduzindo para o português, significa Licença Pública Geral, a qualdetermina o que pode ou não fazer com a ferramenta e seus recursos. Uma vantagem, é que o código-fonte é disponibilizado para que seus usuários possam editá-lo de maneira que atenda suas necessidades (TEIXEIRA, 2013).
A figura 1, exemplifica melhor os comandos utilizados na criação de um banco de dados e tabelas, dentro das normas e padrões estabelecidos.
Figura 1: MySQL Workbench
Fonte: Guanabara, 2016
A figura 2 demonstra a estrutura básica do MySQL com alguns dados hipotéticos armazenados.
Figura 2: Estrutura do Banco de Dados SQL
Fonte: Autoria própria
Já a figura 3, mostra o código de conexão do PHP com o banco de dados, neste caso, há duas conexões: uma com permissão mais ampla e outra com restrição de perfil de usuário, garantindo a segurança da manipulação dos dados.
Figura 3: Conexão PHP com Banco de Dados SQL
Fonte: Autoria própria
Algumas características deste SGBD fazem dele um dos gerenciadores mais utilizados, confiáveis e práticos, mas a que mais faz a diferença é com relação ao seu servidor: que é extremamente rápido, ágil, fácil de usar; foi desenvolvido para lidar com bancos de dados grandes, possui um conjunto de funções rico e muito proveitoso. Também sua conectividade, velocidade e segurança faz dele altamente adaptável para acessar banco de dados na internet (SANTOS, 2006). 
2.4 PHP
O PHP é uma linguagem de programação usada na criação de sites que costuma ser executada em um servidor web e acessada por muitas pessoas em seus próprios computadores, e não apenas por um único computador por uma única pessoa (SKLAR, 2019).
Foi criado nos meados dos anos 90, por Rasmus Lerdorf, onde enviava para várias empresas um link de sua página na internet que continha seu currículo, mas como ele queria saber quem estava consultando seu currículo ele criou um script que colhia informações dos visitantes, a partir daí surgiu o Personal Homepage (SANTOS, 2006).
De acordo com Lockhart (2015, p. 23) “Hoje em dia, a linguagem PHP está evoluindo rapidamente, e seu suporte é feito por dezenas de desenvolvedores que fazem parte da equipe que trabalha com o seu núcleo em todo o mundo”.
Quando o engine PHP executa um programa, ele só lida com as partes de abertura e fechamento das tags PHP. O engine PHP executa os comandos existentes entre <?php (tag PHP de abertura e ?> (tag PHP de fechamento).
Como mostra a figura 4 para o navegador apresentar algum conteúdo dinâmico na tela é necessário que a página possua pelo menos um comando de exibição, um exemplo é o comando “echo” para escrever algo. Somente será apresentado informações dinâmicas na tela se forem usados comandos em PHP. Logo em seguida na figura 5 abrindo o navegador podemos observar o resultado obtido.
Figura 4: Comando de exibição echo
Fonte: Niederauer (2017)
Figura 5: Resultado gerado pelo programa
Fonte: Niederauer (2017)
Páginas em PHP geralmente costumam ter tags de marcação HTML. A combinação entre HTML e PHP é muito eficaz, pois enquanto o PHP gera dados dinâmicos a HTML exibe na página do navegador os dados que foram formatados. (NIEDERAUER, 2017b).
3. METODOLOGIA
A pesquisa do trabalho foi realizada utilizando o método descritivo, foram usadas pesquisas bibliográficas tratando-se de conhecer tecnologias usadas no desenvolvimento de um sistema web e entendendo suas funcionalidades.
As informações e referências deste trabalho foram realizadas através de pesquisas bibliográficas em livros e páginas da internet. Os resultados deste trabalho serão apresentados de forma qualitativa, onde foi realizada a criação do sistema utilizando pesquisas e nossos estudos para sua estrutura, alcançando o resultado esperado para sua funcionalidade.
4. RESULTADOS E DISCUSSÃO
	Os resultados deste trabalho foram apresentados de forma simples, um sistema web construído na linguagem PHP que simula uma corretora de criptomoedas. Todos os testes desse sistema alcançaram as nossas expectativas, resultando em um sistema totalmente funcional, com uma interface de fácil entendimento e responsividade para mobile e tablet, além do desktop.
Na aplicação web da corretora de criptomoedas, sendo na página de login, contém nela a estrutura básica do HTML, com a abertura <html>,  a parte do <head>...</head> onde é indicado o idioma de escrita, sendo que no Brasil, por ter acentuações, utiliza-se o <meta charset=”UTF-8”>, assim o código reconhece a língua portuguesa quando o site é mostrado.  Também tem o título, o qual aparece na aba da página que é acessada e logo abaixo o link do framework, o qual foi utilizado para essa página de login e mais o link do CSS para trabalhar com o estilo desta página. Entre as tags de <body>...</body>, que é a parte onde o usuário vê a página em si, tem a seção, onde é mostrado na figura com as tags <section>...</section>, dentro dessa tags há outras tags conhecidas como <div>...</div> , para mostrar o login propriamente dito. Então temos a div com a classe container que mostra toda a parte branca do login, depois a div que mostra apenas o título de nível 3 (Fazer Login) e mais duas divs de usuário e senha, o qual foi colocado mais divs, que com o PHP, também tem a div com a classe field para registro e mais no final um botão para entrar no sistema criado. Algumas tags contém classes que indicam o estilo do framework do Bulma e também contém alguns códigos referentes ao PHP para ligar com o banco de dados para a realização do login com sucesso.
A aplicação faz cotações de várias criptomoedas, podendo o usuário fazer compras, trocas e até mesmo auxiliá-lo a ter noções práticas de investimentos. O sistema também bonifica, de forma fictícia, o investidor com um limite inicial de R$1.000,00, fazendo com que o usuário comece sua jornada no campo de criptomoedas, ele demonstra o ranking dos usuários e traz as cotações do dia. Sua conexão com o banco de dados MySQL, torna o armazenamento dos dados seguros e de fácil manipulação, sua interface é amigável e de fácil compreensão pelo usuário.
5. CONCLUSÃO
Um sistema web para ser bem desenvolvido precisa ter um bom projeto e um tempo acessível para que se torne um desenvolvimento de qualidade, sem nenhuma falha ou livre de riscos (que tenha proteção aos dados coletados pelo sistema) para o usuário. Visto que esse sistema pode ser criado com poucas linguagens de programação e utilizar as linguagens de marcação para dar seu estilo e facilidade.
O sistema de Corretora de Criptomoedas teve apenas a linguagem em PHP, para sua funcionalidade, o MySQL, para o banco de dados e as linguagens de marcação HTML e CSS, para o estilo. 	
Sua construção foi valiosa do ponto de vista do aprendizado e satisfatória com relação a realização do projeto finalizado, mesmo que pequenino e simples, ver sua estrutura de códigos e poder utilizar sua interface na Web, é sem dúvida gratificante.
REFERÊNCIAS
BALLERINI, Rafaella. 25 fev. 2021. HTML, CSS e Javascript, quais as diferenças? https://www.alura.com.br/artigos/html-css-e-js-definicoes. Acesso em: 10 nov. 2021.
DATE, C. J.. Introdução a Sistemas de Banco de Dados. 8. ed. Rio de Janeiro: Elsevier, 2004.
ESCUDELARIO, Bruna de Freitas. 8 mar. 2019. Conhecendo o framework Bulma. Disponível em: https://imasters.com.br/css/conhecendo-o-framework-bulma. Acesso em: 14 nov. 2021
GUANABARA, Gustavo. Curso de MySQL. Disponível em: https://www.cursoemvideo.com/curso/mysql/. Acessado em 07/11/21
LOCKHART, Josh. PHP Moderno: Novos recursos e boas práticas. São Paulo: Novatec, 2015
LOSSIO, Rodrigo. 1 jul. 2019. O que é e para que serve o XAMPP? Disponível em: https://oraculoti.com.br/2019/07/01/o-que-e-e-para-que-serve-o-xampp/. Acesso em: 14 nov. 2021
NIEDERAUER, Juliano. Desenvolvendo Websites com PHP. São Paulo: Novatec, 2017a.
______. PHP para quem conhece PHP. São Paulo: Novatec, 2017b.
OMENA, Anderson Carlos de Carvalho. Programando um sistema web em java com JSF, Hibernate e PrimeFaces. Clube de Autores, 2020.
SANTOS, Adriano. 2006. PHP: Quem é você? Disponível em: https://www.devmedia.com.br/php-quem-e-voce/1797.Acesso em: 15 nov. 2021.
______. Entendendo um pouco do MySQL. Disponível em: https://www.devmedia.com.br/mysql-quem-e-voce/1752. Acesso em: 07/11/2021.
SKLAR, David. Aprendendo PHP: introdução amigável à linguagem mais popular da web. São Paulo: Novatec, 2019.
TEIXEIRA, José Ricardo. Introdução ao MySQL. 2013. Disponível em: https://www.devmedia.com.br/introducao-ao-mysql/27799. Acesso em: 07 Nov. 2021.
1 Nome dos Alunos
2 Nome do tutor interno
Centro Universitário Leonardo da Vinci - UNIASSELVI - Análise e Desenvolvimento de Sistemas (FLXC2772) – Prática do Módulo V - 24/11/21.