SISTEMA WEB PARA RESERVA DOS LABORATÓRIOS DE INFORMÁTICA DO UNASP

Transcrição

1 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

2 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

3 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.

4 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.

5 É espantosamente óbvio que nossa tecnologia excede nossa humanidade. Albert Einstein

6 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.

7 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.

8 LISTA DE FIGURAS FIGURA 6.1 MER FIGURA 7.1 CASO DE USO FIGURA LOGAR NO SISTEMA FIGURA RESERVA LABORATÓRIO FIGURA VISUALIZAR RESERVA FIGURA EXCLUIR RESERVA FIGURA 8.1 TELA DE LOGIN FIGURA 8.2 TELA DE CADASTRO FIGURA 8.3 TELA DE CADASTRO PREENCHIDA FIGURA 8.4 TELA RESERVAS INDIVIDUAIS FIGURA 8.5 TELA DE TODAS AS RESERVAS FIGURA 8.6 CALENDÁRIO DE RESERVAS... 28

9 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

10 SUMÁRIO 1. Introdução Hipótese Problemáticas da pesquisa Objetivo geral Objetivos específicos Revisão Bibliográfica PHP HTML MySQL BrModelo Astah Community Adobe Dreamweaver JQuery JUSTIFICATIVA METODOLOGIA Materiais Requisitos do Sistema Modelagem do Banco de Dados Caso de Uso Cenários de Utilização Logar no Sistema Reservar Laboratório Visualizar Reservas Excluir Reserva Prototipação... 26

11 9. Conclusão Trabalhos Futuros BIBLIOGRAFIA... 30

12 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 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 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 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 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 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 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 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 fazse 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 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 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 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 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 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 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 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 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 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 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 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 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 27 abaixo: A tela de cadastro preenchida fica da seguinte forma, conforme figura 8.3 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 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 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 BIBLIOGRAFIA LAUDON, Kenneth C., Laudon, Jane P. Sistemas de Informação Gerenciais, 7ª Ed. São Paulo: Pearson Prentice-Hall, O BRIEN, James A. - Sistemas de Informação e as decisões gerenciais na era da internet, Ed. Saraiva E.TURBAN; R.K.RAINER JR.; R.E.POTTER - Introdução à Sistemas de Informação, Rio de Janeiro: Elsevier, SICA, Carlos. PHP COM TUDO. 1 ed. Rio de Janeiro - RJ: Ciência Moderna, p. 1 vol. vol. 1. R.M STAIR; G.W.REYNOLDS - Princípios de Sistemas de Informação, São Paulo: Thomsom Pioneira, SILVA,M.S.Criando Sites com HTML: Sites de Alta Qualidade com HTML e CSS.Edição: 1.Editora Novatec. Ano MENEZES,M.A.F.Introdução à HTML e PHP.Edição: 1.Editora: Ciência Moderna WELLING,L.;THOMSON,L. PHP e MySQL: Desenvolvimento Web. 3ª Edição. Editora Campus ASTAH Community acessado em 18/04/2012. Modelagem ER acessado em 18/04/2012. jquery acessado em 08/03/2012.

31 31