Procurando por ferramentas que auxiliem no desenvolvimento de sistemas para web acabei encontrando o wavemaker, uma ferramenta wysiwyg onde boa parte da aplicação é criada arrastando e colocando componentes na tela.
Algumas características do wavemaker:- Drag & drop para a montagem dos aplicativos
- Importação de banco de dados em um click
- Geração de formulários CRUD em um click
- Formulários relacionados em um click
- Pré visualização dos dados no próprio studio
- Segurança com Single sign-on
- Controle de acesso por RBAC (role-based access controls)
- Paginação de tabela de dados (data grid)
- Campos de pesquisa com auto-complete
 |
| Captura de tela do wavemaker studio |
Pelo que li no site http://www.wavemaker.com, a empresa foi comprada pela Vmware e a ferramenta passou a ser opensource sob licença apache.
Após esta pequena introdução vamos ao tutorial básico para usar o wavemaker:
Parte 1 - Instalação:
Como pré requisito é necessário termos o Java jdk instalado, caso não tenha, faça o downloado do jdk, disponivel em http://www.oracle.com/technetwork/java/javase/downloads/index.html e o instale.
Baixe o instalador do wavemaker no site http://www.wavemaker.com/downloads e faça a instalação do mesmo.
No meu caso eu utilizo o ubuntu linux, fiz o download do pacote .deb e instalei com o comando:
sudo dpkg --install wavemaker_6.3.2GA_amd64.deb
Após instalar, abra um terminal e digite:
sudo /opt/wavemaker-6.3.2GA/bin/wavemaker.sh
Isso é necessário somente uma vez para para completar a instalação, este passo configura o ambiente de trabalho do studio e instala alguma dependencia faltante.
Agora encerre a execução do wavemaker studio clicando na opção STOP do console: |
| Tela do console do wavemaker |
Inicie novamente o studio digitando /opt/wavemaker-6.3.2GA/bin/wavemaker.sh
Pronto, agora é só criar os aplicativos.
Parte 2 - Aplicação básica com o wavemaker:
Inicie o wavemaker e ela abrirá o studio no navegador padrão
Clique na opção file new project
No diálogo de novo projeto, nomeie a aplicação e selecione um tema, no exemplo, o projeto foi nomeado como programa1 usando o tema padrão (wm_default) e o template none
O passo seguinte é a montagem do layout do aplicativo, isto é feito arrastando e soltando alguns componentes: 1 TitleBar, 1 Panel e 1 Footer:
Terminado o layout básico da aplicação, agora é hora de alterar alguns atributos de cores, implementar o acesso a um banco de dados e as operações básicas de incluir/alterar/remover/consultar.
Pronto, com isso finalizamos a criação de um aplicativo simples com acesso a banco de dados utilizando o wavemaker.
