BAB IV HASIL DAN PEMBAHASAN - APLIKASI CURRICULUM VITAE BERBASIS WEB - Unika Repository
BAB IV HASIL DAN PEMBAHASAN
4.1 Alur Aplikasi Gambar 4.1 menunjukkan alur aplikasi CV yang dirancang.
Gambar 4.1 Alur Aplikasi4.2 Struktur Database
Aplikasi ini menggunakan database server milik Unika Soegijapranata. Aplikasi ini menggunakan 2 database. Database utama seperti diperlihakan dalam gambar 4.2 database ini digunakan untuk penampilan data pada aplikasi dan pada gambar 4.3 digunakan untuk mensingkronkan data dari SKPI Unika Soegijapranata dan proses selanjutnya di transfer ke database utama (Gambar 4.2).
Gambar 4.2
Database Utama
Gambar 4.3 Database SKPI Unika Soegijapranata Dari setiap tabel yang digunakan dalam aplikasi ini memiliki fungsinya tersendiri.Berikut penjelasan mengenai fungsi setiap tabel:
4.2.1 Tabel Bahasa, Biodata, Karya, Keahlian, Kegiatan, Organisasi, Pendidikan,
Pengalaman Kerja dan Penghargaan Tabel-tabel Bahasa, Biodata, Karya, Keahlian, Kegiatan, Organisasi, Pendidikan, Pengalaman Kerja dan Penghargaan seperti diperlihatkan dalam gambar 4.4 sampai 4.12 memiliki fungsi yang hampir sama dimana pada saat menginput data pada aplikasi ini akan otomatis tersimpan pada masing-masing tabel dan selanjutnya akan dipanggil pada penampilan data di web dan template CV nantinya. Tabel-tabel tersebut dapat dilihat pada gambar berikut:.
Gambar 4.4 Struktur Tabel BahasaGambar 4.5 Struktur Tabel BiodataGambar 4.6 Struktur Tabel KaryaGambar 4.7 Struktur Tabel KeahlianGambar 4.8 Struktur Tabel KegiatanGambar 4.9 Struktur Tabel OrganisasiGambar 4.10 Struktur Tabel PendidikanGambar 4.11 Struktur Tabel Pengalaman KerjaGambar 4.12 Struktur Tabel Penghargaan4.2.2 Tabel Users Tabel ini digunakan untuk login pengguna dimana tabel ini berisikan NIM dan Password mahasiswa-mahasiswi Unika Soegijapranata sehingga pengguna bisa masuk layaknya menggunakan fasilitas Sintak Unika Soegijapranata. Table
Users dapat dilihat pada gambar 4.13.
Gambar 4.13 Struktur Tabel Users4.3 Relasi Antar Tabel Pada Database Pada gambar 4.14 dapat dilihat relasi antar table database pada aplikasi dimana setiap relasi berguna untuk mengatur operasi pada tabel database. Relasi tabel ini mengarah ke email pada tabel Users dimana setiap penyimpanan data pada masing-masing tabel Akan tersimpan email pengguna yang sedang login dan menginput data sehingga tersimpan pada kolom username masing-masing tabel yang telah diinput. Email disini menggunakan NIM mahasiswa-mahasiswi Unika Soegijapranata.
Gambar 4.14 RelasiDatabase
4.4 Perancangan Aplikasi Aplikasi dirancang se-spesifik mungkin mencari field yang dibutuhkan dalam CV.
Software yang digunakan untuk merancang aplikasi adalah Notepad++ dimana perancangan menggunakan pure css dan html.
Gambar 4.15 menunjukan desain template CV. Desain ini dibuat sesederhana mungkin agar bisa di sesuaikan dalam pembuatan menggunakan css.Gambar 4.15 Desain Template CVGambar 4.16 menunjukan koneksi PDO. Koneksi ini digunakan untuk mengambil database pada server.Gambar 4.16 Koneksi PDOGambar 4.17 menunjukan tampilan login. Login ini menggunakan NIM mahasiswa sebagai username dan password yang digunakan untuk login internet unikasoegijapranata.
Gambar 4.17 Tampilan Login.<?php session_start(); require 'config.php'; if(!empty($_POST['nim']) && !empty($_POST['password'])): $records = $conn->prepare('SELECT id,nim,password FROM users WHERE nim = :nim'); $records->bindParam(':nim', $_POST['nim']); $records->execute(); $results = $records->fetch(PDO::FETCH_ASSOC); $message = ''; if(count($results) > 0 && $_POST['password']){ $_SESSION['user_id'] = $results['id']; header("Location: index.php");
} else { $message = 'Sorry, those credentials do not match'; } endif; ?>
Kode Program 4.18 Script Login
Kode program 4.18 untuk proses login pada aplikasi dimana script tersebut mengambil
data pada database users.Gambar 4.19 Tampilan index/home<div id="tab-1" class="tab-content"> <form id="formbio" method="POST" enctype="multipart/form- data"> <p>Image</p> <img src="" id="images"></img> <input type="file" onchange="showImage.call(this)" name="image" id="image" style="width:125px;" /> <br> <p>Nama Lengkap</p> <input type="text" name="nama" id="nama" /> <br> <p>Profesi</p> <input type="text" name="profesi" id="profesi" /> <br> <p>Tempat Lahir</p> <input type="text" name="tempat" id="tempat" style="width:25%" /> <p style="padding-left: 13px">Tanggal Lahir</p> <input type="tdate" placeholder="DD/MM/YYYY" name="tlahir" id="tlahir" style="margin-left: -45px" autocomplete="off"/> <br> <p>Jenis Kelamin</p> <input type="radio" name="gender" id="lak" value="Laki-laki" /> <label for="lak">Laki-Laki</label> <input type="radio" name="gender" id="per" value="Perempuan" /> <label for="per">Perempuan</label>
<br> <p>Agama</p> <input type="radio" name="religi" id="aaaa" value="Hindu"> <label for="aaaa">Hindu</label> <input type="radio" name="religi" id="bbbb" value="Budha"> <label for="bbbb">Budha</label> <label for="cccc">Islam</label> <input type="radio" name="religi" id="dddd" value="Kristen Protestan"> <label for="dddd">Kristen Protestan</label> <input type="radio" name="religi" id="eeee" value="Katolik"> <label for="eeee">Katolik</label> <input type="radio" name="religi" id="ffff" value="Kong Hu Chu"> <label for="ffff">Kong Hu Chu</label> <br> <p>Alamat</p> <input type="text" name="address" id="address" /> <br> <p>Nomor Telepon</p> <input type="text" name="phone" id="phone" /> <br> <p>Email</p> <input type="email" name="email" id="email" /> <br> <p style="position: relative; top: -65px">Profil</p> <textarea name="profile" placeholder="Jelaskan Tentang Anda" id="profile" /></textarea> <br> <input type="hidden" name="idbio" id="idbio"> <input type="hidden" name="operation" id="operation" /> <input type="submit" name="simpanbio" value="Simpan" id="simpanbio"> <input type="submit" name="deletebio" id="deletebio" value="Delete" style="margin-left: 0px; background-color: #dc3939"> </form> <table><tr><th style="width: 25px">No</th><th style="width: 50px">Foto</th><th style="width: 85px">Nama Lengkap</th><th style="width: 50px; overflow: hidden; text-overflow: ellipsis;">Kewarganegaraan</th><th style="width: 75px">Tempat Lahir</th><th style="width: 75px">Tanggal Lahir</th><th style="width: 80px">Jenis Kelamin</th><th style="width: 50px">Agama</th><th style="width: 150px">Alamat</th><th style="width: 90px">Nomor Telepon</th><th style="width: 50px">Email</th><th style="width: 210px">Profil</th></tr></table> <div id="resultbio"></div> </div>
Kode Program 4.20 Script Tab Biodata
Gambar 4.19 menunjukan tampilan index/home pada aplikasi. Setiap tab pada index disediakan field yang dibutuhkan pada CV.
Kode Program 4.20 merupakan script tab biodata contoh dari setiap tab yang ada pada
aplikasi.
Khusus untuk TAB TAMPIL CV yang ditunjukan pada gambar 4.21 berguna untuk
menampilkan ke template CV. Jadi setiap data yang diisi user bisa saja tidak ditampilkan
pada template CV dan user dapat membuka tab tersebut untuk memilih data mana yang
mau ditampilkan.Gambar 4.21 Tab untuk menampilkan data ke CV
Jadi user hanya meng-klik gambar mata tersebut dan akan muncul pop up seperti yang
ditunjukan pada gambar 4.22 setelah itu user hanya mencentang untuk menampilkan data dan sebaliknya.Gambar 4.22 Pop Up untuk menampilkan data$(document).on('click','button[data-role=pk]',function(){ var id = $(this).datắid'); var ab = $('#'+id).children('td[data-target=tampil]').text(); var checkboxValues = $checkboxes = $("#checkbox-container :checkbox"); $checkboxes.on("change", function(){ $checkboxes.each(function(){ checkboxValues[this.id] = this.checked; if (this.checked){ var value = 1; $.ajax({ url : 'simpanform.php', method : 'post', data : {value: value, id: id}, success : function(response){ } }); } else { var tidak = 0; $.ajax({ url : 'simpanform.php', method : 'post', data : {tidak: tidak, id: id}, success : function(response){ } }); } }); localStorage.setItem("checkboxValues", JSON.stringify(checkboxValues)); }); $('#tampil').val(ab); $('#userId').val(id); $(this).parents('body').find('.wrapper').addClass('show'); if(ab == 1) { $.each(checkboxValues, function(key, value) { $('#'+key).prop('checked', true); }); } else { $.each(checkboxValues, function(key, value) { $('#'+key).prop('checked', false); }); } });
Kode Program 4.23 Script Tampil CV
Kode Program 4.23 merupakan script untuk menampilkan CV yang berfungsi ketika user
mencentang pada checkbox tersebut dan akan muncul gambar centang pada data dan
begitu pula sebaliknya setelah itu ketika user mencentang akan di proses ke database dandatabase akan meng-update data yang dipilih pada saat memilih data yang akan
ditampilkan. Kode Program 4.24 menunjukkan proses update ke database ketika user
mencentang atau tidak mencentang checkbox pada pop up.if(isset($_POST['value'])){ $sql = "UPDATE pengalamankerja SET pengalamankerja.tampilcv = '".$_POST['value']."' WHERE pengalamankerja.id = '".$_POST['id']."'"; if($conn->query($sql)){ echo 'Ditampilkan'; } else { echo 'Gagal'; } } if(isset($_POST['tidak'])){ $sql = "UPDATE pengalamankerja SET pengalamankerja.tampilcv = '".$_POST['tidak']."' WHERE pengalamankerja.id = '".$_POST['id']."'"; if($conn->query($sql)){ echo 'Tidak Ditampilkan';
} else { echo 'Gagal'; } }
Kode Program 4.24 Proses
update ke database
Gambar 4.25 merupakan tampilan tab template CV dimana tab ini untuk memilih
template CV. Aplikasi menyediakan 5 template yang bisa digunakan oleh user, user
hanya memilih template yang diinginkan dan klik pada gambar maka aplikasi membuka
tab baru pada browser dan akan menampilkan hasil akhir dari aplikasi yaitu template CV
seperti yang ditampilkan pada gambar 4.26.Gambar 4.25 Tab Template CVGambar 4.26
Template CV <?php require 'config.php'; require 'login.php'; if( isset($_SESSION['user_id']) ){ $records = $conn->prepare('SELECT id,nim,password FROM users WHERE id = :id'); $records->bindParam(':id', $_SESSION['user_id']); $records->execute(); $results = $records->fetch(PDO::FETCH_ASSOC); $user = NULL; if( count($results) > 0){ $user = $results; } } $c = $conn->prepare("SELECT pengalamankerja.id, pengalamankerja.jenis_pk, pengalamankerja.posisi_pk, pengalamankerja.perusahaan_pk, pengalamankerja.lokasi_pk, pengalamankerja.masuk_pk, pengalamankerja.berakhir_pk, pengalamankerja.tampilcv FROM pengalamankerja WHERE pengalamankerja.username = '".$user['nim']."' AND tampilcv = 1 ORDER BY id ASC"); $d = $conn->prepare("SELECT id, nama_org, lokasi_org, jabatan_org, periode_org, berakhir_org, tampilcv FROM organisasi WHERE username = '".$user['nim']."' AND tampilcv = 1 ORDER BY id ASC"); $e = $conn->prepare("SELECT id, jenis_kegiatan, judul_kegiatan, lokasi_kegiatan, posisi_kegiatan, lingkup_kegiatan, kegiatan_mulai, kegiatan_berakhir, tampilcv FROM kegiatan WHERE username = '".$user['nim']."' AND tampilcv = 1 ORDER BY id ASC"); $f = $conn->prepare("SELECT idkarya, jenis_karya, judul_karya, penerbit, tahun_karya, lingkup_karya, tampilcv FROM karya WHERE username = '".$user['nim']."' AND tampilcv = 1 ORDER BY idkarya ASC"); $g = $conn->prepare("SELECT idp, jenis_peng, nama_peng, posisi_peng, lingkup_peng, tahun_peng, tampilcv FROM penghargaan
WHERE username = '".$user['nim']."' AND tampilcv = 1 ORDER BY idp ASC"); $h = $conn->prepare("SELECT keahlian.idkeahlian, keahlian.keahliancv, keahlian.persentase_keahlian FROM keahlian WHERE keahlian.username = '".$user['nim']."' ORDER BY idkeahlian ASC"); bahasa.persentase FROM bahasa WHERE bahasa.username = '".$user['nim']."' ORDER BY id ASC"); $c->fetch(PDO::FETCH_ASSOC); $d->fetch(PDO::FETCH_ASSOC); $e->fetch(PDO::FETCH_ASSOC); $f->fetch(PDO::FETCH_ASSOC); $g->fetch(PDO::FETCH_ASSOC); $h->fetch(PDO::FETCH_ASSOC); $i->fetch(PDO::FETCH_ASSOC); $c->execute(); $d->execute(); $e->execute(); $f->execute(); $g->execute(); $h->execute(); $i->execute(); $aa = $conn->prepare("SELECT id, image, name, prof, pob, dob, gender, religion, address, phone, email, profile FROM biodata WHERE username = '".$user['nim']."'"); $bb = $conn->prepare("SELECT wtk1, wtk2, tk, wsd1, wsd2, sd, wsmp1, wsmp2, smp, wsma1, wsma2, sma, wk1, wk2, jurusan, s1 FROM pendidikan WHERE username = '".$user['nim']."'"); $cc = $conn->prepare("SELECT pengalamankerja.id, pengalamankerja.jenis_pk, pengalamankerja.posisi_pk, pengalamankerja.perusahaan_pk, pengalamankerja.lokasi_pk, pengalamankerja.masuk_pk, pengalamankerja.berakhir_pk, pengalamankerja.tampilcv FROM pengalamankerja WHERE pengalamankerja.username = '".$user['nim']."' AND tampilcv = 1"); $dd = $conn->prepare("SELECT id, nama_org, lokasi_org, jabatan_org, periode_org, berakhir_org, tampilcv FROM organisasi WHERE username = '".$user['nim']."' AND tampilcv = 1"); $ee = $conn->prepare("SELECT id, jenis_kegiatan, judul_kegiatan, lokasi_kegiatan, posisi_kegiatan, lingkup_kegiatan, kegiatan_mulai, kegiatan_berakhir, tampilcv FROM kegiatan WHERE username = '".$user['nim']."' AND tampilcv = 1"); $ff = $conn->prepare("SELECT idkarya, jenis_karya, judul_karya, penerbit, tahun_karya, lingkup_karya, tampilcv FROM karya WHERE username = '".$user['nim']."' AND tampilcv = 1"); $gg = $conn->prepare("SELECT idp, jenis_peng, nama_peng, posisi_peng, lingkup_peng, tahun_peng, tampilcv FROM penghargaan WHERE username = '".$user['nim']."' AND tampilcv = 1"); $hh = $conn->prepare("SELECT keahlian.keahliancv, keahlian.persentase_keahlian FROM keahlian WHERE keahlian.username = '".$user['nim']."'"); $ii = $conn->prepare("SELECT bahasa.bahasa, bahasa.persentase FROM bahasa WHERE bahasa.username = '".$user['nim']."'"); $aa->execute(); $bb->execute();
$cc->execute(); $dd->execute(); $ee->execute(); $ff->execute(); $gg->execute(); $hh->execute(); $sqla = $aa->fetch(PDO::FETCH_ASSOC); $sqlb = $bb->fetch(PDO::FETCH_ASSOC); $sqlc = $cc->fetch(PDO::FETCH_ASSOC); $sqld = $dd->fetch(PDO::FETCH_ASSOC); $sqle = $ee->fetch(PDO::FETCH_ASSOC); $sqlf = $ff->fetch(PDO::FETCH_ASSOC); $sqlg = $gg->fetch(PDO::FETCH_ASSOC); $sqlh = $hh->fetch(PDO::FETCH_ASSOC); $sqli = $ii->fetch(PDO::FETCH_ASSOC); $bio = NULL; $pen = NULL; $pk = NULL; $org = NULL; $keg = NULL; $kar = NULL; $peng = NULL; $kea = NULL; $bah = NULL; if( count($sqla) > 0){ $bio = $sqla; } if( count($sqlb) > 0){ $pen = $sqlb; } if( count($sqlc) > 0){ $pk = $sqlc; } if( count($sqld) > 0){ $org = $sqld; } if( count($sqle) > 0){ $keg = $sqle; } if( count($sqlf) > 0){ $kar = $sqlf; } if( count($sqlg) > 0){ $peng = $sqlg; } if( count($sqlh) > 0){ $kea = $sqlh; } if( count($sqli) > 0){ $bah = $sqli; } ?>
Kode Program 4.27 Script untuk memanggil data dari database
<?php if(!empty($bio) && !empty($pen)) { ?> <HTML> <body> <head> <title>Preview Resume SkripCV</title> <link rel="stylesheet" type="text/css" href="css/template7.css"> href="https://fonts.googleapis.com/css?family=Sedgwick+Ave+Displa y" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js" ></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font- awesome/4.7.0/css/font-awesome.min.css"> </head> <div class="container"> <div class="isi"> <h2><?php echo $bio['name']; ?></h2> <d><?php echo $bio['prof']; ?></d> <div class="bio"> <p style="margin-top: 85px"><i>Tempat, Tanggal Lahir</i>: <?php echo $bio['pob']; ?>, <?php echo $bio['dob']; ?></p> <p><i>Jenis Kelamin</i>: <?php echo $bio['gender']; ?></p> <p><i>Agama</i>: <?php echo $bio['religion']; ?></p> <p><i>Alamat</i>: <?php echo $bio['address']; ?></p> <p><i>Nomor Telepon</i>: <?php echo $bio['phone']; ?></p> <p><i>Email</i>: <?php echo $bio['email']; ?></p> <p><?php echo $bio['profile']; ?></p> </div> <div class="foto"> <img <?php echo '<img src="data:image/jpeg;base64,'.base64_encode($bio['image'] ).'"' ?> class="image"></img> </div> <div class="part"> <d>Pendidikan</d> <?php if(!empty($pen['wtk1'] && $pen['wtk2'] && $pen['tk'])) { ?> <p><i><?php echo $pen['wtk1']; ?></i><i>-</i><i style="margin- right: 118px"><?php echo $pen['wtk2']; ?></i><?php echo $pen['tk']; ?></p> <?php } else { ?> <p><i><?php echo $pen['wsd1']; ?></i><i>-</i><i style="margin- right: 118px"><?php echo $pen['wsd2']; ?></i><?php echo $pen['sd']; ?></p> <p><i><?php echo $pen['wsmp1']; ?></i><i>-</i><i style="margin-right: 118px"><?php echo $pen['wsmp2']; ?></i><?php echo $pen['smp']; ?></p> <p><i><?php echo $pen['wsma1']; ?></i><i>-</i><i style="margin-right: 118px"><?php echo $pen['wsma2']; ?></i><?php echo $pen['sma']; ?></p> <p><i><?php echo $pen['wk1']; ?></i><i>-</i><i style="margin- right: 118px"><?php echo $pen['wk2']; ?></i><?php echo $pen['jurusan']; ?>, <?php echo $pen['s1']; ?></p> <?php } ?> </div> <?php if(!empty($pk)) {?> <div class="part"> <d>Pengalaman Kerja</d> <?php while($row3 = $c->fetch()){ ?>
<p><i><?php echo $row3['masuk_pk']; ?></i><i>-</i><i style="margin-right: 55px"><?php echo $row3['berakhir_pk']; ?></i><?php echo $row3['jenis_pk']; ?>, <?php echo $row3['perusahaan_pk']; ?> | <?php echo $row3['posisi_pk']; ?></p> <p style="margin-left: 199px; margin-top: -15px; color: #dedede"><e ?></p> <?php } ?> </div> <?php } if(!empty($org)) { ?> <div class="part"> <d>Organisasi</d> <?php while($row4 = $d->fetch()){ ?> <p><i><?php echo $row4['periode_org']; ?></i><i>-</i><i style="margin-right: 55px"><?php echo $row4['berakhir_org']; ?></i><?php echo $row4['nama_org']; ?> | <?php echo $row4['jabatan_org']; ?></p> <p style="margin-left: 199px; margin-top: -15px; color: #dedede"><e class="fa fa-map-marker"></e><?php echo $row4['lokasi_org']; ?></p> <?php } ?> </div> <?php } if(!empty($keg)) { ?> <div class="part"> <d>Kegiatan</d> <?php while($row5 = $e->fetch()){ ?> <p><i><?php echo $row5['kegiatan_mulai']; ?></i><i>-</i><i style="margin-right: 55px"><?php echo $row5['kegiatan_berakhir']; ?></i><?php echo $row5['posisi_kegiatan']; ?> <?php echo $row5['jenis_kegiatan']; ?> <?php echo $row5['lingkup_kegiatan']; ?> "<?php echo $row5['judul_kegiatan']; ?>"</p> <p style="margin-left: 199px; margin-top: -15px; color: #dedede"><e class="fa fa-map-marker"></e><?php echo $row5['lokasi_kegiatan']; ?></p> <?php } ?> </div> <?php } if(!empty($peng)) { ?> <div class="part"> <d>Penghargaan</d> <?php while($row7 = $g->fetch()){ ?> <p><i style="margin-right: 145px"><?php echo $row7['tahun_peng']; ?></i><?php echo $row7['posisi_peng']; ?> <?php echo $row7['jenis_peng']; ?> <?php echo $row7['jenis_peng']; ?> </p> <p style="margin-left: 199px; margin-top: -15px; color: #dedede"><?php echo $row7['lingkup_peng']; ?></p> <?php } ?> </div> <?php } if(!empty($kar)) {?> <div class="part"> <d>Karya</d> <?php while($row6 = $f->fetch()){ ?> <p><i style="margin-right: 145px"><?php echo $row6['tahun_karya']; ?></i><?php echo $row6['jenis_karya']; ?> <?php echo $row6['judul_karya']; ?> | <?php echo $row6['lingkup_karya']; ?> </p> <p style="margin-left: 199px; margin-top: -15px; color: #dedede"><e class="fa fa-map-marker"></e><?php echo $row6['penerbit']; ?></p>
<?php } ?> </div> <?php } if(!empty($kea)) {?> <div class="part"> <d>Keahlian</d> <?php while($row8 = $h->fetch()) { ?> <c><?php echo $row8['keahliancv']; ?></c> <div class="out"> <?php if($row8['persentase_keahlian'] == 100){ ?> <div class="in" id="aj"></div> <?php } else if($row8['persentase_keahlian'] == 90){ ?> <div class="in" id="ai"></div> <?php } else if($row8['persentase_keahlian'] == 80){ ?> <div class="in" id="ah"></div> <?php } else if($row8['persentase_keahlian'] == 70){ ?> <div class="in" id="ag"></div> <?php } else if($row8['persentase_keahlian'] == 60){ ?> <div class="in" id="af"></div> <?php } else if($row8['persentase_keahlian'] == 50){ ?> <div class="in" id="ae"></div> <?php } else if($row8['persentase_keahlian'] == 40){ ?> <div class="in" id="ad"></div> <?php } else if($row8['persentase_keahlian'] == 30){ ?> <div class="in" id="ac"></div> <?php } else if($row8['persentase_keahlian'] == 20){ ?> <div class="in" id="ab"></div> <?php } else { ?> <div class="in" id="aa"></div> <?php } ?> </div> </div> <?php } ?> </div> <?php } if(!empty($bah)) {?> <div class="part" style="margin-bottom: 35px" id="bot"> <d>Bahasa</d> <?php while($row9 = $i->fetch()) { ?> <div class="persentase"> <c><?php echo $row9['bahasa']; ?></c> <div class="out"> <?php if($row9['persentase'] == 100){ ?> <div class="in" id="aj"></div> <?php } else if($row9['persentase'] == 90){ ?> <div class="in" id="ai"></div> <?php } else if($row9['persentase'] == 80){ ?> <div class="in" id="ah"></div> <?php } else if($row9['persentase'] == 70){ ?> <div class="in" id="ag"></div> <?php } else if($row9['persentase'] == 60){ ?> <div class="in" id="af"></div> <?php } else if($row9['persentase'] == 50){ ?> <div class="in" id="ae"></div> <?php } else if($row9['persentase'] == 40){ ?> <div class="in" id="ad"></div> <?php } else if($row9['persentase'] == 30){ ?> <div class="in" id="ac"></div> <?php } else if($row9['persentase'] == 20){ ?> <div class="in" id="ab"></div> <?php } else { ?>
<div class="in" id="aa"></div> <?php } ?> </div> </div> <?php } ?> </div> </div> </div> </body> </HTML> <?php } else { if( !empty($user) ): echo $user['email']; endif; } ?>
Kode Program 4.28 Script html
template CV
Kode Program 4.27 merupakan script proses pemanggilan data dari database setelah itu
data tersebut ditampilkan pada template CV. Untuk menampilkan data tersebut dipanggil
satu persatu dari database dan di tujukan pada script html yang ditunjukan pada Kode
Program 4.28.
Aplikasi juga menyediakan edit dan delete data yang sudah tersimpan di database. User
hanya perlu mengklik data yang sudah tersimpan ditabel paling bawah yang ditunjukan
pada gambar 4.29. Setelah data di klik maka data-data tersebut ketampil pada form diatas
tabel seperti yang ditunjukan pada gambar 4.30 dan setelah itu user dapat memperbaharui
atau menghapus data tersebut.Gambar 4.29 Tabel datauser
Gambar 4.30 Edit/Delete data$('#opk').val("simpan"); $(document).on('submit', '#formpk', function(event) { event.preventDefault(); var jenis = $('input[name=jenis]:checked').val(); var posisi = $('#posisipk').val(); var perusahaan = $('#perusahaan').val(); var lokasi = $('#lokasipk').val(); var mulai = $('#mulai').val(); var sampai = $('#sampai').val(); if($('input[name=jenis]:checked').length == '0'){ $('d').text("Silahkan Pilih Jenis Pengalaman"); $('d').slideDown(850).fadeOut(3000); return false; } if(posisi == ''){ $('d').text("Posisi Tidak Boleh Kosong"); $('d').slideDown(850).fadeOut(3000); return false; } if(perusahaan == ''){ $('d').text("Perusahaan Tidak Boleh Kosong"); $('d').slideDown(850).fadeOut(3000); return false; } if(lokasi == ''){ $('d').text("Lokasi Tidak Boleh Kosong"); $('d').slideDown(850).fadeOut(3000); return false; } if(mulai == '' || sampai == ''){ $('d').text("Silahkan Pilih Waktu Pengalaman Kerja"); $('d').slideDown(850).fadeOut(3000); return false; } $.ajax({ url:"simpanform.php", method:"POST", data: new FormData(this), contentType:false, processData:false,
success:function(data){ fetch_data(); } }); $(this)[0].reset(); $('#opk').val("simpan"); }); $(document).on('click', '#pk tr', function(){ var id = $(this).datắtid'); var a = $('#'+id).children('th[data-target=posisi]').text(); var b = $('#'+id).children('th[data-target=perusahaan]').text(); var c = $('#'+id).children('th[data-target=lokasi]').text(); var d = $('#'+id).children('th[data-target=mulai]').text(); var e = $('#'+id).children('th[data-target=selesai]').text(); var f = $('#'+id).children('th[data-target=jenis]').text(); $('#idpk').val(id); $('#posisipk').val(a); $('#perusahaan').val(b); $('#lokasipk').val(c); $('#mulai').val(d); $('#sampai').val(e); if(f === 'MAGANG KERJA' || f === 'MAGANG KERJA/INTERNSHIP'){ $('input[name=jenis]').filter('[value="MAGANG KERJA"]').prop('checked',true); } else if(f === 'KERJA PARUH WAKTU' || f === 'KERJA PARUH WAKTU/PART-TIME WORK'){ $('input[name=jenis]').filter('[value="KERJA PARUH WAKTU"]').prop('checked',true); } else { $('input[name=jenis]').filter('[value="KERJA PENUH WAKTU"]').prop('checked',true); } $('#opk').val("update"); }); $('#deletepk').on('click', function(){ var idpk = $('#idpk').val(); if(idpk == '') { $('d').text("Tidak Ada Data Yang Dipilih"); $('d').slideDown(850).fadeOut(3000); } else { $.ajax({ url:"delete.php", method:"POST", data:{idpk:idpk}, success:function(data){ fetch_data(); } }); } $('#formpk')[0].reset(); $('#opk').val("simpan"); $('#idpk').val(''); return false; });
Kode Program 4.31 Script untuk mengedit/menghapus data
Gambar 4.32 merupakan proses mensinkronkan data dari SKPI Unika Soegijapranata.Jika user pernah mengisi data di skpi maka user dapat mengambil data tersebut.
Gambar 4.32 Sinkronisasi SKPI$(document).on('click', '#sorg', function(){ var sorg = $(this).val(); $.ajax({ url:"skpi.php", method:"POST", data:{sorg:sorg}, success:function(data){ fetch_data(); } }); }); if(isset($_POST['sorg'])) { if(!empty($organisasi)) { while($row = $sql2->fetch()){ $a = $row['nim']; $b = $row['organisasi']; $c = $row['lokasi']; $d = $row['jabatan']; $e = $row['waktu1']; $f = $row['waktu2']; $query4 = "INSERT INTO organisasi(username, nama_org, lokasi_org, jabatan_org, periode_org, berakhir_org, tampilcv, dari) VALUES ('".$a."', '".$b."', '".$c."', '".$d."', '".$e."', '".$f."', 0, 'skpi')"; if($conn->query($query4)) { echo 'Data Dari SKPI Telah Di Sinkronkan'; } else { echo 'Data Gagal Di Sinkronkan'; } } } else { echo 'Maaf Anda Tidak Mempunyai Data Dari SKPI'; } }
Kode Program 4.33 Script sinkron SKPI
4.5 Hasil Pengujian
4.5.1 Model dan Hipotesa yang Diajukan
Pada gambar 4.33 dapat dilihat model yang diajukan dalam penelitian. Penelitian ini
bertujuan untuk mencari kekonsistenan responden dalam menggunakan aplikasi sehingga model yang diajukan menyerupai sebagai berikut:Gambar 4.34 Model yang diajukan
Setelah dibuat model seperti gambar 4.34 maka terciptalah hipotesa sebagai berikut:
1. H1: Persepsi Kemudahan berkorelasi dengan persepsi Kebergunaan dalam menggunakan “Aplikasi CV”.
2. H2: Persepsi Kebergunaan berkorelasi dengan persepsi Sikap terhadap Penggunaan dalam menggunakan Aplikasi CV.
3. H3: Persepsi Kemudahan berkorelasi dengan persepsi Sikap terhadap Penggunaan dalam menggunakan “Aplikasi CV”.
4. H4: Persepsi Kebergunaan berkorelasi dengan Intensi untuk terus menggunakan “Aplikasi CV” di masa depan.
5. H5: Persepsi Ketersediaan Fasilitas berkorelasi dengan Intensi untuk terus menggunakan “Aplikasi CV” di masa depan.
6. H6: Persepsi Sikap terhadap Penggunaan berkorelasi dengan Intensi untuk terus
menggunakan “Aplikasi CV” di masa depan.
7. H7: Persepsi Kemudahan berkorelasi dengan Intensi untuk terus menggunakan
“Aplikasi CV” di masa depan.
Hipotesa-hipotesa diatas akan diuji kebenarannya dengan membuat pernyataan yang
telah dirancang. Pernyataan-pernyataan tersebut meliputi:1. Kemudahan (M):
a. Belajar mengoperasikan “Aplikasi CV” itu mudah bagi saya.
b.
Adalah mudah menemukan layanan didalam “Aplikasi CV” yang saya butuhkan ketika menggunakannya.
c. Menggunakan “Aplikasi CV” itu mudah bagi saya.
2. Kebergunaan (B):
a. Menggunakan “Aplikasi CV” membantu saya untuk mencapai tujuan saya.
b.
Menggunakan “Aplikasi CV” membantu saya untuk memenuhi tujuan saya.
c.
Menggunakan “Aplikasi CV” membantu saya untuk meraih tujuan saya.
3. Sikap Terhadap Penggunaan (Att): a.
Saya merasa senang menggunakan “Aplikasi CV”.
b.
Saya suka menggunakan “Aplikasi CV”.
c.
Saya rasa menggunakan “Aplikasi CV” merupakan kegiatan tambahan yang berguna
4. Ketersediaan Fasilitas (P): a.
Perangkat yang diperlukan tersedia ketika akan menggunakan “Aplikasi CV”.
b. Saya tahu cara menggunakan
“Aplikasi CV”.
c. Saya dapatkan bantuan dari teman-teman saya ketika menemui kesulitan dalam menggunakan “Aplikasi CV”.
5. Intensi Menggunakan (I): a.
Saya berniat untuk terus menggunakan “Aplikasi CV” ke depannya
b. Saya akan selalu mencoba menggunakan “Aplikasi CV” setiap kali saya butuhkan.c.
Saya merencanakan untuk menggunakan “Aplikasi CV” ke depannya. Setelah semua telah siap maka dilakukan lah pengujian “Aplikasi CV”.
4.5.2 Karakteristik Responden
Setelah dilakukan penyebaran kuesioner ke-44 responden yang telah melakukan uji coba “Aplikasi CV” sebanyak 5 kali dalam 5 hari, maka diperolehlah data yang valid. Data yang dihasilkan diolah menggunakan software IBM SPSS Statistics 22. Tabel 4.1 menunjukkan deskripsi usia responden.
Tabel 4.1 Data Usia Responden yang melakukan uji coba “Aplikasi CV”
Tahun Frequency Percent
18 1 2.3%
19 5 11.4%
20 3 6.8%
21 11 25.0%
22 22 50.0%
23 1 2.3%
24 1 2.3% Total 44 100.0%
Dari tabel 4.1 dapat dilihat dengan 44 responden berasal dari mahasiswa yang berumur 18 – 24 tahun, sebanyak 1 responden (2.3%) berada pada usia 18 tahun, 5 responden (11.4%) berada pada usia 19 tahun, usia 20 tahun sebanyak 3 responden (6.8%), usia 21 tahun sebanyak 11 responden (25%), usia 22 tahun sebanyak 22 responden (50%), usia
23 tahun sebanyak 1 responden (2.3%), dan sebanyak 1 responden pada usia 24 tahun. Dari 44 responden tersebut dapat dilihat pada tabel 4.1 usia 22 tahun merupakan usia paling b anyak melakukan uji coba “Aplikasi CV”.
Tabel 4.2 merupakan tabel hasil uji coba “Aplikasi CV” berdasarkan jenis kelamin.Tabel 4.2 Jenis Kelamin Responden yang melakukan uji coba “Aplikasi CV”
Jenis Kelamin Frequency Percent
Laki-laki 25 56.8% Perempuan19 43.2% Total 44 100.0%
Tabel 4.2 dapat dilihat bahwa sebanyak 25 responden (56.8%) yang berjenis kelamin laki-laki dan sebanyak 19 responden (43.2%) yang berjenis kelamin perempuan.Tabel 4.3 merupakan tabel hasil uji coba berdasarkan alasan responden menggunakan “Aplikasi CV”.Tabel 4.3 Alasan Responden Menggunakan “Aplikasi CV”
Alasan Frequency Percent Melamar Pekerjaan 14 31.8% Coba-coba
30 68.2% Total 44 100.0%
Dapat dilihat pada tabel 4.3 dari total 44 responden yang melakukan uji coba sebanyak 14 responden (31.8%) yang beralasan menggunakan aplikasi untuk melamar pekerjaan, sedangkan sebanyak 30 responden (68.2%) beralasan menggunakan aplikasi hanya untuk coba-coba.
4.5.3 Pengujian Variabel Penelitian Uji Validitas Variabel Penelitian
Variabel penelitian yang digunakan dalam penelitian adalah Kemudahan(M), Kebergunaan(B), Sikap terhadap Penggunaan(Att), Ketersediaan Fasilitas(P), dan Intensi
Menggunakan(I) perlu diuji validitasnya untuk memastikan bahwa setiap pernyataan
yang mewakili masing-masing variabel benar-benar dapat mewakili sikap responden.
Untuk menguji validitas tiap variabel dilakukan uji Principal Component Faktor Analysis
seperti yang ditunjukan pada tabel 4.4. Dari tabel tersebut dapat dilihat bahwa terdapat
kondisi yang tidak diharapkan pada variabel Att3 dimana ia terpisah dengan Att1 dan
Att2 seperti dilingkari merah pada tabel 4.4. Maksud dari kondisi yang tidak diharapkan
adalah bahwa Att3 tidak memenuhi kekonsistenan responden dalam mengisi kuesioner.
Tabel 4.4 Hasil pengujian validitas variabel menggunakanmetode Principal Component Factor Analysis
Component
1
2
3
4
5 B1 .908 B2 .862 B3 .888 M1 .549 M2 .884 M3 .882 Att1 .788 Att2 .870 Att3 .451 .576 P1
.879 P2 .403 .799 P3 .671
I1 .567 .598 I2 .803 I3 .828