Moqups: diseñando prototipos en la nube

Esta semana tenía que idear y diseñar el esqueleto de un blog de ayuda para el profesorado sobre la utilización de los vídeos en el aula. Sobre el papel, con la ayuda de rotuladores y de unos cuantos post-its de colores la estructura de la información pintaba bastante bien pero, visualmente hablando el resultado no era demasiado profesional. He tenido suerte pues me ha llegado el enlace a Moqups, una herramienta que sin necesidad de instalarme plugins o software, ni de registrarme, ni de pagar un euro y a una velocidad de vértigo, he podido plasmar mis ideas con unos cuantos drag and drop y otros tantos clics, de manera intuitiva desde el navegador de mi portátil.

Moqups from applendamos on Vimeo.

Entre las numerosas características de este servicio destaco estas diez:

Se basa en HTML5
Disponible para dispositivos Android e IOS, y por supuesto, desde el navegador
Dispone de más de 60 elementos visuales (o plantillas vectoriales SVG) para construir los prototipos
Permite la exportación de las creaciones en formato PDF y PNG. También las puedes hacer llegar vía correo electrónico
La edición de elementos se ve favorecida por las opciones de agrupar y ordenar
Las imágenes pueden importarse directamente desde el dispositivo en el que estemos trabajando
Dispone de un sistema de auto-guardado (para que no te tengas que preocupar de ir tecleando el Ctrl+G o Ctrl+S), así como de las funciones de Rehacer y Deshacer (entre otros atajos propios de las herramientas de escritorio)
Es posible establecer enlaces entre los diferentes prototipos creados (simulando enlaces). De este modo puedes hacerte una idea de cómo será la interacción.
Incluye la posibilidad de trabajar por capas
Contiene guías (ej. para el dibujo)

En la barra de la izquierda, en su parte superior, se encuentran los iconos que dan acceso a la creación de una nueva maqueta y a diferentes opciones de edición. En la parte inferior, se sitúan las plantillas, algunas de las cuales puedes modificar su color y otras características, así como la pestaña de acceso a las imágenes.

En la parte central superior, es donde se ubican las opciones que permiten trabajar por capas, alinear o trasladar elementos, etc. En la parte central inferior, es donde se van arrastrando y editando los diferentes elementos que van a ir configurando el proyecto.

Una vez finalizada la maqueta en la parte superior derecha, están los iconos referidos a la visualización y exportación de la misma. En esta misma sección también aparecen el icono del usuario y el de emisión de feedback a los desarrolladores.

Puedes acabar de perfilar tus prototipos haciendo uso de algunos recursos que se presentan aquí.

Otras alternativas, similares a esta muy completas y también gratuitas son: Lumzy, MockupBuilder. Para dispositivos móviles y tablets puedes empezar probando Fluidui.

Con Moqups tus diagramas, prototipos y maquetas van a adquirir un acabado de calidad... ¡ya me dirás!

P.S. Si quieres puedes ponerte en contacto con los desarrolladores para hacerles llegar tus sugerencias y/o comentarios a través de @moqups, el blog del equipo de Moqups o el espacio web de la comunidad, ya que este es un servicio que se encuentra en estado beta y se quiere gracias a las aportaciones de los usuarios.

Fluky.io: Tu "ruleta de la fortuna" personalizada

¡Hoooola a todos! Hacía mucho que no escribía una entrada en la nube TIC, y ya tenía ganas. Hemos hablado de tantas herramientas, que ya casi no quedan sin repetir… En esta ocasión voy a presentaros una web suuuuuúper sencilla y en mi opinión muy práctica: Fluky.io . Son muchas las ocasiones en las que queremos hacer una elección aleatoria en clase (otras muchas nos interesa que la elección parezca aleatoria, pero no lo sea, jeje). Varios de los programas o apps que utilizamos en el aula tienen alguna opción que nos permite hacerlo: el software de la pizarra digital (Notebook, Active Inspire…), webs como ClassDojo, o la app que utilizamos como "cuaderno del profesor” (Additio, iDoceo, CuadernoProfesor…) por ejemplo. Pero esta que os presento hoy hace sencilla, exclusiva y perfectamente eso: elecciones aleatorias. Sin registros ni cosas raras. Cuando entras en fluky.io , solo tienes que pulsar el botón “START” y aparecerá una barra a la izquierda en la que pu...

Quizlet Live, tarjetas de aprendizaje o flash-cards.. ¡en equipo!

En el 2016, nuestra compañera Isabel Etayo ya nos habló sobre Quizlet, una fantástica plataforma que permite al usuario crear tarjetas de aprendizaje , o flash cards , con el fin de practicar como si de tarjetas físicas se tratase: por un lado escribes un término y por el otro la definición; o una operación y por el otro el resultado... Por aquel entonces la plataforma era bastante limitada, pero en los últimos años han dado una vuelta de tuerca y ahora tiene un potencial increíble. Las tarjetas, que en principio solo contenían palabras y definiciones (y en algunos casos, imágenes), permiten ahora colocar partes de un mapa, dibujos, etc. Además, puede practicarse con ellas mediante distintos juegos interactivos que harán del estudio un rato entretenido. Pero hoy no vengo aquí a hablaros de Quizlet , sino de su versión de equipo: Quizlet Live , una opción que desatará la adrenalina de nuestro alumnado, ¡garantizado! Para jugar a Quizlet Live en primer lugar debemos crear las tarj...

descarga vídeos de cualquier web con #StreamTransport

Meses atrás os mostré un truco para descargar vídeos desde #Chrome fuera cual fuese la web. Sin embargo, el método podía resultar un tanto farragoso, además del hecho de que para algunas webs, como la de EITB (TV autonómica vasca) no funciona. Pero hace unos días Iñaki (no diré apellido) del Berritzegune de Irún me enseñó una manera de poder descargar vídeos de cualquier web sin tener que recurrir al "método largo" que os citaba en el post de hace unos meses, mediante un software gratuito: Stream Transport . Lo que hace Stream Transport es lo que os enseñé a hacer anteriormente de forma manual, pero de una forma rápida y sencilla: coge la extensión de vídeo oculto en el código de la página web y nos descarga el archivo de vídeo. Vídeo-tutorial vídeotutorial realizado por obiwan2208 Características Descarga vídeos de webs bajo protocolos HTTP, RTMP, RTMPT, RTMPE, RTMPTE, lo que lo hace compatible casi con la totalidad de pági...