{"id":7130,"date":"2014-08-22T14:50:44","date_gmt":"2014-08-22T12:50:44","guid":{"rendered":"http:\/\/www.palentino.es\/blog\/?p=7130"},"modified":"2014-08-22T16:25:37","modified_gmt":"2014-08-22T14:25:37","slug":"frameworks-de-desarrollo-para-moviles","status":"publish","type":"post","link":"https:\/\/www.palentino.es\/blog\/frameworks-de-desarrollo-para-moviles\/","title":{"rendered":"Frameworks de desarrollo para m\u00f3viles + #infografia"},"content":{"rendered":"

En el mundo de desarrollo de aplicaciones para dispositivos m\u00f3viles existen diversas soluciones. Aunque algunos programadores\u00a0tienen sus preferencias y aseguran que determinados IDEs son los mejores, la experiencia determina que,\u00a0el mejor entorno es aquel en el que nos encontremos m\u00e1s seguros y desarrollemos con mayor agilidad y menor tiempo<\/strong>.<\/p>\n

Por lo tanto la elecci\u00f3n del IDE y\/o Framework de trabajo\u00a0<\/strong>\u00a0para desarrollar depender\u00e1 de nuestras preferencias y plataforma destino.<\/p>\n

El mercado\u00a0de los smartphones y tablets actualmente se encuentra gobernado por los tres\u00a0grandes:
\nAndroid, iOS y Windows Phone<\/strong>.<\/p>\n

Bajo estos escenarios generalmente se trabaja con un IDE de desarrollo para generar proyectos en cada plataforma de forma nativa<\/strong>. Es decir, en su propio entorno de controles, funciones y APIs.<\/p>\n

<\/p>\n

\"Frameworks-para-dispositivos-moviles-infografia\"<\/a><\/p>\n

 <\/p>\n

Destacan principalmente los IDES\u00a0sobre Android<\/strong> para el desarrollo nativo:<\/p>\n

Elipse <\/a>+ ADT plugin <\/a>con el SDK de Android<\/a>.<\/p>\n

Netbeans <\/a>+ SDK de Android<\/p>\n

Android Studio<\/a> basado en IntelliJ IDEA<\/p>\n

Visual Basic For Android<\/a>, Basic4Android<\/p>\n

\n

Para del desarrollo de aplicaciones de Apple<\/strong> destino nativo iOS el IDE es:<\/p>\n

Xcode<\/a><\/p>\n

\n

El desarrollo de aplicaciones Windows Phone sobre Windows<\/strong><\/p>\n

El conocido Visual Studio de Microsoft<\/a>. (diferentes versiones gratuitas o de pago).<\/p>\n

Microsoft Project Siena.<\/a><\/p>\n

\n

 <\/p>\n

Hasta aqu\u00ed, es una cuesti\u00f3n de pol\u00edtica por parte de la empresa de desarrollo o programador la elecci\u00f3n del IDE y tecnolog\u00eda.<\/p>\n

Pero cada vez, en el mundo de los proyectos m\u00f3viles, necesitamos mayor cobertura, emplear menos tiempo, simplificar el costo y esfuerzo en el desarrollo<\/strong>, llegar a m\u00e1s plataformas en menos tiempo. Es decir, ser\u00eda ideal desarrollar no pensando en el dispositivo, y todo ello en un mismo IDE o entorno de desarrollo. Nos permitir\u00e1 ahorrar horas de esfuerzo y aprendizaje para lograr los\u00a0objetivos marcados<\/strong>. Eliminando los problemas de las diversas plataformas.<\/p>\n

Para ello existen los Frameworks de plataforma cruzada<\/strong>.<\/p>\n

Aunque parezca mentira, existen multitud<\/strong> de ellos, con una salvedad. Muchos trabajan generando instaladores de empaquetado para diversas plataformas con PhoneGap \/ Cordova.<\/strong><\/p>\n

Por lo que el resultado de la compilaci\u00f3n y desarrollo es c\u00f3digo HTML5<\/span>, junto con Javascript y CSS3<\/span><\/strong>.
\nPero es necesario destacar que no todos los frameworks cruzados<\/strong> generan HTML5 como lenguaje com\u00fan destino para la plataforma desplegada.<\/p>\n

Antes de pasar a comentar los frameworks cruzados m\u00e1s importantes, me gustar\u00eda hablar algo sobre el anteriormente mencionado Cordova\/Phonegap<\/strong>.<\/p>\n

PhoneGap permite a los programadores desarrollar aplicaciones para dispositivos m\u00f3viles utilizando herramientas gen\u00e9ricas tales como\u00a0JavaScript,\u00a0HTML5\u00a0y\u00a0CSS3<\/strong>.<\/p>\n

Existe una peque\u00f1a confusi\u00f3n entre lo que es PhoneGap y Apache Cordova<\/strong>. La empresa Nitobi desarrollo el proyecto PhoneGap en el 2008. Fue tan grande el \u00e9xito que Adobe lo compr\u00f3. Entonces desde ese momento la Fundaci\u00f3n Apache<\/strong> sigui\u00f3 controlando el proyecto PhoneGap y Adobe<\/strong> decidi\u00f3\u00a0hacer negocio creando un producto comercial denominado PhoneGap Build para la Cloud<\/strong> que emplea PhoneGap para crear empaquetados de aplicaciones para las 3 plataformas con m\u00e1s difusi\u00f3n, Android, iOs y Windows Phone. La distribuci\u00f3n de aplicaciones PhoneGap Build posibilita lecturas de c\u00f3digo QR y simplicidad de generacion de instaladores desde herramientas como Dreamweaver CS6 \u00f3 CC.<\/p>\n

Por lo tanto es preciso hablar de PhoneGap\u00a0<\/a>\u00a0en los frameworks cruzados que lo emplean\u00a0y no de PhoneGap Build<\/a><\/strong>.
\nPhoneGap es una distribuci\u00f3n libre de Apache Cordova que se puede utilizar sin problemas en proyectos comerciales.<\/p>\n

Las aplicaciones resultantes \u00a0con Phonegap \/Cordova son h\u00edbridas, es decir que no son realmente aplicaciones nativas al dispositivo, pero no se tratan tampoco de aplicaciones web (teniendo en cuenta que son aplicaciones que son empaquetadas para poder ser desplegadas en el dispositivo incluso trabajando con el API del sistema nativo).<\/p>\n

Una vez aclarado lo que es PhoneGap, me gustar\u00eda resaltar que muchos Frameworks de desarrollo Cruzado o Cross Platform frameworks usan la librer\u00eda PhoneGap (repito la no comercial de Adobe). Tambi\u00e9n es necesario se\u00f1alar que muchos frameworks cruzados no emplean HTML5 y se desarrolla en modo \u201cnativo\u201d, para cada dispositivo permitiendo aprovechar el proyecto para compilar en otras plataformas.<\/p>\n

Los siguientes frameworks cruzados que emplean phoneGap para el empaquetado y que he incluido \u00a0(si existen m\u00e1s, por favor, comentar, \u00a0entre todos podemos ampliar la entrada) son:<\/p>\n

Se puede hacer clic sobre cada uno de ellos para ir a la web del producto.<\/p>\n

Con PHONEGAP\/CORDOVA, tecnolog\u00edas HTML5 y CSS3<\/strong><\/span><\/p>\n

Emy<\/strong> (Destinos Android, iOS, Phone).
\nhttp:\/\/www.emy-library.org\/about-emy.html<\/a><\/p>\n

Enyo<\/strong> (Destinos Android, iOS, Phone).
\nhttp:\/\/enyojs.com\/<\/a><\/p>\n

Famo.us<\/strong> (Destinos Android, iOS, Phone).
\nhttp:\/\/famo.us\/<\/a><\/p>\n

Intel App Framework<\/strong> (Destinos Android, iOS, Phone).
\nhttp:\/\/app-framework-software.intel.com\/<\/a><\/p>\n

Ionic<\/strong> (Destinos Android, iOS).
\nhttp:\/\/ionicframework.com\/<\/a><\/p>\n

JQTouch<\/strong> (Destinos Android, iOS).
\nhttp:\/\/jqtjs.com\/<\/a><\/p>\n

JQuery Mobile<\/strong> (Destinos Android, iOS, Phone).
\nhttp:\/\/jquerymobile.com\/<\/a><\/p>\n

Kendo UI<\/strong> (Destinos Android, iOS, Phone).
\nhttp:\/\/www.telerik.com\/kendo-ui<\/a><\/p>\n

Lavaca<\/strong> (Destinos Android, iOS).
\nhttp:\/\/getlavaca.com\/#\/#@0<\/a><\/p>\n

Lungo<\/strong> (Destinos Android, iOS).
\nhttp:\/\/lungo.tapquo.com\/<\/a><\/p>\n

Mgwt<\/strong> (Destinos Android, iOS).
\nhttp:\/\/www.m-gwt.com\/<\/a><\/p>\n

PhoneJS<\/strong> (Destinos Android, iOS, Phone).
\nhttp:\/\/www.codeproject.com\/Articles\/633706\/PhoneJS-HTML-JavaScript-Mobile-Development-Framew<\/a><\/p>\n

Sencha Touch<\/strong> (Destinos Android, iOS, Phone).
\nhttp:\/\/www.sencha.com\/products\/touch<\/a><\/p>\n

 <\/p>\n

\n

Por otro lado aquellos que no emplean PhoneGAP,<\/strong><\/p>\n

Modo nativo<\/strong><\/span><\/p>\n

Xamarin<\/strong> (Destinos Android, iOS, Phone).
\nhttp:\/\/xamarin.com\/<\/a><\/p>\n

Titanium<\/strong> (Destinos Android, iOS).
\nhttp:\/\/www.appcelerator.com\/titanium\/<\/a><\/p>\n

Air<\/strong> (Destinos Android).
\nhttp:\/\/www.adobe.com\/devnet\/air.html<\/a><\/p>\n

Delphi<\/strong> (Destinos Android).
\nhttps:\/\/www.embarcadero.com\/es\/products\/delphi<\/a><\/p>\n

NeoMad<\/strong> (Destinos Android, iOS).
\nhttp:\/\/neomades.com\/es\/caracteristicas\/<\/a><\/p>\n

RhoMobile<\/strong> (Destinos Android, iOS).
\nhttp:\/\/rhomobile.com\/<\/a><\/p>\n

 <\/p>\n

Para finalizar:<\/strong><\/span><\/p>\n

Dejo un enlace con en GitHub<\/strong>\u00a0con un proyecto ejemplo para cada uno de los frameworks mencionados, licencia MIT<\/strong>.
\nSe puede realizar un estudio y ver su funcionamiento.<\/p>\n

https:\/\/github.com\/tastejs\/PropertyCross\/<\/a><\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

En el mundo de desarrollo de aplicaciones para dispositivos m\u00f3viles existen diversas soluciones. Aunque algunos programadores\u00a0tienen sus preferencias y aseguran que determinados IDEs son los mejores, la experiencia determina que,\u00a0el mejor entorno es aquel en el que nos encontremos m\u00e1s seguros y desarrollemos con mayor agilidad y menor tiempo. Por lo tanto la elecci\u00f3n del IDE y\/o Framework de trabajo\u00a0\u00a0para desarrollar depender\u00e1 de nuestras preferencias y plataforma destino. El mercado\u00a0de los smartphones y tablets actualmente se encuentra gobernado por los tres\u00a0grandes: Android, iOS y Windows Phone. Bajo estos escenarios generalmente se trabaja con un IDE de desarrollo para generar proyectos en cada plataforma de forma nativa. Es decir, en su propio entorno de controles, funciones y APIs.<\/p>\n","protected":false},"author":1,"featured_media":7132,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[340,411,446,579,102,339,5],"tags":[689,570,540],"class_list":["post-7130","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-android","category-apple","category-html5","category-infografia-2","category-microsoft","category-moviles","category-programacion","tag-frameworks","tag-infografia","tag-moviles-2"],"_links":{"self":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts\/7130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/comments?post=7130"}],"version-history":[{"count":16,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts\/7130\/revisions"}],"predecessor-version":[{"id":7148,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/posts\/7130\/revisions\/7148"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/media\/7132"}],"wp:attachment":[{"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/media?parent=7130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/categories?post=7130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.palentino.es\/blog\/wp-json\/wp\/v2\/tags?post=7130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}