Deusto Formación Crear Aplicaciones Sin Programacion Appcelerator Titanium

2 / 42
Tabla de contenidos
1. Qu es y cmo se hace una APP?
2. La solucin de Appcelerator: la calidad de la APP nativa con la adaptabilidad de
una Web APP
3. Visin panormica de la plataforma Appcelerator Titanium
4. Descubriendo el programa Appcelerator Titanium (I). Definicin y caractersticas
bsicas
5. Descubriendo el programa Appcelerator Titanium (II). Entorno de desarrollo
6. Descubriendo el programa Appcelerator Titanium (III). Sus posibilidades tcnicas
y creativas
7. Ventajas de desarrollar una aplicacin con Appcelerator Titanium
8. Cmo se instala Appcelerator Titanium
9. Creando una App con Appcelerator Titanium
10. Implementacin de las ltimas tecnologas con Appcelerator Titanium
Geolocalizacin y realidad aumentada
11. Las posibilidades de integracin de las APPs creadas con Titanium
12. Casos reales de aplicaciones de xito creadas con Titanium
13. Cinco claves para extraer el mximo provecho de Appcelerator Titanium
Comparte la gua en: Twitter Facebook Linkedin Google+
3 / 42
1
Qu es y cmo se hace una APP?
El trmino App es una abreviatura de la palabra en ingls application, lo que significa que
una APP no deja de ser un programa informtico pero con unas caractersticas especiales,
que afectan a la capacidad, rendimiento, diseo, experiencia de navegacin, dispositivos
utilizados, proceso de creacin, programacin, desarrollo y costes.
Principales caractersticas de una APP

Las APPs o aplicaciones tienen unas caractersticas especiales y diferenciales, que las
sitan en un nivel superior a las pginas webs tradicionales tanto en enfoque,
rendimiento y capacidad, como en funcionalidades.
Este es un compendio de las principales particularidades de las APPs:
4 / 42
Estn enfocadas y destinadas principalmente a su uso en dispositivos mviles

(smartphones y tablets).
Mayor capacidad y rendimiento que la webs de escritorio (para PC y porttiles).
Diseo de un gran nivel esttico y muy llamativo.
Nuevas funcionalidades ligadas a posibilidades nicas de los dispositivos mviles,

como la geolocalizacin y la realidad aumentada.
Suelen ser ms dinmicas que los programas o webs tradicionales.
Adaptadas a las especiales caractersticas de las navegacin mvil: tctil,

mens ms cortos y sencillos, reduccin del uso del teclado, etc.
Uso ms especfico y concreto.
Fcil accesibilidad por parte del usuario una vez descargada. El acceso es directo
y no requiere el uso de ningn navegador.
Mayor velocidad de carga.
Funcionamiento impecable.
Experiencia de uso ms gratificante.
Programacin y mantenimiento ms complejo y costoso.
La mayor complejidad en la creacin, desarrollo y mantenimiento de

una App suele quedar ampliamente compensado con un producto superior
a las webs tradicionales en diseo, rendimiento, funcionalidades y
satisfaccin del usuario
Tipos de APPs
Segn sea su adaptacin, relacin y nivel de dependencia con las distintas plataformas
mviles (IOS de Apple, Android, Windows Phone..), las aplicaciones se dividen en los
siguientes tipos:
APP nativa
Las APPs nativas tienen una programacin especfica y distinta para cada sistema
operativo de telefona. Se trata de productos que tienen una gran dependencia con las
tiendas de aplicaciones, como la App Store de los productos Apple o el Google Play en
el caso de los aparatos que funcionan con sistema Android.
La solucin nativa ha sido la ms utilizado hasta el momento porque permite la creacin
5 / 42
de aplicaciones de gran calidad tcnica y esttica, con una experiencia de uso rpida y
gratificante y la posibilidad de interactuar con el hardware de los dispositivos donde
estn instaladas: cmara, GPS, micrfono, etc.
El problema de las aplicaciones nativas se encuentra en el proceso de creacin y
programacin y desarrollo, puesto que hay que programar una aplicacin distinta para
cada sistema operativo, multiplicando las horas de trabajo y, por consiguiente, lo
costes.
Web APP
Este tipo de aplicacin se puede visualizar correctamente en cualquier plataforma o
dispositivo, puesto que se accede a travs de cualquier navegador utilizando un diseo
adaptable conocido como responsive. Es una solucin sencilla y prctica e ideal para
conseguir un buen posicionamiento (SEO) tanto en los dispositivos tradicionales (PC y
porttiles) como en los mviles.
El principal inconveniente es que, normalmente, los productos obtenidos se quedan por
debajo del nivel visual y la calidad de funcionamiento y navegabilidad de las aplicaciones
nativas.
Sistemas hbridos
Adems de las APPs nativas y las Web APPs existen alternativas intermedias, como las
del programa Appcelerator Titanium, que permiten la creacin de una nica versin
nativa que funciona tanto en los dispositivos con sistema operativo iOS (iphone, ipad e
ipod), Android y Blackberry.
Proceso de creacin y desarrollo de una APP

Planificacin
El proceso de creacin de una aplicacin no es muy distinto, en su planificacin, a
cualquier otra web o programa. El punto de partida debe ser una idea, donde se defina
en qu consiste la APP, su funcin principal y objetivos. A partir de aqu, se puede
empezar a calcular la horas de trabajo necesarias, herramientas a utilizar y otros recursos
y presupuesto.
Programacin
6 / 42
El sistema ms habitual de programacin de una App es a travs de los kit de

desarrollo de software o SDK proporcionados por cada plataforma, que incluyen
recursos como: interfaz de programacin de aplicaciones (API), un entorno de desarrollo
integrado, compiladores (traductores de cdigos) o emulador del entorno.
Adems de estos paquetes, la aplicacin tienen una base de programacin en lenguaje
JavaScript, que luego se traduce automticamente a los lenguajes nativos de los distintos
dispositivos.
Distribucin
En la distribucin, promocin y marketing de una App es imprescindible tener en cuenta
los requisitos y reglas del juego de las distintas plataformas o tiendas de aplicaciones,
puesto que, para poderlas utilizar, los usuarios deben previamente descargarlas en sus
dispositivos a travs de estos canales.
Crear una aplicacin bajo estos parmetros y con este tipo de lenguajes implica la
dedicacin de mucho tiempo e importantes recursos humanos, as como conocimientos
avanzados de la programacin. De cualquier forma, a travs de plataformas como
Appcelerator ya es posible la creacin de aplicaciones nativas de alta calidad de
forma rpida y sencilla y sin necesidad de disponer de grandes conocimientos en
lenguajes de programacin.
7 / 42
2
La solucin de Appcelerator Titanium: la calidad
de la APP Nativa con la adaptabilidad de una Web
APP
Como hemos visto en el captulo anterior, tradicionalmente han existido dos grandes
tipos de aplicaciones: nativas y Webs APP, con unas diferencias muy acusadas en cuanto a
programacin, funcionamiento y calidad. Las aplicaciones nativas no funcionan a travs de
navegadores, sino mediante las plataformas de los distintos sistemas operativos de los
mviles. Son, por regla general, superiores en calidad a las Web APP pero, en
contrapartida, mucho ms complejas y costosas. El programa Appcelerator Titanium se
perfila como un mtodo alternativo capaz de fusionar las calidad de las aplicacin nativas
con la sencillez y polivalencia de las Web APP.
Por qu el funcionamiento de las APPs nativas es tan diferente al

de las Web APP?
Bsicamente, porque se desarrollan en funcin de un punto de partida y de un
planteamiento muy diferentes y, en ciertos aspectos, casi opuestos.
Las aplicaciones nativas se conciben para un uso especfico en cada uno de los
distintos sistemas de mviles inteligentes y tablets, adaptndose a la forma de
navegacin y al perfil de usuario especfico de los distintos dispositivos mviles. Algunas
APPs nativas intentan sacar el mximo provecho de las funcionalidades propias del
dispositivo al que estn dirigidas, como la geolocalizacin o las instrucciones de voz.
En una APP nativa se busca integrar al mximo el hardware de cada

dispositivo con la web. Par su uso, no es necesario utilizar un
navegador, pero es imprescindible adquirir e instalar la aplicacin
8 / 42
en la plataforma o tienda de aplicaciones de cada sistema

Sin embargo, las principales metas de una Web APP discurren por unos derroteros muy
diferentes, siendo el objetivo principal que una nica web se visualice correctamente
en todos los dispositivos: mviles, tablets, PCs y porttiles, con independencia de la
marca, modelo y sistemas operativo. Se priman aspectos como: operatividad,
optimizacin de recursos, versatilidad y polivalencia por encima de la especializacin
o el virtuosismo tcnico y esttico.
Los diferentes tratamientos y objetivos entre las aplicaciones nativas especficas de
cada dispositivo y las Webs APP se traducen, por lo general, en unos resultados muy
superiores de las nativas en calidad, diseo, rendimiento y especializacin. Aunque
para ello sea necesario realizar una inversin muy superior en su desarrollo y
mantenimiento y, adems, renunciar a la posibilidad de readaptar un mismo producto
producto a los distintos sistemas operativos.
La tercera va: el programa Appcelerator Titanium

El programa Appcelerator Titanium, desarrollado por
la plataforma Appcelerator, ha abierto una tercera
va, muy interesante y prctica, en la creacin y
desarrollo de aplicaciones para mviles y tablets.
Con este programa es posible una opcin diferente y
muy prctica: desarrollar aplicaciones nativas, es
decir, que no se ejecutan a travs de un navegador, vlidas para los principales
sistemas operativos. Por lo tanto, ya no es necesario crear versiones diferentes para
los telfonos y tablets de Apple, Android o Blackberry.
El circuito bsico de funcionamiento de Appcelerator Titanium es el siguiente:
utilizando un nico lenguaje de programacin JavaScript, la plataforma se encarga de
traducirlo o compilarlo automticamente al lenguaje nativo donde se ejecutar la
aplicacin (Objective-C para Apple iOS o Java para Google Android).
9 / 42
Otra caracterstica de este programa es que utiliza un entorno de programacin y

desarrollo muy intuitivo y completo, lo que permite la creacin de aplicaciones de
gran calidad sin necesidad de tener conocimientos elevados de Java, ni de cualquier
otro lenguaje o sistema de programacin.
10 / 42
3
Visin panormica de la plataforma Appcelerator
Appcelerator Titanium es una plataforma de cdigo libre creada por la empresa
Appcelerator Inc. para el desarrollo de APPs nativas para mviles (smartphones y
tablets) programadas en lenguaje JavaScript. Desde su lanzamiento en el ao 2008, la
plataforma ha tenido una excelente acogida, contando en la actualidad con ms de
560.000 usuarios registrados que han desarrollado ms de 50.000 aplicaciones. Su oferta
se completa con una gran cartera de servicios en la nube.
Appcelerator Titanium: un servicio completo e integral

Actualmente, la creacin y desarrollo de aplicaciones mviles demanda una serie de
requerimientos, necesidades y servicios que van mucho ms all de la propia
construccin de la APP.
Los nuevos estndares de funcionamiento hacen imprescindible un servicio integral,
donde se interconecten las distintas fases y aspectos relacionados con el desarrollo
de aplicaciones: estrategias previas, construccin, testeo, pruebas, integracin con
redes sociales, mediciones y anlisis.
11 / 42
La plataforma Appcelerator Titanium ofrece respuesta a todas estas necesidades con un

servicio integral que incluye las siguientes herramientas, funciones y servicios:
1) Creacin de aplicaciones con Titanium
Con el programa Titanium y sin apenas conocimientos en programacin se pueden
construir fcilmente aplicaciones nativas, que funcionan en todo tipo de mviles y
tabletas con una base nica de cdigo JavaScript.
La plataforma cuenta con una amplio surtido de herramientas que permiten la creacin
de APPs de gran calidad, capaces de dar respuestas a las exigencias actuales de
rendimiento, diseo, capacidad y funcionalidades integradas con las tecnologas de ltima
generacin, como la geolocalizacin o los proyectos de realidad aumentada.
2) Pruebas automatizadas
El sistema permite realizar prototipos y pruebas de la aplicacin y testearlas con
usuarios reales antes de su salida mercado, asegurando el ptimo funcionamiento del
producto desde el primer momento.
12 / 42
3) Servicios en la nube
Appcelerator es una plataforma que ofrece, entre otros, los siguientes servicios en la
nube:
Arquitectura segura, fiable y escalable donde guardar y gestionar todo tipo de

datos (bases de datos, fotos, videos, posts, ratings, likes..) y en gran cantidad.
Servicios propios de Backend as a service (BaaS), entre los que destacan:

notificacin de inserciones, actualizaciones de estado, almacenamiento de fotos e
integracin con las principales redes sociales.
Posibilidad de extender los servicios estndar y configurarlos a medida.
4) Analtica web
La plataforma ofrece al desarrollador un completa visin en tiempo real de todas sus
aplicaciones, que incluye, con opciones de personalizacin, todos los indicadores y
mtricas que le permitirn obtener informacin de gran utilidad como:
Comprobar si se estn cumpliendo los objetivos de visitas y descargas.
Calcular el Retorno de la Inversin (ROI).
Conocer el perfil o target de usuario de la APP: caractersticas personales, como

sexo
edad,
hbitos
de
navegacin,
tecnologa utilizada,
expectativas,
necesidades, etc.
Detectar errores y reas de mejora.
5) Formacin y apoyo
Manuales en pdf, videotutoriales, webinars, servicio tcnico on line y telefnico, as como
el apoyo de una comunidad de casi medio millar de desarrolladores muy activa y
colaboradora a la hora de intercambiar, ideas, consejos y experiencias, conforman una
base muy slida y til para crecer y mejorar constantemente, as como para resolver
las dudas que puedan surgir durante el proceso de trabajo con Titanium.
13 / 42
4
Descubriendo el programa Appcelerator Titanium
(I). Definicin y caractersticas bsicas
El programa Appcelerator Titanium ha conseguido romper moldes en la programacin
de aplicaciones, al posibilitar la creacin de aplicaciones nativas de gran calidad que
funcionan en la gran mayora de dispositivos mviles sin necesidad de crear versiones
distintas. Por si esto fuera poco, el proceso de desarrollo de estas aplicaciones es
tremendamente gil e intuitivo y apenas se precisan conocimientos de programacin.
Por qu es especial Appcelerator Titanium?

Titanium es un programa desarrollado por la plataforma Appcelerator que sirve para
crear aplicaciones mviles, al igual que otros softwares de funcin similar existentes
en el mercado.
Lo que marca la diferencia y hace destacar a Titanium sobre otros programas es que
posibilita la creacin aplicaciones nativas adaptables a los sistemas operativos ms
comunes de smartphones y tablets.
Hasta ahora, nicamente las Web APP permitan un diseo adaptable a todos los
dispositivos. Pero gracias a Titanium ya es posible hacer los mismo con las
aplicaciones nativas, caracterizadas por su mayor calidad, precisin,
rendimiento y acabado esttico
Las aplicaciones nativas estn enfocadas y planificadas para ser usadas directamente en
smartphones y tablets, sin tener que conectarse a travs de un navegador. Su principal
inconveniente era que tenan que programarse versiones diferentes para cada
sistema operativo (iOS, Android, Blackberry), lo que haca mucho ms trabajoso,
complejo y caro su desarrollo. Este handicap ha sido eliminado de raz gracias al
14 / 42
programa Appcelerator Titanium.
Principales caractersticas de Appcelerator Titanium?

Las caractersticas ms importantes de este programa se encuentran en sus
funcionalidades o, dicho de otro modo, lo que permite hacer y la forma de hacerlo:
Con Titanium se pueden crear aplicaciones nativas de gran calidad, vlidas y

adaptables en una nica versin para los principales sistemas operativos de
mviles y tablets.
Se trata de una plataforma en constante desarrollo, lo que hace que sus

posibilidades vayan en aumento. Por ejemplo, en sus inicios slo permita crear
aplicaciones para los dispositivos de Apple y Android, extendindose despus al
sistema Blackberry.
Utiliza el lenguaje de programacin JavaScript, que es el propio de las pginas

web, y posteriormente traduce al sistema nativo de cada aplicacin.
El interfaz o entorno de programacin est basado en Eclipse (Aptana Studio) y

es muy fcil, visual e intuitivo, por lo que no es necesarios tener conocimientos de
programacin.
Tienen una extensibilidad ilimitada del propio framework Titanium, lo que

permite que constantemente se aadan nuevos mdulos con ms posibilidades y
recursos.
Mxima interconexin con servicios en la nube, logrndose altsimos niveles de

capacidad y rendimiento en la aplicacin.
15 / 42
Titanium es un producto que aporta soluciones eficaces a los problemas histricos de

las aplicaciones nativas gracias a la slida base que le proporciona unos fundamentos
tcnicos y de programacin muy solventes, as como una plataforma de servicios
adicionales en la nube en constante crecimiento y perfeccionamiento.
16 / 42
5
(II). Entorno de desarrollo
Appcelerator Titanium trabaja en un entorno de desarrollo denominado Titanium Studio,
que est basado en Eclipse, de la compaa Aptana Studio, adquirido por la plataforma
Appcelerator en el ao 2011. Dicho entorno se caracteriza por ser tremendamente
intuitivo, fcil de usar y multiplataforma, es decir, funciona en Windows, Mac o Linux.
Caractersticas principales de Titanium Studio

Titanium Studio es una interfaz muy clara e intuitiva para la construccin, desarrollo y
prueba de aplicaciones nativas y multiplataforma en un entorno integrado que permite
elaborar y seguir todo el proceso desde una misma pantalla. Estas son sus
caractersticas principales:
Interfaz muy bien estructurada e intuitiva y totalmente compacta e integrada.
Es multiplataforma, por lo que se puede instalar en Windows, Mac y Linux.
Permite trabajar en los tres principales sistemas operativos para mviles: iOS,
Android y Blackberry.
La aplicacin tambin se puede implementar como una versin Web.
El lenguaje de programacin utilizado en este entorno de desarrollo es

JavaScript.
Interaccin con mucha de las caractersticas nativas del dispositivo, como:

redes sociales, e-mail, cmara, sistema de reconocimiento de voz o geolocalizacin.
Existe la posibilidad de trabajar tambin con HTML5 o CSS, por lo que, aunque
no es necesario, a las personas que tengan nociones de programacin les va a
resultar muy sencillo trabajar en este entorno
17 / 42
Estructura de la interfaz
Como paso previo, se nos muestra una pantalla con una serie de campos donde
debemos introducir la informacin bsica del proyecto: nombre, localizacin de los
archivos, Id, direccin URL, dispositivos a los que va destinado la aplicacin, etc.
A continuacin, pasamos a la vista general del entorno, donde se pueden distinguir
cuatro partes o zonas:
1. Zona superior izquierda. Aparecen todos los ficheros que se van a utilizar en el
proyecto.
2. Zona inferior izquierda. Se muestra la estructura concreta del fichero abierto.
3. Zona superior derecha. Zona de edicin, donde se ejecutan los archivos y cdigos
correspondientes.
4. Zona inferior derecha. Consola que muestra el progreso del trabajo, como por
ejemplo la compilacin de los cdigos.
Una vez finalizado el proyecto, si clicamos el botn correspondiente situado arriba a la
izquierda, nos aparece a la derecha de la pantalla una simulacin de la aplicacin en el
dispositivo que seleccionemos, por ejemplo un iphone.
La siguiente imagen muestra el aspecto de entorno de trabajo con Titanium:
18 / 42
En definitiva, se trata de un entorno ideal para crear ptimas aplicaciones de manera

sencilla e intuitiva gracias a la integracin en una sola pantalla de todo lo necesario,
no solo para programar, sino tambin para previsualizar y comprobar los resultados.
19 / 42
6
(III). Sus posibilidades tcnicas y creativas
Ya hemos visto que Appcelerator Titanium sirve, bsicamente, para crear aplicaciones
para mviles y tablets. Sin embargo, el verdadero valor de esta plataforma se encuentra
en los altos niveles de calidad que pueden llegarse a conseguir, satisfaciendo as las
elevadas expectativas y necesidades del nuevo perfil de usuario de dispositivos mviles.
Integracin y extensibilidad
La filosofa de la plataforma Appcelerator se basa en el concepto de integracin a
todos los niveles. Por un lado, es capaz de funcionar en la mayora de mviles y tablets
gracias a la compilacin en los distintos lenguajes nativos de un nico cdigo de
programacin.
Adems, las aplicaciones creados con este programa conectan perfectamente con el
hardware de cada mvil o tablet y con los servicios externos en la nube, lo que da
como resultado novedosas aplicaciones adaptadas a los ltimos avances tecnolgicos y, al
mismo tiempo, robustas y fiables al poder acceder todo tipo de datos almacenados en la
nube.
Pero lo ms importante es que, en esta plataforma, la integracin no significa
inmovilismo ni rigidez, sino todo lo contrario, puesto que Titanium se basa en
estndares abiertos y es totalmente extensible a mdulos de nueva creacin y a las
aportaciones de los ms de medio milln de desarrolladores que integran su comunidad.
20 / 42
Innumerables recursos tcnicos y mxima creatividad
La
integracin
lenguaje
de
en
un
nico
programacin
sumado a la mxima conectividad

con los servicios de la nube y los
distintos
componentes
del
dispositivo donde va instalada, da

como
resultado
una
amplio
abanico de recursos tcnicos y

creativos de los que se pueden
nutrir las aplicaciones, entre los
que destacan:
Aplicaciones totalmente conectadas con las principales redes sociales, como

Facebook, Twitter, Linkedin o Google+.
Integracin con todo tipo de servicios en la nube, tales como: notificaciones de

insercin, actualizaciones de estado, almacenamiento de datos, fotos, vdeos y
opciones personalizadas.
Aplicaciones dinmicas, totalmente ampliables a nuevas funcionalidades o

servicios.
Analtica web para medir todo tipo de indicadores, extraer informes y

conclusiones.
Posibilidad de ligar el funcionamiento de las aplicaciones con los distintos

movimientos del dispositivo.
Acceso a los contactos del directorio telefnico nativo.
Acceso directo al GPS del dispositivo para crear funciones y efectos basados en la
localizacin.
Conexin con Google Maps.
Network, acceso a la Red y web services.
Adopcin de las ltimas novedades y tendencias a nivel de diseo web.
Sistemas de mens y navegacin de gran belleza plstica y esttica.
Al tratarse de una plataforma de navegacin de cdigo abierto y totalmente
21 / 42
extensible, con Appcelerator Titanium se pueden implantar, sin ningn tipo de

problemas, los avances tecnolgicos ms novedosos. Un ejemplo seran las
aplicaciones de moda y complementos basadas en realidad aumentada, donde el usuario
puede comprobar cmo le va a quedar en su propia mueca una pulsera o un reloj antes
de adquirirlo.
22 / 42
7
Ventajas de desarrollar aplicaciones con
Appcelerator Titanium
El desarrollo de aplicaciones con el programa Titanium comporta una serie de ventajas
en diferentes mbitos o reas, como la optimizacin de recursos, el ahorro de costes
econmicos y de horas de trabajo, la calidad y la posibilidad de incorporar la tecnologa
ms avanzada.
Optimizacin de recursos y ahorro de costes

Titanium es un software de cdigo libre que se rige por una mxima tan clara como
rentable: crear una sola aplicacin vlida para las plataformas mviles ms
populares e, incluso, para su uso en versin Web. Con ello se consigue:
Ahorrar directamente en licencias por tratarse de un programa gratuito.
Crear aplicaciones que lleguen al mximo nmero de usuarios potenciales con

el menor esfuerzo.
Ahorrar mucho tiempo y costes en la creacin, desarrollo y mantenimiento de

diferentes versiones.
Beneficiarse de la amplia y variada documentacin formativa proporcionada

por la plataforma (manuales, videos, webinar, tutoriales, etc.) y de la experiencia
de su comunidad de usuarios, que constantemente estn compartiendo consejos
y trucos, as como resolviendo dudas.
Aprovecharse de los distintos servicios en la nube gestionados directamente

por Appcelerator, entre los que destacan el almacenamiento de un gran volumen
de datos en todos los formatos o la integracin con las redes sociales.
Seguir al detalle el comportamiento de la aplicacin, la respuesta de los usuarios

y el retorno de la inversin gracias a un completo servicio de analtica web
23 / 42
integrado en la propia plataforma. Todo ello asegura la mxima productividad y

rentabilidad de los productos creados.
Lograr la calidad propia de las aplicaciones nativas

Lo que distingue a este software, y supone una de sus principales ventajas, es su
capacidad de desarrollar aplicaciones adaptables a todo tipo de dispositivos pero al
mismo tiempo nativas, con un plus aadido de calidad, rendimiento, acabado esttico y
mltiples funcionalidades.
Esto significa que las aplicaciones desarrolladas en la plataforma Titanium se
caracterizan por:
Son nativas y por lo tanto enfocadas en el perfil, necesidades y expectativas de

los usuarios de mviles y tablets.
Destacan por su gran calidad esttica, tcnica y funcionamiento impecable.
Estn conectadas con los distintos componentes del dispositivo en el que

estn descargadas como; el GPS, la cmara, el micrfono, el directorio de contactos
y otras aplicaciones o programas instalados.
Desarrollar aplicaciones punteras en tecnologa

Titanium ofrece la posibilidad de mejorar constantemente las aplicaciones para que
incorporen los ltimos avances y la tecnologa ms puntera. Esto es posible y fcil de
conseguir gracias a que:
Se trata de un producto totalmente extensible en mdulos y nuevos recursos.
El sistema permite la conexin e interaccin con todos los componentes

tecnolgicos de los dispositivos, por lo que se pueden aadir funciones de
realidad aumentada, sensores de movimiento o cualquier otra novedad que
pueda aparecer en el futuro.
Las aportaciones de la propia comunidad de desarrolladores.
Las aplicaciones creadas con Titanium se benefician tanto de la flexibilidad, mayor

sencillez de programacin y, sobre todo, adaptabilidad y versatilidad de las Web App y
tambin de la mayor calidad y posibilidades de la nativas. De esta forma, se consigue
un doblete en lo que respecta a ventajas, beneficios, logro de objetivos propuestos y
24 / 42
consecucin del mximo nivel de productividad.
25 / 42
8
Cmo se instala Appcelerator Titanium
La instalacin y preparacin del entorno para empezar a usar Appcelerator Titanium es
muy sencilla y puede realizarse tanto en Windows, Mac o Linux. A continuacin,
detallamos paso a paso cmo hacerlo, los requisitos necesarios y las cuestiones a tener
en cuenta para que el proceso se ejecute sin problemas ni interrupciones.
Requisitos previos antes de ejecutar Titanium

Los requisitos previos a la instalacin propiamente dicha del programa Titanium varan
ligeramente en funcin del sistema o sistemas en el que queremos que funcione
nuestra aplicacin, puesto que cada uno de ellos requiere la instalacin de un SDK (en
ingls, Software Development Kit) o kit de desarrollo de software diferente.
Por lo tanto, si solo queremos programar una aplicacin para Android bastar con que
descarguemos en nuestro ordenador el SDK de este sistema. Pero en el caso de que
queramos que nuestra APP sirva tambin para los telfonos y tablets de Apple o
Blackberry, deberemos instalar tambin los kits de desarrollo de esas plataformas.
De cualquier modo, una vez descargados los distintos SDK, solo tendremos que
programar la aplicacin una nica vez en JavaScript y Titanium se encargar de
traducirlo automticamente a los lenguajes nativos de cada plataforma.
Una cuestin importante es que, si queremos que nuestra aplicacin pueda ejecutarse en
algn dispositivo de Apple (iphone o ipad) es imprescindible utilizar un ordenador con el
sistema operativo iOS, es decir, un Mac de Apple.
26 / 42
Instalacin de Appcelerator Titanium
Una vez tenidos en cuenta los prerrequisitos, ya podemos instalar gratuitamente el

programa. Para ello tenemos que hacer los siguiente:
1. Acceder a la pgina web general de la plataforma: www.appcelerator.com
2. Entrar en el el programa Appcelerator Titanium. nicamente tenemos que clicar
sobre el botn rojo de la parte inferior derecha de la pantalla.
3. Abrir una cuenta personal con nuestros datos bsicos.
4. Descargar el entorno de desarrollo Titanium Studio. El icono de descarga se
encuentra a la derecha de la pantalla y debemos seleccionar la versin de la
plataforma sobre la que estamos trabajando: Windows, Mac o Linux.
5. Si no lo hemos hecho anteriormente, descargar el kit de desarrollo de los
sistemas operativos mviles en los que queremos que trabaje nuestro proyecto
de aplicacin. Actualmente, las opciones son iOs, Android y Blackberry y solo hay
que hacer clic sobre los iconos correspondientes (a la derecha de la pantalla).
27 / 42
En este proceso se puede aplicar la frase el orden de los factores no altera

el producto, puesto que la instalacin de los kits de desarrollo se puede
realizar tanto antes como despus de la instalacin de programa
Titanium. Es indiferente y no afecta para nada al funcionamiento de la
aplicacin
Eso es todo en cuanto a la instalacin del programa en tu equipo. A partir de este

momento ya podemos poner en marcha todo tipos de proyectos de creacin y desarrollo
de aplicaciones, desde una juego simple y sencillo hasta al programa de gestin ms
complejo. El nico lmite es nuestra propia imaginacin, formacin y recursos.
28 / 42
9
Creando una APP con Appcelerator Titanium
Una vez instalado Titanium y los kits de desarrollo (SDK) de los sistemas operativos en los
que queramos que funcionen nuestros proyectos, ya podemos empezar a crear la
aplicacin. A continuacin, explicamos esquemticamente el proceso bsico de realizacin
de una APP nativa con Titanium.
Los cuatro pasos bsicos de creacin de una App
1) Crear un nuevo proyecto

Para empezar, nos vamos a la parte superior de la interfaz de Titanium Studio y
clicamos en New-TitaniumProject-singleWindowsApplication. A continuacin,
abrir una pantalla donde tendremos que escribir los datos bsicos de nuestro
proyecto: nombre de la APP, ID, pgina web personal o de la empresa y los
se
29 / 42
sistemas en que queremos que funcione.

2) Confirmar los datos en el editor
Posteriormente, nos aparece un editor con un formato muy amigable e intuitivo
donde tendremos que confirmar, con la posibilidad de realizar cambios, los
datos anteriores y tambin podemos aadir mdulos de programacin.
3) Comenzar la programacin
El siguiente paso consiste en la programacin propiamente dicha de la APP.
Sobre una interfaz muy clara e intuitiva, separada en cuatro bloques, tenemos
que hacer lo siguiente:
En la zona superior izquierda, subir todos los archivos que vayamos a

utilizar: imgenes, recursos grficos, bases de datos, programas etc.
Cuando abramos un fichero determinado, en la parte inferior se despliega
la estructura completa.
En la zona derecha, que es la ms grande, es donde tenemos que empezar

a programar escribiendo los cdigos correspondientes en lenguaje
JavaScript, siendo suficiente con una nociones bsicas del mismo.
4) Compilacin y simulacin de la App

Una vez completada la programacin de la App, nicamente tenemos que
apretar los botones de simulacin de los sistemas (uno, dos o todos) que nos
interesen: Android, iOS (iphone o ipad) o Blackberry.
A continuacin, de forma rpida y automtica, Titanium se encargar de dos
acciones: 1) traducir (compilar) nuestra aplicacin a cada uno de los lenguajes
nativos y 2) mostrar una simulacin del funcionamiento de la APP en los
sistemas y/o dispositivos seleccionados.
El proceso bsico de programacin en Titanium es, como hemos visto, bastante

sencillo e intuitivo. Las distintas fases estn simplificadas y compactadas y
muchas acciones se realizan de manera automatizada. No obstante, la
complejidad del trabajo puede variar considerablemente en funcin del tipo de
30 / 42
aplicacin y de sus objetivos, recursos tcnicos y estticos y funcionalidades.
La programacin en Titanium se basa en tres elementos primordiales, cuyo uso y

combinacin es necesario dominar para conseguir aplicaciones con valor aadido y un
plus de calidad: ventanas o pginas, vistas o capas y controles (widgets).
31 / 42
10
Implementacin de las ltimas tecnologas con
Appcelerator Titanium. Geolocalizacin y realidad
aumentada
La plataforma Appcelerator Titanium permite crear aplicaciones que se benefician de las
funcionalidades nativas ms avanzadas presentes en la mayora de mviles inteligentes y
tablets,
como
la
geolocalizacin
la realidad aumentada. Incorporando estas
prestaciones, se pueden lograr APPs realmente espectaculares y de gran sofisticacin,

las cuales logran sorprender al usuario, mejorar su experiencia y alcanzar grandes logros
en marketing y ventas de productos o servicios.
El mdulo de geolocalizacin
Para incorporar funciones que utilicen las indicaciones de ubicacin sobre plano, la brjula
o el GPS es necesario instalar el mdulo de geolocalizacin de nivel superior presente
en las ltimas versiones de Appcelerator Titanium.
Dicho mdulo combina dos conjuntos de caractersticas:
1. Los servicios de lo localizacin. Es decir, la determinacin de la ubicacin exacta
del dispositivo mvil.
2. La geocodificacin y la geocodificacin inversa, lo que permite la conversin de
las coordenadas geogrficas en direcciones y, a su vez, de las direcciones en
coordenadas geogrficas.
Existen
dos
mtodos
para
solicitar
informacin
sobre
la
ubicacin
de
posicionamiento de los dispositivos en cada momento, los cuales son muy similares en
todas las plataformas: hacer una solicitud de una sola vez con getCurrentPosition o
32 / 42
registrarse en un detector de eventos e ir recibiendo actualizaciones.

Sin embargo, a la hora de implementar estos servicios en cada plataforma si existen
diferencias bastante significativas. Esta son las ms importantes:
En iOS, la precisin y consumo de batera se puede ajustar manualmente en

funcin
de
una
serie
de
valores:
ACCURACY_BEST,
ACCURACY_HIGH,
ACCURACY_LOW, ACCURACY BEST FOR NAVIGATIO y otros.
Android tiene tres modos de configurar la ubicacin de las actualizaciones:

simple, manual y modo tradicional. La opcin simple es la que ofrece resultados
menos exactos, mientras que el modo manual se realiza bajo el software de
Titanium, permitiendo a los desarrolladores establecer filtros y combinar distintos
grados de precisin. Por otro lado, el modo tradicional se considera obsoleto y no
se recomienda para nuevos proyectos.
Cuando se programa en la plataforma Blackberry es preciso aadir la etiqueta

read_geolocation a tiapp.xml para obtener permisos de acceso al GPS de los
dispositivos.
El uso de los servicios de localizacin puede tener un impacto muy significativo

en la duracin de la batera de los dispositivos, por lo que siempre se debe
programar de la forma ms eficiente posible
Realidad aumentada
La plataforma Appcelerator, apoyada en su numerosa comunidad de usuarios, partners y
desarrolladores acreditados, ha conseguido resolver una gran parte de los problemas
habituales de la realidad aumentada, con la creacin de un mdulo especfico
caracterizado por:
Una programacin ms simplificada.
Posibilidad de combinar la realidad aumentada con los sensores GPS de los

propios dispositivos.
Desarrollo de mtodos enfocados en la resolucin de los aspectos ms crticos y

difciles de esta tcnica: creacin del interfaz adecuado, estructura correcta de la
aplicacin, clculos matemticos necesarios, etc.
33 / 42
Este tipo de funciones complejas sitan las aplicaciones en un nivel superior y ofrecen
grandes experiencias al usuario. No obstante, para su correcto desarrollo es necesario
un buen conocimiento
y una notable experiencia de esta intuitiva, pero al mismo
tiempo completsima plataforma de creacin, desarrollo y anlisis de aplicaciones.
34 / 42
11
Las posibilidades de integracin de las APPs
creadas con Titanium
Una de las funcionalidades ms potentes de las aplicaciones nativas, como las creadas con
Titanium, es la de poderse conectar e integrar con el software y hardware (GPS, cmara
de fotos, notas de voz, micrfono, etc.) del dispositivo y con aplicaciones tan populares
como Facebook.
La integracin con Facebook

Facebook, con su ms de 800.000 millones de usuarios activos es, con gran diferencia,
la red social ms usada. Un porcentaje altsimo de sus seguidores tiene Facebook
instalado en su mvil, por lo que resulta de gran utilidad mantener un conexin entre
nuestra aplicacin y esta red social para acciones como acceder a los contactos del
usuario o poder enviar mensajes directamente desde la APP a la cuenta de Facebook
El mdulo de Facebook
Con Appcelerator Titanium es realmente fcil interactuar con la primera red social de
Internet, ya que la plataforma ha desarrollado un mdulo especfico para ello, el cual
una vez incorporado en la programacin de la aplicacin permite, entre otra cosas:
Iniciar la sesin de la aplicacin directamente a travs de Facebook. Para ello,

basta con aadir el botn Facebook Login Button.
Realizar peticiones a travs del legado API REST facebook utilizando el mtodo
de la peticin.
Publicar los cuadros de dilogo de Facebook.
Hacer peticiones en nombre del usuario, tales como publicar imgenes o un

mensaje de estado.
35 / 42
Acceder a los contactos de la red social del usuario.
Para instalar el mdulo solo hay que aadir las siguientes lneas de programacin,
segn se programe en Android o iOs:
<modulo platform="android"> facebook < / module>
<modulo platform="iphone"> facebook < / module>
Mdulo adicional mapa

Las aplicaciones que aprovechan los GPS integrados especialmente en mviles y
tablets, suelen tener una gran aceptacin por parte de los usuarios, pues permiten
infinidad de acciones:
Realizar acciones de marketing concretas y personalizadas en funcin de la

ubicacin fsica de cada usuario, destacando la sealizacin de puntos de ventas
y distribucin o poner en marcha promociones y ofertas.
Anotaciones personalizadas e informacin de eventos sobre los mapas.
Mapas en 3D y espectaculares efectos de realidad aumentada.
Creacin de rutas personalizadas con fines comerciales o tursticos
Requerimientos
Para lograr la interaccin con mapas y el geolocalizador ya que realizar las siguientes
acciones bsicas:
Descargar el mdulo ti.map en la direccin https://marketplace.appcelerator.com/apps/5005 .

Aadir la siguiente lnea de cdigo en la programacin Javascript de la APP: <modulo
platform="android"> ti.map < / module>
Queda an mucho camino por recorrer y opciones a explorar en lo que

respecta a la geolocalizacin aplicada a APPs de marketing y otras categoras .
Es un campo todava incipiente, por lo que est realmente abierto a
propuestas novedosas y a ideas diferentes, atrevidos y originales
36 / 42
Estos son solo algunos ejemplos de interconectividad que se pueden implementar con
las Apps de Titanium, pero existen muchas posibilidades ms tanto entre la App y el
dispositivo (acciones con la cmara, el micrfono o la agenda de contactos) como
conexiones con los servicios en la nube de Appcelerator: acceso a todo tipo de base de
datos, notificaciones o, incluso, servicios personalizados.
37 / 42
12
Casos reales de aplicaciones de xito creadas con
Titanium
Desde juegos para, simplemente, pasar un rato entretenido a aplicaciones que nos
ayudan a mejorar la productividad en el trabajo, pasando por APPs de comercializacin
de moda y complementos y hasta sistemas para buscar pareja o amistad. Con
Appcelerator se han creado miles y miles de aplicaciones para todos los sistemas
operativos, algunas de ellas de gran xito con cientos de miles de descargas.
Que empresas de la talla de Avis, Mitsubishi Electric o Ray Ban confen en Appcelerator
Titanium para implementar sus aplicaciones dice mucho en favor de este sistema y es una
prueba fehaciente de la robustez, fiabilidad y calidad de la plataforma.
A continuacin, seleccionamos algunos ejemplos de aplicaciones muy distintas en
funcionalidad y objetivos pero con dos denominadores comunes: todas estn
construidas con Titanium y han tenido un espectacular xito de calidad y audiencia.
Mitsubishi Electric
Tras evaluar otras muchas plataformas de navegacin, los desarrolladores de esta

enorme compaa, lder mundial en la fabricacin de aire acondicionado, decidi confiar
en Titanium para desarrollar sus aplicaciones porque era la nica que les permita
hacerlo de una forma rpida y rentable en un lenguaje donde los programadores se
38 / 42
sentan cmodos.
Y los resultados no han podido ser ms satisfactorio y rentables. Desde la puesta en
marcha de su aplicacin enfocada a mejorar su sistema de distribucin sus ventas se
han incrementado en 30 millones de dlares.
Avis
Una de la principales multinacionales de alquiler de coches del mundo como Avis ha

creado con Titanium una aplicacin muy eficaz y fiable que permite a sus millones de
usuarios acceder, fcil y cmodamente, a cualquier fuente de datos. Adems, los
responsables de marketing de la empresa aseguran haber podido comprobar y
demostrar el xito de la aplicacin (aumento del nmero y satisfaccin de los clientes)
gracias a las funciones de anlisis de datos de la propia plataforma.
ChatMatch
Con aplicaciones como ChatMatch tambin se puede encontrar pareja o hacer amigos. Un
diseo de gran calidad, unido a las funcionalidades de geolocalizacin y la conexin con
una gran base de datos en la nube han convertido a esta aplicacin de contactos en
toda una sorpresa por su gran popularidad e impresionantes cifras de descargas y
nmero de usuarios.
39 / 42
Radio Taxis
Los taxis de Londres tambin han escogido Titanium para desarrollar una aplicacin que
permite pedir un taxi rpidamente y, entre otras cosas, saber en qu punto se
encuentra exactamente el vehculo y el tiempo exacto que tardar en recoger a los
pasajeros.
MonsterMash
Los juegos ms simples de funcionamiento pero visualmente atractivos suelen ser los
que ms xitos tienen, y este es un ejemplo de ellos. En MonsterMash los monstruos
saltan alrededor de la pantalla y el jugador tiene que atraparlos para ganar puntos.
40 / 42
13
Cinco claves para extraer el mximo provecho de
Appcelerator Titanium
El hecho de ser un software gratuito y de cdigo libre y estar especialmente creado para
disear aplicaciones nativas vlidas para casi todos los dispositivos mviles, han
convertido a Titanium en una de las herramientas multiplataforma ms recomendadas.
Adems, siguiendo una serie de consejos y estrategias se puede llegar a exprimir todo el
potencial de este programa.
Las cinco claves para convertir buenas aplicaciones en excelentes
41 / 42
1) Convertirnos en usuarios avanzados del programa

La interfaz de Titanium Studio es tremendamente intuitiva, lo que permite la creacin
Apps sencillas con unas nociones mnimas del programa. Pero, lgicamente, si queremos
llevar a cabo un proyecto ms complejo es preciso sumergirnos de lleno en el programa,
para sacar provecho de todo su potencial.
Para ello es imprescindible conocer bien la plataforma a travs de su propio material
formativo (manuales en pdfs, webinars, videos, etc.) y de cursos impartidos por
expertos.
2) Enriquecer la APP con funciones extras y punteras
Como hemos visto a lo largo de esta gua, el programa permite, a travs de sus mdulos
de programacin en constante ampliacin, aadir funciones de ltima generacin,
como acciones de geolocalizacin o realidad aumentada. Por lo tanto, se trata de
aprovechar estas opciones para aadir valor aadido al producto y hacerlo destacar
sobre los dems.
3) Tratar de llegar al mximo pblico posible
Para realizar pruebas, es suficiente con adaptar la App a una solo sistema, como por
ejemplo Android. Pero con un proyecto definitivo, lo mejor es adaptar nuestra
aplicacin a todos los sistemas. Si adems socializamos la APP, conectndola con
Facebook y otras redes, multiplicaremos fcilmente nuestro pblico potencial.
4) Aprovechar los servicios en la nube
Appcelerator Titanium no es solo un programa, es una gran plataforma en constante
crecimiento y expansin que, entre otras posibilidades, ofrece interesantsimos
servicios en la nube. Esto permite: enriquecer las aplicaciones con todo tipos de datos,
fotos y videos sin ocupar espacio en el dispositivo envolverlas con la colaboracin y el
carcter viral de las redes sociales e, incluso poner en marcha acciones en cloud
totalmente personalizadas.
5) Involucrarse en la plataforma
La plataforma Appcelerator est configurada por una comunidad de ms de medio millar
de desarrolladores de aplicaciones, as como colaboradores oficiales y partners. Estos
42 / 42
significa que el software de Titanium est respaldado por el capital ms importante que
existe: el humano. El valor en conjunto de todas estas personas es valiossimo porque
asegura colaboracin, expansin y mejoras constantes.
Una buena forma de conseguir experiencia y cada vez ms calidad es involucrarse en
la comunidad aportando, en la medida de nuestros posibilidades, nuestro granito de
arena en conocimientos y experiencias.
Cada vez hay ms aplicaciones, y muchas de ellas de calidad, disponibles en las tiendas de
APPs de los distintos sistemas de mviles. Eso significa gran competencia y dificultades
para conseguir usuarios, descargas y destacar. La nica forma de sobresalir entre tantos
productos, muchas veces con los mismos objetivos y funcionalidades, es aportar un plus
de valor aadido: un diseo ms impactante, una caracterstica mejorada o una
prestacin nueva.

Deusto Formación Crear Aplicaciones Sin Programacion Appcelerator Titanium

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Deusto Formación Crear Aplicaciones Sin Programacion Appcelerator Titanium

Caricato da

Copyright:

Formati disponibili

2 / 42

Comparte la gua en: Twitter Facebook Linkedin Google+

Principales caractersticas de una APP

Comparte la gua en: Twitter Facebook Linkedin Google+

Estn enfocadas y destinadas principalmente a su uso en dispositivos mviles

Mayor capacidad y rendimiento que la webs de escritorio (para PC y porttiles).

Diseo de un gran nivel esttico y muy llamativo.

Nuevas funcionalidades ligadas a posibilidades nicas de los dispositivos mviles,

Suelen ser ms dinmicas que los programas o webs tradicionales.

Adaptadas a las especiales caractersticas de las navegacin mvil: tctil,

Uso ms especfico y concreto.

Mayor velocidad de carga.

Experiencia de uso ms gratificante.

Programacin y mantenimiento ms complejo y costoso.

La mayor complejidad en la creacin, desarrollo y mantenimiento de

Comparte la gua en: Twitter Facebook Linkedin Google+

Proceso de creacin y desarrollo de una APP

Comparte la gua en: Twitter Facebook Linkedin Google+

El sistema ms habitual de programacin de una App es a travs de los kit de

Comparte la gua en: Twitter Facebook Linkedin Google+

Por qu el funcionamiento de las APPs nativas es tan diferente al

En una APP nativa se busca integrar al mximo el hardware de cada

Comparte la gua en: Twitter Facebook Linkedin Google+

en la plataforma o tienda de aplicaciones de cada sistema

La tercera va: el programa Appcelerator Titanium

Comparte la gua en: Twitter Facebook Linkedin Google+

Otra caracterstica de este programa es que utiliza un entorno de programacin y

Comparte la gua en: Twitter Facebook Linkedin Google+

Appcelerator Titanium: un servicio completo e integral

Comparte la gua en: Twitter Facebook Linkedin Google+

La plataforma Appcelerator Titanium ofrece respuesta a todas estas necesidades con un

Comparte la gua en: Twitter Facebook Linkedin Google+

Arquitectura segura, fiable y escalable donde guardar y gestionar todo tipo de

Servicios propios de Backend as a service (BaaS), entre los que destacan:

Posibilidad de extender los servicios estndar y configurarlos a medida.

Comprobar si se estn cumpliendo los objetivos de visitas y descargas.

Calcular el Retorno de la Inversin (ROI).

Conocer el perfil o target de usuario de la APP: caractersticas personales, como

Detectar errores y reas de mejora.

Comparte la gua en: Twitter Facebook Linkedin Google+

Por qu es especial Appcelerator Titanium?

programa Appcelerator Titanium.

Principales caractersticas de Appcelerator Titanium?

Con Titanium se pueden crear aplicaciones nativas de gran calidad, vlidas y

Se trata de una plataforma en constante desarrollo, lo que hace que sus

Utiliza el lenguaje de programacin JavaScript, que es el propio de las pginas

El interfaz o entorno de programacin est basado en Eclipse (Aptana Studio) y

Tienen una extensibilidad ilimitada del propio framework Titanium, lo que

Mxima interconexin con servicios en la nube, logrndose altsimos niveles de

Comparte la gua en: Twitter Facebook Linkedin Google+

Titanium es un producto que aporta soluciones eficaces a los problemas histricos de

Comparte la gua en: Twitter Facebook Linkedin Google+

Caractersticas principales de Titanium Studio

Interfaz muy bien estructurada e intuitiva y totalmente compacta e integrada.

Es multiplataforma, por lo que se puede instalar en Windows, Mac y Linux.

La aplicacin tambin se puede implementar como una versin Web.

El lenguaje de programacin utilizado en este entorno de desarrollo es

Interaccin con mucha de las caractersticas nativas del dispositivo, como:

Comparte la gua en: Twitter Facebook Linkedin Google+

Comparte la gua en: Twitter Facebook Linkedin Google+

En definitiva, se trata de un entorno ideal para crear ptimas aplicaciones de manera

Comparte la gua en: Twitter Facebook Linkedin Google+

Comparte la gua en: Twitter Facebook Linkedin Google+

Innumerables recursos tcnicos y mxima creatividad