16
Bab 3 Metode dan Perancangan Sistem 3.1 Metode Pengembangan Sistem Dalam Penelitian ini metode yang digunakan pada pembuatan aplikasi ini yaitu model waterfall. Model waterfall disebut juga dengan classic life cycle. Secara detail, alur model waterfall yang merupakan model klasik akan digambarkan seperti pada Gambar 3.1 (Presman, 1970). Analisis Kebutuhan sistem
Perancang an Sistem dan Perangkat lunak
Implement asi dan Pengujian Unit
Integrasi dan Pengujian Siatem
Operasi dan Pemelihar aan Sistem
Gambar 3.1 Alur Perancangan dengan Metode Waterfall (Presman, 1970)
1. Tahap Analisis Kebutuhan (Requirement Analyis) Pada tahap analisis kebutuhan dilakukan dengan pengumpulan data melalui pengamatan secara langsung terhadap objek yang diteliti yaitu Proses Sistem Pengisian Form Akademik Universitas Kristen Indonesia Toraja. Terdapat dua jenis kegiatan pengumpulan data dalam penelitian lapangan yaitu :
17
- Wawancara (interview) Proses wawancara yaitu pengumpulan data dengan melakukan tanya jawab dengan staff bagian akademik, dosen dan mahasiswa terkait mengenai sistem sistem pengisian form akademik. - Dokumentasi Pengumpulan data pada kegiatan dokumentasi dilakukan dengan melihat data-data atau catatan-catatan dan dokumen yang terkait dengan Sistem Pengisian Form Akademik yang terdapat pada Universitas Kristen Indonesia Toraja. 2. Tahap Perancangan Sistem dan Aplikasi (System and Software Design) Merancang aplikasi sistem pengisian form akademik dengan menggunakan MVC. 3. Tahap Implementasi Sistem (Implementation System) Menerapkan Aplikasi Sistem Pengisian Form Akademik yang telah dirancang untuk mengetahui apakah yang ada pada sistem telah berjalan dengan baik dan dapat digunakan oleh staff bagian akademik, dosen dan mahasiswa. 4. Tahap Operasi dan Pemeliharaan (Operation and Maintenance) Mengoperasikan
Sistem
Pengisian
Form
Akademik
dan
melakukan pemeliharaan secara berkala, termasuk di dalamnya adalah pengembangan sistem, karena sistem yang dibuat tidak selalu tetap dan membutuhkan penyesuaian ketika adanya perubahan. Berdasarkan hasil wawancara yang dilakukan pada staff bagian akademik, dosen dan mahasiswa yang akan menjadi dasar
18
pembuatan Sistem Pengisian Form Akademik yaitu dengan pengumpulan data-data atau catatan dan dokumen yang terkait dalam pembuatan sistem informasi ini. Data – data yang diperlukan dalam pembuatan sistem antara lain: 1. Pembuatan sistem dari Mahasiswa, dalam hal ini meliputi : - Data Mahasiswa -
Data Matakuliah Mahasiswa
2. Pembuatan sistem untuk dosen, dalam hal ini meliputi -
Data Dosen
-
Data Matakuliah
3. Pembuatan sistem untuk bagian akademik, antara lain : -
Data Mahasiswa
-
Data Dosen
-
Data Ruang
-
Data Matakuliah
3.2. Kebutuhan Input, Proses dan Output 3.2.1 Kebutuhan Input 1.
Petugas 1 Bagian Akademik Kebutuhan input dari petugas 1 bagian akademik dapat dilihat
pada Tabel 3.1.
19
Tabel 3.1 Kebutuhan Input Petugas 1 Bagian Akademik
2.
No
Kebutuhan
Keterangan
1
Memproses data dengan efektif dan efisien.
Form Manajemen data Mahasiswa
2
Memproses data nilai mahasiswa dengan efektif dan efisien
Form manajemen data nilai mahasiswa
Petugas 2 Bagian Akademik Kebutuhan input dari petugas 2 bagian akademik dapat dilihat pada Tabel 3.2. Tabel 3.2 Kebutuhan Input Petugas 2 Bagian Akademik
No
Kebutuhan
Keterangan
1
Memproses data jadwal matakuliah mahasiswa dengan efektif dan efisien.
Form input jadwal kuliah
2
Memproses data mahasiswa dengan efektif dan efisien
Form manajemen data mahasiswa
3
Memproses data dosen dengan efektif dan efisien
Form manajemen data dosen
4
Memproses data ruang kuliah dengan efektid dan efisien
Form manajemen data ruang kuliah
20
3.
Mahasiswa Kebutuhan input dari mahasiswa dapat dilihat pada Tabel 3.3. Tabel 3.3 Kebutuhan Input Mahasiswa
No
Kebutuhan
Keterangan
1
Memproses jadwal kuliah dengan efektif dan efisien
Form registrasi matakuliah
3.2.2 Kebutuhan Proses Masukkan-masukkan yang terjadi akan disimpan pada table khusus yang berisi detail-detail baik berupa jadwal matakuliah, data dosen, data mahasiswa dan data ruang kuliah. 3.2.3 Kebutuhan output 1. Petugas 2 Bagian Akademik Kebutuhan output dari petugas 2bagian akademik dapat dilihat pada Tabel 3.4. Tabel 3.4 Kebutuhan Output Petugas 1 Bagian Akademik
No
Kebutuhan
Keterangan
1
Cetak kartu studi
Form cetak kartu studi
2
Cetak transkrip nilai
Form cetak transkrip nilai
3
Cetak daftar kelas
Form cetak daftar kelas
21
2. Mahasiswa Kebutuhan output dari mahasiswa dapat dilihat pada Tabel 3.5. Tabel 3.5 Kebutuhan Output Mahasiswa
No
Kebutuhan
Keterangan
1
Mengetahui jadwal matakuliah
Laporan jadwal mahasiswa
2
Mengetahui daftar kelas
Laporan daftar kelas
3
Mengetahui hasil studi mahasiswa
Laporan hasil studi mahasiswa
4
Mengetahui transkrip nilai mahasiswa
Laporan transkrip nilai mahasiswa
3. Dosen Kebutuhan output dari dosen dapat dilihat pada Tabel 3.6. Tabel 3.6 Kebutuhan Output Dosen
No
Kebutuhan
Keterangan
1
Mengetahui jadwal mengajar dosen yang bersangkutan
Laporan jadwal mengajar dari dosen yang bersangkutan
2
Mengetahui daftar kelas
Laporan daftar kelas sesuai matakuliah yang diampu
3.3 Spesifikasi Sistem Dalam pembuatan sistem ini, penulis memerlukan perangkat keras dan perangkat lunak dengan spesifikasi minimum sebagai berikut :
22
1. Perangkat Keras (Hardware) Spesifikasi perangkat keras yang dibutuhkan untuk mengimplementasikan sistem ini adalah: 1. Intel® CoreTM2 Duo processor T6500 2. Memory 2 Gb 3. Minimum 250 Gb HDD 4. Printer
2. Perangkat Lunak (Software) Perangkat lunak yang digunakan : 1. Sistem Operasi Microsoft Windows XP Professional SP 2 2. Internet Explorer 3. Webserver: XAMPP (Apachefriends MySql, PHP 5) 4. Rationalrose 5. Adobe Photoshop
3.4 Perancangan Sistem Perancangan
sistem
dibutuhkan
untuk
memproses
pengembangan dan untuk dokumentasi perangkat lunak sistem. Pada perancangan sistem ini, akan diuraikan mengenai elemen-elemen pengembangan sistem yang digunakan, yaitu UML (Unified Modelling Sistem) dan perancangan antar muka sistem dengan pengguna. 3.4.1 Usecase Diagram Use case diagram menggambarkan fungsionalitas yang diharapkan dari sebuah sistem, yang ditekankan adalah “apa” yang diperbuat sistem, dan bukan “bagaimana”. Sebuah use case merepresentasikan sebuah interaksi antara aktor dengan sistem. Use
23
case merupakan sebuah pekerjaan tertentu. Seorang/sebuah aktor adalah sebuah entitas manusia atau mesin yang berinteraksi dengan sistem untuk melaksanakan pekerjaan-pekerjaan tertentu. Diagram Use Case ditunjukkan pada Gambar 3.2
Ganti Password
Manajemen jadwal kuliah
Cetak jadwal kuliah
Lihat jadwal Kuliah Manajemen data matakuliah
Daftar Matakuliah Manajemen Progdi Mahasiswa
Dosen
Lihat Jadwal Mengajar Bag. Akademik
Lihat Transkrip Nilai
Manajemen data mahasiswa
Lihat Daftar Kelas Manajemen Data dosen Logout
Cetak kartu studi Cetak transkrip nilai
Manajemen data kelas
Gambar 3.2 Diagram Use Case Sistem Pengisian Form Akademik
Skenario diagram use case sistem pengisian form akademik pada Gambar 3.2 adalah sebagai berikut: pada sistem pengisian form akademik yang akan dibuat meliki 3 aktor utama yakni aktor mahasiswa, dosen, dan aktor bagian akademik. Aktor mahasiswa memiliki 6 use case yakni lihat jadwal kuliah, lihat transkrip nilai, lihat daftar kelas, daftar matakuliah, ganti password, dan logout. Sedangkan aktor untuk dosen memiliki 2 use case yakni lihat jadwal mengajar, dan logout aktor bagian akademik memiliki 11 use case yakni manajemen nilai mahasiwa, manajemen data kelas, manajemen data mahasiswa, manajemen data dosen, manajemen jadwal kuliah, manajemen data matakuliah, manajemen progdi, cetak kartu studi, cetak jadwal mahasiswa, logout, dan cetak transkrip nilai.
24
3.4.2 Diagram Activity Activity diagram adalah Gambaran aliran proses yang terdapat dalam sistem mulai aktivitas start sampai aktivitas berhenti. Aktivitas yang dapat direalisasikan oleh satu use case atau lebih yang menggambarkan proses yang berjalan, sementara use case menggambarkan bagaimana aktor menggunakan sistem untuk melakukan aktivitas. ·
Diagram Activity Mahasiswa
Diagram Activity mahasiswa ditunjukkan pada Gambar 3.3 Mahasisw a
Sistem
Star
Input user id dan password Tidak Valid
Valid Menu mahasiswa
Lihat Jadwal Lihat daftar kelas Lihat Transkrip Daftar Matakuliah
Ganti Password End
Gambar 3.3 Diagram Activity Mahasiswa
Pada Gambar 3.3 diagram activity Mahasiswa, Mahasiswa mulai masuk ke sistem untuk menginputkan id dan password kemudian diproses. Jika benar maka sistem akan menampilkan halaman utama aplikasi jika salah akan dikembalikan ke halaman login. diagram activity mahasiswa menggambarkan proses lihat informasi akademik dan registrasi matakuliah mahasiswa. Diagram activity mahasiswa menunjukkan alir aktifitas mahasiswa untuk
25
melihat informasi akademik seperti lihat jadwal kuliah, lihat transkrip nilai, lihat daftar kelas, daftar matakuliah, ganti password, dan logout. · Diagram Activity Dosen Diagram Activity Dosen ditunjukkan pada Gambar 3.4 Dosen
Sistem
Start
Input user id dan password Tidak Valid
Valid Menu Dosen
Lihat Jadwal Ganti Password Logout
Gambar 3.4 Diagram Activity Dosen
Pada Gambar 3.4 diagram activity dosen, Mahasiswa mulai masuk ke sistem untuk menginputkan id dan password kemudian diproses. Jika benar maka sistem akan menampilkan halaman utama aplikasi jika salah akan dikembalikan ke halaman login. diagram activity dosen menggambarkan proses lihat jadwal dosen, ganti password dan logout.
26
· Diagram Activity Bagian Akademik Diagram Activity Bagian Akademik di tunjukan pada Gambar 3.5 B a gi a n A k a d e m ik
S is te m
S tart
In p u t U s e r Id d a n P a s s w o rd Tid a k Va lid
Va lid Me n u Ad m in Ma n a je m en P rog d i Ma n a je m en Dos en Ma n a je m en Ma h a s is w a Ma n a je m en Ma ta ku lia h
Ma n a je m en Ja d w a l K u lia h C e ta k ka rtu s tu d i C e ta k tra n s krip
Ma n a je m en Ruang
ce ta k p e s e rta
Ga n ti P a s s w o rd L o g Ou t
End
Gambar 3.5 Diagram Activity Bagian Akademik
Pada Gambar 3.5 Diagram Activity bagian Akademik, Bag. Akademik mulai masuk kedalam sistem dengan menginputkan id dan password kemudian diproses. Jika benar maka sistem akan menampilkan halaman utama aplikasi jika salah akan dikembalikan ke halaman login. Bagian akademik juga merupakan admin yang memiliki hak akses untuk mengelolah nilai mahasiswa, jadwal kuliah, data kelas, data mahasiswa, data dosen, program studi , cetak jadwal kuliah mahasiswa, cetak kartu studi, cetak hasil studi, cetak transkrip nilai, cetak jadwal dosen/jadwal mengajar. 3.4.3 Sequence Diagram Sequence Diagram atau diagram sekuensial digunakan untuk menunjukkan aliran fungsional dalam use case. Yang disusun berdasarkan urutan waktu. Sequence diagram biasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang
27
dilakukan sebagai respons dari sebuah event untuk menghasilkan output tertentu. · Diagram Sequence Mahasiswa
Diagram Sequence mahasiswa ditunjukkan pada Gambar 3.6 : Mahasiswa
: login
: logout
: menu utama
: form_daftar_kelas
: ganti_password
: form_jadwal
: form_transkrip
: form_daftar_matkuliah
: daftar jadwal_matakuliah
: db_uki
1: Login 2: Cek Login 3: Valid 4: Lihat Jadwal Kuliah 5: Tampil Form Jawal 6: Lihat Transkrip 7: tampil form transkrip 8: lihat daftar matakuliah 9: tampil daftar matakuliah 10: registrasi matakuliah 11: tambah matakuliah 12: simpan 13: tampil daftar kelas 14: ganti_password 15: ganti password baru 16: simpan 17: logout
Gambar 3.6 Diagram Sequence Mahasiswa
Pada Gambar 3.6 diagram sequence mahasiwa menunjukkan rangkaian langkah-langkah saat mahasiswa/user melakukan prosesproses didalam sistem form rencana studi. Adapun penjelasan dari diagram sequence mahasiswa adalah sebagai berikut: -
Untuk dapat mengakses kedalam sistem pengisian form akademik yang pertama kali dilakukan oleh mahasiswa memasukkan username dan password pada form login yang telah disediakan.
28
-
Data yang telah dimasukkan dan diteruskan ke database yang bernama db_uki, apakah data tersebut sesuai dengan data yang ada dalam database.
-
Jika data yang dimasukkan oleh mahasiswa/user sudah sesuai dengan data yang ada dalam database, maka menu mahasiswa akan
ditampilkan
sesuai
dengan
otoritasnya
sebagai
mahasiswa/user -
Pada form menu utama terdapat beberapa menu. Dalam hal ini diasumsikan
mahasiswa/user melihat menu jadwal kuliah,
sehingga secara otomatis akan muncul form jadwal kuliah. -
Pada form menu utama juga terdapat form daftar matakuliah, maka akan secara otomatis jadwal matakuliah ditampilkan,
-
Apabila mahasiswa ingin melakukan registrasi/daftar matakuliah mahasiswa dapat memilih matakuliah yang akan diambil dan secara otomatis form registrasi daftar matakuliah, kemudian mahasiswa dapat menambah matakuliah yang akan diambil dan jadwal tersebut disimpan dalam database. Secara otomatis sistem akan menampilkan daftar kelas.
-
Apabila mahasiswa memilih menu lihat transkrip nilai, maka akan muncul form transkrip nilai mahasiswa.
-
Pada menu utama juga terdapat menu ganti password, mahasiswa dapat mengganti password yang didapatkan dari awal masuk kuliah dengan password baru.
-
Apabila mahasiswa memilih ganti password, maka akan ditampilkan form ganti password. Mahasiswa kemudian mengisi form ganti password dengan benar lalu disimpan ke dalam database
29
-
Apabila mahasiswa memilih menu logout, maka session akan dihapus dan tampilan akan dikembalikan ke menu awal yaitu form login.
· Diagram Sequence Dosen Diagram Sequence Dosen ditunjukkan pada Gambar 3.7 : Dosen
: Login
: Logout
: menu_utama
: form_jadwal_mengajar
: form_ubah password
: db_uki
1: Login () 2: Cek Login () 3: Valid () 4: lihat jadwal mengajar () 5: tampil jadwal mengajar () 6: ganti password () 7: Tampil Form Ubah Password () 8: Simpan 9: Logout () 10: Close () 11: Close ()
Gambar 3.7 Diagram Sequence Dosen
Pada Gambar 3.7 diagram sequence dosen menunjukkan rangkaian langkah-langkah saat dosen melakukan proses-proses didalam sistem form rencana studi. Adapun penjelasan dari diagram sequence dosen adalah sebagai berikut: - Untuk dapat mengakses kedalam sistem pengisian form akademik yang pertama kali dilakukan oleh dosen memasukkan username dan password pada form login yang telah disediakan. - Data yang telah dimasukkan dan diteruskan ke database yang bernama db_uki apakah data tersebut sesuai dengan data yang ada dalam database.
30
-
Jika data yang dimasukkan oleh dosen sudah sesuai dengan data yang ada dalam database, maka menu dosen akan ditampilkan sesuai dengan otoritasnya sebagai dosen
- Pada form menu utama dosen terdapat beberapa menu. Dalam hal ini diasumsikan dosen memilih memilih menu lihat jadwal, maka secara otomatis akan ditampilkan form jadwal mengajar dosen. - Pada menu utama juga terdapat menu ganti password, dosen dapat mengganti password lama dengan password baru. - Apabila dosen memilih ganti password, maka akan ditampilkan form ganti password. dosen kemudian mengisi form ganti password dengan benar lalu disimpan ke dalam database - Apabila dosen memilih menu logout, maka session akan dihapus dan tampilan akan dikembalikan ke menu awal yaitu form login. · Diagram Sequence Manajemen Data Mahasiswa. Diagram Sequence Manajemen Data Mahasiswa ditunjukkan pada Gambar 3.8 : Login
: Bag. Akademik
: Logout
: Menu Utama
: tambah/daftar_mahasiswa
: Form_ubah data mahasiswa
1. Login() 2. Cek Login() 3. Valid () 4. lihat daftar mahasiswa() 5. tampil form daftar mahasiswa() 6. Input Data Mahasiswa() 7. Tampil form Tambah Mahasiswa() 8. Simpan () 9. Ubah Data Mahasiswa() 10. tampil form Ubah data mahasiswa() 11. Ubah 12. Logout () 12.1 Close () 12.2 Close()
Gambar 3.8 Diagram Sequence Manajemen Data Mahasiswa
: db_uki
31
Pada Gambar 3.8 diagram sequence Manajemen data user/mahasiswa menunjukkan rangkaian langkah-langkah saat bagian akademik melakukan proses-proses didalam sistem form rencana studi. Pada saat bagian akademik memilih menu manajemen data user Adapun penjelasan dari diagram sequence Manajemen data user adalah sebagai berikut: - Untuk dapat mengakses kedalam sistem pengisian form akademik yang pertama kali dilakukan oleh Bag. Akademik memasukkan username dan password pada form login yang telah disediakan. - Data yang telah dimasukkan dan diteruskan ke database yang bernama db_uki, apakah data tersebut sesuai dengan data yang ada dalam database. -
Jika data yang dimasukkan oleh Bag. Akademik sudah sesuai dengan data yang ada dalam database, maka menu utama akan ditampilkan sesuai dengan otoritasnya sebagai dosen.
- Di dalam form utama terdapat beberapa menu, dalam hal ini diasumsikan
Bag.
Akademik
memilih
menu
manajemen
mahasiswa. Secara otomatis akan ditampilkan form tambah mahasiswa dan form daftar mahasiswa. Apabila Bag. Akademik menambah data mahasiswa pada form tambah mahasiswa maka data tersebut disimpan kedalam database dan secara otomatis data tersebut di tampilkan pada form daftar mahasiswa - Bag. Akademik juga dapat mengubah data mahasiswa pada form daftar mahasiswa dan secara otomatis form ubah data mahasiswa ditampilkan. Setelah melakukan perubahan data maka data tersebut disimpan ke dalam database dan secara otomatis form tambah mahasiswa dan form daftar mahasiswa ditampilkan
32
- Bag. Akademik juga memilih hapus data, maka record data yang ada pada table t_mahasiswa akan terhapus secara otomatis sesuai dengan data user yang dikehendaki untuk dihapus. - Apabila bagian akademik/ admin memilih menu logout, maka session akan dihapus dan tampilan akan dikembalikan ke menu awal yaitu form login. Sequence diagram untuk manajemen data dosen, manajamen ruang, manajemen program studi, manajemen jadwal kuliah, manajemen mata kuliah dan manajemen nilai kurang lebih sama dengan sequence diagram data mahasiswa pada Gambar 3.7. Hanya saja nama form berbeda disesuaikan dengan pengisian form akademik pengolahan data yang dipilh oleh Bag. Akademik. 3.4.4 Perancangan Class Diagram 1
Mahasiswa
1
Progdi id_progdi : int kode_progdi : varchar nama_progdi : varchar
Dosen id_dosen : int username : varchar nip_dosen kode_dosen : varchar nama_dosen : varchar alamat : text kota : varchar provpinsi : varchar kode_pos : varchar keterangan : varchar gelar : varchar tgl_lahir : varchar tp_lahir : varchar gender : char agama : char telepon : varchar email : varchar
*
1
simpan() add() hapus() tampil()
1..*
Kelas
*
1..*
1
id : int nim : varchar nama_mahasiswa : varchar nama_kelas : varchar simpan() add() hapus() tampil()
id_mahasiswa : int username : varchar nama_progdi : varchar nama_angkatan : varchar nama_mahasiswa : varchar asal_sekolah : text alamat : text kota : varchar propinsi : varchar kodepos : varchar tgl_lahir : varchar tp_lahir : varchar gender : char agama : char telepon : varchar email : varchar
* Nilai
*
*
simpan() add() hapus() tampil()
*
*
id_jadwal_matakuliah nama_kelas : char nama_matakuliah : varchar nama_ruang : varchar nama_dosen : varchar hari : varchar jam_mulai : varchar jam_selesai : varchar simpan() add() hapus() tampil()
1
*
Matakuliah
Ruang
Jadwal_kuliah
id_nilai : int nama_matakuliah : varchar nim_mahasiswa : varchar nilai_tugas : int nilai_uts : int nilai_uas : int nilai_akhir : int simpan() add() hapus() tampil()
*
1
simpan() add() hapus() tampil()
*
simpan() add() hapus() tampil()
User id_user : int username : varchar password : varchar real_name : varchar authorty : int
1
*
id ruang : int kode_ruang : varchar nama ruang : varchar kapasitas : int
id_matakuliah : int nama_progdi : varchar kode_matakuliah : varchar nama_matakuliah : varchar semester : varchar simpan() add() hapus() tampil()
*
Gambar 3.9 Class Diagram Sistem Form Rencana Studi
*
33
Class
Diagram
yang
ditunjukkan
pada
Gambar
3.9
mendeskripsikan objek-objek yang terlibat dalam sistem dan hubungan-hubungan diantara tabel. Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari desain dan pengembangan berorientasi objek. Class menggambarkan keadaan (atribut) suatu sistem sekaligus menampilkan suatu operasi (fungsi/metoda) untuk memanipulasi keadaan tersebut.
3.5 Perancangan Tabel Tabel adalah media untuk menyimpan data yang telah diolah dan mempunyai sesuatu tema tertentu. Pada sistem pengisian form akademik terdapat 9 tabel yang berupa: tbl_dosen berfungsi untuk menyimpan data dosen, tbl_nilai berfungsi untuk menyimpan data nilai, tbl_progdi berfungsi untuk menyimpan data progdi, tbl_kelas berfungsi untuk menyimpan data kelas, tbl_jadwal_kuliah berfungsi untuk menyimpan data jadwal, tbl_mahasiswa berfungsi untuk menyimpan data mahasiswa, tbl_ruang berfungsi untuk menyimpan data ruang, tbl_user berfungsi untuk menyimpan data user, tbl_matakuliah berfungsi untuk menyimpan data matakuliah. Adapun
tabel
yang
terdapat
pada
perancangan
dan
implementasi sitem pengisian form akademik Universitas Kristen Indonesia Toraja yaitu sebagai berikut:
34
3.5.1 Tbl_Dosen Tabel penyimpanan data dosen dapat dilihat pada Tabel 3.7. Tabel 3.7 Tabel Dosen Field
Type
Length
Key
Id
Smallint
6
Primary Key
Kode
Int
10
Not Null
Nama
Varchar
40
Not Null
Alamat
Varchar
40
Not Null
Kota
Varchar
15
Not Null
Propinsi
Varchar
20
Not Null
Kodepos
Varchar
10
Not Null
Keterangan
Varchar
50
Not Null
Gelar
Varchar
10
Not Null
Tgl_Lahir
Varchar
10
Not Null
Tp_lahir
Varchar
10
Not Null
Agama
Varchar
10
Not Null
Telp
Varchar
15
Not Null
Email
Varchar
10
Not Null
Password
Varchar
10
Not Null
3.5.2 Tbl_Jadwal Tabel penyimpanan data jadwal dapat dilihat pada Tabel 3.8.
35
Tabel 3.8 Tabel Jadwal Field
Type
Length
Key
Id
SmallInt
6
Primary Key
Id_Matakuliah
Int
10
Not Null
Id_Ruang
Int
10
Not Null
Id_Dosen
Int
10
Not Null
Nama
Varchar
40
Not Null
Hari
Varchar
10
Not Null
Jam_Mulai
Varchar
15
Not Null
Jam_Selesai
Varchar
15
Not Null
3.5.3 Tbl_Mahasiswa Tabel penyimpanan data mahasiswa dapat dilihat pada Tabel 3.9. Tabel 3.9 Tabel Mahasiswa Field
Type
Length
Key
Id
Smallint
6
Primary Key
Id_Progdi
Int
10
Not Null
Kode
Varchar
40
Not Null
Nama
Varchar
40
Not Null
Asal_Sekolah
Varchar
15
Not Null
Alamat
Varchar
20
Not Null
Kota
Varchar
10
Not Null
Propinsi
Varchar
50
Not Null
36
Kodepos
Varchar
10
Not Null
Tgl_Lahir
Varchar
10
Not Null
Gender
Varchar
10
Not Null
Agama
Varchar
10
Not Null
Telp
Varchar
15
Not Null
Email
Varchar
10
Not Null
Password
Varchar
10
Not Null
Angkatan
Varchar
10
Not Null
3.5.4 Tbl_Matakuliah Tabel penyimpanan data matakuliah dapat dilihat pada Tabel 3.10. Tabel 3.10 Tabel Matakuliah Field
Type
Length
Key
Id
Smallint
6
Primary Key
Id_Progdi
Int
10
Not Null
Kode
Varchar
40
Not Null
Nama
Varchar
40
Not Null
Semester
Varchar
15
Not Null
SKS
Char
2
Not Null
SKS_Bayar
Char
2
Not Null
37
3.5.5 Tbl_Nilai Tabel penyimpanan data nilai dapat dilihat pada Tabel 3.11. Tabel 3.11 Tabel Nilai Field
Type
Length
Key
Id
Smallint
6
Primary Key
Id_Mahasiswa
Int
10
Not Null
Id_Matakuliah
Int
10
Not Null
Nilai
Char
2
Not Null
3.5.6 Tbl_Peserta Tabel penyimpanan data peserta dapat dilihat pada Tabel 3.12. Tabel 3.12 Tabel Peserta Field
Type
Length
Key
Id
Smallint
6
Primary Key
Id_Jadwal
Int
10
Not Null
Id_Mahasiswa
Int
10
Not Null
BUP
Char
2
Not Null
3.5.7 Tbl_Progdi Tabel penyimpanan data progdi dapat dilihat pada Tabel 3.13. Tabel 3.13 Tabel Progdi Field
Type
Length
Key
Id
Smallint
6
Primary Key
Kode
Int
10
Not Null
Nama
Varchar
15
Not Null
38
3.5.8 Tbl_Ruang Tabel penyimpanan data ruang dapat dilihat pada Tabel 3.14. Tabel 3.14 Tabel Ruang Field
Type
Length
Key
Id
Smallint
6
Primary Key
Kode
Int
10
Not Null
Nama
Varchar
10
Not Null
Kapasitas
Smallint
6
Not Null
3.5.9 Tbl_User Tabel penyimpanan data user dapat dilihat pada Tabel 3.15. Tabel 3.15 Tabel User Field
Type
Length
Key
Id
Smallint
6
Primary Key
Username
Varchar
10
Not Null
Password
Varchar
10
Not Null
Level
Smallint
6
Not Null
3.6 Perancangan Model – View – Controller (MVC) Pada bagian ini dilakukan perancangan untuk Model - View – Controller. MVC membagi sistem informasi menjadi tiga bagian besar, yaitu Bagian Model, Bagian View, dan Bagian Controller yang akan dibuat. 1. Perancangan Model Pembuatan model pada Sistem Pengisian Form Akademik berdasarkan pada perancanga sistem dengan menggunakan UML
39
yaitu pada class diagram. Model merupakan obyek yang mewakili data bahkan aktivitas, misalnya database. File model utama yaitu: - tbl_user - tbl_mahasiswa - tbl_progdi - tbl_kelas - tbl_nilai - tbl_jadwal kuliah - tbl_ruang - tbl_matakuliah - tbl_dosen Penamaan class untuk model utama disamakan dengan nama tabel pada database hal ini dilakukan untuk mempermudah dalam pemrosesan data karena setiap class berisi proses manipulasi data dari tabel-tabel yang ada pada database. 2. Perancangan View View mengandung keseluruhan detail dari implementasi user sistem pengisian akademik. View merupakan layer yang berhubungan langsung dengan pengguna. Layer ini mengandung keseluruhan detail dari implementasi user sistem pengisian akademik. Berikut ini yang termasuk dalam view yaitu : - Halaman login - Halaman tampil form utama - Halaman tampil form jadwal kuliah - Halaman tampil form daftar kelas
40
- Halaman tampil form transkrip nilai - Halaman tampil form daftar matakuliah - Halaman tampil form daftar jadwal matakuliah - Halaman tampil form ganti password - Halaman tampil form tambah progdi, daftar progdi - Halaman tampil form tambah dosen, daftar dosen - Halaman tampil form tambah mahasiswa, daftar mahasiswa - Halaman tampil form tambah matakuliah, daftar matakuliah - Halaman tampil form tambah ruang, data daftar ruang - Halaman tampil form tambah jadwal, data daftar jadwal matakuliah - Halaman tampil form tambah nilai mahasiswa, daftar nilai - Halaman tampil cetak transkrip nilai - Halaman tampil cetak daftar peserta 3. Halaman tampil cetak Perancangan Controller Controller berfungsi untuk menerima request data dari user kemudian menentukan apa yang akan diprose pada aplikasi. Controller bertanggung jawab akan penampungan events yang dibuat oleh pengguna dari view dan melakukan update terhadap komponen model. Berikut ini yang termasuk dalam controller yaitu : - Class dosen - Class mahasiswa - Class petugas1 - Class petugas2 Controller berisi sekumpulan fungsi-fungsi pemrosesan data seperti, menambah, menghapus dan mengubah data.
41
3.7 Rancangan Antarmuka Sebelum mengimplementasikan, sistem harus didesainkan terlebih dulu karena dengan adanya perancangan antarmuka dapat membantu proses pengembangan dan interaksi pengguna dengan komputer. Perancangan ini dapat berupa input data maupun output data untuk menampilkan informasi kepada pengguna. Kebutuhan antarmuka yang dibuat pada pengisian form akademik bersifat user friendly (mudah digunakan) dengan tujuan agar program yang telah dibangun dapat digunakan dengan mudah oleh pengguna. 3.7.1 Rancangan Antarmuka Form Login Perancangan tampilan login merupakan syarat untuk dapat memamfaatkan
sistem
secara
keseluruhan,
di
mana
yang
menggunakan aplikasi ini adalah mahasiswa, dosen, dan bagian akademik yang memiliki otoritas yang telah ditentukan. Tampilan form login dapat dilihat pada Gambar 3.10
Gambar 3.10 Form Login
Rancangan antarmuka Form Login berfungsi menampilkan tombol yang digunakan masuk kedalam menu utama baik itu
42
Mahasiswa, Dosen maupun Bagian Akademik. Text Box digunakan untuk memasukkan data, label dan tombol. Berikut ini tombol yang ada pada perancangan Form Login (Gambar 3.10): 1. Label 1 : Berfungsi untuk menampilkan judul Aplikasi 2. Label 2 : Berfungsi menampilkan judul login bagi user 3. Text Box 3 : berfungsi untuk memasukkan User Name Pengguna. 4. Text Box 4 : Berfungsi untuk memasukkan password pengguna. 5. Tombol 5 : Berfungsi untuk menampilkan menu utama dari pengguna. 6. Label 6 : Berfungsi untuk mereset password dan username 3.7.2 Rancangan
Antarmuka
Tampilan
Menu
Utama
Mahasiswa Rancangan antarmuka tampilan menu utama mahasiswa ditunjukkan pada Gambar 3.11
Gambar 3.11 Menu Utama Mahasiswa
Rancangan antarmuka tampilan menu utama mahasiswa berfungsi untuk menampilkan tombol yang akan digunakan untuk membuka tampilan sub-program yang dibutuhkan. Pada tampilan
43
digunakan label dan tombol. Berikut ini tombol yang ada pada perancangan menu utama mahasiswa (Gambar 3.11) 1. Label 1 : Judul Sistem 2. Label 2 : berfungsi untuk menampilkan menu utama 3. Label 3 : berfungsi untuk menampilkan form jadwal kuliah 4. Tombol 4 : berfungsi untuk menampilkan form daftar kelas 5. Tombol 5 : berfungsi untuk menampilkan form transkrip nilai 6. Tombol 6 : berfungsi untuk menampilkan form daftar matakuliah 7. Tombol 7 : berfungsi untuk menampilkan form ganti password 8. Tombol 8 : berfungsi untuk keluar dari aplikasi 3.7.3 Rancangan Antarmuka Tampilan Menu Utama Dosen Rancangan antarmuka tampilan menu utama mahasiswa ditunjukkan pada Gambar 3.12
Gambar 3.12 Menu Utama Dosen
Rancangan antarmuka tampilan menu utama dosen berfungsi untuk menampilkan tombol yang akan digunakan unutk membuka tampilan sub-prgram yang dibutuhkan. Pada tampilan ini digunakan
44
label dan tombol Berikut ini tombol yang ada pada perancangan menu utama mahasiswa (Gambar 3.12) 1. Label 1 : berfungsi untuk judul sistem 2. Label 2 : berfungsi untuk menampilkan menu utama. 3. Label 3 : berfungsi untuk menampilkan form lihat jadwal. 4. Tombol 4 : berfungsi untuk menampilkan form ganti password 5. Tombol 5 : berfungsi untuk keluar dari aplikasi 3.7.4 Rancangan Antarmuka Tampilan Menu Bag. Akademik 1 Rancangan antarmuka tampilan menu utama bagian akademik 1 ditunjukkan pada Gambar 3.13
Gambar 3.13 Menu Utama Bagian Akademik 1
Rancangan antarmuka tampilan menu utama bagian akademik 1 berfungsi untuk menampilkan tombol yang akan digunakan untuk membuka tampilan sub-program yang dibutuhkan. Pada tampilan ini digunakan label dan tombol. Berikut ini tombol yang ada pada perancangan menu utama mahasiswa (Gambar 3.13) 1. Label 1 : berfungsi untuk menampilkan judul aplikasi 2. Label 2 : berfungsi untuk menampilkan menu utama
45
3. Label 3 : berfungsi untuk menampilkan form manajemen progdi. 4. Tombol 4 : berfungsi untuk menampilkan form manajemen dosen 5. Tombol 5 : berfungsi untuk menampilkan form manajemen mahasiswa 6. Tombol 6 : berfungsi untuk menampilkan form manajemen matakuliah 7. Tombol 7 : berfungsi untuk menampilkan form manajemen ruang 8. Tombol 8 : berfungsi untuk menampilkan form manajemen jadwal 9. Tombol 9 : berfungsi untuk menampilkan form ganti password 10.Tombol 10 : berfungsi untuk menampilkan laporan kartu mahasiswa. 3.7.5 Rancangan Antarmuka Tampilan Menu Bag. Akademik 2 Rancangan antarmuka tampilan menu utama bagian akademik 1 ditunjukkan pada Gambar 3.14
Gambar 3.14 Menu Utama Bagian Akademik 2
Rancangan antarmuka tampilan menu utama bagian akademik 1 berfungsi untuk menampilkan tombol yang akan digunakan untuk membuka tampilan sub-program yang dibutuhkan. Pada tampilan ini
46
digunakan label dan tombol. Berikut ini tombol yang ada pada perancangan menu utama mahasiswa (Gambar 3.14) 1. Label 1 : berfungsi untuk menampilkan judul aplikasi 2. Label 2 : berfungsi untuk menampilkan menu utama 3. Label 3 : berfungsi untuk menampilkan form manajemen nilai. 4. Tombol 4 : berfungsi untuk menampilkan form cetak kartu studi 5. Tombol 5 : berfungsi untuk menampilkan form cetak transkrip 6. Tombol 6 : berfungsi untuk menampilkan form cetak peserta 7. Tombol 7 : berfungsi untuk menampilkan form ganti password 8. Tombol 8 : berfungsi untuk keluar dari aplikasi 3.7.6 Rancangan
Antarmuka
Tampilan
Form
Daftar
Matakuliah Rancangan antarmuka tampilan form registrasi matakuliah ditunjukkan pada Gambar 3.15
Gambar 3.15 Form Daftar Matakuliah
Rancangan antarmuka tampilan form daftar matakuliah berfungsi menampilkan tombol yang digunakan untuk membuka tampilan sub-program yang dibutuhkan. Pada tampilan ini digunakan label dan tombol untuk memilih data yang diinginkan, label, dan tombol. Berikut ini tombol yang ada pada perancangan form daftar matakuliah (Gambar 3.15)
47
1. Label 1 : berfungsi untuk menampilkan judul form 2. Label 2 : berfungsi untuk menampilkan nomor 3. Label 3 : berfungsi untuk menampilkan kode matakuliah 4. Label 4 : berfungsi untuk menampilkan nama matakuliah 5. Tombol 5 : berfungsi untuk menampilkan form daftar jadwal matakuliah 3.7.7 Rancangan Antarmuka Tampilan Form Daftar Jadwal Matakuliah Rancangan antarmuka tampilan form daftar jadwal matakuliah dapat dilihat pada Gambar 3.16
Gambar 3.16 Form Daftar Jadwal Matakuliah
Rancangan antarmuka tampilan form registrasi matakuliah berfungsi menampilkan tombol yang digunakan untuk membuka tampilan sub-program yang dibutuhkan. Pada tampilan ini label dan tombol. Berikut ini tombol yang ada pada perancangan form jadwal matakuliah (Gambar 3.16) 1. Label 1 : berfungsi untuk menampilkan judul form 2. Label 2 : berfungsi untuk menampilkan nomor 3. Label 3 : berfungsi untuk menampilkan nama matakuliah 4. Label 4 : berfungsi untuk menampilkan ruang matakuliah
48
5. Label 5 : berfungsi untuk menampilkan hari matakuliah 6. Label 6 : berfungsi untuk menampilkan waktu matakuliah 7. Label 7 : berfungsi untuk menampilkan dosen matakuliah 8. Label 8 : berfungsi untuk menampilkan kapasitas ruang 9. Label 9 : berfungsi untuk menampilkan jumlah kursi yang tersisa 10.Tombol 10 : berfungsi untuk menampilkan daftar peserta matakuliah 10.Tombol 11 : berfungsi untuk menambah matakuliah 3.7.8 Rancangan Antarmuka Tampilan Form Input Data Mahasiswa Rancangan antarmuka tampilan form input data mahasiswa dapat dilihat pada Gambar 3.17
Gambar 3.17 Form Input Data Mahasiswa
Rancangan antarmuka tampilan form input data mahasiswa berfungsi menampilkan tombol yang digunakan untuk membuka
49
tampilan sub-program yang dibutuhkan. Pada tampilan ini label, drop down dan tombol. Berikut ini tombol yang ada pada perancangan form input data mahasiswa (Gambar 3.17) 1. Label 1 : berfungsi untuk menampilkan judul form 2. Drop Down 2 : berfungsi untuk menampilkan progdi 3. Label 3 : berfungsi untuk mengisi kode mahasiswa 4. Label 4 : berfungsi untuk mengisi nama mahasiswa 5. Label 5 : berfungsi untuk mengisi sekolah asal mahasiswa 6. Label 6 : berfungsi untuk mengisi alamat mahasiswa 7. Label 7 : berfungsi untuk mengisi kota mahasiswa 8. Label 8 : berfungsi untuk mengisi propinsi asal mahasiswa 9. Label 9 : berfungsi untuk mengisi kode pos mahasiswa 10.Label 10 : berfungsi untuk mengisi tanggal lahir mahasiswa 11.Label 11 : berfungsi untuk mengisi tempat lahir mahasiswa 12.Drop Dwon 12 : berfungsi untuk mengisi jenis kelamin mahasiswa 13.Label 13 : berfungsi untuk mengisi agama mahasiswa 14.Label 14 : berfungsi untuk mengisi telepon mahasiswa 15.Label 15 : berfungsi untuk mengisi email mahasiswa 16.Label 16 : berfungsi untuk mengisi password mahasiswa 17.Label 17 : berfungsi untuk mengisi angkatan mahasiswa 18.Label 18 : berfungsi untuk input data agama mahasiswa 3.7.9 Rancangan Antarmuka Tampilan Form Input Data Ruang Rancangan antarmuka tampilan form input data kelas dapat dilihat pada Gambar 3.18
50
Gambar 3.18 Form Input Data Kelas
Rancangan antarmuka tampilan form input data kelas berfungsi menampilkan tombol yang digunakan untuk membuka tampilan sub-program yang dibutuhkan. Pada tampilan ini label dan tombol. Berikut ini tombol yang ada pada perancangan form input data kelas (Gambar 3.18) 1. Label 1 : berfungsi untuk menampilkan judul form 2. Label 2 : berfungsi untuk mengisi kode ruang 3. Label 3 : berfungsi untuk mengisi nama ruang 4. Label 4 : berfungsi untuk mengisi kapasitas ruang 5. Tombol 5 : berfungsi untuk input data kelas 3.7.10 Rancangan Antarmuka Tampilan Form Input Data Matakuliah Rancangan antarmuka tampilan form input data matakuliah dapat dilihat pada Gambar 3.19
Gambar 3.19 Form Input Data Matakuliah
51
Rancangan antarmuka tampilan form input matakuliah ruang berfungsi menampilkan tombol yang digunakan untuk membuka tampilan sub-program yang dibutuhkan. Pada tampilan ini label dan tombol. Berikut ini tombol yang ada pada perancangan form input data matakuliah (Gambar 3.19) 1. Label 1 : berfungsi untuk menampilkan judul form 2. Drop Dwon 2 : berfungsi untuk mengisi nama progdi 3. Label 3 : berfungsi untuk mengisi kode matakuliah 4. Label 4 : berfungsi untuk mengisi nama matakuliah 5. Label 5 : berfungsi untuk mengisi semester 6. Label 6 : berfungsi untuk mengisi SKS ambil 7. Label 7 : berfungsi untuk mengisi SKS bayar 8. Tombol 8 : berfungsi untuk input data matakuliah 3.7.11 Rancangan Antarmuka Tampilan Form Input Data Dosen Rancangan antarmuka tampilan form input data dosen dapat dilihat pada Gambar 3.20
Gambar 3.20 Form Input Data Dosen
52
Rancangan antarmuka tampilan form input data dosen berfungsi menampilkan tombol yang digunakan untuk membuka tampilan sub-program yang dibutuhkan. Pada tampilan ini label dan tombol. Berikut ini tombol yang ada pada perancangan form input data dosen (Gambar 3.20) 1. Label 1 : berfungsi untuk menampilkan judul form 2. Label 2 : berfungsi untuk mengisi kode dosen 3. Label 3 : berfungsi untuk mengisi nama dosen 4. Label 4 : berfungsi untuk mengisi alamat dosen 5. Label 5 : berfungsi untuk mengisi kota dosen 6. Label 6 : berfungsi untuk mengisi propinsi asal dosen 7. Label 7 : berfungsi untuk mengisi kode pos 8. Label 8 : berfungsi untuk mengisi keterangan dosen 9. Label 9 : berfungsi untuk mengisi gelar dosen 10.Label 10 : berfungsi untuk mengisi tanggal lahir mahasiswa 11.Label 11 : berfungsi untuk mengisi tempat lahir mahasiswa 12.Label 12 : berfungsi untuk mengisi agama dosen 13.Label 13 : berfungsi untuk mengisi telepon dosen 14.Label 14 : berfungsi untuk mengisi email dosen 15.Label 15 : berfungsi untuk mengisi password dosen 16.Tombol 16 : berfungsi untuk input data dosen 3.7.12 Rancangan Antarmuka Tampilan Form Ganti Password Rancangan antarmuka tampilan form ganti password dapat dilihat pada Gambar 3.2
53
Gambar 3.21 Form Ganti Password
Rancangan antarmuka tampilan form ganti password berfungsi menampilkan tombol yang digunakan untuk membuka tampilan subprogram yang dibutuhkan. Pada tampilan ini label dan tombol. Berikut ini tombol yang ada pada perancangan form input data kelas (Gambar 3.21) 6. Label 1 : berfungsi untuk menampilkan judul form 7. Label 2 : berfungsi untuk mengisi password lama 8. Label 3 : berfungsi untuk mengisi password baru 9. Label 4 : berfungsi untuk mengisi konfirmasi password 10.Tombol 5 : berfungsi untuk input data password baru
