Você está na página 1de 196

Desenvolvimento

de Aplicações com

José Paulo Leiria Moura

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 1


3 ambientes de desenvolvimentos integrados

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 2


Aplicações Desktop

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 3


Aplicações Web

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 4


Aplicações para Dispositivos Móveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 5


W – uma linguagem
gerando aplicações universais

Linguagem

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 6


Acesso universal aos dados

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 7


3 ambientes integrados

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 8


3 ambientes
semelhantes

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 9


Os mesmos Conceitos

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 10


Projeto e Análise

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 11


Análise
Tabelas, relacionamentos, colunas ...

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 12


Análise
Tabelas, relacionamentos, colunas ...

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 13


Análise
Tabelas

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 14


Análise
Conexões, tipos de bancos de dados

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 15


Análise
Conexões, tipos de bancos de dados

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 16


Projeto

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 17


Projeto
Folders
personalizáveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 18


Projeto

Janelas/Páginas
Relatórios
Queries
Classes
Procedures
Help

Templates

Modelo (doc)
Ligações
Pastas
Configurações

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 19


Projeto
RAD para Aplicações completas,
Janelas e Relatórios

Análise + Padrões RAD + Templates

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 20


Projeto - RAD
Aplicação não MDI
Aplicações MDI
e não MDI

Aplicação MDI

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 21


Janelas - RAD
Janelas de Qualquer formato

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 22


Relatórios - RAD
Relatórios
de várias origens para vários destinos

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 23


Queries
Queries
editadas visualmente

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 24


Queries
Queries
editadas visualmente

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 25


Queries
Queries
digitadas

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 26


Queries
Queries
utilizadas
em todo
ambiente

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 27


Ambiente de Desenvolvimento

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 28


Ambiente de Desenvolvimento
Painel de controle (DashBoard)

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 29


Ambiente de Desenvolvimento
Área de Trabalho

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 30


Ambiente de Desenvolvimento

1) Barras de ferramentas
2) Área de trabalho
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 31


Ambiente de Desenvolvimento
1) 10 Barras de Ferramentas

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 32


Ambiente de Desenvolvimento
1) Barras de Ferramentas

Redimensionamento
das barras de ferramentas

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 33


Ambiente de Desenvolvimento
1) Barras de Ferramentas

Ancoragem
©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 34
Ambiente de Desenvolvimento
1) Barras de ferramentas
1ª Barra: de Alinhamento

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 35


Ambiente de Desenvolvimento
1) Barras de ferramentas
2ª Barra: de Bordas

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 36


Ambiente de Desenvolvimento
1) Barras de ferramentas
3ª Barra: de Painéis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 37


Ambiente de Desenvolvimento
1) Barras de ferramentas
4ª Barra: de Componentes

--- Criar novo componente

--- Gerar componente

--- Criar versão cliente

--- Descrição dos componentes gerados

--- Importar componente

--- Listar componentes utilizados

--- Componentes disponíveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 38


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup
Projeto Windev/Webdev

Formatador de páginas web

Formatador de janelas

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 39


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 40


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 41


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 42


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 43


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 44


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto
--- Executar geração em batch

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 45


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto
--- Executar geração em batch
--- Próxima referência

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 46


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto
--- Executar geração em batch
--- Próxima referência
--- Grid

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 47


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto
--- Executar geração em batch
--- Próxima referência
--- Grid
--- Anterior
--- Seguinte
--- Pai
--- Atualizar gráfico

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 48


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto
--- Executar geração em batch
--- Próxima referência
--- Grid
--- Anterior
--- Seguinte
--- Pai
--- Atualizar gráfico
--- Criar pasta personalizada

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 49


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto
--- Executar geração em batch
--- Próxima referência
--- Grid
--- Anterior
--- Seguinte
--- Pai
--- Atualizar gráfico
--- Criar pasta personalizada

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 50


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto
--- Executar geração em batch
--- Próxima referência
--- Grid
--- Anterior
--- Seguinte
--- Pai
--- Atualizar gráfico
--- Criar pasta personalizada
--- Zoom do gráfico para ficar todo visível

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 51


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto
--- Executar geração em batch
--- Próxima referência
--- Grid
--- Anterior
--- Seguinte
--- Pai
--- Atualizar gráfico
--- Criar pasta personalizada
--- Zoom do gráfico para ficar todo visível
--- “Olho de peixe”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 52


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto
--- Executar geração em batch
--- Próxima referência
--- Grid
--- Anterior
--- Seguinte
--- Pai
--- Atualizar gráfico
--- Criar pasta personalizada
--- Zoom do gráfico para ficar todo visível
--- “Olho de peixe”
--- Seleciona o folder atual na árvore de projeto

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 53


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto
--- Executar geração em batch
--- Próxima referência
--- Grid
--- Anterior
--- Seguinte
--- Pai
--- Atualizar gráfico
--- Criar pasta personalizada
--- Zoom do gráfico para ficar todo visível
--- “Olho de peixe”
--- Seleciona o folder atual na árvore de projeto
--- Seleção rápida

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 54


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto
--- Executar geração em batch
--- Próxima referência
--- Grid
--- Anterior
--- Seguinte
--- Pai
--- Atualizar gráfico
--- Criar pasta personalizada
--- Zoom do gráfico para ficar todo visível
--- “Olho de peixe”
--- Seleciona o folder atual na árvore de projeto
--- Seleção rápida
--- Criar nova nota personalizada

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 55


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto
--- Executar geração em batch
--- Próxima referência
--- Grid
--- Anterior
--- Seguinte
--- Pai
--- Atualizar gráfico
--- Criar pasta personalizada
--- Zoom do gráfico para ficar todo visível
--- “Olho de peixe”
--- Seleciona o folder atual na árvore de projeto
--- Seleção rápida
--- Criar nova nota personalizada

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 56


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup de Projeto
--- Código do Projeto
--- Executar RAD
--- Criar ligação
--- Reconstruir gráfico
--- Configurações do projeto
--- Executar geração em batch
--- Próxima referência
--- Grid
--- Anterior
--- Seguinte
--- Pai
--- Atualizar gráfico
--- Criar pasta personalizada
--- Zoom do gráfico para ficar todo visível
--- “Olho de peixe”
--- Seleciona o folder atual na árvore de projeto
--- Seleção rápida
--- Criar nova nota personalizada
--- Criar nota de texto

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 57


Ambiente de Desenvolvimento
1) Barras de ferramentas
5ª Barra: Popup
Projeto Windev/Webdev

Formatador de páginas web

Formatador de janelas

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 58


Ambiente de Desenvolvimento
1) Barras de ferramentas
6ª Barra: SCM
Gerenciador de Código Fonte

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 59


Ambiente de Desenvolvimento
1) Barras de ferramentas
7ª Barra: Padrão

Webdev

Windev

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 60


Ambiente de Desenvolvimento
1) Barras de ferramentas
7ª Barra: Padrão
- Abrir arquivo novo
- Abrir arquivo existente
- Salvar
- Navegar pelo diretório do projeto
- Painel de controle
- Gráfico do projeto
- Imprimir
- Visualizar impressão
- Recortar
- Copiar
- Colar
- Replicar formatação
- Desfazer
- Refazer
- Análise
- Gerar executável/site
- Executar janela/tela
- Executar projeto

Webdev

Windev

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 61


Ambiente de Desenvolvimento
1)Barras de ferramentas
8ª Barra personalizada

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 62


Ambiente de Desenvolvimento
1)Barras de ferramentas
9ª Barra: Tab Bar

Projeto -
Análise –
Janela/Página –
Query –
Relatório –
Código fonte –
Análise –
Help -
Documentação –
Projeto - Tudo –
Análise – Modelagem -
Janela/Página –
Query –
Relatório –
Código fonte –
Análise –
Documentação –
Tudo –
Modelagem -

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 63


Ambiente de Desenvolvimento
1)Barras de ferramentas
10ª Barra: Documentos abertos

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 64


Ambiente de Desenvolvimento

1) Barras de ferramentas
2) Área de trabalho
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 65


Ambiente de Desenvolvimento
2) Área de trabalho

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 66


Ambiente de Desenvolvimento
2) Área de trabalho
Organização das janelas: maximizadas

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 67


Ambiente de Desenvolvimento
2) Área de trabalho
Organização das janelas: não maximizadas

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 68


Ambiente de Desenvolvimento

1) Barras de ferramentas
2) Área de trabalho
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 69


Ambiente de Desenvolvimento
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 70


Ambiente de Desenvolvimento
3) Painéis ancoráveis
Áreas de Ancoragem

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 71


Ambiente de Desenvolvimento
3) Painéis ancoráveis
Áreas de Ancoragem

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 72


Ambiente de Desenvolvimento
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 73


Ambiente de Desenvolvimento
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 74


Ambiente de Desenvolvimento
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 75


Ambiente de Desenvolvimento
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 76


Ambiente de Desenvolvimento
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 77


Ambiente de Desenvolvimento
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 78


Ambiente de Desenvolvimento
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 79


Ambiente de Desenvolvimento
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 80


Ambiente de Desenvolvimento
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 81


Ambiente de Desenvolvimento
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 82


Ambiente de Desenvolvimento
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 83


Ambiente de Desenvolvimento
3) Painéis ancoráveis

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 84


Configuração
típica com 2
monitores

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 85


Aplicação Cadastro
1. Criando a Análise

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 86


Aplicação Cadastro
1. Criando a Análise
Wizard: passo 1

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 87


Aplicação Cadastro
1. Criando a Análise
Wizard: passo 2

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 88


Aplicação Cadastro
1. Criando a Análise
Wizard: passo 3

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 89


Aplicação Cadastro
1. Criando a Análise
Idioma

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 90


Aplicação Cadastro
1. Criando a Análise
Criando tabela Clientes - 1
Definição da primeira tabela

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 91


Aplicação Cadastro
1. Criando a Análise
Criando tabela Clientes - 2
Definição da primeira tabela

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 92


Aplicação Cadastro
1. Criando a Análise
Criando tabela Clientes - 3

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 93


Aplicação Cadastro
1. Criando a Análise
Criando tabela Clientes - 4

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 94


Aplicação Cadastro
1. Criando a Análise
Criando tabela Clientes- 5

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 95


Aplicação Cadastro
1. Criando a Análise
Criando tabela Clientes - 6

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 96


Aplicação Cadastro
1. Criando a Análise
Criando tabela Clientes - 7

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 97


Aplicação Cadastro
1. Criando a Análise
Tabela Clientes

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 98


Aplicação Cadastro
1. Criando a Análise
Análise concluída

1. Compilar
2. Salvar

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 99


Aplicação Cadastro
2. Criando o Projeto

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 100
Aplicação Cadastro
2. Criando o Projeto

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 101
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 1

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 102
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 2

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 103
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 3

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 104
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 4

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 105
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 5

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 106
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 6

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 107
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 7

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 108
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 7

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 109
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 8

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 110
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 8

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 111
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 9

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 112
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 10

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 113
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 11

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 114
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 12

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 115
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 13

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 116
Aplicação Cadastro
2. Criando o Projeto
Wizard: passo 14

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 117
Aplicação Cadastro
2. Criando o Projeto
Projeto Concluido

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 118
Aplicação Cadastro
3. RAD
chamando o Wizard

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 119
Aplicação Cadastro
3. RAD
Wizard: passo 1

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 120
Aplicação Cadastro
3. RAD
Wizard: passo 2

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 121
Aplicação Cadastro
3. RAD
Wizard: passo 3

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 122
Aplicação Cadastro
3. RAD
Wizard: passo 4

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 123
Aplicação Cadastro
3. RAD
Wizard: passo 5

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 124
Aplicação Cadastro
3. RAD
Wizard: passo 6

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 125
Aplicação Cadastro
3. RAD
Aplicação gerada

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 126
Aplicação Cadastro
3. RAD
Aplicação gerada

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 127
Aplicação Cadastro
3. RAD
Aplicação gerada

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 128
Aplicação Cadastro
4. Testando a aplicação

2
1

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 129
Aplicação Cadastro
4. Testando a aplicação

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 130
Formatador de Janelas
Chamando o formatador de janelas ...

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 131
Formatador de Janelas
Janelas RAD

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 132
Formatador de Janelas
Janelas RID

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 133
Formatador de Janelas
Janelas Standard

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 134
Formatador de Janelas
Janela interna

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 135
Formatador de Janelas
Janela baseada em Template

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 136
Formatador de Janelas
Importação de janelas

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 137
Formatador de Janelas
Janela vazia ...

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 138
Formatador de Janelas
Incluindo controles ...

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 139
Formatador de Janelas
Incluindo Controles de edição

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 140
Formatador de Janelas
Incluindo Controles de edição

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 141
Formatador de Janelas
Chamando a janela de propriedades do controle ...

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 142
Formatador de Janelas
Ficha 1: “Geral”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 143
Formatador de Janelas
Ficha 2: “Interface Gráfica do Usuário”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 144
Formatador de Janelas
Ficha 3: “Detalhes”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 145
Formatador de Janelas
Ficha 4: “Ligação com Queries e Tabelas”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 146
Formatador de Janelas
Ficha 5: “Conteúdo”
Valor inicial

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 147
Formatador de Janelas
Ficha 6: “Documentação”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 148
Formatador de Janelas
Ficha 7: “Ajuda”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 149
Formatador de Janelas
Ficha 8: “Estilo”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 150
Formatador de Janelas
Ficha 8: “Estilo”
Alterando estilo ...

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 151
Formatador de Janelas
Alinhamento de controles

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 152
Formatador de Janelas
Organizando controles
em fichas, painéis ou camadas

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 153
Formatador de Janelas
Controles sobrepostos

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 154
Formatador de Janelas
Controles sobrepostos – visualização 3D

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 155
Formatador de Janelas
Ancoragem

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 156
Formatador de Janelas
Ancoragem

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 157
Formatador de Janelas
Splitter

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 158
Formatador de Janelas
Modos de Visualização (F5, F6, F7)

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 159
Análise
Relacionamentos

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 160
Análise
Relacionamentos
Tabela de pedidos

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 161
Análise
Relacionamentos
Tabela de Pedidos

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 162
Análise
Relacionamentos
Relacionamento de “1 cliente” para “n pedidos”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 163
Análise
Relacionamentos
Relacionamento de “1 cliente” para “n pedidos”

3
©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 164
Análise
Relacionamentos
Relacionamento de “1 cliente” para “n pedidos”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 165
Análise
Relacionamentos
Relacionamento de “1 cliente” para “n pedidos”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 166
Análise
Relacionamentos
Relacionamento de “1 cliente” para “n pedidos”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 167
Análise
Relacionamentos
Relacionamento de “1 cliente” para “n pedidos”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 168
Análise
Relacionamentos
Relacionamento de “1 cliente” para “n pedidos”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 169
Análise
Relacionamentos
Relacionamento de “1 cliente” para “n pedidos”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 170
Análise
Relacionamentos
Relacionamento de “1 cliente” para “n pedidos”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 171
Análise
Relacionamentos
Relacionamento de “1 cliente” para “n pedidos”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 172
Análise
Relacionamentos
Relacionamento de “1 cliente” para “n pedidos”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 173
Análise
Relacionamentos
Relacionamento de “1 cliente” para “n pedidos”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 174
Análise
Relacionamentos
Relacionamento de “1 pedido” para “n itens de pedidos”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 175
Formatador de Relatórios
Chamando o formatador de relatórios ...

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 176
Formatador de Relatórios
Tipo de Relatório

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 177
Formatador de Relatórios
Definindo a origem dos dados

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 178
Formatador de Relatórios
Definindo a tabela

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 179
Formatador de Relatórios
Definição dos parâmetros do relatório

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 180
Formatador de Relatórios
Definição da ordem de impressão

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 181
Formatador de Relatórios
Definição de Quebras

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 182
Formatador de Relatórios
Conteúdo do Relatório

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 183
Formatador de Relatórios
Campos numéricos totalizados

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 184
Formatador de Relatórios
Configuração da página

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 185
Formatador de Relatórios
Escolha do template

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 186
Formatador de Relatórios
Nome e título do relatório

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 187
Formatador de Relatórios
Nome e título do relatório

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 188
Formatador de Relatórios
Área de trabalho

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 189
Formatador de Relatórios
Janela de Propriedades
Ficha 1: “Dados”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 190
Formatador de Relatórios
Janela de Propriedades
Ficha 2: “Detalhes”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 191
Formatador de Relatórios
Janela de Propriedades
Ficha 3: “Blocos”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 192
Formatador de Relatórios
Janela de Propriedades
Ficha 4: “Configuração da página”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 193
Formatador de Relatórios
Janela de Propriedades
Ficha 5: “Opções”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 194
Formatador de Relatórios
Janela de Propriedades
Ficha 6: “Fundo”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 195
Formatador de Relatórios
Janela de Propriedades
Ficha 7: “Idiomas”

©Life Tech 2006-2012 – Curso de Desenvolvimento de Aplicações com WinDev/Webdev – Slide 196

Você também pode gostar