TIF_NGANJUK_E41212035/forms/baca_tutorial.php

124 lines
4.6 KiB
PHP

<?php
session_start();
if (!isset($_SESSION['loggedin']) || $_SESSION['loggedin'] !== true) {
header('Location: ../auth/login.php');
exit;
}
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Petunjuk Penggunaan Website - Masjid-E</title>
<link href="../assets/img/favicon.png" rel="icon">
<link href="../assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Fonts & CSS -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans|Nunito|Poppins" rel="stylesheet">
<link href="../assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="../assets/vendor/simple-datatables/style.css" rel="stylesheet">
<link href="../assets/css/admin.css" rel="stylesheet">
</head>
<body>
<?php
include '../forms/section/header.php';
include '../forms/section/sidebar.php';
?>
<main id="main" class="main">
<div class="pagetitle">
<h1>Petunjuk Penggunaan Website</h1>
<nav>
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="dashboard.php">Home</a></li>
<li class="breadcrumb-item active">Baca Tutorial</li>
</ol>
</nav>
</div>
<section class="section">
<div class="row">
<div class="col-lg-12">
<div class="card">
<div class="card-body pt-4">
<h5 class="card-title">Panduan Umum Penggunaan Sistem</h5>
<ol>
<li><strong>Login ke Sistem</strong>
<p>Masukkan username dan password pada halaman login. Jika berhasil, Anda akan diarahkan ke dashboard utama.</p>
</li>
<li><strong>Dashboard</strong>
<p>Dashboard menampilkan ringkasan kegiatan, jumlah kas, dan menu navigasi untuk fitur-fitur lain.</p>
</li>
<li><strong>Kelola Kegiatan</strong>
<ul>
<li>Buka menu <strong>Kelola Kegiatan</strong>.</li>
<li>Gunakan tombol <strong>Tambah Kegiatan</strong> untuk membuat kegiatan baru.</li>
<li>Isi semua informasi kegiatan: nama, deskripsi, tanggal mulai & selesai, dan gambar.</li>
<li>Gunakan fitur pencarian untuk mencari berdasarkan nama kegiatan.</li>
<li>Tekan tombol <strong>Edit</strong> atau <strong>Hapus</strong> sesuai kebutuhan.</li>
</ul>
</li>
<li><strong>Kelola Profil Masjid</strong>
<ul>
<li>Pilih menu <strong>Kelola Profil Masjid</strong>.</li>
<li>Isi informasi lengkap seperti nama masjid, alamat lengkap, peta lokasi, dan lain sebagainya.</li>
<li>Data ini akan ditampilkan di halaman landingpage.</li>
</ul>
</li>
<li><strong>Kelola Dana Kas</strong>
<ul>
<li>Pilih menu <strong>Ikhtisar Kas</strong>.</li>
<li>Tambahkan pemasukan atau pengeluaran dengan mengisi formulir yang tersedia.</li>
<li>Semua transaksi akan tampil dalam tabel kas harian, dan bisa dicetak.</li>
</ul>
</li>
<li><strong>Konfirmasi Donasi</strong>
<ul>
<li>Gunakan menu <strong>Konfirmasi Donasi</strong> untuk melihat daftar donasi masuk.</li>
<li>Admin dapat mengonfirmasi bukti donasi yang telah diunggah oleh donatur.</li>
</ul>
</li>
<li><strong>Ubah Profil Admin</strong>
<p>Pilih menu <strong>Profil</strong> (terletak di pojok kanan atas), lalu klik <strong>Ubah Profil Admin</strong> untuk memperbarui nama, username, email, dan nomor HP.</p>
</li>
<li><strong>Logout</strong>
<p>Gunakan tombol keluar di sidebar atau header untuk keluar dari sistem dengan aman.</p>
</li>
</ol>
<h5 class="card-title mt-4">Tips Penggunaan Aman</h5>
<ul>
<li>Selalu logout setelah menggunakan sistem, terutama di komputer umum.</li>
<li>Gunakan password yang kuat dan rahasiakan dari orang lain.</li>
<li>Backup data secara berkala untuk menghindari kehilangan informasi penting.</li>
<li>Laporkan jika Anda menemukan bug atau masalah teknis ke tim pengembang.</li>
</ul>
</div>
</div>
</div>
</div>
</section>
</main>
<?php include('../forms/section/footer.php'); ?>
</body>
</html>