Diferencia entre revisiones de «Usuario:ManuelRomero/2017/3primaria/Scratch»

De WikiEducator
Saltar a: navegación, buscar
 
(9 revisiones intermedias por el mismo usuario no mostrado)
Línea 1: Línea 1:
  
−
{{:Usuario:ManuelRomero/Scratch4/Contenidos/nav}}
+
{{:Usuario:ManuelRomero/Scratch/Contenidos/nav}}
−
 
+
−
<br>
+
+
−
{{#widget:Slides}}
+
</div>
−
<div class="slides layout-regular template-default">
+
−
<div=parrafo>
+
*
−
 
+
−
<div class="slide">
+
−
<div class="slide">
+
−
<!--1-->
+
−
 
+
−
{{MRM_Actividad|Title=Algunas ideas generales|
+
−
Pensemos a ver si sabemos qué cosas son ???<br />
+
−
[[Archivo:Pensando.png]]
+
−
}}
+
−
 
+
−
<br />
+
−
{{MRM_Pregunta|Title=Qué es un ordenador|
+
−
<br />
+
−
[[Archivo:Ordenador_scratch.jpeg]]
+
−
}}
+
−
{{MRM_Pregunta|Title=Un ordenador es inteligente|<br />
+
−
[[Archivo:Smart_Ordenador_scratch.jpeg]]
+
−
}}
+
−
{{MRM_Pregunta|Title=Se pone enfermo un ordenador|<br />
+
−
[[Archivo:Virus_Ordenador_scratch.jpeg]]
+
−
}}
+
−
{{MRM_Pregunta|Title=Qué es un programa de ordenador|<br />
+
−
[[Archivo:Programar1_scratch.jpeg]]
+
−
}}
+
−
{{MRM_Pregunta|Title=Qué es programar|<br />
+
−
[[Archivo:Virus_Ordenador_scratch.jpeg]]
+
−
}}
+
−
{{MRM_Pregunta|Title?Qué es programar|<br />
+
−
https://www.youtube.com/watch?v=NWuvl8h1KVs
+
−
}}
+
−
 
+
 
*
 
*
 +
−
 
*Es dar instrucciones para que se realice un determinado algoritmo
 
*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
 
*Es interesante hablar de estos conceptos, si bien los trataremos mas adelante pero los necesitamos desde el principio
 +
 +
−
 
{{Puntos clave|
 
{{Puntos clave|
 +
 +
−
 
;Programar Es algo tan cotidiano y normal que nos pasa desapercibido
 
;Programar Es algo tan cotidiano y normal que nos pasa desapercibido
 +
 +
−
 
}}
 
}}
 +
 +
−
 
{{Definicion|
 
{{Definicion|
 +
 +
−
 
*La programación consiste en encontrar un algoritmo que resuelva un problema planteado
 
*La programación consiste en encontrar un algoritmo que resuelva un problema planteado
 +
 +
−
 
}}
 
}}
 +
 +
−
 
*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
 
*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
 +
 +
−
 
{{Ejemplo|*Lavar dientes
 
{{Ejemplo|*Lavar dientes
 +
 +
−
 
*Cruzar la carretera}}
 
*Cruzar la carretera}}
 +
 +
−
 
</div>
 
</div>
 +
 +
−
 
<div class="slide">
 
<div class="slide">
 +
 +
−
 
<!--1-->
 
<!--1-->
 +
 +
−
 
*Resolver problemas es algo habitual y contidiano
 
*Resolver problemas es algo habitual y contidiano
 +
 +
−
 
*Lo hacemos sin ser conscientes de lo que estamos haciendo
 
*Lo hacemos sin ser conscientes de lo que estamos haciendo
 +
 +
−
 
*A veces lo hacen sin saber como lo han hecho
 
*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
 
*Es una invitación a la reflexión, a la tranquilidad a la hora de hacer algo
 +
 +
−
 
</div>
 
</div>
 +
 +
−
 
<div class="slide">
 
<div class="slide">
 +
 +
−
 
<!--1-->
 
<!--1-->
−
 
+
 +
−
 +
 +
−
 
{{Puntos clave|
 
{{Puntos clave|
 +
 +
−
 
*QUÉ QUIERO HACER
 
*QUÉ QUIERO HACER
 +
 +
−
 
*CÓMO LO VOY A HACER
 
*CÓMO LO VOY A HACER
 +
 +
−
 
*PUES VENGA VAMOS A HACERLO  
 
*PUES VENGA VAMOS A HACERLO  
 +
 +
−
 
}}
 
}}
 +
 +
−
 
</div>
 
</div>
 +
 +
−
 
<div class="slide">
 
<div class="slide">
 +
 +
−
 
<!--1-->
 
<!--1-->
 +
 +
−
 
;Pautas a la hora de hacer un programa
 
;Pautas a la hora de hacer un programa
 +
 +
−
 
*Vamos a ver sobre la marcha los conceptos, si bien en el siguiente tema los formalizaremos
 
*Vamos a ver sobre la marcha los conceptos, si bien en el siguiente tema los formalizaremos
 +
 +
−
 
#primero saber '''''qué''''' quiero hacer
 
#primero saber '''''qué''''' quiero hacer
 +
 +
−
 
#buscar información para ver '''''cómo''''' lo puedo hacer
 
#buscar información para ver '''''cómo''''' lo puedo hacer
 +
 +
−
 
#realizarlo y analizo los resultados viendo posibles mejoras que puedo aplicar
 
#realizarlo y analizo los resultados viendo posibles mejoras que puedo aplicar
 +
 +
−
 
</div>
 
</div>
−
 
+
−
 
+
−
 +
 +
−
 +
 +
−
 
=Conceptos básicos en la programación=
 
=Conceptos básicos en la programación=
 +
 +
−
 
<br>
 
<br>
 +
 +
−
 
{{Objetivos|
 
{{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.
 
*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.
 +
 +
−
 
{{Reflexion|
 
{{Reflexion|
 +
 +
−
 
;Los programas los ejecuta el ordenador elemento binario que solo sabe de 1's y 0's
 
;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
 
;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}}
 
*Evidentemente de alguna forma hay que pasar de uno a otro de forma automática}}
 +
 +
−
 
}}
 
}}
 +
 +
−
 
===Conceptos importantes===
 
===Conceptos importantes===
−
 
+
 +
−
 +
 +
−
 
;Programa
 
;Programa
 +
 +
−
 
Un programa va a ser un conjunto de instrucciones que se ejecutan para resolver un problema planteado
 
Un programa va a ser un conjunto de instrucciones que se ejecutan para resolver un problema planteado
 +
 +
−
 
[[Imagen:programa1.png]]
 
[[Imagen:programa1.png]]
−
 
+
 +
−
 +
 +
−
 
===Tipos de estructuras en la ejecución de un programa===
 
===Tipos de estructuras en la ejecución de un programa===
 +
 +
−
 
;Instrucciones de estructuras  secuenciales
 
;Instrucciones de estructuras  secuenciales
 +
 +
−
 
;Estructuras Seleectivas
 
;Estructuras Seleectivas
 +
 +
−
 
;Estructuras repetitivas
 
;Estructuras repetitivas
 +
 +
−
 
===Pensamiento compuatacional===
 
===Pensamiento compuatacional===
 +
 +
−
 
<br />
 
<br />
 +
 +
−
 
[[Archivo:Pensamiento_computacional.jpeg]]
 
[[Archivo:Pensamiento_computacional.jpeg]]
 +
 +
−
 
<!--1-->
 
<!--1-->
 +
 +
−
 
===Descripcion del entorno===
 
===Descripcion del entorno===
 +
 +
−
 
*Es importante conocer y familiarizarse con el entorno
 
*Es importante conocer y familiarizarse con el entorno
 +
 +
−
 
*A la vez hay que tener unas pocas nociones de qué es programar
 
*A la vez hay que tener unas pocas nociones de qué es programar
 +
 +
−
 
*Primero vemos el entornoç
 
*Primero vemos el entornoç
 +
 +
−
 
</div>
 
</div>
 +
 +
−
 
<div class="slide">
 
<div class="slide">
 +
 +
−
 
<!--1-->
 
<!--1-->
−
 
+
 +
−
 +
 +
−
 
;El entorno de trabajo
 
;El entorno de trabajo
−
 
+
 +
−
 +
 +
−
 
[[Archivo:entornoScracht.png]]
 
[[Archivo:entornoScracht.png]]
 +
 +
−
 
</div>
 
</div>
−
 
+
−
 
+
−
−
 
+
−
 
+
−
 +
 +
−
 +
 +
−
 +
 +
−
 
=== Estructura secuencial ===
 
=== Estructura secuencial ===
 +
 +
−
 
Consiste en poner una instrucción detrás de otras. El orden de ejecución es secuncial y en orden (Excepción a esta regla los procesadores fuera de orden e instrucciones independientes).
 
Consiste en poner una instrucción detrás de otras. El orden de ejecución es secuncial y en orden (Excepción a esta regla los procesadores fuera de orden e instrucciones independientes).
 +
 +
−
 
<br/>
 
<br/>
 +
 +
−
 
[[Archivo:secuencial.png]]
 
[[Archivo:secuencial.png]]
−
 
+
 +
−
 +
 +
−
 
:Son órdenes directas que se ejecutan una detras de otras
 
:Son órdenes directas que se ejecutan una detras de otras
 +
 +
−
 
:Correspondes a estructuras secuancial
 
:Correspondes a estructuras secuancial
 +
 +
−
 
;Tipos de instrucciones secuenciales
 
;Tipos de instrucciones secuenciales
 +
 +
−
 
*En los leguajes a nivel básico tenemos las siguietnes instrucciones secuenciales
 
*En los leguajes a nivel básico tenemos las siguietnes instrucciones secuenciales
 +
 +
−
 
*Cuando estudiemos Javascript analizaremos cada una de ellas
 
*Cuando estudiemos Javascript analizaremos cada una de ellas
 +
 +
−
 
#Inicio/fin
 
#Inicio/fin
 +
 +
−
 
#leer/escribir
 
#leer/escribir
 +
 +
−
 
#declaracion
 
#declaracion
 +
 +
−
 
#asignacion
 
#asignacion
−
 
+
 +
−
 +
 +
−
 
;Instrucciones secuenciales en scratch
 
;Instrucciones secuenciales en scratch
 +
 +
−
 
*En scratch tenemos las instrucciones en grupos como ya hemos visto
 
*En scratch tenemos las instrucciones en grupos como ya hemos visto
 +
 +
−
 
[[imagen:gruposInstruccionesScratch.png]]
 
[[imagen:gruposInstruccionesScratch.png]]
 +
 +
−
 
Las instrucciones secuenciales pueden ser:
 
Las instrucciones secuenciales pueden ser:
 +
 +
−
 
;Movimientos
 
;Movimientos
 +
 +
−
 
;Apariencia
 
;Apariencia
 +
 +
−
 
;Sonido
 
;Sonido
 +
 +
−
 
;Lapiz
 
;Lapiz
 +
 +
−
 
;Datos  
 
;Datos  
−
 
+
−
 
+
−
−
 
+
 +
−
 +
 +
−
 +
 +
−
 
==== Instrucción de declaración ====
 
==== Instrucción de declaración ====
 +
 +
−
 
Sirve para declarar elementos dentro del programa
 
Sirve para declarar elementos dentro del programa
 +
 +
−
 
En un programa se pueden declarar
 
En un programa se pueden declarar
 +
 +
−
 
#variables
 
#variables
 +
 +
−
 
#constantes
 
#constantes
 +
 +
−
 
#subprogramas (funciones, procedimientos. En terminología OO métodos)
 
#subprogramas (funciones, procedimientos. En terminología OO métodos)
−
 
+
 +
−
 +
 +
−
 
==== instrucción de asignación ====
 
==== instrucción de asignación ====
 +
 +
−
 
Consiste en asignar un valor a una variable
 
Consiste en asignar un valor a una variable
 +
 +
−
 
  '''a = valor'''
 
  '''a = valor'''
 +
 +
−
 
La parte de la izquierda siempre será una variable ''posición de memoria donde almacenaré el valor''
 
La parte de la izquierda siempre será una variable ''posición de memoria donde almacenaré el valor''
 +
 +
−
 
'''valor '''se puede expresar de diferentes maneras:
 
'''valor '''se puede expresar de diferentes maneras:
 +
 +
−
 
* '''literal''' Directamente aporto el '''valor''', '''constante o identificador de variable '''que directamente me da el valor.
 
* '''literal''' Directamente aporto el '''valor''', '''constante o identificador de variable '''que directamente me da el valor.
 +
 +
−
 
* '''expresión''' ==> es un predicado con operadores que es evaluado y de su evaluación obtengo un valor. En función de los operadores las expresiones serán de diferente tipo
 
* '''expresión''' ==> es un predicado con operadores que es evaluado y de su evaluación obtengo un valor. En función de los operadores las expresiones serán de diferente tipo
 +
 +
−
 
** expresiones booleanas o lógicas('' operador booleano AND, OR, NOT). Su evaluación me da un valor booleano (VEDAD o FALSO)
 
** expresiones booleanas o lógicas('' operador booleano AND, OR, NOT). Su evaluación me da un valor booleano (VEDAD o FALSO)
 +
 +
−
 
** ''expresiones aritméticas ''operadores (+,-,*,/,MOD,) (SU EVALUACIÓN ME DA UN NÚMERO)
 
** ''expresiones aritméticas ''operadores (+,-,*,/,MOD,) (SU EVALUACIÓN ME DA UN NÚMERO)
 +
 +
−
 
** ''expresiones de comparación ''(=,>,<,>=,<=,!=) (Su evaluación me dá un valor booleano VERDAD o FALSO)
 
** ''expresiones de comparación ''(=,>,<,>=,<=,!=) (Su evaluación me dá un valor booleano VERDAD o FALSO)
 +
 +
−
 
*'''Función o método''' que retorna dicho valor: Es un bloque de ejecución ''independiente'' que o bien lo escribo yo en otra parte de este bloque o bien ya está disponibles en el conjunto de funciones o bilbiotecas o API que el entorno me ofrece para utilizar directamente. Por ejemplo antes hemos escrito el método '''calculaEdad...'''
 
*'''Función o método''' que retorna dicho valor: Es un bloque de ejecución ''independiente'' que o bien lo escribo yo en otra parte de este bloque o bien ya está disponibles en el conjunto de funciones o bilbiotecas o API que el entorno me ofrece para utilizar directamente. Por ejemplo antes hemos escrito el método '''calculaEdad...'''
−
 
+
 +
−
 +
 +
−
 
==== Instrucciones de leer/escribir ====
 
==== Instrucciones de leer/escribir ====
 +
 +
−
 
En realidad aquí depende de los lenguajes, algunos como Pascal y Modula tiene dentro del lenguaje una instrucción para visualizar un texto por la pantalla y otra para leerlo del teclado y asignárselo a una variable. Otros (la mayoría), como Java, C, python,... esta funcionalidad nos la brinda una función de una biblioteca que previamente debe ser cargada. Otros como PHP tienen ambas cosas echo (parte del lenguaje), print función del sistema, ambas para visualizar caracteres por pantalla. En general con cualquier lenguaje podremos:
 
En realidad aquí depende de los lenguajes, algunos como Pascal y Modula tiene dentro del lenguaje una instrucción para visualizar un texto por la pantalla y otra para leerlo del teclado y asignárselo a una variable. Otros (la mayoría), como Java, C, python,... esta funcionalidad nos la brinda una función de una biblioteca que previamente debe ser cargada. Otros como PHP tienen ambas cosas echo (parte del lenguaje), print función del sistema, ambas para visualizar caracteres por pantalla. En general con cualquier lenguaje podremos:
 +
 +
−
 
  visualizar(”cadena de caracteres , valor de variable” + variable+”expresion)
 
  visualizar(”cadena de caracteres , valor de variable” + variable+”expresion)
 +
 +
−
 
y para leer un valor que el usuario introduzca por el teclado y almacenarlo en una variable
 
y para leer un valor que el usuario introduzca por el teclado y almacenarlo en una variable
 +
 +
−
 
  leer(variable);
 
  leer(variable);
 +
 +
−
 
Un Ejemplo algoritmicamente quedaría  
 
Un Ejemplo algoritmicamente quedaría  
 +
 +
−
 
<source lang=java>
 
<source lang=java>
 +
 +
−
 
void MiPrograma
 
void MiPrograma
 +
 +
−
 
principio
 
principio
 +
 +
−
 
  visualizar (“Introduce tu edad”);
 
  visualizar (“Introduce tu edad”);
 +
 +
−
 
  leer edad;
 
  leer edad;
 +
 +
−
 
  visualizar (“Tu edad es de”+ edad);
 
  visualizar (“Tu edad es de”+ edad);
 +
 +
−
 
fin
 
fin
 +
 +
−
 
</source>
 
</source>
 +
 +
 
</div>
 
</div>

Última revisión de 18:57 21 may 2018

Volver



+ </div>

−

  • 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

−


Icon key points.gif

Puntos clave


−

Programar Es algo tan cotidiano y normal que nos pasa desapercibido

−



−


Icon define.gif

Definición

−

  • La programación consiste en encontrar un algoritmo que resuelva un problema planteado

−



−

  • 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

−


Icon casestudy.gif

Ejemplo

*Lavar dientes

−

  • Cruzar la carretera



− </div>

−

−

−

  • 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

−

−

−

−

−


Icon key points.gif

Puntos clave


−

  • QUÉ QUIERO HACER

−

  • CÓMO LO VOY A HACER

−

  • PUES VENGA VAMOS A HACERLO

−



−

−

−

−

Pautas a la hora de hacer un programa

−

  • Vamos a ver sobre la marcha los conceptos, si bien en el siguiente tema los formalizaremos

−

  1. primero saber qué quiero hacer

−

  1. buscar información para ver cómo lo puedo hacer

−

  1. realizarlo y analizo los resultados viendo posibles mejoras que puedo aplicar

−

−

−

−

Conceptos básicos en la programación

−

−


Icon objectives.jpg

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.

−


Icon reflection.gif

Reflexión

−

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


−




−

Conceptos importantes

−

−

Programa

− Un programa va a ser un conjunto de instrucciones que se ejecutan para resolver un problema planteado

− Programa1.png

−

−

Tipos de estructuras en la ejecución de un programa

−

Instrucciones de estructuras secuenciales

−

Estructuras Seleectivas

−

Estructuras repetitivas

−

Pensamiento compuatacional

−

− Pensamiento computacional.jpeg

−

−

Descripcion del entorno

−

  • Es importante conocer y familiarizarse con el entorno

−

  • A la vez hay que tener unas pocas nociones de qué es programar

−

  • Primero vemos el entornoç

− </div>

−

−

−

−

El entorno de trabajo

−

− EntornoScracht.png

−

−

−

−

−

−

Estructura secuencial

− Consiste en poner una instrucción detrás de otras. El orden de ejecución es secuncial y en orden (Excepción a esta regla los procesadores fuera de orden e instrucciones independientes).

−

− Secuencial.png

−

−

Son órdenes directas que se ejecutan una detras de otras

−

Correspondes a estructuras secuancial

−

Tipos de instrucciones secuenciales

−

  • En los leguajes a nivel básico tenemos las siguietnes instrucciones secuenciales

−

  • Cuando estudiemos Javascript analizaremos cada una de ellas

−

  1. Inicio/fin

−

  1. leer/escribir

−

  1. declaracion

−

  1. asignacion

−

−

Instrucciones secuenciales en scratch

−

  • En scratch tenemos las instrucciones en grupos como ya hemos visto

− GruposInstruccionesScratch.png

− Las instrucciones secuenciales pueden ser:

−

Movimientos

−

Apariencia

−

Sonido

−

Lapiz

−

Datos

−

−

−

−

Instrucción de declaración

− Sirve para declarar elementos dentro del programa

− En un programa se pueden declarar

−

  1. variables

−

  1. constantes

−

  1. subprogramas (funciones, procedimientos. En terminología OO métodos)

−

−

instrucción de asignación

− Consiste en asignar un valor a una variable

− 

a = valor

− La parte de la izquierda siempre será una variable posición de memoria donde almacenaré el valor

− valor se puede expresar de diferentes maneras:

−

  • literal Directamente aporto el valor, constante o identificador de variable que directamente me da el valor.

−

  • expresión ==> es un predicado con operadores que es evaluado y de su evaluación obtengo un valor. En función de los operadores las expresiones serán de diferente tipo

−

    • expresiones booleanas o lógicas( operador booleano AND, OR, NOT). Su evaluación me da un valor booleano (VEDAD o FALSO)

−

    • expresiones aritméticas operadores (+,-,*,/,MOD,) (SU EVALUACIÓN ME DA UN NÚMERO)

−

    • expresiones de comparación (=,>,<,>=,<=,!=) (Su evaluación me dá un valor booleano VERDAD o FALSO)

−

  • Función o método que retorna dicho valor: Es un bloque de ejecución independiente que o bien lo escribo yo en otra parte de este bloque o bien ya está disponibles en el conjunto de funciones o bilbiotecas o API que el entorno me ofrece para utilizar directamente. Por ejemplo antes hemos escrito el método calculaEdad...

−

−

Instrucciones de leer/escribir

− En realidad aquí depende de los lenguajes, algunos como Pascal y Modula tiene dentro del lenguaje una instrucción para visualizar un texto por la pantalla y otra para leerlo del teclado y asignárselo a una variable. Otros (la mayoría), como Java, C, python,... esta funcionalidad nos la brinda una función de una biblioteca que previamente debe ser cargada. Otros como PHP tienen ambas cosas echo (parte del lenguaje), print función del sistema, ambas para visualizar caracteres por pantalla. En general con cualquier lenguaje podremos:

− 

visualizar(”cadena de caracteres , valor de variable” + variable+”expresion)

− y para leer un valor que el usuario introduzca por el teclado y almacenarlo en una variable

− 

leer(variable);

− Un Ejemplo algoritmicamente quedaría

− 

 
−	
void MiPrograma
 
−	
principio
 
−	
 visualizar (“Introduce tu edad”);
 
−	
 leer edad;
 
−	
 visualizar (“Tu edad es de”+ edad);
 
−	
fin
 
−


</div>

Obtenido de «https://es.wikieducator.org/index.php?title=Usuario:ManuelRomero/2017/3primaria/Scratch&oldid=23798»