Initial Commit
This commit is contained in:
Patrick Tschuchnig
13
content/IT-LAB-Coaches.html
Normal file
13
content/IT-LAB-Coaches.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<main role="main" class="container">
|
||||
<div class="container mt-3">
|
||||
<div class="row" style="padding: 25px">
|
||||
<div class="col-md-8">
|
||||
<h3>IT - Coach</h3>
|
||||
<p>In diesem Raum befindet sich unser IT-Coach, Elisabeth Laure-Pirker. Sie betreut die Lehrlinge und managet sämtliche organisatorische Angelegenheiten bezüglich der Lehrlinge. Sie ist sehr hilfsbereit und steht bei weiteren Fragen ihnen gerne zur Verfügung.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="ressources/laurepirker.png" width="100%">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
60
content/IT-LAB-Labor.html
Normal file
60
content/IT-LAB-Labor.html
Normal file
@@ -0,0 +1,60 @@
|
||||
<main role="main" class="container">
|
||||
<div class="container mt-3">
|
||||
<div class="container-fluid">
|
||||
|
||||
<h2>IT - Labor</h2>
|
||||
<div class="row" style="padding: 25px">
|
||||
<div class="col-md-8">
|
||||
<p>Das Labor ist der perfekte Raum um die vielen Projektideen zu realisieren.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="ressources/IT-Labor.jpg" width="100%">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h2>Projekte</h2>
|
||||
<div class="row" style="padding: 25px">
|
||||
<div class="col-md-8">
|
||||
<h3>LED - Cube</h3>
|
||||
<p>Der LED – Cube besteht aus <b>512 LED’s</b> welche über einem Arduino (Micro Controller) gesteuert wird. Darunter wurden mehrere Elektronische Komponenten verbaut die was für den Verbrauch und für die Aufteilung der Stromflüsse zuständig sind.
|
||||
Durch die <b>8x8x8 Aufteilung</b> bestehen viele Möglichkeiten Strukturen sowie 3D-Abbildungen zu reproduzieren. Man kann jede einzelne LED programmieren und sowohl auch über eine Fernbedienung steuern.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="ressources/LEDCube.jpg" width="100%">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" style="padding: 25px">
|
||||
<div class="col-md-8">
|
||||
<h3>3D - Drucker</h3>
|
||||
<p>Der 3D-Drucker <b>Ultimater 3 Extented</b> dient dazu 3D-Modelle auszudrucken. Wir haben mit dem Drucker schon viele Objekte ausgedruckt, darunter auch die Teile für das <b>Projekt „Roboterhand“</b>. Der Drucker arbeitet mit 2 Düsen, die mit Haupt- und Stützmaterial ausgestattet sind.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="ressources/3DDrucker.jpg" width="100%">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" style="padding: 25px">
|
||||
<div class="col-md-8">
|
||||
<h3>Ampel</h3>
|
||||
<p>Unter <b>zwei Raspberry Pi‘s</b> wird eine Verbindung aufgebaut. Ein Raspberry Pi fungiert als Server und der zweite als Client. Die Kommunikation unter den Zwei Raspberry Pi‘s geschieht durch das interne Netzwerk mit einem <b>selbst geschrieben Python Script</b>. Durch eine Taste am Arduino Board wird ein Python-Script am Server ausgeführt, welches die Ampel Steuerung startet.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="ressources/Ampel.jpg" width="100%">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row" style="padding: 25px">
|
||||
<div class="col-md-8">
|
||||
<h3>Cluster</h3>
|
||||
<p>Die <b>Webserver</b> sind in einem Cluster zusammengeschalten.
|
||||
Der Loadbalancer sorgt dafür, dass die Webserver <b>gleichmäßig ausgelastet</b> sind, beziehungsweise die User gleichmäßig auf den Servern aufgeteilt sind. Der Loadbalancer bekommt von einem PC eine Anfrage, ob dieser auf einen der Server zugreifen kann. Daraufhin sieht der Loadbalancer nach, welcher Server frei bzw. die wenigsten User hat und verbindet den PC mit dem Server.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="ressources/cluster.png" width="100%">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
54
content/IT-LAB-Lehrsaal.html
Normal file
54
content/IT-LAB-Lehrsaal.html
Normal file
@@ -0,0 +1,54 @@
|
||||
<main role="main" class="container">
|
||||
<div class="container mt-3">
|
||||
<div class="container-fluid">
|
||||
|
||||
<div class="bg-light">
|
||||
<div class="row" style="padding: 5px">
|
||||
<div class="col-md-12">
|
||||
<h3>Lehrsaal1</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="padding: 5px">
|
||||
<div class="col-md-7">
|
||||
<p>In diesem Raum finden die theoretischen Lehrstunden statt. Jeder Trainer unterrichtet verschiedenste IT-Fachbezogene Gegenstände in diesen Lehrsälen.</p>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<img src="ressources/Lehrsaal1.jpg" width="100%" class="rounded">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class= bg-light">
|
||||
<div class="row"style="padding: 5px">
|
||||
<div class="col-md-12">
|
||||
<h3>Lehrsaal 2</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="padding: 5px">
|
||||
<div class="col-md-5">
|
||||
<img src="ressources/Lehrsaal2.jpg" width="100%" class="rounded">
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<p>In diesem Raum finden die theoretischen Lehrstunden statt. Jeder Trainer unterrichtet verschiedenste IT-Fachbezogene Gegenstände.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="bg-light">
|
||||
<div class="row" style="padding: 5px">
|
||||
<div class="col-md-12">
|
||||
<h3>Seminarraum</h3>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row" style="padding: 25px">
|
||||
<div class="col-md-7">
|
||||
<p>Dieser Raum wird für Besprechungen und Projektplannung verwenden.</p>
|
||||
</div>
|
||||
<div class="col-md-5">
|
||||
<img src="ressources/Seminarraum.jpg" width="100%" class="rounded">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</main>
|
||||
13
content/IT-LAB-Leitung.html
Normal file
13
content/IT-LAB-Leitung.html
Normal file
@@ -0,0 +1,13 @@
|
||||
<main role="main" class="container">
|
||||
<div class="container mt-3">
|
||||
<div class="row" style="padding: 25px">
|
||||
<div class="col-md-8">
|
||||
<h3>IT - Leitung</h3>
|
||||
<p>Von diesem Raum aus steuert die Leitung des IT@-L@Bs St. Stefan die gesamte Institution. Der Hauptverantwortliche in diesem Unterfangen ist Arthur Streussnig, ein Mann der die Leitung des IT-L@Bs mit Leidenschaft und Ehrgeiz durchführt und nur das Beste für seine Lehrlinge im Sinn hat.</p>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="ressources/streussnig.jpg" width="100%">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</main>
|
||||
32
content/Metallic-DMC_50.html
Normal file
32
content/Metallic-DMC_50.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<style>
|
||||
.bd-placeholder-img {
|
||||
font-size: 1.125rem;
|
||||
text-anchor: middle;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.bd-placeholder-img-lg {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
#myIframe {
|
||||
width: 100%;
|
||||
height: 1000px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
#myIframe {
|
||||
width: auto;
|
||||
height: 500px;
|
||||
}
|
||||
#viewerContainer {
|
||||
overflow-x: inherit;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<main role="main" class="container">
|
||||
<div class="container">
|
||||
<p><iframe id="myIframe" src="lib/web/viewer.html?file=../../ressources/DMU_50.pdf"></iframe></p>
|
||||
<p><a class="btn btn-primary btn-lg" href="lib/web/viewer.html?file=../../ressources/DMU_50.pdf" role="button">PDF öffnen</a></p>
|
||||
</div>
|
||||
</main>
|
||||
32
content/Metallic-DMC_635.html
Normal file
32
content/Metallic-DMC_635.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<style>
|
||||
.bd-placeholder-img {
|
||||
font-size: 1.125rem;
|
||||
text-anchor: middle;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.bd-placeholder-img-lg {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
#myIframe {
|
||||
width: 100%;
|
||||
height: 1000px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
#myIframe {
|
||||
width: auto;
|
||||
height: 500px;
|
||||
}
|
||||
#viewerContainer {
|
||||
overflow-x: inherit;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<main role="main" class="container">
|
||||
<div class="container">
|
||||
<p><iframe id="myIframe" src="lib/web/viewer.html?file=../../ressources/DMC_635.pdf"></iframe></p>
|
||||
<p><a class="btn btn-primary btn-lg" href="lib/web/viewer.html?file=../../ressources/DMC_635.pdf" role="button">PDF öffnen</a></p>
|
||||
</div>
|
||||
</main>
|
||||
32
content/Metallic-EMCO_332.html
Normal file
32
content/Metallic-EMCO_332.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<style>
|
||||
.bd-placeholder-img {
|
||||
font-size: 1.125rem;
|
||||
text-anchor: middle;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.bd-placeholder-img-lg {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
#myIframe {
|
||||
width: 100%;
|
||||
height: 1000px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
#myIframe {
|
||||
width: auto;
|
||||
height: 500px;
|
||||
}
|
||||
#viewerContainer {
|
||||
overflow-x: inherit;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<main role="main" class="container">
|
||||
<div class="container">
|
||||
<p><iframe id="myIframe" src="lib/web/viewer.html?file=../../ressources/EMCO_332.pdf"></iframe></p>
|
||||
<p><a class="btn btn-primary btn-lg" href="lib/web/viewer.html?file=../../ressources/EMCO_332.pdf" role="button">PDF öffnen</a></p>
|
||||
</div>
|
||||
</main>
|
||||
32
content/Metallic-EMCO_360.html
Normal file
32
content/Metallic-EMCO_360.html
Normal file
@@ -0,0 +1,32 @@
|
||||
<style>
|
||||
.bd-placeholder-img {
|
||||
font-size: 1.125rem;
|
||||
text-anchor: middle;
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.bd-placeholder-img-lg {
|
||||
font-size: 3.5rem;
|
||||
}
|
||||
#myIframe {
|
||||
width: 100%;
|
||||
height: 1000px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 640px) {
|
||||
#myIframe {
|
||||
width: auto;
|
||||
height: 500px;
|
||||
}
|
||||
#viewerContainer {
|
||||
overflow-x: inherit;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
<main role="main" class="container">
|
||||
<div class="container">
|
||||
<p><iframe id="myIframe" src="lib/web/viewer.html?file=../../ressources/EMCO_360.pdf"></iframe></p>
|
||||
<p><a class="btn btn-primary btn-lg" href="lib/web/viewer.html?file=../../ressources/EMCO_360.pdf" role="button">PDF öffnen</a></p>
|
||||
</div>
|
||||
</main>
|
||||
Reference in New Issue
Block a user