<meta charset="utf-8" />

<meta name="generator" content="pandoc" />

<meta http-equiv="X-UA-Compatible" content="IE=EDGE" />

<title>Aprendiendo a programar con karel</title>

<script src="site_libs/header-attrs-2.30/header-attrs.js"></script>

<script src="site_libs/jquery-3.6.0/jquery-3.6.0.min.js"></script>

<meta name="viewport" content="width=device-width, initial-scale=1" />

<link href="site_libs/bootstrap-3.3.5/css/cosmo.min.css" rel="stylesheet" />

<script src="site_libs/bootstrap-3.3.5/js/bootstrap.min.js"></script>

<script src="site_libs/bootstrap-3.3.5/shim/html5shiv.min.js"></script>

<script src="site_libs/bootstrap-3.3.5/shim/respond.min.js"></script>

<style>h1 {font-size: 34px;}

h1.title {font-size: 38px;}

h2 {font-size: 30px;}

h3 {font-size: 24px;}

h4 {font-size: 18px;}

h5 {font-size: 16px;}

h6 {font-size: 12px;}

code {color: inherit; background-color: rgba(0, 0, 0, 0.04);}

pre:not([class]) { background-color: white }</style>

<script src="site_libs/navigation-1.1/tabsets.js"></script>

<link href="site_libs/highlightjs-9.12.0/default.css" rel="stylesheet" />

<script src="site_libs/highlightjs-9.12.0/highlight.js"></script>

<link href="site_libs/font-awesome-6.5.2/css/all.min.css" rel="stylesheet" />

<link href="site_libs/font-awesome-6.5.2/css/v4-shims.min.css" rel="stylesheet" />

<link href="site_libs/ionicons-2.0.1/css/ionicons.min.css" rel="stylesheet" />

<script async src="https://www.googletagmanager.com/gtag/js?id=UA-113315486-1"></script>

window.dataLayer = window.dataLayer || [];

function gtag(){dataLayer.push(arguments);}

gtag('js', new Date());

gtag('config', 'UA-113315486-1');

<style type="text/css">

code{white-space: pre-wrap;}

span.smallcaps{font-variant: small-caps;}

span.underline{text-decoration: underline;}

div.column{display: inline-block; vertical-align: top; width: 50%;}

div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}

ul.task-list{list-style: none;}

</style>

<style type="text/css">code{white-space: pre;}</style>

<script type="text/javascript">

if (window.hljs) {

hljs.configure({languages: []});

hljs.initHighlightingOnLoad();

if (document.readyState && document.readyState === "complete") {

window.setTimeout(function() { hljs.initHighlighting(); }, 0);

}

<link rel="stylesheet" href="styles.css" type="text/css" />

<style type = "text/css">

.main-container {

max-width: 940px;

margin-left: auto;

margin-right: auto;

}

img {

max-width:100%;

}

.tabbed-pane {

padding-top: 12px;

}

.html-widget {

margin-bottom: 20px;

}

button.code-folding-btn:focus {

outline: none;

}

summary {

display: list-item;

}

details > summary > p:only-child {

display: inline;

}

pre code {

padding: 0;

}

<style type="text/css">

.dropdown-submenu {

position: relative;

}

.dropdown-submenu>.dropdown-menu {

top: 0;

left: 100%;

margin-top: -6px;

margin-left: -1px;

border-radius: 0 6px 6px 6px;

}

.dropdown-submenu:hover>.dropdown-menu {

display: block;

}

.dropdown-submenu>a:after {

display: block;

content: " ";

float: right;

width: 0;

height: 0;

border-color: transparent;

border-style: solid;

border-width: 5px 0 5px 5px;

border-left-color: #cccccc;

margin-top: 5px;

margin-right: -10px;

}

.dropdown-submenu:hover>a:after {

border-left-color: #adb5bd;

}

.dropdown-submenu.pull-left {

float: none;

}

.dropdown-submenu.pull-left>.dropdown-menu {

left: -100%;

margin-left: 10px;

border-radius: 6px 0 6px 6px;

}

<script type="text/javascript">

$(document).ready(function () {

// active menu anchor

href = window.location.pathname

href = href.substr(href.lastIndexOf('/') + 1)

if (href === "")

href = "index.html";

var menuAnchor = $('a[href="' + href + '"]');

// mark the anchor link active (and if it's in a dropdown, also mark that active)

var dropdown = menuAnchor.closest('li.dropdown');

if (window.bootstrap) { // Bootstrap 4+

menuAnchor.addClass('active');

dropdown.find('> .dropdown-toggle').addClass('active');

} else { // Bootstrap 3

menuAnchor.parent().addClass('active');

dropdown.addClass('active');

}

// Navbar adjustments

var navHeight = $(".navbar").first().height() + 15;

var style = document.createElement('style');

var pt = "padding-top: " + navHeight + "px; ";

var mt = "margin-top: -" + navHeight + "px; ";

var css = "";

// offset scroll position for anchor links (for fixed navbar)

for (var i = 1; i <= 6; i++) {

css += ".section h" + i + "{ " + pt + mt + "}\n";

}

style.innerHTML = "body {" + pt + "padding-bottom: 40px; }\n" + css;

document.head.appendChild(style);

<style type="text/css">

.tabset-dropdown > .nav-tabs {

display: inline-table;

max-height: 500px;

min-height: 44px;

overflow-y: auto;

border: 1px solid #ddd;

border-radius: 4px;

}

.tabset-dropdown > .nav-tabs > li.active:before, .tabset-dropdown > .nav-tabs.nav-tabs-open:before {

content: "\e259";

font-family: 'Glyphicons Halflings';

display: inline-block;

padding: 10px;

border-right: 1px solid #ddd;

}

.tabset-dropdown > .nav-tabs.nav-tabs-open > li.active:before {

content: "\e258";

font-family: 'Glyphicons Halflings';

border: none;

}

.tabset-dropdown > .nav-tabs > li.active {

display: block;

}

.tabset-dropdown > .nav-tabs > li > a,

.tabset-dropdown > .nav-tabs > li > a:focus,

.tabset-dropdown > .nav-tabs > li > a:hover {

border: none;

display: inline-block;

border-radius: 4px;

background-color: transparent;

}

.tabset-dropdown > .nav-tabs.nav-tabs-open > li {

display: block;

float: none;

}

.tabset-dropdown > .nav-tabs > li {

display: none;

}

<div class="container-fluid main-container">

<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">

<div class="container">

<div class="navbar-header">

<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-bs-toggle="collapse" data-target="#navbar" data-bs-target="#navbar">

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button>

<a class="navbar-brand" href="index.html">Semillero</a>

</div>

<div id="navbar" class="navbar-collapse collapse">

<ul class="nav navbar-nav">

<li>

<a href="informacion.html">

<span class="fa fa-info-circle"></span>

Información

</a>

<a href="https://freddy.quarto.pub/dists-gamlss">

<span class="fa fa-cubes"></span>

gamlss

</a>

<a href="karel.html">

<span class="fa fa-android"></span>

Karel

</a>

<a href="club_lec.html">

<span class="fa fa-newspaper-o"></span>

Club de lectura

</a>

<a href="curso_intro_r.html">

<span class="fa fa-pencil"></span>

Curso de R

</a>

<a href="curso_intro_python.html">

<span class="fa fa-pencil"></span>

Curso de Python

</a>

<li class="dropdown">

<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">

#rstats

<span class="caret"></span>

</a>

<ul class="dropdown-menu" role="menu">

<li>

<a href="material.html">

<span class="fa fa-archive"></span>

Material

</a>

</li>

<li>

<a href="https://ciencias.medellin.unal.edu.co/escuelas/estadistica/index.php/shiny.html">

<span class="fa fa-hand-spock-o"></span>

Shiny apps

</a>

</li>

<li>

<a href="enlaces.html">

<span class="fa fa-link"></span>

Enlaces intersantes

</a>

</li>

</ul>

</ul>

<ul class="nav navbar-nav navbar-right">

<li>

<a href="http://ciencias.medellin.unal.edu.co/escuelas/estadistica/">

<span class="ion ion-university"></span>

</a>

<a href="https://ciencias.medellin.unal.edu.co/escuelas/estadistica/index.php/shiny.html">

<span class="fa fa-lightbulb-o"></span>

</a>

<a href="https://github.com/srunal">

<span class="fa fa-github"></span>

</a>

</ul>

</div><!--/.nav-collapse -->

</div><!--/.container -->

<div id="header">

<h1 class="title toc-ignore">Aprendiendo a programar con karel</h1>

<div id="introducción" class="section level2">

<h2>Introducción</h2>

<p>Karel es un robot que nos ayuda a aprender a programa jugando a

realizar tareas con el robot karel. Abajo está el hexalogo que

identifica al paquete karel y dentro del hexalogo está el robot

karel.</p>

<div class="figure" style="text-align: center">

<img src="imagenes/karel_hexsticker.png" alt="Hexalogo del paquete karel." width="15%" />

<p class="caption">

Hexalogo del paquete karel.

<p>En la siguiente figura se observa una animación de una de las tareas

que se pueden hacer con karel. En esta animación se observa cómo el

robot recorre el laberinto de forma autónoma hasta encontrar un

“coso”.</p>

<div class="figure" style="text-align: center">

<img src="imagenes/karel_gif_01.gif" alt="Ilustración de una tarea con karel." width="35%" />

<p class="caption">

Ilustración de una tarea con karel.

<p>Para instalar el paquete karel debes escribir la siguiente

instrucción en la consola y esperar a que R cargue ese paquete y otros

paquetes auxiliares.</p>

<pre class="r"><code>install.packages(&quot;karel&quot;)</code></pre>

<p>Recuerda que se instala una única vez el paquete, no es necesario

volver a instarlarlo si ya lo has hecho.</p>

<p>El siguiente paso es cargar el paquete así:</p>

<pre class="r"><code>library(karel)</code></pre>

<div id="mundos" class="section level2">

<h2>Mundos</h2>

<p>Karel cuenta con varios mundos, la forma para cargar uno de esos

mundos es con la función <code>generar_mundo()</code>. El siguiente

código genera el mundo 001 que se utiliza como mundo base para aprender

a usar a karel.</p>

<pre class="r"><code>generar_mundo(&quot;mundo001&quot;)</code></pre>

<div class="figure" style="text-align: center">

<img src="imagenes/karel_mundo_01.png" alt="Mundo 001." width="50%" />

<p class="caption">

Mundo 001.

<p>Llamamos calle a cada fila del mundo rectangular, es decir, las

calles corren horizontalmente.</p>

<p>Las avenidas corren verticalmente (son las columnas). La intersección

entre una calle y una avenida es llamada celda y se puede identificar

por los números fuera del recuadro.</p>

<div id="tareas-básicas" class="section level2">

<h2>Tareas básicas</h2>

<p>Las tareas básicas que puede realizar el robot son:</p>

<li><code>avanzar()</code>.</li>

<li><code>girar_izquierda()</code>.</li>

<li><code>juntar_coso()</code>.</li>

<li><code>poner_coso()</code>.</li>

<p>Existe una función auxiliar que se usa para ejecutar las tareas del

robot, esa función es <code>ejecutar_acciones()</code>. Si no se corre

esa función al final de un conjunto de instrucciones, el robot no hará

nada.</p>

<div id="tarea-01" class="section level2">

<h2>Tarea 01</h2>

<p>Crear el mundo 001 y hacer que el robot avance dos celdas hacia la

derecha, es decir, que termine en calle 1 y avenida 3.</p>

<p><strong>Solución</strong></p>

<p>Para hacer lo que se pide en este ejercicio se puede usar el

siguiente código.</p>

<pre class="r"><code>generar_mundo(&quot;mundo001&quot;)

avanzar()

avanzar()

ejecutar_acciones()</code></pre>

<p>Y el resultado será el siguiente.</p>

<div class="figure" style="text-align: center">

<img src="imagenes/karel_tarea_01.gif" alt="Resultado tarea 01." width="50%" />

<p class="caption">

Resultado tarea 01.

<div id="tarea-02" class="section level2">

<h2>Tarea 02</h2>

<p>Crear el mundo 001 y hacer que el robot avance una celda hacia la

derecha, tome el coso y que avance nuevamente a la derecha, es decir,

que termine en calle 1 y avenida 3.</p>

<p><strong>Solución</strong></p>

<p>Para hacer lo que se pide en este ejercicio se puede usar el

siguiente código.</p>

<pre class="r"><code>generar_mundo(&quot;mundo001&quot;)

avanzar()

juntar_coso()

avanzar()

ejecutar_acciones()</code></pre>

<p>Y el resultado será el siguiente.</p>

<div class="figure" style="text-align: center">

<img src="imagenes/karel_tarea_02.gif" alt="Resultado tarea 02." width="50%" />

<p class="caption">

Resultado tarea 02.

<div id="tarea-03" class="section level2">

<h2>Tarea 03</h2>

<p>Su misión consiste en escribir el código para crear el mundo 001 y

hacer que el robot avance a calle 4 avenida 2.</p>

<p>El resultado deberá ser el siguiente.</p>

<div class="figure" style="text-align: center">

<img src="imagenes/karel_tarea_03.gif" alt="Resultado tarea 03." width="50%" />

<p class="caption">

Resultado tarea 03.

<div id="tarea-04" class="section level2">

<h2>Tarea 04</h2>

<p>Su misión consiste en crear una función que se llame

<code>girar_derecha()</code>. Use el esquema de abajo para crear su

función.</p>

<pre class="r"><code>girar_derecha &lt;- function() {

# escriba aqui sus instrucciones

# escriba aqui sus instrucciones

# escriba aqui sus instrucciones

}</code></pre>

<p>Ponga a prueba su función. Construya el mundo 001 y haga que el robot

gire a la izquierda una vez, avance dos celdas, luego que gire a la

derecha y avance una celda. Eso significa que el robot debe quedar en la

calle 3 avenida 2.</p>

<p>El resultado deberá ser el siguiente.</p>

<div class="figure" style="text-align: center">

<img src="imagenes/karel_tarea_04.gif" alt="Resultado tarea 04." width="50%" />

<p class="caption">

Resultado tarea 04.

<div id="tarea-05" class="section level2">

<h2>Tarea 05</h2>

<p>Su misión consiste en crear un código que replique le movimiento del

robót tal y como se muestra en la figura siguiente. El robot debe quedar

mirando a la derecha cuando llegue a la calle 4 avenida 3.</p>

<div class="figure" style="text-align: center">

<img src="imagenes/karel_tarea_05.gif" alt="Resultado tarea 05." width="50%" />

<p class="caption">

Resultado tarea 05.

<img src="imagenes/Logo_Semillero_R.png" alt="logo_srunal" width="100"

height="100">

<p><center>Copyright &copy; 2026, webpage made with Rmarkdown.</center></p>

function bootstrapStylePandocTables() {

$('tr.odd').parent('tbody').parent('table').addClass('table table-condensed');

$(document).ready(function () {

bootstrapStylePandocTables();

$(document).ready(function () {

window.buildTabsets("TOC");

$(document).ready(function () {

$('.tabset-dropdown > .nav-tabs > li').click(function () {

$(this).parent().toggleClass('nav-tabs-open');

});

(function () {

var script = document.createElement("script");

script.type = "text/javascript";

script.src = "https://mathjax.rstudio.com/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML";

document.getElementsByTagName("head")[0].appendChild(script);

})();