Skip to content

GitLab

Commit 7e5704d6 authored by Wolfgang Knopki's avatar Wolfgang Knopki
Browse files

merged branch

parents 778643a3 fb27af8f
Hide whitespace changes
Inline Side-by-side
bwcloud.html 0 → 100644
View file @ 7e5704d6
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Kollaborative Dateibearbeitung</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="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<div>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/bwcloud.png" width="100%"></div>
</div>
</div>
</div>
<div>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-bottom: 30px;">
<h4 class="text-center">Die Universität Karlsruhe bietet für teilnehmende Hochschulen und Universitäten in Baden-Württemberg den Dienst bwSync&amp;Share an.
</h4>
</div>
</div>
</div>
</div>
<div>
<div id="Jira Text" style="background-color: #dadada;margin-top: 40px;">
<div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12" style="background-color: #feffff;">
<h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Features</strong></h2>
</div>
<div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1" style="background-color: #ffffff;">
<p>bwSync&amp;Share bietet die Möglichkeit, Dateien miteinenader zu teilen und zu synchronisieren.</p>
</div>
<div class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2" style="background-color: #ffffff;">
<div class="justify-content-between order-2" style="background-color: rgba(255,255,255,0);">
<p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-left align-items-md-start justify-content-lg-start">
Der Dienst baut dabei auf NextCloud und OnlyOffice auf und bietet Clienten für alle gängigen Betriebssysteme (Windows, Mac, Linux, Android und iOS)
</p>
</div>
</div>
</div>
</div>
</div>
<div id="Access_Text" style="background-color: #dadada;margin-top: 0px;">
<div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12" style="background-color: #ffffff;">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Zugang</strong></h2>
</div>
<div class="col-md-4 col-lg-6" style="background-color: #ffffff;">
<p>Der Zugang für teilnehmende Institutionen erfolgt über Shibboleth</p>
<p>Kooperationspartner, die nicht ans Shibboleth angeschlossen sind, können als Gäste registriert werden. Gäste können Dateien bearbeiten, haben aber keinen eigenen Speicherplatz.</p>
</div>
<div class="col-md-4 col-lg-6 text-center" style="background-color: #ffffff;">
<div class="order-2" style="background-color: rgba(255,255,255,0);">
<p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">Weitere Hilfe zur Benutzung von bwSync&amp;Share finden sich in der zugehörigen <a href="https://help.bwsyncandshare.kit.edu/" style="display: contents;">Benutzerdokumentation</a> </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://bwsyncandshare.kit.edu/"><strong>Zugang zu bwSync&amp;Share</strong></a>
</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>
confluence.html 0 → 100644
View file @ 7e5704d6
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Wissensaustausch</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="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<div>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/Wissensaustausch.jpg" width="100%"></div>
</div>
</div>
</div>
<div>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-bottom: 30px;">
<h4 class="text-center">Das Transferportal bietet eine Möglichkeit für kollaborativen Wissensaustausch an. Dieses Angebot richtet sich insbesondere an Kollaborationsprojekte zwischen der HfT und externen Partnern.</h4>
</div>
</div>
</div>
</div>
<div>
<div id="Confluence Text" style="background-color: #dadada;margin-top: 40px;">
<div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12" style="background-color: #feffff;">
<h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Confluence</strong></h2>
</div>
<div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1" style="background-color: #ffffff;">
<p>Confluence ist ein Wiki-System der Firma Atlassian, welches an der Hochschule für Technik zum Einsatz kommt.</p>
<p>Über das Transferportal bieten wir eine Instanz an, auf der Projekte Bereiche anlegen können, über die sie Informationen und Wissen innerhalb des Projektes vernetzen können.</p>
</div>
<div class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2" style="background-color: #ffffff;">
<div class="justify-content-between order-2" style="background-color: rgba(255,255,255,0);">
<p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-left align-items-md-start justify-content-lg-start">
Wichtige Features umfassen dabei:
<ul class="text-left">
<li>kollaboratives Bearbeiten von Seiten </li>
<li>Anlegen von öffentlichen und geschützten Bereichen und Seiten</li>
<li>Team-Kalenderplugin zur besseren zeitlichen Vernetzung </li>
<li>Vernetzung mit unserem Werkzeug zum <a href="/jira.html">Aufgabenmanagement</a>
</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="https://transfer.hft-stuttgart.de/confluence/"><strong>Zugang über das Transferportal</strong></a></div>
</div>
</div>
</div>
<div id="Access_Text" style="background-color: #dadada;margin-top: 0px;">
<div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12" style="background-color: #ffffff;">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Zugang</strong></h2>
</div>
<div class="col-md-4 col-lg-6" style="background-color: #ffffff;">
<p>Um Zugang zu Confluence zu erhalten, benötigen Sie einen Account am Portal. Dieser muss zunächst noch freigeschalten werden, wenden Sie sich dazu bitte an den Administrator.</p>
<p>Um einen Bereich für ein Projekt zu erhalten, wenden Sie sich bitte ebenfalls an den Administrator, der mit Ihnen dann das weitere Vorgehen abstimmen wird.</p>
</div>
<div class="col-md-4 col-lg-6 text-center" style="background-color: #ffffff;">
<div class="order-2" style="background-color: rgba(255,255,255,0);">
<p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">Weitere Hilfe zur Benutzung von Confluence finden sich auf den <a href="https://confluence.atlassian.com/doc/confluence-data-center-and-server-documentation-135922.html">Seiten der Firma Atlassian</a></p>
</div><a class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto" role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a></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>
css/Login-Form-Clean.css
View file @ 7e5704d6
......@@ -66,3 +66,12 @@
text-decoration: none;
}
#homepage{
position:relative !important;
}
#header{
background: none;
height: fit-content;
}
css/m4lab.css
View file @ 7e5704d6
......@@ -125,7 +125,6 @@ h1, .h1 {
.projectimg {
display: inline-block;
float: ;
background-color: none;
width: 100%;
height: auto;
......@@ -322,3 +321,66 @@ justify-content:space-evenly;}
.heading {
color: #708090;
}
.background_dadada {
background-color: #dadada;
}
.background_ffffff {
background-color: #ffffff;
}
.background_e0001b {
background-color: #E0001B;
}
.margin_top_30 {
margin-top: 30px;
}
.margin_bottom_30 {
margin-bottom: 30px;
}
.width_100 {
width: 100%;
}
.margin_top_40 {
margin-top: 40px;
}
.margin_bottom_40 {
margin-bottom: 40px;
}
.m_top_0 {
margin-top: 0px;
}
.m_bottom_0 {
margin-bottom: 0px;
}
.p_top_20 {
padding-top: 20px;
}
.p_top_20 {
padding-top: 20px;
}
.p_bottom_20 {
padding-bottom: 20px;
}
.p_top_15 {
padding-bottom: 15px;
}
.mailinglist_heading {
padding-top: 15px;
color: #708090;
}
help/mailinglists.html
View file @ 7e5704d6
......@@ -11,322 +11,493 @@
<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">
<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="background_dadada">
<div class="container background_ffffff margin_bottom_30">
<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 id="abo" class="margin_bottom_30 margin_top_40">
<div class="container background_ffffff">
<div class="m_bottom_0 p_bottom_20 p_top_20">
<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>
<h2
class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center mailinglist_heading">
<strong>Mailinglisten</strong></h2>
</div>
<div class="col-auto" style="background-color: #ffffff;">
<div class="col-auto background_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>
<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="">
<div id="collapse1" class="card-body collapse">
<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>
<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>
<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 background_e0001b"
role="button"
href="https://www.listserv.dfn.de/sympa/help"><strong>Weitergehende
Dokumentation bei DFN (externer Link)</strong></a>
</div>
</div>
<br/>
<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>
<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="">
<div id="collapse2" class="card-body collapse">
<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
<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>
</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>
<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 background_e0001b"
role="button"
href="https://www.listserv.dfn.de/sympa/help/admin"><strong>Weitergehende
Dokumentation bei DFN (externer Link)</strong></a>
</div>
</div>
</div>
......@@ -334,19 +505,23 @@
</div>
</div>
</div>
<div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
<div class="container background_ffffff margin_bottom_30">
<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>
</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>
</html>
\ No newline at end of file
info_partizipation.html
View file @ 7e5704d6
......@@ -11,179 +11,224 @@
<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">
<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="background_dadada">
<div class="container margin_bottom_30">
<div class="row">
</div>
</div>
<div id="Gitlab_Text" style="margin-top: 40px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
</div>
<div id="Gitlab_Text" class="margin_top_30 margin_bottom_30">
<div class="container background_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>Beteiligungsplattform</strong></h2>
<h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center"
style="padding-top: 15px;color: #708090;"><strong>Beteiligungsplattform</strong></h2>
</div>
<div class="col-auto flex-row flex-grow-1 flex-fill" style="background-color: #ffffff;">
<p> Die im M4_Lab entwickelte Beteiligungsplattform soll den Bürgern ermöglichen ihre Meinung in Beteiligungsprozessen einzubringen. Sie befindet sich momentan noch in einem Entwicklungsstadium.
<div class="col-auto flex-row flex-grow-1 flex-fill background_ffffff">
<p> Die im M4_Lab entwickelte Beteiligungsplattform soll den Bürgern ermöglichen ihre Meinung in
Beteiligungsprozessen einzubringen. Sie befindet sich momentan noch in einem
Entwicklungsstadium.
</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/partizipation/#/"><strong>Zugriff auf die Beteiligungsplattform</strong></a>
role="button" style="background-color: #E0001B;"
href="https://transfer.hft-stuttgart.de/partizipation/#/"><strong>Zugriff auf die
Beteiligungsplattform</strong></a>
</div>
</div>
</div>
<div id="help_Text" style="margin-top: 10px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div class="container background_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>Funktionen der Beteiligungsplattform</strong></h2>
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center"
style="padding-top: 15px;color: #708090;"><strong>Funktionen der
Beteiligungsplattform</strong></h2>
</div>
<div class="col-auto" style="background-color: #ffffff;">
<div class="col-auto background_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>3D Modelle</small></a>
<a class="collapsed" data-toggle="collapse" href="#collapse1"
aria-expanded="false" aria-controls="collapse1">
<small>3D Modelle</small></a>
</h3>
</div>
<div id="collapse1" class="card-body collapse" style="">
<div id="collapse1" class="card-body collapse">
<p>
Ein essentieller Bestandteil der Beteiligungsplattform ist die 3D Umgebung. Diese basiert auf der CesiumJS Javascript Bibliothek. Es werden verschiedene Gebäudemodelle dargestellt, die aus CityGML Modellen in 3D Tiles Modelle konvertiert wurden. Dieses Format ist gut für Webvisualisierungen geeignet.
Die Gebäudedaten stammen aus verschiedenen Quellen: Das Grundmodell in LoD1 (Level of Detail) wird von der HFT zu Verfügung gestellt, neuere Modelle oder Modelle in einem höheren LoD können ebenfalls integriert werden.
Wenn kein Modell vorhanden ist kann ein Modell generiert werden. Ein Beispiel dafür ist das Nordbahnhof Areal welches im Prototyp angesehen werden kann.
Ein essentieller Bestandteil der Beteiligungsplattform ist die 3D Umgebung.
Diese basiert auf der CesiumJS Javascript Bibliothek. Es werden verschiedene
Gebäudemodelle dargestellt, die aus CityGML Modellen in 3D Tiles Modelle
konvertiert wurden. Dieses Format ist gut für Webvisualisierungen geeignet.
Die Gebäudedaten stammen aus verschiedenen Quellen: Das Grundmodell in LoD1
(Level of Detail) wird von der HFT zu Verfügung gestellt, neuere Modelle oder
Modelle in einem höheren LoD können ebenfalls integriert werden.
Wenn kein Modell vorhanden ist kann ein Modell generiert werden. Ein Beispiel
dafür ist das Nordbahnhof Areal welches im Prototyp angesehen werden kann.
</p>
<img style="width:100%" src="/img/partizipation/3DModel.JPG" alt="3D Modelle">
<img class="width_100" src="/img/partizipation/3DModel.JPG" alt="3D Modelle">
</div>
</div>
<br/>
<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">
<a class="collapsed" data-toggle="collapse" href="#collapse2"
aria-expanded="false" aria-controls="collapse2">
<small>Markers</small></a>
</h3>
</div>
<div id="collapse2" class="card-body collapse" style="">
<div id="collapse2" class="card-body collapse">
<p>
Um wichtige Orte für Beteiligungsverfahren zu markieren beinhaltet die Plattform eine Marker Funktion. Damit können bestimmte Icons an bestimmten Lokalitäten in der 3D Umgebung dargestellt werden. Sie beinhalten ebenfalls die Möglichkeit Bilder oder Text in einem Pop-Up Ballon anzuzeigen, welcher aufgerufen wird wenn der Marker geklickt wird.
Momentan wird daran gearbeitet, dass Nutzer im Rahmen eines Beteiligungsverfahrens neue Marker anlegen können.
Um wichtige Orte für Beteiligungsverfahren zu markieren beinhaltet die Plattform
eine Marker Funktion. Damit können bestimmte Icons an bestimmten Lokalitäten in
der 3D Umgebung dargestellt werden. Sie beinhalten ebenfalls die Möglichkeit
Bilder oder Text in einem Pop-Up Ballon anzuzeigen, welcher aufgerufen wird wenn
der Marker geklickt wird.
Momentan wird daran gearbeitet, dass Nutzer im Rahmen eines
Beteiligungsverfahrens neue Marker anlegen können.
</p>
<img style="width:100%" src="/img/partizipation/Marker.JPG" alt="3D Modelle">
<img class="width_100" src="/img/partizipation/Marker.JPG" alt="3D Modelle">
</div>
</div>
<br/>
<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">
<a class="collapsed" data-toggle="collapse" href="#collapse3"
aria-expanded="false" aria-controls="collapse3">
<small>Informationen</small></a>
</h3>
</div>
<div id="collapse3" class="card-body collapse" style="">
<div id="collapse3" class="card-body collapse">
<p>
Da nicht alle Informationen in einem Pop-Up Ballon untergebracht werden können bietet die Plattform auch einen Extra Bereich für Informationen.
Da nicht alle Informationen in einem Pop-Up Ballon untergebracht werden können
bietet die Plattform auch einen Extra Bereich für Informationen.
</p>
<img style="width:100%" src="/img/partizipation/InfoScreen.JPG" alt="3D Modelle">
<img class="width_100" src="/img/partizipation/InfoScreen.JPG" alt="3D Modelle">
</div>
</div>
<br/>
<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">
<a class="collapsed" data-toggle="collapse" href="#collapse4"
aria-expanded="false" aria-controls="collapse4">
<small>Simulationsergebnisse</small></a>
</h3>
</div>
<div id="collapse4" class="card-body collapse" style="">
<div id="collapse4" class="card-body collapse">
<p>
An der Hochschule für Technik Stuttgart wird unabhängig vom M4_Lab Projekt die Simulationssoftware SimStadt entwickelt. SimStadt ermöglicht es aus 3D Modellen (im CityGML Format) und Metadaten zu den Gebäuden, Simulationen zu beispielsweise Wärmeenergiebedarf oder Photovoltaik Potential durchzuführen.
Diese Ergebnisse können ebenfalls in die Beteiligungsplattform integriert werden und somit eine zusätzliche Ebene an Informationen bieten.
An der Hochschule für Technik Stuttgart wird unabhängig vom M4_Lab Projekt die
Simulationssoftware SimStadt entwickelt. SimStadt ermöglicht es aus 3D Modellen
(im CityGML Format) und Metadaten zu den Gebäuden, Simulationen zu
beispielsweise Wärmeenergiebedarf oder Photovoltaik Potential durchzuführen.
Diese Ergebnisse können ebenfalls in die Beteiligungsplattform integriert werden
und somit eine zusätzliche Ebene an Informationen bieten.
</p>
<img style="width:100%" src="/img/partizipation/Simulation.JPG" alt="3D Modelle">
<img class="width_100" src="/img/partizipation/Simulation.JPG" alt="3D Modelle">
</div>
</div>
<br/>
<br />
</div>
</div>
</div>
</div>
</div>
</div>
<div id="Projects_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>Projekte auf der Beteiligungsplattform</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="#collapse5" aria-expanded="false" aria-controls="collapse5">
<small>Weilimdorf (in Arbeit)</small></a>
</h3>
</div>
<div id="collapse5" class="card-body collapse" style="">
<p>
Das Projekt Weilimdorf ist eine Zusammenarbeit mit der STEG und Stuttgart. Es soll ein Beteiligungsverfahren in Weilimdorf mit der Plattform unterstützt werden.
</p>
</div>
</div>
<br/>
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse6" aria-expanded="false" aria-controls="collapse6">
<small>Nordbahnhof (in Arbeit)</small></a>
</h3>
</div>
<div id="collapse6" class="card-body collapse" style="">
<p>
Das Nordbahnhof Projekt ist ein internes Projekt im Teilvorhaben 3 des M4_Labs. Hier sollen alle vorhandenen Expertisen in einem Gebiet gebündelt angewendet werden.
</p>
<div id="Projects_Text" style="margin-top: 10px;margin-bottom: 30px;">
<div class="container background_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>Projekte auf der
Beteiligungsplattform</strong></h2>
</div>
<div class="col-auto background_ffffff">
<div class="help">
<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>Weilimdorf (in Arbeit)</small></a>
</h3>
</div>
<div id="collapse5" class="card-body collapse">
<p>
Das Projekt Weilimdorf ist eine Zusammenarbeit mit der STEG und Stuttgart. Es
soll ein Beteiligungsverfahren in Weilimdorf mit der Plattform unterstützt
werden.
</p>
</div>
</div>
</div>
<br/>
<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>Böckinger Straße</small></a>
</h3>
<br />
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse6"
aria-expanded="false" aria-controls="collapse6">
<small>Nordbahnhof (in Arbeit)</small></a>
</h3>
</div>
<div id="collapse6" class="card-body collapse">
<p>
Das Nordbahnhof Projekt ist ein internes Projekt im Teilvorhaben 3 des M4_Labs.
Hier sollen alle vorhandenen Expertisen in einem Gebiet gebündelt angewendet
werden.
</p>
</div>
</div>
<div id="collapse7" class="card-body collapse" style="">
<p>
In einem Realexperiment werden Konzepte und Ideen in Verknüpfung mit lokalen Akteuren erarbeitet und ausprobiert.
Der Garten des Imanuel Grözinger Hauses dient dabei als Ausgangspunkt. Drei Teams - Kommunikation, Programm und Bau - führen Interviews, erarbeiten ein Programm und eine bauliche Intervention vor Ort. Den Abschluss bildet ein Aktionstag gemeinsam mit Bewohnern und Nachbarn.
<br/>Mehr Informationen auf der Beteiligungsplattform.
</p>
<br />
<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>Böckinger Straße</small></a>
</h3>
</div>
<div id="collapse7" class="card-body collapse">
<p>
In einem Realexperiment werden Konzepte und Ideen in Verknüpfung mit lokalen
Akteuren erarbeitet und ausprobiert.
Der Garten des Imanuel Grözinger Hauses dient dabei als Ausgangspunkt. Drei
Teams - Kommunikation, Programm und Bau - führen Interviews, erarbeiten ein
Programm und eine bauliche Intervention vor Ort. Den Abschluss bildet ein
Aktionstag gemeinsam mit Bewohnern und Nachbarn.
<br />Mehr Informationen auf der Beteiligungsplattform.
</p>
</div>
</div>
<br />
</div>
<br/>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
<div class="row">
<div class="container background_ffffff margin_bottom_30">
<div class="row">
</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>
<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>
</html>
\ No newline at end of file
jira.html 0 → 100644
View file @ 7e5704d6
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Aufgabenmanagement</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="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<div>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/Aufgabenmanagement.png" width="100%"></div>
</div>
</div>
</div>
<div>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-bottom: 30px;">
<h4 class="text-center">Das Transferportal bietet eine Möglichkeit zum Aufgabenmanagement innerhalb eines Projektes an. Dieses Angebot richtet sich insbesondere an Kollaborationsprojekte zwischen der HfT und externen Partnern.
</h4>
</div>
</div>
</div>
</div>
<div>
<div id="Jira Text" style="background-color: #dadada;margin-top: 40px;">
<div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12" style="background-color: #feffff;">
<h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Jira</strong></h2>
</div>
<div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1" style="background-color: #ffffff;">
<p>Jira ist ein System der Firma Atlassian zum operativen Projektmanagement. Es bietet vielfältige Möglichkeiten des Aufgaben-, Prozess- und Anforderungsmanagements.</p>
<p>Über das Transferportal bieten wir eine Instanz für Projekte an, die darüber ihre Prozesse und Workflows steuern und abwickeln können.</p>
</div>
<div class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2" style="background-color: #ffffff;">
<div class="justify-content-between order-2" style="background-color: rgba(255,255,255,0);">
<p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-left align-items-md-start justify-content-lg-start">
Wichtige Features umfassen dabei:
<ul class="text-left">
<li>flexible Workflow-Gestaltung </li>
<li>Ticketsystem zum flexiblen Aufgabenmanagement</li>
<li>Umfangreiche Kooperations- und Vernetzungsmöglichkeiten</li>
<li>Vernetzung mit unserem Werkzeug zum <a href="/confluence.html">Wissensaustausch</a>
</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="https://transfer.hft-stuttgart.de/jira/"><strong>Zugang über das Transferportal</strong></a></div>
</div>
</div>
</div>
<div id="Access_Text" style="background-color: #dadada;margin-top: 0px;">
<div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12" style="background-color: #ffffff;">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Zugang</strong></h2>
</div>
<div class="col-md-4 col-lg-6" style="background-color: #ffffff;">
<p>Um Zugang zu Jira zu erhalten, benötigen Sie einen Account am Portal. Dieser muss zunächst noch freigeschalten werden, wenden Sie sich dazu bitte an den Administrator.</p>
<p>Um ein Projekt in der Instanz zu platzieren, wenden Sie sich bitte ebenfalls an den Administrator, der mit Ihnen dann das weitere Vorgehen abstimmen wird.</p>
</div>
<div class="col-md-4 col-lg-6 text-center" style="background-color: #ffffff;">
<div class="order-2" style="background-color: rgba(255,255,255,0);">
<p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">Weitere Hilfe zur Benutzung von Jira finden sich auf den <a href="https://confluence.atlassian.com/jira">Seiten der Firma Atlassian</a></p>
</div><a class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto" role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a></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>
js/headfoot.js
View file @ 7e5704d6
var menu = [{'name':'Informationen', 'combos':[{'name':'Projektinformationen', 'link':'/projektinformationen'},{'name':'Projektcode und -daten', 'link':'/projektdaten'}, {'name':'Über das M4_LAB', 'link':'/projectoverview?projectID=1'},{'name':'Kontakt', 'link':'/account/contact'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconference.html'},/* {'name':'...', 'link':'#'}*/], 'type':'dropdown', 'link':'#'},{'name':'Events', 'combos':[{'name':'Veranstaltungen der HfT', 'link':'http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/'},{'name':'Veranstaltungen der HfT Forschung', 'link':'https://www.hft-stuttgart.de/forschung/veranstaltungen'}], 'type':'dropdown', 'link':'#'},{'name':'Bürgerbeteiligung', 'combos':[{'name':'Infos zur Bürgerbeteiligung', 'link':'/info_partizipation.html'},{'name':'Zum M4_Lab Showcase', 'link':'/partizipation/'}], 'type':'dropdown', 'link':'#'},{'name':'<i class="fa fa-question-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/help/'},{'name':'<i class="fa fa-user-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/account/'}];
var menu = [{'name':'Informationen', 'combos':[{'name':'Projektinformationen', 'link':'/projektinformationen'},{'name':'Projektcode und -daten', 'link':'/projektdaten'}, {'name':'Über das M4_LAB', 'link':'/projectoverview?projectID=1'},{'name':'Kontakt', 'link':'/account/contact'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconference.html'},{'name':'Wissensaustausch', 'link':'/confluence.html'},{'name':'Aufgabenmanagement', 'link':'/jira.html'},{'name':'Dateibearbeitung', 'link':'/bwcloud.html'}], 'type':'dropdown', 'link':'#'},{'name':'Events', 'combos':[{'name':'Veranstaltungen der HfT', 'link':'http://www.hft-stuttgart.de/Aktuell/Veranstaltungen/'},{'name':'Veranstaltungen der HfT Forschung', 'link':'https://www.hft-stuttgart.de/forschung/veranstaltungen'}], 'type':'dropdown', 'link':'#'},{'name':'Bürgerbeteiligung', 'combos':[{'name':'Infos zur Bürgerbeteiligung', 'link':'/info_partizipation.html'},{'name':'Zum M4_Lab Showcase', 'link':'/partizipation/'}], 'type':'dropdown', 'link':'#'},{'name':'<i class="fa fa-question-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/help/'},{'name':'<i class="fa fa-user-circle" aria-hidden="true"></i>', 'combos': [], 'type':'', 'link':'/account/'}];
var hft_links = [{'url':'/account/contact', 'name':'Kontakt'},{'url':'https://www.hft-stuttgart.de/impressum', 'name':'Impressum'},{'url':'https://www.hft-stuttgart.de/datenschutz', 'name':'Datenschutz'}]
......@@ -164,11 +164,11 @@ function foot() {
//bmbf
let bmbf = document.createElement('div');
bmbf.classList.add("col-md-auto");
bmbf.innerHTML = "<img src='/img/footer/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.png' alt='Innovative Hochschule' style='height:90px'/>"
bmbf.innerHTML = "<img src='/img/footer/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.png' alt='Innovative Hochschule' height='90'/>"
//m4labgrau
let m4labgrau = document.createElement('div');
m4labgrau.classList.add("col-md-auto");
m4labgrau.innerHTML = "<img src='/img/footer/M4_LAB_LOGO_Graustufen.png' alt='M4_LAB' style='height:80px'/>"
m4labgrau.innerHTML = "<img src='/img/footer/M4_LAB_LOGO_Graustufen.png' alt='M4_LAB' height='80' />"
// socmed
let socialdiv = document.createElement('div');
socialdiv.classList.add("col-md-auto");
......
videoconference.html
View file @ 7e5704d6
......@@ -10,14 +10,16 @@
<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="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
<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>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/Videokonferenzen.jpg" width="100%"></div>
<div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/Videokonferenzen.jpg"
width="100%"></div>
</div>
</div>
</div>
......@@ -25,7 +27,8 @@
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-bottom: 30px;">
<h4 class="text-center">Das Transferportal bietet <strong>drei</strong> verschiedene Möglichkeiten für Videokonferenzen:</h4>
<h4 class="text-center">Das Transferportal bietet <strong>drei</strong> verschiedene Möglichkeiten
für Videokonferenzen:</h4>
</div>
</div>
</div>
......@@ -33,23 +36,33 @@
<div class="d-flex justify-content-lg-center align-items-lg-start flex-row" style="margin-right: 35px;margin-left: 35px;"></div>
<div class="d-flex justify-content-lg-center align-items-lg-start flex-row"
style="margin-right: 35px;margin-left: 35px;"></div>
<div>
<div class="container">
<div class="row d-inline-flex flex-row justify-content-start align-items-start align-content-stretch align-self-stretch flex-wrap align-items-lg-start">
<div class="col-auto col-md-6 col-lg-4 text-center flex-column" style="padding-right: 5px;padding-left: 0px;margin-top: 15px;">
<h2 class="order-1 text-center" style="color: #708090;"><strong>Jitsi</strong><br></h2>
<p class="text-center order-2"><strong>Für alle Nutzer des Portals</strong><br><br></p>
<p class="text-left order-3">Videokonferenzen direkt im Browser<br>OpenSource System<br></p>
<ul class="text-left order-4">
<li>Telefonische Einwahl<br/></li>
<div
class="row flex-row justify-content-start align-items-start align-content-stretch align-self-stretch flex-wrap align-items-lg-start">
<div class="col-md-6 text-center d-flex flex-column justify-content-center align-items-md-center"
style="padding-right: 5px;padding-left: 0px;margin-top: 15px;">
<h2 class="text-center" style="color: #708090;"><strong>Jitsi</strong><br></h2>
<p class="text-center"><strong>Für alle Nutzer des Portals</strong><br><br></p>
<p class="text-left">Videokonferenzen direkt im Browser<br>OpenSource System<br></p>
<ul class="text-left">
<li>Telefonische Einwahl<br /></li>
<li>Desksharing</li>
<li>Chat-Funktion</li>
<li>Mobile Online-Meetings (App)</li>
</ul><a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center" role="button" style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
href="#Jitsi_Text"><strong>Mehr Infos zu Jitsi</strong><i class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a><a class="btn btn-primary text-center d-lg-flex align-self-center justify-content-md-center align-items-md-end justify-content-lg-center align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;width: 309px;" href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das Transferportal</strong></a></div>
<div class="col-md-6 col-lg-4 text-center flex-column justify-content-between"
</ul>
<a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center"
role="button"
style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
href="#Jitsi_Text"><strong>Mehr Infos zu Jitsi</strong><i
class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a>
<a class="btn btn-primary text-center d-lg-flex align-self-center justify-content-md-center align-items-md-end justify-content-lg-center align-items-lg-center justify-content-xl-center mx-auto"
role="button" style="background-color: #E0001B;width: 309px;"
href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das Transferportal</strong></a>
</div>
<!-- <div class="col-md-6 col-lg-4 text-center flex-column justify-content-between"
style="padding-right: 5px;padding-left: 5px;margin-top: 15px;">
<h2 class="text-center" style="color: #708090;"><strong>Adobe Connect</strong><br></h2>
<p class="text-center"><strong>Für Mitglieder der HFT</strong><br><br></p>
......@@ -63,52 +76,75 @@
<li>Polling&nbsp;(Abstimmungstool)</li>
</ul><a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center" role="button" style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
href="#AdobeConnect_Text"><strong>Mehr Infos zu Adobe Connect</strong><i class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a><a class="btn btn-primary text-center align-self-center mx-auto" role="button" style="background-color: #E0001B;width: 309px;"
href="https://webconf.vc.dfn.de/dfnvc/disco/index.html?entityID=https%3A%2F%2Fwebconf.vc.dfn.de%2Fshibboleth&amp;return=https%3A%2F%2Fwebconf.vc.dfn.de%2FShibboleth.sso%2FLogin%3FSAMLDS%3D1%26target%3Dss%253Amem%253A91a559f6fe23a4cf2047736a346176afdde2eee7c554b2fb1cddbc35aea5aec6"><strong>Zugang über DFNconf</strong></a></div>
<div
class="col-lg-4 text-center d-flex flex-column justify-content-center align-items-md-center" style="padding: 0;margin: 0;margin-right: 0px;margin-left: 0px;padding-right: 0px;padding-left: 5px;margin-top: 15px;">
href="https://webconf.vc.dfn.de/dfnvc/disco/index.html?entityID=https%3A%2F%2Fwebconf.vc.dfn.de%2Fshibboleth&amp;return=https%3A%2F%2Fwebconf.vc.dfn.de%2FShibboleth.sso%2FLogin%3FSAMLDS%3D1%26target%3Dss%253Amem%253A91a559f6fe23a4cf2047736a346176afdde2eee7c554b2fb1cddbc35aea5aec6"><strong>Zugang über DFNconf</strong></a></div> -->
<div class="col-md-6 text-center d-flex flex-column justify-content-center align-items-md-center"
style="padding: 0;margin: 0;margin-right: 0px;margin-left: 0px;padding-right: 0px;padding-left: 5px;margin-top: 15px;">
<h2 class="text-center" style="color: #708090;"><strong>GoToMeeting</strong><br></h2>
<p class="text-center"><strong>Für Mitglieder der HFT</strong><br><br></p>
<p class="text-left">Videokonferenzen mit Lizenzanfrage über die Verwaltung<br></p>
<ul class="text-left">
<li>Telefonische Einwahl<br/></li>
<li>Telefonische Einwahl<br /></li>
<li>Desksharing</li>
<li>Chat-Funktion</li>
<li>Mobile Online-Meetings (App)</li>
<li>Aufzeichnung von Konferenzen und<br/>Vorlesungen</li>
<li>Aufzeichnung von Konferenzen und<br />Vorlesungen</li>
<li>Max. 150 Teilnehmer gleichzeitig</li>
</ul><a class="btn btn-primary text-center d-lg-flex flex-column flex-grow-1 flex-shrink-1 flex-fill justify-content-center align-items-lg-center" role="button" style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
href="#GoToMeeting_Text"><strong>Mehr Infos zu GoToMeeting</strong><i class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a><a class="btn btn-primary text-center d-lg-flex flex-column justify-content-center align-items-center align-content-center align-items-lg-center mx-auto"
role="button" style="background-color: #E0001B;width: 309px;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a></div>
</ul>
<a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center"
role="button"
style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
href="#GoToMeeting_Text"><strong>Mehr Infos zu GoToMeeting</strong><i
class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a>
<a class="btn btn-primary text-center d-lg-flex flex-column justify-content-center align-items-center align-content-center align-items-lg-center mx-auto"
role="button" style="background-color: #E0001B;width: 309px;"
href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a>
</div>
</div>
</div>
</div>
</div>
<div>
<div id="Jitsi_Text" style="background-color: #dadada;margin-top: 40px;">
<div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12" style="background-color: #feffff;">
<h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Jitsi</strong></h2>
<h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center"
style="padding-top: 15px;color: #708090;"><strong>Jitsi</strong></h2>
</div>
<div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1" style="background-color: #ffffff;">
<p>Jitsi&nbsp;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.&nbsp;<br/></p>
<div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1"
style="background-color: #ffffff;">
<p>Jitsi&nbsp;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.&nbsp;<br /></p>
</div>
<div class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2" style="background-color: #ffffff;">
<div class="col-auto col-md-4 col-lg-6 text-center flex-row flex-grow-1 flex-fill justify-content-between flex-wrap order-2"
style="background-color: #ffffff;">
<div class="justify-content-between order-2" style="background-color: rgba(255,255,255,0);">
<p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">
Aktuelle Informationen und Tutorials zu Jitsi finden Sie auf den&nbsp;<a href="https://confluence.hft-stuttgart.de/display/IAF001/Jitsi+an+der+HFT">Confluence-Seiten der HFT Stuttgart</a>&nbsp;(Intranet).<br/><br/><strong>Eine Anleitung zur Nutzung von Jitsi finden Sie in unserem <a href="/help/jitsi.html"> Hilfebereich </a> </strong>
<p
class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">
Aktuelle Informationen und Tutorials zu Jitsi finden Sie auf den&nbsp;<a
href="https://confluence.hft-stuttgart.de/display/IAF001/Jitsi+an+der+HFT">Confluence-Seiten
der HFT Stuttgart</a>&nbsp;(Intranet).<br /><br /><strong>Eine Anleitung zur Nutzung
von Jitsi finden Sie in unserem <a href="/help/jitsi.html"> Hilfebereich </a>
</strong>
</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://telemeeting.hft-stuttgart.de/"><strong>Zugang über das Transferportal</strong></a></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>
</div>
<div id="AdobeConnect_Text" style="background-color: #dadada;margin-top: 0px;">
<!-- <div id="AdobeConnect_Text" style="background-color: #dadada;margin-top: 0px;">
<div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12" style="background-color: #ffffff;">
......@@ -126,29 +162,46 @@
</div><a class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto" role="button" style="background-color: #E0001B;" href="https://webconf.vc.dfn.de/dfnvc/disco/index.html?entityID=https%3A%2F%2Fwebconf.vc.dfn.de%2Fshibboleth&amp;return=https%3A%2F%2Fwebconf.vc.dfn.de%2FShibboleth.sso%2FLogin%3FSAMLDS%3D1%26target%3Dss%253Amem%253A91a559f6fe23a4cf2047736a346176afdde2eee7c554b2fb1cddbc35aea5aec6"><strong>Zugang über DFNconf</strong></a></div>
</div>
</div>
</div>
</div> -->
<div id="GoToMeeting_Text" style="background-color: #dadada;margin-top: 0px;">
<div class="container">
<div class="row" style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12" style="background-color: #ffffff;">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>GoToMeeting</strong></h2>
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center"
style="padding-top: 15px;color: #708090;"><strong>GoToMeeting</strong></h2>
</div>
<div class="col-md-4 col-lg-6" style="background-color: #ffffff;">
<p>Auch über den Dienst GoToMeeting können Webkonferenzen<br/>abgehalten werden. <br/>Für eine Nutzungsanfrage wenden Sie sich bitte an <a href="mailto:support-transfer@hft-stuttgart.de">support-transfer@hft-stuttgart.de</a>.<br/></p>
<p>Auch über den Dienst GoToMeeting können Webkonferenzen<br />abgehalten werden. <br />Für eine
Nutzungsanfrage wenden Sie sich bitte an <a
href="mailto:support-transfer@hft-stuttgart.de">support-transfer@hft-stuttgart.de</a>.<br />
</p>
</div>
<div class="col-md-4 col-lg-6 text-center" style="background-color: #ffffff;">
<div class="order-2" style="background-color: rgba(255,255,255,0);">
<p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">Aktuelle Informationen und Tutorials zu GoToMeeting finden Sie auf den<a href="https://confluence.hft-stuttgart.de/display/DZ/Anleitung+GoToMeeting">Confluence-Seiten der HFT Stuttgart&nbsp;(Intranet).</a></p>
</div><a class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto" role="button" style="background-color: #E0001B;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a></div>
<p
class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">
Aktuelle Informationen und Tutorials zu GoToMeeting finden Sie auf den<a
href="https://confluence.hft-stuttgart.de/display/DZ/Anleitung+GoToMeeting">Confluence-Seiten
der HFT Stuttgart&nbsp;(Intranet).</a></p>
</div><a
class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto"
role="button" style="background-color: #E0001B;"
href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin
anfragen</strong></a>
</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>
<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>
</html>
\ No newline at end of file
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