{"id":101,"date":"2021-03-23T20:06:35","date_gmt":"2021-03-23T23:06:35","guid":{"rendered":"http:\/\/eventos.ifg.edu.br\/steam4girls\/?p=101"},"modified":"2021-05-03T15:28:50","modified_gmt":"2021-05-03T18:28:50","slug":"como-utilizar-o-open-roberta-mobile","status":"publish","type":"post","link":"https:\/\/eventos.ifg.edu.br\/steam4girls\/2021\/03\/23\/como-utilizar-o-open-roberta-mobile\/","title":{"rendered":"Como utilizar o Open Roberta Mobile"},"content":{"rendered":"<p>Ol\u00e1, nesse post ensinaremos como utilizar o Open Roberta Mobile (o aplicativo para celular no Open Roberta Lab, o simulador que utilizaremos para as oficinas).<\/p>\n<p>O tutorial est\u00e1 dividido em 5 partes:<\/p>\n<ol>\n<li><a href=\"#sum1\">Como instalar o Open Roberta Mobile em seu celular<\/a><\/li>\n<li><a href=\"#sum2\">Como criar uma conta no Open Roberta Mobile<\/a><\/li>\n<li><a href=\"#sum3\">Como escolher seu rob\u00f4<\/a><\/li>\n<li><a href=\"#sum4\">Como programar seu rob\u00f4<\/a><\/li>\n<li><a href=\"#sum5\">Como fazer a simula\u00e7\u00e3o do rob\u00f4<\/a><\/li>\n<\/ol>\n<p><strong>Playlist com os tutoriais<\/strong><\/p>\n<p style=\"text-align: center\">\n<!-- iframe plugin v.5.2 wordpress.org\/plugins\/iframe\/ -->\n<iframe src=\"https:\/\/youtube.com\/embed\/videoseries?list=PL-jUBcaZbDugLZl_h7B2uIxKItubm55c3\" width=\"560\" height=\"315\" scrolling=\"yes\" class=\"iframe-class\" frameborder=\"0\"><\/iframe>\n<\/p>\n<p>&nbsp;<\/p>\n<h5><a id=\"sum1\"><\/a>1. Como instalar<\/h5>\n<p style=\"text-align: justify\"><img fetchpriority=\"high\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/1gif.gif\" alt=\"1gif\" width=\"198\" height=\"428\" class=\"alignleft wp-image-103 size-full\" \/><\/p>\n<p>Os<span>\u00a0passos s\u00e3o simples:<\/span><\/p>\n<p><strong>\u2022 \u00a0 \u00a0\u00a0<\/strong>Abra a Play Store (caso seu celular seja da Apple, abra a App Store)<\/p>\n<p><strong>\u2022 \u00a0 \u00a0\u00a0<\/strong>Procure pelo &#8220;Open Roberta Mobile&#8221; e clique em &#8220;Instalar&#8221;<\/p>\n<p><strong>\u2022 \u00a0 \u00a0\u00a0<\/strong>Ap\u00f3s isso, s\u00f3 abrir o aplicativo e usar<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/espa\u00e7o.png\" alt=\"espa\u00e7o\" width=\"1920\" height=\"112\" class=\"aligncenter size-full wp-image-124\" \/><\/p>\n<h5><a id=\"sum2\"><\/a><strong>2. Como criar uma conta<\/strong><\/h5>\n<h5><img decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/2video.gif\" alt=\"2video\" width=\"178\" height=\"384\" class=\" wp-image-107 alignright\" \/><\/h5>\n<p>Para criar uma conta voc\u00ea precisa:<\/p>\n<ol>\n<li>Abrir o aplicativo<\/li>\n<li>Clicar nas 3 barrinhas no canto superior esquerdo<\/li>\n<li>Clicar em &#8220;entrar&#8221;<\/li>\n<li>Clicar na op\u00e7\u00e3o &#8220;entrar&#8230;&#8221;<\/li>\n<li>Clicar em &#8220;novo&#8230;&#8221; para criar uma nova conta<\/li>\n<li>Insira as informa\u00e7\u00f5es:<\/li>\n<\/ol>\n<ul>\n<li><strong>Nome de utilizador<\/strong>: um nome sem espa\u00e7os nem caracteres especiais (acentos, pontos, entre outros). Ele n\u00e3o precisa ser seu nome verdadeiro, exemplos: eusouana, MariaEduarda, alunaRafa123, &#8230;<\/li>\n<li><strong>Palavra-passe<\/strong>: essa \u00e9 sua senha, escolha uma bem segura!<\/li>\n<li><strong>Repetir palavra-passe<\/strong>: repita a mesma senha escolhida.<\/li>\n<li><strong>Nome<\/strong>: aqui voc\u00ea insere o seu nome real, mas sem utilizar acentua\u00e7\u00e3o. Exemplo: se seu nome for &#8220;J\u00falia&#8221;, tem que inserir &#8220;Julia&#8221;, sem acento.<\/li>\n<li><strong>Correio-eletr\u00f3nico<\/strong>: aqui \u00e9 seu endere\u00e7o de e-mail. \u00c9 necess\u00e1rio ser um email que voc\u00ea tenha acesso, pois ap\u00f3s isso \u00e9 necess\u00e1rio confirmar sua inscri\u00e7\u00e3o.<\/li>\n<li><strong>Age<\/strong>: Aqui voc\u00ea insere sua idade. Tem duas op\u00e7\u00f5es:\u00a0<span style=\"text-decoration: underline\">Primeira op\u00e7\u00e3o<\/span>: &#8220;I am younger than 16!&#8221;, que pode ser traduzido para &#8220;Eu tenho menos de 16 anos!&#8221;. <span style=\"text-decoration: underline\">Segunda op\u00e7\u00e3o<\/span>: &#8220;I am 16 or older than 16!&#8221;<span>, que pode ser traduzido para &#8220;Eu tenho\u00a016 anos ou sou mais velho!&#8221;. Marque a op\u00e7\u00e3o que condiz com sua idade.\u00a0<\/span><\/li>\n<\/ul>\n<p style=\"padding-left: 30px\">7. Ap\u00f3s isso, clique em &#8220;Registrar agora&#8221;<\/p>\n<p style=\"padding-left: 30px\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/2videoconfirm.gif\" alt=\"2videoconfirm\" width=\"178\" height=\"384\" class=\"size-full wp-image-113 alignleft\" \/><\/p>\n<p style=\"padding-left: 30px\">Para confirmar sua inscri\u00e7\u00e3o:<\/p>\n<p>\u00a0 \u00a0 \u00a0 \u00a0 \u2022\u00a0Abra seu email<\/p>\n<p><span>\u00a0 \u00a0 \u00a0 \u00a0 \u2022\u00a0Procure por &#8220;open roberta&#8221;<\/span><\/p>\n<p><span>\u00a0 \u00a0 \u00a0 \u00a0 <strong> \u2022<\/strong>\u00a0Clique no link indicado<\/span><\/p>\n<p><span>\u00a0 \u00a0 \u00a0 \u00a0 \u2022\u00a0Abra no navegador<\/span><\/p>\n<p style=\"padding-left: 30px\">Agora seu aplicativo est\u00e1 pronto para ser usado!<\/p>\n<p style=\"padding-left: 30px\">Quando quiser acessar sua conta pelo computador ou por outro dispositivo, \u00e9 s\u00f3 inserir seu <span style=\"text-decoration: underline\">nome de utilizador<\/span> e <span style=\"text-decoration: underline\">palavra-passe<\/span> quando clicar na op\u00e7\u00e3o &#8220;entrar&#8230;&#8221;.<\/p>\n<p><img decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/espa\u00e7o.png\" alt=\"espa\u00e7o\" width=\"1920\" height=\"112\" class=\"aligncenter size-full wp-image-124\" \/><\/p>\n<h5><a id=\"sum3\"><\/a>3. Como escolher seu rob\u00f4<\/h5>\n<p><span><\/span><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/3gif.gif\" alt=\"3gif\" width=\"178\" height=\"384\" class=\"alignleft wp-image-127\" \/><\/p>\n<p>Para escolher seu rob\u00f4, clique na logo &#8220;NEPO&#8221; no canto superior direito.<\/p>\n<p>Clique na setinha at\u00e9 chegar no rob\u00f4 desejado. Nesse caso, usaremos o &#8220;mBot&#8221;.<\/p>\n<p>Quando chegar no rob\u00f4 desejado, clique nele.<\/p>\n<p>Pronto! Seu rob\u00f4 est\u00e1 pronto para uso.<br \/>\n<img decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/espa\u00e7o.png\" alt=\"espa\u00e7o\" width=\"1920\" height=\"112\" class=\"aligncenter size-full wp-image-124\" \/><\/p>\n<h5><a id=\"sum4\"><\/a>4. Como programar seu rob\u00f4<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/4gifopc.gif\" alt=\"4gifopc\" width=\"178\" height=\"384\" class=\"alignleft wp-image-134\" \/>O Open Roberta Mobile possui variar op\u00e7\u00f5es de <span style=\"color: #9600cc\"><strong>comandos<\/strong> <\/span>para seu rob\u00f4, eles s\u00e3o encontrados na barra lateral esquerda (essas pe\u00e7as de quebra cabe\u00e7a coloridas).<\/p>\n<p>Cada cor simboliza um conjunto de a\u00e7\u00f5es que o rob\u00f4 realizar\u00e1, a explica\u00e7\u00e3o de cada pode ser encontrada no post: INSERIR AQUI O POST.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/4gif.gif\" alt=\"4gif\" width=\"178\" height=\"384\" class=\"size-full wp-image-130 alignright\" \/>Para programar seu rob\u00f4, \u00e9 necess\u00e1rio clicar em qual a\u00e7\u00e3o voc\u00ea quer que ele fa\u00e7a, segurar e arrastar para a tela de programa\u00e7\u00e3o.<\/p>\n<p>Pode-se inserir quantas a\u00e7\u00f5es quiser para seu rob\u00f4, n\u00f3s iremos aprender sobre cada uma delas futuramente.<\/p>\n<p>\u00c9 necess\u00e1rio colocar dentro do bloco vermelho\u00a0para ficar em <span style=\"color: #9600cc\"><strong>loop<\/strong><\/span>, ou seja, ele repetir\u00a0aquelas a\u00e7\u00f5es &#8220;para sempre&#8221;.<\/p>\n<p>No exemplo a direita foi colocado o bloco &#8220;mover para a frente&#8221;, nele voc\u00ea pode mudar para movimentar para frente ou para tr\u00e1s, colocar a velocidade que voc\u00ea quiser e o tempo que ele mover\u00e1 para frente ou para tr\u00e1s.<\/p>\n<p>Depois colocado o bloco &#8220;mover para a direita&#8221;, que voc\u00ea pode configurar entre mover para a esquerda ou a direita, e tamb\u00e9m consegue controlar a velocidade que ele virar\u00e1 e o tempo que ele ficar\u00e1 fazendo a curva.<\/p>\n<p>A velocidade e o tempo s\u00e3o duas <span style=\"color: #9600cc\"><strong>vari\u00e1veis<\/strong><\/span>, um nome muito importante para a programa\u00e7\u00e3o. Voc\u00ea pode ver o significado dela no final do post.<br \/>\n<img decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/espa\u00e7o.png\" alt=\"espa\u00e7o\" width=\"1920\" height=\"112\" class=\"aligncenter size-full wp-image-124\" \/><\/p>\n<h5><a id=\"sum5\"><\/a>5. Como fazer a simula\u00e7\u00e3o do rob\u00f4<\/h5>\n<ul>\n<li>Bot\u00f5es do lado direito da tela<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/511.jpg\" alt=\"511\" width=\"82\" height=\"373\" class=\"wp-image-137 alignleft\" \/>1\u00ba Bot\u00e3o: Esse bot\u00e3o abre uma guia de informa\u00e7\u00f5es sobre o Open Roberta,\u00a0sua cria\u00e7\u00e3o e pol\u00edticas. Essa p\u00e1gina est\u00e1 em ingl\u00eas e alem\u00e3o.<\/p>\n<p>2\u00ba Bot\u00e3o: Abre uma guia que explica sobre o aplicativo, suas fun\u00e7\u00f5es, por\u00e9m est\u00e1 em ingl\u00eas. N\u00f3s faremos essas explica\u00e7\u00f5es passo a passo durante as oficinas.<\/p>\n<p>3\u00ba Bot\u00e3o: Abre um arquivo de texto para voc\u00ea explicar como seu c\u00f3digo funciona, para que os outros entendam o que seu c\u00f3digo faz. O nome disso na programa\u00e7\u00e3o \u00e9 <span style=\"color: #9600cc\"><strong>documentar<\/strong><\/span>.<\/p>\n<p>4\u00ba Bot\u00e3o: Abre uma guia que mostra como seu c\u00f3digo em <span style=\"text-decoration: underline\">blocos<\/span> ficaria se fosse feito com linguagem de programa\u00e7\u00e3o <span style=\"text-decoration: underline\">escrita<\/span>.<\/p>\n<p>5\u00ba Bot\u00e3o: Esse bot\u00e3o abre a simula\u00e7\u00e3o do rob\u00f4.<\/p>\n<p>6\u00ba Bot\u00e3o: Esse bot\u00e3o serve para voc\u00ea dar uma avalia\u00e7\u00e3o ao aplicativo na Play Store.<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Como simular seu c\u00f3digo<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/5gif.gif\" alt=\"5gif\" width=\"178\" height=\"384\" class=\"size-full wp-image-136 alignleft\" \/><span>Para simular o seu rob\u00f4 basta clicar na op\u00e7\u00e3o &#8220;SIM&#8221; (5\u00ba bot\u00e3o) no canto direito da tela.<\/span><\/p>\n<p>Para iniciar a simula\u00e7\u00e3o \u00e9 s\u00f3 clicar no primeiro bot\u00e3o na parte inferior da tela.\u00a0Para parar a simula\u00e7\u00e3o, clique no mesmo bot\u00e3o.<\/p>\n<p>\u00c9 poss\u00edvel mover o rob\u00f4 pela tela, basta clicar e segurar ele e mover para onde desejar.<\/p>\n<p>Para aproximar da tela, \u00e9 necess\u00e1rio fazer o movimento de pin\u00e7a para fora (<span>\u2194<\/span>) na tela. Para diminuir a tela, fazer o movimento de pin\u00e7a para dentro (<span>\u2192\u2190<\/span>).<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li>Bot\u00f5es no inferior da tela de simula\u00e7\u00e3o<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/521.jpg\" alt=\"521\" width=\"376\" height=\"146\" class=\" wp-image-139 alignleft\" \/><\/p>\n<p>1\u00ba Bot\u00e3o: Inicia\/Para a simula\u00e7\u00e3o do rob\u00f4<\/p>\n<p><span>2\u00ba Bot\u00e3o: Muda o ambiente que o rob\u00f4 est\u00e1<\/span><\/p>\n<p><span>3\u00ba Bot\u00e3o: Abre\/fecha a visualiza\u00e7\u00e3o do rob\u00f4<\/span><\/p>\n<p><span>4\u00ba Bot\u00e3o: Mostra as informa\u00e7\u00f5es que os sensores do rob\u00f4 est\u00e1 lendo<\/span><\/p>\n<p><span>5\u00ba Bot\u00e3o:\u00a0Volta o rob\u00f4 para o inicio da simula\u00e7\u00e3o.<\/span><\/p>\n<p><span>6\u00ba Bot\u00e3o: Serve para inserir\u00a0sua pr\u00f3pria imagem de ambiente para o rob\u00f4<\/span><\/p>\n<p><span>7\u00ba Bot\u00e3o: Entra no modo de <span style=\"color: #9600cc\"><strong>debuggar<\/strong> <\/span>(veja o significado no final do post).<\/span><img decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/espa\u00e7o.png\" alt=\"espa\u00e7o\" width=\"1920\" height=\"112\" class=\"aligncenter size-full wp-image-124\" \/><\/p>\n<hr \/>\n<h5 style=\"text-align: center\">Vocabul\u00e1rio da programa\u00e7\u00e3o<\/h5>\n<p><span style=\"color: #9600cc\"><strong>Comandos<\/strong> <\/span>&#8211; Como o pr\u00f3prio nome j\u00e1 mostra, &#8220;comandos&#8221; vem de &#8220;comandar&#8221;, ou seja, s\u00e3o coisas que voc\u00ea escreve e seu rob\u00f4 ir\u00e1 obedecer.<\/p>\n<p><span style=\"color: #9600cc\"><strong>Loop<\/strong> <\/span>&#8211; A tradu\u00e7\u00e3o de &#8220;Loop&#8221; \u00e9 &#8220;La\u00e7o, ciclo&#8221;, ou seja, um loop serve para que aqueles comandos funcionem infinitamente. Ent\u00e3o ao inv\u00e9s de sempre mandar o seu rob\u00f4 andar para frente, voc\u00ea pode colocar em um loop, e s\u00f3 precisa falar uma vez que ele sempre repetir\u00e1.<\/p>\n<p><span style=\"color: #9600cc\"><strong>Vari\u00e1veis<\/strong> <\/span>&#8211; Vari\u00e1veis s\u00e3o informa\u00e7\u00f5es que variam. Exemplo: a velocidade de um carro. Ele pode estar a 60km\/h, mas voc\u00ea pode acelerar e ir para 80km\/h, ela muda sempre que voc\u00ea quer.<\/p>\n<p><span style=\"color: #9600cc\"><strong>Documentar<\/strong> <\/span>&#8211; Escrever um documento que explique como seu c\u00f3digo funciona para que outras pessoas entendam quando ler.<\/p>\n<p><span style=\"color: #9600cc\"><strong>Debuggar<\/strong> <\/span>&#8211; Quando voc\u00ea quer encontrar um erro no seu c\u00f3digo, \u00e9 necess\u00e1rio &#8220;debuggar&#8221;. Voc\u00ea executa passo-a-passo cada bloco do seu c\u00f3digo at\u00e9 achar onde o problema est\u00e1. Veremos isso de forma pr\u00e1tica futuramente.<\/p>\n<hr \/>\n<p style=\"text-align: center\">Alguma d\u00favida? Pergunte nos coment\u00e1rios que responderemos o mais breve poss\u00edvel!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/eventos.ifg.edu.br\/steam4girls\/wp-content\/uploads\/sites\/64\/2021\/03\/8.gif\" alt=\"8\" width=\"251\" height=\"141\" class=\"aligncenter wp-image-13\" \/><\/p>\n<p style=\"text-align: center\">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\/minibio-muria.png\" alt=\"minibio muria\" width=\"719\" height=\"165\" class=\"aligncenter  wp-image-610\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ol\u00e1, nesse post ensinaremos como utilizar o Open Roberta Mobile (o aplicativo para celular no Open Roberta Lab, o simulador que utilizaremos para as oficinas). O tutorial est\u00e1 dividido em 5 partes: Como instalar o Open Roberta Mobile em seu celular Como criar uma conta no Open Roberta Mobile Como [&hellip;]<\/p>\n","protected":false},"author":137,"featured_media":210,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[7],"tags":[],"class_list":["post-101","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutoriais"],"_links":{"self":[{"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/posts\/101"}],"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=101"}],"version-history":[{"count":47,"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/posts\/101\/revisions"}],"predecessor-version":[{"id":619,"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/posts\/101\/revisions\/619"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/media\/210"}],"wp:attachment":[{"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/media?parent=101"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/categories?post=101"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/eventos.ifg.edu.br\/steam4girls\/wp-json\/wp\/v2\/tags?post=101"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}