ANHANGUERA EDUCACIONAL S.A.

Faculdade Anhanguera de Rio Grande - RS

Tecnologia de Sistema para Internet

Leonardo Soustruznik
Paulo Roberto Martins Sentano
Vagner dos Santos Buss

Administrador web para Cursos e Treinamentos

Projeto Mos nos Teclado com Viso no Futuro

Rio Grande
2010
Leonardo Soustruznik
Paulo Roberto Martins Sentano
Vagner dos Santos Buss

Administrador web para Cursos e Treinamentos

Projeto Mos nos Teclado com Viso no Futuro

Monografia

apresentada,

como

exigncia

parcial para a obteno do grau de Tecnlogo

em

Sistema

de

Internet,

na

instituio

Anhanguera Educacional Rio Grande - RS ,

sob a orientao dos professores Rafael
Cavaleiro, Sam Devincenzi, Cleber Balota.

Rio Grande
2010
Administrador web para Cursos e Treinamentos
Projeto Mos nos Teclado com Viso no Futuro

3
Trabalho de Concluso de Curso apresentado como exigncia parcial para a obteno
do grau de ttulo Tecnlogo em Tecnologia em Sistema para Internet do Curso da Instituio
Anhanguera Educacional Rio Grande - RS.
Aprovado em ____ de_____________ de 2010.
________________________________
Prof. Esp. Rafael Fagundes Cavalheiro
Orientador
________________________________
Prof . Esp. Cleber Balota
Avaliador
________________________________
Prof . Msc. Sam Devincenzi
Avaliador
________________________________
Prof . Esp. Ademar Moraes
Avaliador
________________________________
Profa. Msc Rosaura Espirito Santo da Silva
Coordenadora do Curso de Sistemas para Internet

Rio Grande
2010

Este trabalho dedicado a todos amigos e as

famlias que contriburam com seus esforos
para nossa formao.
AGRADECIMENTOS

Seremos gratos e guardaremos eterna lembrana de vrias pessoas que de uma forma

5
ou de outra contriburam ou estiveram presentes na completude de mais uma jornada realizada
por ns, em nosso ciclo de vida.
Em primeiro lugar cabe expressar por ns sinceros sentimentos efetuados por nossos
familiares que sem medir esforos nos apoiramos em mais esta trajetria em nossa vida.
E os Professores(as) Franciene Rodrigues Nunes, Raquel Godinho; Rafael Cavaleiro;
Sam Devincenzi; Cleber Balota;

aos quais agradeo pela ateno, compreenso,

cumplicidade e apoio.
E os amigos Diego Dutra Pereira; Jos Henrique Lopes da Silva; Devanir Jos
Oliveira; Rudimar Santos Pereira, Ado Vieira, Cristiano da Silva, Nina Rosa Lopes
Soustruznik, Ary Sentano Filho , ... Puxa! Isso que gente muito boa!
sempre bom encontrar com pessoas que nos entendem e que acreditam em ns!!

Para conhecermos os amigos necessrio passar pelo sucesso e pela

desgraa. No sucesso, verificamos a quantidade e, na desgraa, a
qualidade. Confcio
RESUMO
A presente monografia pretende dar uma viso do estudo realizado nas escolas da
rede municipal e estadual, com objetivo de verificar o interesse e a necessidade dos alunos em

6
aprender algum curso de informtica.

Procedeu-se uma ampla pesquisa em escolas

secretarias, sendo mapeado alunos, laboratrios e as pessoas da comunidade que possuem

envolvimento com instituies de ensino. A primeira parte tem como base o Projeto Mos no
Teclado com Viso no Futuro, projeto esse de incluso digital, onde demonstra as
necessidades e todo suporte existente, como os laboratrios das escolas e a opo de alunos
voluntrios para concretizar esse trabalho. A segunda parte trata do software VPL Vision que
ir administrar todo pessoal envolvido e gerenciamento de cursos.

ABSTRACT
This monograph aims to provide an overview of study in schools in the municipal
and state levels, in order to verify the interest and needs of students in learning a computer
course. This was done extensive research in schools and departments, students being mapped,

7
laboratories and community people who have involvement with educational institutions. The
first part is based on the project with Hands on Keyboard Vision for the Future, this project of
digital inclusion, where every show needs and existing support, the laboratories of schools
and the option of student volunteers to accomplish this work. The second part deals with the
VPL Vision software that will manage all personnel and management courses.

SUMRIO
LISTA DE FIGURAS.............................................................................10
LISTA DE GRFICOS...........................................................................12
LISTA DE TABELAS.............................................................................13
LISTA DE ANEXOS..............................................................................14

8
INTRODUO....................................................................................15
PROJETOS

EM

FUNCIONAMENTO

NA CIDADE................................................................16

MARISTA - Projeto Incluso Digital...............................................................16

ESCUNA Escola Comunidade - Universidade...........................................16
OBJETIVOS........................................................................................20
OBJETIVO GERAL.................................................................................................. 20
OBJETIVO ESPECIFICO............................................................................................ 20
Mdulo Acadmico:.....................................................................................22
Mdulo Biblioteca: (Aplicao Futura):.........................................................23
Mdulo Financeiro: (Aplicao Futura):........................................................23
METODOLOGIA..................................................................................24
LINGUAGEM......................................................................................................... 24
BANCO

DE DADOS................................................................................................ 25

Caractersticas.............................................................................................25
BIBLIOTECAS....................................................................................................... 26
CORES............................................................................................................... 27
APRESENTAO................................................................................28
DESIGN............................................................................................. 29
MODELO ER....................................................................................................... 29
DICIONRIO

DE

DADOS......................................................................................... 29

ESTRUTURA......................................................................................................... 33
FLUXOGRAMAS..................................................................................................... 33
WIRE FRAME....................................................................................................... 38
LAYOUT DAS PAGINAS.......................................................................39
LOGIN................................................................................................................ 39
PRINCIPAL........................................................................................................... 39
CADASTRO.......................................................................................................... 40
Usurio........................................................................................................ 40
Escola.......................................................................................................... 43
Aluno........................................................................................................... 45
Instrutor....................................................................................................... 46
Turma.......................................................................................................... 47
Curso........................................................................................................... 48
ESTATSTICA........................................................................................................ 49
ADMINISTRATIVO.................................................................................................. 51
Matrcula...................................................................................................... 51

9
Usurio........................................................................................................ 52
Histrico...................................................................................................... 53
CONCLUSO......................................................................................55
GLOSSRIO.......................................................................................56
REFERNCIAS BIBLIOGRFICAS..........................................................57
LIVROS............................................................................................................... 57
MATERIAL

DA INTERNET......................................................................................... 58

ANEXOS............................................................................................ 60

LISTA DE FIGURAS
Figura 1 - Usabilidade e Aceitabilidade.........................................................................................
Figura 2 - Modelo ER....................................................................................................................
Figura 4 - Fluxograma de Acesso..................................................................................................
Figura 3 - Estrutura Hierrquica do Sistema.................................................................................
Figura 5 - Fluxograma cadastro logado master.............................................................................
Figura 6 - Fluxograma cadastro como logado Adm-Escola..........................................................
Figura 7 - Fluxograma cadastro logado como pblico..................................................................

10
Figura 8 - Fluxograma Estatstica logado como qualquer usurio................................................
Figura 9 - Fluxograma administrador logado como Master..........................................................
Figura 10 - Fluxograma administrativo logado como adm-escola................................................
Figura 11 - Fluxograma administrativo logado pblico................................................................
Figura 12 - Wire Frame padro utilizado em todas paginas..........................................................
Figura 13 - Pagina de login............................................................................................................
Figura 14 - Cadastro de Usurio....................................................................................................
Figura 15 - Cadastro de um novo usurio......................................................................................
Figura 16 - Direcionamento a escola para usurio acessar............................................................
Figura 17 - Cadastro de acesso do usurio....................................................................................
Figura 18 - Cadastro de Escola......................................................................................................
Figura 19 - Cadastro de Aluno.......................................................................................................
Figura 20 - Cadastro de Instrutor...................................................................................................
Figura 21 - Cadastro de Turma......................................................................................................
Figura 22 - Cadastro de Curso.......................................................................................................
Figura 23 - Estatstica das Turmas.................................................................................................
Figura 24 - Estatstica dos Alunos.................................................................................................
Figura 26 - Matricular Aluno.........................................................................................................
Figura 27 - Usurios do Sistema....................................................................................................

11

LISTA DE GRFICOS
Grfico 1 - Alunos que possuem cursos de informtica................................................................
Grfico 2 - Alunos que tem interesse em realizar cursos...............................................................
Grfico 3 - Alunos de rede estadual (Rio Grande) que esto em escolas com laboratrio............
Grfico 4 - Alunos de rede municipal que esto em escolas com laboratrio...............................

12

LISTA DE TABELAS
Tabela 1 - Tabela Pessoa................................................................................................................
Tabela 2 - Tabela Matricula...........................................................................................................
Tabela 3 - Tabela Turma................................................................................................................
Tabela 4 - Tabela Curso.................................................................................................................
Tabela 5 - Tabela Usurio..............................................................................................................
Tabela 6 - Tabela Escola................................................................................................................
Tabela 7 - Tabela Histrico............................................................................................................

13

LISTA DE ANEXOS
Anexo 1 Projeto Mos no Teclado com Viso no Futuro...........................................................

14

INTRODUO
O termo incluso digital, de to usado, j se tornou um jargo. E comum ver
empresas e governos falando em democratizao do acesso e incluso digital sem critrios e
sem prestar ateno se a tal incluso promove os efeitos desejados. O problema e que virou
moda falar do assunto, ainda mais no Brasil, com tantas dificuldades - impostos, burocracia,
educao - para facilitar o acesso aos computadores.
E que incluso digital significa, antes de tudo, melhorar as condies de vida de uma
determinada regio ou comunidade com ajuda da tecnologia. A expresso nasceu do termo
digital divide, que em ingls significa algo como divisria digital. Hoje, a depender do
contexto, e comum ler expresses similares como democratizao da informao,
universalizao da tecnologia e outras variantes parecidas e politicamente corretas. Em termos
concretos, incluir digitalmente no e apenas alfabetizar a pessoa em informtica, mas
tambm melhorar os quadros sociais a partir do manuseio dos computadores. Como fazer
isso? No apenas ensinando o b--b do informa tiques, mas mostrando como ela pode
ganhar dinheiro e melhorar de vida com ajuda daquele monstrengo de bits e bytes que de vez
em quando trava. O erro de interpretao e comum, porque muita gente acha que incluir
digitalmente e colocar computadores na frente das pessoas e apenas ensin-las a usar

15
Windows e pacotes de escritrio. A analogia errnea tende a irritar os especialistas e ajuda a
propagar cenrios surreais da chamada incluso digital, como e o caso de comunidades ou
escolas que recebem computadores novinhos em folha, mas que nunca so utilizados porque
no ha telefone para conectar a internet ou porque faltam professores qualificados para
repassar o conhecimento necessrio.
Desde a dcada de 90, acadmicos e especialistas em tecnologia da
informao (TI) deram inicio a uma serie de debates sobre um quadro
preocupante e que pouco mudou: os pases subdesenvolvidos e em
desenvolvimento, sobretudo os mais pobres, esto perdendo o bonde
da informao. Sem os meios necessrios (computadores e
laboratrios)
e
recursos
apropriados
(internet
rpida,
telecomunicaes), esses pases deixam para trs um amplo leque de
opes para aquecer a economia e melhorar os baixos ndices sociais.
Somente colocar um computador na Mao das pessoas ou vendelo a
um preo menor no e, definitivamente, incluso digital. E preciso
ensin-las a utiliz-lo em beneficio prprio e coletivo. Induzir a
incluso social a partir da digital ainda um cenrio pouco estudado
no Brasil, mas tem a frente os bons resultados obtidos nos Pais, cujas
aes so reconhecidas e elogiadas. Essa reportagem de Paulo Rebelo
em 20/05/2005 (http://webinsider.uol.com.br)
Diante dessa situao, o acadmico Vagner dos Santos Buss que atua como instrutor,
ministrando vrios cursos de informtica junto escolas 13 de Maio e Getulio Vargas,
coordenado pelo professor Jos Luiz Alves Rosales na Escola Tcnica Estadual Getulio
Vargas, situada na Rua Dom Bosco s/n, Bairro COHAB II, CEP 96211-092, Fone (53)
3232.1219, com o apoio do Diretor Enilson Pool da Silva, prope em 2008, atravs da
disciplina de Responsabilidade Social e Meio Ambiente um estudo de viabilidade tcnica para
se desenvolver um Projeto de Incluso Digital aproveitando os laboratrios existentes nas
escolas estaduais e municipais.

Projetos em Funcionamento na cidade.

MARISTA - Projeto Incluso Digital
Trs unidades mveis esto equipadas com computadores de ltima gerao com
acesso internet.
O nibus de Incluso Digital Marista um projeto social itinerante que leva
informao e incluso digital s comunidades de maior vulnerabilidade social da regio

16
metropolitana de Porto Alegre, Rio Grande e Bento Gonalves.
As trs unidades mveis esto equipadas com computadores de ltima gerao, com
acesso internet, que so utilizados no ensino de informtica bsica, possibilitando que sejam
atendidos 60 jovens e adultos em perodos de 40 dias. Ao final dos cursos so oferecidos
certificados.
Endereo: Rua Irmo Jos Oto, 11 Bom Fim 90035-060 Porto Alegre/RS
Fone/fax: (51) 3314-0300 Fonte: http://www.maristas.org.br
ESCUNA Escola Comunidade - Universidade
O projeto Escola Comunidade - Universidade: buscando metodologias educativas,
interativas e interconectavas em uma viso sistmica (ESCUNA) uma parceria entre a
Fundao Universidade Federal do Rio Grande (FURG) e a Prefeitura Municipal do Rio
Grande e tem como proposta a insero da metodologia de Projetos de Aprendizagem no
currculo escolar da rede municipal de ensino de Rio Grande potencializados pelas
tecnologias digitais. O trabalho possibilitar a alunos e professores aprendizagens e
representaes diferenciadas, simulaes de situaes reais, interaes remotas alm de
consultas a diferentes fontes de informao.
O projeto envolve 33 escolas, cerca de 16 mil alunos, 1.200 professores e 50 mil
pessoas da comunidade.
O desenvolvimento do projeto ESCUNA est alicerado em quatro pilares:
a) apropriao da metodologia de Projetos de Aprendizagem e dos recursos
tecnolgicos pelos professores da rede municipal de ensino;
b) construo de salas para o funcionamento dos laboratrios de informtica nas
escolas;
c) aquisio e instalao de computadores com utilizao de software livre e o
desenvolvimento de ambientes virtuais e,
d) instalao / implementao da rede de comunicao via rdio entre as escolas e
FURG, usando a tecnologia wireless, possibilitando assim o acesso das mesmas Internet.
Fonte: http://www.ceamecim.furg.br/
Esse estudo descreve, que o maior problema no a falta de equipamentos e nem
pessoas interessadas, conforme os grficos (01,02,03,04) demonstrados abaixo:

17

Alunos possuem algum tipo de Curso de Informtica

3%
33%
Sim

No

No opinaro

64%

Grfico 1 - Alunos que possuem cursos de informtica

Alunos que tem interesse em Realizar Algum tipo de Curso de Informatica

14%
0%
Sim

No

No opinaro

85%

Grfico 2 - Alunos que tem interesse em realizar cursos

18

Alunos de Escola Estadual

19%

81%
Escolas com Laboratrio

Escolas Sem Laboratrio

Grfico 3 - Alunos de rede estadual (Rio Grande) que esto em escolas com laboratrio

Alunos de Escola Municipal

27%

73%

Escolas com Laboratrio

Escolas Sem Laboratrio

Grfico 4 - Alunos de rede municipal que esto em escolas com laboratrio

Analisando projetos existentes, e os dados levantados, surge a idia de criar um

projeto, que foi denominado Mos no Teclado com viso no Futuro, com a proposta de
ensinar atravs de alunos acadmicos de informtica utilizando os laboratrios existentes nas
escolas.
O projeto Mos no Teclado com Viso no Futuro tem o foco e o objetivo de
diminuir da desigualdade social no mundo digital, para jovens e adultos de pouco poder

19
aquisitivo, que faam parte do corpo de estudantil da escola ou pessoas da comunidade.
O projeto no ter fins lucrativos e seu fundamento atravs do apoio voluntariado
entre empresas, acadmicos e alunos das escolas tcnicas.
Os instrutores so uma parte muito importante e de grande responsabilidade com
projeto e o retorno do seu trabalho vem atravs de incentivo da instituio educacional
oferecendo em seus currculos estudantis, horas complementares, estgios ou recebendo
bolsas de estudo. A instituio educacional melhora a sua imagem e cria um bom
relacionamento com a sociedade, ajudando a diminuir da desigualdade social no mundo
digital.
Vendo a viabilidade de realizao do projeto Mos no Teclado com Viso no
Futuro, em anexo 1, verificou-se que o nmero de pessoas envolvidas muito grande, ai
surge a pergunta, como vai ser administrado? Diante desse contexto surge a idia de se criar
um software administre e gerencie os treinamentos, alunos, instrutores e administradores,
com isto surge o VPL Admin, sendo VPL as iniciais dos idealizadores do projeto (Vagner,
Paulo e Leonardo).

Objetivos
Objetivo Geral
Aplicar a utilizao da tecnologia da informao no projeto Mos no Teclado com
Viso no Futuro, nas unidades escolares em geral resulta na otimizao de tempo, melhores
servios e na significativa reduo de custos. Por conseguinte, percebe-se a importncia da
implantao de um sistema automatizado para que possa facilitar o tratamento, controle, e a
recuperao da informao.
O projeto VPL_Admin tem o foco e o objetivo de informatizar os processos que
envolvam a administrao de uma instituio de ensino, ajudando na organizao e na
disponibilizao da informao, para que se possa reduzir o nmero de papis em circulao,
baseado nos conceitos TI Verde.
Seu desenvolvimento ser atravs do apoio dos acadmicos do curso de Sistema para
Internet, para ser aplicado nas redes de ensino.

20

Objetivo Especifico
Seu principal objetivo auxiliar nas tarefas da administrao e controle dos
treinamentos, alunos, instrutores e administradores, automatizando processos, agilizando o
servio de pesquisa. O projeto ser desenvolvido para os sistemas Windows ou Linux e ficara
hospedado em um servidor privado, seu acesso nas escolas ser totalmente via internet, com
isso poder ser operado at mesmo fora da escola.
Esse projeto segue as caractersticas que todo projeto WEB deve ser:

Funcional
Eficiente
Robusto e confivel
Bem documentado
Testvel
Portvel
Reutilizvel
Interopervel
Fcil de usar
Legvel
Atrativo
Organizado
Adequado aos usurios
Adequado tecnologia
Adequado ao propsito

Seguir os princpios bsicos da usabilidade que so:

Facilidade de aprendizado interao com o sistema de forma natural,
independente do nvel de habilidade e conhecimento.
Facilidade de utilizao interface preparada para adaptar-se ao nvel de
conhecimento e habilidade do usurio
Ser intuitiva comandos claramente intuitivos para evitar a memorizao
Dilogos simples e naturais expresses e conceitos do conhecimento do
usurio
FeedBack ao usurio- mecanismos para informar o comportamento do
sistema
Reteno do conhecimento- usurio lembra os principais comandos
disponveis sem consultar manuais.

21
Velocidade na execuo das tarefas- informaes precisas em curto espao
de tempo
Preparao do sistema para evitar erros aos usurios
Satisfao subjetiva- como usurio se sente ao utilizar o sistema,
Relacionado com suas funcionalidades
Clareza na Arquitetura da Informao - Usurio conseguir discernir o que
prioritrio e o que secundrio no site. As informaes devem estar

estruturadas e bem localizadas.

Facilidade de Navegao
As informaes bem distribudas
Simplicidade
Foco no Usurio

Figura 1 - Usabilidade e Aceitabilidade

Voltando ao sistema, fica definido que o mesmo ser todo modularizado, ou seja
dividido em mdulos, o que facilita a implantao e o entendimento dos usurios de um modo
geral. Nessa premissa o VPL_Admin fica composto por 04 (quatro) grandes mdulos :

Mdulo Acadmico
Mdulo Biblioteca (Aplicao Futura)
Mdulo Financeiro (Aplicao Futura)
Site (Aplicao futura)

22
Mdulo Acadmico:

Cadastro de usurios
Cadastro de Alunos
Cadastro de Instrutores;
Cadastro de cursos;
Cadastro de turmas;
Controle de Matriculas;
Estatsticas;
Visualizao de usurios.
Histrico das alteraes pelos usurios.

Mdulo Biblioteca: (Aplicao Futura):

Cadastro de ttulos;
Controle de uplond
Download de apostilas, material de didtico;

Mdulo Financeiro: (Aplicao Futura):

Sistema de contas a pagar e a receber;

Cadastro de clientes e fornecedores;
Cadastro de Doadores;
Relatrios Administrativos, Gerenciais e de Balano.

23

Metodologia
A metodologia usada para o desenvolvimento desse trabalho segue os conhecimentos
adquiridos durante o curso e pesquisas de novas tecnologias realizadas em livros e na internet,
conforme descrito:

Linguagem
Para o desenvolvimento deste projeto ser usado como linguagem de programao
PHP, que multiplataforma, podendo ser usado na maioria dos Sistemas Operacionais,
OpenSource, e diferente de scripts como o JavaScript, ele roda no servidor, que alias
suportado pela maioria dos servidores WEB que existem hoje no mercado como o Apache,
IIS, PWS, etc. O cliente recebe apenas os resultado dos scripts, que so interpretados no
servidor, no tendo acesso ao cdigo. Muito simples de se aprender e trabalhar, o PHP atende
desde os mais experientes desenvolvedores quanto os iniciantes na rea. Conforme Jlio
Csar Machado Bueno:
Estabilidade - PHP extremamente estvel e mesmo quando no o ,
gentil e razovel para o usurio, programador e administrador
Velocidade - baseado nos conceitos do C. Sem Mquina virtual no
meio do caminho nem outra coisa para dar problema. Preciso escrever
mais alguma coisa?
Compatibilidade - Pode rodar virtualmente em qualquer OS (25+
plataformas). Isso garante portabilidade de verdade j que mudanas
de configuraes inter-OS no so fceis de se fazer.
Extensvel - Qualquer pessoa pode criar mdulos para algum
processamento especial e carrega-los dinamicamente no PHP. Mas e
se eu no souber fazer isso ou estiver com preguia? (Ver o prximo
item)
Comunidade - Quer algo diferente? No sabe fazer ou est com
preguia? No se preocupe, algum j fez isso por voc e
disponibilizou na comunidade. No interessa o que , algum j fez
em PHP. Esse o poder de uma comunidade consolidada e aberta.

24
Conexes - PHP fala at com a sua av! Sim, PHP conecta sem
problema
algum
com
Oracle,
MySQL/SQL,
Postgres,
Informix(tambm no sei o que ...). Tente fazer o Ruby on Rails falar
com o Oracle e poste o seu resultado aqui...
Simples - Voc cria suas funes e classes. Escreve o cdigo e isso.
Qualquer um pode aprender. No requer prtica nem to pouca
habilidade.
Jlio Csar Machado Bueno - 07/04/2009
http://www.ejcm.com.br/blog/porque-ainda-usar-php

Banco de dados
Para o banco de dados ser utilizado o MySQL, ele extremamente rpido,
confivel, e fcil de usar. Foi desenvolvido originalmente para manusear com um volume de
dados muito grande de maneira muito mais rpida que as solues existentes, tem sido usado
em ambientes de produo de alta demanda por diversos anos de maneira bem sucedida.
Apesar de estar em constante desenvolvimento, o Servidor MySQL oferece hoje um
rico e proveitoso conjunto de funes. A conectividade, velocidade, e segurana fazem com
que o MySQL seja altamente adaptvel para acessar bancos de dados na Internet.
MySQL tem Licena Dupla. Os usurios podem escolher entre usar o programa
como um produto Open Source sob os termos da GNU General Public License ou podem
comprar uma licena comercial padro.
Caractersticas
Portabilidade (suporta praticamente qualquer plataforma atual);
Compatibilidade (existem drivers ODBC, JDBC e .NET e mdulos de
interface para diversas linguagens de programao, como Delphi, Java, C/C+

+, Visual basicPython, Perl, PHP, ASP e Ruby)

Excelente desempenho e estabilidade;
Pouco exigente quanto a recursos de hardware;
Facilidade de uso;
um Software Livre com base na GPL;
Contempla a utilizao de vrios Storage Engines como MyISAM, InnoDB,

Falcon, BDB, Archive, Federated, CSV, Solid

Suporta controle transacional;
Suporta Triggers;
Suporta Cursors (Non-Scrollable e Non-Updatable);
Suporta Stored Procedures e Functions;

25
Replicao facilmente configurvel;
Interfaces grficas (MySQL Toolkit) de fcil utilizao cedidos pela MySQL
Inc.
Como ferramenta de criao e modelagem foi utilizado o MySQL Workbench, que
um dos sistemas de administrao de base de dados MySql mais utilizado atualmente, e
totalmente free. Essa ferramenta visual muito prtica para criar, gerenciar e documentar um
banco de dados. bastante intuitiva e fcil de trabalhar, sendo capaz de criar relacionamentos
entre tabelas, estruturas de dados complexas e modelamento por engenharia reversa,
permitindo importar e exportar bancos de dados existentes em SQL.

Bibliotecas
jQuery um FrameWork JavaScript, que utiliza uma linguagem de domnio
especfico (DSL) simples e objetiva, que ajuda o desenvolvedor a abstrair uma grande
quantidade de cdigo que no fazem parte da lgica do negocio, como problemas de
compatibilidade de navegadores por exemplo. Nesse trabalho vrios plugins para jQuery esto
sendo usados entre eles esto :
jquery.alerts
: responsvel pelos alertas e janelas de confirmao
jquery.treeview : responsvel pela navegao do sistema
jquery.validate : responsvel pelas validaes como os campos que so
obrigatrio o seu preenchimento
jquery.maskedinput : responsvel pelas mascaras de entrada de dados como
data, CEP e cpf
flexigrid : responsvel pela exibio dos dados em forma de tabelas.

Cores
A cor sempre atrai e causa no ser humano predileo por determinadas tonalidades de
acordo com fatores emocionais, de personalidade e de influncias scio-culturais do

26
indivduo.
Ela um elemento sugestivo e proporciona grande prazer aos olhos, fazendo parte
de nossa vida, causando inmeras emoes e sensaes. A cor est, de fato, impregnada de
informao, e uma das mais fortes experincias visuais que temos em comum.
Toda cor transmite perceptivamente informaes a respeito de quem os utiliza. O que
define o significado de cada cor a percepo do objeto que a traz, juntamente com a histria
deste objeto, e ao mesmo tempo o indivduo que olha para ele e na cultura em que est
inserido.
um fato que as cores tm uma grande influncia psicolgica sobre o ser humano.
Existem cores que se apresentam como estimulantes, alegres, otimista, outras serenas e
tranqilas.
A cor que durante muito tempo s teve finalidades estticas, atualmente passou a ter
tambm finalidades e funcionalidades prticas. Partindo desses princpios duas cores foram
escolhidas como predominantes nesse trabalho:
Laranja: transmite energia, criatividade, equilbrio, entusiasmo, comunicao,
movimento e iniciativa.
Azul: transmite harmonia, confidncia, conservadorismo, austeridade, tecnologia,
liberdade neutralizante nas inquietaes do ser humano e acalma o indivduo.

Apresentao
O sistema VPL Admin no um Web Site, um programa que ir funcionar via
Web, onde o meio de comunicao a internet.

27
Seu gerenciamento se d atravs dos nveis de acesso, sendo eles:
Master
Adm-Escola
Publico
Master: tem a funo de administrar o todo o sistema
Adm-Escola: tem a funo de administrar as funes da escola que est logado.
Pblico: tem possibilidade de apenas visualizar os dados da escola em que est
cadastrado.

Design
Modelo ER
O Modelo ER (figura 2) representa as estruturas de dados de uma forma mais natural

28

Figura 2 - Modelo ER

Dicionrio de Dados
O dicionrio de dados consiste uma lista organizada de todos os elementos de dados
que so pertinentes para desenvolvimento do sistema, segue abaixo as tabelas utilizadas:

Tabela Pessoa
id_pessoa

INT(11)

Numero da identificao da pessoa

nome

VARCHAR(150)

nome da pessoa

endereco

VARCHAR(45)

logradouro da pessoa

numero

VARCHAR(5)

nmero do logradouro da pessoa

29

complemento

VARCHAR(15)

complemento do logradouro

bairro

VARCHAR(45)

bairro do logradouro

cep

VARCHAR(15)

CEP do logradouro

cidade

VARCHAR(45)

Cidade do logradouro

estado

VARCHAR(2)

Estado do Logradouro

dtnascimento

DATA

Data de nascimento da pessoa

email

VARCHAR(150)

Email da pessoa

rg

VARCHAR(15)

RG da pessoa

cpf

VARCHAR(15)

CPF da pessoa

tipo

VARCHAR(1)

Identificao do tipo da pessoa

mae

VARCHAR(150)

Nome da me da pessoa

pai

VARCHAR(150)

Nome do pai da pessoa

id_escola

INT(11)

Numero identificao da escola de origem

turma

VARCHAR(15)

Turma da instituio de origem

curso

VARCHAR(50)

Curso em andamento da instituio de origem

ano

INT(11)

ano do curso que esta cursando

fone1

VARCHAR(15)

Telefone fixo da pessoa

fone2

VARCHAR(15)

Telefone fixo da pessoa

telcont

VARCHAR(15)

Celular da pessoa

id_login_escola

INT(11)

Numero da identificao da instituio logado

foto

VARCHAR(150)

Foto da pessoa
Tabela 1 - Tabela Pessoa

Tabela Matricula
id_matricula

INT(11)

Numero da identificao da matricula

id_pessoa

INT(11)

Numero da identificao da pessoa

id_turma

INT(11)

Numero da identificao da turma

Tabela 2 - Tabela Matricula

30

Tabela Turma
id_turma

INT(11)

Numero da identificao da matricula

nome

VARCHAR(150)

Nome do curso

codturma

VARCHAR(50)

Cdigo do curso

ano

YARE

Ano que vai ser aplicado curso

nrvagas

INT(11)

Numero de vaga disponvel no curso

horario

VARCHAR(3)

horrio de aplicao do curso

id_instrutor

INT(11)

Numero da identificao do instrutor

id_curso

INT(11)

Numero da identificao do curso

id_escola

INT(11)

Numero da identificao da escola

dtainicio

DATA

data de incio do curso

dtatermino

DATA

Data do trmino do curso

nrcomputador

INT(11)

Numero de computadores disponvel

Tabela 3 - Tabela Turma

Tabela Curso
id_curso

INT(11)

Numero da identificao do curso

nome

VARCHAR(45)

Nome do curso

cargahoraria

INT(11)

Carga horria do curso

programa

VARCHAR(1000)

Descrio da programtica do curso

Tabela 4 - Tabela Curso

Tabela Usurio
id_usuario

INT(11)

Numero da identificao do usurio

id_pessoa

INT(11)

Numero da identificao da pessoa

id_escola

INT(11)

Numero da identificao da escola

login

VARCHAR(45)

Nome da identificao do usurio

senha

VARCHAR(45)

Senha de liberao do usurio

tipo_acesso

VARCHAR(45)

Nvel hierarquio dentro do sistema

Tabela 5 - Tabela Usurio

31

Tabela Escola
id_escola

INT(11)

Numero da identificao da escola

nome

VARCHAR(150)

Nome da escola

diretor

VARCHAR(150)

Nome do diretor da escola

responsavel

VARCHAR(150)

Nome do responsavel pelo projeto

fone1

VARCHAR(15)

Telefone fixo da escola

fone2

VARCHAR(15)

Telefone fixo da escola

telcont

VARCHAR(15)

Celular da escola

endereco

VARCHAR(45)

Nome do diretor da escola

numero

VARCHAR(5)

nmero do logradouro da escola

complemento

VARCHAR(15)

complemento do logradouro

bairro

VARCHAR(45)

bairro do logradouro

cep

VARCHAR(15)

CEP do logradouro

cidade

VARCHAR(45)

Cidade do logradouro

estado

VARCHAR(2)

Estado do Logradouro

dtnascimento

DATA

Data de nascimento da escola

email

VARCHAR(150)

Email da escola
Tabela 6 - Tabela Escola

Tabela Histrico
id_historico

INT(11)

Nmero da identificao do histrico

modulo

VARCHAR(45)

Nome do mdulo em que ocorreu alterao

historico

VARCHAR(1000)

Descrio da alterao

id_escola

INT(11)

Nmero de identificao da escola

Tabela 7 - Tabela Histrico

Estrutura
O sistema tem sua composio hierrquica (figura3), conforme sua importncia e sua
melhor navegabilidade sobre para melhor interface do usurio com sistema VPL Admim.

32

Figura 3 - Estrutura Hierrquica do Sistema

Fluxogramas
O Fluxograma de liberao do acesso dos usurios. (figura 4)

Figura 4 - Fluxograma de Acesso

O fluxograma de navegao de cadastro com usurio logado master (figura 5).

33

Figura 5 - Fluxograma cadastro logado master

O fluxograma de navegao de cadastro com usurio logado adm-escola (figura 6).

34

Figura 6 - Fluxograma cadastro como logado Adm-Escola

O fluxograma de navegao de cadastro com usurio logado pblico (figura 7).

35

Figura 7 - Fluxograma cadastro logado como pblico

O fluxograma de navegao Estatstica com usurio logado como master, adm-escola

e pblico (figura 8).

Figura 8 - Fluxograma Estatstica logado como qualquer usurio

O fluxograma de navegao administrativo com usurio logado master, (figura 9).

36

Figura 9 - Fluxograma administrador logado como Master

O fluxograma de navegao administrativo com usurio logado adm-escola, (figura

10).

Figura 10 - Fluxograma administrativo logado como adm-escola

O fluxograma de navegao administrativo com usurio logado pblico, (figura 11).

37

Figura 11 - Fluxograma administrativo logado pblico

Wire Frame
Sendo essa uma parte importante no estgio do desenvolvimento inicial do projeto
ele ajuda a desenvolver familiaridade com a interface.

Figura 12 - Wire Frame padro utilizado em todas paginas

38

Layout das Paginas

Login
Conforme figura 14, o layout da pagina inicia ter somente o local do login e senha,
por devido no ser um web site, sim um sistema via web.
Nessa pagina o usurio para entrar no sistema deve ser previamente cadastrado de
acordo com seu nvel de acesso, em caso de no haver cadastro ou login e senha no conferir
com as informaes armazenados no banco de dados, o sistema recusar o seu acesso

Figura 13 - Pagina de login

Principal
Aps o usurio estar logado, pagina (figura 16) capaz de direcionar a todos os
mdulos do sistema, organizada na forma de numa arvore (TreeView),.
Permitindo que a navegao seja interativa com o usurio.
O controle hierrquico da navegao fica a cargo do plugin jquery.treeview o que
facilita bastante a programao, reduzindo em muito as linhas de cdigo.

39

Figura 16- Pagina principal

Cadastro
O modulo cadastro de usurio ele ter sua liberao de adicionar, editar, deletar ou
visualizar conforme a hierarquia de acesso do usurio.
Usurio
Logado como Master: Ele adiciona, edita ou deleta os usurio do tipo aluno,
instrutor ou outros. E para dar acesso preciso primeiro selecionar a escola o
qual pertence esse usurio.
Logado como Adm-Escola : Ele adiciona, edita ou deleta os usurio do tipo
aluno ou outros, E libera o acesso somente para aqueles da instituio a qual
ele est logado.
Logado como pblico: Ele apenas visualizar os dados dos usurios
pertencentes instituio em que est logado.

40

Figura 14 - Cadastro de Usurio

Figura 15 - Cadastro de um novo usurio

41

Figura 16 - Direcionamento a escola para usurio acessar

Figura 17 - Cadastro de acesso do usurio

42
Escola
Logado como Master: Ele adiciona, edita ou deleta todas as instituio.
Logado como Adm-Escola : Ele edita os dados somente da instituio em que
est logado.
Logado como pblico: Ele apenas visualiza os dados da instituio em que
est logado.

Figura 18 - Cadastro de Escola

43

Aluno
Logado como Master: Ele edita ou deleta todos os aluno do independente da
sua instituio.
Logado como Adm-Escola: Ele edita ou deleta somente os alunos da sua
instituio em que est logado.
Logado como pblico: Ele visualiza somente os alunos da sua instituio em
que est logado.

44

Figura 19 - Cadastro de Aluno

Instrutor
Logado como Master: Ele edita ou deleta todos os instrutor.
Logado como Adm-Escola ou Pblico: Ele somente visualiza os dados dos
instrutores.

45

Figura 20 - Cadastro de Instrutor

Turma
Logado como Master: Ele adiciona, edita ou deleta todas as turma
independente da instituio.
Logado como Adm-Escola: Ele adiciona, edita ou deleta somente as turmas
da sua instituio em que est logado.
Logado como pblico: Ele somente visualiza as turmas da sua instituio em
que est logado.

46

Figura 21 - Cadastro de Turma

Curso
Logado como Master: Ele adiciona, edita ou deleta todos os cursos
independente da instituio.
Logado como Adm-Escola ou Pblico: Ele somente visualiza os cursos da sua
instituio em que est logado.

47

Figura 22 - Cadastro de Curso

Estatstica
Independente do tipo de acesso que estiver logado ter somente visualizao dos
grficos.
Os grficos esto vinculados com banco de dado e ser alterado conforme for
adicionando os alunos e as escolas.
Outros tipos de estatstica podero ser aplicados conforme a necessidade dos
administradores, ficando como implementao futura.

48
Estatisticas das Turmas :

Figura 23 - Estatstica das Turmas

Estatsticas por Escolas :

49

Figura 24 - Estatstica dos Alunos

Administrativo

50
O modulo administrativo ele ter sua liberao de adicionar, editar, deletar ou
visualizar conforme a hierarquia de acesso do usurio.
Matrcula
Logado como Master: possvel matricular um aluno em todos os cursos
independente da instituio.
Logado como Adm-Escola: possvel matricular um aluno somente nas
turmas da sua instituio em que est logado.
Logado como pblico: possvel somente visualizar os cursos da sua
instituio em que est logado.

Figura 25 - Matricular Aluno

Usurio
Independente do tipo de acesso que estiver logado ter somente visualizao da listas
de usurios que esto cadastrados para interagir no sistema.

51

Figura 26 - Usurios do Sistema

Histrico
Nesse mdulo ficam registradas todas as alterao realizadas no sistema com o
respectivo usurio e a data e hora da modificao.

52

Figura 28 Histrico das Alteraes

A tabela 7 trs uma visualizao das liberaes que cada usurio vai ter no sistema

Tabela de Acesso
Master

Adm Escola

Pblico

53

Cadastro

Usurio

Aluno
Instrutor
Pblico
Escola
Aluno
Instrutor
Turma

Administrativo

Estatstica

Curso
Turma p/ Escola
Aluno p/ Escola
Matrcula
Usurios
Histricos

N = Nova, E = Editar, D = Deletar, A = Acesso, V = Visualizar

Tabela 1 - Acesso dos Usurios

CONCLUSO
Durante todo o estudo, percebe-se que o planejamento tem um papel fundamental em
qualquer processo. No desenvolvimento de software no poderia ser diferente, mais
importante do que qualquer ferramenta ou tcnica que seja adotada para a soluo de um

54
problema, a atividade de organizar o trabalho a ser executado baseado em informaes
consistentes e a conseqente adoo de uma viso de longo prazo pode ter uma influncia
bastante importante no sucesso do projeto.
Seguindo esse conceito, o trabalho comea em 2008, com a pesquisa, levantamento e
analise dos dados nas escolas municipais e estaduais, originando Mos no Teclado. O que
demonstra na amplitude do projeto, que precisaria de um bom sistema para poder ser
administrado, com a criao do VPL-Admin organizando e gerenciando torna-se vivel a
administrao desse grandioso intento, que ser minimizar desigualdade social. O VPLAdmin no concebido como um sistema estanque e fechado e se for dado continuidade o
incio de um grande projeto. Ns como idealizadores do sistema, gostaramos, que esse
projeto no termine aqui.

GLOSSRIO
DSL- Linguagem de Domnio Especfico, uma linguagem de computador que est
orientada para um determinado tipo de problema, ao invs de uma linguagem de propsito
geral que destinado a qualquer tipo de problema de software
WEB: Sigla utilizada como sinnimo para internet;
PHP: Hypertext Preprocessor - Linguagem de programao

55
SQL: Structured Query Language - Linguagem de Consulta Estrutura da
CSS: Cascading Style Sheets - Folhas de Estilo em Cascata
TI: Tecnologia de Informao
HTML: HyperText Markup Language - Linguagem de marcao de hipertexto
OPEN SOURCE: Cdigo aberto (Software livre)
OS: operating system (Sistema Operacional)

Referncias Bibliogrficas

Livros
PACHECO, Gustavo Buzzatti. Introduo Informtica com Software Livre . 1.
ed. Porto Alegre, BrOffice.org, 2006.
JUNIOR, Edgard B. Cornachione, Informtica Aplicada s rea de contabilidade,
Administrao e Economia, Ed. 3, So Paulo. 2001

56
FURAST, Pedro Augusto, Normas Tcnicas para trabalho Cientifico:
Elaborao e Formatao. ed. 14, Porto Alegre, 2006
ELMASRI, Ramez. Sistemas de banco de dados/Ramez Elmarsi e Shamkant B.
Navathe; revisor tcnico Luis Ricardo de Figueredo. So Paulo: Pearson Addison
Wesley,2005.
MELO, Alexandre Altair de. PHP Professional : Aprenda a Desenvolver Sistemas
Profissionais Orientados a Objetos com Padres de Projeto / Alexandre Altair de Melo,
Mauricio G. F. Nascimento. So Paulo: Novatec Editora, 2007.
MARCONDES, Christian Alfin.

HTML 4.0 Fundamental: A base da

Programao para Web. 1.ed So Paulo:rica,2005.

MACHADO, Felipe Nery Rodrigues. Banco de Dados: Projeto e Implementao. /
Felipe Nery Rodrigues Machado. So Paulo: rica,2004.
HEUSER, Carlos Alberto. Projetos de Banco de Dados/ Carlos Alberto Heuser.
Porto Alegre: Instituto de Informatica de UFRGS: Editora Sagra Luzzatto,2004.
ALVES, William Pereira. Java 2: Programao Multiplataformas/ William Alves.
1.ed. So Paulo:rica,2006.
ANSELMO, Fernando. Apicando Lgica Orientada a Objeto em Java.
2.ed.Atual.e Ampl./ Fernando Anselmo. Florianopolis: VisualBooks, 2005.
MELONI, Julie C. Fundamentos de PHP. Rio de janeiro: Editora cincia Moderna
Ltda.,2000.
DALL , glio, Pablo. PHP: Programao com Orientao a Objetos/Pablo Dall
glio. So Paulo: Novatec Editora, 2007.
SOARES, Walace. PHP 5: Conceitos, Programao e Integrao com Banco de

57
Dados / Walace Soares. 4.ed. So Paulo:rica,2007.

Material da Internet
FAGUNDES, La da Cruz. Aprendizes do Futuro: As Inovaes Comearam!;
Disponvel: <http://www.oei.es/tic/me003153.pdf.> Acessado em: 24 Set 2008.
Histrico NTE. In: Histrico do NTE - Rio Grande RS. Disponvel:
<http://historiconte.blogspot.com/2008/07/histrico-do-nte-rio-grande-rs.html> Acessado em:
24 Set 2008.
CEAMECIM, In: Escola-Comunidade-Universidade Projeto Escuna. Disponvel:
<http://www.ceamecim.furg.br/>. Acessando em: 24 Set 2008.
PORTAL INCLUSO DIGITAL. In: Audincia Pblica Amplia Debate Sobre a
Incluso Digital. Disponvel: <http://www.inclusaodigital.gov.br/inclusao/noticia/audienciapublica-amplia-debate> Acessado em: 26 Out 2008.
PORTAL INCLUSO DIGITAL. In: Incluso digital na escola. Disponvel:
<http://www.inclusaodigital.gov.br/inclusao/noticia/incluso-digital-na-escola> Acessado em:
26 Out 2008.
PORTAL INCLUSO DIGITAL. In: Projeto Incluso Digital Marista. Disponvel:
<http://www.inclusaodigital.gov.br/inclusao/noticia/projeto-inclusao-digital-marista>
Acessado em: 26 Out 2008.
COMPUTADORES PARA INCLUSO. In: Computadores para quem precisa.
Disponvel: <http://www.computadoresparainclusao.gov.br/> Acessado em: 26 Out 2008.
INCLUSO DIGITAL. Portal do Ministrio das Comunicaes. Disponvel:
<http://www.mc.gov.br/inclusao-digital> Acessado em: 26 Out 2008.
UNIVERSO JURDICO. In: Modelo de Contrato: Termo de Adeso para Trabalho

58
Voluntrio. Disponvel: <http://www.uj.com.br/publicacoes/contratos/default.asp?
action=contrato&codcon=394 > Acessado em: 24 nov. 2008.
NETWORKING RH EVA. In. Trabalho Voluntrio. Disponvel:
<http://www.grupos.com.br/ blog/networking_rh/permalink/18992.html > Acessado em: 24
nov. 2008.
LEI DO VOLUNTARIADO. In: Campanha Seja Um Voluntrio. Disponvel:
<http://www.voluntarios.com.br/leis.htm>. Acessado em: 24 Nov 2008.
REBELO, Paulo. Incluso digital: o que e a quem se destina?. Disponvel:
<http://webinsider.uol.com.br/index.php/2005/05/12/inclusao-digital-o-que-e-e-a-quem-sedestina> Acessado em: 30 Nov 2008.
SEJA UM VOLUNTRIO, Distribuio de Voluntrios por rea de Trabalho.
Disponvel: http://www.voluntarios.com.br/trabalho.htm Acessado em: 24 de Nov 2008.

ANEXOS