bab iii perancangan sistem 1.1 analisa...

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


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


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:





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:





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:


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:





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.

bab iii perancangan sistem 1.1 analisa...

Documents