Handbuch:Erweiterung/BlueSpiceSocialBlog

n Arbeit: Diese Seite wird im Moment neu gestaltet 

Die Erweiterung BlueSpiceSocialBlog ist Teil von BlueSpiceSocial, dem Kommunikationsmodul von BlueSpice. Neben dem Typ Blog gibt es noch andere Typen von sogenannten sozialen Einheiten, z. B. Kommentare, Diskussionsthemen, Anhänge oder Microblogs.

Was ist SocialBlog

Was ist ein Blog?

Grundsätzlich

<section begin="training /">Grundsätzlich ist ein Blog eine Liste von inhaltlichen Beiträgen wie Kommentare, oft chronologisch abwärts sortiert, im Sinne eines öffentlich zugänglichen Journals. Eine lebendige Fragen oder Rückmeldungen verschiedener Benutzer. Das Blog ist oft chronologisch aufgebaut. Eine lebhafte Kommunikation kann entstehen, wenn die Beiträge weiter kommentiert, weiter empfohlen, mit informativen Artikeln verlinkt verwandten Seiten verknüpft oder auf eine persönliche Beobachtungsliste gesetzt werden.

SocialBlog ist Bestandteil von BlueSpiceSocial, dem neuen Kommunikationsmodul von BlueSpice. Neben dem Typ Blog gibt es in diesem Modul noch die weiteren Typen Kommentar, Diskussion, Microblog. Beiträge aus allen diesen Typen können mit BlueSpiceSocial in einer Timeline-Anzeige chronologisch dargestellt werden und bezüglich Anzeige, Funktionen und Filtermöglichkeiten konfiguriert werden.

Ansicht vom Typ BlogWie Sie SocialBlog verwenden

Die Blog-Funktion steht auf der Seite Spezial:Blog zur Verfügung. Diese Seite ist in jeder neuen Wiki-Installation direkt von der Hauptnavigation aus verlinkt. So können Sie sofort mit der Nutzung des Blogs beginnen. Es ist auch möglich, die Blog-Funktionalität in jede Wiki-Seite aufzunehmen. <section end="training /">Legen wir also gleich los!

Beiträge können alternativ in einer Timeline konsolidiert und chronologisch angezeigt sowie nach Bedarf gefiltert und sortiert werden.

Das Blog auf einer Seite einbinden

Blog verfügbar machen über die Spezialseite - schnell und einfach

Die Blogfunktion wird auf der Spezialseite Spezial:blog gebrauchsfertig bereitgestellt. Sie können sofort loslegen und sich einen Eindruck verschaffen. Die Einschränkung über diesen Weg ist, dass sich der Blog ausschließlich auf dieser Spezialseite befindet.

Wenn Sie den Blog auf einer beliebigen Seite, z.B. der Startseite Ihres Wikis, einbinden wollen, dann wechseln Sie zu Punkt Blog über Tag einbinden

So öffnen Sie die Seite Spezial:Blog:

• Klicken Sie auf den Menüpunkt Blog in der linken Navigationsleiste.

oder

• Tippen Sie spezial:blog in die Suchleiste und Klicken Sie auf das Suchergebnis.

So erstellen Sie einen Blogeintrag:

1. Klicken Sie in den Rahmen Neuer Blog. Schreiben Sie Titel und Inhalt Ihres Beitrags.
2. Klicken Sie auf Posten > Ihr Eintrag wird im Blogformat erstellt.

Blogformat bedeutet ein ansprechendes Design, worüber Inhalt, Verfasser und Zeitpunkt der Erstellung zügig erfasst werden können und diverse Möglichkeiten, einen lebendigen Austausch zu einem interessanten Thema anzuregen.

Aufbau eines Blogbeitrags

Aufbau einer Blog-Liste

Der Titel wird farbig und prägnant dargestellt und ist zugleich ein Link auf eine extra Seite, um den kompletten Blogeintrag in einer Übersicht zu betrachten. In der Menüleiste rechts über dem Blog finden Sie folgende Schalter nach dem Prinzip ein/aus:, das heißt

Klick > Dialog öffnet sich, um Einstellungen zu setzen, Erneuter Klick > Dialog schließt sich und Einstellungen werden gespeichert

• Sortiereinstellungen z.B. absteigend nach dem Erstelldatum > der aktuellste Eintrag ist oben
• Filtereinstellungen z.B. nur Blogeinträge, die mit einem bestimmten Artikel verknüpft sind

außerdem die Schaltflächen

• Neu anlegen > legt ein leeres Blogformat an
• Liste neu laden > aktualisiert die Liste

Der 3-Punkte-Button rechts oben im farblich abgesetzten Blogfeld, öffnet den Dialog zum Bearbeien und Löschen. Der Mehr-Button rechts unter dem Inhalt klappt den kompletten Blogbeitrag aus. Die Social-Leiste mit speziellen Social-Funktionen

• Klicken Sie auf Kommentare und erfassen Sie einen Kommentar zum Blogbeitrag
• Klicken Sie auf Empfehlen
• Klicken Sie auf Verknüpfter Artikel. Tippen Sie den Namen des Wiki-Artikels ein, den Sie mit dem Blogeintrag verknüpfen möchten und lassen Sie sich bei der Suche von der Vorschlagliste unterstützen.
• Klicken Sie auf den Schalter Beobachten/ Nicht mehr beobachten, wenn Sie ein Auge darauf haben wollen, wie die Diskussion weiterverläuft oder die Beobachtung beenden wollen.

Blog über einen Tag auf beliebiger Seite einbinden

• Wechseln Sie auf die Seite, wo die Blogfunktion bereitgestellt werden soll.
• Öffnen Sie die Quelltextbearbeitung der Seite

• Kopieren Sie folgenden Codeblock an die gewünschte Stelle
  

<bs:timeline>

Wenn Sie eine Ansicht Ihres Blogs auf einer anderen Seite Ihres Wikis einbinden möchten, beispielsweise auf Ihrer Homepage, müssen Sie den erforderlichen Codeblock in den Quellcode Ihrer Seite einfügen.So fügen Sie eine Blogansicht hinzu:

1. Gehen Sie zu der Seite, auf der Sie das Blog einfügen möchten oder erstellen Sie eine neue Seite.
2. Öffnen Sie die Seite in der Quellbearbeitung.
3. Kopieren Sie folgenden Codeblock zum Seitenabschnitt, in dem Sie das Blog anzeigen wollen.

                               <bs:timeline>
    {
        "showentitylistmenu": true,
        "preloadtitles": {
            "blog": "Vorlage:Blog"
        },
        "preloadedentities": [{
            "type": "blog"
        }],
        "headlinemessagekey": "Community-Blog",
         "
                           

usemorescroll

1.                             showheadline": 
                           

false

1.                             true,
        "
                           

showheadline

1.                             usemorescroll": 
                           

true

1.                             false,
        "morelink": "Special:Blog",
        "limit": 5,
        "sort": [ {
            "property": "timestampcreated",
            "direction": "DESC"
        }],
        "lockedfilternames": [
            "type"
        ],
        "filter": [ {
            "type": "list",
            "property": "type",
            "value": [ "blog" ],
            "comparison": "ct"
        }]
    }
   </bs:
                           

timeline>

1.                             timeline>
   
                           

   Nach dem Speichern

die Änderungen

Die Blogfunktion steht nun bereit und kann genutzt werden.

Es gibt eine Liste von Parametern, über die Sie die Blogfunktion anpassen können. Sie sollten sich dazu mit den Parametern vertraut machen und die Json-Notation des Codes beachten.

Ansicht und Funktionen eines Blogs können über verschiedene Parametern konfiguriert.

Name Beschreibung Typ/Wertebereich Standardwert showheadline Zeige die Kopfzeile an bool false showentitylistmenu Zeige das Menü mit Filter und Optionen an bool true showentityspawner Zeige den Menüpunkt mit der Möglichkeit neue SocialEntities hinzuzufügen bool true useendlessscroll SocialEntities werden automatisch nachgeladen, wenn der Benutzer ans ende der Liste Scrollt bool true showentitylistmore "Mehr" Button unter der Liste anzeigen, welcher bei Klick mehr SocialEntities nachläd. Ist nur möglich, wenn useendlessscroll deaktiviert ist. bool false morelink Link des "Mehr" Buttons. Voller Artikeltitle str Special:Timeline headlinemessagekey Message Key, der in der Kopfzeile angezeigt wird. Wenn dieser nicht existiert, wird der angegebene Text direkt angezeigt str timeline

1. der Seite sehen Sie die Liste der Blogeinträge des Wikis. Die Liste basiert auf den angegebenen Filter- und Sortierungskriterien.
   

Blog Parameter

Ausgabeformat

Die folgende Tabelle zeigt die Blog-Elemente und die erforderlichen Parameter zum Erstellen der Blogansicht:

Element	Parameters	Parameter and element description	Type	Default value
1 - Überschrift	headlinemessagekey	Überschrift	string	Timeline
	showheadline	Überschrift anzeigen	boolean	true
2 - Blogmenü	showentitylistmenu	Blogmenü anzeigen	boolean	true
	showentityspawner	Textfeld zum Erstellen eines Blogeintrags anzeigen	boolean	true
	availablesorterfields	Datenfelder die als Sortieroptionen im Sortierungsmenü verfügbar sind. Beispiel: Benutzer können nur nach Erstellungsdatum oder Urheber sortieren: "availablesorterfields":["timestampcreated","ownerid"] Liste typischer Sortierfelder	array	alle
	lockedoptionnames	Diese Sortierfelder können vom Benutzer nicht geändert werden.	array	[]
	availablefilterfields	Datenfelder die als Filteroptionen im Filtermenü vorhanden sind. Beispiel: Benutzer können nach Erstellungsdatum oder Verknüpfte Artikel filtern: "availablefilterfields":["timestampcreated","tags"]	array	alle
	lockedfilternames	Diese Filtereinstellungen können nicht geändert werden. Beispiel: Ein Benutzer kann den Filter Verknüpfte Seiten nicht verändern. Das Feld ist ausgegraut: "lockedfilternames": ["tags"]	array	[]
	persistsettings	Initiale Einstellungen und vom Benutzer vorgenommene Einstellungen werden in die URL übernommen. Die URL kann dann auf anderen Seiten verlinkt werden. "persistsettings":true	boolean	false
3 - Neuer Blogeintrag	preloadentities	Zeigt das Textfeld zum Erstellen einen neuen Blogeintrags. Wenn es nicht angegeben ist, wird das Textfeld nicht nagezeigt. Anzeige des Textfelds mit: "preloadedentities": [{"type":"blog"}]	array of objects	-
4 - Existierender Blogeintrag	outputtypes	Definiert, welche Entitytypen mit welchem format angezeigt werden. Standardtypen sind: List, Short, Default und , Page. (siehe Beispiele) Jeder Blogeintrag ist eine social entity.	object	für jeden Entitytyp unterschiedlich definiert	preloadtitles	Definiert, welche in dieser Liste neue erstellten Entities mit dem Text aus welchen Artikel initialisiert Default
	limit	Definiert, wie viele social entities initial dargestellt werden.	object	für jeden Entitytyp unterschiedlich definiert
hidden	Tagcontent wird beim Seitenaufruf versteckt dargestellt.	bool	false
persistsettings	Initiale Einstellungen und vom Benutzer an der Liste vorgenommene Einstellungen des Tags werden in die URL übernommen	bool	false
limit	Definiert, wie viele SocialEntities initial dargestellt werden	int	20
sort	Nach welchem Datensatz soll die Liste sortiert sein	array of objects	[{ "property": "timestamptouched", "direction": "DESC" }]
start	Wie viele SocialEntities sollten am Anfang übersprungen werden	int	0
availablesorterfields	Nach welchen Datenfeldern kann der Benuter sortieren	array	alle
lockedoptionnames	Welche Sortiereinstellungen kann der Benutzer nicht verändern	array	[]
filter	Nach welchen Datenfeldern soll die Lise der SocialEntities gefiltert werden	array of objects	[]
availablefilterfields	Nach welchen Datenfeldern darf der Benutzer die Liste filtern	array	alle
lockedfilternames	Welche Filter darf der Benuzter nicht bearbeiten	array	[]
availabletypes	Welchen EntityTypen können in dieser Liste angezeigt werden	array	alle
preloadedentities	SocialEntities, die immer ganz am Anfang der Liste angezeigt werden	array of objects	[]

Blog-Vorlage erstellen und Einbinden auf beliebiger Seite

Der Codeblock/Tag der die Blogfunktion bereitstellt, kann in einer Vorlage hinterlegt werden und an beliebiger Stelle im Wiki eingebunden werden. So ist der Code "sicher" verpackt und benutzerfreundlich zu verwenden.

Kopieren Sie folgende Codeblock in die Vorlage
<includeonly> {{#tag:bs:timeline| { "showentitylistmenu": false, "showentityspawner": false, "preloadedentities": [{

Default
4a - Avatar	-	Zeigt den Avatar des Benutzers der den Blogeintrag oder den Kommentar erstellt hat. Er wird in allen Ausgabeformaten außer List angezeigt.	-	-
4b - Titelleiste	-	Im Ausgabeformat List wir der Benutzername in der Titelleiste nicht angezeigt.	-	-
4c - Inhalt des Blogeintrags	-	Zeigt den Textkörper des Blogeintrags an. Das Ausgabeformat Default klappt den Inhalt nach dem ersten Paragraphen ein. Der Inhalt wird über den Link Mehr ausgeklappt.	-	-
4d - Social Tags	-	Blogeinträge enthalten immer die Social Tags Kommentar, Empfehlen, Verknüpfter Artikel, Beobachten/Nicht mehr beobachten.	-	-
4e - Benutzermenu	-	Benutzer können Ihre eigenen Blogeinträge jederzeit bearbeiten oder löschen. Das Benutzermenü ist nur bei den eigenen Beiträgen sichtbar:	-	-
5 - Neuer Kommentar	-	Textfeld zum Erstellen eines neuen Kommentars.	-	-
6 - Existierender Kommentar	-	Kommentare enthalten das Social Tag Empfehlen. Jeder Kommentar ist eine social entity.	-	-
7 - Schaltfläche "Mehr"	morelink	Linkziel für die Schaltfläche Mehr. Für Blogs ist es sinnvoll, zur Seite Spezial:Blog zu verlinken.	str	Spezial:Timeline
	useendlessscroll	Mehr Blogeinträge werden nachgeladen, wenn der Benutzer ans Ende der Liste scrollt.	boolean	true
	showentitylistmore	Zeigt die Schaltfläche Mehr an, welche beim Anklicken mehr Blogeinträge lädt. Dies ist nur möglich, wenn useendlessscroll auf false eingstellt ist.	boolean	false

Sortierung

Generell werden in einem Blog die neuesten Blogeinträge zuerst angezeigt. Es gibt jedoch viele verschiedene Möglichkeiten, die Liste der Blogeinträge zu sortieren.

Syntax

                    [{

"property": "timestamptouched",

"direction": "DESC"

}]

                

Attribute

Ein Blogeintrag hat einige Attribute, die für die Sortierung nützlich sind:

Attribut	Beschreibung
timestampcreated	creation date
timestamptouched	last edit date
commentcount	number of comments
ratingcount	number of ratings
ownerid	username of the creator of a blog entry
ownerrealname	real name of the user

Richtung

Blogeinträge können in absteigender und aufsteigender Reihenfolge sortiert werden. Absteigend ist die Standardsortierung.

Wert	Beschreibung
DESC	sorts the blog entries in descending order
ASC	sorts the blog entries in ascending order

Filtern

Wenn der Parameter Filter nicht existiert, gibt es keine Blogausgabe.

Um die Blogeinträge Ihres Wikis anzuzeigen, schließen Sie den folgenden Codeblock ein, wie im obigen Codebeispiel gezeigt:

                    "filter": [ {
         "type": "list",
         "typeproperty": "blogtype",
    }],     "headlinemessagekeyvalue": "Letzter[ Blogeintrag",
    "usemorescroll": false"blog" ],
    "showheadline": false,     "morelinkcomparison": "Special:Blogct",
    "limit": {{{limit}}},
    "sort}]

                

Dieser Filter enthält alle sozialen Einheiten, die dem Typ Blog entsprechen. Da wir nur social entities vom Typ Blog anzeigen möchten, nehmen wir auch nur Blogeinträge in unseren Filter auf. Wenn Sie anstelle einer Blogansicht eine Timeline erstellen möchten, können Sie auch andere Arten von social entities hinzufügen. Das folgende Beispiel zeigt eine Timeline-Ansicht mit Blogeinträgen, Diskussionseinträgen von Wiki-Seiten und Benutzerprofilinformationen:

                    "filter": [ {
            "propertytype": "timestampcreatedlist",
            "directionproperty": "DESCtype",
        }     ],
    "lockedfilternames"value": [
        "type"
    ],
    "filter": [ {
            "type": "list""blog","topic","profile"],
            "propertycomparison": "typect",
            "value": [ "blog" ],}]

                

Beispiele für die Ausgabeformate

Der Ausgabetyp für ein Blog wird mit dem Parameter outputtypes hinzugefügt. Vergessen Sie nicht, vor und nach diesem Parameter ein Komma einzufügen (es sei denn, dies ist der letzte Parameter in Ihrem Codeblock):

                    "outputtypes": {
              "comparison"blog": "ctDefault"
        }
    ]
}
}}
</includeonly>
                

Der Code kann nun mit der Vorlage an einer beliebigen Stelle eingebunden werden

• Öffnen Sie den Bearbeitungsmodus, wo Sie den Blog einbinden wollen
• Klicken Sie auf Einfügen > Vorlage

Default

Der Ausgabetyp Default zeigt den Inhalt eines Blogeintrags an, der nach dem ersten Absatz eingeklappt wird. Um den vollständigen Text anzuzeigen, können Benutzer auf den Link Mehr klicken.

Short

Der Ausgabetyp Short zeigt den Inhalt des Blogeintrags nicht an. Um den Inhalt anzuzeigen, müssen Benutzer auf den Titel eines Blogeintrags klicken. Dadurch wird die aktuelle Seite für den ausgewählten Blogeintrag geladen.

Page

Der Ausgabetyp Page zeigt alle Elemente des Blogs, einschließlich der Kommentare, vollständig ausgekappt an.

List

Der Ausgabetyp List zeigt nur den Titel und das Erstellungsdatum an.

Verwandte Themen

• Micro-Blog
• Diskussionen und Anhänge
• Diskussionsbeiträge
• Kommentare
• Benutzerprofil

• Verknüpfte Artikel
• Referenz:BlueSpiceSocial