Ejemplos de javascript en smartphones

El uso del sensor de orientación queda obsoleto

Los smartphones son dispositivos omnipresentes e increíblemente optimizados. Prácticamente todo el mundo posee un teléfono inteligente en la sociedad actual, lo que le permite acceder a Internet y a diversas funcionalidades de los sensores cuando lo necesita. Funciones como las llamadas telefónicas y las redes sociales no hacen más que arañar la superficie de lo que son capaces estos dispositivos portátiles, y muchos investigadores de la comunidad de Interacción Persona-Ordenador (HCI) han explorado usos más innovadores de los smartphones para mejorar las interacciones con el mundo que nos rodea [lucero_holopainen_jokela_2022, alireza, jurgen]. Hasta donde sabemos, faltan bibliotecas o marcos de trabajo que permitan a los investigadores diseñar rápida y eficazmente experiencias interactivas basadas en los teléfonos inteligentes. Hemos desarrollado SmartControllerJS con el objetivo de abordar esta carencia.

SmartControllerJS pretende aprovechar la gran variedad de sensores que ofrecen los teléfonos inteligentes para crear controladores que no requieran un equipo costoso ni la instalación de software para funcionar. El concepto central es convertir el smartphone de un usuario en un controlador -como un joystick, un panel táctil o un sensor- simplemente escaneando un código QR.

Inclinación del teléfono con Javascript

La forma más fácil de comprobar el nombre y el número del modelo de tu teléfono es utilizar el propio teléfono. Ve al menú de Ajustes u Opciones, desplázate hasta el final de la lista y marca “Acerca del teléfono”, “Acerca del dispositivo” o similar. El nombre del dispositivo y el número de modelo deberían aparecer en la lista.

Esto puede parecer una obviedad, pero deberías poder encontrar alguna mención al teléfono o a su número de modelo en el teléfono, o entre las cosas que encontraste en la caja. La propia caja también es un buen indicador, ya que la mayoría incluye el nombre y el número del modelo en una pequeña pegatina blanca. Si no hay nada que destaque como posible nombre del modelo, intenta buscar en Google cualquier palabra o número que puedas encontrar. Esta misma pegatina también puede encontrarse en el interior de algunos teléfonos antiguos, normalmente dentro de la tapa de la batería (y potencialmente detrás de una batería extraíble).

¿Pediste tu teléfono inteligente en línea, a través de tu red de telefonía móvil o de un minorista de terceros que ofrece teléfonos sin SIM? Normalmente, recibirás un recibo de pedido en tu correo electrónico que debería tener tu número de modelo exacto. Por ejemplo, la red comunitaria giffgaff envía un correo electrónico que incluye el nombre completo del modelo de teléfono que has elegido, además de un enlace a la página del terminal, por lo que siempre deberías poder encontrar el modelo correcto. Apple envía un correo electrónico similar, y otros minoristas deberían proporcionar un rastro de papel similar para que puedas hacer un seguimiento.

Evento de orientación del dispositivo

deviceorientation proporciona componentes alfa, beta y gamma que corresponden a la orientación a lo largo de los ejes Z, X e Y, respectivamente.devicemotion proporciona la aceleración y la velocidad de rotación a lo largo de tres ejes utilizando acelerómetros y giroscopios MEMS.

Los datos del sensor que se muestran a continuación no salen de tu navegador: no se recogen, comparten o transmiten. Sin embargo, esto puede no ser cierto para otros sitios web que usted visite. Para más información, consulte la página complementaria de nuestro estudio: “El sexto sentido de la web: Un estudio sobre los scripts que acceden a los sensores de los teléfonos inteligentes”.

Giroscopio Javascript

Si bien la mayor parte del texto de abajo sigue siendo válido, ahora diría que jQuery Mobile hace un gran trabajo al proporcionar un conjunto de componentes de interfaz de usuario bien diseñados y utilizables, al tiempo que alivia muchos de los problemas de prueba y detección de dispositivos para los que he utilizado WURFL en el pasado. Todavía está en fase beta, pero parece que funciona bastante bien. Recomiendo comprobarlo.

Usando esto, puedes recuperar (algunas) capacidades de los dispositivos que están accediendo a tu sitio, usando su cadena de Agente de Usuario. Probar las aplicaciones web para móviles es una especie de prueba del navegador del infierno – hay tantas combinaciones diferentes de dispositivos y navegadores, que es una tarea difícil. Si puedes centrarte en desarrollar una o dos versiones para teléfonos bastante capaces, digamos:

En cuanto al diseño de la interfaz de usuario, hay un par de cuestiones. La más sencilla es que el CSS sea bonito. En este caso, basta con mirar algunos sitios móviles que te gusten y robar su CSS. Una vez que hayas hecho esto, básicamente estarás haciendo un desarrollo web normal y corriente, sólo que en una pantalla pequeña. Las ul se convertirán en bonitas tablas tipo iPhone, etc.