Evolução da Web: De Páginas Estatísticas a Web Services Wandreson Brandino Setembro/2002 Evolucao da Web

Agenda Breve Historia da Web Benefícios e Crescimento da Web Comércio Eletrônico Paginas Estatísticas HTML Dinâmico Paginas Dinâmicas XML Evolucao da Web

Agenda XSLT Web Services Estudo de Caso – Lynx Austrália Considerações de Implementação Conclusão Perguntas Evolucao da Web

Breve História da Web 1969 – Criação da Internet através do projeto ARPANET. Primeiros Serviços: FTP, E-mail e Telnet. 1989 – Invenção da Web por Tim Berners-Lee enquanto trabalhava no CERN (European Particle Physics Laboratory). Atualmente, presidente do W3c – World Web Consortium 1990 – Tim escreve o primeiro Browser (não gráfico) 1993 – NCSA (National Center for Supercomputing Application) lança o primeiro browser gráfico, desenvolvido por Marc Andreessen’s. Evolucao da Web

Breve Historia da Web 1994 Marc Andreessen e colegas saem da NCSA para formar a “Mosaic Communications Corp” (atualmente Netscape). World Wide Web Consortium (W3C) fundado Inicio da Internet Comercial 1995 Sun Lanca Java Nestscape cria JavaScript 1996 – Microsoft entra no mercado de Browser. Comeca a Guerra dos Browsers 1998 – Criação do Padrão XML pelo W3C 2000 – Web Services (Standard completo ficara pronto em Fevereiro/2004 -W3C) Evolucao da Web

Benefícios e Crescimento da Web Compartilhamento de informação Fácil criação de conteúdo e aplicações para distribuição global Simples manutenção. Usuário não precisa instalar software na máquina Acesso de qualquer lugar do planeta Evolucao da Web

Benefícios e Crescimento da Web Ano Total Servidores 1993 600 1994 10000 1995 60374 1996 603367 1997 1681868 1998 3689227 1999 9560866 2000 25675581 2001 36276252 Agosto/2002 35991815 Fonte: http://www.netcraft.co.uk/survey/ Evolucao da Web

Comércio Eletrônico Mudança de foco: Usuários e empresas demandam acesso a informação via Web Não é mais um diferencial Extensivo uso da tecnologia (B2B) para diminuição de custos e melhoria de processos Evolucao da Web

Paginas Estáticas HTML Exemplo Linguagem de marcação, não-proprietária, baseada no modelo SGML Tags pre-definidas com uso de marcação para formatação de texto e imagens Fácil uso Facilidade de interligação de documentos em diferentes origens Crescente número de aplicações suportam HTML – Desde editor de texto simples como bloco de notas até ferramentas especificas de editoração com interfaces gráficas. Exemplo http://localhost/Exemplo01/index.htm Evolucao da Web

Paginas Estáticas Arquitetura O servidor simplesmente transfere o arquivo para o cliente O browser é responsável por apresentar o arquivo no formato apropriado para o usuário Evolucao da Web

HTML Dinâmico Inventado pela Netscape Flexibilidade e interatividade do usuário com a página HTML Linguagem JavaScript (diferente de Java) Possibilidade de manipulação de elementos HTML na máquina cliente Exemplo 2 http://localhost/exemplo02/index.htm Evolucao da Web

HTML Dinâmico Problemas Diferentes browsers trabalham com JavaScript de forma diferente Na prática, as vezes é necessário desenvolver um site que faca uma coisa para Netscape e outra para Internet Explorer Diferentes versões do mesmo produto tratam JavaScript de forma diferente Evolucao da Web

Paginas Dinâmicas Possibilidade de recuperar informações armazenadas em Banco de Dados Redução de Manutenção Arquitetura O servidor executa os comandos da página dinâmica Gera uma página HTML e transfere o arquivo para o cliente O browser é responsável por apresentar o arquivo no formato apropriado para o usuário Evolucao da Web

Paginas Dinâmicas Exemplo 3 – Cadastro de Contatos Vantagens http://localhost/exemplo3/index.asp Vantagens Fácil de usar Criação de programa em poucos minutos Desvantagens Difícil manutenção dos programas Mistura de HTML, JavaScript e código de programa na mesma pagina Lento. Código não é compilado Evolucao da Web

Paginas Dinâmicas Exemplo 4 – Cadastro de Contatos usando componente http://localhost/exemplo04/index.asp Vantagens Separação da lógica de negócio do código HTML/Javascript Aumento de Performance Re-usabilidade Evolucao da Web

XML XML (Extensible Markup Language) é o formato universal para formatação de documentos estruturados e dados da Web XML = Informação Evolucao da Web

XML Tags criadas pelo desenvolvedor Não pode existir erro na marcação Case Sensitive XML é texto Fácil envio de informação pela Internet Exemplo 5 – Contatos em XML http://localhost/exemplo05/index01.asp http://localhost/exemplo05/index02.asp http://localhost/exemplo05/index03.asp http://localhost/exemplo05/index04.asp Evolucao da Web

XSLT XSLT = Apresentação XSLT (Extensible StyleSheet Language Transformation) é a linguagem de transformação de documentos XML Documentos XML podem ser transformados/visualizados em: PDAs Web (HTML) Celular via WAP XML Etc XSLT é um documento XML XSLT = Apresentação Evolucao da Web

XSLT Exemplo 6 – Lista de Contatos em diversos formatos e línguas http://localhost/exemplo06/index.asp Alguns sites que usam esta tecnologia MSN.com Google.com Vantagem Competitiva Redução do tempo de implementação Vários times trabalhando em partes do projeto Alta performance Suporte a varias línguas Evolucao da Web

Web Services Tecnologia emergente que expõe lógica de negócios além do Firewall Publicação, procura e subscrição de serviços Software as a Service Aplicação-Aplicação Interação e troca de informação entre sistemas dentro e fora da empresa Novas oportunidades de negócio, aumento da competição e diminuição de custos Facilidade para integrar produtos de diversos fabricantes Evolucao da Web

Web Services Web Services podem ser utilizados em outras aplicações, além da Web Accessibilidade, Eficiência e Re-Usabilidade Acesso e troca de informação padronizada: XML Interoperabilidade entre sistemas escritos em diferentes linguagens e/ou plataformas Poucos Web Services disponíveis no momento J2EE e Microsoft .NET são as principais plataformas de implementação Evolucao da Web

Web Services Arquitetura Evolucao da Web

Web Services Exemplo – Microsoft Exchange e Microsoft Outlook Modelo Tradicional Evolucao da Web

Web Services Cliente Genérico – Por exemplo Eudora Possibilidade de acesso através de protocolos como SMTP, POP3, IMAP4 e NNTP Evolucao da Web

Web Services Uso do Browser para acesso a E-mail (não é Web Service) Evolucao da Web

Web Services Usando Web Services Evolucao da Web

Web Services Padroes SOAP (Simple Object Access Protocol) Protocolo XML desenvolvido para troca de informações na Web. SOAP pode ser encapsulado em HTTP e SMTP. Além de aplicações de mensagem e RPC WSDL (Web Services Description Language) Mecanismo para descrever, em detalhes, as interfaces de um Web Service para que clientes possam construir aplicações que utilizem o serviço. A descrição é um documento XML UDDI (Universal Discovery Description and Integration) Registro de Web Services para que usuários possam acha-los facilmente. Evolucao da Web

Estudo de Caso Objetivos Analisar o impacto para a Lynx Financial Systems no uso de Business Logic e XML no sistema de Internet Banking Analisar benefícios para a empresa em adotar uma estratégia de Web Services Evolucao da Web

Estudo de Caso Empresa Lynx Financial Systems – Austrália Provedora de serviços de TI para instituições financeiras Software de Administração de Contas, Empréstimo, Gerencia de Investimento, etc Provedora de infra-estrutura para clientes Telecomunicação, redes, máquinas, Disaster Recovery, etc Presente na Europa, Estados Unidos e Austrália Apos venda de uma área de negócios, empresa passou de 2000 para 600 funcionários Evolucao da Web

Estudo de Caso Tecnologias Utilizadas Sistema Operacional Sun Solaris (Servidor) Windows 2000 (Servidor) Windows 2000 (máquinas clientes) Linguagens de Programação Visual Basic, Oracle Form, Power Builder e Cobol Database Oracle. Extensivo uso de Store Procedures Web ASP, COM+, XML, XSLT Evolucao da Web

Estudo de Caso Principais formas de acesso a dados bancários por clientes Evolucao da Web

Estudo de Caso Internet Banking (situação anterior) Lógica de Negócios misturada com HTML/JavaScript Lento Sem documentação Difícil Manutenção Replicação de código em diversas paginas Sem metodologia de desenvolvimento Evolucao da Web

Estudo de Caso Internet Banking (situação atual) Metodologia de Desenvolvimento Fácil manutenção Uso de Componentes e Orientação a Objetos Documentação Grupos podem trabalhar de forma independente Lógica de Negócios no banco de dados (Store Procedures) Uso de XML/XSLT Facilidade de implementar o produto em novos mercados Aumento de performance Redução tamanho da pagina em 70% Redução do tempo de processamento da pagina em 400% Aumento de produtividade. 30% mais rápido desenvolvimento Redução de manutenção/erros Evolucao da Web

Estudo de Caso Benefícios para Lynx em adotar Web Services Compartilhamento de código. Hoje cada sub-sistema escreve seu próprio código Exemplo: Rotina de acesso a saldo/extrato Metodologia única para a empresa Habilidade de expor métodos de negócios para parceiros como seguradoras, cartão de credito, governo, etc Evolucao da Web

Considerações de Implementação Fatores a considerar Investimento Tecnologia Treinamento Re-programação Retorno de Investimento Benefícios para o cliente Estratégia de Negocio Concorrência esta usando (no caso da Lynx, 60% dos concorrentes estão utilizando alguma forma de XML nos seus sites) Evolucao da Web

Conclusão Adoção de Componentes e/ou Web Services podem: Criar vantagem competitiva Diminuir custo de desenvolvimento e manutenção Melhorar processos que lidam com fornecedores Prover melhor serviço para clientes Não são todas empresas que Precisam de Web Services Evolucao da Web

Perguntas Evolucao da Web

Obrigado Wandreson.com wandreson@wandreson.com Evolucao da Web