diff --git a/ReadMe.md b/ReadMe.md
index 971a8e0..44d42e0 100644
--- a/ReadMe.md
+++ b/ReadMe.md
@@ -1 +1,4 @@
 # Projekt Datenerfassung für AST Kanister
+
+Onsen UI Tutorial: https://onsen.io/v2/guide/pwa/tutorial.html#onsen-ui-pwa-tutorial
+
diff --git a/test/config.php b/test/config.php
index 087aeb0..0fa2dbf 100644
--- a/test/config.php
+++ b/test/config.php
@@ -1,7 +1,9 @@
 <?php
 
-// define database connection
-
-
+// define database connection params
+    $host = 'totmann';
+    $user = 'astUser';
+    $pw   = "astPasswd";
+    $database = "ast";
 
 ?>
\ No newline at end of file
diff --git a/test/onsen_ui/employee.php b/test/onsen_ui/employee.php
new file mode 100644
index 0000000..d0fb8f3
--- /dev/null
+++ b/test/onsen_ui/employee.php
@@ -0,0 +1,44 @@
+<?php
+
+    require_once('../config.php');
+    // Controller for employee table
+
+    $op = $_GET['op'];
+
+    switch($op) {
+
+        case 'load':
+            // load all employees from table
+            $con = mysqli_connect($host, $user, $pw, $database);
+            if(!$con) {
+                die('Could not connect: ' . mysqli_error($con));
+            }
+            $sql = "SELECT * FROM employee ORDER BY id";
+            $result = mysqli_query($con, $sql);
+
+            echo "<ons-row>";
+            echo "<ons-col>Id</ons-col><ons-col>First name</ons-col><ons-col>Last name</ons-col><ons-col>Function</ons-col><ons-col>Auth</ons-col><ons-col>E-Mail</ons-col><ons-col>Phone</ons-col><ons-col>Mobile</ons-col>";
+            echo "</ons-row>" . PHP_EOL;
+
+            while($row = mysqli_fetch_array($result)) {
+                echo "<ons-row>";
+                echo "<ons-col>" . $row['id'] . "</ons-col>" . PHP_EOL;
+                echo "<ons-col>" . $row['first_name'] . "</ons-col>" . PHP_EOL;
+                echo "<ons-col>" . $row['last_name'] . "</ons-col>" . PHP_EOL;
+                echo "<ons-col>" . $row['function'] . "</ons-col>" . PHP_EOL;
+                echo "<ons-col>" . $row['authorization'] . "</ons-col>" . PHP_EOL;
+                echo "<ons-col>" . $row['email'] . "</ons-col>" . PHP_EOL;
+                echo "<ons-col>" . $row['phone'] . "</ons-col>" . PHP_EOL;
+                echo "<ons-col>" . $row['mobile'] . "</ons-col>" . PHP_EOL;
+                echo "</ons-row>";
+            }
+
+            mysqli_close($con);
+        
+            break;
+        default:
+            echo "no cmd";
+            break;
+    }
+
+?>
\ No newline at end of file
diff --git a/test/onsen_ui/index.html b/test/onsen_ui/index.html
index 665247a..96d6a25 100644
--- a/test/onsen_ui/index.html
+++ b/test/onsen_ui/index.html
@@ -15,6 +15,18 @@
                 .then(() => console.log('Service worker registered'))
                 .catch(e => console.log(e));
             }
+
+            function loadData() {
+                var xmlhttp = new XMLHttpRequest();
+                xmlhttp.onreadystatechange = function()  {
+                    if(this.readyState == 4 && this.status == 200) {
+                        document.getElementById("employeeList").innerHTML = this.responseText;
+                    }
+                };
+                xmlhttp.open("GET", "employee.php?op=load", true);
+                xmlhttp.send();
+            }
+
         </script>
     </head>
     <body>
@@ -25,6 +37,8 @@
             </ons-toolbar>
             Hallo wach
             <ons-button onclick="alert('clickerick a ding dong')">Click this</ons-button>
+            <ons-button onclick="loadData()">Load data</ons-button>
+            <div id="employeeList"><b>list of employees will be loaded here</b></div>
         </ons-page>
     </body>
 </html>
\ No newline at end of file
diff --git a/test/onsen_ui/test.php b/test/onsen_ui/test.php
new file mode 100644
index 0000000..c880668
--- /dev/null
+++ b/test/onsen_ui/test.php
@@ -0,0 +1,5 @@
+<?php
+
+    phpinfo();
+
+?>
\ No newline at end of file
