Entradas

Mostrando entradas de 2018

Final de ubuingenio (2018)

El pasado viernes, terminamos con el programa de UBUingenio, después de casi 4 meses. Personalmente, he aprendido muchísimo con vosotr@s y me lo he pasado genial. Espero que vosotr@s también hayáis disfrutado y lo más importante: No dejéis que esto muera aquí, con esta última entrada... Si podéis sacar algo verdaderamente valioso del trabajo en equipo que habéis desarrollado estos días, de los conocimientos técnicos adquiridos, formas de trabajar, etc... Es la creación de comunidades. Llegados a este punto, la mayoría de vosotr@s estáis conectados vía blog, hangouts, scratch, etc... Aprovechad eso para sacar adelante proyectos, seguir aprendiendo unos de otros y hacer que quien os sigue, sea el que sea, aprenda con lo que transmitís. Muy recientemente y debido al buen ambiente creado en estas sesiones, me he propuesto, seguir con los blogs (este u otro, ya veré), crear una página web, hacer tutoriales si así lo considerase, etc... Se podría decir, que sois causantes de que intern...

Super sueño común

Imagen
Editamos nuestras producciones en función de lo que escribamos en el cuaderno de bitácora el día anterior. Hay que crear la PRODUCCIÓN  DEL "SÚPER SUEÑO" por equipos, con mucha rapidez, aprovechando el sueño/escena de cada miembro. Es un REQUISITO NECESARIO terminar el súper sueño común para la siguiente sesión de nuevas tecnologías. TERMINAR DE CONTESTAR LAS PREGUNTAS DEL CUADERNO DE BITÁCORA DE LA ÚLTIMA SESIÓN DURANTE LA SEMANA SI NO SE HA HECHO YA, PUESTO QUE EN LA SIGUIENTE SESIÓN SE PRESENTARÁ LA SUPERPRODUCCIÓN DEL "SÚPER SUEÑO" Y NO TENDREMOS MUCHO TIEMPO. Si algún equipo no lo ha terminado, deberá escuchar a los otros equipos, y después terminarlo antes de encender sus monitores. Introducimos lo que hemos escrito en nuestro cuaderno de bitácora, reflexiones, o aspecto que consideréis que aporte al proyecto. FOTOS CON PUNTUACIONES Y PAUTAS DE LAS SESIÓN 11:

Tiempo extra de la sesión anterior

Realizamos las preguntas que no nos ha dado tiempo a responder en la sesión anterior: - ¿Cómo me propongo utilizar mis talentos (los que escribí la semana pasada) durante el próximo curso? - ¿Cómo podrían sacar lo mejor de mí? Responde en el cuaderno de bitácora. EL CAMINO DEL PODER: Observamos el camino del power point/ dibujado en la pizarra: Ese camino representa el trayecto hacia el sueño que voy a alcanzar el próximo curso académico. Abrir la puerta supone haber realizado ese sueño, y disfrutarlo a tope. El problema es que el camino es largo y con curvas... Y la puerta necesita una llave. Al llegar al punto del camino en el que estás ahora, el mago te dice que cerca de la puerta encontrarás a dos duendes gemelos forjadores de llaves que te permitirá abrir la puerta para realizar tu sueño. El mago te avisa: “Se llaman “Esfuerzo” y “Constancia”. Solo la llave que te hagan estos dos, conseguirá abrir la puerta, y alcanzar tu sueño.” “Son duendes traviesos... A veces cuesta segu...

"Depuración" de nuestra trayectoria Ubuingenio

¿Qué es una red social? Red implica conexión entre varios puntos y lo social hace referencia a nuestra vida en conjunto, lo que nos pasa en una sociedad. Por lo tanto, si compartimos datos sociales a través de diferentes conexiones habremos construido un red social. Vamos a hacer recuento esos elementos a ver si los tenemos: - Vida social: Estoy seguro de que tenéis algo que compartir de vuestro día a día, de ubuingenio, de conocimientos adquiridos, vivencias, etc... - Conexión: En clases de nuevas tecnologías contamos con conexión a internet, la mayor red del mundo. - Puntos de conexión: Blogs, cuentas de scratch, hangout, etc... Parece que tenemos todo lo que necesitamos. Asi que vamos a hacer unas cuantas cosillas: - Hoy apuntadas en el cuaderno de bitácora, todas las cuentas que puede que nos pidan estos dias. - Añade a todos los miembros de tu grupo y al menos a una persona de cada grupo, a tu red social de hangouts, scratch y blogger (lo que hemos utilizado hasta ahora)...

Acabado de la APP

Bueno... Este es el final del módulo 2 y es aquí donde debéis demostrar lo aprendido hasta ahora. A esto añado algo más: El trabajo en equipo. Y es que en las grandes empresas, se crece porque todos funcionan como eslabones de la misma cadena, más aun si hablamos de altas empresas de nuevas tecnologías. Si bien es cierto que todo buen trabajo exige de estas mismas condiciones... En el caso de aquellas que se dedican a las nuevas tecnologías más y es que, vivimos en un mundo donde lo más demandado son los avances tecnológicos, así que: A más demanda, más responsabilidad de hacerlo bien, lo que implicaría más necesidad de trabajar BIEN en equipo. Como es natural, gente "nuevatecnológica", es la gente más apropiada para utilizar herramientas "nuevastecnológicas". Así que durante esta explicación os diré alguna que otra. Instrucciones: 1- Entre el grupo, constructivamente, vais aportar al resto: ¿Cómo mejorar la app? Cosas que me han gustado. 2- Representan...

Cración de una peli. Depuramos código 4

Imagen
Llegados a este punto, solo nos queda añadir los últimos retoques para que quede más atractivo. Y todos ellos los generaremos a partir de formas de código ya aprendidas Tenemos correctamente configurados fondos y botones, asi que configuremos un poco más a los protagonistas una vez se desplazen o bien al aula o a la luna: - Podríamos hacer que dijesen un par de frases antes de poner música alegre ante la elección del aula. - Aprovechar códigos para hacer alguna animación. - Añadir algún efecto. - Añadir algún disfraz extra, algún fondo o algún asset, sea el que sea. - Cambiar de posición a los personajes se quisiéramos. ¿Qué os parece?. Aquí os pongo parte de mi código. Miradle bien y preguntadme lo que queráis. Esto es lo que a mi se me ha ocurrido. Sois libres de hacer lo que queráis. Dejad claras vuestras ideas, apuntadlas si os hace falta antes de pasarlas a código y llevarlas a cabo. Eusebio: Manuel: Nota: Ese bloque de "enviar al frente", le he pue...

Cración de una peli. Depuramos código 3

Imagen
Seguimos añadiendo elementos a nuestro programa asi como depurándolo, y es que lo siguiente con lo que me encuentro es que al meter los diferentes "assets" (cualquier elemento que forma parte de un videojuego, película postprocesada, aplicación, etc...) del proyecto anterior en mi mochila y transportarlos a mi nuevo proyecto para explicaros la siguiente lección (esta en este caso), se me aplica un fondo que no quiero que aparezca al principio. Vamos a generar lo que en el mundo de los videojuegos, app´s, etc... Se llama "Un elemento controlador". Este es aquel, que no necesáriamente es visible, pero que "en la sombra" hace que la aplicación funcione correctamente. En este caso, va a ser el encargado de hacer que al principio, cuando pulsamos la bandera y todo empieza a funcionar, se vea en pantalla siempre el mismo fondo. En este caso construiremos un fondo (el 4º que ya deberíamos tener creado contando los otros fondos a los que nos lleva si pulsamos b...

Cración de una peli. Depuramos código 2

Imagen
Seguimos...: Al igual que pasa con el proyecto que os he enviado de neosoma, quiero colocar unos botones a modo de respuesta, para que podamos interactuar con la aplicación. Un botón en si es un sprite. No creo que encontremos un botón con lo que concrétamentente, nosotr@s queremos contestar, así que nos toca crear un sprite: En esta imagen se muestra todo lo que he utilizado para crear un sprite manualmente. Vamos por partes: 1- Pulsar el icono propio para crearle. 2- Nos aparecerá automáticamente un nuevo objeto, vacío por el momento. Para modificarle, vamos a la pestaña "disfraces". 3- Utilizamos las herramientas que queramos para darle forma. En mi caso han sido esas que he marcado. 4- Podemos cambiar color, groso, etc... 5- No os precupéis por el tamaño. Una vez agregadas a la ventana de previsualización, podemos con esos dos iconos, agrandarle o empequeñecerle a gusto. Nota: Guardad el sprite original del botón en la mochila y sacadle cada vez que queráis ...

Creación de una peli. Depuramos código

Imagen
Antes de nada, ahí van dos proyectos que os debo: En primer lugar el primer reto que hicimos. Mi visión del código: RETO 1  En segundo el diálogo de la peli a la que hago referencia en la entrada anterior: ESCENA DE PELÍCULA 1 También recordaros lo que ya os dije en la entrada "Entramos en el módulo 2", donde os explico que existen recursos muy valiosos para que aprendáis. Recuerdo el párrafo al que voy a hacer más referencia hoy: "Por otro lado, puede que también os interese el usuario de scratch "neosoma" , quien, al igual que mi compañero del que os he hablado, también forma parte de ubuingenio. Mi perfil, será "crash_z1". Ahora veremos como e crea una cuenta en caso de que no lo tengáis claro." El objetivo final de este módulo es conseguir una aplicación con scratch, la cual tenga un código asociado ligeramente complejo y lo suficiéntemente estudiado como para obtener algo de calidad. Por supuesto, durante este proceso, aprenderéis,...

Creación de una película. Escena de película: diálogo.

Imagen
En esta práctica, crearemos una escena de película, porque sí, con scratch podemos hacerlo ;). ¿Qué es lo primero pues que debemos hacer? Toda película parte de una idea, y posteriormente un guión, así que... ¿Qué tal si pensáis de qué puede tratar? Adelante, escribid una pequeña escena de una peli, un guión entre dos personajes no muy largo, que os voy a dar las pautas de cómo hacerlo: ¿Lo tenéis ya? Pues lo primero es elegir un fondo de la biblioteca de fondos de scratch. Pincha aquí, dentro del entorno de desarrollo de scratch: Es importante ir llamando a cada cosa por su nombre. Uno que no nos deje lugar a dudas de qué es lo que es, tanto con los escenarios, como los sprites (el gato en la imagen). Agregamos dos personajes o sprites. Ellos serán los protagonistas de la escena. Para ello, scratch también dispone de una biblioteca (Aunque que sepáis que también podéis dibujar los vuestros propios con el icono de al lado, con el pincel): Creo que el gato no nos hará fa...

Arrancamos con scratch 2. Estructura tipo decisión

Imagen
Hemos visto un poco de todo en la entrada anterior, pero todavía quedan muchas cosas: Todo el proyecto entero de hoy, se encuentra dentro de mi perfil de scratch. El roto, del que hablo más adelante, le haré público el lunes. Un saludo chic@s. Introduciremos ahora el concepto de bucle: Veréis... Como decía en la anterior entrada, habíamos construido un ejemplo de estructura secuencial, pero es lógico pensar que no es la única estructura que podemos seguir a al hora de escribir código. Otro ejemplo, es la estructura de tipo decisión. Podemos localizar esta clase de estructura cuando el programa se administra en algún punto, mediante un bucle, es decir, una función que hace que cierto código se ejecute con determinadas condiciones (las que nosotros le digamos) y hasta que esas condiciones no se cumplan, no seguirá con el resto de la estructura. Pero hay muchos tipos de bucles, y concretamente los que determinan si un código, tiene una estructura tipo decisión o no... Son unos muy c...

Arrancamos con scratch. Estructura secuencial.

Imagen
Tras la demostración hecha en clase. Todos deberíais tener cuenta en scratch, ya sea por que lo habéis hecho conmigo en clase o porque ya traíais la cuenta creada desde casa. Si seguís teniendo dudas podéis: Entrar en mi blog y dejarme cualquier duda en la entrada correspondiente o mirar la página que os he facilitado en la entrada anterior, donde se resuelven muchas cuestiones. En cualquier caso, no dudéis en pedir ayuda a vuestros padres y tanto vosotros como ellos apuntar lo que creáis relevante en el cuaderno de bitácora. Por otro lado, nos enfrentamos a un nuevo mundo... La programación... Mundo que tiene su propia forma de llamar a las cosas, por lo que he introducido una sección de vocabulario al final de las entradas que voy a ir haciendo estos días. Vamos pues a ver lo que es scratch: En el entorno de programación, podemos agregar bloques, que se corresponderán con el objeto seleccionado (cada bloque tiene un código con una serie de funciones detrás, que hacen que las cosas...

Entramos en el módulo 2

Lo primero: En esta página, hecha por un compañero de ubuingenio, tenéis ejemplos para aprender scratch viendo código . Os animo a que practiqueis y aprendáis todo lo que queráis (y más), por vuestra cuenta en ratitos que tengáis libre. Es muy divertido, de verdad: ubuingenio.wordpress.com Como veís, tiene sus propios contenidos para cada nivel que hemos hecho, que estamos haciendo, e incluso que vamos a hacer (¡¡¡Hasta de otros niveles!!!). Sois libres de mirar todo aquello que queráis mirar. ¡Adelante! Pero centrándonos en la sesión de hoy, deberíamos situarnos en el Nivel 1 - sesión 5. Por otro lado, puede que también os interese el usuario de scratch "neosoma" , quien, al igual que mi compañero del que os he hablado, también forma parte de ubuingenio. Mi perfil, será "crash_z1". Ahora veremos como e crea una cuenta en caso de que no lo tengáis claro. Para finalizar, ya sabéis que tenéis como referencia de todo lo que vamos haciendo, este mismo blo g c...

Aplicación de las templates 2

Imagen
Bueno.... Aquí estoy de vuelta. ¿Os ha servido la práctica para entender un poco mejor aquello de lo que hablábamos? Bien pues continuemos: Como decía, hay una segunda opción para aplicar templates y es mediante código HTML. Tranquilos... No vamos a escribir todo el código correspondiente a la página que queremos hacer (aunque podríamos si supiésemos como hacerlo y dispusiésemos de tiempo): - Para saber el código asociado a la template que nos hallamos descargado, debemos ir al archivo ".xlm" y abrirlo con un editor de notas tal cual se explica en el step 6 de la segunda opción, en la página que indico en la entrada "Aplicación de las templates". Click derecho/abrir con/bloc de notas. - ¡La cantidad de código escrito en lenguaje HTML que hay! Tal y como dice el step 7, lo copiamos TODO "control + c". - En el step 8, señala que en vez de dar al botón que dimos la otra vez ("Crear/restablecer copia de seguridad" (Backup/restore)), demos a ...

Práctica para entender la aplicación de templates por código

Imagen
"Código"........ ¿Qué es eso?....... Es muy recurrente oir "código" en el mundo de la informática... Pero ¿qué es exactamente? Sin complicarnos mucho, la palabra código hace referencia una serie de caracteres que significan algo y que alguien o algo tiene la capacidad de descifrar, es decir, tiene la capacidad de saber qué significa. Lógicamente el o lo que lo emite, también tiene que saber qué significa. Por lo tanto decir en informática que estás utilizando código es lo mismo que decir que estás emitiendo un mensaje con intenciones de que algo (generalmente) lo descifre. Al igual que en la vida real, en al cual nosotr@s nos comunicamos mediante diferentes códigos o como nosotros los llamamos idiomas/lenguajes (Inglés, Ruso, Euskera, Berebere, Español, Alemán, etc...) debido a que existen muchos tipos de receptores/Emisores de código, con sus características propias (ser de un país u otro, donde te han educado de una manera u otra), en informática también exis...

Aplicación de templates

Como ya os dije, esta sesión (sesión 4), va a ser probablemente la más peliaguda del módulo 1 (4 primeras sesiones). Esto es debido a que vamos a aplicar templates, como indico en el título de esta entrada. Para los que hayáis echado un ojo a la entrada "Trabajo grupal. Búsqueda de "templates"", hay un enlace explicativo (el cual os dije que miraseis guiño, guiño), en el que os indica cómo aplicar las templates. La página web es esta: http://gooyaabitemplates.com/how-to-install-blogger-template/ Pinchamos sobre el enlace. Para quien no sepa cómo hacerlo, lo explico. Asi que por un lado, ten esta entrada abierta en una pestaña y por otro la página web del enlace: - El paso (step) 1 y 2 ya están explicados en la entrada "Trabajo grupal. Búsqueda de "templates""--> básicamente te dice cómo descargar una template y como descomprimirla. - En el paso 3 te indica que tienes que iniciar sesión con tu cuenta google... Lógico - Con el step 4, a...

Resolución de dudas y errores a mejorar para la sesión 4

Imagen
Antes de nada, he borrado los comentarios que he creído que no servían una vez hecha esta entrada. Entre ellos, había comentarios SPAM (mandar indiscriminadamente mensajes, uno tras otro), mensajes de agradecimiento, de respuesta, algunos que estaban erróneos y los comentarios sobre dudas de la entrada " ¡¡¡¡¡¡¡¡¡¡¡¡¡¡DUDAS DE ESTA SEMANA!!!!!!!!!!!!", que como ya os dije, borraba después de haber creado la entrada semanal con la resolución de dudas. Por otro lado he mantenido los que sí nos sirven o los que he considerado curiosos para posibles dudas, etc... Ante todo, g racias a tod@s los que habéis aportado positívamente. ¡Vamos al lio! Tenéis la entrada "Compañeros" actualizada con las nuevas direcciones web de los compañeros que me han facilitado sus direcciones, ya sabéis... para que así podáis seguirles. INSISTO, los que faltéis de dármelas, ¡HACEDLO YA!, pues ubuingenio cada vez se pondrá más difícil y todas las indicaciones que os de, os servirán para f...