Equipo de Facebook presenta herramienta para crear prototipos de apps

El equipo de diseño de Facebook ha presentado Origami (facebook.github.io/origami), una herramienta para Quartz Composer que permite crear prototipos de aplicaciones móviles más dinámicos que los que pueden conseguirse con la mayorí­a de las opciones existentes en el mercado.

Quartz Composer es una plataforma gratuita para Mac que ayuda a crear animaciones y diseños 2D y 3D, con esta extensión es posible crear prototipos usando un lenguaje de programación visual, permitiendo que los diseñadores desarrollen sus productos sin depender del equipo de programación, ideal para presentarlos a los clientes como ideas interactivas.

https://facebook.github.io/origami/

Para usarlo hay que registrarse como desarollador de Mac, instalar Quartz Composer y, por último, instalar Origam1 1.0, tal y como indican en su página de presentación. Las interacciones que pueden crearse con Origami incluyen botones, desplazamientos con el dedo, animaciones «de rebote», transiciones de color, temporizadores, contadores, etc., obteniendo resultados bastante realistas.

Comentan en venturebeat.com que se presenta como una herramienta de código abierto en la que no es necesario escribir ni una sola linea de código, por lo que parece que vale la pena probarlo.

Microsoft lanza constructor de aplicaciones para Windows 8

Project Siena es el nombre de la aplicación que hace aplicaciones, disponible ya en apps.microsoft.com de forma gratuita.

La idea es que podamos crear aplicaciones sin necesidad de saber programar, apps que podrán estar disponibles para que cualquiera pueda instalar en su Windows 8. Solo tenemos que arrastrar componentes, definir aspectos estéticos, establecer origen de datos (como canales RSS), configurar acciones, subir fotos y/o ví­deos.. hay decenas de elementos que pueden combinarse de mil formas diferentes, permitiendo guardar el resultado y compartirlo para que otras personas puedan instalar lo que hemos creado.

project Siena

Como podéis ver en la imagen, en WWwhatsnew ya hemos empezado a jugar con el tema, creando una aplicación que podrá usarse para leer las noticias desde Windows 8/8.1 de forma sencilla.

Podéis obtener más ejemplos y algunos consejos en technet.microsoft.com/en-us/ProjectSiena. Los que ya habéis programado en entornos visuales (Delphi, Visual Basic, etc.) veréis que no es muy diferente: eventos, componentes y mucha imaginación.

El resultado, en nuestro caso, lo hemos guardado en forma de .exe dentro de Skydrive, siendo necesario obtener la licencia de desarrollador para poder instalarlo (algo que se hace automáticamente desde Project Siena).

Una gran idea que permitirá ampliar la lista de aplicaciones disponibles para este Sistema Operativo.

modern.ie ya nos permite probar Internet Explorer 11 en sus máquinas virtuales

Independientemente del navegador o sistema operativo que estemos usando, podemos acceder a modern.ie para verificar la commpatibilidad con Internet explorer de nuestros proyectos web, y ahora han lanzado una nueva versión que incluye Internet Explorer 11 tanto para Windows 7 como para Windows 8.

El objetivo de modern.ie no es solo ofrecer máquinas virtuales para verificar la compatibilidad de páginas en el navegador de Microsoft, también podemos acceder a herramientas pensadas para que los programadores puedan pasar más tiempo creando y menos realizando pruebas (palabras literales del blog de Microsoft).

modern.ie

Desde la página principal de modern.ie podemos informar la url de nuestro sitio y esperar a que se generen los informes, con errores de codificación, aspecto en diferentes dispositivos con diversos tamaños de pantalla (usa BrowserStack para ellos) y recomendaciones para solucionar los problemas que va encontrando. Por otro lado, también usa le motor de saucelabs.com para detectar problemas de compatibilidad con navegadores modernos.

Una plataforma obligatoria dentro de la sección de favoritos de todo webdesigner y programador web, junto a pagespeed insights, de google y la de tests W3C.

11 cursos online gratuitos de programación en español

Revisando las listas de cursos ofrecidos en floqq, cursopedia, aprendemia, tutellus y tareasplus se pueden encontrar varios cursos relacionados con la tecnologí­a.

Nos hemos dedicado a filtrar los diseñados para enseñar a programar, dejando siempre claro que una cosa es hacer un programa y otra muy diferente es diseñar un sistema completo y complejo, algo que requiere conocimientos bastante difí­ciles de adquirir fuera el ámbito universitario.

Los cursos que aquí­ os mostramos ayudan a conocer las bases y a poder comenzar a desarrollar tanto páginas como aplicaciones:

programar

Programación de aplicaciones móviles: Hay uno de 47 minutos en floqq y otro de 2 horas y media en la misma plataforma dedicados a Android. En cursopedia también hay uno con las bases de programación Android. Para iOS hay uno en Tutellus, así­ como uno de Desarrollo de Aplicaciones móviles con Titanium.

Programación y diseño web: En cursopedia hay uno de Fundamentos de Javascript y otro de Posicionamiento web SEM y SEO, así­ como uno de Introducción al diseño web. En aprendemia hay uno de Introducción a WordPress. En tareasplus hay uno que ayuda a pasar de psd a html5 y otro con las bases del diseño web.

Si estáis buscando algo más especí­fico en alguna categorí­a, indicadlo en los comentarios e intentaremos ayudar consultando las fuentes que revisamos frecuentemente.

Imagen de programación de shutterstock.com

Para desarrolladores: 7 servicios para medir el tráfico de tu app móvil

Medir, medir Y medir siempre será una imprescindible tarea en todo lo que tenga que ver con interacciones de usuarios en servicios digitales, por ejemplo, en las aplicaciones móviles. Por esa razón destacamos hoy 7 excelentes servicios que facilitan el registro estadí­stico avanzado de visitas para cuantificar el comportamiento de los usuarios desde el momento en que inician una app hasta el instante en que la cierran, esto con el fin de brindar a los desarrolladores más información a la hora de tomar sus decisiones en el proceso de creación y actualización de sus producciones.

mobile analytics

1. Google Analytics

Si tu app requiere de conexión a Internet, la herramienta de estadí­sticas y analí­ticas de Google puede ser una de tus primeras opciones. Lo mejor: la fácil integración, su gratuidad, los í­ndices y las muchas útiles funciones que Google lanza frecuentemente para fortalecerle en conjunto con Google Play.

2. Mobile App Analytics Beta

Un herramienta de Google Analytics para llevar registros más especí­ficos de las interacciones de los usuarios con las apps (conversiones) facilitando el marketing y las mediciones del engagement a través de segmentos avanzados. Para más información puedes consultar este enlace.

3. Yandex – Metrica for apps

La competencia rusa de varios de los servicios de Google, también tiene una llamativa oferta de herramientas que le compiten a la gran G en el campo de las métricas para apps móviles. Está diseñada para evaluar en tiempo real variables sociodemográficas de los usuarios y detalles técnicos de sus dispositivos (por ahora el enfoque está en iOS, Android y Windows Phone).
Continúa leyendo «Para desarrolladores: 7 servicios para medir el tráfico de tu app móvil»

Codacy, para limpiar el código programado y hacerlo más sencillo de entender

codacy

Uno de los principales problemas a los que se enfrenta la comunidad de programadores en todo el mundo, independientemente del lenguaje que utilice, es el de heredar el trabajo realizado por otro profesional y no entender prácticamente nada de lo que hay escrito.

Ya no hablo de documentar el código como Dios manda, o de crear diagramas UML, o te obtener análisis de especificaciones actualizados… hablo de tener una estructura limpia, no solo comentada, que permite identificar de forma sencilla el inicio y final de las funciones, procedimientos y demás bloques.

Para ayudar en ese punto ha nacido Codacy, de momento en beta privada (beta.codacy.com), con previsión de lanzamiento público en enero, que permite limpiar el código para hacerlo más sencillo de ser entendido, un trabajo para el que utilizan tanto algoritmos automáticos que ayudan a encontrar patrones, como trabajo manual para identificar las necesidades de cada proyecto.

De momento no han especificado ni precios ni modelos de negocio, comentan en TNW que han conseguido 500.000 dóalres de inversión y ahora están concentrados en hacer algo que sea realmente útil para los programadores. Estaremos atentos.

Evento #GameMe5 – HTML5 + Juegos, en Madrid

gameNuevo evento que nos presentan, esta vez relacionado con el mundo de los juegos y con el HTML5, evento que se realizará en Madrid durante los dí­as 13 y 14 de diciembre.

Desde que hablamos de HTML5 parece inevitable hablar también de juegos. Poco a poco los juegos en flash van desapareciendo dejando paso a esta nueva generación, compatible con dispositivos móviles, creados para navegadores modernos y con caracterí­sticas que se van añadiendo poco a poco para mostrar que es algo más que una moda pasajera.

En el evento pretenden, principalmente, conectar a los participantes. Para ello quieren potenciar la interacción entre empresas y programadores y ofrecer una buena visión del mercado del desarrollo de los videojuegos, todo con talleres, eventos para potenciar el networking, sesiones de Recruitment, casos de Gammification y muchas otras actividades donde se mostrarán tecnologí­as emergentes y casos de éxito.

En html5-spain.com tenéis los detalles del mismo, con los enlaces para poder realizar las reservas y conocer la agenda de lo que tienen preparado.

Curso gratuito de Introducción a la Programación, de la Royal Society of Edinburgh [iTunes]

scratch

Encontramos en iTunes U, la store de cursos online de Apple, un curso de introducción a la programación y de diferentes conceptos base relacionados con la computación, creado por la Royal Society of Edinburgh y la BCS Academy of Computing.

El objetivo principal del curso es que el estudiante Realmente el curso es ideal para jóvenes que quieran aprender conceptos básicos en programación y quieran aprender a pensar de la forma correcta para desarrollar el tipo de lógica que hace falta cuando uno se pone a programar, aunque todo el mundo puede asistir. Starting from Scratch estará compuesto por 7 lecciones teóricas y prácticas, algunas basadas en el lenguaje Scratch, creado por el MIT e ideal para los que empiezan en este mundillo.

Además de una buena parte teórica en la que se nos habla de distintos tipos de ordenadores, hardware, software y distintos métodos de diseño de programación; el curso ofrece un buen equilibrio de teorí­a con una buena y esencial parte práctica, en la que podremos aprender programando cómo utilizar variables, cómo introducir posibilidad de decisiones con «if» o «if…else», crear bucles y detectar colisiones con, por ejemplo, comandos como «if…touching», y completar los deberes correspondientes en cada lección. Ya centrándonos en el uso del Scratch del MIT, aprenderemos cuáles son sus principales caracterí­sticas de cara a crear animaciones, sonidos o a utilizar herramientas gráficas.

Para acceder al curso gratuito online, tendréis que bajaros primero la aplicación para iOS iTunes U (podéis descargarla gratuitamente aquí­). Tras completar la instalación de iTunes U podréis acceder al curso en la sección de «Engineering / Computer Science» o buscándolo por el nombre completo «Starting from Scratch».

Cursos gratis para aprender HTML5

Ya os hemos comentado en algunas ocasiones varios sitios en los que podéis realizar clases para aprender HTML5, os dejamos ahora con una recopilación de dichos enlaces, esperando que nos ayudéis a ampliar la lista en los comentarios.

Cursos de HTML5 en Udemy: 3 cursos que imparten en Udemy, sin necesidad de conocimientos previos, incluyendo uno en español para entender las bases.

curso html5

Curso en Codeavengers: Ideal para aprender tanto HTML5 como CSS3 y Javascript. Existen varios juegos que nos ayudan a mantenernos motivados, subiendo de nivel y ganando premios.

Curso de HTML5 de Microsoft: Un curso completo, en español, con 6 lecciones para aprender HTML5.

Programando.la: Con ví­deos en español sobre el tema.

Edutin: Lista de ví­deos en español para aprender las bases de HTML5.

mozilla.org: Documentación extensa en el sitio web de Mozilla.

Podéis ver algunas demostraciones de lo que se puede hacer usando HTML5 en chromeexperiments.com o en esta recopilación de experimentos que publicaron en spyrestudios.com

Si buscáis otros lenguajes de programación, recordad el artí­culo ¿Qué lenguaje de programación debo aprender y dónde puedo hacerlo gratis? que publicó Juan David hace unos meses.

Codio, una excelente herramienta para programar proyectos Web

codio

Antes de leer el texto, si sois programadores y os dedicáis al mundo web, echad un vistazo en el ví­deo de presentación de Codio, en codio.com:

Como veis, se trata de un editor de código que permite personalizar el panel de trabajo, añade atajos de teclado, incluye funciones para organizar las lineas permitiendo tener una estructura de código más atractiva y sencilla de entender, accede a librerí­as, se conecta a ftp, github y otros servidores remotos, muestra visualización de resultado en tiempo real… funciones extremadamente interesantes para quien programa y quiere concentrarse en el código, no en el editor, ya que puede facilitar mucho el trabajo «burocrático» de la programación.

En la parte de front end trabaja con HTML5, CSS y Javascript, en el back end es compatible con PHP, Node, Ruby y Python, siendo siempre posible cargar proyectos enteros y permitir el trabajo colaborativo.

Codio es una herramienta gratuita para proyectos públicos y de código libre. Ya están trabajando en una versión en la que, por 8 dólares, podemos usarlo para proyectos privados, aunque informan en su web que esta opción aún no está disponible.

Si queréis seguir de cerca el estado del proyecto, os recomiendo suscribiros a su blog, en codio.com/s/blog/, donde van informando sobre los avances realizados, planes disponibles y disponibilidad.