1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
|
<!--Dear translator: please NEVER translate the id or anything inside the tags as they are needed in english by the application
Thanks a lot in advance.-->
<chapter id="getting-started">
<title
>Comenzando</title>
<para
>Al iniciarse, &kturtle; mostrará algo como esto: <screenshot
> <screeninfo
>He aquí una captura de pantalla de &kturtle; al iniciarse por primera vez</screeninfo
> <mediaobject
> <imageobject
> <imagedata fileref="mainwindow.png" format="PNG"/> </imageobject
> <textobject
> <phrase
>Ventana principal de &kturtle;</phrase
> </textobject
> </mediaobject
> </screenshot
> En esta guía para principiantes, asumiremos que se está trabajando con las órdenes en español. Si fuera necesario cambiar la configuración del idioma para las órdenes debemos ir a: <menuchoice
><guimenu
>Preferencias</guimenu
><guimenuitem
>Configurar &kturtle;...</guimenuitem
></menuchoice
>, sección <guilabel
>Idioma</guilabel
>. Aquí podremos configurar el idioma en el cual deberán escribirse las órdenes de &kturtle;.</para>
<sect1 id="first-steps">
<title
>Los primeros pasos con &logo; ¡Le presentamos a la tortuga!</title>
<para
>Podemos ver que la tortuga se encuentra justo en el centro del área de dibujo. Ahora aprenderemos las órdenes necesarias para controlar a la tortuga desde el editor de códigos y pedirle que se mueva de un lado a otro de la pantalla.</para>
<sect2 id="the-turtle-moves">
<title
>La tortuga se mueve</title>
<para
>Ahora empecemos a mover la tortuga de aquí para allá. Nuestra tortuga puede realizar tres tipos de movimiento: 1) Puede ir hacia atrás o hacia adelante. 2) Hacia la derecha o hacia la izquierda. 3) Puede desplazarse directamente a un punto determinado de la pantalla. A modo de ejemplo, intentaremos lo siguiente:</para>
<para>
<screen
>avanzar 100
izquierda 90
</screen>
Escriba o copie y pegue el texto de arriba en el editor de código y ejecútelo para ver los resultados (para ejecutar el código usamos: <link linkend="file-execute"
><menuchoice
><guimenu
>Archivo</guimenu
><guimenuitem
>Ejecutar órdenes</guimenuitem
></menuchoice
></link
>).</para>
<para
>Cuando escriba y ejecute las órdenes de la forma que se indica podrá observar una o más de las siguientes cosas:</para>
<orderedlist>
<listitem
><para
>Que —después de ejecutar las órdenes—, la tortuga se desplazó hacia arriba y giró noventa grados hacia la izquierda. Éste es el resultado de aplicar las dos operaciones de nuestro ejemplo: <link linkend="forward"
><userinput
>avanzar</userinput
></link
> e <link linkend="turnleft"
><userinput
>izquierda</userinput
></link
>.</para>
</listitem>
<listitem>
<para
>Que el color del código cambia a medida que vamos escribiendo. El <emphasis
>resaltado intuitivo de sintaxis</emphasis
> permite que las diferentes clases de órdenes, se resalten en diferentes colores simplificando la tarea de leer bloques de código grandes.</para>
</listitem>
<listitem>
<para
>Que la tortuga dibujó una línea negra delgada.</para>
</listitem>
<listitem>
<para
>Puede que obtenga un mensaje de error. Ésto puede significar dos cosas: puede haberse producido un error al teclear las órdenes, o debería haber establecido el idioma correcto para las órdenes de &logo; (puede corregir esta situación eligiendo <menuchoice
><guimenu
>Preferencias</guimenu
><guimenuitem
>Configurar &kturtle;...</guimenuitem
></menuchoice
>, en la sección <guilabel
>Idioma</guilabel
>).</para>
</listitem>
</orderedlist>
<para
>Así, <userinput
>avanzar 100</userinput
> le pedirá a la tortuga que se desplace hacia adelante, e <userinput
>izquierda 90</userinput
> que rote noventa <glossterm linkend="degrees"
>grados</glossterm
> hacia la izquierda.</para>
<para
>Si queremos una explicación completa de éstas órdenes podemos acudir a las secciones correspondientes en el manual de referencia: <userinput
>avanzar</userinput
>, <userinput
>retroceder</userinput
>, <userinput
>izquierda</userinput
> y <userinput
>derecha</userinput
>.</para>
</sect2>
<sect2 id="more-examples">
<title
>Más ejemplos</title>
<para
>El primer ejemplo es muy simple, comencemos:</para>
<para>
<!--translators: if it's not already there, you can copy/paste the translated code below and save it in arrow.logo in your examples folder: kde-i18n/language-code/data/kdeedu/kturtle/ -->
<screen
>tamañolienzo 200, 200
colorlienzo 0, 0, 0
colorpluma 255, 0, 0
grosorpluma 5
limpiar
ir 20,20
dirección 135
avanzar 200
izquierda 135
avanzar 100
izquierda 135
avanzar 141
izquierda 135
avanzar 100
izquierda 45
ir 40, 100
</screen>
Ya sabemos que podemos optar por copiar y pegar las líneas de arriba en el editor de código o abrir el ejemplo <filename
>flecha.logo</filename
> que se encuentra en la carpeta <guimenu
>Abrir ejemplos...</guimenu
>, y luego ejecutar (utilizando <link linkend="file-execute"
><menuchoice
><guimenu
>Archivo</guimenu
> <guimenuitem
>Ejecutar órdenes</guimenuitem
></menuchoice
></link
>) para ver los resutados.</para>
<para
>Es evidente que el segundo ejemplo fue bastante más complejo que el primero. De este modo, hemos visto algunas órdenes que tal vez resulten nuevas para nosotros. He aquí una breve explicación de cada uno de ellas:</para>
<para
><userinput
>tamañolienzo 200,200</userinput
> define el tamaño del área de dibujo (cuando tengamos que referirnos a algo relativo al área de dibujo mediante una orden, utilizaremos el termino lienzo). En este caso definimos un ancho y un alto de 200 <glossterm linkend="pixels"
>pixels</glossterm
>. De este modo el área será un cuadrado.</para>
<para
><userinput
>colorlienzo 0,0,0</userinput
> hace que el área de dibujo se de color negro. <userinput
>0,0,0</userinput
> es una <glossterm linkend="rgb"
>combinación RGB</glossterm
> en la cual los tres valores se establecen a <userinput
>0</userinput
>, lo que da como resultado el color negro.</para>
<para
><userinput
>colorpluma 255, 255, 255</userinput
> establece el color de pluma a rojo. <userinput
>255,0,0</userinput
> es una <glossterm linkend="rgb"
>Combinación RGB</glossterm
> en la cual el valor para el rojo es <userinput
>255</userinput
> (el máximo valor posible) mientras que los demás (el verde y el azul) están a <userinput
>0</userinput
> (el mínimo posible). De esta combinación resulta un rojo oscuro.</para>
<para
>En el caso de no comprender del todo los valores de los colores, puede consultar la sección <glossterm linkend="rgb"
>Combinaciones RGB</glossterm
> del glosario.</para>
<para
><userinput
>grosorpluma 5</userinput
> establece el ancho para el trazo de nuestra pluma a <userinput
>5</userinput
> <glossterm linkend="pixels"
>pixels</glossterm
> A partir de ahora, cada línea que la tortuga dibuje tendrá un ancho de <userinput
>5</userinput
> pixeles. Si luego quisiéramos cambiar este valor, deberemos volver a utilizar la orden <userinput
>grosorpluma</userinput
>..</para>
<para
><userinput
>limpiar</userinput
> simplemente borra la pantalla.</para>
<para
><userinput
>ir 20,20</userinput
> le indica a la tortuga que debe ir a al lugar 20,20 del área de dibujo (lienzo). Esto significa, contando a partir del la esquina superior izquierda, 20 <glossterm linkend="pixels"
>pixels</glossterm
> hacia la derecha y 20 <glossterm linkend="pixels"
>pixels</glossterm
>hacia abajo. Tenga en cuenta que al utilizar la orden <userinput
>ir</userinput
>, la tortuga no dibujará una línea en su trayectoría.</para>
<para
><userinput
>dirección 135</userinput
> define la dirección de la tortuga. Las órdenes <userinput
>izquierda</userinput
> y <userinput
>derecha</userinput
>cambian el ángulo de la tortuga comenzando en la dirección actual. La orden dirección <userinput
>dirección</userinput
> cambia el ángulo de la tortuga partiendo de cero, no siendo por tanto un movimiento relativo a la dirección anterior.</para>
<para
>Después de la orden <userinput
>dirección</userinput
>, hay unas cuantas órdenes <userinput
>avanzar</userinput
> e <userinput
>izquierda</userinput
>. Estas órdenes son las que realizan el dibujo.</para>
<para
>Finalmente, otra orden <userinput
>ir</userinput
> hace que la tortuga se desplace a un lado.</para>
<para
>Para consultar explicaciones más detalladas de cada orden siga los enlaces.</para>
</sect2>
</sect1>
<!-- EXTRA SECTIONS CAN BE ADDED TO THE "GETTING STARTED"
<sect1 id="calculations">
<title
>Simple Calculations</title>
<para>
Not yet written
</para>
</sect1>
<sect1 id="using_variables">
<title
>Using Variables: creating 'number containers'</title>
<para>
Not yet written
</para>
</sect1>
<sect1 id="using_strings">
<title
>Using strings: creating 'text containers'</title>
<para>
Not yet written
</para>
</sect1>
<sect1 id="logic">
<title
>Logic: asking the computer simple questions</title>
<para>
Not yet written
</para>
</sect1>
<sect1 id="recursion">
<title
>Recursion: the Turtle is using itself</title>
<para>
Draw a maze for example
</para>
</sect1>
-->
</chapter>
|