mobile - tipos - Captura de firma posible en varios navegadores web móviles?
herramientas para probar un sitio web responsive (12)
Canvas, con Flash (a través de FlashCanvas) funcionó bien para nosotros con jSignature. http://willowsystems.github.com/jSignature/
MIT + Works (fue escrito específicamente para ejecutarse) dondequiera que haya Canvas o Flash. + probado en iPad, iPhone, tabletas Android, teléfonos.
Mi compañía está considerando ofrecer un sitio web móvil liviano para la entrada de datos en el campo (ya tenemos una aplicación móvil de cliente grueso). Un requisito difícil es que debemos ser capaces de capturar una firma.
¿Existe alguna técnica anterior para capturar una firma, específicamente dentro de una página web que se ejecuta dentro de un navegador web móvil, a través de una amplia variedad de dispositivos móviles / navegadores web? Solo estoy pidiendo soluciones en el navegador, no clientes gruesos.
Por razones obvias, el dispositivo debería tener una pantalla táctil.
Ciertamente, hay muchos, muchos navegadores móviles diferentes con una amplia variedad de capacidades. La solución ideal sería compatible con tantos navegadores como sea posible y se degradaría con gracia en función de las capacidades del navegador.
Ya soy consciente de que ciertas versiones de Flash pueden proporcionar las API de dibujo necesarias para algo como esto, suponiendo que el navegador del dispositivo deseado es compatible con Flash.
También conozco un control ActiveX / OCX de terceros para Pocket IE en dispositivos con Windows Mobile. Es necesario que el usuario descargue / instale manualmente el control dentro del navegador antes de usarlo. Desafortunado, pero aceptable
Personalmente, no conozco muchos navegadores móviles que admiten el alojamiento de un applet de Java, pero probablemente haya alguno. Nuevamente, basado en el soporte para varias API de Java, quizás esta sería una posible avenida.
Javascript podría hacer esto, si el motor y el procesador son lo suficientemente robustos en el dispositivo.
Finalmente, el sueño total aquí, tal vez uno podría hacer que el usuario tome una fotografía de una firma usando la cámara del dispositivo móvil en una hoja de papel y de alguna manera cuente eso como una firma válida. Sin embargo, esto produciría una imagen de mapa de bits, a diferencia de los vectores que probablemente estaría recopilando en todas las demás instancias. Además, sería bastante difícil, si no imposible / irracional, integrar la toma de la foto a través de una aplicación de cámara y cargarla usando la aplicación del navegador web mientras se asocia esa imagen específica con el resto de los datos que se capturan.
Gracias.
Creo que la idea de la imagen es realmente inteligente, pero daría un paso más. Algunos dispositivos móviles (teléfonos en particular) ni siquiera cargan archivos en un navegador. Generaría una dirección de correo electrónico específica de la operación, un hash de algún tipo de identificación de transacción y la identificación de usuario, por ejemplo, y permitiría que se enviara como un archivo adjunto de correo electrónico. Esto debería atraer a una gran variedad de clientes, además de no agregar una complejidad terrible.
En primer lugar, soy desarrollador de C ++, no web, pero he escrito e implementado una rutina de captura de firmas de Windows Mobile en C ++ / MFC. Si quiere usar o traducir el código, hágamelo saber y lo publicaré aquí. No es particularmente elegante, pero cumple su función. Básicamente, necesita los clics del botón y los mensajes de movimiento del mouse disponibles.
Después de haber recorrido este camino, mi conclusión es que no es un gran uso de la tecnología. Las pantallas tienden a rayarse y no responden en el área de captura de la firma, haciéndolas inútiles no solo para la captura de firmas, sino también para otras operaciones. Nuestra experiencia fue que para las aplicaciones de tipo de fuerza de ventas para dispositivos móviles, limitó la vida útil de las unidades portátiles a aproximadamente un año y resultó con menos de usuarios satisfechos.
La idea de la cámara parece mucho más inteligente y no va a romper el dispositivo. IMO también obtendrías mejores firmas, las de pantalla táctil son horribles.
Es posible que desee considerar el complemento jQuery de OpenSource: https://github.com/applicius/jquery.signfield/
Hay un complemento jQuery para hacer esto ahora -> http://thomasjbradley.ca/lab/signature-pad
El enlace anterior está inactivo desde el 17 de marzo de 2016, pero el repositorio relevante está en GitHub: https://github.com/thomasjbradley/signature-pad
No creo que esto sea siquiera técnicamente posible si estás hablando de que funcione en una amplia gama de navegadores móviles. La mayoría de los teléfonos pueden, al menos, enviar por correo electrónico una imagen con bastante facilidad para que siempre la pueda enviar a alguna cuenta donde los archivos adjuntos se descargan en algún lugar. Aún así, tendría que escribir manualmente algún identificador en el tema.
Sí, encontré uno, esto funciona en Android 2.1, 2.2, iPhone. Funciona muy bien, y viene con el código php para convertir tus coordenadas guardadas JSON en imágenes. http://thomasjbradley.ca/lab/signature-pad
Si el navegador móvil admite javascript, entonces puede hacer esto en algunos dispositivos con pantalla táctil. De lo contrario, tiene que hacerse con un plugin, java, flash o algún método similar.
Con javascript mirarías dónde está el ''mouse''. En algunos dispositivos, si el usuario presiona la pantalla con el lápiz, puede capturar los movimientos del mouse y registrar el patrón que siguen (firma).
Sospecho que algunos navegadores móviles no pasan esa información en javascript, solo pueden pasar clics ...
Algunas pruebas pueden estar en orden.
-Adán
Sin incrustar algo en una página web, la única forma de hacerlo sería con JavaScript.
Desafortunadamente, la mayoría de los navegadores móviles no admiten JavaScript y los que sí lo hacen no son particularmente rápidos.
No creo que sea posible crear una solución genérica basada en la mayoría de los dispositivos que existen actualmente.
Todas estas respuestas están desactualizadas.
Actualmente la mejor biblioteca es - https://github.com/szimek/signature_pad
http://mysignature.brinkster.net - No funciona para un navegador móvil http://thomasjbradley.ca/lab/signature-pad - No funciona para el IE. Tiene lienzo y tecnologías flash. IE tiene un problema con la etiqueta canvas.
http://thomasjbradley.ca/lab/signature-pad es increíble y muy fácil de implementar.