Wikiup:Technik/Skin/JS/OOjs

Auf dieser Seite wird dargestellt, wie sich die Skriptbibliothek OOjs von Programmierern nutzen lässt, um eine Seite im Browser mit interaktiven Elementen zu versehen.

Überblick

Die Skriptbibliothek besteht aus einem allgemeinen Framework, mit dem objektorientierte Konzepe in JavaScript nachgebildet werden.

Bislang einziger komplexer Anwendungsfall ist eine interaktive Benutzerschnittstelle (user interface – UI),

Eine reichhaltige Auswahl an Funktionen bietet die Generierung, Gestaltung und dynamische Unterstützung aller gängigen Elemente für Formulare und Dialoge an; auch Werkzeugleisten und Karteireiter.

Module

Die OO-Software kann zwar teilweise in der Wiki-Seite vorhanden sein, weil sie von anderen Elementen benötigt wird; das ist aber nicht von Anfang an der Fall und muss nicht alle benötigten Funktionen enthalten.

Die erforderlichen Module müssen zunächst mittels ResourceLoader geladen werden – die Funktion .using() ist zu verwenden. Folgende Module sind vorhanden:

• oojs
  • Grundausstattung.
  • Erst nachdem dieses Modul geladen wurde, steht die globale Variable window.OO zur Verfügung.
• oojs-ui-core
  • Basisfunktionalität für interaktive Benutzerschnittstelle.
• oojs-ui-widgets
  • Für Buttons, erweiterte Tooltips, diverse Formular-Elemente, Popups.
• oojs-ui-windows
  • Wenn PopUp-Meldungen, etwa alert, benötigt werden; Dialoge.
• oojs-ui-toolbars
  • Toolbars

Nach dem Laden der Module ist das globale Objekt window.OO vorhanden und die Funktionen sind Komponenten darin, wie in der jeweiligen Dokumentation angegeben.

Hintergrund

OOjs und OOjs UI sind von Entwicklern der Wikimedia seit 2011 aufgebaute Bibliotheken unter MIT-Lizenz.

Sie sind unabhängig von Angelegenheiten einer Wiki-Seite.

Ursprünglich wurde die Software aufgebaut, um den VisualEditor problemunabhängig zu unterstützen, ohne in dessen jeweiligen Kontext involviert zu werden.

Seit MediaWiki 1.23 ist sie im jeweiligen Ausbauzustand integriert.

Weitere Informationen

(in der Regel englischsprachig)

MediaWiki: OOjs – Freie Wikisoftware (englisch)

• mw:OOjs UI
  • mw:OOjs UI/OOjs primer
  • mw:OOjs UI/Creating interfaces programmatically
• mw:Using OOjs UI in MediaWiki

Phabricator – Workboard: #OOjs (englisch)

• Phabricator – Workboard: #OOjs
• Phabricator – Workboard: #OOUI
• Phabricator – Quellcode: GOJS/*
• Phabricator – Quellcode: GOJU/*

• Automatisch generierte Dokumentationen
  • Übersicht über interaktive Elemente
• commons:Category:OOjs UI icons – Icons
• Wikiup:Technik/Skin/GUI/MediaWiki – Gestaltungsfragen

Extern:

• Packages bei npm:
  • oojs
  • oojs-ui
• Einführung in objektorientiertes JavaScript bei Mozilla (deutsch)