BAB IV Perancangan SIstem informasi Eksekutif yang di usulkan

BAB IV
Rancangan Sistem yang di usulkan
4.1 Perancangan Sistem
Perancangan web

sistem informasi eksekutif di STBA dilakukan dalam

beberapa tahap. Adapun tahapan-tahapan tersebut adalah:
a. Mempelajari latar belakang dan tujuan STBA
Dilakukan untuk mengetahui factor apa saja yang dapat mempengaruhi
keberhasilan STBA dan kebutuhan informasi untuk pihak eksekutif.
b. Menganalisa data dan informasi
Dilakukan analisa terhadap data dan informasi yang telah di peroleh untuk
mengetahui permasalahan yang di hadapi, dan kemudian mencari pemecahan
masalah tersebut.
c. Merancang program
Setelah melakukan analisa data tahap selanjutnya adalah melakukan desain
rancangan program web sistem informasi eksekutif.
4.1.1 Tujuan Perancangan Sistem
Sistem Informasi eksekutif di rancang dengan tujuan memudahkan eksekutif
dalam mendapatkan informasi yang di inginkan. SIE STBA ini menampilkan tentang

analisis hasil studi nilai mahasiswa di STBA. Dengan rancanganya sistem ini di
harapkan eksekutif dapat lebih mudah untuk memonitoring perkembangan nilai
akademik mahasiswa dan mendukung pengambilan keputusan straegi yang berkaitan
dengan sistem nilai akademik yang berjalan

80

4.1.2 Gambaran Umum Sistem Yang Diusulkan
Sistem informasi yang penulis usulkan adalah sistem berbasis web yang
berfungsi sebagai interface dari output grafik. Sistem ini juga adalah merupakan hasil
dari data sistem informasi yang sudah ada di STBA yang penulis kembangkan khusus
untuk pimpinan STBA dan para eksekutif yang bersangkutan agar dapat
mempermudah para eksekutif dalam upaya pengambilan keputusan.
Sistem yang bertujuan untuk memperluas pengamatan para eksekutif
(personal yang bersangkutan) sehingga output Sistem Informasi Eksekutif hanya
dapat di lihat oleh para eksekutif atau pimpinan di STBA.
4.1.3 Perancangan Prosedur Yang Diusulkan
Pada perancangan sistem ini terdiri dari use case sistem yang di usulkan
beserata activity dan sequence diagram dan kamus data. Perbedaan antara sistem
lama dan sistem baru yang di usulkan adalah sistem lama melakukan proses input

data mahasiswa berupa nilai mahasiswa kedalam database, dan sistem yang baru
mengembangkan sistem yang sudah ada sebelum nya menjadi sistem informasi
eksekutif yang bertujuan menampilkan grafik indek prestasi mahasiswa ke dalam
sebuah website.
4.1.3.1 Use case Diagram system yang di usulkan

81

Gambar 4.1 Usecase Diagram
1. Skeario Use Case Data Data Mahasiswa
Adapun skenario use case mahasiswa adalah sebagai berikut:
Table 4.1 Skenario Use case Data Mahasiswa

Nama Use case
Tujuan
Aktor
Kondisi Awal
Aksi Aktor

Identifikasi

Data Mahasiswa
Menampilkan data mahasiswa yang ada
Deskripsi
Eksekutif
Skenario Utama
Reaksi Sistem

82

1. Klik Menu data mahasiswa
2. Menampilkan data mahasiswa secara
keseluruhan
3. Isi form pencarian
4. Mencari hasil inpuan yang di kirim
melalui keyboard
5. Jika ada maka akan menampilkan
data yang di cari di dalam form
pencarian
Menampilkan data mahsiswa yang di cari


Kondisi Akhir

2. Skenario Use case Analisis Keaktifan
Adapun use case analisis keaktifan adalah sebagai berikut:
Tabel 4.2 Skenario analisis mahasiswa

Nama Use case
Tujuan

Identifikasi
Analisis keaktifan
Menjelaskan grafik analisis keaktifan

mahasiswa
Deskripsi
Aktor
Eksekutif
Scenario Utama
Kondisi Awal
Klik menu eksekutif summary

Aksi actor
Reaksi Sistem
1. Klik menu summary keaktifan
2. Menampilkan data keaktifan
mahasiswa
3. Menampilkan list menu analisis
4. Klik menu analisis mahasiswa
yang aktif
5. Menampilkan data analisis
83

mahasiswa yang aktif
Eksekutif dapat melihat analisis data

Kondisi Akir

mahasiswa yang aktif, cuti, terdaftar
melalui grafik garis pada sistem

3. Skenario Use case Data Nilai IP

Adapun use case data nilai ip mahasiswa adalah sebagai berikut :
Table 4.3 Skenario Use case Data Nilai IP
Identifikasi
Nama Use case
Data Nilai IP
Tujuan
Menjelaskan data nilai IP masing-masing mahasiswa
Deskripsi
Aktor
Eksekutif
Skenarion Utama
Kondisi Awal
Klik Menu Mater Mahasiswa
Aksi Aktor
Reaksi Sistem
1. Klik menu nilai IP mahasiswa
2. Menampilkan form input nim
mahasiswa
3. Memasukan nim mahasiswa dan
memilih tahun ajaran

mahasiswa
4. Menampilkan data nilai mahasiswa
yang di inputkan menurut nim dan
Kondisi Akhir

tahun ajaran
Eksekutif dapat melihat data nilai
IP mahasiswa persemester

84

4. Sekenario data nilai transkrip mahasiswa
Adapun use case data nilai transkrip mahasiswa adalah sebagai berikut :
Table 4.4 scenario data nilai transkrip mahasiswa
Identifikasi
Data Nilai Transkrip
Menjelaskan
data

Nama Use case

Tujuan

Aktor
Kondisi Awal
Aksi Aktor
1. Klik menu transkrip

nilai

transkrip

Mahasiswa
Deskripsi
Eksekutif
Skenario Utama
Klik menu master mahasiswa
Reaksi Sistem
2. Menampilka

form


input

nim

mahasiswa
3. Memasukan nim mahasiswa
4. Menampilkan

data

transkrip

mahasiswa
Kondisi Akhir

5. Sekenario Analisis Nilai Mahasiswa
Adapun use case data Analisis nilai mahasiswa adalah sebagai berikut :
Table 4.5 scenario Analisis Nilai Mahasiswa


Nama Use case
Tujuan

Identifikasi
Analisis Nilai Mahasiswa
Menjelaskan grafik analisis naik
turunnya prestasi mahasiswa tiap
85

Aktor
Kondisi Awal
Aksi Aktor
1. Klik menu summary IP

semesternya
Deskripsi
Eksekutif
Skenario Utama
Klik menu eksekutif summary
Reaksi Sistem

2. Menampilkan grafik informasi
nilai mahasiswa pada tahun 2001
semester genap dan ganjil
3. Menampilkan list menu grafik

4. Klik menu analistik mahasiswa
berprestasi pada list menu
5. Menampilkan informasi grafik
Kondisi akhir

garis mahasiswa yang berprestasi
Eksekutif dapat melihat informasi
melalui grafik yang di tampilkan system

4.1.3.2.
Activity Diagram system yang di usulkan
1. Data Mahasiswa

86

Gambar 4.2 Diagram Activty Data Mahasiswa

2. Diagram activity Analisis keaktifan

87

Gambar 4.3 Diagram Activty Analisis Keaktifan

3. Diagram activity Nilai IP

88

Gambar 4.4 Diagram Activity Nilai IP

4. Diagram Activity Trankrip Nilai

89

Gambar 4.5 Activity Diagram Transkrip

90

5. Diagram Activity Analisis nilai IP mahasiswa

Gambar 4.6 Activity Diagram Analisis Nilai Mahasiswa
4.1.3.3.

Sequence Diagram system yang di usulkan

91

Sequence diagram di gunakan untuk menggambarkan perilaku pada sebuah
scenario. Diagram ini menunjukan sejumlah contoh obyek dan message yang di
letakkan di antara obyek-obyek di dalam use case. Komponen utama sequence
diagram terdiri dari obyek yang di tulisakan dengan kotak segi empat bernama.
Message di wakili oleh garis dengan tanda panah dan waktu yang di tunjukkan
dengan progress vertical.
1. Sequence Diagram Data Mahasiswa

Gambar 4.7 Sequence Diagram Data Mahasiswa
2. Sequence Diagram Analisis Keaktifan

92

Gambar 4.8 Sequence Diagram Analisis Keaktifan Mahasiswa
3. Sequence Diagram Data Nilai IP Mahasiswa

93

Gambar 4.9 Diagram Sequence Data Nilai IP Mahasiswa
4. Diagram Sequence Data Transkrip Mahasiswa

Gambar 4.10 Diagram Sequence Transkrip Nilai Mahasiswa
5. Diagram Activity Analisis Nilai IP Mahasiswa

94

Gambar 4.11 Diagram Sequence Analisis Nilai IP Mahasiswa
4.1.3.4.

Colaboration Diagram
Collaboration diagram adalah perluasan dari objek dan diagram (objek

diagram menunjukkan objek-objek dan hubungannya satu dengan yang lain).
Collaboration Diagram menunjukkan message-message objek yang dikirim satu
sama lain dan juga menggambarkan interaksi antar objek seperti sequence diagram,
tetapi lebih menekankan pada peran masing-masing objek dan bukan pada waktu
penyampaian message.
Eksekutif Diagram Login
1. Collaboration

Data
Mahasiswa

Input nim mahasiswa

95
Sistem

Form
Pencaria
n

Mencari data mahasiswa

Menampilkan data mahasiswa

Gambar 4.12 Collaboration diagram data mahasiswa
2. Collaboration diagram Summary Keaktifan
Melihat grafik

Eksekutif

Grafik

Menampilkan grafik eis

SISTEM

Gambar 4.13 Diagram Collaboration Keaktifan
3.

Collaboration Diagram data Nilai
96

Eksekutif

Input nim mahasiswa

Data Nilai

Mencari nilai

SISTEM

Mahasiswa

Form
Penacarian

Menampilkan nilai mahasiswa

Gambar 4.14 Collaboration Diagram data Nilai
4. Collaboration Diagram Trankrip Mahasiswa
Input Nim mahasiswa

Eksekutif

Transkrip

Mencari transkrip mahasiswa

SISTEM
Menampilkan transkrip mahasiswa

Form
Penacarian

Gambar 4.15 Collaboration Diagram data Nilai
5. Collaboration Diagram Keaktifan Mahasiswa

97

Eksekutif

Grafik

SISTEM

Gambar 4.16 Collaboration Diagram Keaktifan Mahasiswa
4.1.3.5.

Class Diagram system yang di usulkan
Class Diagram adalah sebuah spesifikasi yang jika diinstansiasi akan

menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain
berorientasi objek. Class menggambarkan keadaan (atribut/properti) suatu sistem,
sekaligus

menawarkan

layanan

untuk

memanipulasi

keadaan

tersebut

(metoda/fungsi). Berikut merupakan class diagram dari system informasi eksekutif di
sekolah tinggi bahasa asing.

98

Gambar 4.17 Class Diagram
4.1.3.6 Component Diagram
Component diagram menggambarkan struktur dan hubungan antar komponen
piranti lunak, termasuk ketergantungan (dependency) di antaranya. Komponen piranti
lunak adalah modul berisi code, baik berisi source code maupun binary code, baik
library maupun executable, baik yang muncul pada compile time, link time, maupun
run time.
Umumnya komponen terbentuk dari beberapa class dan/atau package, tapi
dapat juga dari komponen-komponen yang lebih kecil. Komponen dapat juga berupa
interface, yaitu kumpulan layanan yang disediakan sebuah komponen untuk
komponen lain.

Gambar 4.18 Komponen diagram yang di usulkan
4.1.3.6.

Deploymen Diagram

99

Deployment diagram menunjukan tata letak sebuah sistem secara fisik,
menampakan bagian – bagian software yang berjalan pada bagian – bagian hardware
yang digunakan untuk mengemplementasikan sebuah sistem dan keterhubungan
antara komponen – komponen hardware tersebut. Deployment diagram dapat
digunakan pada bagian – bagian awal proses perancangan sistem untuk
mendokumentasikan arsitektur fisik sebuah sistem.

Gambar 4.19 Deployment Diagram yang di usulkan
4.2. Perancangan Antar muka
Antar muka adalah suatu media yang digunakan untuk berkomunikasi antara
manusia (user) dengan komputer. Perancangan input/output sangat penting dalam
membuat suatu program, karena hal tersebut berguna untuk memudahkan user
berinteraksi dengan program (interface). Dalam sub bab ini penulis akan
menggambarkan mengenai perancangan input/output
4.2.1 Struktur Menu Utama
100

1. Berikut adalah gambaran menu pada aplikasi system informasi eksekutif di
sekolah tinggi bahasa asing :

SIE

Hom
e

Data
Dosen

Data
Akademik

Eksekutif
Summary

Master
Mhs
Data mahasiswa

Mata Kuliah

Summary IP

Data Grafik Nilai

IMG

IMG

Data Grafik
Keaktifan

Summary
Keaktifan

Nilai Mahasiswa
Nilai IP
Transkrip

IMG

IMG

IMG

IMG

101

© 2014 Sistem Informasi Eksekutif (STBA YAPARI-ABA)

Gambar 4.20 Menu Utama Sistem Informasi Eksekutif
Gambar 4.20 Halaman Utama
4.2.2

Perancangan Input

1. Berikut adalah tabel data dosen yang menjelaskan biodata dosen serta bidang
studi dan jurusan dari dosen yang ada di sekolah tinggi bahasa asing :

SIE

Home

Data
Dosen

Data
Akademik

Data Dosen
#

Nip

Nama

Master
Mhs

Eksekutif
Summary

Search……

Alamat

Bidang

Jurusa

Studi

n

Status

1
2
3
4
5
6
7
8
9
10
1

2

3

4

5

6

7

8

© 2014 Sistem Informasi Eksekutif (STBA YAPARI­ABA)

Gambar 4.21 Tabel Data Dosen
102

2. Berikut adalah tabel Mata kuliah yang menjelaskan mata kuliah apa dan ada di
jurursan apa mata kuliah tersebut serta berapa besaran sks yang ada di sekolah
tinggi bahasa asing dan matakuliah tersebut ada di semester berapa:

SIE

Hom
e

Data
Dosen

Data
Akademik

Search……

Mata Kuliah
Kode
Matakuliah

Master
Mhs

Eksekutif
Summary

Nama
MK

1

SKS

2

3

Semester

4

5

6

Kode
Jurusa
n

7

8

© 2014 Sistem Informasi Eksekutif (STBA YAPARI­ABA)

Gambar 4.22 Tabel Matakuliah

103

3. Berikut adalah tabel dari informasi yang menjelaskan setiap tahun akademik
ada berapa orang mahasiswa yang memiliki IP 4-3.50, 3.50-3.25, 3.00-2.75,
dan IP
XAMPP Control Panel Application.

Gambar 4.34 Cara mengaktifakan Program
2. Aktifkan XAMPP Control Panel Aplication Seperti pada gambar di
bawah ini:

142

Gambar 4.35 XAMPP Control Panel Aplication
3. Buka browser ketikan http://localhost:8080/eis/

Gambar 4.36 Tampilan Phpmyadmin

4.4.7

Penggunaan Program
Ada beberapa langkah yang harus dilakukan user untuk masuk kemenu utama:
1. Ketik username yang akan digunakan untuk melakukan prosedur
pertama.
2. Ketik terlebih dahulu password user untuk melakukan prosedur
kedua.
3. Pilih bagian untuk melakukan prosedur kedua.
4. Klik tombol “Login” untuk akses keprogram menuju langkah
berikutnya.
5. Apabila user berhasil memasukan password yang telah disetujui
maka akan menuju kelangkah berikutnya yaitu menu utama.

143

Gambar 4.37 Form Login Eksekutif
2. Halaman Utama
Halaman login dapat di akses apabila eksekutif melakukan login terlebih
dahulu dengan memasukan username dan password terlebih dahulu.

144

Gambar 4.38 Halaman Utama Eksekutif
3. Halaman Data Dosen
Halaman Data Dosen merupakan halaman yang memberikan informasi list
dosen yang ada di sekolah tinggi bahasa asing, berikut gambarannya :

145

Gambar 4.39 Halama Data Dosen
4. Halaman Tabel Mata Kuliah
Halaman ini menampilkan informasi kode mata kuliah, nama mata kuliah,
jumlah sks mata kuliah dank ode jurusan dari matakuliah:

Gambar 4.40 Halaman Tabel Mata kuliah
5.

Halaman Tabel Data Grafik Nilai
Halaman ini memuat data dari tampilan output program yang telah di buat,

berikut gambarannya:

146

Gambar 4.41 Tabel Data Grafik NIlai
6. Halaman Tabel Data Grafik Keaktifan
Halaman ini memuat data dari tampilan output program yang telah di buat,
berikut gambarannya:

Gambar 4.42 Tabel Data Grafik Keaktifan
7.

Halaman Eksekutif Summary Nilai

147

Gambar ini merupakan output yang menjadi acuan dalam evaluasi nilai akademik
yang di dapat mahasiswa selama belajar di STBA, berikut gambarannya:

Gambar 4.43 Grafik Summary Nilai IP mahasiswa
8. Halaman Eksekutif Summary Keaktifan
Gambar ini merupakan output yang menjadi acuan dalam evaluasi mahasiswa
yang terdaftar di STBA, berikut gambarannya:

Gambar 4.44 Grafik Summary Keaktifan

148

9. Halaman Data Mahasiswa
Gambar tampilan berikut merupakan tabel yang berisis data sebagian
mahasiswa yang ada di sekolah tinggi bahasa asing, berikut gambaran
halaman pada web yang akan di tampilkan:

Gambar 4.45 Data Mahasiswa
10. Halaman Data Nilai Mahasiswa
Gambar ini memua tabel data nilai mahasiswa sekolah tinggi bahasa asing,
berikut gambar dari tampilan web yang akan di tampilkan:

149

Gambar 4.46 Data Nilai Mahasiswa
11. Halaman Nilai IP Mahasiswa
Gambar Berikut merupakan gambaran Nilai Online Mahasiswa yang dapat
di akses di web eksekutif sekolah tinggi bahasa asing, berikut tampilan
galaman tersebut:

150

Gambar 4.47 Gambar halaman KHS
4.5 Pengujian Sistem
Pengujian perangkat lunak perlu dilakukan untuk mengevaluasi baik secara
manual maupun otomatis untuk menguji apakah perangkat lunak sudah memenuhi
persyaratan atau belum, dan untuk menentukan perbedaan antara hasil yang
diharapkan dengan hasil sebenarnya. Pengujian sistem merupakan hal terpenting yang
dilakukan untuk menemukan kekurangan atau kesalahan pada perangkat lunak yang
diuji. Pengujian bermaksud untuk mengetahui perangkat lunak yang dibuat sudah
memenuhi kriteria yang sesuai dengan tujuan perancangan perangkat lunak.
Tujuan pengujian perangkat lunak adalah :
1. Menilai apakah perangkat lunak yang dikembangkan telah memenuhi
kebutuhan pemakai.

151

2. Menilai apakah tahap pengembangan perangkat lunak telah sesuai dengan
metodologi yang digunakan.
3. Membuat dokumentasi hasil pengujian yang menginformasikan kesesuaian
perangkat lunak yang diuji dengan spesifikasi yang telah ditentukan.
4.5.1 Rencana Pengujian
Pengujian perangkat lunak pada aplikasi Sistem Informasi Eksekutif Berbasis
web Study kasus Sekolah Tinggi Bahasa Asing Bandung yaitu dengan menggunakan
pengujian Balck Box. Pengujian black box berfokus pada persyaratan fungsional
perangkat lunak yang dibuat. Berikut adalah rencana pengujian aplikasi Sistem
Informasi Eksekutif Berbasis web Study kasus Sekolah Tinggi Bahasa Asing.
Tabel 4.6 Rencana Pengujian
Kelas Uji
Data Mahasiswa

Detail Pengujian
Menampilkan data

Jenis Pengujian
Black Box

Grafik Keaktifan

mahaisiswa di STBA
Menampilkan Grafik –

Black Box

Mahasiswa

grafik jumlah mahasiswa
aktif, cuti dan yang

Data Nilai Mahasiswa

terdaftar di STBA
Menampilkan data nilai

Black Box

seluruh mahasiswa di
Data Transkrip Mahasiswa

Stba.
Menampilkan data nilai
mahaisiswa mulai dari

Black Box

152

semester satu sampai
Grafik Nilai Mahasiswa

skripsi
Menampilkan grafik nilai
mahasiswa semester genap

Black Box

dan ganjil.

4.5.2 Kasus dan Hasil Pengujian
Kasus yang akan di uji dan hasil pengujian di buat untuk menghasilkan
aplikasi yang sesuai dengan apa yang di harapkan dan system yang sesuai dengan
yang telah di rencanakan selanjutnya akan di bahas mengenai pengujian pada system
informasi eksekutif di sekolah tinggi bahasa asing.
Tabel 4.7 Kasus Pengujian Sistem
Kasus Uji

Hasil

Yang

di Pengamatan

Kesimpulan

Data

Harapkan
Data dari

mahasiswa

dapat di tampilkan ke tampilkan

Di Terima [X]

pada tabel

dalam website SIE

Di Tolak [ ]

Grafik

Grafik

Eksekutif

menampilkan

Keaktifan

mahasiswa yang aktif, buat dalam

mahasiswa

cuti dan terdaftar di bentuk grafik

database Data berhasil di

dapat
data Data berhasil di

Di Terima [X]
Di Tolak [ ]

STBA

153

Data

seluruh Data dapat di tampilkan Data berhasil di

nilai

ke dalam website

tampilkan

Di Terima [X]

mahasiswa di

Di Tolak [ ]

STBA
Data Transkrip Data nilai mahasiswa Data berhasil di
mahasiswa di dapat

di

stba

dari

mulai

tampilkan tampilkan

Di Terima [X]

semester

Di Tolak [ ]

awal sampai semester
Grafik

akhir
nilai Dapat

mahasiswa

nilai

menampilkan Data berhasil di
semester

genap tampilkan

dan ganjil setiap tahun kedalam

Di Terima [X]
bentuk Di Tolak [ ]

akademik dalam grafik grafik
batang

154