UIX_virtual_Web_server
UIX_virtual_Web_server
Using WAMP and LAMP server platforms, this development approach integrates server-side logic with an
intuitive client-side interface. It’s a straightforward, efficient solution that meets company needs while
ensuring strong performance and a seamless user experience
<?php
session_start();
if (!isset($_SESSION['faculty_id'])) {
header("Location: login.php");
exit();
require_once 'db.php';
$faculty_id = $_SESSION['faculty_id'];
$stmt = $pdo->prepare($sql);
$stmt->execute([$faculty_id]);
$faculty = $stmt->fetch();
$attendance_sql = "SELECT student_name, date, status FROM attendance WHERE faculty_id = ?";
$stmt = $pdo->prepare($attendance_sql);
$stmt->execute([$faculty_id]);
$attendance_records = $stmt->fetchAll();
$stmt = $pdo->prepare($assignments_sql);
$stmt->execute([$faculty_id]);
$assignments = $stmt->fetchAll();
$stmt = $pdo->prepare($leave_sql);
$stmt->execute([$faculty_id]);
$leave_requests = $stmt->fetchAll();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Faculty Dashboard</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet">
<style>
body {
background-color: #f8f9fa;
.card-header {
font-weight: bold;
.card-body {
font-size: 1.1rem;
.profile-img {
width: 50px;
height: 50px;
border-radius: 50%;
object-fit: cover;
.profile-container {
position: absolute;
top: 20px;
right: 20px;
z-index: 10;
}
.content-container {
padding-top: 70px;
</style>
</head>
<body>
<div class="container-fluid">
<div class="ml-auto">
</div>
</div>
</nav>
<div class="profile-container">
<?php
?>
</div>
<div class="row">
<div class="col-md-4">
<div class="card">
<div class="card-header">
<div class="card-body">
</div>
</div>
</div>
<div class="col-md-8">
<div class="card-header">
Student Attendance
</div>
<div class="card-body">
<h5>Mark Attendance</h5>
<div class="mb-3">
</div>
<div class="mb-3">
<option value="Present">Present</option>
<option value="Absent">Absent</option>
<option value="Late">Late</option>
</select>
</div>
<div class="mb-3">
<label for="attendance_date" class="form-label">Date</label>
</div>
</form>
<hr>
<h5>Attendance Records</h5>
<thead>
<tr>
<th>Student Name</th>
<th>Date</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
</tr>
</tbody>
</table>
</div>
</div>
<div class="card-header">
</div>
<div class="card-body">
<div class="mb-3">
</div>
<div class="mb-3">
</div>
<div class="mb-3">
</div>
</form>
<hr>
<h5>Uploaded Assignments</h5>
<thead>
<tr>
<th>Title</th>
<th>Upload Date</th>
<th>Action</th>
</tr>
</thead>
<tbody>
<tr>
</tr>
</tbody>
</table>
</div>
</div>
<div class="card">
<div class="card-header">
</div>
<div class="card-body">
<div class="mb-3">
</div>
<div class="mb-3">
</div>
<button type="submit" class="btn btn-danger">Request Leave</button>
</form>
<hr>
<h5>Leave Requests</h5>
<thead>
<tr>
<th>Leave Date</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<tr>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]
alpha1/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>