Tecnico em Informática - Modulo I - Parte1
Tecnico em Informática - Modulo I - Parte1
Tecnico em Informática - Modulo I - Parte1
VICE-GOVERNADORA
Maria Izolda Cela de Arruda Coelho
SECRETÁRIO DA EDUCAÇÃO
Antonio Idilvan de Lima Alencar
______________________________________________________________
Expediente:
Revisão Ortográfica
Josefa Kátia P. F. Gomes
Editores de Conteúdo
Elinardy Andrade Inácio
Thiago Soares Alencar
Revisão de conteúdo
Daniel Sales de Almeida
Esta obra foi licenciada sob uma Licença Creative Commons Atribuição,
Não Comercial, Sem Derivados 3.0 e Não Adaptada.
Nessa unidade iremos abordar assuntos desde a história do
computador, como ele evoluiu e continua evoluindo no de-
correr dos avanços tecnológicos. Estudaremos o histórico da
Internet e como ela se tornou uma das ferramentas mais im-
portantes na difusão do conhecimento pelo mundo. Você co-
nhecerá o conceito de Netiqueta e dicas de boa conduta na
rede. Por fim, você conhecerá um pouco sobre o Firefox (exce-
lente navegador) e como navegar de forma segura na internet.
www.facebook.com/ejovemce
www.youtube.com.br/projetoejovem)
9
UNIDADE I
Introdução à
Informática e
Ferramentas Google
Capítulo 01 – Introdução a Hardware
Uso restrito
O hardware nada mais é do que a parte físi-
ca do computador, o que é palpável, como:
CPU, gabinete, mouse, caixas de som, tecla-
do, cooler e monitor. Precisava ser reprogramado a cada
tarefa
Já o software é a parte do computador que
executa o que o usuário deseja. Podemos ci- Grande consumo de energia
tar como exemplos de software: Windows,
Linux, Google Chrome, Firefox, e todos os
outros programas e aplicativos que fazem Problemas devido à muito aquecimento
seu computador funcionar.
12
Nesta geração os computadores calculavam único CHIP, que já calculavam em nanosse-
com uma velocidade de milésimos de segun- gundos (bilionésimos). Os computadores
do e eram programados em linguagem de com o CI (Circuito Integrado) são muito mais
máquina. confiáveis, bem menores, tornando os equi-
pamentos mais compactos e rápidos, pela
1959/1965 - Computadores de segunda proximidade dos circuitos; possuem baixíssi-
geração: mo consumo de energia e menor custo. Nes-
ta geração surge a linguagem de alto nível,
Início do uso comercial orientada para os procedimentos.
13
1991 - Atual Dispositivos de Entrada do Computador
As principais características da quinta
geração:
Supercomputadores
Robótica
Imagem virtual
14
Dispositivo de Saída do Computador Impressora Multifuncional – Como o pró-
prio nome já diz este tipo impressora serve
como copiadora ou scanner.
15
Capítulo 02 – Componentes de um Computador
Processador
16
Onboard x Offboard
AC ES SE
As placas-mãe oferecem todos os compo-
Saiba como funciona um nentes básicos necessários para um compu-
processador Quântico! tador funcionar (vídeo, som, rede, etc.) sem o
auxílio de placa adicional alguma.
http://www.tecmundo.com.br/computacao-
quantica/26352-o-que-existe-dentro-de-um
-processadorquantico-.htm
Placa-mãe
Drive CD/DVD
Placas de expansão de vídeo consomem tan- 1 Kilobyte é o mesmo que 1024 Bytes;
ta energia quanto o processador, pois têm
seu próprio processador (GPU) embutido e 1 Megabyte é o mesmo que 1024 Kilobytes;
dedicado a fazer com que os gráficos exibi-
dos no monitor sejam repassados com a ve- 1 Gigabyte é o mesmo que 1024 Megabytes;
locidade necessária em aplicações mais ro-
bustas, como softwares gráficos e games. 1 Terabyte é o mesmo que 1024 Gigabytes
20
Mas por quê sempre 1024?
DI CAS
Veja que, conforme a potências de
2, uma delas é exatamente 1024: Para não ter este trabalho todo de multipli-
cações por 1000 e divisões por 1024, você
pode usar esta fórmula direta:
2¬0=1, 2¬1=2, 2¬2=4, 23=8, 2¬4=16,
CAPACIDADE REAL = 0,9313 * CAPACIDA-
2¬5=32, 2¬6=64, 2¬7=128, 2¬8=256, DE ANUNCIADA
Ou seja, sempre a capacidade real de qual-
2¬9=512 e 2-10=1024 quer dispositivo será de 93,13% da capaci-
dade anunciada.
Driver ou Drive???
Você concorda que não se pode escrever Drive: dispositivo que lê arquivos em CD
letras pela metade? Você não entende um ou DVD.
‘X’ da língua portuguesa sem uma das per-
ninhas, pois fica igual a um Y, não é verdade? Driver: software utilizado por todos os com-
Da mesma forma que as línguas, os dados ponentes é uma ligação entre dispositivo e
no computador seguem um alfabeto. Só que sistema operacional.
nos PC’s, cada letra do alfabeto é o Byte, que
é a combinação de 8 bits. Quando se fala nas
unidades Kilo, Mega, Giga, Tera, etc. para se EX ERC Í C I OS
converter um valor para a unidade à frente,
se divide por 1000. Quando se converte o va- 1. O que é o Hardware? Qual a sua diferença
lor para a unidade de trás, multiplica-se por quanto ao software?
1000. Porém, em computação, devido à uni-
dade básica (a letra do alfabeto) ser o Byte, 2. Por quê pode-se dizer que vários sistemas
que é derivado do bit e, portanto, também são considerados computadores?
múltiplo de 2, o número 1000 não serve para
a conversão! Teria que ser o valor mais pró- 3. Notebook é a mesma coisa que Laptop?
ximo de 1000 e sendo ao mesmo tempo um Explique.
fiel múltiplo de 2, portanto, o 1024.
4. O que são dispositivos de Entrada de Da-
Só que os fabricantes de dispositivos e mí- dos? E os de Saída? Dê exemplos dos dois
dias de armazenamento, por questões de lo- tipos.
gística, produzem seus produtos com base
nos múltiplos de 1000. Então, por exemplo, 5. Por que o processador é considerado a
1 HD que tenha 160GB de capacidade terá peça principal do computador? O que são os
160 000 Megabytes que é o mesmo que núcleos de um processador?
160 000 000 Kilobytes que é igual a 160
000 000 000 Bytes. Concorda? Só que 160 6. Para que serve o Cooler de um processa-
000 000 000 /1024 dá 156 250 000 Kiloby- dor? E a pasta térmica?
tes e este valor dividido por 1024 dá 152
587 Megabytes e este dividido por 1024 dá 7. Para que serve a placa-mãe de um compu-
149,01 Gigabytes. tador? Podemos dizer que um simples Smar-
tphone tem a sua placa-mãe particular?
Poxa! Onde estão os quase 11 Gigabytes que
faltam? Simplesmente não existem! O HD de 8. O que são memórias RAM? Quais são as
160 Gigabytes tem apenas 149,01 Gigaby- suas características? Quais são os seus tipos?
tes. O mesmo raciocínio é válido para todos
os dispositivos: multiplica-se por 1000 até 9. O que são dispositivos de armazenamento
chegar a Bytes, depois divide-se por 1024(a permanente? Quais são os seus tipos?
realidade) até chegar no valor real.
21
10. Quais as diferenças entre um HD e um
SSD?
P R AT I QU E
Atividade 01:
Caso a escola em que você esteja cursando
o e-Jovem disponha de sucatas de hardwa-
re, você poderia realizar uma pesquisa na In-
ternet e depois uma pequena apresentação
sobre alguma peça, onde equipes de alunos
demonstram as capacidades e funcionalida-
des do hardware que escolher.
22
Capítulo 03 – Manutenção de Computador
FERRAMENTAS
Substância líquida capaz Por serem de material Nos PC’s há diferentes ti-
de limpar peças de har- plástico não descarregam pos de parafusos, então,
dware sem danificá-las. É energia estática nos equi- faz-se necessária diferen-
possível lavar toda a pla- pamentos. Útil na limpeza. tes chaves.
ca-mãe com ele.
23 23
FERRAMENTAS
Útil para remover sujeira Permite maior segurança Serve para fixar HD, drive
nos conectores metálicos nas peças contra descar- de CD/DVD e placas de
da memória RAM. gas estáticas. expansão.
Útil para fixar a placa- Serve para fixar drive de Serve para fixar ventoinha
mãe. disquete e leitor de car- traseira e dianteiro. Pode
tões. ser aproveitado de suca-
tas de fonte.
SUPORTES DE FIXAÇÃO
CHASSI GABINETE
24
CONECTORES E ENCAIXES (slots)
Esse modelo de disposi- O slot PCI ainda é utiliza- Pode ser conectado HDs
ção dos encaixes pode va- do, mas está sendo subs- e drives de CD/DVD. Nes-
riar dependendo da marca tituído pelo slot PCI-Ex- te dispositivo deve haver
da placa-mãe. Impressora, press. Serve para encaixar preocupação em confi-
webcam e outros disposi- placas de modem anti- gurar os dispositivos em
tivos são encaixados nes- gas, placas de som, rede, Master ou Slave. Vem sen-
se dispositivo. placas de captura. do substituído pelo SATA.
INTERFACE PARA
SERIAL ATA (SATA) SERIAL ATA (SATA)
FIOS FRONTAIS
Nas tomadas tripolares, nas Caso o valor no visor seja negativo, inverta as
quais se liga o estabilizador, ponteiras nos pólos. Conforme o resultado, a
temos 3 contatos elétricos, partir da tabela, pode-se determinar qual é a
que são: FASE, NEUTRO e situação do aterramento. Os valores que de-
TERRA. As disposições destes terminam o diagnóstico para o aterramento
pólos deverão ser: o TERRA ao são considerados a partir dos valores máxi-
centro (para cima), NEUTRO mos da tensão para os quais os fios da fonte
na esquerda e FASE na direita, do computador suportam.
seguindo a norma NBR 14136,
desenvolvida em 1998 pela Associação Bra-
sileira de Normas Técnicas (ABNT), que en-
trou em vigor em 2007 e tornou-se obrigató-
ria em 2011. Cuidado, caso a tomada esteja
de cabeça para baixo!
Para se saber se um polo TERRA está desem- A energia estática está em todo lugar. Trata-
penhando sua função de forma eficiente, se de elétrons em excesso provenientes e
recorre-se ao teste com o multímetro. Este qualquer material condutor que tenha tido
aparelho tem por função medir a diferença contato com a matéria eletrizada. O corpo
de voltagem, amperagem e resistência elé- humano não está livre da energia estática e,
trica em instalações elétricas. Os multímetros portanto, ao tocarmos em objetos ou mate-
podem ser analógicos ou digitais. riais, podemos descarregar estes elétrons em
demasia presentes no corpo. Os principais
Para saber se um aterramento é seguro para componentes eletrônicos do Hardware do
uso em um computador, faz-se o teste da se- computador são sensíveis à energia estática.
26
Isto ocorre porque estes componentes traba-
lham com capacitores, que são dispositivos
que armazenam carga elétrica, instalados
nos circuitos integrados. Cada capacitor ar-
mazena uma certa quantidadede de energia,
portanto, todo o fluxo de energia que chega
a cada um deles é cuidadosamente plane-
jado durante o projeto dos dispositivos, de
modo a não tocar sobre circuitos integrados,
componentes eletrônicos ou partes metáli-
cas importantes.
AC ESSE
http://www.tecmundo.com.br/monitor/ EX ERC Í C I OS
1457-blindando-seu-pc-contra-raios.htm
1. Faça uma tabela com as diferentes ferra-
mentas usadas no hardware. Diga suas fun-
ções.
27
3. Por que se pode dizer que um módulo de
memória DDR2 não é encaixável em qual- PRAT I QUE
quer Slot de qualquer Placa-mãe?
Atividade 02:
4. Para que serve o Slot PCI? E o PCI-Express? Caso a escola em que você esteja cursando
o e-Jovem disponha de sucatas de hardware,
5. Quais são os tipos de Slots PCI-Express? poderia ser feita uma dinâmica, onde vocês
Por que há essa variedade deles? manuseiam as peças, tendo o cuidado com a
energia estática e procuram encaixá-las de for-
6. USB 3.0 é a sucessora da 2.0. Você sabe ma correta, montando assim um computador.
quem sucedeu o entrada VGA? Pesquise na
Internet e responda.
28
AÇÕES PREVENTIVAS
29
Abaixo temos a relação dos principais pro-
blemas de um computador com sua possível
solução.
30
Tela azul
Computador reiniciando
Computador sem acesso à Internet
1. O computador não para de reiniciar.
1. Sinal diagnosticando problema de Rede
• Problema com vírus de difícil remoção ou
no ícone da barra de tarefas
mesmo o Sistema Operacional corrompido.
• Checar Drivers de Rede LAN ou Wireless.
Reinstalação do Sistema Operacional.
• Checar plugue RJ-45 na interface Ethernet
• Vazamento de energia de algum cabo da
de Rede.
fonte. Colocar presilhas isolantes nos parafu-
• Se houver roteador, switch modem ou hub,
sos da placa-mãe. Usar roscas isolantes.
checar os plugues RJ-45 destes também.
• Checar IP da máquina. Dependendo da
Rede, o IP deverá ser estático ou dinâmico.
Mensagem no such Operation System O código de bips varia de acordo com a mar-
ca da BIOS (Award ou AMI, por exemplo), po-
2. Computador não carrega Sistema Opera- dendo haver também pequenas mudanças
cional de uma placa-mãe para outra. Geralmente,
• Reinstalar sistema Operacional o manual da placa-mãe traz uma tabela com
as sequencias de bips usadas. As instruções a
Bateria da placa-mãe descarregando em seguir lhe servirão como referência caso não
pouco tempo tenha em mãos o manual da placa-mãe.
32
• 3 bips longos: falha nos primeiros 64KB de sado por um dano físico no chip da BIOS,
memória RAM (base 64K memory failure) foi por um upgrade de BIOS mal-sucedido ou
detectado um problema grave nos primeiros mesmo pela ação de um vírus da linhagem
64 KB de memória RAM. Isto pode ser cau- Chernobyl.
sado por um defeito nas memórias ou na
própria placa-mãe. Outra possibilidade é o • 10 bips: falha no CMOS shutdown register
problema estar sendo causado por um sim- (CMOS shutdown register error): o chamado
ples mau contato. Experimente antes de mais de shutdown register enviado pelo CMOS
nada, retirar os pentes de memória, limpar apresentou erro. Este problema é causado
seus contatos usando uma borracha de vinil, por algum defeito no CMOS. Neste caso será
e recolocá-los com cuidado. um problema físico do chip, não restando ou-
tra opção senão trocar a placa-mãe.
• 4 bips longos: timer não operacional: o
timer 1 não está operacional, ou não está • 11 bips: problemas com a memória cache
conseguindo encontrar a RAM. O problema (cache memory bad): foi detectado um erro
pode estar na placa-mãe (mais provável) ou na memória cache. Geralmente quando isso
nos módulos de memória. acontece, a BIOS consegue inicializar o sistema
normalmente, desabilitando a memória cache;
• 5 bips: erro no processador. O processador Mas claro, isso não é desejável, pois deteriora
está danificado ou mal encaixado. Verifique muito o desempenho do sistema. Uma coisa a
o seu encaixe. ser tentada é entrar no SETUP e aumentar os
tempos de espera da memória cache.
• 6 bips: falha no gate 20 (8042 – Gate A20
failure): o gate 20 é um sinal gerado pelo chip
8042, responsável por colocar o processador AC ESSE
em modo protegido. Neste caso, o problema
poderia ser algum dano no processador ou Mito ou verdade: é preciso tirar a bateria
mesmo problemas com o chip 8042 localiza- do notebook quando ele está no cabo?
do na placa-mãe. http://www.tecmundo.com.br/ne-
tbook/3213-mito-ou-verdadee-preciso-tirar
• 7 bips: processor exception (interrup error): -a-bateria-do-notebook-quando-ele-esta-no-
o processador gerou uma interrupção de ex- cabo-.htm
ceção. Significa que o processador está apre-
sentando um comportamento errático. Isso Como deixar seu PC mais silencioso?
acontece às vezes no caso de um overclock http://www.tecmundo.com.br/cooler/1474-
mal-sucedido. Se o problema for persistente, como-deixar-seupc-mais-silencioso-.htm
experimente baixar a frequência de opera-
ção do processador. Caso não dê certo, con- Tudo sobre a Tela Azul da Morte – Erro 404
sidere uma troca. http://www.tecmundo.com.br/4538-erro-
404-tela-azul-damorte.htm
• 8 bips: erro na memória da placa de ví-
deo (display memory error): problemas com Chuviscos e artefatos: sua placa de vídeo
a placa de vídeo, que podem estar sendo está morrendo
causados também por mal contato. Experi- http://www.tecmundo.com.br/placa-de-vi-
mente, como no caso das memórias, retirar deo/9152-chuviscose-artefatos-sua-placa-
a placa de vídeo, passar borracha em seus de-video-esta-morrendo.htm
contatos e recolocar cuidadosamente no seu
slot. Caso não resolva, provavelmente a placa Dicas na hora de comprar um aparelho
de vídeo está danificada. usado
http://www.tecmundo.com.br/gadget-
• 9 bips: erro na memória ROM (com check- s/24371-7-dicas-paracomprar-um-gadget-u-
sum error): problemas com a memória flash, sado.htm
onde está gravado o BIOS. Isto pode ser cau-
33
Vale a pena comprar computadores ou pe-
ças de computadores usadas?
http://www.tecmundo.com.br/manutencao-de
-pcs/2285-valea-pena-comprar-computadores
-ou-pecas-de-computadoresusadas-.htm
P R AT I QU E
Atividade 04:
Vamos testar o quanto vocês aprenderam so-
bre os possíveis defeitos que podem surgir
no hardware e suas soluções. Vamos juntar a
turma em um momento de descontração, uti-
lizando o Simulador de defeitos da Intel.
34
Capítulo 04 – Formatação e Instalação do Sistema Operacional
35
O software básico (o sistema operacional) Já no caso de um outro HD, basta simples-
pode apresentar falhas de funcionamento mente copiar os dados diretamente. No Sis-
(travamentos), instabilidade no uso, espera tema Windows existe o aplicativo especiali-
no carregamento de programas e softwares zado na realização de Backup´s.
diversos, ou casos extremos de corrompi-
mento do sistema operacional (falhas na exe- Partições de um HD
cução do próprio), em decorrência de uso ile-
gal ou ataques de vírus de computador. Uma Caso o seu HD já tenha mais de uma partição
formatação lógica apaga todos os dados do e uma que não seja a do Sistema Operacio-
disco rígido, inclusive o sistema operacional. nal e ao mesmo tempo tenha espaço sufi-
Deve-se fazer isso com conhecimento técni- ciente para acomodar seus arquivos para a
co, para salvar/guardar dados e informações realização da Formatação da partição do Sis-
(os backups de arquivos). tema Operacional, você pode formatar essa
partição livre e transferir diretamente seu ba-
O processo de formatação é longo, e as in- ckup para ela.
formações contidas no disco rígido serão
totalmente apagadas (embora não definiti- Nos ambientes Linux, para a criação de novas
vamente, ainda é possível recuperar alguns partições, tem-se o Gparted, já no Windows,
dados com softwares especiais). As ações ao se realizar a instalação do sistema, você
preventivas de manutenção de computador pode criar partições a mais. Também existem
na Unidade de HD, sendo formatada de for- os programas instalados quando o Windows
ma lógica, podem evitar que seja necessária já foi instalado, por exemplo os Partition Ma-
a formatação. gic e Partition Wizard.
36
apagar o Sistema de Arquivos. Este sistema Como instalar o XP:
está intimamente ligado às trilhas e setores http://www.youtube.com/watch?v=8RUeO-
já apresentados no começo da aula, pois ele FUexDA
mapeia exatamente onde encontrar os da-
dos nessas trilhas e setores. Digamos que se- Instalando 2 Sistemas Operacionais:
tores são como as estantes da biblioteca e as https://www.youtube.com/watch?v=IIe-3D-
faixas são as prateleiras. mczVc
Quer saber mais sobre os componentes da 2. Quais são os tipos de Formatações que
Placa-mãe? existem? Por quem são realizadas?
http://www.tecmundo.com.br/infografico/
16129-paraque-serve-cada-componente-da 3. O que são setores e trilhas de um HD?
-placa-mae-infografico-.htm
4. O que significa Realizar um BackUp com
Como particionar um HD. os dados do computador? Por que realizá-lo?
http://www.tecmundo.com.br/windows
-7/3985-dicas-dowindows-7-como-particio- 5. O que são Partições? Por que utilizá-las?
nar-o-disco-rigido-do-computador.htm Quais são os programas especializados na
prática do Particionamento?
http://www.tecmundo.com.br/monitor/
1457-blindando-seu-pc-contra-raios.htm 6. O que são sistemas de Arquivos? Quais
são os mais comuns? Em quais Sistemas ope-
racionais são compatíveis?
D I CA S
7. Como se faz para Preparar o computador
Como criar um Pen Drive para instalar um para iniciar o SO pelo CD, DVD ou pen drive?
Sistema Operacional:
h tt p : / / w w w. t e c m u n d o. c o m . b r / s e l e -
cao/15797-6-programaspara-criar-pendrives
-bootaveis.htm
Se você decidiu que deseja instalar um novo sistema operacional, você precisará primeiro
descobrir qual deles quer usar. Os sistemas operacionais possuem diferentes requisitos
de sistema, então se você tiver um computador mais antigo, certifique-se de que ele possa
suportar o novo sistema operacional.
A maioria das instalações do Windows exigem peo menos 1GB de memória RAM e pelo
menos 15-20GB de espaço em disco. Certifique-se de que seu computador seja capaz de
acomodar isso.
Os sistemas operacionais Linux normalmente não exigem tanto espaço e poder compu-
tacional quanto os sistemas operacionais Windows. Os requisitos variam dependendo da
distribuição que você escolher (Ubuntu, Fedora, Mint, etc.).
As licenças do Windows precisam ser compradas. Cada licença vem com uma chave que
vale apenas uma instalação. A maioria das distribuições do Linux são gratuitas para baixar
e instalar o quanto você quiser, embora algumas versões empresariais sejam fechadas e
precisem ser compradas (Red Hat, SUSE, etc.).
Certifique-se de que o sistema operacional que você deseja instalar tenha suporte aos
programas que você deseja usar. Se você quiser usar o Microsoft Office para trabalhar,
você não poderá instalá-lo no Linux. Existem programas substitutos disponíveis, mas a
funcionalidade pode ser limitada.
Ao instalar um novo sistema operacional, você provavelmente vai limpar todo o seu HD no
processo. Isso significa que você perderá todos os arquivos do seu computador, a menos
que faça o backup deles. Certifique-se sempre de que os arquivos importantes sejam co-
piados para um local de backup antes de começar o processo de instalação. Use um HD
externo, ou grave os arquivos em DVDs.
Se você está instalando o sistema operacional juntamente com o seu sistema existente,
você provavelmente não irá excluir nenhum dado. Ainda é aconselhável fazer o backup
dos arquivos importantes nesse caso.
Você não pode fazer o backup dos programas; eles precisarão ser reinstalados assim que
você tiver terminado de instalar seu novo sistema operacional.
38
Capítulo 05 – Ferramentas Google
1995 – 1996
2001
Larry Page e Segey estudantes de Stanford
É considerado o ano das inovações do Goo-
nos Estados Unidos iniciam o projeto Ba-
gle, novos serviços foram criados: a busca
ckRube, o avô do Google, o projeto tem a
por imagem começa a ser utilizada e no fim
função de rastrear os links da web.
de 2001 o Google já tinha três bilhões de si-
tes catalogados.
2003
Foi criado o Google AdSense onde os web-
masters poderiam obter fundos em forma de
anúncio de texto. A busca foi modificada, o
Google passou a rastrear voos, realizar ope-
rações matemáticas e muito mais.
39
2004 2007
A nova sede do Google é inaugurada em O Google Planilhas é disponibilizado, o You-
Mountain View e com ela novos serviços. Tube passa a ser disponibilizado para o Brasil.
No dia 1ª de abril (Dia da Mentira) o Goo-
gle revela planos de ir à Lua. No mesmo dia
é anunciado o Gmail, o serviço de e-mail do
Google. Na época o Gmail oferecia 1GB grá- 2008
tis, algo extraordinário para o momento, mui- É lançado o Google Sites, o Google Streat
tos chegaram a pensar que era mentira, mas View é disponível no Google Mapas, o Gmail
era a pura realidade. ganha um conjunto de recursos conhecido
Nesse mesmo ano o Google compra o Picas- como Labs.
sa, é iniciado o serviço de mapeamento do
Google o Google Earth (Google Mapas).
2010
Em 2010 o Google ganhou novidades e so-
freu algumas alterações, e uma delas é que
na sua página do seu Google, você pode adi-
cionar uma própria imagem como plano de
fundo, o Google Imagem ganha um novo vi-
sual, o Google Wave deixa de ser prioridade
do Google.
2005
O Google atinge um grande marco: 1,1 bi-
2011
lhões de imagens indexadas, é lançado o
As novidades aparecem em uma nova apa-
Google Mapas, o Google Talk é lançado
rência em alguns recursos e posteriormen-
onde os usuários podem interagir com ou-
te essa nova aparecia foi disponível para os
tros em bate papo.
diversos serviços do Google. A pesquisa no
Google ficou diferente, é lançado Google+
(Google Plus) que é uma rede social que irá
integrar todos seus serviços do Google.
2006
Como era de se esperar o Google sofre gran-
des mudanças, entre elas está o Google Chat
que é inserido no Gmail, o Google compra
o pai do Google Docs (Writely). O Google
Agenda é lançado mudando de vez a organi-
zação de compromissos e eventos. Em outu- 2012
bro desse mesmo ano é anunciada a compra O Google Chrome é lançado no Android. O
do YouTube, que ia se tornar o maior site de Android Market se torna o Google Play, uma
vídeos do mundo. loja de conteúdo digital que oferece aplica-
tivos, jogos, livros, filmes, músicas e muito
mais. O projeto do Google Glass é revelado.
Foi o Google Drive, permitindo que se crie,
compartilhe, colabore e guarde arquivos, in-
cluindo vídeos, fotos, Documentos Google e
PDFs, tudo em um só lugar.
40
Veja algumas informações básicas que vão
2013 ajudar na hora da pesquisa.
O Gmail ganhou uma nova caixa de entrada
que ajuda a conferir rapidamente as novi- • Geralmente todas as palavras inseridas na
dades e a decidir em que momento e-mails consulta serão usadas.
específicos serão lidos. Lançamento do apli-
cativo Google Maps atualizado para smar- • Geralmente as pesquisas nunca diferen-
tphones e tablets como parte do novo design ciam o uso de maiúsculas e minúsculas.
do Google Maps, em todos os dispositivos. O
Android passa a marca de 1 bilhão de ativa- • Geralmente a pontuação é ignorada, in-
ções de dispositivos. O Compute Engine, que cluindo @ # $ % ^ & * ( ) = + [ ] \ e outros
permite aos desenvolvedores criar e hospe- caracteres especiais.
dar aplicativos na infraestrutura do Google,
se torna disponível globalmente. • Seja simples e tente manter o mínimo de
palavras. Se procura por pizzaria em Forta-
leza procure por Pizza Fortaleza.
Pesquisa básica
Pesquisa avançada
Para realizarmos uma pesquisa é bem sim-
ples: acesse a página do Google (http://
Na pesquisa do Google existem alguns ope-
www.google.com.br), digite o que procura e
radores que filtram sua pesquisa retornando
aperte Enter ou clique no ícone de pesquisa.
resultados mais precisos para sua pesquisa.
Existem dois métodos para a realização da
pesquisa avançada, iremos aprender o mé-
todo que se faz uso dos operadores e logo
mais você irá realizar o outro método. Entre
no Google e pesquise por Projeto e-Jovem.
41
Verifique que foram encontrados cerca de
679.000 resultados, pois o Google pesqui-
sou pelas palavras Projeto e e-Jovem.
Múltiplas operações
Conversões
Divisões
Os campos CC e Cco significam enviar Com Localize o arquivo que deseja anexar e clique
cópia (CC) e enviar Com cópia oculta (Cco). em Abrir ou dê um duplo clique no arquivo.
Você pode anexar vários arquivos ao mesmo
No campo Assunto informe o assunto de sua
tempo até o limite de 25 MB.
mensagem, procurem sempre no assunto in-
formar algo curto e direto sobre seu e-mail. Uma barra de progresso indicará a evolução
do processo de anexação. Se você anexar
45
mais de um arquivo, surgirá uma barra de Ao clicar será aberta uma página parecida
progresso para cada arquivo que estiver sen- com a de envio do e-mail, por padrão é aber-
do anexado. to como Responder, você pode utilizar o en-
caminhamento do e-mail utilizando a opção
Encaminhar.
Encaminhar ou responder?
1 Arquivar e-mail
2
Denunciar e-mail com Spam
3 Envia o e-mail para a Lixeira
4
Mover e-mail para uma pasta
5
Insere um marcador
46
Observe que a Barra de Opções só será vi- Organizando seus e-mails com marcadores
sualizada ao abrir um e-mail ou quando ele
estiver marcado como podemos observar na
Com o tempo você irá receber muitos e-mails
imagem abaixo.
e no Gmail podemos utilizar os marcadores
para organizar melhor seus e-mails, agora ir-
mos aprender a utilizar os marcadores e fil-
tros do Gmail.
Criando um Marcador
Interface O marcador é como se fossem pastas dentro
4
2
3
6 5
9 7
11
10 12
1
Campo de pesquisa de e-mail ou assunto do seu e-mail, nele você pode associar cores
facilitando a visualização.
2
Configurações
3
Escrever um e-mail Para começar abra um e-mail, na barra de
opções do e-mail clique em Marcadores.
4
Guias (Pastas) Na caixa que surge crie um marcador cha-
mado Teste. Observe que o Gmail pergun-
5
E-mail adicionado aos Favoritos
ta se você deseja criar o marcador, clique na
6
Lista de e-mails com estrela opção Nome do Marcador (criar novo) por
exemplo, “Teste” (criar novo).
7
E-mails com anexo
8
Lista de e-mails enviados
9
Encontrar pessoas no bate-papo
10
Contatos do Hangouts
11
Conversas do Hangouts
12
Telefonemas
47
Surge uma caixa de confirmação, clique em
verifique que você pode criar sub-
marcadores, para isso marque a caixa abaixo
e selecione o marcador
pai na lista:
48
Criando um filtro No exemplo o filtro irá filtrar todas as men-
sagens de [email protected], ob-
Uma maneira fácil de organizar seus e-mails é serve que existem outros campos, você pode
com a utilização de filtros, com eles podemos preencher todos os campos ou somente um
aplicar funções ou opções automaticamente dependendo de sua necessidade, agora ire-
aos e-mails. mos clicar em Criar filtro com esta pesquisa.
Agora iremos criar um filtro, no exemplo ire- Surge uma nova janela onde devemos esco-
mos filtrar as mensagens de boas vindas do lher a ação para o filtro criado.
Gmail.
Com o e-mail aberto, na barra de opções cli- Veja abaixo as funções das ações do filtro, ob-
que em e escolha a opção Filtrar serve que você pode realizar combinações
mensagens: das ações, tendo assim um melhor resultado.
49
Se a caixa estiver marcada o Gmail irá apli- Na janela que surge clique em Configurações
car o marcador correspondente, juntamente
com a opção Ignorar caixa de entrada (Ar-
quivar) ambas selecionadas o e-mail irá auto-
maticamente para o marcador.
A opção Encaminhar iremos ver mais a fren- Para inserir uma assinatura na aba Geral das
te, já as outras ações dependendo de sua ne- configurações procure por Assinatura por
cessidade devem ser marcadas, após adicio- padrão o Gmail desabilita a Assinatura.
nar as ações do seu filtro clique em:
50
P R AT IQ U E
2. Crie uma assinatura em seu e-mail, fique Feito isso, a tela irá mudar conforme a figura
atento as dicas acima. abaixo. Lá irá mostrar a última alteração de
Senha além de outras ferramentas de recu-
3. Envie um e-mail para seu colega ao lado e peração de senha, como o Número do Tele-
no campo assunto coloque Atividade Gmail fone. Aproveite para verificar se o número do
na mensagem do e-mail coloque alguma fra- telefone está atualizado e correto para caso
se com diferentes formatações. aconteça algum incidente e você necessite
resgatar sua senha.
4. Se você recebeu algum e-mail clique em
responder e responda o e-mail.
51
Depois de inserir sua senha e fazer o login, do Google Apps for Business, esse é número
você será redirecionado para poder alterar a ampliado para 15 pessoas.
sua senha conforme a figura abaixo: • Conectar entre vários dispositivos diferen-
tes (Android, iOS, PC);
• Você poderá enviar mensagens para os
contatos mesmo que eles não estejam onli-
ne, onde receberão uma notificação em seu
celular ou computador se não perceberem a
mensagem que enviou imediatamente;
1 2 3
6
3 4 5
2
9 7
10
11
12
8
13
53
Download é transferir algo da internet para 1
Esse arquivo é muito semelhante ao Word
o seu computador. Corresponde ao nosso ou Writer, ideal para realizar trabalhos, cur-
baixar arquivos da internet. Exemplo: se você rículos e documentos de textos diversos.
está baixando uma música da Internet, está
sendo realizado o Download.
2
Na planilha podemos criar tabelas, folhas
de gastos e fazer diversos cálculos. É se-
Upload é transferir algo do seu computador melhante ao Excel e Calc.
para a Internet (para outro computador). 3
Com ele cria-se apresentações seme-
Exemplo: se você está anexando um docu- lhantes ao Power Point ou Impress. Essas
mento de texto no seu e-mail, está sendo re- apresentações ajudam na apresentação
alizado o Upload. de trabalhos.
No Drive, você pode subir arquivos seus, fazer 4
Crie formulários para pesquisa, questio-
upload, ou pode criar arquivos novos usando nários e outras formas de coletar dados
o Drive como sua suíte. Para fazer upload de com diversos campos.
arquivos que estão no seu hd, basta clicar no
ícone NOVO, conforme mostra a figura abai-
5
Com essa ferramenta podemos criar de-
xo, onde serão mostradas as opções. Será senhos, assim sua imaginação poderá ser
perguntado se você quer criar uma pasta, fa- utilizada de diversas formas.
zer o upload de arquivos ou de pasta, escolha
a opção e pronto, assim que selecionados os No exemplo, a seguir, iremos criar um docu-
arquivos, eles começarão a subir. mento de texto. Para isso, clique no botão da
imagem
Será exibida uma nova página com seu
novo documento.
54
Observe que o título do seu documento foi Será aberta uma janela onde deve ser inseri-
alterado. Note que se você voltar para a pá- do o nome da pasta e depois clique em
gina inicial do Google Drive, o documento
criado foi adicionado na página principal do
Google Drive.
Explorando um Documento
11- Clique em Concluído. Os usuários rece- Observação: se você quiser compartilhar vá-
berão um e-mail informando que você com- rios arquivos de uma vez, adicione os arqui-
partilhou o arquivo ou a pasta com eles. vos a uma pasta no Drive e compartilhe toda
a pasta com as pessoas a quem você quer
conceder acesso aos arquivos.
56
Para ver uma lista completa, clique em Mais. Depois de selecionar o arquivo e clicar em
As opções incluem: abrir, será exibida uma janela com o status do
upload, aguarde o fim do upload.
Google Maps
Acessando o Maps
57
1
Digite aqui o endereço procurado Além disso, você pode fazer buscas genéri-
cas usando termos como “hotéis”, “pizzarias”,
2
Traçar rotas “farmácias”, “cinemas” e por aí vai. É um jeito
bem interessante de descobrir lugares na re-
3
Google Earth
gião em que você se encontra durante uma
4
Localização atual viagem, por exemplo.
5
Seu local
6
Zoom
7
Imagens do local
8
Street View
58
1
Tipos de deslocamento (carro, transporte
público, a pé, avião.)
2
Local de partida
3
Destino
4
Inverter as opções
5
Rotas alternativas
6
Google Earth
7
Informando trânsito lento no local Para retornar ao modo Mapa, clique sobre o
botão localizado no mesmo lugar:
8
Informando acidente
9
Local de destino
10
Zoom
11
Street View
59
Solte o bonequinho sobre um destes espa-
ços e comece a navegar.
Bicicleta – Ideal para os ciclistas, mostra a ma- Além de pesquisas no Google podemos usar
lha de ciclofaixas e ciclovias de uma região; a função de Encurtador de Links e assim en-
curtar qualquer link para 13 a 20 caracteres.
Terreno – Neste filtro, você vê na tela as varia- Com isso você pode enviar links por meio de
ções de relevo de uma região. SMS por exemplo.
Google Street View Suponha que você tenha que inserir na lou-
sa de sua sala de aula o link de dicas e tru-
Uma das funções mais legais do Google ques do Google (https://www.google.com/
Maps, o Street View, permite você caminhar intl/pt-BR/insidesearch/tipstricks/). Esse link
virtualmente por várias cidades ao redor do é composto por 58 caracteres e caso digite
mundo. Além da face lúdica deste recurso, um caractere errado o link não irá funcionar.
ele é bastante útil, afinal fica mais fácil encon- Uma solução para o problema seria usa o en-
trar um endereço quando você vê exatamen- curtador de link do Google. Com o encurta-
te a fachada do lugar, por exemplo. Para usá dor você teria o mesmo link com apenas 20
-lo, clique e arraste o bonequinho presente caracteres.
no canto inferior esquerdo da tela. Ao fazer
isso, note que as algumas ruas ganham um Para acessar o encurtador do Google aces-
contorno azul, isso significa que é possível se o endereço: http://goo.gl. Na página ini-
usar o Street View nelas. cial temos o campo onde devemos adicionar
o link e o botão para gerar o link. Na figura
abaixo temos a página inicial do encurtador
de link do Google.
60
No exemplo iremos encurtar o link de dicas
e truques do Google (https://www.google. DI CAS
com/intl/pt-BR/insidesearch/tipstricks/).
OBSERVAÇÃO: O link gerado deve ser co-
Devemos colocar o link no campo Paste your piado respeitando os caracteres maiúsculos
long URL here. Na figura abaixo temos um link e minúsculos.
para ser encurtado.
Google Agenda
61
Criando e editando uma nova agenda
62
DI CAS
Após a alteração da cor sua agenda de teste Observe que como alteramos a agenda o
terá a nova cor. evento ficou da cor da agenda. Após adicio-
nar as informações, clique em Criar evento.
Criando um evento
Editando eventos
Para criar um evento o processo é bem sim-
ples. Basta clicar na hora inicial e arrastar até a Para editar um evento é bem simples, clique
hora final, conforme a figura a seguir. no evento que será editado e depois clique
em Editar evento. Na figura abaixo temos
um exemplo.
63
Após clicar em editar, será aberta a página Para adicionar a repetição, clique em Repe-
de edição do evento. Caso queira alterar a tir, localizado abaixa da hora inicial. Ao clicar
data de início e término ou título do evento, em Repetir, será aberta uma janela de confi-
devemos alterar nos campos, conforme a fi- guração de repetição de eventos, conforme
gura abaixo. figura abaixo.
Crie um evento chamado Aula de Matemá- Como queremos repetir o evento nas segun-
tica na segunda-feira, dia 02 de janeiro de das, quartas e sextas-feira, marcaremos a re-
2015. Para criar, utilize o botão Criar locali- petição Semanal, selecionaremos os dias e
zado acima do mini calendário. Ao clicar em marcaremos para a repetição terminar no dia
Criar, será aberta uma página de criação de 30/06/2015. Sua repetição deve estar igual a
eventos. Veja abaixo: figura abaixo.
64
Clique na visualização Mês e navegue até
Janeiro de 2015 para visualizar a repetição
do evento, conforme a figura:
Aguarde até receber o código. Após rece-
bê-lo, insira-o em Código de confirmação
e depois clique em Concluir configuração,
como demonstra a figura a seguir.
65
campo Pessoas e em Configuração de au-
torização escolha uma das opções disponí-
veis. Na figura a seguir temos um exemplo.
PRAT I QUE
66
Google Groups
Para começar pesquise no Google por Goo- Na página de criação devemos preencher
gle Grupos. Clique no link Grupos do Goo- os campos conforme indicação. Para come-
gle, conforme figura abaixo. çar devemos criar um nome do grupo, onde
você deve inserir um nome qualquer para
seu grupo. Procure criar nomes fáceis que
ajudam nas pesquisas, como exemplo, cria-
mos como nome do grupo, o Grupo Teste
– Treinamento e-Jovem. Com esse nome
qualquer usuário poderá encontrar o grupo
na internet. Observe que ao criar o nome, o
e-mail do grupo foi criado e esse e-mail é uti-
lizado para a comunicação, ou seja, ao enviar
um e-mail para o e-mail do grupo, todos os
participantes do grupo recebem o e-mail. No
campo descrição, devemos adicionar uma
descrição do grupo que estamos criando e,
logo após adicionar os campos, clique em
Para começar iremos conhecer a página ini- Criar. Na figura a seguir temos a página de
cial do Google Grupos: criação do grupo.
67
Se o convite foi enviado com sucesso, será
exibida a janela conforme figura:
Adição de membros
ATIVIDADE EM GRUPO
68
Para começar, clique em Detalhes e depois
na opção Opções de e-mail. Na figura a se-
guir temos a Opção de e-mail.
P R AT I QU E
Participação de grupo
http://goo.gl/AzSsZg
Com o Google Grupos podemos participar
de fóruns, solucionar problemas, ajudar ou-
Você será direcionado para a página inicial
tros usuários e outras diversas opções que
do grupo Alunos Projeto e-Jovem. Na figu-
os fóruns proporcionam. Acesse o Google
ra a seguir temos a página inicial.
Grupos, pesquise por fóruns diversos e aju-
de outros usuários.
69
Na segunda caixa será exibida a tradução. Na
AC ES SE figura figura a seguir, como exemplo, digita-
mos o texto A vida é bela e a tradução foi ge-
Aprenda tudo sobre o Google Grupos, no rada ao lado.
link abaixo você terá acesso a dicas e tuto-
riais, desenvolvidos pelo Google. Acesse o
link e domine o Google Grupos.
http://goo.gl/SmjlrD
Google Tradutor
D I CA S
AC ES SE
71
Capítulo 06 – Netiqueta
72
pessoas mal-intencionadas descobrirem da-
dos mais importantes e utilizá-los em chanta-
gens para te prejudicar.
O QUE NÃO FAZER
Não exponha fotos ou vídeos íntimos na
internet.
Abreviações e gírias que você usa na in- Não compartilhe conteúdo sem antes
ternet para a conversa ficar mais rápida não checar se o conteúdo é verdadeiro. Não é
devem ser usadas em provas e trabalhos porque está na internet que algo se torna real.
para a escola.
Emoticons ajudam a esclarecer o que
você quer dizer. Mas não exagere. Se escre- DI CAS
ver um e-mail para um professor, não use
muitas carinhas sorridentes, tristes ou outras Acesse o vídeo e aprenda mais sobre Neti-
expressões desse tipo queta no link: http://goo.gl/ngqugd
74
inferno”. O objetivo, claro, era fazer milhões com a tentativa das empresas de telecomu-
de brasileiros gargalharem. nicação franquiar a internet banda larga, foi
criado uma pagina chama Movimento Inter-
A trollagem deixou de ser uma brincadeira net sem Limites, cujo objetivo era informar
a partir de 2003, quando foi criado o 4chan, os cidadões o quanto essa medida era preju-
fórum anárquico de onde saíram muitos me- dicial ao consumidor. Em poucos dias, muitas
mes e histórias de terror. Vários usuários do pessoas curtiram a pagina no Facebook, suas
site começaram a divulgar dados pessoais postagens tiveram milhares de compartilha-
de indivíduos que eles ridicularizavam. De lá mento, conscientizando diversas pessoas,
para cá, dezenas de pessoas foram expostas, que resultou em uma medida da Anatel, sus-
humilhadas, ameaçadas e perseguidas – al- pendendo a franquia na Internet banda larga
guns casos resultaram em suicídio, e o tema em prazo indeterminado.
começou a aparecer com frequência na im-
prensa. Os jornais apontaram os culpados:
os trolls. Na verdade, era uma referência aos
flammers, a parcela de trolls que é agressiva
e comete crimes. Só que a interpretação pe-
gou, e é assim que eles são vistos hoje.
75
Capítulo 07 – Redes Sociais
O que são redes sociais? Que tal curtir a pagina do e-Jovem? Procure
na busca do Facebook por e-Jovem Ceará,
De acordo com a professora e pesquisadora curta a nossa pagina e fique por dentro de
Raquel Recuero (2009), quando uma rede de tudo que esse projeto pode lhe oferecer.
computadores é conectada a uma rede de
pessoas temos uma rede social, ou seja, é uma
estrutura social composta por pessoas e/ou or-
ganizações, conectadas por um ou vários tipos
de relações, que compartilham valores e obje-
tivos comuns. Anteriormente as redes sociais
online eram conhecidas como relationship
site (sites de relacionamento), plataformas
que permitem que o indivíduo se relacione di-
retamente com um ou mais indivíduos.
P R AT IQ U E
77
UNIDADE II
Ferramentas de
Escritório
78
O LibreOffice é um aplicativo que estudare- tos, logo é responsável pela maioria dos docu-
mos e que oferece uma suíte de aplicativos li- mentos que são feitos ultimamente. Estudare-
vres para escritório disponível para Windows, mos o editor de texto chamado Writer.
Unix, Solaris, Linux e Mac OS X. A suíte utiliza
o formato OpenDocument (ODF - OpenDo- Com a planilha eletrônica é possível utilizar
cument Format) e é também compatível com cálculos e com isto automatizar informações
os formatos do Microsoft Office, além de ou- que levaria muito mais tempo se fossem fei-
tros formatos legados. tos manualmente. Imagine o caso de um pro-
fessor fazendo manualmente a nota de 500
Devido ao processo de modernização, as alunos. Demoraria muito o cálculo da nota fi-
empresas, sejam grandes ou pequenas, ne- nal de todas as disciplinas, não acha? Iremos
cessitam de pelo menos um computador. Por então aprender mais sobre o Calc.
exemplo, uma determinada empresa X po-
deria fazer uma prestação de contas à mão, Com a apresentação eletrônica torna-se mais
ou nas antigas máquinas de escrever ou uma fácil a apresentação de um determinado tra-
tabela de gastos do mês, porém, isto deman- balho para uma quantidade razoável de pes-
daria muito mais trabalho. soas. Você já deve ter apresentado trabalhos
em grupo na escola ou já viu alguém fazen-
As ferramentas de escritório facilitam em do este tipo de apresentação, logo deve ter
muitas coisas, desde um texto como o que notado que ao apresentar algo escrito para
você está lendo, criação de currículos ou até quem está assistindo, é muito mais proveito-
mesmo uma planilha com prestação de con- so de se visualizar e observar melhor sobre
tas como a citada acima. a apresentação. Aprenderemos sobre o pro-
grama de apresentação eletrônica Impress.
Estudaremos principalmente 3 das maiores
ferramentas de escritório: o editor de texto, a
planilha eletrônica e a apresentação eletrônica.
Com os editores de texto, como o próprio
nome já é sugestivo, tem a função de criar tex-
79
Capítulo 01 – Writer – Editor de Texto
Os editores de texto são programas que Um processador de textos completo, com su-
transformam os computadores em supermá- porte a múltiplos formatos de arquivos e uma
quinas de escrever, pois permitem criar tex- interface clássica. Agora que já sabemos o que
tos, avisos e, rapidamente modificá-los. é um editor de texto, vamos saber mais sobre
ele. Abaixo temos um resumo dos principais
Dentre os editores de textos mais conhe- elementos da interface do LibreOffice Writer:
cidos temos o BrOffice / LibreOffice Writer,
um software para preparação de textos pro-
8
5
6
9
80
1
Barra de Menus: Essa barra recebe esse 1
Novo documento: Pressionando a seta
nome porque tem uma série de palavras preta (não soltando), abre-se uma caixa de
que identificam menus, como Arquivo, seleção de outros tipos de documentos.
Editar, Exibir e outros.
2
Abrir documento: É possível escolher um
2
Barra de Formatação: A barra de formata- arquivo de texto já salvo no computador.
ção do LibreOffice inclui a opção de altera-
ção do tipo e tamanho de fonte, alinhamen-
3
Salvar documento: (Guarda o documento
to dos elementos, marcadores e outros. em algum espaço do HD (Disco Rígido).
4
Salvar como: Escolhe aonde guardar o
3
Barra de Ferramentas: A barra de ferra- documento no HD.
mentas do LibreOffice inclui elementos
comuns aos aplicativos, como o botão, 5
Exportar/criar arquivo PDF.
salvar, imprimir, exportar como PDF,
desfazer, tabelas, etc. 6
Imprimir documento atual.
4
Réguas: São barras (uma vertical e uma 7
Visualização de página.
horizontal) com numeração crescente 8
Recortar texto selecionado. Atalho: Ctrl+X.
em centímetros que através delas po-
demos configurar visualmente o recuo 9
Copiar texto selecionado. Atalho: Ctrl+C.
e o recuo de primeira linha de um dado
parágrafo e até mesmo configurar as 10
Colar texto selecionado. Atalho: Ctrl+V.
margens da folha, embora seja recomen-
dado fazer essas operações através dos 11 Pincel de estilo. Aplicar rapidamente a
menus como será visto posteriormente. mesma formatação de texto e outros ti-
pos de formatação, como bordas e pre-
5
Barra de Rolagem: Utilizadas para mo- enchimentos, etc.
vimentar na página verticalmente ou
horizontalmente. 12
Desfazer ação realizada. Atalho: Ctrl+Z.
6
Barra de ferramentas de desenho. 13
Restaurar ação realizada. Atalho: Ctrl+Y.
7
Barra de Status: Informações sobre qual 14
Localizar e Substituir. Atalho: Ctrl+H.
o número da página que está sendo
visualizado no momento, o idioma utili-
15
Verificar ortografia e gramática. Atalho: F7
zado pelo editor, o zoom da página, total 16
Caracteres não imprimíveis.
de páginas, entre outros.
17
Inserir tabela. Atalho: Ctrl + F12.
8
Cursor de Texto: indica onde o texto irá
ser digitado. 18
Inserir figuras.
9
Zoom. 19
Inserir gráficos.
20 Criar caixa de texto.
Barra de Ferramentas
21
Inserir Quebra de Página. Atalho: Ctrl + Enter
Possui vários botões que são usados para a re- 22
Inserir campos como: Nº da página; Data;
alização das tarefas mais rotineiras de maneira
Hora; Título; etc.
mais rápida:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16
17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
81
23
Caixa com caracteres especiais. 8
Aplicar Sobrescrito. Ex: sobrescrito
24
Hiperlink: Inserir uma URL no texto. 9
Aplicar Subscrito. Ex: subscrito
Atalho: Ctrl + K.
10
Aplicar sombra a seleção/digitação.
25
Inserir nota de Rodapé.
11 Aplicar contorno a seleção/digitação.
26
Inserir nota de fim.
12
Limpar formatação direta. Atalho: Ctrl + M.
27
Indicador.
13
Definir cor da fonte. Ex: A cor da Fonte é azul.
28
Inserir uma Anotação. Atalho: Ctrl + Alt + C
14
Definir cor de realce da fonte. Ex: A cor
29
Gravar alterações. do realce da fonte é amarela.
30
Inserir Linha. 15
Ativar ou desativar Marcadores. Atalho:
Shift + F12. Exemplo:
31 Inserir Formas Simples: Círculo; Quadra- • Exemplo 01 de Marcadores
do; Triângulo; etc. • Exemplo 02 de Marcadores
32
Mostrar funções de desenho. 16
Ativar ou desativar Numeradores.
Atalho: F12. Exemplo:
Barra de Formatação 1- Exemplo 01 de Numeradores
2- Exemplo 02 de Numeradores
Possuem vários botões/opções que são usa- 17
Alinhar parágrafo à esquerda.
dos para a realização das formatações de tex-
Atalho: Ctrl + L
to mais rotineiras de maneira mais rápida.
Ex: Texto alinhado à esquerda e sublinhado
1 2 3 4 5 6 7 8 9 10 11 12
13 14 15 16 17 18 19 20 21 22 23 24 25
1
Estilo atual do parágrafo. 18
Alinhar parágrafo ao centro.
Atalho: Ctrl + E
2
Nome fonte atual do texto. Ex: Arial / Calibri Ex: Texto centralizado e em negrito
/ Impact / Cosmic Sans MS
19
Alinhar parágrafo à direita.
3
Tamanho da fonte atual do texto. Atalho: Ctrl + R
Ex: Texto alinhado à direita e em itálico.
4
Aplicar negrito a seleção/digitação. Ex:
Texto em negrito. Atalho: Ctrl + B. 20 Alinhar parágrafo justificado. Atalho: Ctrl + J.
5
Aplicar itálico a seleção/digitação. Ex: 21
Entrelinhas. Ajustar espaçamento do texto.
Texto em itálico. Atalho: Ctrl + I.
22
Aumentar espaçamento entre parágrafos.
6
Aplicar sublinhado a seleção/digitação.
Ex: Texto em sublinhado. Atalho: Ctrl + U. 23
Diminuir espaçamento entre parágrafos.
7
Aplicar taxado a seleção/digitação. 24
Aumentar recuo.
25
Diminuir recuo
82
Formatação do Texto Observe que a forma como você escreve é
diferente do seu colega, logo, com as fontes,
Para se construir um bom texto em seu editor, temos a possibilidade de “escrever no com-
não é preciso somente o texto. Óbvio que ele putador” de diferentes formas.
é a principal parte, porém perceba que ao di-
gitar algo no seu editor de texto, ele está no Como exemplos de tipos de fonte, com sua
seu formato original. formatação de saída, temos:
Imagine este material que você está lendo Arial | Times New Roman | Verdana | Impact | Calibri | Georgia
agora. Será que ficaria organizado somente
com o texto original? Sem organização algu- Para escolher qual será a fonte adotada pelo
ma? Provavelmente você iria se perder. Writer para a edição dos seus textos, ou mes-
mo para editar um texto já pronto com outro
Para nos ajudar, a dar um formato ao texto, tipo de fonte, usamos a Barra de Ferramen-
precisamos fazer uma formatação, ou seja, a tas Formatação. Neste último caso, precisa-
ação de dar formato ao nosso texto, mode- se primeiro selecionar o texto para poder en-
lando para uma melhor leitura. tão aplicar a formatação do tipo de fonte.
E o que podemos modificar em nosso texto? O Writer já traz por padrão o tamanho de
fonte 12. No entanto, o usuário pode modi-
Pense bem! Se observarmos o colega ao ficar esta configuração para usar o tamanho
lado, ou qualquer outra pessoa, podemos da fonte que desejar.
perceber que a escrita dele é diferente. Po-
demos também modificar na nossa própria Listas de numeração, marcadores e recuos
escrita: Tamanho da nossa letra, formato (Es-
crever com letra de forma ou não), cor (Es- Quando necessitamos descrever itens de
crever em uma cartolina por exemplo, com uma relação dispomos de dois recursos ex-
diversas cores), entre outros detalhes. celentes: Marcadores e Numeração. Ou seja,
imagine que queremos listar os tipos de fru-
Veremos agora alguns destes recursos para tas e os tipos de cores, por exemplo: Frutas
formatação do nosso texto. (Abacate, Maçã) e Cores (Vermelho, Verde).
83
Ex: Aplicando Realçar de cor amarela:
Já falamos em como escolher o tipo de Fonte, O Writer é capaz de salvar em diversos for-
o seu tamanho, em alinhamento e marcado- matos de arquivos, incluindo os formatos da
res, mas ainda falta falar nas cores que pode- Suíte Microsoft Office e em outros formatos
rão estar presentes nos elementos do nosso abertos. Confira abaixo os formatos do Writer:
documento.
Arquivo de texto
comum, utilizado
em praticamente
todos os sistemas
Formato operacionais e pro-
.txt
Texto gramas de edição
de texto, incluindo
o Bloco de Notas
do Windows
O Writer é capaz de
salvar arquivos de
textos no
Ex: Aplicando Cores de Fonte no texto: Formato do formato padrão do
Microsoft Microsoft Word.
.doc Para isto, ao clicar
Word
em Salvar Como,
selecione a opção
Microsoft Word
97/2000/XP.
84
Uma dúvida muito comum entre as pessoas é Abrindo documento no Writer (Ubuntu):
saber quando usar o Salvar e o Salvar como.
Será aberta uma janela de navegação, onde • Protegido, evita que as pessoas modifi-
você pode localizar seu documento para ser quem seu trabalho;
aberto.
• Seguro, quase nenhuma chance de ser in-
Abrindo documento no Writer (Windows): fectado com vírus;
85
em baixo no painel, aparece um outro painel Feito isto poder-se-á apertar o botão Locali-
semelhante ao de salvar o documento, onde zar ou Localizar todos ou ainda Substituir
você finalizará a exportação para PDF. ou Substituir todos. Sendo que a diferença
entre eles ocorre da seguinte maneira: Loca-
Comando para Localizar e Substituir (Find lizar o próximo localiza a próxima ocorrên-
and Replace) cia da palavra no texto enquanto Localizar
todos marca todas as palavras no texto que
Para se localizar palavras em um texto qual- sejam idênticas a palavra procurada.
quer, basta que você acesse o menu [Editar
| Localizar] ou por meio do atalho [Ctrl + F]. A mesma regra é válida para os botões Subs-
Logo será aberto, no canto inferior esquer- tituir e Substituir todos. No entanto, quando
do do aplicativo (seta vermelha), um campo apertado um destes botões e a palavra digi-
para digitação da palavra a ser procurada. O tada no campo Pesquisar por for encontra-
cursor já estará posicionado no local correto da, ela imediatamente será substituída pela
para a digitação. palavra digitada no campo Substituir por.
Colunas
86
Pincel de Estilo dica que apresenta os elementos químicos.
2. Em seguida, clique na palavra a qual você Para ficar mais fácil de entender, tome como
deseja que possua os mesmos formatos da pa- base que as colunas, são as colunas de sus-
lavra anterior (a que você copiou os formatos). tentação de um prédio, e com relação a linha,
tome como referência a linha do horizon-
Tabelas no Writer te quando vai ver o pôr do sol. Para facilitar
mais, veja abaixo.
O objetivo agora será desenvolver a capaci-
dade de trabalhar com tabelas no Writer, um
recurso muito útil em qualquer documento de
perfil mais técnico. Linha 1 Linha 1 Linha 1
87
Percebe-se então que as tabelas podem ser carmos, nossa tabela terá N linhas com for-
usadas por exemplo para lista de salários, matação de título (e. g. Negrito).
gastos, lista de preço entre outros. Vamos
aprender mais sobre as tabelas? O Campo Borda indica a existência ou não
de uma linha separando cada célula que
Um terceiro conceito que não usaremos mui- comporá a tabela criada.
to agora, porém, é importante, trata-se do
conceito de células. Uma célula é, na verda- O botão Autoformatar... nos dá a possibili-
de, cada “quadradinho” da tabela, ou seja, é dade de darmos uma formatação para a ta-
a união entre uma linha e uma coluna. bela que será criada.
88
Uma outra maneira de colocar uma figura Quebra de Página
num arquivo de texto seria utilizando o fa-
moso mecanismo de cópia conhecido como Uma quebra de página é o modo correto de
[Ctrl + C] e [Ctrl + V]. Você pode, por exem- inciar uma nova página, uma vez que ao utili-
plo, abrir a figura com um outro software zá-la evitamos que ao pressionar várias vezes
qualquer, selecioná-la, copiá-la [Ctrl + C], <Enter> nas páginas anteriores, as páginas
mudar de software voltando ao Writer e, no subsequentes sejam literalmente empurra-
local desejado é só pressionar [Ctrl + V]. das para frente.
Legenda na Imagem
Como usar:
Cabeçalho
Rodapé
Presente no menu Formatar em seguida cli- Para efetuar uma verificação ortográfica se-
cando em Página..., permite definir caracte- parada no documento (ou numa seleção de
rísticas da página no seu documento, como texto) clique no botão Ortografia e gramá-
formato, largura, altura, as 4 margens do do- tica. Isto verifica o documento ou seleção e
cumento, cor de plano de fundo, cabeçalho, abre o menu Ortografia e gramática caso al-
espaçamento, rodapé, formatação completa guma palavra com erro de ortografia for en-
das bordas, colunas: quantidades e proprie- contrada.
dades.
92
Capítulo 02 – Calc
Interface do Calc
1
2
8
9
93
1
Menu de aplicativo: No LibreOffice, ela é ajudar a realizar esse planejamento. Iremos
integrada ao aplicativo. assim, ter conhecimento quanto gastamos
por mês e como devemos investir de acordo
2
Barra de ferramentas: A barra de ferra- com nosso rendimento. Vamos ver uma pré-
mentas do LibreOffice inclui elementos via do modelo? Observe abaixo:
comuns aos aplicativos, como o botão,
salvar, imprimir, exportar como PDF, des-
fazer, tabelas, etc.
3
Barra de ferramentas: A barra de ferra-
mentas do LibreOffice inclui elementos
comuns aos aplicativos, como o botão,
salvar, imprimir, exportar como PDF, des-
fazer, tabelas, etc.
4
Barra de cálculos e fórmulas: A inserção
de fórmulas e cálculos podem ser feitas
nesta barra e aparecerá na célula, ou, se
feito um cálculo na célula, a fórmula apa-
recerá nesta barra.
5
Índice de colunas: Classifica as colunas
de A à AMJ.
O BrOffice Calc, é capaz de fazer essa opera-
6
Índice de linhas: Classifica as linhas em ção usando fórmulas, por exemplo: A soma
ordem numérica. do Rendimento da família, a soma das con-
tas a pagar, a diferença de quanto sobrou
7
Célula: Recebe a informação a ser pro- no final do mês. Com ela, não precisaremos
cessada, podendo ser textual, numérica, mais calcular novamente todos as despesas
fórmula ou outros caracteres. para o próximo mês, por exemplo.
8
Pastas (ou planilhas): Mostra as várias pla-
Ótimo! Vamos começar a estudar melhor o
nilhas que pode conter um documento.
Calc, porém, antes de começar, além do co-
nhecimento básico de Linha e Coluna que vi-
9
Barra de status: A barra de status do Libre- mos no Módulo de Writer, é importante falar
Office é também, uma importante parte melhor quanto as células e suas funções. Cé-
da interface, já que possui atalhos e indi- lula representa o endereço do número, texto
cadores para itens importantes do pro- ou função que irá representar.
grama durante a edição do documento.
Célula e endereço
O Calc suporta muito mais casas decimais
que uma calculadora comum, portanto, tor- Como visto anteriormente, célula é o nome
na-se até mais precisa que a calculadora con- dado ao retângulo que se forma do cruza-
vencional. Uma planilha trabalha com refe- mento de uma coluna com uma linha. Obser-
rências e fórmulas, de modo que você pode vando a imagem a seguir, as colunas estão
ter uma planilha pronta com fórmulas e refe- ligadas a uma letra, assim como e as linhas a
rências para a contabilidade de uma empresa um número.
ou boletim escolar de um colégio. Sua princi-
pal função é automatizar os cálculos, sendo
capaz de calcular valores dinamicamente.
94
Portanto as células também ganham um Logo, o cálculo realizado será A4+A6 = 1+3 = 4
“nome” que correspondem a letra da sua co-
luna e ao número da sua linha. Cada célula Vale lembrar que se quisermos selecionar as
então, tem o seu endereço particular que é células A1, A2, A3, A4, A5, A6 e A7 para so-
formado pela letra da coluna mais o número mar seu conteúdo, podemos fazer assim:
da linha que a originou.
=SOMA(A1;A2;A3;A4;A5;A6;A7)
No exemplo da palavra casa, a célula que se
forma com o cruzamento da coluna B com a Ou de uma maneira mais simples:
linha 2, logo, o Calc entende esta coordena- =SOMA(A1:A7)
da então como B2 que representa então o
endereço da célula. Em caso de números, as Selecionando linhas, colunas e planilhas
fórmulas serão baseadas nos endereços da
célula, isso irá facilitar bastante nossas futuras • Para selecionar uma linha inteira, clique no
funções para gerar nosso modelo de contas. número da linha desejada.
• Para selecionar uma coluna inteira, clique
Observe ainda que temos o que chamamos na letra correspondente a coluna.
de caixa de endereço, onde realmente visu- • Para selecionar uma planilha inteira, clique
alizamos em que célula estamos. Veremos no menu Editar e clique em Selecionar tudo
mais a frente como funciona. ou tecle Ctrl+A
• Para selecionar células intercaladas, sele-
Todos os cálculos do BrOffice Calc são base- cione a primeira célula, segure a tecla Ctrl
ados no endereço dos valores. e vá clicando nas outras células que desejar.
Intervalo
Dados: valores de A4 = 1 ; A5 = 2 ; A6 = 3.
O uso dos DOIS PONTOS : em planilhas ele-
trônicas equivale ao intervalo de um número
a outro. EX: =SOMA(A4:A6)
95
linha que está sendo digitada, o Calc irá mos- los de forma simples e mais na frente apren-
trar Autocompletar esta palavra. Para aceitar, deremos formas mais complexas.
pressione a tecla Enter. Caso não queira cor-
rigir continue digitando o texto. Antes de tudo, é preciso que você saiba que
• Para cancelar a digitação pressione Esc. para digitar qualquer fórmula em uma célula
no Calc, deve ser colocado o sinal de = antes
Apagando conteúdo de uma planilha da expressão aritmética, fórmula ou função.
Para apagar a célula, basta pressionar a tecla, Abaixo temos os primeiros conteúdos digita-
Delete. Será apagado somente o conteúdo dos em nossa planilha. Observe e faça.
da célula e não a existente formatação nela.
96
A barra de ferramentas formatação porcentagem, etc.) Se você perceber que
a formatação aplicada à alguma célula está
Já que sabemos fazer cálculos simples, o errada, basta clicar neste botão com a célula
nosso próximo passo é aprender a formatar em questão selecionada que será removida
as fontes principalmente, da nossa planilha. a formatação.
Não é novidade para nós o que é uma bar-
ra de formação e para que ela serve. A barra
13
Formatar como Data
Formatação do Calc é parecida com a versão 14
Adicionar casa decimal
existente no Writer, porém com diferenças
cruciais. Vamos então detalhar esta Barra de 15
Excluir casa decimal
ferramentas e analisar estas diferenças.
16
Aumentar recuo
17
Diminuir recuo
1 2 3 4 5 6 7 8 9 18
Inserir bordas na célula: você clica na cé-
lula desejada e clica na seta para baixo do
lado deste botão, surgirão então as pos-
sibilidades de formatação das bordas. Há
10 11 12 13 14 15 16 17 18 19 20
várias possibilidades de aplicar a forma-
tação da borda, dependendo da opção
que você clicar. Para remover todas as
1
Negrito, Itálico e Sublinhado formatações de bordas aplicadas, você
deve clicar na primeira opção; você tam-
2
Cor da Fonte bém pode aplicar um estilo a sua borda e
aplicar uma cor tanto na fonte quanto no
3
Cor do Plano de Fundo
plano de fundo da célula.
4
Alinhamento 19
Estilo da borda
5
Moldar Texto (Quebra) 20
Cor da borda
6
Mesclar células: já explicado, serve para
aglutinar duas ou mais células seleciona- Vale lembrar que todas essas opções de for-
das. Presente no menu Formatar; matação comuns ao Writer e ao Calc são per-
feitamente aplicáveis às células do Calc.
7
Alinhar acima
8
Centralizar verticalmente Cuidado com a formatação de sua planilha,
pois ela servirá para facilitar a visualização de
9
Alinhar abaixo dados por todos. Cuidado ao escolher cores.
Procure utilizar cores contrastantes, para que
10
Formato como moeda: coloca os núme- fique visível ao observador os limites entre
ros com o formato da moeda padrão; células de cores diferentes.
Ex: R$ 5,00.
Para retirar a formatação imposta clique no
11 Formato numérico porcentagem: trans- menu Formatar e clicando em Formatação
forma o valor da célula em porcentagem. Padrão, ou teclando .
É preferível que você mesmo digite na
célula o valor já em porcentagem, como Trabalhando com linha, coluna e planilha
5%, por exemplo, pois esta ferramenta
pode levar a falhas, pois multiplica valo- Uma célula no Calc pode ter um valor. Este
res por 100. valor pode ser um número, um texto, uma
12
Formato como número: remove forma- data etc. Mas como formatar o valor que nós
tação já presente no número (moeda, queremos que a célula apresente?
A resposta a esta pergunta é muito simples!
97
Basta você clicar na célula desejada e aces-
sar o menu [Formatar | Células...] ou o atalho
[Ctrl + 1] ou selecionar as células desejadas e
clicar com o botão direito e ir na opção For-
matar Células... Ao clicar neste menu, será
aberta a tela mostrada na figura abaixo:
98
Na área Propriedades
• Pode-se optar pela Quebra automática de
texto (dentro da célula) e se esta opção esti-
ver ativa pode-se optar também pela hifeni-
zação automática das palavras;
• Pode-se ainda optar por Reduzir (o texto)
para caber no tamanho da célula.
Nesta aba (Bordas) pode-se também definir Altura... você pode definir a partir de uma
o Estilo da linha que será usada nas bordas medida qual será a altura das células da linha
das células (Contínua, tracejada e etc.), de- da célula que você selecionou. Já em Altura
fine-se também a Largura, Cor e até Estilo ideal... o programa definirá a medida padrão.
de sombra das linhas.
Já em Ocultar sua linha será escondida na
planilha, estando lá, porém oculta. Por outro
lado, a opção Mostrar tornará visível alguma
linha que antes estivesse oculta.
99
Outra forma comum de dimensionar linhas dos por completo (José Carlos Maia e Maria
e colunas é através do próprio ponteiro do Célia da Silva) e sim apenas parcialmente e
mouse, quando você coloca em um limite uma pequena seta apontada para a direita,
entre rótulos de colunas ou linhas, clica e ar- indicando que há mais texto oculto.
rasta. Veja ilustrado nas figuras. Também vale
lembrar que podemos fazer o mesmo proce- Se você der um clique duplo na linha que
dimento com as colunas. separa as colunas A e B no local especifica-
do pelo retângulo vermelho, perceberá que
a coluna A terá sua largura ajustada para a
mesma largura da célula com o maior con-
teúdo em caracteres, no caso do exemplo, a
célula A3.
1
Duplo clique na linha entre as duas colu- Exemplo: Neste exemplo abaixo pode-se ver
nas para ajustar que a célula A1 foi mesclada com a célula B1,
conforme a figura a seguir.
Perceba que no exemplo da figura ao lado,
as células A1 e A2 não mostram seus conteú-
100
tão direito do mouse sobre este rótulo, sur-
girá então um menu, onde você clicará em
Excluir colunas selecionadas.
102
Capítulo 03 – Funções do CALC
104
MÉDIA No exemplo abaixo, calculamos a nota míni-
ma do intervalo de notas. O resultado será,
A função MÉDIA calcula a média de um in- para o intervalo de B2:B8, a nota 2,5.
tervalo de valores. A estrutura da função é:
=MÉDIA(INTERVALO_DE_VALORES).
SE
Nome da função: SE
Condição: MÉDIA >= 7
Valor Verdadeiro: Se a condição for verdadeira,
preencher a célula com o nome APROVADO. Suponha que a tabela acima seja a folha de pa-
Valor Falso: Se a condição for falsa, preencher gamento de uma empresa, e que todos rece-
a célula com o nome REPROVADO. berão reajuste salarial baseado no seu salário,
de acordo com a lista a seguir:
Neste exemplo será preenchido APROVADO
para Valor então (sempre que for um texto, de- Para quem ganha até R$1.400, o reajuste será
verá ser colocado entre aspas) e REPROVADO de 10%;
para Valor_senão. Para quem ganha acima desse valor, o reajuste
será de 7%.
Depois de juntar todas as informações neces-
sárias, chegou o momento de realizar o cál- O valor de referência nesse novo exemplo é
culo, para isso, primeiramente posicionamos R$1.400, portanto o teste será:
o cursor na célula desejada (no caso, G2), em B2<=1400 (para o funcionário Ricardo, pois o
seguida digitamos: valor de seu salário está em B2).
=SE(F3>=7;APROVADO;REPROVADO)
Em valor_então, usa-se a fórmula B2*10%, pois
Na célula G2 aparecerá escrito REPROVADO, o reajuste (10%) é calculado em cima do salá-
pois a média em F2 é 6,4 que é menor que 7, rio (B2). Em valor_senão, usa-se B2*7%.
resultando, portanto em FALSO. Caso seja al-
terada alguma das notas para cima, de modo
que a média fique superior a 7, o valor de G2
mudará automaticamente para APROVADO,
pois a condição passará a ser verdadeira. Após
isso, copia-se a fórmula de G2 e copia-se para
as células abaixo dela, o Calc atualizará a fór-
mula para as linhas correspondentes e a plani-
lha ficará como na figura abaixo:
106
A planilha completa ficará assim:
1
Neste momento, estou configurando mi-
nha célula para: SE CÉLULA FOR MENOR
QUE 7: Usar um determinado estilo.
Formatação condicional
Usamos essa ferramenta quando queremos Em seguida podemos alterar o Formato
alterar o estilo de uma célula dependendo de para esta célula se esta satisfazer a condição
um determinado resultado. Podemos mudar a que falamos acima: SE CÉLULA FOR ME-
cor da letra, tipo de fonte, plano de fundo, por NOR QUE 7.
exemplo, dependendo do valor da nossa célu-
la. Veja como usar essa ferramenta: Quero alterar a cor do plano de fundo para
VERMELHO, caso o número da célula for me-
nor que 7: Neste caso, vou até a aba Efeitos
da Fonte dessa janela e altero para a cor de-
sejada, como ilustra na figura abaixo:
1
1
Temos uma sequência de números ao
qual será avaliado caso a caso, de acordo
1
com as nossas necessidades. Seleciona-
mos todas as células contendo as notas,
pois queremos que todas escolhidas se-
jam alteradas.
107
terá uma formatação de cor da fonte VERME- quatro células, correspondentes aos alunos
LHO; (Já realizada) que não fizeram a prova, estão vazias.
CONT.SE
O formato da função é:
=CONT.NÚM(ARGUMENTOS).
O resultado da função CONT.SE acima é de
Observe no exemplo abaixo que nem todos 7 alunos. Quando o critério ou condição for
os alunos fizeram a prova. Podemos usar a de igualdade, não precisamos usar a conca-
função CONT.NÚM para contar as notas do tenação de texto, por exemplo: =CONT.SE
intervalo B2:13 e identificar quantos alunos (B10:B18;B6). Eis aqui outro exemplo utilizan-
de fato fizeram a prova. O resultado da fun- do a função CONT.SE, veja a tabela a seguir.
ção =CONT.NÚM(B2:B13) será 8 pois, as
108
a serem verificados. Já em critérios, pode-se
digitar tanto Gol (texto) quanto D3 (célula de
referência, que contém a palavra Gol). Logo o
resultado será:
8
3
1
=CONCATENAR(A2;” “;B2)
2
=ALEATÓRIOENTRE(1000;3000)
3
=SOMA(D2:D18)
4
=C2
Fórmulas Utilizadas:
5
=SOMASE($C$2:$C$18;F2;$D$2:$D$18)
6
=CONT.SE(C2:C18;F12)
Na célula D4 (coluna do TOTAL), utilizamos 7
=MÍNIMO(D2:D18)
a função =SOMA(B4:C4). Você poderia tam-
8
=MÁXIMO(D2:D18)
111
Capítulo 04 – Impress
Introdução 1
Menu de aplicativo: No LibreOffice, ela é
integrada ao aplicativo.
O Impress, é a ferramenta de criação de sli-
des e apresentações multimídia do LibreOffi- 2
Barra de ferramentas: A barra de ferra-
ce e através de sua interface, é possível criar mentas do LibreOffice inclui elementos
as mais diversas apresentações compatíveis comuns aos aplicativos, como o botão,
com Microsoft Office PowerPoint. salvar, imprimir, exportar como PDF, des-
Apresentações do Impress podem ser dinâ- fazer, tabelas, etc.
micas e ricas com adições de imagens 2D e
3D, efeitos de transição, efeitos especiais e
3
Barra de formatação: A barra de forma-
ferramentas de desenho incorporadas à in- tação do LibreOffice inclui a opção de
terface do programa. alteração do tipo e tamanho de fonte,
alinhamento dos elementos, marcadores
O objetivo deste capítulo, é apresentar ao e outros.
aluno o Editor e Apresentador de Slides Li- 4
Lista de slides: Exibe os slides criados.
breOffice.org Impress. Trata-se de um Sof-
tware similar ao popular Microsoft Power- 5
Slide em edição: Área de criação da
point e é utilizado para o desenvolvimento apresentação.
de apresentações profissionais.
6
Tarefas comuns: Exibe e permite a esco-
Ele é responsável por oferecer uma melhor lha das funções da apresentação, como
visualização para o conteúdo que deseja layout, animações, transições, tabelas e a
apresentar. Ele é responsável por dividir e definição de um slide mestre.
organizar o conteúdo. Facilitando o assunto
que será apresentado. Portanto, vamos estu-
7
Tarefas comuns: Exibe e permite a esco-
dá-lo! Começando, óbvio por sua interface. lha das funções da apresentação, como
layout, animações, transições, tabelas e a
A interface gráfica do Impress definição de um slide mestre.
1
2
4
6
3
112
Inserindo e Excluindo Slide possível definir o possível texto do rodapé e
se será inserido o número de página do Slide
A unidade básica de uma apresentação é o para cada um.
slide. A apresentação eletrônica será dividida
em Slides, que são como cenas de um filme Os recursos para número de páginas/data e
ou quadros, portanto você deve criar uma hora também podem ser acessados no menu
sequência de Slides. À medida que você vai Exibir em Cabeçalho e Rodapé...
construindo sua apresentação, novos slides
vão sendo necessários para que haja a conti-
nuidade do assunto apresentado.
Duplicar Slide
113
dos slides, o sistema perguntará se você quer
aplicar a alteração para todos os slides de
uma só vez. Diga sim, caso queira um padrão
para aplicar todos os slides, pois dessa forma,
você estará mantendo a identidade visual, ao
mesmo tempo em que poupa trabalho para
os próximos slides.
115
A partir da enumeração dos Slides de forma Aqui, você pode definir quais destas 5 abas
organizada e sequencial, pode-se navegar estarão visíveis no Painel Tarefas. O Painel de
em todos eles representados por miniaturas Tarefas pode ser fechado por completo ao
com um simples rolar de scroll e cliques no clicarmos no X superior direito.
mouse. O Painel de Slides pode ser fechado
por completo ao se clicar no X superior direi-
to. Também pode ser movido quando você
clica e arrasta na parte superior onde fica a 1
palavra Slides. 2
Painel de Tarefas
4
116
isso na caixa de diálogo de salvar na opção Tudo que fizermos neste slide será replicado
Tipo de Arquivo, definindo lá a opção Mi- para todos os slides que tenham este mesmo
crosoft Powerpoint 97/2000/XP. layout em nossa apresentação.
117
No canto inferior foi passado uma linha, tam-
bém uma figura geométrica (seta amarela) e
assim como foi adicionado um texto com a
utilização de um componente de texto (seta
vermelha);
Será criado um slide com layout padrão. Va- Feito isso, o slide apresentará a imagem sele-
mos alterar o layout para um que comporte cionada. Clique na figura e ajuste-a para que
texto e objetos. fique num tamanho adequado. E está pronto
o terceiro slide. Seu terceiro slide deve estar
Adicione o título Terceiro Slide e no quadro parecido com o apresentado na figura abaixo:
do lado esquerdo digite:
1 2
3 4
119
Slide e o layout padrão. Digite no campo de lacionado na lista de efeitos (seta vermelha
texto: abaixo) e, se você clicar com o botão direi-
• Item 1 – efeito de entrada aparecer <En- to do mouse sobre um item desta lista, en-
ter> tão surgirá um menu pop-up (seta azul na
• Item 2 – efeito de entrada barras aleatórias figura abaixo) onde poder-se-á configurar o
<Enter> momento em que o efeito acontecerá. Este
• Item 3 – efeito de entrada cunha <Enter> momento também pode ser configurado por
• Item 4 – efeito de entrada roda meio do campo Iniciar (seta amarela na figu-
ra abaixo).
Agora selecione o Item 1 inteirinho (confor-
me mostrado na seta azul na figura abaixo).
Clique na área Animação Personalizada
(seta vermelha na figura acima) e em segui-
da no botão Adicionar... (seta vermelha na
figura abaixo).
Efeitos
121
UNIDADE III
122
Olá! Bem-vindo a nossa unidade de Design Em alguns capítulos será dado somente uma
Visual WEB e Desenvolvi mento WEB. tarefa e as ferramentas que poderão utiliza-
das para cumprí-la. O objetivo desses exercí-
Neste curso você aprenderá o básico para uti- cios é usar a criatividade.
lizar duas ferramentas Livres, Gimp e Inksca-
pe. Com o poder dessas ferramentas em suas O material mostrará também que não adian-
mãos você será capaz de fazer verdadeiras ta somente saber utilizar as ferramentas, mas
obras de arte. Nesta podemos fazer o logo- é necessário entender a utilização das cores
tipo de uma empresa ou o layout de um site. para, através delas, despertarmos as sensa-
ções das pessoas. Você conhecerá, ainda, o
Nossa apostila é repleta de passo a passo básico de como utilizá-las no mercado de
para que você consiga fazer todos os exercí- publicidade. É importante saber quais co-
cios sem dúvidas. Ao seguir o passo a passo, res usar em seu site e porquê usá-las. Para
você aprenderá não somente uma ferramen- resolver as atividades será repassado um kit
ta, mas como utilizá-la em conjunto com fil- de imagens, contendo não somente as que
tros e texturas. são citadas nos exercícios, mas também ima-
gens extras. Aprenderá também futuramente
Ao final de cada capítulo há alguns exercícios a como utilizar as suas imagens criadas para
para que você fixe ainda mais o conteúdo serem utilizadas em páginas de Internet,
visto até então. Em cada exercício será mos- criando assim todo o layout da página em
trado uma imagem, onde sua tarefa é, com o HTML e CSS.
conhecimento adquirido, chegar ao resulta-
do dessa imagem. Bons estudos e aproveite!
123
Capítulo 01 – Conhecendo o GIMP
Introdução 1
Na parte superior da janela principal está
a barra de menus, aqui encontraremos
todas as funcionalidades do GIMP.
O GIMP (GNU Image Manipulation Program)
foi criado por estudantes como uma alterna- 2
Nessa janela encontram-se as ferramen-
tiva livre ao Adobe Photoshop. Foi um proje- tas básicas que usaremos e na parte in-
to universitário que amadureceu bastante e ferior estão suas características e a opção
hoje alcança expressiva popularidade. GIMP de como podem ser trabalhadas, como:
é uma poderosa ferramenta que trabalha cor, tamanho, opacidade, etc.
com manipulação de imagens. Nesta apostila 3
Essa janela permite trabalhar com várias
aprenderemos o básico da arte da manipula- camadas, desfazer o trabalho até o ponto
ção de imagens. de nossa escolha e trabalhar com canais
de cores e vetores. Na parte inferior nos
Interfaces apresenta um conjunto de pincéis, textu-
ras e degradês.
Na figura a seguir verá a interface do GIMP,
quando abrimos o programa vemos três jane-
las: a inicial, a caixa de ferramentas, a janela Caixa de ferramentas
de camada, canais e vetores. Antes de iniciar-
mos a utilização do programa, conheceremos
Vamos conhecer agora as ferram entas exis-
cada uma delas.
tentes na Caixa de Ferramentas na tabela na
página seguinte.
2 3
124
Medidas (Mede distância entre ângu-
Seleção Retangular <R>
los) <Shift + M>.
Seleção Elíptica <E> Clonagem em Perspectiva (Cópia de
uma imagem original aplicando uma
Texto <A> transformação de perspectiva).
Movimento (Move camadas e outros
Preenchimento <Shift+B> objetos) <M>.
Restauração (Recupera irregularidades
Seleção Livre (desenha a mão livre) <F>
na imagem) <H>.
Mistura (Preenche uma área com um Alinhamento (Alinha camadas e outros
dégradé de cores) <L>. objetos) <Q>.
125
Como você pode ver na figura a seguir, na Abrindo uma imagem (Nova Camada ou
parte inferior da janela há as opções de De- já existente)
grades e Texturas. Para utilizá-los é só clicar
e arrastar para a área selecionada na janela Para começarmos esta aula, abra o Gimp. Se
principal do GIMP. Os conteúdos dessa aba desejar trabalhar com a construção de uma
são atalhos para propriedades de algumas nova imagem, pressione Ctrl+N. Aparecerá
ferramentas. uma caixa na qual você pode escolher ta-
manhos já pré-definidos em uma lista, criar
suas próprias dimensões ou, caso deseje,
pressione Ctrl+O e aparecerá uma janela
para que você busque a imagem que deseja
em seu PC. Feito isso, vamos às ferramentas.
PRAT I QUE
126
Trabalhando com camadas 5
Sobe ou desce uma camada na posição
da pilha.
Agora que já conhecemos boa parte do pro-
grama, vamos aprofundar seus conhecimentos. 6
Duplica a camada atual e adiciona a
imagem.
Trabalharemos melhor com camadas e ten- 7
Excluir camada.
taremos explicar de forma simples e com-
preensível. No decorrer da apostila, apro- 8
Permite determinar o grau de transpa-
fundaremos os conhecimentos sobre este
rência da imagem.
assunto. Introduziremos aqui porque ele
será base para tudo que for fazer, pois cada
imagem aberta e cada área de trabalho cria- Seleção elíptica e Seleção retangular
da é uma camada.
Como já praticado anteriormente, a fer-
Como você já deve ter notado, camadas são ramenta de seleção retangular, como o
como transparências que compõem as ima- próprio nome já induz, seleciona parte da
gens e interagem uma com as outras, de acor- imagem. Pode ser modificado alguns parâ-
do com seu modo, opacidade e visibilidade. metros desta seleção para a seleção Retan-
gular e para a elíptica:
Vejamos algumas funcionalidades existen-
tes na aba camada, canais e vetores na figu- Enevoar Bordas: Embaça ou desfoca confor-
ra a seguir. me o tamanho do raio indicado. Aplica-se a
seleção elíptica e retangular
4
Tudo (CTRL + A): Seleciona toda a camada
3
Se o olho ao lado da camada estiver aber- Enevoar: Como visto anteriormente, desfo-
to significa que a camada está visível caso ca a área selecionada.
contrário ela estará oculta.
Tornar nítido: O contrário do enevoar.
4
Criar nova camada e adicionar a cama-
da atual.
Encolher: Encolhe a parte da seleção.
127
Aumentar: Aumenta a parte da seleção. to, para que futuramente possamos editá-las,
vamos em Arquivo | Salvar (ou salvar como,
Distorcer: Torna aleatória a seleção. caso não queira modificar uma imagem e
quer criar outra). Salvaremos nossa imagem
Retângulo Arredondado: Como falado ante- em XCF.
riormente, arredonda os cantos. Pode tornar
os cantos côncavos. Para individualmente salvar em PNG ou JPG,
como já salvamos em XCF, é preciso seguir o
caminho Arquivo | Salvar como...
P R AT I QU E
Seleção mão livre e borracha
Passo 01 – Utilizando ainda a última produ-
Versátil ferramenta, a seleção livre permite
ção feita (montagem01.xcf), ative a ferramen-
que refine a seleção, traçando-se diretamen-
ta de seleção retangular.
te com o mouse os contornos de seleção. É
uma ferramenta útil para uma imagem com
Passo 02 – Coloque o enevoar bordas e can-
fundo diferenciado e vários objetos mistura-
tos arredondados com raio 50.
dos e selecionar a grosso modo um objeto.
Passo 03 – Clique na camada Mulher e sele-
Há ainda a opção de acrescentar ou remover
cione nas bordas ao redor da tatuagem.
rapidamente uma seleção feita com outra
ferramenta.
Passo 04 – Vão no menu Seleção Inverter. Pres-
sione a tecla DELETE e veja o que acontece.
Podem-se utilizar as teclas SHIFT e CTRL para
adicionar e subtrair a seleção.
Passo 05 – Ative a ferramenta de seleção elípti-
ca e coloque o enevoar bordas com raio de 50.
Já a borracha, como o próprio nome já induz,
apaga partes do desenho. Em camadas que
Passo 06 – Faça a seleção ao redor da tatua-
tenham transparência, ela apaga para trans-
gem e pressione novamente DELETE
parência. Quando se está pintando numa ca-
mada ou outro objeto desenhável que não
Passo 07 – Salve esta imagem como monta-
tenha transparência, a borracha pinta com a
gem02.xcf.
cor de fundo. Ferramentas interessantes da
borracha são: Opacidade, Pincel e Escala.
Passo 08 – Salve a imagem como monta-
gem02.png.
PRAT I QUE
Passo 07 – Salve esta imagem como monta- Passo 02 – Com a área que deseja retirar
gem03.xcf. devidamente selecionada tecle Enter. A ima-
gem ficará como figura abaixo.
Passo 08 – Salve a imagem como monta-
gem03.png. Passo 03 – Salve esta imagem montagem04.
xcf montagem04.png.
129
15 e opacidade 80 e pronto eis o resultado
como mostra a figura abaixo.
PRAT I QUE
131
P R AT I QU E PRAT I QUE
Passo 01 – Abra uma imagem, aqui utiliza- Passo 01 – Abra a imagem maça.png e vá
mos a paisagem.png. em Camadas Transparência | Adicionar Ca-
nal Alfa.
Passo 02 – Dê um Ctrl+A para selecionar
toda a imagem, um Ctrl+X para recortar e um Passo 02 – Na aba camadas duplique a ca-
Ctrl+V para colar. mada atual e posteriormente selecione a ca-
mada superior.
Passo 03 – Utilize a ferramenta texto e digite
a palavra que desejar, aqui utilizamos PAZ. Passo 03 – Agora vá à opção Cores | Dessa-
turar e escolha a opção Claridade.
Passo 04 – Passe a camada do texto para bai-
xo da camada da imagem. Passo 04 – Com a ferramenta elipse selecio-
ne a área que deseja trabalhar, aqui escolhe-
Passo 05 – Na janela de camadas, clique com mos uma das frutas, a selecionamos, inverte-
o botão direito do mouse na camada que se mos e excluímos lembre-se que deverá estar
encontra o texto e escolha a opção alfa para trabalhando na camada dessaturada. Assim a
a seleção, você verá a seleção do texto na imagem colorida que está em baixo aparece-
camada da imagem. rá como mostra abaixo.
Menu Cores
Dessaturar
132
Colorizar Equilíbrio de cores
A ferramenta Colorizar atua na matriz satura- É muito comum quando fazemos uma compo-
ção e luminosidade da imagem, porém, antes sição – em que as imagens utilizadas tenham
de atuar, ela zera a saturação da imagem, fi- luminosidades, exposições e direções de luz
cando pronta para ser tonalizada de uma úni- diferentes umas das outras – ficar faltando
ca cor, selecionada a partir do controle matriz. certa unidade na imagem, mesmo depois de
equalizarmos todas as imagens utilizando os
filtros do Gimp. Nestas situações é muito co-
P R AT I QU E mum utilizarmos camadas com gradientes
por cima de todas as camadas da composição
com um determinado modo selecionado. Isso
Passo 01 – Abra a imagem mulher2.png e
faz com que a imagem tenha um aspecto mais
vá em Camadas | Transparência | Adicionar
profissional e uniforme.
Canal Alfa.
Agora que aprendemos a mexer com as co-
Passo 02 – Na aba camadas duplique a ca-
res e com recortes, podemos agora manipular
mada atual e posteriormente selecione a ca-
melhor imagens. Vamos a um exercício que
mada superior.
envolve mais atenção e maior quantidade de
ferramentas utilizadas.
Passo 03 – Agora vá na opção Cores | Dessa-
turar e escolha a opção Claridade.
133
Passo 04 – Crie uma nova camada com trans- Ferramenta de Corte
parência, clique na ferramenta gradiente e
escolha então as cores, sugiro as cores ama- Como o nome já diz, essa ferramenta pos-
relo para a cor de frente (r=255, g=255, b=0) sibilita cortar a imagem no ponto desejado,
e laranja para a cor de fundo (r=255, g=127, permitindo usar somente a parte de interes-
b=0) faça o gradiente na diagonal deixando se da imagem.
o amarelo na parte superior. Vamos escolher
para essa camada o modo sobrepor. Agora
a figura inteira ganha uma tonalidade ama- PRAT I QUE
relada isso é fundamental para deixar todos
os elementos dentro de uma mesma faixa de Passo 01 – Abra a imagem flores.png.
cor unificando assim a cena. Porém, alguns
ajustes ainda são necessários. Passo 02 – Clique em um ponto da imagem
e araste.
Passo 05 – Diminua a opacidade da camada
do gradiente para 80%, para diminuir a quan- Passo 03 – Selecionada a parte da imagem
tidade de amarelo. que deseja cortar como mostra a figura ao
lado tecle enter.
Passo 06 – Diminua também um pouco da
saturação das duas camadas (crianças e pai- Passo 04 – Após isso, a imagem será recor-
sagem), para isso vá em Cores | Matiz | Sa- tada e ficará somente a parte clara, ou seja,
turação e altere para 30 a saturação faça isso essa será a sua nova imagem. Veja a nova
nas duas camadas. imagem a seguir.
134
Ferramenta de Clonagem e Ferramenta
Restauração
P R AT I QU E
135
Capítulo 02 – Gimp - Camadas e Seus Modos
Modos
136
Passo 07 – Bem, você já posicionou a estam-
PRAT I QUE
pa na sua camiseta da forma que achou me-
lhor agora vamos tornar o efeito mais real,
duplique a camada Estampa duas vezes, no- Exercício:
meie as camadas para facilitar seu trabalho,
aqui usamos os nomes Estampa, Estampa1 e Já vimos uma boa parte do que o GIMP pode
Estampa2 esta ordem é de baixo pra cima. lhe proporcionar e já praticamos bem, agora
chegou a hora de com os conceitos vistos e
Passo 08 – Na camada Estampa2 utilize com sua criatividade fazer um trabalho total-
o modo Cor ele elimina a cor da camada mente autoral, ou seja, de sua própria cria-
de baixo substituindo pela cor da camada ção. Crie um cartaz de divulgação do projeto
superior, no nosso exemplo a cor da área e-Jovem somente utilizando o GIMP.
onde a figura será colada é cinza, após usar
o modo, ela passará a ser das cores da ima-
gem superior, no nosso caso as cores da es-
tampa, é aqui que a estampa é de fato apli-
cada, para compreender isso melhor veja
você mesmo, selecione a ferramenta Mover
e mova a camada, perceberá que moverá
uma sombra da imagem, mas a estampa
permanecerá colada.
137
Capítulo 03 – Gimp - Conhecendo os Filtros
P R AT I QU E
138
Passo 02 – Com os dois olhos selecionados xamos o nariz para baixo e a boca para frente.
vá em filtros | Realçar | Remoção de olhos
vermelhos, você poderá escolher o limite Decoração
do quanto de vermelho deseja tirar, quanto
maior o limite maior será a remoção como Adiciona efeitos decorativos como bordas,
mostra a figura abaixo. aspectos de fotos antigas e etc.
PRAT I QUE
Artístico
Percebeu alguma diferença entre as imagens?
Bem, aqui usamos mover e transformamos o São tipos de distorções, mas o resultado é
nariz do modelo em nariz de bruxa, e fizemos como se fosse um efeito pronto, sem precisar
um biquinho de beijo em sua boca também fazer mais alterações.
utilizando mover. Aumentamos um pouco o
olho utilizando o comando aumentar.
PRAT I QUE
Passo 01 – Meus Filtros Deformação | in-
terativa, nesta opção coloquem os valores: Abra a imagem mulher_oculos.png, vá em
raio de deformação em 20 e quanto defor- Filtros | Artísticos | Pintura a óleo, na janela
mar 0,30. Com o mouse, clique na parte que de opções deixaremos os valores de tama-
deseja aumentar e vá arrastando-o, aqui pu- nho da máscara e expoente em 8.
139
| Reproduzir, abrirá uma janela com o play,
clique e veja a animação.
P R AT I QU E
141
Menu
Login
Imagem de texto
142
Capítulo 04 – Inkscape e o Desenho Vetorial
Este capítulo tem como objetivo guiar para Programas de manipulação de imagens e de-
que futuramente possa seguir corretamente senhos vetoriais são comumente usados no
o uso das cores! mercado de publicidade e criação de web
sites. Pessoas que trabalham com esses pro-
Tipos de Imagem gramas são chamados de designer. Para que
você se torne um é necessário além de co-
Imagens podem ser formadas através de ma- nhecimento das ferramentas, entender como
pas de bits (bitmap) ou vetorialmente. Ob- as figuras e cores agem sobre as pessoas.
serve a figura a seguir.
As cores exercem diferentes efeitos fisiológi-
cos sobre o organismo humano, influenciando
no dia a dia do ser, interferindo nas emoções,
sentidos e intelecto. Vamos entender um pou-
co como conseguimos visualizar as cores e os
efeitos que podemos causar com elas.
As cores são representadas de acordo com Muito usadas para dar equilíbrio a um tra-
seus agrupamentos (modelos de cores). balho são as cores complementares. Cores
Vejamos alguns dos modelos utilizados complementares são as cores opostas no
pelo mercado. disco de cores ao lado. Elas dão equilíbrio
às imagens através do contraste. Claro que
Modelo RGB: Quando utilizamos a luz para esse deve ser bem usado para dar um bom
gerar as cores: Ex.: monitores e televisores. resultado. Se desejar dar destaque a uma
Formado pela adição das cores primárias, cor, basta colocá-la junto com sua cor com-
como vermelho, verde e azul. A junção des- plementar, por exemplo: se quiser destacar
sas três cores forma as demais, segundo o amarelo coloque-o junto com o violeta.
este padrão. Cores primárias são cores que Observe abaixo.
não resultam da junção de nenhuma outra
cor, já as cores secundárias são as cores for-
madas da junção de outras cores. Observe
a figura abaixo.
3 4
5
6
1
Barra de Ferramentas: Possui as ferramen- 5
Paleta de Cores: Disponibiliza de manei-
tas utilizadas para gerar as produções. ra rápida a cor a ser usada, perceba que
ao passar o mouse sobra a cor em baixo
2
Barra de Comandos: Essa barra oferece aparecerá seu código em HTML.
atalhos para as principais operações da
Barra de Menus. Normalmente são as 6
Barra de Status: Atalho para o zoom e
opções básicas como salvar, imprimir, im- para o seu controle de camadas onde po-
portar e exportar documento e outros. derá colocá-la visível ou travá-la.
3
Barra de Controle de Alto Alinhamento: 7
Área de Desenho: Área para criar artes,
Auxilia na rotação de objetos e no traba- no menu arquivo poderá alterar a fora de
lho com nós. sua área.
4
Barra de Controles de Ferramentas: Aqui
estão as opções para configurar as ferra- Vamos observar agora uma por uma das fer-
mentas selecionadas. Exemplo: quando ramentas que iremos utilizar. Abaixo existe
você escolhe a ferramenta Espiral na bar- uma tabela com as ferramentas, portanto,
ra, aparecerão opções para configurar a é importante sempre a consulta do nome
quantidade de voltas a divergência entra da ferramenta e a associação com a figu-
as voltas e o raio interno do espiral. ra dela. É importante também observar os
atalhos, e com o tempo ir memorizando-os.
146
Seletor – Seleciona e edita objetos, ata- Agora é a hora de começar os primeiros pas-
lho S ou F1. sos e trabalhar com as primeiras ferramentas.
Começaremos pelas formas básicas.
Editor de nós – Edita caminhos e nós,
atalho N ou F2. Ferramentas Retângulo, Elipse, Polígono
e Espiral
Editor de nós – Edita caminhos e nós,
atalho N ou F2.
Iniciaremos nosso primeiro contato com as
Zoom – Amplia e reduz o nível de zoom, ferramentas Retângulo, Elipse, Polígono e Es-
atalho Z ou F3. piral. Ambas iniciam seus desenhos da mes-
ma forma. Iremos iniciar pela ferramenta Re-
tângulo. Clique na ferramenta escolhida e na
Borracha – Apaga caminhos e áreas.
área de desenho clique e arraste e a forma
selecionada aparecerá. Observe a figura.
Retângulo – Cria e edita retângulos e
quadrados, atalho R ou F4.
Modificando e redimensionando objetos Da mesma forma, caso tenha criado uma elip-
se com arco, por exemplo e quer deixa-la in-
Objetos como os retângulos, podem ser teira, observe na próxima figura como pode-
modificados, por exemplo, arredondando se fazer isso. Teste os outros recursos.
os seus cantos, fazendo com que eles não fi-
quem mais agudos. Vamos ver como?
148
Podemos também manipular o espiral como
nas formas acima. Veja abaixo quais parâme-
tros podem ser modificados e faça altera-
ções. Observe a figura abaixo.
Ferramenta forma F2
arredondar
Assim abrirá uma janela como mostrado nas
figuras a seguir.
Contorno e Preenchimento
149
manho do contorno. Observe também que alças para redimensionamento
os parâmetros chamados Desfoque e Opa-
cidade aparecem, onde respectivamente
estão com valores 0,0 e 100,0. O desfoque
como o próprio nome já induz, deixa a figu-
ra menos nítida. Futuramente aprenderemos
a sua utilidade. Já a opacidade tem relação centro de rotação
com a transparência.
Aprendemos a criar e alterar a cor dos nossos Para movimentar um objeto, clique sobre ele
objetos, mas e se quisermos manipular mais e segurando o botão do mouse, arraste. Para
de um, por exemplo, selecionar? A ferramen- redimensionar, após o objeto selecionado,
ta seleção F1 deve ser usada para selecionar aparecerá setas(alças) nas suas laterais e ex-
objetos. tremidades (como na figura acima). Assim,
passe o mouse em cima de uma delas, clique
Para selecionar um objeto basta clicar em e puxe-as, logo o objeto irá mudando de ta-
cima do mesmo. Pode-se também fazer uma manho. Para girá-lo ainda com a ferramenta
seleção arrastando a ferramenta seleção e, de seleção ativada, dê um clique, e as setas
assim, criar um retângulo em volta dos obje- das suas extremidades mudarão sua forma.
tos que deseja selecionar. Novamente, assim como foi feito para redi-
mensionar, passe o mouse sobre a alça(se-
Deve-se ter atenção, pois o objeto tem que tas) das pontas e arraste, rotacionando a seta
estar totalmente dentro da caixa de seleção. para o sentido do outro ponto, por exemplo
Outra forma para fazer seleção é usando a te- e o objeto irá girar. Nas laterais, serve para
cla SHIFT. Tente! deixar o objeto mais inclinado. O centro de
rotação é bem interessante também. Caso
Outra utilidade da ferramenta de seleção, queira rotacionar o objeto, não pelo centro,
além da que já foi vista, é a de redimensionar, mas por exemplo através de uma de suas ex-
mover e girar os objetos. Inicialmente vamos tremidades, deverá mudar o controle rotação
ver o redimensionamento e movimento de para o local desejado. Observe abaixo que o
objetos em outra forma. Observe a diferença centro de rotação está no canto inferior, con-
entre as setas das extremidades e das late- forme as figuras a seguir.
rais. Observe as figuras a seguir.
150
D I CA S
1
1. Desenhe um círculo da cor que desejar,
usaremos o vermelho.
2 3
2. Selecione a ferramenta gradiente, na Barra
de comandos acione preenchimento e con-
torno, na aba preenchimento escolha gra-
diente radial e clique sobre o círculo.
4
Convertendo em caminhos
Trabalhando com caminhos
Ao desenhar um retângulo, uma elipse ou
Até agora utilizamos para os desenhos as
uma estrela, estamos lidando com objetos
formas básicas, onde podemos modificar so-
simples. No caso do retângulo, por exemplo,
mente alguns parâmetros, por exemplo, as só podemos mudar suas dimensões ou arre-
bordas de um retângulo. Porem, já reparou dondar os cantos. Para mudar um dos lados e
que ao modificá-los, modifica em todos os torná-los um arco, temos que converter o ob-
lados? E se por acaso fosse necessário arre- jeto em curvas e manipular com a ferramenta
dondar os cantos de somente 2 dos lados? forma.
Isto é possível utilizando dois caminhos. Vamos Para converter um retângulo em curvas, sele-
agora trabalhar com eles. cione o mesmo e acesse o menu Caminho |
objeto para caminho.
Operações Booleanas.
Editor de Nós
Pode-se trabalhar com a combinação de ob-
jetos de várias formas, o que chamamos de É uma ferramenta que auxilia na modificação
operações booleanas. Abaixo mostraremos de caminhos. Para utilizar os caminhos, será
seu funcionamento e seus atalhos, mas elas utilizado a ferramenta de edição de nós. Ob-
encontram-se no menu Caminho. Veja a ima- serve na figura a seguir.
gem abaixo, ela é composta por um retângu-
lo e um círculo. Objeto comum Convertido em curvas
153
Segue abaixo a barra de nós. Agora é a hora Não acredita? Vamos fazê-la então.
de praticar os conhecimentos adquiridos.
Observe e faça o passo a passo.
A primeira é para criar uma forma mais irre- 6. Coloque o contorno pontilhado e assim
gular. Você deve segurar o mouse clicado e como no retângulo faça com base nos pas-
arrastar, desenhando uma linha para definir sos 02 e 03 fazendo com que o pontilhado
os limites do objeto que você irá criar. Se fique como a imagem.
você quiser criar apenas uma linha sinuosa,
pode soltar o mouse em qualquer lugar, mas 7. Agrupe o desenho.
se quiser criar um objeto fechado, caminhe
de volta para o ponto inicial (quadradinho) e Agora vamos fazer um desenho simples. Fa-
solte o mouse ali. remos uma pasta de arquivos, e para isso,
utilizaremos as ferramentas: retângulo, as
Outra forma é utilizar para criar retas. Clique operações booleanas e trabalharemos o ali-
uma vez em um determinado local da área de nhamento de objetos. Faça o passo a passo
desenho e solte. Arraste o mouse para um ou- abaixo:
tro local e clique para criar a reta. Depois é só
clicar na paleta de cores na parte de baixo do Passo a passo
Inkscape para preencher o novo elemento.
1 – Crie um retângulo da cor amarela (ffd42aff).
PRAT I QUE
Aqui vamos utilizar a ferramenta texto com a 1. Com a ferramenta Texto digite a palavra
gradiente para o próximo exemplo. Teste sem preenchimento e com borda pre-
ta, utilize a fonte de sua preferência.
1. Duplique o texto que foi utilizado acima.
2. Vá ao Menu Caminho Expansão/Com-
2. Utilize fonte Courier 10 Pitch, tamanho 64. pressão | Vinculada. A palavra será selecio-
nada e, em alguma parte da seleção, apa-
3. Escolha as cores para o seu gradiente, recerá um pequeno losango ele é uma aba
após escolher clique no início da palavra e que puxando lhe permite expandir a seleção,
puxe para o final, aqui as cores escolhidas fo- como na vinculação o objeto é duplicado pu-
ram (#FF8080) e (#FF5555). xaremos a seleção para o interior desta de
modo a criar uma borda, é como se ficasse
4. Na barra de controle de ferramentas esco- uma palavra menor sobre a maior.
lha o item texto vertical. Veja ao lado como
ficou seu texto. 3. Selecione a palavra debaixo, caso não
consiga visualizar o limite das seleções use o
Zoom em uma de suas pontas e ficará bem
nítido, depois coloque-a na cor vermelha.
156
linear. A imagem ficará com o gradiente do Observe abaixo um exemplo.
vermelho para o branco horizontalmente,
mova a haste do gradiente para que fique
verticalmente o texto com o topo esbranqui-
çado e a base vermelha. Perceba que usando
várias ferramentas em conjunto consegue-
se uma vasta gama de efeitos, no exemplo
abaixo veremos alguns conceitos já vistos até
então como criação de círculos e gradientes,
mas veremos aqui algo a mais que se chama
opacidade, ela lhe permite alterar o grau de EX ERC Í C I OS
visibilidade da imagem podendo chegar até
a transparência. Com base no que já vimos até aqui e a expli-
cação da Curva de Bézier vista acima, vamos
Perceba que usando várias ferramentas em trabalhar com algumas ferramentas em con-
conjunto consegue-se uma vasta gama de junto.
efeitos. No exemplo abaixo veremos alguns
conceitos já vistos até então, como criação 1. Com a Bézier crie um ziguezague no senti-
de círculos e gradientes, mas veremos aqui do horizontal;
algo a mais que se chama opacidade. Ela lhe
permite alterar o grau de visibilidade da ima- 2. Agora digite o texto Projeto e-Jovem na cor
gem podendo chegar até a transparência. (#800000), fonte purisa e tamanho 64;
Tipografia Publicitária
Clonar em Ladrilhos
Conta gotas
158
Na aba Desfoque e Opacidade o objeto vai 8. Em linhas e colunas adicione respectiva-
se tornando desfocado a medida que vai sen- mente o valor 4, pois um tabuleiro de xadrez
do duplicado e ainda possibilita alternância possui 64 células, selecione toda as imagens
entre objetos desfocados e não desfocados. e agrupe-as (Ctrl+G). A imagem final ficará
No item Opacidade, permite diminuir a opa- como a exibida abaixo.
cidade dos objetos duplicados.
P R AT I QU E
159
Menu Editar | Clone | Desvincular (desati-
EX ERC Í C I OS
vando o modo clonagem). Ainda com as bolas
selecionadas use a operação booleana União.
1. Pesquise e explique o funcionamento das
3. Agora desenhe um retângulo de preferên- imagens vetoriais.
cia da cor cinza claro de forma que cada late-
ral sua fique sobre metade de cada lateral do 2. Os atalhos para as ferramentas Seleção,
retângulo de círculos fazendo-nos ver esse Elipse e Espiral são respectivamente:
retângulo cortar as bolas.
a) F3, F8 e F9 b) F10 F11 e F12
4. Agora passe o retângulo para baixo das c) F1 F5 e F9 d) F1 F2 e F3
bolas faça isso clicando na ferramenta sele-
ção e na barra de controle de ferramentas 3.No menu arquivo ha um submenu chama-
acione a opção enviar a seleção para trás. do Exportar como Bitmap. Teste e explique
suas funcionalidades.
5. Selecione tudo e use a operação booleana
diferença. 4.Qual atalho deve usar para agrupar, desagru-
par, duplicar, selecionar tudo e Texto e Fonte?
6.Duplique a imagem e pinte a duplicada de
preto vá no Menu Objeto | Preenchimento e
contorno em desfoque escolhe o nível 3 ou
4 e coloque essa camada abaixo da camada
original, perceba que criou uma sombra.
7. Relacione os atalhos.
(1) União ( ) Ctrl*
(2) Diferença ( ) Ctrl
(3) Intersecção ( ) Ctrl/
(4) Divisão ( ) Ctrl Shift AltGr
(5) Exclusão ( ) Ctrl+
160
9. Como percebeu a ferramenta texto trabalha
bem em conjunto com qualquer outra ferra-
menta, aliada importantíssima na construção
de cartazes. Veja o exemplo abaixo e tente re-
produzi-lo ele foi feito usando elipse, texto e
editor de nós. Tente fazê-lo utilizando figuras
geométricas de formas diferentes, fontes e co-
res diferentes.
161
Capítulo 05 – Inkscape – Camadas
Aqui cada folha é chamada de camada. Usan- 1. Crie uma camada com o nome fundo e de-
do camadas, seu trabalho se tornará mais senhe um retângulo da cor que desejar aqui
fácil. Todo bom ilustrador deve saber traba- usamos a cor rosa (#800080) com opacidade
lhar com o gerenciador de camadas, pois ele nível 42.
gerencia a ordem dos objetos na imagem.
Quando cada objeto está em sua respectiva 2. Agora, crie mais camadas, uma com nome
camada controla a opacidade dos mesmos, tela da cor preta (#000000).
determina se, na hora de trabalhar, a imagem
das camadas estará visível. Ele também trava 3. Crie uma chamada botão1 que é do círcu-
a edição de alguns objetos para que enquan- lo maior com a cor cinza (#e6e6e6).
to trabalhamos com outro, não ocorra ne-
nhum acidente nos demais e muda a ordem 4. Crie outra com o nome botão2, nela faz-se
das camadas em sua pilha como desejar. um pequeno círculo na cor cinza (#808080) e
o duplica.
162
P R AT I QU E
163
Capítulo 06 – Inkscape – Trabalhando com Filtros
Lembra dos filtros vistos em Gimp? Pois bem, esse filtro lhe dará aspecto metalizado, bri-
o Inkscape também tem uma bela biblioteca lho e sombra.
de filtros com efeitos que irão ajudar a en-
riquecer ainda mais seus trabalhos. Aqui lhe
mostraremos alguns e os utilizaremos em
conjunto com as ferramentas e demais op-
ções que o Inkscape lhe permitir, isso para
que você reforce o que foi visto até aqui e
assimile ainda mais tudo que o programa lhe
oferece. Apresentaremos somente alguns
filtros, mas cada um deles será apresentado
com um exemplo e a explicação de como foi EX ERC Í C I OS
feito. Façam também, modifique o que for
feito e crie sua própria arte.
1. Digite uma palavra e escolha a fonte e cor
que quiser, aqui usamos a cor branca.
Básico
São efeitos sobre como acrescentar contor- 2. Filtros | Bordas | Bolha incandescente,
no, ou um pequeno desfoque na imagem. esse filtro lhe dará aspecto metalizado, brilho
e sombra.
Bordas
O filtro é muito simples de usar, basta ir ao 1. Desenhe um círculo da cor que desejar,
Menu Filtros | Espalhar terá aqui as três op- aqui usamos o vermelho.
ções e é só clicar. 2. Vá em Filtros | Materiais | Descascar
165
EX ER CÍCIO S
166
Capítulo 07 – Blog
E isso é importante: se você não gosta de es- Irá abrir um popup, cujo você irá colocar titulo
crever, provavelmente não conseguirá man- do blog, o endereço e escolher um modelo.
ter seu blog por muito tempo.
Título – Este é o nome pelo qual seu blog
Quais situações não deve-se criar um blog será conhecido. Ele será exibido na tela prin-
cipal do seu blog e também nas barras dos
Se você está pensando em criar um blog so- navegadores.
mente para republicar artigos que leu em ou-
tros lugares, não vale a pena. Isso não lhe tra- Endereço – Aqui, você deve escolher o en-
rá nenhum resultado positivo e ainda pode dereço pelo qual seu blog será acessado. A
lhe trazer problemas legais, pois isso pode sugestão que faço é que o endereço seja o
até ser encarado como crime. mesmo do título, para facilitar a memoriza-
ção pelos visitantes.
Se não tiver tempo para dedicar ao seu blog,
também não vale a pena iniciá-lo. Um blog Modelo – Você precisa escolher um dos mo-
exige tempo para pesquisar, escrever e pu- delos disponíveis, que determinarão o visual
blicar artigos, para responder comentários e do seu blog. Para quem está iniciando, sugiro
para divulgá-lo. É você quem definirá o tem- escolher um que seja diferente das Dynamic
po que irá usar, mas é importante saber que Views, que são bem limitados.
ele tomará seu tempo.
Postagem
Configurando as Postagens
168
• Em Link permanente, você pode escolher Uma vez definidas todas as opções deseja-
o endereço para publicação da sua posta- das, você pode clicar em Publicar, que fica
gem, ou deixar marcada a opção Link per- na barra superior de botões.
manente automático para aceitar a suges-
tão do Blogger. Você também pode clicar em Salvar para
gravar as alterações realizadas e continuar a
editar, e em Visualizar para ver como a pos-
tagem ficará em seu blog antes de publicá-la.
Cuidando do Blog
• Em Local, você pode informar o local onde • Planeje cuidadosamente os novos artigos
essa postagem ocorreu. Isso faz mais sentido que você irá escrever. Quando se inicia um
para postagens que dizem respeito a um lu- blog, é grande a tentação de sair escrevendo
gar, como uma foto ou relato de visita a um o que vem à cabeça. Resista a essa tentação
lugar. Se não deixar mostrar, basta deixá-lo e já comece fazendo bons artigos.
como vazio. • Só publique artigos originais. Nunca copie
para seu blog artigos de outros locais (mes-
mo que você tenha autorização para isso).
Originalidade e qualidade são duas qualida-
des importantes para a evolução do seu blog.
• Determine sua frequência de postagens.
Avalie quanto tempo você terá para traba-
lhar em seu blog e determine de quanto em
quanto tempo você publicará. Se tiver tempo
para publicar todos os dias, ótimo! Se não ti-
ver, prefira publicar uma vez por semana do
que escrever 10 artigos de uma vez e sumir
do seu blog.
• Escolha cuidadosamente os gadgets que
você colocará em seu blog. Os gadgets são
pequenas partes que trazem funcionalidades
legais ao seu blog.
• Divulgue o seu blog. Sem divulgação, as
pessoas nunca conhecerão o seu blog. Ago-
• Em Opções estão alguns itens mais avança- ra é hora de arregaçar as mangas e mostrá-lo
dos, que não convém alterar agora. a elas!
• Cuide bem de seus leitores. Você notará
que não é fácil atrair leitores e comentaristas
para o seu blog. Por isso, trate-os bem quan-
do chegarem até você, com a máxima aten-
ção. Isso faz com que eles queiram voltar.
169
UNIDADE IV
Lógica de Programação
com Scratch
170
Capítulo 01 – Scratch
Nessa unidade iremos abordar assuntos rela- Os projetos Scratch são baseados em objetos
cionados a lógica de programação de com- gráficos chamados Sprites. Pode-se mudar a
putadores. Utilizando o software Scratch, aparência de um Sprite, dando lhe um novo
iremos aprender os principais conceitos de traje, ou fazê-lo parecer-se com uma pessoa,
logica, e como utilizar a ferramenta para criar um objeto ou até mesmo um animal. Ainda,
jogos e animações. pode-se usar qualquer imagem como traje:
pode desenhar no Editor de Pintura, impor-
Bom aprendizado a todos! tar uma imagem do disco rígido, ou arrastar
uma imagem a partir de um site.
Introdução ao Scratch
Pode-se dar instruções a um Sprite, indican-
Scratch é uma nova linguagem de programa- do-lhe para se mover, reproduzir música e in-
ção desenvolvida pelo Lifelong Kindergarten teragir a outros Sprites. Para isso, basta criar
Group no MIT Media Lab (http://llk.media. sequências de comandos, arrastando-os e
mit.edu), com o apoio financeiro da National encaixando-os em blocos, tal como se fos-
Science Foundation, Microsoft, Intel Founda- sem peças de Lego ou de um Puzzle. Quan-
tion, Nokia, e consórcios de investigação do do clicar duas vezes (duplo clique), o Scratch
MIT Media Lab. executa os blocos a partir do topo do script
para o final.
O Scratch permite criar as suas próprias his-
tórias interativas, animações, jogos, música, Em resumo, o Scratch é um software que per-
arte e compartilha-las através de websites. mite criar histórias, jogos e animações.
A programação é efetuada através da criação Isto tudo de forma simples, animando o mo-
de sequências de comandos simples, que vimento de objetos.
correspondem a blocos de várias categorias,
encaixados e encadeados de forma a produ-
zirem as ações desejadas.
171
Ambiente ou Interface de programação 2
Blocos de Comandos: Onde estão agru-
do Scratch pados os comandos de uma determinada
categoria.
O ambiente de programação do Scratch, é
um ambiente que permite a montagem de 3
Opções de Scripts: São opções principal-
um algoritmo de programação através de mente para área de Scripts, trajes e sons.
diagrama de blocos, onde, diferentemente Estas abas são: Comando (onde ficará
das outras linguagens que se ensina lógica, os comandos para o nosso Sprite), Trajes
tem que ser digitado comandos. O usuário (Onde ficarão os trajes e onde podemos
do Scratch tem como ver a sequência de acrescentar ou tira-los) e Sons (onde fica-
ações tendo muito mais controle sobre o que rão os sons que podemos usar).
poderá fazer.
4
Área de Edição: Edição do objeto selecio-
Quando abrimos o Scratch, entramos dire- nado. Nesta área é feita a programação e
tamente para o modo de Edição, que nos a união dos blocos.
permite criar ou modificar projetos. Veremos 5
Edição de Objeto: Edita o objeto selecio-
agora um pouco sobre a tela do Scratch e as nado. Ppodemos crescer ou encolher um
suas principais Funções. Observe na figura a objeto, assim como apagá-lo ou duplicá-lo.
seguir, a área de trabalho do Scratch.
6
Modos de visualização: São os tipos de vi-
sualização do palco. Define como o palco
1
Categoria de Comandos: Os comandos será apresentado. Pode ser apresentado
são divididos em categorias. São eles: em pequeno tamanho, com o palco cheio
Movimento, aparência, som, caneta, con- ou em modo apresentação, quando terá
trole, sensores, operadores, variáveis. a tela cheia com a apresentação.
5 6
1
7
10
172
7
Iniciar e Parar: São os botões para iniciar Menu Editar
e parar os Scripts. Desfazer apagar Permite recuperar o último
comando, bloco ou Sprite eli-
8
Palco: Onde os objetos são colocados e é minado
possível ver o resultado da programação Iniciar passo a Mostra o passo a passo da exe-
criada. O objeto inicial que aparece no passo cução do programa
palco é o gato. Marcar passo Faz com que o passo a passo
simples possa ser feito mais rápido ou
9
Botões de novo Sprite: Cria um novo per- mais lento
sonagem ou objeto para o projeto. Comprimir sons Comprime os sons usados no
projeto, para reduzir o tama-
10
Lista de Sprites: Aparecem miniaturas de nho do projeto
todos os Sprites. Clique para escolher e Exibir Blocos Mostra os blocos de motores
editar um Sprite. O objeto em edição fica de Motor na área de blocos de comando
selecionado. Menu Compartilhar
Compartilhar o Permite fazer o upload do pro-
Menu Geral arquivo online jeto para o site, para ficar dispo-
nível a todos os seus visitantes.
Veremos alguns detalhes do menu geral Ir ao site do Vai até a página do Scratch.
como mostrado na figura abaixo: Scratch
Menu Arquivo
Novo Abre um novo projeto
Abrir Abre um projeto
Salvar Salvar o Projeto
Salvar como Salvar o projeto com outro
nome
Importar projeto Importa um projeto já exis-
tente para um projeto atual Palco
Exportar projeto Exporta o projeto atual
Notas do projeto Insere notas sobre o projeto O palco é onde ficará e mostrará as histórias,
Sair Fecha a janela do Scratch jogos e animações. Os Sprites podem mo-
ver-se e interagir uns com os outros no palco.
O palco tem 480 unidades de largura e 360
unidades de altura e está dividido entre as
173
coordenadas X e Y. O centro do palco tem as Podemos ter vários Sprites dentro do palco,
coordenadas 0 em X e 0 em Y. onde eles podem aparecer, desaparecer e fa-
zer diversas ações onde envolvem outros Spri-
Para saber a posição de um determinado tes para formar uma animação ou um jogo.
ponto dentro do palco, mova o mouse até Mais a frente aprenderemos melhor sobre
o ponto desejado e observe logo abaixo do como trabalhar com os objetos, podendo au-
palco no canto inferior direito. mentá-los ou diminuí-los, duplicá-los ou apa-
gá-los, ou até outras ações importantes.
Mostrando sistema de coordenadas e
orientações
Sprite
Serve para substituições dos trajes, fazer apa-
O Sprite é qualquer objeto do Scratch. Obser- recer ou desaparecer ou ainda fazer que apa-
ve que o nosso Sprite é representado por um reçam diálogos.
gato, portanto, toda vez que abrirmos o Scrat-
ch, aparecerá esta figura.
174
Valores: Estes comandos, tais como
Tem como principal finalidade importar sons e destinam-se a serem en-
ou músicas. caixados em certas áreas dos comandos sim-
ples. Valores de formato arredondado como
indicam números ou listas, e podem ser usa-
dos em comandos com áreas arredondadas
Responsável pelos traços deixados pelo ob- ou retangulares.
jeto que está se movimentando.
Os valores com extremidades pontiagudas
(como ) indicam valores
Possui comandos pré-definidos, responsá- booleanos (verdadeiro ou falso) e podem ser
veis pela estrutura lógica de conexão. inseridos em comandos com espaços pon-
tiagudos ou retangulares (como
e ).
Serve para perceber cores, distâncias e são nor-
malmente combinados com outros comandos. Alguns valores têm uma checkbox junto aos
mesmos. Assinalando a checkbox o valor
fica visível no Palco, sendo atualizado dina-
micamente à medida que for mudando. Os
Serve para fazer operações matemáticas en-
valores podem ser mostrados em diversos
tre outros.
formatos:
• um pequeno mostrador com o nome do in-
dicador;
Serve para criar variáveis para armazenar um • um mostrador largo, sem qualquer nome;
determinado valor para ser usado posterior- • com um slider que permite alterar o valor
mente assim como também a questão de cria- (apenas disponível para variáveis).
ção de listas.
Movendo um comando e executando
Tipos de comandos do Scratch
De agora em diante vamos começar a estu-
Dentro das oito categorias disponíveis na Pa- dar primeiramente os comandos básicos do
lheta de Comandos, há três tipos principais Scratch e depois passar a conhecer melhor
de comandos: suas funções.
Comandos Simples: Estes comandos têm en- Primeiramente devemos mover, ou arrastar
caixes no topo e no fundo, como um comando para a área de scripts. Para isso
Alguns destes comandos têm áreas onde se é só clicar em cima do objeto desejado, se-
pode escrever números (como por exemplo, gurar e movê-lo para a área de Script.
o 10 do comando ) ou escolher
um item a partir do menu pulldown (tal como Quando abrimos o Scratch ele abre direta-
miau no bloco). Alguns destes comandos mente na ABA Movimento. Observe a figura
têm um formato em forma de C, onde podes a seguir e tente fazer o mesmo! Clique no
inserir outros comandos, como por exemplo: comando mova 10 passos e solte na área
de script.
175
Para executar este simples comando, clique Para testar, altere o número de passos do
sobre ele. Observará que após o clique no comando que está na área de Script e obser-
comando mova 10 passos, nosso Sprite se ve o que acontece na área do sistema de co-
moverá e as coordenadas mudarão também. ordenadas. Para alterá-lo, clique uma vez em
cima do numeral 10 e substitua por 10.
Observe que alguns comandos, como os
do exemplo acima, têm campos de edição Trabalhando com o vire
e para alterar o valor, clica-se no espaço da
área branca e escreve-se o novo número. Por- Percebe-se que com o mova, o nosso obje-
tanto, pratique clicando no número 10, e al- to somente se movimenta no eixo X (ou seja,
tere para 20. para frente e para trás). Precisamos de algu-
ma ferramenta que faça com que ele faça o
Pressione novamente o comando e percebe- movimento entre o eixo Y também. Para isso
rá que nosso Sprite e as coordenadas volta- iremos utilizar a rotação através do comando
rão para o lugar de origem. Vire.
DI CAS
177
Para criar ou inserir um novo objeto você
deve clicar em uma das seguintes opções:
178
Capítulo 02 – Blocos de Comandos
180
bloco de toque o tambor após o segundo mo- desta caneta (para isso, utilize os 2 blocos se-
vimento. Vamos então incrementar um pouco guintes ao lado), onde vai variar a tonalidade
mais, e colocar outro toque, como mostra a da cor escolhida para mais escura ou mais clara.
imagem abaixo. Dê um duplo clique sobre o
Script e perceba o que acontece. Por último, mudar o tamanho do traço, poden-
do ser maior ou menor, dependendo do valor
Agora, implemente o Script semelhante ao da registrado.
figura abaixo, introduzindo o bloco sempre,
localizado na seção Controle. Clique em cima Trabalhando com a aba caneta
e veja o que acontece.
Até agora aprendemos como modificar a apa-
rência do nosso personagem, fazê-lo falar e até
tocar um som. Agora é importante começar a
pensar: como seria fazer com que fique regis-
tado na tela algo quando o nosso elemento
se mexer? Por exemplo, podemos querer de-
senhar figuras geométricas, como quadrados
triângulos, entre outros.
Para interromper o programa, use o botão
vermelho no canto superior direito do palco, Por isso vamos aprender um pouquinho sobre
ou clique novamente sobre o script. a aba caneta e seus componentes.
Clique e arraste o bloco SEMPRE para a área Estes comandos (pare e espere), normalmen-
de edição de scripts. Encaixe o grupo de co- te servem, como o próprio nome já diz, para
mandos dentro do bloco SEMPRE. parar ou para que espere até uma determi-
nada ação.
Para arrastar um conjunto de blocos, clique
sobre o primeiro bloco (no topo do conjunto) O espere pode servir para que se esperem
e arraste tudo. tantos segundos, ou para esperar até que uma
determinada coisa seja feita (pressionado o
Para parar a programação após usar o co- botão do mouse ou pressionado uma tecla.)
mando SEMPRE, clique no botão vermelho,
que significa Parar Tudo.
Usando os controles repita / repita até / Uma das maneiras de iniciar ou parar os pro-
sempre se gramas é através dos botões onde, a
bandeira verde, inicia o programa e o botão
O comando sempre se é realizado quando a vermelho para um programa.
condição no bloco for verdadeira. Por exem-
plo, dizemos “Sempre, se tecla X for pressio- O Scratch também possui controles para o
nada”, ou seja, só será executado o que tiver início da execução dos scripts. Um exemplo
dentro, se o que tiver depois for satisfeito. Nes- é a bandeira verde que fica sobre a tela de
te caso é diferente do exemplo acima, pois o visualização das programações: ela pode ser
bloco será executado sempre, porém, ele vai usada para iniciar o funcionamento de um
executar o que tem dentro do bloco cada vez script. Para isso é necessário que seja coloca-
que a tecla for pressionada. do no script o bloco de controle que indica:
182
pois ele que determina o início desta execu-
ção. Para testar, clique sobre a bandeira ver-
de que significa Iniciar Scripts.
Usando Teclas – Detectando teclas pressio- Para fazer uma animação no Scratch, é bas-
nadas tante simples. Já vimos algo sobre isso no
tópico Trabalhando com trajes, agora vere-
Para iniciar um script, além de usar a bandei- mos melhor como automatizar as coisas atra-
ra verde, é possível determinar uma tecla do vés do controle. O efeito final é o mesmo de
teclado que funcione como disparadora do uma imagem gif, ou seja, imagens que se me-
script. Desta forma, quando a tecla for pres- chem, onde aparecem diferentes posições
sionada, o script inicia sua execução. de um personagem e a troca das imagens
das posições produz a ideia de animação.
Para determinar que o início da execução
será definido por uma tecla, você precisa co- Escolha o objeto que será animado e clique
locar no início de um script, o controle. em trajes. Você pode criar as diferentes posi-
ções do objeto, desenhando o novo a partir
Arraste o bloco para a área de edição de script do inicial (fazer uma cópia do original e edi-
e o encaixe no início de um conjunto de blocos. tar) ou importar as posições.
Para determinar qual tecla do teclado será Depois faça o script do objeto que será ani-
usada para iniciar o script, clique na seta (ver mado. Use o bloco SEMPRE e dentro dele, o
imagem ao lado) e escolha a opção desejada. bloco próximo traje. Este bloco faz o objeto
alternar entre seus trajes já criados.
Você pode usar um controle inicial de Script
diferente para cada conjunto de blocos. É as- É importante colocar um tempo após a tro-
sim que se faz para determinar movimentos ca de traje para que seja possível visualizar a
diferentes de um objeto, de acordo com o troca, ou isso acontecerá muito rápido.
clique nas setas de direção do teclado.
185
Usando variáveis
186
Quando se cria uma lista ela fica visível no seguintes elementos: uma bola, a figura de
palco, mostrando todos os seus itens. É pos- dois jogadores (Jog 1 e Jog 2) e onde cada
sível editar os itens da lista diretamente no um pode fazer gol no outro.
palco.
Primeiramente, vamos escolher os nossos
A lista é criada vazia, com a indicação de Sprites, portanto, escolha o Sprite do arquivo
itens: 0. Para adicionar itens à lista, deve-se beachball1 dentro da pasta things.
clicar no símbolo mais, no canto inferior es-
querdo do mostrador. Depois, encolha o objeto para ficar em um
tamanho relativamente pequeno e renomeie
Como alternativa, pode-se adicionar itens para o nome Bola.
usando comandos simples. É possível ajustar
o tamanho do espaço da lista, arrastando-lhe O nosso objeto1 será o nosso juiz, então no-
o canto inferior direito. meie para Juiz. Escolha também os Scripts
bat1a e bat1b, renomeando respectivamente
Pode-se ainda ter a opção de querer exportar para Jog. 1 e Jog. 2. Diminua todos os objetos
a lista para um documento .txt, clicando com para ficar praticamente do mesmo tamanho da
o botão direito que será criado diretamente bola. Observe na figura a seguir o tamanho real
na pasta de instalação do Scratch. e o reduzido como base. Nela temos a ideia de
como ficará os nossos elementos.
Inversamente, podes usar a opção disponível
para importar dados à uma lista, a partir de
qualquer ficheiro.txt, com um item por linha.
Caracteres
Podemos também fazer com que a bola só Coloque no espaço do se o sensor tocando
se movimente quando clicada nela, para isso, em... e selecione o Gol 1.
use o controle quando Bola clicada.
Você pode colocar dentro do senão o co-
No Script perceba que como tem o se to- mando MOVA para que a bola ande, se não
car na borda, volte, quando toca na borda tocar no Gol 1. Mas se deixar o senão vazio,
(qualquer borda do palco) ela volta na dire- apenas não acontecerá nada quando a bola
ção contrária. não tocar no Gol 1. Dentro do bloco se colo-
que a ação que deve ocorrer quando a bola
Veja que foram feitos três Scripts separados: tocar o gol, ou seja, coloque o bloco Ponto
um para o movimento da bola e outros para para o Jogador 2 por 2 segundos.
o movimento dos jogadores. Também é pos-
sível fazer tudo junto, usando apenas um Coloque o bloco dentro de um bloco SEM-
controle de início do Script e apenas um blo- PRE para que este teste seja feito o tempo
co SEMPRE. todo. Depois coloque um controle que de-
termine o início do Script. Observe o exem-
plo da figura abaixo. Duplique o bloco e tro-
P R AT I QU E que Gol 1 por Gol 2 e Ponto para o Jogador
2 por Ponto para o Jogador 1.
Agora vamos complementar o nosso projeto.
O desafio é fazer uma bola ir na direção do
gol oposto e se bater nele, dizer Ponto para
o Jogador 1 ou Ponto para o Jogador 2.
188
Capítulo 03 – Lógica de Programação
O computador é uma máquina que realiza Começaremos a falar um pouco sobre a par-
uma variedade de tarefas de acordo com ins- te principal que faz o computador funcionar,
truções específicas. É uma máquina de pro- ou seja, a parte física dele.
cessamento de dados, que os recebe através
de um dispositivo de entrada e o processador Sem estes elementos físicos o computador
os manipula de acordo com um programa. não poderia funcionar. Elas, interligadas, for-
mam o computador.
O computador tem dois componentes prin-
cipais. O primeiro é o Hardware que é a par- Memória Principal
te palpável (que se pode tocar) do compu-
tador. Ele é composto de partes eletrônicas A memória, onde se encontram os dados e
e mecânicas. as instruções que a CPU precisa para realizar
suas tarefas, dividida em diversos locais de
O segundo componente principal é o Sof- armazenamento que possuem seus respecti-
tware que é a parte impalpável (não se pode vos endereços lógicos. A CPU acessa a me-
tocar) do computador. Ele é composto de mória pelo uso destes endereços.
dados e dos programas de computador.
Processador ou Unidade Central de Pro-
O software é um programa que o compu- cessamento (CPU)
tador usa para funcionar. Ele é armazenado
em algum dispositivo de hardware como um A unidade central de processamento (CPU
disco rígido, mas é em si mesmo, intangível. Central Processing Unit), que comumente
Os dados que o computador usa podem ser é chamada de Processador, é o cérebro do
qualquer coisa que o programa precise. Os computador. Ele possui milhões de partes
programas agem como instruções para o elétricas muito pequenas. Ele faz as opera-
processador. ções fundamentais dentro do sistema. Alguns
exemplos de processadores modernos são
Alguns tipos de programas de computador: Pentium 4, Core 2 Duo, Athlon, entre outros.
190
braço mecânico de um robô para que toda Variáveis
vez que alguém de aproxime, ele mesmo
abra a porta. Se por acaso no passo 2 não Já foi visto que temos uma categoria no
seja colocado no algoritmo, no mínimo o Scratch chamada Variáveis. Mas você sabe
nosso braço mecânico não conseguirá abrir o que significa variável? Variável é um local
a porta, ou no pior dos casos, ele colocará reservado na memória do computador, que
força que puxará a maçaneta e a quebrará, pode armazenar qualquer valor do conjunto
ou a própria porta. ou conjunto de valores.
Pseudocódigo
Operadores Aritméticos
Operadores Lógicos
Estrutura de Condição SE
Além dos operadores relacionais, existem os
Para se criar vários jogos e animações, é im-
operadores lógicos, no Scratch. Os operado-
portante usar condições. Para entendermos
res lógicos também servem para comparar
o uso da condição Se, faremos uma bola ba-
qualquer tipo de valor. No Scratch, os opera-
ter em um objeto e quando ela bater, voltar.
dores lógicos também são 3, sendo acessa-
Para isso, vamos seguir o exemplo abaixo.
dos através da categoria Operadores:
Passo 02 – Agora mude a direção da bola Por fim, coloque no começo destes coman-
para 0, para ela ir na direção do gol. Para isso, dos, o bloco quando bola clicada. Isso fará
arraste para cima a linha em azul no objeto com que a bola ande quando for clicada com
bola, como indica a imagem ao lado, com os o mouse. Seus comandos ficarão semelhan-
itens circulados em amarelo. tes ao mostrado abaixo.
Ainda dentro do bloco se, coloque a ação Passo 01 – Inicialmente, vamos arrastar o
que deve ocorrer quando a bola tocar o gol, bloco quando bandeira verde clicado e
ou seja, arraste o bloco diga Gol! por 2 se- o sempre, unindo-os, ambos da categoria
gundos, como mostrado a seguir. Controle, como mostrado na imagem na pá-
gina seguinte.
194
Passo 02 – Em seguida, arraste para dentro Para testar esse projeto, clique sobre a
do bloco sempre, o comando mude o efeito e ela vai executar os blocos de comando,
cor por 25, que esta na categoria Aparên- sem parar, sempre mudando a cor do tam-
cia, como mostra a imagem abaixo. bor e tocando um som. Caso queira parar o
projeto, clique sobre o .
195
Passo 02 – Arraste o bloco tecla espaço
pressionada?, da categoria Sensores, para
frente da repetição do sempre se, como
mostra a imagem abaixo.
197