Skip to content
GitLab
Commit ad493293 authored by Wolfgang Knopki's avatar Wolfgang Knopki
Browse files

Merge branch 'prepare_prod' into 'master' 

Merging new template help section

See merge request !107
parents 7b89ecd4 dfd954cd
Pipeline #3804 passed with stage
in 13 seconds
Hide whitespace changes
Inline Side-by-side
Showing
with 210 additions and 98 deletions
+210 -98
img/hpc/concept.png 0 → 100644
+ 0
- 0
View file @ ad493293
img/hpc/concept.png

234 KB

img/hpc/gm4lab.jpg 0 → 100644
+ 0
- 0
View file @ ad493293
img/hpc/gm4lab.jpg

695 KB

img/hpc/nontemp.jpg 0 → 100644
+ 0
- 0
View file @ ad493293
img/hpc/nontemp.jpg

75.8 KB

img/hpc/nontemp.png 0 → 100644
+ 0
- 0
View file @ ad493293
img/hpc/nontemp.png

190 KB

img/hpc/tempapproach.png 0 → 100644
+ 0
- 0
View file @ ad493293
img/hpc/tempapproach.png

258 KB

img/hpc/ucicity2021.png 0 → 100644
+ 0
- 0
View file @ ad493293
img/hpc/ucicity2021.png

1.24 MB

index.html
+ 14
- 15
View file @ ad493293
......@@ -17,7 +17,7 @@
<div>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/Forschung_team1.jpg" width="100%"></div>
<div class="col-md-12 margin_bottom_40"><img class="mx-auto" src="/img/Forschung_team1.jpg" width="100%"></div>
</div>
</div>
</div>
......@@ -25,16 +25,15 @@
<div class="container">
<div class="row">
<div class="col-lg-1"></div>
<div class="col-md-6 col-lg-4" style="padding-right: 5px;padding-left: 5px;"><img class="d-inline-flex d-lg-flex justify-content-center align-items-center align-content-center align-self-center justify-content-lg-center align-items-lg-start mx-auto" src="/img/Icon_Informationen_Verlauf.png" width="150" style="margin: 0px;">
<h2 class="text-center"
style="color: #708090;"><strong>Informationen bereitstellen</strong><br></h2>
<div class="col-md-6 col-lg-4 p_left_5 p_right_5"><img class="d-inline-flex d-lg-flex justify-content-center align-items-center align-content-center align-self-center justify-content-lg-center align-items-lg-start mx-auto m_0" src="/img/Icon_Informationen_Verlauf.png" width="150">
<h2 class="text-center heading"><strong>Informationen bereitstellen</strong><br></h2>
<p class="text-left">Über das Transferportal können Sie <strong>Informationen</strong> und <strong>Daten</strong>, <strong>Dokumentationen</strong> und <strong>Software-Code</strong> von Open-Source Projekten an HFT-interne und externe Partner sowie
der breiten Öffentlichkeit zur Verfügung stellen. <br><br>Hierfür stehen eine Projektübersicht, ein Wiki, ein Ablagesystem für Dateien sowie die Nutzung unseres <a href="https://transfer.hft-stuttgart.de/gitlab/explore/projects" target="_blank"><strong>GitLab-Dienstes</strong></a> zur Softwareentwicklung bereit. <br></p>
</div>
<div class="col-lg-2"></div>
<div class="col-md-6 col-lg-4" style="padding-right: 5px;padding-left: 5px;"><img class="d-flex d-lg-flex justify-content-center align-items-center align-content-center align-self-center justify-content-lg-center align-items-lg-start mx-auto" src="/img/Icon_Zusammenarbeiten_%20Verlauf.png" width="150px" style="margin: 0px;padding: 0px;">
<div class="col-md-6 col-lg-4 p_left_5 p_right_5"><img class="d-flex d-lg-flex justify-content-center align-items-center align-content-center align-self-center justify-content-lg-center align-items-lg-start mx-auto m_0 p_0" src="/img/Icon_Zusammenarbeiten_%20Verlauf.png" width="150px">
<h2
class="text-center" style="color: #708090;"><strong>Zusammenarbeiten und Austauschen</strong><br></h2>
class="text-center heading"><strong>Zusammenarbeiten und Austauschen</strong><br></h2>
<p class="text-left">Für die Zusammenarbeit mit Projektpartnern können Sie verschiedene <a href="./videoconference.html"><strong>Videokonferenz-Systeme</strong></a> nutzen. Wir stellen sowohl für Mitglieder der HFT als auch für externe
Nutzer Möglichkeiten bereit.<br><br>Bleiben Sie im Kontakt mit Ihren Projektpartnern: Über unsere <a href="./mailinglists"><strong>Mailinglisten</strong></a> können Sie sich schnell zu Ihren Projektthemen austauschen. Kommunizieren
Sie Projektneuheiten und aktuelle<br>Anlässe an Ihre Nutzergruppe.<br></p>
......@@ -43,27 +42,27 @@
</div>
</div>
</div>
<div style="margin-top: 40px;margin-bottom: 40px;">
<div style="background-color: rgba(255,255,255,0);">
<div class="margin_top_40 margin_bottom_40">
<div class="background_ffffff">
<div class="container">
<div class="row">
<div class="col-md-4 col-lg-1" style="margin-top: -0;padding-top: 0px;"></div>
<div class="col-md-4 col-lg-10" style="background-color: #f2f2f2;margin-top: 0px;padding-top: 20px;padding-bottom: 20px;">
<h2 class="text-center" style="color: #708090;"><strong>Neues Projekt anlegen</strong></h2>
<p class="text-center">Im Transferportal der HFT Stuttgart können Sie die Inhalte Ihrer Projekte ablegen, bearbeiten und darstellen. </p><button class="btn btn-primary btn-lg d-inline-flex d-lg-flex justify-content-center align-items-center align-content-center align-self-center justify-content-lg-center align-items-lg-end mx-auto" type="button" style="background-color: #E0001B;filter: invert(0%);"><a href="/project" style="color:white"><strong>Zur Projektübersicht</strong></a></button></div>
<div class="col-md-4 col-lg-1 m_top_0 p_top_0"></div>
<div class="col-md-4 col-lg-10" class="index_neues_projekt">
<h2 class="text-center heading"><strong>Neues Projekt anlegen</strong></h2>
<p class="text-center">Im Transferportal der HFT Stuttgart können Sie die Inhalte Ihrer Projekte ablegen, bearbeiten und darstellen. </p><button class="btn btn-primary btn-lg d-inline-flex d-lg-flex justify-content-center align-items-center align-content-center align-self-center justify-content-lg-center align-items-lg-end mx-auto" type="button" class="index_project_overview"><a href="/project" class="color_white"><strong>Zur Projektübersicht</strong></a></button></div>
<div class="col-md-4 col-lg-1"></div>
</div>
</div>
</div>
</div>
<div>
<div style="background-color: #708090;">
<div class="background_708090">
<div class="container">
<div class="row">
<div class="col-md-4 col-lg-2"></div>
<div class="col-md-4 col-lg-8">
<div style="background-color: #feffff;margin: 0px;padding: 60px;padding-top: 20px;padding-bottom: 20px;"><img class="d-flex d-lg-flex justify-content-center justify-content-lg-center align-items-lg-start mx-auto" src="/img/Logo_TV1.png" width="100px" style="padding-bottom: 35px;">
<h2 class="text-center" style="color: #708090;"><strong>Transferportal</strong></h2>
<div class="index_foot_message"><img class="d-flex d-lg-flex justify-content-center justify-content-lg-center align-items-lg-start mx-auto p_bottom_35" src="/img/Logo_TV1.png" width="100px">
<h2 class="text-center heading"><strong>Transferportal</strong></h2>
<p class="text-center">Das Transferportal entsteht in einem Teilprojekt der Innovativen <a href="https://www.hft-stuttgart.de"><strong>Hochschule für Technik Stuttgart</strong></a>. Im <a href="https://www.hft-stuttgart.de/forschung/innovative-hochschule-m4-lab"><strong>Innovationslabor M4_LAB</strong></a> wird das Transferportal als eine Webpräsenz entwickelt, welches Wissen, Lösungen und Dienste für HFT-Mitglieder, externe Partner und die allgemeine Öffentlichkeit bereitstellt.<br><br>Es ergänzt die Informationen der allgemeinen
HFT-Webseite durch konkrete Ergebnisse aus Forschung und Entwicklung, verfügbar in verschiedenster Form wie beispielsweise Daten, Dokumentationen und Software-Code.<br><br>Zudem stellt es Kollaborationsmittel für Projektpartner
und später auch Partizipationsmöglichkeiten für die breite Öffentlichkeit bereit.</p>
......
info_hpc.html 0 → 100644
+ 119
- 0
View file @ ad493293
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Infos zur Hochleistungsrechnen</title>
<link rel="stylesheet" href="/css/bootstrap.min.css">
<link rel="stylesheet" href="/css/m4lab.css">
<link rel="stylesheet" href="/fonts/font-awesome.min.css">
<link rel="stylesheet" href="/fonts/ionicons.min.css">
<link rel="stylesheet" href="/css/Testimonials.css">
<link rel="stylesheet" href="/css/help.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
</head>
<body>
<div style="background-color: #dadada;">
<div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
<div class="row">
</div>
</div>
<div id="Gitlab_Text" style="margin-top: 40px;margin-bottom: 30px;">
<div class="container" style="background-color: #ffffff;">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="col-lg-12">
<h2 class="d-flex flex-column flex-shrink-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Hochleistungsrechnen</strong></h2>
</div>
<div class="col-auto flex-row flex-grow-1 flex-fill" style="background-color: #ffffff;">
<p> Das Hochleistungsrechen (englisch: high-performance computing, HPC) ist eine Technologie, die Rechenarbeiten ermöglicht, welche einen hohen Bedarf an Rechenleistung oder Speicherkapazität haben. Somit können umfangreiche Modelle, Algorithmen oder auch Simulationen in deutlich kürzerer Zeit ausgeführt werden als es auf herkömmlichen Computersystemen möglich ist.
Das Land BW stellt unter Beteiligung mehrerer Universitäten und Hochschulen – darunter auch der HFT Stuttgart – eine Hochleistungsrechenplattform bereit, den BW HPC Cluster.
</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://www.bwhpc.de/"><strong>Zugriff auf die Hochleistungsrechnenplatform</strong></a>
</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>Beispielprojekte der HFT Stuttgart auf der Hochleistungsrechnenplatform</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="#collapse7" aria-expanded="false" aria-controls="collapse7">
<small>HPC: Vehicle Detection using Machine Listening and Deep Learning</small></a>
</h3>
</div>
<div id="collapse7" class="card-body collapse" style="">
<p align="justify">
In einer Masterarbeit in der Akustikgruppe der HFT Stuttgart wurde für eine Beurteilung des Verkehrsaufkommens der Einsatz einer automatischen Erkennung von Straßengeräuschen wie Motoren, Passanten und Umweltgeräuschen untersucht. Durch Verwendung des maschinellen Lernens, genauer dem s.g. Deep Learning, sollten unterschiedliche Fahrzeuge anhand der akustischen Signale erkannt und unterschiedlichen Fahrzeugkategorien (z.B. Leicht-, Mittel-, Schwerfahrzeuge, Schienenfahrzeuge, Zweiräder) zu geordnet werden. Um die Berechnungszeit für das Deep Learning zu verkürzen, wurden die Berechnungen auf dem HPC Cluster durchgeführt, wobei mittels paralleler Programmierung eine Vielzahl von Rechenknoten auf dem Cluster genutzt wurden. Mehr Informationen bitte klicken Sie <a href="https://transfer.hft-stuttgart.de/pages/sharif/akustikimobi/home/" > hier</a>
</p>
<img style="width:100%" src="/img/hpc/acoustic.png" alt="template based approach">
</div>
</div>
</br>
<div class="card">
<div class="card-header">
<h3 class="card-title">
<a class="collapsed" data-toggle="collapse" href="#collapse5" aria-expanded="false" aria-controls="collapse5">
<small>Bewertung von Freitextfragen mit Neuronalen Netzwerken (in Arbeit)</small></a>
</h3>
</div>
<div id="collapse5" class="card-body collapse" style="">
<p align="justify">
In der Hochschullehre liefern häufige kleine Tests den Studierenden und Lehrenden wichtige Rückmeldung zum Lernstand, bedeuten aber auch zusätzlichen Zeitaufwand für die Korrektur. Daher gibt es schon länger Ansätze zur automatischen oder automatisch gestützten Bewertung von kurzen Freitext-Antworten. Wir prüfen, ob die im Natural Language Processing (NLP) hoch erfolgreichen transformerbasierten neuronalen Modelle auch eine Qualitätsverbesserung bei der automatisierten Bewertung von Freitexten liefern können.Der Trainingsaufwand für das Anpassen der existierenden Modelle an die konkrete Aufgabe übersteigt bei weitem das auf einem üblichen PC realistisch leistbare. Daher nutzen wir die Ressourcen von bwHPC.
</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>Kontextabhängiges Smart2Charge (in Arbeit)</small></a>
</h3>
</div>
<div id="collapse6" class="card-body collapse" style="">
<p align="justify">
Die Elektromobilität hat einen tiefgreifenden wirtschaftlichen und ökologiscen Einfluss auf unsere Gesellschaft. Ein Großteil der Transformation im Mobilitätssektor wird durch die Digitalisierung vorangetrieben, indem diese echtzeitfähige Interaktionen zwischen den unterschiedlichen Beteiligten, wie z.B. Fahrzeugnutzern und Infrastrukturbetreiber, ermöglicht. In einer Studie wird ein neues, auf dem s.g. Deep Reinforcement Learning basierendes Konzept für die Optimierung solcher Interaktionen und Entscheidungsprozessen zwischen den Beteiligten in einem Smart-Mobility Ecosystem untersucht. Der hierbei entwickelte Algorithmus löst dabei kontextbezogene, beschränkte Optimierungsprobleme zur Erfüllung von Anfragen der Beteiligten. Dabei lernt der Algorithmus von der Umgebung und den Interaktionen bis sich für den jeweils betrachteten Kontext ein optimales Gleichgewicht bei der Erfüllung der Anfragen einstellt.
Um dieses rechenintensive Problem zu lösen, läuft der Algorithmus auf dem HPC Cluster unter Verwendung des oben genannten, bereit gestellten Templates.
</p>
<img style="width:100%" src="/img/hpc/ucicity2021.png" alt="casmart2charge">
</div>
</div>
<br/>
</div>
</div>
</div>
</div>
</div>
<div class="container" style="background-color: #ffffff;margin-bottom: 30px;">
<div class="row">
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>-->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<script src="/js/headfoot.js"></script>
</body>
</html>
info_partizipation.html
+ 13
- 15
View file @ ad493293
......@@ -25,10 +25,10 @@
</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="info_partizipation_text">
<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 heading p_top_15">
<strong>Beteiligungsplattform</strong></h2>
</div>
<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
......@@ -36,20 +36,19 @@
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;"
<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://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 id="help_Text" class="m_top_10 margin_bottom_30">
<div class="container background_ffffff">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="info_partizipation_text">
<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 heading p_top_15">
<strong>Funktionen der Beteiligungsplattform</strong></h2>
</div>
<div class="col-auto background_ffffff">
<div class="help">
......@@ -143,13 +142,12 @@
</div>
</div>
</div>
<div id="Projects_Text" style="margin-top: 10px;margin-bottom: 30px;">
<div id="Projects_Text" class="m_top_10 margin_bottom_30">
<div class="container background_ffffff">
<div style="margin-bottom: 0;padding-top: 20px;padding-bottom: 20px;">
<div class="info_partizipation_text">
<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>
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center heading p_top_15">
<strong>Projekte auf der Beteiligungsplattform</strong></h2>
</div>
<div class="col-auto background_ffffff">
<div class="help">
......
jira.html
+ 19
- 19
View file @ ad493293
......@@ -17,14 +17,14 @@
<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 class="col-md-12 margin_bottom_40"><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;">
<div class="col-md-12 margin_bottom_30">
<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>
......@@ -34,18 +34,18 @@
<div>
<div id="Jira Text" style="background-color: #dadada;margin-top: 40px;">
<div id="Jira Text" class="background_dadada margin_top_40">
<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 class="row" class="m_bottom_0 p_top_20 p_bottom_20">
<div class="col-lg-12 background_ffffff">
<h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center heading p_top_15"><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;">
<div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1 background_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);">
<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 background_ffffff">
<div class="justify-content-between order-2">
<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">
......@@ -55,26 +55,26 @@
<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><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://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 id="Access_Text" class="background_dadada m_top_0">
<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 class="row" class="m_bottom_0 p_top_20 p_bottom_20">
<div class="col-lg-12 background_ffffff">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center heading p_top_15"><strong>Zugang</strong></h2>
</div>
<div class="col-md-4 col-lg-6" style="background-color: #ffffff;">
<div class="col-md-4 col-lg-6 background_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);">
<div class="col-md-4 col-lg-6 text-center background_ffffff">
<div class="order-2">
<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><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 background_e0001b" role="button" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a></div>
</div>
</div>
</div>
......
videoconference.html
+ 45
- 49
View file @ ad493293
......@@ -18,7 +18,7 @@
<div>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="/img/Videokonferenzen.jpg"
<div class="col-md-12 margin_bottom_40"><img class="mx-auto" src="/img/Videokonferenzen.jpg"
width="100%"></div>
</div>
</div>
......@@ -26,7 +26,7 @@
<div>
<div class="container">
<div class="row">
<div class="col-md-12" style="margin-bottom: 30px;">
<div class="col-md-12 margin_bottom_30">
<h4 class="text-center">Das Transferportal bietet <strong>drei</strong> verschiedene Möglichkeiten
für Videokonferenzen:</h4>
</div>
......@@ -36,15 +36,14 @@
<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 m_left_35 m_right_35"></div>
<div>
<div class="container">
<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>
<div
class="col-md-6 text-center d-flex flex-column justify-content-center align-items-md-center videoconference_jitsi">
<h2 class="text-center heading"><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">
......@@ -53,14 +52,12 @@
<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
<a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center videoconference_more_info"
role="button" 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>
<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 background_e0001b width_309"
role="button" 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;">
......@@ -77,9 +74,9 @@
</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-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>
<div
class="col-md-6 text-center d-flex flex-column justify-content-center align-items-md-center videoconference_gotomeeting">
<h2 class="text-center heading"><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">
......@@ -90,14 +87,12 @@
<li>Aufzeichnung von Konferenzen und<br />Vorlesungen</li>
<li>Max. 150 Teilnehmer gleichzeitig</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="#GoToMeeting_Text"><strong>Mehr Infos zu GoToMeeting</strong><i
<a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center videoconference_more_info"
role="button" 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>
<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 background_e0001b width_309"
role="button" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin
anfragen</strong></a>
</div>
</div>
</div>
......@@ -107,15 +102,16 @@
<div>
<div id="Jitsi_Text" style="background-color: #dadada;margin-top: 40px;">
<div id="Jitsi_Text" class="background_dadada margin_top_40">
<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>
<div class="row videoconference_jitsi_text">
<div class="col-lg-12 background_ffffff">
<h2
class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center heading p_top_15">
<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;">
<div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1 background_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.
......@@ -124,9 +120,9 @@
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="justify-content-between order-2" style="background-color: rgba(255,255,255,0);">
<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 background_ffffff">
<div class="justify-content-between order-2 background_ffffff">
<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
......@@ -136,9 +132,8 @@
</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
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://telemeeting.hft-stuttgart.de/"><strong>Zugang über das
Transferportal</strong></a>
</div>
</div>
......@@ -163,30 +158,31 @@
</div>
</div>
</div> -->
<div id="GoToMeeting_Text" style="background-color: #dadada;margin-top: 0px;">
<div id="GoToMeeting_Text" class="background_dadada m_top_0">
<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>
<div class="row videoconference_gotomeeting_text">
<div class="col-lg-12 background_ffffff">
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center heading p_top_15">
<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
<div class=" col-md-4 col-lg-6 background_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>
</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);">
<div class="col-md-4 col-lg-6 text-center background_ffffff">
<div class="order-2">
<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
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 background_e0001b"
role="button" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin
anfragen</strong></a>
</div>
</div>
......
Supports Markdown
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