UNIVERSIDAD TECNOLÓGICA DE QUERÉTARO.

Transcripción

1 UNIVERSIDAD TECNOLÓGICA DE QUERÉTARO. Nombre de proyecto: BILL OF LADING PROJECT Empresa: ScanOnline Memoria Que como parte de los requisitos para obtener El título de TÉCNICO SUPERIOR UNIVERSITARIO EN TECNOLOGÍAS DE LA INFORMACIÓN Y COMUNICACIÒN ÁREA SISTEMAS INFORMATICOS Presenta: DARÍO EFRAÍM MONDRAGÓN CASTILLO Asesor de la UTEQ Asesor de la Empresa Ing. María Auxilio Pérez Ríos Ing. Mason Stallings Santiago de Querétaro, Qro. 6 de Febrero del 2013

2 RESUMEN El presente documento describe el diseño, construcción e implementación de la aplicación android, que permite capturar firmas y numero de envió para la empresa Carolina Beverage. La aplicación recibirá el numero de envió y capturará la firma del mensajero, junto con la hora y fecha. Estos datos serán mandados a un servicio web REST (Transferencia de Estado Representacional) que realizará el vinculo entre la aplicación y la base de datos SQL server. Cabe mencionar que la arquitectura web REST es la nueva tendencia para servicios web y retoma los principios de la arquitectura web para crear nuevas tecnologías. Para realizar la aplicación android se utilizó el framework open source Apache Cordova (anteriormente conocido como phonegap) que soporta 7 plataformas móviles utilizando lenguajes web (Jquery, CSS y HTML5). La utilización de este framework permitirá la facilidad de trasladar aplicaciones de un sistema operativo móvil a otro, ampliando las oportunidades de la empresa ScanOnline en menor tiempo y costo. Este proyecto será la primera aplicación móvil android de la empresa ScanOnline y expandirá su negocio que principalmente ofrece soluciones de tipo hardware. ABSTRACT The following document describes the design, construction, and implementation of the android app Signature capture for bill of lading, which will capture signatures and the bill of lading for the company Carolina Beverage. The application will receive the bill of lading and capture the user s signature, along with the hour and date. This information will be sent to a REST web service (representational state transfer) which will transfer the data between the app and the SQL server database. It is worth mentioning that the REST web architecture is the new tendency for web services and takes the basic principles of HTML to create new technology. To realize the android app, the Apache cordova framework (formerly known as phonegap) was used, which supports more then 7 mobile platforms utilizing web languages (JQuery, CSS and HTML5). The usage of this framework will facilitate moving apps to a different mobile operating system and reduce time and cost for scanonline. This proyect will be the first mobile android app for scanonline and will expand their business which offers mobile and hardware solutions 2

3 DEDICATORIAS. Esta memoria se la quiero dedicar a mis padres y hermano por lograr darme la motivación y el apoyo para poder terminar el proyecto de manera exitosa. Sin ustedes mi vida no sería la misma, gracias por todo. También a toda los empleados de la empresa Scan Online y especialmente al presidente Lee Pickler por la oportunidad de poder trabajar para la empresa y por el excelente trato que recibí estando en Carolina del Norte. AGRADECIMIENTOS. Quiero agradecer a la ingeniería Perla Mercado Rodríguez, Director de la carrera Rodrigo Mata Hernández y a mi asesora de estadía y maestra María Auxilio Pérez Ríos por lograr hacer esta estadía posible y darme la motivación necesaria para seguir adelante y completar el proyecto de manera exitosa. También a la familia Osborne por darme asilo, comida y una familia nueva mientras realizaba el proyecto, a Patricia, Tom Horner y Joshua Griffin por ser los mejores anfitriones en Carolina del Norte y lograr el intercambio exitoso entre la UTEQ y Stanly Community College. 3

4 INDICE RESUMEN... 2 ABSTRACT... 2 DEDICATORIAS AGRADECIMIENTOS I. INTRODUCCION... 5 II. ANTECEDENTES III. JUSTIFICACIÓN IV.OBJETIVOS V. ALCANCES VI. JUSTIFICACIÓN TEÓRICA... 7 VII.PLAN DE ACTIVIDADES VIII. RECURSOS MATERIALES Y HUMANOS IX. DESARROLLO DEL PROYECTO...10 FASE DE INICIO...10 FASE DE ANALISIS Y DISEÑO...11 FASE DE CONSTRUCCIÓN...13 FASE DE CONTROL Y SEGUIMIENTO...18 IV. RESULTADOS OBTENIDOS XI. ANÁLISIS DE RIESGO XII. CONCLUSIONES XIII. RECOMENDACIONES (personal) XIV. REFERENCIAS BIBLIOGRÁFICAS

5 I. INTRODUCCION El presente documento describe el proyecto Signature capture for bill of lading que fue realizado por parte de la compañía Scan Online para la empresa Carolina Beverage para poder concluir la estadía de la carrera, tecnologías de la información y comunicación dentro de la universidad tecnológica de Querétaro. II. ANTECEDENTES. La empresa ScanOnline busca ampliar su mercado, al integrar más opciones móviles y ofrecer soluciones tecnológicas innovadoras para los empresarios. El asociado empresarial de ScanOnline, Motorola, acaba de lanzar al mercado su tableta empresarial ET1 y junto con SO busca la integración de este producto en el mercado. El proyecto propuesto por Carolina Beverage ofrece una oportunidad excelente para explotar las capacidades del sistema operativo android de la tableta ET1. III. JUSTIFICACIÓN. La tendencia actual de las innovaciones empresariales en el mundo del desarrollo de software va hacía la tecnología móvil. Con el amplio crecimiento de poder, capacidad y distribución de los smartphones, se pueden lograr nuevas aplicaciones que ofrecen una gama de oportunidades para las empresas. Carolina Beverage busca una solución móvil que le permita la captura rápida de la firma del cliente al entregar paquetes con sus mensajeros y subir esta información a su base de datos a través de wifi. La opción de utilizar la tableta ET1 le ofrece a Carolina Beverage una plataforma intuitiva y fácil de utilizar para el usuario, logrando una portabilidad rápida, segura y eficaz para confirmar el envio de paquetes. 5

6 ScanOnline al desarrollar este proyecto podrá aumentar su área de desarrollo de software ofreciendo mas aplicaciones a sus clientes y al mismo tiempo lograr la venta de la tableta ET1 proporcionada por su socio Motorola, ampliando ventas de hardware y software y atrayendo nuevos clientes que desconozcan las capacidades actuales de los smartphones. IV.OBJETIVOS. Objetivo General. Desarrollar una aplicación en Android que pida la inserción de numero de envió y la captura de la firma del manejador de camión. La firma, hora y fecha y numero de envió serán enviados a la base de datos SQL server por medio de un servicio web. Objetivos Específicos. Investigación de tecnologías móviles y servicios web. Desarrollo de aplicación movil. Desarrollo de base de datos en SQL server. Desarrollo de servicio web (ASP.Net). V. ALCANCES. La presente tiene alcance a la compañía carolina beverage y para cualquier futuro proyecto que quiera desarrollar scan online basándose en este mismo. Fase de inicio Periodo 15 de Octubre 2012 a 2 de Noviembre Investigación Tecnologias MongoDB, OpenMobster, SQLite. Investigación de arquitecturas web SOAP y REST. Investigación Phonegap. 6

7 Investigación framework para interfaz (JqueryMobile, JO, Sencha Touch y Kendo UI). Investigación Captura de firma. Investigación MVC 4 webapi.net. Fase de Analisis y Diseño Periodo 5 de Noviembre 2012 a 15 de Noviembre Diseño interfaz prototipo jquery. Diseño base de datos Bill Lading. Diseño webapi MVC4. Fase de Construcción Periodo de 16 de Noviembre a 30 de Noviembre Implementación Jsignature para captura de firma. Implementación WebApi para transferencia de datos. Implementación de BD para guardar los datos. Implementación de conectividad entre Cliente y servidor, utilizando el webapi. Fase de control y seguimiento Periodo de 3 de Diciembre a 17 de diciembre Prueba de requisitos funcionales. Documentación diseño. Casos de prueba. VI. JUSTIFICACIÓN TEÓRICA. Con el crecimiento diario de la cantidad de usuarios que poseen un Smartphone, cada día es más notorio lo conveniente y fácil que es utilizar una aplicación para cualquier actividad que se quiera realizar. 7

8 Tener tu propia aplicación para tu negocio es una excelente forma de ganar reconocimiento entre tus clientes, te permite tener un acceso directo al teléfono de tus clientes donde puedes poner a tu negocio, producto o servicio. Ayuda también a atraer a una generación nueva de usuarios que están acostumbrados a tener todo dentro de su Smartphone, lo cual es una oportunidad de inversión creciente para empresas que quieran expandir su negocio. Como lo menciona el articulo de BeQRious.com (Grow your business with Smartphone apps), para ser exitoso tienes que analizar de forma extensa tu negocio y ver que tipo de aplicación podría crear una buena reputación entre tus clientes y clientes potenciales. Asegurar que tu aplicación agregue valor o que sea de utilidad para asegurar que los clientes usen la aplicación y que les dé gusto usarla. Mientras las aplicaciones pueden ser una gran oportunidad de mercado, nunca se debe de abusar. Tiene que ser una aplicación que realmente atraiga a tus usuarios y les aporte una funcionalidad que sea fácil de utilizar y con una interface entendible. Scanonline decidió crear una aplicación que permita escanear códigos de barra y capturar firmas para el sistema operativo android (posiblemente otros también usando la tecnología de Cordova), ya que ScanOnline cuenta con una aplicación para un ambiente industrial con los dispositivos móviles que ofrece su partner Motorola. Por lo cual se decidió crear una aplicación que sea más visible, amigable y que permite hacer escaneos más rápidos y con un dispositivo como el Smartphone que crece mas con cada día. 8

9 VII.PLAN DE ACTIVIDADES. Se organizó el proyecto en varias fases para poder llevar acabo un control y seguimiento adecuado de las tareas y objetivos a completar, con esto se facilita la realización del proyecto en tiempo y forma. Figura 1 En la imagen superior se puede observar las fases que conforman al proyecto siendo fase de inicio, fase de análisis y diseño, fase de construcción y fase de control y seguimiento, se puede observar también el diagrama de Gantt que muestra el flujo de las tareas y fases. VIII. RECURSOS MATERIALES Y HUMANOS. - Tableta android ET1. - Scanner como accesorio para la ET1. - Laptop Lenovo. - SQL server. - MVC4 framework. - Cordova framework. - Eclipse IDE. 9

10 IX. DESARROLLO DEL PROYECTO FASE DE INICIO La presente parte del documento es donde se describe paso a paso el proceso que se llevó a cabo para la realización del proyecto para la empresa ScanOnline. Antes de comenzar con el proyecto se realizó una investigación previa para conocer que tipo de tecnologías serían mejores para este proyecto y futuros proyectos móviles. Durante este proceso de investigación se fueron desechando y optando por ciertas tecnologías para poder realizar el proyecto en mejor forma y tiempo. Primero se investigó sobre las tecnologías mongodb, OpenMobster y SQLite, que son bases de datos que se pueden utilizar en un ambiente móvil debido a su tamaño pequeño. Se decidió que la mejor opción para la compañía sería utilizar SQLite aunque para este proyecto no se utilizaría ya que todo sería a través de servicios web, sin guardar información de manera local. Posteriormente se investigó acerca de que tipo de arquitectura web sería la mejor entre SOAP (protocolo de acceso de objetos simples) y REST (transferencia de estado representacional). REST es un estilo de arquitectura para generar aplicaciones de cliente-servidor y SOAP es una especificación de protocolo para intercambiar datos entre dos extremos. Las dos tienen sus ventajas pero se optó por utilizar REST, ya que es una tecnología nueva que esta teniendo mayor aceptación debido a que utiliza conceptos de HTML existentes. Al haber definido el servicio web, la investigación giro entorno a cordova (anteriormente conocido como phonegap) que es un framework opensource que te permite crear apps para diferentes tipos de sistemas operativos móviles, utilizando 10

11 lenguaje web estándar (HTML5, CSS, Javascript). Se analizaron las ventajas y desventajas de utilizar cordova, junto con las recomendaciones. Una de las recomendaciones más importantes fue escoger un framework para poder desarrollar la interface, entre las opciones se encuentran JQueryMobile, sencha touch, Kendo UI y JO). Se optó por utilizar Jquerymobile ya que es una base solida, tiene mas documentación y es utilizado por muchos, lo cual permite encontrar mas ejemplos e información. Uno de los requisitos solicitados por el cliente Carolina Beverage fue el poder capturar firmas utilizando la pantalla y poder exportar esa información a la base de datos, para esto dentro de la investigación se busco un plugin que pudiera facilitar esta captura. Se encontraron dos opciones solidas que son Jsignature y Signature pad, pero al final se escogió JSignature ya que su funcionalidad es mayor al permitir exportar la firma en muchos tipos de formatos (svg, base30, image, etc.), es open source y fácil de manipular el código. Al final se seleccionó para el servicio web el framework ASP. Net MVC4 para poder realizar la conectividad entre la base de datos SQL server y la aplicación. MVC4 fue desarrollado específicamente para servicios de HTTP lo cual era perfecto para este proyecto, ya que se pueden realizar peticiones GET, POST, PUT, DELETE con facilidad para el intercambio de información. FASE DE ANALISIS Y DISEÑO Al terminar la investigación, se tuvieron que realizar diseños prototipo utilizando Jquerymobile para asegurar que los requerimientos previamente definidos se pudieran realizar de forma correcta y estética. Se utilizaron colores que fueran representativos con el logo de la empresa Carolina Beverage y la pantalla se ajustó, de forma que fuera intuitiva para el usuario, sabiendo exactamente que le esta pidiendo y guiándolo paso a paso desde el escaneo del código de barras hasta la captura de firma y exportación de toda la información a la base de datos. 11

12 Como se muestra a continuación: 1.0 A Prompt Operator to Scan/Enter BillLading Number B Valid BL Number? Yes 2.0 Promp Operator to capture signature No 2.0 Show Error Message A User Presses Clear? Yes B No User Presses Save? Yes Signature Captured? No 2.0 Yes Show Error Message 3.0 Post Data to webservice B A Figura 2 La imagen superior muestra como la aplicación pide que escanees el código de barras y si no es del tamaño requerido marca un error. Los botones de guardar y cancelar no se hacen visibles hasta tener la firma y el código escaneado. Esto representa un flujo (como podemos observar en el diagrama de flujo) que guía al usuario poco a poco hasta completar el proceso. 12

13 Al tener un prototipo del diseño se pasó a realizar el diseño de la base de datos para SQL server. Al ser solo poca cantidad de información la que se guardo en la base de datos, se realizó de forma rápida y sin mucha complicación. En esta tabla podemos observar como solo se requirió de una sola tabla para la base de datos y las características que fueron requiridas para la base de datos. Column Name Datatype Description ID: PK, int ID BillOfLading Nvarchar25 Bill of lading number Datetime datetime Date and time the signature and bill of lading was captured Signature Varchar(max) Stored as base30 code to be rendered postproduction Teniendo ya la base de datos y un prototipo de la aplicación, se diseño el web service en ASP.net en MVC4 utilizando visual studio 2010 con el lenguaje C#. El framework de MVC4 permite separar en modelo, vista y controlador nuestro servicio web y cuenta con métodos de POST, PUT, DELETE y GET ya dentro del framework que facilitan la programación del webapi. Para este servicio web solo se utilizo el método POST que se inicia desde la aplicación y lo recibe el servicio web para mandar la información a la base de datos. FASE DE CONSTRUCCIÓN Lo primero que se implementó dentro de la aplicación fue el plugin Jsignature para poder capturar y exportar la firma del usuario.se insertó el plugin dentro de la aplicación modificando su diseño en CSS para concordar con lo establecido dentro del documento de diseño, logrando el tamaño y color que se requiere de la caja donde se inserta la firma del usuario. También se verificó que se pudiera exportar la firma en un código base 30 que se guardaría en la base de datos para posteriormente crear un sitio web de backend para poder decodificar esa firma y 13

14 poderla visualizar, se opto por guardar la firma como base30 ya que la imagen ocupa demasiado tamaño dentro de la base de datos. Figura 3 En la imagen superior se muestra el plugin JSignature siendo utilizado en una macbook, un ipad y un teléfono con sistema operativo android, demostrando como se puede utilizar en varios sistemas operativos. Se hicieron pruebas dentro de la fase de implementación para poder verificar que el plugin pudiera captar la firma de forma adecuada y que si satisfaga los requisitos solicitados por la empresa Carolina Beverage. Posteriormente se pasó a la implementación del webservice para poder recibir los datos de la aplicación y guardarlos en la base de datos SQL server. Se creó un nuevo proyecto dentro de visual studio 2010 utilizando el framework mvc4 que fue lanzado al mercado recientemente y que permite la creación de web API s con facilidad. Dentro de visual studio se escogió una aplicación de tipo web MVC4 y un template de tipo webapi. 14

15 Figura 4 La imagen superior muestra como seleccionar el webapi para el template del proyecto dentro de visual studio Al tener listo el template se crea el modelo que dentro de la clase representa la información de nuestra aplicación. En el modelo se especifica el tipo de información que va recibir el servicio web para insertar dentro de nuestra base de datos, como se puede mostrar a continuación: 15

16 Figura 5 Clase de Modelo es donde se define la información que tendrá la aplicación, el modelo puede automáticamente serializar el modelo a JSON, XML u otro tipo de información y luego escribir esa información al cuerpo de la petición HTTP. Posteriormente se agrega el controlador que maneja peticiones de tipo HTTP y es el que contiene los métodos GET, POST, PUT y DELETE. Para poder crear el controlador se utiliza el wizard que nos proporciona visual studio, asignando un nombre para el controlador, el tipo de template, la clase del modelo (en este caso escogiendo el modelo que se creó anteriormente) y el datacontext class. El data context class es la que crea la base de datos de forma automática o la actualiza dentro de SQL server, al configurar el archivo global.asax. A continuación podemos observar una imagen del wizard que nos proporciona visual studio: 16

17 Figura 6 En la imagen superior podemos observar el wizard que proporciona visual studio para poder agregar el controlador a nuestro webapi donde están contenidos los métodos de petición HTTP GET, POST, PUT y DELETE. Al terminar, el wizard automáticamente crea los métodos de tipo petición HTTP y permite recibir la información de la aplicación para guardarla en una base de datos. La implementación de la base de datos fue facilitada ya que el webapi crea de manera automática la base de datos dentro de SQL server al configurar el global.asax dentro del proyecto. Al asignar dentro de la clase modelo cada campo que se encuentra dentro de la base de datos, se corre el programa en visual studio y el data context class hace la conexión con SQL server para proporcionar la base de datos. Al tener la base de datos lista y el servicio web, se paso a configurar la aplicación para asegurar la conectividad entre cliente y servidor. Utilizando un método de tipo 17

18 POST, se mandan los datos capturados por el usario, como lo son: la firma, el código de barras, la hora y tiempo. Figura 7 En la figura superior se muestra la función PostData que contiene una petición HTTP de tipo POST usando Ajax para que la reciba el servicioweb. El método POST se realizó en jquery y gracias a esta petición de tipo HTTP se logra la conexión entre el cliente y servidor, logrando de manera exitosa guardar la información capturada en la aplicación, en la base de datos. FASE DE CONTROL Y SEGUIMIENTO Al tener la conexión completa entre cliente y servidor, se realizaron pruebas para asegurar que cada requisito se estuviera cumpliendo de forma adecuada. Esto permite asegurar que la aplicación, junto con todos sus componentes, funcionen y cumplan con lo solicitado por el cliente. Posteriormente se documentaron todos los cambios que sufrió la aplicación en cuanto a diseño respecto a la original para tener completa la documentación. Es un punto esencial para la empresa tener todos los proyectos documentados, debido a que la documentación se volvió un peso importante dentro de la empresa Scan Online en los últimos años. Se entregó todo el proyecto a la empresa scanonline junto con la documentación y se firmaron documentos de entrega de proyecto, al igual que de revisión del 18

19 trabajo realizado dentro del proyecto. Con todo esto, se dio por concluido el proyecto de la empresa Scan Online, asegurando la satisfacción de la empresa con el proyecto realizado. IV. RESULTADOS OBTENIDOS. Al haber terminado el proyecto se pudo conocer las tecnologías apropiadas para la empresa Scan Online en el mundo de los sistemas operativos móviles. Toda la investigación que se realizó, me llevó a la conclusión de cuales son las mejores opciones para servicios web, la aplicación y la base de datos. Con esto la empresa podrá desarrollar sus aplicaciones móviles utilizando como base toda la investigación que se realizó en el documento mobile development research. Se pudo terminar de manera satisfactoria el proyecto Signature capture for bill of lading destinado para la empresa Carolina Beverage. La aplicación cumple con los requerimientos solicitados por el cliente en términos de diseño y funcionalidad. La aplicación contenida dentro de la tableta ET1 captura el código de barras de manera exitosa utilizando un scanner añadido a la Tablet y verifica que sea un código valido. Permite capturar y borrar la firma del usuario utilizando el plugin Jsignature y la aplicación logra exportar toda esa información mandándola al servicio web para ser guardada en una base de datos SQL server. Consecuentemente el camionero podrá realizar sus entregas y lograr capturar los datos de entrega de forma exitosa utilizando la aplicación, con la seguridad de que la información se enviará por internet al servicio web y se guardará en la base de datos de la empresa. 19

20 XI. ANÁLISIS DE RIESGO. En un proyecto siempre existen factores que pueden poner en riesgo el cumplimiento de los objetivos y que son una prioridad a resolver para finalizar el proyecto en el tiempo establecido. A continuación se listan los puntos que se consideran un riesgo para la terminación del proyecto Signature capture for bill of lading : Debido a las complicaciones que surgieron para poder viajar fuera de México para poder realizar este proyecto, el tiempo de estadía fue reducido a 2 meses. La investigación previa que fue realizada como consecuencia del desconocimiento de los temas a tratar en el transcurso del proyecto, podría retrasar ciertos objetivos. Conseguir las tabletas ET1 en tiempo y forma para poder realizar las pruebas necesarias para asegurar el correcto funcionamiento de la aplicación. El tiempo invertido en escoger las tecnologías definitivas que se usaran dentro de este proyecto, ya que retrasan el tiempo necesario para codificar y construir. XII. CONCLUSIONES. Al concluir el proyecto dentro de la empresa era notorio que aunque phonegap es una muy buena solución para varios sistemas operativos móviles, la empresa scanonline no piensa involucrarse con otro sistema operativo que no sea 20

21 android en un lapso considerable, ya que sus partners no manejan otros sistemas operativos. Con la conclusión de que próximos proyectos serán realizados de forma nativa para android y utilizando el MVC4 mas reciente de.net para los servicios web, que también fue utilizado dentro de este proyecto. Este proyecto sirvió bastante para poder determinar que tecnologías se utilizarían en futuros proyectos móviles y poder ampliar su mercado móvil con las mejores herramientas disponibles para la empresa. Personalmente, el proyecto me dejo un aprendizaje invaluable respecto al trabajo de investigación que se lleva acabo en una empresa foránea y la organización con la que trabaja ScanOnline es una disciplina que no había visto en otras empresas. También fue muy interesante ver en el poco tiempo que estuve dentro de la empresa Además pude conocer tecnologías que no conocía antes, como lo es: cordova, el framework MVC4 de asp.net, openmobster, mongodb y arquitectura REST. Todo esto expandió mi conocimiento y me demostró la tendencia actual del mundo de las aplicaciones móviles. Todas estas tecnologías tendrán más presencia con el paso del tiempo, ya que debido a su poco tiempo de estar disponibles ya tienen un fuerte impacto en el mundo de la programación. XIII. RECOMENDACIONES (personal). Durante mi estadía se estaba concretando cada ves mas la documentación y es un punto muy importante que creo que la empresa debe considerar y utilizar a su beneficio, ya que proporciona una base solida para iniciar el proyecto y ayuda a reducir tiempo, tener referencias, saber exactamente que es lo que pide el cliente, etc. 21

22 Además de la documentación, la constante revisión usando técnicas como SCRUM ayudaría a mantener un control sobre los proyectos que se están realizando en cuanto a objetivos y tiempo. Es una herramienta de la cual creo que se podría beneficiar demasiado ScanOnline para poder terminar sus proyectos en tiempo y forma. XIV. REFERENCIAS BIBLIOGRÁFICAS. Microsoft, 2013 Microsoft, all rights reserved. MVC: The official Microsoft ASP.net website. Recuperado el Octubre de 2012 de Adobe systems, 2013 Adobe Systems Inc., All rights reserved. Phonegap official website. Recuperado el Octubre de Dotsenko, Daniel Willow systems/jsignature. Recuperado el Octubre de 2012 de Various autores, 2012 The Apache software foundation. Apache Cordova official website. Recuperado el Octubre de 2012 de The Jquery Foundation, 2013 The Jquery foundation. Jquerymobile official website. Recuperado el Octubre de 2012 de Croft, Sam Sam Croft About Phonegap, jquery and Rith. Recuperado el Octubre de 2012 de 22