You Are Here:

Community: Blogs

Who am I?

rdrincon

I work as Senior Developer Consultant based in Mexico City. I have been working with mobile related technologies for 5 years, I'm a specialist in J2ME (SCMAD) which I have followed since its early stage. I also know well the whole mobile distribution landscape since I have worked either with developers and aggregators for several years and have also been involved in the academic area as university professor in mobile related technologies and java programming. I have also experience in web development and scripting languages and look forward to support the developer community in all these mobile emerging technologies.

 

Calendar

« November 2008 »
Mo Tu We Th Fr Sa Su
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
 

Ruben Rincon's Forum Nokia Blog

Las tecnologías Web se toman los dispositivos móviles!

rdrincon | 24 November, 2008 02:55

Las tecnologías convencionales para el desarrollo de aplicaciones móviles como J2ME, C++ y python son lenguajes de programación orientado a objetos y pensados desde un principio para programadores.  Que pasa con aquellos que  en el boom de las tecnologías Web aprendieron a utilizar Html, Flash, JavaScript y decidieron convertirse en desarrolladores web?  entre ellos, miles de diseñadores gráficos que pasaron del papel al computador. Bueno, ellos también tienen su oportunidad de incursionar en el mundo de las aplicaciones móviles sin necesidad de aprender una nueva tecnología.

 

 

La primera tecnología de la que hablaremos es Flash que siempre ha sobresalido por la simplicidad con la que podemos elaborar estupendas animaciones e interfaces de usuario.   Existen  dos aproximaciones para desarrollar contenido, la primera  es haciendo mover elementos por el documento en una escala de tiempo y la segunda opción, que es  más avanzada, es utilizar ActionScript, un lenguaje muy parecido a JavaScript.

Para los desarrolladores de esta plataforma, existe una extensión para dispositivos móviles llamada Flash Lite.  Esta tecnología es un subconjunto de su contraparte web y agrega algunos elementos específicos para los dispositivos móviles como el uso de menús en los softkeys.  Flash Lite ha evolucionado en diferentes versiones, en la primera versión (v1.1) hay soporte a elementos  básicos multimedia y ActionScript 1.0; en FlashLite 2.x se incorpora ActionScript 2.0 y elementos avanzados multimedia como conexión remota utilizando sockets y en la versión 3.0 se agregan entre otras cosas el soporte a streaming multimedia.  No podemos negar que ha existido fragmentación en cuanto a las versiones pero lo cierto es que el número de dispositivos que la soportan crecen de forma exponencial y se mantiene la compatibilidad hacia atrás.  Flash Lite es una muy buena opción para realizar aplicaciones sencillas que requieran de una interfaz gráfica avanzada como protectores de pantalla, juegos sencillos, animaciones y publicidad.  Otra gran ventaja a favor de FlashLite son las potentes herramientas de desarrollo suministradas por Adobe.  El Adobe Flash Creative Studio contiene un componente llamado Adobe Devide Central que permite la simulación de aplicaciones en todas las versiones de FlashLite y para diferentes resoluciones de pantalla.

 

 

Conoce más sobre FlashLite siguiendo este link:  Flash Lite

 

 

Continuando con tecnologías web, hemos visto como han evolucionado en la última década y hoy ya utilizamos el concepto Web 2.0 que es en resumen y sin entrar en detalles una web interactiva en donde las páginas dejaron de ser estáticas y se reemplazaron por páginas dinámicas mediante un uso extensivo de lenguajes de tipo script como javaScript, aparecieron nuevos estándares de intercambio de información basados en XML como RSS, ATOM, se acogieron tecnologías como CSS permitiendo estructurar y organizar la presentación de páginas web y se establecieron técnicas de programación como Ajax permitiendo obtener datos de un servidor sin interrumpir la visualización ni el comportamiento de una página.

 

 

La siguiente imagen es un mapa mental de Web 2.0 en donde se ven claramente los elementos quel la conforman. (tomado de wikipedia)

Mapa mental Web 2.0

La gran noticia para los desarrolladores web y diseñadores es que pueden utilizar todas estas tecnologías para hacer aplicaciones que corran en dispositivos celulares y además utilizar algunas características específicas de los teléfonos e integrarlas con ellas.  Estos conceptos se centran en una sóla palabra “widget”.  Este es un término que nació para aplicaciones de escritorio y que permiten acceder de forma rápida y directa a funciones que requieren interacción con la web.  El mismo concepto se aplica a los Widgets en los dispositivos móviles.  Son aplicaciones que viven en el dispositivo (aparecen en el menú de aplicaciones) se ejecutan en el teléfono y tienen la capacidad de conectarse a Internet para realizar actualización de contenido, consultas, entre otras cosas. 

 

 

La razón de ser de los widgets es generar una gran experiencia de usuario, permitiendo crear llamativas interfaces de usuario ajustadas a la pantalla del dispositivo, minimizando el flujo de datos por la red ya que todo el control y flujo de pantallas existe en el dispositivo y permitiendo la incorporación de un menú de opciones como lo vemos en la siguiente gráfica.

Widgets

Un widget se compone de un archivo HTML muy sencillo que se utiliza sólo como punto de partida, es decir como primera pantalla.  Las siguientes pantallas se arman utilizando JavaScript  y hojas de estilo (archivos CSS) siguiendo el Document Object Model, la lógica de toda la aplicación la proporciona JavaScript.  Adicionalmente a los objetos soportados por JavaScript existen algunos elementos específicos al teléfono que permiten la creación de menús y acciones ligados a los softkeys.  Otra característica importante es el soporte a Ajax a través del objeto XMLHttpRequest que permite hacer consultas de datos por Internet de forma asíncrona sin interrumpir o bloquear la funcionalidad de la aplicación.

 

 

Existen actualmente dos versiones de Widgets, la primera (1.0) es soportada por los teléfonos S60 3ed Feature Pack 2 (como el N78) y algunos de  Feature Pack 1  en las versiones de software más reciente (como N95 y E71).  En esta versión se puede tener acceso a información básica del sistema como nivel de carga de batería y disponibilidad e intensidad de señal.  La versión WRT 1.1 soportada en los teléfonos Nokia S60 5ed (como el 5800 Xpress Music y que veremos en Latinoamérica hasta el próximo año) incluye un conjunto de librerías denominadas Service API que permiten una integración mucho más fuerte con el dispositivo tal como un application manager, acceso a calendario, lista de contactos, datos del GPS y Mensajería.

 

 

Muchos se preguntarán que tanta es la portabilidad de los Nokia WRT Widgets con respecto a otros fabricantes o dispositivos.  El motor de los Nokia widgets es el Webkit,  un framewok para aplicaciones utilizado también por el navegador Web de los S60, Safari, Google Chrome y además otros fabricantes como Motorola en algunas de sus plataformas.  Los elementos generales como Interfaz de Usuario, conectividad y lógica de la aplicación son 100% reutilizables, sin embargo, los elementos que hagan referencia a capacidades específicas del dispositivo como el Service API deberán ser portados de acuerdo a las especificaciones de cada fabricante u plataforma.

 

 

Conoce más sobre widgets en el siguiente link:  Widgets

También les recomiendo este webinar en Español: Webinar Widgets

 

 

En conclusión, las tecnologías Web tienen un gran futuro en el marco de aplicaciones móviles, además cada vez se integran más con las capacidades específicas del teléfono, son altamente portables y tienen un Time To Marquet mínimo comparado con las tecnologías de programación convencionales.

RSSComments

latinamerican web developer says

dgallego | 25/11/2008, 20:47

La comunidad de desarrolladores hispano hablantes crece día tras día, con nuevas expectativas y nuevos retos, es muy importante entonces, que espacios como los ofrecidos por el Forum Nokia , lleguen a la comunidad latino americana de desarrolladores móviles o web en su propio idioma, fortaleciendo los lazos y abriendo puertas entre las diferentes culturas. Esperamos seguir contando con mas expertos que lleven el conocimiento en ESPAÑOL...porque ¡EL CONOCIMIENTO EN PODER!

Re: Las tecnologías Web se toman los dispositivos móviles!

rdrincon | 25/11/2008, 20:55

rdrincon

Bueno, eso es lo que estamos haciendo con actividades como los CodeCamps y los webinars en español. Les pido estar pendientes de este tipo de eventos.

Rubén

Re: Las tecnologías Web se toman los dispositivos móviles!

korsun14 | 21/02/2009, 20:46

why not english, i wanna read it cause i'm intresting in all common with web 2.0 news technologies, but i know espanol so bas, sorry me, sorry... May be you have the same essay on english?

Re: Las tecnologías Web se toman los dispositivos móviles!

rdrincon | 23/02/2009, 17:24

rdrincon

Hello Korsun, thanks for your comment

Unfortunatelly this article is only in English. Since big part of the documentation is English only I wanted to give spanish speakers a chance.

If you are interested in Web technologies, I suggest you to visit the Web technologies FN landing page
http://www.forum.nokia.com/Resources_and_Information/Explore/Web_Technologies/

:Ruben

You must login to post comments. Login
 

Rate This

 
 
Bookmark this page: DeliciousDiggFacebookGoogleYahooStumbleUponRedditDiigoTechnocratiTwitter  Share this page Share this page Print this Page Print this page Invite a friend Invite a friend
京ICP备05048969号    Email Newsletters Press Terms & Conditions Privacy Policy Sitemap Contact Us © 2009 Nokia 
RDF Facets: qdcZidentifierQSxhttpE3aE2fE2fblogsE2eforumE2enokiaE2ecomE2fblogE2frubenE2drinconsE2dforumE2dnokiaE2dblogE2f2008E2f11E2f24E2flasE2dtecnologE2dasE2dwebE2dseE2dtomanE2dlosE2ddispositivosE2dmE2dvilesX qdcZtypeQUqfnZE45E78cludedFromGeneralE4cistingsQ qdcZtypeQUqfntypeZBlogContentQ qdcZtypeQUqfntypeZBlogE45ntryQ qdcZtypeQUqfntypeZCommunityContentQ qdcZtypeQUqfntypeZE52esourceQ qdcZtypeQUqfntypeZWebpageQ qdcZtypeQUqmarsZManagedE52esourceQ qdcZtypeQUqwebZInformationE52esourceQ qdcZtypeQUqwebZPageQ qdcZtypeQUqwebZE52esourceQ qdcZtypeQUqrdfsZE52esourceQ qfnZtopicQUqfnTopicZflashQ qfnZtopicQUqfnTopicZwebE5frunE5ftimeQ qfnZtopicQUqfnTopicZwebE5ftechnologyQ qfnZtypeQUqfntypeZBlogContentQ qfnZtypeQUqfntypeZBlogE45ntryQ qfnZtypeQUqfntypeZCommunityContentQ qfnZtypeQUqfntypeZE52esourceQ qfnZtypeQUqfntypeZWebpageQ qfnZuserE5ftagQSxflashX qmarsZlanguageQUxhttpE3aE2fE2fswE2enokiaE2ecomE2flanguageE2d1E2fenX qrdfZtypeQUqfnZE45E78cludedFromGeneralE4cistingsQ qrdfZtypeQUqfntypeZBlogContentQ qrdfZtypeQUqfntypeZBlogE45ntryQ qrdfZtypeQUqfntypeZCommunityContentQ qrdfZtypeQUqfntypeZE52esourceQ qrdfZtypeQUqfntypeZWebpageQ qrdfZtypeQUqmarsZManagedE52esourceQ qrdfZtypeQUqwebZInformationE52esourceQ qrdfZtypeQUqwebZPageQ qrdfZtypeQUqwebZE52esourceQ qrdfZtypeQUqrdfsZE52esourceQ
User Rating: qfnZuserE5FratingQNx5E2E0000X
RDF Facets: qfnZuserE5FtagQSxatomX qfnZuserE5FtagQSxfeedsX qfnZuserE5FtagQSxflashliteX qfnZuserE5FtagQSxgpsX qfnZuserE5FtagQSxmensajeriaX qfnZuserE5FtagQSxwebinarX qfnZuserE5FtagQSxwidgetsX