Implementasi Tampilan Antarmuka Pengguna

BAB 4. HASIL DAN PEMBAHASAN

4.1.2 Implementasi Tampilan Antarmuka Pengguna

Implementasi dari sistem informasi penjadwalan mata kuliah. terdiri dari beberapa form yang mempunyai kegunaan masing-masing. Form-form tersebut akan tampil secara beruntun sesuai dengan urutan yang telah terprogram.

a. Tampilan Halaman Login

Pada halaman login, sebagai pengguna mahasiswa ataupun dosen nantinya akan memasukkan username dan password yang sesuai yang diberikan pada admin. Berikut adalah tampilan halaman login :

Gambar 4.8 Tampilan halaman login

b. Tampilan Halaman Dashboard Mahasiswa

Pada tampilan halaman Dashboard mahasiswa terdapat beberapa button seperti jadwal, dosen mata kuliah, ruang, krs. serta sedikit profile tentang Sistem penjadwalan D3 Teknik Informatika. Berikut tampilan halaman home mahasiswa :

Gambar 4.9 Tampilan Halaman Dashboard Mahasiswa

c. Tampilan Halaman Jadwal Mahasiswa

Pada tampilan jadwal mahasiswa, mahasiswa dapat melihat data jadwal kuliah yang telah di input oleh admin dan mencetaknya. Berikut tampilan jadwal mata kuliah pada halaman mahasiswa. Berikut tampilan jadwal:

Gambar 4.10 Tampilan Jadwal Mata Kuliah Mahasiswa

d. Tampilan Halaman Cetak jadwal Mahasiswa

Pada tampilan cetak jadwal, mahasiswa dapat mencetak jadwal mata kuliah tersebut. Berikut tampilan cetak jadwal pada halaman mahasiswa:

Gambar 4.11 Tampilan Halaman Cetak Jadwal Mahasiswa

e. Tampilan Halaman Dosen pada Mahasiswa

Pada Tampilan ini terdapat data-data dosen dimana mahasiswa dapat melihat data dosen dan mencari data dosen. Lalu mencetak data-data dosen tersebut. Berikut tampilan halaman Dosen pada Mahasiswa:

Gambar 4.12 Tampilan Halaman Dosen pada Mahasiswa

f. Tampilan Halaman Mata Kuliah Mahasiswa

Tampilan Mata Kuliah pada Mahasiswa sama halnya seperti tabel lainnya, mahasiswa dapat melihat mata kuliah semester berapa dan sks tiap mata kuliah tersebut, lalu dapat mencetak data mata kuliah. Berikut tampilan Mata Kuliah pada Mahasiswa:

Gambar 4.13 Tampilan Halaman Mata Kuliah Mahasiswa

g. Tampilan Halaman Ruang Mahasiswa

Pada halaman ini ruang akan menampilkan data tiap ruang beserta deskripsi ruang tersebut. Disini mahasiswa juga dapat mencetak seperti pada data yang lainnya. Berikut tampilan halaman Ruang pada Mahasiswa:

Gambar 4.14 Tampilan halaman Ruang Mahasiswa

h. Tampilan Halaman KRS Mahasiswa

Pada halaman KRS disini Mahasiswa dapat mengambil KRS lalu di simpan, maka akan keluar data mata kuliah yang di ambil. Dan mahasiswa dapat mencetak mata kuliah tersebut. Berikut tampilan halaman KRS Mahasiswa:

Gambar 4.15 Tampilan halaman KRS Mahasiswa

i. Tampilan Halaman Dashboard Dosen

Pada tampilan halaman Dashboard Dosen terdapat beberapa button seperti jadwal, dosen mata kuliah, ruang. serta sedikit profile tentang Sistem penjadwalan D3 Teknik Informatika. Berikut tampilan halaman Dashboard Dosen:

Gambar 4.16 Tampilan halaman Dashboard Dosen

j. Tampilan Halaman Jadwal Dosen

Pada tampilan jadwal , dosen dapat melihat data jadwal kuliah yang telah di input oleh admin lalu mencetaknya. Berikut tampilan jadwal dosen pada halaman mahasiswa. Berikut tampilan jadwal:

Gambar 4.17 Tampilan halaman Jadwal Dosen

k. Tampilan Halaman Cetak jadwal pada dosen

Pada tampilan cetak jadwal, dosen dapat mencetak jadwal mata kuliah tersebut. Berikut tampilan cetak jadwal pada halaman dosen:

Gambar 4.18 Tampilan halaman Cetak Jadwal

l. Tampilan Halaman Dosen

Pada Tampilan ini terdapat data-data dosen dan dosen dapat mencari data dosen yang lainnya. Lalu mencetak data-data dosen tersebut. Berikut tampilan halaman Dosen:

Gambar 4.19 Tampilan halaman Dosen

m. Tampilan Halaman Mata Kuliah Dosen

Tampilan data dosen sama halnya seperti tabel lainnya, dosen dapat melihat data mata kuliah. lalu dapat mencetak data mata kuliah. Berikut tampilan Mata Kuliah pada Mahasiswa:

Gambar 4.19 Tampilan halaman Mata Kuliah Dosen

n. Tampilan Halaman Ruang pada Dosen

Pada halaman ini ruang akan menampilkan data tiap ruang beserta deskripsi ruang tersebut. Disini dosen juga dapat mencari ruang yang sesuai kebutuhan dan mencetaknya. Berikut tampilan hasil Ruang pada Dosen:

Gambar 4.20 Tampilan halaman Ruang Dosen

4.1.3 Impelementasi Tampilan Antarmuka Admin

Antarmuka admin menggunakan tampilan website agar mempermudah admin dalam mengolah data laporan. Implementasi antarmuka admin dari sistem informasi penjadwalan mata kuliah. terdiri dari beberapa halaman yang mempunyai kegunaan masing-masing. Halaman-halaman tersebut akan tampil secara beruntun sesuai dengan urutan yang telah terprogram.

a. Tampilan Halaman Login Admin

Pada halaman login, admin akan memasukkan username dan password yang sesuai. Berikut adalah tampilan halaman login admin :

Gambar 4.21 Tampilan halaman login admin

b. Tampilan Halaman Dashboard Admin

Pada tampilan halaman Dashboard admin terdapat beberapa button seperti

jadwal, dosen, mata kuliah, ruang. serta sedikit profile tentang Sistem

penjadwalan D3 Teknik Informatika Universitas Sumatera Utara. Berikut

tampilan halaman home admin :

Gambar 4.22 Tampilan halaman Dashboard Admin

c. Tampilan Halaman Data Jadwal Admin

Pada halaman ini berisi data-data jadwal mahasiswa dan admin juga dapat menambahkan data jadwal setiap harinya agar dapat di akses oleh mahasiswa dan dosen dan mencetaknya. Data jadwal dengan memasukkan no, kode jadwal, mata kuliah, hari, jam awal, jam akhir, ruang, nama dosen, kapasitas dan terdaftar. Berikut tampilan halaman data jadwal dosen :

Gambar 4.23 Tampilan halaman data jadwal kuliah pada admin

d. Tampilan Halaman Data Dosen admin

Pada halaman ini berisi data-data dosen dan admin juga dapat menambahkan data dosen dan mencetaknya. Data dosen dengan memasukkan no, nip, nama dosen, alamat dosen, status dosen, dan email.

Berikut tampilan halaman data dosen:

Gambar 4.24 Tampilan halaman data dosen pada admin

e. Tampilan Halaman Mata Kuliah pada Admin

Pada halaman ini berisi data-data mata kuliah dan admin juga dapat menambahkan data mata kuliah dan mencetaknya. Data mata kuliah dengan memasukkan no, kode mata kuliah, mata kuliah, semester, sks.

Berikut tampilan halaman mata kuliah pada admin:

Gambar 4.25 Tampilan halaman mata kuliah pada admin

f. Tampilan Halaman Mata Kuliah pada Admin

Pada halaman ini berisi data-data ruang dan admin juga dapat menambahkan data ruang dan mencetaknya. Data ruang dengan memasukkan no, kode ruang, kapasitas, status dan deskripsi ruang. Berikut tampilan halaman ruang pada admin:

Gambar 4.26 Tampilan halaman ruang pada admin

5.1 Kesimpulan

Berdasarkan pembahasan pada bab-bab sebelumnya maka pada bab ini penulis dapat mengambil kesimpulan sebagai berikut :

Sistem informasi penjadwalan mata kuliah ini dapat menyediakan sarana informasi jadwal kuliah yang dapat langsung digunakan oleh dosen maupun mahasiswa.

2. Sistem informasi penjadwalan mata kuliah ini memberikan informasi yang berkaitan dengan data dosen, mata kuliah, ruang kelas serta jadwal kuliah yang dapat langsung di cetak.

3. Dalam penggunaan sistem informasi yang benar akan menghasilkan kemudahan dalam melakukan suatu pencarian informasi yang dibutuhkan.

Dalam sub-sub bab terakhir ini penulis ingin memberikan saran dengan harapan dapat memberikan masukkan bagi pihak rogram Studi D-3 Teknik Informatika, yaitu:

1. Untuk melakukan penjadwalan mata kuliah sebaiknya diolah menggunakan komputer agar dapat memberikan hasil yang akurat menghemat dalam penggunaan waktu dan tenaga.

2. Sistem informasi ini masih memiliki kelemahan sebagai aplikasi dan dirasa perlu dilakukan pengembangan lebih lanjut, beberapa kelemahan dari sistem informasi ini adalah sebagai berikut:

a. Tidak adanya fitur untuk melihat jadwal kosong dosen

b. Pembagian jadwal kuliah masih belum diotomatisasi sepenuhnya c. Perubahan jadwal di setiap semesternya harus diperbaharui setiap Tahun ajaran baru.

Perlu dilakukan perbaikan dan pengembangan terhadap kelemahan-kelemahan

sistem informasi ini agar dapat memberikan hasil yang lebih maksimal.

Arief,M.Rudyanto. 2011. Web Dinamis menggunakan PHP dan MySQL.

Yogyakarta: C.V Andi Offset

Abdul Kadir. 2003. “Pengenalan Sistem Informasi”,Andi, Yogyakarta.

Dewanto,I.Joko.2017. Web Desain(metode Aplikasi dan Implementasi).Yogyakarta :Graha Ilmu

Rafikah Amelia Nasution. Sistem Informasi Pejadwalan Mata Kuliah D-III Teknik

Informatika Universitas Sumatera Utara.

http://repository.usu.ac.id/bitstream/handle/123456789/28646/Cover.pdf?sequence=7

&isAllowed=y (15 Mei 2019)

Akbar Salim. Perancangan dan Implementasi Penjadwalan Mata Kuliah.

http://repositori.uin-alauddin.ac.id/2298/1/Akbar%20Salim.pdf (29 Mei 2019)

LAMPIRAN

header('location:index.php');

}

<!DOCTYPE html>

<head>

<title>Login Administrator Sipti</title>

<style>

<title>SipTI</title>

<nav class="navbar navbar-default navbar-static-top"

role="navigation" style="margin-bottom: 0">

</div>

$username = $_SESSION['username'];

$query_user_login = mysql_query("select * from users where username='$username'");

$user_login = mysql_fetch_array($query_user_login);

<i class="fa fa-user fa-fw"></i> <?php echo

$user_login['fullname']; ?> <i class="fa fa-caret-down"></i>

</a>

</div>

<?php

error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));

$message = $_GET['msg'];

if ($message == 'success') { ?>

<div class="alert alert-success">Berhasil</div>

<?php } else if ($message == 'failed') {?>

<div class="alert alert-warning">Error</div>

<?php } ?>

if ($_SESSION['role'] == 'admin') {

target="_blank"><i class="fa fa-user fa-print"></i> Cetak</a>

while ($data = mysql_fetch_array($query)) { maka tampilkan menu untuk edit dan delete user

if ($_SESSION['role'] == 'admin') {

$data['nip'];?>" class="delete"><i class="fa fa-eraser fa-fw"></i></a>

<div class="modal fade" id="tambahdosen" tabindex="-1"

role="dialog" aria-labelledby="myModalLabel">

<option>Tetap</option>

//Header untuk tabel simpan di array

$header = array(

array("label"=>"No", "length"=>10, "align"=>"C"), //C untuk posisi text (center)

array("label"=>"NIP", "length"=>40, "align"=>"C"),

array("label"=>"Nama Dosen", "length"=>68,

"align"=>"C"),

array("label"=>"Alamat Dosen", "length"=>40,

"align"=>"C"),

array("label"=>"Status Dosen", "length"=>30,

"align"=>"C") );

$pdf->Cell(0, 15, 'FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM', 0, '0', "C", false);

$pdf->Ln();

$pdf->Cell(0, 0, 'PROGRAM STUDI TEKNIK INFORMATIKA ', 0, '0',

"C", false);

$pdf->Ln();

$pdf->Cell(0, 40, 'DATA DOSEN PENGAMPU', 0, '0', "C", false);

// turun kebawah

$pdf->Ln();

//Header

foreach ($header as $kolom) {

$pdf->Cell($kolom['length'], 10, $kolom['label'], 1, '0', $kolom['align'], true);

# Query ke Database, ambil data dan sesuaikan dengan header

$dosen = mysql_query("SELECT * FROM dosen ORDER BY nip");

while( $data = mysql_fetch_array($dosen)){

$i = 0;

$pdf->Cell($header[$i]['length'], 8, $no.'.', 1, '0','C', $fill);

$i++;

$pdf->Cell($header[$i]['length'], 8, $data['nip'], 1, '0','C', $fill);

$i++;

$pdf->Cell($header[$i]['length'], 8,

$data['nama_dosen'], 1, '0','C', $fill);

$i++;

$pdf->Cell($header[$i]['length'], 8,

$data['alamat_dosen'], 1, '0','C', $fill);

$i++;

$pdf->Cell($header[$i]['length'], 8,

$data['status_dosen'], 1, '0','C', $fill);

$no++;

$fill = !$fill;

$pdf->Ln();

}

$pdf->Cell(0, 50, '', 0, '0', "C", false);

$pdf->Ln();

$pdf->Cell(0, 5, '

Diketahui,', 0, '0', "C", false);

$pdf->Ln();

$pdf->Cell(0, 5, '

Dosen Penasehat,', 0, '0', "C", false);

$pdf->Ln();

$pdf->Cell(0, 50, '

( ),', 0, '0', "C", false);

$pdf->Ln();

$pdf->Output('Data Dosen Komputer.pdf','i'); // menampilkan di browser

<div class="alert alert-success">Berhasil</div>

<?php } else if ($message == 'failed') {?>

<div class="alert alert-warning">Error</div>

<?php } ?>

if ($_SESSION['role'] == 'admin') {

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#tambahjadwal"><i class="fa user

fa-plus-circle"></i> Tambah Jadwal</button>

target="_blank"><i class="fa fa-user fa-print"></i> Cetak</a>

<table width="100%" class="table table-striped table-bordered table-hover" id="dataTables-example"> tampilkan menu untuk edit dan delete user

if ($_SESSION['role'] == 'admin') { ?>

<a href="jadwaledit.php?kd_jadwal=<?php echo

$data['kd_jadwal'];?>"><i class="fa fa-edit fa-fw"></i></a>

<?php if ($data['username'] != 'admin') {?>

| <a href="jadwaldelete.php?kd_jadwal=<?php echo

$data['kd_jadwal'];?>" class="delete"><i class="fa eraser fa-fw"></i></a>

<td>

<div class="modal fade" id="tambahjadwal" tabindex="-1"

role="dialog" aria-labelledby="myModalLabel">

</div>

<label>Mata kuliah</label>

<?php

$query = "SELECT * FROM mata_kuliah";

$hasil = mysql_query($query);

while ($data = mysql_fetch_array($hasil)) {

echo "<option

<input id="icon_prefix" type="time" class="form-control"

name="jam_awal" required>

</div>

<label>Jam Akhir</label>

<input id="icon_prefix" type="time" class="form-control"

name="jam_akhir" required>

<h1 class="page-header"><i class="fa fa-bank fa-fw"></i>Data Ruang </h1>

</div>

</div>

<?php

error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));

$message = $_GET['msg'];

if ($message == 'success') { ?>

<div class="alert alert-success">Berhasil</div>

<?php

} else if ($message == 'failed') { ?>

<div class="alert alert-warning">Error</div>

<?php } ?>

<?php

if ($_SESSION['role'] == 'admin') { ?>

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#tambahruang"><i class="fa user fa-plus-circle"></i> Tambah Ruang</button>

<?php if ($data['username'] != 'admin') {?>

<?php } ?>

<a href="ruang-print.php" class="btn btn-default"

target="_blank"><i class="fa fa-user fa-print"></i> Cetak</a>

<?php maka tampilkan menu untuk edit dan delete user

if ($_SESSION['role'] == 'admin') {

$data['id_ruang'];?>" class="delete"><i class="fa eraser fa-fw"></i></a>

<div class="modal fade" id="tambahruang" tabindex="-1"

role="dialog" aria-labelledby="myModalLabel">

</div>

<label>Kapasitas Ruang</label>

</div>

<label>Deskripsi Ruang</label>

</div> fa-fw"></i> Data Mata Kuliah </h1>

</div>

</div>

<?php

error_reporting(E_ALL ^ (E_NOTICE | E_WARNING));

$message = $_GET['msg'];

if ($message == 'success') { ?>

<div class="alert alert-success">Berhasil</div>

<?php } else if ($message == 'failed') {?>

<div class="alert alert-warning">Error</div>

<?php } ?>

if ($_SESSION['role'] == 'admin') {

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#tambahmatkul"><i class="fa fa-user fa-plus-circle"></i> Tambah Mata Kuliah</button>

target="_blank"><i class="fa fa-user fa-print"></i> Cetak</a>

?> maka tampilkan menu untuk edit dan delete user

if ($_SESSION['role'] == 'admin') {

$data['kd_matakuliah'];?>" class="delete"><i class="fa fa-eraser fa-fw"></i></a>

<?php } ?>

</div>

<?php } ?>

</td>

<div class="modal fade" id="tambahmatkul" tabindex="-1"

role="dialog" aria-labelledby="myModalLabel">

<label>Semester</label>

</div> fa-fw"></i> Data Mata Kuliah </h1>

</div>

<div class="alert alert-success">Berhasil</div>

<?php

} else if ($message == 'failed') { ?>

<div class="alert alert-warning">Error</div>

<?php } ?>

<div class="row"> data-toggle="modal" data-target="#tambahruang"><i class="fa user fa-plus-circle"></i> Tambah Ruang</button>

target="_blank"><i class="fa fa-user fa-print"></i> Cetak</a>

<table width="100%" class="table table-striped table-bordered table-hover" id="dataTables-example"> kd_matakuliah LIKE '%$cari%' OR nama_matakuliah LIKE '%$cari%' OR semester LIKE '%$cari%' OR sks LIKE '%$cari%'");

$i = 1; tampilkan menu untuk edit dan delete user

if ($_SESSION['role'] == 'admin') {

<div class="alert alert-success">Berhasil</div>

<?php } else if ($message == 'failed') {?>

<div class="alert alert-warning">Error</div>

<?php } ?>

if ($_SESSION['role'] == 'admin') {

<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#tambahjadwal"><i class="fa user fa-plus-circle"></i> Tambah Jadwal</button>

target="_blank"><i class="fa fa-user fa-print"></i> Cetak</a>

</div> -->

<tr class="<?php if ($i % 2 == 0) { echo "odd"; } else { echo tampilkan menu untuk edit dan delete user

if ($_SESSION['role'] == 'admin') {

$data['kd_jadwal'];?>" class="delete"><i class="fa eraser fa-fw"></i></a>

</tr>

Data KRS Kuliah Semester Ganjil</h1>

</div>

Dalam dokumen SISTEM INFORMASI PENJADWALAN MATA KULIAH D-III TEKNIK INFORMATIKA UNIVERSITAS SUMATERA UTARA TUGAS AKHIR ROTUA JULIANA SIBARANI (Halaman 58-0)