Kata Pengantar

Segala puji dan syukur kehadirat Allah SWT yang telah memberikan
anugerah dan karunianya yang melimpah. Sehingga penulis dapat
menyelesaikan Peduli Diri.

Buku panduan ini merupakan penyempurnaan dari pembuatan

aplikasi peduli diri, Sebagai petunjuk pemakaian bagi pengguna aplikasi
peduli diri.

Saya menyadari masih terdapat kekurangan dalam buku ini, Untuk

itu kritik dan saran terhadap penyempurnaan buku ini sangat diharapkan.
Semoga buku ini dapat memberi manfaat serta pencerahan bagi pengguna
aplikasi peduli diri,

Depok, 4 April 2022

Penulis

Awliya Ramadin

1 | Manual Book-Aplikasi Peduli Diri

Awliya Ramadini
 Peduli Diri

Untuk menjalankan Aplikasi Peduli Diri jalankan internet di

browser anda (dianjurkan menggunakan google Crhome),
(http://localhost:8000) ketikan alamat URL tersebut maka anda akan ke
halaman utama.

1. Halaman Utama
Sebelum Kehalaman Login dan Register aplikasi Peduli Diri akan
menampilkan halaman utama terlebih dahulu. Dan apabila sudah
Login dan Register halaman ini akan muncul kembali dengan
tambahan dibagian atas sejajar dengan Logo Peduli Diri yang berisi
form-form Peduli Diri .Terdapat 4 Form Admin (Home, Data
Perjalanan, Profile dan Data User) dan 3 Form User (Home, Data
Perjalanan dan Profile).

Gambar Halaman Utama

2 | Manual Book-Aplikasi Peduli Diri

Awliya Ramadini
2 | Manual Book-Aplikasi Peduli Diri

Awliya Ramadini
2. Login
Sebelum dapat mengakses Website, Peduli Diri akan diarahkan ke
halaman Login.
Setelah masuk kehalaman Login. Masukkan Username dan Password
LOGIN
USERNAME : admin
PASSWORD : admin123
Jika Username atau Password salah maka anda diminta untuk
mengulang kembali Username atau Password yang benar.
Apabila sudah benar Username dan Password ,maka anda berhasil
masuk Aplikasi Peduli Diri.

Gambar Halaman Login

3 | Manual Book-Aplikasi Peduli Diri

Awliya Ramadini
3. Registrasi
Ketika belum memiliki akun , anda akan diarahkan kehalaman
Registrasi akun untuk Peduli Diri. Jika sudah registrasi anda akan di
arahkan ke halaman Login, maka anda berhasil masuk ke Aplikasi
Peduli Diri.

Gambar Halaman Register atau Daftar

4 | Manual Book-Aplikasi Peduli Diri

Awliya Ramadini
4. Data Perjalanan
Pada halaman ini , peduli diri akan menampilkan data perjalanan
yang telah di input atau ditambahkan sebelumnya.

⮚ Tombol Tambah Data : Untuk Menambahkan data perjalanan

⮚ Tombol Hapus : Untuk Menghapus Data Perjalanan

⮚ Tombol Profile : Untuk Menampilkan ke halaman Profile

Gambar Halaman Data Perjalanan

5 | Manual Book-Aplikasi Peduli Diri

Awliya Ramadini
5 | Manual Book-Aplikasi Peduli Diri

Awliya Ramadini
5. Tambah Data Perjalanan
Pada halaman ini akan menambahkan data perjalanan

 Tombol Simpan Data : Untuk menyimpan data yang telah

kita input pada form pendaftaran.
 Tombol Batal : Untuk Membatalkan penambahan data.

Gambar Halaman Tambah Data Perjalanan

6 | Manual Book-Aplikasi Peduli Diri

Awliya Ramadini
6. Profile
Dihalaman Profile ini ada Tampilan Data Profile yang sudah diisi di
Registrasi.

⮚ Tombol Edit : Untuk mengedit data profile.

⮚ Tombol Kembali : Untuk kembali kehalaman sebelumnya.

Gambar Halaman Data Profile

7 | Manual Book-Aplikasi Peduli Diri

Awliya Ramadini
7. Edit Profile
Dihalaman ini anda dapat mengedit data profile, Untuk Mengubah
data apabila terjadi kesalahan dalam penginputan dan tambahan data
alamat.

Gambar Halaman Edit Profile

8 | Manual Book-Aplikasi Peduli Diri

Awliya Ramadini
8. Data User

Dihalaman ini admin dapat melihat pengguna aplikasi Peduli Diri ini,
admin dapat melihat detail data pengguna dan bisa menghapus
pengguna. Akan tetapi, admin tidak bisa menghapus data admin
sendiri atau akun yg bersifat admin.

⮚ Tombol action : Untuk Menampilkan pilihan Detail atau

Hapus.

⮚ Tombol Detail : Untuk Berpindah halaman ke halaman detail

pengguna yang dapat dilihat oleh admin.

⮚ Tombol Hapus : Untuk Menghapus Pengguna atau User dari

Aplikasi Peduli Diri, dan apabila sudah tidak digunakan.

⮚ Tombol Cetak PDF : Untuk Mencetak atau menjadikan Data

User ke file PDF.

Gambar Halaman Data User

9 | Manual Book-Aplikasi Peduli Diri

Awliya Ramadini
Gambar Halaman Print PDF Data User

Gambar Halaman Detail

10 | Manual Book-Aplikasi Peduli Diri

Awliya Ramadini