diff --git a/css/Login-Form-Clean.css b/css/Login-Form-Clean.css
new file mode 100644
index 0000000000000000000000000000000000000000..6931389b49e5557e1fde297095d7c0738eedaef8
--- /dev/null
+++ b/css/Login-Form-Clean.css
@@ -0,0 +1,68 @@
+.login-clean {
+ background: #f1f7fc;
+ padding: 80px 0;
+}
+
+.login-clean form {
+ max-width: 320px;
+ width: 90%;
+ margin: 0 auto;
+ background-color: #ffffff;
+ padding: 40px;
+ border-radius: 4px;
+ color: #505e6c;
+ box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
+}
+
+.login-clean .illustration {
+ text-align: center;
+ padding: 0 0 20px;
+ font-size: 100px;
+ color: rgb(244,71,107);
+}
+
+.login-clean form .form-control {
+ background: #f7f9fc;
+ border: none;
+ border-bottom: 1px solid #dfe7f1;
+ border-radius: 0;
+ box-shadow: none;
+ outline: none;
+ color: inherit;
+ text-indent: 8px;
+ height: 42px;
+}
+
+.login-clean form .btn-primary {
+ background: #f4476b;
+ border: none;
+ border-radius: 4px;
+ padding: 11px;
+ box-shadow: none;
+ margin-top: 26px;
+ text-shadow: none;
+ outline: none !important;
+}
+
+.login-clean form .btn-primary:hover, .login-clean form .btn-primary:active {
+ background: #eb3b60;
+}
+
+.login-clean form .btn-primary:active {
+ transform: translateY(1px);
+}
+
+.login-clean form .forgot {
+ display: block;
+ text-align: center;
+ font-size: 12px;
+ color: #6f7a85;
+ opacity: 0.9;
+ text-decoration: none;
+}
+
+.login-clean form .forgot:hover, .login-clean form .forgot:active {
+ opacity: 1;
+ text-decoration: none;
+}
+
diff --git a/img/Anmelden.png b/img/Anmelden.png
new file mode 100644
index 0000000000000000000000000000000000000000..d8f062401bbaf9abf64457bb2da9dbe5fdef8625
Binary files /dev/null and b/img/Anmelden.png differ
diff --git a/img/M4_LAB_LOGO.jpg b/img/M4_LAB_LOGO.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..df312f4cea8f6bbaa2906bd48a5d8f0da4f71c06
Binary files /dev/null and b/img/M4_LAB_LOGO.jpg differ
diff --git a/img/M4_LAB_LOGO.png b/img/M4_LAB_LOGO.png
new file mode 100644
index 0000000000000000000000000000000000000000..32ae6052f6c29e93210c1d9bb97cbba0a384d311
Binary files /dev/null and b/img/M4_LAB_LOGO.png differ
diff --git a/js/generalFunction.js b/js/generalFunction.js
new file mode 100644
index 0000000000000000000000000000000000000000..5aeafdcc39c439733b511c73af61cef5eeffe87b
--- /dev/null
+++ b/js/generalFunction.js
@@ -0,0 +1,9 @@
+// password requirement
+function checkPasswordReq(pwd) {
+ if (pwd.length < 8) {
+ isBest = false;
+ } else {
+ isBest = true;
+ }
+ return isBest
+}
\ No newline at end of file
diff --git a/js/headfoot.js b/js/headfoot.js
index ae903b01662ee8e4b9299df43b9d7b000453b3e9..dc8a87d3fc482a0fb5b4ecc0d25415518408b30f 100755
--- a/js/headfoot.js
+++ b/js/headfoot.js
@@ -1,7 +1,7 @@
var menu = [{'name':'Informationen', 'combos':[{'name':'Projekte', 'link':'/project'}, {'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':'Benutzerkonto', 'combos': [], 'type':'', 'link':'/account/'}];
-var hft_links = [{'url':'https://www.hft-stuttgart.de/forschung/innovative-hochschule-m4-lab', 'name':'Kontakt'},{'url':'https://www.hft-stuttgart.de/impressum', 'name':'Impressum'},{'url':'https://www.hft-stuttgart.de/datenschutz', 'name':'Datenschutz'}]
+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'}]
var socialmedias = [{'url':'https://twitter.com/InnolabM4', 'name': 'fa-twitter'}, {'url':'https://www.facebook.com/HfTStuttgart/', 'name': 'fa-facebook-square'}, {'url':'https://www.instagram.com/m4_lab/', 'name': 'fa-instagram'}, {'url':'https://de.linkedin.com/school/hochschule-f%C3%BCr-technik-stuttgart-%E2%80%93-university-of-applied-sciences/', 'name': 'fa-linkedin'}, {'url':'https://www.youtube.com/channel/UCi0_JfF2qMZbOhOnNH5PyHA', 'name': 'fa-youtube'}];
diff --git a/js/headfootLogout.js b/js/headfootLogout.js
deleted file mode 100644
index db3a42af7ead26152b3722ac324d2fcc70fc1244..0000000000000000000000000000000000000000
--- a/js/headfootLogout.js
+++ /dev/null
@@ -1,209 +0,0 @@
-var menu = [{'name':'Informationen', 'combos':[{'name':'Projekte', 'link':'/project'}, {'name':'Ãœber das M4_LAB', 'link':'/projectoverview?projectID=1'}], 'type':'dropdown', 'link':'#'},{'name':'Zusammenarbeit', 'combos':[{'name':'Mailinglisten', 'link':'/mailinglists'},{'name':'Videokonferenzen', 'link':'/videoconferences'},/* {'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':'Benutzerkonto', 'combos': [], 'type':'', 'link':'/account/'}];
-
-
-var hft_links = [{'url':'hhttps://www.hft-stuttgart.de/forschung/innovative-hochschule-m4-lab', 'name':'Kontakt'},{'url':'hhttps://www.hft-stuttgart.de/impressum', 'name':'Impressum'},{'url':'https://www.hft-stuttgart.de/datenschutz', 'name':'Datenschutz'}]
-
-var socialmedias = [{'url':'https://twitter.com/InnolabM4', 'name': 'fa-twitter'}, {'url':'https://www.facebook.com/HfTStuttgart/', 'name': 'fa-facebook-square'}, {'url':'https://www.instagram.com/m4_lab/', 'name': 'fa-instagram'}, {'url':'https://de.linkedin.com/school/hochschule-f%C3%BCr-technik-stuttgart-%E2%80%93-university-of-applied-sciences/', 'name': 'fa-linkedin'}, {'url':'https://www.youtube.com/channel/UCi0_JfF2qMZbOhOnNH5PyHA', 'name': 'fa-youtube'}];
-
-var footer_images = [/*{'src':'/images/demo/bbf_logo.png', 'alt':'BMBF'},*/ {'src':'/images/demo/Innovative_Hochschule_Initiative_BMBF_GWK_RGB.jpg', 'alt':'Innovative Hochschule'}]
-
-function prependChild(parent,child){
- parent.insertBefore(child, parent.childNodes[0]);
-}
-
-function readCookie(cname) {
- var name = cname + "=";
- var decodedCookie = decodeURIComponent(document.cookie);
- var ca = decodedCookie.split(';');
- for(var i = 0; i <ca.length; i++) {
- var c = ca[i];
- while (c.charAt(0) == ' ') {
- c = c.substring(1);
- }
- if (c.indexOf(name) == 0) {
- return c.substring(name.length, c.length);
- }
- }
- return "";
-}
-
-function sendRequest(URL){
- console.log(document.cookie);
- let xhr = new XMLHttpRequest();
- xhr.open("POST", URL, true);
- let token = readCookie("XSRF-TOKEN");
- //Send the proper header information along with the request
- xhr.setRequestHeader('X-CSRF-TOKEN', token);
- xhr.send();
-}
-
-
-/* function head()
- * creates header and prepends it to the documents body
- */
-
-function head(){
- let headerdiv = document.createElement('div');
- let alertdiv = document.createElement('div');
- headerdiv.classList.add("wrapper","row1");
- let navheader = document.createElement('header');
- navheader.id = "header";
- navheader.classList.add("clear");
- let alertbutton = document.createElement('button');
- alertbutton.type = "button";
- alertbutton.classList.add("close");
- alertbutton.setAttribute("data-dismiss", "alert");
- alertbutton.innerHTML = "×";
- alertdiv.innerHTML="<strong>Disclaimer</strong> This website is under construction and in prototype-phase. It is not for public use."
- prependChild(alertdiv, alertbutton);
- alertdiv.classList.add('alert','alert-danger', 'alert-dismissible', 'fade','show');
- alertdiv.style = "text-align:center;";
- navheader.appendChild(alertdiv);
- let navbar = document.createElement('nav');
- navbar.classList.add("navbar", "navbar-default");
- let fluiddiv = document.createElement('div');
- fluiddiv.classList.add("container-fluid");
- let navbardiv = document.createElement('div');
- navbardiv.classList.add("navbar-header");
- let navelements = document.createElement('ul');
- navelements.id="navelemente";
- let logos = document.createElement('li');
- let link_m4lab = document.createElement('a');
- link_m4lab.href = "/";
- link_m4lab.innerHTML = "<img src='/images/demo/m4lab_logo.jpg' alt='Logo Innovationslabor M4_LAB'>";
- logos.appendChild(link_m4lab);
- navelements.appendChild(logos);
- for(let j = 0; j<menu.length; j++){
- let headitem = document.createElement('li');
- let itemtype = menu[j].type;
- headitem.classList.add("nav-item")
- let headlink = document.createElement('a');
- headlink.href=menu[j].link;
- headlink.id="navbarDropdown" + j;
- headlink.classList.add('nav-link');
- headlink.setAttribute("role", "button");
- if(itemtype=='dropdown'){
- headitem.classList.add("dropdown");
- headlink.classList.add('dropdown-toggle');
- headlink.setAttribute("data-toggle", "dropdown");
- headlink.setAttribute("aria-haspopup", "true");
- headlink.setAttribute("aria-expanded", "false");
- }
- headlink.innerHTML=menu[j].name;
- if(itemtype=='dropdown'){
- let combodiv = document.createElement('div');
- combodiv.id=headlink.id+"_par";
- combodiv.setAttribute("aria-labelledby",headlink.id);
- combodiv.classList.add("dropdown-menu");
- for(let k = 0; k< menu[j].combos.length; k++){
- let combolink = document.createElement('a');
- combolink.classList.add("dropdown-item");
- combolink.href = menu[j].combos[k].link;
- combolink.innerHTML = menu[j].combos[k].name;
- combodiv.appendChild(combolink);
- }
- headitem.appendChild(combodiv);
- }
- headitem.appendChild(headlink);
- navelements.appendChild(headitem);
- }
-/* let searchitem = document.createElement('li');
- searchitem.classList.add("nav-item");
- let searchinput = document.createElement('input');
- searchinput.value='Suche...'
- searchinput.type="text";
- searchinput.classList.add("nav-item-suchfeld");
- searchinput.setAttribute('onFocus', "this.value=(this.value=='search...')? '' : this.value");
- searchitem.appendChild(searchinput);
- let magnifier = document.createElement('input');
- magnifier.type="image"
- magnifier.src="/images/Lupe_grau.png";
- magnifier.width="25";
- magnifier.height="25";
- magnifier.alt="";
- magnifier.id="sf_submit";
- magnifier.value="search";
- searchitem.appendChild(magnifier);
- navelements.appendChild(searchitem);*/
- navbardiv.appendChild(navelements);
- fluiddiv.appendChild(navbardiv);
- navbar.appendChild(fluiddiv);
- navheader.appendChild(navbar);
- headerdiv.appendChild(navheader);
- prependChild(document.body, headerdiv);
-};
-
-/* function foot()
- * creates footer and appends it to the documents body
- */
-
-function foot(){
- let footerdiv = document.createElement('div');
- footerdiv.id="homepage";
- footerdiv.classList.add("last", "clear");
- footerdiv.innerHTML = "<hr>";
- let containerdiv = document.createElement('div');
- containerdiv.classList.add('flex-container');
- let hftlink = document.createElement('a');
- hftlink.classList.add("col-md-3");
- hftlink.setAttribute('style','flex-basis: 400px;');
- hftlink.href="https://www.hft-stuttgart.de";
- let hftimage = document.createElement('img');
- hftimage.src="/images/demo/hft_logo.jpg";
- hftimage.alt="Logo der Hochschule für Technik Stuttgart";
- hftimage.height= '75';
- hftlink.appendChild(hftimage);
- containerdiv.appendChild(hftlink);
- let contactdiv = document.createElement('div');
- contactdiv.classList.add("col-md-3", "footer-unten")
- contactdiv.setAttribute('style',"flex-basis:400px");
- contactdiv.innerHTML="Hochschule für Technik Stuttgart";
- let rowdiv = document.createElement('div');
- rowdiv.classList.add("row");
- for(let i = 0; i<hft_links.length; i++){
- let coldiv = document.createElement('div');
- coldiv.classList.add("contactrow", "footer-unten");
- let collink = document.createElement('a');
- collink.innerHTML = hft_links[i].name;
- collink.classList.add("contact-lower")
- collink.href = hft_links[i].url;
- coldiv.appendChild(collink)
- rowdiv.appendChild(coldiv);
- }
- contactdiv.appendChild(rowdiv);
- containerdiv.appendChild(contactdiv);
- let socialdiv = document.createElement('div');
- socialdiv.classList.add("col-md-3");
- socialdiv.setAttribute('style','flex-basis: 400px;');
- let socialrow = document.createElement('div');
- socialrow.id="socialmediabuttons";
- for(let j = 0; j< socialmedias.length; j++){
- let sociallink = document.createElement('a');
- sociallink.href = socialmedias[j].url;
- let socialcontent = document.createElement('i');
- socialcontent.classList.add("fab", socialmedias[j].name);
- sociallink.appendChild(socialcontent);
- socialrow.appendChild(sociallink);
- socialrow.innerHTML+=" ";
- }
- socialdiv.appendChild(socialrow);
- containerdiv.appendChild(socialdiv);
- let imagediv = document.createElement('div');
- imagediv.classList.add("col-md-3");
- imagediv.setAttribute("style", "flex-basis:400px;");
- for (let k = 0; k< footer_images.length; k++){
- let image = document.createElement('img');
- image.src = footer_images[k].src;
- image.width="300";
- image.height= "73";
- image.alt = footer_images[k].alt;
- imagediv.appendChild(image);
- }
- containerdiv.appendChild(imagediv);
- footerdiv.appendChild(containerdiv);
- document.body.appendChild(footerdiv);
-};
-
-
-head();
-foot();
\ No newline at end of file
diff --git a/js/registration.js b/js/registration.js
new file mode 100644
index 0000000000000000000000000000000000000000..8f2c1b545b0233b55082491a416359b98920c2ef
--- /dev/null
+++ b/js/registration.js
@@ -0,0 +1,38 @@
+var isEmailValid = false
+var isPasswordValid = false
+
+// check if email already exist
+$('#inputEmail').change(function(){
+ var email = $('#inputEmail').val()
+ $.get("email/"+email, function(data) {
+ $('#emailWarning').empty()
+ isEmailValid = data
+ if(!isEmailValid) {
+ $('#emailWarning').html('Mit dieser E-Mail-Adresse existiert bereits ein Benutzerkonto in unserem Transferportal.')
+ }
+ switchSubmitButton()
+ })
+ .fail(function() {
+ console.log("cannot check email")
+ })
+});
+
+// check password
+$('#inputPassword').on('keyup', function () {
+ isPasswordValid = checkPasswordReq($('#inputPassword').val())
+ $('#passwordWarning').empty();
+ if (!isPasswordValid) {
+ //$('#passwordWarning').html('Must be at least 8 characters')
+ $('#passwordWarning').html('Das Passwort muss mindestens 8 Zeichen haben')
+ }
+ switchSubmitButton()
+});
+
+function switchSubmitButton() {
+ if (isEmailValid && isPasswordValid) {
+ $('#submitBtn').prop('disabled', false)
+ }
+ else {
+ $('#submitBtn').prop('disabled', true)
+ }
+}
\ No newline at end of file
diff --git a/js/security.js b/js/security.js
new file mode 100644
index 0000000000000000000000000000000000000000..535a95a208292eda555273f548af3e71012bd107
--- /dev/null
+++ b/js/security.js
@@ -0,0 +1,30 @@
+// check password and password confirmation input fields
+// used in Security and Reset Password
+$('#inputNewPwd, #inputConfirm').on('keyup', function () {
+ var isBest, isMatch;
+
+ isBest = checkPasswordReq($('#inputNewPwd').val())
+ $('#recommendation').empty();
+ if (!isBest) {
+ //$('#recommendation').html('Must be at least 8 characters').css('color', 'red');
+ $('#recommendation').html('Das Passwort muss mindestens 8 Zeichen haben').css('color', 'red');
+ }
+
+ // match or not?
+ if ($('#inputNewPwd').val() == $('#inputConfirm').val()) {
+ //$('#message').html('Matching').css('color', 'green');
+ $('#message').html('Ãœbereinstimmend').css('color', 'green');
+ isMatch = true;
+ } else {
+ //$('#message').html('Not Matching').css('color', 'red');
+ $('#message').html('Nicht übereinstimmend').css('color', 'red');
+ isMatch = false;
+ }
+
+ // enable/disable update button
+ if (isBest && isMatch) {
+ $('#updateBtn').prop('disabled', false);
+ } else {
+ $('#updateBtn').prop('disabled', true);
+ }
+});
\ No newline at end of file
diff --git a/videoconference.html b/videoconference.html
index 82ca708d48946baebc9401469fa4b34da4406404..f2656eef2043d13bb2f51264728bbf17d9df72cc 100644
--- a/videoconference.html
+++ b/videoconference.html
@@ -14,27 +14,10 @@
</head>
<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 class="container">
<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>
@@ -42,7 +25,7 @@
<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:<br></h4>
+ <h4 class="text-center">Das Transferportal bietet <strong>drei</strong> verschiedene Möglichkeiten für Videokonferenzen:</h4>
</div>
</div>
</div>
@@ -59,7 +42,7 @@
<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>
+ <li>Telefonische Einwahl<br/></li>
<li>Desksharing</li>
<li>Chat-Funktion</li>
<li>Mobile Online-Meetings (App)</li>
@@ -72,11 +55,11 @@
<p class="text-center"><strong>Für Mitglieder der HFT</strong><br><br></p>
<p class="text-left">Videokonferenzen ohne vorherige Registrierung<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>Polling (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;"
@@ -87,11 +70,11 @@
<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"
@@ -113,18 +96,19 @@
<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 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. <br><br>Aktuelle Informationen und Tutorials zu Jitsi finden Sie auf den <a href="https://confluence.hft-stuttgart.de/display/IAF001/Jitsi+an+der+HFT">Confluence-Seiten der HFT Stuttgart</a> (Intranet).<br></p>
+ mobilen Endgeräten ab. <br/><br/>Aktuelle Informationen und Tutorials zu Jitsi finden Sie auf den <a href="https://confluence.hft-stuttgart.de/display/IAF001/Jitsi+an+der+HFT">Confluence-Seiten der HFT Stuttgart</a> (Intranet).<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);">
<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"><strong>Um Jitsi zu nutzen gehen Sie folgendermaßen vor:</strong></p>
- <ul class="text-left justify-content-end order-2">
- <li>Beim Transferportal als Organisator anmelden</li>
- <li>Videokonferenz über Jitsi eröffnen</li>
- <li>Eingabe eines Namens für das Meeting<br></li>
- <li>Start der Konferenz<br></li>
- <li>Einladung weiterer Teilnehmer über den generierten Link<br></li>
- </ul>
+ <ol class="text-left justify-content-end order-2">
+ <li>Gehen Sie zu Jitsi, in dem Sie auf den Link "Zugang über das Transferportal" klicken.</li>
+ <li>Geben Sie einen Namen für das Meeting ein.</li>
+ <li>Als Gastgeber des Meetings klicken Sie auf "Ich bin der Gastgeber / I am the host".</li>
+ <li>Sie werden dann auf eine Anmeldeseite von unserem Portal geführt. Geben Sie dort bitte ihre Benutzerdaten vom Portal ein.</li>
+ <li>Nach erfolgreichem Anmelden werden Sie zu Jitsi zurückgeführt und das Meeting startet.</li>
+ <li>Teilen Sie den generierten Link mit den anderen Teilnehmern, so dass diese sich einwählen können.</li>
+ </ol>
</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>
@@ -137,9 +121,9 @@
<h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>Adobe Connect</strong></h2>
</div>
<div class="col-md-4 col-lg-6" style="background-color: #ffffff;">
- <p>Mitglieder der HFT Stuttgart haben automatisch Zugang zum 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 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
- gestellt und diskutiert werden können.<br></p>
+ gestellt und diskutiert werden können.<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);">
@@ -156,7 +140,7 @@
<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);">