{"id":156,"date":"2021-03-24T13:02:47","date_gmt":"2021-03-24T16:02:47","guid":{"rendered":"http:\/\/eventos.ifg.edu.br\/steam4girls\/?p=156"},"modified":"2021-05-03T15:28:46","modified_gmt":"2021-05-03T18:28:46","slug":"microbit-brincando-com-leds-e-botoes","status":"publish","type":"post","link":"https:\/\/eventos.ifg.edu.br\/steam4girls\/2021\/03\/24\/microbit-brincando-com-leds-e-botoes\/","title":{"rendered":"Oficina 1 &#8211; Brincando com LEDs e sensores"},"content":{"rendered":"<p>Ol\u00e1 aluna cientista, nossa primeira oficina ir\u00e1 utilizar uma plaquinha bem colorida e divertida: o <strong>micro:bit<\/strong>.<\/p>\n<div style=\"background-color: #f9ebff;border-style: none;border-width: 1px;line-height: 35px;text-align: left\">\n<nav>\n<p style=\"text-align: center\"><strong>Sum\u00e1rio<\/strong><\/p>\n<ol>\n<li><a href=\"#sumum\">Apresenta\u00e7\u00e3o ao micro:bit<\/a><\/li>\n<li><a href=\"#sumdois\">Usando o micro:bit no Open Roberta Lab<\/a><\/li>\n<li><a href=\"#sumtres\">Conhecendo as possibilidades<\/a><\/li>\n<li><a href=\"#sumquatro\">Escrevendo seu nome no micro:bit<\/a><\/li>\n<li><a href=\"#sumcinco\">Usando sensores<\/a><\/li>\n<li><a href=\"#sumseis\">Oficina 1 &#8211; Brincando com LEDs<\/a><\/li>\n<\/ol>\n<\/nav>\n<\/div>\n<h5><a id=\"sumum\"><\/a>1. Apresenta\u00e7\u00e3o ao micro:bit<\/h5>\n<p>Afinal, o que \u00e9 isso?<\/p>\n<div id=\"attachment_157\" style=\"width: 297px\" class=\"wp-caption aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" aria-describedby=\"caption-attachment-157\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/microbit.png\" alt=\"microbit\" width=\"287\" height=\"287\" class=\"wp-image-157\" \/><p id=\"caption-attachment-157\" class=\"wp-caption-text\">Imagem de uma placa micro:bit<\/p><\/div>\n<p>O micro:bit \u00e9 como se fosse um computador bem pequeno e com bem menos fun\u00e7\u00f5es. Ele \u00e9 um ret\u00e2ngulo com dois bot\u00f5es (A e B na imagem), v\u00e1rios sensores e uma matriz com 25 LEDs (entre os bot\u00f5es). Falei grego?<\/p>\n<ul>\n<li><strong>Mas o que s\u00e3o LEDs?<\/strong><\/li>\n<\/ul>\n<p><span>Simples: s\u00e3o coisas que brilham. Sabe aquela &#8220;l\u00e2mpada LED&#8221; que tem em sua casa? \u00c9 um exemplo!\u00a0<\/span>&#8220;LED&#8221; \u00e9 uma sigla para &#8220;Light Emissor Diode&#8221;, ou &#8220;Diodo Emissor de Luz&#8221; em portugu\u00eas, ou seja, \u00e9 um diodo (um componente eletr\u00f4nico) que consegue brilhar quando voc\u00ea fornece energia a ele.<\/p>\n<div style=\"width: 439px\" class=\"wp-caption alignleft\"><img decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/lampada-ked.jpg\" alt=\"lampada ked\" width=\"429\" height=\"241\" class=\"wp-image-158\" \/><p class=\"wp-caption-text\">L\u00e2mpada LED aberta<\/p><\/div>\n<p>A <a href=\"https:\/\/www.youtube.com\/watch?v=qUx1x7Ko4LE\" target=\"_blank\">imagem \u00e0 esquerda<\/a> mostra uma l\u00e2mpada LED aberta. Cada quadradinho amarelo \u00e9 um LED.<br \/>\n<strong>Sabe outra coisa que utiliza LED? A tela do seu celular! <\/strong><br \/>\nIsso mesmo, as telas utilizam de v\u00e1rios LEDs min\u00fasculos que juntos conseguem formar as imagens no seu celular.<\/p>\n<p><strong>E qual a diferen\u00e7a entre o LED da l\u00e2mpada e o LED do celular?<\/strong><br \/>\nAl\u00e9m do tamanho, o LED da l\u00e2mpada normalmente possui uma cor \u00fanica, e normalmente \u00e9 <strong>branco<\/strong>. Isso a torna mais barata e acess\u00edvel. Enquanto o LED do celular \u00e9 &#8220;RGB&#8221;, sigla de &#8220;<strong><span style=\"color: #ff0000\">Red<\/span> <\/strong><span style=\"color: #008000\"><strong>Green<\/strong> <\/span><strong><span style=\"color: #0000ff\">Blue<\/span><\/strong>&#8220;, em portugu\u00eas &#8220;<strong><span style=\"color: #ff0000\">Vermelho<\/span> <span style=\"color: #008000\">Verde<\/span> <span style=\"color: #0000ff\">Azul<\/span><\/strong>&#8220;, que significa que um \u00fanico quadradinho de LED tem essas tr\u00eas cores e pode mistur\u00e1-las de v\u00e1rias formas.<\/p>\n<div id=\"attachment_491\" style=\"width: 384px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" aria-describedby=\"caption-attachment-491\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/800px-lcd_pixels_macro.jpg\" alt=\"800px-lcd_pixels_macro\" width=\"374\" height=\"280\" class=\"wp-image-491\" \/><p id=\"caption-attachment-491\" class=\"wp-caption-text\">LEDs na tela do celular<\/p><\/div>\n<div style=\"width: 292px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/rgb.jpg\" alt=\"rgb\" width=\"282\" height=\"282\" class=\"wp-image-160\" \/><p class=\"wp-caption-text\">Circulo RGB<\/p><\/div>\n<p><strong>E como isso acontece? <\/strong><br \/>\nLembra em Artes quando voc\u00ea descobre que &#8220;vermelho + azul = roxo&#8221;? O LED <a href=\"https:\/\/www.hisour.com\/pt\/rgb-color-model-24867\/\" target=\"_blank\">RGB <\/a>funciona da mesma forma, ele vai juntando as tr\u00eas cores (vermelho, verde e azul) de diversas formas poss\u00edveis para formar todas as cores que podemos enxergar. Para formar branco, ele mistura as tr\u00eas cores de uma vez.<br \/>\nPara as outras cores ele mistura partes das tr\u00eas cores RGB, por exemplo: ele pode usar 100% de <strong><span style=\"color: #ff0000\">vermelho<\/span><\/strong>, para s\u00f3 ficar <strong><span style=\"color: #ff0000\">vermelho<\/span><\/strong>. Mas pode misturar <span style=\"color: #ff0000\">75% de<\/span> <strong><span style=\"color: #ff0000\">vermelho <\/span><\/strong>e <span style=\"color: #0000ff\">25% de<\/span> <strong><span style=\"color: #0000ff\">azul<\/span><\/strong>, que fica um <span style=\"color: #c0003f\"><strong>vermelho mais arroxeado<\/strong><\/span>. E assim que um LED RGB consegue fazer todas as cores que conhecemos.<br \/>\n<strong>LEMBRANDO QUE: <\/strong>Existem LEDs de cores \u00fanicas, que podem ser de qualquer cor (vermelho, azul, amarelo, branco). E existem os LEDs RGB, que conseguem ter todas as cores ao mesmo tempo.<\/p>\n<ul>\n<li><strong>VOLTANDO AO MICRO:BIT<\/strong><\/li>\n<\/ul>\n<p>A plaquinha micro:bit possui 25 LEDs vermelhos, e nele voc\u00ea consegue acende-los em de qualquer jeito, fazendo desenhos, escrevendo letras, e tudo mais. Legal n\u00e9?<\/p>\n<p>Al\u00e9m disso, ele tem 5 pinos dourados, o 0, 1, 2, 3v e GND. Eles servem para voc\u00ea conectar coisas como motores e sensores. Mas ainda n\u00e3o usaremos isso.<\/p>\n<p>N\u00f3s usaremos o simulador <a href=\"https:\/\/lab.open-roberta.org\/\" target=\"_blank\">Open Roberta Lab<\/a>, voc\u00ea pode acess\u00e1-lo pelo celular ou pelo computador. O tutorial de como baixar e utilizar a vers\u00e3o para celular est\u00e1 dispon\u00edvel no nosso post de <a href=\"https:\/\/eventos.ifg.edu.br\/steam4girls\/2021\/03\/23\/como-utilizar-o-open-roberta-mobile\/\" target=\"_blank\">Como utilizar o Open Roberta Mobile<\/a>.<\/p>\n<hr \/>\n<h5><a id=\"sumdois\"><\/a>2. Usando o micro:bit no Open Roberta Lab<\/h5>\n<p>Aqui ensinaremos sobre as fun\u00e7\u00f5es do micro:bit e algumas de suas possibilidades no Open Roberta, ensinaremos como escrever seu nome na plaquinha e como utilizar os bot\u00f5es.<\/p>\n<p style=\"text-align: center\"><b>Lembre-se:\u00a0<\/b>Ao entrar no aplicativo, mude o rob\u00f4 para o &#8220;micro:bit&#8221;!!!<\/p>\n<h5 style=\"text-align: left\"><a id=\"sumtres\"><\/a>3. Conhecendo as possibilidades<\/h5>\n<p><span>O micro:bit j\u00e1 vem com a caixinha\u00a0<\/span><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/iniciar.jpg\" alt=\"iniciar\" width=\"98\" height=\"30\" class=\"wp-image-169 alignnone\" \/>\u00a0em sua tela de programa\u00e7\u00e3o.<\/p>\n<p class=\"alignnone\">A partir dela n\u00f3s iremos inserir os comandos que queremos executar.<\/p>\n<p class=\"alignnone\">No caso do micro:bit, temos os seguintes comandos (clique para abrir):<\/p>\n<p>&nbsp;<\/p>\n<details>\n<summary><strong>\u25b6 Comandos de a\u00e7\u00e3o<\/strong><\/summary>\n<p class=\"alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/1-movimentos.jpg\" alt=\"1 movimentos\" width=\"269\" height=\"275\" class=\"wp-image-171 alignleft\" \/>\u00a0Os laranjas s\u00e3o os comandos visuais, s\u00e3o aqueles em que conseguimos enxergar o resultado nos LEDs ou tela. Se voc\u00ea olhar bem, os verbos no infinitivo (quando terminam com &#8220;ar, er, ir&#8221;) d\u00e3o a impress\u00e3o de mandar\u00a0e ter que obedecer. Veja:<\/p>\n<p class=\"alignnone\">&#8220;<span style=\"color: #ff6600\"><strong>mostrar<\/strong> <\/span>texto&#8221;<\/p>\n<p class=\"alignnone\">&#8220;<span style=\"color: #ff6600\"><strong>mostrar <\/strong><\/span>imagem&#8221;<\/p>\n<p class=\"alignnone\">&#8220;<span style=\"color: #ff6600\"><strong>limpar<\/strong> <\/span>o ecr\u00e3&#8221; (que \u00e9 para apagar todos os LEDs.<\/p>\n<p class=\"alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/espa\u00e7o.png\" alt=\"espa\u00e7o\" width=\"448\" height=\"26\" class=\"aligncenter wp-image-124\" \/><\/p>\n<\/details>\n<details>\n<summary><strong>\u25b6 Sensores<\/strong><\/summary>\n<p class=\"alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/2-sensores.jpg\" alt=\"2 sensores\" width=\"265\" height=\"299\" class=\"wp-image-172 alignright\" \/><\/p>\n<p class=\"alignnone\">J\u00e1 os blocos verdes s\u00e3o relacionados com os &#8220;sensores&#8221; da plaquinha.<strong> E o que s\u00e3o esses sensores?<\/strong><\/p>\n<p class=\"alignnone\">Bom&#8230; uma explica\u00e7\u00e3o simples pode ser &#8220;aquilo que sente&#8221;. Por exemplo, no micro:bit temos o bot\u00e3o A e o bot\u00e3o B, quando voc\u00ea clica nele, ele &#8220;sente&#8221; que est\u00e1 sendo clicado.<\/p>\n<p class=\"alignnone\"><strong>Em termos cient\u00edficos, como isso acontece?<\/strong><\/p>\n<p class=\"alignnone\">O bot\u00e3o funciona igual o interruptor da sua casa. Normalmente a l\u00e2mpada fica desligada, ou seja, n\u00e3o chega energia at\u00e9 a l\u00e2mpada porque o fio da energia da casa e o fio da l\u00e2mpada n\u00e3o se tocam. Quando voc\u00ea clica no interruptor,\u00a0ele conecta o fio da energia com o fio da l\u00e2mpada, e assim a l\u00e2mpada acende.<\/p>\n<p class=\"alignnone\"><strong>Ou seja&#8230;\u00a0<\/strong>Quando clicamos no bot\u00e3o A ou bot\u00e3o B, ele fecha o circuito e deixa a energia passar. N\u00f3s lemos esse valor de energia por meio dos comandos verdes. Legal, n\u00e9?<\/p>\n<\/details>\n<details>\n<summary><strong>\u25b6 Comandos de controle: Condicional e\u00a0<\/strong><b>repeti\u00e7\u00f5es<\/b><\/summary>\n<p class=\"alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/3-comparativos.jpg\" alt=\"3 comparativos\" width=\"293\" height=\"376\" class=\"wp-image-173 alignleft\" \/><\/p>\n<p class=\"alignnone\">Os laranja escuros tem comandos de condi\u00e7\u00f5es que podemos fazer. Funcionam como se fossem perguntas.<\/p>\n<p class=\"alignnone\">Por exemplo:<\/p>\n<p class=\"alignnone\">O<strong> <span style=\"color: #008000\">bot\u00e3o A foi pressionado<\/span><\/strong>? <strong><span style=\"color: #b54800\">Se <\/span><\/strong>sim,\u00a0<strong><span style=\"color: #ff6600\">mostre um cora\u00e7\u00e3o<\/span><\/strong>.<\/p>\n<p class=\"alignnone\">Note que as cores fazem refer\u00eancia aos blocos de comandos.<\/p>\n<p class=\"alignnone\">Esse &#8220;<strong><span style=\"color: #b54800\">se<\/span><\/strong>&#8221; \u00e9 feito pelo comando laranja escuro. Ou seja, a condi\u00e7\u00e3o para que mostre um cora\u00e7\u00e3o \u00e9 o bot\u00e3o A estar pressionado.<\/p>\n<p class=\"alignnone\">Al\u00e9m disso, tem os comandos de repeti\u00e7\u00f5es, que s\u00e3o utilizados para que voc\u00ea n\u00e3o precise ficar repetindo sempre a mesma coisa.<\/p>\n<p class=\"alignnone\"><strong>Quer um exemplo pr\u00e1tico?<\/strong> Imagine se pra\u00a0piscar um pisca-pisca de natal tiv\u00e9ssemos sempre que ficar mandando ligar e desligar as luzinhas?<\/p>\n<p class=\"alignnone\" style=\"text-align: center\"><span style=\"color: #339966\"><strong>liga<\/strong> <\/span><strong><span style=\"color: #999999\">desliga<\/span> <span style=\"color: #339966\">liga\u00a0<\/span><\/strong><span style=\"color: #ff0000\"><strong><strong><span style=\"color: #999999\">desliga<\/span><span>\u00a0<\/span><\/strong><\/strong><\/span><span style=\"color: #ff0000\"><span style=\"color: #339966\"><strong>liga<\/strong> <\/span><strong><span style=\"color: #999999\">desliga<\/span><span>\u00a0<\/span><\/strong><\/span><span style=\"color: #ff0000\"><span style=\"color: #339966\"><strong>liga<\/strong> <\/span><strong><span style=\"color: #999999\">desliga<\/span><span>\u00a0<\/span><\/strong><\/span><span style=\"color: #ff0000\"><span style=\"color: #339966\"><strong>liga<\/strong> <\/span><strong><span style=\"color: #999999\">desliga<\/span><\/strong><\/span><strong>&#8230;<\/strong><\/p>\n<p class=\"alignnone\">Chato, n\u00e9? Para evitar isso a gente usa o comando &#8220;<span style=\"color: #b54800\"><strong>repetir para sempre<\/strong><\/span>&#8220;, e a\u00ed n\u00e3o precisa ficar mandando toda vez a mesma coisa. Bem mais f\u00e1cil!<\/p>\n<p class=\"alignnone\" style=\"text-align: center\"><strong><span style=\"color: #b54800\">repetir para sempre<\/span><\/strong>\u00a0<b>[<\/b>\u00a0<span style=\"color: #339966\"><strong>liga<\/strong><span>\u00a0<\/span><\/span><strong><span style=\"color: #999999\">desliga\u00a0<\/span>]<\/strong><\/p>\n<p class=\"alignnone\" style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/ex2piscapisca.png\" alt=\"ex2piscapisca\" width=\"373\" height=\"282\" class=\"aligncenter wp-image-196\" \/><\/p>\n<p class=\"alignnone\" style=\"text-align: left\">N\u00f3s colocamos um &#8220;espera 500 milissegundos&#8221; para o LED n\u00e3o piscar t\u00e3o r\u00e1pido, se n\u00e3o nem conseguimos enxergar!<\/p>\n<p class=\"alignnone\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/desafio-1.png\" alt=\"desafio 1\" width=\"586\" height=\"151\" class=\"aligncenter wp-image-253\" \/><\/p>\n<\/details>\n<details>\n<summary><strong>\u25b6 Comandos de l\u00f3gica: Comparativos<\/strong><\/summary>\n<p class=\"alignnone\" style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/4-comparativos.jpg\" alt=\"4 comparativos\" width=\"303\" height=\"308\" class=\"wp-image-174 alignleft\" \/><\/p>\n<p>Os blocos azuis claros s\u00e3o comparativos, o que \u00e9 isso?<\/p>\n<p>Se um for igual (=) a outro. Ou maior quer (&gt;) outro. Menor que (&lt;) outro. Os mesmos que vemos na matem\u00e1tica. S\u00f3 que na programa\u00e7\u00e3o n\u00e3o comparamos s\u00f3 com n\u00fameros.<\/p>\n<p>Al\u00e9m disso, tem o &#8220;e&#8221; &#8220;ou&#8221;. Tamb\u00e9m s\u00e3o formas de compara\u00e7\u00e3o.<\/p>\n<p>Exemplo:<\/p>\n<p style=\"text-align: center\"><strong><span style=\"color: #993300\">Se<\/span> <\/strong>o <strong><span style=\"color: #008000\">bot\u00e3o\u00a0A<\/span> <span style=\"color: #3366ff\">e<\/span><\/strong> <span style=\"color: #008000\"><strong>bot\u00e3o\u00a0B<\/strong><\/span> <strong><span style=\"color: #3366ff\">estiverem clicados<\/span><\/strong>, <strong><span style=\"color: #ff6600\">mostre um cora\u00e7\u00e3o<\/span><\/strong>.<\/p>\n<p>Em termos de programa\u00e7\u00e3o:<\/p>\n<p style=\"text-align: center\"><strong><span style=\"color: #993300\">Se<\/span><span> <strong><span style=\"color: #008000\">bot\u00e3o A<\/span><\/strong><\/span><\/strong>\u00a0<strong><span style=\"color: #3366ff\">e<\/span><\/strong> <strong><span style=\"color: #008000\">bot\u00e3o\u00a0B<\/span><\/strong><span style=\"color: #3366ff\">\u00a0<strong>for\u00a0igual a verdadeiros<\/strong><\/span>, <strong><span style=\"color: #ff6600\">mostrar cora\u00e7\u00e3o<\/span><\/strong>.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/expE-1.png\" alt=\"expE\" width=\"715\" height=\"202\" class=\"aligncenter wp-image-198\" \/><\/p>\n<p style=\"text-align: center\">s\u00f3 mostra um cora\u00e7\u00e3o se o bot\u00e3o A <strong>E<\/strong> o bot\u00e3o B forem pressionados, ou seja, ao mesmo tempo<\/p>\n<p style=\"text-align: left\">Usamos o verdadeiro para simbolizar o que foi clicado, que est\u00e1 passando energia por ele. Caso seja falso, significa que n\u00e3o passa nada por ele, que est\u00e1 desligado.<\/p>\n<p style=\"text-align: left\">O comando &#8220;ou&#8221; tem a mesma l\u00f3gica, mas muda o resultado.<\/p>\n<p style=\"text-align: center\"><strong><span style=\"color: #993300\">Se<\/span><span>\u00a0<span style=\"color: #008000\">bot\u00e3o A<\/span><\/span><\/strong><span>\u00a0<\/span><strong><span style=\"color: #3366ff\">ou<\/span><\/strong><span><span>\u00a0<\/span><\/span><strong><span style=\"color: #008000\">bot\u00e3o\u00a0B<\/span><\/strong><span style=\"color: #3366ff\">\u00a0<strong>for<\/strong>\u00a0<strong>igual a verdadeiros<\/strong><\/span><span>,<span>\u00a0<\/span><\/span><strong><span style=\"color: #ff6600\">mostrar cora\u00e7\u00e3o<\/span><\/strong><span>.<\/span><\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/expou.png\" alt=\"expou\" width=\"696\" height=\"196\" class=\"aligncenter wp-image-199\" \/><\/p>\n<p style=\"text-align: center\"><span>Se clicar s\u00f3 no bot\u00e3o A, mostra o cora\u00e7\u00e3o <\/span><\/p>\n<p style=\"text-align: center\"><span>Se clicar s\u00f3 no bot\u00e3o B, mostra o cora\u00e7\u00e3o<\/span><\/p>\n<p style=\"text-align: center\"><span>Se clicar nos dois ao mesmo tempo, mostra o cora\u00e7\u00e3o <\/span><\/p>\n<p style=\"text-align: center\"><span>Se n\u00e3o clicar em nenhum, <strong>n\u00e3o<\/strong> mostra nada<\/span><\/p>\n<p style=\"text-align: left\">Ent\u00e3o, n\u00e3o importa qual est\u00e1 clicado, ambos s\u00e3o capazes de mostrar o cora\u00e7\u00e3o. E essa \u00e9 a diferen\u00e7a entre as compara\u00e7\u00f5es &#8220;e&#8221; &#8220;ou&#8221;.<\/p>\n<p style=\"text-align: left\">No experimento foi colocado para esperar um tempo e depois limpar a tela. Fazemos isso porque se n\u00e3o, ao apertar uma vez, vai mostrar o cora\u00e7\u00e3o pra sempre. Ent\u00e3o limpamos a tela depois de um tempo para que possamos clicar de novo.<\/p>\n<p style=\"text-align: center\"><span style=\"color: #bd00bd\"><strong>Aviso<\/strong><\/span><span>: Infelizmente n\u00e3o foi poss\u00edvel utilizar os bot\u00f5es do Open Roberta Mobile, funciona apenas no computador, notebook, ou caso voc\u00ea conecte um mouse em seu celular ou tablet.<\/span><\/p>\n<\/details>\n<details>\n<summary><strong>\u25b6 Comandos matem\u00e1ticos<\/strong><\/summary>\n<p style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/5-comparativos.jpg\" alt=\"5 comparativos\" width=\"342\" height=\"340\" class=\"wp-image-175 alignleft\" \/><\/p>\n<p style=\"text-align: left\">Os comandos azuis escuros s\u00e3o comandos matem\u00e1ticos, para escrever n\u00fameros ou somar, subtrair, dividir, entre outros.<\/p>\n<p style=\"text-align: left\">Quando voc\u00ea usa esse modo, voc\u00ea n\u00e3o v\u00ea o valor como um texto, e sim como um n\u00famero.<\/p>\n<p style=\"text-align: left\">Esses comando s\u00e3o mais utilizados com vari\u00e1veis, ent\u00e3o utilizaremos pouco por agora.<\/p>\n<p style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/espa\u00e7o.png\" alt=\"espa\u00e7o\" width=\"517\" height=\"30\" class=\"aligncenter wp-image-124\" \/><\/p>\n<\/details>\n<details>\n<summary><strong>\u25b6 Comandos de escrita<\/strong><\/summary>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/6-mensagem.jpg\" alt=\"6 mensagem\" width=\"410\" height=\"411\" class=\"wp-image-176 alignright\" \/><br \/>\nOs comandos verde claros s\u00e3o bem simples, s\u00e3o para escrever um texto ou coment\u00e1rio.<\/p>\n<p>O texto pode ser executado pelo c\u00f3digo, como exemplo: <strong><span style=\"color: #ff6600\">Mostrar texto<\/span> <span style=\"color: #00ff00\">&#8220;Ola mundo&#8221;<\/span><\/strong>. Ele vai executar a a\u00e7\u00e3o de mostrar o texto &#8220;Ola mundo&#8221; nos LEDs do micro:bit.<\/p>\n<p style=\"text-align: center\"><span style=\"color: #bd00bd\"><strong>Dica<\/strong><\/span><span>:\u00a0<\/span>N\u00e3o utilize acentos pois o micro:bit n\u00e3o sabe como us\u00e1-los.<\/p>\n<p style=\"text-align: left\">J\u00e1 o coment\u00e1rio \u00e9 apenas algo que voc\u00ea insere no c\u00f3digo mas que n\u00e3o muda nada. Ele pode ser utilizado para t\u00edtulos ou informa\u00e7\u00f5es pequenas. Como exemplo: colocar no in\u00edcio um bloco de coment\u00e1rio escrito <strong><span>&#8220;Este c\u00f3digo pertence a Fulano&#8221;<\/span><\/strong>. Isso n\u00e3o ser\u00e1 executado, mas d\u00e1 para saber quem \u00e9 o dono do c\u00f3digo pelo coment\u00e1rio.<\/p>\n<\/details>\n<details>\n<summary><strong>\u25b6 Comando de Imagens<\/strong><\/summary>\n<\/details>\n<h5 style=\"text-align: left\"><a id=\"sumquatro\"><\/a>4. Escrevendo seu nome no micro:bit<\/h5>\n<p>Agora que conhecemos a fun\u00e7\u00e3o de a\u00e7\u00e3o &#8220;<strong><span style=\"color: #ff6600\">mostrar texto<\/span><\/strong>&#8221; e o bloco <strong><span style=\"color: #008000\">texto\u00a0<\/span><\/strong>(que voc\u00ea pode inserir o que bem entender), ficou f\u00e1cil de escrever seu pr\u00f3prio nome, n\u00e9?<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/ex1.png\" alt=\"ex1\" width=\"365\" height=\"74\" class=\"aligncenter size-full wp-image-186\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/ex1gif.gif\" alt=\"ex1gif\" width=\"178\" height=\"384\" class=\"aligncenter size-full wp-image-189\" \/><\/p>\n<p>Nota que a fun\u00e7\u00e3o &#8220;mostrar texto&#8221; mostra o texto passando pela tela. E se eu utilizar o modo imagem?<\/p>\n<p style=\"text-align: center\"><span style=\"color: #999999\"><del><strong>Spoiler<\/strong>: no modo imagem fica parado, ele n\u00e3o &#8220;gira&#8221; na tela<\/del><\/span><\/p>\n<h5 style=\"text-align: left\"><a id=\"sumcinco\"><\/a>5.\u00a0Usando sensores<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/microbit-sensores.png\" alt=\"microbit sensores\" width=\"375\" height=\"231\" class=\"wp-image-259 alignright\" \/><\/p>\n<p>O micro:bit possui diversos sensores, dentre eles:<\/p>\n<ul>\n<li>Sensor de temperatura: esse sensor consegue medir a temperatura.<\/li>\n<li>Aceler\u00f4metro: esse sensor mede a acelera\u00e7\u00e3o (igual na f\u00edsica). Se voc\u00ea move o micro:bit ele consegue medir a acelera\u00e7\u00e3o do movimento que voc\u00ea\u00a0fez. Se voc\u00ea correr segurando ele, ele saber\u00e1 sua acelera\u00e7\u00e3o.<\/li>\n<li>Sensor de linha: esse sensor funciona da seguinte forma, se voc\u00ea desenhar uma linha (preta ou colorida) em um fundo branco, ele consegue reconhecer a linha se passar por cima dela.<\/li>\n<li>B\u00fassola:\u00a0esse sensor consegue dizer quantos graus ele foi movido, por exemplo:<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/bussola.png\" alt=\"bussola\" width=\"579\" height=\"292\" class=\"aligncenter size-full wp-image-266\" \/><\/p>\n<p>A linha azul \u00e9 a refer\u00eancia do sensor e a linha roxa \u00e9 o tanto que o micro:bit girou. Ele precisa de uma refer\u00eancia porque a partir dela que ele consegue medir o \u00e2ngulo entre a refer\u00eancia at\u00e9 onde o micro:bit parou, como vemos na imagem acima no exemplo de 45\u00ba.<\/p>\n<p>No in\u00edcio ele est\u00e1 no mesmo lugar da refer\u00eancia, logo est\u00e1 em 0\u00ba. Quando movemos a placa um pouco, ele calcula essa dist\u00e2ncia da origem, e chega ao valor de 45\u00ba.<\/p>\n<p><span style=\"color: #bd00bd\"><strong>Para esse exp<span style=\"color: #bd00bd\">erim<\/span>ento vamos fazer o seguinte<\/strong><\/span><span>:\u00a0<\/span><span><\/span>Iremos utilizar o sensor de b\u00fassola para mover uma imagem nos LEDs da plaquinha. Como assim? Imagine que, em 0\u00ba voc\u00ea tenha um sorriso ?, e quando gira 180\u00ba ele fica assim ?, porque ao virar 180\u00ba ele fica de cabe\u00e7a para baixo.<\/p>\n<p><span>O comando que utilizamos para ler o valor da b\u00fassola \u00e9 o\u00a0<\/span><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/comando-bussola.png\" alt=\"comando bussola\" width=\"153\" height=\"31\" class=\"wp-image-268\" \/>. Quando usamos ele, ele retorna um valor entre 0\u00ba e 360\u00ba. Lembrando que um <span>c\u00edrculo\u00a0<\/span>pode ter muitos \u00e2ngulos. Na imagem a seguir foram colocados alguns \u00e2ngulo que podem ajudar e que s\u00e3o importantes de lembrar:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/circuloangulos.png\" alt=\"circuloangulos\" width=\"327\" height=\"327\" class=\"aligncenter wp-image-269\" \/><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Lembre-se<\/strong>: 0\u00ba = 360\u00ba, pois o c\u00edrculo\u00a0come\u00e7a e termina no mesmo lugar.<\/p>\n<p>Para o projeto, faremos o seguinte na linguagem de programa\u00e7\u00e3o:<\/p>\n<p style=\"text-align: center\"><strong><span style=\"color: #993300\">Se<\/span> <\/strong>o <strong><span style=\"color: #008000\">\u00e2ngulo <\/span><span style=\"color: #3366ff\">for igual a<\/span> <span style=\"color: #000080\">0\u00ba<\/span><\/strong>, <strong><span style=\"color: #ff6600\">mostra<\/span><\/strong> ?<\/p>\n<p style=\"text-align: center\"><strong><span style=\"color: #993300\">Se<\/span> <\/strong>o <strong><span style=\"color: #008000\">\u00e2ngulo<\/span> <span style=\"color: #3366ff\">for igual a<\/span> <span style=\"color: #000080\">180\u00ba<\/span><\/strong>, <strong><span style=\"color: #ff6600\">mostra<\/span><\/strong> ?<\/p>\n<p style=\"text-align: left\">Lembre-se que as cores fazem refer\u00eancia aos blocos!!!<\/p>\n<p style=\"text-align: left\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/codigo-bussola.png\" alt=\"codigo bussola\" width=\"443\" height=\"426\" class=\" wp-image-270 alignleft\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/exp-bussola.gif\" alt=\"exp bussola\" width=\"199\" height=\"429\" class=\"wp-image-271 alignnone\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Ap\u00f3s isso, \u00e9 s\u00f3 iniciar a simula\u00e7\u00e3o e clicar no segundo bot\u00e3o em baixo para aparecer o bot\u00e3o de mudar o valor da b\u00fassola. Lembre-se de n\u00e3o alterar o valor t\u00e3o r\u00e1pido pois ele n\u00e3o consegue ler assim.<br \/>\n<img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/desafio2.png\" alt=\"desafio2\" width=\"585\" height=\"151\" class=\"aligncenter wp-image-272\" \/><\/p>\n<hr \/>\n<h5 style=\"text-align: center\"><span style=\"color: #bd00bd\"><strong>Agora \u00e9 sua vez de inventar e brincar com o micro:bit!<\/strong><\/span><\/h5>\n<h5 style=\"text-align: center\"><a id=\"sumseis\"><\/a>Atividade Pr\u00e1tica\u00a0&#8211; Brincando com LEDs<\/h5>\n<p>Bem-vindas \u00e0 sua primeira oficina no STEAM4Girls. Nela voc\u00ea ter\u00e1 que desenvolver um c\u00f3digo pro micro:bit que utilize os LEDs e algum sensor da plaquinha. O c\u00f3digo ter\u00e1 que:<\/p>\n<ul>\n<li>Contar alguma hist\u00f3rinha por meio de desenhos OU<\/li>\n<li>Criar alguma anima\u00e7\u00e3o, como uma dan\u00e7a ou movimenta\u00e7\u00e3o<\/li>\n<\/ul>\n<p>Um exemplo: no <a href=\"#sumcinco\">t\u00f3pico 5<\/a> n\u00f3s fizemos uma pequena anima\u00e7\u00e3o em que conforme a placa gira, o rosto gira tamb\u00e9m. Ent\u00e3o voc\u00ea pode fazer alguma anima\u00e7\u00e3o assim, ou que dan\u00e7a no ritmo de uma m\u00fasica, entre outros&#8230; o c\u00e9u \u00e9 o limite!<\/p>\n<p style=\"text-align: center\">Bom desafios e bom aprendizado!<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/gir-menina-legal.gif\" alt=\"gir menina legal\" width=\"429\" height=\"241\" class=\"aligncenter wp-image-213\" \/><\/p>\n<hr \/>\n<p style=\"text-align: center\">Alguma d\u00favida? Pergunte aqui nos coment\u00e1rios que responderemos o mais breve poss\u00edvel.<\/p>\n<p style=\"text-align: center\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/minibio-muria.png\" alt=\"minibio muria\" width=\"719\" height=\"165\" class=\"aligncenter wp-image-610\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ol\u00e1 aluna cientista, nossa primeira oficina ir\u00e1 utilizar uma plaquinha bem colorida e divertida: o micro:bit. Sum\u00e1rio Apresenta\u00e7\u00e3o ao micro:bit Usando o micro:bit no Open Roberta Lab Conhecendo as possibilidades Escrevendo seu nome no micro:bit Usando sensores Oficina 1 &#8211; Brincando com LEDs 1. Apresenta\u00e7\u00e3o ao micro:bit Afinal, o que [&hellip;]<\/p>\n","protected":false},"author":137,"featured_media":226,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[3,7],"tags":[],"class_list":["post-156","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-oficinas","category-tutoriais"],"_links":{"self":[{"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/posts\/156"}],"collection":[{"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/users\/137"}],"replies":[{"embeddable":true,"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/comments?post=156"}],"version-history":[{"count":93,"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/posts\/156\/revisions"}],"predecessor-version":[{"id":216,"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/posts\/156\/revisions\/216"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/media\/226"}],"wp:attachment":[{"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/media?parent=156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/categories?post=156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/tags?post=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}