Primeiro vamos ao estudo de caso: "A empresa Papel Vila Objeto contratou um novo diretor-geral. Ele adora fazer caminhadas, café e natureza... e decidiu ajudar a salvar as florestas; quer ser um executivo "sem papel", começando com seus contatos. Ele está a caminho de Aspen para esquiar no fim de semana e quer ter um novo programa de agenda pronto quando voltar. Caso contrário... bem... não será apenas o antigo diretor geral que estará em busca de emprego. Então faça para a empresa um programa de cadastro que funcionará como cartão de contatos."
Antes de começarmos a programar ou configurar o nosso sistema, vamos a análise das nossas necessidades.
1) Primeiro temos que ter em mente que como é um "cartão de contatos", teremos várias informações do usuário que estará neste "cartão". Ou seja, será necessário a criação de um banco de dados para armazenar estas informações.
2) Em seguida, podemos ver que em nem um momento foi pedido para que esta aplicação seja web, ou seja... Ela será uma aplicação local. Então para termos está aplicação no computador será necessário a criação de um instalador local ou comumente conhecido como Launcher .
3) Então vamos a análise da nossa situação, e do que vamos precisar da ferramenta que utilizaremos.
4) Teremos então um Windows Forms (um formulário windows) onde será feito a nossa aplicação, um banco de dados, uma barra de tarefas e um ícone do tipo picture box.
5) Então agora, vamos ao download da nossa ferramenta de trabalho, o Visual Studio 2012 express edition.
6) Baixe a aplicação e execute o instalador, ele fará todo o processo de instalação para você. Aguarde pois o processo pode demorar algum tempo.
7) Com o Visual Studio 2012 instalado em seu computador, vamos iniciar o nosso projeto. Primeiro abra a nossa ferramenta de trabalho, o Visual Studio.
8) Com o VS 2012 aberto, vamos em New Project para criar um novo projeto, ou no menu File -> New -> Project .
9) Com a janela de projetos aberta, vamos então clicar no menu direito Visual C# e vamos escolher o tipo de aplicação sendo Windows Form Application.
10 ) Logo abaixo no campo Name vamos definir o nome da nossa aplicação , eu colocarei como "Projeto Vila Papel".
11) No campo Location vamos definir onde ele será salvo, clique em Brownse para selecionar a pasta.
13) Será criado o nosso projeto no visual studio, agora vamos conhecer um pouco sobre a nossa ferramenta de trabalho.
Barra de ferramentas - Barra com botões que se aplicam ao que você está fazendo atualmente no IDE.
ToolBox - Ela possuí vários controles visuais que você pode arrastar para seu formulário.
Solution Explorer - Janela onde fica as suas pastas e estrutura do projeto, responsável por organiza-la.
Windows Form - Formulário onde construiremos nossa aplicação.
14) Certo, agora que conhecemos a nossa ferramenta de trabalho, vamos começar selecionando um controle que está na nossa toolbox. Então selecione o controle PictureBox e arraste para o canto superior direito no formulário criado.
15) Em seguida, clique na pequena seta que se encontra no PictureBox , irá surgir algumas opções,, vá a opção Size Mode, e altere para Zoom.
16) Em seguida, clique em Choose Image, e em seguida em Local Resource e Import. Selecione a imagem de algum icone que você possua, no meu caso eu utilizarei está biblioteca que baixei. E em seguida selecionarei a imagem Book.
17) Ficará como é mostrado na imagem à cima. Bom, então já temos o nosso ícone para o projeto, vamos adicionar uma função a este ícone. Dê um duplo clique em nosso ícone no formulário.
Visual Studio nos bastidores, toda vez que você faz algo no IDE do visual studio, ele está escrevendo o código para você. Quando você criou o logotipo e mandou o Visual Studio usar a imagem baixada, ele criou um recurso e associou-o ao sua aplicação. Um recurso é qualquer arquivo gráfico, de áudio, ícone ou outro tipo de arquivo de dados embutidos na sua aplicação.
Quando você arrastou o controle PictureBox para o seu formulário, o IDE automaticamente criou um arquivo de recurso chamado Form1.resx para armazená-lo e mantê-lo em seu projeto. Dê um duplo clique nesse arquivo e você verá a imagem recém-importada.
18) O IDE adicionará código ao seu projeto que é executado sempre que um usuário clica em PictureBox. Você deve ver algum código semelhante ao seguinte aparecer:
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
private void pictureBox1_Click(object sender, EventArgs e)
{
}
}
19) Vamos então adicionar uma função ao evento de duplo clique no PictureBox, para isso vamos colocar o seguinte código MessageBox.Show ("Lista de contatos 1.0 \n Escrito por: (Seu nome) ", "Sobre");
20) O seu código ficará assim:
public partial class Form1 : Form
{
public Form1()
{
InitializeComponent();
}
private void pictureBox1_Click(object sender, EventArgs e)
{
MessageBox.Show ("Lista de contatos 1.0 \n Escrito por: (Seu nome) ", "Sobre");
}
}
21) Pronto! Você acabou de adicionar um evento de clique ao seu formulário!
22) Vamos então compilar a nossa aplicação para verificarmos o nosso evento. Vá até a barra de ferramentas e clique no botão de "play" ou pressione f5 para compilar o seu código.
23) Em seguida clique no ícone que você escolheu para colocar em sua pictureBox, uma mensagem deverá ser exibida na tela. Está foi a mensagem que você configurou para o evento de clique.
24) Clique no X para sair do modo de compilação. Agora criaremos o nosso banco de dados SQL,
25) Então vamos adicionar um banco de dados SQL ao nosso projeto, para isso vamos até a Solution Explorer, e vamos dar um clique com o botão direito no nome do nosso projeto e clicar em ADD e em seguida New Item.
26) Escolha o Local Database, localizado na categoria Data e nomeie o banco para ContactDB.sdf e em seguida clique em ADD.
27) Será aberto o assistente de configuração de dados. Por quanto iremos pular o assistente, então clique no botão Cancel. Voltaremos no assistente quando a nossa estrutura tiver configurada.
28) Veja em sua solution explorer que foi criado o ContactDB. Clique duas vezes em ContactDB.sdf em sua lista e olhe no lado esquerdo de sua tela. A Solution Explorer mudou para Navegador do Banco de Dados.
29) Agora que temos o nosso banco de dados, iremos visualizar dois modos de inserção de dados para preenchermos o nosso banco.
30) Com a Server Explorer aberta, vamos criar a nossa tabela, para isso clique com o botão direito em Tables e em seguida em Create Table.
31) Será aberto a janela de edição de tabela, agora, antes de configurarmos o nome da nossa tabela, vamos iniciar configurando as colunas!
32) Então vamos preencher os campos de acordo com o proposto a seguir.
| ColumName (Nome da coluna) | ContactID |
| Data Type (Tipo de Dado) | int |
| Length(Tamanho) | 4 |
| Allow Nulls(Permitir nulo) | no |
| Unique (Único) | Yes |
| Primary Key(Chave primária) | Yes |
33) O que fizemos ? Definimos um campo da tabela para ser chave primária, que será do tipo inteiro que não permite nulo de um tamanho 4.
34) A seguida vamos um pouco mais abaixo em Default Value e vamos trocar o campo Identity para True, que será responsável pelo auto incremento da nossa ConctactID.
35) Certo, configuramos a primeira coluna da nossa tabela, como a nossa tabela é uma tabela de contato de pessoas, é claro que precisamos de mais informações como nome, nome da empresa, telefone e etc...
36) Então para isso, vamos criar mais colunas correspondente a nossa situação. Segue a relação abaixo:
| ColumName (Nome da coluna) | Nome |
| Data Type (Tipo de Dado) | nvarchar |
| Length(Tamanho) | 100 |
| Allow Nulls(Permitir nulo) | Yes |
| Unique (Único) | No |
| Primary Key(Chave primária) | No |
| ColumName (Nome da coluna) | Empresa |
| Data Type (Tipo de Dado) | nvarchar |
| Length(Tamanho) | 100 |
| Allow Nulls(Permitir nulo) | Yes |
| Unique (Único) | No |
| Primary Key(Chave primária) | No |
| ColumName (Nome da coluna) | Telefone |
| Data Type (Tipo de Dado) | nvarchar |
| Length(Tamanho) | 12 |
| Allow Nulls(Permitir nulo) | Yes |
| Unique (Único) | No |
| Primary Key(Chave primária) | No |
| ColumName (Nome da coluna) | |
| Data Type (Tipo de Dado) | nvarchar |
| Length(Tamanho) | 100 |
| Allow Nulls(Permitir nulo) | Yes |
| Unique (Único) | No |
| Primary Key(Chave primária) | No |
| ColumName (Nome da coluna) | Cliente |
| Data Type (Tipo de Dado) | bit |
| Length(Tamanho) | 1 |
| Allow Nulls(Permitir nulo) | Yes |
| Unique (Único) | No |
| Primary Key(Chave primária) | No |
| ColumName (Nome da coluna) | Ultima chamada |
| Data Type (Tipo de Dado) | DateTime |
| Length(Tamanho) | 8 |
| Allow Nulls(Permitir nulo) | Yes |
| Unique (Único) | No |
| Primary Key(Chave primária) | No |
37) O nome da tabela será Pessoa, e sua tela de configuração de tabela, deverá ficar parecida com esta:
38) Você verá que após clicar no botão OK, irá surgir uma tabela em Tables no Server Explorer. Clique na sexta para expandir e localize a nossa tabela Pessoa.
39) Agora, clique com o botão direito em cima de Pessoa e em seguida Show Data Table.
40) Agora, vamos preencher a nossa tabela com informações, temos os campos Nome, Empresa, Telefone, Email, Cliente e UltimaChamada. Cada campo receberá a informação de um tipo diferente. O campo ContactID não necessita receber algum valor já que colocamos ele para ser AutoIncremento.
41) O campo Nome, pode receber um nome que possua até 100 caracteres, o mesmo vale para os campos Empresa e Email. O campo Telefone pode receber no máximo 12 caracteres. O campo cliente seria para informar se determina pessoa é cliente ou não da empresa, então os valores só podem ser ou True(Verdadeiro) Ou False (Falso).
42) Preencha sua tabela com ao menos 5 contatos a sua escolha, eu irei deixar a minha tabela abaixo caso queiram fazer com os mesmos contatos.
43) Em seguida, salve a nossa aplicação para não perdermos os dados e feche a janela de dados. E pronto! Já temos a nossa base de dados e agora devemos uni-lá a nossa aplicação.
44) Volte ao formulário da sua aplicação, feche a tabela Pessoa e o diagrama do banco de dados ContactDB. E abra o formulário Form1.cs.
45) Em seguida vá até a barra de menus, e clique no menu Project e em seguida Add New Data Source,
46) Escolha agora um Data Source Type (Tipo de fonte de dados). Selecione DataBase e clique no botão Next(Próximo).
47) Escolha um Database Model (Modelo de banco de dados). Selecione Dataset e clique no botão Next.
48) Escolha Your Data Connection (sua Conexão de Dados). Você deverá ver seu banco de dados ContactDB na lista suspensa, selecione-o e clique em Next.
49) Escolha Your Database Object (Seus Objetos do Banco de Dados). Clique na caixa de seleção Tables.
50) No campo Dataset Name (Nome do conjunto de Dados), certifique-se de que esteja escrito "ContactDBDataset" e clique em Finish (Terminar).
51) Certo, agora vamos adicionar o nosso controle vinculado ao nosso projeto de Windows Form. Com a aba de Data Source aberta, selecione a sua tabela que foi configurada anteriormente e clique no ícone expandir.
51) Certo, agora vamos adicionar o nosso controle vinculado ao nosso projeto de Windows Form. Com a aba de Data Source aberta, selecione a sua tabela que foi configurada anteriormente e clique no ícone expandir.
52) Em seguida, clique na tabela pessoas e selecione a opção "Details" , agora vamos simplesmente arrastar a nossa tabela Pessoa para o nosso Windows Form. E veja o que aconteça.
53) Você acabou de criar um formulário de contatos que insere, exibe, e excluir usuários de um determinado banco de dados!
54) Agora vamos rodar a nossa aplicação para testarmos. Pressione f5 para compilar o código.
55) Se assim que você compilou o seu código, ele já buscou as informações na base dados, meus parabéns! A sua atividade está pronta!
56) Para criar o executável do seu programa vá no menu Build e em seguida Publish "VilaPapelObjeto".
57) Especifique o local onde será salvo o seu instalador e clique em Next.
58) Em seguida, mantenha a informação da sua aplicação ser para CD-DVD e clique em Next.
59) Matenha a segunda opção "The application will not check for updates" e clique em Next.
60) Em seguida clique em Finish !
E pronto, além de criar uma aplicação, você criou um instalador que a tornou compatível com o Windows! Agora faça o teste e veja o seu programa funcionando perfeitamente!
OBS: Para remover a aplicação é necessário ir ao Painel de Controle -> Programas/Recursos.
Nenhum comentário:
Postar um comentário