Bienvenidos de nuevo al tutorial que estoy siguiendo con vosotros sobre creación de aplicaciones para dispositivos móviles con Titanium Appcelerator, en esta ocasión veremos como crear nuestra primera aplicación con Titanium.
Una vez que hemos inicializado nuestro Titanium Appcelerator, comprobaremos que lo hemos configurado y estamos trabajando correctamente creando una aplicación y lanzándola a un dispositivo móvil virtual.
Creando nuestro proyecto
Para crear un nuevo proyecto seleccionaremos en el menú de nuestro Titanium Studio la opción File -> New -> Mobile Project
En la siguiente ventana seleccionaremos un template “Classic” del tipo “Single Window Application” como muestra el dibujo.
En la pantalla Template Location completaremos los campos prestando atención a lo siguiente:
Project name:* debería no incluir caracteres no alfanuméricos
App ID:* debe estar en formato reverse Fully Qualified Domain Name (FQDN). Por ejemplo, com.example.yourAppName. No debería incluir caracteres no alfanuméricos
Company/Personal URL:* URL completa en el siguiente formato, http://www.exmaple.com
Nota: Si queremos tener nuestro proyecto en la nube (on cloud) seleccionaremos la pestaña “cloud-enable this application”.
Navegando por nuestro proyecto
En la siguiente ventana que nos aparece veremos un breve resumen de nuestra aplicación, los datos de inicio que hemos introducido; aquí podremos cambiar el logo de la aplicación, la descripción, añadir y eliminar módulos, etc…
Toma nota de las siguientes opciones de uso:
para ver cada proyecto individualmente o una vista de todos, cambia entre las vistas App Explorer y Project Explorer.
el menú “Run”, sirve para lanzar una app.
el menú “Debug”, sirve para lanzar una app en modo debug (lo explicaremos en siguientes tutoriales).
el botón Link with Editor, cambia automáticamente el foco de la vista Project/App Explorer a el fichero abierto en la vista de código.
Disposición de ficheros de sistema en nuestro proyecto
En la navegación del sistema de ficheros del proyecto son importantes las siguientes áreas:
todos los scripts y recursos de la aplicación estarán en la carpeta Resources
los scripts y recursos específicos de cada plataforma estarán en las carpetas android e iphone
app.js es el script de arranque de la aplicación, desde el que todos los demás ficheros son invocados
tiapp.xml permite configurar la configuración del proyecto, tal como versiontes de Titanium SDK y Platform SDK. Corresponde a la ventana inicial que se nos abre al crear nuestro proyecto.
Lanzando nuestra aplicación
Nota: Antes de lanzar nuestra aplicación por primera vez verifica que Android SDK es compatible con la versión de Titanium SDK que estés usando.
Selecciona o abre un fichero en el proyecto que quieres lanzar.
Haz click en “Run” en la barra de herramientas y selecciona el dispositivo donde lanzarás la aplicación. Por ejemplo, Android Emulator y/o iOS Simulator.
Ten en cuenta que un iPhone Simulator y un iPad Simulator no pueden lanzarse a la vez.
En la opción “Run Configurations…” podremos inicializar los parámetros de un dispositivo específico para el que queramos lanzar nuestra aplicación.
Para probar las aplicaciones en Android desde Mac recomendamos dejar el emulador de Android abierto, ya que tarda algo de tiempo en inicializar el emulador e instalar la aplicación en él.
Con esto acaba este tutorial, en el siguiente comenzaremos a descubrir Alloy Framework.
Gracias y espero que os haya sido fácil seguir este tutorial.
Una vez que hemos inicializado nuestro Titanium Appcelerator, comprobaremos que lo hemos configurado y estamos trabajando correctamente creando una aplicación y lanzándola a un dispositivo móvil virtual.
Creando nuestro proyecto
Para crear un nuevo proyecto seleccionaremos en el menú de nuestro Titanium Studio la opción File -> New -> Mobile Project
En la siguiente ventana seleccionaremos un template “Classic” del tipo “Single Window Application” como muestra el dibujo.
En la pantalla Template Location completaremos los campos prestando atención a lo siguiente:
Project name:* debería no incluir caracteres no alfanuméricos
App ID:* debe estar en formato reverse Fully Qualified Domain Name (FQDN). Por ejemplo, com.example.yourAppName. No debería incluir caracteres no alfanuméricos
Company/Personal URL:* URL completa en el siguiente formato, http://www.exmaple.com
Nota: Si queremos tener nuestro proyecto en la nube (on cloud) seleccionaremos la pestaña “cloud-enable this application”.
Navegando por nuestro proyecto
En la siguiente ventana que nos aparece veremos un breve resumen de nuestra aplicación, los datos de inicio que hemos introducido; aquí podremos cambiar el logo de la aplicación, la descripción, añadir y eliminar módulos, etc…
Toma nota de las siguientes opciones de uso:
para ver cada proyecto individualmente o una vista de todos, cambia entre las vistas App Explorer y Project Explorer.
el menú “Run”, sirve para lanzar una app.
el menú “Debug”, sirve para lanzar una app en modo debug (lo explicaremos en siguientes tutoriales).
el botón Link with Editor, cambia automáticamente el foco de la vista Project/App Explorer a el fichero abierto en la vista de código.
Disposición de ficheros de sistema en nuestro proyecto
En la navegación del sistema de ficheros del proyecto son importantes las siguientes áreas:
todos los scripts y recursos de la aplicación estarán en la carpeta Resources
los scripts y recursos específicos de cada plataforma estarán en las carpetas android e iphone
app.js es el script de arranque de la aplicación, desde el que todos los demás ficheros son invocados
tiapp.xml permite configurar la configuración del proyecto, tal como versiontes de Titanium SDK y Platform SDK. Corresponde a la ventana inicial que se nos abre al crear nuestro proyecto.
Lanzando nuestra aplicación
Nota: Antes de lanzar nuestra aplicación por primera vez verifica que Android SDK es compatible con la versión de Titanium SDK que estés usando.
Selecciona o abre un fichero en el proyecto que quieres lanzar.
Haz click en “Run” en la barra de herramientas y selecciona el dispositivo donde lanzarás la aplicación. Por ejemplo, Android Emulator y/o iOS Simulator.
Ten en cuenta que un iPhone Simulator y un iPad Simulator no pueden lanzarse a la vez.
En la opción “Run Configurations…” podremos inicializar los parámetros de un dispositivo específico para el que queramos lanzar nuestra aplicación.
Para probar las aplicaciones en Android desde Mac recomendamos dejar el emulador de Android abierto, ya que tarda algo de tiempo en inicializar el emulador e instalar la aplicación en él.
Con esto acaba este tutorial, en el siguiente comenzaremos a descubrir Alloy Framework.
Gracias y espero que os haya sido fácil seguir este tutorial.