Introdução à Engenharia da Computação. Tecnologia Web Professor Machado

Tamanho: px

Começar a partir da página:

Download "Introdução à Engenharia da Computação. Tecnologia Web Professor Machado"

Ana Carolina Camarinho Campelo
8 Há anos
Visualizações:

1 Introdução à Engenharia da Computação Tecnologia Web Professor Machado 1

2 WWW - World Wide Web Surgiu da necessidade de troca de documentos entre institutos de pesquisas. Utiliza o protocolo HTTP (HyperText Transfer Protocol). Solicitações feitas por URL (Uniform Resource Locator). Ex.: Web Client HTTP REQUEST HTTP RESPONSE Web Server 2

Utiliza o protocolo HTTP (HyperText Transfer Protocol).

3 Formato de Documentos SGML (Standard Generalize Markup Language): padrão ISO para linguagens de formatação de texto: originou HTML e XML. HTML (HyperText Markup Language): formato para troca de documentos via HTTP. Padrão para construção de documentos baseado em marcadores pré-definidos (tags), com o objetivo principal de descrever a formatação do documento. Ex.: <nome_marcador> ou </nome_marcador> 3

HTML (HyperText Markup Language): formato para troca de documentos via HTTP.

4 HTML - Exemplo <html> <head> <title>www</title> </head> <body> <table> <tr> <td>isso é uma <font face="arial"> página bem tosca. </font> </td> <td></td> <td></td> </tr> </table> </body> </html> 4

5 Formato de Documentos XML (extensible Markup Language): padrão criado para resolver falhas do HTML. Orientado aos dados e não seu formato de apresentação. É uma meta linguagem de marcação. Vários padrões derivados do XML foram criados. As capacidades de representação do XML foram embutidas no HTML que se utiliza atualmente, cujo nome é XHTML. 5

É uma meta linguagem de marcação. Vários padrões derivados do XML foram criados.

6 XML - Exemplo <?xml version="1.0" encoding="utf-8"?> <Clientes> <Cliente> <Codigo>001</Codigo> <Nome>João</Nome> </Cliente> <Cliente> <Codigo>002</Codigo> <Nome>Maria</Nome> </Cliente> <Cliente> <Codigo>003</Codigo> <Nome>José</Nome> </Cliente> </Clientes> 6

7 Processamento no Cliente O computador que recebe o documento HTML tem capacidade de processamento (não é terminal burro). Algumas ações simples podem ser realizadas no cliente (Ex.: consistência de dados de entrada). O HTML suporta scripts para tal fim. Ex.: JavaScript <script language="javascript"> document.write("gerando HTML no cliente:"); for(i=1; i < 10; i++){ document.write(i + "<BR>"); } </script> 7

: consistência de dados de entrada). O HTML suporta scripts para tal fim. Ex.

8 Evolução da Web Idéia inicial: documentos estáticos (HTML). Algumas ações podem ser realizadas no cliente (Scripts no cliente) Necessidade de geração dinâmica de conteúdo: CGI (Common Gateway Interface): programas que interceptam chamadas HTTP e as respondem com conteúdo dinâmico. Scripts no Servidor: Pseudo-tags HTML que são pré-processadas no servidor, gerando apenas HTML para o cliente. Plataformas de desenvolvimento de Aplicações Web. 8

conteúdo: CGI (Common Gateway Interface): programas que interceptam chamadas HTTP e as respondem com conteúdo

9 Evolução da Web: geração dinâmica HTTP REQUEST File Server Web Client HTTP RESPONSE Java or ActiveX Web Page (HTML and Scripts) Web Server Dinamic Agent Mail Server Database Server Others 9

10 Scripts no Servidor (PHP) - Exemplo... <?php $ret $campo1, $campo2 FROM $tabela", $conexao));?> <table border="1" width="100%"> <tr><td>campo 1</td><td>Campo 2</td></tr> <?php $cont = 0; while ($registro = mysql_fetch_array($ret)) { echo "<tr>"; echo "<td>".$registro[ campo1 ]."</td>"; echo "<td>".$registro[ campo2 ]."</td>"; echo "</tr>"; }?> </table>... 10

$php $cont = 0; while ($registro = mysql_fetch_array($ret)) { echo "<tr>"; echo "<td>".$

11 Plataforma.NET (Apresentação) - Exemplo... <body> <asp:datagrid id="datagrid1" runat="server" DataSource="<%# dataset11 %>" AutoGenerateColumns="False"> <Columns> <asp:boundcolumn DataField="Codigo" SortExpression="Codigo" HeaderText="Codigo"> </asp:boundcolumn> <asp:boundcolumn DataField="Nome" SortExpression="Nome" HeaderText="Nome"> </asp:boundcolumn> </Columns> </asp:datagrid> </body>... 11

AutoGenerateColumns="False"> <Columns> <asp:boundcolumn DataField="Codigo" SortExpression="Codigo"

12 Plataforma.NET (Código) - Exemplo... public class WebForm1 : System.Web.UI.Page { protected WebApplication1.DataSet1 dataset11; protected System.Web.UI.WebControls.DataGrid DataGrid1; }... private void Page_Load(object sender, System.EventArgs e) { DataGrid1.DataSource = dataset11; DataGrid1.DataBind(); } 12

$.. private void Page_Load(object sender, System.EventArgs e) { DataGrid1.$

13 Desenvolvimento Web Novo paradigma de programação? Pode ser utilizado qualquer paradigma (as plataformas mais recentes são adeptas da OO). Diferença mais fundamental de desenvolvimento tradicional: Arquitetura Cliente / Servidor. Novos conceitos: outra maneira de se trabalhar: limitações da interface, perda de estado da aplicação, integração de módulos distintos. 13

Diferença mais fundamental de desenvolvimento tradicional: Arquitetura Cliente / Servidor.

14 Desenvolvimento Web Com a popularização da Web o mercado vislumbra novas possibilidades: Propaganda Negócios Entretenimento Comunicação Componente visual (artística) do sistema requer mais atenção (normalmente de uma equipe especializada). Plataformas atuais auxiliam na separação de Código (regras de negócio) e Interface (apresentação). 14

(artística) do sistema requer mais atenção (normalmente de uma equipe especializada).

15 Desenvolvimento Web Cuidado com a WebMania : nem tudo roda melhor na Web!!! Ideal para consultas, com pouca interação com o usuário. Interatividade massiva com o usuário não é o forte, (viagens ao servidor atrapalham) embora tenha melhorado. Sistemas híbridos podem ser a chave do sucesso. 15

Interatividade massiva com o usuário não é o forte, (viagens ao servidor

Documentos relacionados

A autoria - II. A autoria - II. Tecnologias básicas da Web. A autoria - II. 2001 Wilson de Pádua Paula Filho. Tópicos:

A autoria - II. A autoria - II. Tecnologias básicas da Web. A autoria - II. 2001 Wilson de Pádua Paula Filho. Tópicos: A autoria - II Tópicos: A autoria - II World Wide Web hipermídia na Internet: sítios Web: páginas de hipertexto; material multimídia; aplicativos Web: muitos tipos de tecnologias de software: scripts,