Etec Philadelpho Gouvêa Netto

TÉCNICO EM INFORMÁTICA PARA INTERNET

“DESENVOLVIMENTO DE SISTEMA ONLINE PARA

CONTROLE DE FREQUÊNCIA DOS ALUNOS DA
ESCOLA PHILADELPHO GOUVÊA NETTO”

MARIA EDUARDA LOPES BAITELLO

OHK SUN DOS SANTOS DURÃES
THAÍS DA ROCHA NASCIMENTO

São José do Rio Preto

2010
 Etec Philadelpho Gouvêa Netto

TÉCNICO EM INFORMÁTICA PARA INTERNET

“Desenvolvimento de Sistema para Controle de

Frequência dos alunos da Escola Técnica
Philadelpho Gouvêa Netto”

Trabalho apresentado ao Centro Educacional

Paula Souza ETEC “Philadelpho Gouvêa
Netto”, como requisito na obtenção do titulo
de Técnico em Informática, curso de
Informática Para Internet.

Orientadores: ANTONIO FELÍCIO FILHO

E FABIANA COTA PONTES

MARIA EDUARDA LOPES BAITELLO

OHK SUN DOS SANTOS DURÃES
THAÍS DA ROCHA NASCIMENTO

São José do Rio Preto

2010
 BANCA EXAMINADORA:

Nota Final: _______ ( ) em ___/___/______

_________________________________

Prof. ( )

_________________________________

Prof. ( )

_________________________________

Prof. ( )

São José do Rio Preto

2010

3
 AGRADECIMENTOS

A Deus, em primeiro lugar, sempre.

A nosso professor João Paulo, que nos ajudou desde o princípio de todo trabalho.

Ao professor Antonio que pegou no nosso pé para que esse projeto fosse concluído.

A professora Fabiana que tão pacientemente deu seu apoio e auxilio a todas nós.

Ao professor Michael Pontes pelo carinho que tem pela classe e por ter nos ensinado tudo
desde o começo novamente.

Ao professor Sylvio pela grande ajuda na programação em PHP.

Ao nosso amigo de turma, Daniel, pela força na Programação do nosso Sistema.

A todos nossos amigos que fizeram parte de nossas vidas durante o curso e aos que já
fazem parte há muito tempo.

A todos os professores e professoras do curso de Informática Para Internet da Escola

Técnica Philadelpho, por tudo que nos ensinaram e pela paciência com todas nós.

4
 RESUMO

O presente trabalho “Desenvolvimento de Software para Controle de

Frequência dos alunos da Escola Técnica Philadelpho Gouvêa Netto” Pretende
tornar o trabalho desnecessariamente extenso da Administração Escolar da
Instituição por vezes citada neste documento mais rápido.
O uso de diversas linguagens de programação foi necessário para a
conclusão e melhor funcionamento do Sistema, como o uso do PHP e do Ajax que
foi fundamental para o Sistema funcionar exatamente como planejado inicialmente.
Para a realização das pesquisas o apoio foi sob a leitura de livros e na busca
de ajuda aos mestres responsáveis pelo trabalho, ainda assim problemas e
dificuldades surgiram no desenvolvimento do Sistema já que as linguagens foram
aprendidas durante a elaboração do mesmo.

Palavras-Chave: Sistema, programação, Freqüência

5
 SUMÁRIO

AGRADECIMENTOS............................................................................................................................................4

RESUMO.................................................................................................................................................................5
SUMÁRIO........................................................................................................................................................6
ÍNDICE DE FIGURAS...........................................................................................................................................7

INTRODUÇÃO.......................................................................................................................................................8

OBJETIVOS............................................................................................................................................................9

FUNDAMENTAÇÃO TEÓRICA........................................................................................................................10
Segundo (Silva, 2008) ”jQuery é uma biblioteca JavaScript criada por John Resig e disponibilizada como
software e aberto , ou seja , de emprego e uso regido segundo licença conforme as regras estabelecidas
pelo MIT (Massachusetts Institute of Technology) e pelo GPL (GNU General Public License). Isto
resumidamente, significa que você pode usar a biblioteca gratuitamente tanto para desenvolver projetos
pessoais como comerciais.”...........................................................................................................................14
METODOLOGIA.................................................................................................................................................15

RESULTADOS......................................................................................................................................................16

CONCLUSÃO.......................................................................................................................................................24

REFERÊNCIAS....................................................................................................................................................25

SILVA, MAURÍCIO SAMY SILVA. JQUERY - A BIBLIOTECA DO PROGRAMADOR JAVASCRIPT.

SÃO PAULO: NOVATEC EDITORA LTDA., 2008..........................................................................................25

6
 ÍNDICE DE FIGURAS

IMAGEM 1- INTERAÇÃO NAVEGADOR/SERVIDOR ................................................................................13

IMAGEM 2 - SISTEMA DE LOGIN (ALUNO)................................................................................................17

IMAGEM 3 - DEMONSTRAÇÃO DE UM USUÁRIO PROFESSOR ‘LOGADO’ NO SISTEMA............18

IMAGEM 4 - CADASTRO DE TURMAS..........................................................................................................18

IMAGEM 5 - CADASTRO DE USUÁRIO (CADASTRA PROFESSORES E ALUNOS)............................19

IMAGEM 6 - PÁGINA VISUALIZADA PELO USUÁRIO NÍVEL 1 - ALUNOS.........................................20

IMAGEM 7 - PÁGINA DE ACESSO AOS PROFESSORES - NÍVEL 2........................................................20

IMAGEM 8 - NÍVEL 3, PÁGINA INICIAL APÓS LOGAR COMO ADMINISTRADOR..........................21

7
 INTRODUÇÃO

Diariamente os professores realizam o controle de freqüência dos alunos, fazendo à

conhecida chamada. A frequência é registrada em uma folha que é constantemente
atualizada.

A secretaria da escola tem o trabalho de contabilizar as faltas e atualizar a folha de

chamada com o número de faltas de cada aluno. Como a escola possui muitos alunos, esse
trabalho se torna muitas vezes difícil e demorado.

Com este Sistema Online, o trabalho dos funcionários e dos professores será
simplificado. Ele contabiliza e atualiza as faltas automaticamente, disponibilizando os dados
em uma página de internet que pode ser acessada por alunos, professores e a
administração através de um login.

O sistema permite que a chamada ocupe menos tempo da aula, aumentando o

tempo disponível para o aprendizado dos alunos.

8
 OBJETIVOS

O objetivo principal deste trabalho é agilizar e facilitar alguns serviços indispensáveis na

instituição, porém cansativos, e permitir ao aluno ter acesso às suas freqüências, para ter
controle de suas faltas.

Com esse sistema, o professor pode realizar com maior facilidade o controle de
frequência dos alunos da sua disciplina, bastando apenas uma conexão com a Internet. O
sistema, automaticamente, atualiza as informações no banco de dados e disponibiliza para o
aluno, permitindo que ele tenha acesso fácil ao conhecimento de suas faltas.

A secretaria da instituição tem sua tarefa facilitada, pois o sistema gera automaticamente
as informações de cada aluno. Também é possível aos familiares do aluno tomar
conhecimento sobre a presença ou ausência do mesmo na aula do dia, contanto que ele
permita o acesso a essa informação.

9
 FUNDAMENTAÇÃO TEÓRICA

1 . Sis Escola

Existe um sistema para administração de escolas de primeiro e segundo grau

(ensino fundamental, médio e profissionalizante), o Sis Escola, que realiza todo o
controle de informações dos alunos, professores, funcionários, etc. O código do
Sistema Sis Escola foi desenvolvido por meio da linguagem Delphi 6 e o banco de
dados é o Paradox.
Os recursos oferecidos pelo sistema Sis são:
- Ficha do aluno
- Matrícula
- Histórico e Boletim
- Controle Pedagógico

O diferencial do software é que ele permite realizar a chamada online e a

informação da freqüência do aluno será disponibilizada na internet, para que o
mesmo ou seus familiares tenham acesso e controle instantâneo das ausências do
aluno.
O Sistema de Freqüência aqui apresentado, não tem nenhuma relação com o Sis
Escola, que foi apenas citado como uma referência de software semelhante ao aqui
apresentado.

1.1 Delphi 6:
Segundo (Preto, 2009), “Delphi é uma ferramenta para desenvolvimento de
software, que possui um Ambiente de Desenvolvimento Integrado e um compilador.”

10
 Delphi pode ser conhecido também como Object Pascal (Pascal com extensões
orientadas à objetos). Foi desenvolvido pela Borland, e a versão 6 (Delphi 6) se
tornou o primeiro Ambiente de Desenvolvimento Integrado a suportar web services.

1.2 Paradox:
Paradox é um Banco de Dados baseado em tabelas. Seu diferencial é que é um
banco de dados relacional, ou seja, permite relacionamento entre suas tabelas.

2 . MySQL

O Banco de Dados foi desenvolvido em SQL e o seu sistema de gerenciamento é

o MySQL. O programa para este desenvolvimento é o DBTools
Software(DBManager Profissional), um software para desenvolvimento de Banco de
Dados e WEB. Foi utilizada a versão freeware, voltada para novos usuários de
Banco de Dados, porque é gratuita e pelo grau de conhecimento da ferramenta dos
integrantes do projeto.

SQL, conhecido como Structured Query Language, foi escolhido porque utiliza um
método mais geral para o armazenamento de dados do que os bancos anteriores,
não relacionais.

3 . PHP

O significado da sigla PHP é Hypertext Preprocessor, porém inicialmente era

conhecido como Personal Home Page Tools. É uma linguagem de programação que
permite adicionar funções do servidor a uma página Web com facilidade, pois é
desenvolvida embutida no HTML.
11
 Segundo (Soares, 2007) “PHP também tem como uma das características mais
importantes o suporte a um grande número de banco de dados.” Como o sistema
utilizará banco de Dados, e essa linguagem é executada no servidor, ela permitirá
uma interação sem exibir o código fonte para o usuário, pois o que o PHP realiza é
praticamente invisível ao usuário, garantindo a confidencialidade das informações
contidas no servidor.

Escolhemos a linguagem PHP porque é um a linguagem voltada para WEB e

outro motivo que levou a sua escolha é que é de código aberto, não havendo custos
com ele.

4 . AJAX

A sigla AJAX significa Asynchronous JavaScript and XML.

É o uso sistemático do JavaScript e do XML,entre outras linguagens Web, que

torna o navegador mais interativo com o usuário. Com essa tecnologia se torna
possível carregar certas informações nas páginas sem recarregá-la por inteiro.

Abaixo, uma demonstração de como o AJAX funciona em uma aplicação.

12
Imagem 1- Interação Navegador/Servidor

A imagem mostra que o navegador e o servidor web não estão interagindo

diretamente entre eles, e sim através da ferramenta AJAX.

Segundo (Niederauer, 2007) “Ajax, apesar de existir há bastante tempo, só

ganhou notoriedade quando aquelas antigas restrições começaram a ser superadas.
Assim como ocorreu na época em que os navegadores passaram a suportar
tecnologias como CSS e XHTML, a possibilidade de utilizar o Ajax nos principais
navegadores foi comemorada pelos desenvolvedores, de modo que o principal
beneficiado com a adoção dessa ferramenta será o usuário final, pois a flexibilidade
do Ajax irá conferir uma grande agilidade à atualização das informações na web.”
No trabalho, o Ajax foi utilizado, pois o professor e o administrador terão que
marcar a presença do aluno, e será melhor que a página não seja recarregada a
cada aluno que for marcado.

5. jQUERY
13
 Segundo (Silva, 2008) ”jQuery é uma biblioteca JavaScript criada por John Resig
e disponibilizada como software e aberto , ou seja , de emprego e uso regido
segundo licença conforme as regras estabelecidas pelo MIT (Massachusetts
Institute of Technology) e pelo GPL (GNU General Public License). Isto
resumidamente, significa que você pode usar a biblioteca gratuitamente tanto para
desenvolver projetos pessoais como comerciais.”

jQuery é uma biblioteca para desenvolvimento rápido de Java script, os quais

interagem com paginas HTML podendo com auxilio desta atribuir eventos,alterar ou
criar elementos na pagina, etc.
A biblioteca jQuery é um software livre por tanto pode ser usada, modificada,
redistribuída e estudada por qualquer um, não há nenhum tipo de restrição para sua
utilização.
Foi criada por John Resig que faz a seguinte afirmação sobre o jQuery: “O foco
principal da biblioteca jQuery é a simplicidade. Por que submeter os
desenvolvedores ao martírio de escrever longos e complexos códigos para criar
efeitos simples.”
O jQuery foi criado de acordo com os padrões da web sendo compatível com
qualquer sistema operacional e com qualquer navegador.

14
 METODOLOGIA

Foi realizado um estudo de caso na Escola Técnica Philadelpho Gouvêa Netto

através de observação e para o conhecimento sobre como os professores procedem
com relação ao controle de freqüência dos alunos.

Houve a tentativa de pesquisa exploratória para o conhecimento dos

procedimentos tomado pela administração da escola com relação à frequência dos
alunos, mas, devido à falta de tempo da administração, não obtivemos resultados.

As demais Pesquisas foram feitas através da leitura de livros específicos sobre

as linguagens utilizadas neste Projeto, os quais foram encontrados na Biblioteca da
Escola Técnica Philadelpho Gouvêa Netto, através de pesquisas feitas na Internet
durante as aulas disponíveis e de pesquisas feitas por cada integrante em seu
computador pessoal.

Os responsáveis pela elaboração do Sistema buscaram frequentemente

informações e esclareceram dúvidas com os professores das disciplinas e com os
professores orientadores.

15
 RESULTADOS

1. Mostrando o Sistema

A página inicial é um sistema de login, onde professores, alunos e secretaria

podem conectar ao sistema. De acordo com o perfil do usuário, será direcionado a
uma segunda página com as permissões referentes a cada um. Como mostra a
figura:

16
Imagem 2 - Sistema de Login (Aluno)

Cada professor também tem um usuário e senha, que atuará como a assinatura
na atual folha de chamada, e, ao logar, é permitido o acesso aos cursos, turmas e
disciplinas que leciona, bem como à lista de alunos, para que ele possa, por meio de
checkbox, selecionar os alunos ausente em sua aula e enviar ao banco, que
receberá e atualizará os dados, disponibilizando instantaneamente ao sistema.

17
Imagem 3 - Demonstração de um usuário Professor ‘logado’ no Sistema.

À secretaria é disponibilizado um sistema para cadastro de usuários, login,

turma, curso e disciplina, bem como a visualização da freqüência dos alunos por
turma, para controle e geração de boletos.

Imagem 4 - Cadastro de Turmas

18
 Imagem 5 - Cadastro de Usuário (Cadastra Professores e Alunos)

2. Nível

O Sistema de Freqüência On-line possui três Níveis para acesso e visualização do

site. Esses Níveis mostram o grau de permissão que o usuário tem no Sistema.

2.1 - Perfil 1 Alunos.

O aluno como foi demonstrado neste documento antes, é cadastrado pelo

Administrador que define o Nível que ele terá ao acessar o site.

Neste primeiro, como são apenas os alunos cadastrados, tem a permissão apenas
de visualizar o conteúdo inserido e constantemente atualizado pelo professor.

Ele pode ver suas faltas em cada disciplina que estuda no Curso e não podem
visualizar as faltas de outros alunos e também não podem fazer nenhum tipo de
alteração.

19
 Imagem 6 - Página visualizada pelo usuário Nível 1 - Alunos

2.2 – Perfil 2 Professores

No segundo nível de permissão, são cadastrados os professores.

É possível aqui selecionar o curso e a turma a qual estão dando aula, e então ver a
lista de alunos, e vendo que não estão presentes na aula, os selecionam para enviar
a ausência ao banco de dados que será atualizado instantaneamente. Essa é a única
alteração que os professores poderão realizar no sistema.

Imagem 7 - Página de acesso aos professores - Nível 2

20
 2.3 – Perfil 3 Administração

O terceiro nível é o usado pela Administração da Escola. Nesse é possível como

falado anteriormente, cadastrar alunos, professores, turmas e disciplinas e também
definis os níveis de acesso de cada usuário.

O trabalho de fazer a contagem de cada aluno para atualizar a folha e chamada e

até mesmo o boletim, é totalmente dispensado a partir daqui já que o sistema faz
isso automaticamente com o banco de dados e foi diariamente atualizado junto dos
dados mostrados no site para o usuário.

Imagem 8 - Nível 3, página inicial após logar como Administrador.

21
3. Diagrama do Banco de dados.

22
Aqui se mostra como as tabelas do banco de dados do Sistema estão relacionadas
entre si.

23
 CONCLUSÃO

Em conclusão, esse trabalho - desenvolvimento de sistema online de

freqüência - apesar das dificuldades encontradas foi realizado com êxito. Os
objetivos de reduzir o tempo gasto em sala de aula com a chamada e também a
disponibilização da freqüência dos alunos na internet foram atingidos.

O Sistema, por ser feito em Ajax, é dinâmico e de fácil utilização. A segurança

quanto à exposição das informações contidas no site é feita pelo sistema de login
que não permite a visualização das informações por pessoas que não pertencem a
instituição ou então a modificação delas por alunos.

Cada usuário acessa o site com seu login respectivo de acordo com sua
posição na instituição escolar - aluno, professor ou administrador - pode visualizar
ou editar o conteúdo. As informações sobre as faltas são atualizadas
automaticamente tornando o registro de faltas no site preciso.

24
 REFERÊNCIAS

A DBTOOLS SOFTWARE. DbTools. Disponível em:

<http://www.dbtools.com.br/PT/index.php>. Acesso em: 19 novembro 2009.

O QUE É PHP. Oficina da net. Disponível em:

<http://www.oficinadanet.com.br/artigo/659/o_que_e_php>. Acesso em: 19 novembro 2009.

PARADIGMAS E LINGUAGENS DE PROGRAMAÇÃO. Alexandre Viana Preto.

Disponível em: < http://www.thielke.com.br/alexandre/paradigma.htm > Acesso em:
26/11/2009.

PARADOX EM REDE. Ramos de Souza Janones. Disponível em:

<http://www.ramosdainformatica.com.br/art_recentes01.php?CDA=465> Acesso em:
26/11/2009.

O QUE É jQUERY. Código fonte. Disponível em:

<http://www.codigofonte.net/dicas/javascript/310_jquery-o-que-e-e-como-usar > Acesso em:
21/06/2010.

SOARES, BRUNO AUGUSTO LOBO. Aprendendo a Linguagem PHP. Rio de Janeiro:

Editora Ciência Moderna Ltda., 2007.

SOARES, WALACE. PHP 5: Conceitos, Programação e Integração com Banco de Dados.

São Paulo: Editora Érica Ltda., 2008.

NIEDERAUER, JULIANO. Web Interativa com Ájax e PHP. São Paulo: Novatec Editora
Ltda., 2007.

SILVA, MAURÍCIO SAMY SILVA. jQuery - A Biblioteca do Programador JavaScript.

São Paulo: Novatec Editora Ltda., 2008.

25