Some minor changes, added php file, creating Database
This commit is contained in:
Charles 'XP' Xavier
parent
e79bd08e75
commit
d098eae761
4 changed files with 154 additions and 6 deletions
33
README.md
33
README.md
|
|
@ -7,6 +7,7 @@
|
||||||
|
|
||||||
## Current State
|
## Current State
|
||||||
- Frontpage created
|
- Frontpage created
|
||||||
|
- MySQL Datenbank und generischer Nutzer erstellt
|
||||||
|
|
||||||
## Features
|
## Features
|
||||||
|
|
||||||
|
|
@ -19,6 +20,7 @@
|
||||||
### Intern
|
### Intern
|
||||||
- Inventur durchführen
|
- Inventur durchführen
|
||||||
- Gegenstand suchen, Lagerort ausgeben
|
- Gegenstand suchen, Lagerort ausgeben
|
||||||
|
- Gegenstand scannen um Soll-Lagerort zu erhalten
|
||||||
- Gegenstand einlagern
|
- Gegenstand einlagern
|
||||||
- Gegenstand auslagern
|
- Gegenstand auslagern
|
||||||
- Gegenstand Lagerort anpassen/ändern
|
- Gegenstand Lagerort anpassen/ändern
|
||||||
|
|
@ -47,12 +49,43 @@
|
||||||
- Lagerort Raum
|
- Lagerort Raum
|
||||||
- Anzahl
|
- Anzahl
|
||||||
- Verleihstatus
|
- Verleihstatus
|
||||||
|
- Nutzer der Gegenstand zuletzt ein/ausgelagert hat
|
||||||
|
|
||||||
## Aufbau des Webinterfaces
|
## Aufbau des Webinterfaces
|
||||||
|
|
||||||
|
## Bedienung
|
||||||
|
- Benötigt werden Zugang zum Webtool (WLan und FS-Account) und ein Barcodescanner
|
||||||
|
- Sollte jedes Smartphone von Haus aus können
|
||||||
|
- Für Laptops gibts Barcodescanner die entweder per USB oder Bluetooth verbunden werden können
|
||||||
|
|
||||||
|
### Einlagerung
|
||||||
|
- via SSO Einloggen
|
||||||
|
- Auf den Reiter "Einlagerung" gehen
|
||||||
|
- Gegenstand scannen
|
||||||
|
- an den vorgesehenen Platz legen
|
||||||
|
- Einlagerung bestätigen
|
||||||
|
- ggfs ausloggen
|
||||||
|
|
||||||
---
|
---
|
||||||
|
|
||||||
## Inventur: Ablauf
|
## Inventur: Ablauf
|
||||||
|
- Laptop mit Barcodescanner oder Smartphone bereit legen
|
||||||
|
- Akkuladestand prüfen
|
||||||
|
- Im Webtool via SSO einloggen und auf den Reiter "Inventur" gehen
|
||||||
|
- "Start" auswählen
|
||||||
|
- Nachfolgend wiederholen:
|
||||||
|
- Raum auswählen
|
||||||
|
- Anweisungen im Tool befolgen (Alles im genannten Regal/Schrank scannen)
|
||||||
|
- Nachdem alles gescannt wurde die Eingabe bestätigen
|
||||||
|
- Nachdem alle Schränke in allen Räumen gescannt wurden einmal "Bestätigen" auswählen
|
||||||
|
- Nachfolgend werden 2 Listen erstellt:
|
||||||
|
- Liste mit fehlenden Gegenständen
|
||||||
|
- Liste mit falsch eingelagerten Gegenständen
|
||||||
|
|
||||||
|
Die Liste mit den flasch eingelagerten Gegenständen gibt euch den jetzigen (durch die Inventarisierung ermittelten) Ort, zusammen mit dem Soll-Ort an. Ihr könnt anschließend die Funktion "Option 1 korregieren" sowie "Option 2" nutzen. Beides ist ein vereinfachtes Umlagern. Bei ersterem scannt ihr einen Gegenstand auf der Liste und bestätigt anschließend, dass er jetzt an seinem Soll-Ort liegt. Bei zweiterem werden die ermittelten Lagerorte als neue Lagerorte für die Gegenstände verwendet und eine automatische "Umlagerung" aller aufgelisteten Gegenstände durchgeführt.
|
||||||
|
|
||||||
|
Tipp für gemischte Korrekturen:
|
||||||
|
Nutzt zuerst "Option 1" und bringt die "falsch" eingelagerten Gegenstände an ihren eigentlichen Ort zurück und verwendet anschließend für die übrige Liste "Option 2"
|
||||||
|
|
||||||
#### Test User
|
#### Test User
|
||||||
- Name: inventory
|
- Name: inventory
|
||||||
|
|
|
||||||
25
index.html
25
index.html
|
|
@ -7,16 +7,33 @@
|
||||||
</head>
|
</head>
|
||||||
<body class="container">
|
<body class="container">
|
||||||
<header>
|
<header>
|
||||||
Put navigation here
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="index.html">HTML</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="mifflin.php">PHP</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</header>
|
</header>
|
||||||
<div class="news">
|
<div class="news">
|
||||||
NEWS!
|
NEWS!
|
||||||
</div>
|
</div>
|
||||||
<div class="navigation">
|
<div class="navigation">
|
||||||
Navigation
|
<ul>
|
||||||
|
<li>
|
||||||
|
klick mich
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
klick mich
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="search-bar">
|
<div class="search-bar">
|
||||||
What are you looking for?
|
<form>
|
||||||
|
<label for="input"> Search query: </label><br>
|
||||||
|
<input type="text" id="frame" name="input"><br>
|
||||||
|
</form>
|
||||||
</div>
|
</div>
|
||||||
<div class="result">
|
<div class="result">
|
||||||
Here's what i found:
|
Here's what i found:
|
||||||
|
|
|
||||||
59
mifflin.php
Normal file
59
mifflin.php
Normal file
|
|
@ -0,0 +1,59 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="de">
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<head>
|
||||||
|
<title>DunderMifflin</title>
|
||||||
|
<link rel="stylesheet" href="style.css">
|
||||||
|
</head>
|
||||||
|
<body class="container">
|
||||||
|
<header>
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
<a href="index.html">HTML</a>
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<a href="mifflin.php">PHP</a>
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</header>
|
||||||
|
<div class="news">
|
||||||
|
NEWS!
|
||||||
|
</div>
|
||||||
|
<div class="navigation">
|
||||||
|
<ul>
|
||||||
|
<li>
|
||||||
|
SHOW TABLES
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
klick mich
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="search-bar">
|
||||||
|
<form>
|
||||||
|
<label for="input"> Search query: </label><br>
|
||||||
|
<input type="text" id="frame" name="input"><br>
|
||||||
|
</form>
|
||||||
|
</div>
|
||||||
|
<div class="result">
|
||||||
|
Here's what i found:
|
||||||
|
<?php
|
||||||
|
$servername = "localhost";
|
||||||
|
$username = "inventory";
|
||||||
|
$password = "password";
|
||||||
|
|
||||||
|
// Create connection
|
||||||
|
$conn = new mysqli($servername, $username, $password);
|
||||||
|
|
||||||
|
// Check connection
|
||||||
|
if ($conn->connect_error) {
|
||||||
|
die("Connection failed: " . $conn->connect_error);
|
||||||
|
}
|
||||||
|
echo "Connected successfully";
|
||||||
|
?>
|
||||||
|
</div>
|
||||||
|
<!--<footer>
|
||||||
|
Impress etc...
|
||||||
|
</footer>-->
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
43
style.css
43
style.css
|
|
@ -34,7 +34,29 @@ header {
|
||||||
top: 0px;
|
top: 0px;
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
|
|
||||||
|
display: grid;
|
||||||
|
/*grid-template-areas: 'left' 'right';*/
|
||||||
}
|
}
|
||||||
|
header ul{
|
||||||
|
/*grid-area: left;*/
|
||||||
|
list-style-type: none;
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
overflow: hidden;
|
||||||
|
/*background-color: var(--matrix);*/
|
||||||
|
}
|
||||||
|
header li {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
|
||||||
|
li a {
|
||||||
|
display: block;
|
||||||
|
color: white;
|
||||||
|
text-align: center;
|
||||||
|
padding: 14px 16px;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-areas: 'header header' 'news news' 'navigation search-bar' 'navigation result' 'footer footer';
|
grid-template-areas: 'header header' 'news news' 'navigation search-bar' 'navigation result' 'footer footer';
|
||||||
|
|
@ -43,22 +65,39 @@ header {
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
row-gap: 5px;
|
gap: 5px;
|
||||||
}
|
}
|
||||||
.navigation {
|
.navigation {
|
||||||
grid-area: navigation;
|
grid-area: navigation;
|
||||||
|
/*width: 30px;*/
|
||||||
|
text-align: center;
|
||||||
|
border: solid;
|
||||||
|
border-color: var(--pink);
|
||||||
|
border-width: 4px;
|
||||||
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
.result {
|
.result {
|
||||||
grid-area: result;
|
grid-area: result;
|
||||||
|
/*width: 500px;*/
|
||||||
|
border: solid;
|
||||||
|
border-color: var(--silicon);
|
||||||
|
border-width: 2px;
|
||||||
}
|
}
|
||||||
.news {
|
.news {
|
||||||
grid-area: news;
|
grid-area: news;
|
||||||
|
text-align: center;
|
||||||
}
|
}
|
||||||
.search-bar {
|
.search-bar {
|
||||||
grid-area: search-bar;
|
grid-area: search-bar;
|
||||||
|
text-align: center;
|
||||||
|
align: center;
|
||||||
|
border: solid;
|
||||||
|
border-width: 2px;
|
||||||
|
border-color: var(--silicon);
|
||||||
|
/*width: 500px;*/
|
||||||
|
}
|
||||||
footer {
|
footer {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-area: 'footer';
|
grid-area: 'footer';
|
||||||
grid-template-columns: auto;
|
grid-template-columns: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue