videoconference.html 11.4 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/m4lab.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">
Varun Srivastava's avatar
Varun Srivastava committed
13
14
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css"
        integrity="sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay" crossorigin="anonymous">
15
16
17
</head>

<body>
18
19
20
    <div>
        <div class="container">
            <div class="row">
Varun Srivastava's avatar
Varun Srivastava committed
21
                <div class="col-md-12 margin_bottom_40"><img class="mx-auto" src="/img/Videokonferenzen.jpg"
Varun Srivastava's avatar
Varun Srivastava committed
22
                        width="100%"></div>
23
24
25
            </div>
        </div>
    </div>
26
    <div>
27
        <div class="container">
28
            <div class="row">
Varun Srivastava's avatar
Varun Srivastava committed
29
                <div class="col-md-12 margin_bottom_30">
Wolfgang Knopki's avatar
Wolfgang Knopki committed
30
                    <h4 class="text-center">Das Transferportal bietet Möglichkeiten
Varun Srivastava's avatar
Varun Srivastava committed
31
                        für Videokonferenzen:</h4>
32
33
34
35
                </div>
            </div>
        </div>
    </div>
36
37
38



Wolfgang Knopki's avatar
Wolfgang Knopki committed
39
    <div class="justify-content-lg-center align-items-lg-start"></div>
40
    <div>
41
        <div class="container">
Varun Srivastava's avatar
Varun Srivastava committed
42
43
            <div
                class="row flex-row justify-content-start align-items-start align-content-stretch align-self-stretch flex-wrap align-items-lg-start">
Varun Srivastava's avatar
Varun Srivastava committed
44
45
46
                <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>
Varun Srivastava's avatar
Varun Srivastava committed
47
48
49
50
                    <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">
                        <li>Telefonische Einwahl<br /></li>
51
52
53
                        <li>Desksharing</li>
                        <li>Chat-Funktion</li>
                        <li>Mobile Online-Meetings (App)</li>
Varun Srivastava's avatar
Varun Srivastava committed
54
                    </ul>
Varun Srivastava's avatar
Varun Srivastava committed
55
56
                    <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
Varun Srivastava's avatar
Varun Srivastava committed
57
                            class="fa fa-arrow-down d-lg-flex justify-content-lg-center"></i></a>
Varun Srivastava's avatar
Varun Srivastava committed
58
59
60
                    <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>
Varun Srivastava's avatar
Varun Srivastava committed
61
                </div>
62
                <!-- <div class="col-md-6 col-lg-4 text-center flex-column justify-content-between"
63
                    style="padding-right: 5px;padding-left: 5px;margin-top: 15px;">
64
                    <h2 class="text-center" style="color: #708090;"><strong>Adobe Connect</strong><br></h2>
65
66
67
                    <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">
68
                        <li>Telefonische Einwahl<br/></li>
69
70
71
                        <li>Desksharing</li>
                        <li>Chat-Funktion</li>
                        <li>Mobile Online-Meetings (App)</li>
72
                        <li>Aufzeichnung von Konferenzen und<br/>Vorlesungen</li>
73
74
                        <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;"
75
                        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;"
76
                        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> -->
Varun Srivastava's avatar
Varun Srivastava committed
77
            </div>
78
79
80
81
82
        </div>
    </div>



Varun Srivastava's avatar
Varun Srivastava committed
83

84
    <div>
Varun Srivastava's avatar
Varun Srivastava committed
85
        <div id="Jitsi_Text" class="background_dadada margin_top_40">
86
            <div class="container">
Varun Srivastava's avatar
Varun Srivastava committed
87
88
89
90
91
92
                <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>
93
                    </div>
Varun Srivastava's avatar
Varun Srivastava committed
94
                    <div class="col-auto col-md-4 col-lg-6 flex-row flex-grow-1 flex-fill order-1 background_ffffff">
Varun Srivastava's avatar
Varun Srivastava committed
95
96
97
98
99
100
101
                        <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 /></p>
102
                    </div>
Varun Srivastava's avatar
Varun Srivastava committed
103
104
105
                    <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">
Varun Srivastava's avatar
Varun Srivastava committed
106
107
108
109
110
111
112
                            <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
                                    href="https://confluence.hft-stuttgart.de/display/IAF001/Jitsi+an+der+HFT">Confluence-Seiten
                                    der HFT Stuttgart</a>&nbsp;(Intranet).<br /><br /><strong>Eine Anleitung zur Nutzung
                                    von Jitsi finden Sie in unserem <a href="/help/jitsi.html"> Hilfebereich </a>
                                </strong>
113
                            </p>
Varun Srivastava's avatar
Varun Srivastava committed
114
                        </div><a
Varun Srivastava's avatar
Varun Srivastava committed
115
116
                            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
Varun Srivastava's avatar
Varun Srivastava committed
117
118
                                Transferportal</strong></a>
                    </div>
119
120
121
                </div>
            </div>
        </div>
122
        <!-- <div id="AdobeConnect_Text" style="background-color: #dadada;margin-top: 0px;">
123
124
125
            <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;">
126
                        <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>
127
128
                    </div>
                    <div class="col-md-4 col-lg-6" style="background-color: #ffffff;">
129
                        <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
130
                            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
131
                            gestellt und diskutiert werden können.<br/></p>
132
133
134
135
136
                    </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>
137
                        </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>
138
                </div>
139
            </div>
140
        </div> -->
Wolfgang Knopki's avatar
Wolfgang Knopki committed
141
        
142
143
    </div>

Varun Srivastava's avatar
Varun Srivastava committed
144
145
146
147
148
149
150
151
    <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>
152
153
</body>

Wolfgang Knopki's avatar
Wolfgang Knopki committed
154
</html>