¿Cuál es la mejor manera de hacer un sitio amigable para dispositivos móviles?

Question

Hablando completamente en términos de tecnología libre, ¿cuál es la mejor manera de hacer un sitio amigable para dispositivos móviles? Es decir, quiero crear un sitio que funcione en una computadora normal pero que también tenga versiones móviles de las páginas. ¿Debería reescribir cada página? Las páginas probablemente tendrán diferentes funcionalidades, entonces ¿debería reescribir el código de back-end? ¿Debería ser un sitio efectivamente diferente con la misma base de datos?

Answer 1

Agregué una capa de presentación móvil a un sitio operativo hace aproximadamente un año. En función de la arquitectura del sitio (espero que esto no dependa demasiado de la tecnología), agregué un nuevo conjunto de JSP para acomodar navegadores móviles (nota al pie: consulte http://wurfl.sourceforge.net/ para obtener una excelente forma de crear páginas móviles independientemente del tipo de navegador). Además, se modificó parte de la funcionalidad del back-end debido a la funcionalidad limitada de la mayoría de los navegadores móviles. Entonces, en resumen, la integración no fue tan dolorosa como uno esperaría.

¡Buena suerte!

Answer 2

Esta es una pregunta muy amplia, pero aquí va:

• Si el sitio es principalmente sobre el contenido, lo que significa que no se trata tanto de un servicio que utilice, ya que es una publicación que lee, entonces yo trate de evitar publicar dos sitios siempre que sea posible. Concéntrese en presentaciones sencillas utilizando tecnologías maduras que los navegadores móviles pueden manejar bastante bien.
• Si se trata esencialmente de una aplicación de software entregada a través de la red, entonces las cosas se vuelven más complicadas, porque tendrá que considerar la interfaz de usuario del dispositivo móvil y la forma en que difiere del escritorio.
• Esto debería ser evidente, pero de cualquier forma, si tiene muchos usuarios de dispositivos móviles, debe tenerlo en cuenta cuando cree contenido para el sitio. Formatos, longitud, voz, etc.

Answer 3

En mi site, que detectan agente de usuario, y para navegadores móviles conocidos que sirven una hoja de estilo diferente, con algunos elementos de mayor tamaño/menos necesarias dejaron algunas páginas. El backend en realidad no cambia.

Answer 4

Además del sistema de capacidades WURFL/WALL mencionado anteriormente, hay disponibles bibliotecas de Java Server Faces que utilizan juegos de renderizado WML alternativos para teléfonos móviles.

Answer 5

Una forma en que lo he hecho en el pasado era asegurarme de que mis datos se abstraían bien en el nivel de datos y luego usar modelos de nivel medio para extraer lo que era apropiado. En mi caso, la aplicación era una aplicación meteorológica y los métodos de visualización de los dispositivos de destino eran muy limitados, por lo que optamos por mostrarle al usuario solo los elementos esenciales en los dispositivos móviles mientras el sitio web estaba completo. Eso fue probablemente hace 10 años cuando WAP era grande. Pero en la actualidad, con dispositivos que obtienen pantallas más grandes, mejor ancho de banda, es posible que desee consumir y mostrar exactamente los mismos datos con un modelo de vista diferente.

Nunca sé realmente qué tipo de aplicación necesitará consumir los datos en el futuro. Hacemos muchas aplicaciones en todas las plataformas, pero el modelo de dominio rara vez cambia. Así que termino usando los mismos objetos de nivel medio donde puedo y obtengo esos datos en diferentes clientes. Un buen ejemplo de esto es un proyecto reciente en el que tuvimos una aplicación de Internet (widget) rica, un sitio web completo y un servicio web que consumía la misma información. La abstracción de datos en el nivel medio realmente brilla en este entorno.

Answer 6

En un nivel muy alto de abstracción, hay dos advertencias principales con dispositivos móviles: (1) su pantalla es pequeña, (2) su conexión de red es intermitente.Esto básicamente significa que necesita presentar el contenido para que se vea bien incluso en una pantalla pequeña (tamaño variable) y, preferiblemente, también puede almacenarlo en caché para que los usuarios puedan explorar el contenido mientras están fuera de línea. Luego está también el problema del bajo ancho de banda y la alta latencia, pero estos son un poco menos importantes hoy en día.

Answer 7

Esta es una visión general muy completa de cómo hacer un sitio móvil, aunque espero que sea justo decir que siempre habrá diferentes requisitos para cualquiera que quiera pasar a la tecnología móvil. Si tiene un Blog, entonces podría fácilmente hacer que sea amigable para dispositivos móviles utilizando Mippin Mobilizer; es gratuito, proporciona herramientas de personalización de marca, y con una gran audiencia que ya navega por una amplia mezcla de contenido movilizado, hay oportunidades para generar ingresos por publicidad en su blog.

Esto se debe a que el blog Mippin movilizado a continuación, se convierte en parte de una comunidad mucho más amplia de contenidos, la gente, noticias, blogs, anuncios, toda la conexión en torno al contenido, y mucho más en el sitio móvil:

http://mippin.com (en . un navegador móvil)

Tome un vistazo a la herramienta de movilización, ya que muestra lo que el sitio se puede hacer en un segundo:

www.mippin.com/mobilizer

Sólo si usted tiene un blog de Por supuesto ...