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 tugas-
tugas 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 di-
upload 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 database beserta relasinya yang
digunakan dalam Perancangan Sistem 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 di-
upload.
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.
Top Related