Bab 3. Metode dan Perancangan Sistem

(1)

Analisis Kebutuhan

sistem Perancang_{an Sistem} dan Perangkat lunak Implement asi dan Pengujian Unit Integrasi dan Pengujian Siatem Operasi dan Pemelihar aan Sistem

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

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 :

(2)

- 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

(3)

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.

(4)

Tabel 3.1 Kebutuhan Input Petugas 1 Bagian Akademik

No Kebutuhan Keterangan

1

2

Memproses data dengan efektif dan efisien. Memproses data nilai mahasiswa dengan efektif dan efisien

Form Manajemen data Mahasiswa

Form manajemen data nilai mahasiswa

2. 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

1

2

3

4

Memproses data jadwal matakuliah mahasiswa dengan efektif dan efisien.

Memproses data mahasiswa dengan efektif dan efisien Memproses data dosen dengan efektif dan efisien

Memproses data ruang kuliah dengan efektid dan efisien

Forminput jadwal kuliah

Form manajemen data mahasiswa

Form manajemen data dosen

Form manajemen data ruang kuliah

(5)

3. Mahasiswa

Kebutuhan input dari mahasiswa dapat dilihat pada Tabel 3.3.

Tabel 3.3 Kebutuhan Input Mahasiswa

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

1 2 3

Cetak kartu studi Cetak transkrip nilai Cetak daftar kelas

Form cetak kartu studi Form cetak transkrip nilai Form cetak daftar kelas

(6)

2. Mahasiswa

Kebutuhan output dari mahasiswa dapat dilihat pada Tabel 3.5.

Tabel 3.5 Kebutuhan Output Mahasiswa

No Kebutuhan Keterangan 1 2 3 4 Mengetahui jadwal matakuliah

Mengetahui daftar kelas Mengetahui hasil studi mahasiswa

Mengetahui transkrip nilai mahasiswa

Laporan jadwal mahasiswa

Laporan daftar kelas Laporan hasil studi mahasiswa

Laporan transkrip nilai mahasiswa

3. Dosen

Kebutuhan output dari dosen dapat dilihat pada Tabel 3.6. Tabel 3.6 Kebutuhan Output Dosen

1

2

Mengetahui jadwal mengajar dosen yang bersangkutan

Mengetahui daftar kelas

Laporan jadwal mengajar dari dosen yang

bersangkutan

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 :

(7)

1. Perangkat Keras (Hardware)

Spesifikasi perangkat keras yang dibutuhkan untuk mengimplementasikan sistem ini adalah:

1. Intel® CoreTM_{2 Duo processor T6500}

2. Memory 2 Gb

3. Minimum250 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

(8)

Daftar Matakuliah

Lihat Daftar Kelas Lihat Transkrip Nilai

Lihat jadwal Kuliah

Manajemen data kelas Cetak kartu studi

Manajemen jadwal kuliah Cetak jadwal kuliah

Manajemen data matakuliah

Manajemen Data dosen Manajemen data mahasiswa

Cetak transkrip nilai Logout

Lihat Jadwal Mengajar

Mahasiswa Dosen

Ganti Password

Bag. Akademik

Manajemen Progdi

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

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 logoutaktor 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.

(9)

Star Input user id dan password Menu mahasiswa Valid Lihat Jadwal Lihat daftar kelas Lihat Transkrip End Daftar Matakuliah Tidak Valid Ganti Password Sistem Mahasisw a 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

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

(10)

Ganti Password Start Input user id dan password

Menu Dosen Tidak Valid Valid Lihat Jadwal Logout Sistem Dosen

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

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

(11)

S tart In p u t U s e r Id d a n _{P a s s w o rd} Me n u Ad m in 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 R u a n g L o g Ou t C e ta k ka rtu s tu d i C e ta k tra n s krip ce ta k p e s e rta E n d Va lid Tid a k Va lid Ma n a je m en P rog d i Ma n a je m en D o s e n Ga n ti P a s s w o rd Ma n a je m en Ja d w a l K u lia h S is te m B a gia n A k a d e m ik

· Diagram Activity Bagian Akademik

Diagram Activity Bagian Akademik di tunjukan pada Gambar 3.5

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 diagrambiasa digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang

(12)

: 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

dilakukan sebagai respons dari sebuah event untuk menghasilkan

output tertentu.

· Diagram Sequence Mahasiswa

Diagram Sequence mahasiswa ditunjukkan pada Gambar 3.6

Gambar 3.6 Diagram Sequence Mahasiswa

Pada Gambar 3.6 diagram sequence mahasiwa menunjukkan rangkaian langkah-langkah saat mahasiswa/user melakukan proses-proses 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.

(13)

- 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

(14)

: Login :

Dosen : 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 ()

- Apabila mahasiswa memilih menu logout, maka session akan dihapus dan tampilan akan dikembalikan ke menu awal yaitu

formlogin.

· Diagram Sequence Dosen

Diagram Sequence Dosen ditunjukkan pada Gambar 3.7

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 formlogin 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.

(15)

: Bag. Akademik : Login _{: Logout} : Menu Utama : tambah/daftar_mahasiswa : Form_ubah data mahasiswa : db_uki 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()

- 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 formlogin.

· Diagram Sequence Manajemen Data Mahasiswa.

Diagram Sequence Manajemen Data Mahasiswa ditunjukkan pada Gambar 3.8

(16)

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 formlogin 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

(17)

Progdi id_progdi : int kode_progdi : varchar nama_progdi : varchar simpan() add() hapus() tampil() User id_user : int username : varchar password : varchar real_name : varchar authorty : int simpan() add() hapus() tampil() Ruang id ruang : int kode_ruang : varchar nama ruang : varchar kapasitas : int Kelas id : int nim : varchar nama_mahasiswa : varchar nama_kelas : varchar simpan() add() hapus() tampil() 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 simpan() add() hapus() tampil() 1 1 1 1 Nilai 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() Jadwal_kuliah 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 * * * * * * * * Mahasiswa 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 simpan() add() hapus() tampil() 1 1 1 1 1..* 1 1..* 1 * * * * Matakuliah id_matakuliah : int nama_progdi : varchar kode_matakuliah : varchar nama_matakuliah : varchar semester : varchar simpan() add() hapus() tampil() * * * * * * * * 1..* 1 1..* 1 * * * *

- 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 formlogin.

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

(18)

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:

(19)

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

(20)

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

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_Progdi Int 10 Not Null

Kode Varchar 40 Not Null

Asal_Sekolah Varchar 15 Not Null

Alamat Varchar 20 Not Null

Kota Varchar 10 Not Null

(21)

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_Progdi Int 10 Not Null

Kode Varchar 40 Not Null

Semester Varchar 15 Not Null

SKS Char 2 Not Null

(22)

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_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

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

(23)

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

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

(24)

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

(25)

- 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

(26)

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 FormLogin

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

formlogin dapat dilihat pada Gambar 3.10

Gambar 3.10 FormLogin

Rancangan antarmuka Form Login berfungsi menampilkan tombol yang digunakan masuk kedalam menu utama baik itu

(27)

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

(28)

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

(29)

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

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

(30)

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

(31)

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

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

(32)

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)

2. Label 2 : berfungsi untuk menampilkan nomor

3. Label 3 : berfungsi untuk menampilkan nama matakuliah

(33)

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

(34)

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)

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

(35)

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)

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

(36)

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)

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

(37)

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)

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