MATERIAL DIDÁTICO – PROGRAMAÇÃO COMERCIAL - 40 HORAS

Ementa
Introdução à ferramenta CASE. Conceitos e desenvolvimento sobre: formulários, caixas de
input e output, botões, datagrid, eventos e configurações de tela. Conexão de banco de dados
com ferramenta CASE. Elaboração de consultas. Desenvolvimento de relatórios utilizando
componentes adequados. Criação de setups.

Etapas a Percorrer

- Conceito e Características das Ferramentas CASE

- Características do Netbeans
- Tutorial Instalação e Configuração do Netbeans 8.0.1
- Tutorial Criação de Interface Gráfica – GUI
- Tutorial Instalação e Configuração do MySQL 5x
- Tutorial Estabelecendo Conexão Com Banco de Dados MySQL
- CONCEITO E CARACTERÍSTICAS DAS FERRAMENTAS CASE
Com o propósito de compreender de forma mais ampla e estruturada os principais
tipos de ferramentas CASE disponíveis, iremos abordar teoricamente cada tipo para
que posteriormente possamos realizar um estudo de caso com uma ferramenta
especifica.
Primeiramente é interessante entender!
O que é Ferramenta ?
Ferramenta é qualquer instrumento que se utiliza para a realização de um trabalho,
implementando ou dando suporte a metodologias.
E CASE o que é ?
O termo CASE (Computer-Aided Software Engineering) significa Engenharia de
Software Auxiliada por Computador.
Antes de entendermos as características mais especificas das ferramentas CASE
iremos voltar um pouco no
passado para
compreendermos como era e
como tudo se iniciou.
Imaginem que no ano de
1955, os engenheiros
mecânicos e elétricos
trabalhavam com ferramentas
manuais rudimentares: livros
e tabelas que continham as
formulas que precisavam
para efetuar a análise de um
problema de engenharia;
réguas de cálculo e
calculadoras mecânicas afim
de garantir que o produto
funcionaria. Um bom trabalho
era feito, mas era feito manualmente, repetidamente e consequentemente em um
tempo maior.
Uma década se passou e o mesmo grupo de engenharia começou a experimentar a
engenharia baseada em computador, sendo que todas as ferramentas manuais e
problemas encontrados passaram a ser substituídos e solucionados por programas,
criando o primeiro elo entre o projeto auxiliado por computador (Computer-Aided-
Design – CAD) e a manufatura auxiliada por computador (Computer-Aided-
Manufacturing-CAM).
Um bom trabalho continuava a ser feito, mas agora dependente de software, iniciando
a união entre a engenharia e a computação, se tornando também parte integrante do
processo.
Então o que seria uma ferramenta CASE, seus objetivos, vantagens, exemplos,
onde e como posso utiliza-las?
Voltando para nossa
realidade e tendo como
área de atuação a
engenharia de softwares,
Ferramentas CASE são
ferramentas utilizadas
como suporte para
desenvolver um software.
Essas ferramentas
oferecem um conjunto de
serviços, fortemente
relacionados, para apoiar
uma ou mais atividades do
processo de
desenvolvimento de
software e podem
minimizar o tempo de
desenvolvimento do programa, mantendo o alto nível de qualidade. A vantagem em se
utilizar uma Ferramenta CASE é o aumento da produtividade, melhor qualidade,
diminuição dos custos, melhor gerenciamento e a grande facilidade de manutenção.
Cada ferramenta tem propósitos diferentes, fornece serviços diferentes, mas possuem
algumas características em comum, como a integração de diversas funções que serão
descritas a seguir, sendo essa a tendência.
As ferramentas CASE podem ser classificadas em:
Horizontais: oferecem serviços utilizados durante todo o processo de software;
Verticais: utilizadas em fases específicas do processo de software;
Elas também podem ser classificadas de acordo com os serviços que oferecem,
dentre as quais, destacam-se:
1 - Ferramentas de Planejamento de Sistemas Comerciais
Ao modelar os requisitos de informação estratégicos de uma organização, as
ferramentas de planejamento de sistemas comerciais constituem um “meta-modelo” a
partir do qual sistemas de informação específicos são derivados. Em vez de se
concentrar nos requisitos de uma aplicação específica, a informação comercial é
modelada à medida que ela flui entre as várias entidades organizacionais dentro de
uma empresa. O objetivo primordial para as ferramentas dessa categoria é ajudar a
melhorar a compreensão de como a informação flui entre as várias unidades
organizacionais.
É importante notar que as ferramentas de planejamento de sistemas comerciais não
servem para todas as organizações. Elas exigem um grande compromisso filosófico
por parte da administração para produzir um modelo completo e depois agir em função
das informações derivadas dele. Porém, tais ferramentas proporcionam substancial
esclarecimento quando precisam ser construídas estratégias de sistemas de
informação e quando os sistemas e métodos atuais não atendem às necessidades de
uma organização.

2 - Ferramentas de Gerenciamentos de Projetos

Muitos gerentes de projetos de softwares continuam a estimar, a controlar e rastrear
projetos de softwares de uma forma muito parecida com aquela utilizada na década de
1950. Ironicamente, existe um amplo conjunto de ferramentas de gerenciamento de
projetos CASE que poderia exercer um profundo impacto sobre a qualidade do
gerenciamento de projetos para esforços de desenvolvimento de software tanto
grandes como pequenos.
Atualmente, a maioria das ferramentas CASE de gerenciamento de projetos
concentra-se num elemento especifico do gerenciamento de projetos, em vez de
oferecer um suporte abrangente à atividade de gerenciamento. Ao usar um conjunto
selecionado de ferramentas CASE, o gerente de projetos pode gerar úteis estimativas
de esforço, custo e duração de um projeto de software, definir uma estrutura de
divisão de trabalho (Work Breakdown Structure – WBS), planejar uma programação
viável de projeto e acompanhar projetos em base continua. Além disso, o gerente
pode usar ferramentas para compilar métricas, que por fim oferecerão uma indicação
de produtividade no desenvolvimento de software e da qualidade do produto. Para
estes gerentes que tem a responsabilidade de contratar desenvolvimento de software,
as ferramentas CASE, encontram-se à disposição para rastrear os requisitos desde o
requerimento original de proposta (Request for Proposal – RFP) do cliente até o
trabalho de desenvolvimento de software que implementará esses requisitos num
sistema a ser entregue.

2.1 - Ferramentas de Planejamento de Projetos

As ferramentas desta categoria concentram-se em duas fases fundamentais: esforço e
estimativa de custos de projetos de software e programação de projetos. As
ferramentas de estimativa de custos possibilitam que o gerente de projetos estime o
tamanho do projeto usando uma medida indireta (por exemplo linhas, linhas de código
e pontos-por-função) e descreva características globais de projeto (por exemplo,
complexidade do problema, experiência do pessoal, maturidade do processo). A
ferramenta de estimativa computa então o esforço estimado, a duração do projeto e o
número recomendado de pessoas. Muitas ferramentas desta categoria permitem
algumas alternativas. Por exemplo, o gerente de projetos pode permutar o prazo final
do projeto e examinar seu impacto sobre o custo global.
As ferramentas de programação de projetos possibilitam que o gerente defina todas as
tarefas do projeto (estrutura de divisão de trabalho), crie uma rede de tarefas
(comumente usando uma entrada gráfica), represente as interdependências as tarefas
e modele a quantidade de paralelismo possível para o projeto. A maioria das
ferramentas usa o método de programação do caminho crítico para determinar o
impacto do não cumprimento da data de entrega.

2.2 - Ferramentas de Rastreamento dos Requisitos

Quando grandes sistemas são desenvolvidos, geralmente acontece um problema
crítico – o sistema entregue não atende plenamente aos requisitos especificados pelo
cliente. Em alguns casos, a não-conformidade aos requisitos provém de dificuldades
técnicas. Mas, em outras situações, estão faltando requisitos – eles simplesmente não
foram encaminhados.
O objetivo das ferramentas de rastreamento dos requisitos é oferecer uma abordagem
sistemática ao isolamento dos requisitos que se inicia com o RFP ou especificação do
cliente. Uma ferramenta de levantamento de requisitos típica combina avaliação de
textos interativos de seres humanos com um sistema de gerenciamento de banco de
dados que armazena e categoriza cada requisito de sistema “analisado” a partir do
RFP ou da especificação original.

RFP ou Especificação 1º passo Reconhecimento de

do Cliente Caractere - OCR

2º passo

Banco de
Dados
3º passo
Contendo os
Requisitos
4º passo

Ferramenta/Ambiente CASE

(Busca de Requisitos)

3 - Ferramentas de Apoio
A categoria das ferramentas de apoio abrange ferramentas de aplicação e de sistemas
que complementam o processo de engenharia de software. As ferramentas dessa
ampla categoria abrangem as atividades de “guarda-chuva” que são aplicáveis em
todo o processo de engenharia de software. Entre elas incluem-se as ferramentas de
documentação, as ferramentas de rede e software básico, ferramentas de garantia de
qualidade, ferramentas de gerenciamento de banco de dados e gerenciamento de
configuração – framework.
3.1 – Ferramentas de Documentação
As ferramentas de produção de documentos e de editoração eletrônica (desk-top
publishing) dão apoio a quase todos os aspectos da engenharia de software. A maioria
das empresas de desenvolvimento de software, gasta um considerável tempo
elaborando documentos, em torno de 20% a 30 % do tempo total para o
desenvolvimento. Sendo assim as ferramentas de documentação é uma importante
oportunidade para melhorar a produtividade.
As ferramentas de documentação frequentemente são ligadas a outras ferramentas
CASE, servindo com uma ligação com a ferramenta técnica. Normalmente os modelos
e o texto criado durante a análise e projeto podem ser transmitidos diretamente a uma
ferramenta de documentação, evitando com que o procedimento seja feito duas vezes
e evitando também erros nas repetições.
3.2 – Ferramentas de Software Básico
As ferramentas CASE, são atualmente uma tecnologia de estação de trabalho,
diferente de anteriormente quando utilizávamos mainframe, assim seu ambiente deve
acomodar software básico de alta qualidade de rede. Embora o sistema operacional
mais utilizado em estações de trabalho
de engenharia seja o UNIX, os serviços
de portabilidade oferecidos por um IPSE -
Ambiente Integrado de suporte a
projetos, podem tornar a migração das
ferramentas case mais fáceis.
3.3 – Ferramentas de Garantia de
Qualidade
Normalmente são ferramentas que fazem
auditoria do código-fonte para determinar
o cumprimento de padrões de linguagem.
3.4 – Ferramentas de Banco de Dados
e SCM
As ferramentas CASE podem auxiliar em cinco grandes tarefas no gerenciamento da
configuração do banco de dados, como a identificação, controle de versão, controle de
mudanças, auditoria e relato de status. Os bancos de dados CASE proporcionam um
mecanismo para identificar cada item de configuração e relacioná-lo com outros itens
podendo ser implementado com o auxílio de ferramentas especializadas, tendo fácil
acesso a itens de configuração individuais facilitando o processo de auditoria e
aperfeiçoando os relatos de status das atividades que estão sendo executadas.
4 – Ferramentas de Análise e Projeto

As ferramentas de análise e projeto possibilitam que o engenheiro de software crie um

modelo de sistema que será construído, sendo que esse modelo normalmente deverá
conter a representação do fluxo de controle de dados, conteúdo de dados,
representações de processo e controle, auxiliando assim na verificação da qualidade
do modelo e consequentemente ajudam a eliminar erros antes que eles se propaguem
pelo projeto ou na implementação.

4.1 – Ferramentas SA/SD

A AS/SD é uma técnica de modelagem que possibilita a criação de modelos de
sistemas progressivamente mais complexo, começando no nível dos requisitos e
terminando com um projeto de arquitetura, normalmente utilizando a análise heurística
para produzir representações viáveis de software.

4.2 – Ferramentas PRO/SIM

São conhecidas como ferramentas de prototipação e simulação, proporcionando a
possibilidade de prever o comportamento de um sistema em tempo real antes de ele
ser construído, isso inclui simulações, esclarecimento sobre as funções, operação e
resposta.
4.3 – Ferramentas de Projeto e Desenvolvimento de Interfaces
As ferramentas de projeto e desenvolvimento de interfaces com o usuário se trata de
um kit de ferramentas de componentes de programa, tais como menus, botões,
estruturas de janelas, ícones. Possibilitando assim que o desenvolvedor construa uma
interface ser humano/computador rapidamente.

4.4 – Núcleos de Análise e Projeto

São consideradas ferramentas de análise e projeto que utilizam uma arquitetura
baseada em normas, possibilitando que a ferramenta seja customizada para qualquer
método de análise e projeto.
5.1 – Ferramentas de Programação
A categoria das ferramentas de programação abrange compiladores, editores e
depuradores que se encontram à disposição para apoiar a maioria das linguagens de
programação convencionais. Além disso, os ambientes de programação orientados a
objeto, as linguagens de quarta geração, os geradores de aplicação e as linguagens
de consulta a banco de dados também se situam nesta categoria.
6 – Ferramenta de Gerenciamento de Teste
As ferramentas dessa categoria gerenciam e coordenam as atividades de teste,
realizam comparações entre a saída real e esperada. Sendo um dos últimos passos
no desenvolvimento de uma aplicação.
- CARACTERÍSTICAS DO NETBEANS
Após compreendermos os tipos de ferramentas CASE e algumas de suas
características, iremos utilizar um desses tipos, que é a ferramenta NetBeans,
mas antes de conhece-la na prática, vamos compreender algumas de suas
características.
NetBeans IDE é uma aplicação de código aberto feita para auxiliar os
desenvolvedores na criação de aplicativos em diferentes plataformas, utilizando
tecnologia Java para isto. Nela você encontra todas as ferramentas necessárias para
projetos profissionais em Java, C/C++ e Ruby on Rails.
Características gerais
NetBeans IDE oferece o recurso GUI Builder que é uma ferramenta utilizada para
criação de design e posicionamento dos componentes da interface, já que apresenta
para o desenvolvedor todos os espaços e alinhamentos corretos automaticamente.
Você pode editar as propriedades destes componentes clicando nos botões JLabels,
JButtons e JTextFields.
Também é possível criar, testar e eliminar os erros de aplicações em
desenvolvimentos para celulares. O NetBeans IDE oferece ferramentas com suporte
de criação em todos os componentes Java EE, incluindo EJBs, serviços web, entre
outros. é permitida a modelagem de visuais UML, com vários tipos de diagramas, bem
como desenhar e analisar as aplicações destes modelos.
Os desenvolvedores também vão encontrar um ambiente para desenvolvimento
profissional de modelos e projetos em C/C++, oferecendo bibliotecas de componentes
dinâmicas ou estáticas, sendo possível também utilizar os projetos já desenvolvidos
nestas linguagens, e aproveita-los para novas criações.
NetBeans IDE oferece todo o suporte para criação de interfaces gráficas de maneira
visual, bem como o desenvolvimento de aplicações para a internet, celulares e
colaborações entre usuários, apresentando funcionalidades para soluções mais
completas em programações com Java.

- Tutorial Instalação e Configuração do Netbeans 8.0.1 (netbeans.org)

Instalação Netbeans e Pré-Requisito de Software
É necessário ter o Java SE Development Kit (JDK) 7, Atualização 10 (ou posterior), ou
o JDK 8, para instalar o NetBeans IDE. Você pode fazer download da última
atualização do JDK 7 e do JDK 8 em
http://www.oracle.com/technetwork/java/javase/downloads.
Os bundles PHP e C/C++ NetBeans requerem apenas que o JRE (Java Runtime
Environment) 7 ou 8 seja instalado e esteja em execução. O JDK 7 ou 8 é obrigatório
se você pretende usar qualquer uma das funcionalidades Java.
O JDK 7 Update 6 (ou mais recente) é obrigatório para usar as funcionalidades do
JavaFX 2.2 (ou mais recente) no NetBeans IDE 8.0.1.
O JDK 8 é obrigatório para usar as funcionalidades do JavaFX 8 no NetBeans IDE
8.0.1.
Observação:
O JavaFX 2.2 está no mesmo bundle que o mais recente JDK 7 para Windows, Mac e
Linux.
O JavaFX 8 está no mesmo bundle que o JDK 8 para Windows, Mac e Linux.
Diferente das versões anteriores do NetBeans IDE, o NetBeans IDE 8.0.1 não requer
que você configure uma plataforma Java ativada para FX para utilizar o suporte e
JavaFX no IDE. Você poderá desenvolver projetos JavaFX no IDE se instalar qualquer
plataforma Java padrão, isto é, JDK 7 Update 6 ou mais recente, ou JDK 8.
Para usar as funcionalidades do JavaFX no NetBeans IDE, é necessário que seja feito
o upgrade de sua versão do JDK para o JDK 7 Update 10 (ou versão mais recente) ou
então que use o JDK 8.
Início
Opções de Download do Instalador
Na página Download do NetBeans IDE, você pode adquirir um dos diversos
instaladores, cada um contendo o IDE básico e as ferramentas adicionais.
Os seguintes instaladores estão disponíveis:
Java SE. Oferece suporte para todas as funcionalidades de desenvolvimento padrão
do Java SE e também para desenvolvimento da Plataforma NetBeans e para o
JavaFX 2.2 SDK (ou mais recente), ou JavaFX 8 EA SDK.
Java EE. Fornece ferramentas para o desenvolvimento de aplicações Java SE e Java
EE, assim como suporte para o desenvolvimento da Plataforma NetBeans e para o
JavaFX 2.2 SDK (ou mais recente), ou JavaFX 8 EA SDK. Esta opção de download
inclui também o GlassFish Server Open Source Edition 4.1 e o software Apache
Tomcat 8.0.9.
C/C++. Oferece suporte para desenvolvimento nas linguagens C, C++, Fortran e
Assembly.
PHP. Fornece ferramentas para o desenvolvimento PHP 5.x e o suporte para o Zend e
Symfony Framework.
Esta é uma opção de download completa, que contém todos os runtimes e tecnologias
disponíveis para o NetBeans IDE.
Iniciando o Download:
Vá para http://netbeans.org/downloads
Na parte superior direita da página, selecione a linguagem e a plataforma na lista drop-
down. Também é possível optar por fazer download e utilizar somente o arquivo zip
independentemente da plataforma.
Clique no botão Download para selecionar a opção de download que deseja instalar.
Salve o arquivo do instalador no sistema.
Para instalar o software:
Após concluir o download, execute o instalador.
Para Windows, o arquivo executável do instalador tem a extensão.exe. Clique duas
vezes no arquivo do instalador para executá-lo.
Nas plataformas Linux, o arquivo do instalador tem a extensão .sh. Para essas
plataformas, é preciso executar os arquivos do instalador executáveis com o seguinte
comando: chmod +x <installer-file-name>
Se você tiver feito download do bundle ou Java EE, poderá personalizar a sua
instalação. Execute as seguintes etapas na página de Boas-Vindas do assistente de
instalação:
Clique em Personalizar.
Na caixa de diálogo Personalizar Instalação, faça suas seleções.
Clique em OK.
Clique em Próximo na página de Boas-Vindas do assistente de instalação.
Na página Contrato de Licença, leia o contrato de licença, clique na caixa de seleção
para aceitar e clique em Próximo.
Na página Contrato de Licença do JUnit, se optar por instalar o JUnit, clique na opção
apropriada e clique em Próximo.
Na página de instalação do IDE NetBeans, proceda da seguinte maneira:
Aceite o diretório default de instalação do IDE NetBeans ou especifique outro diretório.
Observação: o diretório de instalação deverá estar vazio e o perfil de usuário que
estiver sendo utilizado para executar o instalador deverá ter permissões de
leitura/gravação nesse diretório.
Aceite a instalação default do JDK para utilizar com o NetBeans IDE ou selecione
outra instalação na lista drop-down. Se o assistente de instalação não tiver encontrado
uma instalação JDK compatível para ser utilizada com o NetBeans IDE, é porque o
JDK não é instalado no local default. Nesse caso, especifique o caminho do JDK
instalado e clique em Próximo ou cancele a instalação atual. Após a instalação da
versão necessária do JDK, você poderá reiniciar a instalação.
Observação: se a versão do JDK for mais antiga que a JDK 7 Update 10
recomendada, faça o download e instale a atualização mais recente do JDK pela
páginaDownloads do Java SE e reinicie o instalador do NetBeans IDE.
Se a página de instalação do GlassFish Server Open Source Edition 4.1 for aberta,
aceite o diretório de instalação default ou especifique outro local de instalação.
Se estiver instalando o Apache Tomcat, em sua página de instalação, aceite o diretório
de instalação default ou especifique outro local de instalação. Clique em Próximo.
Na página Resumo, faça o seguinte:
Verifique se a lista de componentes a serem instalados está correta.
Marque a caixa de seleção Verificar Se Há Atualizações se quiser fazer na Central de
Atualização se há possíveis atualizações e certifique-se de instalar a biblioteca do
JUnit durante a instalação (contanto que você aceite a licença na etapa 5.)
Verifique se há espaço suficiente no sistema para a instalação.
Clique em Instalar para iniciar a instalação.
Na página Configuração Concluída, forneça os dados de utilização anônimos, se
desejado, e clique em Finalizar.
Observação: se você tiver problemas após concluir instalação do software com
sucesso, consulte Diagnóstico e Solução de Problemas para obter descrições e
soluções para questões não-resolvidas que poderão afetar o processo de instalação.
OS X
Para instalar o software:
Após concluir o download, execute o instalador. O arquivo do instalador tem a
extensão .dmg.
Clique no ícone de pacote no painel exibido. A extensão do pacote é .mpkg . O
assistente de instalação é iniciado.
Clique em Continuar quando for exibida a caixa de diálogo "Este pacote executará um
programa para determinar se o software pode ser instalado".
Na página de Introdução do assistente de instalação, clique em Continuar.
Observação: se a versão do JDK for mais antiga que a JDK 7 Update 10
recomendada, faça o download e instale a atualização mais recente do JDK pela
páginaDownloads do Java SE e reinicie o instalador do NetBeans IDE.
Leia o contrato de licença e clique em Continuar. Clique em Aceitar na janela pop-up
para aceitar a licença.
Na página Selecionar um Destino, selecione o drive e clique em Continuar.
Se você tiver feito download do bundle ou Java EE, poderá personalizar a sua
instalação. Pressione o botão Personalizar no lado esquerdo inferior do painel do
assistente de instalação, no último painel do assistente de instalação. A árvore de
produtos é exibida.
Selecione os produtos que deseja instalar.
Para iniciar a instalação, digite o nome do administrador e a senha no sistema e clique
em OK.
Pacote Independente de Plataforma
Para executar o software:
Após fazer download do arquivo ZIP independente de plataforma, extraia-o em
qualquer pasta do sistema.
Execute o arquivo executável localizado no diretório netbeans/bin.
Aceite o Contrato de Licença.
Na página Contrato de Licença do JUnit, se optar por instalar o JUnit, clique na opção
apropriada e clique em Próximo. A instalação do NetBeans IDE se inicia.
Observação: se não for possível encontrar uma instalação do JDK compatível, talvez
seja necessário adicionar manualmente o caminho ao diretório de instalação do JDK,
adotando o seguinte procedimento:
Abra o arquivo netbeans.conf localizado no diretório netbeans/etc em um editor de
texto.
Insira a localização da instalação do JDK compatível para a opção netbeans_jdkhome.
O local default no Windows é C:\Program Files\Java\jdk1.7.0_67 ou similar.
Salve o arquivo netbeans.conf e execute o arquivo executável no diretório
netbeans/bin.
Observação: o GlassFish Server Open Source Edition e o Apache Tomcat somente
estão disponíveis com instaladores específicos para cada plataforma.
Observação: para usar o GlassFish Server Open Source Edition e/ou Apache Tomcat
já instalados na máquina, no NetBeans IDE, clique em Servidores no menu
Ferramentas. Dessa forma, o Assistente de Adição de Instância de Servidor será
exibido, o que vai ajudá-lo a registrar uma instância do servidor Web necessário com o
NetBeans IDE.

- TUTORIAL CRIAÇÃO DE INTERFACE GRÁFICA – GUI (netbeans.org)

Agora iremos iniciar nosso estudo de caso projetando uma interface gráfica do usuário
(GUI) para uma aplicação nomeada ContactEditor, utilizando GUI Builder do NetBeans
IDE.
Para concluir este tutorial, você precisa dos seguintes recursos e softwares.

Software ou Recurso Versão Necessária

NetBeans IDE versão 6.9 e mais recente

JDK (Java Development Kit) versão 6, 7 ou 8

Introdução
O GUI Builder do IDE torna possível construir GUIs de aparência profissional sem um
conhecimento profundo dos gerenciadores de layout. Você pode criar forms,
simplesmente colocando componentes onde desejar.
Para obter descrições sobre o feedback visual do GUI Builder, é possível utilizar
a Legenda de Feedback Visual do GUI Builder.
Criando um Projeto
Como todo o desenvolvimento em Java no IDE ocorre dentro dos projetos, precisamos
primeiro criar um projeto ContactEditor para armazenar os códigos-fonte e outros
arquivos do projeto. Um projeto do IDE é um grupo de arquivos de códigos-fonte Java
e metadados associados que inclui arquivos de propriedades específicos do projeto,
um script de construção que controla as definições de construção e execução e um
arquivo project.xml, que mapeia destinos de Ant para comandos do IDE. Embora as
aplicações Java geralmente consistam em vários projetos do IDE, para o objetivo
deste tutorial, construiremos uma aplicação simples, inteiramente armazenada em um
único projeto.

Para criar um novo projeto de aplicação ContactEditor:

1. Escolha Arquivo > Novo Projeto. Se preferir, é possível clicar no ícone Novo
Projeto na barra de ferramentas do IDE.
2. No painel Categorias, selecione o nó Java e no painel Projetos, escolha
Aplicação Java. Clique em Próximo.
3. Insira ContactEditor no campo Nome do Projeto e especifique o local do
projeto.
4. Deixe desmarcada a caixa de seleção Utilizar Pasta Dedicada para Armazenar
Bibliotecas.
5. Verifique se a caixa de seleção Definir como Projeto Principal está marcada e
desmarque o campo Criar Classe Principal.
6. Clique em Finalizar.

O IDE criará a pasta ContactEditor no sistema no local designado. Essa pasta contém
todos os arquivos associados do projeto, como o script Ant, pastas para
armazenamento de códigos-fontes e testes e uma pasta para os metadados
específicos do projeto. Para exibir a estrutura do projeto, utilize a janela Arquivos do
IDE.

Criando um Contêiner JFrame

Após criar a nova aplicação, você pode ter percebido que a pasta Pacotes de Códigos-
fonte na janela Projetos contém um nó <pacote default> vazio. Para prosseguir com a
construção da nossa interface, precisamos criar um contêiner Java no qual
colocaremos os outros componentes requeridos da GUI. Nessa etapa, criaremos um
contêiner utilizando o componente JFrame e o colocaremos em um novo pacote.
Para adicionar um contêiner JFrame:
1. Na janela Projetos, clique com o botão direito do mouse no nó ContactEditor e
selecione Novo > Form JFrame.
Outra opção é localizar um form JFrame escolhendo Novo > Outro > Forms da GUI
Swing > Form JFrame.
2. Insira ContactEditorUI como Nome da Classe.
3. Insira my.contacteditor como o pacote.
4. Clique em Finalizar.
O IDE criará o form ContactEditorUI e a classe ContactEditorUI na aplicação
ContactEditorUI.java e abrirá o formContactEditorUI no GUI Builder. Observe que o
pacote my.contacteditor substitui o pacote default.
Familiarizando-se com o GUI Builder
Agora que já configuramos o novo projeto para a aplicação, vamos nos familiarizar
com a interface do GUI Builder.

Quando adicionamos o contêiner JFrame, o IDE abriu o form ContactEditorUI recém-

criado em uma guia do Editor com uma barra de ferramentas que contém vários
botões, como mostra a ilustração anterior. O form ContactEditor aberto na view Design
do GUI Builder e três janelas adicionais apareceram automaticamente ao longo das
margens do IDE, permitindo navegar, organizar e editar forms GUI à medida que você
os constrói.
As várias janelas do GUI Builder incluem:
 Área de Design. A janela principal do GUI Builder para criar e editar forms de
GUI do Java. O botão Código-fonte da barra de ferramenta permite exibir o
código-fonte de uma classe; o botão Design permite a exibição gráfica dos
componentes da GUI; o botão Histórico permite o acesso ao histórico local de
alterações do arquivo. Os botões adicionais da barra de ferramentas oferecem
acesso conveniente aos comandos comuns, como escolher entre os modos
Seleção e Conexão, alinhamento de componentes, definição do
comportamento de dimensionamento automático e exibição de forms.
 Navegador. Fornece uma representação de todos os componentes, ambos
visual e não-visuais na sua aplicação, como uma hierarquia de árvore. O
Navegador também oferece apresentação visual sobre qual componente da
árvore está sendo editado no GUI Builder, bem como permite organizar
componentes nos painéis disponíveis.
 Paleta. Uma lista customizável de componentes disponíveis contendo guias
para jfc/swing e JavaBeans componentes awt, bem como gerentes de layout.
Além disso, é possível criar, remover e reorganizar as categorias exibidas na
Paleta utilizando o personalizador.
 Janela Propriedades. Exibe as propriedades do componente atualmente
selecionado no navegador GUI Builder, janela janela, projetos, ou arquivos
janela.
Se você clicar no botão Código-fonte, o IDE exibirá o código-fonte Java da aplicação
no Editor com seções de código geradas automaticamente pelo GUI Builder e
indicadas por áreas cinzas (elas ficam azuis quando selecionadas), chamadas Blocos
Protegidos. Blocos Protegidos são áreas protegidas que não são editáveis na view de
Código-fonte. Só é possível editar o código exibido nas áreas brancas do Editor na
view de Código-fonte. Se for necessário fazer alterações no código em um Bloco
Protegido, clique no botão Design para que o Editor do IDE volte ao GUI Builder, onde
você poderá fazer os ajustes necessários ao form. Ao salvar as alterações, o IDE
atualizará os códigos-fonte do arquivo.
Observação: para os desenvolvedores avançados, está disponível o Gerenciador de
Paleta, que ativa adicionar componentes personalizados de JARs, bibliotecas ou
projetos à Paleta. Para adicionar componentes personalizados por meio do
Gerenciador de Paleta, escolha Ferramentas > Paleta > Componentes Swing/AWT.
Conceitos-Chave
O GUI Builder do IDE resolve o problema central da criação de GUIs do Java
otimizando o fluxo de dados da criação de interfaces gráficas, liberando os
desenvolvedores das complexidades dos gerenciadores de layout do Swing. Ele faz
isso estendendo o GUI Builder atual do NetBeans IDE para dar suporte ao paradigma
"Design Livre" com regras simples de layout, fáceis de compreender e utilizar. À
medida que você faz o layout do form, o GUI Builder fornece linhas-guias visuais
sugerindo o espaçamento e alinhamento ideais dos componentes. Em segundo plano,
o GUI Builder converte as decisões de design em uma UI funcional, que é
implementada com o uso de um gerenciador de layouts GroupLayout e outras
construções do Swing. Como ele utiliza um modelo de layout dinâmico, as GUIs
construídas com o GUI Builder se comportam como o esperado em runtime, ajustando
para acomodar as alterações feitas sem alterar os relacionamentos definidos entre os
componentes. Quando você redimensionar o form, alterar configurações regionais ou
especificar outra aparência, a GUI se ajustará automaticamente para respeitar a
aparência do destino e os suplementos e deslocamentos da funcionalidade.
Design Livre
No GUI Builder do IDE, é possível construir forms simplesmente colocando os
componentes onde quiser, como se estivesse utilizando posicionamento absoluto. O
GUI Builder descobre quais atributos de layout são obrigatórios e gera o código
automaticamente. Você não precisa se preocupar com suplementos, âncoras,
preenchimentos, etc.
Posicionamento Automático do Componente (Encaixe)
À medida em que os componentes são adicionados a um form, o GUI Builder fornece
feedback visual, que auxilia no posicionamento dos componentes com base na
aparência e funcionalidade do seu sistema operacional. O GUI Builder oferece dicas
in-line úteis e outros feedbacks visuais em relação ao local no qual os componentes
devem ser colocados no form, encaixando automaticamente os componentes na
posição ao longo das linhas-guias. Ele faz essas sugestões com base nas posições
dos componentes já colocados no form, enquanto permite que o preenchimento
permaneça flexível, de maneira que a aparência e a funcionalidade do destino
diferente sejam processadas corretamente em runtime.
Feedback Visual
O GUI Builder também oferece feedback visual sobre as relações de ancoragem e
encadeamento de componentes. Esses indicadores permitem identificar rapidamente
as várias relações de posicionamento e o comportamento fixo dos componentes que
afetam a maneira como a GUI aparecerá e se comportará em runtime. Isso acelera o
processo de design de GUI, permitindo que você crie rapidamente interfaces visuais
com aspecto profissional e que funcionam.
Primeiro o Principal
Agora que você está familiarizado com a interface do GUI Builder, este é o momento
para começar a desenvolver a UI da nossa aplicação ContactEditor. Nesta seção,
veremos a utilização da Paleta do IDE para adicionar os vários componentes GUI
necessários ao nosso form.
Graças ao paradigma Design Livre do IDE, não é necessário entrar em conflito com os
gerenciadores de layout para controlar o tamanho e posição dos componentes nos
contêineres. Tudo o que você precisa fazer é arrastar e soltar os componentes
necessários no form da GUI conforme exibido nas ilustrações abaixo.
Adicionando Componentes: Conceitos Básicos
Embora o GUI Builder simplifique o processo de criação de GUI do Java, é sempre útil
esboçar a maneira como quer que a interface se pareça antes de começar a fazer seu
layout. Muitos designers de interfaces consideram isso uma técnica de "melhor
prática", entretanto, para este tutorial, você pode simplesmente dar uma olhada como
nosso form preenchido deve se parecer indo para a seção Visualização da GUI .
Como já adicionamos um JFrame como contêiner de nível superior do form, a próxima
etapa é adicionar dois JPanels que nos permitirão unir os componentes da nossa UI
utilizando bordas com títulos. Veja as ilustrações abaixo e observe o comportamento
"arrastar e soltar" do IDE para fazer isso.
Para adicionar um JPanel:
1. Na janela Paleta, selecione o componente Painel na categoria Contêineres do
Swing clicando e soltando o botão do mouse.
2. Mova o cursor até o canto esquerdo superior do form no GUI Builder. Quando o
componente estiver localizado próximo às margens superior e esquerda do contêiner,
linhas-guia de alinhamento horizontal e vertical aparecerão indicando as margens
preferenciais. Clique no form para colocar o JPanel nesse local.
O componente JPanel aparece no form ContactEditorUI com realce na cor laranja, o
que significa que ele está selecionado. Após soltar o botão do mouse, pequenos
indicadores serão exibidos para mostrar as relações de ancoragem do componente e
um nó JPanel correspondente será exibido na janela Navegador, como mostra a
ilustração a seguir.

Depois, precisamos redimensionar o JPanel para dar espaço aos componentes que
serão inseridos posteriormente, mas antes tomemos um minuto para indicar outras
funcionalidades de visualização do GUI Builder. Para fazer isso, precisamos
desmarcar o JPanel que acabamos de adicionar. Como nós ainda não adicionamos
uma borda com título, o painel desaparecerá. Observe, entretanto, que quando ao
passar o cursor sobre o JPanel, as margens mudarão para cinza claro para que sua
posição possa ser vista claramente. Você precisa apenas clicar em qualquer lugar no
componente para selecioná-lo novamente e fazer com que os handles de
redimensionamento e os indicadores de ancoragem reapareçam.
Para redimensionar o JPanel:
1. Selecione o JPanel recém-adicionado. Os pequenos handles de redimensionamento
quadrados reaparecerão em torno do perímetro do componente.
2. Clique e segure o handle de redimensionamento na margem direita do JPanel e
arraste-a até que a linha-guia de alinhamento pontilhada seja exibida próxima à
margem do form.
3. Solte o handle de redimensionamento para redimensionar o componente.
O componente JPanel é estendido para ficar entre as margens esquerda e direita do
contêiner de acordo com o deslocamento recomendado, como mostra a ilustração
abaixo.

Agora que adicionamos um painel para conter a informação Nome da nossa UI,
precisamos repetir o processo para adicionar outro diretamente abaixo da primeira
para a informação de E-mail. Consultando as ilustrações abaixo, repita as duas tarefas
anteriores, prestando atenção ao posicionamento sugerido pelo GUI Builder. Observe
que o espaçamento vertical sugerido entre os dois JPanels é muito mais estreito que
entre as margens. Quando você tiver adicionado o segundo JPanel, redimensione-o
para que preencha o espaço vertical restante do form.
Como queremos distinguir visualmente as funções nas seções superior e inferior da
nossa GUI, precisamos adicionar uma borda e título a cada JPanel. Primeiro faremos
isso utilizando a janela Propriedades e depois a experimentaremos utilizando o menu
pop-up.
Para adicionar bordas de título aos JPanels:
1. Selecione o JPanel superior no GUI Builder.
2. Na janela Propriedades, clique no botão de reticências (...) ao lado da propriedade
Borda.
3. No editor de Bordas do JPanel exibido, selecione o nó TitledBorder no painel
Bordas Disponíveis.
4. No painel Propriedades abaixo, insira Name para a propriedade Título.
5. Clique nas reticências (...) ao lado da propriedade Fonte, selecione Negrito em
Estilo de Fonte e insira 12 no Tamanho. Clique em OK para fechar as caixas de
diálogo.
6. Selecione o JPanel inferior e repita as etapas de 2 a 5, mas dessa vez clique com o
botão direito do mouse no JPanel e acesse a janela Propriedades utilizando o menu
pop-up. Insira E-mail para a propriedade Título.
Adicionando Componentes Individuais ao Form
Agora precisamos começar a adição dos componentes que apresentarão as
informações de contato reais na nossa lista de contatos. Nessa tarefa, adicionaremos
quatro JTextFields que exibirão as informações de contato e os JLabels que as
descreverão. Ao fazer isso, observe as linhas-guia horizontais e verticais que o GUI
Builder exibe, sugerindo o espaçamento preferencial dos componentes conforme
definido pela aparência e funcionalidade do sistema operacional. Isso assegura que
nossa GUI seja processada automaticamente respeitando a aparência do sistema
operacional de destino em runtime.
Para adicionar um JLabel ao form:
1. Na janela Paleta, selecione o componente Label na categoria Controles do Swing.
2. Mova o cursor acima do JPanel Name adicionado anteriormente. Quando as linhas-
guias aparecerem, indicando que o JLabel está posicionado no canto superior
esquerdo do JPanel com pequena margem nos cantos superior e esquerdo, clique
para posicionar o label.
O JLabel será adicionado ao form e um nó correspondente, representando o
componente, será adicionado à janela Inspetor.
Antes de prosseguir, precisamos editar o texto de exibição do JLabel que acabamos
de adicionar. Embora seja possível editar o texto de exibição do componente em
qualquer ponto, a maneira mais fácil é fazer isso à medida que o adiciona.
Para editar o texto de exibição de um JLabel:
1. Clique duas vezes no JLabel para selecionar a exibição de texto.
2. Digite Nome: e pressione Enter.
O novo nome do JLabel é exibido e a largura do componente será ajustada como
resultado da edição.
Agora adicionaremos um JTextField para que possamos ter uma vista rápida da
funcionalidade de alinhamento da linha de base do GUI Builder.
Para adicionar um JTextField ao form:
1. Na janela Paleta, selecione o componente Campo de texto na categoria Controles
do Swing.
2. Mova o cursor imediatamente à direita do JLabel Nome: recém-adicionado. Quando
a linha-guia horizontal aparecer, indicando que a linha de base do JTextField está
alinhada com aquela do JLabel e o espaçamento entre os dois componentes for
sugerido com uma linha-guia vertical, clique para posicionar o JTextField.
O JTextField se encaixará na posição no form alinhado com a linha de base do JLabel,
conforme mostra a ilustração abaixo. Observe que o JLabel mudou ligeiramente para
baixo para se alinhar à linha de base do campo de texto mais alto. Como sempre, um
nó representando o componente será adicionado à janela Navegador.

Antes de prosseguir, precisamos adicionar mais um JLabel e JTextField

imediatamente à direita desses já adicionados, conforme mostra a ilustração abaixo.
Agora insira Sobrenome: como texto de exibição do JLabel e mantenha, por enquanto,
o texto do espaço reservado dos JTextFields como está.

Para redimensionar um JTextField:

1. Selecione o JTextField que nós acabamos de adicionar à direita do JLabel
Sobrenome.
2. Arraste o handle de redimensionamento direito do JTextField em direção à margem
direita do JPanel de fechamento.
3. Quando as linhas-guia de alinhamento vertical aparecerem sugerindo a margem
entre o campo de texto e a margem direita do JPanel, solte o botão do mouse para
redimensionar o JTextField.
A margem direita do JTextField se encaixará em alinhamento à margem recomendada
do JPanel, conforme mostra a ilustração abaixo.
Adicionando Vários Componentes ao Form
Agora adicionaremos os JLabels Título: e Apelido: que descrevem dois JTextFields
que adicionaremos em um minuto. Arrastaremos e soltaremos os componentes
pressionando a tecla Shift para adicioná-los rapidamente ao form. Enquanto fazemos
isso, observe novamente que o GUI Builder exibe linhas-guia horizontais e verticais
sugerindo o espaçamento preferencial do componente.
Para adicionar vários JLabels ao form:
1. Na janela Paleta, selecione o componente Label na categoria Controles do Swing
clicando e soltando o botão do mouse.
2. Mova o cursor sobre o form diretamente abaixo do JLabel Nome: adicionado
anteriormente. Quando as linhas-guia aparecerem, indicando que a nova borda
esquerda do JLabel está alinhada à do JLabel acima e houver uma pequena margem
entre ambos, clique pressionando a tecla Shift para posicionar o primeiro JLabel.
3. Ainda pressionando a tecla Shift, clique para colocar outro JLabel imediatamente à
direita do primeiro. Certifique-se de soltar a tecla Shift antes de posicionar o segundo
JLabel. Se você se esquecer de soltar a tecla Shift antes de posicionar o último
JLabel, basta pressionar a tecla Escape.
Os JLabels serão adicionados ao form criando uma segunda linha, como mostra a
ilustração abaixo. Os nós que representam os componentes serão adicionados à
janela Navegador.

Antes de continuar, precisamos editar o nome do JLabels para que possamos ver o
efeito dos alinhamentos que definiremos posteriormente.
Para editar o texto de exibição de JLabels:
1. Clique duas vezes no primeiro JLabel para selecionar a exibição de texto.
2. Digite Título: e pressione Enter.
3. Repita as etapas 1 e 2, inserindo Apelido: para a propriedade de nome do segundo
JLabel.
Os novos nomes dos JLabels serão exibidos no form e mudarão como resultado das
larguras editadas, como mostra a ilustração abaixo.

Inserindo Componentes
Geralmente, é necessário adicionar um componente entre componentes já colocados
em um form. Quando você adiciona um componente entre dois componentes
existentes, o GUI Builder automaticamente os mudará para dar espaço para o novo
componente. Para demonstrar isso, inseriremos um JTextField entre os JLabels
adicionados anteriormente, como mostram as duas ilustrações abaixo.
Para inserir um JTextField entre dois JLabels:
1. Na janela Paleta, selecione o componente Campo de texto na categoria Controles
do Swing.
2. Mova o cursor acima dos JLabels Título: e Apelido: na segunda linha de maneira
que o JTextField sobreponha ambos e fique alinhado às suas linhas de base. Se você
tiver dificuldade em posicionar o novo campo de texto, poderá encaixá-lo à linha-guia
esquerda do JLabel Apelido, como mostra a primeira imagem abaixo.
3. Clique para posicionar o JTextField entre os JLabels Título: e Apelido:.
O JTextField se encaixará entre os dois JLabels. O JLabel da extremidade direita
muda em direção à direita do JTextField para acomodar o deslocamento horizontal
sugerido.

Ainda precisamos adicionar outro JTextField ao form que exibirá o apelido do contato
no lado direito do form.
Para adicionar um JTextField:
1. Na janela Paleta, selecione o componente Campo de Texto na categoria Swing.
2. Mova o cursor para a direita do label Apelido e clique para posicionar o campo de
texto.
O JTextField se encaixará ao lado esquerdo do JLabel.
Para redimensionar um JTextField:
1. Arraste os handles de redimensionamento do JTextField do label Apelido:
adicionado na tarefa anterior à direita do JPanel de fechamento.
2. Quando as linhas-guia de alinhamento vertical aparecerem sugerindo a margem
entre o campo de texto e as margens do JPanel, solte o botão do mouse para
redimensionar o JTextField.
A margem direita do JTextField se encaixará em alinhamento com a margem
recomendada do JPanel e o GUI Builder deduzirá o comportamento de
redimensionamento correto.
3. Pressione Ctrl-S para salvar o arquivo.
Para redimensionar um JTextField:
1. Arraste os handles de redimensionamento do JTextField do label Apelido:
adicionado na tarefa anterior à direita do JPanel de fechamento.
2. Quando as linhas-guia de alinhamento vertical aparecerem sugerindo a margem
entre o campo de texto e as margens do JPanel, solte o botão do mouse para
redimensionar o JTextField.
A margem direita do JTextField se encaixará em alinhamento com a margem
recomendada do JPanel e o GUI Builder deduzirá o comportamento de
redimensionamento correto.
Pressione Ctrl-S para salvar o arquivo.
Avançando
Alinhamento é um dos aspectos mais fundamentais da criação GUI com aparência
profissional. Na seção anterior, tivemos uma vista rápida das funcionalidades de
alinhamento do IDE durante a adição dos componentes JLabel e JTextField ao nosso
form ContactEditorUI. Depois, veremos de maneira mais profunda as funcionalidades
de alinhamento do GUI Builder, conforme trabalhamos com os outros componentes
necessários para a nossa aplicação.
Alinhamento de Componentes
Sempre que você adiciona um componente a um form, o GUI Builder os alinha
efetivamente, conforme evidenciado pelas linhas-guia de alinhamento exibidas.
Entretanto, às vezes, também é necessário especificar diferentes relacionamentos
entre os grupos de componentes. Anteriormente, nós adicionamos quatro JLabels
necessários para a nossa GUI ContactEditor, mas nós não os alinhamos. Agora
alinharemos as duas colunas de JLabels para que as margens direitas se alinhem.
Para alinhar componentes:
1. Mantenha pressionada a tecla Ctrl e clique para selecionar os JLabels Nome: e
Título: do lado esquerdo do form.
2. Clique no botão Alinhar à Direita na coluna ( ) na barra de ferramentas.
Alternativamente, clique com o botão direito do mouse em um deles e escolha Alinhar
> Direita na coluna no menu pop-up.
3. Repita isso também para os JLabels Sobrenome: e Apelido:.
Antes de finalizarmos com os JTextFields adicionados anteriormente, precisamos nos
certificar de que os dois JTextFields que inserimos entre os JLabels estejam definidos
para se redimensionarem corretamente. Ao contrário dos dois JTextFields que foram
esticados para a margem direita do form, o procedimento de redimensionamento dos
componentes inseridos não é definido automaticamente.
Para definir o procedimento de redimensionamento de um componente:
1. Clique nos dois componentes JTextField inseridos para selecioná-los no GUI
Builder.
2. Com os dois JTextFields selecionados, clique com o botão direito do mouse em um
deles e escolha Redimensionamento automático > Horizontal no menu pop-up.
Os JTextFields serão definidos com redimensionamento horizontal em runtime. As
linhas-guia de alinhamento e os indicadores de ancoragem serão atualizados,
fornecendo comentário visual dos relacionamentos dos componentes.
Para configurar os componentes para que tenham o mesmo tamanho:
1. Clique em todos os quatro JTextFields do form para selecioná-los.
2. Com os JTextfields selecionados, clique com o botão direito do mouse em um deles
e escolha Definir Mesmo Tamanho > Mesma Largura no menu pop-up.
Todos os JTextFields terão a mesma largura definida e os indicadores serão
adicionados na parte superior destes, fornecendo feedback visual dos relacionamentos
dos componentes.
Agora precisamos adicionar outro JLabel que descreva a JComboBox que permitirá
aos usuários selecionar o formato das informações que nossa aplicação ContactEditor
exibirá.
Para alinhar um JLabel a um grupo de componentes:
1. Na janela Paleta, selecione o componente Label na categoria Swing.
2. Mova o cursor abaixo dos JLabels Nome: e Título: no lado esquerdo do JPanel.
Quando as linhas-guia aparecerem, indicando que a nova borda direita do JLabel está
alinhada às margens direitas do grupo de componentes acima (os dois JLabels), clique
para posicionar o componente.
O JLabel se encaixará em uma posição alinhada à direita com a coluna dos JLabels
acima, conforme mostra a ilustração abaixo. O GUI Builder atualiza as linhas de status
de alinhamento, indicando as relações de espaçamento e ancoragem do componente.

Como nos exemplos anteriores, clique duas vezes no JLabel para selecionar o texto
de exibição e insira Exibir Formato: para nome de exibição. Observe que quando o
JLabel se encaixa na posição, os outros componentes mudam para acomodar o texto
de exibição maior.
Alinhamento da Linha de Base
Quando você adiciona ou move componentes que incluem texto (JLabels, JTextFields,
etc.), o IDE sugere alinhamentos baseados nas linhas de base do texto nos
componentes. Quando inserimos o JTextField anteriormente, por exemplo, sua linha
de base foi automaticamente alinhada aos JLabels adjacentes.
Agora adicionaremos a caixa de combinação que permitirá aos usuários selecionar o
formato das informações que nossa aplicação ContactEditor exibirá. À medida que
adicionamos JComboBox, alinharemos a linha de base com o texto do JLabel.
Observe, mais uma vez as linhas-guia de alinhamento da linha de base aparece para
nos auxiliar com o posicionamento.
Para alinhar as linhas de base dos componentes:
1. Na janela Paleta, selecione o componente Caixa de combinação na categoria
Controles do Swing.
2. Mova o cursor à direita do JLabel recém-adicionado. Quando a linha-guia horizontal
aparecer, indicando que a linha de base do JComboBox está alinhada à linha de base
do texto do JLabel e o espaçamento entre os dois componentes for sugerido com uma
linha-guia vertical, clique para posicionar a caixa de combinação.
O componente se encaixará em uma posição alinhada com a linha de base do JLabel
à esquerda, conforme mostra a ilustração abaixo. O GUI Builder exibe as linhas de
status, indicando as relações de espaçamento e ancoragem do componente.

Para redimensionar o JComboBox:

1. Selecione a Caixa de Combinação no GUI Builder.
2. Arraste o handle de redimensionamento na margem direita do JComboBox até que
as linhas-guia de alinhamento apareçam sugerindo o deslocamento preferencial entre
as margens do JComboBox e do JPanel.
Conforme mostra a ilustração abaixo, a margem direita do JComboBox se encaixará
em alinhamento com a margem recomendada do JPanel e a largura do componente
será automaticamente definida para se redimensionar ao form.
A edição de modelos de componentes está além do escopo desse tutorial, portanto
deixaremos, por enquanto, a lista de itens de espaço reservada da JComboBox como
está.
Revisando o Que Aprendemos
Terminamos um bom início de construção da nossa GUI ContactEditor, mas tomemos
um minuto para recapitular o que aprendemos enquanto adicionamos mais alguns
componentes que nossa interface requer.
Até agora, nós nos concentramos na adição de componentes à nossa GUI
ContactEditor utilizando as linhas-guia de alinhamento do IDE para nos ajudar no
posicionamento. Entretanto, é importante compreender que a ancoragem é outra parte
integrante do posicionamento de componentes. Embora ainda não tenhamos discutido
isso, você já se beneficiou com essa funcionalidade sem perceber. Como mencionado
antes, ao adicionar um componente a um form, o IDE sugere o posicionamento
preferencial da aparência de destino com linhas-guia. Depois de posicionados, os
novos componentes também são ancorados na margem mais próxima do contêiner ou
componente para assegurar que os relacionamentos entre os componentes sejam
mantidos em runtime. Nesta seção, nós nos concentraremos em concluir as tarefas de
maneira mais otimizada, ao ressaltarmos o trabalho que o GUI Builder está fazendo
nos bastidores.
Adicionando, Alinhando e Ancorando
O GUI Builder permite fazer o layout de forms rápida e facilmente otimizando gestos
típicos do fluxo de trabalho. Quando você adiciona um componente a um form, o GUI
Builder o encaixa automaticamente na posição preferencial e define as relações de
encadeamento necessárias para que você se concentre no design dos forms em vez
de conflitar com detalhes de implementação complicados.
Para adicionar, alinhar e editar o texto de exibição de um JLabel:
1. Na janela Paleta, selecione o componente Label na categoria Controles do Swing.
2. Mova o cursor sobre o form imediatamente abaixo do título E-mail do JPanel
inferior. Quando as linhas-guia aparecerem, indicando que está posicionado no canto
superior esquerdo do JPanel com uma pequena margem nos cantos superior e
esquerdo, clique para posicionar o JLabel.
3. Clique duas vezes no JLabel para selecionar a exibição de texto. Depois digite
Endereço de E-mail: e pressione Enter.
O JLabel se encaixará na posição preferencial no form e será ancorado nas margens
superior e esquerda do JPanel de fechamento. Assim como ocorreu anteriormente, um
nó correspondente, representando o componente, também será adicionado à janela
Navegador.
Para adicionar um JTextField:
1. Na janela Paleta, selecione o componente Campo de texto na categoria Controles
do Swing.
2. Mova o cursor imediatamente à direita do label Endereço de E-mail recém-
adicionado. Quando as linhas-guia aparecerem, indicando que a linha de base do
JTextField está alinhada à linha de base do texto no JLabel e a margem entre os dois
componentes for sugerida com uma linha-guia vertical, clique para posicionar o campo
de texto.
O JTextField se encaixará à direita do JLabel Endereço de E-mail: e será encadeado
ao JLabel. O nó correspondente também será adicionado à janela Inspetor.
3. Arraste o handle de redimensionamento do JTextField em direção à direita do
JPanel até que as linhas-guia de alinhamento sejam exibidas sugerindo o
deslocamento entre as margens do JTextField e do JPanel.
A margem direita do JTextField se encaixará na linha-guia de alinhamento indicando
as margens preferenciais.
Agora precisamos adicionar o JList que exibirá a lista de contatos completa do
ContactEditor.
Para adicionar e redimensionar um JList:
1. Na janela Paleta, selecione o componente Lista na categoria Controles do Swing.
2. Mova o cursor imediatamente abaixo do JLabel Endereço de E-mail adicionado
anteriormente. Quando as linhas-guia aparecerem, indicando que as margens superior
e esquerda do JList estão alinhadas às margens preferenciais ao longo da margem
esquerda do JPanel e do JLabel acima, clique para posicionar o JList.
3. Arraste o handle de redimensionamento do JList em direção à direita do JPanel de
fechamento até que as linhas-guia de alinhamento sejam exibidas indicando que tem a
mesma largura do JTextField acima.
O JList se encaixará na posição designada pelas linhas-guia de alinhamento e seu nó
correspondente será exibido na janela Inspetor. Observe também que o form se
expande para acomodar o JList recém-adicionado.

Como as JLists são utilizadas para exibir longas listas de dados, geralmente requerem
a adição de um JScrollPane. Quando você adiciona um componente que requer um
JScrollPane, o GUI Builder o adiciona automaticamente para você. Como os
JScrollPanes são componentes não visuais, é necessário utilizar a janela Inspetor para
exibir ou editar os JScrollPanes que o GUI Builder criar.
Dimensionamento de Componentes
É sempre benéfico definir vários componentes relacionados, como botões em caixas
de diálogo modais, para que tenham o mesmo tamanho a fim de oferecer consistência
visual. Para demonstrar isso, adicionaremos quatro JButtons ao nosso form
ContactEditor que permitirão adicionar, editar e remover entradas individuais da nossa
lista de contatos, como mostram as ilustrações abaixo. Depois, definiremos os quatro
botões para que tenham o mesmo tamanho e possam ser facilmente reconhecidos e
ofereçam a funcionalidade relacionada.
Para adicionar, alinhar e editar o texto de exibição de vários botões:
1. Na janela Paleta, selecione o componente Botão na categoria Controles do Swing.
Mova o JButton acima da margem direita do JTextField Endereço de E-mail no JPanel
inferior. Quando as linhas-guia aparecerem, indicando que a linha de base e a
margem direita do JButton estão alinhadas às margens do JTextField, clique
pressionando Shift para posicionar o primeiro botão ao longo da margem direita do
JFrame. A largura do JTextField diminui para acomodar o JButton onde você soltar o
botão do mouse.

1. Mova o cursor sobre o canto superior direito do JList no JPanel inferior. Quando as
linhas-guia aparecerem, indicando que as margens superior e direita do JButton estão
alinhadas às margens do JList, clique pressionando Shift para posicionar o segundo
botão ao longo da margem direita do JFrame.

2. Adicione dois outros JButtons abaixo dos dois já adicionados para criar uma coluna.
Certifique-se de posicionar os JButtons de maneira que o espaçamento sugerido seja
respeitado e consistente. Se você se esquecer de soltar a tecla Shift antes de
posicionar o último JButton, basta pressionar a tecla Escape.

3. Defina o texto de exibição de cada JButton. (Você pode editar o texto de um botão,
clicando com o botão direito do mouse no botão e escolhendo Editar Texto. Ou você
pode clicar no botão, pausar e clicar novamente.) Insira Adicionar para o botão
superior, Editar para o segundo, Remover para o terceiro e Default para o quarto.
Os componentes JButton se encaixam nas posições designadas pelas linhas-guia de
alinhamento. A largura dos botões muda para acomodar os novos nomes.
Agora que os botões estão posicionados onde queremos, nós definiremos os quatro
botões para que tenham o mesmo tamanho e consistência visual, bem como para
esclarecer a funcionalidade relacionada.
Para definir componentes do mesmo tamanho:
1. Selecione os quatro JButtons pressionando a tecla Control enquanto faz a seleção.
2. Clique com o botão direito do mouse em um deles e escolha Mesmo Tamanho >
Mesma Largura no menu pop-up.
Os JButtons serão definidos com o mesmo tamanho do botão que tiver o nome mais
longo.

Recuo
Frequentemente é necessário unir vários componentes em outro para que fique claro
que pertencem a um grupo de funções relacionadas. Um caso típico, por exemplo, é
colocar várias caixas de seleção relacionadas abaixo de um label comum. O GUI
Builder permite fazer o recuo facilmente oferecendo linhas-guia especiais que sugerem
o deslocamento preferencial para a aparência e funcionalidade do seu sistema
operacional.
Nesta seção, adicionaremos alguns JRadioButtons abaixo de um JLabel que permitirá
aos usuários personalizar a maneira como a aplicação exibe dados. Veja as
ilustrações abaixo enquanto faz isso ou clique no link Exibir Demonstração seguindo o
procedimento para ver uma demonstração interativa.

Para recuar JRadioButtons abaixo de um JLabel:

1. Adicione um JLabel nomeado Formato de Correspondência ao form abaixo do JList.
Certifique-se de que o label esteja alinhado à esquerda do JList acima.
2. Na janela Paleta, selecione o componente Botão de Opção na categoria Swing.
3. Mova o cursor abaixo do JLabel recém-adicionado. Quando as linhas-guia
aparecerem, indicando que a borda esquerda do JRadioButton está alinhada com a do
JLabel, mova o JRadioButton ligeiramente para a direita até as linhas-guia de recuo
secundárias aparecerem. Clique pressionando a tecla Shift para posicionar o primeiro
botão de opção.

1. Mova o cursor à direita do primeiro JRadioButton. Clique pressionando a tecla Shift

para inserir o segundo e o terceiro JRadioButtons, respeitando o espaçamento
sugerido do componente. Certifique-se de soltar a tecla Shift antes de posicionar o
último JRadioButton.
2. Defina o texto de exibição de cada JRadioButton. (Você pode editar o texto de um
botão, clicando com o botão direito do mouse no botão e escolhendo Editar Texto. Ou
você pode clicar no botão, pausar e clicar novamente.) Insira HTML para o botão de
opção esquerdo,Texto Simples para o segundo e Personalizado para o terceiro.
Três JRadioButtons serão adicionados ao form e recuados abaixo do JLabel Formato
de Correio.

Agora, precisamos adicionar os três JRadioButtons a um ButtonGroup para permitir o

comportamento de alternância esperado, no qual somente um botão de opção pode
ser selecionado por vez. Por sua vez, isso assegurará que as informações de contato
da aplicação ContactEditor serão exibidas no formato de e-mail da nossa escolha.

Para adicionar JRadioButtons a um ButtonGroup:

1. Na janela Paleta, selecione o componente Grupo de Botões na categoria Controles
do Swing.
2. Clique em qualquer lugar na área de design do GUI Builder para adicionar o
componente ButtonGroup ao form. Observe que o ButtonGroup em si não é exibido no
form, no entanto, é visível na área Outros Componentes do Navegador.
3. Selecione os três JRadioButtons do form.
4. Na janela Propriedades, selecione buttonGroup1 na caixa de combinação da
propriedade buttonGroup.
Três JRadioButtons serão adicionados ao grupo de botões.

5. Pressione Ctrl-S para salvar o arquivo.

Fazendo os Ajustes Finais

Conseguimos esboçar nossa GUI da aplicação ContactEditor, mas ainda há algumas
coisas a serem feitas. Nesta seção, observaremos algumas das tarefas de layout
típicas que o GUI Builder simplifica.
Finalizando
Agora precisamos adicionar os botões que permitirão aos usuários confirmar as
informações que inserirem de um contato individual e adicioná-las à lista de contatos
ou cancelar, deixando o banco de dados inalterado. Nesta etapa, adicionaremos os
dois botões requeridos e os editaremos para que sejam exibidos com o mesmo
tamanho no form, embora seus textos de exibição tenham tamanhos diferentes.

Para adicionar e editar o texto de exibição dos botões:

1. Se o JPanel inferior estiver estendido na margem inferior do form JFrame,
arraste a margem inferior do JFrame para baixo. Isso proporciona espaço
entre as margens do JFrame e do JPanel para os botões OK e Cancelar.
2. Na janela Paleta, selecione o componente Botão na categoria Controles do
Swing.
3. Mova o cursor sobre o form abaixo do JPanel E-mail. Quando as linhas-guia
aparecerem, indicando que a borda direita do JButton está alinhada ao canto
direito do JFrame, clique para posicionar o botão.
4. Adicione outro JButton à esquerda do primeiro, certificando-se de colocá-lo
utilizando o espaçamento sugerido ao longo da margem inferior do JFrame.
5. Defina o texto de exibição de cada JButton. Insira OK para o botão esquerdo
e Cancelar para o botão direito. Observe que a largura dos botões muda para
acomodar os novos nomes.
6. Defina os dois JButtons para terem o mesmo tamanho selecionando-os, clicando
com o botão direito do mouse em um deles e selecionando Mesmo Tamanho >
Mesma Largura no menu pop-up.

Os componentes JButton serão exibidos no form e seus nós correspondentes serão

exibidos na janela Navegador. O código dos componentes JButton também será
adicionado ao arquivo de código-fonte do form, que é visível na view Código-fonte do
Editor. Todos os JButtons serão definidos com o mesmo tamanho do botão que
possuir o maior nome.
7. Pressione Ctrl-S para salvar o arquivo.

A última coisa que precisamos fazer é deletar o texto do espaço reservado nos vários
componentes. Observe que, embora a remoção do texto do placeholder após a
configuração preliminar de um form possa ser uma técnica útil para evitar problemas
de alinhamento e relações de ancoragem dos componentes, a maioria dos
desenvolvedores geralmente remove esse texto no processo de layout de seus forms.
À medida que percorre o form, selecione e delete o texto do espaço reservado de cada
um dos JTextFields. Deixaremos os itens de placeholder no JComboBox e no JList
para um tutorial posterior.
Visualizando a GUI
Agora que você criou com êxito a GUI ContactEditor, é possível experimentar a
interface para ver os resultados. É possível visualizar o form à medida que trabalha
clicando no botão Visualizar Form ( ) na barra de ferramentas do GUI Builder. O form
será aberto em sua própria janela, permitindo que você o teste antes da construção e
execução.

Instalação e Configuração do Mysql 5x

O MySQL é um sistema de gerenciamento de banco de dados relacional de código-
fonte aberto (RDBMS) geralmente usado em aplicações Web devido à sua velocidade,
flexibilidade e confiabilidade. O MySQL emprega a linguagem SQL, ou Structured
Query Language, para acessar e processar os dados contidos em bancos de dados.
Primeiramente vamos acessar o site oficial do MySQL, através do seguinte
link: http://www.mysql.com/

Figura 1: Site oficial do MySQL

Após o acesso a página, clique na aba DOWNLOADS(GA), para ter acesso a uma
outra página, como mostra a figura 2
Figura 2: Site oficial do MySQL mostrando a opção de download
Clique no botão DOWNLOAD, como está sendo mostrado na figura 2, em seguida
aguarde ser redirecionado para outro passo, como mostra a figura 3

Figura 3: Site oficial do MySQL mostrando o botão de download

Após o clique no botão DOWNLOAD mostrado na figura 3, aparecerá uma nova
janela, caso não tenha se cadastrado no site do MySQL não será possível fazer o
download do mesmo, veja na figura 4 a janela que aparecerá em seguida:
Figura 4: Site oficial do MySQL, fazer login ou cadastro
Como mostrado na figura 4, a primeira opção (esquerda) é para quem já é cadastrado
no site, a segunda opção (direita) é para fazer um novo cadastro. Não se preocupem o
processo é rápido e fácil, basta clicar em PROCEED e uma nova janela surgirá, no
caso apresentado na figura 5:

Figura 5: Site oficial do MySQL, cadastro de novos usuários

Depois deste processo faça o download, geralmente, dependendo da sua conexão
com a internet pode demorar alguns minutos.
Depois de baixar o arquivo de instalação do MySQL, vamos iniciar o processo de
instalação. Dê um duplo clique no arquivo, e aparecerá uma nova janela, como mostra
a figura 6:

Figura 6: Windows Configurando o MySQL Installer

O processo acima dependendo da configuração do seu computador pode demorar
alguns minutos, e aparecerá sempre uma janela muito comum no Windows Seven e
Windows Vista, sempre permita a execução dos arquivos na nossa instalação.
Finalmente chegamos a tela de boas vindas da instalação do MySQL, apresentada na
figura 7:

Figura 7: Janela de boas vindas da instalação do MySQL

Sobre a figura 7, temos três opções, sendo que uma delas é para instalação, vamos
seguir adiante clicando em INSTALL MYSQL PRODUCTS, aparecerá a tela de acordo
de licença do produto, apresentada na figura 8:

Figura 8: Janela de acordo de licença do produto

Sobre a janela acima, clique em I ACCEPT THE LICENSE TERMS e clique em NEXT,
e a janela para atualizar ou encontrar produtos recentes aparecerá, como mostra a
figura 9:
Figura 9: Janela para atualizar encontrar os produtos mais recentes
Na figura 9, temos as seguintes opções:
 Conectar a internet;
 Buscar informações de atualização de produto.
Estas duas opções servem para o momento da instalação, o próprio instalador do
MySQL verifica se há versões mais recentes do produto, caso não ache necessário
esta opção, simplesmente marque SKIP THE CHECK FOR UPDATES, ou se preferir,
clique no botão EXECUTE.
Após clicar no botão EXECUTE aparecerá uma nova janela, com essa devemos ter
um certo cuidado, veja na figura 10:
Figura 10: Janela de escolha do tipo de instalação
Na janela acima temos várias opções, neste caso, isso vai depender de cada
profissional e para que ele vai usar o MySQL. Note que no lado esquerdo o aplicativo
nos dá informações bem detalhadas do que será instalado. Após a sua escolha,
marque a opção de sua escolha e clique em NEXT.
Depois deste processo, uma nova janela surgirá, veja na figura 11:
Figura 11: Janela para verificar os requisitos
Note que na figura 11, existe um componente detectado que não está instalado no seu
computador, mas não há problema, clique em EXECUTE que o próprio assistente vai
baixá-lo para você, como mostra a figura 12:
Figura 12: Janela para verificar os requisitos, baixando um aplicativo
Em seguida, após baixar o aplicativo que seria necessário para dar continuidade ao
processo, veja mesma a janela como deverá ficar, na figura 13:

Figura 13: Janela para verificar os requisitos, sem pendencias

Após este processo, clique em NEXT para dar continuidade, a próxima janela mostrará
tudo que será instalado, isso vai depender de quais opções você escolheu no
processo mostrado na figura 10. Veja o resultado na figura 14:

Figura 14: Janela do assistente mostrando tudo que será instalado

Após este passo clique em EXECUTE, e veja na figura 15 o processo que irá ocorrer
com cada uma das opções a serem instaladas.

Figura 15: Processo de instalação

Após o termino deste processo, o botão NEXT ficará habilitado, clique nele e continue
até a próxima janela CONFIGURATION OVERVIEW (visão geral da configuração),
apresentada na figura 16:

Figura 16: Janela CONFIGURATION OVERVIEW

Clique em NEXT para dar continuidade ao processo, em seguida aparecerá mais uma
janela, como mostra a figura 17:
Figura 17.Configuração do MySQL.
Na configuração do MySQL, podemos mudar a porta utilizada e o tipo de configuração
do servidor: Developer Machine, Server Machine e Dedicated Machine, para o nosso
caso, vamos deixar do jeito que está, clique em NEXT para irmos ao próximo passo.
Após clicar em NEXT, aparecerá uma janela para inserir a senha para o administrador,
como demonstrado na Figura 18:

Figura 18: Definindo a senha do administrador

Após definir a senha do administrador clique em NEXT, novamente aparecerá uma
nova janela, veja na figura 19:

Figura 19: Configurando o servidor

Na figura acima tem o WINDOWS SERVICE NAME, a opção de inicializar o MySQL
com o sistema operacional e por último executar como conta do sistema padrão ou
usuário personalizado. Caso deseje, desmarque a opção de inicializar o MySQL, já as
outras configurações, deixe como está, clique em NEXT para o próximo passo, como
mostra a figura 20:

Figura 20: Configurando o servidor

Após o término, clique em NEXT para seguir para o próximo passo, continuando a
configuração do servidor, como apresentada na figura 21:
Figura 21: Configurando o servidor

Figura 22: Continuação da configuração do servidor

Após este processo aparecerá uma janela informando a finalização do processo de
instalação do MySQL, clique em finish e pronto.
Agora vamos visualizar o novo MySQL. Clique no botão INICIAR, TODOS OS
PROGRAMAS, MYSQL, MYSQL WORKBENCH 5.2.CE, aparecerão as seguintes
janelas em sequência, como mostram as figuras 23 e 24:

Figura 23: Janela de boas vindas do MySQL

Figura 24: Ferramenta do MySQL em execução

Para entrarmos na ferramenta, clique duas vezes em LOCALINSTANCE MYSQL55,
em seguida aparecerá uma pequena tela com login e senha, vista na figura 25:
Figura 25: Janela de login para acesso ao MySQL
Entre com a senha informada na instalação e clique em OK, pronto, finalmente
veremos um novo visual do MySQL, como mostra a figura 26:

Figura 26: Janela de desenvolvimento do MySQL

Com isso finalizamos a instalação desse SGBD que agora está pronto para uso.
Espero que as informações aqui apresentadas possam ser úteis para quem usa ou
pretende usar essa nova versão do MySQL.
ESTABELECENDO CONEXÃO COM BANCO DE DADOS MYSQL

Para seguir este tutorial, os recursos e softwares a seguir são necessários.

Software ou Recurso Versão Necessária

NetBeans IDE Java 7.2, 7.3, 7.4, 8.0

JDK (Java Development Kit) Versão 7 ou 8

Servidor de banco de dados MySQL versão 5.x

Configurando as Propriedades do Servidor MySQL

O NetBeans IDE vem com suporte para o RDBMS MySQL. Antes que você possa
acessar o Servidor de Banco de Dados MySQL no NetBeans IDE, você deve
configurar as propriedades do Servidor MySQL.
1. Clique com o botão direito do mouse no nó Banco de Dados na janela Serviços e
escolha Registrar o Servidor MySQL para abrir a caixa de diálogo Propriedades do
Servidor MySQL.

2. Confirme se o nome e a porta do host do servidor estão corretos.

Observe que o IDE insere localhost como o nome de host de servidor default
e 3306 como o número de porta de servidor default.
3. Insira o nome de usuário Administrador (se não estiver exibido).
Observação: você precisa de acesso administrativo para poder criar e remover
bancos de dados.
4. Insira a senha do Administrador. O default é definido como em branco.
Observação: uma senha em branco também pode ser uma senha.
5. Clique na guia Propriedades de Admin na parte superior da caixa de diálogo.
A guia Propriedades de Admin é então exibida, permitindo que você insira informações
para controlar o servidor MySQL.
6. No campo Caminho/URL para ferramenta admin, digite ou navegue para o local da
aplicação de administração do MySQL como a Ferramenta admin de MySQL,
PhpMyAdmin, ou outras ferramentas de administração baseadas na Web.
Observação: mysqladmin é a ferramenta de administração do MySQL encontrada na
pasta bin do diretório de instalação do MySQL. Ela é uma ferramenta de linha de
comandos e não é ideal para uso com o IDE.
Digite argumentos para a ferramenta admin no campo Argumentos.
7. Em Caminho para o comando iniciar, digite a localização do comando iniciar do
MySQL ou navegue até ele. Para encontrar o comando iniciar, procure mysqld na
pasta bin do diretório de instalação do MySQL.
Observação: o binário recomendado para Unix e NetWare é mysql_safe. O comando
iniciar também pode variar se o MySQL tiver sido instalado como parte de uma
instalação AMP.
Digite argumentos para o comando iniciar no campo Argumentos.
8. No campo Caminho para o comando interromper, digite a localização do comando
Interromper do MySQL ou navegue até ele. Geralmente, é o caminho para
o mysqladmin na pasta bin do diretório de instalação do MySQL. Se o comando
for mysqladmin, no campo Argumentos, digite-u root stop para conceder
permissões root para interromper o servidor.
9. Quando você terminar, a guia Propriedades de Admin deverá ter aparência similar à
seguinte figura. Se estiver satisfeito com a configuração, clique em OK.

Iniciando o Servidor MySQL

Antes que você possa se conectar a um Servidor de Banco de Dados MySQL,
certifique-se de que ele esteja sendo executado no computador. Se o servidor do
banco de dados não estiver conectado, você verá (disconnected) ao lado do nome de
usuário no nó MySQL Server, na janela Serviço, e não poderá expandir o nó.
Para conectar o servidor do banco de dados, confirme se o Servidor de Banco de
Dados MySQL está em execução na máquina, clique com o botão direito do mouse no
nó Bancos de Dados > MySQL Server na janela Serviços e escolha Conectar. Talvez
você seja solicitado a fornecer uma senha para conectar-se ao servidor.

Quando o servidor estiver conectado, você poderá expandir o nó do MySQL Server e

exibir todos os bancos de dados MySQL disponíveis.
Criando e Estabelecendo Conexão à Instância do Banco de Dados
Uma forma comum de interagir com banco de dados é usando um editor SQL. O
NetBeans IDE possui um mecanismo Editor SQL para esta finalidade. O Editor SQL
geralmente pode ser acessado por meio da opção Executar Comando do menu de
contexto do nó da conexão (ou dos nós filhos do nó da conexão). Agora que está
conectado ao servidor MySQL, você pode criar uma nova instância de banco de dados
usando o Editor SQL. Para a finalidade deste tutorial, crie uma instância
chamada MyNewDatabase:
1. Na janela Serviços do IDE, clique com o botão direito do mouse no nó Servidor
MySQL e escolha Criar Banco de Dados.
A caixa de diálogo Criar Banco de Dados MySQL é aberta.
2. Na caixa de diálogo Criar Banco de Dados MySQL, digite o nome do novo banco de
dados. Será utilizado MyNewDatabase para este tutorial. Deixe a caixa de seleção
desmarcada neste
momento.

Observação: também é possível conceder acesso total a um determinado usuário.

Por default, somente o usuário admin possui as permissões para realizar
determinados comandos. A lista drop-down permite que você designe essas
permissões a um usuário específico.
3. Clique em OK.
O novo banco de dados é exibido no nó do Servidor MySQL na janela Serviços.
4. Clique com o botão direito do mouse no novo nó do banco de dados e escolha a
opção conectar no menu pop-up para abrir a conexão para o banco de dados.
As conexões do banco de dados que estão abertas são representadas por um nó de
conexão completo ( ) na janela Serviços.
Criando Tabelas do Banco de Dados
Agora que você se conectou a MyNewDatabase, pode começar a explorar como criar
tabelas, preenchê-las com dados e modificar os dados mantidos nas tabelas. Isso
permite que você observe mais de perto a funcionalidade oferecida pelo Explorador do
Banco de Dados, assim como o suporte do NetBeans IDE para arquivos SQL.
MyNewDatabase está vazio no momento. No IDE, é possível adicionar uma tabela de
banco de dados usando a caixa de diálogo Criar Tabela ou inserindo uma consulta
SQL e executando-a diretamente do Editor SQL. Aqui, você pode explorar ambos os
métodos:
1. Usando o Editor SQL
2. Usando a Caixa de Diálogo Criar Tabela
Usando o Editor SQL
1. No Explorador do Banco de Dados, expanda o nó da
conexão MyNewDatabase ( ) e observe que há três subpastas: Tabelas,
Views e Procedimentos.
2. Clique com o botão direito do mouse na pasta Tabelas e escolha Executar
Comando. Uma tela em branco é aberta no Editor SQL na janela principal.
3. No Editor SQL, digite a seguinte consulta. Esta é uma definição da
tabela Consultor que você irá criar.
 4. CREATE TABLE Counselor (
5. id SMALLINT UNSIGNED NOT NULL AUTO_INCREMENT,
6. firstName VARCHAR (50),
7. nickName VARCHAR (50),
8. lastName VARCHAR (50),
9. telephone VARCHAR (25),
10. email VARCHAR (50),
11. memberSince DATE DEFAULT '0000-00-00',
12. PRIMARY KEY (id)
);
Observação: consultas formadas no Editor SQL faz parsing em SQL. A linguagem
SQL utiliza regras de sintaxe estritas com as quais você deve estar familiarizado ao
trabalhar no editor do IDE. Na execução de uma consulta, um feedback do mecanismo
SQL é gerado na janela de Saída indicando se a execução foi ou não bem-sucedida.

13. Para executar a consulta, clique no botão Executar SQL ( ) na barra de tarefas
na parte superior (Ctrl-Shift-E), ou clique com o botão direito do mouse dentro do
Editor de SQL e escolha Executar Instrução. O IDE gera a tabela Consultor no banco
de dados, e você recebe uma mensagem similar à seguinte na janela de Saída.

14. Para verificar as alterações, clique com o botão direito do mouse no nó Tabelas no
Explorador do Banco de Dados Explorer e escolha Atualizar. A opção Atualizar
atualiza o componente UI do Explorador do Banco de Dados para o status atual do
banco de dados especificado. Observe que o novo nó da tabela Consultor ( ) é
exibido agora em Tabelas no Explorador do Banco de Dados. Se você expandir o nó
da tabela você pode ver as colunas (campos) você criou, iniciando com a chave
primária ( ).
Usando a Caixa de Diálogo Criar Tabela
1. No Explorador do Banco de Dados, clique com o botão direito do mouse no nó
Tabelas e escolha Criar Tabela. A caixa de diálogo Criar Tabela é aberta.
2. No campo de texto Nome da tabela, digite Assunto.
3. Clique em Adicionar Coluna.
4. No Nome da coluna, insira id. Selecione SMALLINT no tipo de dados na lista drop-
down Tipo. Clique em OK.

1. Marque a caixa de seleção Chave Primária na caixa de diálogo Adicionar Coluna.

Você está especificando a chave primária da tabela. Todas as tabelas de bancos de
dados relacionais devem conter uma chave primária. Observe que quando a caixa de
seleção Chave é marcada, as caixas de seleção índice e exclusivo são
automaticamente marcadas e a caixa de seleção Nulo é desmarcada. Isso ocorre
porque as chaves primárias são usadas para identificar uma linha exclusiva no banco
de dados e por default formam o índice da tabela. Como todas as linhas precisam ser
identificadas, as chaves primárias não podem conter um valor Nulo.
2. Repita esse procedimento adicionando as colunas remanescentes, como exibido na
tabela a seguir.

Exclusiv Nome da Tipo de Tamanh

Chave Índice Nulo
a Coluna Dados o

[marcad [marcad [marcada SMALLIN

id 0
a] a] ] T

[marcad VARCHA
nome 50
a] R

[marcad VARCHA
descrição 500
a] R

[marcad FK_counselorI SMALLIN

0
a] D T

3. Está sendo criada uma tabela chamada Assunto que possuirá dados para cada um
dos seguintes registros.
 Nome: nome do assunto
 Descrição: descrição do assunto
 ID do Consultor: ID do consultor que corresponde a um ID da tabela
Consultor

Certifique-se de que os campos na caixa de diálogo Criar Tabela correspondam aos

exibidos acima e clique em OK. O IDE gera a tabelaAssunto no banco de dados e
você pode ver um novo nó da tabela Assunto ( ) imediatamente exibido sob as
Tabelas no Explorador do Banco de Dados.
Trabalhando com os Dados da Tabela
Para trabalhar com dados da tabela, você pode usar o Editor SQL no NetBeans IDE.
Ao executar consultas SQL em um banco de dados, você pode adicionar, modificar e
deletar dados mantidos em estruturas de bancos de dados. Para adicionar um novo
registro (linha) à tabela Consultor, faça o seguinte:
1. Escolha Executar Comando da pasta Tabelas no Explorador do Banco de Dados.
Uma tela em branco é aberta no Editor SQL na janela principal.
2. No Editor SQL, digite a seguinte consulta.
3. INSERT INTO Counselor
VALUES (1, 'Ricky', '"The Dragon"', 'Steamboat','334 612-5678',
'r_steamboat@ifpwafcad.com', '1996-01-01')
4. Para executar a consulta, clique com o botão direito do mouse no Editor SQL e
escolha Executar Instrução. Na janela de Saída, você pode ver uma mensagem
indicando que a consulta foi executada com êxito.
5. Para verificar se o novo registro foi adicionado à tabela Consultor, no Explorador do
Banco de Dados, clique com o botão direito do mouse no nó da tabela Consultor e
escolha Exibir Dados. Um novo painel Editor SQL é aberto na janela principal. Quando
você escolhe Exibir Dados, é gerada automaticamente na região superior do Editor
SQL uma consulta para selecionar todos os dados da tabela. Os resultados da
instrução são exibidos em uma view em tabela na região inferior. Neste exemplo, a
tabela Consultor é exibida. Observe que uma nova linha foi adicionada com os dados
que você acabou de fornecer da consulta SQL.

Executando um Script SQL

Outra forma de gerenciar dados de tabela no NetBeans IDE é executar um script SQL
externo diretamente no IDE. Se foi criado um script SQL em qualquer outro lugar, será
possível simplesmente abrí-lo no NetBeans IDE e executá-lo no Editor SQL.
Com a finalidade de demonstração, faça download do ifpwafcad.sql e salve-o no
computador. Este script cria duas tabelas similares às que você acabou de criar acima
(Consultor e Assunto) e preenche-as imediatamente com dados.
Como o script sobrescreve essas tabelas se elas já existirem, delete as
tabelas Consultor e Assunto agora para que fique óbvio que novas tabelas são criadas
quando o script é executado. Para deletar tabelas:
1. Clique com o botão direito do mouse nos nós de tabela Consultor e Assunto no
Explorador do Banco de Dados e selecione Deletar.
2. Clique em Sim na caixa de diálogo Confirmar Exclusão de Objeto. Observe que
essa caixa de diálogo lista as tabelas que serão deletadas.
Quando você clica em Sim na caixa de diálogo Confirmar Exclusão de Objeto, os nós
de tabela são automaticamente removidos do Explorador do Banco de Dados.
Para executar o script SQL em MyNewDatabase:
3. Escolha Arquivo > Abrir Arquivo no menu principal do IDE. No browser de arquivos,
vá para o local onde você salvou ifpwafcad.sqlanteriormente e clique em Abrir. O script
se abre automaticamente no Editor SQL.
4. Certifique-se de que a conexão com MyNewDatabase esteja selecionada na caixa
drop-down Conexão na barra de ferramentas na parte superior do Editor.

5. Clique no botão Executar SQL ( ) na barra de tarefas do Editor SQL. O script é

executado no banco de dados selecionado e qualquer feedback é gerado na janela de
Saída.
6. Para verificar as alterações, clique com o botão direito do mouse no nó da conexão
de MyNewDatabase na janela Runtime e escolha Atualizar. A opção Atualizar atualiza
o componente UI do Explorador do Banco de Dados para o status atual do banco de
dados especificado. Observe que as duas novas tabelas do script SQL agora são
exibidas como nós de tabela em MyNewDatabase no Explorador do Banco de Dados.
7. Escolha Exibir Dados do menu de contexto de um nó de tabela selecionada para ver
os dados contidos nas novas tabelas. Dessa maneira, você pode comparar os dados
tabulares com os dados contidos no script SQL para ver se eles coincidem.
Com isso concluímos compreendendo algumas características das ferramentas CASE
como se deu seu surgimento, desenvolvendo na prática desde a criação de uma
interface até a implementação de um banco de dados.

Fontes de Pesquisa
- Engenharia de Software – Roger S. Pressman, Editora Pearson
- Netbeans.org
- Devmedia.com.br
- Mysql.com