Oficina de LibreLogo realizada em 19/04/2016 no 4º SENID - Seminário Nacional de Inclusão Digital.

1. LibreLogoLibreLogo: um software educacional livre: um software educacional livre
para construção de desenhos usandopara construção de desenhos usando
lógica de programaçãológica de programação
Gilvan VilarimGilvan Vilarim
Instituto Federal do Rio de JaneiroInstituto Federal do Rio de Janeiro
Abril/2016Abril/2016

3. BRINCAR!
O que vamos fazer hoje?O que vamos fazer hoje?
CONHECER
EXPLORAR
PRATICAR
PERGUNTAR
REFLETIR
DESENHAR

4. O que é Logo?O que é Logo?
●
É uma linguagem de programação de computadores,É uma linguagem de programação de computadores,
criada em fins dos anos 1960criada em fins dos anos 1960
●
Propósito educacional para crianças, jovens e adultosPropósito educacional para crianças, jovens e adultos
●
Criada para desenvolver o raciocínio lógico de uma formaCriada para desenvolver o raciocínio lógico de uma forma
lúdica, principalmente com desenhoslúdica, principalmente com desenhos
●
Linguagem interpretada, com muitos ambientesLinguagem interpretada, com muitos ambientes
diferentes: KLogo, SuperLogo, MSWLogo, etcdiferentes: KLogo, SuperLogo, MSWLogo, etc
●
Não possui um padrão mundialNão possui um padrão mundial

5. Características gerais do LogoCaracterísticas gerais do Logo
●
Orientada a desenhosOrientada a desenhos
●
Adaptada para o idioma de cada país, inclusiveAdaptada para o idioma de cada país, inclusive
portuguêsportuguês
●
Comandos bem simplesComandos bem simples
●
Interpretação e execução imediata deInterpretação e execução imediata de
comandoscomandos

6. A essência do LogoA essência do Logo
●
Nas origens do Logo, a linguagem era utilizada para movimentarNas origens do Logo, a linguagem era utilizada para movimentar
um robô em forma de tartaruga, colocado no chãoum robô em forma de tartaruga, colocado no chão
●
Essa “tartaruga” possuía uma caneta/lápis na sua barriga, queEssa “tartaruga” possuía uma caneta/lápis na sua barriga, que
podia ser abaixada ou levantada durante a movimentaçãopodia ser abaixada ou levantada durante a movimentação
●
Com o lápis ativado, a tartaruga desenhava no chão conformeCom o lápis ativado, a tartaruga desenhava no chão conforme
fosse movimentada, criando desenhosfosse movimentada, criando desenhos
●
Atualmente, a tartaruga é como um cursor na tela do computador,Atualmente, a tartaruga é como um cursor na tela do computador,
usado para fazer os desenhosusado para fazer os desenhos

7. A essência do LogoA essência do Logo
●
Tartaruga robóticaTartaruga robótica
antigaantiga
●
Primeiras versõesPrimeiras versões
com fios, depois semcom fios, depois sem
fiosfios
●
Comandos via botõesComandos via botões
físicosfísicos

8. O que é o LibreLogo?O que é o LibreLogo?
●
É um ambiente de programação, livre e gratuito, baseado no LogoÉ um ambiente de programação, livre e gratuito, baseado no Logo
●
Funciona dentro do processador de textos Writer, que é parte doFunciona dentro do processador de textos Writer, que é parte do
LibreOfficeLibreOffice
●
O LibreOffice é um pacote livre e gratuito, incluindo processador de textos,O LibreOffice é um pacote livre e gratuito, incluindo processador de textos,
planilha eletrônica, editor de apresentações, dentre outros recursosplanilha eletrônica, editor de apresentações, dentre outros recursos
●
Versões para Windows, Linux e outras plataformasVersões para Windows, Linux e outras plataformas
●
Criado por László Németh como extensão e depois agregadoCriado por László Németh como extensão e depois agregado
permanentemente ao LibreOfficepermanentemente ao LibreOffice

9. Como funciona o LibreLogo?Como funciona o LibreLogo?
●
No LibreLogo, a tartaruga faz gráficos vetoriaisNo LibreLogo, a tartaruga faz gráficos vetoriais
(os desenhos são objetos editáveis)(os desenhos são objetos editáveis)
●
A tela de desenho é a primeira folha de umA tela de desenho é a primeira folha de um
documento do Writerdocumento do Writer
●
A partir da versão 4, o LibreLogo passou a serA partir da versão 4, o LibreLogo passou a ser
acessível pela barra de ferramentas Logoacessível pela barra de ferramentas Logo
●
Os desenhos podem ser salvos ou copiadosOs desenhos podem ser salvos ou copiados
para outros documentospara outros documentos

10. Vantagens / desvantagens doVantagens / desvantagens do
LibreLogoLibreLogo
●
Vantagens:Vantagens:
– Fácil de aprender e lúdicoFácil de aprender e lúdico
– Permite aplicações simples e avançadasPermite aplicações simples e avançadas
– GrátisGrátis
– Funciona em plataformas diferentesFunciona em plataformas diferentes
●
DesvantagensDesvantagens
– Ferramenta ainda em construção (mas pode ser uma vantagemFerramenta ainda em construção (mas pode ser uma vantagem
por aceitar melhorias)por aceitar melhorias)
– Há alguns “bugs”Há alguns “bugs”
– Pouca documentação até o momentoPouca documentação até o momento

11. ““Estágios” de uso do LibreLogoEstágios” de uso do LibreLogo
●
Estágio 1: Botões da barra de ferramentasEstágio 1: Botões da barra de ferramentas
– Interação diretaInteração direta
– Resultado imediatoResultado imediato
– Os desenhos podem editados pela Barra de DesenhoOs desenhos podem editados pela Barra de Desenho
●
Estágio 2: Linha de comandosEstágio 2: Linha de comandos
– Estágio 1 + Sintaxe para digitação dos comandosEstágio 1 + Sintaxe para digitação dos comandos
– Tela de Ajuda (aperte F1 dentro da linha de comandos)Tela de Ajuda (aperte F1 dentro da linha de comandos)
●
Estágio 3: ProgramaçãoEstágio 3: Programação
– Sequenciamento de comandos dentro do próprio texto do WriterSequenciamento de comandos dentro do próprio texto do Writer
– O botão “Executar programa Logo” executa as açõesO botão “Executar programa Logo” executa as ações
– Construção de algoritmos com: sequências, decisões, repetiçõesConstrução de algoritmos com: sequências, decisões, repetições
– Possibilidade de modularização dos programasPossibilidade de modularização dos programas
– Vários recursos de programaçãoVários recursos de programação

12. Nossa mascote na oficinaNossa mascote na oficina

13. ESTÁGIO 1ESTÁGIO 1
PRATICAR COM OS BOTÕES !!!PRATICAR COM OS BOTÕES !!!

15. ESTÁGIO 2ESTÁGIO 2
PRATICAR COM LINHA DE COMANDOSPRATICAR COM LINHA DE COMANDOS

16. Comandos e argumentosComandos e argumentos
●
Argumentos são os dados passados junto com osArgumentos são os dados passados junto com os
comandos, completando seu significadocomandos, completando seu significado
●
Vários comandos do LibreLogo exigem argumentosVários comandos do LibreLogo exigem argumentos
●
Ex1: PARAFRENTE 10Ex1: PARAFRENTE 10
– O comando é PARAFRENTEO comando é PARAFRENTE
– O argumento é 10 (são 10 pontos para andar)O argumento é 10 (são 10 pontos para andar)
●
Ex2: MUDARCORDOLÁPIS “AZUL”Ex2: MUDARCORDOLÁPIS “AZUL”
– O comando é MUDARCORDOLÁPISO comando é MUDARCORDOLÁPIS
– O argumento é “AZUL” (uma cor entre aspas); há uma tabela deO argumento é “AZUL” (uma cor entre aspas); há uma tabela de
corescores

18. PRINCIPAIS COMANDOSPRINCIPAIS COMANDOS
(DETALHES NA AJUDA DO LIBRELOGO)(DETALHES NA AJUDA DO LIBRELOGO)

19. Comandos da tartarugaComandos da tartaruga
●
PARAFRENTEPARAFRENTE
●
PARATRÁSPARATRÁS
●
PARAESQUERDAPARAESQUERDA
●
PARADIREITAPARADIREITA
●
PARACENTROPARACENTRO
●
TARTARUGATARTARUGA
●
USARNADAUSARNADA
●
USARLÁPISUSARLÁPIS
●
MOSTRARTATMOSTRARTAT
●
DESAPARECERTATDESAPARECERTAT
●
Obs: vários comandos têm abreviações (ex: PF como PARAFRENTE)Obs: vários comandos têm abreviações (ex: PF como PARAFRENTE)

20. Comandos do LápisComandos do Lápis
●
MUDARESPESSURADOLÁPISMUDARESPESSURADOLÁPIS
●
MUDARCORDOLÁPISMUDARCORDOLÁPIS
●
MUDARESTILODOLÁPISMUDARESTILODOLÁPIS
●
MUDARTRANSPARÊNCIADOLÁPISMUDARTRANSPARÊNCIADOLÁPIS

21. Comandos de PinturaComandos de Pintura
●
PINTARPINTAR
●
MUDARCORDAPINTURAMUDARCORDAPINTURA
●
MUDARESTILODAPINTURAMUDARESTILODAPINTURA
●
MUDARTRANSPARÊNCIADAPINTURAMUDARTRANSPARÊNCIADAPINTURA

22. Desenho de ObjetosDesenho de Objetos
●
CÍRCULOCÍRCULO
●
ELIPSEELIPSE
●
QUADRADOQUADRADO
●
RETÂNGULORETÂNGULO
●
PONTOPONTO
●
ROTULARROTULAR

23. ComentáriosComentários
●
São anotações dentro das listagensSão anotações dentro das listagens
●
Muito comuns entre programadoresMuito comuns entre programadores
●
Iniciam por ponto-e-vírgula, e seguem até o final da linhaIniciam por ponto-e-vírgula, e seguem até o final da linha
●
Ex: (exagerado)Ex: (exagerado)
●
● ; -----------------------------------; -----------------------------------
● ; Essa tartaruga vai andar 100 pontos; Essa tartaruga vai andar 100 pontos
● PARAFRENTE 100PARAFRENTE 100
● ; Fim do comando; Fim do comando

24. RepetiçõesRepetições
●
Exemplo do comando REPETIRExemplo do comando REPETIR
● REPETIR 4 [REPETIR 4 [
● PARAFRENTE 40PARAFRENTE 40
● PARADIREITA 90PARADIREITA 90
● ]]
●
●
4 é a quantidade de repetições4 é a quantidade de repetições
●
Os colchetes delimitam o bloco a repetirOs colchetes delimitam o bloco a repetir

25. RepetiçõesRepetições
●
Exemplo do comando ENQUANTOExemplo do comando ENQUANTO
●
CONT = 1CONT = 1
●
ENQUANTO CONT <=10 [ENQUANTO CONT <=10 [
●
PARAFRENTE 20PARAFRENTE 20
●
PARADIREITA 15PARADIREITA 15
●
CONT = CONT + 1CONT = CONT + 1
●
]]
●
●
O nome CONT é de uma variável inventada!O nome CONT é de uma variável inventada!
●
Variáveis são usadas para guardar valores nos programasVariáveis são usadas para guardar valores nos programas

26. TestesTestes
●
Exemplo do comando SE:Exemplo do comando SE:
● TARTARUGA PARACENTROTARTARUGA PARACENTRO
● CONT = 1CONT = 1
● ENQUANTO CONT <=10 [ENQUANTO CONT <=10 [
● SE CONT == 5 [SE CONT == 5 [
● MUDARCORDALETRA “AZUL”MUDARCORDALETRA “AZUL”
● ][][
● MUDARCORDALETRA “VERMELHO”MUDARCORDALETRA “VERMELHO”
● ]]
● ROTULE “MENSAGEM”ROTULE “MENSAGEM”
● PARAFRENTE 20PARAFRENTE 20
● CONT = CONT + 1CONT = CONT + 1
● ]]

28. Sub-rotinasSub-rotinas
●
Permitem dividir a solução de um problema em partesPermitem dividir a solução de um problema em partes
●
No Logo, é como se criássemos mais comandos para o vocabulário daNo Logo, é como se criássemos mais comandos para o vocabulário da
linguagem, usando o comando APRENDERlinguagem, usando o comando APRENDER
●
Exemplo de sub-rotina:Exemplo de sub-rotina:
● APRENDER TRIANGULOAPRENDER TRIANGULO
● REPETIR 3 [REPETIR 3 [
● PARAFRENTE 50PARAFRENTE 50
● PARADIREITA 120PARADIREITA 120
● ]]
● FIMFIM
●
===> Agora temos um comando novo chamado TRIANGULO===> Agora temos um comando novo chamado TRIANGULO
●
Ao digitar TRIANGULO, o comando é executadoAo digitar TRIANGULO, o comando é executado

30. Outros recursosOutros recursos
●
Entrada e saída de dados com janelinhasEntrada e saída de dados com janelinhas
●
Diversas funções matemáticas para cálculosDiversas funções matemáticas para cálculos
●
Unidades de medida diferentes (cm, pol etc)Unidades de medida diferentes (cm, pol etc)
●
Cores personalizadasCores personalizadas
●
E muito mais...E muito mais...

31. Ajuda do LibreLogoAjuda do LibreLogo
●
Clique na linha de comandos e pressione aClique na linha de comandos e pressione a
tecla F1tecla F1
●
A tela de ajuda acompanha as mudanças eA tela de ajuda acompanha as mudanças e
evoluções do LibreLogoevoluções do LibreLogo
●
Acompanhe sites e materiais sobre aAcompanhe sites e materiais sobre a
ferramentaferramenta

32. ““No prelo” - previsão: junho/2016No prelo” - previsão: junho/2016

33. Vamos praticar!Vamos praticar!
Baixar LibreOffice:Baixar LibreOffice:
http://pt-br.libreoffice.org/http://pt-br.libreoffice.org/
Site do LibreLogo:Site do LibreLogo:
http://librelogo.org/http://librelogo.org/
Contatos: gilvan.vilarim@ifrj.edu.brContatos: gilvan.vilarim@ifrj.edu.br