22
BAB III
PEMBAHASAN
3.1. Tinjauan perusahaan
STIE Triguna Bogor yang terletak di jalan siliwangi sukasari bogor
merupakan kampus yang masih berkembang dimana semua sistem perkuliahannya
masih belum terkomputerisasi maka dari itu penulis akan meneliti kampus STIE
Triguna Bogor untuk mengembangkan beberapa sistem perkuliahannya.
3.1.1 Sejarah Perusahaan
Tahun 1985, setelah lulus dari ITB dan kembali ke Bogor Dominikus Agus
Gunawan, MSIE (53) didukung Kusuma Endah Gunawan, kerabatnya, beliau
mendirikan Yayasan Triguna yang membuka Lembaga Pendidikan Komputer
Triguna, dengan surat izin pendirian yayasan nomer 01/P-YT/7/1985. Lembaga
Pendidikan yang semula tempat kursus ini berkembang menjadi Sekolah Tinggi Ilmu
Ekonomi (STIE) dan telah meluluskan 2500 orang.
Lembaga pendidikan komputer yang semula menawarkan paket dalam 3
bulan. Kemudian menjadi paket terpadu dalam 6 bulan, melihat kebutuhan pasar
akhirnya dibentuklah program pendidikan D-1. Program pendidikan D-1 ini
berkembang sangat pesat sehingga bisa menjaring 400-500 mahasiswa per tahun.
Setelah berjalan beberapa tahun sebagian besar alumni program pendidikan D-1
Lembaga Pendidikan Triguna mengharapkan adanya studi lanjutan. Akhirnya
yayasan mendirikan perguruan tinggi yang melahirkan STIE, tahun 1994.
23
Dua tahun kemudian yayasan triguna membuka Akademi Sekretari Triguna.
Sejak tahun 1996 kampus STIE Triguna berada di gedung 3 lantai seluas 1.500 meter
persegi di Jalan Siliwangi, yang memiliki 9 ruang kuliah dan 2 ruang laboratorium
computer. Kedepannya Bapak Agus ingin mengembangkan perguruan tingginya
menjadi sebuah Universitas.
3.1.2 Struktur organisasi
Sumber: (Admin STIE Triguna Bogor)
Gambar 3.1 Struktur Organisasi
Ketua
Dominikus Agus Goenawan, MSIE
Waket1
Waket II Waket III
Kasubag
Kemahasi
swaan
Kabag TU
Kasubag
Umum &
Umum
Kasubag
Kepeg. &
Keu.
Kasubag
Akademik
Kapuslit
&
Dianmas
Kepala
Perpus
Kepala
K2KLK
Ketua
Prodi
Kepala
Lab.
Koor.
kel.Dosen
24
3.2. Analisis Kebutuhan
Dalam Perancangan sistem informasi akademik stie triguna bogor ini, Analisa
kebutuhan yang diperoleh dibagi menjadi 2 bagian yaitu kebutuhan kebutuhan
fungsional dan kebutuhan non fungsional :
1. Kebutuhan Fungsional
a. Kebutuhan pengguna pengunjung
1) Pengunjung dapat melihat visi dan misi kampus.
2) Pengunjung dapat melihat profil dan visi misi kampus.
3) Pengunjung dapat melihat daftar program studi yang tersedia.
4) Pengunjung dapat melihat daftar kegiatan kampus seperti ekstrakulikuler.
b. Kebutuhan pengguna mahasiswa
1) Mahasiswa dapat melihat daftar nilai atau kartu hasil studi.
2) Mahasiswa dapat melihat jadwal kuliah.
3) Mahasiswa dapat melihat jadwal mengajar dosen.
4) Mahasiswa dapat mengupdate data pribadi.
c. Kebutuhan pengguna admin
1) Admin dapat menginput atau mengedit data dosen dan mahasiswa.
2) Admin dapat menginput atau mengedit jadwal kuliah.
3) Admin dapat menginput atau mengedit daftar mata kuliah.
4) Admin dapat menginput data KHS.
d. Kebutuhan pengguna dosen
1) Dosen dapat menginput nilai mahasiswa.
2) Dosen dapat melihat data mahasiswa.
25
3) Dosen dapat mengupdate data pribadi.
2. Kebutuhan sistem
a. Admin membutuhkan form login admin agar dapat masuk kedalam ruangan
admin untuk mengelola data-data yang terdapat pada website sistem informasi
akademik stie triguna bogor.
b. Mahasiswa membutuhkan form login mahasiswa untuk mendapatkan
informasi akademik.
c. Dosen membutuhkan form login dosen untuk menginput dan mendapatkan
data akademik.
3.3. Perancangan Perangkat Lunak
3.3.1. Rancangan Antar Muka
Dalam pembahasan rancangan antar muka disini penulis akan menjelaskan
dan menggambarkan rancangan halaman-halaman yang ada pada website sistem
informasi akademik stie triguna bogor. Adapun halaman-halaman yang ada pada
website sistem informasi akademik stie triguna bogor adalah sebagai berikut:
26
1. Rancangan Antar Muka Halaman Index (Home)
Gambar 3.2. Rancangan Antar Muka Halaman Index (Home)
xxxxxxxxxxxxxxxxxx
Logo
Beberapa foto dokumentasi
Logo Nama Perguruan tinggi Alamat Perguruan Tinggi
Footer
Home Tentang Kami Kegiatan Hubungi Kami Login Search
27
2. Rancangan Antar Muka Halaman Tentang Kami
Gambar 3.3. Rancangan Antar Muka Halaman Tentang Kami
3. Rancangan Antar Muka Halaman Sejarah
Gambar 3.4. Rancangan Antar Muka Halaman Sejarah
Tentang Kami
Sejarah
Visi& Misi
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Footer
Sejarah Perusahaan
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Footer
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Home Tentang Kami Kegiatan Hubungi Kami Login Search
28
4. Rancangan Antar Muka Halaman Visi & Misi
Gambar 3.5. Rancangan Antar Muka Halaman Visi&Misi
5. Rancangan Antar Muka Halaman Kegiatan
Gambar 3.6. Rancangan Antar Muka Halaman Kegiatan
Kegiatan
Ekstrakulikuler
1. xxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
2. Xxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Footer
Visi & Misi
Visi
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
Misi
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxxxxxxxx
xxxxxxxxxxxxxxxxxxxxxxx
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Footer
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Gambar
Gambar
Home Tentang Kami Kegiatan Hubungi Kami Login Search
29
6. Rancangan Antar Muka Halaman Hubungi Kami
Gambar 3.7. Rancangan Antar Muka Halaman Hubungi Kami
7. Rancangan Antar Muka Halaman Index Login
Gambar 3.8. Rancangan Antar Muka Halaman Index Login
Hubungi Kami
Nama Perguruan Tinggi
Alamat : xxxxxxxxxxxxxx
Email : xxxxxxxxxxxxxxx
No Telepon : xxxxxxxx
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Footer
Silahkan pilih user
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Footer
Admin
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Dosen
Mahasiswa
30
8. Rancangan Antar Muka Halaman Login
Gambar 3.9. Rancangan Antar Muka Halaman Login
Silahkan Masukan Usernama Dan Password
Footer
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Login
Password
Login
Gambar
31
9. Rancangan Antar Muka Halaman Admin Area
Gambar 3.10. Rancangan Antar Muka Halaman Admin Area
10. Rancangan Antar Muka Form Input Data Mahasiswa
V
Gambar 3.11. Rancangan Antar Muka Form Input Data Mahasiswa
Input Data Mahasiswa
Nim :
Nama :
Alamat :
Footer
Kembali
Selsmst Datang Admin
Apa yang anda akan lakukan hari ini?
Input Data Mahasiswa
Input Jadwal Kuliah
Input Data KHS
Input Data Dosen
Footer
Logout
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Home Tentang Kami Kegiatan Hubungi Kami Login Search
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
Simpan
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
32
11. Rancangan Antar Muka Form input Kartu Hasil Studi
Gambar 3.12. Rancangan Antar Muka Form Input KHS
Input Data Kartru Hasil Studi
ID Kartu Hasil Studi :
NIM :
Nama Mahasiswa :
Program Studi :
Periode :
Semester :
Kode Mata Kuliah :
Nama Mata kuliah :
Nilai :
Sks :
Ips :
Footer
Kembali
Home Tentang Kami Kegiatan Hubungi Kami Login Search
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
Simpan
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
33
12. Rancangan Antar Muka Form Input Jadwal Kuliah
Gambar 3.13. Rancangan Antar Muka Form Input Jadwal Kuliah
Input Data Jadwal Kuliah
Kode Mata Kuliah :
Hari :
Jam Masuk :
Jam Keluar :
Kode Dosen :
Kode Ruang :
Footer
Kembali
Home Tentang Kami Kegiatan Hubungi Kami Login Search
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
Simpan
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
34
13. Rancangan Antar muka Input Data Dosen
Gambar 3.14. Rancangan Antar Muka Form Input Data Dosen
Input Data Dosen
Kode Dosen :
Nama Dosen :
Alamat Dosen :
No Telepon :
Tempat Tanggal Lahir :
Footer
Kembali
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Simpan
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
35
14. Rancangan Antar Muka Halaman Dosen Area
Gambar 3.15. Rancangan Antar Muka Halaman Dosen Area
15. Rancangan Antar Muka Halaman Area Mahasiswa
Gambar 3.16. Rancangan Antar Muka Halaman Area Mahasiswa
Selsmst Datang
Apa yang anda akan lakukan hari ini?
Input Nilai Mahasiswa
Lihat Data Mahasiswa
Update Data Diri
Footer
Logout
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Selsmst Datang
Apa yang anda akan lakukan hari ini?
Lihat KRS
Lihat KHS
Update Data Diri
Lihat Jadwal Kuliah
Footer
Logout
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Home Tentang Kami Kegiatan Hubungi Kami Login Search
36
16. Rancangan Antar Muka Form Input Nilai Mahasiswa
Gambar 3.17. Rancangan Antar Muka Form Input Nilai Mahasiswa
Input Nilai Mahasiswa
Kode Mata Kuliah :
Nama Matkul :
Nilai Tugas :
Absen :
Nilai UTS :
Nilai UAS :
Total Nilai :
Home Tentang Kami Kegiatan Hubungi Kami Login Search
xxxxxxxxxx
xxxxxxxxxx
xxxxxxxxxx
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
xxxxxxxxxx
xxxxxxxxxx
Footer
Kembali Simpan
xxxxxxxxxx
xxxxxxxxxx
37
17. Rancangan Antar Muka Halaman Lihat Data Mahasiswa
Gambar 3.18. Rancangan Antar Muka Halaman Lihat Data Mahasiswa
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Data Mahasiswa
NIM Nama Mahasiswa Alamat Mahasiswa
Footer
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Kembali
38
18. Rancangan Antar Muka Halaman Edit Data Dosen
Gambar 3.19. Rancangan Antar Muka Halaman Edit Data Dosen
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Data Dosen
Kode Dosen Nama Dosen Alamat Dosen No Telepon Tempat
Tanggal Lahir
Edit
Edit
Edit
Edit
Edit
Footer
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Kembali
39
19. Rancangan Antar muka Halaman Lihat KRS
Gambar 3.20. Rancangan Antar Muka Lihat KRS
Ksrtu Rencana Studi
ID Kartu
Rencana
Studi
ID
Program
Studi
Semester NIM Nama
Mahasiswa
Kode Mata
Kuliah
Nama
Mata
Kuliah
Periode
Footer
Logout
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Kembali
40
20. Rancangan Antar Muka Halaman Lihat KHS
Gambar 3.21. Rancangan Antar Muka Halaman Lihat KHS
Ksrtu Hasil Studi
ID
KHS
NIM Nama
Mhs
Prodi Periode Semester Kode_mk Nama_mk Nilai Sks Ips
Footer
Logout
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Kembali
41
21. Rancangan Halaman Edit Data Mahasiswa
Gambar 3.22. Rancangan Antar Muka Halaman Edit Data Mahasiswa
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Data Mahasiswa
NIM Nama Mahasiswa Alamat Mahasiswa
Edit
Edit
Edit
Footer
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Kembali
42
22. Rancangan Antar Muka Halaman Lihat Jadwal Kuliah
Gambar 3.23. Rancangan Antar Muka Lihat Jadwal Kuliah
3.2.2. Rancangan Basis Data
Perancangan basis data menghasilkan pemetaan tabel-tabel yang digambarkan
dengan Entity Relationship Diagram (ERD)
Jadwal Kuliah
Kode Mata
Kuliah
Hari Jam Masuk Jam Keluar Kode Dosen Kode Ruang
Footer
Logout
Logo Nama Perguruan tinggi
Alamat Perguruan Tinggi
Home Tentang Kami Kegiatan Hubungi Kami Login Search
Kembali
43
mengambil
A. Entity Relationship Diagram (ERD)
Gambar 3.24. Entity Relationship Diagram (ERD)
1
1
Mata Kuliah
kd_mk nama_mk
periode
nim
nama_mk
nama
id_prodi
semester
kd matkul
dosen
ttl
nama
alamat
kd_dosen
no_tlp
1
KRS
1
1
Ruang
id ruang kapasitas
nama
M
M
1
memilih 1 1
Program
studi
id_prodi nama_prodi
nim
nama
id_prodi
alamat
mahasiswa
KHS
ips id_krs
nim
periode
semester
ipk
sks
sks
no_ruang
id_dosen
semester
mengajar
menentuk
an
memperoleh
memper
oleh
1
Jadwal
M
mempunyai
1
M
44
B. Logical Record Structure (LRS)
Gambar 3.25. Logical Record Structure (LRS)
1
KRS
id_KRS
nim
nama
id_prodi
semester
periode
jumlah_sks
Dosen
kd_dosen
nama
alamat
notelp
ttl
Mahasiswa
nim
nama
alamat
KHS
id_KHS
nim
periode
semester
id_mk
nama_mk
sks
nilai
nim
nim
id_KRS
id_KRS
id_KHS
kd_mk
Mata Kuliah
kd_mk
nama_mk
sks
id_ruang
id_dosen
semester
id_ruang
nama
kapasitas
Ruang
Program Studi
id_prodi
nama_prodi
id_prodi
id_ruang
45
C. Spesifikasi File
Spesifikasi file dibuat untuk Menjelaskan tentang file atau tabel yang
terbentuk dari transformasi ERD (dan file-file pendukung untuk web). File-file ini
tersimpan pada database akademik dengan parameter-parameter sebagai berikut:
1. Spesifikasi File Admin
Nama File : Admin
Akronim : admin
Fungsi : Untuk menyimpan data admin
Tipe File : File Master
Organisasi File : index sequental
Akses File : Random
Media : Harddisk
Panjang Record : 10
Kunci Field : id_admin
Software : MySQL
Tabel 3.1.
Spesifikasi File Admin
No Elemen data Nama field Tipe Size Keterangan
1 ID Admin id_admin int Primary Key
2 Password password varchar 10
46
2. Spesifikasi File Mahasiswa
Nama File : Mahasiswa
Akronim : mahasiswa
Fungsi : Untuk menyimpan data mahasiswa
Tipe File : File Master
Organisasi File : index sequental
Akses File : Random
Media : Harddisk
Panjang Record : 60
Kunci Field : nim
Software : MySQL
Tabel 3.2.
Spesifikasi File Mahasiswa
No Elemen data Nama field Tipe Size Keterangan
1 NIM nim int Primary Key
2 Nama
Mahasiswa
nama_mhs varchar 30
3 Alamat
Mahasiswa
alamat_mhs varchar 30
3. Spesifikasi File Dosen
Nama File : Dosen
Akronim : dosen
Fungsi : Untuk menyimpan data dosen
47
Tipe File : File Master
Organisasi File : index sequental
Akses File : Random
Media : Harddisk
Panjang Record : 76
Kunci Field : kd_dosen
Software : MySQL
Tabel 3.3.
Spesifikasi File Dosen
No Elemen data Nama field Tipe Size Keterangan
1 Kode Dosen kd_dosen char 11 Primary Key
2 Nama Dosen nama_dosen varchar 20
3 Alamat Alamat_dsn varchar 30
4 No Telepon notelp int 15
5 Tempat Tanggal
Lahir
ttl date
4. Spesifikasi File Program Studi
Nama File : Program Studi
Akronim : prodi
Fungsi : Untuk menyimpan data program studi
Tipe File : File Master
Organisasi File : index sequental
Akses File : Random
48
Media : Harddisk
Panjang Record : 20
Kunci Field : id_prodi
Software : MySQL
Tabel 3.4.
Spesifikasi File Program Studi
No Elemen data Nama field Tipe Size Keterangan
1 ID Program
Studi
id_prodi int Primary Key
2 Nama Program
Studi
Nama_prodi varchar 20
5. Spesifikasi File Mata Kuliah
Nama File : Mata Kuliah
Akronim : mk
Fungsi : Untuk menyimpan data mata kuliah
Tipe File : File Master
Organisasi File : index sequental
Akses File : Random
Media : Harddisk
Panjang Record : 52
Kunci Field : kd_mk
Software : MySQL
49
Tabel 3.5 .
Spesifikasi File Mata Kuliah
No Elemen data Nama field Tipe Size Keterangan
1 Kode Mata
Kuliah
kd_mk char 5 Primary Key
2 Nama Mata
Kuliah
nama_mk varchar 30
3 ID Ruang id_ruang int Foreign Key
4 ID Dosen id_dosen varchar 12 Foreign Key
5 sks sks int
6 Semseter semester char 5
6. Spesifikasi File Ruang
Nama File : Ruang
Akronim : ruang
Fungsi : Untuk menyimpan data ruangan
Tipe File : File Master
Organisasi File : index sequental
Akses File : Random
Media : Harddisk
Panjang Record : 35
Kunci Field : id_ruang
Software : MySQL
50
Tabel 3.6.
Spesifikasi File Ruang
No Elemen data Nama field Tipe Size Keterangan
1 ID Ruang id_ruang int Primary Key
2 Nama Ruang nama_ruang varchar 25
3 Kapasitas kapasitas varchar 10
7. Spesifikasi File KHS
Nama File : KHS
Akronim : KHS
Fungsi : Untuk menyimpan data khs
Tipe File : File Master
Organisasi File : index sequental
Akses File : Random
Media : Harddisk
Panjang Record : 125
Kunci Field : id_khs
Software : MySQL
51
Tabel III.7.
Spesifikasi File KHS
No Elemen data Nama field Tipe Size Keterangan
1 ID Khs id_khs int Primary Key
2 NIM nim int Foreign Key
3 Nama Mahasiswa nama_mhs varchar 30
4 Program Studi prodi varchar 30
5 Periode periode varchar 15
6 Semester semester char 10
7 Kode Mata
Kuliah
kd_mk char 5 Foreign Key
8 Nama Mata
Kuliah
nama_mk varchar 30
9 Nilai
10 Sks sks int
11 Ips ips char 5
8. Spesifikasi File Kartu Rencana Studi
Nama File : KRS
Akronim : krs
Fungsi : Untuk menyimpan data KRS
Tipe File : File Master
Organisasi File : index sequental
Akses File : Random
Media : Harddisk
Panjang Record : 80
52
Kunci Field : id_krs
Software : MySQL
Tabel 3.8.
Spesifikasi File KRS
No Elemen data Nama field Tipe Size Keterangan
1 ID KRS id_krs int Primary Key
2 ID Program
Studi
id_prodi int
3 Semester Semester int
4 Nim nim int
5 Nama
Mahasiswa
nama_mhs varchar 30
6 Periode periode varchar 15
7 Jumlah SKS jumlah_sks varchar 10
9. Spesifikasi File Jadwal Kuliah
Nama File : Jadwal Kuliah
Akronim : jadwal
Fungsi : Untuk menyimpan data jadwal kuliah
Tipe File : File Master
Organisasi File : index sequental
Akses File : Random
Media : Harddisk
Panjang Record : 53
53
Kunci Field :
Software : MySQL
Tabel 3.10 .
Spesifikasi File Jadwal Kuliah
No Elemen data Nama field Tipe Size Keterangan
1 Nama Mata
Kuliah
nama_mk varchar 30
2 Hari&Jam hari_jam char 10
3 Jam Masuk jam_masuk time
4 Jam Keluar jam_keluar time 12
5 Kode_Dosen kd_dosen char 11 Foreign Key
6 Kd_ruang sks int Foreign Key
3.2.3. Rancangan Struktur Navigasi
Sruktur navigasi website digunakan untuk menggambarkan secara garis besar
isi dari seluruh situs web dan menggambarkan bagaimana hubungan antara isi website
tersebut. Stuktur navigasi website sistem informasi akademik ini adalah stuktur
navigasi campuran (composite). Melalui struktur navigasi ini, terlihat bagaimana isi
dan susunan dari website secara menyeluruh.
adapun struktur navigasi adalah seperti pada gambar 3.18. berikut ini
54
1. Rancangan Struktur Navigasi Pengunjung
Gambar 3.26. Rancangan Struktur Navigasi Pengunjung
Index (Home)
Sejarah Ekstrakulikuler
Home Tentang Kami Kegiatan Kontak
Kami Login
Home
Home
Home
Visi&Misi
kontak
55
2. Rancangan Struktur Navigasi Login Admin
Gambar 3.27. Rancangan Struktur Navigasi Login Admin
Keterangan :
T = Tambah
E = Edit
Akademik Data Master Data Website Profil Logout
Index (Home)
Edit
Hapus
T
Periode
Input krs
Mata
Kuliah
Input
khs
E
T
E
T
E
T
E
T
Data
Prodi
Data
mhs
Data
dosen
Data
Jadwal
E
T
T
T
E
Data
Prodi
E
E
T
E
Admin Area
56
3. Rancangan Struktur Navigasi Login Dosen
Gambar 3.28. Rancangan Struktur Navigasi Login Dosen
4. Rancangan Struktur Navigasi Login Mahasiswa
Gambar 3.29. Rancangan Struktur Navigasi Login Mahasiswa
Akademik Lihat Data Profil Logout
Index (Home)
Dosen Area
T Input
nilai
Jadwal
Kuliah
Data
Mahasiswa
Edit
Akademik Lihat Data Profil Logout
Index (Home)
Area Mahasiswa
Krs
Data Dosen
Jawal kuliah
Lihat khs
Edit
57
3.3. Implementasi dan Pengujian Unit
3.3.1. Implementasi
A. Implementasi Rancangan Antar Muka
1. Halaman Index Home
Halaman ini adalah halaman depan dari semua halaman yang ada pada website,
dan halaman ini juga dapat disebut sebagai halaman pembuka, karena halaman
inilah yang akan tampil pada saat pertama website dibuka oleh pengunjung.
Gambar 3.30. Halaman Index Home
58
2. Halaman Tentang Kami
Gambar 3.31. Halaman Tentang Kami
59
3. Halaman Sejarah
Gambar 3.32. Halaman Sejarah
60
4. Halaman Visi & Misi
Gambar 3.33. Halaman Visi & Misi
5. Halaman Kegiatan
61
Gambar 3.34. Halaman Kegiatan
62
6. Halaman Hubungi Kami
Gambar 3.35. Halaman Hubungi Kami
63
7. Halaman Index Login
Gambar 3.36. Halaman Index Login
64
8. Halaman Login Admin
Gambar 3.37. Halaman Login Admin
65
9. Halaman Admin Area
Gambar 3.38. Halaman Admin Area
66
10. Halaman Input data Mahasiswa
Gambar 3.39. Halaman Data Mahasiswa
67
11. Halaman Input Jadwal Kuliah
Gambar 3.40. Halaman Input Jadwal Kuliah
68
12. Halaman Input Kartu Hasil Studi
Gambar 3.41. Halaman Input Kartu Hasil Studi
69
13. Halaman Input Data Kartu Rencana Studi
Gambar 3.42. Halaman Input KRS
70
14. Halaman Input Data Dosen
Gambar 3.43. Halaman Input Data Dosen
71
15. Halaman Login Dosen
Gambar 3.44. Halaman Login Dosen
72
16. Halaman Dosen Area
Gambar 3.45. Halaman Dosen Area
73
17. Halaman Input Nilai Mahasiswa
Gambar 3.46. Halaman Input Nilai Mahasiswa
74
18. Halaman Lihat Data Mahasiswa
Gambar 3.47. Halaman Lihat Data Mahasiswa
75
19. Halaman Edit Data Dosen
Gambar 3.48. Halaman Edit Data Dosen
76
20. Halaman Area Mahasiswa
Gambar 3.49. Halaman Area Mahasiswa
77
21. Halaman Lihat Kartu Rencana Studi
Gambar 3.50. Halaman Lihat KRS
78
22. Halaman Lihat Kartu Hasil Studi
Gambar 3.51. Halaman Lihat KHS
79
23. Halaman Edit Data Mahasiswa
Gambar 3.52. Halaman Edit Data Mahasiswa
80
24. Halaman Lihat Jadwal Kuliah
Gambar 3.53. Halaman Lihat Jadwal Kuliah
81
B. Sfesifikasi Sistem Komputer
Sebagai sarana pendukung yang digunakan dalam aplikasi website diperlukan
perangkat keras dan perangkat lunak yang baik. Dalam merancang website Busana
Muslim ini penulis memerlukan beberapa perangkat, yaitu:
1. Spesifikasi Perangkat Keras
a. Server
1) CPU
(a) Prosesor AMD Quad-Core A6-6310 APU 2,2 GHz
(b) RAM 2 GB DDR3
(c) Hard Disk 500 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar 1366 x 768 (HD)
b. Client
1) CPU
(a) Processor Intel® Pentium® 4
(b) RAM DDR2 1GB
(c) Hard Disk 20 GB
2) Mouse
3) Keyboard
4) Monitor dengan resolusi layar minimum 1024x768
2. Spesifikasi Perangkat Lunak
a. Server
82
1) Sistem operasi yang digunakan: Microsoft Windows
2) Aplikasi bundle web server : Xampp, yang terdiri
dari beberapa komponen, diantaranya:
(a) Aplikasi PHP Server
(b) Aplikasi MySQL Server
(c) Aplikasi phpMyAdmin
3) Web Browser Mozilla Firefox, Google Chrome.
b. Client
1) Sistem operasi yang digunakan : Microsoft Windows
2) Web browser Mozilla Firefox, Google Chrome.
3.3.2. Pengujian Unit
Pengujian terhadap program yang dibuat menggunakan blackbox testing yang
fokus terhadap proses masukan dan keluaran program.
1. Pengujian terhadap Form Login Admin
Tabel 3.11.
Hasil Pengujian Black Box Testing Form Login Admin
No Sekenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
Kesimpulan
1 Username dan
password tidak
diisi kemudian
klik masuk
Username:
(kosong)
Password:
(kosong)
Sistem akan
menolak dan
menampilkan
“masukkan
username”
Sesuai
dengan
harapan
Valid
2 Mengetikkan
username dan
password tidak
diisi kemudian
Username:
admin
(benar)
Password:
Sistem akan
menolak dan
menampilkan
“masukkan
Sesuai
dengan
harapan
Valid
83
klik masuk (kosong) password”
3 Mengetikkan
password dan
username tidak
diisi kemudian
klik masuk
Username:
(kosong)
Password:
admin
(benar)
Sistem akan
menolak dan
menampilkan
“masukkan
username”
Sesuai
dengan
harapan
Valid
4 Mengetikkan
salah satu
kondisi yang
salah pada
username atau
password dan
kemudian klik
masuk
Username:
admin
(benar)
Password:
abc (salah)
Sistem akan
menolak dan
menampilkan
“username
atau
password
salah”
Sesuai
dengan
harapan
Valid
5 Mengetikkan
username dan
password
dengan benar
kemudian klik
masuk
Username:
admin
(benar)
Password:
admin
(benar)
Sistem
menerima
akses login
dan
kemudian
menampilkan
menu utama
pada halman
admin
Sesuai
dengan
harapan
Valid
2. Pengujian terhadap Form Tambah Data Mahasiswa
Tabel 3.12.
Hasil Pengujian Black Box Testing Form Tambah Data Mahasiswa
No Sekenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
kesimpulan
1 Semua
inputan
tidak diisi
kemudian
klik submit
NIM: (kosong)
Nama: (Kosong)
Kelas : (Kosong
Sistem akan
menolak dan
menampilkan
“tidak boleh
kosong”
Sesuai
dengan
harapan
Valid
2 Nama dan
alamat jika
NIM: 123 (benar)
Nama barang: 123
Sistem akan
menolak dan
Sesuai
dengan
Valid
84
diisi dengan
angka
kemudian
klik submit
(salah)
alamat: 123
(salah)
menampilkan
“masukkan
huruf”
harapan
3 Semua
inputan diisi
dengan
benar
kemudian
klik submit
NIM: 123
Nama: abc
Alamat: abc
Sistem akan
menerima dan
menambahkan
data
mahasiswa
Sesuai
dengan
harapan
Valid
3. Pengujian terhadap Halaman Input Nilai
Tabel 3.13.
Hasil Pengujian Black Box Testing Form Input Nilai
No Sekenario
Pengujian
Test Case Hasil yang
diharapkan
Hasil
pengujian
kesimpulan
1 nilai tidak diisi
kemudian klik
submit
nilai:
(kosong)(salah)
Sistem akan
menolak dan
menampilkan
“tidak boleh
kosong”
Sesuai
dengan
harapan
Valid
2 Mengetikkan
nilai kemudian
klik submit
nilai: 12
(Benar)
Sistem akan
menerima
dan
kemudian
akan
menyimpan
nilai
mahasiswa
Sesuai
dengan
harapan
Valid