Embed Size (px)
Citation preview
>< nextprevious
Arquitectura Web
>< nextprevious
>< nextprevious
Refere-se às operações que são realizadas pelo cliente em um relacionamento cliente-servidor em uma rede de computadores.
Normalmente, um cliente é uma aplicação de computador, como um navegador web, que executa em um computador local do utilizador ou em uma estação de trabalho e conecta-se a um servidor quando necessário.
Cliente Side - Lado Cliente
>< nextprevious
A linguagem de cliente, ou client-side scripting, é a linguagem que é executada no lado cliente, ou seja, no computador do próprio utilizador, e por isso é usada nas situações em que a linguagem server-side não tem alcance. Entre as linguagens client-side, há o JavaScript, que é a única linguagem que realmente roda no navegador do utilizador. Através do JavaScript é possível manipular a página do utilizador directamente, fazendo coisas dinâmicas que vão desde mudar o valor de um campo do formulário até criar uma área redimensionável que pode ser arrastada pela página.
Linguagem cliente-side
>< nextprevious
HTML5 - HyperText Markup Language CSS3 - Cascading Style Sheets JavaScript
Linguagem cliente-side
>< nextprevious
Server-side, ou literalmente "lado do servidor", é um termo usado para designar operações que, em um contexto cliente-servidor, são feitas no servidor, não no cliente.
Existem várias razões para isso: desde o meio poder de processamento do servidor, até a presença de softwares ou recursos que estejam disponíveis apenas no servidor.
Server Side - Lado Servidor
>< nextprevious
A linguagem de servidor, ou Server-side scripting, é a linguagem que vai rodar "por trás dos panos", fornecendo a lógica principal da aplicação. Funciona da seguinte maneira: sempre que o usuário faz um HTTP request (entra numa página, clica num link, etc), o pedido é enviado para o servidor. A linguagem server-side recebe o requerimento (Request) e faz o processamento. Depois, transforma o resultado final em um XHTML e envia para o navegador. É a linguagem server-side que vai verificar se o usuário está logado, vai buscar informações no banco de dados etc.
Linguagem server-side
>< nextprevious
PHP JAVA .NET Ruby (Ruby on Rails) Python (Django) ASP
Linguagem server-side
>< nextprevious
Bases de dados são um conjunto de arquivos relacionados entre si com registros sobre pessoas, lugares ou coisas. São colecções organizadas de dados que se relacionam de forma a criar algum sentido (Informação) e dar mais eficiência durante uma pesquisa ou estudo.São de vital importância para empresas e há duas décadas se tornaram a principal peça dos sistemas de informação.Normalmente existem por vários anos sem alterações em sua estrutura.
Armazenamento de Dados
>< nextprevious
Um Sistema de Gestão de Base de Dados (SGBD) - do inglês Data Base Management System (DBMS) - é o conjunto de programas de computador (softwares) responsáveis pela gestão de uma base de dados. Seu principal objectivo é retirar da aplicação cliente a responsabilidade de gerir o acesso, a manipulação e a organização dos dados. O SGBD disponibiliza uma interface para que seus clientes possam incluir, alterar ou consultar dados previamente armazenados. Em bancos de dados relacionais a interface é constituída pelas APIs (Application Programming Interface) ou drivers do SGBD, que executam comandos na linguagem SQL (Structured Query Language).
SGBD
>< nextprevious
PostgreSQL Firebird HSQLDB Microsoft Access SQLite MySQL MariaDB Oracle SQL-Server TinySQL ZODB
SGBD
>< nextprevious
Ajax (acrónimo em língua inglesa de Asynchronous Javascript and XML, em português "Javascript e XML Assíncrono") é o uso metodológico de tecnologias como Javascript e XML, providas por navegadores, para tornar páginas Web mais interativas com o utilizador, utilizando-se de solicitações assíncronas de informações. Foi inicialmente desenvolvida pelo estudioso Jessé James Garret e mais tarde por diversas associações. Apesar do nome, a utilização de XML não é obrigatória (JSON é frequentemente utilizado) e as solicitações também não necessitam ser assíncronas.
Ajax
>< nextprevious
Um framework, em desenvolvimento de software, é uma abstração que une códigos comuns entre vários projetos de software provendo uma funcionalidade genérica. Um framework pode atingir uma funcionalidade específica, por configuração, durante a programação de uma aplicação. Ao contrário das bibliotecas, é o framework quem dita o fluxo de controle da aplicação, chamado de Inversão de Controle.
Framework
>< nextprevious
Ruby on Rails (Ruby) Django (Python) jQuery (JavaScript) Zend Framework (PHP)
Framework
>< nextprevious
Interface de Programação de Aplicações, cujo acrónimo API provém do Inglês Application Programming Interface, é um conjunto de rotinas e padrões estabelecidos por um software para a utilização das suas funcionalidades por aplicativos que não pretendem envolver-se em detalhes da implementação do software, mas apenas usar seus serviços.
De modo geral, a API é composta por uma série de funções acessíveis somente por programação, e que permitem utilizar características do software menos evidentes ao utilizador tradicional.
API
>< nextprevious
Web service é uma solução utilizada na integração de sistemas e na comunicação entre aplicações diferentes. Com esta tecnologia é possível que novas aplicações possam interagir com aquelas que já existem e que sistemas desenvolvidos em plataformas diferentes sejam compatíveis. Os Web services são componentes que permitem às aplicações enviar e receber dados em formato XML. Cada aplicação pode ter a sua própria "linguagem", que é traduzida para uma linguagem universal, um formato intermediário como XML, Json, CSV, etc.
Web Service
>< nextprevious
HTML5
>< nextprevious
HTML (abreviação para a expressão inglesa HyperText Markup Language, que significa Linguagem de Marcação de Hipertexto) é uma linguagem de marcação uti l izada na construção de páginas na Web. Documentos HTML podem ser interpretados por navegadores. A tecnologia é fruto da junção entre os padrões HyTime e SGML.
HTML
>< nextprevious
HyTime é um padrão para a representação estruturada de hipermídia e conteúdo baseado em tempo. Um documento é visto como um conjunto de eventos concorrentes dependentes de tempo (como áudio, vídeo, etc.), conectados por hiperligações.
SGML é um padrão de formatação de textos. Não foi desenvolvido para hipertexto, mas tornou-se conveniente para transformar documentos em hiper-objetos e para descrever as ligações.
HTML
>< nextprevious
HTML
>< nextprevious
<!DOCTYPE html> <html lang="pt-ao"> <head> <meta charset="UTF-8"> <title>Minha Primeira Pagina</title> </head> <body> <!-- conteúdo da página --> </body> </html>
Sintaxe
>< nextprevious
<!DOCTYPE html> Define que o documento será HTML. Os textos entre <html> e </html> descrevem um documento HTML. Os textos entre <head> e </head> Providenciam informações sobre o documento. Os textos entre <title> e </title> fornecem o titulo para o documento <meta charset=“UTF-8"> - define a codificação do nosso documento Os textos entre <body> e </body> descrevem o conteúdo da pagina.
Sintaxe
>< nextprevious
Em HTML tags são as palavras chaves (nome das tags) que estão cercadas entre o símbolo de maior e menor.
<nomeDaTag>conteúdo aqui...</nomeDaTag>
Tags HTML normalmente vem em par <html> e </html>
O primeiro par é a tag de abertura e o segundo o de fechamento.
Tags HTML
>< nextprevious
Os cabeçalhos em HTML são definidos com a tag <h1> até <h6>. <h1> define o cabeçalho mais importante. <h6> define o cabeçalho menos importante.
Exemplo: <h1> Cabeçalho 1</h1> <h2> Cabeçalho 2</h2> <h3> Cabeçalho 3</h3> <h4> Cabeçalho 4</h4> <h5> Cabeçalho 5</h5> <h6> Cabeçalho 6</h6>
Parágrafos e Cabeçalhos
>< nextprevious
Os parágrafos em HTML são definidos com a tag <p>.
Exemplo: <p> Este é um parágrafo </p> <p> aqui tem outro parágrafo </p>
Outas tags: <br> faz uma quebra de linha. <hr> faz uma quebra de linha e colona uma linha. <pre></pre> pre-formata o texto, ou seja o texto vai aparecer exatamente como esta no código.
Parágrafos e Cabeçalhos
>< nextprevious
<b> - Texto negrito <strong> - Texto Importante <i> - Texto em Italico <em> - Texto enfatizado <mark> - Texto marcado <small> - Texto pequeno <del> - Texto apagado <ins> - Texto inserido ou Sublinhado <sub> - Texto Subscrito <sup> - Texto Sobrescrito
Formadores de Texto
>< nextprevious
<ul> <li>Caffe</li> <li>Banana</li> <li>Leite</li> </ul> Estilos (disc, circle, square,none) <ul style="list-style-type:disc"> <li>Caffe</li> <li>Banana</li> <li>Leite</li> </ul>
Listas Não ordenadas em HTML
>< nextprevious
<ol> <li>Caffe</li> <li>Banana</li> <li>Leite</li> </ol> Tipos (1, A, a,I,i) <ol type="1"> <li>Caffe</li> <li>Banana</li> <li>Leite</li> </ol>
Listas ordenadas em HTML
>< nextprevious
>< nextprevious
Sites Web App Web
