segunda-feira, 23 de abril de 2012

Visual Basic - Parte II - Primeiro Programa

Olá Pessoas!
Nesta postagem vou ensinar como criar um simples programa que exibe data e hora.

  • Primeiro crie um projeto.
  • Eu irei usar o tamanho do form1 como 545; 464. Para alterar o tamanho é bem simples: Clique no Form1 e na aba 'Properties' procure o campo 'Size' e altere o valor para "545; 464"(sem as aspas).
  • Depois procure o campo "BackColor" ainda na aba 'Properties' e altere o valor para 'ButtonHighlight' ou 'White' ou '255; 255; 255' (sem as aspas).

Agora Vamos Adicionar os Componentes:
  • Adicione uma PictureBox que está na aba ToolBox
  • Altere a propriedade Size na aba properties para 202; 211 e altere a propriedade Location (aba Properties) para 33; 133. 
  • Agora vamos adicionar uma imagem nessa picturebox: Primeiro aperte o botão direito do mouse na imagem a direita e selecione 'Salvar Imagem Como...' e salve essa imagem em uma pasta de sua preferência. Volte ao Visual basic e Clique na picturebox e depois clique no botão '...' do campo Image na aba Properties, Clique no botão onde está escrito Project Resource File e depois no botão Import e selecione a imagem que eu disse para você salvar.
  • Agora clique na aba Toolbox e selecione o componente 'MonthCalendar'. Vá na aba Properties e altere o campo 'Location' para 284; 166.
  • Agora na aba ToolBox adicione 3 labels. 
  • Na Label que está escrito 'label1', clique nela vá na aba Properties e altere o campo 'Location' para 98; 365 e ainda na aba Properties clique no campo text e deixe vazio, nada escrito.
  • Na Label que está escrito 'label2', clique nela vá na aba Properties e altere o campo 'Location' para 362; 365 e ainda na aba Properties clique no campo text e deixe vazio, nada escrito.
  • Na Label que está escrito 'label3', clique nela vá na aba Properties e altere o campo 'Location' para 114; 18 e ainda na aba Properties no campo 'Font' escreva 'Calibri; 36pt'(sem aspas) clique no campo text e escreva Horário e Data.
  • Na aba ToolBox adicione o componente 'Timer' e na aba Properties altere o campo Interval para 1000 e o campo Enabled para True
  • Clique duas vezes onde está escrito Timer1 (Está representado abaixo).

  • Escreva:   
                      Label1.Text = DateAndTime.TimeOfDay               
                      Label2.Text = DateAndTime.Today
  • Lá em Cima tem uma aba escrito Form1.vb [Design]* clique nela e depois clique duas vezes na parte de cima do seu formulário (onde está escrito Horário e Data, e tem o icone de minimizar, maximizar e fechar) escreva:
MsgBox("Bem-Vindo!")
Agora aperte F5 ou clique no botão 

Se seu programa ficou assim:
Então tudo deu certo, senão tente refazer desde o começo.

Definições:
Label1.Text = -> Texto da Label 1
DateAndTime.TimeOfDay -> Horário de acordo com o relógio do Windows         
Label2.Text = -> Texto da Label 2
DateAndTime.Today -> Data de Acordo com o Windows

Não vou explicar o MsgBox("Bem-Vindo!") pois já expliquei na postagem passada

Então a 2ª parte do curso de Visual Basic fica por aqui. Na Próxima postagem vou ensinar como criar um navegador simples.


sábado, 21 de abril de 2012

HTML - Parte I - Introdução ao HTML

HTML, quer dizer Hypertext Markup Language, que significa Linguagem de Marcação de Hipertexto, o HTML é a "Linguagem Mãe" de toda a internet e é talvez seja a linguagem mais fácil para aprender.


Resumindo uma longa história, HTML foi inventado em 1990 por um cientista chamado Tim Berners-Lee. A finalidade inicial era a de tornar possível o acesso e a troca de informações e de documentação de pesquisas, entre cientistas de diferentes universidades. O projeto inicial tornou-se um sucesso jamais imaginado por Tim Berners-Lee. Ao inventar o HTML ele lançou as fundações da Internet tal como a conhecemos atualmente.


Para criar uma página HTML você precisa somente de qualquer editor de texto como o Bloco de Notas.


Estrutura:

  • <html></html>: define o início de um documento HTML e indica ao navegador que todo conteúdo posterior deve ser tratado como uma série de códigos HTML
  • <head></head>: define o cabeçalho de um documento HTML, que traz informações sobre o documento que está sendo aberto
  • <body></body>: define o conteúdo principal, o corpo do documento. Esta é a parte do documento HTML que é exibida no navegador. No corpo podem-se definir propriedades comuns a toda a página, como cor de fundo, margens, e outras formatações.


A estrutura básica é escrita assim:
<html>
     <head>
            <title>Título da Página</title>
     </head>
     <body>
    </body>
</html>


A tag <title> é o título da página :
As tags precisam ser fechadas assim </nome da tag> para funcionarem.

Agora vamos para a parte prática:

Dentro do Body(Corpo) vamos adicionar o título "Olá Mundo".
<h1 align="center">Olá Mundo</h1> 
Definições:

  • <h1> => quer dizer Heading 1, é um tipo de formatação de texto que será especificada na próxima postagem juntamente com as tags <h2>,<h3>,<h4>, <h5> e <h6>
  • align="center" => "align" quer dizer alinhamento e "center" quer dizer centro, Ou seja o que estiver escrito na tag <h1> será alinhada no meio da página
  • </h1> => fechamento da tag <h1>
Na tag <title> eu irei pôr o título como Olá Mundo
<title>Olá Mundo</title>


O Código completo ficou:
<html>
     <head>
     <title>Olá Mundo</title>
     <body>
           <h1 align="center">Olá Mundo</h1>
     </body>
</html>


Ao acabar salve o arquivo como index.html
Depois de salvar abra ele:
Se não ficar assim, tente recomeçar o tutorial.
Na próxima postagem vou ensinar como pôr links, imagens, tabelas e explicar algumas tags para você conseguir montar seu  próprio site.


Visual Basic - Parte I - Conhecendo o Visual Basic

"O Visual Basic (abreviado como VB) é uma linguagem de programação produzida pela empresa Microsoft, e é parte integrante do pacote Microsoft Visual Studio. Sua versão mais recente faz parte do pacote Visual Studio .NET, voltada para aplicações .Net. Sua versão anterior fez parte do Microsoft Visual Studio 6.0, ainda muito utilizado atualmente por aplicações legadas." (Origem: Wikipédia, a enciclopédia livre)


Nós vamos usar o Visual Basic 2008 Express Edition que pode ser baixado de graça no site: http://www.baixaki.com.br/download/visual-basic-2008-express-edition.htm


Ao abrir o Visual Basic, clique em Create: Project...
Selecione o Template "Windows Forms Application" e altere o campo "Name" com o nome do projeto que você queira e clique em OK.
Irá abrir esta tela:


Clique duas duas vezes nessa janela (essa que está escrito Form1). Irá abrir esta janela.



Public Class Form1  Início da Classe (Pública)


    Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load Método(Privado)


    End Sub Fim do Método
End Class Fim da Classe

Se você quiser saber o que significa classe, método e outras coisas do algoritmo, leia o post Algoritmo - Parte I e Algoritmo - Parte II

Só pra constar, esse programa vai abrir uma Caixa de Mensagem escrito Olá Mundo. (O maior clichê da história dos tutoriais de programação)

Entre "Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load" e "End Sub", escreva o código:  MsgBox("Olá Mundo")

O que quer dizer "MsgBox("Olá Mundo")" ?

MsgBox => É uma caixa de texto
("Olá Mundo") => É o que vai estar escrito na MsgBox

O código completo vai ficar assim:
Public Class Form1
   Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
         MsgBox("Olá Mundo")
    End Sub
End Class 

Agora aperte F5 ou clique naquele botão  
Abriu um caixa de texto escrito Olá Mundo e um botão OK. (Se isso não aconteceu veja o que tem de errado no seu código)

Quando você aperta OK abre o Form1 que não tem nada. Na próxima postagem vamos usar aquele formulário(Form1).


Algoritmo - Parte II


Na postagem passada foi explicado o que é um algoritmo, só para relembrar vou definir novamente.


"Um algoritmo é uma seqüência de passos ou procedimentos que levam à solução de um dado problema. Ele deve ser explicitamente caracterizado por um início e um fim bem determinados. A descrição destes passos deve ser feita sem ambigüidades ou má interpretações."


Nesse novo post vamos focar a estrutura de um algoritmo.


Constantes:


Constante é um determinado valor fixo que não se modifica ao longo do tempo, durante a execução de um programa. Conforme o seu tipo, a constante é classificada como sendo numérica, lógica ou literal.. Na linguagem de programação C existem regras rígidas para determinar como devem ser escritos estes valores. Mas abaixo há exemplos sobre as regras para escrever constantes.


Exemplo de uma constante com JavaScript:


/* Constante que contém um dado do tipo 'booleano'.
Constantes em JavaScript são escritas em letras maiusculas para se difereciarem das variáveis. */
const EXEMPLO = true;


Variáveis:


Variável é a representação simbólica dos elementos de um certo conjunto. Cada variável corresponde a uma posição de memória, cujo conteúdo pode se alterado ao longo do tempo durante a execução de um programa. Embora variável possa assumir diferentes valores, ela só pode armazenar um valor a cada instante. 


Exemplo de uma variável com JavaScript:
var Exemplo = "Isso é um exemplo de uma variável"; // Variável que contém um dado do tipo 'string'


Classes:


Uma classe é uma estrutura que abstrai um conjunto de objetos com características similares.


Uma classe define estado e comportamento de um Objeto geralmente implementando métodos e atributos (nomes utilizados na maioria das linguagens modernas). Os atributos, também chamados de campos (do inglês fields), indicam as possíveis informações armazenadas por um objeto de uma classe, representando o estado de cada objeto. Os métodos são procedimentos que formam os comportamentos e serviços oferecidos por objetos de uma classe.
Outros possíveis membros de uma classe são:

  • Construtores - definem o comportamento no momento da criação de um objeto de uma classe.
  • Destrutor - define o comportamento no momento da destruição do objeto de uma classe. Normalmente, como em C++, é utilizado para liberar recursos do sistema (como memória), já em outras linguagens, como em Java e C♯ isto é realizado de modo automático pelo Garbage collector.
  • Propriedades - define o acesso a um estado do objeto.
  • Eventos - define um ponto em que o objeto pode chamar outros procedimentos de acordo com seu comportamento e estado interno.

Tipicamente os limitadores de acesso são:
Público (public) - o membro pode ser acessado por qualquer classe. Os membros públicos de uma classe definem sua interface.
Protegido (protected) - o membro pode ser acessado apenas pela própria classe e suas sub-classes.
Privado (private) - o membro pode ser acessado apenas pela própria classe.


Exemplo de classe em java:


public class Pessoa {
        private String nome;


        public String getNome() {
                return nome;
        }

        public void setNome(String nome) {
                this.nome = nome;
        }
}


E aqui acaba a parte teórica de algoritmos. Irei postar tutoriais de algumas linguagens de programação como o HTML, PHP, CSS, VISUAL BASIC, DELPHI, C/C++ e outras.

O que é Engenharia de Software

" A Engenharia de software é uma área da computação voltada à especificação, desenvolvimento e manutenção de sistemas de software, com aplicação de tecnologias e práticas de gerência de projetos e outras disciplinas, visando organização, produtividade e qualidade.
Atualmente, essas tecnologias e práticas englobam linguagens de programação, banco de dados, ferramentas, plataformas, bibliotecas, padrões, processos e a questão da Qualidade de Software." (Origem: Wikipédia, A enciclopédia livre.)
As áreas de conhecimento de Engenharia de software são:

  • Análise de Requisitos do Software
  • Projeto (Design) de Software
  • Codificação (Programação) de Software
  • Teste de Software
  • Manutenção de software






Definições de Engenharia de Software:

  • A engenharia de software é a disciplina envolvida com a produção e manutenção sistemática de software que são desenvolvidos com custos e prazos estimados.
  • Disciplina que aborda a construção de software complexo - com muitas partes interconectadas e diferentes versões - por uma equipe de analistas, projetistas, programadores, gerentes, "testadores", etc.
  • O estabelecimento e uso de princípios de engenharia para a produção economicamente viável de software de qualidade que funcione em máquinas reais.



sexta-feira, 20 de abril de 2012

HTML5: A nova Geração do HTML

O HTML(HyperText Markup Language) chegou em sua versão, provavelmente algumas pessoas que lerem este texto não irão saber o que é o HTML. É simplesmente a linguagem de programação que forma basicamente todos os sites, juntamente com o PHP, ASP, ASP .NET, JAVASCRIPT e etc. A prova disso é a função da maioria dos navegadores de lerem o código-fonte que mostra todas as tags do site.(Uma tag HTML é escrita assim: <html>)
Mas, voltando ao assunto, o HTML5 irá ajudar os desenvolvedores e os usuário. Os desenvolvedores irão poder criar sites mais limpos e bonitos com maior facilidade, que não irá só beneficiar a ele como ao usuário. Além de uma maior integração com bancos de dados.


Algoritmo - Parte I

Claro que eu não poderia começar este blog sem falar do algoritmo.
"Um algoritmo é uma sequência finita de instruções bem definidas e não ambíguas, cada uma das quais pode ser executada mecanicamente num período de tempo finito e com uma quantidade de esforço finita"
Um algoritmo não é exatamente o software e sim os passos que o programa vai realizar


Exemplo:



Exemplo de Leitura de Código:

 Início
   Verifica se o interruptor está desligado;
   Procura uma lâmpada nova;
   Pega uma escada;
   Leva a escada até o local;
   Posiciona a escada;
   Sobe os degraus;
   Para na altura apropriada;
   Retira a lâmpada queimada;
   Coloca a lâmpada nova;
   Desce da escada;
   Aciona o interruptor;
     Se a lâmpada não acender, então:
         Retira a lâmpada queimada;
         Coloca outra lâmpada nova
     Senão
         Tarefa terminada;
   Joga a lâmpada queimada no lixo; 
  Guarda a escada;
 Fim

Simplificando:
Um Algoritmo é um conjunto de instruções ou passos que o programa irá executar.

Cada Linguagem de programação se diferencia ao escrever um algoritmo.
Ex: Visual Basic:                              

Private Sub frmPrincipal_Load(ByVal sender As System.Object, ByVal e As System.EventArgsHandles MyBase.Load
msgBox("Olá Mundo!")
End Sub

Ex: Delphi
procedure TForm3.FormCreate(Sender: TObject);
begin
MessageBox(Application.Handle , 'Olá Mundo' , 'Olá Mundo' , MB_OK );
end;

                                 
Então aqui acaba a 1ª postagem sobre algoritmos, na próxima postagem irei focar alguns termos como as constantes e as variáveis.