Skip to content

GitLab

Switch branch/tag
Find file Normal viewHistoryPermalink
videoconference.html 14.7 KB
Newer Older
Wolfgang Knopki's avatar
added new landing page and vc page  
Wolfgang Knopki committed
1
2
3
4
5
6
7
8 
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <title>Videokonferenzen</title>
    <link rel="stylesheet" href="/css/bootstrap.min.css">
Wolfgang Knopki's avatar
added nonminified bootstrap for working menus, vc added js from cloudflare    
Wolfgang Knopki committed
9 
    <link rel="stylesheet" href="/css/bootstrap.css">
Wolfgang Knopki's avatar
added new landing page and vc page  
Wolfgang Knopki committed
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145 
    <link rel="stylesheet" href="/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="/fonts/ionicons.min.css">
    <link rel="stylesheet" href="/css/Testimonials.css">
</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>
    </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 <strong>drei</strong> verschiedene Möglichkeiten für Videokonferenzen:<br></h4>
            </div>
        </div>
    </div>
</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-between align-items-stretch align-content-stretch align-self-stretch flex-wrap align-items-lg-start">
            <div class="col-auto col-md-6 col-lg-4 flex-column justify-content-between align-self-stretch flex-wrap" style="padding-right: 5px;padding-left: 5px;">
                <h2 class="order-1 text-center" style="color: #8a348b;"><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="order-4">
                    <li>Telefonische Einwahl<br></li>
                    <li>Desksharing</li>
                    <li>Chat-Funktion</li>
                    <li>Mobile Online-Meetings (App)</li>
                </ul><a class="btn btn-primary d-lg-flex flex-column align-self-baseline order-5 justify-content-lg-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="#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-baseline order-6 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: #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 flex-column justify-content-between"
                 style="padding-right: 5px;padding-left: 5px;">
                <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-left">Videokonferenzen ohne vorherige Registrierung<br></p>
                <ul>
                    <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>Polling&nbsp;(Abstimmungstool)</li>
                </ul><a class="btn btn-primary d-lg-flex flex-column flex-grow-1 flex-shrink-1 justify-content-center align-items-stretch 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="#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 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
                    class="col-lg-4 flex-column justify-content-between">
                <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-left">Videokonferenzen mit Lizenzanfrage über die Verwaltung<br></p>
                <ul>
                    <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>Max. 150 Teilnehmer gleichzeitig</li>
                </ul><a class="btn btn-primary d-lg-flex flex-column flex-grow-1 flex-shrink-1 justify-content-center align-items-stretch 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 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 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: #ffffff;">
                    <h2 class="d-flex flex-column flex-shrink-1 order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #8a348b;"><strong>Jitsi</strong></h2>
                </div>
                <div class="col-md-4 col-lg-6" 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><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 class="col-md-4 col-lg-6 justify-content-between flex-wrap" 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="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>
                    </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>
            </div>
        </div>
    </div>
    <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;">
                    <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 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
                        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>
                </div>
                <div class="col-md-4 col-lg-6" 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">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</a>&nbsp;(Intranet).<br></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>
        </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: #8a348b;"><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>
                </div>
                <div class="col-md-4 col-lg-6" 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</a>&nbsp;(Intranet).<br></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>
        </div>
    </div>
</div>
Wolfgang Knopki's avatar
added nonminified bootstrap for working menus, vc added js from cloudflare    
Wolfgang Knopki committed
146
147
148 
<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>
Wolfgang Knopki's avatar
added new landing page and vc page  
Wolfgang Knopki committed
149
150
151
152 
<script src="/js/headfoot.js"></script>
</body>

</html>

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