Aplicaciones Móviles

Sesión 2: Desarrollo de Web apps en smartphones

Contextualización

El desarrollo de aplicaciones hoy en día es muy importante, ya no sólo las empresas de

tecnología se dedican a esto, sino que también cualquier tipo de empresa o empresario

hace. Se cuentan con nuevos sistemas de consulta de saldo bancario a través de los

teléfonos, geo localización, servicios de búsqueda por medio de comandos de voz,

servicios de búsqueda especializados, entre otros más.

Para que el desarrollo de una aplicación se logre de manera exitosa se tienen que

alcanzar varias etapas en las cuales se puedan obtener resultados del funcionamiento de

éstas y los dispositivos en que son aplicados.

Imagen obtenida de: http://tecnimedios.com/blog/moviles/aplicaciones-moviles/

Introducción

Cada día nos encontramos con nuevas formas de tecnología y tendencias sobre éstas,

muchas veces se hacen sólo por competir y ganar mercados, otras para demostrar la

capacidad de la compañía que produce ciertos artículos, sea como sea, se tiene siempre

presente el desarrollo de aplicaciones Web que determinan la categoría de un teléfono

inteligente, es decir, si se le pueden agregar aplicaciones, conectarse a Internet y hacer

muchas cosas es un smartphone.

Cuando las aplicaciones no son bien desarrolladas pueden ocasionarse problemas en los

dispositivos, por lo que siempre se necesita del conocimiento de lo que se hace, las

librerías o archivos que se utilizan y el tipo de aplicación nativa a la que se quiere

asemejar, pues cuando no se tienen los objetivos bien definidos, lo que sucede es que no

se puede determinar cada parte de la app.

Imagen obtenida de: http://www.cioal.com/2013/04/17/gartner-el-50-de-las-aplicaciones-moviles-seran-hibridas-el-2016/

Desarrollo de Web apps en

Smartphones

El desarrollo de aplicaciones web y elementos útiles para los teléfonos inteligentes hoy

en día es muy común, pues este tipo de dispositivos se encuentra en cualquier lugar y

cualquier persona los utiliza, por lo que se generan varios elementos y tipos de

contenido para estos electrónicos. Es decir, hablando desde la perspectiva de la

mercadotecnia se tienen varios segmentos, los cuales son más difíciles de controlar,

pues los Smartphones se venden a cualquier persona sin importar su edad, religión,

posición económica o cualquier otra característica considerada en los estudios de

mercado específicos de producto, por lo que se deben generar gran cantidad de

contenidos y aplicaciones Web para así abarcar la mayor parte del segmento posible.

Imagen obtenida de: http://identidadgeek.com/redes-sociales-en-los-moviles/2013/07/

¿A qué se refiere una aplicación Web o Web app?

Una aplicación Web se refiere a un sistema, software, elemento de ejecución o cualquier

aplicación a la que se puede tener acceso desde un dispositivo móvil sin tener la

necesidad de instalarla para su uso, estas aplicaciones se encuentran en lo que

comúnmente se llama “la nube”, la cual es un servidor al que se puede acceder para

utilizar contenido exclusivo ofrecido por una compañía determinada, sin embargo al

tratarse de teléfonos inteligentes, esta nube debe cumplir con elementos de uso para las

diferentes plataformas, Android, iOS y Windows Phone.

Desarrollo de Web apps en

Smartphones

¿Qué importancia tienen estas aplicaciones en nuestra vida?

Muchas de estas aplicaciones Web para los teléfonos son muy importantes dentro de un

ámbito empresarial, pues se desarrollan con la finalidad de poder trabajar desde el

dispositivo portátil, no se requiere de una computadora portátil ni de otro elemento,

ofrece acceso rápido a comparación de una computadora, mayor seguridad por los filtros

anti suplantación, contraseñas y accesos privados que se tienen en el teléfono, entre

otros elementos que benefician el trabajo.

.

Imagen obtenida de: http://tecnologiaparapymes.es/veinte-aplicaciones-moviles-que-te-ayudan-en-tu-negocio/

Desarrollo de Web apps en

Smartphones

¿Es necesario adaptar las aplicaciones Web para los teléfonos inteligentes?

Debido a la evolución que han tenido los dispositivos como los teléfonos, fue necesario

crear nuevas opciones de desarrollo y compatibilidad para este tipo de medios, como se

ha mencionado, el sistema que se aplica en estos es HTML5, CSS3 y JavaScript, los

cuales presentan características particulares que se controlan desde un SmartPhone

para su correcta codificación.

Imagen obtenida de: http://tecnologiaparapymes.es/veinte-aplicaciones-moviles-que-te-ayudan-en-tu-negocio/

Desarrollo de Web apps en

Smartphones

¿Existen aplicaciones Web que puedan ser utilizadas por todos los SmartPhones?

Sí existen varias aplicaciones para los teléfonos inteligentes, las cuales se basan en un

estándar con el uso de HTML5, CSS3, JavaScript, Ajax, Joomla, SAP, XHTML, XML, etc.

Algunas de las aplicaciones son:

Google Docs.

Skydrive.

Hotmail.

Google Maps.

Redes sociales.

Comercio electrónico (lectura código QR).

Imagen obtenida de: http://www.tuexpertomovil.com/2010/12/23/como-deben-ser-las-aplicaciones-web-moviles/

Desarrollo de Web apps en

Smartphones

Librerías JavaScript para el

desarrollo de Web apps ¿Qué es JavaScript?

JavaScript es un lenguaje de programación que se utiliza para desarrollar elementos o

programas que funcionen dentro de una aplicación o página Web. Este lenguaje utiliza

varios elementos como efectos, imágenes, textos, entre otros. Sin embargo podemos

apreciar que éste no sólo se puede utilizar dentro de una aplicación Web.

Imagen obtenida de: http://ayudawordpress.com/insertar-javascript-en-wordpress/

¿Cuáles son las librerías más importantes de JavaScript que se utilizan en las Web

apps?

Algunas de las librerías más importantes y más utilizadas son:

jQuery.

jQuery UI.

jQuery easing.

jQuery Mobile.

Modernizr.

Handlebars.

Tipped.

Explorer Canvas.

Google Maps API.

Este tipo de librerías o elementos de desarrollo son utilizados para la creación de sitios

Web, aplicaciones Web y aplicaciones para Smartphone principalmente. Algunos sitios

que ocupan estos lenguajes son Wikipedia, WordPress, Hotmail, etc.

Imagen obtenida de:http://desmarcado.cl/que-es-javascript/

Librerías JavaScript para el

desarrollo de Web apps

¿Cómo podemos utilizar JavaScript?

JavaScript, puede ser utilizado como un complemento de páginas Web o desarrollo de

aplicaciones móviles, éste permite crear de cierta manera efectos especiales que ayuden

a la interactividad con el usuario, permitiendo la creación de contenidos dinámicos y

movimiento dentro de una página, cambios de color o cualquier otra cosa que se permita

dentro del lenguaje y sea soportado por el explorador o dispositivo.

Imagen obtenida de: http://www.maestrosdelweb.com/editorial/javascript-la-revolucion-del-front-end/

Librerías JavaScript para el

desarrollo de Web apps

Conversión de Web apps en

aplicaciones nativas

¿Qué es una aplicación Web?

Es un conjunto de elementos que se encuentran dentro de Internet a los cuales se puede

tener acceso por medio de un teléfono inteligente o un dispositivo móvil con capacidad de

acceder a la red. Estas aplicaciones sólo se encuentran disponibles en línea y funcionan

por medio de bases de datos, servidores, contratación de servicios de una “nube”, etc.

Éstos sólo se pueden utilizar con una conexión estable a Internet.

Imagen obtenida de: http://www.metaltoad.com/services/phonegap-application-development

¿Qué es una aplicación nativa?

Es un software que se utiliza en los teléfonos inteligentes, los cuales tienen como

propósito explotar al máximo el potencial del dispositivo. Funcionan por el uso de las

tecnologías más recientes dentro de sus líneas de código, este tipo de aplicaciones

requiere de la instalación de los elementos dentro del Smartphone, para así poder

disponer de ellos en el momento que se requiera.

Imagen obtenida de: http://ayudawordpress.com/convierte-wordpress-en-una-aplicacion-nativa-para-iphone/

Conversión de Web apps en

aplicaciones nativas

¿Cómo podemos convertir una aplicación Web a una aplicación nativa?

La forma en que se pueden convertir las aplicaciones y disponer de éstas en

cualquier momento es mediante el uso de un sistema o aplicación llamado

PhoneGap, éste puede ser aplicado mediante Adobe Dreamweaver con el

uso de jQuery, el cual ayuda a empaquetar la información de la aplicación Web

para ser implementada en dispositivos basados en Android e iOS.

Imagen obtenida de http://www.phonegapspain.com/acerca-de/

Conversión de Web apps en

aplicaciones nativas

Conclusión

Las aplicaciones web como las nativas, actualmente son muy importantes, pues

con éstas se realizan varias cosas, comunicarse con otras personas, consultar

información de enciclopedias, conocer otras partes del mundo, entretenerse con

videos, aprender de tutoriales, etc.

Muchas veces se tiene la opción de agregar las aplicaciones a los dispositivos

móviles como los teléfonos inteligentes, para así poder disponer de la

información o el software siempre que se necesite sin tener que acceder a

Internet, pues en muchos lugares se dificulta que la señal del servicio sea

buena interrumpiendo el envío y recepción de mensajes entre el usuario y el

servidor.

Referencias

Adobe. Empaquetado de aplicaciones Web. Consultado en:

http://help.adobe.com/es_ES/dreamweaver/cs/using/WSeffff8bffc80208478c8d43312e240fe0ad-

8000.html

Álvarez M. (2001) Introducción meramente conceptual al potente lenguaje de script del lado del cliente.

Consultado en: http://www.desarrolloweb.com/articulos/25.php

Álvarez M. (2011) Presentación de Modernizr. Consultado en:

http://www.desarrolloweb.com/articulos/presentacion-modernizr.html

Amarello (2013). Desarrollo de aplicaciones Web Móviles. Consultado en:

http://www.amarello.com.mx/servicios/desarrollo-aplicaciones-moviles

Belial (2012). Desarrollo de aplicaciones para Smartphones. Consultado en:

http://jagonzalez.org/desarrollo-de-aplicaciones-para-smartphones/#.UmAdNJRaZ4I

Big Eye Marketing (2012). Nuevas tendencias en Apps para Smartphones en el 2012. Consultado en:

http://www.bigeyemarketing.com/blog/nuevas-tendencias-en-apps-para-smartphones-en-el-2012/

Briseño E. (2012) 6 librerías JavaScript útiles para desarrolladores. Consultado en:

http://bitelia.com/2012/03/6-librerias-javascript-utiles-para-desarrolladores

Doncel M. (2013). Desarrollo de aplicaciones multiplataforma. Consultado en:

http://www.startcapps.com/blog/desarrollo-de-aplicaciones-multiplataforma/

Referencias

Doncel M. (2013). ¿Qué es una app nativa? Consultado en: http://www.startcapps.com/blog/que-es-una-

app-nativa/

EX^2. (s.f.) PhoneGap o cómo convertir HTML5 a aplicaciones móviles. Consultado en: http://extrema-

sistemas.tumblr.com/post/12280756134/phonegap-o-como-convertir-html5-a-aplicaciones

Google Developers (2013) Presentación de Modernizr. Consultado en:

https://developers.google.com/maps/documentation/javascript/?hl=es

Fundacion jQuery. (2013) jQuery mobile 1.4.0 Beta. Consultado en: http://jquerymobile.com/

Quintano E. (2013). Desarrollo de aplicaciones para Smartphones. Consultado en:

http://html5spain.wordpress.com/2012/05/03/desarrollo-de-aplicaciones-web-moviles-i/

S/a. (s.f.) Handlebars. Consultado en: http://handlebarsjs.com/

S/a. (s.f). jQuery UI. Consultado en: http://jqueryui.com/

S/a. (s.f.) ¿Qué es jQuery? Consultado en: http://jquery.com/

Sitnik A. (s.f.) La función easing. Consultado en: http://easings.net/es

Solís C. (s.f.) ¿Cuándo usar PhoneGap? Consultado en: http://revolucion.mobi/2012/10/23/cuando-usar-

phonegap/Sur On Line. (2013) ¿Qué es una aplicación Web. Consultado en:

http://www.suronline.net/nuevo_sitio/beneficios-funcionamiento-aplicaciones-web.asp

Zamora J. (2012) 8 librerías para JavaScript obligatorias. Consultado en: http://blog.jonaszamora.es/8-

librerias-para-javascript-obligatorias/

Sur On Line.(2013). Que es una aplicación Web. Consultado en 17 octubre de 2013 en:

http://www.suronline.net/nuevo_sitio/beneficios-funcionamiento-aplicaciones-web.asp

Adobe. Empaquetado de aplicaciones Web. Consultado en 17 octubre de 2013 en:

http://help.adobe.com/es_ES/dreamweaver/cs/using/WSeffff8bffc80208478c8d43312e24

0fe0ad-8000.html

EX^2. PhoneGap o como convertir HTML5 a aplicaciones móviles. Consultado en 17

octubre de 2013 en: http://blog.extrema-sistemas.com/2011/12/10/phonegap-o-como-

convertir-html5-a-aplicaciones-moviles-3/

Solís C. ¿Cuándo usar PhoneGap?. Consultado en 17 octubre de 2013 en:

http://revolucion.mobi/2012/10/23/cuando-usar-phonegap/