WebRatio.

Apresentação em tema: "WebRatio."— Transcrição da apresentação:

1 WebRatio

2 Agenda Criando uma aplicação básica Adicionando um banco de dados
Desenvolvendo um aplicação com banco de dados

3 Criando uma aplicação básica
Objetivo: Mostrar como montar uma aplicação simples usando o WebRatio

4 Criando uma aplicação básica
1º passo: Abrir a perspectiva WebRatio

5 Criando uma aplicação básica
2º passo: Criar um projeto Web File -> New -> Web Project Insira o nome do projeto e clique “Finish”

6 Criando uma aplicação básica
3º passo: Criar um SiteView

7 Criando uma aplicação básica
4º passo: Adicionar uma página Editar suas propriedades

8 Criando uma aplicação básica
5º passo: Adicionar uma Unit Selecione “Multi-message Unit” na paleta de Units e clique na página Adicione o texto a ser exibido

9 Criando uma aplicação básica
6º passo: Gerando a aplicação 7º passo: Iniciar o Tomcat

10 Adicionando um banco de dados
Objetivo: Criar um modelos de dados Adicionar um banco de dados ao projeto Sincronizar o modelo de dados com o banco, exportando entidades e relacionamentos

11 Adicionando um banco de dados
1º passo: Criar entidades Selecionar a aba Data Model (canto inferior da janela do projeto)

12 Adicionando um banco de dados
2º passo: Adicionando atributos

13 Adicionando um banco de dados
3º passo: Relacionamentos

14 Adicionando um banco de dados
4º passo: Derivação de entidades Quando se define uma hierarquia de entidades, pode-se definir uma propriedade que identifica a subclasse a partir da superclasse Nesse caso, a subclasse será definida como uma visão(e não uma tabela) da superclasse

15 Adicionando um banco de dados
5º passo: Derivação de atributos Importar atributos de classes relacionadas Podem ser de 4 tipos Exemplo: atributo empresa é importado da entidade Empresa para a entidade Cliente

16 Adicionando um banco de dados
4º passo: Criando um banco de dados Clique com o botão direito na área do projeto e selecione “Add Database” Edite as propriedades de conexão Clique com botão direito no banco e selecione “Refresh”, para efetuar a conexão

17 Adicionando um banco de dados
5º passo: Sincronizando Uma vez conectado, deve-se sincronizar o banco com o modelo de dados Clique com o botão direito no banco de dados e selecione “Synchronise” OBS. Selecione APP como esquema Default Escolha os elementos a serem exportados e/ou importados Os scripts são salvos na pasta DBScripts do projeto

18 Construindo aplicações com banco de dados
Objetivo: Construir uma aplicação que seja usada com um banco de dados

19 Esquema Conceitual a partir dos UIDs
Matéria titulo data_pub conteúdo resumo imprimirMateria() enviarMateria() criarMateria() seleciona Leitor seha incluirFavorita() Seção nome * * 1 * pertence a * Autor nome foto biografia mostrarDadosAutor() * * 1 está relacionada publica comentário

20 Construindo aplicações com banco de dados
Exemplo: Matérias

21 UIDs - Consultar informações de um autor
nome do autor ...Autor(nome) 1 Autor(nome, foto, biografia, ...Seção(nome), ...Matéria (título, data de publicação, conteúdo))

22 Modelo de Hipertexto UIDs - Consultar informações de um autor
Filtros de relacionamento: exibidas apenas as instâncias relacionadas Links Normais: Necessitam da interação do usuário Links automáticos: não necessitam da iteração com o usuário 22

23 UIDs - Ler matéria de uma seção

24 Modelo de Hipertexto UIDs - Ler matéria de uma seção

25 UIDs - Ler matérias a partir de uma palavra chave
1..3 opção [ título, conteúdo, resumo) ...Matéria (título, data de publicação, resumo) 1 Matéria (título, data de publicação, conteúdo, Autor (nome))

26 Modelo de Hipertexto UIDs - Procurar matérias a partir de uma palavra chave
26

27 UIDs - Consultar matérias favoritas
senha [senha válida] [senha inválida] ...Matéria (título, data de publicação, resumo) “Login Inválido” 1 Matéria (título, data de publicação, conteúdo, Autor (nome), comentário)

28 Units Login/Logout Obtém uma variável setada na seção
Vincula/Desvincula a variável setada Obtém uma variável setada na seção

29 Construindo aplicações com banco de dados
Context Parameters São variáveis usadas para armazenar valores durante uma sessão Clique com o botão direito na área de trabalho do projeto e clique em “Add Context Parameter command”

30 Construindo aplicações com banco de dados
Context Parameters Usar GetUnit, SetUnit, ResetUnit As variáveis são visíveis em todo o SiteView

31 Construindo aplicações com banco de dados
Inserindo Definir uma “Entry Unit” com os campos da entidade a ser inserida Campos de texto, data, procurar arquivo (como foto), Selection Field( combobox), MultiSelection Field

32 Construindo aplicações com banco de dados
Editando Para cada campo a ser alterado, defini-lo como “Preloaded” Adicionar “Slots” em campos a ser alterado

33 Construindo aplicações com banco de dados
Deletando Definir um Link passando o ID do objeto a ser deletado

34 Construindo aplicações com banco de dados
Associando e desassociando entidades relacionadas Insere/Deleta instancias em relacionamentos N:N entre entidades

35 Pratica na Ferramenta...