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

Merge branch 'MLAB-159-fix' into 'testing' 

links adapted, removed additional navbar

See merge request !14
parents fce52226 01189886
master testing
3 merge requests!32Prepare production,!29Mlab 197,!14links adapted, removed additional navbar
Pipeline #653 passed with stage
in 5 seconds
Hide whitespace changes
Inline Side-by-side
Showing
with 27 additions and 42 deletions
+27 -42
videoconference.html
+ 27
- 42
View file @ a1af0021
...@@ -14,27 +14,10 @@ ...@@ -14,27 +14,10 @@
</head> </head>
<body> <body>
<nav class="navbar navbar-light navbar-expand-md navigation-clean-button">
<div class="container"><a class="navbar-brand" href="#">Company Name</a><button data-toggle="collapse" class="navbar-toggler" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse"
id="navcol-1">
<ul class="nav navbar-nav mr-auto">
<li class="nav-item" role="presentation"><a class="nav-link active" href="#">First Item</a></li>
<li class="nav-item" role="presentation"><a class="nav-link" href="#">Second Item</a></li>
<li class="nav-item dropdown"><a class="dropdown-toggle nav-link" data-toggle="dropdown" aria-expanded="false" href="#">Dropdown </a>
<div class="dropdown-menu" role="menu"><a class="dropdown-item" role="presentation" href="#">First Item</a><a class="dropdown-item" role="presentation" href="#">Second Item</a><a class="dropdown-item" role="presentation" href="#">Third Item</a></div>
</li>
</ul><span class="navbar-text actions"> <a class="login" href="#">Log In</a><a class="btn btn-light action-button" role="button" href="#">Sign Up</a></span></div>
</div>
</nav>
<div> <div>
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12" style="margin-bottom: 40px;"><img class="mx-auto" src="assets/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> </div>
</div> </div>
...@@ -42,7 +25,7 @@ ...@@ -42,7 +25,7 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col-md-12" style="margin-bottom: 30px;"> <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:<br></h4> <h4 class="text-center">Das Transferportal bietet <strong>drei</strong> verschiedene Möglichkeiten für Videokonferenzen:</h4>
</div> </div>
</div> </div>
</div> </div>
...@@ -55,11 +38,11 @@ ...@@ -55,11 +38,11 @@
<div class="container"> <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="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;"> <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: #8a348b;"><strong>Jitsi</strong><br></h2> <h2 class="order-1 text-center" style="color: #8a348b;"><strong>Jitsi</strong></h2>
<p class="text-center order-2"><strong>Für alle Nutzer des Portals</strong><br><br></p> <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> <p class="text-left order-3">Videokonferenzen direkt im Browser<br/>OpenSource System<br/></p>
<ul class="text-left order-4"> <ul class="text-left order-4">
<li>Telefonische Einwahl<br></li> <li>Telefonische Einwahl<br/></li>
<li>Desksharing</li> <li>Desksharing</li>
<li>Chat-Funktion</li> <li>Chat-Funktion</li>
<li>Mobile Online-Meetings (App)</li> <li>Mobile Online-Meetings (App)</li>
...@@ -68,30 +51,30 @@ ...@@ -68,30 +51,30 @@
role="button" style="background-color: #8a348b;width: 309px;" href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das Transferportal</strong></a></div> role="button" style="background-color: #8a348b;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" <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;"> style="padding-right: 5px;padding-left: 5px;margin-top: 15px;">
<h2 class="text-center" style="color: #8a348b;"><strong>Adobe Connect</strong><br></h2> <h2 class="text-center" style="color: #8a348b;"><strong>Adobe Connect</strong><br/></h2>
<p class="text-center"><strong>Für Mitglieder der HFT</strong><br><br></p> <p class="text-center"><strong>Für Mitglieder der HFT</strong><br/><br/></p>
<p class="text-left">Videokonferenzen ohne vorherige Registrierung<br></p> <p class="text-left">Videokonferenzen ohne vorherige Registrierung<br/></p>
<ul class="text-left"> <ul class="text-left">
<li>Telefonische Einwahl<br></li> <li>Telefonische Einwahl<br/></li>
<li>Desksharing</li> <li>Desksharing</li>
<li>Chat-Funktion</li> <li>Chat-Funktion</li>
<li>Mobile Online-Meetings (App)</li> <li>Mobile Online-Meetings (App)</li>
<li>Aufzeichnung von Konferenzen und<br>Vorlesungen</li> <li>Aufzeichnung von Konferenzen und<br/>Vorlesungen</li>
<li>Polling&nbsp;(Abstimmungstool)</li> <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;" </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: #8a348b;width: 309px;" 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: #8a348b;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> 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
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;"> 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;">
<h2 class="text-center" style="color: #8a348b;"><strong>GoToMeeting</strong><br></h2> <h2 class="text-center" style="color: #8a348b;"><strong>GoToMeeting</strong><br/></h2>
<p class="text-center"><strong>Für Mitglieder der HFT</strong><br><br></p> <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> <p class="text-left">Videokonferenzen mit Lizenzanfrage über die Verwaltung<br/></p>
<ul class="text-left"> <ul class="text-left">
<li>Telefonische Einwahl<br></li> <li>Telefonische Einwahl<br/></li>
<li>Desksharing</li> <li>Desksharing</li>
<li>Chat-Funktion</li> <li>Chat-Funktion</li>
<li>Mobile Online-Meetings (App)</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> <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;" </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" 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"
...@@ -113,7 +96,7 @@ ...@@ -113,7 +96,7 @@
<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" 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. <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 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><br>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></p> mobilen Endgeräten ab.&nbsp;<br/><br/>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/></p>
</div> </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);"> <div class="justify-content-between order-2" style="background-color: rgba(255,255,255,0);">
...@@ -121,9 +104,9 @@ ...@@ -121,9 +104,9 @@
<ul class="text-left justify-content-end order-2"> <ul class="text-left justify-content-end order-2">
<li>Beim Transferportal als Organisator anmelden</li> <li>Beim Transferportal als Organisator anmelden</li>
<li>Videokonferenz über Jitsi eröffnen</li> <li>Videokonferenz über Jitsi eröffnen</li>
<li>Eingabe eines Namens für das Meeting<br></li> <li>Eingabe eines Namens für das Meeting<br/></li>
<li>Start der Konferenz<br></li> <li>Start der Konferenz<br/></li>
<li>Einladung weiterer Teilnehmer über den generierten Link<br></li> <li>Einladung weiterer Teilnehmer über den generierten Link<br/></li>
</ul> </ul>
</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" </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: #8a348b;" href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das Transferportal</strong></a></div> role="button" style="background-color: #8a348b;" href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das Transferportal</strong></a></div>
...@@ -137,14 +120,14 @@ ...@@ -137,14 +120,14 @@
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #8a348b;"><strong>Adobe Connect</strong></h2> <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #8a348b;"><strong>Adobe Connect</strong></h2>
</div> </div>
<div class="col-md-4 col-lg-6" style="background-color: #ffffff;"> <div class="col-md-4 col-lg-6" style="background-color: #ffffff;">
<p>Mitglieder der HFT Stuttgart haben automatisch Zugang zum&nbsp;Konferenzsystem Adobe Connect, da die HFT als Mitglied des DFNs (Deutsches Forschungsnetz) diesen Service kostenlos nutzen kann.<br>Über Adobe Connect können Webkonferenzen <p>Mitglieder der HFT Stuttgart haben automatisch Zugang zum&nbsp;Konferenzsystem Adobe Connect, da die HFT als Mitglied des DFNs (Deutsches Forschungsnetz) diesen Service kostenlos nutzen kann.<br/>Über Adobe Connect können Webkonferenzen
in Echtzeit abgehalten werden. Es ermöglicht eine Übertragung von Audio und Video und erlaubt Inhalte, wie Power-Point-Folien oder den Desktop-Bildschirm, zu teilen. Zudem gibt es eine Chatfunktion, in welcher parallel Fragen in Echtzeit abgehalten werden. Es ermöglicht eine Übertragung von Audio und Video und erlaubt Inhalte, wie Power-Point-Folien oder den Desktop-Bildschirm, zu teilen. Zudem gibt es eine Chatfunktion, in welcher parallel Fragen
gestellt und diskutiert werden können.<br></p> gestellt und diskutiert werden können.<br/></p>
</div> </div>
<div class="col-md-4 col-lg-6 text-center" style="background-color: #ffffff;"> <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="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">Für die Nutzung von Adobe Connect muss vorab keine Registrierung erfolgen. Das Programm Adobe Connect kann über den/ die IT-Beauftragte/n auch direkt auf dem Laptop installiert werden, so dass die Konferenz nicht über den Web-Browser <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">Für die Nutzung von Adobe Connect muss vorab keine Registrierung erfolgen. Das Programm Adobe Connect kann über den/ die IT-Beauftragte/n auch direkt auf dem Laptop installiert werden, so dass die Konferenz nicht über den Web-Browser
gestartet werden muss.<br><br>Aktuelle Informationen und Tutorials zu Adobe Connect finden Sie auf den<a href="https://confluence.hft-stuttgart.de/display/DZ/Webkonferenzen+mit+Adobe+Connect">Confluence-Seiten der HFT Stuttgart&nbsp;(Intranet).</a></p> gestartet werden muss.<br/><br/>Aktuelle Informationen und Tutorials zu Adobe Connect finden Sie auf den<a href="https://confluence.hft-stuttgart.de/display/DZ/Webkonferenzen+mit+Adobe+Connect">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: #8a348b;" 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><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: #8a348b;" 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>
...@@ -156,12 +139,14 @@ ...@@ -156,12 +139,14 @@
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #8a348b;"><strong>GoToMeeting</strong></h2> <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #8a348b;"><strong>GoToMeeting</strong></h2>
</div> </div>
<div class="col-md-4 col-lg-6" style="background-color: #ffffff;"> <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>
<div class="col-md-4 col-lg-6 text-center" style="background-color: #ffffff;"> <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="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> <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: #8a348b;" 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" role="button" style="background-color: #8a348b;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a>
</div>
</div> </div>
</div> </div>
</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