ORGANOGRAMAS E DIAGRAMAS DE BLOCO

Com alguns poucos minutos de pesquisa eu encontrei o Gliffy, um site que faz criação de diagramas online em Flash, muito fácil de se cadastrar e usar, basta arrastar os objetos para o diagrama da forma como desejar.

Você consegue criar diagramas em: UML, Flowchart (fluxograma), Processo de Desenvolvimento, Floorplan (Planta de andar), Diagramas de Classe, Diagramas de Rede e até um Diagrama de percurso de um campo de Golfe!?!?!?

Visite a página de Exemplos do site e confira o que é possível fazer.

Agora pense um pouco...

Um diagramador Online, some a isso os vários programas de e-mail gratuito de grande capacidade de armazenamento da internet, o Google Docs e Google Sprendsheet para criar seus textos e planilhas, o Google Agenda (ou Google Calendar) para agendar seus compromissos e ainda ser notificado via SMS, o Picasa Web ou o Flickr para armazenar as suas fotos, um site pra gerar seus próprios PDFs um Desktop Virtual como o Page Flakes e um aplicativo online para criar suas apresentações já saindo do Forno, logo mais tudo o que nós iremos precisar é de uma máquina com um Sistema Operacional, um navegador Web e um ponto de rede!

Venha logo Windows Seven.

LOGICA DE PROGRAMAÇÃO

A lógica de programação é necessária para pessoas que desejam trabalhar com

desenvolvimento de sistemas e programas, ela permite definir a seqüência lógica para o desenvolvimento.

Então o que é lógica?

Lógica de programação é a técnica de encadear pensamentos para atingir determinado objetivo.

Estes pensamentos, podem ser descritos como uma seqüência de instruções, que devem ser seguidas para se cumprir uma determinada tarefa.

Seqüência Lógica são passos executados até atingir um objetivo ou solução de um problema.

Na linguagem comum, entende-se por instruções “um conjunto de regras ou normas definidas para a realização ou emprego de algo”.

Em informática, porém, instrução é a informação que indica a um computador uma ação elementar a executar.

Convém ressaltar que uma ordem isolada não permite realizar o processo completo, para isso é necessário um conjunto de instruções colocadas em ordem seqüencial lógica. Por exemplo, se quisermos fazer uma omelete de batatas, precisaremos colocar em prática uma série de instruções: descascar as batatas, bater os ovos, fritar as batatas, etc...

É evidente que essas instruções tem que ser executadas em uma ordem adequada – não se pode descascar as batatas depois de fritá-las.

Dessa maneira, uma instrução tomada em separado não tem muito sentido; para obtermos o resultado, precisamos colocar em prática o conjunto de todas as instruções, na ordem correta.

EVENTO ONMOUSEOVER

Os eventos são a maneira que temos em Javascript de controlar as ações dos visitantes e definir um comportamento da página quando se produzam. Quando um usuário visita uma página web e interage com ela se produzem os eventos e com Javascript podemos definir o que queremos que ocorra quando se produzam.

Com Javascript podemos definir o que acontece quando se produz um evento como poderia ser que um usuário clique sobre um botão, edite um campo de texto ou abandone a página.

Como se define um evento

Para definir as ações que queremos realizar ao produzir um evento utilizamos os manipuladores de eventos. Existem muitos tipos de manipuladores de eventos, para muitos tipos de ações do usuário. O manipulador de eventos se coloca na etiqueta HTML do elemento da página que queremos que responda às ações do usuário.

Evento ONMOUSEOVER é ativado quando o cursor passa por cima (sem clicar) de um link ou de uma imagem.
Este evento é bastante prático, por exemplo, para inserir explicações na barra de status ou mesmo como uma pequena janela tipo info-objeto.

O exemplo abaixo otiliza esse evento para mudar a cor de fundo da página ao passar o mouse no link.
Caso não esteja conseguindo ler baixe o arquivo.

DIAGRAMA DE BLOCO

Mesmo na programação é necessário documentar e desenhar o sistema para depois introduzir as informações no computador. Este é um conceito utilizado também em Web, uma vez que precisaremos definir o layout e estrutura do site, muitas vezes utilizamos o fluxograma para explicar os vários segmentos que utilizaremos para desenvolver o projeto. Abaixo algumas simbologias mais utilizadas para fluxogramas estruturais:

É como se você estivesse criando uma receita de bolo onde cada passo será escrito de forma geométrica, as estruturas de simbolos ou seja o diagrama de bloco, irá te ajudar a entender melhor todo o algoritmo.

Divirta-se e tire da cabeça que logica de programação é dificil.

TESTE SEU RACIOCINIO.

Jogo Travessia do Rio

O objetivo do jogo é atravessar todos os integrantes para o outro lado do rio.



Como jogar:
As regras são as seguintes:

1 - Somente o pai, a mãe e o policial sabem pilotar o barco
2 - A mãe não pode ficar sozinha com os filhos
3 - O pai não pode ficar sozinho com as filhas
4 - O prisioneiro não pode ficar sozinho com nenhum integrante da família
5 - O barco só pode transportar 2 pessoas por vez
6 - Você pode ir e vir com as pessoas quantas vezes precisar

Clique nos bonequinhos para colocá-los dentro do barco e depois na alavanca vermelha para atravessar...


Teste seu raciocinio

JAVASCRIPT O QUE É?

JavaScript é uma linguagem de programação criada pela Netscape em 1995, que a princípio se chamava LiveScript, para atender, principalmente, as seguintes necessidades:
Validação de formulários no lado cliente (programa navegador);
Interação com a página. Assim, foi feita como uma linguagem de script. Javascript tem sintaxe semelhante à do Java, mas é totalmente diferente no conceito e no uso.
Oferece tipagem dinâmica - tipos de variáveis não são definidos;
É interpretada, ao invés de compilada;
Possui ótimas ferramentas padrão para listagens (como as linguagens de script, de modo geral);
Oferece bom suporte a expressões regulares (característica também comum a linguagens de script).
Sua união com o CSS é conhecida como DHTML. Usando o Javascript, é possível modificar dinamicamente os estilos dos elementos da página em HTML.
Dada sua enorme versatilidade e utilidade ao lidar com ambientes em árvore (como um documento HTML), foi criado a partir desta linguagem um padrão ECMA, o ECMA-262, também conhecido como ECMAScript. Este padrão é seguido, por exemplo, pela linguagem ActionScript da Adobe(Antigamente Macromedia, porém a empresa foi vendida à Adobe).
Além de uso em navegadores processando páginas HTML dinâmicas, o JavaScript é hoje usado também na construção do navegador Mozilla, o qual oferece para a criação de sistemas GUI todo um conjunto de ferramentas (em sua versão normal como navegador, sem a necessidade de nenhum software adicional), que incluem (e não apenas) um interpretador de Javascript, um comunicador Javascript <-> C++ e um interpretador de XUL, linguagem criada para definir a interface gráfica de aplicações.
O uso de JavaScript em páginas XHTML, pelo padrão W3C, deve ser informado ao navegador da seguinte forma:

Caso contrário, o navegador irá interpretar o script como sendo código HTML, escrevendo-o na página

No próximo Post veremos como iniciar nossa programação com JavaScript

DEFININDO - LÓGICA DE PROGRAMAÇÃO

Instruções

Na linguagem comum, entende-se por instruções “um conjunto de regras ou normas
definidas para a realização ou emprego de algo”.
Em informática, porém, instrução é a informação que indica a um computador uma ação
elementar a executar.
Convém ressaltar que uma ordem isolada não permite realizar o processo completo, para isso
é necessário um conjunto de instruções colocadas em ordem seqüencial lógica.
Por exemplo, se quisermos fazer uma omelete de batatas, precisaremos colocar em prática
uma série de instruções: descascar as batatas, bater os ovos, fritar as batatas, etc...
É evidente que essas instruções tem que ser executadas em uma ordem adequada – não se
pode descascar as batatas depois de fritá-las.
Dessa maneira, uma instrução tomada em separado não tem muito sentido; para obtermos o
resultado, precisamos colocar em prática o conjunto de todas as instruções, na ordem correta.
Instruções são um conjunto de regras ou normas definidas para a realização ou
emprego de algo. Em informática, é o que indica a um computador uma ação elementar
a executar.

Algoritmo

Um algoritmo é formalmente uma seqüência finita de passos que levam a execução de uma
tarefa. Podemos pensar em algoritmo como uma receita, uma seqüência de instruções que dão
cabo de uma meta específica. Estas tarefas não podem ser redundantes nem subjetivas na sua
definição, devem ser claras e precisas.
Como exemplos de algoritmos podemos citar os algoritmos das operações básicas (adição,
multiplicação, divisão e subtração) de números reais decimais. Outros exemplos seriam os
manuais de aparelhos eletrônicos, como um videocassete, que explicam passo-a-passo como, por
exemplo, gravar um evento.
Até mesmo as coisas mais simples, podem ser descritas por seqüências lógicas. Por exemplo:
“Fazer um Miojo”.
· Pegar o miojo
· Retirar da embalagem
· colocar na panela com água fervente
· cozinhar por 3 minutos

. servir

Programas

Os programas de computadores nada mais são do que algoritmos escritos numa linguagem de
computador (Pascal, C, Cobol, Fortran, Visual Basic entre outras) e que são interpretados e
executados por uma máquina, no caso um computador. Notem que dada esta interpretação
rigorosa, um programa é por natureza muito específico e rígido em relação aos algoritmos da vida
real.

Bem... essa é a primeira parte na quinta tem mais