{"id":69,"date":"2014-09-28T20:47:29","date_gmt":"2014-09-28T20:47:29","guid":{"rendered":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/?p=69"},"modified":"2014-10-07T08:47:31","modified_gmt":"2014-10-07T08:47:31","slug":"app-hibrida-o-nativa","status":"publish","type":"post","link":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/ca\/2014\/09\/28\/app-hibrida-o-nativa\/","title":{"rendered":"App H\u00edbrida o Nativa"},"content":{"rendered":"

Abans de comen\u00e7ar a implementar una idea de negoci en una aplicaci\u00f3 per a dispositius m\u00f2bils, sempre apareix l\u2019eterna pregunta de si ha de ser nativa, h\u00edbrida o webApp<\/strong>.<\/p>\n

En qualsevol cas, abans de la implementaci\u00f3, deixeu-me posar l\u2019accent en el concepte mobile first<\/em><\/strong>, que es refereix al fet que el disseny d\u2019una web s\u2019ha de pensar primer per a m\u00f2bils i, posteriorment, s\u2019adapta a resolucions m\u00e9s grans; aix\u00ed mateix, resulta indispensable que sigui disseny web adaptatiu (responsive web design<\/em><\/a>).<\/p>\n

\"app<\/a><\/p>\n

Una vegada decidit el disseny de l\u2019app, hem d\u2019analitzar la millor estrat\u00e8gia. Disposem de l\u2019opci\u00f3 de webApp, que no hauria de ser considerada una aplicaci\u00f3, ja que s\u2019executa des d\u2019un navegador instal\u00b7lat en el mateix dispositiu m\u00f2bil en format HTML5<\/a>, CSS3 <\/a>amb disseny web adaptatiu (responsive web design<\/em>).<\/p>\n

Si realment volem realitzar una aplicaci\u00f3, apareixer\u00e0 el paradigma de nativa o h\u00edbrida. Haurem d\u2019analitzar diferents factors que influiran en aquesta decisi\u00f3 i ens haurem de plantejar preguntes:<\/p>\n

A quants sistemes operatius ha de donar suport la nostra app?<\/p>\n

\u00c9s gaire rellevant l\u2019experi\u00e8ncia d\u2019usuari en l\u2019execuci\u00f3 de la nostra app?<\/p>\n

S\u2019accedeix a biblioteques externes, com per exemple esc\u00e0ner de codi de barres?<\/p>\n

De quin pressupost disposem?<\/p>\n

Sota el meu punt de vista, sempre que disposem d\u2019un pressupost que ens permeti el desenvolupament natiu de l\u2019aplicaci\u00f3, sense cap dubte, aquesta \u00e9s la meva opci\u00f3 preferida.<\/p>\n

Tenim a favor que l\u2019experi\u00e8ncia d\u2019usuari ser\u00e0 adequada al dispositiu, un rendiment m\u00e9s elevat de l\u2019aplicaci\u00f3, no tindrem cap depend\u00e8ncia amb el framework<\/em> i sempre ser\u00e0 m\u00e9s f\u00e0cil integrar-hi biblioteques externes.<\/p>\n

En contra seva tenim que requereix un manteniment de l\u2019aplicaci\u00f3 per a futures ampliacions o correcci\u00f3 d\u2019errors.<\/p>\n

L\u2019altra opci\u00f3 possible \u00e9s l\u2019app h\u00edbrida (cross-plaftorm<\/em><\/a>), que utilitza frameworks<\/em> que ofereixen la possibilitat d\u2019implementar codi centralitzat i disposar d\u2019una app per als principals sistemes operatius.<\/p>\n

Els principals frameworks<\/em> per a implementar aplicacions h\u00edbrides s\u00f3n:<\/p>\n

Apache Cordova PhoneGap<\/a>: \u00e9s una popular plataforma open source<\/em>.<\/p>\n

Titanium<\/a>: \u00e9s framework<\/em> comercial de l\u2019empresa Appcelerator.<\/p>\n

Corona Labs<\/a>: \u00e9s un framework<\/em> comercial.<\/p>\n

Sencha<\/a>: framework<\/em> comercial.<\/p>\n

Adobe Air<\/a>: framework<\/em> comercial de l\u2019empresa.<\/p>\n

 <\/p>\n

Enlla\u00e7os de refer\u00e8ncia<\/strong><\/p>\n

https:\/\/www.youtube.com\/watch?v=ni6xhl7LwxY<\/a><\/p>\n

http:\/\/blogthinkbig.com\/aplicaciones-web-nativas-hibridas\/<\/a><\/p>\n

http:\/\/www.pixmatstudios.com\/blog\/aplicaciones-moviles-nativo-web-hibrido\/#.U8BRNrHCda0<\/a><\/p>\n

Font de la imatge<\/strong>:<\/p>\n

http:\/\/www.samueldiosdado.com\/10\/el-concepto-de-mobile-first\/<\/a><\/p>","protected":false},"excerpt":{"rendered":"

Abans de comen\u00e7ar a implementar una idea de negoci en una aplicaci\u00f3 per a dispositius m\u00f2bils, sempre apareix l\u2019eterna pregunta de si ha de ser nativa, h\u00edbrida o webApp. En qualsevol cas, abans de la implementaci\u00f3, deixeu-me posar l\u2019accent en el concepte mobile first, que es refereix al fet que el disseny d\u2019una web s\u2019ha … <\/p>\n

Continue reading “App H\u00edbrida o Nativa”<\/span><\/a><\/p>\n","protected":false},"author":73,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7,6],"tags":[],"class_list":["post-69","post","type-post","status-publish","format-standard","hentry","category-desarrollo-de-apps","category-plan-de-negocio","entry"],"_links":{"self":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/ca\/wp-json\/wp\/v2\/posts\/69","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/ca\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/ca\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/ca\/wp-json\/wp\/v2\/users\/73"}],"replies":[{"embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/ca\/wp-json\/wp\/v2\/comments?post=69"}],"version-history":[{"count":6,"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/ca\/wp-json\/wp\/v2\/posts\/69\/revisions"}],"predecessor-version":[{"id":172,"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/ca\/wp-json\/wp\/v2\/posts\/69\/revisions\/172"}],"wp:attachment":[{"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/ca\/wp-json\/wp\/v2\/media?parent=69"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/ca\/wp-json\/wp\/v2\/categories?post=69"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/multimedia.uoc.edu\/blogs\/tamm\/ca\/wp-json\/wp\/v2\/tags?post=69"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}