videoconference.html 16.5 KB
Newer Older
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">
9
    <link rel="stylesheet" href="/css/bootstrap.css">
10
11
12
    <link rel="stylesheet" href="/fonts/font-awesome.min.css">
    <link rel="stylesheet" href="/fonts/ionicons.min.css">
    <link rel="stylesheet" href="/css/Testimonials.css">
Wolfgang Knopki's avatar
Wolfgang Knopki committed
13
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css" integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
14
15
16
17
</head>

<body>

18
19
20
21
22
23
24
25
26
27
28
  <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>
29
        </div>
30
31
32
33
34
35
36
37
    </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>
38
39
40
            </div>
        </div>
    </div>
41
    <div>
42
        <div class="container">
43
44
45
            <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>
46
47
48
49
                </div>
            </div>
        </div>
    </div>
50
51
52
53
54



    <div class="d-flex justify-content-lg-center align-items-lg-start flex-row" style="margin-right: 35px;margin-left: 35px;"></div>
    <div>
55
        <div class="container">
56
57
            <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;">
58
                    <h2 class="order-1 text-center" style="color: #708090;"><strong>Jitsi</strong><br></h2>
59
60
61
62
63
64
65
66
67
                    <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>Desksharing</li>
                        <li>Chat-Funktion</li>
                        <li>Mobile Online-Meetings (App)</li>
                    </ul><a class="btn btn-primary text-center flex-grow-1 flex-shrink-1 flex-fill justify-content-center" role="button" style="background-color: rgb(228,228,228);color: rgb(89,89,89);padding-bottom: 6px;width: 309px;margin-right: 0;margin-bottom: 15px;"
                        href="#Jitsi_Text"><strong>Mehr Infos zu Jitsi</strong><i class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a><a class="btn btn-primary text-center d-lg-flex align-self-center justify-content-md-center align-items-md-end justify-content-lg-center align-items-lg-center justify-content-xl-center mx-auto"
68
                        role="button" style="background-color: #E0001B;width: 309px;" href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das Transferportal</strong></a></div>
69
70
                <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;">
71
                    <h2 class="text-center" style="color: #708090;"><strong>Adobe Connect</strong><br></h2>
72
73
74
75
76
77
78
79
80
81
                    <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>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 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;"
82
                        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;"
83
84
85
                        href="https://webconf.vc.dfn.de/dfnvc/disco/index.html?entityID=https%3A%2F%2Fwebconf.vc.dfn.de%2Fshibboleth&amp;return=https%3A%2F%2Fwebconf.vc.dfn.de%2FShibboleth.sso%2FLogin%3FSAMLDS%3D1%26target%3Dss%253Amem%253A91a559f6fe23a4cf2047736a346176afdde2eee7c554b2fb1cddbc35aea5aec6"><strong>Zugang über DFNconf</strong></a></div>
                <div
                    class="col-lg-4 text-center d-flex flex-column justify-content-center align-items-md-center" style="padding: 0;margin: 0;margin-right: 0px;margin-left: 0px;padding-right: 0px;padding-left: 5px;margin-top: 15px;">
86
                    <h2 class="text-center" style="color: #708090;"><strong>GoToMeeting</strong><br></h2>
87
88
89
90
91
92
93
94
95
96
97
                    <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>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 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"
98
                        role="button" style="background-color: #E0001B;width: 309px;" href="mailto:support-transfer@hft-stuttgart.de"><strong>Zugang über Admin anfragen</strong></a></div>
99
100
101
102
103
104
105
106
107
108
109
        </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;">
110
111
                    <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>
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
                    </div>
                    <div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1" style="background-color: #ffffff;">
                        <p>Jitsi&nbsp;ist ein Open-Source-Videokonferenz-System für HFT-interne und externe Nutzer. Es ermöglicht, Videokonferenzen direkt im Browser abzuhalten. Wir empfehlen hierbei die Nutzung von Chrome auf einem Desktopsystem oder Laptop.
                            Die Verwendung des Internet Explorers hierfür ist leider nicht möglich, da Jitsi über diesen nicht aufgerufen werden kann. Da die Daten-Hauptlast bei diesem System clientseitig getragen wird, raten wir von einer Nutzung auf
                            mobilen Endgeräten ab.&nbsp;<br><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-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>
                        </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"
129
                            role="button" style="background-color: #E0001B;" href="https://telemeeting.hft-stuttgart.de/"><strong>Zugang über das Transferportal</strong></a></div>
130
131
132
                </div>
            </div>
        </div>
133
134
135
136
        <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;">
137
                        <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>
138
139
140
141
142
143
144
145
146
147
                    </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 text-center" style="background-color: #ffffff;">
                        <div class="order-2" style="background-color: rgba(255,255,255,0);">
                            <p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">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>
148
                        </div><a class="btn btn-primary text-center d-lg-flex justify-content-center align-items-center align-content-center align-self-center align-items-lg-end mx-auto" role="button" style="background-color: #E0001B;" href="https://webconf.vc.dfn.de/dfnvc/disco/index.html?entityID=https%3A%2F%2Fwebconf.vc.dfn.de%2Fshibboleth&amp;return=https%3A%2F%2Fwebconf.vc.dfn.de%2FShibboleth.sso%2FLogin%3FSAMLDS%3D1%26target%3Dss%253Amem%253A91a559f6fe23a4cf2047736a346176afdde2eee7c554b2fb1cddbc35aea5aec6"><strong>Zugang über DFNconf</strong></a></div>
149
                </div>
150
151
152
153
154
155
            </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;">
156
                        <h2 class="d-flex flex-column order-1 justify-content-lg-start text-center" style="padding-top: 15px;color: #708090;"><strong>GoToMeeting</strong></h2>
157
158
159
160
161
162
163
                    </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 text-center" style="background-color: #ffffff;">
                        <div class="order-2" style="background-color: rgba(255,255,255,0);">
                            <p class="text-left d-flex d-md-flex flex-row flex-grow-1 flex-shrink-1 flex-fill justify-content-between align-items-start align-content-start align-self-start flex-wrap order-1 justify-content-md-center align-items-md-start justify-content-lg-start">Aktuelle Informationen und Tutorials zu GoToMeeting finden Sie auf den<a href="https://confluence.hft-stuttgart.de/display/DZ/Anleitung+GoToMeeting">Confluence-Seiten der HFT Stuttgart&nbsp;(Intranet).</a></p>
164
                        </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>
165
166
167
168
169
                </div>
            </div>
        </div>
    </div>

170
171
172
<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>
173
174
175
176
<script src="/js/headfoot.js"></script>
</body>

</html>