Embed Size (px)
Citation preview
CENTRO UNIVERSITÁRIO ADVENTISTA DE SÃO PAULO CURSO SUPERIOR DE TECNOLOGIA EM SISTEMAS PARA INTERNET
ALEXANDRE MARCON ALFIERI LUIS HENRIQUE SCHUTZ
SISTEMA WEB PARA RESERVA DOS LABORATÓRIOS DE INFORMÁTICA DO UNASP
ENGENHEIRO COELHO
2012
ALEXANDRE MARCON ALFIERI LUIS HENRIQUE SCHUTZ
SISTEMA WEB PARA RESERVA DOS LABORATÓRIOS DE INFORMÁTICA DO UNASP
Trabalho de Conclusão de Curso do Centro
Universitário Adventista de São Paulo do
curso de Sistemas para Internet, sob
orientação do Prof. Me. Thales de Társis
Cezare.
ENGENHEIRO COELHO
2012
Dedicamos este trabalho aos nossos queridos familiares e colegas quem sempre nos deram o apoio necessário para que pudéssemos concluir mais esta etapa de nossas vidas.
AGRADECIMENTOS
Agradecemos primeiramente a Deus por nos dar forças e sabedoria no
desenvolvimento deste trabalho.
Agradecemos também ao UNASP por nos proporcionar meios para que
pudéssemos concluir mais uma etapa de nossa vida estudantil.
Nosso agradecimento também aos professores pelos conhecimentos a nós
transmitidos que sem dúvidas nos tornaram mais capazes.
Agradecemos aos colegas e familiares pelo apoio que nos foi dado durante
todo nosso curso.
É espantosamente óbvio que nossa
tecnologia excede nossa humanidade.
Albert Einstein
RESUMO
Neste mundo dinâmico, globalizado e informatizado é imprescindível o uso da
tecnologia em nosso dia-dia, tudo se torna muito mais rápido e prático. Atualmente
não é possível mais vislumbrar um mundo sem internet, e a partir daí é que os
Sistemas Web ganham força, pois através de um smartphone já é possível acessar
qualquer sistema que esteja na nuvem e dessa forma o gerenciamento dos
processos no qual estamos inseridos passam a ser resolvidos de maneira mais ágil.
Este trabalho tem por objetivo a criação de um sistema WEB que venha informatizar
e facilitar o processo de agendamento de horário nos laboratórios do Ensino
Superior do UNASP-EC. Com isto os professores podem fazer suas reservas a partir
de qualquer local, bastando apenas estar conectados à internet, e os alunos podem
consultar e existência ou não de aulas em laboratórios.
Palavras Chave: Laboratório, Sistema WEB, Reserva.
ABSTRACT
In this dynamic world, globalized and computerized is essential to the use of
technology in our day to day, everything becomes much faster and convenient.
Currently you can not envision a world without more internet, and from there is that
Web systems are stronger, because through a smartphone you can now access any
system that is in the cloud and thus the management of processes in which we
operate are the be resolved faster. This work aims to create a WEB system that will
computerize and facilitate the process of scheduling time in the laboratories of the
Higher Education UNASP-EC. With that teachers can make your reservations from
anywhere, just by being connected to the Internet, and students can consult and
whether there are lessons in laboratories.
Keywords: Laboratory System, WEB, Reservation.
LISTA DE FIGURAS
FIGURA 6.1 – MER ................................................................................................... 20
FIGURA 7.1 – CASO DE USO .................................................................................. 21
FIGURA 7.1.1 – LOGAR NO SISTEMA .................................................................... 22
FIGURA 7.1.2 – RESERVA LABORATÓRIO ............................................................ 23
FIGURA 7.1.3 – VISUALIZAR RESERVA ................................................................. 24
FIGURA 7.1.4 – EXCLUIR RESERVA ...................................................................... 25
FIGURA 8.1 – TELA DE LOGIN ................................................................................ 26
FIGURA 8.2 – TELA DE CADASTRO ....................................................................... 26
FIGURA 8.3 – TELA DE CADASTRO PREENCHIDA ............................................... 27
FIGURA 8.4 – TELA RESERVAS INDIVIDUAIS ....................................................... 27
FIGURA 8.5 – TELA DE TODAS AS RESERVAS .................................................... 27
FIGURA 8.6 – CALENDÁRIO DE RESERVAS ......................................................... 28
LISTA DE ABREVIATURAS, SIGLAS OU TERMOS OPERACIONAIS
HTML – Hyper Text Markup Language
PHP – Personal Home Page
UNASP – Centro Universitário Adventista de São Paulo
T.I. – Tecnologia da Informação
WEB (WWW) – World Wide Web (Internet)
SGBD – Sistema de Gerenciamento de Banco de Dados
SQL – Linguagem de Consulta Estruturada
SUMÁRIO
1. Introdução ............................................................................................................. 12
1.1 Hipótese ........................................................................................................... 13
1.1.1 Problemáticas da pesquisa ........................................................................ 13
1.2 Objetivo geral ................................................................................................... 14
1.2.1 Objetivos específicos ................................................................................. 14
2. Revisão Bibliográfica ............................................................................................. 15
2.1 PHP .................................................................................................................. 15
2.2 HTML ............................................................................................................... 15
2.3 MySQL ............................................................................................................. 15
2.4 BrModelo .......................................................................................................... 16
2.5 Astah Community ............................................................................................. 16
2.6 Adobe Dreamweaver ....................................................................................... 16
2.7 JQuery ............................................................................................................. 16
3. JUSTIFICATIVA .................................................................................................... 17
4. METODOLOGIA .................................................................................................... 18
4.1 Materiais........................................................................................................... 18
5. Requisitos do Sistema ........................................................................................... 19
6. Modelagem do Banco de Dados ........................................................................... 20
7. Caso de Uso .......................................................................................................... 21
7.1 Cenários de Utilização ..................................................................................... 22
7.1.1 Logar no Sistema ....................................................................................... 22
7.1.2 Reservar Laboratório ................................................................................. 23
7.1.3 Visualizar Reservas ................................................................................... 24
7.1.4 Excluir Reserva .......................................................................................... 25
8. Prototipação .......................................................................................................... 26
9. Conclusão ............................................................................................................. 29
9.1 Trabalhos Futuros ............................................................................................ 29
10. BIBLIOGRAFIA ................................................................................................... 30
12
1. Introdução
Os sistemas de informação podem ser utilizados para controle de vários
processos numa instituição, seja ela de qualquer nicho de mercado. A instituição de
ensino hoje vem investindo pesado em infraestrutura de TI para o controle de seus
processos que são suportados por componentes de TI. LAUDON(2007), O’BRIEN
(2007), E.TURBAN (2007).
No mundo em constantes avanços tecnológicos, cada vez mais o ser humano
vem se tornando dependente das novas tecnologias. Para tornar seu dia-a-dia mais
produtivo surge a necessidade de se ter cada vez mais sistemas que venham
agilizar a rotina do homem, criando mecanismos que não só tragam agilidade, mais
também tragam controle e eficácia sobre aquilo que precisa ser feito. R.M STAIR
(2006).
Neste contexto, os sistemas informatizados ganham mais força e mais espaço
no cotidiano das pessoas e das empresas. Hoje em dia em muitos casos, ficar sem
um sistema faz com que uma pessoa fique parada no trabalho.
Neste contexto sugere-se a criação de um sistema para controle de horários
para laboratórios, tendo em vista a quantidade de requisições e trazendo desta
forma um melhor controle como também uma facilidade para os docentes.
No UNASP (Centro Universitário Adventista de São Paulo) a realidade não é
diferente, existe muita demanda para a aquisição de novos componentes de TI, e
também para o desenvolvimento de novos sistemas a cada ano. Tendo em vista a
constante demanda no uso dos laboratórios de informática do prédio do nível
superior, em diversos horários e por diversos cursos e seus docentes, percebe-se a
necessidade de informatização do processo de reservas de horários para os
laboratórios.
A instituição possui 5 laboratórios destinados ao ensino superior, pesquisa e
extensão, somando um total de 172 computadores disponíveis para estas
atividades. Os laboratórios contam com uma série de softwares instalados, sendo
alguns deles restritos apenas a alguns laboratórios devido à limitação de licenças.
13
Neste trabalho são levantados os requisitos, realizado o projeto e a
implementação do protótipo para uma sistema de reservas de laboratórios que
facilitaria o controle do agendamento dos mesmos.
1.1 Hipótese
Partindo do pressuposto de que organização na área de laboratórios de
universidades, no geral, otimiza o acesso de usuários e professores ao laboratório, é
possível estabelecer a hipótese de que um sistema de gerenciamento e reserva de
horários de laboratórios de informática minimizará conflitos de horários e facilitará a
organização de professores e alunos quanto ao uso do laboratório.
O sistema abolirá o uso do papel eliminando desta forma equívocos por parte
daqueles que fazem o agendamento manual, evitando portanto, conflitos de
horários.
Sendo este um sistema WEB, todos terão acesso à agenda de utilização do
laboratório em determinado momento, além de terem possibilidade de fazer um
agendamento remoto.
1.1.1 Problemáticas da pesquisa
É de responsabilidade da coordenação dos laboratórios receber as
requisições, alocar algum laboratório disponível, efetuar as reservas e administrar
eventuais desistências dos horários marcados ou erros no processo de reserva e
ainda fazer com que todo este processo seja transparente para o solicitante.
Por se tratar de um ambiente com vários laboratórios com uso constante nos
períodos matutino, vespertino e noturno, é inviável o controle por processo manual,
o que provoca, em vários momentos, confusão e desorganização, tendo em vista
que existem pessoas diferentes trabalhando nos três períodos em que está
disponível o uso dos laboratórios.
14
1.2 Objetivo geral
Este trabalho pretende apresentar um projeto de sistema para automatizar o
processo de reservas de laboratórios para os docentes, proporcionando um melhor
controle e funcionalidade.
1.2.1 Objetivos específicos
As metas a serem atingidas durante o desenvolvimento do projeto são:
Modelagem do banco de dados;
Levantamento de requisitos do sistema;
Construção dos casos de uso;
Criação de cenários de utilização;
Prototipação e teste do sistema.
15
2. Revisão Bibliográfica
Diversas ferramentas e conceitos são importantes no desenvolvimento de
WebApps, neste capítulo abordam-se as ferramentas e conceitos relevantes para o
trabalho, suas características e funcionalidades.
2.1 PHP
A Linguagem PHP é muito utilizada para o desenvolvimento de aplicações
WEB em conjunto com o HTML, é bastante simples porem possui bastantes
recursos. SICA (2011).
Foi utilizado o PHP por que o código é executado no servidor, gerando HTML
que é então enviado para o cliente. O código PHP é delimitado por tags iniciais e
finais que permitem pular pra dentro e para fora do “modo PHP”.
2.2 HTML
HTML significa linguagem de marcação de hipertexto, utilizada para produzir
páginas WEB, através de tags é possível definir como as informações serão
organizadas na página. MENEZES (2008).
Trata-se de uma linguagem bastante simples e de fácil compreensão.
Atualmente já é possível utilizar versão 5 disponível para o uso dos programadores.
2.3 MySQL
O MySQL é um sistema SGBD e tem uma integração bastante forte com o
PHP, exige pouco recurso de hardware e tem estabilidade e desempenho a seu
favor, é um código aberto e compatível com praticamente todos os sistemas
operacionais. LAUDON (2007).
16
2.4 BrModelo
Trata- se de um software livre voltado para a modelagem de banco de dados
relacional. O software apresenta uma interface bastante simples e funcional.
2.5 Astah Community
Ferramenta gratuita de modelagem UML na qual é possível realizar
diagramas de classe, caso de uso, ajuste de tamanho e alinhamento dos diagramas.
2.6 Adobe Dreamweaver
O Adobe Dreamweaver é um software que tem como principal objetivo e
criação de websites. No início era basicamente um editor de HTML, porém na última
versão que é o CS6, esse aplicativo trouxe diversas ferramentas que ajudam o
desenvolvedor web a tornar seu website cada vez mais bem elaborado.
O Dreamweaver tem a capacidade de integrar diversas linguagens de
programação para web, como por exemplo, CSS, JSP, ASP, PHP entre outras.
2.7 JQuery
JQuery é uma biblioteca javascript que interage com uma página HTML. Com
ela é possível criar elementos na página, criar eventos, definir efeitos e criar
animações.
17
3. JUSTIFICATIVA
Com a inexistência de um sistema que torne possível contornar os problemas
envolvidos neste processo de agendamento de horários, surgiu a necessidade de se
criar um sistema que pudesse atenuar ou eliminar esses problemas.
A inconsistência de dados e das informações gera transtornos e por vezes
conflitos nos horários, causando dessa forma um mal estar entre a coordenação dos
laboratórios e os docentes, prejudicando então os alunos. Diante desse cenário faz-
se necessário o atendimento a algumas necessidades elencadas abaixo:
Facilitar o agendamento para os docentes;
Manter o controle do uso dos laboratórios;
Evitar duplicidade e colisão de horários;
Tornar visível a todos usuários os horários disponíveis, mediante
acesso via web.
18
4. METODOLOGIA
A tarefa de desenvolvimento consiste em levantamento de requisitos,
modelagem do banco de dados, definição dos casos de uso, criação de protótipo,
testes e apresentação do protótipo para os interessados. Cada uma das etapas foi
executada da seguinte forma:
Levantamento de requisitos:
Foi realizado o levantamento de requisitos através de reuniões com
o coordenador dos laboratórios e ex-coordenadores, a fim de saber quais
eram e são os principais problemas encontrados.
Modelagem do banco de dados:
Para a modelagem do banco de dados construiu-se o modelo de
entidade relacional do mesmo utilizando o software de modelagem
BrModelo.
Definição dos casos de uso:
Os diagramas de caso de uso foram criados utilizando as técnicas
de engenharia web para compreender quem são os atores, quais as
interações existentes e como essas são realizadas nos cenários de
utilização.
Prototipação e teste:
Criou-se o protótipo do sistema a partir dos casos de uso definidos
para a validação da interface e as funcionalidades do sistema.
4.1 Materiais
O sistema proposto utiliza a linguagem PHP. WELLING (2005) e HTML.
SILVA (2008), MENEZES (2008) e o Mysql. LAUDON (2007). Para modelagem do
banco de dados foi utilizado o BrModelo e para o caso de uso o Astah Community.
Para o Desenvolvimento da Interface gráfica foi utilizado o software Adobe
Dreamweaver CS5. WELLING. (2005) e JQuery.
19
5. Requisitos do Sistema
O sistema de reservas de laboratórios é composto dos seguintes requisitos:
Login para controle de acesso lógico;
Cadastro das reservas;
Remoção de reservas;
Listagem dos agendamentos;
Consulta via internet.
Na primeira tela do sistema o usuário poderá efetuar o login. A criação de
cadastro de professores é feita apenas pelos administradores do sistema.
Ao realizar o login no sistema o professor poderá consultar, realizar reservas
e removê-las, os alunos, por sua vez, poderão visualizar o calendário com os
agendamentos via internet disponibilizado no site do UNASP-EC.
Os administradores do sistema detém o poder de realizar qualquer tarefa no
sistema, seja ela de cadastro ou remoção, tanto de reservas como também de
usuários.
20
6. Modelagem do Banco de Dados
O banco de dados do sistema possui as tabelas professor, curso, reserva,
disciplina e laboratório. A tabela reserva contém os dados do cadastro da reserva,
incluindo a chave estrangeira da tabela professor, essa por sua vez contém as
informações pertinentes ao usuário, como nome, senha, e-mail e id.
Dessa forma o MER (modelo de entidade e relacionando) do banco de dados
fica conforme Figura 6.1 abaixo:
Figura 6.1: MER
21
7. Caso de Uso
Com os casos de uso do sistema será possível visualizar de maneira mais
clara quais são as interações que os professores, alunos e administradores podem
ter com o sistema.
O professor ao efetuar o login poderá consultar, criar ou excluir uma reserva,
o aluno, por sua vez, consegue apenas visualizar as reservas do professor mediante
um calendário disponibilizado na internet. O administrador pode interagir com todas
as funções do sistema, conforme ilustra a Figura 7.1.
Figura 7.1: Caso de Uso
22
7.1 Cenários de Utilização
A seguir serão apresentados os cenários de utilização do sistema, criados
através de casos de uso separados por atividade.
7.1.1 Logar no Sistema
Atores: Administradores e Professores.
Administradores e professores poderão logar no sistema.
Pré-condição: Para que o usuário possa utilizar este caso de uso ele precisa
estar cadastrado no sistema.
Fluxo de Eventos (caminho básico):
1. O caso de uso começa quando o usuário digita seu e-mail e senha na
tela de Login.
2. É exibida então a tela de cadastro de reserva.
Pós-condição: Caso o usuário não possua cadastro no sistema, ao tentar
logar aparecerá uma mensagem informando login ou senha inválidos.
Figura 7.1.1: Logar no Sistema
23
7.1.2 Reservar Laboratório
Atores: Administradores e Professores.
Administradores e professores poderão solicitar uma reserva de um horário
de um determinado laboratório através de um formulário na tela de cadastro de
reserva.
Pré-condição: O usuário precisa estar logado no sistema e preencher todos
os campos do formulário.
Fluxo de Eventos (caminho básico):
1. O caso de uso começa quando o professor ou administrador loga no
sistema.
2. O sistema apresenta o formulário de reserva.
3. O usuário preenche os campos do formulário de reserva.
4. O usuário clica no botão reservar e então sua reserva é confirmada.
Pós-condição: O professor não poderá reservar uma data ou laboratório que
esteja reservado para outro professor.
Figura 7.1.2: Reserva Laboratório
24
7.1.3 Visualizar Reservas
Atores: Aluno e Professor
É possível aos alunos, professores e administradores terem acesso aos
horários de um determinado laboratório.
Pré-condição: É necessário que ele esteja conectado à internet e acesse a
página web contendo as reservas dos laboratórios.
Fluxo de Eventos (caminho básico):
1. O caso de uso começa quando o professor ou aluno seleciona uma
data no calendário.
2. O sistema monta a lista com o histórico de reservas.
Pós-condição: O resultado esperado é a visualização do horário da reserva do
laboratório sem fazer alterações.
Figura 7.1.3: Visualiza Reservas
25
7.1.4 Excluir Reserva
Atores: Administradores e Professores.
Administradores e professores poderão excluir reservas cadastradas no
sistema.
Pré-condição: O usuário precisa estar logado no sistema e ter reservas
registradas.
Fluxo de Eventos (caminho básico):
1. O caso de uso começa quando o usuário clica no botão “Minhas
Reservas”.
2. É exibida uma lista contendo todas as suas reservas.
3. Para excluir uma reserva o usuário deverá clicar no botão “Excluir”
referente a reserva desejada.
Pós-condição: O professor poderá excluir apenas suas reservas e os
administradores poderão excluir suas reservas e as reservas dos professores.
Figura 7.1.4: Excluir Reserva
26
8. Prototipação
Neste capítulo são apresentadas as telas do sistema e imagens contendo os
testes realizados pra os cenários criados.
A primeira tela do sistema é a tela de login onde o professor colocará seu
usuário e senha e poderá ter acesso ao sistema, conforme figura 8.1 abaixo:
Figura 8.1: Tela de Login
Na tela de cadastro o usuário poderá fazer sua reserva, inserindo os dados
referentes ao ano, disciplina, laboratório que pretende utilizar e horário pretendido
conforme Figuras 8.2 abaixo:
Figura 8.2: Tela de Cadastro
27
A tela de cadastro preenchida fica da seguinte forma, conforme figura 8.3
abaixo:
Figura 8.3: Tela de Cadastro Preenchida
A figura 8.4 mostra todas as reservas feitas para um único usuário.
Figura 8.4: Tela Reservas Individuais
A figura 8.5 abaixo mostra todas as reservas existentes no sistema.
Figura 8.5: Tela de Todas as Reservas
28
A tela do calendário do sistema exibe as reservas realizadas. Quando é
selecionado algum dia, o sistema mostra ao lado as reservas para aquele dia,
conforme mostrado na Figura 8.6 abaixo:
Figura 8.6: Calendário das Reservas
29
9. Conclusão
O processo de reserva de horários nos Laboratórios do Ensino Superior foi
facilitado pelo sistema, trazendo também segurança, clareza e controle no uso dos
laboratórios.
O processo que antes era manual e ineficiente foi automatizado, trazendo
segurança e facilidade para os docentes e discentes.
As duplicidades e colisões de horários foram extintos, pois o sistema não
permite que sejam alocadas reservas para o mesmo horário e dia. Outro grande
benefício foi o calendário WEB que permite que os alunos acompanhem pela
internet se existirão aulas nos laboratórios.
As tecnologias atuais mais utilizadas no trabalho foram PHP, JQuery e HTML.
9.1 Trabalhos Futuros
Como sugestão para trabalhos futuros é proposto:
Integração com LDAP;
Normalização da base de dados;
Criação do módulo de administração do sistema;
Disponibilizar a criação de reservas recorrentes;
Alteração do layout da página, para uma melhor interação IHC;
Criação de droplist no campo disciplina;
Remoção do campo professor na tela de reserva, pois o sistema já irá
fazer a reserva com os dados do professor logado.
Outra sugestão para trabalhos futuros é a criação de um módulo para reserva
de equipamentos do Apoio Acadêmico da faculdade do UNASP-EC. Hoje é
controlado por meio de uma planilha impressa onde as pessoas colocam os
equipamentos que irão utilizar. A informatização destes procedimentos poderá trazer
um maior controle e organização do material.
30
10. BIBLIOGRAFIA
LAUDON, Kenneth C., Laudon, Jane P. Sistemas de Informação Gerenciais, 7ª Ed. São Paulo: Pearson Prentice-Hall, 2007.
O’BRIEN, James A. - Sistemas de Informação e as decisões gerenciais na era da internet, Ed. Saraiva 2007.
E.TURBAN; R.K.RAINER JR.; R.E.POTTER - Introdução à Sistemas de Informação, Rio de Janeiro: Elsevier, 2007.
SICA, Carlos. PHP COM TUDO. 1 ed. Rio de Janeiro - RJ: Ciência Moderna, 2011. 552 p. 1 vol. vol. 1.
R.M STAIR; G.W.REYNOLDS - Princípios de Sistemas de Informação, São Paulo: Thomsom Pioneira, 2006.
SILVA,M.S.Criando Sites com HTML: Sites de Alta Qualidade com HTML e CSS.Edição: 1.Editora Novatec. Ano 2008.
MENEZES,M.A.F.Introdução à HTML e PHP.Edição: 1.Editora: Ciência Moderna. 2008.
WELLING,L.;THOMSON,L. PHP e MySQL: Desenvolvimento Web. 3ª Edição.
Editora Campus. 2005.
ASTAH Community – www.astah.net – acessado em 18/04/2012.
Modelagem ER - http://sis4.com/brModelo/ - acessado em 18/04/2012.
jQuery - http://jquery.com/ - acessado em 08/03/2012.
31
