de Sistemas Informáticos
Nuno Miguel Matos Pereira Gestor de Sistemas de Informação e Multimédia
◦
(cartões perfurados; fitas perfuradas; discos)
◦
◦
disquete 5 ¼
◦
Descarr Descarrega egarr softwa software re e dados dados (download )
◦
◦
◦
◦
◦
Ler no notí tíccias Trocar mensa ens com outros utilizadores ou com o oper operad ador or do sist sistem emaa Part articip cipar em fóruns de discu iscusssão Conv nveersar (chat ) com com outros ros utiliz lizadores res ou com o opera operado dorr do sist sistem emaa - -
◦
Baixo custo de conexão entre computadores em dife difere rente ntess local localid idad ades es ligação local
Porto PCBoard
Lisboa PCBoard
Unidade I ‐ Introdução a WEB e seus recursos A World Wide Web (que em português significa, "Rede de alcance mundial"; também conhecida como Web Web e WWW) é um sistema de documentos Multimédia que são interligados e executados na Internet.
O primeiro conceito de Web surgiu 1980, na (Suíça), quando Tim Berners‐Lee const construi ruiu u o EN UIRE. UIRE. Ainda Ainda ue difer diferen ente te da Web actual, o projecto continha algumas das mesmas ideias primordiais. A sua intenção original foi tornar mais fácil a partilha de documentos e a facilidade de pesquisas entre os utilizadores.
Unidade I ‐ Introdução a WEB e seus recursos
URL‐ especifica como cada página de informação recebe um "endereço" único onde pode ser encontrada. Esse padrão é definido em RFC 1738 (URL, em dezembro de 1994) e RFC 3986 (URI, em janeiro em janeiro de 2005). HTTP‐ um protocolo que especifica como o navegador e servidor web comunicam entre si. Esse padrão é definido em RFC 1945 (HTTP/1.0, maio de 1996), RFC 2616 (HTTP/1.1, junho (HTTP/1.1, junho de 1999) e RFC 2617 (autenticação HTTP). HTML‐ uma linguagem de marcação para codificar a informação de modo que possa ser exibida em uma grande quantidade de dispositivos. Esse padrão é definido em HTML 1[9], RFC 1866 (HTML 2.0), HTML 3.2[10], HTML 4.01[11] e XHTML[12].
◦
◦
◦
◦
◦
Nova arquitectura Novo paradigma Mesm Me smaa ne nece cess ssid idad adee Mesmos utilizadores Novos desafios
◦
Baseadas em Main-Frame -
◦
◦
Cliente-Servidor
Com Com ins insta tala la ão no clie client ntee Sem instalação no cliente (baseadas em navegadores ou servidores)
u - a ma a
◦
Interface, Lógica de Negócio, Acesso a dados, Persistência
s a c i t s í r e c a r a C
Componentes HTML Dinâmico & AJAX Páginas estáticas Tempo
browser ◦
Sem treino
◦
Tecnologias padrões de mercado ◦
◦
Escalável
HTML ◦
◦
◦
CGI ◦
◦
roda do lado do cliente
Java ◦
◦
◦
◦
◦
◦
roda no servidor WEB e retorna um HTML consiste consiste em uma tecnolog tecnologia ia que permite permite que que programas programas interpret interpretados ados gerem gerem p ginas web din micas, permitin permitindo do a um navegador passar parâmetros para o servidor web para então receber o resultado do processamento.
Plug-in ◦
sem estado, estático GUI si sim les somente apresentação
dinâmica (carregamento de classes) estados (objetos) so s ca as , e ava erver aces Portável (programas independentes de plataforma) permite que páginas web incrustem pequenos programas (scripts) será rodada no navegador do usuário. Rotinas de programação que são executadas no cliente e que permitem grandes possibilidades de interatividade com os internautas
Ajax ◦
◦
baseada em JavaScript que fornece um método no qual pequenas partes de uma página web podem ser atualizados sem a necessidade de atualização de toda a página. Evolu ão conceitual do avaScri t ermite realizar conexões com servidores sem ue uma á ina recise ser recarre ada.
Apache ◦
Servidor web ratuíto mais utilizado da Internet
IISIIS- Int Intern ernet et Infor Informat mation ion Serv Service ice ◦
◦ ◦
Servidor web incorporado nos sistemas Operativos Windows
roda no cliente simples e poderosa
◦
ASP ◦
◦
roda no cliente Interpretada
MYSQL ◦ ◦
fácil interfaceamento com Apache e PHP
do cliente; ◦
Javascript;
◦ ◦ ◦
Applets de Java; Compon Component entes es Active ActiveX; X;
do servi rvidor; ◦
◦ ◦ ◦ ◦
CGI – Common Gateway Interface – com scripts em C, perl,
Servlets de Java; JSP – Java Server Pages; – PHP – Personal Home Pages – código aberto e com distri distribui buição ção gratui gratuita. ta.
Existem várias arquitecturas diferentes que permitem a construção de aplicações WEB. Internet que é uma união muito feliz de algumas ferramentas que permitem a criação de aplicações WEB.
–
◦
PHP – Linguagem Linguagem de de programaçã programação o para web (server(server-side) side)
◦
Intr Introd oduz uzid ido o no códi códi o da á ina ina HTML HTML não repassada para o cliente.
roce rocess ssad adaa no serv servid idor or e
MySQL – Base de de dados dados relacio relacional nal (SQL)
Documento base no formato HTML (extensões .HTML ou .HTM)
Processa requisições SQL (linguagem padronizada para consultas a
Todas as ferramentas acima existem em várias plataformas (Windows, Linux, MacOs entre outras). , informações implementando uma aplicação funcional disponibilizada na internet.
◦
Ferramentas gratuitas e amplamente utilizadas em a lica ões na Internet.
HTTP módulo PHP
Para instalar esta arquitectura já existe um pacote pronto previamente con gura o que spon za o o o er erramen a necess r o para pro uz r aplicações WEB com Apache+PHP+MySQL (http://www http://www.wampserver .wampserver.com/en/download.php .com/en/download.php). ). A ós a iins nsta tala laçã ção o iini nici cie e o Wam Serv Server er e ver verif ifii ue se todo todos s os os ser servi viço ços s for foram am iniciados com sucesso. Em alguns casos pode haver algum problema devido às portas de rede TCP/IP já estarem sendo utilizadas por outras aplicações (como por exemplo com o Skype), se ocorrer algum destes problemas, feche as outras aplicações que se utilizam da rede para dar espaço para o servidor . aplicações. O Wamp possui um diretório o qual é definido como a raíz do site e normalmente está localizado no diretório “c:\wamp\www”. Para utilizar os que em algum subdiretório desta pasta).
Para rodar um programa em PHP é necessário um browser qualquer e o endereço de acesso será o “http://localhost” ou “http://127.0.0.1”. Não é . sistema de arquivos. Para executar o programa é preciso passar pelo Apache com o módulo PHP ativo.
arquivo texto com o conteúdo abaixo e verifique se foi obtido sucesso.
Prim Primei eiro ro Pro Pro rama rama em em PHP PHP
Exemplo de código php no servidor go rece
<br />
<br />
<HEADER><br />
<br />
Primeiro Programa em PHP<br />
<br />
o pe o rowser<br />
<br />
<TITLE><br />
<br />
Primeiro Programa em PHP
Exemplo 1
= "
"
Ex Exem empl plo o 1 1>
echo $primeiravar; ?>
Olá Mundo!
< BODY>
Base de dados Relacional (baseado em tabelas relacionadas) Um Base de Dados é composto basicamente por a e as e relacionamentos. estrangeiras são utilizadas de forma a permitir que ca a registro possa ser identificado e relacionado outras tabelas.
◦
CREATE
◦
DATABASE TABLE
USE
◦
◦
◦
◦
◦
INSERT INTO UPDATE DELETE SHOW
DATABASES TABLES FIELDS FROM
Utilizado para a criação de um novo Base de dados em um servidor M S L ◦
Exemplo de utilização:
mysql> CREATE DATABASE ‘AGENDA’; Query OK, 1 row affected (0.03 sec) mysql>
Exemplo de utilização: mysql> SHOW DATABASES; +--------------------+ | Database | +--------------------+ | agenda | | mysql | +--------------------+ 2 rows in set (0.00 sec) mysql>
Utilizado para ativar um Base de dados para uso ◦
Exemplo de utilização: mysql> use agenda Database changed
Exemplo de utilização: mysql> CREATE TABLE contatos( -> co codi di o int int no not t nul null, l, -> nome varchar(200) not null, -> telefone varchar(20) not null, -> email varchar(150), -> aniversario date not null default ‘0000-00-00’) -> ; Query OK, 0 rows affected (0.25 sec) mysql>
Utilizado para incluir registros em uma tabela de Base de dados mysql> INSERT INTO contatos VALUES (1,'Maurício', '3124-7200', '[email protected]', '1970-05-24'); , . mysql>
Utilizado para visualizar o conteúdo de uma tabela do Base de dados
Exemplo de utilização: m s l> SEL ELEC ECT T * FROM co cont ntat ato os +--------+----------+-----------+----------------+-------------+ | codigo | nome | telefone | email | aniversario | +--------+----------+-----------+----------------+-------------+ 1 Mauríc Maur ício io 3124312 4-72 7200 00 tuska tus ka@ @ uc ucs s .b .br r 1970-0 1970 -055-24 24 +--------+----------+-----------+----------------+-------------+ 1 row in set (0.28 sec) m s l>
Utilizado para alterar o conteúdo de registros de uma tabela mysql> UPDATE contatos SET nome='Maurício Nacib Pontuschka' WHERE codigo=1; Query OK, 1 row affected (0.13 sec)
mysql> SEL mysql> SELECT ECT * FROM FROM cont contato atos; s; +--------+---------------------------+-----------+----------------+-----------| codigo | nome | telefone | email | aniversario | +--------+---------------------------+-----------+----------------+-----------| 1 | Maurício Nacib Pontuschka | 3124-7200 | tuska@pucsp [email protected] .br | 1970-0524 | +--------+---------------------------+-----------+----------------+-----------1 row in set (0.00 sec) mysql>
Utilizado para remover registros de uma tabela ◦
Exemplo de utilização:
mysql> DELETE FROM contatos WHERE codigo=1; Query OK, 1 row affected (0.30 sec) mysql> SELECT * FROM contatos; Empty set (0.00 sec)
Utilizado para listas as tabelas de um Base de dados (ativo) ◦
Exemplo de utilização: mysql> SHOW TABLES; +------------------+ _ _ +------------------+ | contatos | +------------------+ . mysql>
Utilizado para listas as tabelas de um Base de dados (ativo) ◦
Exemplo de utilização: mysql> SHOW FIELDS FROM contatos; +-------------+--------------+------+-----+------------+-------+ +-------------+--------------+------+-----+------------+-------+ | codigo | int(11) | NO | | | | | nome | varchar(200) | NO | | | | | email | varchar(150) | YES | | NULL | | | aniversario | date | NO | | 0000-00-00 | | +-------------+--------------+------+-----+------------+-------+ . mysql> exit Bye
.
2. . 4. 5. 6.
um determinado endereço URL (Universal Resour Resource ce Locato Locator) r) a um um servi servidor dor;; O pe i o cana iza o atrav s a Re e at ao servidor; , página solicitada; A página de resposta é enviada para a Internet, caso exista; A página é conduzida até ao PC que fez o pedido; or m, o rowser a re a p g na.
– limita-se a apresentar determinados conteúdos fixos e sem re i uais; O que não é página Web dinâmica – para além dos conteúdos fixos, exibe também elementos (animação, vídeo, etc.) que se modificam. ma p g na we n m ca – m serv or que utiliza pelo menos uma tecnologia do . (server-side), normalmente ligado a BD.
Access,Oracle, Informix, etc º ◦
◦
Ir a http://httpd.apache.org e fazer o download; Os dados pedidos podem ser aleatórios porque é ara uma fase de testes.
Podemos activar, desactivar ou reiniciar o servido servidorr Apach Apachee – Todos Todos os os progr programa amass – Apac e HTTP Server – Contro Apac e Serv Server er (Res (Restar tart, t, Star Startt e Stop Stop). ).
. . O nome será igual ou parecido a: php-5.0.0. Escolhe-se Windows Binaries e PHP 5... a er o uma p g na on e sugere um m rror de Portugal, é só clicar e fazer o download.
Temos que copiar todos os ficheiros .dll da directoria do PHP para a directoria C:\Windows\system32; Procuramos Procuramos o ficheiro php.ini.reco php.ini.recommend mmended ed da pasta do PHP para a pasta C:\Windows C:\Windows e mudamos o seu nome para php.ini;
◦
◦
extension_d extension_dir=c:/p ir=c:/php/ex hp/extt (mudar para ficar assim); _
=“
Adicionar o PHP à configuração do Apache ◦
Abrir ficheiro ficheiro httpd.conf httpd.conf – C:\Programas\Ap C:\Programas\Apache ache Software Software Foundation\Apache2.2\conf, e no final escrevemos: LoadModule LoadModule php5_modul php5_modulee c:/php/php5 c:/php/php5apache.d apache.dll ll AddModu AddModule le mod_ph mod_php5. p5.cc AddTyp AddTypee applic applicati ation/ on/x-h x-http ttpd-p d-php hp .php .php Action application application/x-ht /x-httpd-p tpd-php hp "/php/php "/php/php.exe“ .exe“
”
. . – descompactá-lo .
Seguir as instruções a ane a en rar na c:\mysql\bin ns a ar – mysq -n -- ns a
rec or a
n: c
vamos utilizar o servidor Web corr corres es on onde dent nte. e. O acot acotee WAMP WAMP ou LAMP LAMP á inclui as aplicações necessárias para colocar em funcionamento o servidor WEB.
nc u es : - Apach pachee 2.2. 2.2.11 11 . . - PHP PHP 5.2.9-2
