useredit.php

Legenda:

Sprint 3 

index.php (de log in scherm)

session.php (dit checkt of de persoon die inlogt admin is)

planning.php (de ticket overzicht voor de user)

ticketinsert.php

ticketedit.php

ticketdelete.php

board.php (de ticket overzicht voor de admin)

user.php (de users overzicht voor de admin)

userinsert.php

useredit.php

userdelete.php

style.css

<?php

require "session.php" ;
/**
 * haal de informatie indien nodig op
 * zet de nieuwe informatie in de tabel op de juiste plek als er de informatie al een plek (ID) had
 */


session_start();
require "session.php" ;
$id= $_GET['id'];
$db= mysqli_connect('localhost', 'root', '', 'qrp');
$sql = "SELECT * FROM users WHERE id= '$id'";
$result= mysqli_query($db, $sql);

$username ='';
$password ='';
$email    ='';
$company  ='';
if(isset($_POST['submit']) && $_POST['verify'] === $_POST['password'] ){
    $ok=true;
    $username = $_POST['username'];
    $password = mysqli_real_escape_string($db, $_POST['password']);
    $email    = $_POST['email'];
    $company  = $_POST['company'];
    $hash= md5($password);
    $db= mysqli_connect('localhost', 'root', '', 'qrp');
    $sql = "UPDATE users SET username='$username', password='$hash', email='$email', company='$company' WHERE id='$id'";
    $result= mysqli_query($db, $sql);
    mysqli_close($db);
    header("Location: user.php");

    if (!isset($_POST['username']) || $_POST['username']=== ""){
        $ok=false;
    }
    if (!isset($_POST['password']) || $_POST['password']=== ""){
        $ok=false;
    }
    if (!isset($_POST['verify']) || $_POST['verify']=== ""){
        $ok=false;
    }
    if (!isset($_POST['email']) || $_POST['email']=== ""){
        $ok=false;
    }
    if (!isset($_POST['company']) || $_POST['company']=== ""){
        $ok=false;
    }

}
if($row = mysqli_fetch_assoc($result)){
$rowusername = $row['username'];
$rowemail = $row['email'];
$rowcompany = $row['company'];
mysqli_close($db);
?>
<!DOCTYPE html>
<html>
<link href="css/style.css" type="text/css" rel="stylesheet">
<head>

</head>
<body>
<div class="wrapper">
    <div class="banner">
        <nav>
            <a id="home-button2" class="nav-buttons" href="planning.php">Quick Response Portal</a>
            <a class="nav-buttons" href="board.php">Board</a>
            <a class="nav-buttons" href="user.php">Users</a>
            <a id="sign-out" href="logout.php">Log Out</a>
        </nav>
    </div>
    <div class="form-frame-user2">
        <form method="post" action="">
            <div>
                <p class="form-title">Edit User</p>
            </div>
            <div class="username">
                <label class="label">Username</label>
                <input class="text-field" type="text" name="username" value="<?=$rowusername?>" placeholder="Type your username here"><br>
            </div>
            <div class="password">
                <label class="label">Password</label>
                <input class="text-field" type="password" name="password" value=""
                       placeholder="Type your password here"><br>
                <label class="label">Verify Password</label>
                <input class="text-field" type="password" name="verify" value=""
                       placeholder="Verify your password here"><br>
            </div>
            <div class="email">
                <label class="label">Email</label>
                <input class="text-field" type="text" name="email" value="<?=$rowemail?>" placeholder="Type your email here"><br>
            </div>
            <div class="company-name">
                <label class="label">Company Name</label>
                <input class="text-field" type="text" name="company" value="<?=$rowcompany?>" placeholder="Type your company name here"><br>

                <p class="fill-up2"></p>
                <input class="login" type="submit" name="submit" value="Submit">
                <?php
                }
                ?>
            </div>
        </form>
    </div>
</div>
</body>
</html>

userinsert.php

Legenda:

Sprint 3 

index.php (de log in scherm)

session.php (dit checkt of de persoon die inlogt admin is)

planning.php (de ticket overzicht voor de user)

ticketinsert.php

ticketedit.php

ticketdelete.php

board.php (de ticket overzicht voor de admin)

user.php (de users overzicht voor de admin)

userinsert.php

useredit.php

userdelete.php

style.css

<?php

/**
 * haal de informatie indien nodig op
 * zet de nieuwe informatie in de tabel op de juiste plek als er de informatie al een plek (ID) had
 */

require "session.php" ;
$username ='';
$password ='';
$email    ='';
$company  ='';
if(isset($_POST['submit']) && $_POST['verify'] === $_POST['password'] ){
     $ok=true;
        $username = $_POST['username'];
        $password = md5($_POST['password']);
        $email    = $_POST['email'];
        $company  = $_POST['company'];
        $hash= $password;
        $db= mysqli_connect('localhost', 'root', '', 'qrp');
        $sql = "INSERT INTO users (username, password, email, company) VALUES ('$username', '$hash', '$email', '$company')";
        $result= mysqli_query($db, $sql);
        mysqli_close($db);
        header("Location: user.php");

    if (!isset($_POST['username']) || $_POST['username']=== ""){
        $ok=false;
    }
    if (!isset($_POST['password']) || $_POST['password']=== ""){
        $ok=false;
    }
    if (!isset($_POST['verify']) || $_POST['verify']=== ""){
        $ok=false;
    }
    if (!isset($_POST['email']) || $_POST['email']=== ""){
        $ok=false;
    }
    if (!isset($_POST['company']) || $_POST['company']=== ""){
        $ok=false;
    }

}
?>
<!DOCTYPE html>
    <html>
    <link href="css/style.css" type="text/css" rel="stylesheet">
        <head>

        </head>
        <body>
        <div class="wrapper">
            <div class="banner">
                <nav>
                    <a id="home-button2" class="nav-buttons" href="planning.php">Quick Response Portal</a>
                    <a class="nav-buttons" href="board.php">Board</a>
                    <a class="nav-buttons" href="user.php">Users</a>
                    <a id="sign-out" href="logout.php">Log Out</a>
                </nav>
            </div>
            <div class="form-frame-user">
                <form method="post" action="">
                    <div>
                        <p class="form-title">Add New User</p>
                    </div>
                    <div class="username">
                        <label class="label">Username</label>
                        <input class="text-field" type="text" name="username" value="" placeholder="Type your username here"><br>
                    </div>
                    <div class="password">
                        <label class="label">Password</label>
                        <input class="text-field" type="password" name="password" value="" placeholder="Type your password here"><br>
                        <label class="label">Verify Password</label>
                        <input class="text-field" type="password" name="verify" value="" placeholder="Verify your password here"><br>
                    </div>
                    <div class="email">
                        <label class="label">Email</label>
                        <input class="text-field" type="text" name="email" value="" placeholder="Type your email here"><br>
                    </div>
                    <div class="company-name">
                        <label class="label">Company Name</label>
                        <input class="text-field" type="text" name="company" value="" placeholder="Type your company name here"><br>
                        <p class="fill-up2"></p>
                    </div>
                    <div class="submit">
                        <input class="login" type="submit" name="submit" value="Submit">
                    </div>
                </form>
            </div>
            </div>
        </body>
    </html>

user.php

Legenda:

Sprint 3 

index.php (de log in scherm)

session.php (dit checkt of de persoon die inlogt admin is)

planning.php (de ticket overzicht voor de user)

ticketinsert.php

ticketedit.php

ticketdelete.php

board.php (de ticket overzicht voor de admin)

user.php (de users overzicht voor de admin)

userinsert.php

useredit.php

userdelete.php

style.css

<?php

require "session.php" ;
$rowNumber=0;
$db = mysqli_connect('localhost', 'root', '', 'qrp');
$sql = 'SELECT * FROM users';
$result = mysqli_query($db, $sql);
$row= mysqli_fetch_assoc($result);
htmlspecialchars($row['username']);
htmlspecialchars($row['password']);
htmlspecialchars($row['id']);
htmlspecialchars($row['email']);
htmlspecialchars($row['company']);

if (isset($_POST['check'])){

}
?>
<!DOCTYPE html>
    <html>
    <link href="css/style.css" type="text/css" rel="stylesheet">
        <head>

        </head>
        <body>
        <div class="wrapper">
            <div class="banner">

                <nav>
                    <div class="home-button-field">
                        <a id="home-button2" class="nav-buttons" href="planning.php">Quick Response Portal</a>
                    </div>
                    <a class="nav-buttons" href="board.php">Board</a>
                    <a class="nav-buttons" href="user.php">Users</a>
                    <a id="sign-out" href="logout.php">Log Out</a>
                </nav>
            </div>

        <div class="second-nav">
            <a class="add" href="userinsert.php">Add User</a>
        </div>

            <div class="users">
                <table>
                <tr>
                    <th>Select</th>
                    <th>ID</th>
                    <th>User Name</th>
                    <th>Password</th>
                    <th>Email</th>
                    <th>Company Name</th>


                </tr>

            <?php
            foreach ($result as $row){
                $rowNumber++;
            ?>
                <tr class="<?= $rowNumber % 2 == 0 ? "even": "odd"?>">

                    <td><input type="checkbox" name="check" value=""></td>
                    <td><?=$row['id']?></td>
                    <td><?=$row['username']?></td>
                    <td><?=$row['password']?></td>
                    <td><?=$row['email']?></td>
                    <td><?=$row['company']?></td>
                    <td>
                            <a class="edit" href="useredit.php?id=<?=$row['id']?>">Edit</a>
                    </td>
                    <td>
                        <a class="delete" href="userdelete.php?id=<?=$row['id']?>">Delete</a>
                    </td>
                </tr>
            <?php
            }
            mysqli_close($db);

            ?>
                </table>
            </div>
        </body>
    </html>

ticketdelete.php

Legenda:

Sprint 3 

index.php (de log in scherm)

session.php (dit checkt of de persoon die inlogt admin is)

planning.php (de ticket overzicht voor de user)

ticketinsert.php

ticketedit.php

ticketdelete.php

board.php (de ticket overzicht voor de admin)

user.php (de users overzicht voor de admin)

userinsert.php

useredit.php

userdelete.php

style.css

<?php
/**
 * Created by PhpStorm.
 * User: carlo
 * Date: 1/10/16
 * Time: 6:55 PM
 */
$ticket_id= $_GET['id'];
$db = mysqli_connect('localhost', 'root', '', 'qrp');
$sql = "DELETE FROM tickets WHERE ticket_id= '$ticket_id'";

if ($result= mysqli_query($db, $sql)){
    mysqli_close($db);

    if ($_SESSION['is_admin']){
        header("Location: board.php");
    }
    else {
        header("Location: planning.php");
    }
}
else {

}
?>

ticketedit.php

Legenda:

Sprint 3 

index.php (de log in scherm)

session.php (dit checkt of de persoon die inlogt admin is)

planning.php (de ticket overzicht voor de user)

ticketinsert.php

ticketedit.php

ticketdelete.php

board.php (de ticket overzicht voor de admin)

user.php (de users overzicht voor de admin)

userinsert.php

useredit.php

userdelete.php

style.css

<?php
/**
 *
 */
session_start();
$admin= $_GET['admin'];
$ticket_id= $_GET['id'];
$db= mysqli_connect('localhost', 'root', '', 'qrp');
$sql = "SELECT * FROM tickets WHERE ticket_id= '$ticket_id'";
$result= mysqli_query($db, $sql);

$subject ='';
$content ='';
$type    ='';
$status  ='';
if(isset($_POST['submit'])){
    $subject = $_POST['subject'];
    $content = $_POST['content'];
    $type = $_POST['type'];
    $status=$_POST['status'];
    $sql = "UPDATE tickets SET subject='$subject', content='$content', type='$type', status='$status' WHERE ticket_id='$ticket_id'";
    $result=  mysqli_query($db, $sql);
    mysqli_close($db);
    if (isset($_SESSION['is_admin'])){
        header("Location: board.php");
    }
    else {
        header("Location: planning.php");
    }
    if (!isset($_POST['subject']) || $_POST['subject']=== ""){
        $ok=false;
    }
    if (!isset($_POST['content']) || $_POST['content']=== ""){
        $ok=false;
    }

}
if($row = mysqli_fetch_assoc($result)){
$rowsubject = $row['subject'];
$rowcontent = $row['content'];
$rowtype = $row['type'];
mysqli_close($db);
?>

<!DOCTYPE html>
<html>
<link href="css/style.css" type="text/css" rel="stylesheet">
<head>

</head>
<body>
<div class="wrapper">
    <div class="banner">
        <nav>
            <a id="home-button2" class="nav-buttons" href="planning.php">Quick Response Portal</a>
            <?php
            if ($admin = 1){
                ?>
                <a class="nav-buttons" href="board.php">Board</a>
                <a class="nav-buttons" href="user.php">Users</a>
                <?php
            }
            else {
                ?>
                <a class="nav-buttons" href="planning.php">Planning</a>
                <?php
            }
            ?>
<a id="sign-out" href="logout.php">Log Out</a>
</nav>
</div>

            <?php if ($_SESSION['is_admin']){ ?>
                <div class="form-frame-ticket-admin">
                    <form method="post" action="">
                        <div>
                            <p class="form-title">Edit Ticket</p>
                        </div>
                        <div class="subject">
                            <label class="label">Subject</label>
                            <input class="text-field" type="text" name="subject" size="" value="<?= $rowsubject ?>">
                        </div>
                        <div class="content">
                            <label class="label">Content</label>
                            <textarea class="text-field-big" name="content" datatype="CHAR" ><?= $rowcontent ?></textarea>
                        </div>
                        <div class="type">
                            <label class="label">Type</label>
                            <select class="type-select" name="type">
                                <option value="Notification">Notification</option>
                                <option value="Instruction">Instruction</option>
                                <option value="Question">Question</option>
                                <option value="Request">Request</option>
                            </select>
                            <div class="status">
                                <label class="label">Status</label>
                                <select class="type-select" name="type">
                                    <option value="Not Done">Not Done</option>
                                    <option value="Pending">Pending</option>
                                    <option value="In Progress">In Progress</option>
                                    <option value="Done">Done</option>
                                </select>
                            </div>
                        </div>
                        <div class="submit">
                            <p class="fill-up2"></p>
                            <input class="login" type="submit" name="submit" value="Submit">
                        </div>
                    </form>
                </div>
            <?php } else { ?>
                <div class="form-frame-ticket">
                    <form method="post" action="">
                        <div>
                            <p class="form-title">Edit Ticket</p>
                        </div>
                        <div class="subject">
                            <label class="label">Subject</label>
                            <input class="text-field" type="text" name="subject" size="" value="<?= $rowsubject ?>">
                        </div>
                        <div class="content">
                            <label class="label">Content</label>
                            <textarea class="text-field-big" name="content" datatype="CHAR" ><?= $rowcontent ?></textarea>
                        </div>
                        <div class="type">
                            <label class="label">Type</label>
                            <select class="type-select" name="type">
                                <option value="Question">Question</option>
                                <option value="Request">Request</option>
                            </select>
                        </div>
                        <div class="submit">
                            <p class="fill-up2"></p>
                            <input class="login" type="submit" name="submit" value="Submit">
                        </div>
                    </form>
                </div>
            <?php } ?>

</div>
</body>
</html>
<?php }?>

ticketinsert.php

Legenda:

Sprint 3 

index.php (de log in scherm)

session.php (dit checkt of de persoon die inlogt admin is)

planning.php (de ticket overzicht voor de user)

ticketinsert.php

ticketedit.php

ticketdelete.php

board.php (de ticket overzicht voor de admin)

user.php (de users overzicht voor de admin)

userinsert.php

useredit.php

userdelete.php

style.css

<?php
session_start();
$admin= $_GET['admin'];
if(isset($_POST['submit'])){
    $subject = $_POST['subject'];
    $content = $_POST['content'];
    $type = $_POST['type'];
    $db = mysqli_connect('localhost', 'root', '', 'qrp');
    $sql = "INSERT INTO tickets (subject, content, type) VALUES ('$subject', '$content' , '$type')";
    $result=  mysqli_query($db, $sql);
    mysqli_close($db);
        if (isset($_SESSION['is_admin'])){
            header("Location: board.php");
        }
        else {
            header("Location: planning.php");
        }
    if (!isset($_POST['subject']) || $_POST['subject']=== ""){
        $ok=false;
    }
    if (!isset($_POST['content']) || $_POST['content']=== ""){
        $ok=false;
    }

}
?>
<!DOCTYPE html>
<html>
<link href="css/style.css" type="text/css" rel="stylesheet">
<head>

</head>
<body>
<div class="wrapper">
    <div class="banner">
        <nav>
            <a id="home-button" class="nav-buttons" href="planning.php">Quick Response Portal</a>
            <?php
            if ($_SESSION['is_admin']){
                ?>
                <a class="nav-buttons" href="board.php">Board</a>
                <a class="nav-buttons" href="user.php">Users</a>

                <?php } else {?>

                <a class="nav-buttons" href="planning.php">Planning</a>

                <?php } ?>

            <a id="sign-out" href="logout.php">Log Out</a>
        </nav>
    </div>
    <?php if ($admin == 1){ ?>
        <div class="form-frame-ticket-admin">
            <form method="post" action="">
                <div>
                    <p class="form-title">Add New Ticket</p>
                </div>
                <div class="subject">
                    <label class="label">Subject</label>
                    <input class="text-field" type="text" name="subject" size="" value="">
                </div>
                <div class="content">
                    <label class="label">Content</label>
                    <textarea class="text-field-big" name="content" datatype="CHAR" content=""></textarea>
                </div>
                <div class="type">
                    <label class="label">Type</label>
                    <select class="type-select" name="type">
                        <option value="Notification">Notification</option>
                        <option value="Instruction">Instruction</option>
                        <option value="Question">Question</option>
                        <option value="Request">Request</option>
                    </select>
                    <div class="status">
                        <label class="label">Status</label>
                        <select class="type-select" name="type">
                            <option value="Not Done">Not Done</option>
                            <option value="Pending">Pending</option>
                            <option value="In Progress">In Progress</option>
                            <option value="Done">Done</option>
                        </select>
                    </div>
                </div>
                <div class="submit">
                    <p class="fill-up2"></p>
                    <input class="login" type="submit" name="submit" value="Submit">
                </div>
            </form>
        </div>
    <?php } else { ?>
        <div class="form-frame-ticket">
            <form method="post" action="">
                <div>
                    <p class="form-title">Edit Ticket</p>
                </div>
                <div class="subject">
                    <label class="label">Subject</label>
                    <input class="text-field" type="text" name="subject" size="" value="">
                </div>
                <div class="content">
                    <label class="label">Content</label>
                    <textarea class="text-field-big" name="content" datatype="CHAR" content=""></textarea>
                </div>
                <div class="type">
                    <label class="label">Type</label>
                    <select class="type-select" name="type">
                        <option value="Question">Question</option>
                        <option value="Request">Request</option>
                    </select>
                </div>
                <div class="submit">
                    <p class="fill-up2"></p>
                    <input class="login" type="submit" name="submit" value="Submit">
                </div>
            </form>
        </div>
    <?php } ?>
</div>
</body>
</html>

planning.php

Legenda:

Sprint 3 

index.php (de log in scherm)

session.php (dit checkt of de persoon die inlogt admin is)

planning.php (de ticket overzicht voor de user)

ticketinsert.php

ticketedit.php

ticketdelete.php

board.php (de ticket overzicht voor de admin)

user.php (de users overzicht voor de admin)

userinsert.php

useredit.php

userdelete.php

style.css

<?php
session_start();
$user_id= $_SESSION['id'];
$rowNumber=0;
$db = mysqli_connect('localhost', 'root', '', 'qrp');
$sql = "SELECT * FROM tickets WHERE user_id='$user_id'";
$result = mysqli_query($db, $sql);
$row= mysqli_fetch_assoc($result);
htmlspecialchars($row['subject']);
htmlspecialchars($row['content']);
htmlspecialchars($row['type']);
htmlspecialchars($row['status']);


/**
 * haal de informatie alleen op
 */
?>
<!DOCTYPE html>
    <html>
        <link href="css/style.css" type="text/css" rel="stylesheet">
        <head>

        </head>
        <body>
            <div class="wrapper">
                <div class="banner">

                    <nav>
                        <a id="home-button2" class="nav-buttons" href="planning.php">Quick Response Portal</a>
                        <a class="nav-buttons" href="planning.php">FAQ</a>
                        <a id="sign-out" href="logout.php">Log Out</a>
                    </nav>
                </div>

                <div class="second-nav">
                    <a class="add" href="ticketinsert.php">Add Ticket</a>
                </div>

                <div class="users">
                        <table>
                            <tr>
                                <th>Subject</th>
                                <th>Content</th>
                                <th>Type</th>
                                <th>Status</th>



                            </tr>

                            <?php
                            foreach ($result as $row){
                                $rowNumber++;
                                ?>
                                <tr class="<?= $rowNumber % 2 == 0 ? "even": "odd"?>">

                                    <td><?=$row['subject']?></td>
                                    <td><?=$row['content']?></td>
                                    <td><?=$row['type']?></td>
                                    <td><?=$row['status']?></td>
                                    <td>
                                        <a class="edit" href="ticketedit.php?id=<?=$row['ticket_id']?>">Edit</a>
                                    </td>
                                    <?php
                                    if ($_SESSION['id'] === $row['user_id']){
                                    ?>
                                    <td>
                                        <a class="delete" href="ticketdelete.php?id=<?=$row['ticket_id']?>">Delete</a>
                                    </td>
                                </tr>
                                <?php
                            }}
                            mysqli_close($db);

                            ?>
                        </table>
                </div>
            </div>

        </body>
    </html>

session.php

Legenda:

Sprint 3 

index.php (de log in scherm)

session.php (dit checkt of de persoon die inlogt admin is)

planning.php (de ticket overzicht voor de user)

ticketinsert.php

ticketedit.php

ticketdelete.php

board.php (de ticket overzicht voor de admin)

user.php (de users overzicht voor de admin)

userinsert.php

useredit.php

userdelete.php

style.css

<?php
session_start();

if (!isset($_SESSION['is_admin']) || !$_SESSION['is_admin']) {
    header('Location: index.php');
}
?>

index.php

Legenda:

Sprint 3 

index.php (de log in scherm)

session.php (dit checkt of de persoon die inlogt admin is)

planning.php (de ticket overzicht voor de user)

ticketinsert.php

ticketedit.php

ticketdelete.php

board.php (de ticket overzicht voor de admin)

user.php (de users overzicht voor de admin)

userinsert.php

useredit.php

userdelete.php

style.css

<?php
session_start();

$message = '';


if (isset($_POST['submit'])){
    $db= mysqli_connect('localhost', 'root', '', 'qrp');
    $username= $_POST['username'];
    $password= md5($_POST['password']);
    $sql= "SELECT * FROM users WHERE username = '$username'";
    $result= mysqli_query($db, $sql);


    if ($row= mysqli_fetch_assoc($result)) {
        $id= $row['id'];
        $hash = $row['password'];
        $isAdmin = $row['is_admin'];
        $message2 = 'ja';

        if ($password === $hash) {
            $message = 'Login Succesful.';

            $_SESSION['id'] = $id;
            $_SESSION['is_admin'] = $isAdmin;

            header("Location: redirect.php");


        } else {
            $message = 'Login Failed.';
        }
    } else {
        $message = 'Login Failed';
    }
    mysqli_close($db);
}
?>

<!DOCTYPE html>

<html>
<link href="css/style.css" type="text/css" rel="stylesheet">
<head>

</head>
<body>
    <div class="wrapper">

        <div class="banner">
            <h1 id="home-button">Quick Response Portal</h1>
        </div>
    <div class="back">
        <p class="login-title">Log In</p>
                <form action="" method="post">
                    <div class="form">
                        <label>Username:</label>
                        <input class="text-field" type="text" name="username" placeholder="username"><br>
                        <br>
                        <br>
                        <label>Password:</label>
                        <input class="text-field" type="password" name="password"  placeholder="********"><br>
                    <div class="test">
                        <p class="fill-up"></p>
                        <p class="fill-up2"></p>
                        <input class="login" type="submit" name="submit" value="Log In">
                        <?php echo "<p class=\"fill-up3\">$message</p>";
                        ?>

                    </div>
                    </div>
                </form>

    </div>
    </div>
</body>
</html>

Sprint 3 review

 

De Reflectie

Heeft student aangetoond naast bekende technieken uit te bouwen ook nieuwe technieken eigen te maken?

Ja ik heb zeker nieuwe technieken eigen gemaakt. Deze technieken kunnen opgedeeld worden in de twee categorieen:

Ontwerpen:

  • Definition of Done
  • Moscow Analyse
  • Product Backlog
  • Sprint Planning
  • User Stories
  • Wire Frames
  • Site Map
  • Content Areas
  • Database Design
  • Paper prototype
  • STARR methode
  • Desk Research
  • Interview
  • Debrief
  • Persona
  • Coustumer Journey
  • Digital Wireframe
  • Activity Diagram
  • User Tests

Programmeren:

  • formulieren
  • Data doorsturen via GET of POST of via een Session
  • Database connectie en data verwisseling
  • Inlog structuur
  • Dynamische content structuur

Is student in staat gebleken kritisch naar zijn eigen handelen te kijken en verbeterpunten op te pakken?

Zeker was ik in staat om kritisch naar mijn werk te kijken. Dit doe ik elke dag wel eens even still staan wat ik aan mijzelf zou kunnen verbeteren.

In het begin wist ik dat ik niks van php wist dus ging ik zo snel mogelijk php leren. Door mijn vorige projecten waar ik in leiding was voor het maken van een website merkte ik dat er wel heel wat aan mijn html en css kennis kon verbeteren. Dit heb ik ook meteen gedaan.

Toen ik besefte dat ik een minimale kennis beheerste  voor php en mijn html en css had bijgespijkerd begon ik aan mijn website te programmeren. Na een heel hoop programmeren kwam ik erachter dat mijn manier van programmeren zeer slordig is. Ik probeerde dit constant te verbeteren alleen heb ik uiteindelijk besloten om dat als laatste te doen om mij werksnelheid te verhogen.

Heeft student zich als een professional opgesteld en grenzen opgezocht, verlegd?

Vanaf het begin van sprint 1 begon ik al met filosoferen wat ik nodig zou hebben voor mijn project en wat ik zou moeten behalen. In het begin legde ik de lat veel te hoog voor mezelf. Dus om reëel te blijven begon ik stap voor stap doelen te leggen voor mijzelf die mij zouden leiden naar het eind doel: het ultieme concept helemaal uitgewerkt. Hierdoor zou ik niet achterblijven door constant te grote stappen te proberen te behalen.

De link naar de website staat HIER 

De blogpost: Relatie met building blocks staat HIER in een link

De Ontwerpen

De ontwerpen had ik al een keer op mijn blog gezet en ik denk dat hier de wireframes bedoeld worden anders is het een beetje te vaag beschreven. Klik HIER om naar die blog post te gaan.

De Code

Om het overzichtelijker te houden maak hier een soort nav zodat het makkelijker navigeert en niet te vol staat met code in deze post.

alles staat in volgorde.

Legenda:

Sprint 3 

index.php (de log in scherm)

session.php (dit checkt of de persoon die inlogt admin is)

planning.php (de ticket overzicht voor de user)

ticketinsert.php

ticketedit.php

ticketdelete.php

board.php (de ticket overzicht voor de admin)

user.php (de users overzicht voor de admin)

userinsert.php

useredit.php

userdelete.php

style.css

Definition of Done is uitgewerkt (HOE)

Met de planning button zie je alle tickets die met de user te maken hebben in een overzicht die in huidig actief zijn. Dit scherm is alleen te zien voor de users die niet admin zijn.

home button : brengt je naar de ticket overzicht.

Related link:  brengt je naar de andere affiliatie website

De site moet ook een log in en sign out functie bevatten.

Het ticket systeem moet manueel tickets toe kunnen voegen door op de ticket add knop te drukken.

Het ticket systeem moet met de edit ticket knop de tickets kunnen doorsturen naar een andere pagina waar de nieuwe informatie ingevoerd kan worden en als volgt dus geüpdatet.

Het ticket systeem moet met de delete knop de tickets deleten. De knop is alleen te zien is voor de admin bij elke ticket maar voor de users is die alleen te zien en bruikbaar als de ticket van de user zelf is.

De admin heeft een speciaal overzicht voor de tickets waar de admin de alle ticket ziet gerangschikt op datum (dit zie je echter niet) en status van de ticket.

De Paper Prototype Test

Voor woord

Voor dit onderzoek werd alleen naar de meeting van de doelgroep gezocht. De opdracht gever heeft zijn functies en content met mij van te voren vastgelegd en ook voor de andere gebruikers daarom is er geen noodzaak om de paper prototype met hem vast te leggen omdat hij de website  van te voren heeft bedacht.

Scenario:

Log In op de website en maak een ticket aan. Deze ticket bevat de vraag aan tyway solutions of zij jouw web host willen aanpassen.

Log In op de website en pas een ticket aan.

Resultaat:

Voor de scenario: Log In op de website en maak een ticket aan. Deze ticket bevat de verzoek aan tyway solutions of zij jouw web host willen aanpassen. Ten slotte sign je out.

De proefpersoon kreeg hierbij de eerste van de set paper prototype’s te zien waar de gebruiker een log in scherm zag. De proefpersoon kon meteen zien dat hij zou kunnen inloggen. Hier zei hij meteen tegen mij: “Maakt het uit of ik nu iets moet invullen?”. Ik zei hierop dat het niet uit maakte en we deden alsof de gebruiker was ingelogd en we gingen naar de volgende pagina van de paper prototype’s.

Hier kreeg de proefpersoon een pagina te zien waar hij kon zien dat de lay-out veranderd was en dat er een knopje (navigation item) was toegevoegd die met een tintje gekleurd was. Hierop vroeg hij:”Ben ik al op de huidige pagina waar ik moet zijn?”. Ik antwoord hierop “ja” waarop de proefpersoon reageert: “Is die knop misschien dan niet onnodig als het mogelijk momenteel verwarring op brengt? “. Hierop antwoordde ik “misschien”. De proefpersoon ging hierna verder en zag dus een tabel met informatie en nog twee extra knoppen. Omdat de proefpersoon wist wat de opdracht was die hij moest uitvoeren tikte hij meteen op de ‘+’ knop die te zien was.

Dit bracht de proefpersoon naar de laatste nieuwe pagina waar de proefpersoon een formulier te zien kreeg. Op dit moment gaf ik de proef persoon een pen om te kunne schrijven wat hij zou invullen. Hierop vulde hij bij de labels in:

Titel: Web Host aanpassen.

Content: Hallo Tyway Solutions willen jullie helpen mijn webhost aanpassen.

Type: request

Na deze handeling kreeg de proef persoon weer de vorige pagina te zien met de door mij met de hand ingevulde informatie die hij had opgeschreven. Nu klikt de proef persoon volgens hem beschreven instinctief op de Sign Out knop.

Voor de scenario: Log In op de website en maak pas een ticket aan. Deze ticket bevat bevat een vraag die de proefpersoon improviseert. Ten slotte sign je out.

De eerder besproken stappen  voor het inloggen bleek hetzelfde te zijn, dus vandaar ga ik verder naar de nieuwe informatie. De proefpersoon ziet nu de pagina die hij al eerder heeft gezien de pagina met de ingevulde informatie. Hij klikt nu op de ‘Edit’ knop naast de ‘+’ knop. Nu krijgt de Proefpersoon een nieuwe pagina te zien met dezelfde formulier maar zonder content die hij heeft ingevuld. Hierop vulde hij bij de labels in:

Titel: Mijn website werkt niet

Content: Mijn website werkt niet wat nu?

Type: question

Na deze handeling kreeg de proef persoon weer de vorige pagina te zien met de door mij met de hand ingevulde informatie die hij had opgeschreven. Nu klikt de proef persoon volgens hem beschreven instinctief op de Sign Out knop.

Click Stream

Screen Shot 2016-01-11 at 6.11.51 PM

Conclusie

Misschien is de In Planning navigatie item overbodig zoals de proefpersoon al zei. Ik zal daarom meer onderzoeken doen naar de meningen van mijn doelgroep. Verder was de website compleet duidelijk voor de proefpersoon. Hij kon wist zonder enige uitleg op de knoppen te drukken die hij moest gebruiken om naar de goede pagina te komen. Mijn proefpersoon was al best oud dus dat betekent dat het duidelijk genoeg is voor elke gebruiker in de toekomst en nu.

De Digital Wireframe Test

De Proefpersonen

Screen Shot 2016-01-11 at 6.17.06 PM

Proefpersoon: Wibe

Opmerkingen na de proef (oftewel resultaat/feedback):

de user weet niet wat hem of haar te doen staat

de user weet niet wat hij of haar moet invullen als er een form gegeven wordt

de + knop eerder een done knop

Vragen na de proef:

Begreep je de reserverings systeem?

Ja in het begin wel maar op het laatste moment niet meer.

Kon de test persoon de reservering maken binnen twee minuten?

Nee de reservatie was gemaakt binnen 3 minuten.

Is de website fijn om mee te werken?

Nee helemaal niet.

Proefpersoon Renie:

Opmerkingen na de proef   (oftewel resultaat/feedback):

te veel haken en ogen.

er staat te weinig informatie over de handelingen die gedaan moeten worden

de + knop moest een verder knop zijn

Begreep je de reserverings systeem?

Nee! Helemaal niet. Er stond niet of er een artikel besteld kon worden, de knop + is onduidelijk.

Kon de test persoon de reservering maken binnen twee minuten?

Nee binnen 2:49 minuten en seconden.

Is de website fijn om mee te werken?

nee absoluut gebruikers onvriendelijk