Travel-Guide: Unterschied zwischen den Versionen

Aus GoPalWiki
Wechseln zu: Navigation, Suche
(Skin(ning)Travel-Guide 2.x -Work-Shop)
(Stadt-Notizen)
Zeile 1.008: Zeile 1.008:
 
<br>
 
<br>
 
beschrieben sind und das gibt es [http://www.gopal-navigator.de/download.php?id=79 HIER.]
 
beschrieben sind und das gibt es [http://www.gopal-navigator.de/download.php?id=79 HIER.]
 +
<br>
 +
<br>
 +
<br>
  
 
== Applikationen ==
 
== Applikationen ==

Version vom 27. Mai 2007, 00:07 Uhr

Einleitung

Versionen

  Cityguide / Travelguide 3
{{{Screenshot}}}
{{{Beschreibung}}}
Aktuelle Version:  ()
Datei: TravelGuide.exe
Daten:
Zugehörigkeit: Teil von GoPal 3.x
Erstellungsdatum: Montag, 23. April 2007, 18:54:38
MD5: noch nachzutragen
  Cityguide / Travelguide 2
{{{Screenshot}}}
{{{Beschreibung}}}
Aktuelle Version:  ()
Datei: Cityguide.exe
Daten:
Zugehörigkeit: Teil von GoPal 2.x
Erstellungsdatum: Sonntag, 1. Oktober 2006, 14:06:54
MD5: noch nachzutragen











Paket-Inhalte

Polyglott Travel Guide liefert allgemeine Informationen zu verschiedenen Bereichen einzelner Städte oder Regionen in Europa, beispielsweise aus den Ländern :

Belgien, Deutschland, Dänemark Frankreich, Großbritannien, Italien, Niederlande, Norwegen, Portugal, Schweden, Schweiz, Spanien, Tschechische Republik, Ungarn, Österreich,

Mit Rubriken wie z.B. Sehenswürdigkeiten, Restaurants, Kultur und Reiseinfos. Diese Ziele können natürlich direkt aus dem Reiseführer ausgewählt und angesteuert werden.

Im kleinem Standart -Bundle sind hieraus folgende Städte zu nennen : Brüssel, Berlin, Kopenhagen, Paris, London, Rom, Amsterdam, Oslo, Lissabon, Stockholm, Bern, Madrid, Prag, Budapest, Wien.

Im großem Bundle sind weitere Städte wie : Hannover, München, Frankfurt, Düsseldorf dabei.

Hinzu kommen noch die Travel-Guide konformen Zusatz-Städte die aus dieser [Liste] entnommen werden können.


Installation

Auf der DVD befindet sich der Ordner "Travelguide". Diesen kompletten Ordner auf eine Speicherkarte über einen Kartenleser kopieren. Nun muss der Ordner auf der Speicherkarte in die Zahl „4“ umbenannt werden. Danach muss der PNA mit der Speicherkarte über einen Softreset neu gestartet werden.
Beim ersten Start wird nun Travel-Guide neu installiert und ein neues Symbol zum Starten des Travel-Guide liegt im Eingangsbildschirm.

• Softreset: mit dem Eingabestift in das kleine Loch an der Unterseite stechen

Datei-System

Polyglott Travel-Guide arbeitet nur mit XML-Dateien als Datenbezug, PNG-Daten als Bildformat der Icons und eine SDASkin.skn -Datei als Skin/Steuerungsdatei. Die SKN sowie die XML können mit einem normalen Text - Editor geöffnet und bearbeitet werden.

Werkzeuge

Editoren

1. Notepad & Wordpad
Als Standart - Editoren eignen sich erstmal die betriebseigenen Editoren Notepad oder Wordpad. Sollten, wenn überhaupt, nur von XML-Kundigen benutzt werden da sie weder eine Struktur-Darstellung noch Syntax-Überprüfung haben.

2. Scintilla
Ein XML-Konformer Editor zum freien Download in englischer Sprache. Für die einfache Erstellung der Stadt-Daten ebenfalls brauchbar. Etwas komfortabler als Notepad.
Bekommt man HIER

3. XML-Notepad 2007
Wer es etwas „vornehm“ mag, kann den neuesten XML-Editor von Microsoft benutzen,- muss dann aber Framework.net 2.0 mit installieren sonst läufts nicht.
Bekommt man HIER

4. Mozilla/Firefox
Wer mit Firefox/Netscape surft besitzt auch den Composer. Der kann in der Ansicht sehr gut XML-Daten anzeigen. Hat man die Datei erstellt und abgespeichert lässt man sich dann diese Datei im Browser anzeigen. Wenn alles richtig ist zeigt er ein ["wohlgeformtes"] Datenblatt an,- sonst zeigt er eine Fehlermeldung mit Zeilennr. und Zeilenspalte an. So kann man dem Fehlerteufel gezielt zu Leibe rücken.
Bekommt man HIER


XML-Generator

Work-Shop

Datei-XML erstellen

Um den Aufbau der XML-Stadtdateien besser zu verstehen kann man im Travel-Guide Work-Shop erlernen wie man selbst Dateien erstellen kann. Dort wird der hierarchische Aufbau der Dateien genau erklärt. Alle benötigten Variabeln und Textparameter werden genau beschrieben. Ebenso ist ein Travel-Guide konformer Aufbau der Stadtdaten angegeben damit jede neue Stadt-Datei auch gleich bedienbar bleibt. Letztendlich werden auch die Werkzeuge zur Erstellung der Daten beschrieben. Allgemeine Fragen werden genauso behandelt wie Fehlerbeschreibungen oder die Touristikinformationen...

..und hier gehts zum Work-Shop



Datei-Variablen

Datei-Variabeln in den XML-Dokumenten

1. Die Kopfparameter - Start-Tag/Ende-Tag                                                      Erklärung

<?xml version="1.0" encoding="UTF-8"?> Sprachversion 1.0 -> es gibt keine andere und UTF-8 ist der Europ.- Zeichensatz
<!DOCTYPE TravelInfo SYSTEM "Medion.dtd"> Dokumenttyp mit Namen TrafelInfo und unsere Dokumenttyp- Definition, ein Satz an Regeln, der benutzt wird um Dokumente eines bestimmten Typs zu repräsentieren.
<TravelInfo>     </TravelInfo> wird hier wie ein BodyTag benutzt,- also ganz am Anfang und ganz am Ende unseres Dokumentes.
<Country CountryCodeISO="DE" CountryName="Deutschland">     </Country> der Staat für den wir die Daten schreiben wird hier angegeben.
<RegionCity RegionCityCode="HAN" RegionCityName="Hannover">      </RegionCity> Das ist wichtig und muss jeweils an die zu schreibende Stadt angepasst werden.


2. Überschriften / Textkörper

<InfoItem

Name="Hannover - Landeshauptstadt an der Leine"

CategorieCode="1" CategorieName="Willkommen">
Hier wird die Rubrik-Überschrift definiert in der Seite „Willkommen“

CategorieCode=  1 ist die 1.Stelle in der Liste
CategorieName= der Name der Kategorie.

<ItemText>     </ItemText> Hier wird nun der eigentliche Text-Block einer Rubrik erstellt (eingeleitet) bzw. </ xx>  MUSS immer hinter dem kompletten Textblock stehen.
<TextPara ParaNumber="1">      </TextPara> Der 1. Textblock innerhalb eines Textblockes. Kann weitergeführt werden und bewirkt auch einen Zeilenvorschub sowie einen Absatz. Muss Zeichen beinhalten!


3. Adressenkopf

<ItemAdress>    </ItemAdress> leitet den Adressenkopf ein der bei der Navigation im PNA als Ziel angezeigt wird.
<GeoPositionLatitude>     </GeoPositionLatitude> sind die Koordinaten,- hier die geographische Breite
<GeoPositionLongitude>    </GeoPositionLongitude> sind die Koordinaten,- hier die geographische Länge
<Street>    </Street> der Strassenname
<ZipCode>    </ZipCode> die Postleitzahl
<Locality>    </Locality> der Städtename
<PhoneNumber>    </PhoneNumber> die Telefonnummer. Hier bitte im Stil : 0049 511 123456 für Hannover
<FaxNumber>    </FaxNumber> die Faxnummer . Hier bitte im Stil : 0049 511 234567 für Hannover
<EMail>    </EMail> die eMail-Adresse. Hier bitte im Stil: info@mustermann.de
<URL>    </URL> die Web-Adresse. ier bitte im Stil: http//www.onkel_willy.de
<OpeningHours>    </OpeningHours> die Geschäfts-Öffnungszeiten ,- werden nur in der Infoanzeige gezeigt.


4. Sonder-Tags

<Impressum ImpressumName="Impressum">    </Impressum> Überschrift der Rubrik Impressum
<Copyright>    </Copyright> Textblock mit dem Namen Copyright
<Disclaimer>    </Disclaimer> Textblock mit dem Namen Disclaimer


5. Zusätzliche - Tags

<Rating Budget="1"/> noch nicht herausgefunden was es vor dem Textblock zu suchen hat.
<Rating Business="3" Culture="3" Family="2" Leisure="4"/> Relevantzähler innerhalb einer Rubrik.


Datei-Fehlercodes

Fehlercodes die vom Travel-Guide 2.x geliefert werden

!!!Es werden nur Fehler erklärt die auch UNSERE Veränderungen betreffen könnten!!!


Fehler
Rückmeldung
Bedeutung
01. No error

.? = Kein Fehler .! = Rückmeldung an das ausführende Programm,-

alles OK

02. Error

.? = Fehler .! = nicht explizit zugeordnet ,- kann alles

Mögliche sein

03. Failed to open file Memory allocation failed. .? = Fehler beim Öffnen einer Datei, Dateispeicherverteilung versagte .! = entweder ist die Datei (XML) defekt, Speicher

zu klein ,- in den Einstellungen mehr Datenspeicher zuweisen

04. Error parsing Element. .? = XML-Analyse-Fehler (unfinished tag mismatch) mit Befehlsfehler .! = Klammer vergessen,- Befehl nicht

abgeschlossen </befehl> ,- Schreibfehler im Befehl

05. Failed to read .? = Fehler beim Lesen der Datei .! = Falsches Format beim Abspeichern gewählt,-

unbedingt „UTF-8“-Kodierung wählen

06. Element name Error reading Element value.

07. Error reading Attributes.

08. Error: empty tag.

09. Error reading end tag.

10. Error parsing Unknown.

11. Error parsing Comment.

12. Error parsing Declaration.

13. Error document empty.

14. Error null (0) or unexpected EOF found in input stream.

15. Error parsing CDATA.


Datei-Sonderzeichen

Wenn man für den Travel-Guide ein neues Datenblatt erstellen will, kann es vorkommen das wir in der Überschrift, im Textkörper oder in der Beschreibung auf Sonder -Zeichen stossen. Gibt man diese so wie gewohnt mit ein verweigert Travel-Guide den Dienst und im schlimmsten Fall gibt es einen sauberen Absturz. Aber es gibt Abhilfe...

Die einzelnen Zeichen werden wie folgt in einem XML-Doc. ohne Leerzeichen eingegeben :

Die betroffenen Sonderzeichen sind : < > " & `
& lt; das ist eine Spitzklammer Links
& gt; das ist eine Spitzklammer Rechts
& quot; das ist ein Hochkomma
& apos; das ist ein Apostrophe
& amp; das ist ein kaufmännisches Pluszeichen

So kann man auf einfache Weise diese Sonderzeichen einsetzen. Das geht auch mit dem XML-Generator.


... und so sieht es dann im Travel-Guide aus...

Testbild 1.jpg





Skin(ning)Travel-Guide 2.x -Work-Shop

Polyglott - Skin(ning) für den

Travel(City)-Guide

Nachdem wir nun wissen wie man zusätzliche Städte im City - Guide erstellen kann, widmen wir uns nun dem Verändern des Travel(City)- Guide´s. Um es gleich vorweg zu nehmen,- es geht hier nicht um ein fertiges Skin sondern soll lediglich den Weg dorthin beschreiben um selbst ein Skin für seine "Gelüste" herzustellen.

Die Datei, die das Aussehen maßgeblich beeinflusst, liegt im Ordner  \My Flash Disk\Medion   und heißt  SDASkin.skn . Wir gehen so vor wie bereits im Workshop Travel(City) - Guide beschrieben, in dem wir uns diese Datei vom PNA kopieren und uns diese als KOPIE! in ein anderes Verzeichnis unserer Wahl auf der Festplatte des PC´s ablegen. Mit dieser Kopie arbeiten wir nun. Damit wir überhaupt sehen was dort drin ist muss wieder unser Text-Editor herhalten. Wir rufen also den Editor auf und laden uns die Kopie von SDASkin.skn hinein. Anders als bei einer Textbasierten XML-Datei finden wir hier nun eine Strukturierung vor und erkennen auch einzelne zusammenhängende Abschnitte. Und mit denen wollen wir uns im Einzelnen nun beschäftigen. Unsere Aufgabe wird darin bestehen das Aussehen so zu verändern, das es zu einer BMW-Ausleuchtung passt. Es ist aber so gut beschrieben, das es ohne grossen Aufwand an jede Fahrzeug-Beleuchtung,- z.B. Blau,- angepasst werden kann.

Bei der Beschreibung gilt folgendes :

die blauen Einträge sind die Orginal-Einträge,- die roten sind die neuen Einträge !

Abschnitt:

System
Hier werden die Leistenfarben definiert die gerade aktiv (im Fokus) sind. Statt also "helles blau" nun in Orange. Alle Farbparameter werden immer in RGB-Werte angegeben. ROT/GRÜN/BLAU - Werte können mit jedem x-beliebigen Malprogramm ausprobiert werden um die ermittelten Werte dann hier einzusetzen.

Beispiel                                          Orange             Blau                Grün               Weiß





                                                     255,133,80            0,0,255            0,185,0          255,255,255

Wir ersetzen nun folgende Zeile im Abschnitt System

DefaultFocusColor:
170,206,243;// Light blue.

DefaultFocusColor: 255,133,80; // BMW-Orange Fokus-Leisten

Jetzt speichern wir das erstmal ab und überschreiben unsere Datei auf dem PNA. Dann Polyglott starten und das Ergebnis anschauen. Nun,- der aktive Balken ist zwar jetzt Orange nur die Schrift sieht nicht so dolle aus. Also werden wir nun zu Schritt 2 gehen.

Abschnitt:

Defines
Hier ändern wir vier Einträge im Abschnitt Defines.

Der Überschriftentext in der Titelleiste kann verändert werden. Das geschieht mit folgenden Eintrag...
TITEL_TEXT_COLOR: 0,0,0;
TITEL_TEXT_COLOR: 0,0,255; // Überschriftentext Farbe Blau

Damit wir einen blendfreien  Hintergrund für unsere Schrift bekommen schalten wir den Hintergrund einfach auf sattes Schwarz und das geschieht mit folgenden Eintrag ...
AREA_HIGHLIGHT_COLOR: 225,228,229; //light gray
AREA_HIGHLIGHT_COLOR: 000,000,000; //Hintergrund Tiefschwarz

Wenn wir das jetzt abspeichern würden und uns dann auf dem PNA ansehen würden,- tja,- ... wir sehen garnichts mehr. Also müssen wir noch die Schriftfarbe aus dem Schwarz wieder hervorholen. das machen wir mit folgenden Eintrag ...
LISTBOX_TEXT_COLOR: 0,0,0;
LISTBOX_TEXT_COLOR: 255,255,255; //Textfarbe weiss

Und weil wir  schon mal in diesem Abschnitt sind können wir hier auch gleich den Hintergrund der Scrollbalken anpassen. Da er im Orginal sehr hell ist und man nie genau weiss wieviel Text bis zum Ende noch da ist, sollte hier für mehr Kontrast und Abgrenzung gesorgt werden. Da ja schwarz bereits für den Hintergrund gewählt ist ,- in unserem Beispiel,- fällt die Farbe aus da wir ihn sonst nicht sehen würden. Also nehmen wir einen Blauton der in etwa unseren Buttons links und rechts unten entspricht.und das machen wir nun mit folgenden Eintrag...
AREA_BG_COLOR: 205,205,214; // gray
AREA_BG_COLOR: 26,134,186; // Scrollbalken Hintergrund auf blau

So,- mehr brauchen wir erstmal nicht und wir speichern uns das Ganze nun ab, kopieren es auf unseren PNA und üben nun Kontrolle aus. Sieht doch schon ganz gut aus,- nicht wahr ?? - Na dann zum nächsten Schritt...

Abschnitt:

PointOfInterestText
Damit wir eine kontrastreiche Schrift auf unseren Beschreibungsseiten erreichen kann diese Schrift verändert werden. Das erreichen wir mit dem Eintrag ...
TextColor: 0,0,0; // Farbe der eigentlichen Beschreibungstexte
Wie man sehen kann, gibt es hier keinen roten Eintrag,- na klar ich habe ihn auch nicht verändert. Wenn nun aber jemand auf die Idee kommt einen schwarzen oder sehr dunklen Hintergrund zu wählen, so wird er keinen Text mehr sehen. Folglich muss dieser ebenfalls geändert werden,- sehr helles blau oder weiss wäre hier wohl eher angesagt. Das Text-Hintergrundbild kann ebenfalls ausgetauscht werden. Da es das gesammte Erscheinungsbild und die Lesefähigkeit beeinflusst wird es auch in diesem Zusammenhang der Schriftgestaltung hier genannt.

Der Austausch der Datei : background.png passiert

in dem Verzeichnis \My Flash Disk\Medion\SKIN und nicht vergessen,- ERST DIE DATEI(en) SICHERN !!... dann überschreiben !

Wenn wir dann schon mal dabei sind den Hintergrund farblich anzupassen liegen im selben Verzeichnis noch die Dateien

1. poi_mapselection_icons.png
2. udlr_icons.png

3. titlebar1.png

Falls hier Veränderungen jetzt gemacht wurden,- nun wieder abspeichern und auf dem PNA kontrollieren Und weiter gehts im nächsten Schritt..

Abschnitt:

NavigateText
Wir haben nun auch die Hintergründe angepasst,- was jetzt noch fehlt ist die passende Schriftenfarbe bei einem Hinweis in der untersten Leiste. Die erscheint nur wenn auch Adress-Koordinaten hinterlegt sind. ( siehe dazu den Workshop )
In unserem Beispiel ist der Hintergrund der Leiste ja in Blau gehalten und wir brauchen nun die Kontrastfarbe dazu die auch Nachts zu sehen ist. Ich habe mich erstmal für ein Neongrün entschieden bis mir was besseres einfällt. Der Eintrag der verändert werden muß lautet ...
TextColor:  $QUESTION_COLOR$;
TextColor:  0,255,0; // Textfarbe der unteren Leiste in Neongrün

Wie wir sehen können ist hier keine RGB-Farbe im Orginal angegeben. Hier wird mit einer festen Variablen gearbeitet die im Abschnitt Defines hinterlegt ist. Warum ändern wir nun da nicht die RGB-Werte ?? - Nun,- falls andere Erweiterungen darauf zugreifen so erwarten diese natürlich den dortigen Eintrag
QUESTION_COLOR=0,0,0; . Wir wollen aber lediglich die Schrift in der unteren Leiste ändern,- also machen wir das in der Form von einem RGB-Eintrag wie oben beschrieben. Jetzt wieder unsere Abspeichern/Anschauen/Testen-Prozedur und gehen dann zum letzten Schritt.

Abschnitt: 
ImpressumText

Eine Besonderheit ist in der Rubrik Impressum zu sehen. Hier wird kein Hintergrundbild angezeigt. Da wir in unserem Beispiel einen schwarzen Hintergrund gewählt hatten und die Schrift ebenfalls Schwarz vorgegeben ist muß diese nun angepasst werden. Das geschieht nun mit folgenden Eintrag...
TextColor: 0,0,0;
TextColor: 255,255,255;

// Farbe des Textes im Impressum weiss
So, das war es erstmal und das Ganze lädt natürlich zum Experimentieren ein. Hier kann Man(n)/Frau sich richtig auslassen bis man SEINE ultimative Einstellung gefunden hat. Die Icons lassen sich natürlich ebenfalls verändern und verschieben. Einfach mal ausprobieren kann schon nichts kaputt gehen. Wichtig ist lediglich das immer alle Orginaldaten/Bilder  gesichert worden sind und wir immer nur mit den Kopien arbeiten. Außerdem müssen die Dateinamen immer identisch zum Orginal sein,- wie soll er(der PNA) sie sonst auch finden.

Ansonsten gilt der Grundsatz der Pfadfinder : Learning by Doing




Tools & Applikationen

XML-Generator

Stadt-Notizen

Um Städte für den Travel-Guide zu beschreiben bedarf es im Vorfelde der Daten-Suche. Da kann es schnell passieren den Überblick zu verlieren und man erstickt in der eigenen Zettelwirtschaft. Um hier ein bischen Ordnung in das eigene Chaos zu bekommen gibt es ein Text-File wo genau die

1. gewünschten Rubriken
2. in der richtigen Reihenfolge
3. mit den benötigten Variabeln(Koordinaten,Tel/Mail/Web etc)
4. mit der benötigten Anzahl je Rubrik
5. mit fertigem Impressum-Text zur Übernahme.

beschrieben sind und das gibt es HIER.


Applikationen

Landesinformationen

Die einzelnen Dateien enthalten landesspezifische Informationen als Ergänzung für den Travelguide. Bislang gibt es diese Daten für 34 Länder..

Enthalten sind : 1. Verkehrsinformationen

a. Allgemeine Verkehrsregeln
b. Geschwindigkeitsbegrenzungen
c. Verschiedenes-Promillegrenzen/Lichtpflicht/Warnweste/Warndreieck/Ersatzlampen/Mautpflicht
d. Versicherungen und Fahrzeugpapiere
e. Was tun bei einem Unfall-Notrufnummern

2. Allgemeine Campinginformationen

a. Jeweilige Landesinfos über Wohnwagen und Gespanne


Diese Informationen können HIER bezogen werden.


Travel-Shopper

Der Travel-Shopper ist eine Applikation für den Travel-Guide. Er ermöglicht ein direktes navigieren zu den Outlet-Stores der Bundesrepublik Deutschland. In der jetzigen verfügbaren Version ist die Rubrik "MODE" integriert.

1. Shoppen durch 16 Bundesländer und 24 Städten
2. Auswahl von einzelnen Städten
3. ECHTE Navigation dorthin durch Koordinaten-Hinterlegung

Den stetigen Begleiter für die/den modebewusste(n) Frau/Mann gibt es HIER

Städte - Neue

Hier werden Städte veröffentlicht die Travel-Guide konform sind. Das bedeutet das diese Dateien folgende Kriterien erfüllen müssen:

1. Alle Rubriken die vom Orginal her bekannt sind müssen in den neuen Städte-Dateien auch erscheinen.

2. Die Reihenfolge muss identisch sein um ein einheitliches Bedienen zu ermöglichen.

3. Eine echte Navigation zu den dort angegebenen Zielen muss möglich sein.

4. Leereinträge wie: "Email ist nicht vorhanden" etc. müssen gelöscht werden.

5. Neue Rubriken müssen im Forum zur Absprache gebracht werden und genehmigt werden.

6. Wenn Neu-Rubriken erstellt werden, sollten alle bestehenden Städte die Neuerung erhalten.

7. Es dürfen nur neu erstellte Städte veröffentlicht werden


Welche Rubriken gebraucht werden kann im Verzeichnis [Tools] aus den Stadt-Notizen ermittelt werden.


Bislang sind dazu erschienen :

Stadt Hannover

Hansestadt Bremen

Hansestadt Hamburg

Hansestadt Lübeck

Links

Wer das Thema XML vertiefen möchte ist HIER richtig.
Wer das Thema XML und Web-Design erforschen will ist HIER richtig.
Wer Koordinaten sucht sollte mal HIER schauen.
Wer das noch Komfortabler möchte der ist Hier gut aufgehoben.
Wer den aktuellen Browser Firefox noch braucht der geht nach HIER
Wer lieber die Mozilla-Suite haben möchte sucht HIER