1 00:00:00,690 --> 00:00:19,949 Bueno, pues una vez que hemos visto qué es la programación, qué es un entorno de programación y qué es una gama de flujo, que son conceptos básicos para programar, vamos directamente a ver un poquito cuál es el entorno de programación y el lenguaje que vamos a utilizar en primera hora de eso, qué es un entorno de programación y un lenguaje gráfico que se domina Scratch. 2 00:00:20,429 --> 00:00:24,230 Primero veremos una pequeña introducción, luego qué diferencia hay entre programar online y offline 3 00:00:24,230 --> 00:00:27,710 y finalmente veremos cuáles son las partes que tiene el entorno de programación. 4 00:00:28,670 --> 00:00:33,210 Bien, como os he comentado, el programa que vamos a utilizar para programar se llama Scratch. 5 00:00:33,210 --> 00:00:39,250 Es un entorno de programación gráfico muy sencillo que permite crear programas de una manera muy fácil 6 00:00:39,250 --> 00:00:44,030 utilizando objetos gráficos que representan órdenes, sonidos, movimientos, etc. 7 00:00:44,310 --> 00:00:49,710 y que se van a ir colocando de una manera ordenada para finalmente ejecutar la tarea que tú quieres realizar. 8 00:00:49,950 --> 00:01:03,490 Permite crear todo tipo de historias, juegos, animaciones, contar historias animadas, controlar motores, luces, todo lo que quieras usando tu imaginación y se ha convertido hoy en día en la herramienta de programación más utilizada por estudiantes y profesores. 9 00:01:03,490 --> 00:01:13,769 De hecho, sé que muchos de vosotros ya lo conocéis porque habéis trabajado con Scratch en primaria, da igual, en esta asignatura lo que vais a hacer es simplemente repasar o utilizarla para ampliar vuestros conocimientos. 10 00:01:14,489 --> 00:01:33,390 Este es el icono que va a salir en todos los portátiles, es el gato de Scratch, y muy importante, en Internet existe una versión más avanzada, más actualizada, pero en los portátiles de clase vamos a utilizar la que venía por defecto, que para lo que nosotros queremos hacer no es más que suficiente, que es la versión 4.4.3. 11 00:01:33,390 --> 00:01:44,750 De manera que cuando veáis el programa muy importante y os diga que existe una versión nueva en internet, si os dice que si queréis actualizarla tenéis que decirle que no, porque siempre vamos a mantener la versión original. 12 00:01:45,969 --> 00:02:02,870 Bueno, en Scratch podemos trabajar de manera online, con lo cual tendremos que estar conectados a internet, esta es la pantalla que sale en internet cuando te conectas a Scratch, o podemos trabajar de manera offline, de manera online es con el programa instalado en el ordenador, que es lo que haremos en los portátiles de clase. 13 00:02:03,390 --> 00:02:20,550 Si queremos trabajar de manera offline, simplemente es en los portales de clase y en el botón de Windows que se encuentra abajo a la izquierda, elegir todos los programas y buscar el programa que se llama Scratch 2 o directamente hacer clic sobre el icono de Scratch que tenemos en los escritorios. 14 00:02:20,550 --> 00:02:23,169 una vez abierto el programa 15 00:02:23,169 --> 00:02:25,550 el entorno de programación va a ser prácticamente 16 00:02:25,550 --> 00:02:27,250 el mismo, ya bien sea 17 00:02:27,250 --> 00:02:29,310 offline o ya bien sea online 18 00:02:29,310 --> 00:02:30,930 ya bien sea conectado a internet 19 00:02:30,930 --> 00:02:33,310 o ya bien sea sin conectar a internet con el 20 00:02:33,310 --> 00:02:34,210 programa instalado 21 00:02:34,210 --> 00:02:37,509 en internet la dirección 22 00:02:37,509 --> 00:02:39,050 que tiene Scratch para 23 00:02:39,050 --> 00:02:40,490 programar es la que veis ahí 24 00:02:40,490 --> 00:02:44,909 https://scratch.meet.edu 25 00:02:44,909 --> 00:02:47,270 y entonces cuando ponéis esa dirección 26 00:02:47,270 --> 00:02:49,110 en la barra en el navegador de Windows 27 00:02:49,110 --> 00:02:51,969 el navegador de internet 28 00:02:51,969 --> 00:02:53,310 os va a salir esa pantalla 29 00:02:53,310 --> 00:02:55,750 y aquí tenéis todas las partes que tiene Scratch 30 00:02:55,750 --> 00:02:58,210 por una parte, en la parte que pone 31 00:02:58,210 --> 00:02:59,849 crear, es donde se pueden hacer 32 00:02:59,849 --> 00:03:02,210 los programas, donde está el entorno de programación 33 00:03:02,210 --> 00:03:04,229 y donde puedes crear tus programas 34 00:03:04,229 --> 00:03:06,210 descargarlos en tu PC, etc. 35 00:03:07,349 --> 00:03:08,409 Cuidado, si trabajáis 36 00:03:08,409 --> 00:03:10,110 de manera offline, el aspecto que tiene 37 00:03:10,110 --> 00:03:11,909 el editor es un poquito diferente 38 00:03:11,909 --> 00:03:14,409 al que luego vamos a mostrar en las transparencias 11 y 12 39 00:03:14,409 --> 00:03:16,229 pero el funcionamiento de las partes 40 00:03:16,229 --> 00:03:18,349 son prácticamente las mismas, pero os advierto 41 00:03:18,349 --> 00:03:21,509 que no va a ser exactamente igual al que vamos a ver a continuación. 42 00:03:22,310 --> 00:03:25,930 En el punto que pone explorar es una parte como el explorador de Windows 43 00:03:25,930 --> 00:03:29,330 que tiene dos PCs para poder ver programas de otros usuarios 44 00:03:29,330 --> 00:03:32,770 que ya estén colgados en Internet y poderlos analizar, 45 00:03:33,129 --> 00:03:34,490 que me sirvan de idea, etc. 46 00:03:35,129 --> 00:03:38,750 En la parte que pone únete a Scratch es la parte que tienes que utilizar 47 00:03:38,750 --> 00:03:42,330 si os queréis unir a la comunidad para compartir vuestros proyectos, 48 00:03:43,270 --> 00:03:44,569 compartir información, etc. 49 00:03:44,830 --> 00:03:47,009 Si queréis programar y no vais a compartir nada, 50 00:03:47,009 --> 00:03:48,770 con que vayáis a crear es suficiente 51 00:03:48,770 --> 00:03:50,750 pero si queréis que luego vuestros programas 52 00:03:50,750 --> 00:03:52,830 nos den a otros usuarios, compartan 53 00:03:52,830 --> 00:03:54,990 nos den opiniones, información, tendréis 54 00:03:54,990 --> 00:03:56,629 que unirte a la comunidad y registrar 55 00:03:56,629 --> 00:03:59,030 y en la parte de iniciar 56 00:03:59,030 --> 00:04:00,650 sesión, una vez que te has registrado 57 00:04:00,650 --> 00:04:02,770 en comunidad Scratch, vas a crearte 58 00:04:02,770 --> 00:04:04,289 un usuario y una contraseña 59 00:04:04,289 --> 00:04:06,370 metiendo aquí tu usuario y tu contraseña 60 00:04:06,370 --> 00:04:08,650 todos los programas que hagas se van a quedar 61 00:04:08,650 --> 00:04:10,810 cargados en tu cuenta y ya van a estar disponibles 62 00:04:10,810 --> 00:04:12,669 para el resto de usuarios en la opción 63 00:04:12,669 --> 00:04:14,849 de explorar. Importante, lo voy a 64 00:04:14,849 --> 00:04:16,730 repetir, si queréis hacer programas 65 00:04:16,730 --> 00:04:17,990 y practicar online 66 00:04:17,990 --> 00:04:20,509 el lenguaje de programación, no hace falta 67 00:04:20,509 --> 00:04:22,449 que os unáis a la comunidad, pero 68 00:04:22,449 --> 00:04:24,310 si te registras, como os he dicho anteriormente, 69 00:04:24,750 --> 00:04:26,550 puedes compartir tus usuarios en las zonas 70 00:04:26,550 --> 00:04:28,490 de explorar con todos los 71 00:04:28,490 --> 00:04:30,250 usuarios que se hayan unido en la comunidad. 72 00:04:31,529 --> 00:04:31,829 Bien, 73 00:04:32,670 --> 00:04:34,490 ya hemos dicho que vamos a trabajar de manera 74 00:04:34,490 --> 00:04:36,550 offline, luego por tanto vamos a 75 00:04:36,550 --> 00:04:38,529 indicar cómo vamos a 76 00:04:38,529 --> 00:04:40,149 o cómo es el entorno de programación. 77 00:04:40,589 --> 00:04:42,509 Me da igual si es offline o si es online, 78 00:04:42,509 --> 00:04:44,529 el entorno es muy parecido, pero el que vamos 79 00:04:44,529 --> 00:04:46,329 a ver en estas transparencias es el offline. 80 00:04:46,730 --> 00:04:50,709 Como os he dicho anteriormente, las pantallas del entorno online son un poquito diferentes. 81 00:04:50,709 --> 00:04:56,629 Bueno, pues cuando abrimos el entorno de programación, ya sea online o ya sea offline, lo que va a aparecer es esta pantalla. 82 00:04:57,310 --> 00:05:03,050 Y esta es la pantalla del entorno de desarrollo donde vamos a programar y vamos a hacer todas las cosas de nuestro programa. 83 00:05:03,730 --> 00:05:11,529 Entonces, arriba tenemos una opción en donde está el menú y barra de herramientas para archivar los programas, guardarlos, editarlos. 84 00:05:11,889 --> 00:05:15,610 Es una serie de opciones que vamos a ver de manera práctica en el siguiente punto. 85 00:05:16,370 --> 00:05:21,790 En la parte de izquierda arriba que está en blanco donde aparece el gato de Scratch es lo que se llama el escenario. 86 00:05:22,310 --> 00:05:30,509 Esa es la parte donde vamos a comprobar y donde vamos a colocar todos nuestros objetos y luego vamos a probar que el programa se ejecuta correctamente. 87 00:05:31,910 --> 00:05:41,370 Debajo del escenario se encuentra la zona de objetos y fondos que es donde vamos a ir configurando todos nuestros fondos y todos nuestros objetos que van a tener el programa. 88 00:05:41,990 --> 00:05:52,529 En la parte derecha tenemos la zona de programación, es la zona donde vamos a programar realmente y donde vamos a poner todas las instrucciones y todos los comandos para que se ejecuten siguiendo lo que nosotros queremos hacer. 89 00:05:53,110 --> 00:06:09,529 Y en la parte central tenemos la paleta de programas, donde están todas las opciones para programación, la paleta de disfraces, donde vamos a poder elegir los diferentes disfraces que van a tener los objetos que elijamos y donde vamos a poder configurar todos los sonidos que vamos a utilizar en nuestro programa. 90 00:06:10,110 --> 00:06:18,350 Insisto, esta es la distribución general del entorno, que es igual online u offline, aunque en la parte online es un poquito diferente. 91 00:06:19,529 --> 00:06:21,129 Bien, vamos a ver un poquito más en detalle. 92 00:06:22,009 --> 00:06:32,910 En la barra de herramientas tenemos aquí una serie de iconos que son muy importantes, que son las opciones para borrar, las opciones para aumentar el tamaño de los objetos, para disminuir el tamaño y para la ayuda online. 93 00:06:32,910 --> 00:06:51,589 Cada uno de ellos se dedica para uno. Esta es, vamos a ir con el lápiz, esta sería la opción para copiar, esta sería la opción para cortar, esta es la opción para agrandar el tamaño del objeto, la opción para disminuir el tamaño del objeto y la opción para consultar la ayuda online. 94 00:06:51,589 --> 00:07:13,149 Son opciones muy interesantes y que se utilizan mucho por eso están a la vista en la barra de herramientas. En estos iconos de aquí son las opciones que vamos a utilizar para los fondos. Como veis en la transparencia el dato de Scratch está en un fondo blanco pero yo puedo hacer que en vez de tener un fondo blanco tenga cualquier imagen. 95 00:07:13,149 --> 00:07:24,209 Pues aquí tenemos las opciones para poderlos crear o para elegir un archivo que ya tenga descargado o para incluso descargarlo de internet o para hacer una foto y que directamente esa foto sea el fondo. 96 00:07:25,470 --> 00:07:40,829 En esta parte de aquí tenemos las opciones para abrir los objetos de la librería. Por defecto tenemos, si os fijáis en mi programa, el gato Scratch, pero yo aquí puedo añadir y puedo configurar cualquier tipo de objeto que después meteré dentro del escenario. 97 00:07:40,829 --> 00:07:51,310 Bueno, pues puedo utilizar objetos de la librería, es decir, objetos que ya tiene el propio programa y puedo utilizar, puedo crearlos, puedo dibujarlos, puedo hacer fotos, aquí están todas las opciones para manejar los objetos. 98 00:07:51,310 --> 00:08:02,860 Y finalmente tenemos aquí la opción del medio que hemos dicho en el cual tenemos los programas, tenemos los disfraces y tenemos los sonidos. 99 00:08:03,319 --> 00:08:13,819 Dependiendo de que elija una u otra me va a salir una opción diferente. De hecho ahora mismo como está seleccionada la opción de programación, en la parte de debajo, como veis, tenemos las opciones para programación. 100 00:08:13,819 --> 00:08:24,500 Si hubiésemos elegido la zona de disfraces, aquí saldrían los disfraces del objeto seleccionado y si hubiésemos elegido la zona de sonidos, aquí nos saldrían las opciones para los sonidos. 101 00:08:25,439 --> 00:08:37,340 Bien, pues este es el entorno de programación que es muy sencillo, si os fijáis tiene unas partes muy claras y muy sencillas y en el siguiente punto, en el punto 3, vamos a verlo ya funcionando directamente sobre el programa.