Ver el código de «Usuario:ManuelRomero/Scratch/programación»

{{:Usuario:ManuelRomero/Scratch/Contenidos/nav}}

<br>
{{#widget:Slides}}
<div class="slides layout-regular template-default">


<!--1------------------------------------------------------>
<div id=parrafo>
<div class="slide">

===Qué es programar===
*Programar es resolver un problema de una manera concreta.
*Es dar instrucciones para que se realice un determinado algoritmo.
*Es interesante hablar de estos conceptos, si bien los trataremos mas adelante pero los necesitamos desde el principio.

{{MRM_Punto Clave|
;Programar Es algo tan cotidiano y normal que nos pasa desapercibido
}}
</div>
<!--2------------------------------------------------------>
<div class="slide">

{{MRM_Reflexion|Title=Reflexiona|
;Vamos a identificar cuestiones diarias que sean posibles ejecuciones de programas
}}

{{MRM_Definicion|Title=Qué es la programación|
*La programación consiste en encontrar un algoritmo que resuelva un problema planteado
}}
</div>
<!--2------------------------------------------------------>
<div class="slide">

*Simplemente el no saber que continuamente estamos realizando algoritmos es una falta de conscieciencia de ello , ya que lo hacemos de forma automática continuamente
{{MRM_Ejemplo|Title=Ejemplos de algoritmos cotidianos|
*Lavar dientes
*Cruzar la carretera}}
</div>
<!--3------------------------------------------------------>

<div class="slide">

{{MRM_Pregunta|Title=Qué es un algoritmo|
Dado un problema de naturaleza lógica
 '''''un algoritmo''''' es una secuencia de acciones 
 concreta y bien definida
 que ejecutadas todas ellas y en el orden establecido
 van a dar solución al problema planteado
*}}
</div>

<div class="slide">

{{MRM_Pregunta|Title=Características de un algoritmo|
; Un algoritmo debe de 
 Ser finito (debe de terminar en algún momento (no necesariamente su ejecución)
 Debe de ser concreto
 Siempre dará ante las mismas entradas, la misma salida.
 Concreto y bien definido
*}}
</div>




<div class="slide">
<!--1-->
*Resolver problemas es algo habitual y contidiano
*Lo hacemos sin ser conscientes de lo que estamos haciendo
*A veces lo hacen sin saber como lo han hecho
*Es una invitación a la reflexión, a la tranquilidad a la hora de hacer algo
</div>
<div class="slide">
<!--1-->

{{MRM_Puntos clave|
*QUÉ QUIERO HACER
*CÓMO LO VOY A HACER
*PUES VENGA VAMOS A HACERLO 
}}
</div>
<div class="slide">
<!--1-->
;Pautas a la hora de hacer un programa
*Vamos a ver sobre la marcha los conceptos, si bien en el siguiente tema los formalizaremos
#primero saber '''''qué''''' quiero hacer
#buscar información para ver '''''cómo''''' lo puedo hacer
#realizarlo y analizo los resultados viendo posibles mejoras que puedo aplicar
</div>



<div class="slide">
<!--1-->
=Conceptos básicos en la programación=
<br>
{{MRM_Objetivos|
*A continuación y aprovechando como ejemplo de lenguaje de programación '''''Scratch''''' vamos a analizar brevemente los elementos  que intervienen en un programa de alto nivel.
{{MRM_Reflexion|
;Los programas los ejecuta el ordenador elemento binario que solo sabe de 1's y 0's
;Los programas los escribimos las personas en un lenguaje compresible para nosotros
*Evidentemente de alguna forma hay que pasar de uno a otro de forma automática}}
}}

</div>
<div class="slide">
<!--1-->
==Algunas conceptos  importantes que ya veremos==
;Programa
Un programa va a ser un conjunto de instrucciones que se ejecutan para resolver un problema planteado
[[Imagen:programa1.png]]
</div
<div class="slide">


</div>

<div class="slide">
<!--
===Qué es el pensamiento computaciona===
[[Archivo:Pensamiento_computacional.jpeg]]
{{MRM_Actividad|Title=Nos ponemos a prueba|
{{MRM_Pregunta|Sois capaces de hacer un bocadillo....}}
<br />
;Vamos a hacerlo ....  
       computacionamente ?????
}}
-->
</div>

==Programa: conjunto de instrucciones==
<br />
{{MRM_Definicion|Title=Programa como conjunto de instrucciones|
;Un programa es un conjunto de instrucciones que van a resolver un problema
*Estas instrucciones las vamos a agrupar en tres tipos
 Instrucciones de estructuras  secuenciales
 Estructuras Seleectivas
 Estructuras repetitivas
}}
<br />
{{MRM_Pregunta|Title=Qué es una instrucción|
;Es una acción concreta a realizar
A continuación vamos a ver ejemplos de instrucciones
#.- Instrucción de selección
#.- Instrucción de repetición
#.- Instrucciones secuencales:
##.- Declaración de variables
##.- Asignación
##.- Declaración de bloques o funciones
##.- Invocación de funciones, subprogramas, objetos, ....
##.- Instrucción de inicio
##.- Instrucción de fin 
}}

===Instrucción de secuenciales===
*Son ordenes o acciones que se ejecutan una detrás de otras
*Es muy habitual que la orden sea llamar a un subprograma ya establecido(invocacion a subprogramas)
*Dentro de estas instrucciones veremos el concepto de las variables 
*Es importante la instrucción de inicio y fin, de alguna forma el programa ha de empezar a ejecutarse
*En scratch, esta instrucción viene con un determinado evento, en lenguajes estructurados venrá con una apertura de llave que representa el inicio
*Esta es una diferencia de scratch, tengo que especificar cuándo se va a ejectuar cada bloque de instrucciones y lo haremos mediante eventos que ocurren
[[Archivo:scratchInicio.png]]

===Instrucción de selección===
<br />
{{MRM_Pregunta|Title=Instrucción de selección| 
*Permite determinar situaciones especiales en nuestro programa
*Esta estructura tiene la siguiente forma
<source lang=bash>

 Si (condicion) entonces
  accion_1
  accion_2
  accion ....
 fin SI
</source>
*Donde '''''condicion'''''  es una expresión booleana es decir algo que se evalúa, y me da como resultado '''''verdad o falso'''''.
}}


*Responde a una lógica continua en nuestra vida, continuamente estamos haciendo cosas si .....
<source lang= bash>
Si hace frío (condición)
   me pongo el abrigo (accion) 
fin si
</source>
<source lang= bash>
Si comida fria (condición)
   la caliento (accion) 
fin si
</source>
<source lang= bash>
Si tocando borde (condición)
   llevar la bola al principio (accion) 
fin si
</source>
[[Archivo:scratchCondicion1.png|200px]]
[[Archivo:scratchCondicion2.png|400px]]

{{MRM_Actividad|Title =generar un número aleatorio |
*Generamos una edad aleatoria entre 1 y 60
*Decimos  si es o no mayor de edad
{{Plegable|hide
|Posible solución
|
[[Archivo:scratchSeleccion1.png]]
}}
}}

{{MRM_Actividad| 
*Si toco al gato con el ratón,
*que diga miau durante 2 segundos
{{Plegable|hide
|Posible solución
|

[[Archivo:seleccionScratch3.png]]
{{MRM_Pregunta|
Por qué no funciona ???}}
}}
}}

===Instrucción de repetición===
<br />


{{MRM_Pregunta|Title=Instrucción de repetición o bucle|
*En este caso vamos a repetir una serie de veces un conjuto de acciones
*Puede ser que quereamos repetir algo de forma infinita (mientras dure la ejecución del programa)
{{Tip|Este tipo de bucles son bucles infinitos}}
[[Archivo:bucleInfinito.png]]
*Puede ser que sepa cuántas veces quiero repetir un bucle
{{Tip|Este tipo de bucles son contadores}}
[[Archivo:bucleContador.png]]
*Puede ser que establezca una '''''condicion booleana''''' para  establecer hasta cuando quiero repetir el bucle
{{Tip|Este tipo de bucles son bucles con condición boleana}}
[[Archivo:bucleCondicion.png]]

}}

{{MRM_Actividad|Title=Iteraciones|
*Cuando apretamos la tecla '''''C''''' de crecer queremos que el sprit se haga más grande en 10 crecimientos, esperando un segundo entra cada incremente de tamaño.
Igualmente si aprieto de '''''P''''' de pequeñó queremos que el sprit se haga más grande en 10 crecimientos, esperando un segundo entra cada incremente de tamaño.
{{Plegable|hide
|Posible solución
|
[[Archivo:scratchBucle.png]]
}}
}}

{{MRM_Actividad|Title=Iteraciones|
*Cuando apretamos la '''''C''''' de crecer queremos que el sprit crezca hasta que toque el borde, luego que vuelva a su tamaño normal
{{Plegable|hide
|Posible solución
|

[[Archivo:scratchBucle2.png]]
}}
}}
===Variables===
<br />
{{MRM_Pregunta|Title=Instrucción de declarar variables|
 Una variable es una posición de memoria,
 En cuyo interior vamos a almacenar un valor de algún tipo
 y  cuyo contenido puede ser  modificado durante la ejecución del programa.
*Es una parte muy importante en la programación.
[[Archivo:declararVariable.png]]
}}
*Una vez creada la variable, la utilizaremos de dos maneras:
;Para asignarle un valor
[[Archivo:asignacionVariable.png]]
;Para operar con ellas. 
Aquí aparece un nuevo término de programación que son ''''las expresiones''''
{{MRM_Definicion|Title=expresion|
Una expresión es un conjunto de valores y operadores
que tras evaluarse obtenemos un resultado.
{{MRM_Ejemplo|Title=expresion aritmética|
;Son los operadores conocidos de matemáticas, y dan como resultado un número
<source lang=php>
8+5;
9*7;
9/7;
7-6M
9%4;
</source>
[[Archivo:operacionesAritmeticas.png]]
}}
{{MRM_Ejemplo|Title=expresion booleanas|
;Son los operadores lógicos , y dan como resultado un valor booleano, True o False
<source lang=php>
8>5;
9<7;
No Verdad;
Expresión_1 AND Expresion_2
</source>
[[Archivo:operacionesLogicas.png]]
}}
{{MRM_Ejemplo|Title=expresion sobre cadenas|
;Son los operadores sobre cadena de caracteres
<source lang=php>
"Cadena una " unir "Cadena 2"
contar Caracteres ("cadena")
</source>
[[Archivo:operacionesCaracteres.png]]
}}
}}
{{MRM_Punto Clave|Title=Muy importante|

UNA EXPRESIÓN, NO ES UNA INSTRUCCIÓN. ES PARTE DE ELLA.
}}


===Instrucción de secuenciales de asignación===
<br />

{{MRM_Pregunta|Title=Instrucción de asignación|
1.- Una asignación
<source lang=php>
color = "red"
</source>
[[Archivo:asignacionScratch.png]]
}}

===Instrucción de secuenciales declaración de variables===
<br />
{{MRM_Pregunta|Title=Instrucción de declarar variables|
1.- Una asignación
<source lang=php>
color = "red"
</source>
[[Archivo:asignacionScratch.png]]
}}
{{MRM_Actividad|Title=Contador|
*Modifica el ejercicio de decir si una edad (número aleatorio entre 1 y 30) es mayor de edad o no, haciendo que nos muestre la edad
{{Plegable|hide
|Posible solución
|

[[Archivo:scratchEdad2.png]]
}}
}}

{{MRM_Actividad|Title=Tabla de multiplicar|
*Genera un número aleatorio, y muestra su tabla de multiplicar
{{Plegable|hide
|Posible solución
|

[[Archivo:tablaMultiplicar.png]]
}}
}}

===Instrucción de secuenciales de declaración de bloques===
<br />
{{MRM_Pregunta|Title=Instrucción de declarar funciones o bloques |
}}
</div>