-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathUnbenannt-2.html
91 lines (90 loc) · 6.47 KB
/
Unbenannt-2.html
1
2
3
4
5
6
7
8
9
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
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-xOolHFLEh07PJGoPkLv1IbcEPTNtaed2xpHsD9ESMhqIYd0nLMwNLD69Npy4HI+N" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-Fy6S3B9q64WdZWQUiU+q4/2Lc9npb8tCaSX9FK7E8HnRr0Jz8D6OP9dO5Vg3Q9ct" crossorigin="anonymous"></script>
<style>
body, html {
margin: 0;
font-family: Arial;
font-size: 28pt;
overflow: scroll;
}
.all-0 {
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.bottom-0 {
bottom: 0;
}
.overflow-auto {
overflow: auto;
}
.nav-pills .nav-item .nav-link {
background-color: #575757;
color: #FFF;
}
.nav-pills .nav-item .nav-link.active {
background-color: #fcbc0d;
}
</style>
<div class="bs-example">
<ul class="nav nav-pills nav-fill">
<li class="nav-item"> <a href="#Einführung" class="nav-link" data-toggle="tab">Einführung</a> </li>
<li class="nav-item"> <a href="#CPSinDeutschland" class="nav-link active" data-toggle="tab">CPS in Deutschland</a> </li>
<li class="nav-item"> <a href="#Bestandteile" class="nav-link" data-toggle="tab">Bestandteile</a> </li>
</ul>
<div class="tab-content">
<div class="tab-pane fade" id="Einführung">
<iframe width="840" height="474" src="https://www.youtube-nocookie.com/embed/vVeyePVg8cI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
<div class="tab-pane fade show active" id="CPSinDeutschland">
<div class="container-fluid" style="width: 100%">
<div class="row">
<div class="col-12 d-flex flex-wrap">
<div class="col-6 p-0 d-flex">
<div class="my-card-content bg-white p-2 m-2 d-flex flex-column"><img style="width: 810px" src="https://www.its-owl.de/fileadmin/Bilder/_processed_/0/3/csm_Organisation_6adee3b7de.jpg"/>
<p style="font-size: 18pt"><cite><a href="https://www.its-owl.de/technologie-netzwerk/organisation/" style="text-decoration: underline; color: #fcbc0d" target="_blank" rel="noreferrer noopener">it's OWL Clustermanagement GmbH</a> (Abgerufen 24.09.22)</cite> Zusammensetzung des Spitzenclusters "it's OWL"</p>
</div>
</div>
<div class="col-6 p-0">
<div class="bg-white m-2 p-2 position-absolute all-0 d-flex flex-column">
<div class="overflow-auto"> Auch in Deutschland haben Industrie und Forschung zusammengeschlossen und Spitzencluster wie "it’s OWL" oder "microTEC Südwest" gebildet. Zu den Unternehmen gehören unter anderem Phoenix Contact, Dr. Oetker und DMG MORI (<a href="https://www.its-owl.de/technologie-netzwerk/partner/kern-unternehmen/" style="text-decoration: underline; color: #fcbc0d" target="_blank" rel="noreferrer noopener">it’s OWL</a>) und ABB, Bosch und Festo (<a href="https://www.microtec-suedwest.de/mitglieder/mitglieder" style="text-decoration: underline; color: #fcbc0d" target="_blank" rel="noreferrer noopener">microTEC Südwest</a>).<br>
Das linke Bild des organisatorischen Aufbaus des it’s OWL-Clusters soll aber nochmals verdeutlichen, das ganz im Sinne der individuellen Teilhabe nicht nur Industrie und Forschung dort für sich alleine zusammen arbeiten, sondern auch die Region an sich und auch kleinere und mittlere Unternehmen die Vereinsmitglieder sind durch spezielle Angebote an den entwickelten Technologien teilhaben können. </div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="Bestandteile">
<div class="container-fluid mt-3 p-5">
<div class="row bg-dark m-0">
<div class="col-12 p-0 d-flex flex-wrap">
<div class="col-6 p-0 d-flex">
<div class="my-card-content bg-white p-2 m-2 d-flex flex-column"> <img class="img img-fluid" src="img/cps.png"/> </div>
</div>
<div class="col-6 p-0">
<div class="bg-white m-2 p-2 position-absolute all-0 d-flex flex-column">
<h4>Social Sidebar...</h4>
<div class="overflow-auto">
<p> Ein CPS besteht normalerweise aus vier Bestandteilen. Hierzu gehören, wie im linken Bild zu sehen:
<div>
<ul class="list-group-flush">
<li class="list-group-item">Sensoren, um Einflüsse aus der Umwelt/Produktion zu messen und wahrzunehmen.</li>
<li class="list-group-item">Aktoren, um auf die Umwelt einzuwirken</li>
<li class="list-group-item">Kommunikationsschnittstellen, diese müssen nicht aus <a href="https://de.wikipedia.org/wiki/Wireless_Local_Area_Network" style="text-decoration: underline; color: #fcbc0d" target="_blank" rel="noreferrer noopener">WLAN</a> oder <a href="https://de.wikipedia.org/wiki/Local_Area_Network" style="text-decoration: underline; color: #fcbc0d" target="_blank" rel="noreferrer noopener">LAN</a> bestehen und könnten bspw. auch mit <a href="https://de.wikipedia.org/wiki/RFID" style="text-decoration: underline; color: #fcbc0d" target="_blank" rel="noreferrer noopener">RFID</a>-Tags ausgestattet sein oder Bussysteme wie <a href="https://de.wikipedia.org/wiki/Controller_Area_Network" style="text-decoration: underline; color: #fcbc0d" target="_blank" rel="noreferrer noopener">CAN</a> nutzen.</li>
<li class="list-group-item">Rechnersystemen, die die von den Sensoren erhobenen Werte aufnehmen und ggf. verarbeiten, die Aktoren zu steuern und mit anderen Systemen zu kommunizieren.</li>
</ul>
</div>
Daneben gibt es noch Sonderformen, wie zum Beispiel bei dem zuvor erwähnten RFID-Tag. Bei diesen CPS fehlt oftmals der Aktor. Einsatzgebiet ist hierbei bspw. die Überwachung der Lagerungsbedingungen von Halbleitern um festzustellen, ob diese vor dem Lötprozess noch getrocknet werden müssen, um Beschädigungen durch sich schnell ausdehnende Luftfeuchtigkeit, die während der Lagerung eingedrungen ist, zu vermeiden.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>