Dokumentation contentXXL CMS Version 5.3

Visuelles Beispiel

multimedia

 

 
 

Allgemein

Dient zur Darstellung von Multimedia-Dateien (z.B. Flash, Sound, Video, Java-Applets).

Beschreibung

Das Modul "Multimedia“ wird eingesetzt, um multimediale Inhalte als komplette contentXXL-Objekte mit allen Features zu verwalten.
Herauszuheben ist die Möglichkeit, Multimedia-Objekte im WYSIWYG-Text eines beliebigen Objekts einzubetten. Redakteure haben somit einen einfachen Zugriff auf "Multimedia" (d..h. ohne Verwendung von HTML).

Multimedia-Objekte können "on the fly" beim Upload von Ressourcen erstellt werden.

Abb.: Einfügen eines Multimedia-Objektes durch Klick auf das entsprechende Icon.

Nach Auswahl des gewünschten Multimedia-Objekts öffnet sich eine Dropdownliste, wo der Redakteur ein geeignetes Template auswählen kann.  

 
 

Spezielle Einstellungen

Die speziellen Einstellungen des Multimedia-Moduls 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. Weiterhin können Benennungen für die im jeweiligen Modul gegebenenfalls erforderlichen zusätzlichen Parametern (maximal 5) vergeben werden. Diese werden dann in den Basisidaten ausgegeben und erleichtern somit die Arbeit des Redakteurs.

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 Multimedia-Moduls.

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

Konfiguration

  • Parameter 1...5: Abhängig von der Art des einzubindenden Multimediaobjekts und damit des verwendeten Templates müssen für jedes veröffentlichte Objekt bestimmte Parameter zur Verfügung gestellt werden. Damit die Basisdaten-Maske an das jeweilige Modul angepasst werden kann, können hier die Benennungen für bis zu 5 Parameter eingegeben werden (Breite und Höhe sind standardmäßig verfügbar). Mit dieser Information kann der Redakteur im Objekt-Edit-Manager die geeigneten Objektdaten bereitstellen.

Templates Einzelansicht

  • Detailansicht: Wählen Sie hier das gewünschte Template für die Detail- oder Einzelansicht des Multimediaobjekts aus.
  • Druckvorschau: Wählen Sie hier das gewünschte Template für die Druckansicht des Multimediaobjekts aus.

Templates Listenansicht

  • Anzahl Vorschau groß: Anzahl der Objekte, 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 Template-Wechsel nach einer bestimmten Anzahl von Objekten, beispielsweise in eine kleinere Darstellung.
  • Vorschau groß alternierend: Wählen Sie hier das gewünschte Template für die Vorschau-/Listenansicht groß alternierend aus. Der Wechsel zwischen einem Template für Vorschau groß und Vorschau groß alternierend ermöglicht einen Darstellungs-Wechsel bei jeder Zeile, um beispielsweise die Lesbarkeit zu erhöhen.
  • Anzahl Vorschau klein: Anzahl der Objekte, 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 Objekten, 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 Darstellungs-Wechsel bei jeder Zeile, um beispielsweise die Lesbarkeit zu erhöhen.

Blättern in der Vorschau

  • 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.

Erweiterte Einstellungen

  • Rotationsmodus: Ist dieser Modus gesetzt, werden ein oder mehrere (entsprechend der Anzahl Vorschau groß) 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 kann das Caching erhalten bleiben.

  • Teasermodus: Ist dieser Modus gesetzt, wird die Einzelansicht des Objektes auf einer anderen Seite in einem anderen Modul (entsprechend der Ziel-ModulID) und auf einer anderen Seite (entsprechend der Ziel-SeitenID) geöffnet. Dieses Objekt muss dort ebenfalls veröffentlicht sein.
  • Ziel-ModulID / Ziel-SeitenID: 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. Andere Objekte in dem Modul sowie andere Module auf der Seite können in diesem Modus nicht mehr dargestellt werden.

 

 

 
 

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>

 

Template: Detailansicht

<video id='[val:itemid]' class="video-js vjs-default-skin vjs-big-play-centered" controls preload="auto" width='[Width]' height='[Height]'  poster='[PreviewresourceURL]' data-setup="{}">
   <source src='[ResourceURL]' type='video/mp4' />
   <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track>
   <!-- Tracks need an ending tag thanks to IE9 -->
   <track kind="subtitles" src="demo.captions.vtt" srclang="en" label="English"></track>
   <!-- Tracks need an ending tag thanks to IE9 -->
   <p class="vjs-no-js">To view this video please enable JavaScript, and consider upgrading to a web browser that <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a></p> 
 </video>

 

Template: Eingebettet, JS-FLV-Player

<SCRIPT type=text/javascript src="/flvplayer/swfobject_20111019.js"></SCRIPT>
<P id=container1>Playerbox</P>
<SCRIPT type=text/javascript>
var flashvars = { file:'[ci:baseurl][ResourceURL]',autostart:'true' };
var params = { allowfullscreen:'true', allowscriptaccess:'false' };
var attributes = { id:'player1', name:'player1' };
swfobject.embedSWF('/flvplayer/player20111019.swf','container1','[width]','[height]','9.0.115','false',
flashvars, params, attributes);
</SCRIPT>

 

Template: Eingebettet, Object

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="[Width]" height="[Height]">
<param name="movie" value="[ResourceURL]" />
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="[ResourceURL]" width="[Width]" height="[Height]">
<!--<![endif]-->
<p>Alternative content</p>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
 
 

Platzhalter: Eingebettete Objekte

Platzhaltername

Typ

Platzhalterbeschreibung

[author]

string

Ersteller des Multimediaobjekts.

[description]

string

Textdaten (WYSIWYG).

[editbutton]

string

Schaltfläche, um das Multimediaobjekt im Objekt-Edit-Manager zu bearbeiten.

[headline]

string

Überschrift.

[height]

integer

Höhe der Darstellung.

[keywords]

string

SEO-Keywords.

[param1...5]

string

Verschiedene Werte zur Parametrierung des Multimediaobjekts.  Ob bzw. welche Parameter zur Verfügung stehen, ist abhängig von der Art des Objekts.

[preview]

string

Vorschautext.

[previewresource]

integer

RAID (RessourceAssignID) der Vorschauressource.

[previewresourceurl]

string

Url der Vorschauressource.

[resource]

integer

RAID (RessourceAssignID) der Multimediaresource.

[resourceurl]

string

Url der Multimediaressource.

[subtitle]

string

Untertitel des Multimediaobjekts.

[title]

string

Titel des Multimediaobjekts.

[width]

integer

Breite der 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] (integer-Werte, RAIDs), [userimage1_alt]-[userimage5_alt] (string-Werte) zur Verfügung.

 

 

Platzhalter: Detailansicht

Platzhaltername

Typ

Platzhalterbeschreibung

[author]

string

Ersteller des Multimediaobjekts.

[description]

string

Textdaten (WYSIWYG).

[editbutton]

string

Schaltfläche, um das Multimediaobjekt im Objekt-Edit-Manager zu bearbeiten.

[headline]

string

Überschrift.

[height]

integer

Höhe der Darstellung.

[keywordsl]

string

SEO-Keywords.

[param1...5]

string

Verschiedene Werte zur Parametrierung des Multimediaobjekts.  Ob bzw. welche Parameter zur Verfügung stehen, ist abhängig von der Art des Objekts.

[preview]

string

Vorschautext.

[previewresource]

integer

RAID (RessourceAssignID) der Vorschauressource.

[previewresourceurl]

string

Url der Vorschauressource.

[previewresourcefilesize]

string

Dateigröße der Vorschauressource.

[printlink]

string

Url zur Druckansicht.

[resource]

integer

RAID (RessourceAssignID) der Multimediaresource.

[resourceurl]

string

Url der Multimediaresource.

[resourcefilesize]

string

Dateigröße der Multimediaresource.

[subtitle]

string

Untertitel des Multimediaobjekts.

[tellafriendlink]

string

Url zum Empfehlungs-Modul (Tell-a-Friend).

[title]

 string

Titel des Multimediaobjekts.

[width]

integer

Breite der 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] (integer-Werte, RAIDs), [userimage1_alt]-[userimage5_alt] (string-Werte) zur Verfügung.

 

 

Platzhalter: Kopf- und Fußbereich

Platzhaltername

Typ

Platzhalterbeschreibung

[CurrentPageNumber]

integer

Aktuelle Seitennummer – Paging.

[FirstPage]

string

Url zur ersten Seite – Paging.

[IsListView]

string

Gibt an, ob sich das Modul in der Listenansicht befindet.

[LastPage]

string

Url zur letzen Seite – Paging.

[NextPage]

string

Link zur nächsten Seite – Paging.

[PreviousPage]

string

Link zur vorherigen Seite – Paging.

[PrintLink]

string

Url zur Druckansicht.

[ReturnToListLink]

string

Url zurück zur Listenansicht.

[ReturnToOriginalListLink]

string

Url zurück zur Listenansicht (bei Paging der Einzelansicht).

[ShownFrom]

integer

Index des ersten Elements, das auf der aktuellen Seite angezeigt wird.

[ShownTo]

integer

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

Typ

Platzhalterbeschreibung

[author]

string

Ersteller des Multimediaobjekts.

[description]

string

Textdaten (WYSIWYG).

[editbutton]

string

Schaltfläche, um das Multimediaobjekt im Objekt-Edit-Manager zu bearbeiten.

[headline]

string

Überschrift.

[height]

integer

Höhe der Darstellung.

[keywordsl]

string

SEO-Keywords.

[morelink]

string

Url zur Detailansicht.

[param1...5]

string

Verschiedene Werte zur Parametrierung des Multimediaobjekts.  Ob bzw. welche Parameter zur Verfügung stehen, ist abhängig von der Art des Objekts.

[preview]

string

Vorschautext.

[previewresource]

integer

RAID (RessourceAssignID) der Vorschauressource.

[previewresourceurl]

string

Url der Vorschauressource.

[previewresourcefilesize]

string

Dateigröße der Vorschauressource.

[resource]

integer

RAID (RessourceAssignID) der Multimediaresource.

[resourceurl]

string

Url der Multimediaressource.

[resourceurlfilesize]

string

Dateigröße der Multimediaressource.

[subtitle]

string

Untertitel des Multimediaobjekts.

[title]

string

Titel des Multimediaobjekts.

[width]

string

Breite der 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] (integer-Werte, RAIDs), [userimage1_alt]-[userimage5_alt] (string-Werte) zur Verfügung.

 

 

 

Das Multimedia-Modul ist auch als Variante für verknüpfte Multimediaobjekte verfügbar. Entsprechend Betriebsmodus und Templates werden hier dynamisch bestimmte Links in Listenform angezeigt. Es sind die gleichen Einstellungen verfügbar wie für Artikel.
 

 

Das Basisdaten-Formular

  • Kopfzeile: Tragen Sie hier gegebenfalls die Kopfzeile des Multimedia-Objekts ein (sofern vom Template unterstützt).
  • Titel: Tragen Sie hier den Titel des Multimedia-Objekts ein (dieser Eintrag wird auch intern zur Identifikation des Objekts verwendet). 
  • Untertitel: Tragen Sie hier gegebenfalls einen Untertitel des Multimedia-Objekts ein (sofern vom Template unterstützt).
  • Vorschau: Tragen Sie hier gegebenfalls einen Vorschautext für das Multimedia-Objekts ein (sofern vom Template unterstützt).
  • Autor: Hier erscheint der Ersteller des Multimedia-Objekts als Autor.
  • Multimedia Bild: Auswahl / Ändern / Entfernen einer Bildes aus dem Ressourcen-Manager (sofern vom Template unterstützt).
  • Ressource: Auswahl / Ändern / Entfernen einer Ressource aus dem Ressourcen-Manager.
  • Breite: Tragen Sie hier die Breite des Multimedia-Objekts ein (sofern vom Template unterstützt).
  • Höhe: Tragen Sie hier die Breite des Multimedia-Objekts ein (sofern vom Template unterstützt).
  • Parameter 1..5: Wenn die entsprechenden Felder in den Moduleinstellungen gefüllt wurden, erscheinen hier die zugehörigen Parameternamen. Tragen Sie die jeweiligen Werte hier ein. Fehlt diese Information im Formular, befragen Sie hierzu Ihren Administrator.