Encontro de Arquitetos Belo Horizonte

Transcrição

1 Encontro de Arquitetos Belo Horizonte Data: 10 de Novembro de 2009

2 Agenda Sessão 1: Arquitetura Web na plataforma Microsoft Conceitos e Tendências Waldemir Cambiucci - Arquiteto de Soluções Hora: 14:30 h 16:00 h Blog: Coffee Break Hora: 16:00 h 16:30 h Sessão 2: Arquitetura Web na plataforma Microsoft Tecnologias e Recomendações Luciano Condé Arquiteto de Soluções Hora: 16:30 h 18:00 h Blog:

3 Sessão 1: Arquitetura Web na plataforma Microsoft Conceitos e Tendências Waldemir Cambiucci Arquiteto de Soluções Microsoft twitter.com/wcamb blogs.msdn.com/wcamb

4 Objetivo da Sessão Posicionar os recursos do mundo Web dentro da visão Software + Serviços. Criar um vocabulário comum em torno das principais tecnologias para aplicações Web na plataforma Microsoft.

5 Visão Web segundo uma arquitetura Software + Serviços

6 Web 1.0 Server-side computation Static HTML Client-side rendering

7 Web 1.0 Web 2.0 RIA Server-side computation Static HTML Dynamic HTML Client-side rendering Client-side computation 7

8 Visão Software + Serviços Corporativo Nuvem PC PHONE WEB

9 Forças do Software + Serviços Web 2.0 e Redes Sociais Aplicações RIA Soluções LOB SaaS Orientação a Serviços Cloud Computing

10 Arquitetura Software + Serviços a internet além da Web Principais componentes: Software Cliente Software Aplicativo Serviços de Infraestrutura Fundamentos da Arquitetura

11 Fundamentos da Arquitetura Físico, dedicado Serviço único em hardware dedicado Físico, compartilhado Vários serviços em hardware dedicado Físico, HPC Hardware físico suportando cenário HPC Virtual, único Instância única de imagem virtual Virtual, compartilhado Instância múltipla de imagem virtual

12 Serviços de Infraestrutura Identidade e acesso Baseada em diretórios, roles, declarações (CBA) Sistema de mensagens Barramento de serviços, Ponto a Ponto (P2P) Armazenamento Tradicional, Relacional, Não-estruturado Workflow Baseado em eventos, Alto Desempenho

13 Software Aplicativo Colaboração Pesquisa, Social, Conteúdo Monetização Transação, Licenciamento, Publicidade, Assinatura Composição Composição de serviços, LOB, regras de negócio Business Intelligence Painel(Dashboards), Relatórios, Mining Aplicativo Lógica de negócio, entidades, workflows, processos

14 Software Cliente Cliente Web Web Browser, Conteúdo Rico Cliente Móvel Baseado em Web, Conteúdo Rico, Office, SMS/IM, Voz Cliente PC Office, SmartClient, Desktop, Gadgets, Mensagens instantâneas Cliente Embarcado (Embedded) Dispositivos dedicados, consoles

15 Arquitetura Software + Serviços Software Cliente Cliente PC Browser Office Client Gadgets IM Cliente Mobile Speech SMS/IM Browser Office Client Embedded Devices Consoles Software Aplicativo Apresentação Web Acesso Programático Static Dynamic RIA Streaming RSS REST Web Services VoiceXML SOAP SMTP SMS Aplicação Presentation (Web Role) Business Logic (Worker Role) Serviços de Infraestrutura Storage Messaging Identity & Access Workflow File Relational Blob Table Async Queue/Bus Peer to Peer Authentication Authorization Event Based Worker Based Fundamentos Computação Physical, Dedicated Physical, Shared Virtual, Single Virtual, Scalable On Premises Hoster Cloud

16 Arquitetura Software + Serviços Um site Web dinâmico on-premise (infraestrutura local) Software Cliente Cliente PC Browser Office Client Gadgets IM Cliente Mobile Speech SMS/IM Browser Office Client Embedded Devices Consoles Software Aplicativo Apresentação Web Acesso Programático Static Dynamic RIA Streaming RSS REST Web Services VoiceXML SOAP SMTP SMS Aplicação Presentation (Web Role) Business Logic (Worker Role) Serviços de Infraestrutura Storage Messaging Identity & Access Workflow File Relational Blob Table Async Queue/Bus Peer to Peer Authentication Authorization Event Based Worker Based Fundamentos Computação Physical, Dedicated Physical, Shared Virtual, Single Virtual, Scalable On Premises Hoster Cloud

17 Arquitetura Software + Serviços Um site Web dinâmico na nuvem Software Cliente Cliente PC Browser Office Client Gadgets IM Cliente Mobile Speech SMS/IM Browser Office Client Embedded Devices Consoles Software Aplicativo Apresentação Web Acesso Programático Static Dynamic RIA Streaming RSS REST Web Services VoiceXML SOAP SMTP SMS Aplicação Presentation (Web Role) Business Logic (Worker Role) Serviços de Infraestrutura Storage Messaging Identity & Access Workflow File Relational Blob Table Async Queue/Bus Peer to Peer Authentication Authorization Event Based Worker Based Fundamentos Computação Physical, Dedicated Physical, Shared Virtual, Single Virtual, Scalable On Premises Hoster Cloud

18 Arquitetura Software + Serviços Uma solução SaaS baseada na nuvem Software Cliente Cliente PC Browser Office Client Gadgets IM Cliente Mobile Speech SMS/IM Browser Office Client Embedded Devices Consoles Software Aplicativo Apresentação Web Acesso Programático Static Dynamic RIA Streaming RSS REST Web Services VoiceXML SOAP SMTP SMS Aplicação Presentation (Web Role) Business Logic (Worker Role) Serviços de Infraestrutura Storage Messaging Identity & Access Workflow File Relational Blob Table Async Queue/Bus Peer to Peer Authentication Authorization Event Based Worker Based Fundamentos Computação Physical, Dedicated Physical, Shared Virtual, Single Virtual, Scalable On Premises Hoster Cloud

19 Visão Software + Serviços A Internet além da Web: Colaboração e Redes Sociais (Web 2.0) Diferentes dispositivos Orientação a serviços Software como serviços Diferentes protocolos e formatos de dados Combinação de infraestruturas (poder da escolha) On-premise, hosted, cloud computing

20 Combinação de arquiteturas patterns & practices: App Arch Guide Tipos de Aplicações Estilos de Arquitetura Componentes de Arquitetura App Arch Guide 2.0

21 Visão Web segundo as tecnologias disponíveis ASP.NET, Silverlight, ASP.NET MVC, ASP.NET AJAX, RIA, etc

22 Arquitetura Software + Serviços Componentes Web Software Cliente Cliente PC Browser Office Client Gadgets IM Cliente Mobile Speech SMS/IM Browser Office Client Embedded Devices Consoles Software Aplicativo Apresentação Web Acesso Programático Static Dynamic RIA Streaming RSS REST Web Services VoiceXML SOAP SMTP SMS Aplicação Presentation (Web Role) Business Logic (Worker Role) Serviços de Infraestrutura Storage Messaging Identity & Access Workflow File Relational Blob Table Async Queue/Bus Peer to Peer Authentication Authorization Event Based Worker Based Fundamentos Computação Physical, Dedicated Physical, Shared Virtual, Single Virtual, Scalable On Premises Hoster Cloud

23 Tecnologias Web na plataforma Microsoft Software Cliente (Browser, PC, Mobile, Dispositivos, Serviços/Bus) ASP.NET WebForms Silverlight WPF ASP.NET MVC Windows Live Web Roles ASP.NET AJAX Dynamic Data Windows Communication Foundation (WCF) Interface de Serviços ADO.NET Data Services Serviços de Plataforma.NET RIA Services.NET Framework ASP.NET Services SharePoint Search Server Live Services.NET Services Capacidades de Infraestrutura Windows Server, IIS, WAS, SQL Server Windows Azure, Azure Storage, SQL Azure Database, Live Services,.NET Services

24 Aplicações Web com ASP.NET e HTML ASP.NET Web Forms ASP.NET AJAX ASP.NET MVC, etc.

25 Aplicações ASP.NET ASP.NET suporta vários tipos de aplicações WEB ASP.NET WebForms ASP.NET AJAX ASP.NET MVC ASP.NET Dynamic Data

26 ASP.NET WebForms São basicamente soluções 2-Tier, envolvendo diversas interações com o servidor. Browser Web Application Serviços HTML Lógica de Apresentação Lógica da Aplicação Camada de Acesso a Dados Serviços DB Outras Aplicações

27 ASP.NET WebForms Iniciar Página Web Modelo de Dados do Usuário Lógica de Apresentação Página Web Página Web Encerrar Sessão do Usuário Lógica da Aplicação Camada de Acesso a Dados Página Final Serviços Browser Servidor

28 ASP.NET WebForms As páginas são criadas no servidor e enviadas para o browser a cada POSTBACK. Pontos Fortes: Grande compatibilidade com inúmeros browsers (HTML) Facilidade de desenvolvimento e suporte RAD Rapid Application Development (drag and drop) Compatibilidade e integração com aplicações legadas Pontos Fracos: Responsividade: o usuário precisa aguardar o postback de cada página para poder interagir; Performance: toda a página precisa ser criada para cada interação no lado do servidor;

29 ASP.NET AJAX Asynchronous JavaScript And XML Modelo de programação para aplicações Web ricas, baseado em JavaScript executado no browser, com interações assíncronas com o servidor e tratamento de eventos no cliente. Browser Web Application Serviços HTML Lógica de Apresentação Lógica de Apresentação Lógica da Aplicação Camada de Acesso a Dados Serviços DB Renderização com o poder de computação no cliente Outras Aplicações

30 ASP.NET AJAX Iniciar Parte do Modelo de Dados do Usuário Modelo de Dados do Usuário Lógica de Apresentação Aplicação Cliente Lógica de Apresentação Requisições de dados Encerrar Sessão do Usuário Lógica da Aplicação Camada de Acesso a Dados Página Final Serviços Browser Servidor

31 ASP.NET AJAX

32 ASP.NET AJAX Server-Side Renderização feita no servidor! As páginas são criadas no servidor e enviadas (parcialmente) por requisições AJAX em HTML. Requisição inicial: HTML Form POST HTML

33 ASP.NET AJAX Client-Side Renderização feita no cliente! Menor roundtrip entre o cliente e o servidor Menor bandwidth Maior responsividade HTML + JSON JSON JSON

34 ASP.NET AJAX Pontos Fortes: Aplicações com menor tempo de resposta Interfaces mais ricas, próximas ao desktop Deployment simplificado em relação ao ambiente desktop Compatibilidade com inúmeros browsers IE, Mozilla FireFox, Safari (Mac OS), Opera, Konqueror Maior interação com o servidor Dados são carregados sob demanda, sem onerar o carregamento inicial da página Utilização mais eficiente de banda Somente dados necessários são trafegados

35 ASP.NET AJAX Pontos Fracos: Grande número de decisões sobre a arquitetura da aplicação Componentes client-side ou server-side? Qual a granularidade das interações entre cliente e servidor? Quando passar dados e quando passar conteúdo? Como dividir o modelo em camadas? Quando usar XML e quando usar JSON? Patterns para paginação, ordenação, filtro, etc. Necessidade de maior nível de capacitação JavaScript, DHTML, Usabilidade, Protocolos, Modelos de Objetos, Padrões W3C, ECMA, etc.

36 jquery Criado por John Resig (Open Source, 2006) Suportado na plataforma Microsoft Incluído no Visual Studio 2008 e KB JQuery JavaScript library Pontos Fortes: Total integração com ASP.NET AJAX e ASP.NET MVC. Síntaxe Javascript facilitada (seletores mais simples) Suporte IE6+, FF2.0+, Safari 3.0+, Opera 9+, Chrome 1.0+ Pontos Fracos: Depende de plugins para animações mais complexas Complexidade para rotinas AJAX mais pesadas

37 ASP.NET AJAX Control Toolkit 2⁰ lugar em download de projetos no CodePlex. Oferece controles: Server-Side e Extenders Client-Side e Behaviors Disponível como Client-Only Library: AjaxControlToolkit-ScriptFilesOnly.zip Source - May 2009 Release Ref.:

38 ASP.NET MVC Model View Controller Pattern Request 1 Controller Model Response View

39 ASP.NET MVC Model View Controller Browser URL Routing Controller Model View Get / Post Lookup Controller Invoke Action Get Data Lookup View Render Html

40 ASP.NET MVC Model View Controller Oferece uma clara separação entre navegação, lógica e renderização de tela. Separation of Concerns Motivações para o uso de MVC: Maior controle sobre o HTML gerado. Maior controle sobre a manutenção de estado. Maior suporte a testes e TDD Test Driven Development. Maior aderência ao uso de boas práticas de desenvolvimento.

41 ASP.NET MVC Model View Controller Pontos Fortes: Permite uma maior testabilidade e suporte ao TDD Testes facilitados Total controle sobre código HTML e JavaScript Páginas menores (sem ViewState) Recurso de Routing já disponível no.net 3.5 Maior integração com frameworks Javascript Suporte integrado ao jquery (jquery Intellisense) Orientação para o uso de boas práticas

42 ASP.NET MVC Model View Controller Pontos Fracos: Não compatível com o modelo RAD Rapid Application Development Sem o suporte ao drag and drop de controles visuais Mais difícil de integrar com o Web Designer O desenvolvedor precisa conhecer HTML, JavaScript, CSS, HTTP, XML Exige uma maior capacitação do time de desenvolvimento.

43 Aplicações Web com RIA Silverlight 3.0 Silverlight Toolkit.NET RIA Services

44 O que é uma aplicação RIA? Rich Internet Application Um cruzamento entre uma aplicação baseada em brower (web) e uma aplicação desktop tradicional Melhores aspectos do mundo Web (browser) Deployment facilitado Sem instalação no cliente Versionamento instantâneo Navegação via browser, etc. Melhores aspectos de comunicação Melhores aspectos do mundo Desktop (local) Processamento local Cenários desconetados Interface rica, etc.

45 Aplicação Silverlight / RIA RIA evita as interações do modelo Web, usando uma lógica de negócio no lado do cliente. Browser Rich Internet Application Web Application Serviços HTML Network Lógica de Apresentação Lógica da Aplicação Camada de Acesso a Dados Serviços DB Serviços Outras Aplicações

46 Visão do.net RIA Services Simplificar o desenvolvimento RIA N-tier é difícil e não trivial/natural. Fornecer a mesma produtividade do estilo ASP.NET/RAD para o desenvolvimento RIA Foco em cenários fim-a-fim e soluções. Criar uma visão unificada da aplicação RIA Lógica no cliente e no servidor, através de um middleware de operações. Aproveitar os recursos do Silverlight para a construção de aplicações RIA

47 .NET RIA Services Middleware para operações de uma aplicação RIA.NET RIA Services Samples Ref.:

48 .NET RIA Services Um pattern escalável para múltiplas interfaces e fontes de dados..net Clients Silverlight, WPF Databases ADO.NET, ORMs (LTS, EF, ) Standards Clients JavaScript Server Rendering HTML, SEO, Printing, Lógica da Aplicação CLR Lists/Objects Repository (nhibernate, ) Services WCF XML, JSON, Binary Código de Teste Unitário Services REST/SOAP (Azure, )

49 .NET RIA Services Deployment facilitado da aplicação RIA Solução no lado do cliente, com o proxy para acesso às regras de negócio exportadas Arquivo gerado automaticamente para o proxy no lado do cliente Solução no lado do servidor, com o DomainService e o EDMX Model

50 .NET RIA Services DomainContext gerado automaticamente pelo.net RIA Services

51 .NET RIA Services Pontos Fortes: Middleware completo para a construção de aplicações RIA com Silvelight 3.0. Facilidade no tráfego de dados via DomainServices e Entidades (paginação, ordenação, filtros, etc). Geração automática do proxy cliente para acesso às operações do lado do servidor. Pattern extensível, atendendo diversos tipos de interfaces clientes e fontes de dados no servidor. Pontos Fracos: Ainda em CTP Primeira carga da aplicação deve ser avaliada (download) Cuidados na customização do proxy gerado automaticamente para o cliente.

52 Aplicações Web com o ambiente Windows Azure Web Roles Worker Roles Queues, Blobs, Tables Soluções SaaS e MapReducing

53 O que é a nuvem? Datacenters com alta disponibilidade, escalabilidade e armazenamento ilimitado, acessível via Web.

54 Variedade de serviços online Online De pequenas a grandes empresas Live Consumidor & SOHO Serviços e Ferramentas para Desenvolvedores Plataforma de Serviços Azure

55 O que é o Windows Azure? Controle da Malha de Servidores

56 Services Management no Windows Azure CONTROLE E GERENCIAMENTO AUTOMATIZADO Fabric: A Coleção dos Servidores 8 VMs por servidor Cada VM roda um Hypervisor Windows Server 2008 customizado Fabric Controller é responsável pelo gerenciamento Você diz o que fazer ele trata do como fazer Faz o scale up, scale down, update ou roll back da aplicação para uma versão prévia de forma automática

57 Aplicações sobre o Windows Azure Internet Web Role e Worker Role interagindo via Queues e Tables. LB Windows Azure Datacenter Web Web Site Site Web Site (ASPX, ASMX, WCF) (ASPX, ASMX, WCF) (ASPX, WCF) Queue Worker Worker Worker Service Service Service Tables Storage Blobs

58 Web Role / Windows Azure Pontos Fortes: Cenário de soluções de alta escalabilidade, com provisionamento dinâmico. Suporte Web Role para todos os recursos ASP.NET Web Forms, MVC, Silverlight, jquery, AJAX, SOAP, REST. Pontos Fracos: Hosting apenas no ambiente da nuvem (Azure). Atenção para a composição de custos na aplicação. Integração com API s de interoperabilidade, como o Simple Cloud (PHP API).

59 Web Role no Windows Azure Clique aqui para publicar a aplicação em produção. Projeto em produção com uma única instância Web Role Projeto em Staging com diversas roles

60 Um mapa de decisão entre tecnologias Proposta para pensar

61 Mapa de decisão Web Os números são ilustrações apenas Faça suas decisões, de acordo com seus cenários

62 Mapa de decisão Web Produtividade no desenvolvimento Controle sobre o Manutenção HTML gerado Respeito a padrões Customização Web Modelo de cache integrado Suporte a cenários off-line Modelo de segurança Facilidade de depuração Testabilidade Desempenho Curva de Aprendizagem Paginação, Filtros, Extensões Efeitos Visuais, Animação, etc. ASP.NET WebForms ASP.NET AJAX Server-Side ASP.NET AJAX Client-Side ASP.NET MVC ASP.NET Dynamic Data Silverlight 3.0 PRISM 2.0

63

64 Conclusões A visão Software + Serviços envolve a Internet além da Web Para a escolha da tecnologia certa devemos considerar questões como: Reusabilidade, Confiabilidade, Extensibilidade Manutenabilidade, Segurança, Testabilidade, Diminuição da complexidade geral do sistema, etc. Assuntos relacionados que não vimos hoje: Composite Application Guidance for WPF & Silverlight Aplicações Web sobre SharePoint Server Doloto (otimização sobre AJAX), WebSiteSpark, etc.

65 Referências ASP.NET WebForms ASP.NET MVC ASP.NET AJAX jquery RIA Services Windows Azure

66 Referências (cont.) Application Architecture Guide Web Services Security Guidance Composite Application Guidance for WPF & Silverlight Performance Testing Guidance for Web Applications Silverlight Toolkit ASP.NET AJAX Control Toolkit

67 Perguntas e Respostas.

68

69 2008 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.