En el año 2013 habrá más dispositivos móviles capaces de acceder a la web. ¿Cómo presentar tu sitio web Joomla! a todos aquellos usuarios que acceden a ella desde sus dispositivos móviles? Un sitio web móvil, es un sitio web que ha sido optimizado para funcionar en un navegador móvil.

Usando dicho navegador uno puede acceder directamente a estos sitios web. Los dispositivos móviles tienen tamaños de pantalla impredecibles y la velocidad de la conexión a Internet puede ser baja, por lo que, por ejemplo, la carga de las imágenes pueden tardar más tiempo. En este artículo se describen diferentes enfoques para la movilidad de su sitio web Joomla!.

Sitio Móvil Independiente

La versión móvil, es un sitio web totalmente independiente y con otra URL, en su mayoría con el subdominio "m.". El uso de algunas extensiones de Joomla posibilitan usar tu contenido existente para crear una versión móvil por separado.

Las marcas reconocidas en Internet como Google, Facebook y Yahoo utilizan diferentes soluciones móviles, cada una tratando de mejorar en el aspecto de la velocidad. Se ha encontrado en estudios, que el usuario móvil promedio sólo está dispuesto a esperar un máximo de cuatro segundos para cargar el contenido en sus dispositivos.

La movilidad en Joomla!

El cambio de un sitio web desde el modo de escritorio a modo móvil no es difícil con Joomla, gracias a al pequeño pero útil componente Mobile Joomla. Uno de los componentes más populares del Directorio de Extensiones de Joomla! (JED). Mobile Joomla,cuenta con muchas opciones de personalización que se pueden usar para asegurar que sus visitantes móviles tengan una experiencia agradable de navegación en su sitio web.

La característica más importante de Mobile Joomla es probablemente su estabilidad y simplicidad. Mobile Joomla es fácil de implementar, y realmente hace lo que dice.

Las principales características de Mobile Joomla son:

• Gestor manual del sistema de detección a través de varios métodos, incluyendo WURFL.
• Diseño adaptativo.
• Compatible con plantillas personalizadas y módulos.
• Categorización de dispositivos (iPhone, iMode, Wap, y XHTML).

El Diseño Web Adaptativo

Este diseño intenta adaptar el entorno de visualización, y probablemente también haga uso de imágenes flexibles.

El Diseño adaptable por lo general reacciona a los cuatro tipos de pantallas: el monitor de escritorio de pantalla ancha, la portátil (o laptop), la tableta, y el teléfono móvil.

Este Diseño funciona mediante el uso de @media queries para identificar el tamaño de la pantalla del dispositivo para presentar un diseño basado en ese tamaño.

Diseño Adaptable en Joomla!

Según Google Trends, el diseño adaptable en Joomla! se está incrementando rápidamente desde octubre del 2011.

Plantillas Joomla! Adaptables

• RocketTheme
• Joomla Bamboo
• JoomlArt
• YooTheme

Pon a prueba tu sitio web

Echa un vistazo a los diferentes sitios web y vea cómo trabajan con los diferentes tamaños de los distintos dispositivos.

• http://mattkersley.com/responsive/
• http://quirktools.com/screenfly/

Aplicaciones Móviles

Las Apps son aplicaciones reales que se descargan e instalan en el dispositivo móvil, en lugar de ser emitida dentro de un navegador. La aplicación puede extraer contenido y datos a través de Internet, de forma similar a un sitio web, o puede descargar el contenido para que se pueda acceder sin conexión a Internet.

¿Cuándo tiene sentido una App?

A pesar de los muchos beneficios inherentes del sitio web en móvil, las aplicaciones siguen siendo muy populares, existen una serie de escenarios de uso específicos, en los que una aplicación va a ser su mejor opción. En general, si necesita de algunos de los puntos siguientes, tiene sentido una aplicación como las que describimos a continuación:

• Interactividad / Juegos - Para juegos interactivos (pensemos en Angry Birds) una aplicación casi siempre va a ser su mejor opción, al menos en un futuro previsible.
• Uso Regular / Personalización - Si los usuarios finales van a utilizar su aplicación de forma personalizada de forma regular (pensemos en EverNote), entonces una aplicación proporciona una gran manera de hacer eso.
• Los cálculos complejos o Informes - Si necesita algo que coja los datos y permita su manipulación con cálculos complejos, gráficos o informes (pensemos en Bancos o Inversiones) entonces una aplicación le ayudará a hacer eso de manera muy eficaz.
• Funcionalidad Nativa o una Transformación Requerida - Los navegadores web para móviles son cada vez mejores en el acceso a ciertas funciones específicas como, click-to-call, SMS y GPS. Sin embargo, si necesita acceder a la cámara de un usuario, o a una app potente, lo podrá conseguir de una manera más eficiente.
• No requiere conexión - Si necesitas proporcionar acceso offline a los contenidos o realizar funciones sin una conexión de red / inalámbrico entonces una aplicación tiene sentido.

Seguidamente veremos algunas de las extensiones y aplicaciones que permiten trabajar en Joomla! con móviles.

Jtouch (Plantilla)

Jtouch Mobile no es sólo una plantilla, sino que es una solución para darle movilidad a su sitio web en Joomla 1.5 y 2.5. Su objetivo es darle una mejor visión e interacción a su sitio web, con la mayoría de los smartphones modernos como el iPhone / iPad, Android, Windows Phone, BlackBerry …. Una de sus ventajas es que es OpenSource.

Diseño Web Adaptable

Jtouch se especializa en la selección de pantallas de móviles, y ayuda a su sitio web con un aspecto más atractivo para el móvil.

Compatible con las plataformas más importantes

Jtouch funciona muy bien en el iPhone, Android, Windows Phone y muchos otros sistemas operativos como BlackBerry, MeeGo, Tizen i FirefoxOS, UbuntuMóvil...

Mantener al cliente, crear comunidad

Puede trabajar con VirtueMart y comprar con tarjeta, así como navegar por el foro Kunena.

¡Optimizado y compatible!

La solución está desarrollada para que sea más compatible con las extensiones de terceros, así como más y más optimizado para la velocidad de carga.

Fácil de personalizar

Puedes arrastrar y soltar los colores y luego descargar una plantilla personalizada. Sólo se tarda unos 5 minutos para hacer su plantilla diferente a todas.

Auto Detección

Los usuarios navegan por su página con diferentes tipos de smartphones. ¡No pida que el usuario pulse sobre un enlace para acceder a su sitio móvil! Jtouch puede detectar y es lo suficientemente inteligente como para cambiar su sitio web desde la versión de escritorio a la plantilla móvil, ¡automáticamente!

Chimoora (aplicación + componente)

Chimoora es una aplicación cliente de Joomla!, para añadir funcionalidad al sitio web para redes móviles generado por Joomla.

Es compatible con la mayoría de sistemas operativos. El primero de ellos es Android 4 (Ice Cream Sandwich). BlackBerry 10, Windows 8 e iOS también son compatibles con esta aplicación. Chimoora 1,0 será compatible con los Blogs (artículos destacados de Joomla!) y los foros (alimentado por los debates). La próxima versión traerá Mensajes Privados (discusiones) y anuncios clasificados (Centro de compra).

Por el lado del servidor necesita el API Chimoora para la extensió de Joomla!, extensión que se desarrolla en paralelo como parte del proyecto Chimoora. La extensión es un componente "normal" de Joomla! y sencillamente se instala a través del administrador de extensiones..

Requisitos:

• Chimoora utiliza Android 4 (Ice Cream Sandwich) como app nativa y por tanto requiere Android 4.x en el dispositivo móvil. Tengamos en cuenta que en la actualidad la inmensa mayoría de móviles están utilizando SO inferiores a Android 4, por lo que es más una opción de futuro, que actual.
• La extensión Joomla! API, necesita Joomla! 2.5 o superior para trabajar.

La aplicación

Chimoora se encuentra en su etapa inicial de desarrollo beta. He aquí una breve hoja de ruta que le permitirá tomar nota de lo que se puede esperar de las futuras versiones.

Para la versión 1.0

• Servidor para RSS
  • Servidor de notícias como pàgina de inicio, vista detallada de los elementos de flujo.
• Blogs
  • Listas de categoría , lista de los artículos, vista detallada de artículos.
• Foros
  • Lista de foros, lista de los temas, lista de mensajes, responder a un mensaje, crear un nuevo tema.

Para la versión 1.1

• Mensajes
  • Lista de correo electrónico ver mensajes detallados, responder a una lista de mensajes de correo, ver los mensajes detallados, escribir un nuevo mensaje.
• Clasificados
  • Lista de categorías, una lista de entradas, ver las entradas detalladas, crear una nueva entrada.

Joooid (Aplicación + plugin)

Joooid (con tres "o") es una aplicación/extensión gratuita para dispositivos Android. Se compone de una aplicación Joomla y una extensión.

Es necesario instalar la aplicación en su dispositivo Android y la extensión en tu Joomla. Hay versiones para Joomla! 1.5 y Joomla! 1,6, 1,7, 2,5. Después de instalar la extensión Joomla!, Es necesario activar el plugin Joooid. A continuación, puede conectar la aplicación con la página web añadiendo la URL, nombre de usuario y contraseña. Por último, descubrirá una interfaz de usuario impresionante. Hicimos una prueba de agregar un artículo con foto, una galería de fotos y un mapa de Google de mi viejo HTC HD y se realizó de manera más o menos fácil.

Tiene disponibles varios paneles de control, como: cambiar el tamaño de las imágenes, detección de ubicación del teléfono móvil para utilizar la funcionalidad de los mapas de Google.

Joooid te permite hacer:

• Crear o editar artículos, cambiar títulos, alias, categorías, estados, niveles de acceso, y hacer una publicación programada.
• Crea contenidos con formato HTML y enlaces, en pantalla completa.
• Añade imágenes y galerías usando imágenes de su dispositivo.
• Añadir vídeos de YouTube o compartir imágenes y vídeos con Joooid directamente desde la app de la Galería de imágenes YouTube.
• Geolocalizar artículos, incrustar mapas con su posición actual mediante GPS / red o establecer las coordenadas del mapa con el selector de mapa. También puedes compartir una ubicación desde Joooid directamente desde la aplicación GoogleMaps.

JomMobile (aplicación + componente)

La aplicación es nativa para iOS y Android jomMobile proporciona una manera fácil de gestionar artículos, categorías, menús y usuarios en Joomla para varios sitios web. Permite administrar su sitio Joomla 2.5 desde cualquier lugar con tu android. Te permite editar muchas características del núcleo de su sitio Joomla. Tiene una versión simplificada que es gratuita.

Lista de características:

• Administración de sitios múltiples.
• Gestor de Artículos: Ver / Añadir / Editar / Eliminar.
• Gestor de Categorías: Ver / Añadir / Editar / Eliminar.
• Gestor de Menú: Ver
• Elementos del Menú: Ver / Editar / Eliminar.
• Gestión de Usuarios: Ver / Añadir / Editar / Eliminar.
• Administrar plugins de terceros (ejemplo, K2).

Se ha de instalar

Tienes que instalar la app y un componente de Joomla.

Se pueden comprar funcionalidades adicionales a través de In-App, con posibilidades de eliminar los anuncios y modificar las cuentas de usuario. Se ha probado esta aplicación en un iPad y funciona muy bien para añadir y editar artículos, categorías y menús. El texto se muestra en HTML, ya que no utiliza ningún editor WYSIWYG.

Conclusiones

DDe momento se están encontrando soluciones bastante interesantes, como las comentadas en este artículo, pero, eso es un gusto personal, la verdad, hoy por hoy dado que Joomla! trabaja con Bootstrap (gracias a Bootstrap, los desarrolladores de extensiones, ahora solo deben concentrarse en su extensión, dejando el estilo en manos de diseñadores, pues permite que el sitio ahora sea 100% uniforme para todas las extensiones)y es muy efectivo en la adaptabilidad a cualquier tipo de pantallas, por lo que con la misma extensión, lo que mejora la gestión, se trabaja siempre con la misma plantilla, si se desea así.

A esto se añade el que no hace falta tener varias URLs en el sitio web realizado con Joomla!!

Basado en el artículo: Mobilize Joomla! de D Safaie
Autores: Carlos Rodríguez i Manuel Rubio
Miembros del Equipo de Marketing i Difusión de Joomla! en Español