Category Archives: manual

Mural.ly , mapa mental rápido y eficaz

Se presentó la beta hace escasamente una semana pero ya podemos validar la entrada con FB o Twitter.
A medio camino entre un Prezi y un Mapa Mental, encontramos esta herramienta , con app incluida, que nos facilitará la faena a la hora de crear “murales” y compartirlos en la red.
Con Murally podemos añadir enlaces, imágenes (drag and drop) , notas al estilo post-it, simbologias, plantillas, fondos del mural,… 
Además podemos vincular desde la mayoría de redes sociales tal y como vemos en la imagen .
Una vez terminado el mural, podemos exportarlo a nuestras redes sociales o hacer una descarga en formato de imagen. 
Los murales pueden realizarse de manera individual o de manera colectiva con invitaciones vía email. Podemos dejar que sean visibles por todos los usuarios o privados para nosotr@s mism@s.

Un buen servicio que esperemos que en breve deje de ser beta . 

Realidad Aumentada en el aula (1)

Vamos a comentar como utilizar herramientas para poder trabajar con R+ en el aula.
Este es un proyecto que involucra diferentes áreas en el centro :

Tecnologia : parte de geolocalización, creación de capa, creación del blog, gestión de contenido,…
Lenguas : se trata de realizar una descripción de un lugar, monumento, etc por tanto hay una redacción
Lengua extranjera: ídem, trabajar las diferentes lenguas que se realizan en el centro con cada grupo.
C.Sociales: si estamos realizando descripciones de monumentos,mapas para geolocalizar,..
E.Física: si se trabaja, como es el caso de este proyecto, centros deportivos de la ciudad
Podriamos incluir otras áreas , por ejemplo C.Experimentales ,si se están geolocalizando arboles,jardines,etc…. Si realizamos locales de conciertos, podríamos implicar Música,…
Como veis todo depende de que queramos informar.

Nos centraremos en la parte “técnica” del proyecto. Se usan 3 elementos diferenciados:
  1. Navegador R+ : nos permite desde un dispositivo móvil localizar los puntos de interés (POI) que previamente hemos creado.
  2. Geolocalizador : nos permite ubicar sobre un mapa, o con coordenadas, los diferentes POI .
  3. Contenedor : en este caso es que información mostraremos y donde se encontrará : en un blog, en una pagina web, …
Aquí tenéis un gráfico general de los pasos necesarios que ahora comentaremos:

Navegador R+

Vamos a usar Layar que se basa en fremium y nos permite por cada capa 100 POI’s. Compatible con Iphone, Android, Symbian, BlackBerry
Creamos una cuenta en la parte superior derecha:
Rellenamos nuestros datos (es aconsejable una sola cuenta para el centro)
Una vez rellenado nos envían un correo de confirmación y podremos acceder a Layar desde la pagina principal (Log In  parte superior derecha)
Al entrar veremos que nos aparece un nuevo botón en la parte superior derecha : My Layers

En la nueva pantalla aparecerán nuestras capas, en este caso ninguna.

Clikcamos en el botón naranja  Create a New Layer !. Ahora debemos rellenar los datos de la capa

Layer name: es el nombre que aparecerá en la aplicación del móvil.
Title : es el nombre que aparece internamente en la pagina web para identificar la capa
Short Description : Describiremos que uso tiene esta capa : monumentos, arquitectura,parques,..
Publisher Name: Quin publica esta capa
API endpoint URL: inicialmente lo dejamos en blanco ya que es una dirección que nos debe dar el geolocalizador.
Layer Type : por defecto 2D
Layer Vision : no activo 

Cuando pulsemos “Create Layer” ya tendremos creada nuestra primera capa. Veremos que saldrá como Pending Status. Eso indica que es una capa de test/desarrolladores por ahora y solo es visible por nosotros.

Geolocalizador

Para ello usaremos Hoppala , que nos permite crear una capa para geolocalizar los puntos sobre un mapa. Realizaremos un registro en la parte lateral derecha.

Al pulsar sobre la imagen, nos dirige al registro

Como no estamos registrados aun , pulsaremos “Create your account here”.

Rellenaremos los datos correspondientes, y pulsaremos “Create Account” . Posteriormente recibiremos un correo de confirmación con una contraseña para entrar.
Una vez estemos logeados , accedemos al interior de Hoppala. En la parte inferior derecha aparece “Add Overlay”. En este momento aparece una capa , con el titulo Untitled ,que podemos editar, y un enlace muy largo . 


Este enlace es el que debemos pegar en la capa de layar, en el API endpoint URL.

Para cambiar el nombre de la capa clickaremos sobre el lápiz a la derecha del enlace 
Para empezar a trabajar posicionando POI’s clickamos sobre el nombre de la capa. Nos aparecerá la siguiente pantalla.
Evidentemente el plano aparecerá en blanco. Como realizamos la geoposición? En la parte inferior derecha “Add augment“.
Nos aparecerá a la derecha una entrada con el nombre Untitled y un pin. Podemos mover el pin y cuando lo tengamos ubicado donde queramos al clickar en el aparece un cuadro de dialogo.

Title: titulo del POI
Descripción: una descripción del punto si es necesario
Thumbnail: miniatura del logo que queremos que salga en la aplicación de Layar (por ejemplo el logo del centro educativo, empresa,etc)
Footnote: Aqui aparece por defecto el creador de los POI’s, que al ser un servicio gratuito no podremos cambiarlo.

En la pestaña Actions, acabamos de rellenar lo siguiente

No auto triggered action: el usuario debe clickar para que se vea la información, no irá de forma automatica.
Label: nombre que saldrá del POI
Website: aquí va el enlace donde está la información del POI, una entrada de un blog, un vídeo, un audio,etc… 

Contenedor

Aquí englobamos que información va a mostrar el POI y donde vamos a ubicar esta información.
Una posible idea es crear un blog, donde cada una de las entradas del blog será cada uno de los POI que nos interesan, por tanto tendremos un enlace para cada POI , que es el que pegaremos en Hoppala dentro de website.
Como debemos colocar esa información. Hay que tener en cuenta que se trata de aplicaciones moviles, por tanto, si guardamos la información en un blog, debemos asegurarnos que exista una plantilla para visionado desde moviles. Nosotros nos hemos decantado por Blogger.
Creamos un blog con una cuenta de gmail. Una vez creado y dentro del blog, iremos a plantilla y seleccionaremos la plantilla de móvil que deseamos. Estaría bien hacer la prueba con un móvil para ver como queda la información (plantilla Sencillo queda bien)
Crearemos las entradas con la información que deseamos , por ejemplo así:
Esta información es la que los alumn@s deben recopilar , de manera individual, guiada o en el aula a través de la red. 

Un buen método es realizar un formulario en Google Docs para que ell@s puedan rellenar con los datos. Por ejemplo:

– Nombre alumno 

– Nombre del edificio, centro deportivo, monumento,…

– Ubicación : calle, numero, ..

– Ubicación coordenadas : latitud y longitud

– Descripción en diferentes idiomas

Una de las cosas a tener en cuenta es el audio. Hay que pensar que si usamos dispositivos con iOS, flash en safari no funciona, por tanto quizás una opción en vez de subir el audio como WOICES, seria 
enlazar un archivo MP3 para la descarga o un PODCAST.

Google SketchUp en Linux? Si es posible

Os voy a comentar las dos vias para realizar la instalación de Google SketchUp en Linux que a mi me han funcionado.
La primera es la versión mas sencilla, y la segunda es un poco mas trabajada pero funciona igual.

1.- Instalación de PlayonLinux

Se trata de un frontend para realizar instalaciones de software disponible en Windows sobre Linux.

– añadiremos el repositorio (para versiones Lucid)

Abrimos el terminal y añadimos las siguientes lineas

(debemos estar como root, por tanto si no estamos introducimos “sudo su” y nos pide la contraseña)

(podeis copiar y pegar con botón derecho del ratón)

sudo wget -q "http://deb.playonlinux.com/public.gpg" -O- | sudo apt-key add -

sudo wget http://deb.playonlinux.com/playonlinux_lucid.list -O /etc/apt/sources.list.d/playonlinux.list  sudo apt-get update   sudo apt-get install playonlinux  

  A partir de ahí aceptamos todo el proceso de instalación y quedará instalado en nuestra maquina PlayonLinux.
Ejecutamos PlayonLinux, seguimos los pasos de actualización (botón next).
Cuando termine, buscaremos en en menu lateral, accesorios, Google SketchUp y con doble click lo instalaremos.



Al realizar la instalación (necesitamos internet) vereis que lo hace tal y como se instalaría en Windows. 

Al acabar el proceso  aparece GoogleSketchUp en la lista de programas a ejecutar el PlayonLinux. Simplemente daremos doble click y se ejecutará sin problemas.
Por ahora es la solución que hay hasta que no exista una versión nativa para Linux.   
2.- Instalación “manual”

 Instalar wine desde el repositorio o centro de programas de Ubuntu

Ir a : http://sketchup.google.com/intl/es/ 

 Abrir ventana Terminal (menu Aplicaciones/Accesorios/terminal)

 Ir al directorio donde se ha descargado el programa .

 Escribir “wine GoogleSketchUpWEN.exe” y presionar la tecla Enter para empezar la instalación.
 La instalación se realizará sin problemas.

 Si ahora intentamos arrancar GoogleSketchUp nos dará posiblemente un error que será “GoogleSketchUo was unable to initialize OpenGL!” o “Error: ChoosePixelFormat failed”

 Presionamos las teclas “alt” i “F2” a la vez, se abre un cuadro de dialogo y escribimos “regedit” y presionamos la tecla Enter.

 Navegamos y buscamos la carpeta “HKEY_CURRENT_USER/Software/Google/SketchUp8/GLConfig/Display”

 Hacemos doble click en “HW_OK” y escribimos un “1” en el valor y clickamos ok. Cerramos las ventanas.

Vamos al menu aplicaciones del escritorio, y buscamos GoogleSketchUp y lo ejecutamos.

Drupal 7 y MAMP : Instal.lación en MAC OSX

Para realizar la instalación de Drupal , previamente debemos instalar los servicios de Mysql , Apache i PHP.

1.- Vamos a proceder a explicar como instalar MAMP en nuestra máquina:

  • Descargar MAMP (Acronimo de Mac Apache Mysql Php)

  • Descomprime la imagen y realiza la instalación guiada (arrastrar carpeta MAMP a la carperta Aplicaciones de nuestro ordenador ).  MAMP se instalará en la carpeta aplicaciones.

  • Ejecuta MAMP  , aparecerá una ventana como la siguiente :

  • Los servicios de Apache y Mysql están activos . Por defecto MAMP nos coloca los puertos 8888 y 8889 para Apache y Mysql. Si os dieran problemas estos puertos probar de utilizar el 80 y el 3306 desde el botón preferencias de la pantalla anterior.

  • Para comprobar que todo funciona podemos poner las siguientes direcciones (o pulsar el botón “Abrir página de inicio” de la ventana de MAMP)

  • http://localhost  donde aparecerá el servidor apache con su “It Works”.
  • http://localhost:80 si habeis cambiado el puerto o http://localhost:8888 sinó es así.

2.- Instalaremos ahora Drupal .

  • Descargamos el archivo comprimido a nuestro MAC.

  • Previamente debemos crear la base de datos donde se guardará toda la información de Drupal. Accedemos al PhpMyAdmin con  http://localhost/phpMyAdmin y veremos que en la parte central nos permite crear una base de datos. 

  • Poner el nombre que queráis pero para tenerlo ordenado mejor identificarlo claramente , por ejemplo Drupal.

  • Ahora modificamos el archivos hosts para que el ordenador cuando conecte a la web en Drupal en vez de navegar por la red nos presente la web que estamos creando  en nuestra máquina.  Ejecutamos el Terminal de Mac (Aplicaciones/utilidades/Terminal) y tendremos la siguiente ventana:

  • Escribimos lo siguiente : sudo pico /etc/hosts para entrar en el editor de texto Pico y modificar el archivos hosts que se encuentra en la carpeta etc. Ahora al final debemos añadir nuestra dirección de la web en Drupal, por ejemplo drupal7.com o www.drupal7.es o el nombre que querais de la siguiente manera : 

##
# Host Database
#
# localhost is used to configure the loopback interface
# when the system is booting.  Do not change this entry.
##
127.0.0.1 dev
127.0.0.1 localhost
255.255.255.255 broadcasthost

127.0.0.1 drupal7.com

  • Salimos con CTRL+X y nos preguntará si queremos guardar a lo que respondemos (Y)YES . Ya podemos cerrar la ventana del terminal.
  • Ahora desde el Finder copiamos todos los archivos descargados de Drupal dentro de la carpeta Aplicaciones/MAMP/htdocs. Para ello estaria bien crear una nueva carpeta con el nombre Drupal7 para organizarse mejor (Aplicaciones/MAMP/htdocs/Drupal7).
  • Ahora debemos indicar-le a Apache donde se encuentra nuestro directorio de Drupal. Para ello en la ventana preferéncias de MAMP , le daremos a la pestaña Apache y seleccionaremos la ruta de nuestra instalación (Aplicaciones/MAMP/htdocs/drupal7 por ejemplo)
 
  • Ahora ya solo nos queda instalar Drupal. Accedemos a nuestro navegador y en la barra de direcciones introducimos la web : http://drupal7.com o la dirección que añadisteis al archivo hosts.

  • Seleccionamos instalación Standar. Seguidamente nos pide la base de datos. Ponemos el nombre que indicamos al principio (Drupal) y el usuario y contraseña por defecto root/root si no lo habéis cambiado.

(fuente: planeta codigo)

  • Seguimos el proceso y cerramos. Ya tenemos instalado Drupal en nuestra máquina. 

Para comprobar que todo funciona accedemos desde el navegador a http://drupal7.com (nombre que pusimos en el archivo hosts) y comprobamos que ya estamos dentro de drupal.