ANALISIS DAN PERANCANGAN SISTEM
A. Daftar Pertanyaan Data Diri Lulusan
IV- 53 q Tabel pilihan
Tabel 4.42 Deskripsi Tabel Pilihan
No Nama Field Type Panjang Null Keterangan
1 PilihanId int 3 No Primary Key
2 PilihanQuesId int 3 No Foreign key
3 PilihanDeskripsi varchar 100 Yes
4.3.3 Penggunaan Basisdata dan Pembuatan Antar Muka Aplikasi
Implementasi basis data didasarkan pada perancangan desain basis data fisik yang dihasilkan pada tahap perancangan basis data. Basis data yang sudah dirancang kemudian diimplementasikan dengan menggunakan MySQL dengan nama basis data adalah silotra_pro. Dalam basis data tersebut terdiri atas 19 tabel yang terkait dengan survei lulusan. Tabel terbagi ke dalam tiga bagian, yaitu: tabel-tabel untuk website, tabel-tabel untuk alumni, dan tabel-tabel untuk survei lulusan.
Pada pembuatan program aplikasi rancangan usulan ini menggunakan media website. Pada web sistem survei lulusan ini, pemrograman yang ada didalamnya seluruhnya menggunakan skrip PHP. Pada pembuatan website
menggunakan framework Codeigniter dalam pembuatan fitur-fitur atau content- content tambahan. Untuk memudahkan perawatan program, file-file yang ada dikelompokan pada direktori-direktori. Framework Codeigniter memiliki penyimpanan file-file yang terstruktur dan semua script PHP disimpan dalam file application/model, application/view dan application/controller.
Aplikasi ini menggunakan direktori yang tersimpan pada http://localhost/silotra_pro/index.php. Aplikasi ini digunakan untuk 3 pengguna sistem yaitu pengguna pensurvei, lulusan dan administrator.
Implementasi antarmuka pengguna umum website sistem survei lulusan diawali dengan menampilkan halaman Home. Navigasi utama yang disediakan diantaranya, yaitu: Home, Legalisir, Konfirmasi Biaya, Biaya Pengiriman. Navigasi utama berbentuk pop-up menu yang di implementasikan menggunakan
commit to user
IV-54
Pembuatan antarmuka pengguna lulusan dibangun menggunakan CSS. File kode program CSS diberi nama “main.css” dan ditempatkan di dalam direktori css, sehingga setiap halaman website yang dibangun hanya perlu memanggil file CSS-nya saja. Hasil implementasi antarmuka halaman utama pengguna lulusan website sistem survei lulusan dapat dilihat pada Gambar 4.25
Pembuatan antarmuka admin juga dibangun menggunakan CSS. File kode program CSS diberi nama “main.css” dan ditempatkan di dalam direktori css seperti halnya halaman pengguna umum. Hasil implementasi antarmuka halaman utama pensurvei website sistem survei lulusan dapat dilihat pada Gambar 4.26
Gambar 4.25Hasil Implementasi Antarmuka Halaman Utama Pengguna Lulusan Website Sistem Survei Lulusan
Gambar 4.26Hasil Implementasi Antarmuka Halaman Utama Pensurvei Website Sistem Survei Lulusan
commit to user
IV-55
Pembuatan aplikasi ini terdiri dari beberapa implementasi proses dari beberapa modul. Bahasa pemrograman PHP digunakan untuk mengolah masukan hingga menjadi keluaran yang diharapkan. Potongan program pada proses login dapat dilihat pada gambar 4.27:
function login() { $this->load->model('login'); $user = $this->login->GetUser($_POST['user'],$_POST['pass']); if (!empty($user)) { $_SESSION['userid'] = $user['UserId']; $_SESSION['login_kategori'] = $user['UserKategoriId']; $_SESSION['realname'] = $user['UserRealName']; $_SESSION['login'] = TRUE; $add = '1'; } else { $add = '2'; } redirect('home/ViewHome/index/'.$add, 'location'); }
Gambar 4.27Potongan Program Fungsi Login
Potongan program pada proses tambah data dapat dilihat pada fungsi pada gambar 4.28 : function add() { $this->load->model('user'); if (isset($_POST['simpan'])) { $result=$this->user >DoAddUser($_POST['id'], $_POST['realname'],$_POST['nama'], $_POST['email'],md5($_POST['pass']),$_POST['kategori'], $_POST['aktive']);
} if ($result) $err = ' /1'; else $err = 'index/2'; } else $err = 'index';
redirect('user/ViewUser/index/'.$err, 'location'); }
commit to user
IV-56
Potongan program pada proses paging untuk fungsi search dapat dilihat pada gambar 4.29: function index($pageNum='',$err='') { $this->load->library('pagination'); $this->load->model('user'); $total = $this->user->GetCountUser ('UserRealName',$inputNama);//print_r($total); $page['total_rows'] = $total; $page['base_url'] = base_url().index_page().'/user/ViewUser/index'; $page['base_content'] = 'subcontent-element'; $page['per_page'] = 5;
$page['cur_page'] = $data['cur_page'] = (int)$pageNum; //print_r(' sfsf '.$pageNum); $this->pagination->initialize($page); $data['page'] = $this->pagination->create_links(); $data['user'] = $this->user->GetDataUser ('UserRealName',$inputNama,$page['cur_page'],$page['per_page']); $this->LoadModule('user/view_user',$data); }
Gambar 4.29Potongan Program Fungsi Proses Paging dan Fungsi
Search
4.3.4 Validasi Aplikasi
Program aplikasi dibuat sesuai dengan rancangan user interface dan rancangan sistem yang dihasilkan pada tahap sebelumnya. Program aplikasi yang digunakan berbasis website dengan menggunakan framework Codeigneter dalam pembentukan fitur-fitur yang dibutuhkan. Validasi rancangan program aplikasi merupakan proses sistem operasi atau komponen menurut kondisi tertentu, pengamatan atau pencatatan hasil dan mengevaluasi beberapa aspek sistem atau komponen. Hal tersebut dilakukan dengan cara fungsi-fungsi yang sudah dirancang dalam sistem aplikasi diujicobakan dengan mendemonstrasikan setiap fungsi tersebut apakah sudah sesuai dengan masukan yang diterima dan menghasilkan keluaran yang benar.Tampilan dapat dilihat pada lampiran L1– L11.
commit to user
IV-57
Tabel 4.43 Tabel Hasil Validasi
Ya Tidak
1 Tombol ' Registrasi alumni disini' pada halaman utama telah ternavigasi ke
halaman pendaftaran lulusan dengan baik. L1 √
2
Tombol " Manajemen Pengguna Lulusan" pada halaman admin telah ternavigasi ke
halaman daftar lulusan dengan baik.
L2 √
3 Tombol"detail","edit","delete" Manajemen Pengguna Lulusan" pada
halaman admin telah ternavigasi ke halaman daftar pengguna dengan baik. √
4 Tombol"Manajemen Pengguna Sistem" pada halaman admin telah
ternavigasi ke halaman daftar pengguna dengan baik. L3 √
5 Tombol"detail ","edit","delete" Manajemen Pengguna Sistem" pada halaman
admin telah ternavigasi ke halaman daftar pengguna dengan baik. √
6 Tombol" tambah" pada halaman admin telah ternavigasi ke halaman tambah
pendaftaran Anggota selain lulusan. L13 √
7 Tombol"detail","edit","delete" Manajemen Pengguna Lulusan" pada
halaman admin telah ternavigasi ke halaman daftar pengguna dengan baik. √
8 Tombol" tambah" pada halaman admin manajemen group telah ternavigasi
ke halaman tambah group pengguna L4 √
1 Tombol "Daftar Pekerjaan Lulusan"ada halaman admin telah ternavigasi ke
halaman daftar pekerjaan lulusan L5 √
2 Tombol"detail","edit","delete" Daftar Pekerjaan Lulusan pada halaman
admin telah ternavigasi ke halaman daftar Pekerjaan Lulusan. √
3 Tombol " Tambah" pada halaman lulusan telah ternavigasi ke halaman
tambah pekerjaan lulusan L6 √
4 Tombol " Tambah" survei pada halaman surveyor telah ternavigasi ke
halaman tambah projek survei L7 √
5 Tombol "Daftar Projek Survei" pada halaman surveyor telah ternavigasi ke
halaman daftar projek survei L8 √
6 Tombol"detail","edit","delete" Daftar Projek Survei pada halaman admin
telah ternavigasi ke halaman daftar projek lulusan. √
7 Tombol " Tambah Pertanyaan" pada halaman surveyor telah ternavigasi ke
halaman tambah pertanyaan survei L9 √
8 Tombol " Tambah Publish" pada halaman surveyor telah ternavigasi ke
halaman tambah publish survei L10 √
9 Tampilan Survei dapat ternavigasi pada halaman lulusan L11 √
10 Tampilan Hasil Survei dapat ternavigasi pada halaman lulusan √
11 Tampilan otomatisasi pin pada halaman survei lulusan √
1 Tombol "Login" pada halaman lulusan telah berjalan dengan baik √
2 Tombol "Login" pada halaman admin telah berjalan dengan baik √
3 Tombol "Login" pada halaman surveyor telah berjalan dengan baik √
4 Tombol " Legalisir Online" pada halaman lulusan telah ternavigasi ke halaman status pekerjaan dan survei.
√
Manajemen Survei
Fitur Pendukung
No Unit Yang Diuji Tampilan Hasil
commit to user
commit to user
commit to user
commit to user
commit to user
V-1