Composer, nueva herramienta para desarrollar apps en HTML5

composer

De la mano de AppGyver, compañí­a dedicada a la construcción de herramientas para crear prototipos y aplicaciones, nos llega Composer en fase de beta pública. El nuevo servicio nos permitirá crear aplicaciones en HTML5 utilizando un sistema de arrastrar y soltar, y se integra con servicios de backend y herramientas como Facebook Parse, Kimono Labs o Built.io.

Composer ha sido diseñada para todos aquellos desarrolladores que quieran llevar a cabo una aplicación móvil de forma rápida, y por ello cuenta con una interfaz simple con la que no nos llevará mucho tiempo familiarizarnos y con la que podremos construir un prototipo funcional en pocos pasos (o muchos, dependiendo de cuánto queramos entrar en detalle).

Como es el caso de muchas de las herramientas que crean prototipos, Composer nos permite exportar la aplicación y trabajar en el código HTML5. Como detalle también digno de mención, podremos generar un código QR para nuestra aplicación, código que podrá ser escaneado desde la app móvil de AppGyver con el objetivo de visualizar desde allí­ los cambios realizados en tiempo real – de esta forma podemos ir viendo cómo queda.

Composer está disponible de manera gratuita en esta fase beta, y aunque posteriormente la versión completa será de pago, también dispondremos de una versión gratuita más básica.

6 servicios para reproducir, dividir y hacer más con los GIF animados

Aprovechamos el fin de semana para compartir algunas herramientas online que nos permiten hacer mucho más con las miles de imágenes animadas en formato GIF, generalmente de humor, que a diario nos encontramos en la red. Ya hemos visto opciones con las que podemos crear GIFs a partir de videos de YouTube e incluso extensiones que nos permiten bloquearlos, así­ que hoy complementamos los listados con una recopilación de InstantFundas con alternativas interesantes para controlar su reproducción y visualización, incluso en espacios fí­sicos.

GIF Me (gifme.io)

GIF ME
Una herramienta para guardar, mantener organizados (con etiquetas) y compartir todos los GIFs que encontramos en la web a través de nuestra propia biblioteca digital, es algo así­ como un Pinterest exclusivo para GIFs. Viene en forma de extensión para los más populares navegadores.

GIF Explode (gif-explode.com)

gif explode
Carga un GIF desde una URL o desde tu PC, pulsa en Fetch y tendrás en segundos tu imagen animada dividida en las decenas de imágenes por separado (frames) que le componen. GIF Explode cuenta con un bookmarklet para repetir el proceso con solo un clic directamente desde la URL de un GIF.

Gfycat (gfycat.com)

gfycat
Ya mencionamos su gran capacidad para reducir el tamaño de un GIF convirtiéndolo en un video en HTML5 que luego podrá ser visualizado en un reproductor dentro del navegador y compartido en otros espacios a través de la URL y el código de incrustación generados.

GIF Print (gifprint.com)

gif print
Con GIF Print es posible ver en formato PDF todos los frames que componen el GIF. La idea es imprimir el PDF, recortar los cuadros, unirlos con pegante por el lado indicado y disfrutar de un flamante flipbook que logrará llevar el GIF al mundo fí­sico:

GIF Ctrl (gifctrl.com)

gif ctrl
Una interesante forma de visualizar GIFs en pantalla completa y con unos curiosos controles de reproducción: moviendo el cursor del mouse de izquierda a derecha sobre la imagen (aunque también se puede con las flechas de desplazamiento del teclado). Hay muchos GIF predeterminados para probar la reproducción, pero es posible jugar con otros sólo indicando su URL.

GIF Scrubber (extensión para Chrome)

GIF Scrubber
Otro reproductor de GIFs que permite manejar su visualización con diferentes controles, empezando por el de velocidad. Incluye una función similar a la de GIF Explode para conseguir los cuadros por separado (frames), pero a diferencia de la anterior, habilita su descarga instantánea.

GoodBarber, plataforma para crear aplicaciones móviles, lanza nuevo CMS, creación en HTML5 y nuevas plantillas

www.goodbarber.com

Ya os hemos hablado anteriormente de GoodBarber (www.goodbarber.com), plataforma que nos ayuda a crear aplicaciones móviles sin necesidad de tener conocimientos de programación, y lo hacemos de nuevo para hablar de una serie de nuevas funciones que anunciaron recientemente.

Han ampliado el sistema de navegación que podemos usar en nuestra aplicación, han actualizado su sistema de gestión de contenido (CMS), han presentado un proyecto para revendedores y agencias y ofrecen ahora la posibilidad de crear tanto una versión nativa de la aplicación móvil como una versión HTML5 sin coste adicional.

Actualmente GoodBarber tiene 9 plantillas de navegación y listas para presentar nuestro contenido de forma personalizada. Son plantillas coloridas, grandes, sencillas y con gran flexibilidad para adaptarse a lo que queremos mostrar, por lo que será difí­cil no encontrar el equilibrio entre forma y contenido.

El nuevo CMS nos permite crear artí­culos y publicar fotos y ví­deos directamente desde la interfaz web, sin necesidad de conectar una tercera fuente para crear contenido, siendo así­ sencillo ofrecer contenido exclusivo a los usuarios de la aplicación, ya que no es necesario importar nada de ningún sitio web existente.

Han creado también un programa diseñado especí­ficamente para los revendedores y agencias, proyecto que permite crear aplicaciones en marca blanca, caracterí­sticas avanzadas para los desarrolladores y descuentos en función del número de aplicaciones creadas.

Y por último han creado la posibilidad de generar una aplicación web en HTML5, para que podamos usarla desde cualquier dispositivo sin depender de las tiendas oficiales (google play, iTunes, Windows Store, etc.). Los usuarios podrán acceder a dicha aplicación web desde un dominio propio, siendo así­ una buena forma de ofrecer la versión móvil de nuestro sitio.

Estas novedades, que se presentaron en el pasado MWC, ya están disponibles en la web de GoodBarber. Podéis consultar más información en su blog, canal de youtube y perfiles en redes sociales Facebook.com/GoodBarber y @goodbarberES.

Otras 4 excelentes alternativas gratuitas online a Microsoft PowerPoint

Con todas las útiles herramientas que hay en la web, y las caracterí­sticas únicas que les da el funcionar simplemente dentro de un navegador, no tiene mayor sentido el seguir dependiendo de especí­ficas aplicaciones de escritorio como Microsoft PowerPoint que aunque tienen una gran capacidad (lo mismo que con MS Excel) a veces se utilizan para presentaciones extremadamente sencillas y tan poco novedosas que hacen dudar en lo fáctico de invertir tanto dinero allí­.

Pues bien, ya revisamos seis útiles alternativas gratuitas online (incluyendo a su propia versión oficial en lí­nea). Vale aclarar que el problema no es que PowerPoint no sea gratis -si es útil, pocos se molestaran por pagar- sino que con tan interesantes opciones disponibles en la web, no hace falta depender sólo de su uso para suplir la necesidad de crear presentaciones de calidad y en instantes.

7. Haiku Deck

Haiku Deck
Inspirado en la sencillez de las presentaciones de famosos personajes, además de a la poesí­a japonesa a la que debe su nombre por guardar gran cantidad de conocimiento en apenas un mí­nimo de palabras, lo que nos brinda Haiku Deck es una solución para crear presentaciones elegantes sin mayor esfuerzo. Tres detalles son clave: Sus temas predeterminados, las múltiples distribuciones de elementos y el buscador de imágenes Creative Commons integrado. Por cierto, esta herramienta se hizo bastante popular en el iPad, sólo hasta hace poco decidieron pasarla a la web.

8. EWC Presenter

EWC Presenter
Una opción muy útil para realizar infografí­as pero igualmente para crear presentaciones aprovechando los elementos de su primera función: gráficos estadí­sticos dinámicos, plantillas, cintas de texto, formas predeterminadas de alta calidad y separadas por temáticas, múltiples opciones de publicación, etc. Intuitivos menús flotantes y múltiples opciones de compartición hacen parte de su arsenal. Adicionalmente cuenta con funciones para crear animaciones y enriquecerlas con multimedia externa.

9. SlideBean

SlideBean
La resaltamos recientemente por su claro enfoque en mantener la esencia de las presentaciones: El contenido es lo primero; el diseño, aunque importantí­simo, apenas hace parte de los últimos pasos para crearla. Lo caracterí­stico es su proceso de creación que responde a tal ideologí­a pidiendo primero, a través de sencillos formularios, el público especí­fico (un aula, una reunión de trabajo, online, etc.) y el contenido que se desea incluir (textos, listas, tí­tulos, video y pronto gráficos también). Lo restante será acomodar algunos detalles en los resultados automáticos generados. Hay varios lí­mites para las presentaciones gratuitas pero se puede probar y usar a medida de las necesidades.

10. Metta.io

Metta.io
Una ingeniosa herramienta para recopilar y presentar especí­ficamente material multimedia dispuesto en servicios online: Video (desde YouTube), imagen (buscador de imágenes de Yahoo!), texto (Twitter) y audio (SoundCloud). Es tan sencillo como valerse de un omnipotente buscador en su parte superior, ir agregando elementos a una biblioteca, e irlos añadiendo a clips especí­ficos que luego se juntarán para formar una completa presentación animada. Puede resultar muy útil para muchos estudiantes.

Extra: Office.com, el renovado Microsoft Office Online

PowerPoint Online Office.com
No podemos dejar de mencionar la renovación de la suite ofimática de Microsoft que busca manejar el terreno online tanto como lo logra en plataformas de escritorio. Para eso ha debido simplificarse (de nuevo, mostrándose como una útil alternativa a su par para PC), además de unificarse con OneDrive (la nueva versión de SkyDrive) y hacerse más claro en lo que ofrece: una solución en lí­nea similar a Google Drive y al resto de la decena de alternativas que hemos mencionado, con las funcionalidades del Microsoft Office convencional pero sin tener que pagar ni instalar software alguno. Su nombre es Office.com y de él hacen parte, entre otros, Excel Online, Word Online, OneNote online y por supuesto, PowerPoint Online. Sus funciones son limitadas pues se busca promover la versión completa, pero son suficientes para ediciones básicas y creaciones rápidas partiendo de una interfaz muy familiar.

Curso gratuito de desarrollo de apps en HTML5 y CSS3, incluyendo móviles Firefox OS

curso gratuito

La lista de cursos ofrecidos por Universidades de varias partes del mundo que empiezan este próximo mes de marzo es enorme. Son 145 (podéis verlos aquí­), de los cuáles casi 30 están en nuestro idioma.

Uno de los que más me llaman la atención empieza la próxima semana, la segunda edición del curso Desarrollo en HTML5, CSS y Javascript de WebApps, incuyendo móviles FirefoxOS que ofrece la Universidad Politécnica de Madrid.

Diseñado para principiantes, y con fecha de inicio 1 de marzo, incluye 8 módulos que se repartirán durante 4 semanas (tiempo estimado de 40 horas), siendo recomendable que se tengan nociones básicas de programación en cualquier otro lenguaje.

Lo recomiendan también para programadores expertos que quieran obtener en poco tiempo el conocimiento adecuado para diseñar aplicaciones web en HTML5 y para Firefox OS.

Podéis consultar los detalles en miriadax.net/web/firefox-os-2edicion, donde es posible realizar la suscripción registrándose en MiriadaX.

Os dejamos con el ví­deo de presentación del curso: Continúa leyendo «Curso gratuito de desarrollo de apps en HTML5 y CSS3, incluyendo móviles Firefox OS»

tumahjong – Un juego de mahjong en HTML5, para web y móviles

mahjong

Desde tumahjong.com nos presentan este juego online que, desarrollado en HTML5, puede ejecutarse sin necesidad de registro tanto en web como en dispositivos móviles.

Mahjong es un conocido juego de mesa de origen chino que llegó a occidente a principios del siglo XX. Tenemos que encontrar pares de fichas iguales e ir eliminándolas en un orden que permita vaciar el tablero completamente, teniendo en cuenta que no podemos eliminar fichas que estén rodeadas por otras o que no sean visibles.

En este mahjong online es posible mezclar las fichas cuando ya no hay ningún movimiento posible, así­ como deshacer el tablero actual o elegir uno entre los 18 diferentes que hay disponibles en el menú lateral.

Hay varios tipos de mahjong disponibles en la web (en freeonlinemahjonggames.net podéis ver una buena lista), aunque la apuesta por HTML5 de esta opción es bastante acertada, ya que la mayorí­a de opciones existentes en la web usa flash, lo que impide su juego en móviles.

Flapply Fish, una versión en HTML5 del famoso Flappy Bird

No es un pájaro, es un pez, no es una aplicación móvil, es web, en HTML5, pero la mecánica es la misma: pulsa y sube, suelta y cae.

El juego de moda que tanto protagonismo ha ganado en las últimas semanas, y que fue retirado de los mercados de móviles durante este último domingo, ha ganado ahora una versión web en seetio.com/flappy-fish, un programa creado por Javier Muñiz, editor en seetio.com, editor de WWWhatsnew.com durante 2010 y 2011 y coautor del libro que publicamos juntos hace unos meses.

flappy

Cuando el creador de Flappy Bird, que según informaron en Forbes estaba ganando 50.000 dólares diarios con el juego, decidió retirarlo para volver a ganar la calidad de vida que habí­a perdido, decenas de otros programadores quisieron ocupar su lugar con versiones semejantes en iTunes y Google Play. Actualmente hay más de 20 juegos parecidos al buscar por flappy en ambas tiendas, pero ninguna de ellas tiene versión web, por lo que si queréis probar el vicio del click, nada mejor que una aplicación en HTML5.

Al estar desarrollado en HTML5, puede jugarse también desde dispositivos móviles abriendo el navegador, aunque la versión actual se ejecuta bastante lenta. Javier nos comenta que ya está trabajando en una versión optimizada para móviles.

Un buen enlace para invertir 5 minutos al dí­a dejando el cerebro en blanco.

5 maneras en las que HTML5 puede mejorar su presencia en la web y en el mundo móvil

html5-official

Si usted ha estado escuchando atentamente todas las charlas en lí­nea, seguramente debe haber oí­do la palabra “HTML5”. Incluso Apple, Mozilla y Google han estado hablando sobre esto últimamente.

HTML5 (Hypertext Markup Language) es la última adición a la familia de lenguaje de marcado en la red e hizo su debut en 1997. En pocas palabras, el HTML es la columna vertebral de Internet, con casi todos los sitios web trabajando con él. Antes del nacimiento del HTML5, el HTML4 habí­a sido ajustado y actualizado para atender las enormes demandas de la web. Para poder soportar la utilización de medios tales como ví­deo y audio en los sitios web, nacieron las aplicaciones externas como Flash y Java.

Pero los desarrolladores web pronto se dieron cuenta que estas aplicaciones eran costosas y tomaban mucho tiempo. Y aún más, en la era actual de las tablets, la mayorí­a de los consumidores prefieren hacer sus transacciones y navegación a través de los teléfonos inteligentes. En pocas palabras, quieren que sus teléfonos inteligentes hagan todo lo que pueden hacer en sus computadoras.

Por otra parte, Apple se dio cuenta de que el uso de estas aplicaciones de terceros entorpecí­a las buenas experiencias de los usuarios y la duración de las baterí­as, entonces cortó el soporte a estas aplicaciones para el iPad y el iPhone. Esto dio lugar al nacimiento de HTML5, que está siendo adoptado por los sitios web de las principales empresas.

¿Por qué deberí­a usted utilizar HTML5?

Sí­, todo esto suena bien, pero ¿por qué le interesarí­a a usted? Para empezar, si usted tiene un blog o un sitio web de negocios, HTML5 aporta una gran experiencia móvil para los usuarios. El número de usuarios de teléfonos inteligentes ha crecido más allá de la marca de 100 millones solamente en los EE.UU.

Continúa leyendo «5 maneras en las que HTML5 puede mejorar su presencia en la web y en el mundo móvil»

La Appstore de Amazon ya permite a los desarrolladores de aplicaciones web fijar precios

Amazon

Amazon acaba de anunciar que a partir de ahora, los desarrolladores de aplicaciones web en HTML5 pueden fijar las listas de precios para sus aplicaciones disponibles en la Amazon Appstore en cerca de los 200 millones de paí­ses del mundo, posibilitándoles otra ví­a de monetización de los contenidos web a través de los clientes de Amazon Appstore. Anteriormente, tal y como explican en el anuncio, desde que permitieron a los desarrolladores de aplicaciones web en HTML5 publicar sus aplicaciones web alojadas junto con las aplicaciones nativas de Android el pasado mes de Agosto, estas pasaban automáticamente a estar a coste gratis.

En estos momentos, los desarrolladores podrán ya fijar los precios de sus aplicaciones web en las distintas monedas locales en función de los mercados en los que están disponibles, aplicables tanto a las nuevas aplicaciones como a las aplicaciones ya existentes, ya que esta medida se aplica de manera retroactiva, de manera que los desarrolladores existentes ya podrán iniciar sesión y encontrarse con la pestaña «Disponibilidad y Precios» renovada, permitiéndoles cobrar por sus aplicaciones.

Además, con la posibilidad de fijar precios para las aplicaciones web, los desarrolladores también pueden participar en la promoción Free App of the Day (FAD), un programa en el cual se seleccionarán aquellas aplicaciones más destacadas para darles mayor visibilidad para que reciban más tráfico, teniendo una mayor exposición tanto en dispositivos móviles, en Kindle Fire, y en la página de las mejores ofertas de Amazon Gold Box, complementándose además con la exposición en medios sociales mediante anuncios en Facebook y en Twitter.

El anuncio de Amazon finaliza indicando que la novedad principal de fijar los precios de las aplicaciones web está disponible, además de las aplicaciones web ya publicadas, también para aquellas aplicaciones web enviadas y que está con el estado de «en progreso» a la espera de sus aprobaciones para que sean publicadas.

gfycat, reduce el tamaño de gifs animados transformándolos en ví­deos HTML5

Y si ayer os mostramos algunas aplicaciones para transformar ví­deos de youtube en gifs animados, hoy os presentamos gfycat (gfycat.com), una web que permite reducir el tamaño de los gifs transformando dichas animaciones en ví­deos HTML5.

Además de realizar dicha transformación, guarda el resultado en sus servidores, facilitando compartir el resultado o incluso incrustarlo en un sitio web, tal y como podemos ver en su página de preguntas y respuestas.

Además del tamaño generado, que como veis en la captura es mucho menor que el original, podemos, al ser un ví­deo HTML5, usar controles para gestionar la reproducción, algo que en un gif es impensable.

https://gfycat.com/

En lifehacker comentan que también es posible extraer directamente secuencias de ví­deos de youtube, vimeo, liveleak y otros servicios de almacenamiento de ví­deo, por lo que compite directamente con las soluciones presentadas ayer.

Aún así­, no podemos bajar el archivo y compartirlo en redes sociales, algo que es muy habitual con gifs animados, por lo que de momento solo es una buena alternativa para su divulgación en páginas web o ví­a url.