Implementing more and more touch events into “TosmE” by coding each separately got difficult. I thought about a touch-gesture-recognition module. A web search presented a lot of ready to use solutions.

One of them was Dojo. Dojo is also used by the upcoming JavaScript editor iD. So I read some tutorials and tried to realize the features of TosmE with DoJo. Well, it wasn’t easy. I missed an Index how to solve certain functions. And I missed examples. So my soluton was cartainly ugly but it worked so far. I could set new nodes and move them.

But the Dojo modules dojo/mouse dojox/gesture don’t support all the extras I did with plain JavaScript. I differ between steady and moved object untouching for example. I wanted a Z-like gesture for undo. And so on.

That’s no dead end, Dojo is ought to be extended. At last, I learned a lot about event driven coding instead of time cycles. There are other frameworks with much more features. This looks fine. iD is extendig to other frameworks to, we will see.

“TosmE” is a prototype to work out how to edit ways and areas only by touch gestures.

You may run it from the FOSSGIS server: http://tosme.openstreetmap.de

Do you like it?

It’s tested on iPad and iPhone with Safari. I would like to add the function into iD

Info - More soon.

When I introduced my little touchscreen project “TosmE” to a small Google+ community, I got the fist hint to “iD”. It uses JavaScript as I do. With only the name “iD” I asked myselve: Does it support only Apple devices or Android to? Then I read some more about iD:

The main goal is to have an even more new-user-fiendly editor. Well, that mainly depends on the User-Interface. We should find a Usability company who may contribute to OSM by analysing the iD-UI. I hope, next to the newbe-save-edit mode, there will be a speed-edit mode later too.

iD coded in JavaScript will run on almost any actual device, and it will be the only way&relation-editor running on iPad/iPhone/iPod. But only if it includes als a touch interface. And that’s what I with TosmE are coding as an prove of concept. May be I could add touch functionality into iD.

   -------

I first tested iD on my iPhone: The UI is realy not intented for small screens yet. Then iPad: Better; but no nodes and ways to see and no way to create new once. At last with a notebook: Yes! Setting notes&ways works. The editing feels good, there is much visual help. Not perfect, not cool but functional. Still no existing data yet. May be Overpass could be used there.

Does it realy upload to OSM? I don’t want to make my tests anyting bad. Oh, at London I see some public toilets swimming in the Themse, may be iD uses it’s own edit server, would be good. Where are informations like that?

Does iD realy need tester at the moment? Therer are so much bad/non functions, you code writer know them yourselve, don’t you?

Example: The selector of a tag content goes up and down by cursor-keys, but it doesn’t stop at the first/last option, it goes invisilbe into nirvana, but can go back into the visible part. Things like this should be found in module test by the code editor, should’t they?

I would like to know how to find the according JS code and how to fix that error, just as an example.

To be continued …

Falls einer bemerkt, das es nicht so recht weiter geht: Durch mein erfülltes Leben kann ich höchstens 2h/Tag an dem Projekt arbeiten.

Eigentlich bedarf der JS-Code dringend des Aufräumens. Vorher wollte ich aber wissen, ob man für das Teilprojekt “Küstenlinen malen” mit OpenLayers einfach eine Karte (Bing) oder ggf. Gebiete der OSM-Daten darstellen kann.

Kann man sicher. OpenLayer scheint so mächtig, dass man damit wohl auch einen OSM-Editor erstellen kann, auch für Touch-Bedienung. Das gefährdet die Moral des Projekts “TosmE”: Es geht doch schon alles.

Nach einigen Tagen des Lesens und gelegentdichen Versuchens ist mir OpenLayer leider immer noch nicht geheuer, zu groß, so ganz anders als Java-Code. Im Detail dürften die fertigen Funktionen gut, aber nicht ideal für Touch-Edit sein. Es gibt wohl auch genug Möglichkeiten, dies anzupassen, aber wie-was-wo das alles?

Wer kann helfen, mit OpenLayer im Detail zurecht zu kommen?

Ansonsten gibt es ja auch so noch viel zu Erkunden bei der Frage, welche Gesten wozu geeignet sind, beim Wege- und Flächen-Editieren.

Dieter hat für seinen UsedCase passende Infos geliefert, fein. Openlayers kenne ich noch nicht, aber klauen von Code kann ich :-) Die meisten TosmE-Tester mahlen auch spontan mit dem Fingergleiten Ways. Also habe ich mal das Work-Package “Editier-Modus Paint&Calc” vorgezogen. Aber das war zu früh!

• Ein neuer Zeichen-Mode für Ways muss angewählt werden. Die Mode-Auswahl erfolgt, wie das bei Apple-Tools üblich ist automatisch und (hoffendlich) intuitiv. Also mal probiern, wann Einzelpunkt-Edit und wann Paint&Calc kommt.
• Paint: Bei jedem TouchMove-Event eine Node zu setzen war dann schnell gemacht.
• Calc: Aber dann wurde es schwierig: Der Josm Java-Code zu Vereinfachung des Way “buildSimplifiedNodeList” mußte zu Javascript konvertiert werden. Gibt es da (wie Gerüchte sagen) ein Tool zu? Da ich noch nicht die Klassen von Josm verwende, war das mühsam. Und natürlich ging erstmal nichts. Aber so habe ich gelernt, wie clever die Klassen Node und Way im Josm sind, wie man in Javascript recrusiv programmiert und so etwa wie die simlifizierung gelöst ist. Jetzt kann man beim Loslassen des gemalten Wegs zusehen, wie Punkte verschwinden. NACHTRAG: Der Algorithmus gefällt mir nicht. Bei Geraden sollte mehr optimert werden als bei Kurven.
• Ob ich nun gleich Die Bing-Karte dahinter lege, kommt darauf an, wie komplex das Beispiel ist.
• Einen Way-XML-String bekomme ich hin, nur wie und wo soll die Datei gespeichert werden, auf dem iPad? Man könnte sie als GPX-Upload in OSM ablegen, mal sehen.

Das Malen macht jedenfalls spaß, wie man hier sieht:

… See full entry

Ja! “TosmE” ist jetzt ein Projekt auf dem FOSSGIS Entwicklungs-Server und der Test direkt aufrufbar mit http://tosme.openstreetmap.de. Der ggf. aktuellere Stand ist aber derzeit noch über dem DropBox-Link http://db.tt/drw3zZKd (+Download) erreichbar, da ich das SSH-FTP vom iPad aus noch erkunden muss.

Der Kommentar hier im Block, der meines Sohnes und mein Gefühl besagten, dass der “Offset” beim Punkte setzen irritierte. Jetzt solle es besser sein. Genaueres ist auf der neuen TosmE-Wiki-Seite, auf dem die Infos, Hintergründe und Pläne zum Code stehen. Die “Lupe” ist jetzt weniger aufdringlich. Kleinigkeiten sorgen dafür, das man die Positionen besser treffen kann. Vorhandene Punkte sind leichter erreichbar.

Eine geschlossene Fläche/Ringstrecke wird sichtbar erkannt. Dabei stellte sich die Frage: Welche Wege bzw. Flächen sind für den Renderer gültig? Ein runder “O”-Weg ist erlaubt (Kreisverkehr). Auch ein “P”, eine “8”? Gibt es da eine Liste, was Editoren erlauben oder prüfen sollten?

Für die meisten noch anstehenden Funktionserweiterungen findet man im Weg schnell Lösungsansätze. Als nächstes ist Punkte-Löschen und Verschieben geplant. Test-Kommentare sind weiter erwünscht. Testen kann man jetzt übrigens auch mit Mausbedienung, was aber nicht das echte Feeling gibt. Es erleichtet aber das Programmieren. Irgendwie editiert es sich mit Tastatur doch besser als nur am iPad :-)

Hier ist der erste Prototype einer Wege-Eingabe per Touch-Bedienung. Wenn man die Finger über das iPad streichen kann, weis man sofort, wie man bedienen möchte. Aber ist das wirklich bei jedem gleich? Daher bitte ich alle, selbst zu testen und die eigenen Erwartungen zu äußern. Derzeit geht nur eine Art des Weg-Neuzeichnens auf einem fast leeren Hintergrund, sonst nix (Löschen per Reload). Bei motivierendem Feedback kann sich das schnell verbessern. Ich habe noch einen weiteren Zeichenmode im Sinn; meinem Sohn ist sofort ein Dritter eingefallen, …

http://db.tt/drw3zZKd ist ein DropBox-Link der zunächst den Quellcode anzeigt. Bitte auf dem iPad “Download” wählen, dann erscheint der Test. Gibt es bei OSM einen Server, wo ich den Test ablegen könnte? Derzeit ist es nur die eine einzelne HTML-Datei. Ach ja, wer sich jetzt bei DropBox anmeldet, bitte über mich/hier: http://db.tt/tpgaPXY. Dann bekommen wir beide mehr Speicherplatz. Mein Arbeitstitel für den Test ist “TosmE”, .de währe noch frei :)

Getestet habe ich hauptsächlich mit dem Retina-Display, aber auch das iPad(1) geht gut; beim iPhone ist noch eine Anpassung offen, aber der Bildschirm ist sowieso zu klein, damit es Spaß macht. Per Maus geht derzeit gar nichts. Wer kann andere Tabletts, natürlich auch Android, für mich testen? Der Quellcode ist ja offen, und da ich nicht der genialste Javascriptschreiber bin, nehme ich auch hier gerne Tipps entgegen.

Natürlich ist noch endlos viel zu tun. Ich werde wohl im OSM-Wiki eine Seite anlegen, für eine ToDo-Listet, die Entwicklungsdokumentation(wie&warum so, Strategien) und hoffendlich auch anregende Diskussionen.

… See full entry

Seit wenigen Wochen habe ich ein Touch-Brett (iPad). Mit dem iPhone ist OSM gerade im Urlaub ein Genus. Seine GPS-Tracks sind brauchbar. Mit dem iPad will ich jetzt aber Editieren! Drei Tage Suche im Netz habe ich viele Versuche und Projekte in Richtung JavaScript und HTML5 gefunden, aber kaum was für Touch-Geräte. (Der FOSSGIS-Vortrag von Paul-Fiete Hartmann hat mir gefallen)

Zunächst habe ich überlegt, wo die Hindernisse sind. Hardware, JavaScript-Übersetzer, Grafikeigenschaften, die Vernetzung, dass sollte heute alles ausreichen.

Besteht zu wenig Interesse im vergleich zum doch erheblichen Aufwand? Oder könnte es sein, das es zu viele Einzelaktivitäten gibt, so viel Code, aber kein gemeinsames Projekt? Ein wenig parallele Evolution ist bei OSM nicht falsch. Das wird schon werden, denke ich.

Was ich noch nicht gefunden habe, ist ein Erarbeiten der (Finger-)Touch-Bedienung, inklusive des Editierens von Wegen und Relationen. Vielleicht kann ich mich da zu einem Versuch aufraffen. (Was Ähnliches habe ich schon mal gemacht: http://bit.ly/HvbXTN)

I don't drink black black tea very often but I really love English cream tea.

I had my first one in a lovely garden in Greenwich
and now I found one close to where I live: Search "teegiesserei bamberg" in OSM.org.

www.openstreetmap.org/?lat=49.890311&lon=10.885091&zoom=18&layers=M

Another fine place, offering scones and clotted cream is in Hamburg-Blankenese: Lühmanns.
Do you know more about such places outside the UK? I would like you to add it in OSM.

* How to tag/map offers of cream tea?

* What about a "project of the week" to add places, offering cream tea?
(OSM was born in the UK)
* How could one search in OSM for such special places.

Auch wenn man nur virtuell den Jakobsweg "beschreitet" kann man sein Wesen erweitern, nicht nur um profanes Wissen sondern auch um neue Bekantschaften und um Durchhaltevermögen bei den Wiedrigkeiten der Technik. Nach ein wenig "Feldforschung" ist mir auch klar geworden, warum die Muschel mal so und mal sorum plaziert wird: Die Spitze ist der Richtungspfeil.

Fremde Tracks ungefragt in OSM hochzuladen ist nicht ok, klar. Die habe ich auch wieder gelöscht nach dem ich weis, das OSM nur Track-Punkte mit Zeit-Tag mag. Und nach dem Track bestehende Wegstücke zu erkennen und in die Relation zu packen geht in JOSM sowiso besser als in Potlatch. Das geht sogar so gut, das Einzelrelationen für Tagesetappen nicht notwendig ist. Auch fehlende Wegstücke nach dem Track einzuzeichnen währe nicht ok gewesen. Dafür war der Track auch zu grob und ungenau. Auch Luftbilder sind da oft nicht hilfreich.

Also bleiben Lücken, vorerst. Da brauche ich Hilfe. Und dafür gibt es ja den Tag . Es ist schon erstaunich, wie viele OSM-Tools es gibt, das ist schon eine evolutionäre Redundanz, gut so. (keepright.ipax.at, tools.geofabrik.de/osmi/?view=tagging, OpenStreetBugs.org)

Etwas fehlt mir da aber noch: Sowas wie einen FIXME-ALERT, also eine Benachrichtigung, wenn in meiner Nähe ein oder eine andere Ungereimtheit auftaucht. Im OSM-Profil könnte ein Fixme-Range in Meter sein. Null = aus, ansonsten bekommt man bei neuen FixMes innerhalb des Ranges um den eignene Standort eine Nachricht ins Postfach. Da werde ich wohl mal ein Proposed features/Key:fixme um einen Unter-Vorschlag erweitern.

Neben den Tracks wurde ich auch zu den Tags der Relation angesprochen. Die Infos im wiki.openstreetmap.org/wiki/Projekt_Jakobsweg sind noch zu Überdenken. Zum Beispiel erkenne viele Tools das nicht: network=iwn,Camino de Santiago

Bei "operator" muß ich noch Infos suchen. Tipps dazu sind willkommen.

… See full entry

Auf der Suche nach dem nächsten Wanderweg, der in OSM einzutragen währe
erkannte ich, dass der Jakobsweg meinen täglichen Arbeitsweg kreuzt,
genauer: Der fränkische Jakobsweg bei Forchheim.
Eine gewaltige Aufgabe währe das, den einzutragen.
Zunächst habe ich mich bei Schnee und Kälte auf den Weg gemacht
um zu erkennen, das die Muschel tatsächlich alles gut markiert.
Aber alles selbst abzulaufen, das wird noch eine weile dauern.

Da Beschreibungen und Karten nie die Details zeigen
war ich froh, auch verschiedene GPX-Dateien zu finden.
Da sie nicht exakt die gleichen Punkte-Koordinaten habe,
aber ansonsten alle Details übereinstimmen, kann man denen wohl trauen.
Es gibt zwar gelegendlich Abweichungen, da geht man mal rechts statt links
um einen kleinen See oder eine Kirche herum oder anders über eine Platz.
Da kann man ja mal hingehen und sehen wo die Muschel-Zeichen kleben.

Nach ein bischen XML-Editieren konnte ich die GPX-Dateien sogar in OSM hochladen.
Bei fernwege.de steht ein (C), bei deutsche-jakobswege.de nicht.
Aber da sie mir ja nur zur Erstellung der Relationen dienen sollen
ist das sowieso kein Problem. Die Dateien von fernwege.de sind
besser gestückelt und mit (roten) Wegpunkten versehen; so ist der Weg
beim Editieren mit Potlatch besser sichbar als nur die (blaue) Weglinie,
die oft von OSM-Wegen und Relations verdeckt wird.
Eine [Projektseite] im Wiki gibt es auch, also kann es losgehen, fast.
osm.wiki/Projekt_Jakobsweg

Potlatch, der Flash-Editor ist bei so vielen Daten schon zäh
und die Zuordnung von Wegen zu einer Relation eher umständlich.
Also habe ich nach längere Zeit mal wieder den JOSM benutzt.
Damit geht das Erstellen der Relation flot von der Hand.

… See full entry