Projeto JOENA e TASSO (Salvo Automaticamente)

INTRODUCÇÃO.
DEFINIÇÃO DO TEMA ................................................................................................................ 2

MOTIVAÇÃO .............................................................................................................................. 2
PROBLEMÀTICA ......................................................................................................................... 3
JUSTIFICATIVA ........................................................................................................................... 3
OBJECTIVOS: .............................................................................................................................. 3
Geral ...................................................................................................................................... 3
Específicos ............................................................................................................................. 3
METODOLOGIA.......................................................................................................................... 4
ORGANIZAÇÃO DO TRABALHO .................................................................................................. 4
CAPÍTULO 2: FUNDAMENTOS TEÓRICOS E DESENVOLVIMENTO DAS TECNOLOGIAS UTLIZADAS.
....................................................................................................................................................... 5
2.1 Organizações virtuais .......................................................................................................... 5
2.2 O papel da informatica na pratica do gestor ...................................................................... 5
2.3 Conceito de aplicação web.................................................................................................. 5
2.4 Tecnologias de banco de dados .......................................................................................... 5
2.4.1 Sistema de informação ................................................................................................. 6
2.5 Sistema de gerenciador de base de dados .......................................................................... 6
2.5.1 Vantagens da utilização de uma base de dados .......................................................... 6
2.6 NOTEPAD ++ ........................................................................................................................ 7
2.6.1 Principais recursos do Notepad ................................................................................... 9
2.6.2 Visão geral .................................................................................................................... 9
2.6.3 Pontos fortes .............................................................................................................. 10
2.6.4 Pontos fracos .............................................................................................................. 10
2.6.5 Diferenciais ................................................................................................................. 11
2.7 Abordagem e apresentação do WampServer ............................................................... 11
2.7.1 Caracteristicas do WampServer ................................................................................. 12
2.8 Banco de Bados PhpMyAdmin ...................................................................................... 13
2.8.1 Características do PhpMyAdmin ................................................................................ 14
2.8.2 Sua Evolução .............................................................................................................. 14
2.9 PHP .................................................................................................................................... 15
2.9.1 Caracteristicas do PHP................................................................................................ 15
i
2.10 HTML ............................................................................................................................... 16
2.10.1 SUA EVOLUÇÃO ........................................................................................................ 16
2.10.2 COMO FUNCIONA .................................................................................................... 17
2.11 CSS ................................................................................................................................... 18
2.11.1 EVOLUÇÃO................................................................................................................ 18
2.12 APRESENTAÇÃO DOS REQUSITOS DE FUNCIONALIDADE................................................ 19
2.12.1 Funções e Serviços do Sistema ................................................................................ 19
2.12.2 Modelagem do Sistema............................................................................................ 19
2.12.3 Diagrama de Caso de Uso......................................................................................... 19
2.12.4 Respectivas Funções e áreas .................................................................................... 20
2.13 APRESENTAÇÃO DO SISTEMA ......................................................................................... 21
CONCLUSÕES. .............................................................................................................................. 28
REFERÊNCIAS BIBLIOGRÁFICAS ................................................................................................... 30
ii
DESENVOLVIMENTO DE UM APLICATIVO WEB PARA O AGENDAMENTO DE AULAS NOS LABORATORIOS DA UOR
INTRODUCÇÃO.
Apresença das novas tecnologias de informação e comunicação no campo da educação

tem sido um fator preponderante. Da mesma forma que as velhas tecnologias ainda
estão bem patentes em nosso país sem que as socidades venham exercer a sua função
soberana de decidir sobre seu uso e aplicações , as novas tecnologias vieram para ficar.
Assim sendo o objetivo deste trabalho é descrever e analisar os resultados da utilização

das novas tecnologias, implementando na Universidade Oscar Ribas para por
professores a existência de um laboratório e proporcionar a gerênçia do mesmo.
Este projeto tem como objetivo a criação de um aplicativo web que desponibliza o
horario de acesso aos laboratorios, onde o usuario poderá pequisar a disponiblidade de
horarios e fazer agendamento para acesso ao laboratorio.
DEFINIÇÃO DO TEMA
O tema abordado neste trabalho constitui na implementação de uma aplicação para a

gestão laboral, permitindo o fácil acesso, a notificar os professores nos seus respectivos
horários aos laboratórios no comprimento das aulas.
MOTIVAÇÃO
Para começar fizemos uma pesquisa a nível de algumas universidades, e com isso
podemos constatar que há uma debilidade na entrada em salas de aulas ou laboratórios
das instituições.
Ao longo desses aos de formação adquirimos conhecimento de algumas técnicas de

programação e de sistemas de base de dados. Contudo, fomos desenvolvendo essas
técnicas que muito útil foi para o término do desenvolver o nosso aplicativo.
Atendendo que este aplicativo resolve alguns problemas concernentes aos acessos em
labotatórios e salas.
Acredita-se que com a implantação do sitema de agendamento e notificação ira

contribuir significativamente para do trabalho pedagógico.
2
PROBLEMÀTICA
Tem sido muito vulgar a falta de organização em instituições academicas nos horarios
dos professores com relação a entrada e saída dos mesmos nas turmas. A este facto,
seria oportuno implementar novas tecnologias para solucionar problemas como estes a
universidade Óscar Ribas. Deste modo fo criado um aplicativo de agendamento para
serviço util da instituiçao para cordenas os funcionaros (professores) e simplificar suas
tarefas.
JUSTIFICATIVA
Com a debilidade existente em nossos laboratórios correspondendo a organização dos

horários ; a entrada e saída dos professores ao laboratório de forma desorientada, o
desconhecimento da utilização do laboratório em tempos livres. Estes e outros
problemas. Propusemos como solucão desenvolver um aplicativo que possibilitará a
gerênciar de forma dinâmica os laboratórios da Universidade Óscar Ribas. Essa solucão
viabiliza a organização dos professores nos laboratórios, pois eles terão as informações
sobre o estado de um laboratório ( se esta ocupado ou não, quem vai usar e em que dia
vai usar, entre outras informações pertinentes ).
OBJECTIVOS:
Geral
Desenvolver um aplicativo web a disponibilizaçao dos docentes da UOR com objetivo

de cada professor ter acesso ao dia e hora em que poderá usar o laboratório.
Específicos.
 Cadastrar usuário no sistema para o acesso as agendas dos laboratorios
 Utilizar uma senha para login
 Notificar os professores que deverão usar o laboratórios nos seus respectivos

dias
 Implementar uma base de dados
3
 Identificar as salas vagas
METODOLOGIA
 Pesquisa exploratória – foram entrevistadas algumas pessoas com

experências na área, fez-se levantamento de algumas bibliografias para
o apoio da conclusão por está razão foi usada este tipo de pesquisa.
 Pesquisa bibliográfica – para este trabalho usamos está pesquisa pos

que com os problemas encontrados, tivemos como apoio livros, alguns
artigos manuais, enciclopédias e meios eletrónicos.
ORGANIZAÇÃO DO TRABALHO
O presente trabalho está organizado nos capitulos seguintes:
O presente trabalho está organizado nos capitulos seguintes:
a) Capítulo 1 – Introdução: apresenta o objeto do trabalho; justificativa do tema;

os objectivos do trabalho; os metódos e as tecnicas utilizadas e restrinções da
pesquisa.
b) Capítuo 2 – Dsenvolvimento: principais teorias e investigações levadas a cabo

relativas ao tema; explicitar o objetivo e a problemática utilizada; diversos
subtemas oriundo do tem geral; conceitos e sua eventual operacionalização;
c) Capítulo 3 – Conclusões: os pincipais pontos devem ser focados na: Introdução

e no Desenvolvimento;
d) Capítulo 4 – Referências bibliográficas
e) Capítulo 5 – Anexos
4
CAPÍTULO 2: FUNDAMENTOS TEÓRICOS E DESENVOLVIMENTO DAS

TECNOLOGIAS UTLIZADAS.
2.1 Organizações virtuais
Atraves do uso de sistema de informacao automatizados, a efciencia da comunicacao

nas empresas pode aumenar.
As organizações virtuais surgiram como uma resposta à competitividade e volatilidade

do mercado. Elas se formam a partir de uma oportunidade ou necessidade imposta pelo
mercado, estabelecendo a cooperação e utilizam o suporte da Tecnologia da
Informação. Quando o objetivo for atingido a organização virtual se dissolve ou
rearranja.
2.2 O papel da informatica na pratica do gestor
A gestao e a acividade pela qual sao mobilizado meios e procedimentos para se atingir
os objectivos de uma organizaao, envolvrndo basicamete, os aspectos gerenciais e
tecnico-administrativos.
2.3 Conceito de aplicação web
Em computação, aplicação web designa, de forma geral, sistemas de informática

projetados para utilização através de um navegador, através da internet ou aplicativos
desenvolvidos utilizando tecnologias web HTML, JavaScript e CSS. Pode ser executado
a partir de um servidor HTTP (Web Host) ou localmente, no dispositivo do usuário.
A função do servidor web é receber uma solicitação (requisição) e devolver (resposta)

algo para o cliente. O browser permite ao usuário solicitar um recurso e quando o
servidor responde a uma solicitação são encontrados recursos como: páginas HTML,
figuras e documento PDF que são exibidas depois para o usuário. Geralmente os
servidores enviam instruções para o browser escritas em HTML. O HTML diz ao
browser como apresentar conteúdo ao usuário web.
2.4 Tecnologias de banco de dados
5
2.4.1 Sistema de informação
Sistemas de Informação é a expressão utilizada para descrever um Sistema seja ele

automatizado (que pode ser denominado como Sistema Informacional
Computadorizado), seja manual, que abrange pessoas, máquinas ou métodos
organizados para coletar, processar, transmitir e disseminar dados que representam
informação para o usuário ou cliente.
Informações são dados oferecidos de uma forma significativa e útil para os indivíduos.
Dados são correntes de fatos brutos que importam eventos que estão ocorrendo nas
organizações ou no ambiente físico, antes de terem sido organizados e arranjados de
uma forma que as pessoas possam entendê-los e usá-los.
Todo Sistema de Informação que manipula dados e gera informação, usando ou não
recursos de tecnologia em computadores, pode ser genericamente considerado como um
sistema de informação. Por exemplo, o sistema de informação organizacional pode ser
conceituado como a organização e seus vários subsistemas internos, contemplando
ainda o meio ambiente externo
2.5 Sistema de gerenciador de base de dados
Um Sistema de Gerenciamento de Banco de Dados (SGBD) — do inglês Data

Base Management System (DBMS) — é o conjunto de softwares responsáveis
pelo gerenciamento de um banco de dados. Seu principal objetivo é retirar da
aplicação cliente a responsabilidade de gerenciar o acesso, a persistência, a
manipulação e a organização dos dados. O SGBD disponibiliza
uma interface para que seus clientes possam incluir, alterar ou consultar dados
previamente armazenados. Em bancos de dados relacionais a interface é
constituída pelas APIs (Application Programming Interface) ou drivers do
SGBD, que executam comandos na linguagem SQL (Structured Query L do
sistema de gestão de base de dados.
2.5.1 Vantagens da utilização de uma base de dados
As principais vantagens de um SGBD são:
6
• Resposta rápida aos pedidos de informação. Como os dados estão integrados numa
única estrutura (a base de dados) a resposta a questões complexas processa-se mais
velozmente.
• Acesso múltiplo. O software de gestão de base de dados permite que os dados sejam
acedidos de diversíssimas maneiras. Nomeadamente, os dados podem ser visualizados
através de pesquisas sobre qualquer um dos campos da tabela.
• Flexibilidade. Em consequência da independência entre dados e programas, qualquer

alteração num desses elementos não implica modificações drásticas no outro.
• Integridade da informação. Dada a absoluta exigência de não permitir a redundância,

as modificações de dados são feitas num só sítio, evitando-se assim possíveis conflitos
entre diferentes versões da mesma informação.
• Melhor gestão da informação. Em consequência da localização central dos dados,

sabe-se sempre como e onde está a informação
2.6 NOTEPAD ++
Notepad++ é um editor de texto e de código fonte de código aberto sob a licença GPL.
Suporta várias linguagens de programação rodando sob o sistema Microsoft Windows
(possível utilização no Linux via Wine). Como tem suporte para uma grande quantidade
de linguagens, interessará não só aos desenvolvedores de webs, como também a toda a
comunidade de programadores em geral.
7
Figura.1 Editor de texto
O Notepad++ é distribuído como um Software livre. O projeto foi hospedado no

SourceForge.net, onde foi baixado mais de 27 milhões de vezes e ganhou duas vezes o
prêmio "SourceForge Community Choice Award" por melhor ferramenta de
desenvolvimento. O projeto foi hospedado no TuxFamily desde 2010 até 2015 depois
foi movido para o GitHub. Ele é baseado no Scintilla, é escrito em C++ utilizando a API
Win32 e usa a STL. O objetivo do Notepad++ é oferecer um esguio e eficiente binário
com uma interface gráfica totalmente modificável.
As linguagens de programação suportadas pelo Notepad++ são: C, C++, Java, C#,

XML, HTML, PHP, JavaScript, makefile, ASCII art, doxygen, ASP, VB/VBScript,
Unix Shell Script, BAT, SQL, Objective-C, CSS, Pascal, Perl, Python, Lua, Tcl,
Assembly, Ruby, Lisp, Scheme, Smalltalk, PostScript e VHDL. Além disto, usuários
podem definir suas próprias linguagens usando um "sistema de definição de linguagem"
integrado, que faz do Notepad++ extensível, para ter realce de sintaxe e compactação de
trechos de código.
Ele suporta autocomplemento, busca e substituição com integração de expressões

regulares, divisão de tela, zoom, favoritos, etc. Tem suporte para macros e plugins. Um
8
plugin de usuário chamado TextFX, que provê opções de transformação de textos, é

incluído por padrão.
2.6.1 Principais recursos do Notepad
 Navegador do sistema de arquivos
 Localizador fuzzy para abrir rapidamente arquivos
 Rápido projeto de ampla pesquisa e substituição
 Suporte de varios codigos
 Vários painéis
 Snipplets
 Dobramento de código
2.6.2 Visão geral
Após a instalação padrão, semelhante a qualquer programa para Windows, seguindo o

famoso ritual do Next>Next>Finish, encontramos uma grande área branca, onde
podemos escrever textos ou codificar programas (um dos focos do Notepad++). Seu
visual assemelha-se muito a um editor minimalista, podendo, inclusive, ocupar toda a
tela visível, ao pressionarmos a tecla F11 (e, para remover até as abas da visualização,
basta pressionar F12, assim, tendo algo parecido com o Q10, citado no artigo sobre
editores minimalistas). Vemos também que o programa possui um sistema de abas,
muito útil para trabalhar com vários arquivos ao mesmo tempo sem a necessidade de
possuir milhares de janelas abertas.
Por fim, pode-se observar que o programa possui suas diversas características e funções
muito bem divididas em 12 menus, que vão desde funções básicas com arquivos (como
abrir, fechar, salvar, etc.) passando por syntax highlighting (tornando comandos de
programação coloridos, tal qual em uma IDE) até um simples menu com a ajuda e
alguns links que podem ser úteis.
9
2.6.3 Pontos fortes
O Notepad++, além de, obviamente, poder ser utilizado como um mero bloco de notas,
possui diversas facilidades que o tornam um programa bem útil em sua máquina.
Primeiramente, há a possibilidade de instalar em qualquer pendrive a versão portátil

dele (que ocupa apenas incríveis 2MB!), algo extremamente útil para programadores
que desejam fazer alguns pequenos retoques em algum código, mas não possuem
nenhuma máquina com sua IDE instalada para fazê-lo.
Através do Notepad++ será possível editar códigos em diversas linguagens (sejam de

programação ou não), tais como: C, C++, C#, HTML, ASP, Java, Pascal, CSS, VB,
XML, dentre mais de quarenta linguagens disponíveis. Outra função que pode agradar
principalmente webdesigners é a possibilidade de abrir o texto (que provavelmente será
HTML) nos navegadores Firefox, Internet Explorer, Google Chrome e Safari, além de
uma opção para definir qual programa você deseja executar (como outro navegador, ou,
talvez, um compilador, no caso de linguagens de programação).
Em relação ao menu “Linguagem”, onde pode-se aplicar syntax highlighting, todas as

linguagens estão organizadas por ordem alfabética, dentro de submenus de suas
respectivas letras iniciais (caso haja mais de uma linguagem iniciada com a letra) ou
diretamente no menu. Desta forma, localizar a sua linguagem favorita (ou a linguagem
com a qual está trabalhando no momento) torna-se muito simples, sem quaisquer
complicações.
Temos também a opção de criar macros, para assim otimizar seu tempo inserindo
automaticamente determinadas ações (basta acessar o menu macro, selecionar a opção
“Iniciar gravação” e realizar a ação que deseja transformar em um macro para utilização
posterior, assim que terminá-la, basta clicar em “Parar gravação”, e, por fim, pode
executar ou salvar seu macro).
2.6.4 Pontos fracos
Como nem tudo na vida é perfeito, o Notepad++ não atende perfeitamente

programadores que desejem utilizá-lo como programa padrão, não sendo tão prático
quanto possíveis “concorrentes”, que em geral possuem diversas funções que os tornam
únicos.
10
Apesar da extrema organização dos menus, muitos acabam possuindo funções demais, o
que faz com que um usuário que nunca tenha utilizado o programa acabe se perdendo ao
tentar encontrar alguma opção que utilizou anteriormente, mesmo sabendo em qual
menu ela está.
Algumas opções, apesar de certamente possuirem sua utilidade, não são úteis para a
maioria dos usuários, como, por exemplo, “Recolher todos os níveis” e “Expandir todos
os níveis”, algo que poderia ser ocultado da instalação padrão do sistema, deixando
assim os menus menores e menos poluídos. E, por fim, temos algumas áreas do
programa que não estão totalmente em português.
2.6.5 Diferenciais
Como diferencial em relação ao Bloco de Notas, o Notepad++ permite ao usuário

escolher o final de linha (com as opções para converter para Windows, UNIX e
MacOS), função esta que possui sua utilidade para usuários que escrevem anotações e
levam-nas do Windows para outros sistemas, e não pretendem perder tempo arrumando
possíveis erros.
Há também a opção de escolher a codificação do texto escrito, permitindo deixá-la em

UTF-8, ANSI, ISO, dentre diversas outras disponíveis, algo que pode ser aproveitado
por usuários que estejam editando páginas simples em HTML, que possuam textos
imbutidos nelas, sendo um método fácil de corrigir problemas com acentuação (como
acentuação que não aparece ou caracteres estranhos no lugar de letras acentuadas).
E, finalmente, os plugins! Através deles pode-se adicionar diversas funções novas e

interessantes ao Notepad++, como encriptar textos, adicionar um mini-cliente de FTP
(assim, pode-se baixar arquivos de um servidor FTP, editar pelo Notepad++ e já enviá-
los modificados), verificação de ortografia, dentre diversas outras funções (além, é
claro, da possibilidade de criar seu próprio plugin para ele, afinal, isso é OpenSource!).
2.7 Abordagem e apresentação do WampServer
O WampServer (conhecido anteriormente como o acrônimo WAMP5) é um software

que efetua a instalação automática de um conjunto de softwares no computador, de
modo a facilitar a configuração de um software interpretador de scripts local e um banco
de dados no sistema windows. Conjunto desenvolvido pela PHP Team sob licença GNU
11
General Public License. A partir da versão 2 ocorreu a mudança do nome, de WAMP5

para WampServer. Possui suporte a adição de add-ons (funções extras), disponíveis por
download, como por exemplo, a função de ativar o uso de PHP 4 ao invés do PHP 5.
Figura.2 Configuaração do WampServer
Uma ferramenta que auxilia no desenvolvimento, permitindo aos programadores de

websites testarem o trabalho em seus próprios computadores, sem necessitar acesso à
Internet.
WAMP é o acrônimo do conjunto de softwares: Windows, Apache, MySQL, PHP.
Sigla Significado:
W Windows - Sistema operacional da Microsoft
A Apache - Servidor da Apache Software Foundation
M MySQL - Banco de dados da MySQL AB
P5 PHP (Versão 5) - Linguagem de script da The PHP Group
Tabela 1
2.7.1 Caracteristicas do WampServer
 Pre visualizar sitios web localmente
12
 Instalar um servidor web em Windows
 Administrar configuracões de servidores Apache
 Criar aplicações web
 Gestão de bases de dados MySQL
 Utiliza linguagem PHP
 Executa arquivos .PHP localmente
2.8 Banco de Bados PhpMyAdmin
É possível definir banco de dados como um conjunto de informações que são

organizadas de forma lógica e física, possibilitando a manipulação desses dados. Para
manter e acessar um banco de dados é comumente utilizado um software denominado
Sistema Gerenciador de Banco de Dados (SGBD), sendo que o termo banco de dados é
utilizado em muitos casos como sinônimo de SGBD, por ser um software que incorpora
as funções de definição, recuperação e alteração de dados de um banco de dados
(HEUSER, 1999).
Para o desenvolvimento do sistema, foi utilizada a ferramenta gerenciador de banco de

dados phpAdmin que por sua vez fará o gerenciamento do banco de dados para
administrar o MySQL com interface web, apartir deste sistema é possivel criar e
remover bases de dados, criar, remover e alterar tabelas, inserir, remover e editar
campos, executar codigos SQL e manipular campos chaves.
13
Figura.3 BD Wampserver
2.8.1 Características do PhpMyAdmin
 Interface da web
 Gestão de dados MySQL
 Importar dados de CSV e SQL
 Administra varios servidores
 Cria graficos PDF no layout do banco de dados
 Cria e arrasta banco de dados
 Gerencia chaves nos campos
 Procura globalmente num banco de dados ou numa sub-parte dele.
2.8.2 Sua Evolução
Tobias Ratschiller, um consultor de TI e mais tarde fundador da empresa de software

Maguma, começou a trabalhar em uma web baseada em PHP front-end para o MySQL
criado , em 1998, inspirado por Peter Kuppelwieser Webadmin do MySQL. Ele desistiu
do projeto (e phpAdsNew, do qual ele também foi o autor original) em 2000, devido à
falta de tempo.
14
Por esse tempo, phpMyAdmin já tinha se tornado uma das aplicações mais populares do
PHP e de ferramentas de administração do MySQL, com uma grande comunidade de
usuários e colaboradores. A fim de coordenar o crescente número de caminhos, um
grupo de três promotores, Olivier Müller, Marc Delisle e Loïc Chapeaux, registaram o
projeto phpMyAdmin em SourceForge e assumiu o desenvolvimento em 2001.
2.9 PHP
PHP (um acrônimo recursivo para "PHP: Hypertext Preprocessor", originalmente

Personal Home Page) é uma linguagem interpretada livre, usada originalmente apenas
para o desenvolvimento de aplicações presentes e atuantes no lado do servidor, capazes
de gerar conteúdo dinâmico na World Wide Web. Figura entre as primeiras linguagens
passíveis de inserção em documentos HTML, dispensando em muitos casos o uso de
arquivos externos para eventuais processamentos de dados. O código é interpretado no
lado do servidor pelo módulo PHP, que também gera a página web a ser visualizada no
lado do cliente. A linguagem evoluiu, passou a oferecer funcionalidades em linha de
comando, e além disso, ganhou características adicionais, que possibilitaram usos
adicionais do PHP, não relacionados a web sites. É possível instalar o PHP na maioria
dos sistemas operacionais, gratuitamente. Concorrente direto da tecnologia ASP
pertencente à Microsoft, o PHP é utilizado em aplicações como o MediaWiki,
Facebook, Drupal, Joomla, WordPress, Magento e o Oscommerce.Criado por Rasmus
Lerdorf em 1995, o PHP tem a produção de sua implementação principal, referência
formal da linguagem, mantida por uma organização chamada The PHP Group. O PHP é
software livre, licenciado sob a PHP License, uma licençaincompatível com a GNU
General Public License (GPL) devido a restrições no uso do termo PHP.
2.9.1 Caracteristicas do PHP
As principais caracteristicas do PHP são:
 Orientação a objeto
 Portabilidade
 Independência de plataforma - "write once run anywhere";
15
 Tipagem fraca
 Sintaxe similar a Linguagem C/C++ e o PERL
2.10 HTML
Hyper Text Markup Language é uma linguagem de marcação de hipertexto, ou seja é a

linguagem na qual são escritas as páginas da Web, interpretada pelo navegador. As
informação estão ligadas na forma de páginas ligadas entre si. A página é transferida de
um computador remoto para o usuário, onde o browser faz o trabalho de interpretar os
códigos naquele documentos e mostra a página que o usuário vê.
Em conjunto com CSS e Javascript eles formam as pedras principais para a World Wide
Web. Todos os navegadores atuais recebem documentos em HTML que são
processados renderização e apresentação do conteúdo online.
O HTML é a linguagem de internet, foi criada para fácil entedimento por seres humanos
e também por máquinas, como o Google ou outros sistemas que percorrem a internet
capturando informação.
2.10.1 SUA EVOLUÇÃO
A linguagem foi criado pelo físico britânico Tim Berners-Lee, para comunicação e
dessiminação de pesquisas entre ele e seus grupos de colegas. HTML ficou bastante
conhecido quando começou a ser utilizada para formar a rede pública daquela época, o
que tornaria mais tarde a internet que hoje conhecemos.
A linguagem foi em especificações formais na década de 1990, inspiradas nas

propostas originais de Tim Berners-Lee em criar uma linguagem baseada em SGML
para a internet. A primeira publicação foi esboçada por Berners-Lee e Dan Connolly, e
publicada em 1993 na IETF como uma aplicação formal para o SGML.
A IETF criou um grupo de trabalho para o HTML no ano seguinte, e publicou o HTML
2.0 em 1995. Desde 1996, as especificações HTML vêm sendo mantidas, com auxílio
de fabricantes de software, pelo W3C. Desta feita, em 2000 a linguagem tornou-se
também uma norma internacional. A recomendação HTML 4.01 foi publicada no final
de 1999 pelo w3c.
16
Várias versões HTML foram publicadas:
Versão Ano
HTML 1990
HTML 2.0 1995
HTML 3.0 1997
HTML 4.01 1999
XHTML 2000
HTML 5 2014
HTML 5.1 2016 e 2017 (2 ed)
HTML 5.2 2017
Tabela 2
2.10.2 COMO FUNCIONA
Estrutura básica em HTML
<! DOCTYPE html>
<html lang=”pt-br”>
<head>
<meta charset=”utf-8”>
<title> Título da página</title>
</head>
<body>
...aqui vai todo codigo HTML que faz seu site...
17
</body>
</html>
Para criar o seu HTML é muito simples: primeiro, abra e crie um arquivo vazio, sem
texto, com o nome index.html, utilizando o um editor de texto como Notepad se estiver
o windows ou o TextEdit se utilizar o Mac.
2.11 CSS
Cascading Style Sheets (CSS) é uma folha de estilo composta por camadas utilizadas
para definer a apresentação em páginas da internet que adotam para o seu
desenvolvimento linguagens de programção como XHTML, HTML XML.
O CSS define como serão exibidos os elementos contidos no código de uma página da
internet e sua vantagem é efectuar a separação entre o formato e o conteúdo de um
documento, ou seja ao invés de colocar a formatação dentro do documento, o css cria
um link para uma página que contém os estilos. Quando quiser alterar a aperência do
portal, basta modificar apenas um aquivo.
Com a variação de actualizações dos navegadores, o suporte ao CSS pode variar.

Navegadores como Google, Chrome e Mozilla Firefox têm suporte maior inclusive até a
CSS3, ainda em desenvolvimento.
2.11.1 EVOLUÇÃO
Com a evolução dos recuros de programação as páginas da internet estavam adotando

cada vez mais estilos e variações para deixa-las mais elegantes e atrativas para o
usuário. Com isto, linguagens de marcação simples como HTML, que era para
apresentar os conteúdos também precisou ser aprimorada.
Foram criadas novas tags e atributos de estilos para o HTML e em resumo ele passou a
exercer tanto a função de estruturar o conteúdo quanto de apresentá-lo para o usuário
final. Entretanto, isto começou a trazer problemas para os desenvolvedores, pois que
não havia uma forma de definir, como um padrão para todos os cabeçalhos ou
conteúdos em diversas páginas. Ou seja, as alterações teriam de ser feitas manualmente.
18
Apartir destes problema surgi o CSS para habilitar a separação do conteudo e formatos
de um documento na linguagem de formatação utilixada de sua apresentação, incluindo
elemento como cores, formatos de fontes e layouts. Desta feita, proporcionou maior
flexibilidade e controle na especificação de como as características serão exibidas,
reduzindo a repetição no conteúdo estrutural da página.
2.12 APRESENTAÇÃO DOS REQUSITOS DE FUNCIONALIDADE
Neste ponto apresenta a modelagem realizada para o desenvolvimento de

gerenciamento e notificaçao à entrada e saída dos professores nas salas de aulas e
laboratorio.
2.12.1 Funções e Serviços do Sistema
O processo de gerenciamento e notificaçao nas salas de aulas e laboratórios para os

professores é a principal função do sistema. Para isso o sistema disponibiliza o
cadastramento do usuário (professor) onde terá acesso seus agendamentos (escolher a
sala ou os laboratórios disponíveis, escolher o tempo necessárioe fazer consultas das
salas e tempo indisponiveis ) e obter suas notificações.
2.12.2 Modelagem do Sistema
Para que seja possível o desenvolvimento de um sistema que atenda as necessidades de

um cliente é preciso criar uma modelagem correta do mesmo sistema, pois ajuda o
analista a entender a funcionalidade do sistema e os modelos que são usados para
comunicação com os clientes, de tal modo elas podem ser apresentadas de modelagem
de software, na utilização em metodologia ou em ferramentas de apoio.
2.12.3 Diagrama de Caso de Uso
Diagama de Caso de Uso é um diagrama que exibe um conjunto de casos de uso e

atores (um tipo especial de classe) e seus relacionamentos. Eles são utilizados para que
possa indentificar como cada um dos elementos so sistema irá se comportar, deixando o
sistema de uma forma mais fácil de compreender, pois paresentam uma visão externa de
como esses elementos podem ser utilizados no contexto (BOOCH, 2005).
19
Abaixo iremos demonstrar os casos do software de gerenciamento e notificação com

suas respectivas ligações, como apresenta a figura.4:
Cadastrar Usuário
Professor Fazer
Agendamento
Adiministrador
Receber
Notificações
Aluno Fazer Consultas
2.12.4 Respectivas Funções e áreas
Definição dos atores e suas respectivas funções e áreas:
 Administrador
 Professor
 Aluno
Funções dos Usuários
1. Administrador
 Cadastrar Usuário
 Fazer Agendamentos
20
 Receber Notificações
2. Professor
 Fzer Agendamento
 Receber Notificação
 Fazer Consultas
3. Aluno
 Fazer Concultas
Funções do Aministrador
Criar Base de
dados
Administrar a
Base de Dados
Adiministrador
Validar
cadastramento
21
Criar base de dados: para que o sistema funcione é necessario a criação de uma base de
dados que possa salvar os dados dos usuários inscritos no sistema, os dados ficam
guardados e o administrador poderá fazer alteações quando for necessário fazer
alteações.
Administrar a base de dados: os dados inseridos na base de dados serão gerenciados

pelo administrador tendo a função de inserir, alterar, deletar, e actualizar os dados
contidos no sistema.
Validar cadastramento: todo usuario que for cadastrado, após o seu cadastramento o
administrador terá de validar os dados inseridos, se por ventura o usuário não estiver
inserido o sistema irá mostrar uma mensagem de erro.
22
2.13 APRESENTAÇÃO DO SISTEMA
O nosso sistema foi implemetado para facilitar o gerenciamento universitário não só a

nossa mas também outras instituições, sendo uma debilidade comum, com a criação do
aplicativo web para agendamento de salas e lboratórios poderá agilizar o processo em
muitos aspestos tendo como funcionalidade de agendar aulas em laboratórios
disponiveis, receber notificações dos tempos que serão ocupados para cada usuário, o
mesmo disponibilizará tempo de escolha, marcando a hora, sala e laborátorios.
Os sistema irá disponibilizar as funcionalidades como o cadastramento de usuarios para

poderem usar o sistema e agandamanto de salas e laboratórios
implementação de uma base de dados e a disponiblidade de salas e laboratórios,
Na página inicial os usuários poderão aceder as funcionalidades do sistema atendendo

as suas respectivas necessidades, a partir desta área o usuário (professor) poderá
realizar seus agendamentos, depois do seu cadastramento, um usuário normal (aluno)
apenas estará limitado em algumas funções (não será notificado e nem fará nenhum
agendamento), mas poderá visualizar a página inicial e na área do agendamento . Este
controle é preciso para que somente usuários com acesso permitido possam utilizar do
sistema e consultar os dados que nele estão registrados.
Para o cadastramento tem de clicar na opção »agendar, ai o usuario poderá visualizar o

formulário de cadastramento.
23
Figura.5. Pagina inicial do sistema
Nesta tela o usuário (professor)do sistema irá informar o nome, login e a senha para
fazer seu cadastrado para poder realizar o acesso às demais funcionalidades do
sistema. Este controle é preciso para que somente usuários com acesso permitido
possam utilizar o sistema e consultar os dados que nele estão registrados feito por eles
em seus agendamentos.
Após informar o nome, senha e email clicar em ‘Criar Conta’ os dados serão
carregados para a base de dados. Como apresenta a figura 2
24
Figura.6 Formulário de cadastramento
A janela apresentada na Figura 7, mostra para aos usuários os usuários um formulário

onde poderão colocar os seus dados para poderem entrar no sistema e fazer os seus
agendamentos.
A autenticação está constituida pelo email fornecido durante o acto de cadastramento e

a respectiva palavra-passe ou senha.
A senha é oculta a tráves de caracteres uniformes, recomenda-se ao usuario não aceitar

quando o navegador pela para não esquecer a senha. Isto é potencialmente perigoso.
25
Figura.7 Login do usuario
Apos a autenticação o usuário pode fazer o seu agendamento como apresenta a figura 8.
Para demonstrar com um exemplo como são criados agendamentos no sistema. Será
apresentada na Figura 8 um formulário sem preencher onde o usuário (professor) irá
colocar o nome completo de seguida poderá escolher a sala em que vai lecionar e o
tempo que poderá durar o periodo de aula e clicar na opção ‘Enviar Agendamento’. Do
nosso lado direito podemos observar outros agendamentos feito por outros usuários para
facilitar ao usuario a seguir que queira fazer seus agendamentos, assim evitando
conflitos entre horários visto que ao agendar marcamos o nosso tempo (hora de entrada
e saída).
Caso o usuário não preencha um dos campos será enviado uma mensagem de erro,
então para que o usuario possa fazer o agendamento deverá ter todos os campos
devidamente preenchido.
26
Figura 8. Área de agendamento de salas e laboratorio
Por fim poderemos ver todas áreas agendadas nos seus respectivos sectores salas ou
laboratórios, podendo ver quem fez a marcação e as horas de entrada e saída para evitar
marcações por cima de outras.
Figura 9. Aqui podemos ver as salas livres e as ocupadas.
Na figura a baixo vamos ver a nossa Base de dados que foi criada no
PhpMyAdmin_Wampserver.
27
Figura 10. Dados dos usuários cadastrados na Base de Dados.
Pra que não se perca nenhum dos dados de cada usuário inscritos, após o cadastramento
feito pelo usuário os dados são processados para a base de dados. O administrador por
sua vez como gerenciador da base de dados tem a função de fazer a manutenção,
inclusão, alterações e exclusão dos registros, também a inserção de novas sala e
laboratórios bem como o agendamento feito por professores, e as notiicações. Feito
todas as operações poderá executar.
CONCLUSÕES.
Durante o nosso trabalho constatamos que, implementando este aplicativo na

universidade, poderá facilitar o gerenciamento dos professores ao acesso aos
laboratórios, de uma forma ágil á ajudar na gerência do seu tempo e facilitar os seus
trabalhos.
Para isto usamos algumas ferramentas que ao longo do trabalho foram explanadas como
o gerenciador da base de dados o PhpMyAdmin do WampServer e Notepad++ para o
desenvolver o código-fonte para criação do aplicativo, essas mesmas ferramentas
ajudaram-nos a chegar até os nossos objectivos.
Com o sistema concluído, foi possível verificar que suas funcionalidades que atendem
às obgrigações dos usuáros que foram identificadas como sendo necessárias para o
controle dos processos internos da adminstração da nossa instituição.
28
RECOMENDAÇÕES.
Com relação aos resultados obtidos durante o desenvolvimento deste trabalho

recomendamos a instituição a continuar com o estudo e desenvolvimento de novos
métodos e técnicas para garantir uma maior qualidade dos serviços, implementar nos
outros departamentos programas similares a estes e testar o aplicativo no modo real.
No decorrer deste percurso enquanto alunos universitários, verificou-se que a

informática consiste em proporcionar e melhor interação entre o homem e a tecnologia.
Assim sendo melhor forma de mudança é criar algo prático, com esta prática
conseguimos realizar nossos objectivos com conhecimentos adquiridos durante o
percurso de nossas aulas como estudantes universitários o que fez de nós um deasafio e
que a cada dia que passa ganhamos novas experiência. Deste modo sugerimos a
Universidade que programas como estes possam ser subsequêntes, não só a nós mais
tambem a outros estudantes universitários.
29
REFERÊNCIAS BIBLIOGRÁFICAS
CRIAR WEB. (s.d.). Obtido de http://www.criarweb.com/artigos/notepad.html
DEV MEDIA. (s.d.). Obtido de HTTPS://WWW.DEVMEDIA.COM.BR/O-QUE-E-UML-E-

DIAGRAMAS-DE-CASO-DE-USO-INTRODUCAO-PRATICA-A-UML/23408
DEV MEDIA. (s.d.). Obtido de https://www.devmedia.com.br/o-que-e-uml-e-diagramas-de-

caso-de-uso-introducao-pratica-a-uml/23408
Eis, D. (14 de Setembro de 2006). TABLELES. Obtido de HTTPS://TABLELESS.COM.BR/UMA-

BREVE-HISTORIA-DO-CSS
Eis, D. (11 de Outubro de 2006). TABLELESS. Obtido de HTTPS://TABLELESS.COM.BR/O-QUE-

HTML-BASICO/
Hollis, J. A. (2002). DESENVOLVENDO APLICAÇÃO WEB COM VISUAL BASIC.NET E ASP.NET.
LIVE SPORTS CENTER. (s.d.). Obtido de HTTP://WWW.LIVESPORTSCENTER.COM.BR/APOSTILA-

HTML-E-CSS.PDF
Manzano, J. A. (2010). MYSQL5.1 INTERATIVI, GUIA PRÁTICO DE ORIENTAÇÃO E

DESENVOLVIMENTO.
Solomon, M. K. INTRODUÇÃO A SISTEMA DE BANCO DE DADOS.
TEC MUNDO. (s.d.). Obtido de HTTPS://WWW.TECMUNDO.COM.BR/PROGRAMACAO/2705-O-

QUE-E-CSS-.HTM
WIKIPEDIA. (s.d.). Obtido de https://pt.wikipedia.org/wiki/Notepad%2B%2B
WIKIPEDIA. (s.d.). Obtido de HTTPS://PT.WIKIPEDIA.ORG/WIKI/CASCADING_STYLE_SHEETS
WIKIPEDIA. (s.d.). Obtido de HTTPS://PT.WIKIPEDIA.ORG/WIKI/HTML
30
ANEXOS
ANEXOS
Instalação do wampserver
Após clicar em NEXT, aparecerá uma janela informando os termos de licença de uso do
programa, veja na figura abaixo:
2
ANEXOS
Marque a primeira opção “I ACCEPT THE AGREEMENT” e clique em NEXT para

dar continuidade ao processo de instalação, em seguida aparecerá mais uma janela do
assistente informando o local de instalação do WampServer. Por padrão fica em
“C:\wamp”, caso seja de sua escolha pode haver uma mudança, mas no nosso caso
deixaremos da forma padrão, como mostra a figura
Mais uma vez clique em NEXT, a próxima janela do assistente é para a criação de
ícones de acesso, cabe ao próprio usuário a escolha deste passo, segue abaixo a figura.
3
ANEXOS
Após a escolha sobre a criação dos ícones de acesso, clique em NEXT, uma nova janela
do assistente aparecerá, READY TO INSTALL que significa “pronto para instalar”,

clique em INSTALL para iniciar o processo, veja na figura seguir.
Após clicar em INSTALL aguarde alguns segundo para concluir o processo, lembrando
que em algumas máquinas podem demorar poucos minutos, veja o processo na figura a
seguir
4
ANEXOS
Após este processo finalizamos a instalação do WampServer, clique em NEXT para

concluir, ao final aparecerá uma ultima janela informando que o aplicativo foi instalado,
como mostra a figura a seguir.
Até ai teremos o nosso programa funcional.
Instalação do Notepad ++
5
ANEXOS
Após clicar em NEXT, aparecerá uma janela informando os termos de licença de uso do
programa, veja na figura abaixo:
6
ANEXOS
Marque a primeira opção “I ACCEPT THE AGREEMENT” e clique em NEXT para

dar continuidade ao processo de instalação, em seguida aparecerá mais uma janela do
assistente informando o local de instalação do Notepad.
Mais uma vez clique em NEXT, a próxima janela do assistente é para a criação de
componentes de acesso, cabe ao próprio usuário a escolha deste passo, segue abaixo a
figura.
7
ANEXOS
Apos a escolha dos componentes clicamos em install e daremos inicio ao processo de

instalação.
Aqui temos o nosso software em processo de instalação.
Aqui clicamos e finish e teremos o nosso programa pronto para o uso.

Projeto JOENA e TASSO (Salvo Automaticamente)

Hochgeladen von

Dokumentinformationen

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Projeto JOENA e TASSO (Salvo Automaticamente)

Hochgeladen von

Copyright:

Verfügbare Formate

INTRODUCÇÃO.

DEFINIÇÃO DO TEMA ................................................................................................................ 2

Apresença das novas tecnologias de informação e comunicação no campo da educação

Assim sendo o objetivo deste trabalho é descrever e analisar os resultados da utilização

O tema abordado neste trabalho constitui na implementação de uma aplicação para a

Ao longo desses aos de formação adquirimos conhecimento de algumas técnicas de

Acredita-se que com a implantação do sitema de agendamento e notificação ira

Com a debilidade existente em nossos laboratórios correspondendo a organização dos

Desenvolver um aplicativo web a disponibilizaçao dos docentes da UOR com objetivo

 Cadastrar usuário no sistema para o acesso as agendas dos laboratorios

 Utilizar uma senha para login

 Notificar os professores que deverão usar o laboratórios nos seus respectivos

 Implementar uma base de dados

 Identificar as salas vagas

 Pesquisa exploratória – foram entrevistadas algumas pessoas com

 Pesquisa bibliográfica – para este trabalho usamos está pesquisa pos

O presente trabalho está organizado nos capitulos seguintes:

O presente trabalho está organizado nos capitulos seguintes:

a) Capítulo 1 – Introdução: apresenta o objeto do trabalho; justificativa do tema;

b) Capítuo 2 – Dsenvolvimento: principais teorias e investigações levadas a cabo

c) Capítulo 3 – Conclusões: os pincipais pontos devem ser focados na: Introdução

d) Capítulo 4 – Referências bibliográficas

CAPÍTULO 2: FUNDAMENTOS TEÓRICOS E DESENVOLVIMENTO DAS

2.1 Organizações virtuais

Atraves do uso de sistema de informacao automatizados, a efciencia da comunicacao

As organizações virtuais surgiram como uma resposta à competitividade e volatilidade

2.2 O papel da informatica na pratica do gestor

2.3 Conceito de aplicação web

Em computação, aplicação web designa, de forma geral, sistemas de informática

A função do servidor web é receber uma solicitação (requisição) e devolver (resposta)

2.4 Tecnologias de banco de dados

2.4.1 Sistema de informação

Sistemas de Informação é a expressão utilizada para descrever um Sistema seja ele

2.5 Sistema de gerenciador de base de dados

Um Sistema de Gerenciamento de Banco de Dados (SGBD) — do inglês Data

2.5.1 Vantagens da utilização de uma base de dados

As principais vantagens de um SGBD são:

• Flexibilidade. Em consequência da independência entre dados e programas, qualquer

• Integridade da informação. Dada a absoluta exigência de não permitir a redundância,

• Melhor gestão da informação. Em consequência da localização central dos dados,

Figura.1 Editor de texto

O Notepad++ é distribuído como um Software livre. O projeto foi hospedado no

As linguagens de programação suportadas pelo Notepad++ são: C, C++, Java, C#,

Ele suporta autocomplemento, busca e substituição com integração de expressões

plugin de usuário chamado TextFX, que provê opções de transformação de textos, é

2.6.1 Principais recursos do Notepad

 Navegador do sistema de arquivos

 Localizador fuzzy para abrir rapidamente arquivos

 Rápido projeto de ampla pesquisa e substituição

 Suporte de varios codigos

2.6.2 Visão geral

Após a instalação padrão, semelhante a qualquer programa para Windows, seguindo o

2.6.3 Pontos fortes

Primeiramente, há a possibilidade de instalar em qualquer pendrive a versão portátil

Através do Notepad++ será possível editar códigos em diversas linguagens (sejam de

Em relação ao menu “Linguagem”, onde pode-se aplicar syntax highlighting, todas as

2.6.4 Pontos fracos

Como nem tudo na vida é perfeito, o Notepad++ não atende perfeitamente

Como diferencial em relação ao Bloco de Notas, o Notepad++ permite ao usuário

Há também a opção de escolher a codificação do texto escrito, permitindo deixá-la em

E, finalmente, os plugins! Através deles pode-se adicionar diversas funções novas e

2.7 Abordagem e apresentação do WampServer

O WampServer (conhecido anteriormente como o acrônimo WAMP5) é um software

General Public License. A partir da versão 2 ocorreu a mudança do nome, de WAMP5