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 YAPARIABA)
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 YAPARIABA)
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
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 YAPARIABA)
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 YAPARIABA)
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