• Das kreative Thema des Monats Oktober wird vor allem diejenigen unter Euch besonders ansprechen, denen Do-it-yourself quasi im Blut liegt. Zeigt uns Eure Improvisationskünste oder fotografiert, was andere Leute sich so im Alltag zusammengestrickt haben. --> Zum Mitmachen bitte hier klicken

WebApp und Unterschrift

kim88

Weigelts Zinszahler (Rotfranch)
Registriert
27.11.10
Beiträge
252
Hallo zusammen,

Ich erzähle hier kurz die Idee an der ich bin, bevor ich zur eigentlichen Frage komme.

Ich entwickle zurzeit eine WebApp für das iPad. Ziel ist es für einen selbstständigen Servicetechniker die Schreibarbeit zu erleichtern. Im Webinterface sind Kundendaten, Preislisten, etc hinterlegt. Servicetechniker kommt zu einem Kunden macht dort die Arbeit, kann direkt auf dem iPad eingeben, bei wem er war, wie lange, Anfahrtsweg, welche Ersatzteile (zu welchem Preis) er gebraucht hat, etc.

Aus diesen Daten soll die Webapp 2 PDF erstellen. Ein Arbeitsrapport und eine Rechnung.

Der Arbeitsrapport wird dem Kunden dann direkt als PDF per Mail abgeliefert.

Nun kommt die Frage. Solche Arbeitsrapporte werden in der Regel Unterschrieben. Mit HTML5 kann man coole Sachen machen z.B. sowas:
http://devfiles.myopera.com/articles/649/example5.html

(wenn man dort pencil wählt) ist es kein Problem zu unterschreiben und das Bild nachher in das PDF zu bauen. Das Problem ist nur auf dem iPad wird mein Finger nicht wie als Mauszeiger interpretiert, sprich dort kann ich nicht "zeichnen". Kennt jemand von euch gerade ne elegante Lösung wie man mit dem Finger (bzw. spezieller Sift) auf dem iPad eine Unterschrift erzeugen kann, die danach auch als Bilddatei weiter verarbeitet werden kann?

kim88
 
  • Like
Reaktionen: _lio_
Einfach ein Canvas-Element nutzen, und per Javascript per gedrückter "Maustaste" malen. Mit einem iPad und Stylus sollte das dann sogar recht gut klappen. Das geht sogar wunderbar ohne jQuery. Du brauchst ja keinen breiten Browsersupport sondern lediglich den sehr Programmierer-freundlichen WebKit Safari des iPads. ;)