Skip to content

GitLab

Commit 2f7d51cb authored by Wolfgang Knopki's avatar Wolfgang Knopki
Browse files

Merge branch 'intermediate' into 'prepare_production' 

Intermediate

See merge request !52
parents f658a0f8 afedb536
Hide whitespace changes
Inline Side-by-side
.gitlab-ci.yml
View file @ 2f7d51cb
......@@ -14,9 +14,9 @@ pages-master:
- cp -r img .public
- cp -r fonts .public
- cp -r images .public
- cp -r downloads .public
- cp -r downloads .public
- cp -r help .public
- cp -r js .public
- cp -r includes .public
- cp *.html .public
- mv .public public
- cp -r public/* "$EXPORT_PAGES_DIR"
......@@ -38,8 +38,8 @@ pages-devel:
- cp -r js .public
- cp -r img .public
- cp -r downloads .public
- cp -r help .public
- cp -r fonts .public
- cp -r includes .public
- cp *.html .public
- mv .public public
- cp -r public/* "$EXPORT_PAGES_DIR"
......
css/help.css 0 → 100644
View file @ 2f7d51cb
img{
padding-bottom: 20px;
}
css/m4lab.css 0 → 100644
View file @ 2f7d51cb
.trennung {
-ms-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
dl {
text-indent: 0em;
}
.legals li {display: inline-block;
list-style-type: none;
padding-bottom: 0px;}
.footer-items li {display: inline-block;
list-style-type: none;}
#navelemente {display: inline-block;
list-style-type: none;}
#socialmediabuttons {text-align: center;
color: darkgrey;
font-size: 2em;
padding-left: 1em;
padding-right: 1em;}
.contactrow{
padding-left: 15px;
padding-right:5px;
}
.contact-lower{
display: inline-block;
}
.footer-unten a {color: darkgrey;
}
.footer-unten a:hover {color: black;
}
.footer-unten {color: darkgrey;
}
#socialmediabuttons a {
color: darkgrey;
}
#socialmediabuttons a:hover {color: black;
}
.navbar-header li {display: inline-block;
padding-right: 0.5em;
vertical-align: bottom;
}
.navbar-header text {color: darkgrey;
vertical-align: bottom;
}
.navbar-header img {height: 6em;
padding-right: 0.5em;
padding-bottom: 1em;
/*border-color: black;
border-style: dashed;
border-width: thick;*/}
.nav-item {/*border-color: black;
border-style: dashed;
border-width: thick;
padding: 0px;*/}
.nav-item-suchfeld {padding-bottom: 0.45em;
color: darkgrey;}
#sf_submit {vertical-align: middle;}
.col-md-4 {vertical-align: bottom;}
#Projektliste {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
#Projektliste td, #customers th {
border: 1px solid #ddd;
padding: 8px;
}
#Projektliste tr:nth-child(even){background-color: #f2f2f2;}
#Projektliste tr:hover {background-color: #ddd;}
#Projektliste th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #993399;
color: white;
}
#Projektliste button {
border: solid thin;
border-radius: 8px;
border-color: #993399;
color: black;
padding: 5px 5px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1ep;
font-weight: thin;
}
h1, .h1 {
font-weight: bold;
}
.nav-link {
color: darkgrey;
}
.nav-link:hover, .nav-link:focus {
color: black;
}
.projectimg {
display: inline-block;
float: ;
background-color: none;
width: 100%;
height: auto;
padding-bottom: 20px;
object-fit: contain;
}
.Projektlogos {
display: inline-block;
float: center;
background-color: white;
width: 100%;
height: auto;
padding: 10px;
object-fit: contain;
margin-bottom: 20px;
}
.Downloads {
color: white;
display: inline-block;
float: center;
background-color: darkgray;
width: 100%;
height: auto;
padding: 10px;
object-fit: contain;
margin-bottom: 20px;
}
.Downloads a:link {
color: black;
}
.Downloads a:hover {
color: white;
}
@media screen and (max-width: 700px) {
.row, .navbar {
flex-direction: column;
}
}
.d-flex {
flex-direction: row;
flex-grow: 1;
}
#Textblock-startseite {background-color:#993399;
color: white;
padding-left: 50px;
padding-right: 50px;
padding-bottom: 15px;
padding-top: 15px;
}
#Textblock-startseite h1, .h1 {
font-size: 2.5rem;
font-weight: bold;
color: whitesmoke;
font-variant-caps:all-petite-caps;
line-height: 85%;}
#Textblock-startseite h2, .h2 {
font-size: 1.2rem;
font-weight: bold;
color: white;
}
#Textblock-startseite a:link {background-color: white;
color: #993399;
font-weight: bold;
}
#Textblock-startseite a:hover {color: darkgray;
}
#Textblock-startseite span {background-color: white;
color: #993399;
font-weight: bold;
}
#Textblock-startseite span:hover {color: darkgray;
}
.Bildunterschrift a:link {
font-size: 1rem;
font-weight: bold;
font-style: italic;
color: black;
line-height: 85%;
padding-top: 1em;}
.Bildunterschrift a:hover {
font-size: 1rem;
font-weight: bold;
font-style: italic;
color: dimgray;
line-height: 85%;
padding-top: 1em;}
.flex-container {
display: flex;
flex-direction: row;
flex-grow: 1;
justify-content:space-evenly;}
.row {
display: flex;
flex-wrap: wrap;}
.main {
flex: 70%;
background-color: white;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 75px;
padding-right: 30px;
}
.main p {
text-align: justify;
}
.side {
flex: 30%;
background-color: #f1f1f1;
padding: 20px;
padding-right: 60px;
}
.card {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.card-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1.25rem;
}
.card-header {
padding: 0.75rem 1.25rem;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.03);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card-header:first-child {
border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
.card-header + .list-group .list-group-item:first-child {
border-top: 0;
}
.help .card-title > a:before {
float: right !important;
content: "-";
padding-right: 5px;
}
.help .card-title > a.collapsed:before {
float: right !important;
content: "+";
}
.help h3 > a {
color: #708090;
text-decoration: none;
display: block;
}
.help a {
display: inline;
}
.help .card > .card-header {
color: #fff;
}
.card-title {
margin-bottom: 0.5rem;
margin-top: 0.5rem;
}
#infoicon {
color: #708090;
}
.heading {
color: #708090;
}
help/gitlab-pages.html 0 → 100644
View file @ 2f7d51cb
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Hilfe: Gitlab-Pages</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
<link rel="stylesheet" href="/fonts/font-awesome.min.css">
<link rel="stylesheet" href="/fonts/ionicons.min.css">
<link rel="stylesheet" href="/css/Testimonials.css">
<link rel="stylesheet" href="/css/help.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<div style="background-color: #dadada;">
<div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
<div class="row">
</div>
</div>
<div id="Gitlab_Text" style="margin-top: 40px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12">
<h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab-pages</strong></h2>
</div>
<div class="col-auto flex-row flex-grow-1 flex-fill" style="background-color: #ffffff;">
<p><a href="https://de.wikipedia.org/wiki/GitLab">GitLab</a> ist eine umfangreiche Webanwendung zur Versionsverwaltung für Softwareprojekte auf Basis von <a href="https://de.wikipedia.org/wiki/Git">Git</a> die auch Wiki-Funktionen und Issue Tracking bietet. Das Transferportal der HFT-Stuttgart betreibt eine eigene GitLab-Instanz für die Hochschule für Technik Stuttgart und ihre Kooperationspartner unter einer Open-Access-Lizenz. Mit <a href="https://docs.gitlab.com/ee/user/project/pages/">GitLab Pages </a> besteht für Angehörige der HFT die Möglichkeit, eine öffentliche statische Projektwebsite aus einem GitLab-Projekt heraus zu erzeugen.
</p><p>
Die URL, unter der die Seite dann zu finden ist, lautet: <br/> <br/>
<p class="justify-content-lg-start text-center">https://transfer.hft-stuttgart.de/pages/PROJEKTNAME/</p>
</p>
</div>
<a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;" href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"><strong>Zugriff auf Gitlab</strong></a>
</div>
</div>
</div>
<div id="create_Text" style="margin-top: 10px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab-pages Projekte</strong></h2>
</div>
<div class="col-auto" style="background-color: #ffffff;">
<div class="help">
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
<small>Gitlab-pages Projekt erstellen</small></a>
</h3>
</div>
<div id="collapse1" class="card-body collapse" style="">
<p>
Um ein eigenes Gitlab-pages Projekt zu erstellen und damit eine eigene Projektseite zu erstellen, führen Sie folgende Schritte aus:
</p>
<ol>
<li> Legen Sie sich auf <a href="https://transfer.hft-stuttgart.de"> https://transfer.hft-stuttgart.de</a> ein Benutzerkonto an bzw. loggen Sie sich mit Ihren HFT-Nutzerdaten in das Transferportal ein.</li>
<li> Besuchen Sie die Website <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects">https://transfer.hft-stuttgart.de/gitlab/explore/projects</a></li>
<li> Loggen Sie sich mit ihren Anmeldedaten ein </li>
<li> Legen Sie ein neues Projekt an, indem Sie auf den Button <em> New Project </em> klicken
<img src="/img/help/newproject.png" width="95%"/>
</li>
<li> Wählen Sie <em> Create from template </em> aus und nutzen Sie das Template <em> </em> aus dem Bereich <em> Instance </em>, Klicken Sie dort auf <em> Use template</em> <img src="/img/help/fromtemplate.png" width="95%"/> <img src="/img/help/choosetemplate.png" width="95%"/> </li>
<li> Nun können Sie ihr Projekt befüllen. Tragen Sie mindestens die Grundinformationen wie <em> Project name </em> und <em> Project description </em> ein.<img src="/img/help/createproject.png" width="95%"/> </li>
<li> Klicken Sie auf <em> Create project</em></li>
<li>
Ihr Projekt wird nun erstellt und enthält automatisch die notwendigen Grundeinstellungen für das Publizieren einer Website über die Funktion Pages. Vor allem wird im Repositorium der Ordner <em> Public </em> angelegt. <img src="/img/help/folderpublic.png" width="95%"/> <br/>
In diesem Ordner befinden sich die Dateien <em> index.html, aktuelles.html </em>, <em> style.css </em> und <em>settings.js</em>. Diese sorgen für Inhalt (aktuelles.html, index.html) und Aussehen (style.css) der statischen Webseite und enthalten allgemeine Projektinformationen (settings.js). Direkt nach Projekterstellung enthalten sie zunächst nur allgemeine, grundsätzliche Informationen aus dem Template. <img src="/img/help/content_public.png" width="95%"/>
</li>
<li>
Um Ihre eigenen Projektinhalte zu veröffentlichen, können Sie entweder eine komplett eigene HTML-Seite erzeugen oder sich an unseren Vorgaben aus dem Template orientieren. Eine Anleitung zur Verwendung unserer Vorlage finden Sie im Bereich <a href="#template_Text">Gitlab-pages Template benutzen</a>
</li>
<li>
Sobald Sie mit dem Inhalt der Seite zufrieden sind, und diese veröffentlichen wollen, informieren Sie den Administrator unter <a href="mailto:support-transfer@hft-stuttgart.de">support-transfer@hft-stuttgart.de</a>. Dieser wird dann Ihr Projekt das erste Mal auf den Server hochladen, für weitere Schritte gehen Sie zum nächsten Abschnitt.
</li>
</ol>
<a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Administratorkontakt</strong></a>
</div>
</div>
<br/>
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
<small>Gitlab-pages Projekt ändern</small></a>
</h3>
</div>
<div id="collapse2" class="card-body collapse" style="">
<p>
Nachdem Ihr Projekt das erste Mal veröffentlicht wurde, möchten Sie sicherlich Änderungen an der Seite vornehmen. Dafür gehen Sie wie folgt vor:
<ol>
<li>
Klicken Sie die Datei, die Sie ändern wollen, in der Projektübersicht an <img src="/img/help/content_index_marked.png" width="95%"/>
</li>
<li>
Klicken Sie in der sich nun öffnenden Dateiansicht auf <em> Edit </em> <img src="/img/help/file_view.png" width="95%"/>
</li>
<li>
Bearbeiten Sie ihre Datei
</li>
<li>
Um die Änderungen zu speichern und auf ihrer Seite sofort zu übernehmen, klicken Sie auf <em> Commit changes </em>
<img src="/img/help/save_file.png" width="95%"/>
</li>
<li>
In der Projektübersicht sehen Sie nun den Status der Deployment-Pipeline, die ihre Webseite auf unserem Server veröffentlicht. Durch Klick auf das Symbol gelangen Sie zu einer Übersicht aller für Ihr Projekt angelaufenen Pipelines.
<img src="/img/help/pipeline_pending.png" width="95%"/><br/>
Durch Klick auf eine Pipeline wird Ihnen eine Erklärung zum aktuellen Status angezeigt, der Sie auch eventuelle Probleme entnehmen können.
<img src="/img/help/overview_pipelines.png" width="95%"/><br/>
Eine fehlerfrei durchgelaufene Pipeline liefert etwa ein solches Ergebnis:
<img src="/img/help/output.png" width="95%"/><br/>
Für eine Übersicht über häufig auftretende Fehler und was man dagegen tun kann, siehe <a href="#error_Text"> hier </a>.
</li>
<li> Wenn die Änderungen an Ihrer Homepage ohne Probleme übernommen wurden, sehen Sie dies an einem grünen Haken in der Projektübersicht
<img src="/img/help/pipeline_good.png" width="95%"/>
</li>
</ol>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="error_Text" style="margin-top: 10px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Häufige Fehlermeldungen und deren Korrektur</strong></h2>
</div>
<div class="col-auto" style="background-color: #ffffff;">
<p>
<ul>
<li>
<h6> This job is stuck because you don't have any active runners online or available with any of these tags assigned to them: production </h6>
<p> In diesem Fall ist Ihr Projekt höchstwahrscheinlich noch nicht registriert oder es liegt ein anderes Problem vor. Kontaktieren Sie den Administrator </p>
</li>
</ul>
</p>
</div>
<a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Administratorkontakt</strong></a>
</div>
</div>
</div>
<div id="template_Text" style="margin-top: 10px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab-pages Template benutzen</strong></h2>
</div>
<div class="col-auto" style="background-color: #ffffff;">
<p>
Wir stellen eine Vorlage für Projektwebseiten zur Verfügung.
</p>
<div class="help">
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse7" aria-expanded="false" aria-controls="collapse7">
<small>Erste Schritte</small></a>
</h3>
</div>
<div id="collapse7" class="card-body collapse" style="">
<p>
Um unsere Vorlage zu benutzen, müssen Sie folgende Schritte ausführen:
</p>
<ol>
<li> Anpassen der Standardwerte in settings.js
<p><b> Wichtig: </b> Werden diese Werte nicht angepasst, wird das Projekt nicht auf unseren Servern ausgerollt und die deployment-Pipeline wirft einen Fehler
</p>
<p>
Klicken Sie dazu im Ordner <em> public </em> auf die Datei <em> settings.js </em> und editieren Sie die Datei.
</p>
<img src="/img/help/select_settings.png" width="95%"/>
<p>
Passen Sie die Werte für projektname und projektseitenlink an, indem Sie die entsprechenden Werte in die Anführungszeichen schreiben.
</p>
<img src="/img/help/edit_settings.png" width="95%"/>
<p>
Klicken Sie anschließend auf <em> commit changes </em>, um die Änderungen zu speichern.
</p>
</li>
<li> Anpassen der Kontaktperson in <em> kontakt.html </em>
<p><b> Wichtig: </b> Wird die Kontaktperson nicht angepasst, wird das Projekt nicht auf unseren Servern ausgerollt und die deployment-Pipeline wirft einen Fehler
</p>
<p>
Klicken Sie dazu im Ordner <em> public </em> auf die Datei <em> kontakt.html </em> und editieren Sie die Datei.
</p>
<img src="/img/help/select_contact.png" width="95%"/>
<p>
Passen Sie die Kontaktperson und die Mailadresse an, indem Sie alle Vorkommen von Max Mustermann und die Mailadresse durch Ihre Werte ersetzen.
</p>
<img src="/img/help/edit_contact.png" width="95%"/>
<p>
Klicken Sie anschließend auf <em> commit changes </em>, um die Änderungen zu speichern.
</p>
</li>
<li>
Nun können Sie den Administrator kontaktieren, der Ihr Projekt am Runner registriert, um das Projekt auf unserem Server auszurollen.
</li>
</ol>
<a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Administratorkontakt</strong></a>
</div>
</div>
<br/>
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse3" aria-expanded="false" aria-controls="collapse3">
<small>Logo hinzufügen</small></a>
</h3>
</div>
<div id="collapse3" class="card-body collapse" style="">
<p> Um ein eigenes Projektlogo zum Projekt hinzuzufügen, müssen Sie folgende Schritte ausführen:
<ol>
<li>
Öffnen Sie den Ordner <em> public </em>
</li>
<li>
Klicken Sie auf das + im Oberen Bereich, und anschließend auf <em> Upload File </em>
<img src="/img/help/publicplus.png" width="95%"/>
</li>
<li>
Fügen Sie die gewünschte Datei hinzu und klicken Sie auf <em> Upload File </em>
<img src="/img/help/upload_logo.png" width="95%"/>
</li>
<li>
Öffnen Sie nun im Ordner <em> public </em> die Datei <em> settings.js </em> und editieren diese.
<p>
In der Zeile mit <em>projektlogourl</em> schreiben Sie nun ./DATEINAME in die Anführungszeichen, um den Pfad zum Logo anzugeben. Ein Klick auf <em> Commit changes </em> speichert die Datei.
</p>
<img src="/img/help/settings_logo.png" width="95%"/>
</li>
<li>
Nun erscheint auf all Ihren Seiten das Projektlogo neben dem Logo der Hochschule.
</li>
</ol>
</p>
</div>
</div>
<br/>
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse4" aria-expanded="false" aria-controls="collapse4">
<small>Neue Seite hinzufügen</small></a>
</h3>
</div>
<div id="collapse4" class="card-body collapse" style="">
<p>
Um Ihrem Projekt neue Seiten hinzuzufügen, führen Sie folgende Schritte aus:
<ol>
<li>
Klicken Sie im Ordner <em> public </em> auf das +, das sich oben neben dem Pfad befindet
<img src="/img/help/publicplus.png" width="95%"/>
</li>
<li>
Klicken Sie dort auf <em> New File </em>
</li>
<li>
Geben Sie einen Dateinamen (<b> wichtig: </b> Endung .html) an und fügen Sie folgenden Standardtext ein:
<textarea rows="28" cols="64" disabled="true">
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="GitLab Pages">
<title>Neue Seite</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="topbar">
<div id="menu" class="navbar"></div>
</div>
<div class="content">
<h1 id='projectname'></h1> <!--Projektname kommt aus settings.js, hier nichts einfügen-->
<!-- ÄNDERUNGEN NUR NACH DIESER ZEILE -->
<h2> Seitentitel: </h2>
<p>
Content
</p>
<!-- KEINE ÄNDERUNGEN NACH DIESER ZEILE -->
</div>
<script src="settings.js"> </script>
</body>
</html>
</textarea>
<img src="/img/help/editnewpage.png" width="95%"/>
</li>
<li>
Nun können Sie noch den Inhalt der Seite anpassen. Wenn Sie mit dem Inhalt der Seite zufrieden sind, speichern Sie sie durch Klick auf <em> Commit changes </em>
</li>
<li>
Ihre Seite wird nun automatisch auf den Server übertragen und ist unter folgender Adresse erreichbar:
<p>https://transfer.hft-stuttgart.de/pages/PROJEKTNAME/DATEINAME</p>
</li>
</ol>
</p>
</div>
</div>
<br/>
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse5" aria-expanded="false" aria-controls="collapse5">
<small>Menü bearbeiten</small></a>
</h3>
</div>
<div id="collapse5" class="card-body collapse" style="">
<p>
Wenn Sie das Menü am oberen Seitenrand bearbeiten wollen, führen Sie folgende Schritte durch:
<ol>
<li>
Öffnen Sie im Ordner <em> public </em> die Datei <em>settings.js</em> und editieren Sie diese.
</li>
<li>
Im Menüblock kopieren Sie einen bereits bestehenden Teil und fügen diesen im Anschluss ein. Ein solcher Block besteht dabei aus folgenden Anweisungen:
<img src="/img/help/settingmenublock.png" width="95%"/>
<ul>
<li>
<em>//Link 4: Kontakt </em> Dies ist ein Kommentar, der der Ordnung und Verständlichkeit des Codes dient
</li>
<li>
<em>let NAME = document.createElement("a") </em> Dies legt einen neuen Eintrag fest
</li>
<li>
<em>NAME.href = "addresse" </em> Dies legt die Adresse fest, auf die der neue Menüeintrag verweist. Dies kann zum Beispiel eine neu angelegte Seite sein.
</li>
<li>
<em>NAME.innerHTML="" </em> Dies legt den Text des Eintrags fest, also was später im Menü angezeigt wird
</li>
<li>
<em> menu.appendChild(NAME); </em> Dies fügt letztlich den Eintrag dem Menü hinzu.
</li>
</ul>
</li>
<li>
Nachdem Sie den Block entsprechend Ihrer Wünsche bearbeitet haben, klicken Sie auf <em> Commit changes </em>, um Ihre Änderungen zu speichern.
<img src="/img/help/settingsnewmenublock.png" width="95%"/>
</li>
</ol>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
<div class="row">
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="/js/headfoot.js"></script>
</body>
</html>
help/gitlab.html 0 → 100644
View file @ 2f7d51cb
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Hilfe: Gitlab</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
<link rel="stylesheet" href="/fonts/font-awesome.min.css">
<link rel="stylesheet" href="/fonts/ionicons.min.css">
<link rel="stylesheet" href="/css/Testimonials.css">
<link rel="stylesheet" href="/css/help.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<div style="background-color: #dadada;">
<div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
<div class="row">
</div>
</div>
<div id="Gitlab_Text" style="margin-top: 40px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12">
<h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab</strong></h2>
</div>
<div class="col-auto flex-row flex-grow-1 flex-fill" style="background-color: #ffffff;">
<p><a href="https://de.wikipedia.org/wiki/GitLab">GitLab</a> ist eine umfangreiche Webanwendung zur Versionsverwaltung für Softwareprojekte auf Basis von <a href="https://de.wikipedia.org/wiki/Git">Git</a> die auch Wiki-Funktionen und Issue Tracking bietet. Das Transferportal der HFT-Stuttgart betreibt eine eigene GitLab-Instanz für die Hochschule für Technik Stuttgart und ihre Kooperationspartner unter einer Open-Access-Lizenz.
</p>
</div>
<a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;" href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"><strong>Zugriff auf Gitlab</strong></a>
</div>
</div>
</div>
<div id="help_Text" style="margin-top: 10px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Hilfestellung zu Gitlab</strong></h2>
</div>
<div class="col-auto" style="background-color: #ffffff;">
<div class="help">
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
<small>Möchten Sie die Projektinhalte ansehen oder herunterladen?</small></a>
</h3>
</div>
<div id="collapse1" class="card-body collapse" style="">
<p>
Dann klicken Sie auf diesen
<a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects"><i class="fas fa-chevron-right">Link zu den Gitlab-Projekten</i></a>
um die Liste aller im Gitlab erfassten Projekte zu sehen. Vor dort können Sie dann auf die einzelnen
Projekte zugreifen.
Ein Anmelden am Portal ist dazu nicht nötig.
</p>
</div>
</div>
<br/>
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
<small>Möchten Sie zu einem Projekt beitragen?</small></a>
</h3>
</div>
<div id="collapse2" class="card-body collapse" style="">
<p>
Sie können mittels Issues dem Projekteigentümer eine Rückmeldung geben bzw. einen Fehler melden.
Darüberhinaus können Sie sich auch aktiv beteiligen. Dazu müssen Sie im Portal als Nutzer
registriert sein.
</p>
<p>
Wenn Sie noch kein Benutzerkonto haben, klicken Sie bitte oben auf den Link Benutzerkonto und folgen
Sie dem System durch die Registrierungsprozedur.
</p>
<p>
Haben Sie ein Benutzerkonto, befolgen Sie bitte folgende Schritte:
</p>
<ol>
<li>
Folgen Sie dem <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects">
<i class="fas fa-chevron-right">Link zu den Gitlab-Projekten</i></a>, um zum Gitlab zu
gelangen.
</li>
<li>
Melden Sie sich bei Gitlab an, indem Sie im Gitlab auf den Link Sign-In klicken.
</li>
<li>
Sie werden dann auf eine Anmeldeseite von unserem Portal geführt. Geben Sie dort bitte ihre
Benutzerdaten vom Portal ein.
</li>
<li>
Nach erfolgreichem Anmelden werden Sie zum Gitlab zurückgeführt.
</li>
<li>
Navigieren Sie dann zum Projekt Ihrer Wahl.
</li>
<li>
Abhängig davon wie der Projekteigentümer das Projekt konfiguriert hat, können Sie entweder
direkt loslegen, oder Sie müssen zunächst noch beim Projekteigentümer Zugang zum Projekt
anfragen, indem Sie im Gitlab bei der entsprechende Projektseite auf den Link Request Access
klicken.
</li>
</ol>
</div>
</div>
<br/>
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse3" aria-expanded="false" aria-controls="collapse3">
<small>Möchten Sie selbst ein Projekt anlegen, um es der Öffentlichkeit
bereitzustellen?</small></a>
</h3>
</div>
<div id="collapse3" class="card-body collapse" style="">
<p>
Vorraussetzung dazu ist, dass Sie aktives oder ehemaliges Mitglied der Hochschule für Technik sind,
d.h. eine (noch) gültige HFT-Emailadresse haben, und zudem im Portal als Nutzer registriert sein.
</p>
<p>
Wenn Sie noch kein Benutzerkonto haben, klicken Sie bitte oben auf den Link Benutzerkonto und folgen
Sie dem System durch die Registrierungsprozedur.
</p>
<p>
Haben Sie ein Benutzerkonto, befolgen Sie bitte folgende Schritte:
</p>
<ol>
<li>
Folgen Sie dem <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects">
<i class="fas fa-chevron-right">Link zu den Gitlab-Projekten</i></a>, um zum Gitlab zu
gelangen.
</li>
<li>
Melden Sie sich bei Gitlab an, indem Sie im Gitlab auf den Link Sign-In klicken.
</li>
<li>
Sie werden dann auf eine Anmeldeseite von unserem Portal geführt. Geben Sie dort bitte ihre
Benutzerdaten vom Portal ein.
</li>
<li>
Nach erfolgreichem Anmelden werden Sie zum Gitlab zurückgeführt.
</li>
<li>
Erstellen Sie dann in Gitlab ein neues Projekt durch Klicken auf den grünen New Project-Knopf
und anschließendem Befolgen der Eingabemaske von Gitlab.
</li>
</ol>
<p>
Weitere Hilfestellung zum Anlegen von Projekten in Gitlab finden Sie in der <a href="https://docs.gitlab.com/ee/gitlab-basics/create-project.html" target="_blank">Gitlab-Dokumentation</a>.
</p>
<p>
Hinweis: Um Inhalte zum Gitlab "pushen" zu können, verwendet die Gitlab-Instanz unseres Portals die
s.g. "SSH Keys".
Weitere Informationen dazu finden Sie in der <a href="https://transfer.hft-stuttgart.de/gitlab/help/ssh/README" target="_blank">
<i class="fas fa-chevron-right">Gitlab-Dokumentation zu SSH Keys</i></a>.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
<div class="row">
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="/js/headfoot.js"></script>
</body>
</html>
help/index.html 0 → 100644
View file @ 2f7d51cb
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Hilfe</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
<link rel="stylesheet" href="/fonts/font-awesome.min.css">
<link rel="stylesheet" href="/fonts/ionicons.min.css">
<link rel="stylesheet" href="/css/Testimonials.css">
<link rel="stylesheet" href="/css/help.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<div style="background-color: #dadada;">
<div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
<div class="row">
<div class="col-md-12">
<h4 class="text-center">Hilfethemen Übersicht</h4>
</div>
</div>
</div>
<div id="gitlab" style="margin-top: 40px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Gitlab</strong></h2>
</div>
<div class="col-auto" style="background-color: #ffffff;">
<ul>
<li>
<a href="/help/gitlab.html" target="_blank"> Projektverwaltung mittels Gitlab </a>
</li>
<li>
<a href="/help/gitlab-pages.html" target="_blank">Projektwebseiten mittels Gitlab-pages </a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="videoconference" style="margin-top: 10px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Videokonferenzen</strong></h2>
</div>
<div class="col-auto" style="background-color: #ffffff;">
<ul>
<li>
<a href="/help/jitsi.html" target="_blank"> Videokonferenzen über Jitsi</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div id="videoconference" style="margin-top: 10px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Mailinglisten</strong></h2>
</div>
<div class="col-auto" style="background-color: #ffffff;">
<ul>
<li>
<a href="/help/mailinglists.html" target="_blank"> Mailinglisten erstellen und verwalten</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="/js/headfoot.js"></script>
</body>
</html>
help/jitsi.html 0 → 100644
View file @ 2f7d51cb
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Hilfe: Jitsi</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
<link rel="stylesheet" href="/fonts/font-awesome.min.css">
<link rel="stylesheet" href="/fonts/ionicons.min.css">
<link rel="stylesheet" href="/css/Testimonials.css">
<link rel="stylesheet" href="/css/help.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<div style="background-color: #dadada;">
<div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
<div class="row">
</div>
</div>
<div id="Jitsi" style="margin-top: 40px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Jitsi</strong></h2>
</div>
<div class="col-auto" style="background-color: #ffffff;">
<p>
Jitsi ist ein Open-Source-Videokonferenz-System für HFT-interne und externe Nutzer. Es ermöglicht, Videokonferenzen direkt im Browser abzuhalten. Wir empfehlen hierbei die Nutzung von Chrome auf einem Desktopsystem oder Laptop. Die Verwendung des Internet Explorers hierfür ist leider nicht möglich, da Jitsi über diesen nicht aufgerufen werden kann. Da die Daten-Hauptlast bei diesem System clientseitig getragen wird, raten wir von einer Nutzung auf mobilen Endgeräten ab.
</p>
</div>
</div>
<a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;" href="https://telemeeting.hft-stuttgart.de"><strong>Zugang über das Transferportal</strong></a>
</div>
</div>
<div id="usage" style="margin-top: 10px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Jitsi verwenden</strong></h2>
</div>
<div class="col-auto" style="background-color: #ffffff;">
<ol>
<li>Beim Transferportal als Organisator anmelden</li>
<li>Videokonferenz über Jitsi eröffnen</li>
<li>Eingabe eines Namens für das Meeting<br></li>
<li>Start der Konferenz<br></li>
<li>Einladung weiterer Teilnehmer über den generierten Link<br></li>
</ul>
</div>
</div>
</div>
</div>
<div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
<div class="row">
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="/js/headfoot.js"></script>
</body>
</html>
help/mailinglists.html 0 → 100644
View file @ 2f7d51cb
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Hilfe: Mailinglisten</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
<link rel="stylesheet" href="/fonts/font-awesome.min.css">
<link rel="stylesheet" href="/fonts/ionicons.min.css">
<link rel="stylesheet" href="/css/Testimonials.css">
<link rel="stylesheet" href="/css/help.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<div style="background-color: #dadada;">
<div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
<div class="row">
</div>
</div>
<div id="abo" style="margin-top: 40px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12">
<h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Mailinglisten</strong></h2>
</div>
<div class="col-auto" style="background-color: #ffffff;">
<div class="help">
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse1" aria-expanded="false" aria-controls="collapse1">
<small>Mailingliste abonnieren</small></a>
</h3>
</div>
<div id="collapse1" class="card-body collapse" style="">
<p>
<ol>
<li>
Gehen Sie im Transferportal auf Zusammenarbeit – Mailinglisten. Dort finden Sie alle Mailinglisten, die zur Zeit im Transferportal gelistet sind.
</li>
<li>
Klicken Sie auf den Link der Mailingliste, der Sie interessiert. Sie werden dann zum Mailinglistendienst des DFN (Deutsches Forschungsnetzwerk) weitergeleitet, über den die Mailinglisten verwaltet werden.
</li>
<li>
Sie landen dann auf der Infoseite des DFN zur entsprechenden Mailinglist. Klicken Sie hier den Link <em> Abonnieren </em> <img src="/img/help/ml_abo_00.png" width="95%"/>
</li>
<li>
Es erscheint eine Eingabemaske. Schreiben SieIhre Emailadresse in das Feld. Klicken Sie dann den Link <em> Ausführen </em> <img src="/img/help/ml_abo_01.png" width="95%"/>
</li>
<li>
Es erscheint eine Webseite mit Hinweisen zum weiteren Vorgehen. <img src="/img/help/ml_abo_02.png" width="95%"/>
</li>
<li>
Überprüfen Sie Ihr Emailpostfach auf die genannte Email. Klicken Sie auf den Link, mit dem Sie das Abonnement bestätigen. (Im Beispiel der zweite Link) <img src="/img/help/ml_abo_03.png" width="95%"/>
</li>
<li>
War die Bestätigung erfolgreich, sollten Sie eine Willkommensemail erhalten haben: <img src="/img/help/ml_abo_04.png" width="95%"/> <br/> Von jetzt an sollten Sie alle Emails in ihr Postfach erhalten, die über diese Mailingliste verteilt werden. <br/> <b> Hinweis:</b> Manchmal konfiguriert ein Listenbetreiber die Liste so, dass Abonnementanfragen zunächst bestätigt werden müssen. Wenn dem so ist, erhalten Sie die Wilkommensemail erst nach Freigabe durch den Listenbetreiber.
</li>
<li>
In der Regel hat der Listenbetreiber die Mailingliste so eingestellt, dass auch Sie als Abonnent an die Liste schreiben können. Dazu schicken Sie einfach über Ihr normales Emailprogramm eine Email an die in der Einladung genannente Adresse. Diese hat die Form: <p> NAME_DER_LISTE@listserv.dfn.de </p>.
Je nach Konfiguration durch den Listenbetreiber wird Ihre Email direkt verteilt oder muss zunächst durch die Moderation freigegeben werden. <br/> <b> Anmerkung </b> Eine typische Ausnahme, bei der Sie als Abonnent keine Emails an die Liste versenden können ist, wenn der Listenbetreiber die Liste als Newsletter verwendet
</li>
<li>
Wenn Sie die Mailingliste wieder abbestellen wollen, können Sie
<ul>
<li>
den dazu in der Wilkommensemail genannten Link verwenden
</li>
<li>
auf die Infoseite der Mailingliste zurückkehren (siehe Punkt 2), dort auf <em> Abbestellen </em> klicken und den Anweisungen folgen.
</li>
</ul>
</li>
<li>
<b> Hinweis für Mailinglisten-Erfahrene </b> <br/> Sie können auch weitere Einstellungen bzgl. des Empfangs und Versands von Emails machen, sowie weitere Mailinglisten, die Sie über den DFN-Dienst abonnieren, verwalten. Dazu müssen Sie sich auf <a href="https://www.listserv.dfn.de/sympa">https://www.listserv.dfn.de/sympa</a> mit Ihrer Mailadresse registrieren und anmelden. Dann stehen Ihnen über die Weboberfläche verschiedene Funktionen zur Verfügung.
</li>
</ol>
</p>
<a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;" href="https://www.listserv.dfn.de/sympa/help"><strong>Weitergehende Dokumentation bei DFN (externer Link)</strong></a>
</div>
</div>
<br/>
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse2" aria-expanded="false" aria-controls="collapse2">
<small>Mailingliste erstellen</small></a>
</h3>
</div>
<div id="collapse2" class="card-body collapse" style="">
<p>
<b> Voraussetzung: </b> Sie haben eine gültige HfT-Emailadresse oder eine Emailadresse eienr anderen Institution, die ebenfalls die Dienste des DFN (Deutsches Forschungsnetzwerk) in Anspruch nehmen darf.
<ol>
<li>
Gehen Sie zur Webseite des Mailinglisten-Dienstes des DFN, über den die Mailinglisten verwaltet werden: <a href="https://www.listserv.dfn.de/sympa">https://www.listserv.dfn.de/sympa</a> <img src="/img/help/ml_create_00.png" width="95%"/>
</li>
<li>
Melden Sie sich beim Dienst an, indem Sie oben auf <em> Anmelden </em> klicken und Ihre Logindaten des DFN-Dienstes eingeben.
<p>
<b> Achtung: </b> Eine automatische Weitergabe Ihrer Logindaten vom Transferportal an diesen Dienst ist leider nicht möglich. Das bedeutet, sie können hier leider nicht Ihre Logindaten des Transferportals benutzen. Stattdessen müssen Sie beim DFN-Dienst einen eigenen Account anlegen. Dazu klicken Sie auf <em> Erste Anmeldung </em> und folgen Sie der Registrierungsprozedur.
</p><p>
Sind Sie einmal registriert, können Sie sich mit Ihrer Email und dem selbstgewählten Passwort dann direkt anmelden.
</p>
<img src="/img/help/ml_create_01.png" width="95%"/>
</li>
<li>
Nach dem Anmelden klicken Sie dann im Menü auf <em> + Liste beantragen </em>. Dann erscheint ein Formular, wie im Beispiel gezeigt.
<p>
<b>Hinweis:</b> Steht Ihnen der Menüpunkt nach dem Anmelden nicht zur Verfügung, dann hat Ihre Institution, die über Ihre Emailadresse identifiziert wird, leider nicht die Berechtigung, über diesen Dienst eine Mailingliste zu betreiben.
</p>
<img src="/img/help/ml_create_02.png" width="95%"/>
</li>
<li>
Füllen Sie alle Felder so aus, wie Sie es für Ihren Nutzungszweck als Listenbetreiber benötigen, und klicken Sie danach auf <em>Anfrage zur Listenerzeugung absenden.</em>
<p>
<b>Technische Hinweise:</b><br/>
Ein Klick auf das Fragezeichen im Formular öffnet die Direkthilfe vom DFN-Dienst zu den einzelnen Einstellungen.
</p>
<p>
Weitere Dokumentation des DFN ist über das Menü <em>Support</em> oder direkt auf <a href="https://www.listserv.dfn.de/sympa/help"> https://www.listserv.dfn.de/sympa/help </a> zu finden.
</p>
<p>
<b>Inhaltliche Hinweise:</b><br/> Als Nutzer des Transferportals kommen für Sie wahrscheinlich nur zwei der im Formular genannten Listentypen in Frage: <em>>öffentliche Diskussionsliste </em> und <em> Newsletter. </em>
</p>
<p> Als Orientierungshilfe, was man in die Freifeldtexte eingeben kann, zeigt die Abbildung, welche Einstellungen und Angaben wir für unsere Mailingliste zum Transferportal selbst gemacht haben.
<ul>
<li>
Wir führen diese als öffentliche Diskussionsliste, d.h. "öffentlich" im Sinne, dass die Liste öffentlich auffindbar ist (aber nicht die Emails selbst), und "Diskussion" im Sinne, dass alle Abonnenten an diese Liste senden können.
</li>
<li>
Wir haben uns für einen Listennamen ohne Sonderzeichen entschieden, so wie in der DFN-Dokumentation empfohlen.
</li>
<li>
Als Hauptzielgruppe haben wir Forschung ausgewählt.
</li>
<li>
Die vollständige Beschreibung (die Abbildung zeigt nur die letzten Teile) ist zu finden unter <a href="https://www.listserv.dfn.de/sympa/info/transferportalhft"> https://www.listserv.dfn.de/sympa/info/transferportalhft </a>
</li>
</ul>
<img src="/img/help/ml_create_03.png" width="95%"/>
</li>
<li>
Nach Absenden der Anfrage erscheint eine Bestätigung, wie im Beispiel gezeigt.
<p><b>Hinweis:</b> Wie der Bestätigungstext sagt, können Sie direkt mit der weiteren Konfiguration der Liste fortfahren, siehe die folgenden
Schritte. Die Liste wird aber erst durch Freigabe eines Listmasters des DFN in Betrieb gehen. Das dauert nach unserer Erfahrung beim Anlegen anderer Listen beim DFN zwischen wenigen Minuten und ungefähr einem Tag.
</p>
<img src="/img/help/ml_create_04.png" width="95%"/>
</li>
<li>
Nachdem Sie die Liste angefragt haben, gibt es viele weitere Konfigurationsmöglichkeiten. Diese finden Sie als Listeneigentümer unter dem linken Menüpunkt <em>Administration</em>, so wie im Beispiel gezeigt.
<p>
Wir konzentrieren uns hier nur auf die aus unserer Sicht wesentlichen Einstellungen, denn in der Regel sind die Default- Einstellungen des Systems ausreichend.
</p>
<p>
Dabei orientieren wir uns wieder am Beispiel unserer eigenen Mailingliste zum Transferportal selbst.
</p>
<img src="/img/help/ml_create_05.png" width="95%"/>
</li>
<li>
Als erstes empfehlen wir, den Menüpunkt <em>Listenkonfiguration bearbeiten – Liste definieren</em> aufzurufen. Es erscheint ein Formular mit wesentlichen Einstellungsmöglichkeiten, so wie im Beispiel in den folgenden Abbildungen gezeigt.
<p>
Dort können Sie nochmals die Sichtbarkeit der Liste ändern – aus Sicht unseres Transferportals empfehlen wir die Einstellung <em> sichtbar
(nonconceal). </em>
</p>
<p>
Zudem können Sie dort noch weitere Personen als Listeneigentümer oder Moderatoren angeben, die Ihnen beim Betrieb der Liste helfen können.
</p>
<p>
Näheres zu den möglichen Rollen privilegierter Eigentümer, Eigentümer und Moderator siehe: <a href="https://www.listserv.dfn.de/sympa/help/introduction"> https://www.listserv.dfn.de/sympa/help/introduction </a>
</p>
<p>
Bei den weiteren Einstellungen belassen wir es bei den Default-Werten.
</p>
<img src="/img/help/ml_create_06.png" width="95%"/>
<img src="/img/help/ml_create_07.png" width="95%"/>
<img src="/img/help/ml_create_08.png" width="95%"/>
</li>
<li>
Als nächstes empfehlen wir, den Menüpunkt <em>Listenkonfiguration bearbeiten – Einstellungen zum Senden/Empfangen </em> aufzurufen. Es erscheint ein Formular mit verschiedenen Einstellungsmöglichkeiten.
<p>
Aus unserer Erfahrung empfehlen wir, sich zwei der Möglichkeiten genauer anzuschauen.
</p>
<p>
Bei den anderen Einstellungen haben wir es für unsere Liste bei den Defaultwerten belassen.
</p>
<ul>
<li>
Die wichtigste Einstellung ist das Feld <em>Wer kann Nachrichten senden</em>.
<p>
Hier gibt es eine Vielzahl von Optionen und Sie als Listenbetreiber müssen hier entscheiden.
</p>
<p>
Für unsere Mailingliste zum Transferportal haben wir z.B. <em> Beschränkt auf Abonnementen, Emails von anderen leise
ablehnen </em> gewählt.
</p>
</li>
<li>
Eine weitere Einstellung sind die Felder unter dem Punkt </em>Häufigkeit der Kompilierung </em>. Diese Einstellungen definieren, in welchem Rhythmus Abonnementen ein Kompilat – im Englischen auch "Digest" genannt – erhalten.
<p>
<b>Anmerkung:</b> Abonnementen können in Ihren eigenen Einstellungen auswählen, ob sie die Emails direkt und einzeln empfangen, oder ob Sie ein Nachrichtenkompilat, also eine einmalige Zusammenstellung aller Emails seit dem letzten Kompilat erhalten.
</p>
<p>
Ein üblicher Anwendungsfall ist hier der <em>Daily Digest</em>: Einmal täglich erhält ein Abonnement, sofern er nicht direkten Empfang ausgewählt hat, das Kompilat des vergangenen Tages. Diesen Fall haben wir auch für unsere Liste eingestellt, in dem wir die Häufigkeit auf jeden Wochentag gesetzt haben.
</p>
</li>
</ul>
<img src="/img/help/ml_create_09.png" width="95%"/>
</li>
<li>
Als nächstes empfehlen wir, den Menüpunkt <em>Listenkonfiguration bearbeiten – Privilegien </em> aufzurufen. Es erscheint ein weiteres Formular mit verschiedenen Einstellungsmöglichkeiten.
<p>
Hier gibt es eine Vielzahl von Optionen und Sie als Listenbetreiber müssen hier entscheiden.
</p>
<p>
Um Ihnen eine Orientierung zu geben, zeigt die Abbildung, welche Einstellungen wir für unsere Mailingliste transferportalhft vorgenommen haben.
<ul>
<li>
Im Sinne des Transferportals sollte jeder die Listeninformationen sehen können. Das bezieht sich auf die Darstellung auf den DFN-Seiten, also für wen die Seite <a href="https://www.listserv.dfn.de/sympa/info/transferportalhft"> https://www.listserv.dfn.de/sympa/info/transferportalhft</a> sichtbar ist.
</li>
<li>
Als Betreiber der Liste haben wir eingestellt, dass wir eine kurze Email vom System bekommen, sobald jemand die Liste abonniert oder sich wieder abmeldet.
</li>
<li>
Wir haben die Liste so eingestellt, dass sich normalerweise Abonnementen selbst eintragen sollen, dass wir als Betreiber aber im Bedarfsfall auch jemanden gezielt einladen können.
</li>
<li>
Eine unseres Erachtens nach wichtige Einstellung: Wer eine Auflistung der Abonnementen abfragen darf. Diese Möglichkeit haben wir beschränkt und nur uns als Administratoren eingestellt, denn wir möchten nicht, dass jede/r Abonnement/in alle anderen sehen kann.
</li>
<li>
Die Möglichkeit gemeinsamer Dokumente wollen wir nicht nutzen. Ein Abstellen geht nicht, daher haben wir den Zugriff auf uns Administratoren beschränkt.
</li>
</ul>
<img src="/img/help/ml_create_10.png" width="95%"/>
</p>
</li>
<li>
Als nächstes empfehlen wir, den Menüpunkt <em> Listenkonfiguration bearbeiten – Listenbeschreibung</em> aufzurufen.
<img src="/img/help/ml_create_11.png" width="95%"/>
<p>
<b>Wichtig!</b>
</p>
<p>
Die Listenbeschreibung, die Sie beim Erstellen der Liste eingetippt haben, erscheint so noch nicht auf der Listen-Homepage (in unserem Beispiel wäre das <a href="https://www.listserv.dfn.de/sympa/info/transferportalhft"> https://www.listserv.dfn.de/sympa/info/transferportalhft </a>), sondern zunächst nur in Infoemails des Systems.
</p>
<p>
Um diesen Text zu überarbeiten und auf der Homepage Ihrer Webseite sichtbar zu machen, gehen Sie wie im Folgenden beschrieben vor:
<ol>
<li>
Klicken Sie auf den unteren Link <em>Bearbeiten Listenbeschreibung. Dieser Text wird als Antwort auf ...</em> Dieses öffnet den Beschreibungstext entsprechend der Abbildung, den Sie beim Erstellen der Liste geschrieben haben.
<p>
Wenn Sie diesen nochmal überarbeiten wollen, können Sie das hier tun und anschließend auf Speichern drücken. Es wird dann eine Bestätigung eingeblendet, sie bleiben aber dann auf der selben Seite.
</p>
<p>
Kopieren Sie nun den Text und klicken Sie im roten Menü wieder auf <em>Listenkonfiguration bearbeiten – Listenbeschreibung</em>
</p>
<img src="/img/help/ml_create_12.png" width="95%"/>
</li>
<li>
Klicken Sie dann auf anderen Link <em> Bearbeiten Listenhomepage. HTML-Text der ...</em>
<p>
Dieses öffnet den Beschreibungstext für die Webseite entsprechend der Abbildung, der zunächst noch leer ist.
</p>
<p>
Hier können Sie den nun kopierten Text einfügen und ggf. bearbeiten. Anschließend bitte auf Speichern klicken. Damit ist die Beschreibung dann auch auf der Listenhomepage zu sehen.
</p>
<img src="/img/help/ml_create_13.png" width="95%"/>
</li>
</ol>
<p>
</li>
<li>
Betreiben Sie diese Mailingliste in Deutsch, empfehlen wir als nächstes, die Willkommensemail sprachlich zu optimieren.
<p>
<b>Hintergrund:</b> In der automatisch generierten Willkommensemail, die neue Abonnementen erhalten, gibt es zwei Stellen, in denen englischer Text vorkommt.
</p>
<p>
Dazu klicken Sie zunächst im roten Menü auf <em>Listenkonfiguration bearbeiten – Nachrichtenvorlagen</em>. Dort gelangen Sie zu der Übersicht der Vorlagen aller Emails, die vom System an die Nutzer versendet werden können, siehe Abbildung
</p>
<img src="/img/help/ml_create_14.png" width="95%"/>
<p>
Klicken Sie nun auf „Bearbeiten Willkommensnachricht“ um diese bearbeiten zu können, siehe Abbildung. Diese Vorlage ist im wesentlichen ein Skript, welches das System ausführt, und sollte daher nur von Programmiererfahrenen geändert werden. Insbesondere die Bereiche mit den eckigen Klammern und Prozentzeichen sollten Sie <u>nicht</u> ändern, da hier Funktionalitäten aufgerufen werden.
</p>
<p>
Allerdings empfehlen wir, dass Sie dennoch folgende zwei Änderungen vornehmen, um die Email zu 100% deutschsprachig zu machen:
<ol>
<li> Ersetzen Sie den Text "Welcome to list" mit "Willkommen bei der Liste" </li>
<li>Ersetzen Sie den Text "To unsubscribe from this list, click here:" mit "Um sich von dieser Liste auszutragen, klicken Sie bitte hier:" </li>
</ol>
Klicken Sie anschließend auf Speichern.
<img src="/img/help/ml_create_15.png" width="95%"/>
</p>
</li>
<li>
Geschafft!
<p>
Sie haben nun Ihre Mailingliste eingerichtet und optimiert!
</p>
<p>
Wenn Sie nun noch möchten, dass Ihre Mailinglist auch auf unserem Transferportal gelistet wird, nehmen Sie bitte mit uns Kontakt auf:
<a href="support-transfer@hft-stuttgart.de"> support-transfer@hft-stuttgart.de <a>
</p>
<p>
Hintergrund: Eine technische Möglichkeit, dieses automatisch zu tun, steht uns leider (noch) nicht zu Verfügung.
</p>
</li>
<li>
Hinweise zum Betrieb der Liste:
<p>
Nachdem Sie die Liste nun eingerichtet haben, empfehlen wir die Erläuterungen des DFN-Dienstes zu den Themen <a href="https://www.listserv.dfn.de/sympa/help/faqadmin"> "Datenschutzkonforme Konfiguration" </a> sowie <a href="https://www.listserv.dfn.de/sympa/help/admin#rulesadmin">"Verhaltensregeln für Administratoren"</a>
</p>
<p>
Und zu guter Letzt:
</p>
<p>
Um die Abonnementen zu verwalten, finden Sie im roten Administrationsmenü die Seite <em>Abonnementen verwalten</em> mit selbsterklärenden Einstellungen.
</p>
<img src="/img/help/ml_create_16.png" width="95%"/>
</li>
</ol>
</p>
<a class="btn btn-primary text-center d-inline-flex d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-baseline align-content-center align-self-baseline flex-wrap order-3 mb-auto justify-content-md-center align-items-md-end align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;" href="https://www.listserv.dfn.de/sympa/help/admin"><strong>Weitergehende Dokumentation bei DFN (externer Link)</strong></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
<div class="row">
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="/js/headfoot.js"></script>
</body>
</html>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal