10
BAB IV
HASIL DAN PEMBAHASAN
4.1
Alur Aplikasi
Gambar 4.1 menunjukkan alur aplikasi CV yang dirancang.
11
4.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.2Database Utama
Gambar 4.3Database SKPI Unika Soegijapranata
12
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 Bahasa
13
Gambar 4.6 Struktur Tabel Karya
Gambar 4.7 Struktur Tabel Keahlian
14
Gambar 4.9 Struktur Tabel Organisasi
15
Gambar 4.11 Struktur Tabel Pengalaman Kerja
Gambar 4.12 Struktur Tabel Penghargaan
4.2.2
Tabel
Users
Tabel ini digunakan untuk login pengguna dimana tabel ini berisikan NIM dan Password
16
Gambar 4.13 Struktur Tabel Users
4.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.
17
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 CV
18
Gambar 4.16 Koneksi PDO
Gambar 4.17 menunjukan tampilan login. Login ini menggunakan NIM mahasiswa
sebagai username dan password yang digunakan untuk login internet unika
soegijapranata.
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'];
19
} 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>
20
<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>
<input type="radio" name="religi" id="cccc" value="Islam"> <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
21
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
22
Gambar 4.22 Pop Up untuk menampilkan data
$(document).on('click','button[data-role=pk]',function(){ var id = $(this).data('id');
var ab = $('#'+id).children('td[data-target=tampil]').text(); var checkboxValues =
JSON.parse(localStorage.getItem('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
23
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.
24
Gambar 4.26Template 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,
25
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");
$i = $conn->prepare("SELECT bahasa.id, bahasa.bahasa, 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']."'");
26
$cc->execute(); $dd->execute(); $ee->execute(); $ff->execute(); $gg->execute(); $hh->execute(); $ii->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; }
?>
27
<?php if(!empty($bio) && !empty($pen)) { ?> <HTML><body> <head>
<title>Preview Resume SkripCV</title>
<link rel="stylesheet" type="text/css" href="css/template7.css"> <link 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>
28
<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 class="fa fa-map-marker"></e><?php echo $row3['lokasi_pk']; ?></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>
29
<?php } ?></div>
<?php } if(!empty($kea)) {?> <div class="part">
<d>Keahlian</d>
<?php while($row8 = $h->fetch()) { ?> <div class="persentase">
<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>
30
<div class="in" id="aa"></div> <?php } ?></div> </div> <?php } ?> </div> <?php } ?> </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.
31
Gambar 4.30Edit/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,
32
success:function(data){ fetch_data(); } }); $(this)[0].reset(); $('#opk').val("simpan"); return false; });$(document).on('click', '#pk tr', function(){ var id = $(this).data('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; });
33
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'; }
}
34
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
35
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 s
aya 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
36
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
37
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%
Perempuan
19
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
38
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 menggunakan
metode
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
39
Setelah mencermati lagi kuesioner yang mewakili variabel Att maka diambil keputusan
bahwa terdapat ketidaktepatan pada kuesioner Att3, sehingga diputuskan untuk
menggugurkan Att3. Untuk uji berikutnya yang digunakan untuk mewakili variabel Att
adalah Att1 dan Att2. Dan pada tabel 4.5 dapat dilihat bahwa hasil pengujian validitas
variabel setelah menghilang variabel Att3.
Tabel 4.5 Hasil pengujian validitas variabel menggunakan
metode Principal Component Factor Analysis(setelah
menghilangkan variabel Att3)
Component
1 2 3 4
B1 .929
B2 .876
B3 .899
M1 .568
M2 .890
M3 .880
Att1 .686
Att2 .562
P1 .888
P2 .642
P3 .502
I1 .554
I2 .792
I3 .838
Setelah menggugurkan Att3 maka dapat dilihat pada tabel 4.5 terlihat variabel tersebut
40
Uji Realibilitas Variabel Penelitian
Reabilitas variabel penelitian diuji menggunakan Uji Realibilitas dan hasilnya
diperlihatkan dalam tabel 4.6.
Dari hasil pengujian realibilitas tersebut variabel B
mendapatkan nilai
Excellent, variabel M dan Att mendapatkan nilai
Acceptable,
sedangkan variabel P mendapatkan nilai Questionable, dan variabel I mendapatkan nilai
Good. Kategorisasi tersebut didapatkan pada tabel 4.7.
Tabel 4.6 Koefisien Cronbach’s Alpha masing-masing variabel penelitian
Variabel
Nilai Cronbach's Alpha
Hasil
B
.957
Excellent
M
.731
Acceptable
Att
.765
Acceptable
P
.664
Questionable
I
.833
Good
Tabel 4.7 Penilaian Reabilitas
Cronbach's alpha
Internal consistency
α ≥ 0.9
Excellent
0.9 > α ≥ 0.8
Good
0.8 > α ≥ 0.7
Acceptable
0.7 > α ≥ 0.6
Questionable
0.6 > α ≥ 0.5
Poor
0.5 > α
Unacceptable
41
Hipotesa yang diajukan dalam penelitian diuji menggunakan uji korelasi antar variabel
dimana variabel B, M, Att dan P apakah memiliki korelasi yang kuat dengan variabel I.
Tabel 4.8 adalah pengujian korelasi dimana hipotesa yang diajukan diuji korelasinya
untuk mendapatkan hasil bahwa hipotesa yang diuji bukan lagi persepsi melainkan
sebuah kebenaran.
Tabel 4.8 Tabel korelasi antar variabel
A
G
C
SB
SM
SAtt
SP
SI
A
1
.161
-.303
*-.047
.048
.007
-.077
-.051
G
.161
1
-.094
.029
.129
-.106
.112
.174
C
-.303
*-.094
1
-.499
**-.001
-.247
.042
-.227
SB
-.047
.029
-.499
**1
.161
.560
**.157
.409
**SM
.048
.129
-.001
.161
1
.224
.397
**.249
SAtt
.007
-.106
-.247
.560
**.224
1
.218
.492
**SP
-.077
.112
.042
.157
.397
**.218
1
.530
**SI
-.051
.174
-.227
.409
**.249
.492
**.530
**1
Pada tabel 4.8 dapat dilihat pada angka yang bertanda (
**) adalah variabel yang
berkorelasi. Variabel B, Att dan P memiliki korelasi yang kuat dengan variabel I.
Pengecualian didapat pada variabel M yang tidak berkorelasi dengan variabel I. Ini berarti
bahwa kebergunaan (B) berkorelasi dengan intensi untuk terus menggunakan (I)
“Aplikasi CV”, sikap terhadap penggunaan (Att) berkorelasi dengan intensi untuk terus
menggunakan (I) “Aplikasi CV” serta ketersediaan fasilitas (P)
berkorelasi dengan
intensi untuk terus menggunakan (I) “Aplikasi CV”. Maka pada hipotesa yang telah
diajukan telah diuji korelasinya bahwa hipotesa yang diterima adalah sebagai berikut:
H1: Persepsi Kemudahan berkorelasi dengan persepsi Kebergunaan dalam menggunakan
42
H2: Kebergunaan berkorelasi dengan persepsi Sikap terhadap Penggunaan dalam
menggunakan Aplikasi CV.
H3: Persepsi Kemudahan berkorelasi dengan persepsi Sikap terhadap Penggunaan dalam
menggunakan “Aplikasi CV”.
H4: Kebergunaan
berkorelasi dengan Intensi untuk terus menggunakan “Aplikasi CV” di
masa depan.
H5: Ketersediaan Fasilitas berkorelasi dengan Intensi untuk terus menggunakan
“Aplikasi CV” di masa depan.
H6: Sikap terhadap Penggunaan berkorelasi dengan Intensi untuk terus menggunakan
“Aplikasi CV” di masa depan.
H7: Persepsi Kemudahan berkorelasi dengan Intensi untuk terus menggunakan “Aplikasi
