23

BAB III

ANALISIS DAN PERANCANGAN SISTEM

Analisis terhadap suatu sistem merupakan suatu langkah penting dalam

pemahaman permasalahan yang ada, sebelum dilakukannya pengambilan

keputusan atau tindakan dalam menyelesaikan masalah tersebut.

3.1 Analisa Permasalahan

Agar lebih memahami maksud, konsep serta sistem dari prototype yang

akan dibangun, berikut adalah gambar mengenai sistem yang akan dibangun.

JSON decoder

Web Server

JSON encoder

JSON

JSON

Database

Gambar 3.1 Ilustrasi Arsitektur Sistem Infomasi Akademik Berbasis

Mobile

Pada gambar 3.1 dijelaskan bahwa aplikasi berbasis mobile yang dibuat

akan meminta data dari web server yang telah terintegrasi dengan database untuk

menampilkan data resensi siswa beserta nilai tugas yang telah dikumpulkan oleh

siswa.

24

Sistem informasi akademik berbasis mobile ini akan menampilkan data

resensi siswa beserta nilai tugas sesuai dengan id dosen yang telah disimpan di

dalam server sistem informasi akademik.

3.2 Perancangan Sistem

Dari analisis permasalahan yang telah dilakukan maka dapat ditentukan

tahapan-tahapan perancangan Sistem Informasi Akademik Berbasis Mobile.

Tahap-tahap yang dilakukan dalam merancang sistem ini adalah :

1. Membuat system flow perubahan nilai tugas dan resensi siswa.

2. Membuat Data Flow Diagram yang menggambarkan alur data di dalam sistem.

3. Membuat Entity Relationship Diagram yang menggambarkan hubungan antar

entitas di dalam sistem.

4. Membuat struktur tabel database yang digunakan didalam sistem.

5. Membuat desain form.

6. Membuat desain web service.

3.2.1 System Flow

System flow bertujuan untuk memberi gambaran tentang alur yang terjadi

di dalam sistem. System flow sistem informasi akademik berbasis mobile pada

bagian pemberian nilai tugas dan resensi dapat dilihat pada gambar 3.2.

25

Guru

Start

Proses Data Elektronik

Cek User Login

User &

Password

cocok?

TLogin

gagal

Cek data pelajaran

Data Kelas

Resensi

Siswa

Nilai

Nilai

Tugas

Update Nilai

TugasStop

Update

Resensi?

Y

Update

Nilai

Tugas?

T

Cek data

ResensiResensi

Cek data Nilai

Tugas

Y

Tugas

Update Resensi

T

Pelajaran

Dosen

Input Username

dan Password

Cek Data

DosenY

Update Nilai

Gambar 3.2 System Flow Sistem Informasi Akademik Berbasis Mobile dalam

pemberian nilai tugas dan resensi

Sedangkan system flow untuk melihat nilai siswa oleh dosen yang menjabat

sebagai dosen wali dapat dilihat pada gambar 3.3

26

Guru Proses Data Elektronik

Start

Cek User Login

User &

Password

cocok?

TLogin

gagal

Cek Data Siswa

Data Siswa

Dosen

Input Username

dan Password

Cek Data

DosenY

Siswa

Cek Data Pelajaran Pelajaran

Data

Pelajaran

Cek Data Nilai Nilai

Data Nilai

Stop

.

Gambar 3.3 System Flow Sistem Informasi Akademik Berbasis Mobile untuk

melihat nilai.

3.2.2 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) menggambarkan aliran data yang terjadi di

dalam sistem, sehingga dengan dibuatnya DFD ini akan terlihat arus data yang

mengalir dalam Sistem Informasi Akademik Berbasis Mobile.

27

A. Context Diagram Sistem Informasi Akademik Berbasis Mobile

External entity yang berhubungan dengan proses sistem informasi

akademik berbasis mobile digambarkan pada Gambar 3.4. Terdapat 1 (satu)

external entity yaitu: dosen. Tanda panah menuju ke sistem menunjukan aliran

data yang diberikan oleh external entity kepada sistem, sedangkan tanda panah

dari sistem menuju external entity menunjukan aliran data yang diberikan oleh

sistem kepada external entity.

Daftar Nilai

tgs siswa

Update Nilai Tugas

Update Absensi

Nilai Siswa

Absensi Siswa

Data Kelas

User dan password

0

Proses Penilaian dan

Absensi

+

Dosen

Gambar 3.4 Context Diagram Sistem Informasi Akademik Berbasis Mobile

B. DFD Level 0 Sistem Informasi Akademik Berbasis Mobile

DFD level 0 merupakan hasil decompose dari DFD Level Context. Pada

DFD Level 0 terdapat proses detil dari Level Context, DFD Level 0 terlihat pada

Gambar 3.5.

28

Daftar Nilai

ID_Guru

Data Nilai

Data Siswa

dt Siswa

tgs s iswa

Absen Siswa

Update Absen

Tug as Siswa

Update Tugas

Nilai Siswa

Update Nilai

Update Nilai Tugas

Update AbsensiNilai Siswa

Absensi Siswa

Pelajaran

Pelajaran

Data Pelajaran

Data Kelas

ID_Guru

ID_Guru

User Password

User dan passwordDosen

1

Cek User

+

1 Tabel User

2

Cek Pelajaran

+

2 Tabel Guru

3 Tabel Pelajaran

4 Tabel Nilai

5 Tabel Tug as

6 Tabel Absensi

3

Update Absensi

dan Nilai

+

7 Tabel Siswa

4

Lihat Nilai

Gambar 3.5 DFD Level 0 Sistem Informasi Akademik Berbasis Mobile

C DFD Level 1

C.1 DFD Level 1 Subsistem Cek User

DFD Level 1 cek user merupakan hasil decompose dari DFD 0 pada proses

cek user. DFD Level 1 ini terdiri dari proses periksa user dan cek ID, terlihat pada

Gambar 3.6.

29

User id

ID_Guru

User Password

User dan password

Guru

1 Tabel User

2 Tabel Guru

1

Periksa User

2

Cek ID

Gambar 3.6 DFD Level 1 Subsistem Cek User

C.2 DFD Level 1 Subsistem Cek Pelajaran

DFD Level 1 cek pelajaran merupakan hasil decompose dari DFD 0 pada

proses cek pelajaran. DFD Level 1 ini terdiri dari proses periksa pelajaran, terlihat

pada Gambar 3.7.

Pelajaran

Data Kelas Data Pelajaran3 Tabel Pelajaran

Guru

1

Periksa

Pelajaran

Gambar 3.7 DFD Level 1 subsistem Cek Pelajaran

C.3 DFD Level 1 Subsistem Update Absensi dan Nilai

DFD Level 1 update absensi dan nilai merupakan hasil decompose dari

DFD 0 pada proses update absensi dan nilai. DFD Level 1 ini terdiri dari proses

tampil nilai, absensi, penilaian tugas, dan update nilai, terlihat pada Gambar 3.8.

30

data tugas

data absensi

Update Nilai

Update Nilai Tugas Update Tugas

Tugas Siswatgs siswa

Update Absensi Update Absen

Absen SiswaAbsensi Siswa

Nilai SiswaNilai Siswa

Guru

4 Tabel Nilai

5 Tabel Tugas

6 Tabel Absensi

1

Tampil nilai

2

Absensi

3

Penilaian

Tugas

4

Update Nilai

Gambar 3.8 DFD Level 1 Subsistem Update Absensi dan Nilai

C.4 DFD Level 1 Subsistem Lihat Nilai

DFD Level 1 lihat nilai merupakan hasil decompose dari DFD 0 pada

proses lihat nilai. DFD Level 1 ini terdiri dari proses lihat nilai siswa, terlihat pada

Gambar 3.9.

Data Nilai

Data Siswa

Daftar Nilai

7 Tabel Siswa

4 Tabel Nilai

Dosen

1

Lihat Nilai

Siswa

Gambar 3.9 DFD Level 1 Subsistem Lihat Nilai

31

3.2.3 Entity Relationship Diagram

Entity Relationship Diagram (ERD) merupakan suatu desain database

yang digunakan untuk merepresentasikan, menentukan serta mendokumentasikan

akan kebutuhan-kebutuhan sistem dalam pemrosesan database. ERD

menyediakan bentuk untuk menunjukkan struktur keseluruhan dari data yang

dibutuhkan oleh sistem. Dalam ERD data-data tersebut digambarkan dengan

menggambarkan simbol entity. Dalam perancangan sistem ini terdapat beberapa

entity yang saling terkait untuk menyediakan data-data yang dibutuhkan oleh

sistem.

A. Conceptual Data Model

Sebuah Conceptual Data Model (CDM) memaparkan relasi-relasi atau

hubungan antar tabel dan menggambarkan secara keseluruhan konsep struktur

basis data yang dirancang untuk suatu aplikasi. Pada CDM telah didefinisikan

kolom mana yang menjadi primary key.

CDM dari aplikasi sistem informasi akademik berbasis mobile dapat

dilihat pada Gambar 3.10.

32

NIM

Login

D_Absensi

D_T ugas

Penilaian

Pengajar

User

User_Id

Password

Dosen

Id_Dosen

Nama

User_Id

Pelajaran

Id_Pel

Id_Guru

Kelas

Nama_Pel

Nilai

NIM

Id_Pel

Absensi

Tugas

NTugas

UTS

UAS

Tugas

Id_Pel

NIM

TgsKe

Kumpul

Nilai

Absensi

NIM

Id_pel

Pertemuan

Status

Siswa

NIM

Nama

Wali

Gambar 3.10 Conceptual Data Model Sistem Informasi Akademik Berbasis

Mobile

B. Physical Data Model

Physical Data Model (PDM) merupakan hasil generate dari Conceptual

Data Model (CDM) yang menggambarkan secara detil konsep rancangan struktur

basis data yang dirancang untuk pembuatan sistem. PDM berisikan tabel-tabel

penyusun basis data beserta field-field yang terdapat pada setiap tabel

sebagaimana terlihat pada Gambar 3.11.

33

NIM = NIM

ID_PEL = ID_PEL

ID_DOSEN = ID_DOSENUSER_ID = USER

NIM = NIM

NIM = NIM

USER

USER_ID char(6)

PASSWORD varchar(20)

DOSEN

ID_DOSEN char(11)

NAMA varchar(50)

USER char(6)

PELAJARAN

ID_PEL char(5)

NAMA_PEL varchar(20)

ID_DOSEN char(12)

KELAS char(3)

NILAI

NIM char(11)

ID_PEL char(5)

ABSENSI char(5)

TUGAS char(5)

NTUGAS integer

UTS integer

UAS integer

TUGAS

TGSKE integer

NIM integer

KUMPUL numeric(1)

NILAI integer

ABSENSI

PERTEMUAN integer

ID_PEL char(5)

STATUS char(1)

NIM char(11)

IDPEL char(5)

SISWA

NIM char(4)

NAMA varchar(50)

WALI char(11)

Gambar 3.11 Physical Data Model Sistem Informasi Akademik Berbasis Mobile

3.2.4 Struktur Tabel

Dari PDM yang sudah terbentuk, dapat disusun struktur basis data yang

nantinya akan digunakan untuk menyimpan data yang diperlukan yaitu:

1. Tabel User

Primary Key : UserID

Foreign Key : -

Fungsi : Untuk menyimpan Username dan Password dosen

Tabel 3.1 UserID

Nama Kolom Tipe Data Ukuran

User_id Char 6

Password Varchar 20

34

2. Tabel Dosen

Primary Key : ID_Dosen

Foreign Key : User_id reference ke UserID.User_id

Fungsi : Untuk menyimpan data dosen

Tabel 3.2 Dosen

Nama Kolom Tipe Data Ukuran

ID_Dosen Char 11

Nama Varchar 50

User_id Char 6

3. Tabel Pelajaran

Primary Key : ID_Pel

Foreign Key : ID_Dosen reference ke Dosen.ID_Dosen

Fungsi : Untuk menyimpan data pelajaran.

Tabel 3.3 Pelajaran

Nama Kolom Tipe Data Ukuran

ID_Pel Char 5

ID_Dosen Char 11

Nama_Pel Varchar 20

Kelas Char 3

4. Tabel Siswa

Primary Key : NIM

Foreign Key : -

Fungsi : Untuk menyimpan data siswa beserta dosen walinya

35

Tabel 3.4 Siswa

Nama Kolom Tipe Data Ukuran

NIM Char 11

Nama Varchar 30

Wali Varchar 11

5. Tabel Nilai

Primary Key : NIM, ID_Pel

Foreign Key : ID_Pel reference pelajaran.ID_pel

NIM reference Siswa.NIM

Fungsi : Untuk menyimpan data nilai.

Tabel 3.5 Nilai

Nama Kolom Tipe Data Ukuran

NIM Char 11

ID_Pel Char 5

Kelas Char 3

Absensi Char 5

Tugas Char 5

Ntugas int

UTS int

UAS int

6. Tabel Tugas

Primary Key : NIM, ID_Pel, Tgs_ke

Foreign Key : NIM, ID_Pel reference ke tabel nilai kolom NIM, ID_Pel.

Fungsi : Untuk menyimpan nilai tugas siswa

36

Tabel 3.6 Tugas

Nama Kolom Tipe Data Panjang

NIM Char 11

ID_Pel Char 5

Tgs_ke int

Kumpul Char 1

Nilai int

7. Tabel Absensi

Primary Key : NIM, ID_Pel, Pertemuan

Foreign Key : NIM, ID_Pel reference ke tabel nilai kolom NIM, ID_Pel.

Fungsi : Untuk menyimpan absensi siswa.

Tabel 3.7 Absensi

Nama Kolom Tipe Data Panjang

NIM Char 11

ID_Pel Char 5

Pertemuan Int

Status Char 1

3.2.5 Desain Interface

Ragam layar (interface) menu dari sistem informasi akademik berbasis

mobile terbagi dalam 3 (Tiga) tahapan, yaitu Login, Pilih Kelas, Update Nilai dan

Update Resensi. Login digunakan untuk masuk ke dalam database, yang

kemudian akan menampilkan kelas dan pelajaran yang diajar oleh dosen yang

bersangkutan. Pilih Kelas digunakan untuk memilih kelas yang akan dilakukan

perubahan terhadap nilai tugas ataupun resensi siswa. Update Nilai digunakan

37

untuk melakukan perubahan pada nilai tugas siswa berdasarkan urutan tugas yang

sudah ditentukan. Update Absensi digunakan untuk melakukan resensi siswa pada

setiap pertemuan.

A.1 Desain Form Login

Form login berfungsi menjadi form autentikasi dan autorisasi pengguna

agar dapat menggunakan sistem sesuai user masing-masing.

Gambar 3.12 Desain Form Login

Fungsi obyek dalam desain form login ialah sebagai berikut :

User

Password

Login cancel

38

Tabel 3.8 Fungsi Obyek Form Login

Nama Obyek Tipe Obyek Fungsi

Field Textbox

Digunakan untuk mengisi data sesuai ketentuan yang dibutuhkan.

Login MenuItem

Digunakan sebagai autentikasi dan autorisasi agar dapat masuk dan menggunakan sistem sesuai dengan user masing-masing.

Cancel MenuItem Menbatalkan inputan.

A.2 Desain Form Data Kelas

Form Data Kelas berfungsi untuk memilih data kelas dan pelajaran yang

diajarkan oleh dosen yang bersangkutan.

Gambar 3.13 Desain Form Data Kelas

Kelas a Pelajaran a

Kelas b Pelajaran b

Kelas c Pelajaran c

Menu Cancel

39

Fungsi obyek dalam desain form Data Kelas adalah sebagai berikut :

Tabel 3.9 Fungsi Obyek Form Data Kelas

Nama Obyek Tipe Obyek Fungsi

Field DataGrid

digunakan untuk memilih dan menampilkan kelas yang akan dilakukan perubahan dalam nilai tugas ataupun absensi sesuai dengan kelas dan pelajaran yang diajarkan oleh dosen yang bersangkutan.

Menu MenuItem

Digunakan untuk memilih data yang aka diubah, baik absensi, nilai tugas, ataupun rekap nilai pada kelas dan pelajaran yang sudah dipilih sebelumnya dalam datagrid.

Cancel MenuItem Digunakan untuk kembali ke form Login

B.3 Desain Form Data Absensi

Form Data Absensi berfungsi untuk melakukan perubahan pada data

absensi siswa yang diajarkan oleh dosen yang bersangkutan. Data absensi ini

memiliki 2 (dua) tahap, yaitu :

1. Memilih Pertemuan

Gambar 3.14 Pilih Pertemuan Pada Form Data Absensi

Pertemuan 1

Pertemuan 2

Pertemuan 3

Enter Cancel

40

Fungsi obyek dalam desain form Data Absensi dalam memililh

pertemuan adalah sebagai berikut :

Tabel 3.10 Memilih Pertemuan pada Form Data Absensi

Nama Obyek Tipe Obyek Fungsi

Field DataGrid Digunakan untuk memilih dan menampilkan pertemuan yang akan dilakukan dilakukan perubahan dalam absesi siswa

Enter MenuItem Digunakan untuk mengirimkan ke server dan meminta data absensi pada pertemuan yang yang telah dipilih dalm field.

Cancel MenuItem Digunakan untuk kembali ke form Data Kelas

2. Mengisikan Data Absensi

Gambar 3.15 Mengisikan Data Absensi pada Form Data Absensi

Fungsi obyek dalam desain form Data Absensi dalam mengisikan data

absensi adalah sebagai berikut :

Siswa

Siswa

Update Cancel

H

A

41

Tabel 3.11 Data Absensi dalam Form Data Absensi

Nama Obyek Tipe Obyek Fungsi

Field DataGrid

Digunakan untuk menampilkan dan melakukan perubahan pada data absensi siswa pada pertemuan yang telah dipilih sebelumnya

Update MenuItem Digunakan untuk mengirim data yang telah dilakukan perubahan ke server

Cancel MenuItem Digunakan untuk kembali ke bagian pemilihan pertemuan

B.4 Desain Form Data Tugas

Form Data Tugas berfungsi untuk melakukan pendataan terhadap

tugas yang diberikan kepada siswa. Data tugas ini memiliki 2 (dua) tahap, yaitu :

1. Memilih urutan tugas yang akan dilakukan perubahan

Gambar 3.16 Memilih urutan tugas yang akan dilakukan perubahan

Tugas 1

Tugas 2

Tugas 3

Enter Cancel

42

Fungsi obyek dalam desain form Data Tugas dalam memilih urutan adalah

sebagai berikut :

Tabel 3.12 Memilih Urutan dalam Form Data Tugas

Nama Obyek Tipe Obyek Fungsi

Field DataGrid Digunakan untuk menampilkan dan memilih urutan tugas yang akan dilakukan perubahan.

Enter MenuItem Digunakan untuk mengirimkan ke server dan meminta data nilai tugas sesuai dengan urutan yang yang telah dipilih dalam field.

Cancel MenuItem Digunakan untuk kembali ke form Data Kelas

2. Mengisikan data tugas

Gambar 3.17 Mengisikan Data Tugas

Fungsi obyek dalam desain form data tugas dalam mengisikan data

tugas adalah sebagai berikut :

Siswa 70

Siswa 70

Siswa 70

Update Cancel

43

Tabel 3.13 Data Tugas dalam Form Data Tugas

Nama Obyek Tipe Obyek Fungsi

Field DataGrid

Digunakan untuk menampilkan dan mengisi perubahan yang dilakukan dalam data nilai tugas siswa pada urutan yang telah dipilih sebelumnya.

Update MenuItem Digunakan untuk mengirim data yang telah dilakukan perubahan ke server

Cancel MenuItem Digunakan untuk kembali ke bagian pemilihan urutan.

B.5 Desain Form Data Nilai

Form Data Nilai berfungsi untuk menampilkan rekap dari data nilai dan

absensi siswa pada kelas dan pelajaran yang diajarkan oleh dosen yang

bersangkutan.

Gambar 3.18 Desain Form Data Nilai

Fungsi obyek dalam desain form data nilai adalah sebagai berikut :

Nama absensi Tugas UTS UAS

Menu Cancel

44

Tabel 3.14 Desain Form Data Nilai

Nama Obyek Tipe Obyek Fungsi

Field DataGrid digunakan untuk menampilkan rekap data kelas dan pelajaran yang diajarkan oleh dosen yang bersangkutan.

Menu MenuItem

Digunakan untuk memilih data yang akan diubah, baik absensi, maupun nilai tugas pada kelas dan pelajaran yang sudah dipilih sebelumnya dalam datagrid.

Cancel MenuItem Digunakan untuk kembali ke form Data Kelas.

3.2.6 Desain Web Service

Desain web service yang memiliki beberapa method yang akan dieksekusi

untuk menampilkan output sesuai dengan input yang dimasukkan oleh user.

A. Login

Method ini digunakan untuk melakukan pemeriksaan terhadap username

dan password yang diinputkan oleh user serta memberikan nilai balik berupa

id_dosen apabila username dan password yang diinputkan benar dan cocok.

Membaca

database userUser

Login

Input

Username

dan password

Valid

Start

Panggil Proses

KelasY

Kirim Pesan

error

T

Stop

45

Gambar 3.19 Desain Method Login

B. Kelas

Method digunakan untuk memberikan nilai balik berupa nama pelajaran

dan kelas dari id_dosen yang diberikan dari method login. Method ini dipanggil di

dalam proses login.

Kelas

start

Input

kode

dosen

Membaca

database

pelajaran

Pelajaran

Kirim data

kelas dan

pelajaran

Stop

Gambar 3.20 Desain Method Kelas

C. Absen

Method ini digunakan untuk memberikan nilai balik berupa absensi

mahasiswa pada pelajaran, kelas dan pertemuan sesuai dengan yang diinputkan

oleh user.

46

Absensi

Start

Input

Pelajaran,

Kelas dan

Pertemuan

Membaca

database

Absensi

Absensi

Kirim data

absensi

Stop

Gambar 3.21 Desain Method Absen

D. UpdateAbsen

Method ini digunakan untuk melakukan update absensi terhadap database

pada web server sesuai dengan kelas, pelajaran dan pertemuan yang dilakukan

perubahan oleh user.

Update Absen

Start

Input pelajaran,

kelas, pertemuan

dan data absen

Update ke

database absensi

dan nilai

absensi

Stop

Nilai

Gambar 3.22 Desain Method UpdateAbsen

47

E. Tugas

Method ini digunakan untuk memberikan nilai balik berupa tugas

mahasiswa yang terdiri dari status serta nilai tugas sesuai dengan pelajaran, kelas

dan pertemuan yang diinputkan oleh user.

Tugas

Start

Input

Pelajaran,

kelas dan

pertemuan

Membaca

database TugasTugas

Kirim data

tugas

Stop

Gambar 3.23 Desain Method Tugas

F. UpdateTugas

Method ini digunakan untuk melakukan update nilai tugas terhadap

database pada web server sesuai dengan kelas, pelajaran dan pertemuan yang

dilakukan perubahan oleh user.

48

Update Tugas

Start

Input pelajaran,

kelas, pertemuan

dan data tugas

Update ke

database tugas

dan nilai

tugas

Stop

Nilai

Gambar 3.24 Desain Method UpdateTugas

G. NilaiPel

Method ini digunakan untuk memberikan nilai balik berupa rangkuman

dari nilai pelajaran dan absensi pada kelas tertentu untuk mata kuliah yang

diajarkan oleh user.

NilaiPel

start

Input id

Pelajaran

Membaca

database NilaiNilai

Kirim data

nilaiStop

Gambar 3.25 Desain Method NilaiPel

49

H. LihatWali

Method ini digunakan sebagai dosen yang menjabat sebagai dosen wali

untuk memantau semua nilai pelajaran serta absensi dari mahasiswanya.

LihatWali

start

Input id

Dosen

Membaca

database NilaiNilai

Kirim data

nilaiStop

Gambar 3.26 Desain Method LihatWali

26