quinta-feira, 19 de setembro de 2013

Aplicacoes Web

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

Introdução

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.

1. Contextos

1.1. Base de Dados

É 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[1] “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.

1.2. Aplicação Web

Segundo (SINGO:sd)[2] “É 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)”[3], 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.

1.2.1. 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)[4]

[1] Ph.D Félix Singo – SGBD e Aplicação Web - vorlesung II PDF para aula do mestrado, julho 2013

[2] Ph.D Félix Singo – Aplicação Web - Vorlesung I PDF para aula do mestrado, julho 2013

[3] Ph.D Félix Singo – SGBD e Aplicação Web - vorlesung II PDF para aula do mestrado, julho 2013

[4] Ph.D Félix Singo – SGBD e Aplicação Web - vorlesung II PDF para aula do mestrado, julho 2013

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.

1. Organigrama/Storyboard da Aplicação 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

1.1. Conexão à BDs

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.

3. Interface da Aplicação web

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



</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">



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

4. Limitações

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.

5. Considerações

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.

6. Bibliografia

1. http://www.scielo.br/pdf/es/v28n100/a1928100.pdf - acesso a 09.09.2013

2. MENDES, T. Aplicações Educacionais Multimédia. Departamento de Engenharia Informática, Coimbra, 2001

3. SINGO, Félix. Aplicações Web - Vorlesung I PDF para aula do mestrado, julho 2013

4. SINGO, Félix. Sistema de Gestão de Base de Dados e Aplicação Web - vorlesung II PDF para aula do mestrado, julho 2013

5. http://forum.blogsdox.com/t124-o-que-e-e-para-o-que-serve-o-wampserver acesso a 17.09.2013

6. ALVES, Pedro Ferreira. Maromo- apostila de PHS acesso em 7. http://fatec.maromo.pro.br/arquivos/PHP_Maromo.pdf a 17.09.2013

Nenhum comentário:

Postar um comentário

Assinar: Postar comentários (Atom)