Der Crossover von Webdesign Gruppe und Arduino Gruppe geht in die zweite Runde und das Interface bekommt nun seinen PHP Code…
Der PHP Code für das LED Interface:
<?php
$port = fopen("/dev/ttyUSB0","w");
sleep(2);
?>
<br /><br />
<form action="index.php" method="POST">
<input type="hidden" name="turn" value="on" />
<input type="submit" value="LED einschalten" />
<input type="reset" value="Reset" />
</form>
<br /><br />
<form action="index.php" method="POST">
<input type="hidden" name="turn" value="off" />
<input type="submit" value="LED ausschalten" />
<input type="reset" value="Reset" />
</form>
<br /><br />
<?php
if($_POST["turn"]=="on")
{
echo "Die LED ist eingeschaltet.";
fwrite($port, "n");
}
if($_POST["turn"]=="off")
{
echo "Die LED ist ausgeschaltet.";
fwrite($port, "f");
}
fclose($port);
?>
Anpassungen der index-Datei:
Der PHP Code kann einfach in den ersten Artikel der index-Datei eingefügt werden.
<article>
<h1>Arduino LED Interface:</h1>
<p>
PHP Code hier einfügen...
</p>
</article>
<br />
Die index-Datei wird nun von index.html in index.php umbenannt. Entsprechend sollten dann natürlich auch die Hyperlinks im Navigationsbereich angepasst werden.
<!DOCTYPE html>
<html lang="de">
<head>
<title>Arduino LED Interface</title>
<link rel="stylesheet" href="01_CSS/01_zentrale.css" type="text/css" />
<meta charset="UTF-8">
</head>
<body>
<div id="wrapper">
<header>
</header>
<nav>
<ul>
<li><a href="index.php">Gesamtübersicht</a></li>
<li><a href="index.php">Startseite</a></li>
</ul>
</nav>
<main>
<article>
<h1>Arduino LED Interface:</h1>
<p>
<?php
$port = fopen("/dev/ttyUSB0","w");
sleep(2);
?>
<br /><br />
<form action="index.php" method="POST">
<input type="hidden" name="turn" value="on" />
<input type="submit" value="LED einschalten" />
<input type="reset" value="Reset" />
</form>
<br /><br />
<form action="index.php" method="POST">
<input type="hidden" name="turn" value="off" />
<input type="submit" value="LED ausschalten" />
<input type="reset" value="Reset" />
</form>
<br /><br />
<?php
if($_POST["turn"]=="on")
{
echo "Die LED ist eingeschaltet.";
fwrite($port, "n");
}
if($_POST["turn"]=="off")
{
echo "Die LED ist ausgeschaltet.";
fwrite($port, "f");
}
fclose($port);
?>
</p>
</article>
<br />
</main>
<footer>
</footer>
</div>
</body>
</html>
Das LED Interface und die Webserverumgebung:
Innerhalb der lokalen Webserverumgebung (hier: localhost/01_Interface/index.php) sollte das LED Interface nun erreichbar sein.
Im nächsten Schritt geht es nun an den Arduino und den Arduino Code und diesen nächsten Schritt machen wir im nächsten Artikel.