AMWA02 Lectura

Aplicaciones Móviles Web Apss
APLICACIONES MÓVILES WEB APSS 1
Sesión No. 2
Nombre: 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.
Muchas veces existen limitaciones importantes, como la capacidad de los

teléfonos o los sistemas en que se desarrollan las aplicaciones creando
exclusividad sólo para cierto tipo de dispositivos.
¿Es el desarrollo de aplicaciones Web el futuro para la comunicación?

Introducción al Tema
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.
Recordemos que la evolución de los medios electrónicos también alcanza a los

sistemas que se desarrollan con base en la programación, por lo que siempre se
considera que las nuevas Web apps deben ser más poderosas con
representaciones gráficas de más calidad, lo que no siempre es compatible con
Smartphone de generaciones anteriores, la importancia de conocer los sistemas
en que se desarrollan sirven para saber buscar una solución y no quedar en una
tendencia que sólo se determina por el consumismo, sino que se dirija a la
funcionalidad.
Explicación
Desarrollo de Web apps para 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.
El desarrollo de aplicaciones Web para teléfonos inteligentes se basa en códigos

HTML5, CSS3 y JavaScript, los cuales se utilizan como medio de compatibilidad
en los exploradores de los dispositivos, la diferencia que tienen estos códigos
con los comúnmente aplicados dentro de una computadora convencional, son el
uso de elementos optimizados y de sentencias reducidas para logar que no se
consuma con una gran cantidad de recursos del dispositivo.
¿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.
¿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.
Algo muy importante que se considera dentro de un ámbito empresarial con el

uso de aplicaciones para los teléfonos inteligentes, es el fácil acceso que pueden
tener los usuarios o clientes de una compañía determinada. Por ejemplo, los
clientes de un banco ya no tienen que pasar el día formados para obtener
información sobre sus estados de cuenta, hacer alguna transferencia o conocer
lo que se ofrece en la sucursal. Se tiene acceso desde un Smartphone a las
aplicaciones del banco, sólo se requiere de un usuario y contraseña, desde este
punto se pueden hacer transacciones bancarias o conocer cualquier información
sin necesidad de presentarse físicamente en el establecimiento.
La importancia que toman estas aplicaciones en la vida cotidiana de un

estudiante, un maestro o padre de familia, por decir algunos, es la facilidad de
comunicación que presentarán éstos con sus amigos o conocidos, la forma de
buscar trabajo o una dirección dentro de cualquier calle desconocida, las
aplicaciones Web que se desarrollan para los teléfonos inteligentes ayudan a
mejorar algunas situaciones de la vida cotidiana, muchas de las cuales son
desconocidas para la mayoría de las personas, de esta forma se permite el no
quedar “estancado” en un sólo lugar deseando conocer más.
¿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.
Sin embargo fuera de los lenguajes de programación comunes que se utilizan,

se tiene cierta incompatibilidad entre unos dispositivos y otros, por ejemplo,
muchas aplicaciones se desarrollan específicamente para una plataforma, esto
es por su código base, Android utiliza programación base Linux, iPhone
utiliza programación base Objective C, y Windows Phone utiliza base C#, por lo
que varias aplicaciones sólo pueden ser utilizadas en una sola plataforma.
¿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).
¿Qué otros elementos pueden usarse con los Smartphones?
Un uso importante que se le da es mediante la aplicación de códigos QR, los

cuales se capturan con la cámara del teléfono y se envía por Internet, de regreso
la información muestras datos importantes o relevantes dependiendo de dónde
se obtuvo el código, éste puede ser una invitación, información sobre un
producto, el nombre de un medicamento nuevo, una oferta o cualquier tipo de
elemento que se considere.
Actualmente la mayor limitación que se tiene al hablar del uso de su teléfono

inteligente es la calidad de la señal del Internet o el poder contar con el servicio,
pues si no se cuenta con éste, el tener acceso a cualquier aplicación Web es
imposible, por lo que se verá reducido el uso del teléfono y desperdiciado su
potencial.
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.
¿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.
De igual forma, permite 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.
Este lenguaje tiene un gran potencial, pues cuando se habla del desarrollo de
aplicaciones se entiende que se maneja por Scripts, los cuales ayudan a la
ejecución de rutinas de diferentes extensiones, ya sea un programa sencillo
(script) o uno complejo, el cual se dirija a un objeto y lo ayude a tener una
animación y dinamismo diferente y atractivo para el usuario.
¿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.
¿Es necesario instalar o ejecutar aplicaciones Java externas dentro de los

navegadores o aplicaciones web que desarrollemos?
Los navegadores que utilizamos de manera cotidiana cuentan con elementos

Java previamente instalados, pues varios de los motores que contienen se
basan en este tipo de lenguaje, el utilizar o aplicar Java en los proyectos Web es
importante, por lo que debemos generar códigos propios que funcionen y
cumplan con lo que deseamos, existen varias librerías que podemos utilizar para
el desarrollo de elementos Web, lo que permitirá mejorar nuestro diseño y
optimizar el funcionamiento agregando nuevas características; las librerías que
podemos utilizar son:
• Moousture: ésta permite el uso de gestos del ratón en cualquier sitio web,
presenta compatibilidad con todos los navegadores actuales incluyendo
los de dispositivos móviles.
• Gráfico: permite generar y manipular varios elementos gráficos, su API
permite configurar y personalizar una cantidad de parámetros
considerable permitiendo que esta herramienta sea flexible para cualquier

usuario o desarrollador.
• PaintbrushJS: permite manipular y procesar imágenes utilizando
JavaScript y canvas, utiliza filtros y logra efectos parecidos a los aplicados
dentro de Instagram.
• Selectivizr: esta librería permite emular los selectores de CSS3 por
medio de pseudo clases, sólo se incluye el script en la página del
proyecto en desarrollo y éste se encarga de lo demás.
• CanvasXpress: similar a “Gráfico” pero con más potencia, permite la
generación de gráficos tridimensionales y la rotación libre de estos para
cambiar la perspectiva
• Typeface.js: permite la inclusión de cualquier tipo de fuente “tipografía”
dentro de la página en desarrollo o proyecto Web, no requiere de
renderizar imágenes, sin embargo no cuenta con una optimización
dejando en manos del desarrollador el tener cuidado con la
documentación de éste.
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.
¿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.
¿Por qué convertir una web app en una aplicación nativa?
El convertir una aplicación web a una aplicación nativa es una forma de disponer
de los elementos que se requieren o utilizan instalando el contenido del software
en el Smartphone para así no tener que acceder a Internet cuando se necesite
de su uso, así no se corre el riesgo de fallar al querer acceder a la red por
cualquier motivo.
¿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.
PhoneGap es una solución de código abierto o libre en la que se provee

acceso a servicio y hardware de un teléfono inteligente, el cual se dirige a la app
y su uso de elementos disponibles dentro de su misma biblioteca o librería.
Una importante observación es que se puede utilizar esta aplicación con el

apoyo de Dreamweaver, pues al ser éste un programa para diseño web, utiliza
varios de los elementos que sirven y apoyan en código la funcionalidad y
empaquetamiento de la información, la aplicación PhoneGap puede hacer el
trabajo para cualquier plataforma de teléfono inteligente, sólo se requiere de
tener bien definido el sistema que se utiliza y la memoria libre con que se cuenta,
pues una desventaja que presenta PhoneGap, es que aumenta el tamaño de
algunos archivos de la aplicación Web al momento de convertirlos.
Otra ventaja de PhoneGap es la flexibilidad que presenta con el uso de las

tecnologías, sólo muestra conflictos de rendimiento en ciertas plataformas en un
uso determinado de rendimiento alto; a pesar de ser flexible, no se recomienda

que se use con elementos de animaciones o cálculos intensivos, siempre se
debe tener cuidado con lo que tiene que ver en el rendimiento, pues si no
conocemos las especificaciones técnicas del dispositivo, se puede estar sobre
pasando la capacidad del mismo al convertir la aplicación, limitando de esta
manera su uso o funcionalidad.
Un beneficio más que podemos encontrar en esta aplicación es el uso e

interacción que se tiene con los sensores de los teléfonos inteligentes, pues
como sabemos los sensores pueden ser velocímetros, giroscopios, infrarrojos,
etc. Se puede acceder sin problema alguno si los servicios de GPS o brújulas
para lograr una ubicación, esto permite que el diseño o empaquetamiento de los
programas o aplicaciones sea más completo y no se limite de manera exagerada
las posibilidades y potencial que tienen el teléfono inteligente.
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.
Para desarrollar cualquier tipo de aplicación es importante conocer las

estructuras y lenguajes que se aplican dentro del medio, no podemos depender
de sólo aprender un lenguaje como Java o C# ya que la mayoría de las
ocasiones se requiere de un trabajo más fuerte y de varios sistemas de
programación que realicen las acciones que se desean para una ejecución
segura y completa, no se puede tener la esperanza de que un sólo lenguaje
realice todo, pues por eso se crea la compatibilidad de los diferentes medios.
Si no se sabe como iniciar la programación de cualquier cosa, se puede

comenzar con el uso de plantillas, las cuales con muy útiles para el proceso de
prueba y ayuda a comprender de mejor manera la sintaxis y los procesos
requeridos en la codificación y depuración de una aplicación.
Para aprender más
Desarrollo de Web apps para Smartphones
Entonces ¿cuál es la diferencia principal entre las aplicaciones Web para

un Smartphone y las aplicaciones para una PC convencional?
La diferencia principal que se aprecia al momento del desarrollo de los

elementos es la resolución de los elementos, el uso de plug-ins para uso de
gestos con el ratón, los posibles desplazamientos que se tendrán en las
pantallas táctiles, el peso de las aplicaciones, etc.
Cuando se trata de crear elementos para teléfonos inteligentes o cualquier otro

dispositivo portátil se deben considerar los elementos más ligeros y que ocupen
menos capacidad de procesamiento.
Librerías JavaScript para el desarrollo de Web apps
Java es un programa muy poderoso, el cual tiene un extenso número de

elementos que funcionan dentro de su programación, varios de los cuales
pueden ser aplicados mediante sus plataformas de desarrollo como NetBeans,
SDK o cualquier otra que ayude a la creación de elementos con este tipo de
lenguaje.
Dentro de las librerías de Java podemos encontrar algunas que son muy
importantes, por lo que se convierten en casi obligatorias de manejar para poder
desarrollar aplicaciones Web o aplicaciones específicamente para teléfonos
inteligentes (Smartphone), algunas de las librerías son:
jQuery: éste es un complemento que utiliza Java y es parte de la biblioteca del

mismo, permite el recorrido y la manipulación de elementos dentro de sitios o
locaciones Web, permite el control de eventos, animaciones y uso de Ajax de
manera fácil con un API, el cual puede ser utilizado a través de cualquier
navegador. Esta herramienta es muy útil para el desarrollo de aplicaciones
móviles y Web, pues gracias a sus características de control de eventos se
permite un dinamismo e interacción que cumple con lo que el usuario desea. Un

ejemplo de fragmento de código es el siguiente:
Var hidden Box = $ (“#banner-message”);

$(“#button-contrainer button”).on(“click”, function (event){
hiddenBox.show( );
});
Con este sencillo código se logra un control de eventos, en este caso en

específico se indica que muestre un elemento escondido.
• jQuery UI: éste se basa en un conjunto de interacciones de interfaz de

usuario, crea efectos, Widgets y más. Se llama UI porque es utilizado
para el manejo y diseño de “User Interface”, además de aplicarlo como
complementos en elementos externos.
• jQuery easing: éste se utiliza como complemento de una animación,
ayuda a determinar la velocidad que puede tener y hacerla más realista.
Para determinar el uso de esta instrucción se aplica el siguiente código;
div.animate({top: ´-=100px´ }, 600, ńombre easing´, function ( ){…}),
dentro del nombre easing debemos aplicar la gráfica de movimiento que
mejor nos parezca o generar una propia y lograr vincularla para que la
animación siga el ritmo que deseamos.
• jQuery mobile: es un sistema unificado creado para el desarrollo y apoyo
de aplicaciones móviles, se trata de un elemento basado en HTML5, por
lo que se vuelve compatible con todas las plataformas de Smartphone
que se manejan dentro del mercado, las cuales son;
o iOS.
o Android.
o BlackBerry.
o Bada.
o Windows Phone.
o Palm web OS.
o Symbian.
o Meego.
• Modernizr: se trata de una librería JavaScript que permite conocer la
compatibilidad del navegador web con el uso de HTML5 y CSS3, los
cuales son códigos de uso para dispositivos móviles, principalmente
teléfonos inteligentes. Esta librería de JavaScript permite obtener
información sobre las capacidades disponibles del navegador con el que
cuenta un usuario. Muestra la capacidad de soporte con lenguajes
específicos y permite conocer la libertad que se tiene de uso con el mismo.
• Handlebars: proporciona potencia para poder crear pantallas semánticas
efectivamente. Se pueden modificar los códigos que se usan de manera
efectiva mediante el uso de plantillas, las cuales están disponibles dentro
de la aplicación, se conocen como “plantillas bigote” y son compatibles
con los manillares. Dentro de la siguiente página encontrarás capturas de
pantalla de cómo se utiliza la aplicación http://brd.unid.edu.mx/handlebars/.
Recuerda que antes de empezar a programar en cualquiera de estos
medios debes conocer la sintaxis básica de HTML, CSS y JavaScript para
poder comprender el uso de comandos e instrucciones.
• Tipped: esta herramienta ayuda a crear “tool tips” de cualquier objeto que
se desee, es decir globos de información que aparecen al señalar algún
elemento.
• Explorer Canvas: es un complemento basado en programación Java, el
cual determina funcionalidades en un explorador, un canvas es un lienzo
o una pantalla sobre la cual trabajar, por lo que este script permite y
optimiza el trabajo de elementos basados en 2D.
• Google Maps API: es una aplicación o complemento que permite insertar
elementos de Google Maps dentro de cualquier página web, se basa en
mejorar la velocidad y la fácil aplicación en dispositivos móviles como en
navegadores de escritorio.
En el siguiente link podrás encontrar paso a paso la forma en puedes desarrollar

una aplicación utilizando código jQuery.
• John E. (s.f.) Mejorar su aplicación web con jQuery. Obtenido
de: http://brd.unid.edu.mx/mejorar-su-aplicacion-web-con-jquery/
Dentro de los elementos jQuery podemos determinar varias funciones, las

cuales se indican al compilador con el signo de pesos y paréntesis $(),
dentro de éste se indican las instrucciones a seguir y los elementos que
abarca. Por ejemplo:
• Seleccionar todos los enlaces de una página:
$(á´).
• Selecciona el elemento cuyo id sea “primero”:
$(´primero´).
• Seleccionar lo anterior:
$(á, #primero´).
• Seleccionar todos los párrafos de la página que tengan al menos un
enlace:
$(´p[a]´).
• Selecciona los 5 primeros párrafos de la página:
$(“p:lt(5)”).
Entre otras instrucciones más, las cuales podremos definir dependiendo de las
funciones que determinemos para la aplicación Web.
Conversión de Web apps en aplicaciones nativas
Dentro de las características que diferencian las aplicaciones nativas de las

aplicaciones Web, podemos contemplar algunas ventajas y desventajas
respectivamente.
Ventajas de una aplicación nativa:

• Se puede beneficiar el consumidor por los canales de distribución en

donde se encuentran las aplicaciones.
• No se requiere de una conexión a Internet para poder utilizarla.
• Todos los elementos y recursos de la aplicación pueden ser utilizados sin
problema alguno por su desarrollo y compatibilidad.
Desventajas de las aplicaciones nativas:

• Requieren de actualizarse manualmente.
• Se requiere de la validación de los elementos al desear publicar la
aplicación en un market place.
• El tiempo y costo se eleva en el desarrollo por tener que ser para una
plataforma específica.
Ventajas de una aplicación Web:

• No requiere de una instalación en el dispositivo, por lo que no ocupa
espacio.
• La carga de proceso la realiza el servidor, no el teléfono.
• Se puede acceder a ella en cualquier parte.
• Se actualiza de forma automática.
Desventajas de una aplicación Web:

• No aprovechan el potencial completo del teléfono inteligente.
• No se puede acceder a ellas sin Internet.
• No presentan gran potencial o herramientas disponibles.
• No siempre están disponibles por problemas técnicos en el servidor que
los distribuye.
Actividad de Aprendizaje
Instrucciones
Con la finalidad de reforzar los conocimientos adquiridos a lo largo de esta

sesión, ahora tendrás que realizar una actividad en la cual obtengas el código
fuente de cualquier pagina Web e indiques los elementos que reconozcas en
ésta y las funciones que cumplen estas líneas de código, ya sea en conjunto con
otro lenguaje de programación o de manera independiente.
Puedes realizarlo en cualquier programa, al final tendrás que guardarlo como

documento de texto para subirlo a la plataforma de la asignatura.
Referencias
• Adobe. Empaquetado de aplicaciones Web. Consultado

en: http://help.adobe.com/es_ES/dreamweaver/cs/using/WSeffff8bffc8020
8478c8d43312e240fe0ad-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/
• 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/

AMWA02 Lectura

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

AMWA02 Lectura

Cargado por

Copyright:

Formatos disponibles

Aplicaciones Móviles Web Apss

APLICACIONES MÓVILES WEB APSS 1

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

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

Muchas veces existen limitaciones importantes, como la capacidad de los

¿Es el desarrollo de aplicaciones Web el futuro para la comunicación?

Cuando las aplicaciones no son bien desarrolladas pueden ocasionarse

Recordemos que la evolución de los medios electrónicos también alcanza a los

Desarrollo de Web apps para Smartphones

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

El desarrollo de aplicaciones Web para teléfonos inteligentes se basa en códigos

¿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

¿Qué importancia tienen estas aplicaciones en nuestra vida?

Algo muy importante que se considera dentro de un ámbito empresarial con el

La importancia que toman estas aplicaciones en la vida cotidiana de un

CSS3 y JavaScript, los cuales presentan características particulares que se

Sin embargo fuera de los lenguajes de programación comunes que se utilizan,

¿Qué otros elementos pueden usarse con los Smartphones?

Un uso importante que se le da es mediante la aplicación de códigos QR, los

Actualmente la mayor limitación que se tiene al hablar del uso de su teléfono

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

De igual forma, permite la creación de contenidos dinámicos y movimiento

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

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

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

¿Es necesario instalar o ejecutar aplicaciones Java externas dentro de los

Los navegadores que utilizamos de manera cotidiana cuentan con elementos

considerable permitiendo que esta herramienta sea flexible para cualquier

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

¿Qué es una aplicación nativa?

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

de aplicaciones requiere de la instalación de los elementos dentro del

¿Por qué convertir una web app en una aplicación nativa?

¿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

PhoneGap es una solución de código abierto o libre en la que se provee

Una importante observación es que se puede utilizar esta aplicación con el

Otra ventaja de PhoneGap es la flexibilidad que presenta con el uso de las

uso determinado de rendimiento alto; a pesar de ser flexible, no se recomienda

Un beneficio más que podemos encontrar en esta aplicación es el uso e

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

Para desarrollar cualquier tipo de aplicación es importante conocer las

Si no se sabe como iniciar la programación de cualquier cosa, se puede

Para aprender más

Desarrollo de Web apps para Smartphones

Entonces ¿cuál es la diferencia principal entre las aplicaciones Web para

La diferencia principal que se aprecia al momento del desarrollo de los

Cuando se trata de crear elementos para teléfonos inteligentes o cualquier otro

Librerías JavaScript para el desarrollo de Web apps

Java es un programa muy poderoso, el cual tiene un extenso número de

jQuery: éste es un complemento que utiliza Java y es parte de la biblioteca del

permite un dinamismo e interacción que cumple con lo que el usuario desea. Un

Var hidden Box = $ (“#banner-message”);

Con este sencillo código se logra un control de eventos, en este caso en

• jQuery UI: éste se basa en un conjunto de interacciones de interfaz de

En el siguiente link podrás encontrar paso a paso la forma en puedes desarrollar

Dentro de los elementos jQuery podemos determinar varias funciones, las

Conversión de Web apps en aplicaciones nativas