SisMedia - Sistema de Média Escolar em C# Parte FINAL

Este último tutorial do SisMedia fica responsável por codificar o Formulário Media Escolar.

O Layout ficara assim:

Mude os nomes dos componentes do formulário de acordo com a imagem abaixo:

Clique duas vezes no botão Procurar e insira o código abaixo:

Volte para o design(F7) e clique duas vezes no botão Excluir e insira o Código para apagar  a imagem atual: 

Volte para o design(F7) e clique duas vezes no botão limpar que ficara responsável por limpar os componentes. Insira o código abaixo:

Volte para o design(F7) e clique duas vezes no botão sair e digite o código a seguir:

Agora o último código é o mais extenso porque a tratamento de exceções e esta totalmente comentado.

Termina agora o Tutorial SisMedia logo abaixo tem o vídeo do Aplicativo.

Até Logo,

By: Natanael.

Tutorial relacionado ao SisMedia

SisMedia I = Tela de Splash = Parte I

SisMedia II = Tela de Login = Parte II

SisMedia III = Formulário Média Escolar = Parte III

Veja o vídeo do Sistema:

Visualizar

SisMedia - Sistema de Média Escolar em C# Parte II de III

Olá Pessoal!

Seguindo com o segundo tutorial do SisMedia estaremos desenvolvendo e codificando a tela de Login.

Clique no formulário frmTelaLogin.cs e arraste os seguintes componentes:

- 3 TextBoxs

- 3 Labels

- 1 PictureBox

- 1 GroupBox

Renomei os Nomes de acordo com a imagem abaixo

Agora os names dos campos:

textBox1 para txtOperador

textBox2 para txtSenha

button1 para btnConectar

button2 para btnSair

e label3 para lblAviso

Mude a propriedade do campo txtSenha para Password para *

Esta propriedade faz com que o usuário veja o asterisco em vez do número da senha.

Deixe o campo lblAviso vazio.

Lembra que sua Tela de Splash está pronta? Agora precisamos informar ao frmTelaLogin.cs que ela(frmTelaSplash) ira aparecer primeiro do que ele.

Volte para o frmTelaLogin.cs e clique F7 para ir ao Código.

Importe esta classe

using System.Threading;

Insira o Código abaixo:

no frmTelaLogin()

e depois crie um Método SplashScreen que ficara responsável por chamar o formulário Splash.

Como na imagem abaixo:

Feito isso precisamos codificar a Tela de Login volte para o design(F7) e clique duas vezes no botão Sair.

Digite

Close();

Como na imagem:

Esse método ficar responsável por sair da aplicação.

Volte para o Design e clique duas vezes no botão Conectar e insira o Código abaixo:

Importe a classe

using System.Drawing;

Termina o segundo tutorial do SisMedia o próximo é a última parte desta série.

Ate Logo,

By: Natanael.

Tutorial relacionado ao SisMedia

SisMedia I = Tela de Splash = Parte I

SisMedia II = Tela de Login = Parte II

SisMedia III = Formulário Média Escolar = Parte III

Veja o vídeo do Sistema:

Visualizar

SisMedia - Sistema de Média Escolar em C# Parte I de III

Olá nesse tutorial estaremos desenvolvendo um Sistema de Média Escolar com Tela de Splash e Tela de Login em C#.

Estaremos utilizando o Visual Studio 2005  que pode ser baixado aqui.

Criamos um novo projeto chamado SisMedia do tipo Visual C# > Windows Application e clicamos em OK.

Feito isso iremos Renomear o form1 para frmTelaLogin.cs

Para isso clique em cima do form1.cs com o botão direito em rename e mude para frmTelaLogin.cs

Agora adicione um Windows Form e renomeie para frmTelaSplash.cs para isso clique na solução(SisMedia) botão direito Add> Windows Forms e renomei para frmTelaSplash.cs

Agora precisamos inserir a nossa imagem de fundo para isso clique no formulário e vá para suas propriedades procure pela BackgroundImage e clique no botão do lado e insira a foto.

Clique em import e procure pela sua imagem de preferência e clique em OK

Observe que tem dois RadioButton:

Local resource: Não gravar a imagem dentro da pasta do projeto.

Project Resource file: Gravar a imagem dentro da pasta do projeto.

Como na imagem:

Feito isso mude as propriedades abaixo:

- BackgroundImageLayout para Stretch.

- FormBorderStyle para None

- ShowinTaskbar para false

- Size para o tamanho que você preferir.

- StarPosition para CenterScreen.

Como na imagem:

Agora precisamos inserir uma ProgressBar ele ficara responsável por carregar o Sistema então arraste para o formulário.

Clique em ToolBox > Common Controls > ProgressBar e arraste para o formulário seu formulário ficara assim:

Aproveita para aumentar e/ou diminuir seu ProgressBar, a sua altura enfim você pode personalizar ele.

Mude as propriedades do ProgressBar a seguir:

MarqueeAnimationSpeed para 1000

Style para Contínuos.

Arraste para o formulário o campo Timer

Clique sobre ele e mude as propriedades

Enable para True

Interval para 32

Como na imagem:

>

Clique duas vezes no timer1 e insira o código a seguir dentro das chaves:

Explicação por linhas:

progressBar1.Increment(1) = O componente progressBar1 está sendo incrementando

if(progressBar.Value = 100) = Se o componente progressBar recebe o valor igual a 100 entao faça:

timer1.Stop() =  Pare o componente timer1

Volte para o Design do Formulário(ou F7) e clique duas vezes no formulário para gerar o evento Load

Agora iremos fazer o evento fade in, aquele efeito de opacidade (O formulário inicia com uma opacidade baixa e vai aumentando até ficar sem transparência).

A Tela de Splash está pronta!

No próximo Tutorial estaremos desenvolvendo e codificando a Tela de Login até logo.

By: Natanael

Tutorial relacionado ao SisMedia

SisMedia I = Tela de Splash = Parte I
SisMedia II = Tela de Login = Parte II
SisMedia III = Formulário Média Escolar = Parte III

Veja o vídeo do Sistema:

Visualizar