{"id":15528,"date":"2017-10-31T08:00:31","date_gmt":"2017-10-31T07:00:31","guid":{"rendered":"http:\/\/192.168.20.3\/?p=15528"},"modified":"2024-12-12T13:53:47","modified_gmt":"2024-12-12T12:53:47","slug":"aplicaciones-sapui5-para-dispositivos-moviles","status":"publish","type":"post","link":"https:\/\/orekait.com\/es\/aplicaciones-sapui5-para-dispositivos-moviles\/","title":{"rendered":"Aplicaciones SAPUI5 para dispositivos m\u00f3viles
<\/span>"},"content":{"rendered":"

[et_pb_section fb_built=”1″ admin_label=”section” _builder_version=”4.25.2″ global_colors_info=”{}”][et_pb_row admin_label=”Imagen principal” _builder_version=”4.16″ background_size=”initial” background_position=”top_left” background_repeat=”repeat” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.16″ custom_padding=”|||” global_colors_info=”{}” custom_padding__hover=”|||”][et_pb_image src=”https:\/\/orekait.com\/wp-content\/uploads\/2017\/10\/mobile-1-scaled.jpg” alt=”cloud-public” title_text=”mobile-1″ admin_label=”Imagen principal” module_class=”post-img” _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=”Cuerpo” _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_column type=”4_4″ _builder_version=”4.25.2″ _module_preset=”default” global_colors_info=”{}”][et_pb_text content_last_edited=”off|desktop” admin_label=”Texto” _builder_version=”4.25.2″ header_2_font_size=”24px” header_3_font_size=”20px” header_4_font_size=”17px” background_size=”initial” background_position=”top_left” background_repeat=”repeat” width=”%22671%22″ height=”%22251%22″ global_colors_info=”{}” content__hover_enabled=”off|hover”]<\/p>\n

\n

Los desarrollos de\u00a0aplicaciones m\u00f3viles multiplataforma<\/strong>\u00a0suelen ser desarrollos largos y costosos. El motivo de ello es que es necesario desarrollar la misma\u00a0app<\/strong>\u00a0en los diferentes lenguajes nativos de cada plataforma: iOS, Android\u2026 En este art\u00edculo vamos a explicar c\u00f3mo poder evitar estos largos desarrollos para crear\u00a0aplicaciones SAPUI5 para dispositivos m\u00f3viles<\/strong>.<\/p>\n

En un art\u00edculo anterior os detall\u00e1bamos\u00a0qu\u00e9 es SAPUI5.<\/strong><\/a><\/p>\n

 <\/p>\n

Para solucionar este problema aparecieron\u00a0diferentes frameworks<\/strong>\u00a0que nos permiten desarrollar\u00a0aplicaciones h\u00edbridas.<\/strong>\u00a0Es decir, que desarrollando una aplicaci\u00f3n web podremos crear las diferentes\u00a0aplicaciones para cada plataforma<\/strong>, abaratando los costes y reduciendo el tiempo desarrollo. Algunas de estas herramientas son:\u00a0Apache Cordova<\/a>,\u00a0Adobe Phonegap<\/a>\u00a0o\u00a0Ionic<\/a>.<\/p>\n

Como he mencionado antes, de esta manera \u00fanicamente deberemos\u00a0desarrollar una aplicaci\u00f3n web<\/strong>. Posteriormente, utilizando el API proporcionado por estas herramientas obtendremos las\u00a0diferentes aplicaciones<\/strong>\u00a0dependiendo de las plataformas donde queramos desplegar la app para m\u00f3vil.<\/p>\n

Estos frameworks tambi\u00e9n nos proporcionan\u00a0diferentes plugins est\u00e1ndares<\/strong>\u00a0para poder acceder a los componentes de los dispositivos m\u00f3viles, por ejemplo: la c\u00e1mara, los contactos, la geolocalizaci\u00f3n o el aceler\u00f3metro. Tambi\u00e9n suelen disponer de una\u00a0librer\u00eda<\/strong>\u00a0con plugins desarrollados por terceros.<\/p>\n

\"\"<\/p>\n

 <\/p>\n

 <\/p>\n

Dado que\u00a0SAPUI5<\/strong>\u00a0es una librer\u00eda que utiliza tecnolog\u00edas est\u00e1ndar web, basada en HTLM5, CSS3 y JavaScript nos permitir\u00e1\u00a0desarrollar aplicaciones SAPUI5 para dispositivos m\u00f3viles<\/strong>, utilizando las herramientas anteriormente mencionadas.<\/p>\n

A continuaci\u00f3n, veremos un ejemplo de c\u00f3mo empezar un a trabajar con una de estas herramientas para generar una\u00a0aplicaci\u00f3n SAPUI5.<\/strong><\/p>\n

Para desarrollar nuestra\u00a0aplicaci\u00f3n SAPUI5 para dispositivos m\u00f3viles<\/strong>, necesitaremos instalar una serie de herramientas. Para este ejemplo utilizaremos\u00a0Apache Cordova<\/strong>.<\/p>\n

Pre-requisitos para el desarrollo de apliaciones SAPUI5 para dispositivos m\u00f3viles<\/strong><\/h2>\n

Antes de realizar instalaci\u00f3n de Cordova deberemos\u00a0instalar Node.js<\/strong>.<\/p>\n

Despu\u00e9s de completar la instalaci\u00f3n de Node.js, realizaremos la instalaci\u00f3n de Cordova con siguiente sentencia:<\/p>\n

npm install -g cordova<\/pre>\n
Desarrollo de una aplicaci\u00f3n SAPUI5 para dispositivos m\u00f3viles<\/strong><\/h2>\n
A continuaci\u00f3n, deberemos\u00a0crear un proyecto<\/strong>, utilizando el\u00a0comando\u00a0create<\/em><\/strong>.<\/p>\n
cordova create path [id [name [config]]] [options]<\/pre>\n
cordova create hello com.example.hello HelloWorld<\/pre>\n
Los siguientes pasos ser\u00e1n\u00a0a\u00f1adir las plataformas (Android, iOS, Windows\u2026)<\/strong>, en las que queramos distribuir nuestra aplicaci\u00f3n mediante el\u00a0comando\u00a0cordova platform add<\/em>.<\/strong><\/p>\n
Adem\u00e1s, con la sentencia\u00a0cordova plugin add,<\/em>\u00a0podremos a\u00f1adir los plugins que deseemos.<\/p>\n
La estructura de un proyecto, se divide en cinco carpetas:<\/p>\n