{"id":23407,"date":"2024-02-14T09:54:20","date_gmt":"2024-02-14T12:54:20","guid":{"rendered":"https:\/\/portifolioos-prontos.com\/?post_type=product&p=23407"},"modified":"2025-08-11T21:58:51","modified_gmt":"2025-08-12T00:58:51","slug":"aula-pratica-programacao-para-internet-em-back-end","status":"publish","type":"product","link":"https:\/\/portifolioos-prontos.com\/index.php\/product\/aula-pratica-programacao-para-internet-em-back-end\/","title":{"rendered":"Aula pr\u00e1tica Programa\u00e7\u00e3o para internet em back-end"},"content":{"rendered":"

Aula pr\u00e1tica Programa\u00e7\u00e3o para internet em back-end<\/p>\n

\n

ROTEIRO DE AULA PR\u00c1TICA
\nNOME DA DISCIPLINA: Programa\u00e7\u00e3o para internet em Back-End
\nOBJETIVOS
\nDefini\u00e7\u00e3o dos objetivos da aula pr\u00e1tica:
\nCompreender e implementar uma aplica\u00e7\u00e3o simples de cadastro de usu\u00e1rio
\nutilizando tecnologia de banco de dados Mysql com PHPMyadmin, com
\nvalida\u00e7\u00e3o de campo e, para armazenamento das informa\u00e7\u00f5es no banco de
\ndados, a utiliza\u00e7\u00e3o da linguagem PHP.
\nINFRAESTRUTURA
\nInstala\u00e7\u00f5es:
\nPara o correto funcionamento e desenvolvimento da atividade proposta, ser\u00e1
\nnecess\u00e1rio ter instalado em sua m\u00e1quina a IDE de desenvolvimento VSCode e o PHP
\nem sua \u00faltima vers\u00e3o. Al\u00e9m disso, \u00e9 imprescind\u00edvel, ter instalado o XAMPP,
\nferramenta que instala automaticamente tudo que precisaremos para o correto
\nfuncionamento da aplica\u00e7\u00e3o que iremos desenvolver. Para realizar a instala\u00e7\u00e3o do
\nXAMPP, voc\u00ea pode buscar por v\u00eddeos na internet e encontrar\u00e1 v\u00e1rias orienta\u00e7\u00f5es
\ndispon\u00edveis para cumprimento dessa etapa. Materiais de consumo:
\nDescri\u00e7\u00e3o
\nQuantidade de materiais
\npor
\nprocedimento\/atividade
\nSoftware:
\nSim ( X ) N\u00e3o ( )
\nEm caso afirmativo, qual?
\nPago ( ) N\u00e3o Pago ( X )
\nTipo de Licen\u00e7a: Freeware
\nDescri\u00e7\u00e3o do software:
\nVisual Studio Code da Microsoft. Equipamento de Prote\u00e7\u00e3o Individual (EPI): \u2013 NSA
\nPROCEDIMENTOS PR\u00c1TICOS
\n1 \u2013 Para o desenvolvimento dessa atividade, ser\u00e1 necess\u00e1rio ter instalado em seu computador a \u00faltima
\n3
\nvers\u00e3o dispon\u00edvel da IDE Visual Studio Code, bem como o PHP na vers\u00e3o 7.4 ou superior. Este \u00faltimo j\u00e1
\n\u00e9 instalado automaticamente com a instala\u00e7\u00e3o do XAMPP. 2 \u2013 Construa uma \u00fanica tabela no banco de dados Mysql contendo as seguintes colunas:
\nNome
\nemail
\nsenha
\no nome da tabela pode ser usuario. A senha a ser armazenada dever\u00e1 ser encriptada. Aten\u00e7\u00e3o: Lembre-se que ser\u00e1 necess\u00e1rio que os nomes dos campos da tabela no banco de dados
\nestejam exatamente iguais no c\u00f3digo de programa\u00e7\u00e3o, para que sua aplica\u00e7\u00e3o funcione adequadamente. 3 \u2013 Construa a p\u00e1gina da sua tela de cadastro em PHP e utilize CSS para estiliz\u00e1-la. 4 \u2013 Crie o arquivo de configura\u00e7\u00e3o para conex\u00e3o a banco de dados. Esse arquivo pode se chamar
\nconexao.php. Escreva o c\u00f3digo que far\u00e1 o teste e respectiva conex\u00e3o a banco. Esse arquivo ser\u00e1 o
\nrespons\u00e1vel por testar a conex\u00e3o, realizar a conex\u00e3o e permitir a guarda das informa\u00e7\u00f5es do formul\u00e1rio
\nna base de dados. 5 \u2013 Realize testes de cadastro e verifique se sua base de dados est\u00e1 recebendo corretamente as
\ninforma\u00e7\u00f5es digitadas no formul\u00e1rio de cadastro, criado em PHP. Atividade proposta:
\nConstruir uma pequena aplica\u00e7\u00e3o de cadastro de usu\u00e1rio, ou seja, um formul\u00e1rio, contendo os campos de
\nnome, email e senha. Dever\u00e1 ser constru\u00edda uma tabela na base de dados Myql que receber\u00e1 as
\ninforma\u00e7\u00f5es digitadas no referido formul\u00e1rio. O mesmo dever\u00e1 validar o campo e-mail e a senha
\narmazenada na base de dados dever\u00e1 ser encriptada para garantir a seguran\u00e7a dessa informa\u00e7\u00e3o. Procedimentos para a realiza\u00e7\u00e3o da atividade:
\nAntes de mais nada \u00e9 importante assegurar que os programas necess\u00e1rios para desenvolvimento dessa
\natividade estejam corretamente instalados. Os programas em quest\u00e3o s\u00e3o: Xampp e VSCode.
\nInicie criando um novo projeto no VSCode. Esse projeto pode ser criado diretamente na pasta htdocs, que est\u00e1 presente dentro do diret\u00f3rio principal do Xampp. Em seguida abra o projeto no VSCode. O nome da pasta do projeto ser\u00e1 cadastro-simplificado. Veja:
\n4
\nCrie agora, uma pasta para o arquivo de estilo. Esta pasta deve se chamar css. Em seguida, crie os
\narquivos:
\nindex.php
\nconexao.php
\ncadastrar.php (os dois \u00faltimos, j\u00e1 foram mencionados anteriormente)
\nLembre-se que ser\u00e1 necess\u00e1rio criar a base de dados. Voc\u00ea poder\u00e1 gerar o script dessa base e salv\u00e1-la
\nnum arquivo .sql cujo nome pode ser de sua escolha. Sugere-se utilizar o mesmo nome da base de
\ndados, por exemplo, dbcaduser.sql. No total, ser\u00e3o 3 arquivos php e 1 arquivo css. Veja como ficar\u00e1 a \u00e1rvore do diret\u00f3rio do projeto:
\nO primeiro arquivo, formulario.css, vai conter os codigos de estilo do projeto. \u00c9 onde voc\u00ea dever\u00e1
\ncompor o conjunto de estilos em CSS de sua prefer\u00eancia para o seu projeto. O arquivo index.php, ser\u00e1 o formul\u00e1rio propriamente dito. O nome do arquivo ser\u00e1 index para facilitar o
\nacesso \u00e0 aplica\u00e7\u00e3o pelo navegador, quando hospedado localmente no servidor fornecedido pela
\nferramenta Xampp. Fa\u00e7a a valida\u00e7\u00e3o do campo de e-mail no formul\u00e1rio. Essa valida\u00e7\u00e3o consiste em
\nverificar se o que est\u00e1 sendo digitado \u00e9 de fato um e-mail ou n\u00e3o. O arquivo conexao.php \u00e9 o respons\u00e1vel por realizar a conex\u00e3o com o banco de dados. \u00c9 nele que
\npoder\u00e1 ser utilizada, por exemplo, o m\u00e9todo de conex\u00e3o do php, o mysqli_connect(). Nesse arquivo, voc\u00ea
\npode utilizar uma estrutura de decis\u00e3o com if para verificar se a conex\u00e3o foi bem sucedida. Caso tenha
\ntido algum problema durante o processo de conex\u00e3o, voc\u00ea pode usar a fun\u00e7\u00e3o mysqli_connect_error()
\nque serve para retornar uma string contendo o \u00faltimo erro em sua chamada.
\n5
\nO arquivo cadastrar.php \u00e9 onde ser\u00e1 feita a chamada SQL respons\u00e1vel pela inser\u00e7\u00e3o dos dados do
\nformul\u00e1rio de cadastro na base de dados. Para isso, voc\u00ea poder\u00e1 utilizar a fun\u00e7\u00e3o mysqli_query() que \u00e9 a
\nrespons\u00e1vel pela execu\u00e7\u00e3o de uma chamada SQL atrav\u00e9s do PHP. Neste arquivo voc\u00ea dever\u00e1
\nassegurar que a senha digitada seja salva no banco de dados de maneira encripitada. Caso algum erro
\nseja encontrado, voc\u00ea poder\u00e1 utilizar a fun\u00e7\u00e3o mysqli_error(), respons\u00e1vel por retornar uma string com o
\nerro encontrado.Note que estamos falando de fun\u00e7\u00f5es do PHP que podem ser utilizadas na forma de
\nprograma\u00e7\u00e3o procedural. N\u00e3o se preocupe nesse momento em construir o c\u00f3digo para conex\u00e3o baseado
\nem Orienta\u00e7\u00e3o a Objetos. Caso seja do seu interesse, voc\u00ea pode usar o PDO do PHP para conex\u00e3o, j\u00e1
\nque este \u00e9 baseado em orienta\u00e7\u00e3o a objetos. No entanto, para compreender o processo de conex\u00e3o a
\nbanco de dados, sugere-se utilizar o formato procedural para que a compreens\u00e3o seja facilitada.<\/p>\n

 <\/p>\n

Checklist: \uf0b7 Instala\u00e7\u00e3o das ferramentas necess\u00e1rias para programa\u00e7\u00e3o. Neste caso, o XAMPP e VSCode; \uf0b7 Cria\u00e7\u00e3o do projeto e sua estrutura de diret\u00f3rios dentro da pasta C:\/xampp\/htdocs\/cadastro- simplificado; \uf0b7 Cria\u00e7\u00e3o dos arquivos: index.php, conexao.php, cadastrar.php, css\/formulario.css; \uf0b7 Cria\u00e7\u00e3o da base de dados DBCadUser e da tabela usuario; \uf0b7 Programa\u00e7\u00e3o da p\u00e1gina de formul\u00e1rio de cadastro, contendo 3 campos: nome, email e senha; \uf0b7 Constru\u00e7\u00e3o do c\u00f3digo da p\u00e1gina index.php, ou seja, formul\u00e1rio contendo 3 campos (mencionados
\nno t\u00f3pico anterior) e um bot\u00e3o \u201cCadastrar\u201d.<\/p>\n

 <\/p>\n

RESULTADOS
\nResultados da aula pr\u00e1tica: Constru\u00e7\u00e3o de um pequeno projeto de formul\u00e1rio de cadastro contendo
\ntr\u00eas campos sendo: nome, e-mail e senha. A p\u00e1gina dever\u00e1 ser ser escritas em PHP para garantir a
\ngrava\u00e7\u00e3o dos dados em banco de dados e a p\u00e1gina principal, aquela que ser\u00e1 o formul\u00e1rio de cadastor, dever\u00e1 ser estilizada com CSS. O projeto dever\u00e1 conter no total 5 arquivos, sendo 3 de PHP, 1 de CSS e
\num script de SQL da base de dados constru\u00edda. Esta pode ser feita com aux\u00edlio do PHPMyadm.<\/p>\n

\n

Como funciona?<\/h4>\n
\n

Elaboramos os portf\u00f3lios, j\u00e1 deixamos prontos, nas normas da ABNT e conforme os requisitos da universidade. F\u00e1cil assim! O MELHOR \u00c9 QUE VOC\u00ca COMPRA E J\u00c1 BAIXA NA HORA O SEU ARQUIVO EM WORD! Sabemos que conciliar trabalho, fam\u00edlia, vida profissional e estudos \u00e9 dif\u00edcil hoje em dia, por isso, estamos aqui para ajudar voc\u00ea. Conte com nossa qualidade, experi\u00eancia e profissionalismo adquirindo seu portf\u00f3lio conosco. GARANTIMOS SEU CONCEITO!<\/p>\n

Como se realizam os envios?<\/h4>\n<\/div>\n<\/div>\n
\n
O seu trabalho \u00e9 disponibilizado pronto, respondido e nas normas j\u00e1 na mesma hora aqui em nosso site na sua \u00e1rea de downloads e tamb\u00e9m no seu e-mail.<\/div>\n<\/div>\n
\n
\n

Em quanto tempo recebo o portf\u00f3lio?<\/h4>\n<\/div>\n<\/div>\n
\n
\n

Os envios s\u00e3o imediatos. Ap\u00f3s sua compra, o trabalho j\u00e1 \u00e9 disponibilizado instantaneamente aqui em nosso site e no seu e-mail.<\/p>\n

E se o portf\u00f3lio que comprei precisar de corre\u00e7\u00e3o?<\/h4>\n<\/div>\n<\/div>\n
\n
\n

Caso haja alguma solicita\u00e7\u00e3o de corre\u00e7\u00e3o\/altera\u00e7\u00e3o por parte do tutor, basta entrar em contato conosco pelo\u00a0WhatsApp\u00a0que provid\u00eanciaremos sem custo algum.<\/p>\n

Qual o formato do arquivo?<\/h4>\n<\/div>\n<\/div>\n
\n
\n

Os arquivos s\u00e3o enviados em formato Word e s\u00e3o edit\u00e1veis.<\/p>\n

Caso eu tiver alguma d\u00favida, terei suporte no p\u00f3s venda?<\/h4>\n<\/div>\n<\/div>\n
\n
\n

Sim, com certeza. Basta clicar no \u00edcone do WhatsApp no cantinho da tela. Ser\u00e1 um prazer atend\u00ea-lo(a).<\/p>\n

\n
\n

Quais os seus canais de contato?<\/h4>\n<\/div>\n<\/div>\n
\n
\n

Whatsapp: 53 984751621 \u2013 Clicar no canto da tela ou ESCANEIE O QRCODE ABAIXO<\/p>\n

\"projeto<\/h4>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n
\n
\n

E-mail:portifoliosp@gmail.com<\/p>\n

\n
\n

\"PORTFOLIO<\/a><\/p>\n

Portf\u00f3lio em Word, respondido, completo e j\u00e1 nas normas.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

\n
Pague pelo PIX ou cart\u00e3o e fa\u00e7a o download agora mesmo.<\/strong><\/h5>\n<\/div>\n
\n
\n
\"\"\u00a0\u00a0<\/div>\n<\/div>\n<\/div>\n","protected":false},"featured_media":23410,"template":"","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"%%post_title%% %%sitetitle%%","_seopress_titles_desc":"%%post_content%%","_seopress_robots_index":""},"product_cat":[15],"product_tag":[],"class_list":{"0":"post-23407","1":"product","2":"type-product","3":"status-publish","4":"has-post-thumbnail","6":"product_cat-uncategorized","8":"first","9":"instock","10":"downloadable","11":"virtual","12":"purchasable","13":"product-type-simple","14":"col-xs-6 col-sm-4","15":"col-mf-5","16":"un-5-cols"},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/23407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product"}],"about":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/types\/product"}],"version-history":[{"count":0,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product\/23407\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media\/23410"}],"wp:attachment":[{"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/media?parent=23407"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_cat?post=23407"},{"taxonomy":"product_tag","embeddable":true,"href":"https:\/\/portifolioos-prontos.com\/index.php\/wp-json\/wp\/v2\/product_tag?post=23407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}