Erste Hilfe Roxen
SOZ-IT
Komponenten
Komponenten sind in Roxen die Bausteine einer Webseite. Durch Kombination verschiedener Komponenten können unterschiedliche Webseiten-Inhalte und -Layouts erstellt werden.
Auf dieser Webseite werden die Komponenten dargestellt, mit denen der Großteil der Webseiten umgesetzt in Roxen umgesetzt werden kann. Die einzelnen Komponenten-Webseiten erklären die Funktion der jeweiligen Komponente und zeigen wie die Komponente eingesetzt werden kann. Ein Überblick zu Eingabefeldern und Einstellungsmöglichkeiten gibt weitere Information zu Einsatzmöglichkeiten und Ausgestaltung.
Komponenten
- Section Content
Funktion
Die Section Content Komponente ist eine "Kontainer-Komponente", die andere Komponenten, wie Text and Picture oder PUB, beinhaltet. Im wesentlichen dient die Section Content Komponente zur inhaltlichen Strukturierung einer Webseite.
Eingabefelder
Section Title
Überschrift der KomponenteKontainer-Feld für andere Komponenten
Das zweite Eingabefeld ist ein Kontainer-Feld oder ein "Drag-and-Drop" Feld für andere Komponenten. Bei einer inhaltslosen Section Content Komponente ist in dem Kontainer-Feld "No Components." zu lesen. Diese Feld wird durch hinziehen (Drag-and-Drop) anderer Komponenten befüllt.Platzierung der Komponente
Platzierung und Aufbau der Section Content Komponente Die Section Content Komponente wird auf der gleichen Ebene wie die Page Options und Cover Komponente platziert. Als "Kontainer-Komponente" enthält die Section Content exemplarisch eine Text and Picture Komponente.
- Text and Picture
Funktion
Die Text and Picture Komponente ist die grundlegende Komponente zur inhaltlichen Ausgestaltung einer Webseite. Diese Komponente bietet neben Bild und Text zusätzlich die Möglichkeit nur Text oder nur Bild in die Webseite zu integrieren. Die Text and Picture-Komponente wird hierfür die Section Content Komponente gezogen.
Eingabefelder
Variant
Darstellung des Bildes mit den Einstellungsmöglichkeiten full size image, medium size image, small size image und no image.Headline
Größte Überschrift der Komponente, vergleichbar mit H1 oder Level 1 Überschrift.Sub-Headline
Mittlere Überschrift der Komponente, vergleichbar mit H2 oder Level 2 Überschrift.Sub-sub-Headline
Kleinste Überschrift der Komponente, vergleichbar mit H3 oder Level 3 Überschrift.Image
Enthält den Pfad zu dem ausgewählten Bild.Image Alignment
Ausrichtung des ausgewählten Bildes: rechtsbündig oder linksbündig.Zoomable Image
Bild vergrößert sich, wenn der Mauszeiger über das Bild bewegt wird.Alt text
Beschreibungstext, wenn der Mauszeiger über das Bild bewegt wird.Caption
Unterschrift des Bildes.Text
Eingabefeld und Editor für die Textinhalte der Komponente.Display Boxed
Darstellung der Textkomponente als Box mit grauem Hintergrund.Platzierung der Komponente
Die Text and Picture Komponente wird in der Section Content Komponente platziert. Die Text and Picture Komponente wird im Insite Editor per drag-and-drop in der Section Content Komponente platziert. Die Abbildung oberhalb stellt dies vereinfacht dar.
Komponente in Aktion
Kleines Bild und Text
© Universität Bielefeld Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.
At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.
Mittleres Bild und Text
© Universität Bielefeld Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.
At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.
Großes Bild und Text
© Universität Bielefeld Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.
At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.
Kein Bild, nur Text
Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.
At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.
Text in grauer Box
Occaecati quas voluptatem provident occaecati iure voluptatibus hic sed. Recusandae non veniam nesciunt expedita natus nemo. Nemo commodi qui labore non amet quia officia ut. Et quia quisquam dolorem qui. Laboriosam cupiditate dolorum in voluptatum.
At officiis autem enim et id est laudantium ratione. Perspiciatis suscipit provident eligendi. Non consectetur nostrum labore voluptatem eos.
- PUB
Funktion
Die PUB-Komponente bietet die Möglichkeit Veröffentlichungen einzelner Arbeitsbereiche oder einzelner Lehrender in eine Webseite einzubinden. Die PUB-Komponente wird hierfür die Section Content Komponente gezogen.
Eingabefelder
Search
Eingabe der BIS-ID der Arbeitsgruppe oder der/des Lehrenden.Type
Art der Publikationen, die angezeigt werden sollen.Full text
Darstellung des "Full texts"Index in
Auswahl des KatalogsYear
Auswahl eines bestimmten Jahres oder anzeigen aller JahreLanguage
Auswahl der Sprache der PublikationenAlternative Variante: Einbettung per iframe
Eine weitere Möglichkeit die Veröffentlichungen von Lehrende oder Arbeitsbereiche einzubinden bietet die Verwendung von iframes. Für diese Umsetzung den HTML-Code unterhalb kopieren und in eine RXML-Komponente einfügen. Das Wort PUBNUMMER im HTML-Code muss gegen die entsprechende Nummer des Arbeitsbereich oder Lehrenden ersetzt werden.
<xmp>
<iframe id="pubIFrame" name="pubIFrame" style="width:100%;
height:1600px;border:0"
src="https://pub.uni-bielefeld.de/embed?q=department=PUBNUMMER&
lang=de&fmt=iframe"></iframe>
</xmp>Platzierung der Komponente
Platzierung der PUB Komponente in der Section Content Komponente. Die PUB Komponente wird im Insite Editor in der Section Content Komponente platzierte. Die Abbildung oberhalb stellt dies vereinfacht dar.
- Contact
Funktion
Mit Hilfe der Contact-Komponente können Daten aus dem PEVZ in eine Webseite eingebunden werden. Die Contact-Komponente liest die dargestellten Inhalte aus dem PEVZ aus. Die Aktualität der Kompente ist daher abhängig von der Aktualität und vorhanden Inhalten des verbundenen PEVZ-Eintrags.
Eingabefelder
Variant
Art der Darstellung der Contact-KomponentePEVZ-id
Eingabefeld für die BIS-IDPEVZ Contact
Auswahl des Bereichs, der Abteilung etc.Show Photo
Im PEVZ hinterlegtes Foto anzeigenShow Tel.
Telefonummer anzeigenShow Tel. Secretary
Nummer des Sekretariats anzeigenShow E-Mail
Im PEVZ hinterlegte E-Mail-Adresse anzeigenShow Fax
Im PEVZ hinterlegte Faxnummer anzeigenShow Homepage
Im PEVZ hinterlegte Homepage anzeigenShow Curriculum Vitae
Im PEVZ hinterlegten Lebenslauf anzeigenShow Current Research
Im PEVZ hinterlegte aktuelle Forschungsthemen anzeigenShow Room
Raumnummer anzeigenName (benutzerdefiniert, bei fehlender BIS-ID)
Name der PersonRole (benutzerdefiniert, bei fehlender BIS-ID)
Aufgabe der PersonImage (benutzerdefiniert, bei fehlender BIS-ID)
Bild der PersonContact Details (benutzerdefiniert, bei fehlender PEVZ-ID)
Kontaktdetails, wie Telefonnummer, E-Mail-Adresse etc.Wie finde ich die BIS-ID?
Die BIS-ID wird PEVZ angezeigt. Hierzu wird im PEVZ die Seite der gewünschten Person aufgerufen, z.B. Udo Hagedorn https://ekvv.uni-bielefeld.de/pers_publ/publ/PersonDetail.jsp?personId=166069870).
Aus der Internetadresse (URL) wird dann die BIS-ID herauskopiert. Die BIS-ID ist die Zahl (166069870) am Ende der URL nach dem Gleichheitszeichen.
Platzierung der Komponente
Die Contact Komponente wird im Insite Editor in der Section Content Komponente per drag-and-drop platziert. Die Abbildung oberhalb stellt dies vereinfacht dar.
Prof. Dr. Udo Hagedorn
Professur für Sozialwissenschaften und ihre Didaktik
- Telefon
- +49 521 106-3986
- Telefon Sekr.
- +49 521 106-3985
- Raum
- Gebäude X C3-236
Prof. Dr. Udo Hagedorn
Professur für Sozialwissenschaften und ihre Didaktik
- Telefon
- +49 521 106-3986
- Telefon Sekr.
- +49 521 106-3985
- Raum
- Gebäude X C3-236
- Curriculum Vitae
- Aktuelle Forschungsthemen
Forschungskern ist die Gestaltung einer integrativen sozialwissenschaftlichen Bildung, der Umgang mit unterschiedlichen Ansprüchen aus Gesellschaft, Wirtschaft und Privatleben in sozialwissenschaftlichem Unterricht sowie didaktische Aspekte der Konstruktion sozialwissenschaftlicher Fachlichkeit und Handlung.
- RSS (z.B. Blog)
Funktion
Mit Hilfe der RSS-Komponente können Veröffentlichungen der Universität Bielefeld im RSS-Format der eingebunden werden. In der Regel handelt es sich bei diesen Veröffentlichungen um Neuigkeiten, die Lehrbereiche, die Fakultät oder die Universität betreffen. Die Einbindung der RSS Komponente erfolgt durch das ziehen in Section Content Komponente.
Eingabefelder
Variant:
Einstellung der Darstellungsmöglichkeiten: Textbox, Headers, ListTitle:
Titel der KomponenteRSS Feed URL:
Internetadresse (URL) von der die RSS-Inhalte für Komponente bezogen werdenNumber of items:
Angabe wie viele RSS Inhalte angezeigt werden sollenReadmore label:
Bennung des Buttons für weitere RSS InhalteShow summary:
Darstellung einer Zusammenfassung für den jeweiligen RSS-InhaltShow date:
Darstellung des Datums für den jeweilgen RSS-InhaltItem read more label:
Bennung des Links für weiteren Inhalt des jeweiligen RSS-InhaltsPlatzierung der Komponente
Platzierung der RSS Komponente in der Section Content Komponente. Die RSS Komponente wird im Insite Editor in der Section Content Komponente platziert. Die Abbildung oberhalb stellt dies vereinfacht dar.
-
14.01.2025 - Neue Teammitglieder im AB Mediensoziologie
Der AB Mediensoziologie freut sich sehr zwei neue Teammitglieder vorstellen und willkommen heißen zu können.
-
13.01.2025 - Neuer Artikel in Policy & Politics erschienen
-
10.01.2025 - Neuer Artikel von Stefan Kühl in der TAZ
-
- Video
Funktion
Die Video-Komponente bietet die Möglichkeit YouTube-Videos per YouTube Video ID in eine Webseite einzubinden. Die Video-Komponente wird hierfür die Section Content Komponente gezogen. Die Einbindung von Videos die nicht auf YouTube liegen wird unten erklärt.
Eingabefelder
Variant
In welcher Größe das YouTube-Video dargestellt werden soll. Auswahl: normal, small, large.Title
Titel oder Überschrift der Video-Komponente.Preview Image
Pfad für Vorschaubild des jeweiligen Videos.Preview Image Alt Text
Beschreibungstext des Vorschaubilds des jeweiligen Videos.Caption Text
Bildunterschrift des jeweiligen VideosYouTube VideoID
Alphanumerischer ID-Code des jeweiligen YouTube-Videos. Der ID-Code ist in der YouTube-URL nach dem "youtube.com/watch?v=" zu finden.Optional: Start time of the video
Startzeitpunkt (in Sekunden) des Videos.Optional: End time of the video
Endzeitpunkt (in Sekunden) des Videos.Platzierung der Komponente
Platzierung der Video Komponente in der Section Content Komponente. Die Video Komponente wird im Insite Editor in der Section Content Komponente platziert. Die Abbildung oberhalb stellt dies vereinfacht dar.
Große Videos und Speicherplatz
Videos benötigen möglicherweise viel Speicherplatz! Roxen wird durch das Hochladen großer Dateien noch langsamer. Bitte bei der SOZ-IT vor dem Hochladen nach alternativen Speichermöglichkeiten erkundigen.
Einbinden von Nicht-YouTube-Videos
Falls Videos auf eurer Webseite einbinden wollt, die ihr in die sich inde Roxen-Ornderstrukturen befinden, kopiert und fügt den nchfolgenden HTML-Code in eine RXML-Komponente ein. Abschließend muss der Pfad zum Video und der Name des Videos angepasst werden. Ändert hierfür den Eintrag unter src="/pfad/zum/video/video.mp4" entsprechend ab.
- Group
Funktion
Die Group Komponente ermöglicht es andere Komponenten inhaltlich zu gruppieren und übsichtlich darzustellen. Für eine übersichliche Darstellung sollte eine Group Komponente nicht mehr 5 bis 7 Group Item Komponenten beinhalten.
Für eine Integration in die Webseite wird die Group-Komponente die Section Content Komponente gezogen. Anschließed werden einzelne Group Item Komponenten in der Group Komponente platziert. In die Group Item Komponenten können Komponenten, wie Text and Picture oder Contact platziert werden.
Eingabefelder
Variant
Möglichkeit verschiedene Darstellungsformen der Komponente, wie Tab, Accordion Simple, Accordion Boxed auszuwählen.Title
Titel der Group-Komponente.Drag-and-drop Felder
Die Komponente verfügt über eine Drag-and-drop Feld für die Group Item Komponente. In der Group Item Komponente werden ander Komponenten platziert.Platzierung der Komponente
Platzierung und Aufbau der Group Komponente. Die Group Komponente wird im Insite Editor in der Section Content Komponente Platzierte. Die Group Komponente wird durch Platzierung einzelner Group Item Komponenten gefüllt. In den Group Item Komponenten werden andere Komponenten, wie beispielsweise Text and Picture Komponenten platziert. Die Abbildung oberhalb stellt dies auf vereinfachte Weise dar.
- Sidebar
Funktion
Die Sidebar-Komponente bietet die Möglichkeit Inhalte in der rechten Seitensplate des Roxen-Webseitenlayouts zu platzieren. Die Sidebar Komponente wird in der Section Content Komponente platziert.
Eingabefelder
Drag-and-drop Feld
Die Komponente verfügt über ein Drag-and-drop Feld in dem andere Komponenten, wie RSS abgelegt werden können.Platzierung der Komponente
Platzierung und Aufbau der Sidebar Komponente. Die Sidebar Komponente wird im Insite Editor in der Section Content Komponente platziert. Ähnlich wie die Section Content Komponente ist die Sidebar Komponente eine "Kontainer Komponente". In ihr werden andere Komponenten, wie die beispielweise Text and Picture Komponente, platziert. Die Abbildung oberhalb stellt dies vereinfacht dar.
