E-SQUAD BARBER COURSE

(1)

E-SQUAD BARBER COURSE

Manual Penggunaan dan Source Code

Abstract

Aplikasi Sistem Informasi berbasis website untuk manajemen pada Squad Barber Course.

Aplikasi memiliki fasilitas mulai dari pendataan pendaftaran siswa kursus, penilaian siswa kursus, penempatan siswa kursus, hingga laporan periodik.

Pencipta : 1. Husni Faqih

2. Hanung Puji Sinukarto 3. Fandhilah

4. Warjiyono

5. Ratnawati

6. Ahmad Al Kaafi

(2)

Manual Penggunaan program dan Source Code

=============================================

Struktur Navigasi

1. Struktur Navigasi Halaman Pengunjung

Beranda Lulusan Mitra Kami Paket Kursus Hubungi

Kami Daftar

Input

2. Struktur Navigasi Halaman User

Login

Beranda Lulusan Dan Penempatan

Lulusan

Terbaru Mitra Kami Paket Kursus Hubungi

Kami Formulir Logout

(3)

3. Struktur Navigasi Halaman Admin

4. Struktur Navigasi Halaman Owner

(4)

Manual Penggunaan program sbb:

1. Desain Antar Muka Halaman Beranda Pengunjung

Merupakan halaman beranda merupakan halaman awal jika website diakses, terdapat slideshow dari beberapa lulusan & penempatan, lulusan terbaru yang digunakan untuk informasi pengunjung tentang siswa yang telah lulus dari Squad Baber Course yang digunakan juga untuk kebutuhan promosi, serta terdapat artikel yang berkaitan dengan kursus ini.

Gambar 1

Desain Antar Muka Halaman Beranda Pengunjung 2. Desain Antar Muka Halaman Lulusan Kami

Gambar 2

Desain Antar Muka Halaman Lulusan Kami

Gambar 2 merupakan halaman Lulusan Kami yang digunakan untuk menampilkan siswa-siswi yang telah lulus, bertujuan untuk menarik minat pengunjung agar mendaftar kursus.

3. Desain Antar Muka Halaman Detail Lulusan

Gambar 3

Desain Antar Muka Halaman Detail Lulusan

Gambar 3 merupakan halaman yang berisi tentang hasil dari belajar siswa yang

berupa foto dan video pada saat pembelajaran, serta data penempatan siswa yang

telah lulus dimana digunakan untuk sebagai media promosi untuk menarik minat

masyarakat.

(5)

4. Desain Antar Muka Halaman Mitra Kami

Gambar 4

Desain Antar Muka Halaman Mitra Kami

Gambar 4 Merupakan rancangan halaman mitra yang digunakan untuk menampilkan informasi ke pengunjung tentang mitra-mitra yang bekerja sama dengan Squad Barber Course.

5. Desain Antar Muka Halaman Paket Kursus

Gambar 5

Desain Antar Muka Halaman Paket Kursus

Gambar 5 merupakan halaman paket kursus yang digunakan untuk menampilkan informasi ke pengunjung tentang paket dan materi yang diajarkan di Squad Barber Course.Desain Antar Muka Halaman Register

6. Desain Antar Muka Halaman Hubungi Kami

Gambar 6

Desain Antar Muka Halaman Hubungi Kami

Gambar 6 merupakan halaman hubungi kami yang digunakan untuk menampilkan

informasi ke pengunjung tentang bagaimana cara menghubungi kami seperti nomer

whatsapp, instagram, dan menunjukan lokasi Squad Barber Course menggunakan

google map.

(6)

7. Desain Antar Muka Halaman Register

Gambar 7

Desain Antar Muka Halaman Register

Gambar 7 merupakan halaman Register dimana pengunjung diwajibkan mendaftar terlebih dahulu jika ingin mengisi formulir registrasi kursus, hal ini dilakukan guna keamanan dan menghindari spamming pengisian formulir oleh orang-orang yang tidak bertanggung jawab.

8. Desain Antar Muka Halaman Login

Gambar 8

Desain Antar Muka Halaman Login

Gambar 8 merupakan halaman Login dimana pengunjung diwajibkan login terlebih

dahulu jika ingin mengisi formulir registrasi kursus, setelah login, maka akan langsung

dipindahkan ke halaman pengisian formulir.

(7)

9. Desain Antar Muka Halaman Formulir

Gambar 9

Desain Antar Muka Halaman Formulir

Gambar 9 merupakan halaman formulir digunakan sebagai salah satu syarat pendaftaran kursus yang nantinya data tersebut akan dilihat oleh admin. Pendaftar kursus diwajibkan memilih paket kursus, nama lengkap, email, nomer handphone, tanggal lahir, pendidikan terakhir, alamat, pengalaman opsional tidak wajib diisi, upload foto pendaftar kursus, dan upload ktp. Disebelah kanan formulir terdapat rincian paket kursus yang dipilih agar calon pendaftar tidak salah dalam memilih paket kursus.

10. Desain Antar Muka Halaman Formulir Saya

Gambar 10

Desain Antar Muka Halaman Formulir Saya

(8)

Gambar 10 Merupakan halaman formulir saya yang dapat diakses setelah login dengan cara menekan gambar profil maka akan keluar sub menu akun saya, seluruh notifikasi dan logout, tekan akun saya dan akan diarahkan ke halaman formulir saya, digunakan apabila user atau pendaftar ingin melihat data formulir yang diinputkan.

11. Desain Antar Muka Halaman Hasil Interview

Gambar 11

Desain Antar Muka Halaman Hasil Interview

Gambar 11 Merupakan halaman hasil interview yang digunakan untuk melihat jadwal interview, serta hasil interview dari user.

12. Desain Antar Muka Halaman Data Diri

Gambar 12

Desain Antar Muka Halaman Data Diri

Gambar 12 Merupakan halaman Data Diri yang digunakan untuk data diri atau data

siswa dari user untuk memastikan data yang dimasukan oleh admin benar adanya.

(9)

13. Desain Antar Muka Halaman Invoice User

Gambar 13

Desain Antar Muka Halaman Invoice User

Gambar 13 Merupakan halaman yang digunakan user untuk melihat tagihan pembayaran serta menginput bukti pembayaran, user juga dapat mencetak tagihan atau invoice.

14. Desain Antar Muka Halaman Penempatan Saya

Gambar 14

Desain Antar Muka Halaman Penempatan Saya

Gambar 14 Merupakan halaman yang digunakan user untuk melihat data penempatan

yang dirinya dimana berisi dimana user ditempatkan, tanggal mulai penempatan,

tanggal selesai penempatan, serta status penempatan.

(10)

15. Desain Antar Muka Halaman Ubah Password

Gambar 15

Desain Antar Muka Halaman Ubah Password

Gambar 15 Merupakan halaman yang digunakan mengubah password user yang digunakan untuk login ke website dengan syarat password lama harus sama dengan yang ada di database dan password lama sama dengan ulangi password.

16. Desain Antar Muka Halaman Login Admin

Gambar 16

Desain Antar Muka Login Admin

Gambar 16 merupakan halaman login admin digunakan untuk admin atau owner masuk kedalam sistem atau website.

17. Desain Antar Muka Halaman Admin Home

Gambar 17

Desain Antar Muka Halaman Admin Home

(11)

Gambar 17 merupakan halaman Admin Home yang tampil pertama kali setelah admin berhasil melakukan login. Pada halaman ini ucapan selamat datang di website serta data tentang jumlah pendaftar laki-laki dan perempuan serta jumlah siswa laki- laki dan perempuan.

18. Desain Antar Muka Halaman Owner Home

Gambar 18

Desain Antar Muka Halaman Owner Home

Gambar 18 merupakan halaman Owner Home yang tampil pertama kali setelah Owner berhasil melakukan login. Pada halaman ini berisi grafik tentang jumlah pendaftar atau user, siswa yang diterima, siswa yang lulus, dan siswa yang telah ditempatkan, serta ada data tentang jumlah pendaftar laki-laki dan perempuan serta jumlah siswa laki-laki dan perempuan.

19. Desain Antar Muka Halaman Data Admin

Gambar 19

Desain Antar Muka Halaman Data Admin

Gambar 19 merupakan halaman Data Admin yang berisi data admin dengan tombol

aksi Tambah, Ubah, Detail dan Hapus. Owner dapat menggunakan semua tombol aksi

kepada seluruh data yang ada, namun admin hanya dapat menggunakan tombol

detail dan ubah untuk data diri sendiri.

(12)

20. Desain Antar Muka Halaman Tambah Data Admin

Gambar 20

Desain Antar Muka Halaman Tambah Data Admin

Gambar 20 merupakan halaman Tambah Data Admin yang akan digunakan untuk menambah data admin dimana terdiri dari nip admin, nama lengkap, email, nomer handphone, password, jabatan, foto admin, jenis kelamin dan alamat.

21. Desain Antar Muka Halaman Detail Admin

Gambar 21

Desain Antar Muka Halaman Detail Admin

Gambar 21 Merupakan halaman Detail Admin yang digunakan untuk melihat data

lengkap dari seorang admin. Apabila owner yang mengakses maka terdapat tombol

(13)

ubah dan hapus. Tombol ubah selain dapat diakses oleh owner dapat juga diakses oleh admin, namun admin hanya dapat merubah data diri sendiri, tombol hapus hanya bisa digunakan oleh owner.

22. Desain Antar Muka Ubah Data Admin

Gambar 22

Desain Antar Muka HalamanUbah Data Admin

Gambar 22 merupakan halaman Ubah Data Admin yang digunakan untuk merubah data dari seorang admin dan owner dimana data yang dapat diubah terdiri dari nama lengkap, email address, nomer handphone, jenis kelamin, jabatan, foto admin dan alamat

23. Desain Antar Muka Halaman Artikel

Gambar 23

Desain Antar Muka HalamanUbah Data Admin

Gambar 23 merupakan rancangan halaman artikel yang digunakan untuk melihat data

artikel yang telah dibuat, melihat detail artikel, merubah data artikel derta

menghapus data artikel.

(14)

24. Desain Antar Muka Halaman Data User atau Pendaftar

Gambar 24

Desain Antar Muka Halaman Data User atau Pendaftar

Gambar 24 merupakan halaman Data User dimana digunakan untuk melihat akun user dan mengubah serta menghapus akun user yang diinginkan.

25. Desain Antar Muka Halaman Seluruh Data Formulir

Gambar 25

Desain Antar Muka Halaman Seluruh Data Formulir

Gambar 25 merupakan rancangan halaman digunakan untuk melihat seluruh data

formulir tanpa dibedakan formulir yang telah diproses dan belum diproses.

(15)

26. Desain Antar Muka Halaman Formulir Masuk

Gambar 26

Desain Antar Muka Halaman Formulir Masuk

Gambar 26 merupakan rancangan halaman formulir masuk yang digunakan untuk melihat formulir yang belum diproses atau menandakan formulir yang baru masuk ke sistem.

27. Desain Antar Muka Halaman Pemilahan Formulir

Gambar 27

Desain Antar Muka Halaman Pemilahan

Gambar 27 merupakan rancangan halaman pemilahan formulir yang digunakan untuk melihat tanggal dari interview dan menambahkan hasil dari interview yang telah dilaksanakan.

28. Desain Antar Muka Halaman Hasil Interview

Gambar 28

Desain Antar Muka Halaman Hasil Interview

(16)

Gambar 28 merupakan rancangan halaman hasil interview yang digunakan untuk melihat dan mengelola hasil dari interview user.

29. Desain Antar Muka Data Invoice

Gambar 29

Desain Antar Muka Halaman Data Invoice

Gambar 29 merupakan rancangan halaman data Invoice yang digunakan untuk melihat dan mengelola data invoice atau tagihan user.

30. Desain Antar Muka Bukti Pembayaran

Gambar 30

Desain Antar Muka Halaman Bukti Pembayaran

Gambar 30 merupakan rancangan halaman bukti pembayaran yang digunakan untuk

melihat dan mengelola data bukti pembayaran yang inputkan oleh user agar

mempermudah dalam memproses data pembayaran.

(17)

31. Desain Antar Muka Pembayaran

Gambar 31

Desain Antar Muka Halaman Pembayaran

Gambar 31 merupakan rancangan halaman pembayaran yang digunakan untuk melihat dan mengelola data pembayaran setelah bukti pembayaran terkonfirmasi..

32. Desain Antar Muka Data Siswa

Gambar 32

Desain Antar Muka Halaman Data Siswa

Gambar 32 merupakan rancangan halaman Siswa yang digunakan untuk melihat dan mengelola data siswa yang telah resmi menjadi siswa di Squad Barber Course.

33. Desain Antar Muka Siswa Keluar

Gambar 33

Desain Antar Muka Halaman Siswa Keluar

(18)

Gambar 33 merupakan rancangan halaman Siswa Keluar yang digunakan untuk melihat dan mengelola data siswa yang telah resmi keluar dari Squad Barber Course.

34. Desain Antar Muka Siswa Tidak Lulus

Gambar 34

Desain Antar Muka Halaman Siswa Tidak Lulus

Gambar 34 merupakan rancangan halaman Siswa Tidak Lulus yang digunakan untuk melihat dan mengelola data siswa yang telah resmi tidak lulus dari Squad Barber Course.

35. Desain Antar Muka Lulusan Siswa

Gambar 35

Desain Antar Muka Halaman Lulusan Siswa

Gambar 35 merupakan rancangan halaman lulusan siswa yang digunakan untuk melihat dan mengelola data siswa yang telah resmi lulus dari Squad Barber Course.

36. Desain Antar Muka Penempatan Siswa

Gambar 36

Desain Antar Muka Halaman Penempatan Siswa

(19)

Gambar 36 merupakan rancangan halaman penempatan siswa yang digunakan untuk melihat dan mengelola data penempatan siswa.

37. Desain Antar Muka Halaman Materi Kursus

Gambar 37

Desain Antar Muka Halaman Materi Kursus

Gambar 37 Merupakan halaman materi kursus yang digunakan untuk menambah data materi barber yang akan diajarkan kepada siswa, terdapat tiga (3) tombol yaitu Tambah Materi untuk menambah materi, Ubah yang digunakan untuk mengubah data materi dan Hapus untuk menghapus materi yang tidak digunakan.

38. Desain Antar Muka Halaman Paket Kursus

Gambar 38

Desain Antar Muka Halaman Paket Kursus

Gambar 38 Merupakan halaman Paket Kursus yang digunakan untuk menambah data

paket yang nanti dapat pendaftar pilih saat mengisi formulir. Form sebelah kiri

digunakan untuk menambah data paket seperti kode paket, nama paket, biaya,

minimal pertemuan, dan pilihan seperti disediakan peralatan, sertifikat, garansi

pertemuan, magang dan penyaluran kerja. Terdapat empat (4) tombol pada data

paket yaitu Tambah Materi digunakan untuk mengisi materi yang diajarkan pada

paket ini, Ubah digunakan untuk merubah data paket, Detail digunakan untuk melihat

data atau isi lengkap dari paket yang dipilih dan Hapus untuk menghapus paket yang

dipilih.

(20)

39. Desain Antar Muka Halaman Mitra

Gambar 39

Desain Antar Muka Halaman Mitra

Gambar 39 Merupakan Desain Antar Muka halaman mitra yang digunakan untuk melihat data mitra yang bekerja sama dengan Squad Barber Course dimana pada halaman tersebut terdapat tombol aksi tambah data mitra, ubah, detail dan hapus.

40. Desain Antar Muka Notifikasi

Gambar 40

Desain Antar Muka Halaman Notifikasi

Gambar 40 Merupakan Desain Antar Muka halaman notifikasi yang digunakan untuk melihat dan mengelola data notifikasi.

41. Desain Antar Muka Halaman Laporan

Gambar 41

Desain Antar Muka Halaman Laporan

Gambar 41 Merupakan rancangan halaman laporan yang digunakan sebagai halaman

awal sebelum laporan dicetak, dimana owner dapat memilih laporan mana yang ingin

(21)

dicetak, terdapat 5 laporan yang dapat dicetak yaitu, laporan formulir masuk, laporan data siswa, laporan data lulusan, laporan data penempatan dan laporan pendapatan kursus berdasarkan tanggal awal dan tanggal akhir yang dipilih.

Berikut Contoh Tampilan Halaman Beranda Pengunjung:

(22)

Source Code Module “index.php”

<?php

include 'templates/header.php';

?>

<img src="foto/slide/slide2.jpg"

style="max-height: 300px;">

<h3>Squad Corp</h3>

<p>Ayo Jadilah Barber Profesional Bersama Kami</p>

</div>

<h3>Squad Corp</h3>

</div>

<h3>Squad Corp</h3>

</div>

<a class="carousel-control-prev"

href="#slide" data-slide="prev">

</a>

<a class="carousel-control-next"

href="#slide" data-slide="next">

</a>

</div>

<h3 class="card-title">Artikel Terbaru</h3>

</div>

<?php

$artikel = $db-

>ambil_datalimit('artikel','0','4','id_artikel');

if(!empty($artikel)){

(23)

foreach($artikel as $pecah){

?>

<img class="p-3" src="foto/artikel/<?php echo

$pecah['foto_artikel']; ?>">

</div>

<h3 class="m-3"><?php echo $pecah['judul_artikel'];

?></a></h3>

<small class="d-block text-muted m-3">Di Posting Tanggal <?php echo $pecah['tgl_artikel']; ?></small>

<?php

$split = explode("", $pecah['isi_artikel']);

$array = $split[0];

echo "<div class='m-3'><p>".$array."</p></div>";

echo "<p><a

href='detail_artikel.php?id=".$pecah['id_artikel']."' class='m-3'>Baca selengkapnya Disini</a></p>";

?>

</div>

<?php }}else{ echo 'Tidak Ada Artikel';} ?>

</div>

<h3 class="card-title">Penempatan dan Lulusan</h3>

</div>

<?php $query = $db-

>paginationpenempatan('0','3','Penempatan');

$r=1;

if(empty($query)){

echo 'Data Tidak Ditemukan';

}else{

foreach($query as $pecah){

foreach($db-

>ambil_satu('siswa_foto','data_siswa','nis',$pecah['nis']) as $ambil){

$gambar[$r] = $ambil['siswa_foto'];

$ambil =$db->lihatpenempatan($pecah['nis']);

$penempatan[$r] = $ambil['nama_mitra'];

$r++;}}} ?>

<?php if(!empty($gambar[1])) { ?>

<img src="foto/pp/<?php echo

$gambar[1]; ?>" style="max-height: 350px; width: 270px;">

<div class="text-center">Ditempatkan di <?php echo $penempatan[1]; ?></div>

</div>

<?php }?>

(24)

</div>

<?php }?>

</div>

<?php }?>

</div>

href="#demo" data-slide="prev">

</a>

href="#demo" data-slide="next">

</a>

</div>

<h3 class="card-title">Lulusan Terbaru</h3>

</div>

<?php

$query2 = $db-

>paginationlulusan('0','3','Lulus');

$i=1;

if(empty($query2)){

echo 'Data Tidak Ditemukan';

}else{

foreach($query2 as $data){

foreach($db-

>ambil_satu('siswa_foto','data_siswa','nis',$data['nis']) as $get){

$foto[$i] = $get['siswa_foto'];

$nilai[$i]=round(($data['attitude'] +

$data['knowledge'] + $data['skill'])/3,2);

$i++;}}} ?>

<?php if(!empty($foto[1])) { ?>

$foto[1]; ?>" style="max-height: 400px; width: 400px;">

<div class="text-center">Rata - Rata Nilai <?php echo $nilai[1]; ?></div>

</div>

(25)

<?php } ?>

</div>

<?php } ?>

</div>

<?php } ?>

</div>

href="#slide2" data-slide="prev">

</a>

href="#slide2" data-slide="next">

</a>

</div>

<?php

include 'templates/footer.php';

?>

(26)

Source Code Module “Login.php”

<?php

include 'templates/source.php';

if (!empty($_SESSION['email'])) { header('Location: index.php');

}

error_reporting(E_ERROR | E_PARSE);

$paket = $_GET['paket'];

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

if (!empty($_POST['email']) && !empty($_POST['password'])) { if($db->cek_login('user','email',$_POST['email'])){

if($db->login_user($_POST['email'], $_POST['password'])) {

if ($_SESSION['aktif_user'] == "1") { if ($_SESSION['status'] == "Pendaftar") {

echo "<script>alert('Anda Berhasil Login, Mohon Luangkan Waktu 10 Menit Untuk Mengisi Formulir');</script>";

if (empty($paket)) {

echo '<script>window.location = "pendaftaran.php";</script>';

}elseif(!empty($paket)){ ?>

<?php }

}else{

echo "<script>alert('Anda Berhasil Login, Anda Akan dialihkan ke Utama');</script>";

echo '<script>window.location =

"listformulir.php";</script>';

} }else{

echo "<script>alert('Akun Anda Telah Ditangguhkan, Silahkan Hubungi Admin Untuk lebih Lanjut');</script>";

session_destroy();

echo "<script>window.location = 'index.php'</script>";

} } else {

echo "<script>alert('Password Salah');</script>";

} }else{

echo "<script>alert('Email Tidak Ditemukan');</script>";

}

}if(empty($_POST['email'])){

$emailerror='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Email Wajib Diisi</div>';

}if(empty($_POST['password'])){

$passworderror='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Password Wajib Diisi</div>';

} }

?>

<style>

body, html { height: 100%;

} .bg {

/* The image used */

background-image: url("foto/kursus.png");

(27)

/* Full height */

height: 100%;

/* Center and scale the image nicely */

background-position: center;

background-repeat: no-repeat;

background-size: cover;

}

</style>

<a href="index.php" class="btn btn-pill btn-secondary">Menu Utama</a>

</div>

<div class="card-title">Login to your account</div>

<label class="form-label">Email</label>

<input type="email" name="email" class="form-control"

id="email" aria-describedby="emailHelp" placeholder="Masukan Email Anda">

<?php if (empty($_POST['email'])){

echo $emailerror;

} ?>

</div>

<input type="password" class="form-control" name="password"

id="password" placeholder="Password">

<?php if (empty($_POST['password'])){

echo $passworderror;

} ?>

</div>

</div>

</form>

<?php if (empty($paket)) { ?>

Belum Punya Akun? <a href="register.php">Daftar Disini</a>

<?php }else{ ?>

Belum Punya Akun? <a href="register.php?paket=<?php echo $paket;

?>">Daftar Disini</a>

<?php } ?>

</div>

Source Code Module “logout.php”

<?php

include "lib/koneksi.php";

$db = new database();

(28)

session_start();

echo "<script>alert('Anda Berhasil Logout');</script>";

session_destroy();

?>

(29)

Source Code Module “pendaftaran.php”

<?php

if (empty($_SESSION['email'])) {

}

if ($pecah['status_user'] == "Proses" or $pecah['status_user'] == "Diterima" ) { echo "<script>window.location = 'index.php'</script>";

}

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

if (!empty($_POST['paket']) && !empty($_POST['hp']) && !empty($_POST['tgl'])

&& !empty($_POST['alamat']) && !empty($_FILES["foto"]["name"]) &&

!empty($_FILES["ktp"]["name"]) ) { if (empty($_POST['pengalaman'])) { $pengalaman = 'Tidak Ada';

}else{

$pengalaman = $_POST['pengalaman'];

}

$kode= $db->pengkodean('kode_formulir','formulir');

$penggal2 = explode(".", $_FILES["foto"]["name"]);

date_default_timezone_set("Asia/Jakarta");

$tgl = date('Y-m-d');

$date = date('dmyhis');

$foto = 'fto'.$date.'.'.end($penggal2);

$lokasi = $_FILES['foto']['tmp_name'];

$pindah_foto = move_uploaded_file($lokasi, "foto/pp/".$foto);

$penggal3= explode(".", $_FILES["ktp"]["name"]);

$ktp='ktp'.$date.'.'.end($penggal3);

$lokasi2 = $_FILES['ktp']['tmp_name'];

$pindah_ktp=move_uploaded_file($lokasi2, "foto/ktp/".$ktp);

if (strtolower(end($penggal2)) == 'jpg' or strtolower(end($penggal2)) ==

'png' or strtolower(end($penggal2)) == 'jpeg'){

if (strtolower(end($penggal3)) == 'jpg' or strtolower(end($penggal3)) ==

'png' or strtolower(end($penggal3)) == 'jpeg'){

$db->insert3('Input Formulir','formulir',array(

'kode_formulir' => $kode,

'id_user' => $_SESSION['id_user'], 'no_hp' => $_POST['hp'],

'tgl_lahir' => $_POST['tgl'],

'pend_terakhir' => $_POST['pendidikan'], 'jk' => $_POST['jk'],

'alamat' => $_POST['alamat'], 'pengalaman' => $pengalaman, 'foto' => $foto, 'ktp' => $ktp,

'id_paket' => $_POST['paket'], 'tgl_formulir' => $tgl,

'status_formulir' => 'request', ));

$db-

>ubah($_SESSION['id_user'],'Proses','status_user','status_user','id_user');

echo "<script>alert('Pengisian Formulir Berhasil.Kami Akan Menghubungi Anda Segera Mungkin Untuk Panggilan Interview Melalui Website Ini, Email atau SMS.

Terimakasih.');</script>";

echo "<script>window.location = 'listformulir.php'</script>";

}else{

echo '<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data-

dismiss="alert"></button>KTP Harus Berekstensi JPG, JPEG atau PNG</div>';

(30)

} }else{

echo '<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data-

dismiss="alert"></button>Foto Harus Berekstensi JPG, JPEG atau PNG</div>';

}

}if(empty($_POST['paket'])){

$paketerror='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Paket Kursus Wajib Dipilih</div>';

}if(empty($_POST['hp'])){

$hperror='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Nomer HP Wajib Diisi</div>';

}if(empty($_POST['tgl'])){

$tglerror='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Tanggal Lahir Wajib Diisi</div>';

}if(empty($_POST['alamat'])){

$alamaterror='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Alamat Wajib Diisi</div>';

}if(empty($_FILES["foto"]["name"])){

$fotoerror='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Foto Anda Wajib Diupload</div>';

}if(empty($_FILES["ktp"]["name"])){

$ktperror='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Wajib Upload KTP</div>';

} }

?>

<h3 class="card-title">Formulir Pendaftaran</h3>

</div>

<form method="POST" action="" class="card"

enctype="multipart/form-data">

<label class="form-label">Pilih Paket Yang Diinginkan<small class="text-muted">*) Wajib Dipilih</small></label>

<select class="form-control" name="paket"

id="paket">

<option value="">- Pilih Jenis Paket -</option>

<?php foreach($db-

>ambil_tiga('id_paket','nama_paket','ditampilkan','paket') as $pecah){

if ($pecah['ditampilkan'] == 'iya') {?>

<option value="<?php echo $pecah['id_paket']; ?>"

<?php if($pecah['id_paket'] == $paket){echo 'selected';} ?>><?php echo

$pecah['nama_paket']; ?></option>

<?php }} ?>

(31)

</select>

</div>

<?php if (empty($_POST['paket'])){

echo $paketerror;

} ?>

</div>

$("#paket").change(function(){

// variabel dari nilai combo box provinsi var kode_paket = $("#paket").val();

// tampilkan image load //$("#imgLoad").show("");

// mengirim dan mengambil data $.ajax({

type: "POST", dataType: "html", url: "query_paket.php", data: "paket="+kode_paket, success: function(msg){

// jika tidak ada data if(msg == ''){

alert('Tidak Ada Data Paket');

}

// jika dapat mengambil data,, tampilkan di combo box else{

$("#lihat_paket").html(msg);

}

// hilangkan image load //$("#imgLoad").hide();

} });

});

</script>

<label class="form-label">Nama Lengkap</label>

<input type="text" class="form-control" disabled=""

value="<?php echo $_SESSION['nama_user']; ?>">

</div>

<label class="form-label">Email address</label>

<input type="email" class="form-control" disabled=""

value="<?php echo $_SESSION['email']; ?>">

</div>

<label class="form-label">No Handphone<small class="text-muted">*) Wajib Diisi</small></label>

<?php if (empty($_POST['hp'])){

echo $hperror;

} ?>

(32)

</div>

<label class="form-label">Tanggal Lahir<small class="text-muted">*) Wajib Diisi</small></label>

<?php if (empty($_POST['tgl'])){

echo $tglerror;

} ?>

</div>

<label class="form-label">Pendidikan Terakhir<small class="text-muted">*) Wajib Diisi</small></label>

<input type="radio" name="pendidikan"

value="sd" class="selectgroup-input" checked="">

</label>

value="smp" class="selectgroup-input">

</label>

value="sma" class="selectgroup-input">

</label>

value="lainnya" class="selectgroup-input">

</label>

</div>

<label class="form-label">Jenis Kelamin<small class="text-muted">*) Wajib Diisi</small></label>

<input type="radio" name="jk" value="l"

class="selectgroup-input" checked="">

</label>

<input type="radio" name="jk" value="p"

class="selectgroup-input">

<span class="selectgroup-button">Perempuan</span>

</div>

<label class="form-label">Alamat<small class="text- muted">*) Wajib Diisi</small></label>

(33)

<textarea rows="3" class="form-control" name="alamat"

></textarea>

<?php if (empty($_POST['alamat'])){

echo $alamaterror;

} ?>

</div>

<label class="form-label">Pengalaman</label>

<textarea rows="3" class="form-control"

name="pengalaman" ></textarea>

</div>

<label class="form-label">Upload Foto Anda<small class="text-muted">*) Wajib Diupload</small></label>

<?php if (empty($_FILES["foto"]["name"])){

echo $fotoerror;

} ?>

</div>

<label class="form-label">Upload KTP Anda<small class="text-muted">*) Wajib Diupload</small></label>

<?php if (empty($_FILES["ktp"]["name"])){

echo $ktperror;

} ?>

</div>

</div>

</form>

</div>

</div>

<?php

?>

(34)

Source Code Module “pilihpaket.php”

<?php

session_start();

if (empty($_SESSION['email'])) { ?>

?>'</script>

<?php }else{ ?>

?>'</script>

<?php } ?>

(35)

Source Code Module “queri_paket.php”

<?php

session_start();

$paket = $_POST['paket'];

if (empty($paket)) { ?>

Pilih Paket Terlebih Dahulu

</div>

<?php }else{

foreach($db->ambil_detail('paket','id_paket',$paket,'') as $pecah){

if ($pecah['ditampilkan'] == 'iya') {

?>

<div class="display-4 my-4"><?php echo $pecah['nama_paket'];

?></div>

<li><strong>Rp.</strong> <?php echo $pecah['biaya'];

?></li>

<li><strong>Pertemuan</strong> <?php echo

$pecah['pertemuan']; ?></li>

<li><strong>Peralatan</strong> <?php echo

$pecah['peralatan']; ?></li>

<li><i <?php if($pecah['sertifikat']=="iya"){echo

'class="fe fe-check text-success mr-2"';}else{echo 'class="fe fe-x text-danger mr-2"';} ?> aria-hidden="true"></i> Sertifikat</li>

aria-hidden="true"></i> Garansi Pertemuan</li>

<?php

$hasil = $db->join_semua($paket,'id_paket',array(

'detail_paket' => 'id_materi', 'materi' => 'id_materi',));

if(!empty($hasil)) { foreach($hasil as $ambil){

?>

<li><i <?php if($ambil['isi_materi']=="iya"){echo

'class="fe fe-check text-success mr-2"';}else{echo 'class="fe fe-x text-danger mr-2"';} ?> aria-hidden="true"></i><?php echo $ambil['nama_materi']; ?></li>

<?php }}else{} ?>

aria-hidden="true"></i> Magang</li>

<li><i <?php if($pecah['penyaluran']=="iya"){echo

'class="fe fe-check text-success mr-2"';}else{echo 'class="fe fe-x text-danger mr-2"';} ?> aria-hidden="true"></i> Penyaluran Kerja</li>

</ul>

</div>

<?php }}}

?>

Source Code Module “register.php”

(36)

<?php

include 'templates/source.php';

if (!empty($_SESSION['email'])) { header('Location: index.php');

}

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

if (!empty($_POST['nama']) && !empty($_POST['email']) &&

!empty($_POST['password']) && !empty($_POST['retype']) ) { if($db->cek_email('user','email',$_POST['email'])){

if (($_POST['password']) ==($_POST['retype']) ) { $db->insert3('Mendaftar','user',array(

'nama_user' => $_POST['nama'], 'email' => $_POST['email'],

'password' => password_hash($_POST['password'], PASSWORD_DEFAULT), ));

echo "<script>alert('Anda Berhasil Mendaftar, Silahkan Login Untuk Melanjutkan');</script>";

if (empty($paket)) {

echo '<script>window.location = "login.php";</script>';

}else{ ?>

?>";</script>

<?php }

}else{

echo "<script>alert('Password Tidak Sama');</script>";

} }else{

echo "<script>alert('Email Anda Sudah Terdaftar');</script>";

}

}if(empty($_POST['nama'])){

$namaerror='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Nama Wajib Diisi</div>';

}if(empty($_POST['email'])){

$emailerror='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Email Wajib Diisi</div>';

}if(empty($_POST['password'])){

$passworderror='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Password Wajib Diisi</div>';

}if(empty($_POST['retype'])){

$retypeerror='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Retype Password Wajib Diisi</div>';

} }

?>

<style>

body, html { height: 100%;

} .bg {

/* The image used */

background-image: url("foto/kursus.png");

/* Full height */

height: 100%;

(37)

/* Center and scale the image nicely */

background-position: center;

background-repeat: no-repeat;

background-size: cover;

}

</style>

<a href="index.php" class="btn btn-pill btn-secondary">Menu Utama</a>

</div>

<label class="form-label">Nama Lengkap<small class="text- muted">*) Wajib Diisi</small></label>

<input type="text" name="nama" class="form-control"

placeholder="Masukan Nama Lengkap" >

<?php if (empty($_POST['nama'])){

echo $namaerror;

} ?>

</div>

<label class="form-label">Email<small class="text-muted">*) Wajib Diisi</small></label>

<input type="email" name="email" class="form-control"

placeholder="Masukan Email" title="Email @ Wajib">

<?php if (empty($_POST['email'])){

echo $emailerror;

} ?>

</div>

<label class="form-label">Password<small class="text- muted">*) Wajib Diisi</small></label>

<input type="password" name="password" class="form-control"

placeholder="Masukan Password" pattern=".{5,}" title="Password Minimal 5 Karakter">

echo $passworderror;

} ?>

</div>

<label class="form-label">Retype Password<small class="text- muted">*) Wajib Diisi</small></label>

<input type="password" name="retype" class="form-control"

placeholder="Masukan Password" pattern=".{5,}" title="Password Minimal 5 Karakter">

<?php if (empty($_POST['retype'])){

echo $retypeerror;

} ?>

</div>

<input type="submit" name="daftar" value="Register"

class="btn btn-primary btn-block">

</div>

(38)

</div>

</form>

<?php if (empty($paket)) { ?>

Sudah Punya Akun? <a href="login.php">Login Disini</a>

<?php }else{ ?>

Sudah Punya Akun? <a href="login.php?paket=<?php echo $paket;

?>">Login Disini</a>

<?php } ?>

</div>

</div>

(39)

Source Code Module “riwayatpenempatan.php”

<?php

include 'templates/makun.php';

?>

<div class="card-title"><h2>Riwayat Penempatan Saya</h2></div>

<thead>

<tr>

<th>Kode Formulir</th>

<th>Tanggal Mulai Penempatan</th>

<th>Tanggal Selesai Penempatan</th>

<th>Status Penempatan</th>

</tr>

</thead>

<tbody>

<?php $no =1;

$query = $db->ambil_penempatan($_SESSION['id_user'],'');

if (empty($query)) {?>

<tr>

<th>Data Penempatan Tidak Ditemukan</th>

</tr>

</table>

<?php }else{

foreach($query as $pecah){

?>

<tr>

<?php if($pecah['penempatan_status'] =='1') { echo '<td>Sedang Ditempatkan</td>';

}elseif($pecah['penempatan_status'] =='1' OR

$pecah['penempatan_status'] =='2'){

echo '<td>Selesai Penempatan</td>';

} ?>

<?php $no++; }} ?>

</tr>

</tbody>

</table>

</div>

(40)

</div>

Source Code Module “seluruhnotifikasi.php”

<?php

$query = $db->ambil_detail('notifikasi','id_user',$_SESSION['id_user'],'Order By id_notifikasi DESC');

?>

<div class="card-title"><h2>Seluruh Notifikasi</h2></div>

<?php if (empty($query)) { echo 'Tidak Ada Notifikasi';

}else{

foreach ($query as $pecah) { ?>

<div class="small text-muted">Tanggal <?php echo date('d-m- Y',strtotime($pecah['tgl_ntfks'])); ?></div>

</div>

<?php } } ?>

</div>

<?php

?>

Source Code “Ubahpassword”

<?php

include 'templates/makun.php';

$id = $_SESSION['id_user'];

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

if (!empty($_POST['passwordlama']) && !empty($_POST['passwordbaru']) &&

!empty($_POST['retype'])) {

if($pass = $db->cek_password('password','user','id_user',$id)){

if(password_verify($_POST['passwordlama'], $pass['password'] ) ){

if ($_POST['passwordbaru'] == $_POST['retype']) {

(41)

$db->updatepass(password_hash($_POST['passwordbaru'], PASSWORD_DEFAULT),$id,'id_user','user','password');

}else {

echo "<script>alert('Password Baru dan Ulangi Password Tidak Sama');</script>";

} }else{

echo "<script>alert('Password Salah Silahkan Ketik Lagi');</script>";

} }

}if(empty($_POST['passwordlama'])){

$passwordlama='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Password Lama Wajib Diisi</div>';

}if(empty($_POST['passwordbaru'])){

$passwordbaru='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Password Baru Wajib Diisi</div>';

}if(empty($_POST['retype'])){

$retype='<div class="alert alert-danger alert-dismissible mt-2 p-1"

role="alert"><button type="button" class="close mt-0 p-0" data- dismiss="alert"></button>Password Baru Wajib Diisi</div>';

} }

?>

<div class="card-title"><h2>Ubah Password</h2></div>

<label class="form-label">Password Lama</label>

echo $passwordlama;

} ?>

</div>

<label class="form-label">Password Baru</label>

<?php if (empty($_POST['passwordbaru'])){

echo $passwordbaru;

} ?>

</div>

<label class="form-label">Ulangi Password</label>

(42)

<?php if (empty($_POST['retype'])){

echo $retype;

} ?>

</div>

<input type="submit" name="simpan" value="Ubah Password"

class="btn btn-primary">

</div>

</form>

</div>

Source Code Module “pilihpaket.php”

<?php

?>

<div class="card-title"><h2>Paket Kursus Kami</h2></div>

<?php

foreach($db->ambil_data('paket') as $pecah){

if ($pecah['ditampilkan'] == 'tidak') { }else{

?>

<div class="display-4 my-4"><?php echo $pecah['nama_paket'];

?></div>

<li><strong>Rp.</strong> <?php echo $pecah['biaya'];

?></li>

<li><strong>Pertemuan</strong> <?php echo

$pecah['pertemuan']; ?></li>

<li><strong>Peralatan</strong> <?php echo

$pecah['peralatan']; ?></li>

<li><i <?php if($pecah['sertifikat']=="iya"){echo

'class="fe fe-check text-success mr-2"';}else{echo 'class="fe fe-x text-danger mr-2"';} ?> aria-hidden="true"></i> Sertifikat</li>

(43)

aria-hidden="true"></i> Garansi Pertemuan</li>

<?php

$kode = $pecah['id_paket'];

$hasil = $db->join_semua($kode,'id_paket',array(

'detail_paket' => 'id_materi', 'materi' => 'id_materi',));

if(!empty($hasil)) { foreach($hasil as $ambil){

?>

<li><i <?php if($ambil['isi_materi']=="iya"){echo

'class="fe fe-check text-success mr-2"';}else{echo 'class="fe fe-x text-danger mr-2"';} ?> aria-hidden="true"></i><?php echo $ambil['nama_materi']; ?></li>

<?php }}else{} ?>

aria-hidden="true"></i> Magang</li>

<li><i <?php if($pecah['penyaluran']=="iya"){echo

'class="fe fe-check text-success mr-2"';}else{echo 'class="fe fe-x text-danger mr-2"';} ?> aria-hidden="true"></i> Penyaluran Kerja</li>

<a href="pilihpaket.php?paket=<?php echo

$pecah['id_paket']; ?>" class="btn btn-green btn-block">Pilih Paket</a>

</div>

</ul>

</div>

<?php } } ?>

</div>

<?php