Aula #01
O que é programação, entrada e saída?
Programas de computadores
●

Programar é definir como e quando estas tarefas são realizadas

Imagine que você precisa ensinar alguém, por carta, a preparar um Miojo. O que você escreveria na carta?

●

Um conjunto de instruções ordenado de maneira lógica para executar uma tarefa é chamado de “algoritmo”.

Aula #01 - O que é programação, entrada e saída?

Ramon Kayo - 2013/2014
Programas de computadores
●

Programas de computadores são arquivos que realizam tarefas

●

Um programa é escrito em um linguagem de programação apropriada

Compilada

Interpretada

C
C++
C#
VB.NET

Java

.php

.py

.ruby

.js

CLR

JVM

PHP

Python

Ruby

Navegador

Cada linguagem tem seus objetivos, prós e contras, mas apesar das diferentes linguagens, a lógica de um programa
obedece os mesmos conceitos em qualquer ambiente. Quando se aprende uma linguagem, aprender um segunda é
muito mais fácil.

Aula #01 - O que é programação, entrada e saída?

Ramon Kayo - 2013/2014
Entrada e Saída
●

Quando um programa de computador recebe dados de fora (e.g. usuário digitando, buscando do banco de
dados, lendo de arquivos), dizemos que ele está recebendo uma entrada.

●

Quando um programa de computador devolve dados para fora (e.g. mostrando na tela, salvando no banco de
dados, imprimindo em papel), dizemos que ele está dando uma saída.

Há dois tipos de programas de computadores, em relação à entrada e saída:

entrada

entrada
Programa

Programa
saída

saída

Programa

Por que este tipo d
e
programa não exis
te

?

Aula #01 - O que é programação, entrada e saída?

Ramon Kayo - 2013/2014
Dados e Informações
●

Um programa de computador que interage com usuários é feito para fornecer informações.

Dados

Informações

?

Dado e informação são a mesma coisa?

Aula #01 - O que é programação, entrada e saída?

Ramon Kayo - 2013/2014
Dados e Informações
●

Um programa de computador que interage com usuários é feito para fornecer informações.

Dados

Informações

?

Informações

!

Dado e informação são a mesma coisa?

Dados

Aula #01 - O que é programação, entrada e saída?

Por quê?

Ramon Kayo - 2013/2014
Dados e Informações
●

Informações e dados são coisas diferentes. Informações são as conclusões sobre os dados.

Dados

Temperatura do corpo: 39 graus Celsius
Saldo bancário: -R$250,00
Idade: 18 anos
Peso: 120kg / Altura: 1,60m

Aula #01 - O que é programação, entrada e saída?

Informações

!

A pessoa está com febre
A pessoa está devendo
A pessoa é maior de idade
A pessoa está acima do peso

Ramon Kayo - 2013/2014
Batch e Online
●

Um programa batch é um programa que
inicia, executa uma tarefa e termina.

●

Um programa online fica sempre
disponível esperando a requisição do
usuário.

Início
Início
Lê entrada

Busca dados
bancários

Imprime
extrato

Fim

Aula #01 - O que é programação, entrada e saída?

Processa dados

Mostra
informações

Fim

Ramon Kayo - 2013/2014
Exercícios
1.

Sabendo que um programa fica disponível para receber o ano em que uma pessoa nasceu e calcular a idade
que ela terá ao final do ano, responda:
a.

Este programa é batch ou online? Por que?

b.

Este programa tem entradas e saídas? Quais?

c.

Quais são as prováveis instruções que este programa contém?

Dados

Aula #01 - O que é programação, entrada e saída?

Programa

Informações

Ramon Kayo - 2013/2014
Fazendo saída em Javascript
1.

Abra o bloco de notas

2.

Escreva

<script>
alert(‘HELLO, WORLD!’); //os comandos em Javascript terminam com ;
</script>
3.

Salve o arquivo como “aula1.html” - não se esqueça de conferir se ele está sendo salvo como HTML

4.

Abra o arquivo com seu navegador

Aula #01 - O que é programação, entrada e saída?

Ramon Kayo - 2013/2014
Fazendo saída em Javascript
1.

Abra o bloco de notas

2.

Escreva

<script>
alert(‘HELLO, WORLD!’);
</script>
3.

Salve o arquivo como “aula1.html” - não se esqueça de conferir se ele está sendo salvo como HTML

4.

Abra o arquivo com seu navegador

Aula #01 - O que é programação, entrada e saída?

Ramon Kayo - 2013/2014
Fazendo entrada em Javascript
1.

Abra o arquivo “aula1.html” com o bloco de notas

2.

Altere para:

<script>
//alert(‘HELLO, WORLD’);
prompt(‘Digite seu nome:’);
</script>

3.

Salve o arquivo como “aula1.html” - não se esqueça de conferir se ele está sendo salvo como HTML

4.

Abra o arquivo com seu navegador

Aula #01 - O que é programação, entrada e saída?

Ramon Kayo - 2013/2014
Comentários
●

Em Javascript, existem dois tipos de comentários: em linha ou em bloco.

<script>
//comentário de linha
alert(‘Linha não comentada’);
/* comentário de bloco
ainda comentado
alert(‘Linha comentada (não funciona)’);
*/
</script>

Aula #01 - O que é programação, entrada e saída?

Ramon Kayo - 2013/2014
Exercícios
2.

Sobre o programa abaixo, responda:
a.

O que significa // ? Para que serve?

b.

O que acontece se as aspas simples ‘ forem trocadas para aspas duplas “? E se forem misturadas?

c.

Como fazer para mostrar o conteúdo que o usuário digitou?

<script>
//alert(‘HELLO, WORLD’);
prompt(‘Digite seu nome:’);
</script>

Aula #01 - O que é programação, entrada e saída?

Ramon Kayo - 2013/2014
Respostas
Respostas
1.

Sabendo que um programa fica disponível para receber o ano em que uma pessoa nasceu e calcular a idade
que ela terá ao final do ano, responda:
a.

Este programa é batch ou online? Por que? Online, pois fica disponível.

b.

Este programa tem entradas e saídas? Quais?

c.

Quais são as prováveis instruções que este programa contém?

Dados

Programa

Ano de nascimento

Recebe ano de nascimento

Ano atual

Informações
Idade ao final do ano

Recebe ano atual
Calcula ano atual - ano nascimento
Mostra resultado

Aula #01 - O que é programação, entrada e saída?

Ramon Kayo - 2013/2014
Respostas
2.

Sobre o programa abaixo, responda:
a.

O que significa // ? Para que serve?
É um comentário. É ignorado pelo computador e serve para documentar o programa.

b.

O que acontece se as aspas simples ‘ forem trocadas para aspas duplas “? E se forem misturadas?
Tanto faz, contanto que não sejam misturadas. Se misturadas, o programa não funciona.

c.

Como fazer para mostrar o conteúdo que o usuário digitou?
É necessário guardar o conteúdo em algum lugar e depois mostrar.

<script>
//alert(‘HELLO, WORLD’);
prompt(‘Digite seu nome:’);
</script>

Aula #01 - O que é programação, entrada e saída?

Ramon Kayo - 2013/2014

Lógica de Programação com Javascript - Aula #01

  • 1.
    Aula #01 O queé programação, entrada e saída?
  • 2.
    Programas de computadores ● Programaré definir como e quando estas tarefas são realizadas Imagine que você precisa ensinar alguém, por carta, a preparar um Miojo. O que você escreveria na carta? ● Um conjunto de instruções ordenado de maneira lógica para executar uma tarefa é chamado de “algoritmo”. Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 3.
    Programas de computadores ● Programasde computadores são arquivos que realizam tarefas ● Um programa é escrito em um linguagem de programação apropriada Compilada Interpretada C C++ C# VB.NET Java .php .py .ruby .js CLR JVM PHP Python Ruby Navegador Cada linguagem tem seus objetivos, prós e contras, mas apesar das diferentes linguagens, a lógica de um programa obedece os mesmos conceitos em qualquer ambiente. Quando se aprende uma linguagem, aprender um segunda é muito mais fácil. Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 4.
    Entrada e Saída ● Quandoum programa de computador recebe dados de fora (e.g. usuário digitando, buscando do banco de dados, lendo de arquivos), dizemos que ele está recebendo uma entrada. ● Quando um programa de computador devolve dados para fora (e.g. mostrando na tela, salvando no banco de dados, imprimindo em papel), dizemos que ele está dando uma saída. Há dois tipos de programas de computadores, em relação à entrada e saída: entrada entrada Programa Programa saída saída Programa Por que este tipo d e programa não exis te ? Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 5.
    Dados e Informações ● Umprograma de computador que interage com usuários é feito para fornecer informações. Dados Informações ? Dado e informação são a mesma coisa? Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 6.
    Dados e Informações ● Umprograma de computador que interage com usuários é feito para fornecer informações. Dados Informações ? Informações ! Dado e informação são a mesma coisa? Dados Aula #01 - O que é programação, entrada e saída? Por quê? Ramon Kayo - 2013/2014
  • 7.
    Dados e Informações ● Informaçõese dados são coisas diferentes. Informações são as conclusões sobre os dados. Dados Temperatura do corpo: 39 graus Celsius Saldo bancário: -R$250,00 Idade: 18 anos Peso: 120kg / Altura: 1,60m Aula #01 - O que é programação, entrada e saída? Informações ! A pessoa está com febre A pessoa está devendo A pessoa é maior de idade A pessoa está acima do peso Ramon Kayo - 2013/2014
  • 8.
    Batch e Online ● Umprograma batch é um programa que inicia, executa uma tarefa e termina. ● Um programa online fica sempre disponível esperando a requisição do usuário. Início Início Lê entrada Busca dados bancários Imprime extrato Fim Aula #01 - O que é programação, entrada e saída? Processa dados Mostra informações Fim Ramon Kayo - 2013/2014
  • 9.
    Exercícios 1. Sabendo que umprograma fica disponível para receber o ano em que uma pessoa nasceu e calcular a idade que ela terá ao final do ano, responda: a. Este programa é batch ou online? Por que? b. Este programa tem entradas e saídas? Quais? c. Quais são as prováveis instruções que este programa contém? Dados Aula #01 - O que é programação, entrada e saída? Programa Informações Ramon Kayo - 2013/2014
  • 10.
    Fazendo saída emJavascript 1. Abra o bloco de notas 2. Escreva <script> alert(‘HELLO, WORLD!’); //os comandos em Javascript terminam com ; </script> 3. Salve o arquivo como “aula1.html” - não se esqueça de conferir se ele está sendo salvo como HTML 4. Abra o arquivo com seu navegador Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 11.
    Fazendo saída emJavascript 1. Abra o bloco de notas 2. Escreva <script> alert(‘HELLO, WORLD!’); </script> 3. Salve o arquivo como “aula1.html” - não se esqueça de conferir se ele está sendo salvo como HTML 4. Abra o arquivo com seu navegador Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 12.
    Fazendo entrada emJavascript 1. Abra o arquivo “aula1.html” com o bloco de notas 2. Altere para: <script> //alert(‘HELLO, WORLD’); prompt(‘Digite seu nome:’); </script> 3. Salve o arquivo como “aula1.html” - não se esqueça de conferir se ele está sendo salvo como HTML 4. Abra o arquivo com seu navegador Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 13.
    Comentários ● Em Javascript, existemdois tipos de comentários: em linha ou em bloco. <script> //comentário de linha alert(‘Linha não comentada’); /* comentário de bloco ainda comentado alert(‘Linha comentada (não funciona)’); */ </script> Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 14.
    Exercícios 2. Sobre o programaabaixo, responda: a. O que significa // ? Para que serve? b. O que acontece se as aspas simples ‘ forem trocadas para aspas duplas “? E se forem misturadas? c. Como fazer para mostrar o conteúdo que o usuário digitou? <script> //alert(‘HELLO, WORLD’); prompt(‘Digite seu nome:’); </script> Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 15.
  • 16.
    Respostas 1. Sabendo que umprograma fica disponível para receber o ano em que uma pessoa nasceu e calcular a idade que ela terá ao final do ano, responda: a. Este programa é batch ou online? Por que? Online, pois fica disponível. b. Este programa tem entradas e saídas? Quais? c. Quais são as prováveis instruções que este programa contém? Dados Programa Ano de nascimento Recebe ano de nascimento Ano atual Informações Idade ao final do ano Recebe ano atual Calcula ano atual - ano nascimento Mostra resultado Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014
  • 17.
    Respostas 2. Sobre o programaabaixo, responda: a. O que significa // ? Para que serve? É um comentário. É ignorado pelo computador e serve para documentar o programa. b. O que acontece se as aspas simples ‘ forem trocadas para aspas duplas “? E se forem misturadas? Tanto faz, contanto que não sejam misturadas. Se misturadas, o programa não funciona. c. Como fazer para mostrar o conteúdo que o usuário digitou? É necessário guardar o conteúdo em algum lugar e depois mostrar. <script> //alert(‘HELLO, WORLD’); prompt(‘Digite seu nome:’); </script> Aula #01 - O que é programação, entrada e saída? Ramon Kayo - 2013/2014