jueves, 30 de junio de 2016

Tiendas de Robótica

¿Para qué ir a un curso de robótica si puedo aprender yo sól@ o con un grupo de amigos?
Hay empresas que organizan los cursos como:
Los productos por niveles educativos en Robotis son:
 
Hoy en día el kit elegido está a nuestra disposición en un montón de tiendas físicas y on-line. El precio del curso suele ser equivalente a lo que te cuesta el kit de Robótica (a veces mucho menos) y te queda para siempre. Los manuales de todo están a la disposición de cualquiera en Internet y encontramos también video-tutoriales en los que aprendemos con los ejemplos elegidos. Si, chic@s, podéis aprender sólos.

Las tiendas on-line de Robótica nos tienen un poco a la última con los productos de sus catálogos, así estaremos al tanto de todas las posibilidades que tiene el mercado.
Listado de tiendas on-line que voy encontrado:
para cualquier comprador: http://ro-botica.com/ Esta web tiene información de todas las marcas de robots. También tiene una sección para centros educativos: http://www.ro-botica.com/tienda/Promociones-Centros-Educativos/




Lego MINDSTORMS Education EV3-Basis-Set 541pieza(s) - juegos de construcción (10 Año(s), 21 Año(s), Precio aproximado 433 €, si queremos un lote educacional podemos recurrir a Aula LEGO® MINDSTORMS® Education EV3 8-12 estudiantes
 El kit de 4 equipos + 2 x Cargadores EV3 (45517)  + 2 x Caja recursos y expansión LEGO Mindstoms Education EV3  cuesta unos 1752€.

Detalles del producto
LEGO Mindstorms - EV3, juguete electrónico (31313) EUR 344,58
Controla y ordena a tu robot con el mando a distancia incluido o descarga la aplicación gratuita para tu dispositivo iOS o Android. El corazón del set es el ladrillo inteligente EV3, equipado con un potente procesador ARM9, un puerto USB para proporcionar funciones WiFi y conexión a Internet, un lector de tarjetas Micro SD, botones retroiluminados y 4 puertos de motor.
Incluye 3 servomotores interactivos, un control remoto, un sensor de color mejorado y rediseñado, un sensor de contacto rediseñado, un sensor de infrarrojos y más de 550 elementos LEGO Technic. Incluye más de 550 elementos LEGO Technic: ¡todo lo que necesitas para crear asombrosos robots!

 



Set de expansión 853 piezas LEGO MINDSTORMS
EUR 134,95+ EUR 2,99 de envío




 


LEGO Mindstorms 8547 - NXT 2.0 V24 EUR 1.596,72

Aula LEGO® MINDSTORMS® Education EV3 - Reto Espacial   Material para trabajar el Reto Espacial con 8-20 alumnos. Solución óptima para Extraescolares  Precio pack: 1971€ 




Pack Deluxe Scratch mOway  Para dar un paso más en la robótica y programación SCRATCH, y adentrarse en la robótica colaborativa  PVP: 359€







mOwayduino  Robot autónomo programable basado en tecnologia ARDUINO, para ocio, educación y entretenimiento. PVP: 169€

miércoles, 22 de junio de 2016

Diseño lógico de una red con Packet Tracer

"Cisco Packet Tracer de Cisco es un programa de simulación de redes que permite a los estudiantes experimentar con el comportamiento de la red y resolver preguntas del tipo «¿qué pasaría si...?». Como parte integral de la Academia de Networking de Cisco, Packet Tracer provee capacidades de simulación, visualización, evaluación y colaboración y facilita la enseñanza y aprendizaje de conceptos básicos de redes" https://es.wikipedia.org/wiki/Packet_Tracer

Siguiendo los tutoriales que relaciono a continuación, nos iniciaremos en el manejo del programa y entenderemos cómo se configura este ejemplo de red.

Curso de redes desde cero:
  1. Curso de Redes desde cero (1). Descargar e instalar Packet Tracer 2.3.3 en español
  2. Curso de Redes desde cero (2). Descargar e instalar Cisco Networking Academy 4.0 en español
  3. Curso de Redes desde cero (3). Iniciando Packet Tracer, Introducción 
  4. Curso de Redes desde cero (4). Explicación código binario, hexadecimal, octal, y decimal (1)
  5. Curso de Redes desde cero (5).Explicación código binario (2)
  6.  Curso de Redes desde cero (6).Explicación Mascara de Subred
  7. ...


Si no queremos hacer el curso completo, tenemos estos otros tutoriales.

viernes, 17 de junio de 2016

La animación quiere contar la verdad

http://cultura.elpais.com/cultura/2016/06/03/actualidad/1464955541_575596.html

Rocío Ayuso / Tommaso Koch
Los Ángeles / Madrid 
“No es precisamente Disneylandia”. Así resumió la prensa alemana la edición de este año del prestigioso Festival Internacional de Cine de Animación de Stuttgart. Al fin y al cabo su ganador, Kaputt (Broken), de Volker Schlecht, fue un documental animado sobre los trabajos forzados de las presas políticas de la Alemania del Este. Y el certamen incluyó obras como Estate (Summer), de Ronny Trocker, que daba vida a la crisis de los refugiados animando una fotografía que Juan Medina tomó para Reuters en la playa canaria de Gran Tarajal. Como describió a EL PAÍS el director del festival, Ulrich Wegenast, la muestra no es más que el espejo de una tendencia cada vez más presente en el campo de la animación, cargada de contenido social como nunca. Tiene incluso nombre, animadoc, neologismo que describe los dibujos más allá del cine infantil. “En imagen real se siguen produciendo grandes documentales pero la animación ofrece otra forma de pensar, de ver el mundo, que en ocasiones puede funcionar mejor”, explica Schlecht.

martes, 7 de junio de 2016

Logotipo de mapa de bits a dibujo vectorial



El original que queremos convertir en dibujo vectorial es este de la imagen.

El vídeo de cómo se hace está en otro artículo también :diseño de logos en photoshop https://www.youtube.com/watch?v=zDBrGqpUHoI

jueves, 2 de junio de 2016

Animación y juegos con Scratch

videoSeguimos animando objetos, pero ahora con Scracht. Con los tutoriales que relaciono a continuación podemos ir entendiendo el funcionamiento de este programa. Si no lo queires instalar en tu ordenador, tienes la versión on-line en https://scratch.mit.edu/  Date de alta y comienza con las prácticas. Os dejo un vínculo a una animación que realicé para un curso: https://scratch.mit.edu/projects/105111607/

Ejercicios que podemos ir realizando en clase:

Animación:

Juegos iniciales:

lunes, 30 de mayo de 2016

Prueba práctica de Dibujo Vectorial con Inkscape

Tarjeta de visita con forma de avión
Valoraré la prueba puntuando los siguientes logros a la hora de imitar un folleto de publicidad a una sola tinta:
  1. Elección del tamaño de papel adecuado.
  2. Elección de un color de fondo no transparente adecuado (el pedido en clase).
  3. Realizar correctamente los dibujos en la capa inicial y crear otra capa para los textos.
  4. Texto escrito y editado correctamente, sin que falten detalles de información de lo que se pretende transmitir, y con tu nombre en lugar de el de la persona que viene en el ejemplo aportado como modelo, para saber de quién es el trabajo (Tamaño de letra adecuado, uso de la negrita, color idéntico al del logo...).
  5. Correcta realización de los triángulos de la figura (formas, grosores, tipos de línea y rellenos correctos).
  6. Correcta realización de cuadrados y rectángulos (formas, grosores, tipos de línea y rellenos correctos).
  7. Correcta realización de círculos y arcos (formas, grosores, tipos de línea y rellenos correctos).
  8. Utilización de la orden copiar - pegar.
  9. Utilización de la orden agrupar.
  10. Copiar una de las ruedas y pegarla en grande en la esquina inferior izquierda utilizando una transparencia del 50%.

lunes, 23 de mayo de 2016

Gif animado con Inkscape y/o Gimp


  1. Animación de ruedas dentadas:https://docs.google.com/document/d/1tN4poWRBNKY03HQI3xMeXpA7fXg0X7kc9HKBjvwjcnI/edit?pref=2&pli=1
Este tutorial está hecho para Inkscape 0.46
Si usáis 0.48 se generarán las ruedas dentadas en Extensiones/Generar/Ruedas dentadas.
 

  1. Video Tutorial de Inkscape en Español 9: Dibujar y animar un persona: https://www.youtube.com/watch?v=pz7WEwfsfmc 
Siguiendo este último tutorial creé este gif animado parecido a Packman. Es mi primer gif y cometí el error de seleccionar un tamaño de papel demasiado pequeño, por lo que en un momento dado se me sale de él y queda cortado por abajo y un poco por un lateral.
Quería conseguir el efecto de una pelota con cara que bota en el suelo.
Dejo aquí también los gifs creados por mis alumnos:




jueves, 19 de mayo de 2016

Videotutoriales Diseño Gráfico con Photoshop e Inkscape


Tienes que ver los siguientes tutoriales e intentar practicar esos ejercicios con nuestro programa Inkscape:

martes, 17 de mayo de 2016

App Inventor

Consultar información de esta web para la parte de Programación.
http://recursostic.educacion.es/observatorio/web/ca/software/programacion/1090-uso-de-appinventor-en-la-asignatura-de-tecnologias-de-la-comunicacion-y-la-informacion

Inkscape - Trabajando por capas

Los objetos pueden organizarse utilizando planos invisibles denominados capas.  

Quizá en un diseño sencillo no importa tener todo en una sola capa, pero cuando hay muchos trazos, textos, imágenes, se vuelve complicado el manejo de todos ellos. Por eso, se puede crear una capa con fotos, otra con textos, otra con trazos dibujados a pincel...

Hay que dar nombre a cada capa y asegurarse de que cuando comienzas a colocar los elementos, lo haces en la capa adecuada.

Podrás comprobar que puedes elegir ver sólo una capa, ocultar una capa o varias, bloquear alguna capa para que no haya alteraciones...

Hoy seguiremos el siguientes tutorial  para aprender a separar en capas los elementos de un dibujo.
http://recursostic.educacion.es/observatorio/web/ca/software/software-general/409-trabajando-con-capas-en-inkscape

Añádele al dibujo que hagas, similar a este con la foto que tu quieras, una capa con textos relacionados al dibujo.

lunes, 16 de mayo de 2016

Formatos de papel + Tutorial Básico y Avanzado de Inkscape

Recuerda que el tipo de papel normalizado que solemos utilizar en los centros escolares para tomar apuntes es el A4 (210 mm x 297 mm).
El A5 es la mitad de un A4, el A6 es la mitad de un A5...etc.
El A3 es el doble de un A4, el A2 es el doble de un A1...etc.

En Inkscape podemos seleccionar el tipo de papel normalizado que queremos utilizar al dibujar, o elegir un tamaño personalizado.

Busca en https://inkscape.org el tutorial básico y comprueba que ya sabes hacer todas las prácticas propuestas en él.

Si no supieras realizar alguna, practícalas en casa. https://inkscape.org/es/doc/tutorials/basic/tutorial-basic.es.html

 Ahora abre el tutorial avanzado y practica los ejercicios propuestos en una hoja de Inkscape en blanco dividida en tantas partes como ejercicios tengas que hacer. https://inkscape.org/es/doc/tutorials/advanced/tutorial-advanced.es.html

Imágenes vectoriales y de mapa de bits

En el siguiente artículo de Wikipedia teneis ampliación de esta información https://es.wikipedia.org/wiki/Gr%C3%A1fico_vectorial

Existen dos categorías de imágenes digitales:
  • imágenes de mapa de bits (también denominadas imágenes raster): son imágenes pixeladas, es decir que están formadas por un conjunto de puntos (píxeles) contenidos en una tabla. Cada uno de estos puntos tiene un valor o más que describe su color. Para una letra H escrita en negro sobre blanco elaborada con una calidad de 1 bit en cada pixel, tendremos una información de cada pixel que sera blanco (valor 1) y negro (valor 0). La letra está formada por una cuadrícula de 10 casillas sobre el eje X y 11 casillas sobre el eje Y, por lo que cada letra necesitaría 110 bits. Si pasamos a una calidad de 2 bits que nos permite cuatro tipos de información que son 00, 01, 10 y 11 tendremos cuatro tipos de colores que son blanco (11) negro (00) gris claro (10) y gris oscuro (01). Ilustro esta explicación con una imagen.
    Imagen vectorial e Imagen de mapa de bits
  • imágenes vectoriales: las imágenes vectoriales son representaciones de entidades geométricas tales como círculos, rectángulos o segmentos. Están representadas por fórmulas matemáticas (un rectángulo está definido por dos puntos; un círculo, por un centro y un radio; una curva, por varios puntos y una ecuación). El procesador "traducirá" estas formas en información que la tarjeta gráfica pueda interpretar. Referencia: "http://es.ccm.net/contents/736-imagenes-vectoriales-y-de-mapa-de-bits".

Diseño de un folleto de la compra

Diseña un folleto de supermercado de 2 páginas con nombre de supermercado inventado (comprueba que no exista, para que no te denuncien por derechos de nombre) imitando a los que nos meten en los buzones.

Doy en clase un folleto de ejemplo.

Tiene que incluir, nombre de la tienda, dirección, web, teléfono y algún producto en la 1ª página.

En la segunda tendrá el resto de los productos hasta 10.

Pongo en la imagen la 1ª hoja que yo diseñé.

Cuando termines, haces una impresión de pantalla y en Gimp recortas todo lo que no es el folleto. Guarda la imagen como .jpg y utilízala en la entrada de tu blog en la que cuentes lo que hemos hecho en clase.

Planifica y exhibe los horarios y fechas

Planifica y exhibe los horarios y fechas. Consulta la página http://www.diariosdelanube.com/2013/05/crea-un-calendario-de-eventos-para-tu.html
y sigue las instrucciones para añadir el gadget en el espacio derecha de tu blog.

Tipos de cámaras digitales

Detalla las características de cada una de las siguientes cámaras digitales incluyendo su imagen:

Compactas: ...

Bridge: ...

Reflex: ...

Evil o Mirrorless: ...