OpenSeaMap-dev:Website-dev: Unterschied zwischen den Versionen

Aus OpenSeaMap-dev
Wechseln zu: Navigation, Suche
(Problems)
K (Online chart)
(10 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/ Full screen chart]
+
* [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 21: Zeile 56:
 
! Language || OK || Maintainer || Remarks
 
! Language || OK || Maintainer || Remarks
 
|-
 
|-
| de || || Markus || Standard language
+
| de || 95% || Markus || Standard language
 
|-
 
|-
| en || ||  ||  
+
| en || 80% ||  ||  
 
|-
 
|-
| it || ||  ||  
+
| it || 60% ||  ||  
 
|-
 
|-
| ar || ||  || old layout
+
| ar || 30% ||  || old layout
 
|-
 
|-
| es || ||  || old layout
+
| es || 30% ||  || old layout
 
|-
 
|-
| fr || ||  || old layout
+
| fr || 30% ||  || old layout
 
|-
 
|-
| ru || ||  || old layout
+
| ru || 30% ||  || old layout
 
|}
 
|}
 +
  
 
== Problems ==
 
== Problems ==
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 {{ok}} (erledigt)
 
: 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]]

Version vom 28. Februar 2021, 20:41 Uhr

www.OpenSeaMap.org is written in Typo3.

Main page

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

Left Center Right
OpenSeaMap-Logo.svg Header: OpenSeaMap - the free nautical chart
Languages
Menue: 
Main themes 
.
.
.
.
.
.
.
.
.
.
.
.
.
.
.
Top:
Chart 
Chart
(as an example how to integrate it into Typo3)
Chart
Chart
Chart
Chart

Middle:

Teaser
Teaser
Teaser
Top:
(opt) announcement 
fair, conference
cartoon 
monthly

Middle:

Main pages 
.
.
.
.
.
.
.

Corporate Design

Colours, typo, examples, see: Corporate Design

Online chart

Source code

GitHub (old: SourceForge)

Translation

Please help us to translate OpenSeaMap into multiple languages:

HowTo translate the website

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
Facebook-button
einbinden Ok.png (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 [1] [2]
Volltextsuche
eine Volltextsuche wäre sinnvoll.
Struktur
die Website ist bewusst nicht hierarchisch strukturiert, sondern:
Die wichtigsten Einsprungpunkte sind im Menü.

Siehe auch

Corporate-design
Website
Fullscreenmap-Layout
Layer
Kommunikation und Dokumentation