{"id":1927,"date":"2022-07-04T17:00:44","date_gmt":"2022-07-04T20:00:44","guid":{"rendered":"https:\/\/liag.ft.unicamp.br\/act\/?p=1927"},"modified":"2023-02-03T21:13:43","modified_gmt":"2023-02-04T00:13:43","slug":"logica-de-programacao-e-github-no-act-aula-3","status":"publish","type":"post","link":"https:\/\/liag.ft.unicamp.br\/act\/2022\/07\/04\/logica-de-programacao-e-github-no-act-aula-3\/","title":{"rendered":"Programa\u00e7\u00e3o e GitHub &#8211; Aula 3"},"content":{"rendered":"\n<h2 class=\"has-text-align-center wp-block-heading\">L\u00f3gica de programa\u00e7\u00e3o e GitHub no ACT &#8211; Aula 3<\/h2>\n\n\n\n<div style=\"height:28px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Introdu\u00e7\u00e3o a algoritmos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Defini\u00e7\u00e3o: Um algoritmo \u00e9 uma sequ\u00eancia de a\u00e7\u00f5es, que servem para resolver determinado problema.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Logo ap\u00f3s a introdu\u00e7\u00e3o do conceito de algoritmo, \u00e9 interessante colocar um exemplo para que o aluno consiga ter uma compreens\u00e3o maior. Utilizar uma linguagem facilitada e com tom de di\u00e1logo pode ser uma das formas de se aproximar do ouvinte e traz\u00ea-lo para a aula:<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Aprendendo Programa\u00e7\u00e3o e GitHub com Portugol Studios - Aula 3\" width=\"630\" height=\"354\" src=\"https:\/\/www.youtube.com\/embed\/wBOz9ngYVDI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:17px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Exemplo: vamos supor que voc\u00ea est\u00e1 com sede e deseja tomar um copo de \u00e1gua.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Podemos fazer um algoritmo para resolver esse problema:<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Vamos elaborar uma sequ\u00eancia de a\u00e7\u00f5es que s\u00e3o necess\u00e1rias para encher o copo.<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Suponha que nessa situa\u00e7\u00e3o hipot\u00e9tica, voc\u00ea j\u00e1 esteja na cozinha<\/em><\/p>\n\n\n\n<div style=\"height:13px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Passo 1 &#8211; dirija-se ao arm\u00e1rio<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Passo 2 &#8211; pegue um copo<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Passo 3 &#8211; com o copo em m\u00e3os, v\u00e1 at\u00e9 o filtro de \u00e1gua<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Passo 4 &#8211; posicione o copo abaixo da torneira do filtro<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Passo 5 &#8211; abra a torneira<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Passo 6 &#8211; mantenha a torneira aberta: se o copo estiver cheio, desligue a torneira. Caso contr\u00e1rio, deixe ela ligada.<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Todos esses passos podem ser facilmente interpretados por qualquer um que saiba ler em portugu\u00eas. Os algoritmos computacionais funcionam da mesma maneira: basta escrever algo na \u201clinguagem que o computador entenda\u201d, que no caso \u00e9 a linguagem de programa\u00e7\u00e3o<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Import\u00e2ncia no cotidiano: Mostrar como os algoritmos est\u00e3o presentes no cotidiano dos alunos:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Atualmente, os algoritmos s\u00e3o amplamente utilizados na elabora\u00e7\u00e3o de solu\u00e7\u00f5es voltadas \u00e0 constru\u00e7\u00e3o de interfaces, no planejamento de redes e descrevem as tarefas a serem realizadas pelos programas, de forma que est\u00e3o presentes nas tecnologias que utilizamos diariamente.<\/p>\n\n\n\n<div style=\"height:31px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">O que \u00e9 Fluxograma<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Um fluxograma representa processos usando s\u00edmbolos gr\u00e1ficos, tendo algumas regras a seguir quanto a sua representa\u00e7\u00e3o:<\/p>\n\n\n\n<div style=\"height:16px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"728\" height=\"506\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image.png\" alt=\"\" class=\"wp-image-1934\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image.png 728w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-300x209.png 300w\" sizes=\"(max-width: 728px) 100vw, 728px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Podemos criar um fluxograma no site LucidChart, onde, ao cadastrar-se<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">gratuitamente, devemos criar um novo documento:<\/p>\n\n\n\n<div style=\"height:39px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"755\" height=\"263\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-1.png\" alt=\"\" class=\"wp-image-1935\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-1.png 755w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-1-300x105.png 300w\" sizes=\"(max-width: 755px) 100vw, 755px\" \/><\/figure>\n\n\n\n<div style=\"height:42px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Quando o documento \u00e9 criado, n\u00f3s alteramos o nome do arquivos e podemos ver que nas formas de fluxograma se encontram facilmente ao nosso alcance na tela:<\/p>\n\n\n\n<div style=\"height:39px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"738\" height=\"753\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-2.png\" alt=\"\" class=\"wp-image-1936\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-2.png 738w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-2-294x300.png 294w\" sizes=\"(max-width: 738px) 100vw, 738px\" \/><\/figure>\n\n\n\n<div style=\"height:11px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">A partir disso devemos criar um fluxograma com base nesses passos:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Passo 1 &#8211; dirija-se ao arm\u00e1rio<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Passo 2 &#8211; pegue um copo<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Passo 3 &#8211; com o copo em m\u00e3os, v\u00e1 at\u00e9 o filtro de \u00e1gua<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Passo 4 &#8211; posicione o copo abaixo da torneira do filtro<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Passo 5 &#8211; abra a torneira<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong><em>Passo 6 &#8211; mantenha a torneira aberta: se o copo estiver cheio, desligue a torneira. Caso contr\u00e1rio, deixe ela ligada.<\/em><\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>O que \u00e9 pseudoc\u00f3digo?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pseudoc\u00f3digo \u00e9 uma forma gen\u00e9rica de escrever um algoritmo, utilizando uma linguagem simples, como por exemplo, o Portugol.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O Portugol possui algumas regras:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Estrutura:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"650\" height=\"216\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-3.png\" alt=\"\" class=\"wp-image-1937\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-3.png 650w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-3-300x100.png 300w\" sizes=\"(max-width: 650px) 100vw, 650px\" \/><\/figure>\n\n\n\n<div style=\"height:41px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tipos de Dados:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"669\" height=\"327\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-4.png\" alt=\"\" class=\"wp-image-1938\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-4.png 669w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-4-300x147.png 300w\" sizes=\"(max-width: 669px) 100vw, 669px\" \/><\/figure>\n\n\n\n<div style=\"height:44px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Entrada e sa\u00edda de dados:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"763\" height=\"430\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-5.png\" alt=\"\" class=\"wp-image-1939\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-5.png 763w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-5-300x169.png 300w\" sizes=\"(max-width: 763px) 100vw, 763px\" \/><\/figure>\n\n\n\n<div style=\"height:42px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Coment\u00e1rios:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"770\" height=\"547\" src=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-6.png\" alt=\"\" class=\"wp-image-1940\" srcset=\"https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-6.png 770w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-6-300x213.png 300w, https:\/\/liag.ft.unicamp.br\/act\/wp-content\/uploads\/sites\/27\/2022\/07\/image-6-768x546.png 768w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>L\u00f3gica de programa\u00e7\u00e3o e GitHub no ACT &#8211; Aula 3 Introdu\u00e7\u00e3o a algoritmos Defini\u00e7\u00e3o: Um algoritmo \u00e9 uma sequ\u00eancia de a\u00e7\u00f5es, que servem para resolver determinado problema. Logo ap\u00f3s a introdu\u00e7\u00e3o do conceito de algoritmo, \u00e9 interessante colocar um exemplo para que o aluno consiga ter uma compreens\u00e3o maior. Utilizar uma linguagem facilitada e com [&hellip;]<\/p>\n","protected":false},"author":52,"featured_media":2857,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[1],"tags":[],"class_list":["post-1927","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-sem-categoria"],"wps_subtitle":"","_links":{"self":[{"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/posts\/1927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/users\/52"}],"replies":[{"embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/comments?post=1927"}],"version-history":[{"count":11,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/posts\/1927\/revisions"}],"predecessor-version":[{"id":2679,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/posts\/1927\/revisions\/2679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/media\/2857"}],"wp:attachment":[{"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/media?parent=1927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/categories?post=1927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/liag.ft.unicamp.br\/act\/wp-json\/wp\/v2\/tags?post=1927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}