Universidade
Pedagógica
Escola Superior Técnica
Programa de Pós-Graduação em Informática Educacional
(PPGIE)
Módulo: APLICAÇÕES WEB
Professor Doutor Félix
Singo
Exercício
do Módulo de Aplicações Web
Aplicações Web –
Servidor WAMPSERVER
Por: Rodrigues
Ulisses Anselmo Macada
A globalização tem
afectado o nosso modo de viver e a estrutura dos nossos pensamentos. Isto
ocorre em todo o lado e está a revolucionar o mundo, cujos reflexos também se
notam na cultura dos indivíduos. Os desafios que se apresentam à nossa vida
precisam ser encarados pelo recurso às TICs (Tecnologias de Informação e
comunicação).
Na nova ordem mundial,
em função do processo de globalização, novas configurações marcam a cultura dos
indivíduos, as políticas educacionais, e o conceito de gestão.
Para MENDES, Tecnologias
de Informação e Comunicação (TICs)
“É um
conjunto de recursos tecnológicos que, se estiverem integrados entre si, podem
proporcionar a comunicação de viários tipos de processos existentes nas
actividades profissionais, no ensino e na pesquisa científica, na área bancária
e financeira, religiosa, etc.” (MENDES
2001:23)
De um modo geral,
devemos entender que as TICs envolvem toda uma gama de tecnologias concebidas
para permitir o acesso, o processamento, a transmissão e/ou troca de informação
relacionada com texto, som, dados e imagens. Por outras palavras, as TICs não
se restringem apenas ao uso de computadores ou a Internet, mas também se
estende aos aparelhos como rádios, televisão, telefones (fixo e celular), ou
outras formas de comunicação sem fio, banda larga, além de uma série de
dispositivos especializados, que vai desde scanners de códigos de barra, até ao
GPS. Dispositivos de TICs podem ser incorporados noutros equipamentos como
relógios, máquinas de lavar ou viaturas visando aumentar a sua funcionalidade.
Portanto, o uso das TICs
proporciona um desenvolvimento rápido e integrado e facilitam a comunicação
entre indivíduos e também com o resto do mundo.
O presente ensaio, tem
por objectivo proporcionar uma gama de possibilidades que as TICs nos fornecem,
como é o caso de organização e sistematização de dados individuais, colectivos
ou de organizações.
Portanto, uma das
funções tradicionais da organização é a gestão. Queremos, desta feita,
armazenar e organizar dados de funcionários de uma empresa (SICREL) para melhor
planificação e integração dos RH (recursos humanos).
Para que o utilizador
cumpra esta tarefa de armazenar, organizar dados para planificação e integração
dos RH iremos nos apoiar a uma Aplicação de Base de Dados Web.
É possível dizer de uma
forma genérica que qualquer conjunto de dados é uma base de dados; por exemplo
uma agenda com nomes, contactos e morada de pessoas é uma BDs (Base de Dados).
Portanto, de uma forma mais específica, referimo-nos, segundo Félix Singo
“uma colecção lógica e coerente de dados com um determinado significado
inerente”.
O objectivo de criarmos
e mantermos a BDs é de poder obter e utilizar os dados lá guardados, por
exemplo, procurar a morada de um funcionário. Desta feita, é bom que fique
claro que a BDs que nós pretendemos construir é uma BDs informáticos, isto é,
um conjunto de dados estruturados, manipuláveis usando um Sistema de Gestão de
Base Dados para permitir ao utilizador atingir os objectivos referidos acima.
As principais operações
que se vão realizar sobre a BDs da aplicação que pretendemos desenvolver são:
ü
Definição
de dados;
ü
Consulta
de dados; e
ü
Manipulação
de Dados.
O acesso desta
informação poderá ser simultâneo graças à conexão do computador ligado à rede
de internet (Wold Wide Web).
Por isso, a aplicação
que iremos desenvolver é uma aplicação Web.
Segundo (SINGO:sd) “É
uma forma combinada de gestão e armazenamento de dados com a construção da
aplicação. Uma Aplicação é um programa ou um conjunto de programas desenhados
para servir um utilizador final (End user).”
“Todos os acessos aos dados passam sempre por
uma entidade chamada SGBD (Sistema de Gestão de Base de Dados)”,
que é um software cria uma estrutura que permite que a informação possa ser
armazenada e gerida.
Existem vários SGBD,
dentre os quais ORACLE, Informix, Adabas, SQL Server, Dbase, FoxPro, Access e
MySQL e este último o que iremos usar para a operacionalização do SGBD e
funciona num servidor designado WAMP.
Para que o utilizador
visite a nossa página tem que utilizar um navegador Web (browser); este
navegador contém todas as informações Web através de um protocolo HTTP
(protocolo de transferência de hipertexto). Neste caso, segundo ALVES: sd “variável que contém as informações Web da
nossa aplicação é o PHP”. O PHP é uma das variáveis do Wamp.
“WAMP é o termo usado para denominar os softwares que
efectuam a instalação automática de vários softwares de forma que facilitem e
agilizem a instalação dos mesmos.”
(SINGO)
O Wampserver é um
servidor gratuito que se instala no computador. Wampserver instala
automaticamente o Apache, MySQL e PHP5. Esse programa serve para criar um
localhost (servidor local) para rodar projectos de sites em HTML ou PHP. O PHP
se destaca pela extrema facilidade com que lida com o servidor de base de
dados, como MySQL.
A linguagem que o PHP é
a dos tags HTML; por exemplo:
<HTML>
<Head>
<Title>
</Title>
</Head>
<body>
</body>
</HTML>
Segundo ALVES, o PHP é
uma linguagem de programação de computadores, distingue-se da programação HTML,
simplesmente por ser muito utilizada para gerar conteúdos dinâmicos na Web.
Para que o utilizador
cumpra com as suas tarefas ele primeiro deverá aceder ao browser e inserir lá o seguinte endereço http://localhost/GRH/ e de
seguida poderá seguir o seguinte caminho.
O presente organigrama é
considerado viável visto que o simples acesso a máquina localhost não lhe dá o
privilégio de aceder ao menu principal. Deverá ser cadastrado, só assim poderá
aceder no mínimo ao menu principal. Uma das fragilidades da aplicação é o facto
de o simples acesso ao menu principal poderá ter a possibilidade de
cadastrar-se. Mas este incoveniente poderá ser corrigido pelo facto de o link
ao cadastro de funcionário estar na hierarquia abaixo do administrador.
Para que esta aplicação
funcionasse foi necessária a criação de duas tabelas em phpMyAdmin. O nome com
que se registou as tabelas é eGRH.
phpMyAdmin – Autor
A
segunda acção é a conexão da base de Dados através do Micromédia Dreamweaver8.
O Micromedia dreamweaver
é um softer de desenvolvimento voltado para a Web editor HTML.
Script
de Conexão
<?php
#
FileName="Connection_php_mysql.htm"
#
Type="MYSQL"
#
HTTP="true"
$hostname_conexao
= "localhost";
$database_conexao =
"egrh";
$username_conexao =
"root";
$password_conexao
= "";
$conexao
= mysql_pconnect($hostname_conexao, $username_conexao, $password_conexao) or
trigger_error(mysql_error(),E_USER_ERROR);
?>
Uma das vantagens do
micromedia dreamweaver é permitir selecionar
a maioria dos navegadores para se ter uma previsão da visualização do HTML Output da página directamente no
browser de destino.
Micromedia Dreamweaver8
Neste contexto, enquanto
o utilizador estiver a desenhar a interface, ele pode pré-visualizá-la.
Como já dissemos nos
parágrafos anteriores; para que a base de dados esteja funcional e ligada a
Web, foi necessário fazer uma conexão entre a BDs e o script HTML Dinâmico como
mostra o scream abaixo.
O SGBD suporta funções
que são comuns à maioria das aplicações no que diz respeito ao acesso aos
dados; cujas categorias de acesso poderão ser em primeiro pelo utilizador
primário; o arquitecto ou engenheiro da
aplicação, depois pelo administrador,
e por último usurários casuais.
Interface das
categorias: Autor
cujo script se segue abaixo
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html
xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
<title>Bem vindo ao Cadastro</title>
<style
type="text/css">
<!--
.style1 {
color: #00FF00;
font-family: "Times New
Roman", Times, serif;
font-size: 24px;
font-weight: bold;
}
.style2 {
color: #FF8000;
font-size: 24px;
font-family: Georgia, "Times
New Roman", Times, serif;
font-weight: bold;
}
.style4 {
font-size: 24px;
font-family: Georgia, "Times
New Roman", Times, serif;
font-weight: bold;
}
-->
</style>
</head>
<body
background="IMG/IMG_2225.JPG"><br />
<hr>
<img
src="IMG/logo3.png" width="1265" height="99"
/> <br />
</hr> <br />
<center><MARQUEE><H1><b>Cadastro
do Funcionario</b></H1></MARQUEE><br></center>
<center>
<table width="344" border="0">
<td width="254">
<a
href="cadastro_usuario.php"><span class="style4">
<center>Administrador</center> </span> </a>
<td><center>
<span
class="style4"><a
href="consulta_geral.php">Consulta geral</a></span>
</center> </td>
<td><center>
<a
href="cadastro_funcionarios.php"><span
class="style2">Cadastrar funcionario</span> </a>
</center></td>
<td><center>
<a href="cadastro_usuario.php"><span
class="style1">cadastrar usuario</span> </a>
</center></td>
</table>
</center>
</body>
</html>
Para a interface da
presente aplicação Web combinamos a forma e a função da aplicação. Sabemos que
a forma está directamente ligada ao aspecto físico mas, tratando-se de um
ambiente sintético, referimo-nos a estrutura da aplicação; a estética, a
simplicidade; acessibilidade; consistência; segurança e usabilidade.
Foram valorizados também
elementos multimédia: Imagem vectorial.
Um dos factores que consideramos importantes na segurança
é o facto de antes de aceder ao menu principal, o usuário deverá fazer o log
in:
A baixo vai o script de log-in
<?php require_once('../Connections/conexao.php'); ?>
<?php
// *** Validate request to login to this site.
if (!isset($_SESSION)) {
session_start();
}
$loginFormAction = $_SERVER['PHP_SELF'];
if (isset($_GET['accesscheck'])) {
$_SESSION['PrevUrl'] = $_GET['accesscheck'];
}
if (isset($_POST['textfield'])) {
$loginUsername=$_POST['textfield'];
$password=$_POST['textfield2'];
$MM_fldUserAuthorization = "";
$MM_redirectLoginSuccess = "menu.php";
$MM_redirectLoginFailed = "loginerror.php";
$MM_redirecttoReferrer = true;
mysql_select_db($database_conexao, $conexao);
$LoginRS__query=sprintf("SELECT Username, Password FROM autenticacao WHERE Username='%s' AND Password='%s'",
get_magic_quotes_gpc() ? $loginUsername : addslashes($loginUsername), get_magic_quotes_gpc() ? $password : addslashes($password));
$LoginRS = mysql_query($LoginRS__query, $conexao) or die(mysql_error());
$loginFoundUser = mysql_num_rows($LoginRS);
if ($loginFoundUser) {
$loginStrGroup = "";
//declare two session variables and assign them
$_SESSION['MM_Username'] = $loginUsername;
$_SESSION['MM_UserGroup'] = $loginStrGroup;
if (isset($_SESSION['PrevUrl']) && true) {
$MM_redirectLoginSuccess = $_SESSION['PrevUrl'];
}
header("Location: " . $MM_redirectLoginSuccess );
}
else {
header("Location: ". $MM_redirectLoginFailed );
}
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>login</title>
<style type="text/css">
<!--
.style1 {
font-size: 18px;
font-weight: bold;
color: #800000;
}
-->
</style>
</head>
<body>
<td><form id="form1" name="form1" method="POST" action="<?php echo $loginFormAction; ?>">
<p>username
<input type="text" name="textfield" />
<p>password
<input type="password" name="textfield2" />
<input type="submit" name="Submit" value="ENTRAR" />
</body>
</html>
Se o usuário falhar/errar o usuário de entrada ou a sua
palavra-chave, ele receberá informação de que errou.
Para a questão da
usabilidade, foram criadas categorias de usuário que compreendem as seguintes:
a Administrador
Responsáveis
por administrar os recursos (SGBD, bancos de dados, ferramentas, etc.):
•
Autorizar acesso as BDs
•
Coordenar e monitorar o uso das BDs
• Adquirir novos pacotes
(software/hardware)
Interface do Administrador:
Autor
a) Usurários
casuais
Acedem a BD
ocasionalmente usando linguagem de consultas sofisticada.
– Ex.: Gerentes que
fazem consultas para tomada de decisão.
Interface de consultas
Gerais: Autor
Primeiro pretendemos
salientar que a aplicação não é acabada, precisa de melhorias. Mas uma das
limitações da aplicação é só o de registo do funcionário e nada mais, isto é, a
amplitude da BDs e que ela só poderá ser acedida por um navegador.
Tanto no presente como em tempos remotos o homem sempre
sentiu a necessidade de se comunicar com os outros e de guardar, conservar seus objectos e informações. Sempre se
procurou soluções rápidas para
melhoria da qualidade de
informação e seu melhor armazenamento e posterior consulta.
Com a presente aplicação Web deve-se
acreditar que é possível guardar,
gerir e manipular informação dos funcionários da empresa, SICREL. Esta
aplicação poderá facilitar a gestão dos RH da mesma.
A presente aplicação Web que foi
concebida com bases nos conceitos de Aplicação Web; foram considerados vários aspectos que tornam mais
atraentes aos users.
A página Web
foi concebida para que utilizador em qualquer ambiente tenha a possibilidade de aceder aos dados e isso só será
possível caso o utilizador estiver ligado a Web.
