How to R:EIN?

Ein Manual!

R:EIN | https://r-ein.de steht dir*euch 24/7/365 als Online-Ausstellungs- und Kommunikationsplattform des FB 06 Architektur, Stadtplanung und Landschaftsplanung der Universität Kassel zur Verfügung. Du*ihr kannst*könnt deine*eure Semesterarbeiten als Portfolio, Podcast, Tutorial, 3D-Game-Engine uvm. online ausstellen. Die Arbeiten sind über ein Filtersystem mit Schlagwörtern und einer Karte verknüpft. Das Magazin beinhaltet aktuelle Veranstaltungen, Themen und Ausstellungen am Fachbereich und ergänzt diese mit einem Timetable. Dies sind die Funktionen und Tools im Überblick:

Magazin

Im Magazin werden aktuelle Veranstaltungen, Themen und Ausstellungen am Fachbereich gezeigt. Das Magazin beinhaltet Ausgaben, die in Kapitel und Einträge gegliedert sind. Wenn du*ihr eine Veranstaltung plant oder über ein Thema am Fachbereich aufmerksam machen willst*wollt kannst*könnt du*ihr Rechte zum anlegen für eine Ausgabe im Magazin anfordern.
Hier gehts zu dem Kontakt: rein@asl.uni-kassel.de

Timetable

Mit dem Timetable kannst du*könnt ihr im Rahmen einer Veranstaltung, die im Magazin angelegt wurde, zu deinen*euren Diskussionen, Einweihungen, Kolloquien, Offenen-Arbeitsgruppen, Ortsbegehungen, Plenen, Präsentationen, Vorträgen, Workshops, uvm. Öffentlich einladen.

Zugangsdaten zur Kalenderfunktion erhaltet ihr über eure R:EIN-Nutzer*innen-Accounts, werden regelmäßig per uk-Emailverteiler versendet und können über  rein@asl.uni-kassel.de angefragt werden.

Bitte fülle*füllt alle Felder aus, denn hier werden Informationen für das Filtersystem verknüpft.

Projekte

https://r-ein.de/projekte heißt die Rubrik, wo du individuell, ihr als Kollektiv oder euer Studio als Einheit in Portfolio-Struktur deine*eure Arbeiten zeigen könnt. Hierfür benötigst du*benötigt ihr ein Nutzer*innen-Account. Die Anmeldung ist über das Profil | https://r-ein.de/wp-login.php möglich.

Tutorial R:EIN spezifisch

→ Dieser Link führt zu
einem R:EINTUTORIAL und zeigt
das Anlegen eines Profils
sowie das Gestalten eines Projektes.

Layout

Bevor du*ihr anfängst*anfangt, ein Layout für dein*euer Projekt anzulegen, solltest*solltet du*ihr die Textfelder mit den Pflichtangaben beachten. Ohne diese Pflichtangaben kannst du*ihr dein*euer Projekt nicht veröffentlichen.

Du*Ihr habt drei verschiedene Layout-Möglichkeiten, um auf R:EIN deine*eure Projekte zu generieren: „Normal“; „Middle“ und „Expert“. „Normal“ und „Middle“ arbeiten mit einem vereinfachten R:EIN-Pagebuilder, der automatisch Schriftformate, Abstände und Farbausgabe vordefiniert. Dieser Modus eignet sich besonders für Nutzer*innen, die wenig oder keine Erfahrung mit webbasierten Pagebuildern haben. Der „Expert“ Modus arbeitet mit einem externen Plugin, dem Laygridder. Dieser Modus ermöglicht Nutzer*innen, die sich schon mit webbasierten Pagebuildern auskennen, individuelle Gestaltungsmöglichkeiten beim Anlegen eines Projektes. Weitere Einzelheiten zu den Layout-Möglichkeiten findest*findet du*ihr in dem folgenden Abschnitt.

"Normal" 4-Feld

Das Standardlayout bei R:EIN basiert auf einem Grid, das aus maximal 4 nebeneinander angeordneten Feldern besteht. Diese Felder bilden eine Spalte und sind immer mit einer festen Breite versehen, dadurch wird die Seite optimal ausgefüllt. Abstände zwischen den einzelnen Elementen sind immer identisch, um ein einheitliches Erscheinungsbild zu erzeugen. Das größte Feld innerhalb einer Spalte skaliert die Höhe der gesamten Spalte. Legt*legst du*ihr 4 Bilder nebeneinander an, hat die Spalte die Höhe des größten Bildes in der Spalte. Gleiches gilt auch für Textfelder. Du*ihr kannst*könnt auch Weißraum lassen, dafür füllst*füllt du*ihr einfach nicht alle Felder in einer Spalte aus. Mit dieser Methode kann man interessante Anordnungen generieren. Weißraum um deine*eure Bilder bringt diese stärker zur Geltung. Du*ihr kannst*könnt Bilder und Text in die Spalten einfügen. Der Text wird in den Standard Schriftformaten von R:EIN angezeigt. Um eine Spalte zu erstellen, klicke*klickt einfach auf das grüne Plus-Zeichen in der Mitte des Feldes. Hier siehst*seht du*ihr nun die verschiedenen Möglichkeiten eine Spalte anzulegen. Um einen Inhalt zu generieren, klicke*klickt in der jeweiligen Spalte auf das graue Plus-Zeichen, hier hast*habt du*ihr dann die Möglichkeit zwischen Text und Bild zu wählen.

"Middle" 2-Feld

Das 2-Feld Layout funktioniert im Grunde wie das 4-Feld, hat aber einen standardmäßigen Weißraum rechts und links vorgesehen. Es besteht aus maximal 2 Feldern innerhalb einer Spalte. Mit diesem Layout kannst*könnt du*ihr mittig zentrierte Anordnungen und Layoute generieren. Bei den einzelnen Spalten gelten die gleichen Regeln wie bei dem 4-Feld Layout, das größte Feld innerhalb einer Spalte bestimmt die Höhe der Spalte. Du*ihr kannst*könnt Bilder und Text in die Spalten einfügen. Der Text ist formatiert in den Standard Schriftformaten von R:EIN.

"Expert" Laygridder

Der Expertenmodus arbeitet mit einem externen Plugin, dem Laygridder, das dir*euch individuelle Gestaltungsmöglichkeiten für die Online-Darstellung deiner*eurer Analysen, Entwürfe, Interventionen, Pläne, Projekte, Recherchen, 1:1 Bauten, uvm. ermöglicht. Hier hast*habt du*ihr außerdem die Möglichkeit neben Text und Bildern, Videos mit einzubauen. Das Layouten mit Laygridder ist gängigen Layout-Programmen angelehnt und basiert auf Spalten („Columns“) und Zeilen („Rows“). Anzahl, Abstände und Größe von Rändern, Spalten, Weißräumen sowie Zeilen werden pro Abspiel-Endgerät prozentual gerechnet und können je nach Inhalts-, Gestaltungs- und Präsentationsnotwendigkeit von dir*euch frei gewählt und eingestellt werden.

→ Dieser Link führt zu
Tutorials Layouten mit Laygridder.

Dateiformate
& -bearbeitung

Bilder, Videos und Text können auf R:EIN | https://r-ein.de eingebettet werden. Folgende Datei-Aufbereitung ist notwendig:

Bildgröße

1080 px,
.jpg 130—300 KB,
.png/.gif <1MB

Bildkompressor
https://tinypng.com

Die Bildformate .jpg, .png, .gif können verwendet werden. Die Bilddateien sollten für Web aufbereitet sein, d.h. an der größten Kantenlinie nicht mehr als 1080 px betragen. Proportionale Bildverkleinerung auf die größte Kantenlinie <1080 px ist für die Mehrheit technischer Abspielgeräte ausreichend.

Gängige Bildbearbeitungsprogramme bieten das „Datei“, „Exportieren“ und „Für Web speichern“ an. Es empfiehlt sich das Speichern als „hoch“ zu wählen. Je kleiner die Bilddatei, desto schneller die Ladezeit. .jpgs sollten maximal 130—300 KB groß sein. .pngs und .gifs können größer sein. Keine Bilddatei darf die Dateigröße 1 MB überschreiten. Wir empfehlen den Bildkompressor https://tinypng.com. Das Platzieren von Bildern funktioniert im Laygridder über die Funktion „+Image“.

Mit den Tasten „+“ und „-“ können alle Dateiformate (Bilder, Videos, Textfelder) innerhalb der Spalten/Columns vergrößert/verkleinert werden.

 

Dateibenennung

JJMMDD_nachname-vorname_titel-exponat_zaehler.jpg

Für die sinnvolle Indexierung von Suchmaschinen, bitte benenne*benennt die Bilddateien nicht „IMG_0815.jpg“ oder „DSC210707.jpg“ sondern:

„JJMMDD_nachname-vorname_titel-exponat_zaehler.jpg“,
Beispiel: „210701_doe-jane_kassel-house-of-all_003.jpg“.

Bitte verwende*verwendet bei der Dateibenennung,
keine Leerzeichen (stattdessen Binde- und Unterstriche),
keine Großbuchstaben, keine Umlaute (ä, ö, ü) und
keine Sonderzeichen (ß, ?, !, /).

Videoeinbettung

Videos können per „+Youtube/Vimeo“ sowie den Tasten „+“ und „-“ eingebunden werden.

Tutorial Video-Upload Youtube

→ Dieser Link führt zu
einer Anleitung „Video hochladen“
von Youtube.

Tutorial Video-Upload Vimeo

→ Dieser Link führt zu
den „Komprimierungsrichtlinien“
von Vimeo.

Textbearbeitung

Weicher vs. harter
Zeilenumbruch
„+Text“ öffnet ein Textfeld. Mit gleichzeitigem Drücken von „Shift +Enter“ kann ein „weicher Zeilenumbruch“ gesetzt werden. Bei einem weichen Zeilenumbruch ist in der nächsten Zeile kein sichtbarer Abstand zur Zeile davor sichtbar. „Enter“ setzt einen „harten Zeilenumbruch“, d.h. sichtbaren Abstand zwischen zwei Absätzen. Welche Art von Zeilenumbruch gesetzt worden ist, kann in der Bearbeitungsmaske für das Textfeld mit „¶“ sichtbar gemacht werden.

Filter und Orte

Die Darstellungsfunktionen der unterschiedlichen Filter und Verlinkungen zu den R:EINORTEN | https://r-ein.de/orte generieren sich automatisch durch das Ausfüllen der Masken sobald du*ihr ein Projekt vollständig im Back-End anlegst*anlegt.

Anmerkungen?

Du hast*ihr habt konstruktive Beobachtungen und Ideen, was an R:EIN | https://r-ein.de technisch, inhaltlich und/oder konzeptuell verbessert werden kann?

→ Bitte folge*folgt diesem Link,
um deine*eure Vorschläge mitzuteilen.