OpenSeaMap-dev:Website-dev: Unterschied zwischen den Versionen
Markus (Diskussion | Beiträge) |
Markus (Diskussion | Beiträge) (→Translation) |
||
(12 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
Zeile 4: | Zeile 4: | ||
[http://openseamap.org openseamap.org] | [http://openseamap.org openseamap.org] | ||
+ | == Vision == | ||
+ | Imagine OpenSeaMap is a house you walk up to. There are three doors, and you should know immediately which door is for you. Once you get inside, you're given a warm welcome, you know you're in the right room, and you know where the hallway is to get to the next room you want to go to. That's what we want OpenSeaMap to be like. | ||
+ | == Layout == | ||
+ | === until now === | ||
+ | {| class="wikitable" | ||
+ | ! Left || Center || Right | ||
+ | |- | ||
+ | | [[file:OpenSeaMap-Logo.svg|60px]] | ||
+ | | colspan="2" | Header: OpenSeaMap - the free nautical chart <br>Languages | ||
+ | |- | ||
+ | | | ||
+ | Menue: | ||
+ | Main themes <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. <br>. | ||
+ | | Top: | ||
+ | |||
+ | Chart <br>Chart <br> (as an example how to integrate it into Typo3) <br>Chart <br>Chart <br>Chart <br>Chart | ||
+ | Middle: | ||
+ | |||
+ | Teaser | ||
+ | |||
+ | Teaser | ||
+ | |||
+ | Teaser | ||
+ | |||
+ | | Top: | ||
+ | (opt) announcement <br>fair, conference | ||
+ | |||
+ | cartoon <br>monthly | ||
+ | |||
+ | Middle: | ||
+ | Main pages <br>. <br>. <br>. <br>. <br>. <br>. <br>. | ||
+ | |} | ||
+ | |||
+ | == Corporate Design == | ||
+ | Colours, typo, examples, see: [[OpenSeaMap-dev:De:Corporate-design|Corporate Design]] | ||
== Online chart == | == Online chart == | ||
− | * [http://map.openseamap.org/ | + | * [http://map.openseamap.org/ Fullscreen chart as Desktop-version] |
− | * [[OpenSeaMap-dev:Fullscreenmap-Layout|Menu structure and layout]] | + | * [[OpenSeaMap-dev:Fullscreenmap-Layout|Menu structure and layout for Fullscreenmap as Chart-plotter (touch screen, responsive)]] |
== Source code == | == Source code == | ||
Zeile 16: | Zeile 51: | ||
Please help us to translate OpenSeaMap into multiple languages: | Please help us to translate OpenSeaMap into multiple languages: | ||
− | [[Website | + | * [[Website-translation|HowTo translate the website]] |
+ | * [[Wiki-translation|HowTo translate the Wiki]] | ||
{| class="wikitable" | {| class="wikitable" | ||
! Language || OK || Maintainer || Remarks | ! Language || OK || Maintainer || Remarks | ||
|- | |- | ||
− | | de || | + | | de || 95% || Markus || Standard language |
|- | |- | ||
− | | en || | + | | en || 80% || || |
|- | |- | ||
− | | it || | + | | it || 60% || || |
|- | |- | ||
− | | ar || | + | | ar || 30% || || old layout |
|- | |- | ||
− | | es || | + | | es || 30% || || old layout |
|- | |- | ||
− | | fr || | + | | fr || 30% || || old layout |
|- | |- | ||
− | | ru || | + | | ru || 30% || || old layout |
|} | |} | ||
Zeile 39: | Zeile 75: | ||
; New layout | ; New layout | ||
: For Arabian, Espaniol, French and Russian we need to implement the new layout. | : For Arabian, Espaniol, French and Russian we need to implement the new layout. | ||
− | : see: [https://github.com/OpenSeaMap/website/issues/1 | + | : see: [https://github.com/OpenSeaMap/website/issues/1 Different styles] |
; Languages | ; Languages | ||
Zeile 45: | Zeile 81: | ||
; Pink Tiles | ; Pink Tiles | ||
− | : If the embedded chart is moved, pink tiles appears. | + | : <s>If the embedded chart is moved, pink tiles appears.</s> now all seems ok. |
: see: https://github.com/OpenSeaMap/website/issues/4 | : see: https://github.com/OpenSeaMap/website/issues/4 | ||
Zeile 55: | Zeile 91: | ||
; Layout | ; Layout | ||
− | : Teaser hat eine überflüssige Leerzeile am Anfang | + | : <s>Teaser hat eine überflüssige Leerzeile am Anfang</s> |
; Facebook-button | ; Facebook-button | ||
− | : einbinden | + | : einbinden {{ok}} (erledigt) |
+ | |||
+ | : Galerie | ||
+ | : Für die bereits gezeigten Cartoons wäre es schön, eine Galerie zu haben, wo man diese im Nachhinein nochmal betrachten kann. | ||
+ | |||
+ | ; Seiten-Layout | ||
+ | : Für Bilder mit Text wäre es schön, eine übersichtlicheres harmonischeres Layout zu haben [http://openseamap.org/index.php?id=navigationhardware] [http://openseamap.org/index.php?id=navigationsprogramm] | ||
+ | |||
+ | ; Volltextsuche | ||
+ | : eine Volltextsuche wäre sinnvoll. | ||
+ | |||
+ | ; Struktur | ||
+ | : die Website ist bewusst nicht hierarchisch strukturiert, sondern: <br> Die wichtigsten Einsprungpunkte sind im Menü. <br> | ||
+ | |||
+ | == Siehe auch == | ||
+ | : [[OpenSeaMap-dev:De:Corporate-design|Corporate-design]] | ||
+ | : [[OpenSeaMap-dev:Website-dev|Website]] | ||
+ | : [[OpenSeaMap-dev:Fullscreenmap-Layout|Fullscreenmap-Layout]] | ||
+ | : [[OpenSeaMap-dev:Layers|Layer]] | ||
+ | : [[OpenSeaMap-dev:De:Documentation_and_Communication|Kommunikation und Dokumentation]] | ||
+ | |||
+ | |||
+ | [[Kategorie:Layout]] |
Aktuelle Version vom 27. Mai 2021, 07:46 Uhr
www.OpenSeaMap.org is written in Typo3.
Inhaltsverzeichnis
Main page
Vision
Imagine OpenSeaMap is a house you walk up to. There are three doors, and you should know immediately which door is for you. Once you get inside, you're given a warm welcome, you know you're in the right room, and you know where the hallway is to get to the next room you want to go to. That's what we want OpenSeaMap to be like.
Layout
until now
Corporate Design
Colours, typo, examples, see: Corporate Design
Online chart
- Fullscreen chart as Desktop-version
- Menu structure and layout for Fullscreenmap as Chart-plotter (touch screen, responsive)
Source code
GitHub (old: SourceForge)
Translation
Please help us to translate OpenSeaMap into multiple languages:
Language | OK | Maintainer | Remarks |
---|---|---|---|
de | 95% | Markus | Standard language |
en | 80% | ||
it | 60% | ||
ar | 30% | old layout | |
es | 30% | old layout | |
fr | 30% | old layout | |
ru | 30% | old layout |
Problems
- New layout
- For Arabian, Espaniol, French and Russian we need to implement the new layout.
- see: Different styles
- Languages
- Copy and paste for content does not work.
- Pink Tiles
If the embedded chart is moved, pink tiles appears.now all seems ok.- see: https://github.com/OpenSeaMap/website/issues/4
- Wrong link to main page
- see Map link to home page
- Screen resolution
- see: Check with netbook
- Layout
Teaser hat eine überflüssige Leerzeile am Anfang
- Galerie
- Für die bereits gezeigten Cartoons wäre es schön, eine Galerie zu haben, wo man diese im Nachhinein nochmal betrachten kann.
- Seiten-Layout
- Für Bilder mit Text wäre es schön, eine übersichtlicheres harmonischeres Layout zu haben [1] [2]
- Volltextsuche
- eine Volltextsuche wäre sinnvoll.
- Struktur
- die Website ist bewusst nicht hierarchisch strukturiert, sondern:
Die wichtigsten Einsprungpunkte sind im Menü.