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.

Von Torsten