Congreso en la UAM

En estos últimos días hemos estado preparándonos para dar enseñar lo que hacemos tanto en la clase de informática como en la de tecnología lo que aprendemos y cómo a los alumnos de la Universidad Autónoma de Madrid.

Nos dividimos en cuatro grupos con diferentes temas para exponer en la UAM, y nos repartimos de la siguiente forma:

-Códigos QR.

-Realidad Aumentada.

-App Inventor.

-Robótica.

En este caso mi equipo y yo nos encargamos de exponer nuestra experiencia con robótica en la asignatura de tecnología. Explicamos que programas utilizamos para programar los dos robots con los que trabajamos y que funciones pueden realizar.

En este congreso no solo participamos nosotros, ya que también nos encontramos con otros colegios de distintos cursos a los que también les explicamos cómo funciona nuestro robot.

A pesar de haber estado muy nerviosos al principio, para nosotros fue una gran experiencia ya que lo mejor fue la parte de sacar voluntarios,la exposición a los niños y a otros profesores. Este congreso se hizo por lo que dice EduMóvil “Dispositivos en Educación”

Edumovil

Antes de empezar las exposiciones, nos explicaron lo que haríamos, cómo nos organizaríamos y en que aula o sala.

CongresoQRCode.

En la siguiente imagen que os voy a mostrar podréis ver al primer grupo exponiendo el tema de los QRCode.

QRCode

Esta foto fue sacada al empezar las exposiciones, empezando con el tema de los QRCode, que significa quick response code –> “código de respuesta rápida” enseñando cómo se hace,los pasos que hay que seguir y explicando para que sirven o para que se podría usar.

QRCode-voluntario

Como podréis observar en la imagen de arriba, sacaron un voluntario para hacer una prueba de cómo se hace y si entendieron la explicación.

Realidad Aumentada.

La Realidad aumentada es otro de los temas que se explicaron en la UAM. Se explicó poniendo como ejemplo la realidad aumentada de un billete de 20  euros y que con la aplicación llamada Aurasma, al enfocar al billete podrías ver la historia del billete.

La explicación se demostró en el proyector.

Realidadaumentada

App Inventor.

Con el App Inventor, se explicó cómo podrías crearte tus propias aplicaciones para tu móvil android poniendo un ejemplo de los que trabajamos en la clase de informática. En este caso, el ejemplo que se usó fue el del hello pur.

appinventor

También se explicó cómo podrías probarlo en el móvil. Conectandote con la aplicación Mitt AI2  para probar la app desde tu móvil.

APPINVENTOR1

En las siguientes imágenes podréis ver a mis compañeros ayudando a realizar la actividad.

APPINVENTOR2APPINVENTOR3

Robótica.

Y aquí es donde entramos mi equipo y yo. Nosotros les explicamos nuestra experiencia con la robótica en la clase de Tecnología, enseñándoles cómo funcionan los robots y cómo los hemos programado para que funcionen.

Robotica

La siguiente imagen os mostrará la parte en la que explicamos que nuestro robot se programa con una aplicación llamada Arduino con el que cargamos los programas a través del ordenador.

robotica1

La segunda parte de nuestra exposición fue la del segundo robot con el que estamos trabajando y al cual nosotros llamamos “el bicho”.

robotica2

Este robot se programa a través de un móvil android utilizando unos sensores de bluetooth, en este caso el programa que le cargaron mis compañeros fue el de seguir la línea negra del circuito, y utilizando los sensores de ultrasonido, al ponerle la mano delante, que lo detecte y se pare, y que al dar una palmada vuelva moverse.

robotica3

robotica4

Eso es todo, ha sido una gran experiencia que nos gustaría repetir.

Anuncios

Inventando apps con App Inventor.

Estos días hemos estado aprendiendo como crear nuestras propias apps gracias a una página en la que nos explican con tutoriales los pasos que debemos seguir. La página que utilizamos es la siguiente: http://appinventor.mit.edu/explore/ appinventor Lo primero que debemos hacer será iniciar sesión, en caso de que no tengamos nos registraremos dándole “Create”. Una vez ya iniciado sesión para poder ver las diferentes apps que podríamos hacer nos iremos a la parte de “Tutorials”. ldnklfnNosotros fuimos creando apps como: -Hello Pur. -Magic 8 Ball. -Mole Mash -Paint Pot Los componentes de App Inventor se encuentran en el lado izquierdo de la pantalla de diseño. Los componentes son los elementos básicos que se usan para crear las aplicaciones para el teléfono Android. Para utilizar un componente en tu aplicación, tendrás que hacer clic y arrastrarlo hasta dejarlo en la pantalla de la apliccación que vamos a crear. Cuando se añade un componente al este aparece en la lista de componentes al lado derecho dela pantalla o screen.

bol

Esta imagen nos muestra los componentes que aparecen en la parte derecha mostrándonos todos los botones que le vamos añadiendo a nuestra aplicación.

ujv

Este sería la pantalla en donde podremos ver todos los botones que iremos poniendo a nuestra app.

pantallazo1

En esta otra imagen podemos encontrar una captura de toda la pantalla, como podreis ver podremos encontrar el diseñador en la parte izquierda, en el centro la pantalla y a la derecha los componentes.

A continuación,en la parte superior a la derecha podremos ver dos botones:

,fjh,.

Los botones serían: designer y blocks

Si hacemos click al botón de los bloques, los que encontraremos serán una serie de bloques con distintas funciones dependiendo de lo que vayamos a hacer.

pokoñ7

Estas aplicaciones las aprendimos a utilizar con móviles Android y hemos ido comprobando si las íbamos haciendo bien descargando en el móvil una aplicación llamada : MIT AI2 COMPANION

mit-ai2-companion-212-2-s-307x512

Hello Pur.

Una de las primeras aplicaciones que realizamos fue el hello pur,para esta aplicación lo que vamos a necesitar es una imagen y un sonido así al tocar esa imagen suene el sonido seleccionado por nosotros. Por ejemplo,lo que hicimos fue poner una imagen sobre un animal cualquiera y como sonido poner el correspondiente al del animal,en mi caso lo que hice fue poner un perro y como sonido le puse un ladrido.

jvhkk

Este sería otro de los ejemplos del Hello Pur.

app1

Esta siguiente imagen sería la de mi primera aplicación.

Magic 8 Ball.

La segunda aplicación realizada fue la de Magic 8 Ball. Esta aplkicación consiste en que al hacer una pregunta para obtener una respuesta se tendrá que agitar el móvil. Lo que haremos en esta aplicación será insertar una imagen en la que al agitar elmóvil,nos aparecerán las respuestas.

xiukt

En esta imagen se puede observar el texto,y que lleva un sonido no visible al igual que un sensor. Para poder ver como le puse las respuestas,hay que hacer click a la botde los bloques y en la página del app inventor ver los pasos que hay que seguir para esta app.

jhvfjh

Estos bloques son los que utilicé para que al agitar el dispositivo con el que estemos utilizando para esta aplicación, aparezcan las respuestas que hay en los bloques.

Mole Mash.

Se diseñará el juego para que el mole se mueva cada medio segundo. Si es tocado la puntuación subirá un punto y el teléfono vibrará. Pulsando restart pondrás el contador a cero.

ljls

En esta imagen se puede observar el botón de reset, el tema que escogí y el mole.

En la siguiente imagen podréis observar los componentes de esta aplicación.

bdkvg

Los principales componentes de esta app son:

-Un Canvas

-Label

-Y el botón de reset.

En la siguiente captura de pantalla se podrán observar los bloques que hacen que la imagen animada se mueva a cada segundo,cómo subir cada puntuación si el  mole es tocado y los bloque para hacer que cuando el botón de reiniciar sea pulsado,la puntuación vuelva a cero.

hpiñfs´rdesdagj`w´rjg7

Esta ha sido una de las aplicaciones que más me ha costado hacer, ya que tuve algunos problemas al realizar los bloques, sobretodo en como hacer que el mole se mueva y cambie de posición.

Paint Pot.

El Paint Pot introduce el componente Canvas (lienzo) para crear gráficos simples de dos dimensiones. Esta aplicación te permite dibujar en la pantalla del teléfono con diferentes colores. En esta aplicación al arrastrar el dedo por la pantalla se creará una línea dependiendo del color seleccionado. Mientras que al pulsar en la pantalla lo que hará será crear un círculo de color.

En esta aplicación le puse un dot size que sirve para editar el tamaño del círculo.

ujv

En la imagen siguiente podremos ver los componentes que hemos utilizado para esta app. Podremos observar que se añadió una cámara como componente para que al tomar una foto podamos editarla con esta misma aplicación.

aldskngth

En los bloques se podrá ver lo que os he estado explicando antes sobre que al pulsar en la pantalla se creará un círculo y si arrastras el dedo en la pantalla se creará una línea.

nivlorasgfvgubiroraseihjwpldkhusgyrissokladzxjfhguiosk

A continuación podremos ver los bloques de la cámara para poder sacar una foto y poder editarla directamente por esta app.

W23456KDLJJXDVG

 Esta ha sido de todas las aplicaciones la  que más me ha gustado realizar.

¡Y eso es todo,espero que os haya servido de ayuda! 🙂

Comandos Unix

¡Hola a todos!

Hoy os explicaré lo que he estado haciendo estos días, que fue trabajar con los comandos unix, buscar información sobre cómo crear carpetas, abrir ficheros, comparar dos ficheros..etc. Por lo que quiero explicaros paso a paso cómo utilizar los comandos y para qué sirve.

¿Qué son los comandos?

Los comandos son una instrucción u orden que el usuario le da a un sistema informático para realizar la tarea especificada. Para ello vamos a utilizar el sistema de comandos o la terminal.

Bien,lo primero que vamos a hacer es abrir el terminal ( Ctrl + Alt + T )

Terminal

Después,gracias a la información buscada, fuimos poniendo en práctica los comandos aprendidos, que son:

  1. ls  –> Muestra el contenido de un directorio o carpeta.
  2. pwd  –> Muestra el directorio de trabajo en el que te encuentras actualmente.
  3. mkdir  –> Te permite crear directorios o carpetas.
  4. cd  –> Acceder de un directorio a otro.
  5. cp  –> Copiar archivos de un directorio a otro.
  6. cat  –> Muestra el contenido del fichero.
  7. diff  –> Permite comparar el contenido de dos ficheros.
  8. wc –> Contar el número de líneas, palabras y caracteres de cada fichero.

Todo esto lo hemos aprendido gracias a una actividad realizada en informática en el que paso a paso fuimos realizando, y para saber cómo lo hicimos lo fuimos copiando en un editor de texto llamado gedit para después adjuntar el trabajo realizado y entregarlo.

El trabajo consistía en ir creando unas carpetas  dentro de otras carpetas, en el que usamos los comandos cd (para entrar en una carpeta o directorio) y mkdir (para ir creando las carpetas).  Las carpetas que habíamos creado fueron las siguientes:

sistemas_de_archivos2

La siguiente tarea asignada fue crear dos ficheros diferentes y guardarlos en la carpeta señalada.

A continuación, lo que nos pedía fue mostrar el contenido de los dos ficheros, y para ello utilizamos el comando cat (más el nombre del fichero)

Lo siguiente que tuvimos que hacer fue comparar los dos ficheros, por lo que usamos el comando diff.

Y por último,la última tarea asignada fue contar el número de líneas, palabras y caracteres de cada fichero,con el que se utilizó el comando wc.

Y eso es todo lo que hemos aprendido sobre los comandos, la terminal o sistemas de comandos y espero que os haya servido de ayuda.

¡Muchas gracias! 🙂

Cómo crear líneas de neón (Efecto imagen)

Lo primero que haremos será abrir nuestra imagen con Gimp.

gimp-logo

Una vez abierta la imagen,lo siguiente será añadir una nueva capa transparente.

capa-trans

A continuación,lo que haremos será escoger la herramienta de rutas,e iremos haciendo las líneas de la forma que queramos que se vean,modificando las curvas…etc

traza-ruta

Y en mi caso,lo que haré serán letras de neón,trazando cada letra.Una vez hecha la letra y haberla trazado,lo siguiente que haremos será hacerle click a filtros,darle a alfa logotipo y seleccionar la de neón.

letras neon

Al final veremos,que al haber hecho las letras,el fondo se nos quedará negro.

letras

Así que en la ventana de las capas,lo que haremos será eliminar el background. (fondo)

neon lights

Y eso es todo,espero que os haya servido este tutorial.

Cómo hacer uso a la máscara de capas.

Lo primero que haremos,será abrir la imagen con el editor que usaremos,en este caso utilizaremos el Gimp.

gimp-logo

A continuación lo que haremos será abrir las ventanas empotrables: Capas,deshacer y navegación.

PantallazoAl ya tener las ventanas abiertas,lo siguiente que haremos será duplicar la imagen de fondo. Al ya tenerla duplicada lo que haremos será hacerle click al botón de los colores y darle click a desaturar para poder convertir la imagen en blanco y negro.

desatirar

A continuación lo que haremos será añadirle a la capa superior una nueva máscara de capa en la que marcaremos la opción blanco.

capa

Y por último,lo que vamos a hacer será seleccionar la herramienta de pincel usando el color negro y comenzar a pintar sobre la zona a la que queremos darle color.

Beauty-Flower-Philippines-2

Esta imagen es otro ejemplo de una de las imágenes que he editado con la máscara de capas:

Skyline-s2-escalado

¡Y eso es todo! ¡Muchas Gracias!

TU POPART CON GIMP

En primer lugar abriremos nuestra foto con gimp.

gimp-logo

Y abriremos las siguientes ventanas: capas,navegación e historial de deshacer.

Pantallazo

A continuación,la haremos click en imagen,ajustar lienzo,y multiplicaremos el ancho y la altura por dos.

Después le daremos a “archivo”-abrir como capas,y abriremos nuestra foto otra vez,así hasta tener las cuatro fotos.

Una vez tenemos las cuatro fotos,lo que haremos será editar o modificar sus colores con tono y saturación-ajustar tono/luminosidad/saturación.

Y así es como nos quedaría.Imagen

Cómo abrir enlaces externos en otra pestaña.

Cómo abrir enlaces externos en otra pestaña.

En primer lugar abriremos el siguiente enlace:
después,una vez en la página nos vamos a la parte derecha,y le damos click : “consejos blogger”

Una vez dado a la pág. le damos a la opción de “abrir enlaces externos a otra pestaña” y al final de la página copiamos el enlace con texto:
A continuación,nos vamos al blogger, le damos a diseño y le añadimos otro gadget con el Java HTML y añadimos lo copiado poniendo la URL de nuestra página con el nombre de la página en lo señalado.