Documentação Projeto Integrador (SENAC-DF) PHP Com MYSQL

PROJETO INTEGRADOR:
Sistema Web da Instituição Assembleia de Deus
Serviço Nacional d
Administração Regiona
Autor:
Matheus Bernardino dos Santos
Brasília-DF, 2022
NOME DO ALUNO
● Matheus Bernardino dos Santos
Serviço Nacional d
Planejamento de projeto sistema web, versão final.
Projeto apresentado para conclusão do

Curso PHP com MySQL realizado no
Centro de Educação Profissional Senac -
DF.
Projeto Aprovado em: / /
Instrutor
Representante – Ações Móveis

AGRADECIMENTOS
Dedico esta para o agradecimento ao professor Ricardo Serra, pela instrução e capacitação
técnica e ética ao longo do desenvolvimento e documentação do projeto. Agradeço, também, aos
meus colegas de classe por compartilhar seus conhecimentos, dicas e experiências. Tudo por
contribuir com este trabalho. Grato.
Serviço Nacional d
RESUMO
O sistema web é uma solução para os processos administrativos da instituição Assembleia de

Deus, onde o secretário é sobrecarregado com o cadastramento de novos membros e atualizações em
Recursos Humanos anualmente. Pelo responsável utilizar o método tradicional, com preenchimento de
formulários manuais para cada indivíduo, surge a necessidade de automação desse processo compatível
com um sistema de cadastramento informatizado. Desse modo, tornando eficiente o serviço denso e
estressante com uma alternativa técnica para a simplificação da metodologia de gerenciamento da
membresia.
Palavras-chave: Sistema web. Automação. Metodologia. Cadastramento. Gerenciamento.

Serviço Nacional d
LISTA DE ILUSTRAÇÕES
Opcional
Figura 1 Modelagem ....................................................................................página 02
Figura 2 Interface ....................................................................................página 03
Gráfica
Figura 3 Interface ....................................................................................página 03
Gráfica
Serviço Nacional d
Serviço Nacional d
SUMÁRIO
CAPÍTULO 1 – APRESENTAÇÃO DO PROJETO..................................................................... 01
CAPÍTULO 2 – INTERFACES GRÁFICAS – FRONT END....................................................... 02
CAPÍTULO 3 – CÓDIGOS DAS INTERFACES – FRONT END (HTML).................................... 03
3.1 – CÓDIGOS DAS INTERFACES – FRONT END (CSS EXTERNO)……………................ 03
CAPÍTULO 4 – CÓDIGOS DAS INTERFACES – BACK END.................................................... 03

Serviço Nacional d
CAPÍTULO 5– MODELO DESCRITIVO – CORE BUSINESS.................................................... 04
CAPÍTULO 6 – MODELO CONCEITUAL – CORE BUSINESS................................................. 04
CAPÍTULO 7 – MODELO LÓGICO – CORE BUSINESS.......................................................... 04
CAPÍTULO 8 – MODELO FÍSICO – CORE BUSINESS............................................................ 04
CAPÍTULO 9 – CONSIDERAÇÕES FINAIS........................................................................... 05

INTRODUÇÃO
(1 Lauda)
A instituição Assembleia de Deus Ministério Remissão tem por volta de uma década de
vigência e se preocupa com a organização do regimento interno e com a licitude da jurisdição
nacional regulamentadora dessas instituições. Desse modo, o corpo secretário da entidade recebe o
peso da vasta responsabilidade de cumprir com as obrigações internas e externas para satisfazer a
legalidade governamental do Estado, bem como alimentar seu banco de membros, que é crescente
a cada ano.
Portanto, surge a necessidade da automação computacional para a eficiência de tarefas

administrativas da secretaria. Com isso a crescente demanda de cadastro apropriado de membros
novos e atualizações no estado atual de membros vigentes migra de manual para informatizado.
Serviço Nacional d
Não somente a eficácia das tarefas são otimizadas, mas também a organização dos dados, Regiona
Administração
a acessibilidade das informações institucionais e administrativas e a difusão de estatísticas e

referências solicitadas ou necessárias ocasionalmente.
CAPÍTULO 1 – Apresentação do Projeto
O projeto se servirá de tecnologias da informação com hardwares e softwares para a

implementação do sistema web a ser desenvolvido e implantado em um servidor que opera como
servidor web e servidor de banco de dados.
1.1 Regra de Negócio
Sistema web para otimização e gerenciamento dos processos administrativos em recursos

humanos da instituição Assembleia de Deus, ainda não informatizada.
Serviço Nacional d
1.2 Requisitos Não Funcionais
Requisitos Mínimos de Hardware:

Memória: 4 GB
Processador: Dual Core de 2.0Ghz
Disco Rígido: 500GB
Requisitos Mínimos de Software:

Sistema Operacional: Windows Server 2016 ou Linux Ubuntu Server
Servidor de Banco de Dados: MySQL Server 8.0.25
Servidor Web: Apache 7.4.28
1.3 Requisitos Funcionais
FrontEnd: Linguagem - HTML5 e CSS3

BackEnd: Linguagem - PHP 7.4.28
Core Business: Linguagem - SQL
1.4 Análise de Requisito
A instituição necessita de um sistema informatizado que atenda os seguintes

requisitos funcionais: automatizar processos repetitivos; alimentar banco de dados da
membresia; imprimir documento de identidade individual; gerenciar a situação atual
de todos os cadastrados. Em síntese, um sistema computacional que imprime
identidade, cria cadastros, lê os cadastramentos e os atualiza ou deleta.
Serviço Nacional d
CAPÍTULO 02 - Interfaces Gráficas (FrontEnd)
● Interface para cadastro de membros
Serviço Nacional d
● Interface para cadastro de administradores
Serviço Nacional d
● Interface para acesso aos serviços do sistema
Serviço Nacional d
● Interface para consultar registros (CRUD)

Serviço Nacional d
● Interface para excluir registros (CRUD)
● Interface para atualizar registros (CRUD)

Serviço Nacional d
● Interface para acessar o sistema

Serviço Nacional d
● Interface para gerenciar os administradores do sistema (CRUD)

Serviço Nacional d
CAPÍTULO 3 - Código das Interfaces (Front End - HTML)
● Código da interface para cadastro de membros (HTML)
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="https://kit.fontawesome.com/eb083c3e86.js" crossorigin="anonymous"></script>
<title>Registro da Membresia</title>
<link rel="stylesheet" href="membrostyle.css" type="text/css">
</head>
<body>
<header>
<div class="logo">
<img src="./img/logo.png" class="logo-img" alt="logo">
</div>
<h2>Assembleia de Deus</h2>
<nav>
<ul>
<li>
<a href="cadservico.html">
<i class="fa-solid fa-house"></i>
Página Inicial
</a>
</li>
Serviço Nacional d
</ul> Administração Regiona
</nav>
</header>
<form id="cad_mem" name="cad_mem" method="post" action="../controller/membro.php" >
<div class="main-signin">
<div class="card-signin">
<h1>Cadastro de Membros</h1>
<div class="textfield">
<label for="nm">Nome</label>
<input type="text" name="nm" placeholder="Nome completo">
</div>
<label for="cpf">CPF</label>
<input type="text" name="cpf" placeholder="Seu CPF">
</div>
<label for="rg">RG</label>
<input type="text" name="rg" placeholder="Seu RG">
</div>
<label for="cep">CEP</label>
<input type="text" name="cep" placeholder="Seu CEP">
</div>
<label for="uf">Unidade Federativa</label>
<input type="text" name="uf" placeholder="UF">
</div>
<label for="email">E-mail</label>
<input type="email" name="email" placeholder="E-mail">
</div>
<label for="conjg">Cônjuge</label>
<input type="text" name="conjg" placeholder="Nome do cônjuge">
</div>
<label for="nacio">Nacionalidade</label>
<input type="text" name="nacio" placeholder="Nacionalidade">
</div>
<label for="natur">Naturalidade</label>
<input type="text" name="natur" placeholder="Naturalidade">
</div>
Serviço Nacional d
<div class="option"> Administração Regiona
<label>Gênero</label><br>
<input type="radio" name="sx" value="Masculino">
<label for="Masculino">Masculino</label><br>
<input type="radio" name="sx" value="Feminino">
<label for="Feminino">Feminino</label>
</div>
<label for="cargo">Cargo</label>
<input type="text" name="cargo" placeholder="Cargo">
</div>
<label for="cel">Celular</label>
<input type="tel" name="cel" placeholder="Celular">
</div>
<label for="ddd">DDD</label>
<input type="number" name="ddd" min="0" max="99">
</div>
<label for="tel">Telefone</label>
<input type="tel" name="tel" placeholder="Telefone">
</div>
<label for="dtnasc">Data Nascimento</label>
<input type="date" name="dtnasc">
</div>
<label for="dtbat">Data Batismo</label>
<input type="date" name="dtbat">
</div>

<button class="btn-signin">Registrar</button>
</div>
</div>
</form>
Serviço Nacional d
</body> Administração Regiona
</html>
● Código da interface para cadastro de administradores (HTML)
<html>
<head>
<link rel="stylesheet" href="secretariostyle.css" type="text/css">
<title>Registro da Secretaria</title>
</head>
<body>
<header>
<div class="logo">
</div>
<nav>
<ul>
<li>
Página Inicial
</a>
</li>
</ul>
</nav>
</header>
<form id="cad_secre" name="cad_secre" method="post" action="../controller/secretario.php">
<div class="main-signin">
<div class="card-signin">
<h1>Cadastro de Administrador</h1>
<label for="nm_sc">Nome</label>
<input type="text" name="nm_sc" placeholder="Nome completo">
</div>
<input type="text" name="cpf" placeholder="CPF">
Serviço Nacional d
</div> Administração Regiona
</div>
</div>
<label for="tel">Telefone/Celular</label>
<input type="tel" name="tel" placeholder="Número">
</div>
</div>
</div>

<button class="btn-signin">Registrar</button>
</div>
</div>
</form>
</body>
</html>
● Código da interface para acesso aos serviços(HTML)
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> Serviço Nacional d
<link rel="stylesheet" href="servicostyle.css" type="text/css">

<title>Serviços</title>
</head>
<body>
<header>
<div class="logo">
</div>
<nav class="topnav">
<ul>
<li class="li">
<a href="cadservico.html" class="home-link">
Página Inicial
</a>
</li>
</ul>
</nav>
</header>
<div class="container">
<h1>Serviços</h1>
<div class="linha">
<div class="servico">
<a href="cadmembro.html" class="fill-div">
<i class="fa-solid fa-user"></i>
<h2>Cadastrar Membro</h2>
<p>Criar registro de novo membro</p>
</a>
</div>
<a href="consultar.php" class="fill-div">
<i class="fa-solid fa-magnifying-glass"></i>
<h2>Consultar Cadastro</h2>
<p>Ler todos os registros</p>
</a>
</div>
<a href="atualizar.php" class="fill-div">
<i class="fa-solid fa-arrows-rotate"></i>
Serviço Nacional d
<h2>Atualizar Cadastro</h2> Administração Regiona
<p>Alterar dados de um registro</p>
</a>
</div>
<a href="excluir.php" class="fill-div">
<i class="fa-solid fa-ban"></i>
<h2>Excluir Cadastro</h2>
<p>Deletar registro de membro</p>
</a>
</div>
<a href="cadsecretario.html" class="fill-div">
<i class="fa-solid fa-user-lock"></i>
<h2>Cadastrar Secretário</h2>
<p>Cadastrar administrador do sistema</p>
</a>
</div>
<a href="gerenciaradm.php" class="fill-div">
<i class="fa-solid fa-users-gear"></i>
<h2>Gerenciar Secretaria</h2>
<p>Gerir registros de administradores</p>
</a>
</div>
<a href="#" class="fill-div">
<i class="fa-solid fa-id-card"></i>
<h2>Imprimir Identidade</h2>
<p>Imprimir credencial institucional</p>
</a>
</div>
</div>
</div>
</body>
</html>
● Código da interface para consultar registro (CRUD - HTML)

<html>
<head>
<title>Consulta de Registros</title>
<meta charset="UTF-8"> Serviço Nacional d
<meta name="viewport" content="width=device-width, initial-scale=1.0"> Administração Regiona

<link rel="stylesheet" href="consultarstyle.css" type="text/css">
</head>
<body>
<header>
<div class="logo">
</div>
<nav>
<ul>
<li>
Página Inicial
</a>
</li>
</ul>
</nav>
</header>
<form class="form_consultar" method="post" action="../controller/svconsultar.php">
<div class="card">
<h1>Pesquisa de Membro por CPF</h1>
<input name="cpf" type="text" id="cpf" size="14" maxlength="60" placeholder="Escreva o
CPF"/>
</div>
<div class="button">
<button name="buscar" type="submit"<?php $buscar ?>>Buscar</button>
<button name="limpar" type="reset">Limpar Campos Preenchidos</button>
</div>
</div>
</form>
</body>
</html>
● Código da interface para excluir registro (CRUD - HTML)

<html>
<head>
<title>Exclusão de Registro</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0"> Serviço Nacional d
<link rel="stylesheet" href="excluirstyle.css" type="text/css">
</head>
<body>
<header>
<div class="logo">
</div>
<nav>
<ul>
<li>
Página Inicial
</a>
</li>
</ul>
</nav>
</header>
<form class="form_exc" method="post" action="../controller/svexcluir.php">
<div class="card">
<h1>Exclusão de Cadastro de Membro por CPF</h1>
CPF"/>
</div>
<button name="excluir" type="submit"<?php $buscar ?>>Excluir</button>
</div>
</div>
</form>
</body>
</html>
● Código da interface para atualizar registro (CRUD - HTML)

<html>
<head>
<link rel="stylesheet" href="atualizarstyle.css" type="text/css">
<title>Atualização de Registro</title> Serviço Nacional d
</head> Administração Regiona
<body>
<header>
<div class="logo">
</div>
<nav>
<ul>
<li>
Página Inicial
</a>
</li>
</ul>
</nav>
</header>
<form class="form_atual" method="post" action="../controller/svatualizar.php">
<div class="main-update">
<div class="card-update">
<h1>Atualização de Cadastro de Membro</h1>
<label for="nm">Nome</label>
<input type="text" name="nm" placeholder="Nome completo">
</div>
</div>
</div>
</div>
<label for="uf">Unidade Federativa</label>
<input type="text" name="uf" placeholder="UF">
</div>
Serviço Nacional d
<div class="textfield"> Administração Regiona
</div>
<label for="conjg">Cônjuge</label>
<input type="text" name="conjg" placeholder="Nome do cônjuge">
</div>
<label for="nacio">Nacionalidade</label>
<input type="text" name="nacio" placeholder="Nacionalidade">
</div>
<label for="natur">Naturalidade</label>
<input type="text" name="natur" placeholder="Naturalidade">
</div>
<div class="option">
<label>Gênero</label><br>
<input type="radio" name="sx" value="Masculino">
<label for="Masculino">Masculino</label><br>
<input type="radio" name="sx" value="Feminino">
<label for="Feminino">Feminino</label>
</div>
</div>
<label for="cel">Celular</label>
<input type="tel" name="cel" placeholder="Celular">
</div>
<label for="ddd">DDD</label>
<input type="number" name="ddd" min="0" max="99">
</div>
<label for="tel">Telefone</label>
</div>
<label for="dtnasc">Data Nascimento</label>
<input type="date" name="dtnasc">
</div>
Serviço Nacional d
<div class="textfield"> Administração Regiona
<label for="dtbat">Data Batismo</label>
<input type="date" name="dtbat">
</div>
<button name="atualizar" type="submit"<?php $atualizar ?>>Excluir</button>
</div>
</div>
</div>
</form>
● Código da interface para gerenciar administradores (CRUD - HTML)

<html>
<head>
<link rel="stylesheet" href="gerenciaradmstyle.css" type="text/css">
<title>Gerenciador de Administradores</title>
</head>
<body>
<header>
<div class="logo">
</div>
<nav>
<ul>
<li>
Página Inicial
</a>
</li>
</ul>
</nav>
</header>
<form class="form_consultar" method="post" action="../controller/ger-adm-consultar.php">
<div class="card">
<h1 class="title">Pesquisa de Secretário por CPF</h1>
Serviço Nacional d
CPF"/>
</div>
<button name="buscar" type="submit"<?php $buscar ?>>Buscar</button>
</div>
</div>
</form>
<form class="form_exc" method="post" action="../controller/ger-adm-exc.php">
<div class="card">
<h1 class="title">Exclusão de Cadastro de Secretário por CPF</h1>
CPF"/>
</div>
<button name="excluir" type="submit"<?php $buscar ?>>Excluir</button>
</div>
</div>
</form>
<form class="form_atual" method="post" action="../controller/gr-adm-atualizar.php">
<div class="card">
<h1 class="title">Atualização de Cadastro de Secretário</h1>
<label for="nm_sc"></label>
<input type="text" name="nm_sc" placeholder="Nome completo">
</div>
<label for="cpf"></label>
</div>
<label for="rg"></label>
</div>
<label for="cep"></label>
</div>
<label for="tel"></label>
Serviço Nacional d
</div> Administração Regiona
<label for="email"></label>
</div>
<label for="cargo"></label>
</div>
<button name="atualizar" type="submit"<?php $atualizar ?>>Atualizar</button>
</div>
</div>
</form>
</body>
</html>
● Código da interface para acessar o sistema (Login - HTML)
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="loginstyle.css" rel="stylesheet" type="text/css" />
<title>Login</title>
</head>
<body>
<header>
<div class="logo">
</div>
<h2 class="title">Assembleia de Deus</h2>
</header>
<div class="main-login">
<div class="card-login">
<h1>Login</h1>
<label for="usuario"><b></b></label>
Serviço Nacional d
<input type="text" placeholder="Usuário" name="usuario" required> Administração Regiona
</div>
<label for="senha"><b></b></label>
<input type="password" placeholder="Senha" name="senha" required>
</div>
<button class="btn-login"><b>Entrar</b></button>
<div class="redirect">
<span class="link"><a href="#">Esqueci Senha/E-mail</a></span>
<span class="link"><a href="#">Meu Primeiro Acesso</a></span>
</div>
</div>
</div>
</body>
</html>
CAPÍTULO 3.1 - Código das Interfaces (Front End - CSS Externo)
● Código da interface para cadastro de membros (CSS)

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');
*{
margin:0;
font-family: 'Noto sans', sans-serif;
}
.logo-img{
width: 200px;
}
.logo{
display: flex;
justify-content: center;
align-items: center;
nav{
display: flex;
justify-content: left;
align-items:flex-start;
flex-direction: column;
}
header {
Serviço Nacional d
border-bottom: 2px solid #303030; Administração Regiona
padding-bottom: 10px;
}
a{
font-weight: 500;
font-size: 26px;
color: #303030;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease 0s;
border-radius: 6px;
padding: 6px 6px 6px 6px;
}
li {
display: inline-block;
list-style: none;
padding: 0px 20px;
}
li a:hover {
background: #1E90FF;
color: #fff;
}
h2{
font-size: 5vh;
color:#303030;
width:100%;
text-align: center;
}
.card-signin h1{
color: #303030;
display: inline;
border-bottom: 3px solid #1E90FF;
cursor: default;
}
.main-signin{
width: 100vw;
height: 80%;
background: white;
Serviço Nacional d
display: flex; Administração Regiona
}
.card-signin{
width: 50%;
display: flex;
padding: 35px 40px;
background: white;
border-radius: 20px;
box-shadow: 0px 10px 40px #00000056;
}
.card-signin > h1{
color: #303030;
font-weight: 800;
margin: 0;
cursor: default;
}
.textfield{
width: 100%;
display: flex;
align-items: flex-start;
}
.textfield > input{
width: 50%;
border: 0.8px solid #D0D0D0;
border-radius: 7px;
padding: 13px;
background: white;
color: #303030;
font-size: 12pt;
outline: none;
box-sizing: border-box;
}
.textfield > label{
color: #303030;
margin-bottom: 1px;
Serviço Nacional d
margin-top: 10px; Administração Regiona
}
.textfield > label::placeholder{
color:#D0D0D0;
}
.option{
display: block;
width: 100%;
font-size: 12pt;
}
.btn-signin{
width: 25%;
padding: 10px 0px;
border: none;
margin: 25px;
border-radius: 8px;
outline: none;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
color: #303030;
background: grey;
cursor: pointer;
}
.btn-signin:hover{
color: #fff;
}
● Código da interface para cadastro de administrador (CSS)

*{
margin:0;
}
.logo-img{
width: 200px;
}
.logo{
display: flex;
align-items: center; Serviço Nacional d
nav{
display: flex;
}
header {
border-bottom: 2px solid #303030;
}
a{
font-weight: 500;
font-size: 26px;
color: #303030;
cursor: pointer;
border-radius: 6px;
}
li {
list-style: none;
padding: 0px 20px;
}
li a:hover {
color: #fff;
}
h2{
font-size: 5vh;
color:#303030;
width:100%;
Serviço Nacional d
text-align: center; Administração Regiona
}
.main-signin{
width: 100vw;
height: 80%;
background: white;
display: flex;
}
.card-signin h1{
display: inline;
}
.card-signin{
width: 50%;
display: flex;
padding: 35px 40px;
background: white;
}
.card-signin > h1{
color: #303030;
font-weight: 800;
margin: 0;
cursor: default;
}
.textfield{
width: 100%;
display: flex;
}
.textfield > input{
width: 50%;
Serviço Nacional d
border-radius: 7px; Administração Regiona
padding: 13px;
background: white;
color: #303030;
font-size: 12pt;
outline: none;
}
.textfield > label{
color: #303030;
margin-bottom: 1px;
margin-top: 10px;
}
color:#D0D0D0;
}
.btn-signin{
width: 25%;
padding: 10px 0px;
border: none;
margin: 25px;
border-radius: 8px;
outline: none;
font-weight: 700;
color: #303030;
background: grey;
cursor: pointer;
}
.btn-signin:hover{
color: #fff;
}
● Código da interface para acesso aos serviços (CSS)

*{
margin: 0;
padding: 0;
font-family: 'Noto sans', sans-serif; Serviço Nacional d
} Administração Regiona
.logo-img{
width: 200px;
}
.logo{
display: flex;
}
.home-link{
font-weight: 500;
font-size: 26px;
color: #303030;
cursor: pointer;
border-radius: 6px;
}
.li{
list-style: none;
padding: 0px 20px;
}
.li a:hover {
color: #fff;
}
nav{
display: flex;
}
header {
Serviço Nacional d
.title{
font-size: 5vh;
color:#303030;
width:100%;
text-align: center;
}
.logo-div{
width: 100vw;
height: 50vh;
display: flex;
position: relative;
}
.container{
width: 100%;
height: 100vh;
padding: 0 8%;
}
.container h1{
text-align: center;
font-weight: 600;
padding-top: 10%;
margin-bottom: 60px;
position: relative;
}
.container h1::after{
content: '';
width: 100px;
height: 5px;
position: absolute;
bottom: -5px;
left: 50%;
transform: translateX(-50%);
}
.linha{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
grid-gap: 30px;
Serviço Nacional d
.servico{
text-align: center;
background: transparent;
border-radius: 5px;
font-size: 14px;
cursor: pointer;
}
a.fill-div{
display: block;
height: 100%;
width: 100%;
padding: 25px 10px;
}
a{
color: black;
}
a:hover{
color: #fff;
}
.servico i{
font-size: 40px;
color:#1E90FF;
}
.servico h2{
font-weight: 600;
margin-bottom: 8px;
}
.servico:hover{
background:#1E90FF;
color:#fff;
transform: scale(1.05)
}
.servico:hover i{
color:#fff;
}
● Código da interface para consultar registros (CSS)

*{ Serviço Nacional d
margin:0; Administração Regiona

}
.logo-img{
width: 200px;
}
.logo{
display: flex;
nav{
display: flex;
}
header {
}
a{
font-weight: 500;
font-size: 26px;
color: #303030;
cursor: pointer;
border-radius: 6px;
}
li {
list-style: none;
padding: 0px 20px;
}
Serviço Nacional d
li a:hover {
color: #fff;
}
h2{
font-size: 5vh;
color:#303030;
width:100%;
text-align: center;
}
.card{
width: 100%;
display:flex;
}
.textfield{
width: 100%;
display:flex;
padding-top: 50px;
}
.textfield > input{
width: 50%;
border-radius: 7px;
padding: 13px;
background: white;
color: #303030;
font-size: 12pt;
outline: none;
}
.button{
width: 100%;
position: relative;
Serviço Nacional d
display: inline-block; Administração Regiona
text-align: center;
padding-top: 50px;
}
button{
width: 20%;
font-size: 11pt;
font-weight:500;
background: #fff;
color: black;
font-weight: 600;
border-radius:8px;
padding: 10px 20px;
cursor: pointer;
box-shadow: none;
margin-right: 35px;
margin-left: 35px;
}
button:hover{
color:white;
}
h1{
color:#303030;
padding-top: 20px;
display: inline;
}
● Código da interface para excluir registros (CSS)

*{
margin:0;
}
.logo-img{
width: 200px;
}
.logo{
display: flex; Serviço Nacional d
justify-content: center; Administração Regiona
nav{
display: flex;
}
header {
}
a{
font-weight: 500;
font-size: 26px;
color: #303030;
cursor: pointer;
border-radius: 6px;
}
li {
list-style: none;
padding: 0px 20px;
}
li a:hover {
color: #fff;
}
h2{
font-size: 5vh;
color:#303030;
Serviço Nacional d
padding-bottom: 20px; Administração Regiona
width:100%;
text-align: center;
}
.card{
width: 100%;
display:flex;
}
.textfield{
width: 100%;
display:flex;
padding-top: 50px;
}
.textfield > input{
width: 50%;
border-radius: 7px;
padding: 13px;
background: white;
color: #303030;
font-size: 12pt;
outline: none;
}
.button{
width: 100%;
position: relative;
text-align: center;
padding-top: 50px;
}
button{
width: 20%;
font-size: 11pt;
Serviço Nacional d
font-weight:500; Administração Regiona
background: #fff;
color: black;
font-weight: 600;
border-radius:8px;
padding: 10px 20px;
cursor: pointer;
box-shadow: none;
margin-right: 35px;
margin-left: 35px;
}
button:hover{
color:white;
}
h1{
color:#303030;
padding-top: 20px;
display: inline;
}
● Código da interface para atualizar registros (CSS)

*{
margin:0;
}
.logo-img{
width: 200px;
}
.logo{
display: flex;
nav{
display: flex;
Serviço Nacional d
align-items:flex-start; Administração Regiona
}
header {
}
a{
font-weight: 500;
font-size: 26px;
color: #303030;
cursor: pointer;
border-radius: 6px;
}
li {
list-style: none;
padding: 0px 20px;
}
li a:hover {
color: #fff;
}
h2{
font-size: 5vh;
color:#303030;
width:100%;
text-align: center;
}
.main-update{
width: 100vw;
height: 80%;
background: white;
display: flex;
Serviço Nacional d
justify-content: center; Administração Regiona
}
.card-update{
width: 50%;
display: flex;
padding: 35px 40px;
background: white;
}
.textfield{
width: 100%;
display: flex;
}
.textfield > input{
width: 50%;
border-radius: 7px;
padding: 13px;
background: white;
color: #303030;
font-size: 12pt;
outline: none;
}
.textfield > label{
color: #303030;
margin-bottom: 1px;
margin-top: 10px;
}
color:#D0D0D0;
}
.option{
/*faz os objetos aparecerem um embaixo do outro*/
Serviço Nacional d
display: block; Administração Regiona
width: 100%;
font-size: 12pt;
}
.button{
width: 100%;
position: relative;
text-align: center;
padding-top: 50px;
}
button{
width: 35%;
font-size: 11pt;
font-weight:500;
background: #fff;
color: black;
font-weight: 600;
border-radius:8px;
padding: 10px 20px;
cursor: pointer;
box-shadow: none;
margin-right: 35px;
margin-left: 35px;
}
button:hover{
color:white;
}
.card-update h1{
color:#303030;
padding-top: 20px;
display: inline;
}
● Código da interface para gerenciar administradores (CSS)

*{
margin:0; Serviço Nacional d
font-family: 'Noto sans', sans-serif; Administração Regiona
}
.logo-img{
width: 200px;
}
.logo{
display: flex;
nav{
display: flex;
}
header {
}
a{
font-weight: 500;
font-size: 26px;
color: #303030;
cursor: pointer;
border-radius: 6px;
}
li {
list-style: none;
padding: 0px 20px;
}
Serviço Nacional d
li a:hover { Administração Regiona
color: #fff;
}
header h2{
font-size: 5vh;
color:#303030;
width:100%;
text-align: center;
}
.card{
width: 100%;
display:flex;
}
.textfield{
width: 100%;
display:flex;
padding-top: 50px;
}
.textfield > input{
width: 50%;
border-radius: 7px;
padding: 13px;
background: white;
color: #303030;
font-size: 12pt;
outline: none;
}
.button{
width: 100%;
position: relative;
Serviço Nacional d
text-align: center; Administração Regiona
padding-top: 50px;
}
button{
width: 20%;
font-size: 11pt;
font-weight:500;
background: #fff;
color: black;
font-weight: 600;
border-radius:8px;
padding: 10px 20px;
cursor: pointer;
box-shadow: none;
margin-right: 35px;
margin-left: 35px;
}
button:hover{
color:white;
}
h1{
display: inline;
color:#303030;
padding-top: 20px;
}
.title{
font-size: 35px;
color:#303030;
text-align: center;
}
● Código da interface para acesso ao sistema (CSS)

*{
margin:0;
} Serviço Nacional d
.logo-img{ Administração Regiona
width: 200px;
}
.logo{
display: flex;
nav{
display: flex;
}
header {
}
.title{
font-size: 5vh;
color:#303030;
width:100%;
text-align: center;
}
.main-login{
width: 100vw;
height: 50%;
display:flex;
background: white;
padding-top: 20px;
}
.card-login{
width: 60%;
display: flex;
Serviço Nacional d
flex-direction: column; Administração Regiona
padding: 35px 40px;
background: white;
}
.card-login > h1{
color: #303030;
font-weight: 800;
margin: 0;
cursor: default;
}
.textfield{
width: 100%;
display: flex;
margin: 10px 0px;
}
.textfield > input{

width: 50%;
border-radius: 7px;
padding: 13px;
background: white;
color:#303030;
font-size: 12pt;
outline: none;
}
.textfield > label{

color:#303030;
Serviço Nacional d
.textfield > label::placeholder{ Administração Regiona
color:#D0D0D0;
}
.btn-login{
width: 50%;
padding: 15px 0px;
border: 1px solid #D0D0D0;
margin: 25px;
border-radius: 8px;
outline: none;
font-weight: 900;
color:black;
font-size: 12pt;
cursor: pointer;
box-shadow: 10px 0px 40px -12px #00000056;
}
.btn-login:hover{
color: white;
}
.redirect{
padding: 16px;
}
a{
width: 25%;
font-size: 12pt;
font-weight:500;
color: black;
border-radius:8px;
padding: 10px 20px;
}
a:hover{
color:white;
}
.link{
Serviço Nacional d
display: inline-block;; Administração Regiona
text-align: center;
}
@media screen and (max-width: 950px) {

span.senha
{
display: block;
float: none;
}
span.cadastro
{
display: block;
float: none;
}
}
CAPÍTULO 4 - Código das Interfaces (Back End - PHP)
● Código de manipulação para cadastro de membros

<html>
<head>
<title></title>
</head>
<body>
<?php
include_once '../controller/conexaobd.php';
//RECEBENDO OS DADOS DO FORMULÁRIO FRONT END
$nm = $_POST["nm"];
$cpf = $_POST["cpf"];
$rg = $_POST["rg"];
$cep = $_POST["cep"];
$uf = $_POST["uf"];
$email = $_POST["email"];
//$ft = $_POST["ft"];
$conjg = $_POST["conjg"];
$nacio = $_POST["nacio"];
Serviço Nacional d
$natur = $_POST["natur"]; Administração Regiona
$sx = $_POST["sx"];
$cargo = $_POST["cargo"];
$cel = $_POST["cel"];
$ddd = $_POST["ddd"];
$tel = $_POST["tel"];
$dtnasc = $_POST["dtnasc"];
$dtbat = $_POST["dtbat"];
//$senha = $_POST["senha"];
//$cosenha = $_POST["cosenha"];
// SQL PARA INSERIR DADOS NA TABELA ESPECÍFICA

$sql = "INSERT INTO membro
(nm,cpf,rg,cep,uf,email,conjg,nacio,natur,sx,cargo,cel,ddd,tel,dtnasc,dtbat)
VALUE
('$nm','$cpf','$rg','$cep','$uf','$email','$conjg','$nacio','$natur','$sx','$cargo','$cel','$ddd','$tel','$dtnasc','$dtb
at');";
if ($conn->query($sql) === TRUE){
echo "Registro de MEMBRO realizado com sucesso.";
} else {
"Erro: " . $sql . "<br>" . $conn->error;
}
echo "<br>";
$conn->close();
?>
</body>
</html>
● Código de manipulação para cadastro de administrador
<html>
<head>
<title></title>
</head>
<body>
<?php
$nm_sc = $_POST["nm_sc"];
$cpf = $_POST["cpf"]; Serviço Nacional d
$rg = $_POST["rg"]; Administração Regiona
$cep = $_POST["cep"];
$tel = $_POST["tel"];
$cargo = $_POST["cargo"];
// SQL PARA INSERIR DADOSDO DO FRONT END NA TABELA ESPECÍFICA DO BANCO DE

DADOS
$sql = "INSERT INTO secretario (nm_sc,cpf,rg,cep,tel,email,cargo)
VALUE ('$nm_sc','$cpf','$rg','$cep','$tel','$email','$cargo');";

echo "Registro de SECRETARIO realizado com sucesso.";
} else {
"Error: " . $sql . "<br>" . $conn->error;
}
echo "<br>";
$conn->close();
?>
</body>
</html>
● Código de manipulação para consultar registros (CRUD)

<html>
<head>
<title></title>
</head>
<body>
<?php
$cpf = $_POST ["cpf"];
// PASSO 3 - SQL PARA BUSCAR EM TABELAS

Serviço Nacional d
$sql = "SELECT * FROM membro WHERE cpf = '$cpf' ";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// num_rows - dados de saída de cada linha
while ($row = $result->fetch_assoc()) {
echo "Código do membro: " . $row ["codmem_pk"] . " <br> Nome do membro: " . $row["nm"] . "
<br> CPF: " . $row["cpf"] . " <br> RG: " . $row["rg"] . " <br> CEP: " . $row["cep"] . " <br> UF: " . $row["uf"] .
" <br> E-mail: " . $row["email"] . " <br> Cônjuge: " . $row["conjg"] . " <br> Nacionalidade: " . $row["nacio"] .
" <br> Naturalidade: " . $row["natur"] . "<br> Sexo: " . $row["sx"] . "<br> Cargo: " . $row["cargo"] . "<br>
Celular: " . $row["cel"] . "<br> DDD: " . $row["ddd"] . "<br> Telefone" . $row["tel"] . "<br> Data Nascimento:
" . $row["dtnasc"] . "<br> Data Batismo: " . $row["dtbat"] . "<br><br>";
}
} else {
echo "0 resultados encontrados";
}
$conn->close();
?>
</body>
</html>
● Código de manipulação para excluir registros (CRUD)

<html>
<head>
<title></title>
</head>
<body>
<?php
//SQL PARA DELETAR EM TABELAS

$sql = "DELETE FROM membro WHERE cpf = '$cpf';";
Serviço Nacional d
if ($conn->query($sql) === TRUE){ Administração Regiona
echo "Exclusão de cadastro do MEMBRO realizada com sucesso.";
} else {
"Erro de exclusão: " . $conn->error;
}
$conn->close();
?>
</body>
</html>
● Código de manipulação para atualizar registros (CRUD)

<html>
<head>
<title></title>
</head>
<body>
<?php

$sql = "UPDATE membro SET nm = '$nm', cpf ='$cpf' , rg = '$rg' , cep = '$cep' , uf = '$uf', email =
'$email' , conjg = '$conjg' , nacio = '$nacio' , natur = '$natur' , sx = '$sx' , cargo = '$cargo' , cel = '$cel' ,
ddd = '$ddd' , tel = '$tel' , dtnasc = '$dtnasc' , dtbat = '$dtbat' WHERE cpf = '$cpf';";
if ($conn->query($sql) === TRUE) {

echo "Realizada a atualização do MEMBRO com Sucesso!";
} else {
echo "Erro de atulização:" . $conn->error;
}
$conn->close();
?>
</body>
</html>
● Código de manipulação para gerenciar administradores (Consultar)

<html> Serviço Nacional d
<head>
<title></title>
</head>
<body>
<?php
// PASSO 3 - SQL PARA BUSCAR EM TABELAS
$sql = "SELECT * FROM secretario WHERE cpf = '$cpf' ";
$result = $conn->query($sql);
if ($result->num_rows > 0) {
// num_rows - dados de saída de cada linha
while ($row = $result->fetch_assoc()) {
echo "Código do secretário: " . $row ["codsecre_pk"] . " <br> Nome do secretário: " .
$row["nm_sc"] . " <br> CPF: " . $row["cpf"] . " <br> RG: " . $row["rg"] . " <br> CEP: " . $row["cep"] . "<br>
Telefone" . $row["tel"] . " <br> E-mail: " . $row["email"] . "<br> Cargo: " . $row["cargo"] . "<br><br>";
}
} else {
echo "0 resultados encontrados";
}
$conn->close();
?>
</body>
</html>
● Código de manipulação para gerenciar administradores (Excluir)

<html>
<head>
<meta charset="UTF-8"> Serviço Nacional d
<title></title>
</head>
<body>
<?php
//SQL PARA DELETAR EM TABELAS

$sql = "DELETE FROM secretario WHERE cpf = '$cpf';";

echo "Exclusão de cadastro do SECRETÁRIO realizada com sucesso.";
} else {
"Erro de exclusão: " . $conn->error;
}
$conn->close();
?>
</body>
</html>
● Código de manipulação para gerenciar administradores (Atualizar)

<html>
<head>
<title></title>
</head>
<body>
<?php
$sql = "UPDATE secretario SET nm_sc = '$nm_sc', cpf ='$cpf' , rg = '$rg' , cep = '$cep' , tel =
'$tel' , email = '$email' , cargo = '$cargo' WHERE cpf = '$cpf' ";
if ($conn->query($sql) === TRUE) {

Serviço Nacional d
echo "Realizada a atualização do SECRETÁRIO com Sucesso!";
} else {
echo "Erro de atulização:" . $conn->error;
}
$conn->close();
?>
</body>
</html>
● Código de manipulação para acesso ao sistema (Login)

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<?php
include_once 'conexaobd.php';
$nome = $_POST["nome"];
$senha = $_POST["senha"];
$senha = md5($senha);
//$cosenha = $_POST["cosenha"];
// SQL PARA INSERIR DADOS NA TABELA ESPECÍFICA

$sql = "INSERT INTO usuario (nome,email,senha)
VALUE ('$nome','$email','$senha');";
echo "Registro de USUÁRIO realizado com sucesso.";
} else {
"Erro: " . $sql . "<br>" . $conn->error;
}
echo "<br>";
$conn->close();
?>
</body>
Serviço Nacional d
</html> Administração Regiona
● Código de manipulação para conexão ao banco de dados

<html>
<head>
<title></title>
</head>
<body>
<?php
// LOCALIZAÇÃO DO BANCO DE DADOS
$servername = "127.0.0.1:3307";
$username = "root";
$password = "";
$dbname = "church";
//PASSO 1 CONECTAR AO SERVIDOR DE BANCO DE DADOS

$conn = new mysqli($servername, $username, $password, $dbname);
//PASSO 2 VERIFICAR CONEXÃO COM BD

if ($conn->connect_error) {
die("Conexão falhou: " . $conn->connect_error);
}
echo "Connected successfully <br>";
?>
</body>
</html>
Serviço Nacional d
CAPÍTULO 5 – Modelo Descritivo – CORE BUSINESS
O sistema web é uma solução para os processos administrativos da instituição Assembleia de
Deus, onde o secretário é sobrecarregado com o cadastramento de novos membros e atualizações em
Recursos Humanos anualmente. Pelo responsável utilizar o método tradicional, com preenchimento de
formulários manuais para cada indivíduo, surge a necessidade de automação desse processo compatível
com um sistema de cadastramento informatizado. Desse modo, tornando eficiente o serviço denso e
estressante com uma alternativa técnica para a simplificação da metodologia de gerenciamento da
membresia.
1FN - Primeira Forma Normal (Entidades)
Usuário;
Serviço Nacional d
Secretário;
Membro;
Serviços;
2FN - Segunda Forma Normal (Entidades - Atributos)
usuario (login, senha)
secretario (nome, cargo, funcao, cpf, endereco, email)
membro (nome, cpf, telefone, email, conjuge, endereco, cargo, datacoes, foto)
servicos (tipo, descricao, quantidade, acesso)

3FN - Terceira Forma Normal (Entidades - Atributos)
usuario (login, senha, interno, externo)
secretario (nome, cargo, cpf, endereco, celular, e-mail)
membro (nome, cpf, rg, telefone, celular, sexo, email, cônjuge, cep, endereço, cargo
ecesiástico, data de nascimento, foto, nome do pai, nome da mae, nacionalidade,
naturalidade, data de batismo, congregação, forma de entrada, filhos, )
servicos (cadastro de membro, cadastro de administrador, consulta de cadastros,

impressão de credencial, atualização de cadastros, exclusão de cadastros)
4FN - Quarta Forma Normal (Entidades - Atributos)
usuario (login, senha) Serviço Nacional d

secretario (código, nome, cargo, cpf, endereço, contato, e-mail)
membro (código, nome, cpf, rg, contato, e-mail, cônjuge, endereço, cargo, datações,
foto)
servicos (código, tipo, descrição, quantidade, acesso)
5FN - Quinta Forma Normal (Entidades - Atributos)
usuario (login, senha)
secretario (codsecre, nm, cargo, func, cpf, cep, logradouro, num, bairro, cidade,
estado, pais, email)
membro (codmem, nm, cargo, cpf, rg, tel, email, conjg, cep, logra, num, bairro,
cidade, estado, pais, datacoes, ft)
servicos (codserv, tipo, descr, qtd, acesso)

CAPÍTULO 6 – MODELO CONCEITUAL – CORE BUSINESS
● Diagrama do Modelo Conceitual:
Serviço Nacional d
CAPÍTULO 7 – MODELO LÓGICO – CORE BUSINESS
● Modelo Lógico no Banco de Dados
Serviço Nacional d
CAPÍTULO 8 – MODELO FÍSICO – CORE BUSINESS
● Código do Modelo Físico
CREATE DATABASE IF NOT EXISTS CHURCH;
USE CHURCH;
CREATE TABLE secretario
codsecre_pk INT PRIMARY KEY AUTO_INCREMENT,
nm_sc VARCHAR(50),
Serviço Nacional d
cpf VARCHAR(14),
rg VARCHAR(30),
cep VARCHAR(25),
tel VARCHAR(40),
email VARCHAR(50),
cargo VARCHAR(30)
);
CREATE TABLE membro -- Tabela membro é filha da tabela secretario
codmem_pk INT PRIMARY KEY AUTO_INCREMENT,
nm VARCHAR(50),
cpf VARCHAR(14),
rg VARCHAR(30),
cep VARCHAR(25),
uf VARCHAR(15),
email VARCHAR(50),
#ft BLOB,
conjg VARCHAR(50),
nacio VARCHAR(45),
natur VARCHAR(45),
sx VARCHAR(30),
cargo VARCHAR(30),
cel VARCHAR(45),
ddd VARCHAR(50),
tel VARCHAR(45),
dtnasc DATE,
dtbat DATE,
Serviço Nacional d
codsecre_fk INT, Administração Regiona
FOREIGN KEY(codsecre_fk) REFERENCES secretario(codsecre_pk)
);
CREATE TABLE IF NOT EXISTS ùsuario` (

ìd` int(11) NOT NULL AUTO_INCREMENT,
`nome` varchar(220) NOT NULL,
èmail` varchar(520) NOT NULL,
`senha` varchar(50) NOT NULL,
`situacoe_id` int(11) NOT NULL DEFAULT '0',
`niveis_acesso_id` int(11) NOT NULL DEFAULT '2',
`created` datetime NOT NULL,
`modified` datetime DEFAULT NULL,
PRIMARY KEY (ìd`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=11 ;
-- O InnoDB se baseia em transações (bloqueio de transações)
-- Estrutura da tabela `niveis_acessos`

CREATE TABLE IF NOT EXISTS `niveis_acessos` (
ìd` int(11) NOT NULL AUTO_INCREMENT,
`nome` varchar(50) NOT NULL,
`created` datetime NOT NULL,
`modified` datetime DEFAULT NULL,
PRIMARY KEY (ìd`)
) ENGINE=InnoDB DEFAULT CHARSET=latin1 AUTO_INCREMENT=4 ;
-- O InnoDB se baseia em transações (bloqueio de transações)
Serviço Nacional de Aprendizagem Comercial
Administração Regional do Distrito Federal – Senac-DF
BIBLIOGRAFIA
As referências são alinhadas à esquerda da margem em ordem alfabética.

Siga as regras da ABNT.
Colocar as fontes de pesquisas (livros e sites).
Serviço Nacional de Aprendizagem Comercial
Administração Regional do Distrito Federal – Senac-DF
ANEXOS
Opcional
(Ficha diária do PI com a atividade que cada um desenvolveu no dia e assinatura)

Em formato de diário de bordo descrevendo a atividade relacionando com o conteúdo
desenvolvido em sala de aula, descrever a realidade da empresa, o fluxograma das rotinas, situações
adversas, aprendizado e etc.

Documentação Projeto Integrador (SENAC-DF) PHP Com MYSQL

Enviado por

Direitos autorais:

Formatos disponíveis

Documentação Projeto Integrador (SENAC-DF) PHP Com MYSQL

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Documentação Projeto Integrador (SENAC-DF) PHP Com MYSQL

Enviado por

Direitos autorais:

Formatos disponíveis

PROJETO INTEGRADOR:

Sistema Web da Instituição Assembleia de Deus

Matheus Bernardino dos Santos

● Matheus Bernardino dos Santos

Planejamento de projeto sistema web, versão final.

Projeto apresentado para conclusão do

Projeto Aprovado em: / /

Representante – Ações Móveis

O sistema web é uma solução para os processos administrativos da instituição Assembleia de

Palavras-chave: Sistema web. Automação. Metodologia. Cadastramento. Gerenciamento.

CAPÍTULO 1 – APRESENTAÇÃO DO PROJETO..................................................................... 01

CAPÍTULO 2 – INTERFACES GRÁFICAS – FRONT END....................................................... 02

CAPÍTULO 3 – CÓDIGOS DAS INTERFACES – FRONT END (HTML).................................... 03

3.1 – CÓDIGOS DAS INTERFACES – FRONT END (CSS EXTERNO)……………................ 03

CAPÍTULO 4 – CÓDIGOS DAS INTERFACES – BACK END.................................................... 03

CAPÍTULO 5– MODELO DESCRITIVO – CORE BUSINESS.................................................... 04

CAPÍTULO 6 – MODELO CONCEITUAL – CORE BUSINESS................................................. 04

CAPÍTULO 7 – MODELO LÓGICO – CORE BUSINESS.......................................................... 04

CAPÍTULO 8 – MODELO FÍSICO – CORE BUSINESS............................................................ 04

CAPÍTULO 9 – CONSIDERAÇÕES FINAIS........................................................................... 05

Portanto, surge a necessidade da automação computacional para a eficiência de tarefas

a acessibilidade das informações institucionais e administrativas e a difusão de estatísticas e

O projeto se servirá de tecnologias da informação com hardwares e softwares para a

1.1 Regra de Negócio

Sistema web para otimização e gerenciamento dos processos administrativos em recursos

1.2 Requisitos Não Funcionais

Requisitos Mínimos de Hardware:

Requisitos Mínimos de Software:

1.3 Requisitos Funcionais

FrontEnd: Linguagem - HTML5 e CSS3

A instituição necessita de um sistema informatizado que atenda os seguintes

● Interface para cadastro de membros

● Interface para consultar registros (CRUD)

● Interface para excluir registros (CRUD)

● Interface para atualizar registros (CRUD)

● Interface para acessar o sistema

● Interface para gerenciar os administradores do sistema (CRUD)

CAPÍTULO 3 - Código das Interfaces (Front End - HTML)

● Código da interface para cadastro de membros (HTML)

● Código da interface para cadastro de administradores (HTML)

● Código da interface para acesso aos serviços(HTML)

<link rel="stylesheet" href="servicostyle.css" type="text/css">

● Código da interface para consultar registro (CRUD - HTML)

<script src="https://kit.fontawesome.com/eb083c3e86.js" crossorigin="anonymous"></script>

● Código da interface para excluir registro (CRUD - HTML)

● Código da interface para atualizar registro (CRUD - HTML)

● Código da interface para gerenciar administradores (CRUD - HTML)

● Código da interface para acessar o sistema (Login - HTML)

CAPÍTULO 3.1 - Código das Interfaces (Front End - CSS Externo)

● Código da interface para cadastro de membros (CSS)

● Código da interface para cadastro de administrador (CSS)

● Código da interface para acesso aos serviços (CSS)

● Código da interface para consultar registros (CSS)

font-family: 'Noto sans', sans-serif;

● Código da interface para excluir registros (CSS)

● Código da interface para atualizar registros (CSS)

● Código da interface para gerenciar administradores (CSS)

● Código da interface para acesso ao sistema (CSS)

.textfield > input{