BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM
4.1.3 Implementasi Interface Program
Halaman ini merupakan halaman awal pada saat website dibuka, terdiri dari bebrapa menu yaitu Beranda yg merupakan halaman awal itu sendiri, halaman daftar alumni, halaman daftar, dan halaman login Dalam halaman beranda ini sendiri berisi pengumuman, lowongan kerja, link partner serta kalender.
Gambar 4.1 Halaman Utama Website 2. Tampil Daftar Alumni
Halaman daftar alumni merupakan halaman yang berisi daftar alumni yang telah lulus dari UIN Raden Fatah Palembang. Tampilan halaman daftar alumni dapat dilihat pada gambar dibawah ini :
76
Gambar 4.2 Halaman Daftar Alumni 3. Halaman Pendaftaran Alumni
Halaman pendaftaran alumni terdapat pada menu DAFTAR, dalam halaman ini pengguna hanya akan dimintai No. Induk pada saat mereka kuliah.
Gambar 4.3 Form Daftar SI Tracer Study
Ketika No. Induk yg dimasukkan salah, maka akan ditampilkan halaman seperti dibawah ini :
77
Ketika no. Induk yang dimasukkan benar maka pengguna akan diminta memasukkan password untuk melanjutkan.
Gambar 4.5 Daftar Alumni NIM terdaftar
Gambar 4.6 Daftar Alumni NIM terdaftar dan sudah menjadi anggota Peneliti menggunakan framework Codeigniter sehingga dalam pemrograman menggunakan konsep Model, View dan Controller. Berikut adalah salah satu kutipan kode program dalam proses pendaftaran :
Controller beranda.php (fungsi daftar, cekdaftar, dan prosesdaftar) public function daftar(){
$this->template->load('template','beranda/daftar'); }
public function cekdaftar(){
$this->form_validation->set_rules('nim','Nim','required|is_natural'); $in_nim = $_POST['nim'];
78
$this->template->load('template','beranda/daftar'); }else{
$daftar = $this->model_alumni->cek_daftaralumni($in_nim); if($daftar==1){
// nim terdaftar di daftar di tabel daftar_alumni echo "Nim terdaftar";
$cekalumni = $this->model_alumni->cek_alumni($in_nim); if($cekalumni==1){
// nim terdaftar di tabel alumni
$this->session->set_flashdata('pesan','Nim anda sudah terdaftar di Sistem Informasi <i>Tracer Study</i>, <br> Silahkan login atau hubungi <a href="hubungikami">administrator web </a> jika lupa password!');
redirect('beranda/login'); }else{
// nim tidak terdaftar di tabel alumni
$alm = $this->model_daftaralumni->get_daftaralumni("where nim_alumni = '$in_nim'"); $data = array( 'nim_alumni' => $alm[0]['nim_alumni'], 'nama_alumni' => $alm[0]['nama_alumni'], 'kd_jurusan' => $alm[0]['kd_jurusan'], 'kd_fakultas' => $alm[0]['kd_fakultas'], 'tahun_lulus' => $alm[0]['tahun_lulus']); $this->template->load('template','beranda/passdaftar', $data); } }else{
// nim tidak terdaftar di tabel daftar_alumni echo "Nim tidak terdaftar";
$this->session->set_flashdata('pesan','Nim anda tidak terdaftar sebagai alumni, <br> Silahkan hubungi <a href="hubungikami">administrator web </a>!');
redirect('beranda/daftar');} }
}
public function prosesdaftar(){
$nim_alumni = $_POST['nim_alumni']; $password = $_POST['password']; $re_password = $_POST['re_password']; $pass = md5($_POST['password']); $nama_alumni = $_POST['nama_alumni']; $kd_jurusan = $_POST['kd_jurusan']; $kd_fakultas = $_POST['kd_fakultas']; $tahun_lulus = $_POST['tahun_lulus']; //echo $nim_alumni."".$password."".$nama_alumni; $this->form_validation->set_rules('nim_alumni','Nim','required');
$this->form_validation-79 >set_rules('password','Password','required|min_length[4]'); $this->form_validation->set_rules('re_password','Password','required|matches[password]'); if ($this->form_validation->run() == FALSE){ $data = array( 'nim_alumni' => $nim_alumni, 'nama_alumni' => $nama_alumni ); $this->template->load('template','beranda/passdaftar',$data); }else{ // tahun masuk //if($nim_alumni == '') $data = array( 'nim_alumni' => $nim_alumni, 'password' => $pass, 'nama_alumni' => $nama_alumni, 'kd_jurusan' => $kd_jurusan, 'kd_fakultas' => $kd_fakultas, 'tahun_lulus' => $tahun_lulus ); $res = $this->model_alumni->insert_alumni('alumni', $data); if ($res>=1) { $newdata = array( 'nim_alumni' => $nim_alumni, 'isLogin' => TRUE ); $this->session->set_userdata($newdata); $this->session->set_flashdata('pesan','Selamat Datang di <i>Tracer Study </i> UIN RF Palembang.<br>
Silahkan lengkapi biodata anda !'); redirect('alumni/editbiodata'); }else{
echo "Daftar TS gagal !"; }
} }
Model model_alumni.php (fungsi cek daftar alumni dan cek alulmni): public function cek_daftaralumni($in_nim){
$chek= $this->db->get_where('daftar_alumni',array('nim_alumni'=>$in_nim)); if($chek->num_rows()>0){ return 1; } else{
80
return 0; }
}
public function cek_alumni($in_nim){
$chek= $this->db->get_where('alumni',array('nim_alumni'=>$in_nim)); if($chek->num_rows()>0){ return 1; } else{ return 0; } } Model model_daftaralumni.php
public function get_daftaralumni($where =""){
$data = $this->db->get('daftar_alumni '.$where); return $data->result_array(); } View daftar.php <div class="frm"> <?php echo "<h3>".$this->session->flashdata('pesan')."</h3>";?> <?php echo form_open('beranda/cekdaftar'); ?> <h3>ALUMNI DAFTAR</h3> <table border="0"> <tr>
<td height="21" style="font-weight: bold">NIM</td> <td></td>
</tr>
<tr style="font-weight: bold"> <td>
<input type="text" name="nim" placeholder="Nim alumni" value="<?php echo set_value('nim'); ?>">
</td>
<td><?php echo form_error('nim'); ?></td> </tr>
<tr>
<td height="29" align="right" style="padding-right:8px;"> <button type="submit" name="submit" class="tombol-merah">Daftar</button> </td> <td></td> </tr> </table> </form> </div>
81
4. Halaman Login Alumni
Halaman login alumni berisi form input nim dan password alumni, dapat dilihat pada gambar dibawah ini :
Gambar 4.7 Form Login Alumni 5. Halaman Utama Alumni
Halaman utama alumni berisi menu beranda, biodata, daftar alumni, tracer study, lowongan kerja, pengumuman, ganti password dan logout.
82
6. Halaman Biodata
Halaman biodata merupakan halaman yang berisi biodata dari alumni yangtelah mendaftar Sistem Informasi Tracer Study.
Gambar 4.9 Halaman Biodata Alumni 7. Halaman Update Biodata
Halaman update biodata berupa form untuk memperbarui biodata dari alumni. Dapat dilihat pada gambar dibawah ini
83
Gambar 4.10 Halaman Update Biodata Alumni 8. Halaman Pengisian Pekerjaan
Halaman pengisian tracer study diakses melalui menu Tracer Study. Ketika halaman diakses maka pertama kali alumni akan melihat pengantar dan juga form kegiatan mahasiswa setelah lulus.
Gambar 4.11 Pengantar Pekerjaan
Apabila alumni memlih bekerja maka akan dilanjutkan ke form bekerja yang dapat dilihat pada gambar dibawah ini.
84
Gambar 4.12 Pengisian TS Alumni Bekerja
Apabila alumni memilih wiraswasta maka alumni akan dilanjutkan ke form wiraswasta.
85
Apabila belum bekerja alumni akan dilanjutkan ke form belum bekerja.
Gambar 4.14 Pengisian TS Alumni Belum Bekerja
Setelah pengisian Tracer Study selesai maka akan ditampilkan pesan sebagai berikut.
Gambar 4.15 Halaman Sukes Isi Pekerjaan 9. Halaman Lowongan Kerja
Halaman kerja dapat diakses melalui menu Lowongan Kerja, berisi tentang informasi lowongan kerja. Alumni juga dapat melakukan pengisian lowongan kerja.
86
10. Halaman Tambah Loker
Halaman ini berisi form untuk menambahkan lowongan kerja.
Gambar 4.17 Halaman Tambah Lowongan Kerja 11. Halaman Pengumuman
Halaman pengumuman merupakan halaman yang berisi tentang pengumuman mengenai UIN Raden Fatah Palembang.
Gambar 4.18 Halaman Pengumuman 12. Halaman Ganti Password
Halaman ganti password berisi form ganti password. Field yang diisi yaitu password lama, password baru dan juga konfirmasi password baru.
87
Gambar 4.19 Halaman Ganti Password 13. Halaman Login Admin
Halaman login admin berisi form untuk mengisi username, password serta hak akses. Hak akses terdiri dari 3 jenis, yaitu pusat, fakultas dan jurusan.
Gambar 4.20 Halaman Login Admin 14. Halaman Utama Admin Fakultas / Jurusan
Halaman utama admin fakultas atau jurusan ketika berhasil login. Berisi menu beranda, daftar alumni, alumni, dan laporan.
88
Gambar 4.21 Halaman Utama Admin Fakultas / Jurusan 15. Halaman Alumni Fakultas / Jurusan
Halaman alumni pada admin fakultas atau jurusan berisi nim alumni, nama alumni, fakultas, jurusan dan tahun lulus.
89
16. Halaman Detail Alumni Fakultas / Jurusan
Gambar 4.23 Halaman Detail Alumni 17. Halaman Utama Admin Pusat
Halaman utama admin pusat berisi menu user, lowongan kerja, pengumuman, laporan, ganti password, dan logout.
90
18. Halaman Tambah Daftar Alumni
Gambar 4.25 Halaman Tambah Daftar Alumni 19. Halaman User Alumni
Gambar 4.26 Halaman Tambah User Alumni 20. Halaman Laporan
Halaman laporan dapat diakses melalu menu laporan. Berisi tentang rangkuman dari tracer study yang telah di input.
91
Gambar 4.27 Halaman Utama Laporan 21. Rangkuman Jumlah Alumni
92
22. Rangkuman Kegiatan Alumni Setelah Lulus Kuliah
Gambar 4.29 Rangkuman Kegiatan Alumni
Pada gambar di atas grafik tidak ditampilkan karena data alumni yang bekerja masih kosong, ketika data telah terisi maka grafik akan muncul secara otomatis.
23. Rangkuman Kesesuaian Bidang Keahlian
93
Pada gambar di atas grafik tidak ditampilkan karena data alumni yang bekerja masih kosong, ketika data telah terisi maka grafik akan muncul secara otomatis.
24. Rangkuman Waktu Tunggu Mendapatkan Pekerjaan
Gambar 4.31 Rangkuman Waktu Tunggu Alumni Mendapatkan Pekerjaan Pada gambar di atas grafik tidak ditampilkan karena data alumni yang bekerja masih kosong, ketika data telah terisi maka grafik akan muncul secara otomatis.
25. Rangkuman Pendapatan Pertama Alumni
94
26. Rangkuman Pendapatan Sekarang Alumni
Gambar 4.33 Rangkuman Pendapatan Sekarang Alumni
Pada gambar di atas grafik tidak ditampilkan karena data alumni yang bekerja masih kosong, ketika data telah terisi maka grafik akan muncul secara otomatis.