Cómo diseñar aplicaciones móviles desde la web

Las aplicaciones móviles están en su mejor momento. Se cuentan por miles, las hay para todos los gustos y cubren prácticamente cualquier necesidad. Y aunque parezca fácil crearlas, no lo es. Detrás de una aplicación móvil que pueda parecer muy sencilla, hay un trabajo de diseño y de programación. Por suerte, cada vez es más fácil crear tu propia app, y existen proyectos como AppsBuilder, del que ya hablamos y que consiste en diseñar aplicaciones móviles siguiendo un práctico formulario y sin necesidad de saber programar. Pues bien, este servicio no está solo, y en la actualidad hay muchos proyectos similares. Los repasamos a continuación.

El objetivo de estas páginas es ayudarte a diseñar aplicaciones móviles a partir de una idea sin limitarte por no saber programar. La imaginación es infinita, pero no siempre contamos con el recurso humano que entienda de la tecnología necesaria para hacer posible la aplicación que queremos crear. Estas páginas permiten, a través de plantillas, cubrir esa carencia técnica con resultados más que aceptables. Veamos algunos ejemplos.

• Mobincube: Junto con AppsBuilder, es de los servicios de este tipo más populares, y es que ofrece unentorno muy cómodo para crear tus aplicaciones móviles con el ratón. Tiene un plan gratuito y dos de pago, en función de tus necesidades, y los resultados son notorios. Una de sus ventajas es que puedesdiseñar la interfaz con un editor, colocando los elementos como creas conveniente. Además, te facilita la publicación en Google play, Apple Store y la Tienda de Windows Phone.
• UppSite: Aunque está disponible sólo en inglés, esta página te ayudará a crear tu propia aplicación. Como en casos anteriores, permite integrar contenido de tu blog o muro de fotografías en formato aplicación móvil. Con la cuenta gratuita, podrás publicarla en una tienda propia para Android/iOS, y con los paquetes de pago, tendrás la posibilidad de publicar en las tiendas oficiales de iOS, Android y Windows Phone.
• Creapp: Esta página en español tan sólo cuenta con servicio de pago, pero aún así merece la pena para publicar aplicaciones en la App Store y en Google Play. A través de cinco sencillos pasos, seleccionas las funciones que tendrá, de dónde extraer el contenido, qué aspecto tiene, compruebas que el resultado es el que deseas, y ya podrás solicitar su publicación en las tiendas oficiales de iOS y Android. Como en otros casos, el sistema modular permite añadir y quitar elementos fácilmente, dando pie a aplicaciones distintas entre sí.
• TouchDevelop: Microsoft ofrece esta interesante herramienta online con la que craer aplicaciones móviles multiplataforma (iOS, Android, Windows, Mac y Windows Phone). En este caso, sí que hay quesaber programar, al menos en HTML5, pero la gracia del servicio es que adapta el código para que sea compatible como aplicación independiente en distintas plataformas. Como ayuda no está mal.
• AppMakr: Al entrar a esta página leerás que no necesita código. AppMakr te ayuda con la ardua tarea de crear una aplicación móvil para iOS (iPhone iPad, iPod touch), aunque también ofrece soporte para Windows Phone y para Android, en pruebas. Introduces el nombre de tu página o blog, y este serviciohará prácticamente todo el trabajo, recopilando el material (texto, imagen, vídeo) y creando la aplicación por ti. Luego, podrás personalizar el resultado y adaptarlo a tus necesidades. Además, tiene un plan gratuito y otro de pago.
• BlackBerry App Generator: Para terminar, la propuesta de BlackBerry para diseñar tus propias aplicaciones móviles para esta plataforma. La página indica que tardarás 10 minutos en crear una aplicación para BlackBerry sin conocimientos de programación. Indicas de dónde extraer el contenido (YouTube, Tumblr, Blogger, un RSS, Flickr...), eliges un diseño de las plantillas disponibles, añades la descripción y tendrás tu app en minutos.

Colección de Chuletas de Lenguajes de Programación

Cada lenguaje de programación, programa, framework, tipo de datos y muchos otros aspectos de la informática requieren aprender un lenguaje específico, con signos y expresiones que hacen que el código sea válido. Algunos son muy parecidos entre si (por ejemplo los diferentes lenguajes de programación comparten muchas estructuras, tipos de datos, formatos, etc.) pero cada uno tiene sus especificidades, con lo que un programador / desarrollador / diseñador de software debe memorizar muchas palabras clave y formas de llamar a métodos para cada lenguaje que conoce o encontrar una forma fácil de recordarlo. Para esto nacieron los ‘cheat sheets’  o chuletas que resumen visualmente los principales aspectos de cada lenguaje o programa. Aquí un resumen de algunos de ellos que os pueden ser útiles:

Lenguajes de Programación

PHP:

HTML5

CSS

MySQL

Jquery

Ruby on Rails

Diseñadores

Código RGB

Fonts

Útiles

Microformatos

Expresiones Regulares

Mod_rewrite

SEO

Buscadores

Programación Android: Hola Mundo

Antes de empezar, quiero comunicar que todas las entradas relacionadas con los tutoriales de Android los colocaré en la página Android.

En esta entrada vamos a empezar directamente con el típico Hola Mundo (Hello World):

CREANDO EL PROYECTO

Arrancamos eclipse con todo configurado correctamente y vamos a Archivo->nuevo->Proyecto Android:

Despues de esto se nos mostrará un dialogo para configurar el proyecto, debemos introducir:

• El nombre del proyecto. en este caso Hola Mundo
• Donde queremos crear el proyecto (normalmente dentro del workspace).
• Versión Android a la que irá destinada la aplicación, en este caso Android 2.2
• Nombre de la aplicación (El que se mostrará al usuario una vez instalada, Hola Mundo).
• El Nombre del paquete que se usa como espacio de nombres y estructura de organización del código, “app.tutorial.holaMundo”
• Marcamos la opción Crear Actividad para que eclipse cree la clase que se lanzará al ejecutar la aplicación. Normalmente a esta clase se le llama MainActivity.
• Versión Mínima del SDK es la versión mínima necesaria del SDK para ejecutar la aplicación, a menor número, la aplicación correrá en más terminales, pero no podremos usar las últimas caracteristicas de Android.
• Una vez rellenado todo, le damos a finalizar.

Ya hemos creado nuestro primer proyecto Android, ahora vamos a ver de qué se compone:

COMPONENTES DEL PROYECTO

Los proyectos de Android siguen una estructura fija de carpetas que debemos respetar. Podemos ver esta estructura con la vista Package Explorer que proporciona eclipse:

Carpeta src (de fuentes)

Esta carpeta contiene el código fuente organizado en paquetes. Aquí irán las clases java de nuestra aplicación.

Carpeta gen (archivos generados)

Aquí van los archivos que genera el compilador en sus pasadas, como el archivo de recursos R, esta carpeta normalmente no se debe tocar.

Carpeta assets (De recursos varios)

Almacena recursos que pueda necesitar nuestra aplicación, como ficheros de música etc.

Podremos acceder a ellos fácilmente con la clase del sistema AssetManager

Clase de recursos (res)

Esta carpeta es una de la que más vamos a usar junto con src, contiene todos los recursos necesarios para la aplicación. Todos los archivos de esta carpeta son indexados por el compilador y se genera el fichero de recursosR, que nos permite acceder a ellos de una forma rápida.

Está dividida en subcarpetas:

• anim: Ficheros XML para la definición de Animaciones.
• color: Ficheros XML de definición de colores.
• drawable: Ficheros bitmap(.png, .9.png, .jpg, .gif) o XML con contenidos que se dibujarán (fondos, botones etc).
• layout: Ficheros XML que definen la capa de interfaz de usuario.
• menu: Ficheros XML con la definición de los menús de la aplicación.
• raw: Binarios que no se pueden colocar en las otras carpetas.
• values: Ficheros XML para la definición de estilos, cadenas de texto para localización etc.
• xml: Ficheros XML que pueden ser accedidos en tiempo de ejecución.

Algunas carpetas pueden tener varias versiones para adaptarse a diferentes tamaños de pantallas, idiomas etc.

El archivo Manifest (AndroidManifest.xml)

Todos los proyectos tienen un archivo como este, en él se detallan las características principales (módulos, permisos, nombre, icono…).

Ahora que hemos explicado la estructura de un proyecto Android, veamos el ejemplo Hola Mundo al detalle

Profundizando en el “Hola Mundo”

package app.tutorial.holaMundo;   import android.app.Activity; import android.os.Bundle;   public class MainActivity extends Activity { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); } }

Al crear el proyecto dimos nombre a una Actividad (MainActivity), estas clases son las encargadas de mostrar las interfaz gráfica al usuario, deben extender de la clase Activity.

Al crear una activity Android llama a su método onCreate() que hace lo necesario para mostrar la pantalla al usuario. Tal y como está la actividad al crear el proyecto. Hace una llamada a setContentView(), que tiene como parámetro el identificador de una vista ya creada.

Por lo tanto, R.layout.main referencia a un archivo xml situado en la carpeta ./res/layout (ficheros de definición de pantalla).

Archivo ./res/layout/main.xml

< ?xml version="1.0" encoding="utf-8"?> <linearlayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" > <textview android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" /> </linearlayout>

En este archivo se define una pantalla en la que los elementos se agruparán de forma lineal (LinearLayout) y con un componente de texto (TextView). Al componente de texto le fijamos el texto a mostrar con la referencia@string/hello (valor del item en ./res/values/strings.xml)

Archivo ./res/values/strings.xml

< ?xml version="1.0" encoding="utf-8"?> <resources> <string name="hello">Hello World, MainActivity!</string> <string name="app_name">Hola Mundo</string> </resources>

Para que la aplicación funcione es necesario crear el AndroidManifest:

< ?xml version="1.0" encoding="utf-8"?> <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="app.tutorial.holaMundo" android:versionCode="1" android:versionName="1.0"> <uses -sdk android:minSdkVersion="8" />   <application android:icon="@drawable/icon" android:label="@string/app_name"> <activity android:name=".MainActivity" android:label="@string/app_name"> <intent -filter> <action android:name="android.intent.action.MAIN" /> <category android:name="android.intent.category.LAUNCHER" /> </intent> </activity>   </application> </manifest>

En este archivo se definen el paquete por defecto, datos de versión, icono (mediante una referencia). El nombre de la aplicación (otra referencia al fichero strings.xml). Despues se define el comportamiento de la aplicación. Se añaden dos filtros para que la actividad que definimos anteriormente sea usada como principal (android.intent.action.MAIN) y para que sea incluida en el menú de aplicaciones (android.intent.category.LAUNCHER)

Los 10 mejores exploradores de archivos para Windows

Muchas veces, nos quedamos con las opciones que vienen por default en nuestros dispositivos digitales porque es más simple y más rápido, y nos ahorra el tiempo de buscarnos una alternativa. Si bien las aplicaciones nativas generalmente funcionan bien, a veces necesitamos algo más. Ese extra puede venir en forma de una aplicación desarrollada por terceros, que cumple con las mismas funciones y además agrega algo extra. Hoy, vamos a repasar algunas alternativas de administradores o exploradores de archivos para Windows.

• Explorer++: el primero en nuestra lista de exploradores de archivos para Windows es Explorer++, que es una de las opciones más interesantes dado que es muy liviano y, además, gratuito. La ventaja fundamental que tiene esta aplicación ante el explorador de archivo nativo es que nos permite navegar haciendo uso de pestañas, como si estuviésemos en un navegador. Además, vamos a poder hacer todas las cosas que normalmente hacemos desde el Explorador de Windows, y hasta tiene una versión portable para llevar en un pendrive o dejar en la nube. Descargar
• FreeCommander: FreeCommander es una excelente aplicación para quienes usan su computadora también como centro multimedia. Por ejemplo, editores de video y fotógrafos, que tienen que tener una librería de imágenes y videos bien ordenada. Con FreeCommander vamos a poder ver previsualizaciones de los archivos, así como también administrar archivos comprimidos. Cuenta también con un cliente para servidores FTP integrado, para ahorrarnos la descarga de un software adicional. Descarga
• Saladin: dentro de los exploradores de archivos para Windows, muchos prefieren optar por alternativas gratuitas. Dentro de dichas alternativas, una de las que más se destaca es Saladin, ideal para los que trabajan con muchos archivos. ¿Por qué? Porque, además de soporte para zips y para FTP, nos permite trabajar en dos columnas. Así, nos podemos ahorrar la apertura de múltiples ventanas, algo que sí sucede cuando estamos trabajando con el Explorador de Windows. Descargar
• Multi Commander: así como Saladin, Multi Commander nos permite trabajar en dos columnas. De todas las opciones, es uno de los más poderosos, sumando muchas funcionalidades únicas que son ideales para los usuarios más intensivos. Entre otras cosas, vamos a tener acceso al registro de Windows, y también está equipado con la capacidad de cambiar nombres en batch. Puede que tome un tiempo acostumbrarse al programa, pero es la opción para los que necesitan algo más poderoso. Descargar
• ExplorerXP: para los que se siguen manejando con Windows XP, este es uno de los mejores exploradores de archivos para Windows. Incorpora también la posibilidad de administrar nuestras carpetas abiertas a través de pestañas, en lugar de abrir múltiples ventanas. Arrastrando diferentes archivos, podemos moverlos entre otras carpetas sin problemas. También es ideal para el trabajo con archivos comprimidos, sobre todo en ZIP y RAR. Descargar
• Xplorer²: esta es, junto con Multi Commander, una de las opciones más completas del mercado. Pero, a diferencia de la utilidad anterior, para poder aprovecharla por completo vamos a tener que pagar. Xplorer² incorpora pestañas para navegación, vistas por columnas (dos y tres columnas por vez), y una personalización profunda para poder aprovechar al máximo la navegación del sistema de acuerdo con nuestras preferencias. También vale la pena destacar las funcionalidades de búsqueda profunda.Descargar
• A43: otra buena opción para quienes busquen alternativas en exploradores de archivos para Windows es A43. Por un lado, porque nos permite trabajar sin necesidad de instalación (es completamente portable), soporta vista por columnas, y hasta cuenta con un editor de texto integrado para hacer anotaciones mientras navegamos por nuestros diferentes archivos. También tiene una aplicación de vista rápida para que podamos acceder en poco tiempo a nuestras aplicaciones favoritas. Descargar
• NexusFile: esta utilidad nos ofrece una de las vistas más interesantes de todas estas opciones, completa con una gran cantidad de funcionalidades. Tenemos vista en columnas, soporte de funciones FTP, extracción simple de archivos comprimidos en formatos populares como ZIP y RAR, seteo de archivo de carpetas, configuración de atajos de teclado, y más. Es una de las más completas y más bellas. Descargar
• CubicExplorer: exploradores de archivos para Windows hay muchos, pero Cubic Explorer se esfuerza por cumplir las necesidades más básicas y también para dar algunos gustos a los usuarios avanzados. Son dos cuestiones las que vamos a poder encontrar –y destacar- dentro del programa. Por un lado, la posibilidad de navegar usando pestañas, y por el otro, la capacidad de usar marcadores para tener siempre a manos nuestras direcciones dentro de nuestro disco que más usamos. Descargar
• Q-Dir: esta aplicación está disponible no solamente para instalar en Windows, sino también para llevar de manera portable con nosotros, en un pendrive o en otro dispositivo de almacenamiento. Con Q-Dir, vamos a poder ver cuatro paneles (Quadro-View) que nos permitirá ver cuatro carpetas al mismo tiempo en una única ventana. Además, cuenta con interesantes opciones de visualización y de personalización para tener una experiencia única de navegación. Descargar

Gran Tutorial para crear Juegos en Flash con ActionScript

Shootorial

Os adjunto un gran tutorial que he encontrado en la red para crear un juego de naves en Flash. El tutorial va "muy" paso a paso para aquellos que no tengan ninguna idea sobre programación. Durante la realización del mismo os podréis ir bajando tanto el código de como va el desarrolo así como las imágenes y demás objetos que nos harán falta para la realización del videojuego.

La única pega es que está en inglés. Os escribo los enlaces de cada tema. Saludos.

http://www.kongregate.com/games/Kongregate/shootorial-0
http://www.kongregate.com/games/Kongregate/shootorial-1
http://www.kongregate.com/games/Kongregate/shootorial-2
http://www.kongregate.com/games/Kongregate/shootorial-3
http://www.kongregate.com/games/Kongregate/shootorial-4
http://www.kongregate.com/games/Kongregate/shootorial-5
http://www.kongregate.com/games/Kongregate/shootorial-6
http://www.kongregate.com/games/Kongregate/shootorial-7
http://www.kongregate.com/games/Kongregate/shootorial-8