Ir al contenido principal

Aplicaciones móviles con INTEL XDC



Ya llevo dos cursos para realizar aplicaciones móviles: "Desarrollo de aplicaciones en Android", y "Apps en Firefox OS". La gracia que tenía el último, es que desarrollabas en HTML5, empaquetabas tu proyecto en un zip, y ya tenías el instalador.

Por desgracia Firefox OS, no ha triunfado, pero la idea de HTML5 como base para una APP me parecía muy sencillo y potente.

En esta idea se basan las aplicaciones híbridas. Aunque soy más partidario de las nativas, reconozco que es mucho más rápido desarrollar para varias plataformas con este modelo.

Navegando por la web he encontrado Intel XDK, un IDE de desarrollo en HTML5 que utiliza librerías como Apache Cordova para exportar las aplicaciones a distintas plataformas.

Como primera prueba voy a intentar importar una pequeña página web que replica una App muy básica:


Antes de nada tenemos que descargarnos XDK, esto lo podemos hacer desde esta página: https://software.intel.com/es-es/intel-xdk.

Una vez descargado, nos lo instalamos, nos registramos para poder utilizarlo y una vez dentro veremos la siguiente pantalla:



La verdad es que es sorprendente todo lo que podemos llegar a hacer, desde aplicaciones básicas hasta juegos utilizando motores que ya están integrados. La cosa promete.

Nosotros vamos a probar la última opción: "Import Your HTML5 Code Base".

En el primer paso seleccionamos la ruta de nuestro proyecto (la carpeta que contiene el archivo "index.html"), y al cabo de unos pasos básicos más ya tenemos nuestro código importado.


Desde esta pantalla, en el menú de la derecha podemos ejecutar la aplicación en un emulador y ver cómo queda en distintos dispositivos.


En la parte superior hay una serie de pestañas, una de ellas es "BUILD", si la pulsamos nos aparecen todas las opciones para las que podemos construir un instalador para nuestra APP.


Al pulsar el siguiente paso nuestro código se sube a la nube de Intel para un posterior compilado.


Si pulsamos en el botón verde se realizará el paso final y se preparará nuestro instalador.


Último paso, descargar nuestra APP, con un pequeño resumen del estado de la compilación.


Unos minutos después lo he instalado en el móvil, esto es lo que aparecía:


Y así es como se ve cuando se ejecuta:


No me ha quedado muy responsive :(

La verdad es que como primera aproximación estoy muy contento con XDC, tengo que practicar más.

Entradas populares de este blog

Spring Boot: Página inicial con Bootstrap

  Este es el segundo artículo de la serie sobre Spring Boot que comenzamos hace dos semanas, si quieres ver el primero puedes acceder pulsando aquí . En el primer artículo vimos cómo descargar nuestro proyecto configurado para nuestros intereses y listo para ser importado en nuestro IDE (nosotros usaremos Eclipse ). Lo primero que vamos a hacer es importar el proyecto: File -> Import Existing Maven Projects Seleccionamos el fichero pom.xml en la carpeta donde lo hemos descomprimido y esperamos unos segundos Cuando acabe la importación, esta es la estructura que nos aparecerá: Con Spring Boot no necesitamos configurar el servidor, ya se encarga él de facilitarnos la vida. Lo único que tenemos que hacer es arrancar la clase BootApplication.java , que se encargará de arrancar Tomcat y dejar nuestra aplicación funcionando en el puerto 8080.  Y si todo fuera bien, podríamos acceder a través de la URL:  http://localhost:8080/ Pero ahora mismo tenemos un error de conexión c...

Redirección de puertos en Virtual Box

Continuando con mis anteriores "posts", vamos a terminar nuestro entorno de pruebas redirigiendo los puertos que nos interesan de la máquina virtual a nuestro PC. Con Virtual Box podemos configurar la red de diversas formas, una de ellas es redireccionar los puertos de la máquina virtual a la nuestra. Es bastante fácil y rápido de configurar, y lo que hace es que tengamos unos puertos destinados al entorno de desarrollo y otros para el entorno de pruebas. Ejemplo de uso:  - podemos usar el puerto 8080 para desarrollar en eclipse en nuestro entorno de desarrollo con Tomcat. - usaremos el puerto 80 para el Tomcat del entorno de pruebas Más adelante veremos cómo configurar las redes de virtual box para que sean máquinas independientes conectadas a nuestra red y más opciones. Vamos a hacer la redirección del puerto 22 para poder acceder a nuestra máquina virtual a través de uno de los clientes ssh más extendidos (y con nombre controvertido): ...

ASP.Net MVC: Subida de imágenes al servidor y recorte con Jcrop

Recientemente tuve que incluir, en un proyecto de ASP.Net MVC en el que estoy trabajando, un formulario donde un usuario podía subir su foto al perfil, y si el sistema detectaba que el tamaño de la imagen subida superaba el 100x100, había que recortarla. Esta premisa, aunque parece sencilla, encierra varios problemas técnicos a solucionar: 1) Subida de ficheros al servidor con ASP.Net MVC. 2) Recorte de foto y guardado. 3) Puntos a tener en cuenta: versiones de navegadores y otros aspectos técnicos. Vamos a ir viendo paso a paso cómo implementar esta práctica funcionalidad. Subida de ficheros al servidor con ASP.Net MVC Para subir ficheros al servidor desde la Vista, en Mvc se dispone de la clase System.Web.HttpPostedFileBase.  Para utilizarla, hay que seguir los pasos: - Declarar una propiedad de este tipo en el Model que se va a utilizar: public HttpPostedFileBase Fichero { get; set; } - Crear en la vista el formulario para realizar la subida ...