Zur Dokumentation: Unterschied zwischen den Versionen

Aus SSV Wiki
Wechseln zu: Navigation, Suche
[unmarkierte Version][unmarkierte Version]
(Wie ist die Benutzeroberfläche aufgebaut?)
(Konventionen)
 
(24 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt)
Zeile 1: Zeile 1:
{{backbutton}}
+
Auf dieser Seite erhalten Sie Informationen über die Gestaltung der Dokumentationen im Wiki.
  
== Konventionen ==
+
Sie erfahren,
 +
* wie die einzelnen Elemente der Benutzeroberfläche heißen
 +
* welche Auszeichnungen verwendet werden
  
Im Hilfe-Wiki werden die folgenden Konventionen verwendet:
 
  
: {| class="wikitable"; style= "background-color:white; border: 1px solid gray;" cellpadding="5"
 
! style="text-align:left;" |<center><big>Symbol</big></center>
 
! style="text-align:left;" |<big>Bedeutung</big>
 
|-
 
|<center><span style="font-variant:small-caps;">'''Status'''</span></center>
 
|Begriff im Menü oder Untermenü
 
|-
 
|<center>'''[Button]'''</center>
 
|Schaltfläche
 
|-
 
|<center><code>ssvadmin</code></center>
 
|Inhalte für Eingabefelder, z.B. Passwörter oder IP-Adressen
 
Auswahlmöglichkeiten bei Dropdown-Menüs
 
|-
 
|<center>[[Hauptseite]]</center>
 
|Interner Link
 
|-
 
|<center>[http://ssv-embedded.de/ SSV Embedded]</center>
 
|Externer Link
 
|-
 
|
 
:::*
 
|Aufzählung
 
|-
 
|<center>✘</center>
 
|Voraussetzung für eine Handlungsanweisung
 
|-
 
|<center>►</center>
 
|Handlungsanweisungen, die aus einem Schritt bestehen
 
|-
 
|
 
::#
 
::#
 
|Handlungsanweisungen, die aus mehreren Schritten bestehen
 
|-
 
|<center>◆</center>
 
|Handlungsanweisungen, die optional sind
 
|-
 
|<center>✔</center>
 
|Ergebnis einer Handlungsanweisung
 
|-
 
|
 
{| class="wikitable"; style= "background-color:#EFF5FB; border-left: 1px solid blue"
 
|[[File:Hinweis.jpg|50px|link=]]
 
|Lorem ipsum
 
dolor sit amet
 
|}
 
| Hinweise und Tipps zur erleichterten Bedienung
 
|-
 
|
 
{| class="wikitable"; style= "background-color:#FBEFF2; border-left: 1px solid red;"
 
|[[File:Vorsicht.jpg|60px|link=]]
 
|'''Vorsicht'''
 
Lorem ipsum
 
|}
 
| Das Ausführen einer Handlung hat unerwünschte Folgen, wie zum Beispiel Datenverlust.
 
|}
 
  
 +
== Aufbau der Benutzeroberfläche ==
 +
<br />
  
== Wie ist die Benutzeroberfläche aufgebaut? ==
+
=== GUI Elemente ===
  
<br>
 
 
=== GUI Elemente ===
 
  
<br>
 
  
[[File:Oberfläche GUI 2.0.jpg|800px|left|Benutzeroberfläche]]
+
[[File:Oberfläche GUI 2.0.png|800px|thumb|left|Aufbau der Benutzeroberfläche]]
  
 
<br clear=all>
 
<br clear=all>
Zeile 95: Zeile 37:
 
|Checkbox
 
|Checkbox
 
|6
 
|6
|Upload
+
|Upload-Schaltfläche
 
|9
 
|9
 
|Hauptschaltflächen
 
|Hauptschaltflächen
 
|}
 
|}
 
  
 
=== Hauptschaltflächen ===
 
=== Hauptschaltflächen ===
Zeile 105: Zeile 46:
 
[[File:Schaltflächen.JPG|mini|right|Hauptschaltflächen]]
 
[[File:Schaltflächen.JPG|mini|right|Hauptschaltflächen]]
  
Auf allen Seiten, auf denen Einstellungen möglich sind, befinden sich in der unteren, rechten Ecke die drei Hauptschaltflächen mit den folgenden Funktionen:
+
Unter allen Menüpunkten im WebConfigTool, unter denen Einstellungen möglich sind, befinden sich in der unteren, rechten Ecke drei Hauptschaltflächen. Die Hauptschaltflächen haben die folgenden Funktionen:
  
 
* '''[OK]''': Die veränderten Einstellungen werden gespeichert. Damit sie wirksam werden, ist ein Neustart erforderlich.
 
* '''[OK]''': Die veränderten Einstellungen werden gespeichert. Damit sie wirksam werden, ist ein Neustart erforderlich.
Zeile 112: Zeile 53:
  
  
{{backbutton}}
+
== Konventionen ==
 +
 
 +
Im Hilfe-Wiki werden die folgenden Konventionen verwendet:
 +
 
 +
: {| class="wikitable"; style= "background-color:white; border: 1px solid gray;" cellpadding="5"
 +
! style="text-align:left;" |<center><big>Symbol</big></center>
 +
! style="text-align:left;" |<big>Bedeutung</big>
 +
|-
 +
|<center><span style="font-variant:small-caps;">'''Status'''</span></center>
 +
|Begriff im Menü oder Untermenü,
 +
Beschriftungen für Abschnitte und Zeilen
 +
|-
 +
|<center>'''[Apply]'''</center>
 +
|Schaltfläche
 +
|-
 +
|<center><code>ssvadmin</code></center>
 +
|Inhalte für Eingabefelder, z.B. Passwörter oder IP-Adressen <br/>Auswahlmöglichkeiten bei Dropdown-Menüs
 +
|-
 +
|<center>[[Hauptseite]]</center>
 +
|Interner Link
 +
|-
 +
|<center>[http://ssv-embedded.de/ SSV Embedded]</center>
 +
|Externer Link
 +
|-
 +
|
 +
:::*
 +
|Aufzählung
 +
|-
 +
|
 +
::#
 +
::#
 +
|Nummerierte Handlungsschritte
 +
|-
 +
|<center>♦</center>
 +
|optionale Handlungsschritte
 +
|-
 +
|<center>✔</center>
 +
|Ergebnis einer Handlungsanweisung
 +
|-
 +
|
 +
{{Hinweis}}
 +
| Hinweise und Tipps, die die Arbeit erleichtern
 +
|-
 +
|
 +
{{Vorsicht}}
 +
| Das Ausführen einer Handlung hat unerwünschte Folgen, wie zum Beispiel Datenverlust
 +
|}

Aktuelle Version vom 19. Mai 2016, 14:05 Uhr

Auf dieser Seite erhalten Sie Informationen über die Gestaltung der Dokumentationen im Wiki.

Sie erfahren,

  • wie die einzelnen Elemente der Benutzeroberfläche heißen
  • welche Auszeichnungen verwendet werden


Aufbau der Benutzeroberfläche


GUI Elemente

Aufbau der Benutzeroberfläche


1 Menü 4 Textfeld 7 Kurzbeschreibung
2 Radiobutton 5 Dropdown-Menü 8 Schaltfläche
3 Checkbox 6 Upload-Schaltfläche 9 Hauptschaltflächen

Hauptschaltflächen

Hauptschaltflächen

Unter allen Menüpunkten im WebConfigTool, unter denen Einstellungen möglich sind, befinden sich in der unteren, rechten Ecke drei Hauptschaltflächen. Die Hauptschaltflächen haben die folgenden Funktionen:

  • [OK]: Die veränderten Einstellungen werden gespeichert. Damit sie wirksam werden, ist ein Neustart erforderlich.
  • [Apply]: Die veränderten Einstellungen werden gespeichert und sofort übernommen. Änderungen können nicht mehr rückgängig gemacht werden. Ein Neustart ist nicht erforderlich.
  • [Cancel]: Nicht gespeicherte Änderungen werden zurückgesetzt. Der Ausgangszustand wird wiederhergestellt.


Konventionen

Im Hilfe-Wiki werden die folgenden Konventionen verwendet:

Symbol
Bedeutung
Status
Begriff im Menü oder Untermenü,

Beschriftungen für Abschnitte und Zeilen

[Apply]
Schaltfläche
ssvadmin
Inhalte für Eingabefelder, z.B. Passwörter oder IP-Adressen
Auswahlmöglichkeiten bei Dropdown-Menüs
Hauptseite
Interner Link
SSV Embedded
Externer Link
Aufzählung
Nummerierte Handlungsschritte
optionale Handlungsschritte
Ergebnis einer Handlungsanweisung
Info.svg.png Lorem ipsum

dolor sit amet

Hinweise und Tipps, die die Arbeit erleichtern
Achtung.svg.png Vorsicht

Lorem ipsum

Das Ausführen einer Handlung hat unerwünschte Folgen, wie zum Beispiel Datenverlust