Desenvolvimento de Sistemas Web revisao av2

Prévia do material em texto

DESENVOLVIMENTO DE SISTEMAS WEB
Aula RV2 – Revisão 
Prof. Jorge Ferreira.
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Conteúdo Programático desta aula
 banco de dados na linguagem Java;
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Conteúdo Programático desta aula
 Padrões de projeto.
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Conteúdo Programático desta aula
 Document Object Model (DOM).
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Banco de dados : Fundamentos
Devido a pluralidade de banco de dados e seus provedores de acesso (drives de conexão), a SUN criou uma API chamada JDBC (java Data Base Connectivity) cujo o objetivo é fornecer uma ponte entre a camada do cliente, o driver do fabricante e a fonte de dados.
Uma interface entre a linguagem Java e outra linguagem que todos os bancos de dados suportem.
A linguagem foi o SQL (Structured Query Language).
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
java.sql.DriverManager
● Permite que um desenvolvedor recupere um objeto Connection que pode ser usado para executar instruções em bancos de dados.
– O Driver JDBC deve estar registrado com o DriverManager
– Usar o método getConnection em DriverManager
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
java.sql.Connection /java.sql.Statement
● Objetos da classe java.sql.Connection representam conexõesatuais para o banco de dados
● Uma vez de posse deste objeto, criamos um objeto da classeStatement, que usamos para executar consultas SQL
– ExecuteQuery: Tomada em comandos SELECT, retornando o resultado de operações como um objeto ResultSet
– ExecuteUpdate: Tomada em comandos INSERT, UPDATE ou DELETE, retornando o número de colunas afetadas como umtipo int
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
java.sql.ResultSet
● Resultados de uma consulta no banco de dados
● Um objeto ResultSet pode ser visualizado como uma tabela
● A informação é recuperada uma coluna por vez
● O objeto ResultSet mantém a coluna corrente
● Para percorrer as linhas da tabela em ResultSet, usamos o método next()
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Acrescentar uma Estratégia
calc = new Calcular(new ConcreteStrategyMult());int resultC = calc.executeStrategy(3, 5);
Variações de algoritmos, configurando a estratégia. 
Sem usar estrutura de seleção
Vamos ver um vídeo que ensina a trabalhar com conexão ao banco de dados.
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Padrões de Projeto
São técnicas que nos dão uma boa solução para alguns problemas encontrados em orientação em objetos;
A orientação a objetos, por si só, não garante sistemas reusáveis e extensíveis;
Profissionais experientes conseguem projetar bons sistemas, novatos não. 
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
A ideia original surgiu em 1979, na Arquitetura e Engenharia Civil Christopher Alexander, arquiteto, queria melhorar o processo de projeto de edifícios e áreas urbanas;
Hoje, projetos de engenharia civil seguem padrões estabelecidos: arcos, colunas, portas, janelas, etc. – a solução para tudo isso já é bem conhecida 
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Na Engenharia de Software, quatro autores (Gang of Four) se basearam em Christopher Alexander para criar Padrões de Projeto de software;
Em 1994 descreveram 23 padrões em seu livro;
Hoje ele já superou a trigésima nona edição;
Mais de 500 mil cópias vendidas, traduzido para 13 línguas. 
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
PADRÕES DE PROJETO – Gang of Four
Os padrões "GoF" são organizados em 3 famílias :
Padrões de criação : relacionados à criação de objetos
Padrões estruturais : tratam das associações entre classes e objetos.
Padrões comportamentais : tratam das interações e divisões de responsabilidades entre as classes ou objetos. 
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Padrões de criação
Abstract Factory
Builder
Factory Method
Prototype
Singleton.
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Padrões estruturais
Adapter
Bridge
Composite
Decorator
Facade
Flyweight
Proxy
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Padrões comportamentais 
Chain of ResponsibilityCommandInterpreterIteratorMediatorMementoObserverStateStrategyTemplate MethodVisitor
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Rotinas Básicas com JavaScript
Introdução
“Javascript é uma linguagem de programação utilizada para criar pequenos programinhas encarregados de realizar ações dentro do âmbito de uma página web. 
Com Javascript podemos criar efeitos especiais nas páginas e definir interatividades com o usuário. 
O navegador do cliente é o encarregado de interpretar as instruções Javascript e executá-las para realizar estes efeitos e interatividades, de modo que o maior recurso, e talvez o único, com que conta esta linguagem é o próprio navegador.” 
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Rotinas Básicas com JavaScript
A Linguagem Javascript
“O mais importante e básico que podemos destacar neste momento é que a programação de Javascript se realiza dentro do próprio documento HTML. 
Isto quer dizer que na página se misturam as duas linguagens, e para que estas duas linguagens possam ser misturadas sem problemas temos que incluir alguns delimitadores que separam as etiquetas HTML das instruções Javascript. 
Estes delimitadores são as etiquetas <SCRIPT> e </SCRIPT>. 
Todo o código Javascript que colocarmos na página há de ser introduzido entre estas duas etiquetas.
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Rotinas Básicas com JavaScript
Estrutura básica para implementação de um Javascript:
<SCRIPT><!--Código Javascript//--></SCRIPT>
Obs.: Nem todos os navegadores do web compreendem Javascript. Nos casos em não se interpretam os scripts, os navegadores assumem que o código destes é o texto da própria página web e como consequência, apresentam os scripts na página web como se tratasse de um texto normal. Para evitar que o texto dos scripts se escreva na página quando os navegadores não os entendem, temos que ocultá-los com comentários HTML ().” 
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Rotinas Básicas com JavaScript
<script>
//Este é um comentário de uma linha
/*Este comentário pode se expandir por várias linhas.*/
</script>
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Orientação a objetos com JavaScript
A Criação de Classes
Em JavaScript Orientado a Objeto, uma classe é apenas uma função.
A única coisa que difere é que nesta função você utilizará o this para agregar atributos e métodos. 
O this referencia não somente a própria classe, mas o objeto específico durante sua execução. 
Para adicionar um atributo, basta escrever this.nomeDoAtributo. 
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
Orientação a objetos com JavaScript
A Criação de Classes
Se for um objeto, você deve instanciá-lo:
this.lista = new Array(). 
Para adicionar um método, você deve utilizar a forma de definição de função: 
this.escreve = function() { document.write( this.texto ) } 
define um método escreve que escreverá o conteúdo do atributo texto deste objeto.
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
DOM
Eventos
Os eventos são a maneira que temos em Javascript de controlar as ações dos visitantes e definir um comportamento da página quando se produzam. 
Quando um usuário visita uma página web e interage com ela se produzem os eventos e com Javascript podemos definir o que queremos que ocorra quando se produzam.
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
DOM
onabort 
Este evento se produz quando um usuário detém a carga de uma imagem, seja porque detém a carga da página ou porque realiza uma ação que a detém, como por exemplo, sairda página.
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
DOM
onblur 
Desata-se um evento onblur quando um elemento perde o foco da aplicação. O foco da aplicação é o lugar onde está situado o cursor, por exemplo, pode estar situado sobre um campo de texto, uma página, um botão ou qualquer outro elemento.
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
DOM
onchange 
Desata-se este evento quando muda o estado de um elemento de formulário, às vezes não se produz até que o usuário retire o foco da aplicação do elemento. Javascript 1.0
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
DOM
onclick 
Produz-se quando se clica o botão do mouse sobre um elemento da página, geralmente um botão ou um link.
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
DOM
onfocus 
O evento onfocus é o contrário de onblur. Produz-se quando um elemento da página ou a janela ganham o foco da aplicação.
Revisão 6 a 10-
Desenvolvimento de Sistemas Web
RESUMINDO
• Banco de dados;
• Padrões de projeto;
• Orientação a objetos;
• Document Object Model (DOM);