2008-09-25 20 views
23

Mi empresa está considerando ofrecer un sitio web móvil ligero 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.¿Es posible la captura de firmas en varios navegadores web móviles?

¿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, en una amplia variedad de dispositivos móviles/navegadores web? Solo pido soluciones en el navegador, no clientes gruesos.

Por razones obvias, se requiere que el dispositivo tenga una pantalla táctil.

Ciertamente hay muchos, muchos navegadores móviles diferentes con una gran 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 a third party ActiveX/OCX control for 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

No conozco personalmente muchos navegadores móviles que soportan alojar 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 foto 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.

+0

puede firmar digitalmente cosas en archivos PDF, pero definitivamente no tome la firma real. ¿Hay algo que te impida hacer eso aquí? –

+0

Me doy cuenta de que esta es una vieja pregunta, pero es una búsqueda de google popular para el mismo tema. Ese control bennet-tec al que se vincula no es bueno en las versiones más nuevas de Internet Explorer y no creo que tengan ningún plan para actualizarlo. Estamos buscando una solución para alejarnos de ellos. –

Respuesta

0

No creo que esto sea ni 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.

0

Si el navegador móvil es compatible con javascript, es posible que pueda hacerlo 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, verá 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 el javascript sin embargo - que sólo pueden pasar clics ...

Algunas pruebas puede estar en orden.

-Adam

1

En primer lugar, soy un 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.

Ya llegué por 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.

+0

Creo que está pidiendo algo que pueda ejecutarse en un navegador. –

+0

Sí, aplicación de navegador. –

+0

Buena respuesta, en todos los casos está usando la pantalla del dispositivo. Nuestros usuarios son mecánicos y personas de mantenimiento. Tienen las manos más ásperas, usan guantes ásperos y, a veces, los dedos sucios. Necesita un buen protector de pantalla – xpagesbeast

2

Creo que la idea de la imagen es realmente ingeniosa, 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.

+0

Buena idea. Pero, ¿cómo integrar firmemente la captura de firmas completa de modo que sea perfecta para el usuario? Cada dispositivo habilitado con cámara tendrá su propia aplicación de cámara. No habrá un método común para acceder a la aplicación de la cámara desde la aplicación web. –

+0

Así sería como: Cambiar a la cámara. Tome la foto. Obtener imagen en el correo electrónico como archivo adjunto. Establecer la dirección de correo electrónico. Escanee un código de barras o ingrese una identificación única (tal vez ponga eso en Asunto). Lamentablemente, eso es probablemente demasiado trabajo y demasiado para que el usuario lo recuerde. –

0

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 son compatibles con 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.

20

Hay un plugin de jQuery para hacer esto ahora ->http://thomasjbradley.ca/lab/signature-pad

El enlace anterior es inactivo como de 17 de marzo, 2016, pero el repositorio relevante es en GitHub: https://github.com/thomasjbradley/signature-pad

+0

Actualmente en uso en implementación. – TPorteus

+0

Genial, gracias por la sugerencia. Lo verificará. –

+0

Nota: Hay una nota en ese sitio que al convertirla en una imagen no siempre funciona en Android debajo de la versión 3. Dicho esto, si puede obtener los datos de coordenadas, siempre puede hacer su propia imagen. – tsilb

2

thomas j bradley's jQuery signature-pad plugin es increíble y muy fácil de implementar.

+0

Está bien, un poco scribbly. Hay mejores complementos que aplican un efecto suave creando una firma atractiva, ideal para UX. Los complementos no son gratuitos. Alguien encontró uno gratis> –

0

Lienzo, con Flash (a través de FlashCanvas) funcionó bien para nosotros con jSignature. http://willowsystems.github.com/jSignature/

MIT + Works (se escribió específicamente para ejecutar) en todos lados hay Canvas o Flash. + probado en iPad, iPhone, tabletas Android, teléfonos.

Cuestiones relacionadas