{"id":1787,"date":"2018-07-19T12:34:33","date_gmt":"2018-07-19T12:34:33","guid":{"rendered":"https:\/\/www.eaprende.com\/blog\/?p=1787"},"modified":"2022-06-18T13:42:59","modified_gmt":"2022-06-18T13:42:59","slug":"phonegap","status":"publish","type":"post","link":"https:\/\/www.eaprende.com\/blog\/2018\/07\/19\/phonegap\/","title":{"rendered":"Phonegap"},"content":{"rendered":"<h1 style=\"text-align: center;\">Phonegap<\/h1>\n<blockquote><p>Al d\u00eda de hoy (01\/01\/2021) este proyecto est\u00e1 descontinuado. <a href=\"https:\/\/wwwhatsnew.com\/2020\/08\/14\/adobe-descontinuara-phonegap-su-plataforma-de-desarrollo-de-apps\/\" target=\"_blank\" rel=\"noopener\">Aviso<\/a><\/p><\/blockquote>\n<p>Te imaginas crear una aplicaci\u00f3n nativa utilizando tecnolog\u00edas \u201csencillas\u201d como son HTML, CSS y JavaScript?, y que esta aplicaci\u00f3n pueda ser disponibilizada al ciento por ciento en Google Play o incluso en Apple Store. <strong>Esto es posible con Phonegap.<\/strong><\/p>\n<p><a href=\"https:\/\/www.eaprende.com\/blog\/wp-content\/uploads\/2018\/07\/phone1.png\"><img decoding=\"async\" loading=\"lazy\" class=\"size-full wp-image-1788 aligncenter\" src=\"https:\/\/www.eaprende.com\/blog\/wp-content\/uploads\/2018\/07\/phone1.png\" alt=\"\" width=\"679\" height=\"399\" srcset=\"https:\/\/www.eaprende.com\/blog\/wp-content\/uploads\/2018\/07\/phone1.png 679w, https:\/\/www.eaprende.com\/blog\/wp-content\/uploads\/2018\/07\/phone1-300x176.png 300w\" sizes=\"(max-width: 679px) 100vw, 679px\" \/><\/a><\/p>\n<p><strong>Phonegap<\/strong> se cre\u00f3 all\u00e1 por el 2009 por la empresa Nitobi, actualmente perteneciente a Adobe Systems, por definici\u00f3n es un framework para el desarrollo de aplicaciones para dispositivos m\u00f3viles. La versi\u00f3n del tipo \u201cc\u00f3digo abierto\u201d del mismo es el proyecto Apache Cordova.<\/p>\n<p>Permite \u201cempaquetar\u201d una aplicaci\u00f3n realizada con tecnolog\u00edas relativamente sencillas como son: HTML5, CSS3, y frameworks JavaScript (Jquery, Bootstrap, Ionic, etc.) en un paquete apk, que posteriormente se puede levantar a Google Play como una app nativa.<\/p>\n<p>No es una tecnolog\u00eda nueva, de hecho particularmente lo llevo utilizando hace bastante tiempo generando aplicaciones ciento por ciento funcionales e instalables desde la Play store de Google sin ning\u00fan inconveniente.<\/p>\n<blockquote><p>Algunos ejemplos de aplicaciones:<\/p><\/blockquote>\n<ul>\n<li><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.LEGISapp.py&amp;hl=es\" target=\"_blank\" rel=\"noopener\">LEGISAPP<\/a><\/li>\n<li><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.asistenciaspy\" target=\"_blank\" rel=\"noopener\">Arandu<\/a><\/li>\n<li><a href=\"https:\/\/play.google.com\/store\/apps\/details?id=com.miconsultorio\" target=\"_blank\" rel=\"noopener\">MiConsultorio<\/a><\/li>\n<\/ul>\n<h3 style=\"text-align: center;\">\u00bfC\u00f3mo empiezo?<\/h3>\n<p>B\u00e1sicamente tenemos que tener en cuenta caracter\u00edsticas b\u00e1sica de dise\u00f1o de una aplicaci\u00f3n normal, podr\u00edamos recurrir a \u201cmaterial design\u201d que son recomendaciones de dise\u00f1o para aplicaciones Android (tener en cuenta principalmente el modelo Shell app).<\/p>\n<p>De entre las principales caracter\u00edsticas recomendadas destacamos lo referente a que las primeras p\u00e1ginas deben ser livianas y accesibles r\u00e1pidamente por el usuario final, incluso con contenido est\u00e1tico como primera muestra de que la aplicaci\u00f3n est\u00e1 funcionando, luego debemos cargar la informaci\u00f3n actualizada desde nuestros servidores, utilizando para ello los webservice (API) en formato JSON (Rest) que deben estar disponibles en nuestro servidor de datos.<\/p>\n<p>Estos webservice se crean a partir de la informaci\u00f3n din\u00e1mica que queremos presentar en nuestra aplicaci\u00f3n, el cual podr\u00edas generar con PHP y MySQL, por citar un par de tecnolog\u00edas importantes.<\/p>\n<p>Referencias<\/p>\n<ul>\n<li><a href=\"https:\/\/developer.android.com\/design\/material\/?hl=es-419\" target=\"_blank\" rel=\"noopener\">MATERIAL DESIGN<\/a><\/li>\n<li><a href=\"https:\/\/cordova.apache.org\/docs\/es\/latest\/guide\/platforms\/win8\/\" target=\"_blank\" rel=\"noopener\">Instalar Apache Cordova en Windows<\/a><\/li>\n<li>O bien puedes recurrir al empaquetador <a href=\"https:\/\/build.phonegap.com\/\">online de Adobe<\/a><br \/>\nEn el que previa suscripci\u00f3n, gratuita, puedes empaquetar c\u00f3modamente una aplicaci\u00f3n por vez.<\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/fundamentals\/architecture\/app-shell?hl=es\" target=\"_blank\" rel=\"noopener\">Modelo Shell<\/a>\u00a0Este art\u00edculo en particular apunta a las web progresivas pero se desprende de las caracter\u00edsticas de una app.<\/li>\n<li><a href=\"https:\/\/www.paradigmadigital.com\/dev\/definir-prototipar-api-rest\/\" target=\"_blank\" rel=\"noopener\">API REST JSON<\/a><\/li>\n<li><a href=\"https:\/\/es.wikipedia.org\/wiki\/Apache_Cordova\" target=\"_blank\" rel=\"noopener\">Apache Cordova<\/a><\/li>\n<\/ul>\n<h3 style=\"text-align: center;\">\u00bfQu\u00e9 puedo hacer?<\/h3>\n<p>Pr\u00e1cticamente cualquier cosa que tengas en mente, incluso manipular el hardware y software del celular utilizando para ello, seg\u00fan mi experiencia, los plugins especiales que se pueden embeber seg\u00fan cada necesidad.<br \/>\nCon estos puedes lograr el manejo de: la lista de contactos, control de bater\u00eda, control de la conexi\u00f3n wifi, la c\u00e1mara, el sonido, el bluetooth, notificaci\u00f3n push, geolocalizaci\u00f3n, etc.; es sorprendente todo lo que se puede hacer con estos plugin nada que envidiar a una aplicaci\u00f3n nativa.<\/p>\n<blockquote><p>\u00bfY en qu\u00e9 se diferencia con una aplicaci\u00f3n ciento por ciento nativa?<\/p><\/blockquote>\n<p>Seg\u00fan \u201cexpertos\u201d la diferencia est\u00e1 en la velocidad, particularmente nunca tuve ning\u00fan problema con este tipo de aplicaciones, ni siquiera es perceptible el tema tan criticado como la velocidad, pero tener clientes satisfechos es el principal objetivo, y con esto se logra! Ahora bien, ciertas funciones muy especiales y espec\u00edficas a nivel hardware y\/o software puede quiz\u00e1s que funcionen mejor manipul\u00e1ndolas con aplicaciones nativas, pero todav\u00eda no tuve esa necesidad.<\/p>\n<h4>Errores comunes<\/h4>\n<p>Al ser desarrolladas con tecnolog\u00edas \u201cmuy web\u201d solemos cometer el error de tratar de desarrollarlas aun con caracter\u00edsticas, tanto en dise\u00f1o como en la navegabilidad e incluso en la experiencia de usuario, como si de una web se tratase.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Te imaginas crear una aplicaci\u00f3n nativa utilizando tecnolog\u00edas \u201csencillas\u201d como son HTML, CSS y JavaScript?, y que esta aplicaci\u00f3n pueda ser disponibilizada al ciento por ciento en Google Play o incluso en Apple Store. Esto es posible con Phonegap.<\/p>\n","protected":false},"author":1,"featured_media":1789,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[39,56],"tags":[57],"_links":{"self":[{"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/posts\/1787"}],"collection":[{"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/comments?post=1787"}],"version-history":[{"count":13,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/posts\/1787\/revisions"}],"predecessor-version":[{"id":2950,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/posts\/1787\/revisions\/2950"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/media\/1789"}],"wp:attachment":[{"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/media?parent=1787"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/categories?post=1787"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.eaprende.com\/blog\/wp-json\/wp\/v2\/tags?post=1787"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}