219 lines
No EOL
10 KiB
PHP
219 lines
No EOL
10 KiB
PHP
<?php
|
||
include "../internal/mysql.php";
|
||
include "../internal/getGravatar.php";
|
||
|
||
?>
|
||
|
||
<!DOCTYPE html>
|
||
<html lang="de">
|
||
<html>
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>LED Tisch v1 - Jonas Leder</title>
|
||
|
||
<link href="/css/style.css" rel="stylesheet">
|
||
<link href="/css/normalize.css" rel="stylesheet">
|
||
<link href="/css/sourcesanspro.css" rel="stylesheet">
|
||
<link href="/css/menue.css" rel="stylesheet">
|
||
<script src="https://kit.fontawesome.com/038c6c1f0e.js" crossorigin="anonymous"></script>
|
||
<!-- Matomo -->
|
||
<script type="text/javascript">
|
||
var _paq = window._paq = window._paq || [];
|
||
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
|
||
_paq.push(["setCookieDomain", "*.jonasled.de"]);
|
||
_paq.push(['trackPageView']);
|
||
_paq.push(['enableLinkTracking']);
|
||
(function() {
|
||
var u="//matomo.jonasled.de/";
|
||
_paq.push(['setTrackerUrl', u+'matomo.php']);
|
||
_paq.push(['setSiteId', '1']);
|
||
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
|
||
g.type='text/javascript'; g.async=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
|
||
})();
|
||
</script>
|
||
<noscript><p><img src="//matomo.jonasled.de/matomo.php?idsite=1&rec=1" style="border:0;" alt="" /></p></noscript>
|
||
<!-- End Matomo Code -->
|
||
</head>
|
||
<body>
|
||
<header>
|
||
<div class="header-wrapper">
|
||
<div class="header-homepage color-overlay" data-parallax-depth="20">
|
||
<div class="header-description gridContainer content-on-center">
|
||
<div class="row header-description-row">
|
||
<div class="header-content header-content-centered">
|
||
<div class="align-holder">
|
||
<h1 class="heading8">LED Tisch v1</h1>
|
||
<p class="header-subtitle"> </p>
|
||
<div class="header-buttons-wrapper"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="header-separator header-separator-bottom ">
|
||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 100" preserveAspectRatio="none">
|
||
<path class="svg-white-bg" d="M737.9,94.7L0,0v100h1000V0L737.9,94.7z"></path>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
<div id="mainMenu" includeHTML="/include/menue.php?page=projekte"></div>
|
||
</header>
|
||
<div id="content">
|
||
<h2><span style="color: #ff0000;">Du betrachtest Version 1. Zu Version 2 geht es <a style="color: #ff0000;" href="https://jonasled.tk/?page_id=285">hier</a></span></h2>
|
||
<h2> </h2>
|
||
<h2>Materialien:</h2>
|
||
<ul>
|
||
<li><a href="https://goo.gl/Dz8cbq">Ikea Lack Tisch</a></li>
|
||
<li><a href="https://goo.gl/xasu43">Halbdurchsichtiges (milchiges) Plexiglas</a></li>
|
||
<li>Arduino Nano (<a href="https://goo.gl/ctFf2c">original</a> / <a href="https://goo.gl/xEFa1o">clone</a>)</li>
|
||
<li><a href="https://goo.gl/3Ajrmv">HC-05 Bluetooth Modul</a></li>
|
||
<li><a href="https://goo.gl/bEv29h">WS2812 LED Streifen (5m / 150 LED)</a></li>
|
||
<li>Holz oder Pappe für Matrix (Baumarkt)</li>
|
||
<li><a href="https://goo.gl/KRhwsU">Netzteil 5V 10A</a></li>
|
||
<li><a href="https://goo.gl/zRvkP6">SD Karten leser für Arduino</a></li>
|
||
<li><a href="https://goo.gl/Dxvjt8">SD Karte (die Billigste die du findest)</a></li>
|
||
<li>Wiederstand (300 - 500 Ohm)</li>
|
||
</ul>
|
||
<h2>Aufbau:</h2>
|
||
<ul>
|
||
<li style="list-style-type: none;">
|
||
<li>Loch in Tischplatte Sägen (mindestmaße: 40x40cm)</li>
|
||
<li>Inhalt des Tisches entfernen</li>
|
||
<li>Löcher an der Seite für Netzteil, Taster und SD bohren bzw. Sägen</li>
|
||
<li>Plexiglas passend zusagen, dass es in das Loch passt.</li>
|
||
<li>LED Streifen in Stücke zu je 12 LEDs Schneiden (12stck)</li>
|
||
<li>LED Streifen mit kurzen Kabeln passend zusammenl ten (<b>Datenrichtung beachten!!!</b>)</li>
|
||
<li>Matrix aus Holz oder Pappe sägen bzw. schneiden und zusammenstecken (für die, die eine CNC zur verfügung haben, ist in der <a href=""https$">LED Streifen im S-layout an Matrix kleben (Heißkleber)</a></li>
|
||
</li>
|
||
</ul>
|
||
<p><a href="https://raw.githubusercontent.com/Schildkroete1/LED-Tisch/master/Bilder/layout.jpg"><img src="https://github.com/Schildkroete1/LED-Tisch/raw/master/Bilder/layout.jpg?raw=true" alt="layout" width="420" /></a></p>
|
||
<ul>
|
||
<li style="list-style-type: none;">
|
||
<ul>
|
||
<li>Arduino anschließen (siehe <a href="https://goo.gl/tzCXth">Schaltplan.fzz</a> auf github)</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<p><a href="https://raw.githubusercontent.com/Schildkroete1/LED-Tisch/master/Bilder/Schaltplan_Steckplatine.png"><img src="https://github.com/Schildkroete1/LED-Tisch/raw/master/Bilder/Schaltplan_Steckplatine.png?raw=true" alt="Schaltplan" width="420" /></a></p>
|
||
<ul>
|
||
<li style="list-style-type: none;">
|
||
<ul>
|
||
<li style="list-style-type: none;">
|
||
<ul>
|
||
<li>HC-05
|
||
<ul>
|
||
<li>State an D7</li>
|
||
<li>RXD an D6</li>
|
||
<li>TXD an D5</li>
|
||
<li>GND an GND</li>
|
||
<li>VCC an 5V</li>
|
||
</ul>
|
||
</li>
|
||
<li>SD</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
<p><a href="https://raw.githubusercontent.com/Schildkroete1/LED-Tisch/master/Bilder/SD.png"><img src="https://github.com/Schildkroete1/LED-Tisch/raw/master/Bilder/SD.png?raw=true" alt="SD Schaltplan" width="420" /></a></p>
|
||
<ul>
|
||
<li style="list-style-type: none;">
|
||
<ul>
|
||
<li>Taster
|
||
<ul>
|
||
<li>GND der LED an GND</li>
|
||
<li>VCC der LED an D9</li>
|
||
<li>C an GND</li>
|
||
<li>NO an D8</li>
|
||
</ul>
|
||
</li>
|
||
<li>Netzteil
|
||
<ul>
|
||
<li>GND (Schwarz oder -) an Arduino und direkt an WS2812(<b>DICKE KABEL VERWENDEN!!!</b></li>
|
||
<li>VCC (Rot oder +) an Arduino und direkt an WS2812(<b>DICKE KABEL VERWENDEN!!!</b></li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>Zum Testen der LEDs und der SD die Beispielprogramme der SD und FastLED Bibilothek verwenden</li>
|
||
</ul>
|
||
<h2>Inbetriebnahme</h2>
|
||
<ul>
|
||
<li>Arduino mit Code Flashen (<a href="https://goo.gl/hVtJQw">LED-Tisch.ino</a>)</li>
|
||
<li><a href="https://goo.gl/nmDRns">Glediator</a> oder <a href="https://goo.gl/EvUdjg">Jinx</a> herunterladen</li>
|
||
<li>Bootanimation aufnehmen und unter dem Namen Boot.dat abspeichern</li>
|
||
<li>Weiter Animationen unter anderem Namen auf der SD speichern</li>
|
||
<li>Filemenue.bat ausf hren (unter linux in filemenue.sh umbenennen)</li>
|
||
<li><a href="App auf android ger t installieren">App</a> auf android gerät installieren</li>
|
||
<li>In den Geräteeinstellungen mit dem Gerät HC-05 verbinden.</li>
|
||
</ul>
|
||
<h2>Animationen Abspielen</h2>
|
||
<ul>
|
||
<li>In der App das Gerät auswählen und auf Verbinden gehen.</li>
|
||
<li>Passendes Programm ausw hlen</li>
|
||
<li>Auf Ausf hren klicken</li>
|
||
</ul>
|
||
<h2>Geschwindigkeit ndern</h2>
|
||
<ul>
|
||
<li>In der App das Gerät auswählen und auf Verbinden gehen.</li>
|
||
<li>Den Regler unter Geschwindigkeit verstellen, oder</li>
|
||
<li>In der Textbox eine Geschwindigkeit zwischen 1 und 40 FPS (frames per second) eingeben</li>
|
||
<li>Auf OK klicken</li>
|
||
</ul>
|
||
<h2>Programm im Loop abspielen</h2>
|
||
<ul>
|
||
<li>Darauf achten, dass keine Animation läuft UND ein gerät über bluetooth verbunden ist.</li>
|
||
<li>Den Taster drücken</li>
|
||
<li>Die LED sollte leuchten</li>
|
||
<li>Ansonsten nochmal versuchen</li>
|
||
<li>Animation ausf hren (App)</li>
|
||
<li>Zum Verlassen des Loop modes den Taster drücken</li>
|
||
<li>Die LED sollte ausgehen.</li>
|
||
</ul>
|
||
<p><del>Den Quellcode findet ihr auf meinem <a href="https://git.jonasled.tk/jonasled/LED-Tisch">git Server</a> in der <a href="https://git.jonasled.tk/jonasled/LED-Tisch/src/branch/alt">alt Branch</a></del></p>
|
||
<h2>Kommentare:</h2>
|
||
<?php
|
||
|
||
$article = basename($_SERVER["SCRIPT_FILENAME"], '.php');
|
||
$result = $conn->query("SELECT * FROM comments WHERE article='$article'");
|
||
if ($result->num_rows > 0) {
|
||
while($row = $result->fetch_assoc()) {
|
||
$name = $row["name"] . "<br>";
|
||
$gravatar = get_gravatar($row["email"]);
|
||
$content = $row["comment"];
|
||
|
||
echo(<<<EOF
|
||
<h3 class="commentTitle">$name</h3>
|
||
<div class="comment">
|
||
<img src="$gravatar">
|
||
<article class="commentArticle">
|
||
<p class="commentText">$content</p>
|
||
</article>
|
||
</div>
|
||
EOF);
|
||
}
|
||
}
|
||
?>
|
||
|
||
<div id="newComment">
|
||
<form action="/newComment.php" method="post">
|
||
<label for="name">Name:</label><br>
|
||
<input type="text" id="name" name="name"><br><br>
|
||
|
||
<label for="email">E-Mail: (wird nicht veröffentlicht)</label><br>
|
||
<input type="text" id="email" name="email"><br><br>
|
||
|
||
<label for="comment">Kommentar:</label><br>
|
||
<textarea name="comment" id="comment"></textarea><br><br>
|
||
|
||
<input type="submit" value="Kommentar veröffentlichen"><br>
|
||
<p>Mit dem klick auf den obigen Button erklären sie sich mit der <a href="/datenschutzerklaerung.html">Datenschutzerklärung</a> einverstanden.</p>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<footer includeHTML="/include/footer.php">
|
||
</footer>
|
||
<script src="/js/includeHTML.js"></script>
|
||
</body>
|
||
</html>
|