Fundamentos Arquiteturais Web - Introducao e Protocolo HTTP

Fundamentos Arquiteturais para Web Introdução O inicio dos sistemas web data de 1990 com a publicação do primeiro servidor web por Tim Berners Lee No inicio de 2020 conforme o portal httpsnewsnetcraftcom existem 13 bilhões de web sites 250 milhões de domínios únicos e 95 milhões de servidores web Atualmente os sistemas web são o padrão dominante para a construção de aplicações corporativas Introdução Os sistemas web possuem princípios distintos em relação a sistemas tradicionais como clienteservidor ou aplicativos nativos para dispositivos móveis As requisições a páginas web não mantém estado stateless Os documentos que circulam na web baseiamse em estruturas de hipertextos e hipermídias Sistemas web apresentam mais variabilidade na sua carga de trabalho que sistemas tradicionais Sistemas web podem ser desenvolvidos em um grande número de tecnologias bibliotecas e frameworks Arquitetura de Referência de Sistemas Web Independente da tecnologia empregada para o desenvolvimento de um sistemas web a estrutura do sistema sempre será similar Esta similaridade é conhecida como o modelo de referência para sistemas Web Arquitetura de Referência de Sistemas Web Modelo de referência apresentado no livro Arquitetura de Sistemas Web Princípios práticas e Tecnologias Componentes da Web Protocolo HTTP Conhecido também como protocolo de transferência de hipertexto é o protocolo fundamental para suportar requisições a qualquer objeto Web Conceito Um software tido como servidor Web é qualquer aplicação que suporte requisições baseadas no protocolo HTTP Protocolo HTTP O protocolo HTTP opera sobre o protocolo TCPIP o qual baseiase no conceito de objetos e métodos Um objeto denota o recurso a ser utilizado no servidor como uma página Web imagens ou arquivos XML A maneira como os objetos são solicitados ao servidor HTTP é interpretada como os métodos O método mais comum utilizado neste contexto é o método GET Protocolo HTTP A linha 1 apresenta a solicitação de um objeto através do método GET As demais linhas apresentam o retorno para o cliente da solicitação realizada Exemplo apresentado no livro Arquitetura de Sistemas Web Princípios práticas e Tecnologias Protocolo HTTP Outros métodos HTTP HEAD Similar ao GET mas não retorna dados Utilizado para obter metadados de objetos como indexação de servidores realizada por robôs POST Usado para enviar dados para processamento pelo servidor É o método mais usado para submeter formulários HTML para o servidor PUT Edita as informações de um determinado recurso Web DELETE Remove um determinado recurso Web A versão 11 do HTTP suporta ainda outros métodos como TRACE OPTIONS e CONNECT Protocolo HTTP O protocolo HTTP opera em canal aberto sem confidencialidade e integridade Podem ser utilizadas extensões para adicionar suporte ao transporte seguro dos dados A extensão mais usada é o HTTPS Esta extensão utiliza criptografia assimétrica baseada em protocolos como o RSA no qual o número de bits da chave de criptografia determina a robustez da proteção Quanto maior o número de bits maior será a robustez mas maior será o processamento atualmente 20484096 bits Protocolo HTTP Características dos métodos HTTP Segurança São os métodos que permitem apenas leitura nos quais o cliente não solicita e não espera nenhuma alteração do servidor Web São métodos seguros GET HEAD OPTIONS e TRACE Cache São métodos cacheáveis aqueles que em sua semântica permitem indicar que as suas respostas possam ser armazenadas para reuso futuro permitindo escalabilidade de servidores São métodos cacheáveis GET HEAD e POST Idempotência Um método é idempotente se o efeito esperado no servidor quando realizadas múltiplas solicitações idênticas com este método é o mesmo que o efeito de uma única solicitação deste tipo Os métodos PUT DELETE e os métodos ditos seguros apresentam esta propriedade Protocolo HTTP Tabela de características do métodos HTTP RFC 7231 Método HTTP Seguro Suporte a Cache Idempotente GET Sim Sim Sim PUT Não Não Sim POST Não Sim Não DELETE Não Não Sim URIs Conhecido também como Identificador Uniforme de Recursos Utilizado para identificar objetos e sites Web Site httpwwwgooglecom Objeto imagensimagempng A especificação de URIs é armazenada na especificação IETF RFC 3986 Linguagem HTML Linguagem de marcação hipertextos Linguagem central para criar páginas em servidores Web permitindo organizar textos imagens sons e vídeos As páginas HTML são armazenadas dentro do servidor WEB mas são processadas no navegador cliente A versão 50 do HTML lançada oficialmente em 2014 trouxe algumas mudanças Controle nativo de objetos multimídia API para renderizar gráficos bidimensionais Aprimoramento do uso offline com cache de objetos Facilidade para depurar erros Linguagem HTML Com o advento do HTML 5 tecnologias como o Adobe Flash e as Applets JAVA caíram em desuso html head titlePagina 1title head body h1Tituloh1 pParagrafop body html Linguagem XML Também chamada de Linguagem de marcação extensível Utilizada para armazenar e trocar informações em ambientes Web sendo muito flexível por permitir a composição de novos esquemas de dados No Brasil ela é bastante usada no setor bancário e fiscal produtos produto código1código descriçãoDescrição 1descrição produto produto código2código descriçãoDescrição 2descrição produto produtos Notação Json Notação de objetos JavaScript É um formato leve para o armazenamento e troca de informações em ambientes Web utilizando 30 menos banda que o XML em média Apesar do JSON ser um subconjunto do JavaScript ele opera independente do JavaScript Seu padrão é descrito na IETF RFC 4627 Produtos código 1 Descricao Descriçao 1 código 2 Descricao Descriçao 2 Folhas de Estilo CSS Conhecidas também como Folhas de estilo em cascata Utilizadas para definir a apresentação de documentos escritos em HTML XML ou Json Permite desacoplar a informação de um documento em relação ao seu formato Atualmente encontrase na versão 30 e é mantido pela W3C style P fontsize 14px fontstyle italic backgroundcolor silver color blue style Linguagem Javascript O Javascript surgiu em 1996 como uma linguagem para fornecer interatividade a páginas permitindo manipular o HTML e o CSS criando interações mais ricas com o usuário destas páginas A linguagem Javascript não deve ser confundida com o Java O nome correto do Javascript é ECMAScript sendo padronizada pelo instituto europeu ECMA Atualmente encontrase na versão 9 e a sua especificação pode ser encontrada em httpswwwecmainternationalorgecma262 Linguagem Javascript No navegador Web antes da página HTML ser exibida esta é representada internamente através de uma árvore de objetos Esta estrutura de dados é conhecida como árvore DOM Modelo de objeto do documento podendo ser manipulada de forma dinâmica pelo Javascript Quando utilizado o Javascript em páginas Web ele nativamente trava a renderização da árvore DOM ocasionando problemas de usabilidade na página Para resolver esta situação podese utilizar o Javascript de forma assíncrona AJAX Linguagem Javascript Devido ao crescimento do Javascript nos últimos anos surgiram diversos aceleradores para facilitar o uso da linguagem Bibliotecas de componentes como jQuery ExtJs Telerik Frameworks MV para organizar eventos e iterações entre tela e servidor como AngularJs Ember Backbone Linguagens e transpiladores como o Typescript e o CoffeScript Bibliotecas para executar o Javascript em servidores como Nodejs Express Meteor Bibliotecas de gerenciamento de pacotes como o npm Bibliotecas para automação de testes Bibliotecas para automação de tarefas Os desafios e papel da arquitetura web Nexus das Forças Gartner Group Os desafios e papel da arquitetura web Terceira Plataforma para Crescimento e Inovação IDC Os desafios e papel da arquitetura web A 3º plataforma conforme apresentado na imagem anterior até 2020 deve corresponder a 40 das receitas da indústria de TI e telecomunicações segundo o IDC Por isso no desenvolvimento de novas aplicações recomendase avaliar algumas questões Qual a agenda técnica trazida pelos condutores de negócio de um determinado projeto Como identificar avaliar e selecionar tecnologias dentro do contexto de um projeto Como compor padrões tecnologias bibliotecas frameworks componentes e afins dentro de linhas de base tecnológicas confiáveis Os desafios e papel da arquitetura web continua Como usar com segurança e produtividade as tecnologias do ecossistema Web em projetos Como apoiar times de projeto para garantir um uso correto e produtivo das tecnologias selecionadas para o uso Como ter produtividade e retornos financeiros no uso dessas tecnologias Web