A apresentação está carregando. Por favor, espere

A apresentação está carregando. Por favor, espere

DESENVOLVIMENTO EM AMBIENTE WEB Desenvolvimento Baseado em XML.

Apresentações semelhantes


Apresentação em tema: "DESENVOLVIMENTO EM AMBIENTE WEB Desenvolvimento Baseado em XML."— Transcrição da apresentação:

1 DESENVOLVIMENTO EM AMBIENTE WEB Desenvolvimento Baseado em XML

2 WWW: World Wide Web Tecnologia Cliente-Servidor Inclui mecanismos para: –Download de arquivos –Upload de mensagens –Visualização de múltiplos formatos de arquivos no cliente. REQUISIÇÃO RESPOSTA Arquivos PROTOCOLO HTTP

3 Documentos Web HTML (index.html) 1 – get index.html Figura JPEG (img.jpeg) 1) O cliente requisita a página HTML 2) O servidor envia a página HTML para o Cliente 3) O browser do cliente interpreta a página HTML. 4) Se a página HTML fizer referência a outros arquivos o browser solicita cada arquivo separadamente para o servidor. 2 – index.html 3 4 – get img.jpeg5 –img.jpeg

4 Tecnologias WWW WWW é o resultado da combinação de várias tecnologias: TCP/IP: infra-estrutura de rede Arquitetura cliente/servidor: estratégia para implementação dos serviços HTTP: Protocolo de aplicação MIME: padrão de codificação dos dados –Multipurpose Internet Mail Extensions HTML: padrão de apresentação dos dados –Hypertext Markup Language

5

6 URL: Universal Resource Locator

7 Interface Universal WWW: Interface Universal para Dados e Aplicações InformaçõesAplicações WWW

8 Sistemas de Informação –Estáticas –Dinâmicas: Integração com Banco de Dados Transações Financeiras –Home Banking –Comércio Eletrônico: B2C e B2B Interface para outros sistemas –Gerência de Redes –Web Mail –Aplicativos Legados

9 Integração com a base existente Servidor Web mainframe legacy system Bases de sistemas de ERP Base de documentos não estruturados Acesso via WWW Páginas HTML Navegador (cliente universal)

10 Migração de Aplicativos e Sistemas anos 70 anos 80 anos 90 MainFrame Interface e lógica da aplicação Cliente - Servidor Interface gráfica separada da lógica de aplicação Intranet interfaces homogêneas e Integração de Redes DownSizing Browsers + Objetos Novos Meios de Acesso WML/WAP eVoiceXML MicroBrowsers + Browsers de Voz anos 00

11 AS P JSP Perl PHP Servlet s JavaScrip t Applets Plug-ins XML Extensões da Tecnologia WWW CGI HTM L HTTP Sempre presentes Concorrentes Facultativas VoiceXML WML

12 Tecnologias Básicas HTTP: –HyperText Transfer Protocol –Protocolo de Comunicação HTML: –Hypertext Markup Language –Linguagem definida de acordo com SGML CGI –Commong Gateway Interface

13 HTTP - HyperText Transfer Protocol Protocolo de aplicação da arquitetura TCP/IP usado para estabelecer a comunicação entre clientes e servidores no ambiente WWW.

14 MIME – MultiPurpose Internet Mail Extensions DOCUMENTO –página html –arquivo texto –arquivo de imagem –arquivo de som TIPO MIME –text/html –text/plain –image/gif, image/jpg, etc. –audio/wav, audio/x- mpeg, etc.

15 HTTP: Funcionamento HTTP é um protocolo sem estado (stateless) –O servidor não guarda o estado do último cliente-servidor. –O cliente não guarda o estado do andamento da transação com o servidor N Conexão TCP Desconexão TCP Requisição HTTP Resposta HTTP 4 5 Requisição HTTP Resposta HTTP … HTTP 1.1

16 HTTP Funcionamento Conexão TCP Desconexão TCP Requisição HTTP Resposta HTTP HTTP 1.1 ARQUIVO 10 Mbytes t Neste ponto o arquivo de ter sido carregado por completo

17 STATELESS X STATEFULL STATELESS STATEFULL Dados relativos a cada usuário, armazenados no servidor enquanto durar a conexão. GRANDE NÚMERO DE USUÁRIO TEMPO DE RESPOSTA LONGO PEQUENO NÚMERO DE USUÁRIO PEQUENO TEMPO DE RESPOSTA

18 HTML: Hypertext Markup Language TITULO QUE APARECE NO BARRA SUPERIOR DA JANELA Texto Normal Texto em Negrito link para outra pagina MARKUP: Linguagem baseada em TAGS TAG link para outra página

19 Tranferência de Documentos Hipertexto

20 Exemplo de Tags......

21 Tags para Formulários Login: Senha: Login: Senha: Logar

22 XML HTML: Hypertext Markup Language –Conjunto de TAGS pré-definidos XML: eXtensible Markup Language –Quem fornece a informação pode definir novos tags e atributos conforme sua necessidade. Aplicações para o XML. –Mediação entre dois ou mais sistemas heterogêneos utilizando a Internet. –Distribuição do processamento para o cliente

23 XML X HTML –HTML: As informações estão em formato livre. –XML: As informações estão categorizadas por TAGS especiais Invoice From: Joe To: A. Another Date: 01/01/2000 Quantia: R$100,00 Taxa: 21% Total: R$121,00 Joe A. Another 01/01/ ,00 : ,00

24 Visualização no Internet Explorer 5.0 O Internet Explorer utiliza folhas de estilo para visualizar páginas XML. PÁGINA XML Ref a uma folha de estilo: …. PÁGINA XSL A FOLHA DE ESTILO DEFINE COMO MOSTRAR OS TAGS XML EM HTML.XML.XSL

25 Implementação com XML

26 Definição dos TAGS: DTD (Document Type Definition) %address; %items;

27 Aplicações MathML. –Matemática. CML. –Química. PGML. –Gráficos de precisão. SMIL. –Multimídia (webTV). CDF. –Remessa automática de dados. EDI –Intercâmbio eletrônico (e-business) VOICEXML –Acesso a Internet via Voz. WML –Wireless Markup Language

28 EDI Sistema de intercâmbio ou troca de documentos eletrônicos –Permite trocar informações entre empresas sem a intervenção humana. SISTEMA DISTRIBUIDOR SISTEMA FABRICANTE ENCOMENDA DE PRODUTOS ENVELOPE Coleção de documentos do mesmo tipo Documento = message ou transaction set

29 Exemplo: Encomenda de Livro Friday, January 5, ECC Edgard Jamhour PUCPR Imaculaca Conceicao Curitiba PR 80000

30 SSN Tom Clancy English Apenas um teste....

31 Common Gateway Interface CGI: –Gateway entre WWW e outras aplicações. –CGI é uma interface que permite executar programas e aplicações externas sob o controle de um servidor HTTP. Mensagem MIME e cabeçalho HTTP Requisição HTTP Dados enviados pelo Cliente Resposta não WWW Servidor WWW APLICAÇÃO

32 Seqüência De Eventos Da Chamada CGICGI

33 Banco de Dados em Ambiente WWW As consultas são sempre processadas no servidor. cliente ServidorWWW cliente tabelas tabelas Servidor de Banco de Dados ServidorWWW CGI CGI

34 Web substitui outros ambientes? Cliente (Navegador Web) Servidor WEB HTTP Deve ser capaz de reproduzir os mesmos recursos de interface das aplicações legadas Aplicação Legada Deve ser capaz de reproduzir os mesmos recursos de aplicações servidoras

35 Limitações do Esquema CGI + Scripts + Forms A INTERFACE DO CLIENTE TABALHA APENAS COM TEXTO. –Não é possível inserir informações gráficas ou som nos campos de um formulário HTML. O CGI PERMITE EFETUAR APENAS PROCESSAMENTO EM BATCH –Não é possível fazer processamento no lado do cliente. –Não é possível manter a conexão entre o cliente e o servidor.

36 AS P JSP Perl PHP Servlet s JavaScrip t Applets Plug-ins XML Extensões da Tecnologia WWW CGI HTM L HTTP Sempre presentes Concorrentes Facultativas VoiceXML WML

37 JavaScript

38 Tecnologias WEB - Comparação Fonte ByteCode Fonte Interpretador Executável Interpretador Executável DESENVOLVEDOR USUÁRIO compiladointerpretadobytecode PLUG-INSJAVASCRIPTJAVA Compilador

39 Internet com Java OBJETIVO: –Disponibilizar qualquer tipo de aplicação sem precisar instalar nenhum tipo de software no cliente. CUSTO DE DEPLOYEMENT = ZERO CUSTO DE ATUALIZAÇÃO = ZERO RISC com UNIX WINDOWS com INTEL aplicações Programa a ser instalado

40 Applets e Servlets Applets e Servlets são denominações dadas a programas escritos em java para Internet. Applets: aplicações para clientes –pequenas aplicações embutidas no navegador web. –implementam uma interface gráfica com o usuário. Servlets: aplicações para servidores –aplicações sem interface gráfica, executadas no servidor. –funcionam de maneira similar ao CGI, mas possuem um conjunto amplo de APIs que facilitam o desenvolvimento de novas aplicações.

41 textobytecode formulário.htmlsaldo.class texto bytecode GET formulário.html GET saldo.class Instalação de appletsapplets formulário.html Saldo.class

42 Aplicações Nativas para Web requisição resposta SERVIDOR WEB INTERPRETADO R JSP INTERPRETADO R ASP INTERPRETADO R PERL Baseados em scripts interpretados em módulos colocados no servidor. Falam apenas pela porta 80 via HTTP. INTERPRETADO R PHP Scripts JSP Scripts ASP Scripts PERL Scripts PHP HTML 80 aplicações

43 Interpretador requisição resposta SERVIDOR WEB INTERPRETADO R Scripts HTML + Código HTML 80 FUNCIONA COMO UM CGI GENÉRICO Scripts HTML SERVIDOR WEB


Carregar ppt "DESENVOLVIMENTO EM AMBIENTE WEB Desenvolvimento Baseado em XML."

Apresentações semelhantes


Anúncios Google