Visuelles Beispiel

multimedia

 

 
 

Allgemein

Multimedia-Objekte im CXL-Editor (WYSIWYG). Bezeichnung im Sitemanager: Multimedia (deutsch)

Leistungsmerkmale

  • Einbetten einer Multimedia-Datei (z. B. Flash, Sound, Video, Java-Applets)

Bestimmung

  • Multimedia-Objekte darzustellen

Nutzen

  • Redakteure können ohne HTML-Kenntnisse Multimedia-Objekte, wie z. B. Produktvi-deos, Lernvideos etc. einfügen

Beschreibung

Das Ziel dieses Moduls ist es, Multimedia-Objekte im CXL-Editor (WYSIWYG) – ähnlich wie Image-Objekte – eingebettet darzustellen. Außerdem bietet dieses Modul eine Listenansicht, eine Detailansicht und eine Beziehungsansicht.

Zum Einbetten einer Datei (z. B. Flash, Sound, Video, Java-Applets) in HTML ist es notwendig, das object-tag zu nutzen (oder den embed-tag für Netscape). Die Parameter sind durch die verschiedenen parameter-tags vergeben.

Das Multimedia-Modul ermöglicht es, Redakteuren ohne HTML-Kenntnisse bzw. -Rechte, solche Objekte in die Website einzubinden. Der Redakteur muss lediglich dazu auf das Icon „Multimediaobjekt einfügen“ klicken, um ein Objekt aus dem Objektmanager zu wählen und verlinken.

Abb.: Einfügen eines Multimedia-Objektes

 

Der HTML-Code ist in diesem Beispiel-Templates umgesetzt, die Parameter sind innerhalb des Multimedia-Objekts definiert.

Hier zwei Beispiele eines Templates unter Verwendung des beliebten „JW Player“ (http://www.longtailvideo.com), um Videos adäquat darzustellen.

 

Beispiel 1:

<SCRIPT type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js">
</SCRIPT>
<P id="container1">Please install the Flash Plugin</P>
<SCRIPT type="text/javascript">
var flashvars = { file:'[ci:baseurl][ResourceURL]',autostart:'[Param1]' };
var params = { allowfullscreen:'[Param2]', allowscriptaccess:'[Param3]' };
var attributes = { id:'player1', name:'player1' };
swfobject.embedSWF('[ci:baseurl]portaldata/1/scripts/player.swf','container1','[Width]','[Height]','9.0.115','false',
flashvars, params, attributes);
</SCRIPT>
 

 

Beispiel 2:

<DIV class="InfoBoxContent">
<CENTER>
<SCRIPT type="text/javascript" src="http://www.IhreURL.de/portaldata/1/scripts/swfobject.js"></SCRIPT>
<DIV id="mediaspace8">Sie benötigen den Adobeflashplayer.<BR><A href="http://get.adobe.com/es/flashplayer/" target="_blank">Den Adobeflashplayer gibt es hier</A>.</DIV>
<SCRIPT type="text/javascript">
var so = new SWFOb-ject('http://www.IhreURL.de/portaldata/1/scripts/player.swf','mpl','219','147','9');so.addParam('allowfullscreen','true');so.addPa-ram('allowscriptaccess','always');so.addParam('wmode','opaque');so.addVariable('file','[ResourceURL]');so.addVariable('dock','false');so.write('mediaspace8');</SCRIPT>
</CENTER></DIV>
 

Um den Einsatz dieses neuen Moduls noch komfortabler zu gestalten, können Multimedia-Objekte „on the fly“ als Ressourcen Upload erstellt werden.

 
 

Spezielle Einstellungen

Die speziellen Einstellungen des Artikelmoduls umfassen Einstellungen für die erforderlichen Templates zur Darstellung von Listen- und Einzelansichten, zum Blättern sowie erweiterte Einstellungen für spezielle Anwendungen. Über die Editier-Schaltfläche können die gewählten Templates bei entsprechenden Zugriffsrechten auch gleich bearbeitet werden.

Hinweis: Bitte beachten Sie, dass die Änderung von Templates auch alle anderen Module betrifft, denen das Template zugewiesen wurde. Die Verwendung von Templates ist im Template-Editor dokumentiert. Möchten Sie Templates nur für dieses eine Modul ändern, speichern Sie das Template unter einem neuen Namen und weisen Sie es dann dem Modul in der Auswahlliste zu.

Abb.: Spezielle Einstellungen des Artikelmoduls.

Im Einzelnen können die folgenden speziellen Einstellungen getroffen werden:

  • Detailansicht: Wählen Sie hier das gewünschte Template für die Detail- oder Einzelansicht des Artikels aus.
  • Druckvorschau: Wählen Sie hier das gewünschte Template für die Druckvorschau des Artikels aus.
  • Inline-Edit: Wählen Sie hier das gewünschte Template für das Erscheinungsbild des Inline-Editors in diesem Modul aus.
  • Kein Blättern in der Einzelansicht: Wird in der Einzelansicht des Artikels keine Blätterfunktion (Paging, nächster Artikel) benötigt, kann diese Option aktiviert werden. Dies verbessert die Performance und verringert die Systemlast, da dann nur noch der aktuelle Artikel bereitgestellt werden muss. Diese Option ist (aus Gründen der Abwärtskompatibilität) standardmäßig nicht ausgewählt.
  • Anzahl Vorschau groß: Anzahl der Artikel, die mit dem Template für „Vorschau groß“ in der Listenansicht angezeigt werden sollen.
  • Anzahl Spalten groß: Anzahl der Spalten, die mit dem Template für „Vorschau groß“ in der Listenansicht angezeigt werden sollen.
  • Vorschau groß: Wählen Sie hier das gewünschte Template für die Vorschau-/Listenansicht groß aus. Der Wechsel zwischen einem Template für Vorschau groß und Vorschau klein ermöglicht die Priorisierung von Informationen durch einen Temp-late-Wechsel nach einer bestimmten Anzahl von Artikeln, beispielsweise in eine kleinere Darstellung.
  • Vorschau groß alternierend: Wählen Sie hier das gewünschte Template für die Vor-schau-/Listenansicht groß alternierend aus. Der Wechsel zwischen einem Template für Vorschau groß und Vorschau groß alternierend ermöglicht einen Template-Wechsel bei jeder Zeile um beispielsweise die Lesbarkeit zu erhöhen.
  • Anzahl Vorschau klein: Anzahl der Artikel, die mit dem Template für „Vorschau klein“ in der Listenansicht angezeigt werden sollen.
  • Anzahl Spalten klein: Anzahl der Spalten, die mit dem Template für „Vorschau klein“ in der Listenansicht angezeigt werden sollen.
  • Vorschau klein: Wählen Sie hier das gewünschte Template für die Vorschau-/Listenansicht klein aus. Der Wechsel zwischen einem Template für Vorschau groß und Vorschau klein ermöglicht die Priorisierung von Informationen durch einen Template-Wechsel nach einer bestimmten Anzahl von Artikeln, beispielsweise in eine kleinere Darstellung.
  • Vorschau klein alternierend: Wählen Sie hier das gewünschte Template für die Vorschau-/Listenansicht klein alternierend aus. Der Wechsel zwischen einem Template für Vorschau klein und Vorschau klein alternierend ermöglicht einen Template-Wechsel bei jeder Zeile um beispielsweise die Lesbarkeit zu erhöhen.
  • Kopfbereich: Wählen Sie hier das gewünschte Template für den Kopfbereich der Vorschau-/Listendarstellung. Dort können beispielsweise Blätterfunktionen dargestellt werden.
  • Fußbereich: Wählen Sie hier das gewünschte Template für den Fußbereich der Vorschau-/Listendarstellung. Dort können beispielsweise Blätterfunktionen dargestellt werden.
  • Kein Ergebnis: Wählen Sie hier das gewünschte Template für den Fall einer leeren Liste. Dort kann beispielsweise ein entsprechender Hinweis dargestellt werden.
  • Rotationsmodus: Ist dieser Modus gesetzt, werden entsprechend dem Template ein oder mehrere zufällig ausgewählte Listenelemente dargestellt. Diese Funktionalität bedingt einen abgeschalteten Seiten-Cache für die jeweilige Seite.

Hinweis: Wir empfehlen statt dem server-seitigen Rotationsmodus im Template per Javascript eine Client-seitige Liste aufzubauen. Dann bleibt das Caching erhalten.

  • Teasermodus: (Einzelansicht auf anderer Seite öffnen) Ist dieser Modus gesetzt, wird die Einzelansicht des Objektes in einem anderen Modul (entsprechend der Ziel Modu-lID) und auf einer anderen Seite (entsprechend der Ziel SeitenID) geöffnet. Dieses Objekt muss dort ebenfalls veröffentlicht sein.
  • Ziel-Modul-ID / Ziel-Seiten-ID: Durch die Angabe von Ziel ModulID und Ziel SeitenID kann ein Öffnen für das angegebene Modul und die angegebene Seite erzwungen werden. Ansonsten wird eine beliebige weitere Veröffentlichung verwendet.
  • Feature-Modus: Ist dieser Modus gesetzt, wird der erste Artikel in der Liste in Einzelansicht geöffnet. Dieser Modus wird oft zusammen mit einer Blätterfunktion verwendet.

 

 

 
 

Template: Allgemein - Layout - Modultemplate

<!-- Ueber skin-docs werden in einer separaten CSS Datei alle visuellen Modifikationen vorgenommen -->
<section class="skin-docs">[moduletitle][content]</section>

 

Template: Header und Footer

<TABLE align="center">
<TBODY>
<TR>
<TD><SPAN [mvif:FirstPage:neq:]><A href="[FirstPage]"><< </A></SPAN></TD>
<TD><SPAN [mvif:PreviousPage:neq:]><A href="[PreviousPage]">< </A></SPAN></TD>
<TD>Page [CurrentPageNumber] of [TotalPageCount]</TD>
<TD><SPAN [mvif:NextPage:neq:]><A href="[NextPage]">> </A></SPAN></TD>
<TD><SPAN [mvif:LastPage:neq:]><A href="[LastPage]">>> </A></SPAN></TD></TR></TBODY></TABLE>

 

 
 

Platzhalter: Eingebettete Objekte

Platzhaltername

Type

Platzhalterbeschreibung

[author]

String

Ersteller des Multimediaobjects

[description]

String

Inhaltstext

[editbutton]

 

Schaltfläche zum bearbeiten des Multimediaobjects

[headline]

String

Überschrit

[height]

Integer

Höhe für Darstellung

[keywords]

String

SEO-Keywords

[param1...5]

String

Verschiedene Parameter um das Multimediaobjekt darzustellen abhängig von der Art des Objekts

[preview]

String

Vorschautext

[previewresource]

Integer

Raid der Vorschauresource

[previewresourceurl]

String

url der Vorschauresource

[resource]

Integer

raid die Multimediaresource

[resourceurl]

String

url der Multimediaresource

[resourceurlfilesize]

String

Dateigröße der Multimediaresource

[subtitle]

String

Untertitel

[title]

String

Titel

[width]

Integer

Breite für Darstellung

Anmerkung:
Ihnen stehen hier zusätzlich die Felder [usersetting1] - [usersetting10] (string Werte), [userint1]-[userint5] (integer Werte), [userdate1] and [userdate2] (datetime Werte), [userfloat1]-[userfloat5] (double Werte), [userimage1]-[userimage5] als rid‘s, [userimage1_alt]-[userimage5_alt] (string Werte).

 

 

Platzhalter: Detailansicht

Platzhaltername

Type

Platzhalterbeschreibung

[author]

String

Ersteller des Multimediaobjects

[description]

String

Inhaltstext

[editbutton]

 

Schaltfläche zum bearbeiten des Multimediaobjects

[headline]

String

Überschrift

[height]

Integer

Höhe für Darstellung

[keywordsl]

String

SEO-Keywords

[param1...5]

String

Verschiedene Parameter um das Multimediaobjekt darzustellen abhängig von der Art des Objekts

[preview]

String

Vorschautext

[previewresource]

Integer

Raid der Vorschauresource

[previewresourceurl]

String

url der Vorschauresource

[previewresourcefilesize]

String

Dataigröße der Vorschauresource

[printlink]

 String

Link zur Druckansicht

[resource]

Integer

Dateigröße der Multimediaresource

[resourceurl]

String

url der Multimediaresource

[resourceurlfilesize]

String

Dateigröße der Multimediaresource

[subtitle]

String

Breite für Darstellung

[tellafriendlink]

String

selbsterklärend

[Title]

 String

Titel

[width]

Integer

Breite für Darstellung

Anmerkung:
Ihnen stehen hier zusätzlich die Felder [usersetting1] - [usersetting10] (string Werte), [userint1]-[userint5] (integer Werte), [userdate1] and [userdate2] (datetime Werte), [userfloat1]-[userfloat5] (double Werte), [userimage1]-[userimage5] als rid‘s, [userimage1_alt]-[userimage5_alt] (string Werte).

 

 

Platzhalter: Header und Footer

Platzhaltername

Type

Platzhalterbeschreibung

[CurrentPageNumber]

integer

Aktuelle Seitennummber – Paging

[FirstPage]

string

Link zur ersten Seite – Paging

[IsListView]

string

Befindet sich das Modul in der Listenansicht

[LastPage]

string

Link zur letzen Seite – Paging

[NextPage]

string

Link zur nächsten Seite – Paging

[PreviousPage]

string

Link zur vorherigen Seite – Paging

[PrintLink]

string

Link zur Druckansicht

[ReturnToListLink]

string

Link zurück zur Listenansicht

[ReturnToOriginalListLink]

string

 

[ShownFrom]

string

Index des ersten Elements das auf der aktuellen Seite angezeigt wird

[ShownTo]

string

Index des letzten Elements das auf der aktuellen Seite angezeigt wird

[TellAFrendLink]

string

selbsterklärend

[TotalItemsCount]

integer

Anzahl aller Elemente – Paging

[TotalPageCount]

integer

Anzahl aller Seiten – Paging

 

Platzhalter: Listenansicht

Platzhaltername

Type

Platzhalterbeschreibung

[author]

string

Ersteller des Multimediaobjekts

[description]

string

Inhaltstext

[editbutton]

string

Schaltfläche zum bearbeiten des Multimediaobjekts

[headline]

string

Überschrift

[height]

string

Höhe für die Darstellung

[keywordsl]

string

SEO-Keywords

[morelink]

string

Link to open the Multimediaobjekt in Detailview

[param1...5]

string

Verschiedene Parameter abhängig vom Objekt das dargestellt werden soll

[preview]

string

Vorschautext

[previewresource]

integer

Raid der Vorschauressource

[previewresourceurl]

String

url der Vorschauressource

[previewresourcefilesize]

string

Dateigröße der Vorschauressource

[resource]

integer

raid der Multimediaressource

[resourceurl]

string

url der Multimediaressource

[resourceurlfilesize]

string

Dateigröße der Multimediaressource

[subtitle]

string

Untertitel

[title]

string

Titel

[width]

string

the width to display the multimedia resource

Anmerkung:
Ihnen stehen hier zusätzlich die Felder [usersetting1] - [usersetting10] (string Werte), [userint1]-[userint5] (integer Werte), [userdate1] and [userdate2] (datetime Werte), [userfloat1]-[userfloat5] (double Werte), [userimage1]-[userimage5] als rid‘s, [userimage1_alt]-[userimage5_alt] (string Werte).