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

De WikiEducator
Saltar a: navegación, buscar
 
(3 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>
+
+
−
<div class="parrafo1">
+
−
{{#widget:Slides}}
+
−
<div class="slides layout-regular template-default">
+
−
 
+
−
 
+
−
<!--1-->
+
−
<div class="slide">
+
−
{{MRM_Actividad|Title=Algunas ideas generales|
+
−
Pensemos a ver si sabemos qué cosas son ???<br />
+
−
[[Archivo:Pensando.png]]
+
−
}}
+
 
</div>
 
</div>
−
<div class="slide">
+
−
<br />
+
*
−
{{MRM_Pregunta|Title=Qué es un ordenador|
+
−
<br />
+
*
−
[[Archivo:ordenador_scratch.jpeg]]
+
−
 +
*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
 +
 +
−
 +
{{Puntos clave|
 +
 +
−
 +
;Programar Es algo tan cotidiano y normal que nos pasa desapercibido
 +
 +
−
 +
}}
 +
 +
−
 +
{{Definicion|
 +
 +
−
 +
*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
 +
 +
−
 +
{{Ejemplo|*Lavar dientes
 +
 +
−
 +
*Cruzar la carretera}}
 +
 +
−
 
</div>
 
</div>
 +
 +
−
 
<div class="slide">
 
<div class="slide">
−
{{MRM_Pregunta|Title=Un ordenador es inteligente|<br />
+
−
[[Archivo:Smart_Ordenador_scratch.jpeg]]
+
−
−
}}
+
<!--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>
 +
 +
−
 
<div class="slide">
 
<div class="slide">
−
{{MRM_Pregunta|Title=Se pone enfermo un ordenador|<br />
+
−
[[Archivo:Virus_Ordenador_scratch.jpeg]]
+
−
 +
<!--1-->
 +
 +
−
 +
 +
−
 +
{{Puntos clave|
 +
 +
−
 +
*QUÉ QUIERO HACER
 +
 +
−
 +
*CÓMO LO VOY A HACER
 +
 +
−
 +
*PUES VENGA VAMOS A HACERLO
 +
 +
−
 
}}
 
}}
 +
 +
−
 
</div>
 
</div>
 +
 +
−
 
<div class="slide">
 
<div class="slide">
−
{{MRM_Pregunta|Title=Qué es un programa de ordenador|<br />
+
−
[[Archivo:Programar1_scratch.jpeg]]
+
−
−
}}
+
<!--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>
−
<div class="slide">
+
−
{{MRM_Pregunta|Title=Qué es programar|<br />
+
−
−
[[Archivo:Virus_Ordenador_scratch.jpeg]]
+
 +
−
 +
 +
−
 +
=Conceptos básicos en la programación=
 +
 +
−
 +
<br>
 +
 +
−
 +
{{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.
 +
 +
−
 +
{{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}}
 +
 +
−
 
}}
 
}}
 +
 +
−
 +
===Conceptos importantes===
 +
 +
−
 +
 +
−
 +
;Programa
 +
 +
−
 +
Un programa va a ser un conjunto de instrucciones que se ejecutan para resolver un problema planteado
 +
 +
−
 +
[[Imagen:programa1.png]]
 +
 +
−
 +
 +
−
 +
===Tipos de estructuras en la ejecución de un programa===
 +
 +
−
 +
;Instrucciones de estructuras  secuenciales
 +
 +
−
 +
;Estructuras Seleectivas
 +
 +
−
 +
;Estructuras repetitivas
 +
 +
−
 +
===Pensamiento compuatacional===
 +
 +
−
 +
<br />
 +
 +
−
 +
[[Archivo:Pensamiento_computacional.jpeg]]
 +
 +
−
 +
<!--1-->
 +
 +
−
 +
===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>
 
</div>
 +
 +
−
 
<div class="slide">
 
<div class="slide">
−
{{MRM_Pregunta|Title?Qué es programar|<br />
+
−
  https://www.youtube.com/watch?v=NWuvl8h1KVs
+
−
−
}}
+
<!--1-->
 +
   
 +
−
 +
 +
−
 +
;El entorno de trabajo
 +
 +
−
 +
 +
−
 +
[[Archivo:entornoScracht.png]]
 +
 +
−
 
</div>
 
</div>
−
*
+
 +
−
 +
 +
−
 +
 +
−
 +
 +
−
 +
 +
−
 +
=== 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).
 +
 +
−
 +
<br/>
 +
 +
−
 +
[[Archivo: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
 +
 +
−
 +
#Inicio/fin
 +
 +
−
 +
#leer/escribir
 +
 +
−
 +
#declaracion
 +
 +
−
 +
#asignacion
 +
 +
−
 +
 +
−
 +
;Instrucciones secuenciales en scratch
 +
 +
−
 +
*En scratch tenemos las instrucciones en grupos como ya hemos visto
 +
 +
−
 +
[[imagen: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
 +
 +
−
 +
#variables
 +
 +
−
 +
#constantes
 +
 +
−
 +
#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
 +
 +
−
 +
<source lang=java>
 +
 +
−
 +
void MiPrograma
 +
 +
−
 +
principio
 +
 +
−
 +
visualizar (“Introduce tu edad”);
 +
 +
−
 +
leer edad;
 +
 +
−
 +
visualizar (“Tu edad es de”+ edad);
 +
 +
−
 +
fin
 +
 +
−
 +
</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»