1<!DOCTYPE html> 2<html lang="de" class="no-js"> 3 4<head> 5 6<!-- start metadata (_metadata.hbs) --> 7 <meta charset="UTF-8"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"/> 9 <meta name="creator" content="TIK" /> 10 <meta name="Publisher" content="Universität Stuttgart - TIK" /> 11 <meta name="Copyright" content="Universität Stuttgart" /> 12 <meta name="Content-language" content="de" /> 13 <meta name="Page-type" content="Bildungseinrichtung" /> 14 <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no"/> 15 <meta name="robots" content="index, follow" /> 16 <meta name="template" content="3.0" /> 17 <meta name="Description" content="CampusConnect nutzt eine lose, leichtgewichtige Architektur mit dem âE-Learning-Community-Serverâ (ECS) als Message Oriented Middleware (MOM) mit REST-basierter Webservice-Schnittstelle, über die JSON-Ressourcen ausgetauscht werden."/> 18 <meta name="og:title" content="IT-Architektur | CampusConnect | Universität Stuttgart" /> 19 <meta name="og:description" content="CampusConnect nutzt eine lose, leichtgewichtige Architektur mit dem âE-Learning-Community-Serverâ (ECS) als Message Oriented Middleware (MOM) mit REST-basierter Webservice-Schnittstelle, über die JSON-Ressourcen ausgetauscht werden. "/> 20 <title>IT-Architektur | CampusConnect | Universität Stuttgart</title><!-- Ende metadata --> 21 22 23<!-- Styles-Einbindung (_styles.hbs) --> 24 <link rel="apple-touch-icon" sizes="180x180" href="/system/modules/de.stuttgart.uni.v3.basics/resources/favicons/apple-touch-icon.png"> 25 <link rel="icon" type="image/png" sizes="32x32" href="/system/modules/de.stuttgart.uni.v3.basics/resources/favicons/favicon-32x32.png"> 26 <link rel="icon" type="image/png" sizes="16x16" href="/system/modules/de.stuttgart.uni.v3.basics/resources/favicons/favicon-16x16.png"> 27 <link rel="manifest" href="/system/modules/de.stuttgart.uni.v3.basics/resources/favicons/site.webmanifest"> 28 <link rel="mask-icon" href="/system/modules/de.stuttgart.uni.v3.basics/resources/favicons/safari-pinned-tab.svg" color="#ffffff"> 29 <meta name="msapplication-TileColor" content="#ffffff"> 30 <meta name="theme-color" content="#ffffff"> 31 32<link rel="stylesheet" href="/system/modules/de.stuttgart.uni.v3.basics/resources/css/styles.css" type="text/css" > 33<link rel="stylesheet" href="/system/modules/de.stuttgart.uni.v3.basics/resources/css/tik.css" type="text/css" > 34<link rel="stylesheet" href="/system/modules/de.stuttgart.uni.v3.basics/resources/css/jquery-ui/jquery-ui-1.11.4.min.css" type="text/css" > 35<link rel="stylesheet" href="/system/modules/de.stuttgart.uni.v3.basics/resources/css/fancybox/jquery.fancybox357.min.css" type="text/css" > 36<link rel="stylesheet" href="/system/modules/de.stuttgart.uni.v3.basics/resources/css/audio/player.css" type="text/css" > 37<link rel="stylesheet" href="/system/modules/de.stuttgart.uni.v3.basics/resources/css/footer/footer.css" type="text/css" ><!-- Ende Styles-Einbindung --> 38 39 <!-- Scripts 40 ================================================== --> 41 42
43<script src="/system/modules/de.stuttgart.uni.v3.basics/resources/js/bootstrap.js"></script>
vendor: 1 bytes, line 43
43
44<script src="/system/modules/de.stuttgart.uni.v3.basics/resources/js/aperto-bootstrap-ie-workaround.js"></script>
vendor: 1 bytes, line 44
44
45<script src="/system/modules/de.stuttgart.uni.v3.basics/resources/js/tik.js"></script>
vendor: 1 bytes, line 45
45
46<script src="/system/modules/de.stuttgart.uni.v3.basics/resources/js/jquery-ui/jquery-ui-1.11.4.min.js"></script>
vendor: 1 bytes, line 46
46
47<script src="/system/modules/de.stuttgart.uni.filters/resources/js/filters.js"></script>
vendor: 1 bytes, line 47
47
48<script src="/system/modules/de.stuttgart.uni.v3.basics/resources/js/fancybox/jquery.fancybox357.min.js"></script>
vendor: 1 bytes, line 48
48
49<script src="/system/modules/de.stuttgart.uni.v3.basics/resources/js/tippy-popper/popper.min.js"></script>
vendor: 1 bytes, line 49
49
50<script src="/system/modules/de.stuttgart.uni.v3.basics/resources/js/tippy-popper/tippy.min.js"></script>
vendor: 1 bytes, line 50
50
51<script src="/system/modules/de.stuttgart.uni.v3.zsb/resources/videointerview/js/dash.all.min.js"></script>
51<style> 52 .page-wrap > #page-complete > .container-fluid > .row > div > .row > .col-xs-12, 53 .page-wrap > #page-complete > .container-fluid > .row > div > .row > .col-sm-12, 54 .page-wrap > #page-complete > .container-fluid > .row > div > .row > .col-md-12, 55 .page-wrap > #page-complete > .container-fluid > .row > div > .row > .col-lg-12, 56 .page-wrap > #page-complete > .container > .row > div > .row > .col-xs-12, 57 .page-wrap > #page-complete > .container > .row > div > .row > .col-sm-12, 58 .page-wrap > #page-complete > .container > .row > div > .row > .col-md-12, 59 .page-wrap > #page-complete > .container > .row > div > .row > .col-lg-12 { 60 padding: 0; 61 } 62 </style> 63</head> 64 65<body class=" is-no-detailpage is-not-editmode lang-de "> 66 67<!--googleoff: snippet--> 68 69 <!-- start skiplinks (_skiplinks.hbs)--> 70 <div class="skip"> 71 <ul> 72 <li><a href="#main">zum Inhalt springen</a></li> 73 <li><a href="#footer">zum Footer springen</a></li> 74 </ul> 75 </div> 76 <!-- end skiplinks --> 77 78 <!--googleon: snippet--> 79 <div id="header" ><div class="header" data-id="id-ebf3589d"> 80 <span data-anchor id="id-ebf3589d"></span> 81 <!-- start header (_header.hbs) --> 82 <header class="b-page-header is-subidentity" data-headercontroller=""> 83 <div class="container"> 84 <div class="container-inner"> 85 <div class="row"> 86 <a class="b-logo" href="https://www.campusconnect.de/"> 87 <!--[if gt IE 8]><!--> 88 <img class="logo-rectangle" src="/system/modules/de.stuttgart.uni.v3.basics/resources/img/svg/logo-de.svg" alt="Logo: Universität Stuttgart - zur Startseite" /> 89 <img class="logo-rectangle-inverted" src="/system/modules/de.stuttgart.uni.v3.basics/resources/img/svg/logo-inverted-de.svg" alt="Logo: Universität Stuttgart - zur Startseite" /> 90 <!--<![endif]--> 91 <!--[if lt IE 9]> 92 <img class="logo-rectangle" src="/system/modules/de.stuttgart.uni.v3.basics/resources/img/png/logo-de.png" alt="Logo: Universität Stuttgart - zur Startseite" /> 93 <img class="logo-rectangle-inverted" src="/system/modules/de.stuttgart.uni.v3.basics/resources/img/svg/logo-inverted-de.png" alt="Logo: Universität Stuttgart - zur Startseite" /> 94 <![endif]--> 95 96 <span class="subidentity ">CampusConnect</span> 97 </a> 98 <div class="header-box"> 99 100 <div class="mainidentity"> 101 <div class="container-inner"> 102 <a href="https://www.uni-stuttgart.de/">Uni<span class="hideonmobile">versität Stuttgart </span></a> 103 </div> 104 </div> 105 <div class="language"> 106 <div class="language-box"> 107 <span id="language-menu-title" data-tippy-content="Sprache dieser Seite" data-tippy-placement="left">Sprache dieser Seite</span> 108 109 <ul id="language-menu-options" aria-labelledby="language-menu-title" role="menu"> 110 <li class="current-language"><strong><abbr data-tippy-content="Aktuelle Sprache:Deutsch" data-tippy-placement="left">de</abbr></strong></li></ul> 111 </div> 112 </div> 113 <div id="search" class="search"> 114 <button aria-controls="search-box" aria-expanded="false" data-href="#search-box" data-tippy-content="Suche" data-tippy-placement="left"><span>Suche</span> 115 </button> 116 </div> 117 <div class="nav-button"> 118 <button class="lines-button" aria-controls="main-nav" aria-expanded="false" data-href="#b-page-nav" data-tippy-content="Hauptnavigationspunkte" data-tippy-placement="left"> 119 <span class="lines">Hauptnavigationspunkte</span> 120 </button> 121 </div> 122 <div class="login-main-desktop"></div> 123 </div>
124 </div> 125 </div> 126 </div> 127 <!-- Start Suche (_search.hbs) --> 128 <div class="search-box js-visible" id="search-box" aria-hidden="true"> 129 <h2>Suche</h2> 130 <div class="container" role="tabpanel"> 131 <div class="search-box-inner"> 132 <form action="https://www.campusconnect.de/suche/"> 133 <fieldset> 134 <div class="form-label col-sm-12"> 135 <label for="global-search">Suche</label> 136 <input type="search" name="q" placeholder="Suche nach Themen, Personen ..." id="global-search" class="autosuggest" /> 137 </div> 138 <div class="button"> 139 <input aria-label="Starte Suche" type="submit" value="suchen"> 140 </div> 141 </fieldset> 142 <input type="hidden" name="lq" value="" /> 143 <input type="hidden" name="reloaded" value=""/> 144 <input type="hidden" name="restriction" value="false"/> 145 </form> 146 </div> 147 </div> 148 </div> 149 <!-- Ende Suche --> 150 <div class="login-main-mobile js-visible" aria-hidden="false"></div> 151 <!-- Ende Login --> 152 </header> 153 <!-- Ende header --> 154 155 <div class="b-page-nav is-subidentity" id="main-nav" aria-hidden="true"> 156 <div class="container"> 157 <div class="container-inner"> 158 <div class="fixed-wrapper"> 159 <a class="backto" href="#">zurück</a> 160 <div class="location" aria-hidden="true"> 161 <ul> 162 <li class="on"><span></span></li> 163 <li><span></span></li> 164 <li><span></span></li> 165 <li><span></span></li> 166 <li><span></span></li> 167 </ul> 168 </div> 169 </div> 170 171 <div class="scroll-wrapper"> 172 <nav class="main-navigation" aria-label="Haupt-Navigation"> 173 <div class="menu-group-box" > 174 <div class="menu-box" data-level="show-level-0"> 175 <div class="viewbox" style="position:relative;"> 176 <div class="wrapper" style="width: 100%; height: 100%;"> 177 <ul class="menu level-0 active-list" id="level-0-0" style="display: block;" aria-expanded="true"> 178 <li><a href="https://www.campusconnect.de/szenarien/">Szenarien</a></li> 179 <li><a href="https://www.campusconnect.de/architektur/" class="active">IT-Architektur</a></li> 180 <li><a href="https://www.campusconnect.de/quellcode/">Quellcode und Entwicklerdoku</a></li> 181 <li><a href="https://www.campusconnect.de/publikationen/">Publikationen</a></li> 182 <li><a href="https://www.campusconnect.de/kontakt/">Kontakt</a></li> 183</ul> 184<!-- Navigation: 6.36 µs --></div> 185 186 </div> 187 </div> 188 </div> 189 </nav> 190 <a href="#closeNavigation" class="close-nav">Navigation schlieÃen</a> 191 </div> 192 193 </div><!-- container-inner --> 194 </div><!-- container --> 195 </div></div> 196
196<script type="module"> 197 198 import Login from '/system/modules/de.stuttgart.uni.v3.basics/resources/js/login.mjs' 199 new Login("de", "", "", "", "", "", "", "", "", true).init() 200 </script>
200 201 </div><div id="wrapper" class="is-subidentity"> 202 <div id="content"> 203 <main id="main" class="r-main"> 204 <div class="main__wrapper" data-js-id="container"> 205 <noscript> 206 <div class="alert alert-danger">Für die volle Funktionalität dieser Site ist JavaScript notwendig. Hier finden Sie eine <a href="https://enablejavascript.co/" target="_blank">Anleitung zum Aktivieren von JavaScript in Ihrem Browser</a>.</div></noscript> 207 <!-- Start Segment --> 208 <div class="segment is-border-top"> 209 <div class="container"> 210 <div class="container-inner"> 211 <div class="row"> 212 <div class="col-md-12"> 213 <!-- Start Breadcrumb (_breadcrumb.hbs) --> 214 <nav class="b-breadscroller--default" data-css="b-breadscroller" data-js-module="breadscroller" aria-label="breadcrumb"> 215 <!--googleoff: snippet--> 216 <h2 class="breadscroller__headline">Position innerhalb des Seitenbaumes</h2> 217 <div class="breadscroller__controls" data-js-atom="breadscroller-controls"> 218 <button class="breadscroller__controls-btn is-back" data-js-atom="breadscroller-controls-back"> 219 <span>Seitenpfad nach links schieben</span> 220 </button> 221 <button class="breadscroller__controls-btn is-forward" data-js-atom="breadscroller-controls-forward"> 222 <span>Seitenpfad nach rechts schieben</span> 223 </button> 224 </div> 225 <!--googleon: snippet--> 226 <div class="breadscroller__content" data-js-atom="breadscroller-container"> 227 <ol class="breadscroller__list" data-js-atom="breadscroller-list"> 228 229 <li class="breadscroller__list-item"> 230 <a href="https://www.campusconnect.de/" class="breadscroller__list-element">Start</a> 231 </li> 232 <li class="breadscroller__list-item"> 233 <span class="breadscroller__list-element is-active">IT-Architektur</span> 234 </li> 235 </ol> 236 </div> 237 </nav> 238 <!-- Ende Breadcrumb --> 239 <!-- Breadcrumb: 398 µs --></div> 240 </div> 241 </div><!-- container-inner --> 242 </div><!-- container --> 243 </div> 244 <!-- End Segment --> 245 246 <div id="intro" ><div class="introbox pgelement image-element" style="margin-bottom: 30px;" data-id="id-f624e744"> 247 <span data-anchor id="id-f624e744"></span> 248 249 <div class="segment is-bg-blue "> 250 <div class="container"> 251 <div class="container-inner"> 252 <div class="row"> 253 <div class="c-intro-teaser--default " data-css="c-intro-teaser"> 254 <div class="intro-teaser__wrapper"> 255 <div class="intro-teaser__content col-md-9 col-sm-8 col-xs-12"> 256 <div class="reverse-order"> 257 <h1 class="intro-teaser__headline">IT-Architektur</h1> 258 </div> 259 <p > 260 CampusConnect nutzt eine lose, leichtgewichtige Architektur mit dem âE-Learning-Community-Serverâ (ECS) als Message Oriented Middleware (MOM) mit REST-basierter Webservice-Schnittstelle, über die JSON-Ressourcen ausgetauscht werden.</p> 261 </div> 262 </div> 263 </div> 264 </div> 265 </div> 266 </div> 267 </div></div> 268 </div><div id="page-complete" ><div> 269 <div class="segment "> 270 <div class="container "> 271 <div class="container-inner"> 272 <div class="row "> 273 <div class="col-md-8 oc-container-column col-md-offset-2" ><div class="flexblocks_v3 pgelement" style="margin-bottom: 30px;" data-id="id-0db98bbb"> 274 <span data-anchor id="id-0db98bbb"></span> 275 <div class="flexblocks"> 276 <div>
277 <span data-anchor id="id-0db98bbb-0"></span> 278 <div class="absatz"> 279 <div > 280 <p>Die angebundenen Systeme (sog. âTeilnehmerâ oder âParticipantsâ) sind allein dem ECS bekannt, in dem die Systeme verwaltet werden. Die Kommunikation zwischen ECS und Participanten erfolgt verschlüsselt, wahlweise abgesichert über Serverzertifikate (hierfür ist der Betrieb einer eigenen CA nötig) oder Nutzername/Passwort-Eintrag. Die angebundenen Systeme nutzen dafür einen Konnektor, der entweder im System integriert ist (z.B. ILIAS) oder als Plugin installiert werden kann (z.B. Moodle und Stud.IP).</p></div> 281 <div class="image "> 282 <div class="overflow-hidden"> 283 <a data-fancybox="flexblockfotos" href="https://www.campusconnect.de/img/bild1.jpg?__scale=w:1000,h:1000,q:100,t:3" aria-label="JPEG" data-caption="<br />"> 284 <picture class="img-responsive" data-css="c-picture"> 285 <source srcset=""> 286 <img src="https://www.campusconnect.de/img/bild1.jpg?__scale=w:720,h:527,cx:0,cy:1,cw:1280,ch:936" style="" alt=""/> 287</picture> 288</a> 289 </div> 290 </div> 291 </div> 292 </div> 293 <div> 294 <span data-anchor id="id-0db98bbb-1"></span> 295 <div class="absatz"> 296 <div > 297 <p>Im ECS sind die Participanten zu sog. Communities zusammengefasst. Jeder Participant kann dabei beliebig vielen Communities angehören. Im <em><strong>CampusConnect</strong></em>-Administrationsbereich des Participanten kann der Systemadministrator festlegen, mit welchen Participanten der Communities seine Hochschule welche Daten austauschen möchte. Jeder Participant sieht dabei nur die Communities, denen er selbst angehört. Es kann also auch hochschulinterne Communities geben, von deren Existenz die auswärtigen Systeme gar nichts mitbekommen.</p></div> 298 <div class="image "> 299 <div class="overflow-hidden"> 300 <a data-fancybox="flexblockfotos" href="https://www.campusconnect.de/img/bild2.jpg?__scale=w:1000,h:1000,q:100,t:3" aria-label="JPEG" data-caption="<br />"> 301 <picture class="img-responsive" data-css="c-picture"> 302 <source srcset=""> 303 <img src="https://www.campusconnect.de/img/bild2.jpg?__scale=w:720,h:527,cx:0,cy:1,cw:1280,ch:936" style="" alt=""/> 304</picture> 305</a> 306 </div> 307 </div> 308 </div> 309 </div> 310 <div> 311 <span data-anchor id="id-0db98bbb-2"></span> 312 <div class="absatz"> 313 <div > 314 <p>Ein Dozent kann dann Kurse für ein oder mehrere Systeme anderer Hochschulen freigeben, die sein Systemadministrator zugelassen hat. Wenn ein Dozent dies tut, wird eine Courselink-Ressource, welche Metadaten zur Veranstaltung enthält, an den ECS geschickt. Von dort holen sich die Systeme, für die der Kurs freigegeben ist, diese Informationen, indem sie in regelmäÃigen Abständen beim ECS nachfragen, ob es neue Mitteilungen für sie gibt. Der ECS selbst bleibt also in dieser Architektur immer passiv: er bekommt Mitteilungen von den Systemen und die Systeme holen Informationen beim ECS ab. So entsteht keinerlei Firewallproblematik. Die Systeme, für welche ein Kurs freigegeben worden ist, erstellen aus den Daten âKurslinksâ, das heiÃt Kursobjekte, die als Link fungieren.</p></div> 315 <div class="image "> 316 <div class="overflow-hidden"> 317 <a data-fancybox="flexblockfotos" href="https://www.campusconnect.de/img/bild3.jpg?__scale=w:1000,h:1000,q:100,t:3" aria-label="JPEG" data-caption="<br />"> 318 <picture class="img-responsive" data-css="c-picture"> 319 <source srcset=""> 320 <img src="https://www.campusconnect.de/img/bild3.jpg?__scale=w:720,h:527,cx:0,cy:1,cw:1280,ch:936" style="" alt=""/> 321</picture> 322</a> 323 </div> 324 </div> 325 </div> 326 </div> 327 <div>
328 <span data-anchor id="id-0db98bbb-3"></span> 329 <div class="absatz"> 330 <div > 331 <p>Klickt ein Student auf einen solchen Kurslink, schickt seine Lernplattform einen Hashtoken, der aus seinen Nutzerdaten gebildet wird, an den ECS und der Student gelangt über einen Redirect zu kursanbietenden Plattform. An die URL sind die personenbezogenen Daten des Nutzers angehängt. Die kursanbietende Lernplattform bildet aus diesen Daten einen Hash und vergleicht das Ergebnis mit dem auf dem ECS abgelegten Token. Ist es identisch (das ist der Regelfall; ansonsten hätte der Nutzer die Daten in seinem Browser manipuliert), lässt sie den Nutzer bei sich zu. Das System erstellt einen Nutzeraccount, mit welchem der Nutzer sich am freigegebenen Kurs anmelden kann.</p></div> 332 <div class="image "> 333 <div class="overflow-hidden"> 334 <a data-fancybox="flexblockfotos" href="https://www.campusconnect.de/img/bild4.jpg?__scale=w:1000,h:1000,q:100,t:3" aria-label="JPEG" data-caption="<br />"> 335 <picture class="img-responsive" data-css="c-picture"> 336 <source srcset=""> 337 <img src="https://www.campusconnect.de/img/bild4.jpg?__scale=w:720,h:509,cx:0,cy:0,cw:1191,ch:841" style="" alt=""/> 338</picture> 339</a> 340 </div> 341 </div> 342 </div> 343 </div> 344 <div> 345 <span data-anchor id="id-0db98bbb-4"></span> 346 <div class="absatz"> 347 <div > 348 <p>Der Nutzer mit einem solchen Account kann sich nicht direkt an den fremden Lernplattformen anmelden, sondern muss immer in der Heimatplattform eingeloggt sein. Für Systeme, die in einer Shibbolethföderation erreichbar sind, lässt sich der Tokenmechanismus über den ECS deaktivieren. In diesem Fall würde nur die Kursfreigabe als Information genutzt, welche Kurse für die Studierenden anderer Hochschulen verfügbar sind.</p></div> 349 <div class="image "> 350 <div class="overflow-hidden"> 351 <a data-fancybox="flexblockfotos" href="https://www.campusconnect.de/img/bild5.jpg?__scale=w:1000,h:1000,q:100,t:3" aria-label="JPEG" data-caption="<br />"> 352 <picture class="img-responsive" data-css="c-picture"> 353 <source srcset=""> 354 <img src="https://www.campusconnect.de/img/bild5.jpg?__scale=w:720,h:527,cx:0,cy:1,cw:1280,ch:936" style="" alt=""/> 355</picture> 356</a> 357 </div> 358 </div> 359 </div> 360 </div> 361 <div> 362 <span data-anchor id="id-0db98bbb-5"></span> 363 <div class="absatz"> 364 <div > 365 <p>Von Stud.IP aus ist es auch möglich, dass ein Dozent von seinem Kurs aus e inen Kurs in ILIAS oder Moodle anlegt. In diesem Fall werden die Ressourcen âcoursesâ und âcourse_membersâ verschickt. Die Zielplattformen erzeugen aus diesen Daten ein Kursobjekt mit einer Mitgliederverwaltung und senden die URL zu diesem Kurs an Stud.IP zurück. Ãber diese URL gelangen die Studenten von Stud.IP aus zum Kurs in ILIAS oder Moodle. Damit dieses Szenario funktioniert, ist darauf zu achten, dass Stud.IP in der âcourse_membersâ-Ressource dasselbe personenidentifizierende Attribut verwendet, wie es sie dem Nutzer an den Link angehängt mitgibt.</p> 366<p>Auch bei der Anbindung von Campusmanagementsystemen an Lernplattformen werden die Ressourcen âcoursesâ und âcourse_membersâ verschickt und in der Lernplattform zu Kursen verarbeitet. Bislang ist der Regelfall, dass die Schnittstelle von <em><strong>CampusConnect</strong></em> nicht direkt im Campusmanagementsystem integriert ist. Vielmehr ist dem Campusmanagementsystem ein Proxy vorgeschaltet, der mit diesem kommuniziert, wie es das Campusmanagementsystem vorsieht, und die Daten für die Ressourcen und das Messaging der REST-Schnittstelle von <em><strong>CampusConnect</strong></em> aufbereitet. Neben Kursen können in diesem Szenario auch Verzeichnisstrukturen übertragen werden, in welche die Kurse in der Lernplattform eingefügt werden.</p> 367<p>Es ist eine Konfigurationsfrage des CMS-Proxys und des ECS, ob die âcourse_membersâ-Ressource über den ECS geschickt oder direkt vom CMS-Proxy an die Lernplattform geschickt wird. Ãber den ECS erfolgt in diesem Fall lediglich das Messaging. So wie beim Authentifikationsverfahren über den Token werden also keine personenbezogenen Daten über den ECS verschickt und dort zwischengespeichert. Dadurch ist der ECS geeignet hochschulübergreifend geneutzt zu werden.</p></div> 368 <div class="image "> 369 <div class="overflow-hidden"> 370 <a data-fancybox="flexblockfotos" href="https://www.campusconnect.de/img/bild6.jpg?__scale=w:1000,h:1000,q:100,t:3" aria-label="JPEG" data-caption="<br />"> 371 <picture class="img-responsive" data-css="c-picture"> 372 <source srcset=""> 373 <img src="https://www.campusconnect.de/img/bild6.jpg?__scale=w:720,h:329,cx:0,cy:1,cw:1280,ch:584" style="" alt=""/> 374</picture> 375</a> 376 </div> 377 </div> 378 </div> 379 </div></div> 380</div></div> </div> 381 </div> 382 </div> 383</div></div> 384<div> 385 <div class="segment "> 386 <div class="container "> 387 <div class="container-inner"> 388 <div class="row "> 389 <div class="col-md-8 oc-container-column col-md-offset-2" ></div> </div> 390 </div> 391 </div> 392</div></div> 393<div> 394 <div class="segment "> 395 <div class="container "> 396 <div class="container-inner"> 397 <div class="row "><div class="oc-container-column col-sm-4 col-md-3 col-sm-push-7 col-md-push-6 col-md-offset-2" ></div><div class="oc-container-column col-sm-7 col-md-6 col-sm-pull-4 col-md-pull-3" ></div> </div> 398 </div> 399 </div> 400</div></div> 401<div> 402 <div class="segment "> 403 <div class="container "> 404 <div class="container-inner"> 405 <div class="row "> 406 <div class="col-md-8 oc-container-column col-md-offset-2" ></div> </div> 407 </div> 408 </div> 409</div></div> 410<div> 411 <div class="segment "> 412 <div class="container "> 413 <div class="container-inner"> 414 <div class="row "><div class="col-sm-4 col-md-3 oc-container-column col-md-offset-1" ></div><div class="col-sm-7 col-md-6 oc-container-column" ></div> </div> 415 </div> 416 </div> 417</div></div> 418<div> 419 <div class="segment "> 420 <div class="container "> 421 <div class="container-inner"> 422 <div class="row "> 423 <div class="col-md-8 oc-container-column col-md-offset-2" ></div> </div> 424 </div> 425 </div> 426</div></div> 427<div> 428 <div class="segment colsfullwidth "> 429 <div class="container "><div class="col-md-12 oc-container-column" ></div> </div> 430</div> 431<div style="clear:both;"></div></div> 432</div><div id="contact" ></div></div> 433 </main><!-- end main --> 434 </div><!-- end content --> 435 </div><!-- end wrapper --> 436 437 438 <!-- Start Footer (_footer.hbs) --> 439 <footer class="r-page-footer"> 440 441 <div id="footer" ><div class="footer-wrapper" data-id="id-ec00ed31"> 442 <div class="local-contact-footer"> 443 <div class="container"> 444 <div class="container-inner"> 445 <div class="row"> 446 <section class="b-social-media"> 447 <div class="col-md-3"> 448 <h3 class="linklist__title">So erreichen Sie uns</h3> 449 </div> 450 <div class="col-md-9"> 451 <div class="c-linklist--footer-socials" data-css="c-linklist"> 452 <ul class="linklist__list"> 453 <li class="linklist__entry"><a href="https://www.campusconnect.de/kontakt/"><span class="xs-icon-white contact"></span>Kontakt</a></li> 454 </ul> 455 </div> 456 </div> 457 </section> 458 </div> 459 </div> 460 </div> 461 </div> 462 <div class="global-rich-footer">
463 <span data-anchor id="id-ec00ed31"></span> 464 <div class="container"> 465 <div class="container-inner"> 466 <div class="row" style="margin-bottom:20px;"> 467 <div class="col-md-3"> 468 <a href="https://www.uni-stuttgart.de/"> 469 <img class="logo-rectangle-inverted-footer" src="/system/modules/de.stuttgart.uni.v3.basics/resources/img/svg/logo-inverted-de.svg" alt="Logo: Universität Stuttgart - zur Startseite" /> 470 </a> 471 </div> 472 <div class="col-md-9"> 473 <div class="col-md-12 c-linklist--footer-socials" data-css="c-linklist"> 474 <ul class="linklist__list"> 475 <li class="linklist__entry"><a href="https://www.facebook.com/Universitaet.Stuttgart" class="linklist__link is-facebook" target="_blank">Icon: Facebook</a><br>Facebook</li> 476 <li class="linklist__entry"><a href="https://www.instagram.com/unistuttgart/" class="linklist__link is-instagram" target="_blank">Icon: Instagram</a><br>Instagram</li> 477 <li class="linklist__entry"><a href="https://bsky.app/profile/unistuttgart.bsky.social" class="linklist__link is-bluesky" target="_blank">Icon: Bluesky</a><br>Bluesky</li> 478 <li class="linklist__entry"><a href="https://bawü.social/@Uni_Stuttgart" class="linklist__link is-mastodon" target="_blank">Icon: Mastodon</a><br>Mastodon</li> 479 <li class="linklist__entry"><a href="https://www.youtube.com/user/UniStuttgartTV" class="linklist__link is-youtube" target="_blank">Icon: YouTube</a><br>YouTube</li> 480 <li class="linklist__entry"><a href="https://www.linkedin.com/school/universit%C3%A4t-stuttgart/" class="linklist__link is-linkedin" target="_blank">Icon: LinkedIn</a><br>LinkedIn</li> 481 <li class="linklist__entry"><a href="https://www.usus.uni-stuttgart.de/" class="linklist__link is-usus" >Icon: USUS-Blog</a><br>USUS-Blog</li> 482 </ul> 483 </div> 484 </div> 485 </div> 486 <div class="row"> 487 <section class="col-md-3 col-sm-6 b-service-links"> 488 <div class="c-linklist--footer-service-links" data-css="c-linklist"> 489 <div class="linklist pgelement" style="margin-bottom: 30px;" data-id="id-25c4a5f0"> 490 <span data-anchor id="id-25c4a5f0"></span> 491 492 <h3 class="linklist__title">Zielgruppe</h3> 493 <ul class="linklist__list"> 494 <li class="linklist__entry"> 495 <a href="https://www.student.uni-stuttgart.de/" class="linklist__link">Studierende</a> 496 </li> 497 <li class="linklist__entry"> 498 <a href="https://www.beschaeftigte.uni-stuttgart.de/" class="linklist__link">Beschäftigte</a> 499 </li> 500 <li class="linklist__entry"> 501 <a href="https://www.uni-stuttgart.de/alumni-foerderer/" class="linklist__link">Alumni und Förderer</a> 502 </li> 503 <li class="linklist__entry"> 504 <a href="https://www.traces.uni-stuttgart.de/ueber-uns/business-relations/" class="linklist__link">Wirtschaft</a> 505 </li> 506 </ul></div> 507 </div> 508 </section> 509 <section class="col-md-3 col-sm-6 b-service-links"> 510 <div class="c-linklist--footer-service-links" data-css="c-linklist"> 511 <div class="linklist pgelement" style="margin-bottom: 30px;" data-id="id-25fdb752"> 512 <span data-anchor id="id-25fdb752"></span> 513 514 <h3 class="linklist__title">Formalia</h3> 515 <ul class="linklist__list"> 516 <li class="linklist__entry"> 517 <a href="https://www.uni-stuttgart.de/impressum/" class="linklist__link">Impressum</a> 518 </li> 519 <li class="linklist__entry"> 520 <a href="https://www.uni-stuttgart.de/datenschutz/" class="linklist__link">Datenschutz</a> 521 </li> 522 <li class="linklist__entry"> 523 <a href="https://www.uni-stuttgart.de/erklaerung-barrierefreiheit/" class="linklist__link">Barrierefreiheit</a> 524 </li> 525 <li class="linklist__entry"> 526 <a href="https://www.uni-stuttgart.de/universitaet/profil/zertifikate/" class="linklist__link">Zertifikate</a> 527 </li> 528 <li class="linklist__entry"> 529 <a href="https://www.uni-stuttgart.de/allgemeine-geschaeftsbedingungen/" class="linklist__link">AGB</a> 530 </li> 531 </ul></div> 532 </div> 533 </section> 534 <section class="col-md-3 col-sm-6 b-service-links"> 535 <div class="c-linklist--footer-service-links" data-css="c-linklist"> 536 <div class="linklist pgelement" style="margin-bottom: 30px;" data-id="id-263b5c94"> 537 <span data-anchor id="id-263b5c94"></span> 538 539 <h3 class="linklist__title">Services</h3> 540 <ul class="linklist__list"> 541 <li class="linklist__entry"> 542 <a href="https://www.uni-stuttgart.de/universitaet/kontakt/" class="linklist__link">Kontakt & Anfahrt</a> 543 </li> 544 <li class="linklist__entry"> 545 <a href="https://www.uni-stuttgart.de/presse/" class="linklist__link">Presse</a> 546 </li> 547 <li class="linklist__entry"> 548 <a href="https://www.stellenwerk.de/stuttgart/" class="linklist__link">Jobportal</a> 549 </li> 550 <li class="linklist__entry"> 551 <a href="https://careers.uni-stuttgart.de/?locale=de_DE" class="linklist__link">Promotions- / Postdoc-Stellen</a> 552 </li> 553 <li class="linklist__entry"> 554 <a href="https://unishop-stuttgart.de/" class="linklist__link">Uni-Shop</a> 555 </li> 556 </ul></div> 557 </div> 558 </section> 559 <section class="col-md-3 col-sm-6 b-service-links"> 560 <div class="c-linklist--footer-service-links" data-css="c-linklist"> 561 <div class="linklist pgelement" style="margin-bottom: 30px;" data-id="id-267bc0f6"> 562 <span data-anchor id="id-267bc0f6"></span> 563 564 <h3 class="linklist__title">Organisation</h3> 565 <ul class="linklist__list"> 566 <li class="linklist__entry"> 567 <a href="https://www.uni-stuttgart.de/universitaet/organisation/leitung/" class="linklist__link">Rektorat</a> 568 </li> 569 <li class="linklist__entry"> 570 <a href="https://www.uni-stuttgart.de/universitaet/fakultaeten-institute/" class="linklist__link">
570Fakultäten und Institute</a> 571 </li> 572 <li class="linklist__entry"> 573 <a href="https://www.uni-stuttgart.de/universitaet/einrichtungen/" class="linklist__link">Einrichtungen</a> 574 </li> 575 <li class="linklist__entry"> 576 <a href="https://www.uni-stuttgart.de/universitaet/organisation/verwaltung/" class="linklist__link">Zentrale Verwaltung</a> 577 </li> 578 </ul></div> 579 </div> 580 </section> 581 </div> 582 </div> 583 </div> 584 </div> 585 </div> 586 </div></footer> 587 <!-- Ende footer--> 588 589 <div class="b-scroll-to-top" data-css="b-scroll-to-top" data-js-module="scroll-to-top"> 590 <a href="#wrapper" class="scroll-to-top__link" data-js-atom="to-top-link">Zum Seitenanfang</a> 591 </div> 592 593 </body> 594</html> 595<!-- Complete time for this page: 114 ms -->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.