quinta-feira, 31 de dezembro de 2009

Reminiscência de 2009 do Leonardo por Leonardo

Achei interessante descrever aqui o quanto aprendi e descobri de uma pessoa que sempre achei que conhecia: Eu!
Como os grande gênios da web estão publicando o seu "Balanço de 2009", resolvi entrar nessa ideia também para compartilhar com todos, e principalmente aqueles que tem algum contato comigo!

  • Descobri em 2009, que a vida começa a acelerar a cada vez que começamos a fazer alguma coisa, então sempre é bom escolher bem o que se faz, e verificar, se isso faz bem realmente para mais pessoas! Perder tempo da vida fazendo algo que só vai nos beneficiar é como jogar baralho com você mesmo!
  • Entendi que por mais solido que seja o conhecimento que temos, quando olhamos outras pessoas realizando a mesma tarefa, sempre aprendemos mais do que se estivessemos fazendo!
  • Aprendi que o conhecimento é dadiva de Deus! Portanto compartilhar é mais que um dever!
  • Achei formas de se ganhar dinheiro fazendo o que se gosta, e de brinde ganhando gratidão das pessoas!
  • Entendi que o que não tem importância para mim, para as pessoas tem, e por sinal muita! Então não posso me posicionar indiferente a essa opinião. Procurar compreender para me importar é o minimo que posso fazer.
  • Dedicação não é ação que só devo colocar em prática em Igrejas, mas sim no dia-a-dia. Como a palavra ja diz, Dedica (dedicar-se a algo ou alguém) + ação (colocar em prática, fazer).
  • Foi comprovado que quanto mais eu agradeço (e materializo e essa gratidão), mas eu ganho! Tão certo quanto dar uma martelada no chão, não tem como errar!
  • Fui agraciado com o melhor espelho para me ajudar a mudar: o meu filho. Por ele, procuro ser o super-pai!
  • Vi, que o que as pessoas que precisam de ajuda realmente necessitam é de alguém que debruce no seu problema. Pois, ficar olhando e dando opiniões, apaupando com medo de se sujar não adianta muita coisa.
  • Achei amigos (que podem ser lembrados pelos dedos das mãos), que realmente se emportam com os outros amigos. Isso mostra que unindo forças é possivel mudar a vida de várias pessoas.
  • Aceitei que não se deve subestimar ninguém. Por mais que as pessoas aparentem não ter nada para te acrescentar elas sempre tem! Afinal, todos somos filhos da mesma força, e temos algo grandioso e magnifico em comum: nossa alma.
  • Notei que com incentivo, consigo ultrapassar muitas barreiras.
  • Notei que todo mundo deseja ter atenção e ser amado.
  • Aprendi que com organização, tudo é solucionado!

Se nesse ano que passou você participou de minha vida, nem que seja por algum segundo, por algum olhar, uma "ombrada" na rua meio que apressado, uma ajuda, para perguntar onde fica a BR-393, ou até mesmo se você faz parte dela, gostaria muito de agradecer por me ajudar a ser quem sou!

Muito obrigado!

Feliz 2010!

Diagrama de Bloco

A função desse diagrama é criar uma apresentação visual de algum processo. Mas visual como? - Com objetos geométricos.


Sabe aquele momento em que você esta pensando em elaborar uma rotina para o seu sistema, mas que toda vez que você pensa em colocar em prática da errado. Ou até mesmo para verificar uma outra rotina que apresentam falhas. Então! A ideia do Diagrama de bloco é justamente miminizar essa margem de erro.
Vamos a uma exemplo prático.



Como ficaria uma condição desse tipo:
se (ubuntu = 'bom') entao
imprime('Ubuntu é bom')
senao
imprime('Ubuntu não é bom');



Veja o diagrama:


Esse exemplo simples consegue transmitir a ideia basica de um diagrama.
Mostramos uma condição, e seus dois resultado dependendo da escolha.
Mas não fique achando que é tudo dessa forma não, cada simbolo tem um signficado! Por exemplo, o retangulo "tombado" representa uma entrada/saida de dados. Mas que raios de entrada e saida é essa? Imagine você que em sua rotina você precisa escrever algo na tela, ou ler algo que o usuário ira digitar. Então, esse retangulo tem esse finalidade!


Verifique as possibilidades que temos para representar a maioria de nossas situações reais:
Terminal


* Este simbolo é utilizado na definição de subrotinas ou funções. Ele também representa o inicio e fim do fluxo lógico de um programa.


Processamento


* Este simbolo representa a execução de uma operação ou um conjunto de operações.


Entrada manual


* Este simbolo representa a entrada manual de algum tipo de dado. Geralmente utilizado para representar os dados enviados pelo teclado.


Exibição



* Representa a saída visual dos dados. Geralmente o monitor.

Documento


* Representa a saída visual dos dados. Geralmente a impressora.

Dados


* Representa a entrada/saida de dados de uma forma mais genérica.

Decisão

* Representa uma decisão a ser tomada. Tem a capacidade de desviar o fluxo da rotina de acordo com a situação a ser tomada.


Preparação




Processo predefinido

* Representa a definição de um grupo de operações atuando como subrotinas dentro de uma rotina.

Conector

* Representa a entrada/saida do diagrama. Mas, também pode ser utilizado para representar quebra de linhas e na continuação de execução de decisões.


Linha Tracejada



* Representa a opção de na hora de definir o relacionamento entre duas operações. Mas também pode ser utilizado para definir área de comentário.

Linha



* Representa a ação e fluxo que esta tomando o diagrama. Com uma seta na ponta define para onde deve estar caminhando os processos.


Armazém de dados



* Representa a operação de: Abrir, Fechar, Ler e Escrever em uma determinado arquivo.

Até ai esta ficando tranquilo né?
Eu não coloquei todos os símbolos, visto que esses são os mais utilizados.
Estarei mostrando agora alguns exemplos simples de utilização.




Esta começando a clarear cada vez mais né!?

O processo é bem simples!
Quer ver um exemplo de um while?



Espero ter ajudado com essa humilde introdução ao diagrama de bloco.

Essa tecnica pode facilitar muito sua vida na hora de fazer analise de seus sistemas, e quanto mais você utilizar melhor suas ideias serão geradas!
Simplicidade e organização são estados avançados da qualidade! Esperimente utilizar e veja como vai ser bom!


Grande abraço e até a próxima!

terça-feira, 15 de dezembro de 2009

Eu sou HTML 5

A evolução é de pai para filho!
Não tem como fugir do bom e velho HTML, na vida de um desenvolvedor web.
Mas como tudo vem tomando uma grande proporção, com mudanças e exigências, é claro que a linguagem mais popular da web não poderia ficar de fora.
Com o intuito de preparar os sites para satisfazer uma nova exigência de clientes e acompanhar as mais modernas linguagens de programação, foi criado o HTML 5.
Com ele veio forte o conceito de separação. Separar apresentação de marcação.
Muitos não sabem, ou não querem saber, que HTML foi feito para marcar e definir a estrutura de suas páginas. Toda e qualquer formatação deve ser deixada para o CSS.
Com HTML 5 isso vai ficar bem mais explicito. Vamos a um exemplo básico:

Quando vamos definir uma estrutura de pagina com cabeçalho, conteúdo e rodapé, tínhamos um codigo na maioria das vezes assim:



XHTML:

 
<body>
<div id="cabecalho">
Cabeçalho
</div>
<div id="conteudo">
Conteudo
</div>
<div id="rodape">
Rodapé
</div>
</body>

Só que com HTML 5 podemos fazer da seguinte forma:
HTML 5:


<body>
<header>
Cabeçalho
</header>
<article>
<section>
Conteudo
</section>
</article>
<footer>
Rodapé
</footer>
</body>

A diferença ficou por conta das marcações, definições do que é o que.
Isso vai facilitar muito mais para construção de documentos semanticamente corretos, contribuindo cada vez mais para uma internet sem fronteiras.
Vamos a explicação de alguns elementos:
header: Define o cabeçalho da pagina (visivelmente falando)
article: Define a área da pagina em que vai conter textos, formulários, imagens e vai por ai.
section: Define as seções da pagina.
footer: Define o rodapé.

Para se adequar a essa nova forma de pensar não vai ser complicado para quem trabalha visando escrever códigos semânticos e de acordo com os padrões web.
Os melhores navegadores já dão suporte ao HTML 5, exceto o Internet Explorer. Nem na versão 8 ele da suporte.
Mas fique tranquilo, não é o fim do mundo! Existe um remendo feito em Java Script que faz o IE interpretar os comandos da HTML 5.

Então ai fica a dica.
Faça alguns testes, se prepare para essa nova fase que a web esta passando!