teorías del desarrollo psicológico del...
Post on 29-Sep-2018
225 Views
Preview:
TRANSCRIPT
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/
top related