Forum: Platinen Digitalisieren von eingescannten Schaltplänen


von Bernd H. (masterz)


Lesenswert?

Hallo Community,

ich bin gerade dabei mein Fahrzeug zu reparieren.

Jetzt habe ich den Stromlaufplan aus dem Werkstatthandbuch gescannt und 
ich würde alle Arbeiten gerne dokumentiert haben.

Der Stromlaufplan liegt als TIFF vor.

Folgendes soll mit dem Tiff geschehen

1. Alle Leitungen die ich schon gecheckt/repariert/überholt habe, will 
ich in der entsprechenden Kabelfarben markieren (da sw Scan) sodass ich 
weiß welche Leitungen noch unbearbeitet sind.
2. Fahr ich dann über die Leitung drüber mit der Maus, soll diese 
gehighlighted werden (die Farbe verändert sich eben leicht und der Name/ 
Querschnitt der Leitung soll aufpoppen.
3. Endet die Leitung z.B. an der Lichtmaschine, so soll das 
Lichtmaschinensymbol auch verlinkt werden mit dem Originalfoto der 
Lichtmaschine.

Im Grunde ist das Highlighten eine Standardfunktion die z.B. Eagle 
anbietet.

Hat jemand einen Ansatz wie ich dass möglichst unkompliziert lösen kann? 
Auch dass ich Bilder hinterlegen kann?


Für Vorschläge / Tools bin ich gerne offen.
Da ich ja nicht ale Letungen auf einmal überholen werde und dass eher 
ein langfristiger prozess ist, kann der Aufwand auch etwas höher sein.

Viele Dank schonmal im vorraus

von Reinhard Kern (Gast)


Lesenswert?

Bernd Hubert schrieb:
> Im Grunde ist das Highlighten eine Standardfunktion die z.B. Eagle
> anbietet.

Ja, aber Eagle arbeitet auch nicht mit Pixelbildern, sondern mit 
Vektoren. Du müsstest den Schaltplan erst umwandeln in einen 
Eagle-Schaltplan, das wäre wohl noch am einfachsten.

Gruss Reinhard

von Bernd H. (masterz)


Lesenswert?

Hallo Reinhard,

genau dass wollte ich vermeiden, dass ich auf einmal alles nachbauen 
muss.

Ich hatte mir dass eher so vorgestellt, wie man es in Visio machen kann. 
Das Bild als Hintergrund nehmen und eine Leitung als Vektor drauflegen. 
Diese Leitung wäre zumindest in Visio dann anklickbar.

Viele Grüße

von Salewski (Gast)


Lesenswert?

Bernd Hubert schrieb:
> Ich hatte mir dass eher so vorgestellt, wie man es in Visio machen kann.
> Das Bild als Hintergrund nehmen und eine Leitung als Vektor drauflegen.
> Diese Leitung wäre zumindest in Visio dann anklickbar.

Das wird soweit wohl mit fast jedem Programm gehen -- gschem etwa kann 
Hintergrundbilder laden, darüber kanst Du dann Zeichnen was Du magst. 
(Wobei mit dem Anklicken -- vorgabemässig werden bei gschem Segmente 
angeklickt, wie man ganze Netze dann farblich makiert bekommt weiss ich 
gerade nicht.) Aber welchen Zusatznutzen hast Du da? Wenn Du Visio hast 
und damit soweit klarkommst...
Sonst, wenn man alles nachzeichnen will, muss man sehen welches Programm 
möglichst viele der Symbole, die Du brauchst, hat. Oder eben die Symbole 
selber erzeugen, das ist dann etwas Arbeit.

von masterz (Gast)


Lesenswert?

Ich will den Stromlaufplan, in ein Forum stellen dass alles was davon 
haben.

Deshalb wollt ich das in einer Art HTML unterbringen.

Visio hat eben keiner.

Ja dass mit den Netzten Verlincken, da bin ich auch noch nicht auf das 
Richtige gekommen :(

von gnd3 (Gast)


Lesenswert?

servus!

mal laut gedacht:
* das TIFF in einer Bildverarbeitung "reinigen":
  einheitliche Strichstärken, 100% schwarz, genau senkrecht&waagerecht, 
...
* den Hintergrund transparent machen
* für jedes Signal (oder Kabel?) eine Kopie (neues Layer) machen
* in jeder Kopie alles löschen, was nicht dazu gehört
* schwarz durch die richtige Farbe ersetzen

wenn man jetzt alle Layer übereinander legt, hat man den kompletten 
bunten Schaltplan.

* von jedem Layer nochmal eine Kopie in der Highlight-Farbe machen
* alle Layer in jeweils ein PNG speichern
* eine HTML-Datei erstellen, in der per <div> alle PNGs übereinander 
liegen
* die Fotos an der richtigen Stelle mit visibility='hidden' einbauen
* mit Javascript und onmousemove das passende Highlight-PNG und/oder das 
zugehörige Foto einblenden.

Keine Ahnung, wie langsam das wird. Einfache Linien würde man normal per 
CSS "highlighten", statt onmousemove wäre onmouseover besser, aber wie 
geht das, wenn mehrere Bilder überlappen bzw. die Bilder nicht 
rechteckig sind? Evt. mit image-map und area?

von Bernd H. (masterz)


Lesenswert?

Hallo,

dass ist ein Interessanter Ansatz.

Die Sache mit den hinterlegten Bildern wäre gar nicht so tragisch. Denn 
wenn ich einmal ein PNG mit den gehighlighten Linien/Signalen erschaffen 
habe, kann ich dies in einer Art Website einbinden und die Bilder dort 
über ein verlinktes Rechteck einbinden mit HTML Code. Dazu müsste ich 
keine neuen Ebenen erstellen für die verlinkten Bilder.

Allerdings habe ich deine einzelnen Schritte noch nicht ganz 
durchgeblickt. könntest Du mir einige Stichworte nennen, unter die dein 
Ansatz fällt?

Vielen Dank

von gnd3 (Gast)


Lesenswert?

> Ich will den Stromlaufplan, in ein Forum stellen dass alles was
> davon haben.

das ist doch nicht nur "eine Art Website" sondern eine echte auf einem 
Server? Mein Vorschlag ist jedenfalls dafür gedacht, ganz normale 
www-Technik mit Browser, also HTML mit CSS für einfache Animationen 
und Javascript für kompliziertere.

Mit nur einem PNG wird es nicht gehen, du willst doch irgendwie jedes 
Signal einzeln hervorheben.

Na gut, man könnte auch das komplette Schaltbild in Highlight-Farben als 
Hintergrundbild nehmen und das mit vielen halb-transparenten PNGs 
abdecken. Dann hat man erstmal dunklere Farben und wenn man ein 
Abdeck-PNG per Javascript versteckt, erscheint das Kabel heller. Das 
bietet zwar etwas weniger Möglichkeiten, dürfte aber einfacher und 
schneller sein.

von gnd3 (Gast)


Lesenswert?

hinter diesem Link gibt's ein paar Links (wobei mir der erste Vorschlag 
zu kompliziert ist)

http://stackoverflow.com/questions/3962779/how-do-you-javascript-style-area-elements-on-mouseover

von Bernd H. (masterz)


Angehängte Dateien:

Lesenswert?

Hallo,

also ich bin schon weiter gekommen.

Das Tool meiner Wahl ist yED.

Mit diesem Tool ist es möglich Farblose kästchen zu zeichnen.
Diese Kästchen können auch verlinkt werden.
Die Pfeile von einem Kästchen zum anderen können sehr dynamisch 
gestaltet werden und auch verlinkt werden.
Zusätzlich gibt es den Mouseover Effekt, indem man sowohl beim Kästchen 
als auch bei der Leitung durch Mouseover eine Information erhält.
Wenn ich jetzt noch die Leitung bei einem Mouseover farblich verändern 
kann (wie es bei einem normalen Link der Fall ist). Wäre mein Problem 
gelöst.

Weiß jmd ob das mit Yed geht?!

Der Schaltplan ist natürlich als Background abgelegt!

Im Anhang habe ich auf die Schnelle etwas Probiert.

Das gelbe Kästchen ist das Kästchen wie yED es zeichnet.
Das Schaltsymbol 45 habe ich als Transparentes Kästchen gezeichnet und 
dem die Bezeichnung Anlasser gegeben (das ist zwar kein Anlassersymbol, 
aber das ist ja nicht das Thema ;) ) und man sieht: Der Mouseovereffekt 
klappt und auch die Leitung lässt sich sauber nachfahren

: Bearbeitet durch User
von PopCorn (Gast)


Lesenswert?

Hallo,

ich empfehle folgendes:

mit SCAN2CAD ein DXF erstellen
http://www.scan2cad.com/

Anschliessend in EAGLE einlesen (import), oder mit AutoCAD bearbeiten.

Danach kann man es in jedem Format bringen.

Good Luck...

Bitte melde dich an um einen Beitrag zu schreiben. Anmeldung ist kostenlos und dauert nur eine Minute.
Bestehender Account
Schon ein Account bei Google/GoogleMail? Keine Anmeldung erforderlich!
Mit Google-Account einloggen
Noch kein Account? Hier anmelden.