Tiziano Palozza, el Quality & Innovation Manager en el equipo de Corporate Application Development (CAD) de Neomobile, continúa con la segunda parte de su artículo sobre la detección de los dispositivos.

Lee sobre la comparación entre el cliente y la detección de dispositivos de servidor y también descubrir los métodos recomendados.

Teniendo en cuenta que prefiero ver lo mejor de los dos lados, vamos a echar un vistazo a algunos aspectos de la detección del cliente y también del servidor.

En el client-side, hay muchas bibliotecas JavaScript que ayudan a los desarrolladores identificar las propiedades específicas del navegador (Modernizr es uno de ellos), mientras que en el server-side existen marcos comerciales que proporcionan los datos bases de información del dispositivo (WURFL y DeviceAtlas son la los principales).

Durante los años, nuestra solución se ha basado en la integración con WURFL, gracias a su fondo (que fue el primer dispositivo Descripción Repositorio) para los que en realidad tienen un acuerdo comercial con Scientiamobile, la empresa detrás de este marco.

Las desventajas de la detección del lado del cliente

  • Puedes detectar sólo las funciones del navegador, pero no sabe identificar el dispositivo detrás (enfoque probabilístico), así que es bueno para la gestión de la distribución, pero no si quieres proporcionar contenido específico de acuerdo al Sistema Operativo
  • Las funciones del navegador están disponibles sólo después de que se ha cargado el código HTML de la página; de nuevo, es bueno para ajustar la disposición, pero en este momento ya es demasiado tarde para cambiar el contenido dentro de la página (por cierto se puede utilizar la información para almacenarla en una cookie para el acceso futuro)
  • Algunos navegadores podrían volver falsos positivos si consultada a través de JavaScript
  • Algunas funciones no están disponibles a través de JavaScript, como el tipo de dispositivo (función de teléfono, smartphone, tablet, etc.)

Las desventajas de la detección del lado del servidor

  • Las soluciones de servidor son generalmente productos comerciales
  • La base de datos del dispositivo necesita ser actualizada con regularidad, y podría devolver datos incorrectos en el plazo de tiempo entre una actualización y el siguiente
  • Detección del lado del servidor requiere un poco de carga en el servidor (pero exigiendo toda la carga al cliente podría causar una pésimo experiencia de usuario si el contenido propuesto no es el más adecuado para el dispositivo)

En conclusión, el mejor enfoque depende del contexto, de modo de bajar nuestra realidad empresarial. Aquí están algunas de las razones principales por las que la detección del lado del servidor es importante, teniendo en cuenta que nuestra solución toma lo mejor de estos dos diferentes enfoques, incluso del lado del cliente (Responsive Web Diseño por ejemplo):

  • Proporcionando a los usuarios una experiencia optimizada para (potencialmente) cualquier tipo de dispositivo, desde las computadoras de escritorio hasta los dispositivos móviles, la división de los últimos entre los teléfonos con funciones y teléfonos inteligentes. Sin embargo también podríamos identificar televisores inteligentes o videoconsolas.
  • Anuncios optimizada, por la capacidad de los dispositivos de segmentos en diferentes tipos, podemos dirigir el tráfico de la mejor manera
  • Podemos ofrecer contenidos muy diferentes para la misma página en diferentes dispositivos, mediante la generación de un código distinto para ella con el fin de mostrar una presentación en tabletas, una animación flash en los escritorios o imágenes simples en otros dispositivos móviles.
  • Incluso podemos proporcionar el formato de imagen de la derecha en vez de dar el mayor (o intermedio) uno para luego ser extendido por el cliente, lo que reduce el tiempo de respuesta

Los dos últimos puntos muestran que todavía nos podemos beneficiar de un enfoque sensible y adaptativo pero tenemos que evitar que el cliente descarga una gran cantidad de datos inútiles (código HTML, imágenes, etc.) que normalmente se esconden pero se descargan de todos modos, lo que afecta la respuesta de tiempo.

Personalmente es divertido porque en el front-end que siempre tenía un enfoque versátil, mezclando las mejores características de detección de servidor para el diseño de respuesta, y recientemente he descubierto que también hay un nombre para este tipo de enfoque: RESS (Responsive design with Server Side components).

No importa si su enfoque es el lado del cliente o del lado del servidor, no hay un sistema infalible. Un aspecto importante es tener en cuenta un poco de margen para la falta de fiabilidad, debido al dinamismo de la conducta de los navegadores; fabricantes durante estos años se han introducido los ajustes específicos con el fin de ocultar la verdadera identidad del dispositivo durante la navegación (compresión de datos, navegación anónima, etc.) y no hay forma de magia de detectar el dispositivo, pero cuanto más se tiene control sobre la detección, cuanto más se puede ser reactivo en el descubrimiento de los falsos positivos para la adopción de medidas de fijación específicos.

Por supuesto que podemos hablar mucho más sobre la “detección de dispositivos.” Traté de explorar el tema a partir de lo que ha sido mi primera experiencia (cómo mostrar el contenido correcto en los dispositivos móviles) a las necesidades actuales de un tráfico mejorado; el objetivo no es promover enérgicamente este tipo de enfoque, sino más bien para explicar la importancia de tener el control sobre el reconocimiento de los dispositivos en nuestro ámbito empresarial.

Aquí algunos enlaces útiles que les puede interesar:

http://www.smashingmagazine.com/2012/09/24/server-side-device-detection-history-benefits-how-to/

http://www.developerfusion.com/article/141514/working-with-mobile-devices-in-html5-and-css3/

http://mobiforge.com/news-comment/why-increasing-device-fragmentation-having-a-positive-impact-mobile-ad-targeting

http://www.scientiamobile.com/page/using-wurfl-device-detection

http://www.brucelawson.co.uk/2014/device-detection-responsive-web-design/

http://www.ektron.com/Blogs/eGandalf/The-Broken-Mobile-Paradox-Part-4–RESS/

http://blog.milestoneinternet.com/web-development/responsive-websites-server-side-device-detection-explanation/

 

author-post-tiziano-palozza