WebRatio

Agenda

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

banco de dados

Criando uma aplicação básica

• Objetivo:• Mostrar como montar uma aplicação

simples usando o WebRatio

Criando uma aplicação básica

• 1º passo: Abrir a perspectiva WebRatio

Criando uma aplicação básica

• 2º passo: Criar um projeto Web• File -> New -> Web Project• Insira o nome do projeto e clique

“Finish”

Criando uma aplicação básica

• 3º passo: Criar um SiteView

Criando uma aplicação básica

• 4º passo: Adicionar uma página• Editar suas propriedades

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

Criando uma aplicação básica

• 6º passo: Gerando a aplicação

• 7º passo:• Iniciar o Tomcat• http://localhost:8080/<NomeProjeto>

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

Adicionando um banco de dados

• 1º passo: Criar entidades• Selecionar a aba Data Model (canto

inferior da janela do projeto)

Adicionando um banco de dados

• 2º passo: Adicionando atributos

Adicionando um banco de dados

• 3º passo: Relacionamentos

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

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

Construindo aplicações com banco de dados

•Objetivo:•Construir uma aplicação que seja usada

com um banco de dados

Esquema Conceitual a partir dos UIDs

comentário

Seçãonome

Autornomefotobiografia

mostrarDadosAutor()

Matériatitulodata_pubconteúdoresumo

imprimirMateria()enviarMateria()criarMateria()

Leitoremailseha

incluirFavorita()

1

*

1 *

* *

* *

pertence a

publica

seleciona

está relacionada

Construindo aplicações com banco de dados

•Exemplo: Matérias

UIDs - Consultar informações de um autor

Autor(nome, foto, biografia, ...Seção(nome), ...Matéria(título, data de publicação, conteúdo))

nome do autor

...Autor(nome)

1

Modelo de Hipertexto UIDs - Consultar informações de um autor

Links Normais: Necessitam da interação do usuário

Links automáticos: não necessitam da iteração com o usuário

Filtros de relacionamento: exibidas apenas as instâncias relacionadas

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

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

1

...Matéria (título, data de publicação, resumo)

1..3 opção [ título, conteúdo, resumo)

Matéria (título, data de publicação, conteúdo, Autor (nome))

palavra-chave

UIDs - Ler matérias a partir de uma palavra chave

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

...Matéria (título, data de publicação, resumo)

senhae-mail

Matéria (título, data de publicação, conteúdo, Autor (nome), comentário)

1

“Login Inválido”

[senha inválida][senha válida]

UIDs - Consultar matérias favoritas

Units Login/Logout

Obtém uma variável setada na seção

Vincula/Desvincula a variável setada