‹‹‹ Übersicht Kolumne

(Aktualisiert: )

Über die Software hinter dieser Kolumne
Ein offener Software-Test

Dieser (erste) Eintrag in meiner Kolumne, im Weiteren auch als Blog bezeichnet, demonstriert alle Fähigkeiten der verwendeten Software. Er dient gleichermaßen als offener, ständig erweiterter Software-Test für neue Fähigkeiten selbigen Systems. Im Einzelnen werden Absätze, Listen, verschiedene Links, Programm-Code und interaktive Abbildungen demonstriert. Anders als bei allen weiteren Artikeln werden Änderungen in diesem Artikel nicht im Erstellungsdatum kenntlich gemacht. (Die Zusammenfassung von Artikeln kann freie Markdown-Elemente enthalten wie zum Beispiel Links in die Wikipedia.)

  • Blog
  • Demo
  • Kolumne
  • Software-Test

Infrastruktur

Der Blog benutzt intern Markdown-Dateien zum Ablegen seiner Texte und der Beschreibung seiner Struktur. Aus dieser Dateien werden beim Bau der Webseite je Eintrag und Sprache zwei HTML-Dateien erzeugt. Die erste kann durch Suchmaschinen und Browser ohne aktiviertes JavaScript genutzt werden. Die zweite wird bei Bedarf per AJAX nachgeladen und in die Hauptdatei der Webseite integriert.

Jeder Blog-Eintrag kann in mehreren Sprachen vorliegen, wobei auch bei den entsprechenden Tags bzw. Schlüsselwörtern konsequent zwischen Sprachen unterschieden wird. Des Weiteren können jedem Eintrag ein Erstellungsdatum sowie ein Datum der letzten Änderung zugeordnet werden.

Absätze

Dies ist ein regulärer Absatz im Blog. Er kann freie Markdown-Elemente enthalten und dadurch beliebig gestaltet werden. Externe Links wie zum Beispiel in die Wikipedia werden automatisch als extern markiert. Interne Links wie zum Beispiel zum Konzept dieser Webseite funktionieren ebenso.

Texte können fett oder kursiv oder durchgestrichen sein.

Zitate werden unterstützt. Sie sind als Blöcke eingerückt und werden farblich sowie stilistisch hervorgehoben.

Fußnoten

Im Text können beliebig viele Fußnoten verankert werden. Diese werden am Ende des Eintrages1 gesammelt dargestellt.

Listen

Freie Listen:

  • Listen enthalten, genau wie Absätze, freie Markdown-Elemente.
  • Dies schließt Links mit ein, zum Beispiel in die Wikipedia.
  • Unterlisten können Unterpunkte haben wie
    • Punkt A [oder]
    • Punkt B

Nummerierte Listen:

  1. Nummerierte Listen ...
  2. ... funktionieren auch.

Formeln

Formeln bzw. Formelzeichen oder -fragmente können in zwei Varianten eingebunden werden. Falls die Formel im Mittelpunkt stehen soll, muss sie in speziellen Tags, gleichrangig mit Absätzen, eingebunden werden, um auf voller Seitenbreite beispielsweise so dargestellt zu werden:

NP=N(N1)2N22N_P = \frac{N (N - 1)}{2} \approx \frac{N^2}{2} (1)

Falls es sich nur um einzelne Elemente handelt, die erklärt werden müssen, lassen sich Formeln auch wie beispielsweise hier N22\frac{N^2}{2} mitten im Text einbinden. Die Darstellung erfolgt mit Hilfe von KaTeX (quelloffen unter der MIT-Lizenz). Die Formeln werden während des Baus der Webseite von gerendert und in den Blog eingebettet.

Abbildungen

Bilder jedweder Art können als Abbildung mit Beschreibung eingebunden werden.

Ein beschriebenes Bild im PNG-Format.
Abbildung 1: Ein beschriebenes Bild im PNG-Format.

Bilder müssen nicht zwangsläufig einen Alternativ-Text aufweisen. Das folgende Bild kommt ohne aus.

Zweite Beispielabbildung mit längerer Beschreibung, dafür ohne Alternativtext.
Abbildung 2: Zweite Beispielabbildung mit längerer Beschreibung, dafür ohne Alternativtext.

Für zusätzliche Flexibilität lassen sich Abbildungen auch in Form von SVG-Code direkt einbetten:

Abbildung 3: Vier Rasterbilder, frei arrangiert in einer individuellen SVG-Vektorgrafik

Videos (via Youtube)

Auf Youtube verfügbare Videos können genauso wie Abbildungen mit Beschreibung in diesen Blog eingebunden werden.

Video 1: Ein auf Youtube abgelegtes Video, auf welches näher in "Newton wusste, dass er falsch lag" eingegangen wird.

Interaktive Plots

Durch die Integration von Bokeh (quelloffen unter einer BSD-Lizenz) ist es möglich, interaktive Plots mit Beschreibung in diese Webseite einzubinden.

Interaktiver Plot 1: Ein einfacher Plot, welcher einige der interaktiven Fähigkeiten von Bokeh demonstriert.

Daneben unterstützt dieser Blog auch interaktive Darstellungen mit Plotly (quelloffen unter der MIT-Lizenz). Auf Grund der Tatsache, dass Plotly Ende 2015 vollständig quelloffen wurde, bietet es sich als eine sehr interessante wenn auch ungleich größere und komplexere Alternative zu Bokeh an. Funktionen, welche Bokeh nicht beinhaltet, schließen unter anderem mit WebGL beschleunigte dreidimensionalen Darstellungen und gefärbte Konturdiagramme mit ein.

Interaktiver Plot 2: Ein einfacher Plot, welcher einige grundlegende interaktiven Fähigkeiten von Plotly demonstriert.

Karten

Karten können mit freien Anpassungen basierend auf Leaflet beliebig eingebunden werden:

Karte 1: Stadt Leipzig, Zoom-Levels 12 bis 14, Kacheln via karteleipzig.pleiszenburg.de.

Quelltext

Quelltext bzw. Programm-Code kann direkt in Artikel eingebunden werden.

# -*- coding: utf-8 -*-
import numpy

def mark_nodes(self):
 self.segs['nodes'] = [
  0 for item in range(0, len(self.segs['Traj_ID']), 1)
  ]
 for g in range(0, len(self.trajs['Traj_ID']), 1):
  b = self.segs["id" + str(self.trajs['Traj_ID'][g])]
  for c in range(b[0], b[1] + 1, 1):
   if self.segs['SPK_ID'][c] == self.ID_SUN:
    if self.segs['DV'][c] > 1:
     self.segs['nodes'][c] = self.NODE_DSM
   else:
    d = c
    while (d < b[1]) and (
     self.segs['SPK_ID'][c] == self.segs['SPK_ID'][d + 1]
     ):
     d += 1
    if c == b[0]:
     self.segs['nodes'][c] = self.NODE_DEPARTURE
    elif d == b[1]:
     self.segs['nodes'][d] = self.NODE_ARRIVAL
    elif self.isAllHyperbolic(c, d):
     self.segs['nodes'][d] = self.NODE_FLYBY
    else:
     self.segs['nodes'][d - 1] = self.NODE_STAY_ARRIVAL
     self.segs['nodes'][d] = self.NODE_STAY_DEPARTURE
    c = d
Quelltext 1

Automatische Syntax-Hervorhebung steht für eine Reihe an Programmiersprachen zur Verfügung. Eine automatische Erkennung der Sprache erfolgt nicht - sie muss im Blog vorgegeben werden. Die eigentliche Hervorhebung erfolgt durch Pygments (quelloffen unter einer BSD-Lizenz), was es ermöglicht, die Hervorhebung beim Bau der Webseite vorzunehmen anstatt die CPU des Besuchers zu belasten.

Code kann, wenn auch ohne Hervorhebung, auch in Absätzen eingebunden werden.

Was noch kommt

Diese Blog-Software kann (noch) nicht ihre Artikel als fertig gebaute pdf-Dateien bereitstellen oder Ergänzungen einbinden. Ebenso kann (bis jetzt noch) keine Bibliographie dargestellt werden, was dem zu Folge keine zentral verwalteten Referenzen erlaubt. Tabellen werden unterstützt, werden aber noch nicht getestet.

‹‹‹ Übersicht Kolumne


  1. Dies ist der Text der Fußnote.