Có thể chụp chữ ký trong các trình duyệt web di động khác nhau?

Question

Công ty của tôi đang cân nhắc cung cấp một trang web di động nhẹ để nhập dữ liệu trong trường (chúng tôi đã có ứng dụng dành cho thiết bị di động dày). Một yêu cầu khó khăn là chúng ta phải có khả năng ghi lại chữ ký.

Có nghệ thuật nào trước đây để chụp chữ ký, cụ thể bên trong trang web đang chạy bên trong trình duyệt web di động, trên nhiều thiết bị di động/trình duyệt web không? Tôi chỉ yêu cầu các giải pháp trong trình duyệt, không phải là khách hàng dày.

Vì lý do hiển nhiên, thiết bị sẽ được yêu cầu có màn hình cảm ứng.

Chắc chắn có rất nhiều trình duyệt di động khác nhau ở đó với nhiều khả năng khác nhau. Giải pháp lý tưởng sẽ hỗ trợ càng nhiều trình duyệt càng tốt và làm suy giảm một cách duyên dáng dựa trên khả năng của trình duyệt.

Tôi đã biết rằng một số phiên bản Flash nhất định có thể cung cấp API bản vẽ cần thiết cho một cái gì đó như thế này, giả sử trình duyệt của thiết bị mong muốn hỗ trợ Flash.

Tôi cũng biết về a third party ActiveX/OCX control for Pocket IE trên thiết bị Windows Mobile. Người dùng cần phải tải xuống/cài đặt trình điều khiển theo cách thủ công trong trình duyệt trước khi sử dụng. Không may, nhưng chấp nhận được.

Tôi không biết cá nhân nhiều trình duyệt di động hỗ trợ lưu trữ một ứng dụng Java, nhưng có thể có một số. Một lần nữa, dựa trên sự hỗ trợ cho các API Java khác nhau, có lẽ đây sẽ là một con đường có thể.

Javascript có thể làm điều này, nếu động cơ và bộ xử lý đủ mạnh trên thiết bị.

Cuối cùng, tổng chiều dài ống ở đây, có lẽ người dùng có thể chụp ảnh chữ ký bằng camera của thiết bị di động trên một tờ giấy đơn giản và bằng cách nào đó tính là chữ ký hợp lệ. Tuy nhiên, điều này sẽ tạo ra một hình ảnh bitmap, trái với các vectơ mà tôi có thể sẽ thu thập trong tất cả các trường hợp khác. Ngoài ra, sẽ rất khó, nếu không thể không/không hợp lý, để tích hợp việc chụp ảnh qua ứng dụng máy ảnh và tải lên bằng ứng dụng trình duyệt web trong khi liên kết hình ảnh cụ thể đó với phần còn lại của dữ liệu được chụp.

Cảm ơn.

Answer 1

Tôi không nghĩ rằng điều này thậm chí có thể thực hiện được nếu bạn đang nói về việc nó hoạt động trên một loạt các máy di động. Hầu hết các điện thoại ít nhất có thể gửi email một bức ảnh khá dễ dàng để bạn luôn có thể gửi nó đến một số tài khoản mà các tệp đính kèm được bán ở đâu đó. Tuy nhiên, bạn sẽ phải nhập thủ công một số số nhận dạng trong chủ đề.

Answer 2

Nếu trình duyệt di động hỗ trợ javascript thì bạn có thể thực hiện việc này trên một số thiết bị màn hình cảm ứng. Nếu không nó phải được thực hiện với một plugin, java, flash, hoặc một số phương pháp tương tự.

Với javascript, bạn sẽ nhìn vào vị trí của 'con chuột'. Trên một số thiết bị nếu người dùng đang nhấn trên màn hình bằng bút stylus, bạn có thể chụp chuyển động của chuột và ghi lại mẫu mà họ theo dõi (chữ ký).

tôi nghi ngờ rằng một số trình duyệt di động không vượt qua đó thông tin vào javascript mặc dù - họ chỉ có thể vượt qua nhấp chuột ...

Một số thử nghiệm có thể theo thứ tự.

-Adam

Answer 3

Trước hết, tôi là một nhà phát triển C++, không phải web, nhưng đã viết và triển khai một thói quen chụp chữ ký Windows Mobile bằng C++/MFC. Nếu bạn muốn sử dụng hoặc dịch mã, hãy cho tôi biết và tôi sẽ đăng nó ở đây. Nó không phải là đặc biệt thanh lịch, nhưng công việc. Về cơ bản, bạn cần các nút bấm và thông báo chuyển động của chuột có sẵn.

Đã đi xuống con đường này, kết luận của tôi là nó không phải là một công dụng tuyệt vời của công nghệ. Các màn hình có xu hướng bị xáo trộn và không phản hồi trên khu vực chụp chữ ký, làm cho chúng vô dụng không chỉ để chụp chữ ký, mà còn cho các hoạt động khác. Kinh nghiệm của chúng tôi là đối với các ứng dụng loại lực lượng bán hàng trên thiết bị di động, nó hạn chế tuổi thọ của bàn tay được tổ chức khoảng một năm và kết quả là người dùng ít hài lòng hơn.

Ý tưởng máy ảnh có vẻ thông minh hơn nhiều và không làm hỏng thiết bị. IMO bạn cũng sẽ nhận được chữ ký tốt hơn nhiều, những màn hình cảm ứng là khủng khiếp.

Answer 4

Tôi nghĩ ý tưởng hình ảnh thực sự thông minh, nhưng tôi sẽ tiến thêm một bước nữa. Một số thiết bị di động (điện thoại nói riêng) thậm chí không thực hiện tải lên tệp trong trình duyệt. Tôi muốn tạo một địa chỉ email cụ thể hoạt động, một mã băm của một số loại id giao dịch và id người dùng chẳng hạn, và cho phép nó được gửi dưới dạng tệp đính kèm email. Điều này sẽ bắt được rất nhiều khách hàng, cũng như không thêm sự phức tạp khủng khiếp.

Answer 5

Không nhúng nội dung nào đó trên trang web, cách duy nhất để thực hiện việc này là với JavaScript.

Rất tiếc, hầu hết các trình duyệt di động đều không hỗ trợ JavaScript và các trình duyệt không hoạt động nhanh.

Tôi không nghĩ rằng có thể tạo một giải pháp chung dựa trên hầu hết các thiết bị hiện có xung quanh.

Answer 6

Có một plugin jQuery để làm điều này ngay bây giờ ->http://thomasjbradley.ca/lab/signature-pad

Các liên kết trước đó không hoạt động như của ngày 17 tháng 3 năm 2016, nhưng các kho lưu trữ có liên quan là trên GitHub: https://github.com/thomasjbradley/signature-pad

Answer 7

Vâng, tìm thấy một, điều này hoạt động trên Android 2.1, 2.2, iPhone. Nó hoạt động thực sự tốt, và đi kèm với mã php để biến các tọa độ đã lưu JSON của bạn thành hình ảnh. http://thomasjbradley.ca/lab/signature-pad

Answer 8

thomas j bradley's jQuery signature-pad plugin thật tuyệt vời và rất dễ triển khai.

Answer 9

http://mysignature.brinkster.net - Không hoạt động cho trình duyệt dành cho thiết bị di động http://thomasjbradley.ca/lab/signature-pad - Không hoạt động đối với IE. Nó có công nghệ canvas và flash. IE có vấn đề với thẻ canvas.

Answer 10

Canvas, với Flash (Thông qua FlashCanvas) hoạt động tốt với chúng tôi với jSignature. http://willowsystems.github.com/jSignature/

MIT + Works (được viết cụ thể để chạy) ở mọi nơi có Canvas hoặc Flash. + thử nghiệm trên iPad, iPhone, máy tính bảng Android, điện thoại.

Answer 11

Bạn có thể muốn xem xét OpenSource jQuery plugin: https://github.com/applicius/jquery.signfield/

Answer 12

Tất cả những câu trả lời là lỗi thời.

Hiện nay thư viện tốt nhất là - https://github.com/szimek/signature_pad

signature-pad by thomas bradley is no longer maintained