Bab III PERANCANGAN SISTEM 1.1
Analisa Kebutuhan Telah dijelaskan dibab satu tentang masalah yang muncul dalam proses pengumpulan tugas-tugas paper mahasiswa FTI UKSW Salatiga, dengan memanfaatkan fasilitas internet yaitu website. Penulis dalam membangun website ini membutuhkan beberapa kebutuhan, antara lain sebagai berikut:
3.1.1
Kebutuhan Antar Muka Kebutuhan antar muka yang diperlukan untuk membangun sistem informasi ini meliputi: a. Sistem yang akan dibangun harus userfriendly. b. Sistem yang akan dibangun harus mampu menyimpan data-data yang dimasukkan oleh dosendan mahasiswa. c. Sistem yang akan dibangun memiliki fasilitas untuk mengunduh, menambah dan memperbaruhi atau mengubah semua data yang ada di dalam storage sesuai hak akses masing-masing user.
3.1.2
Kebutuhan Data Data-data yang akan diolah oleh sistem informasi ini antara lain:
14
15
a. Data Dosen, meliputi atribut dosen yang akan digunakan untuk melengkapi field pada storage dosen. Field tersebut antara lain: nama dosen, mata kuliah yang diampu, kode mata kuliah dan foto dosen. b. Data Mahasiswa, meliputi atribut mahasiswa yang akan digunakan untuk melengkapi field pada storage mahasiswa. Field tersebut antara lain: nomor induk mahasiswa, nama mahasiswa dan foto mahasiswa. c. Data Soal yang nantinya diisi dan dilengkapi oleh dosen itu sendiri. d. Data Jawaban yang dilengkapi oleh mahasiswa. 3.1.3
Kebutuhan Fungsional Layanan yang disediakan oleh sistem informasi yang akan dibangun ini adalah sebagai berikut: a. Mengelola otoritas passcode, yaitu data passcode yang dimasukkan oleh dosen dan mahasiswa dengan benar dan selanjutnya memberikan hakakses kepada dosen dan mahasiswa untuk login dan menjalankan sistem. b. Mengelola data soal pada sistem informasi ini yang dilakukan oleh dosen. Aksi yang dapat dilakukan antara lain: menambah dan mengubah. c. Data file jawaban yang di-upload oleh mahasiswa dan dapat diunduh oleh dosen.
16
3.2
Gambaran Umum Sistem Website yang dirancang memiliki tampilan yang mudah untuk diaplikasikan. Sistem yang dirancang akan memudahkan user untuk meng-upload dan mengunduh file data tanpa membutuhkan waktu yang cukup lama. Secara umum, fungsi website pengumpulan tugastugas paper mahasiswa FTI UKSW Salatiga adalah sebagai berikut: a. Akun dosen dan mahasiswa terproteksi oleh passcode. b. Memberikan akses kepada dosen untuk upload file data soal dan unduh file data jawaban yang telah di-upload oleh mahasiswa. c. Memberikan akses kepada mahasiswa untuk upload file data jawaban dan unduh file data soal yang telah diupload oleh dosen.
3.3
DFD (Data Flow Diagram) Diagram arus data website pengumpulan tugas-tugas paper mahasiswa FTI UKSW Salatiga terdiri dari: a. Proses Upload dan Download Soal Dalam proses ini user bertipe dosen dapat melakukan proses ulpload file soal dengan cara melakukan aksi membuat tugas baru, sedangkan
17
userbertipe
mahasiswa
diberikan
akses
untuk
mengunduh file soal. b. Proses Upload dan Download Jawaban Dalam proses ini user bertipe dosen dapat melakukan proses mengunduh file jawaban, sedangkan user bertipe mahasiswa diberikan akses untuk upload file jawaban.
Gambar 3.1 DFD Level 0 Website Pengumpulan Tugas-Tugas Paper Mahasiswa FTI UKSW Salatiga
Keterangan: - Data soal sebagai input-an dari dosen ke website pengumpulan tugas-tugas akan diteruskan menjadi input-an/respon dari website ke mahasiswa. - Data jawaban sebagain input-an mahasiswa ke website pengumpulan tugas-tugas akan diteruskan menjadi input-an/respon dari website ke dosen.
18
Gambar 3.2DFD level 1 Website Pengumpulan Tugas-Tugas Paper Mahasiswa FTI UKSW Salatiga
Keterangan: - Proses upload soal yang dilakukan oleh dosen akan menuju ke sistem pengelola soal, kemudian data soal tersebut
akan
diteruskan
dan
disimpan
di
storagedatasoal. - Melalui sistem pengelola soal ini juga dapat memberikan respon kepada mahasiswa dengan memberikan unduhan data soal yang diambil dari storagedatasoal. - Proses upload jawaban yang dilakukan oleh mahasiswa akan menuju ke sistem pengelola jawaban, kemudian data jawaban tersebut akan diteruskan dan disimpan di storagedata jawaban.
19
- Melalui sistem pengelola jawaban ini juga dapat memberikan respon kepada dosen dengan memberikan unduhan data jawaban yang diambil dari storagedata jawaban. 3.4
Sitemap
Gambar 3.3Sitemap Perancangan Sistem Informasi Pengumpulan Tugas Paper Mahasiswa FTI UKSW Berbasis Web
20
3.5
Perancangan Database Tabel-tabel digunakan
dalam
database
beserta
Perancangan
relasinya Sistem
yang
Informasi
Pengumpulan Tugas Paper Mahasiswa FTI UKSW Berbasis Web dapat dilihat dalam gambar-gambar berikut: a. Tabel User Tabel 3.1 Tabel User
Name Field
Type
Null
userid
varchar(20)
No
password
varchar(50)
No
fotouser
varchar(100)
No
matakuliahuser
varchar(50)
No
level
varchar(15)
No
Tabel User digunakan untuk mengolah data yang berisikan username, password dan leveluser untuk login kedalam sistem.
21
b. Tabel Soal Tabel 3.2 Tabel Soal
Name Field
Type
Null
soal_id
int(10)
No
mulai_soal
varchar(25)
No
selesai_soal
varchar(25)
No
subjek
varchar(150)
No
file_soal
varchar(200)
No
Tabel soal digunakan untuk mengolah datasoal untuk ditambah oleh dosen dan juga diunduh oleh mahasiswa. c. Tabel Jawaban Tabel3.3 Tabel Jawaban
Name Field
Type
Null
jwb_id
int(10)
No
name_mhs
varchar(50)
No
subjek_jwb
varchar(150)
No
22
file_jwb
varchar(200)
No
Tabel jawaban digunakan untuk mengolah data jawaban untuk ditambah oleh mahasiswa dan juga diunduh oleh dosen.
23
3.6
Perancangan Antar Muka Pada tampilan awal userakan disajikan form login, dimana user harus memasukkan username dan password untuk menentukan hak akses yang akan diberikan user sebagai dosen atau mahasiswa. Setelah user dapat mengakses akan ditampilkan menu-menu sesuai hak akses leveluser. Adapun perancangan tampilan setiap halaman website pengumpulan tugas-tugas paper mahasiswa FTI UKSW Salatiga ini dijelaskan dalam lembar kerja tampilan sebagai berikut: a. Lembar Kerja Tampilan Halaman Login
Gambar 3.4Lembar Kerja Tampilan Halaman Login
24
Keterangan: - Dalam form ini user diminta meng-inputusername di textbox1, password di textbox2 dan untuk menyetujui klik button1 sebagai tombol login. - Label1 berisi keterangan mata kuliah, kode mata kuliah dan dosen pengampu. - Textarea1 menampilkan tugas terbaru yang telah diupload.
25
b. Lembar Kerja Tampilan Halaman Dosen
Gambar 3.5Lembar Kerja Tampilan Halaman Dosen
Keterangan: - Pada header terdapat image1 yaitu foto user yang telah login sebagai dosen, label1 menampilkan nama dosen, mata kuliah yang diampu beserta kode mata kuliah yang telah
login
dan
button1
adalah
tombol
untuk
keluar/logout. - Pada maincoloum terdapat button2 sebagai tombol aksi membuat tugas baru (merujuk ke halaman buat tugas), tabel1
berisikan
listdata
soal
yang
telah
di-
upload/dibuat dan dilengkapi 1 kolom ber-label aksi
26
yang didalamnya terdapat button3 sebagai tombol aksi melihat detail tugas. c.Lembar Kerja Tampilan Halaman Buat Tugas
Gambar 3.6Lembar Kerja Tampilan Halaman Buat Tugas
Keterangan: - Pada header terdapat image1 yaitu foto user yang telah login sebagai dosen, label1 menampilkan nama dosen, mata kuliah yang diampu beserta kode mata kuliah yang telah
login
dan
button1
adalah
tombol
untuk
keluar/logout. - Pada maincoloum terdapat label2 yang bertuliskan “Buat Tugas Baru” dan dibawahnya terdapat mata kuliah beserta kode mata kuliah, textbox1 adalah tempat untuk dosen meng-input tugas dimulai, textbox2 untuk meng-
27
inputdeadline tugas dikumpulkan, textarea1 untuk meng-input subjek tugas, textbox3 tempat menampilkan file soal yang telah di-upload dengan cara klik button2 untuk memilih file yang akan di-upload, button3 untuk menyetujui pembuatan tugas baru dan button4 untuk membatalkan pembuatan tugas baru.
28
d. Lembar Kerja Tampilan Halaman Unduh Jawaban
Gambar 3.7Lembar Kerja Tampilan Halaman Unduh Jawaban
Keterangan: - Pada header terdapat image1 yaitu foto user yang telah login sebagai dosen, label1 menampilkan nama dosen, mata kuliah yang diampu beserta kode mata kuliah yang telah
login
dan
button1
adalah
tombol
untuk
keluar/logout. - Pada maincoloum terdapat label2 yang bertuliskan “Monitoring Tugas” dan dibawahnya terdapat mata kuliah beserta kode mata kuliah, textbox1 adalah keterangan tugas dimulai, textbox2 untuk keterangan deadline
tugas
dikumpulkan,
textarea1
untuk
29
keterangan
subjek
tugas
dan
textbox3
tempat
menampilkan file soal yang telah di-upload. - Label7 bertuliskan sudah dikumpulkan, tabel1 berisi listdata jawaban yang telah dikumpulkan mahasiswa dalam tugas ini, pada tabel1 juga terdapat button2 pada label aksi untuk mengunduh jawaban per-list dan untuk langsung mengunduh semua jawaban pada listdata jawaban klik button3.
30
e.Lembar Kerja Tampilan Halaman Mahasiswa
Gambar 3.8Lembar Kerja Tampilan Halaman Mahasiswa
Keterangan: - Pada header terdapat image1 yaitu foto user yang telah login sebagai mahasiswa, label1 menampilkan nama mahasiswa dan NIM mahasiswa yang telah login dan button1 adalah tombol untuk keluar/logout. - Pada maincoloum terdapat tabel1 yang berisikan listdata soal yang telah di-upload/dibuat dan dilengkapi 1 kolom ber-label aksi yang didalamnya terdapat button2 sebagai tombol aksi melihat detail tugas.
31
f. Lembar Kerja Tampilan Halaman Upload
Gambar 3.9Lembar Kerja Tampilan Halaman Upload
Keterangan: - Pada header terdapat image1 yaitu foto user yang telah login sebagai dosen, label1 menampilkan nama dosen, mata kuliah yang diampu beserta kode mata kuliah yang telah
login
dan
button1
adalah
tombol
untuk
keluar/logout. - Pada maincoloum terdapat label2 yang bertuliskan “Kirim Tugas” dan dibawahnya terdapat mata kuliah beserta kode mata kuliah, textbox1 adalah keterangan tugas dimulai, textbox2 untuk keterangan deadline tugas dikumpulkan, textarea1 untuk keterangan subjek tugas
32
dan textbox3 tempat menampilkan file soal yang telah di-upload untuk mengunduhnya klik button2 dan textbox4 tempat untuk menampilkan file jawaban yang akan dikirim melalui klik button3 untuk memilih file jawaban yang di-upload. - Button4 untuk menyetujui pengiriman tugas dan button5 untuk membatalkan pengiriman tugas.