senid2014 - oficina de librelogo - prof. gilvan vilarim

LibreLogo: um software educacional para LibreLogo: um software educacional para desenhar com lógica de programaçãodesenhar com lógica de programação

Gilvan VilarimGilvan Vilarim

Colégio Pedro II – Campus Tijuca IIColégio Pedro II – Campus Tijuca IIDepartamento de Ciência da ComputaçãoDepartamento de Ciência da Computação

Abril/2014Abril/2014

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 forma Criada para desenvolver o raciocínio lógico de uma forma

lúdica, principalmente com desenhoslúdica, principalmente com desenhos● Linguagem interpretada, com muitos ambientes Linguagem 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

Características gerais do LogoCaracterísticas gerais do Logo

● Paradigma Funcional: trabalha bem com Paradigma Funcional: trabalha bem com funções que recebem valores (parâmetros) e funções que recebem valores (parâmetros) e geram resultados (retorno)geram resultados (retorno)

● Trabalha bem com Listas (conjuntos de valores Trabalha bem com Listas (conjuntos de valores com uma relação de ordem)com uma relação de ordem)

● Orientada a desenhosOrientada a desenhos● Adaptada para o idioma de cada paísAdaptada para o idioma de cada país● Comandos bem simplesComandos bem simples

A essência do LogoA essência do Logo

● Nas origens do Logo, a linguagem era utilizada para movimentar Nas 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, que Essa “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 conforme Com 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

A essência do LogoA essência do Logo

● Tartaruga robótica Tartaruga robótica antigaantiga

● Primeiras versões Primeiras versões com fios, depois sem com fios, depois sem fiosfios

● Comandos via botões Comandos via botões físicosfísicos

O que é o LibreLogo?O que é o LibreLogo?

● É um ambiente de programação, livre e gratuito, É um ambiente de programação, livre e gratuito, baseado na linguagem de programação Logobaseado na linguagem de programação Logo

● Funciona dentro do processador de textos Writer, Funciona dentro do processador de textos Writer, que é parte do pacote LibreOfficeque é parte do pacote LibreOffice

● O LibreOffice é um pacote livre e gratuito, incluindo O LibreOffice é um pacote livre e gratuito, incluindo processador de textos, planilha eletrônica, editor de processador de textos, planilha eletrônica, editor de apresentações, dentre outros recursosapresentações, dentre outros recursos

● Há versões do LibreOffice para Windows, Linux e Há versões do LibreOffice para Windows, Linux e outras plataformasoutras plataformas

● Criado por László Németh como uma extensão e Criado por László Németh como uma extensão e depois agregado permanentemente ao LibreOfficedepois agregado permanentemente ao LibreOffice

O que é o LibreLogo?O que é o LibreLogo?

● No LibreLogo, a tartaruga faz gráficos vetoriais No 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 um A tela de desenho é a primeira folha de um documento do Writerdocumento do Writer

● A partir da versão 4, o LibreLogo passou a ser A 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 copiados Os desenhos podem ser salvos ou copiados para outros documentospara outros documentos

Vantagens e Desvantagens do Vantagens e 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 Ferramenta ainda em construção (mas pode ser

uma vantagem)uma vantagem)

– Há “bugs”Há “bugs”

– Pouca documentaçãoPouca documentação

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

– Desenhos podem editados pela Barra de DesenhoDesenhos 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 (F1 na linha de comandos)Tela de Ajuda (F1 na 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

– Botão “Iniciar programa Logo” executa as açõesBotão “Iniciar 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

ESTÁGIO 1ESTÁGIO 1

PRATICAR COM OS BOTÕES !!!PRATICAR COM OS BOTÕES !!!

ESTÁGIO 2ESTÁGIO 2

PRATICAR COM LINHA DE COMANDOSPRATICAR COM LINHA DE COMANDOS

ArgumentosArgumentos

● Argumentos são dados passados junto com os Argumentos são 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 O argumento é “AZUL” (uma cor entre aspas); há uma tabela de corestabela de cores

PRINCIPAIS COMANDOSPRINCIPAIS COMANDOS

Comandos da tartarugaComandos da tartaruga

● PARAFRENTEPARAFRENTE● PARATRÁSPARATRÁS● PARAESQUERDAPARAESQUERDA● PARADIREITAPARADIREITA● PARACENTROPARACENTRO● TARTARUGATARTARUGA● USARNADAUSARNADA● USARLÁPISUSARLÁPIS● MOSTRARTATMOSTRARTAT● DESAPARECERTATDESAPARECERTAT

Comandos do LápisComandos do Lápis

● MUDARESPESSURADOLÁPISMUDARESPESSURADOLÁPIS● MUDARCORDOLÁPISMUDARCORDOLÁPIS● MUDARESTILODOLÁPISMUDARESTILODOLÁPIS

Comandos de PinturaComandos de Pintura

● PINTARPINTAR● MUDARCORDAPINTURAMUDARCORDAPINTURA

Desenho de ObjetosDesenho de Objetos

● CÍRCULOCÍRCULO● ELIPSEELIPSE● QUADRADOQUADRADO● RETÂNGULORETÂNGULO● PONTOPONTO● ROTULARROTULAR

ComentáriosComentários

● São anotações dentro das listagensSão anotações dentro das listagens● Iniciam por ponto-e-vírgula, e seguem até o Iniciam por ponto-e-vírgula, e seguem até o

final da linhafinal da linha● Ex:Ex:●

● ; --------------------------------------------; --------------------------------------------● ; Essa tartaruga agora vai andar 100 pontos; Essa tartaruga agora vai andar 100 pontos● PARAFRENTE 100PARAFRENTE 100

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

RepetiçõesRepetições

● Exemplo do comando ENQUANTOExemplo do comando ENQUANTO● CONTAGEM = 1CONTAGEM = 1● ENQUANTO CONTAGEM <=10 [ENQUANTO CONTAGEM <=10 [● PARAFRENTE 20PARAFRENTE 20● PARADIREITA 15PARADIREITA 15● CONTAGEM = CONTAGEM + 1CONTAGEM = CONTAGEM + 1● ]]●

● O nome CONTAGEM é de uma variável!O nome CONTAGEM é de uma variável!

TestesTestes

● Exemplo do comando SE:Exemplo do comando SE:● TAT PCTAT PC● 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● ]]

Módulos (Sub-rotinas)Módulos (Sub-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 No Logo, é como se criássemos mais comandos para o

vocabulário da linguagem, usando o comando APRENDERvocabulário da linguagem, usando o comando APRENDER● Exemplo de módulo:Exemplo de módulo:● 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

Ajuda do LibreLogoAjuda do LibreLogo

● Clique na linha de comandos e pressione a Clique na linha de comandos e pressione a tecla F1tecla F1

● A tela de ajuda acompanha as mudanças e A tela de ajuda acompanha as mudanças e evoluções do LibreLogoevoluções do LibreLogo

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@gmail.comContatos: gilvan.vilarim@gmail.com