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
JSON decoder
Web Server JS
ON
JSON encoder
Gambar 3.1
Database
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.
23
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
Proses Data Elektronik
Start
Cek User
Input Username dan Password
Login gagal
User & Password cocok?
T
Login
Cek Data Dosen
Dosen
Cek data pelajaran
Pelajaran
Y
Nilai
Data Kelas
Update Resensi?
T
Update Nilai Tugas? T
Y
Resensi Siswa
Cek data Resensi
Resensi
Y
Nilai Tugas
Cek data Nilai Tugas
Update Nilai
Update Resensi
Tugas
Update Nilai Tugas
Stop
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
Input Username dan Password
Login gagal
T
User & Password cocok?
Data Siswa
Login
Y
Cek Data Dosen
Dosen
Cek Data Siswa
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. User dan password Update Absensi Update Nilai Tugas Dosen
0
Daftar Nilai tgs siswa
Proses Penilaian dan Absensi
Nilai Siswa Absensi Siswa
+
Data Kelas
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
1
Tabel User
User Pas sword
1 Dos en
User dan password
ID_Guru Cek User
ID_Guru
+ 2
ID_Guru
Tabel Guru
2 Data Kelas Data Pelajaran
Cek Pelajaran
3
Tabel Pelajaran
Pelajaran
+
dt Siswa
7
Tabel Sis wa
Pelajaran
3 Update Nilai
tgs s is wa Absensi Siswa
Update Absensi dan Nilai
Nilai Sis wa Update Absensi Update Nilai Tugas
4
Tabel Nilai
Nilai Sis wa
+
Update Absen
Update Tugas Tug as Sis wa Absen Siswa 5
6
Tabel Absensi
Tabel Tug as
4 Daftar Nilai
Lihat Nilai
Data Nilai Data Sis wa
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
1
Tabel User
User Password
1 Guru
Periksa User
User dan password
User id
2 2 Cek ID
Tabel Guru
ID_Guru
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.
1 Guru
Data Kelas
Periksa Pelajaran
Data Pelajaran 3
Tabel Pelajaran
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
1 Tampil nilai Nilai Siswa
Nilai Siswa
4
Update Nilai
Tabel Nilai
Guru 2
data absensi
Absensi Siswa Absen Siswa
Absensi Update Absensi
6
Tabel Absensi
Update Absen
4 Update Nilai
3 tgs siswa
Penilaian Tug as
Update Nilai Tugas
Tug as Siswa
5
Tabel Tug as data tug as
Update Tugas
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.
1 Dosen
Daftar Nilai
Lihat Nilai Siswa
Data Siswa 7
Tabel Siswa
Data Nilai 4
Tabel Nilai
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
User User_Id Password
Login
Tugas Id_Pel NIM TgsKe Kumpul Nilai
Absensi NIM Id_pel Pertemuan Status
Dosen Id_Dosen Nama User_Id
Pengajar
Pelajaran Id_Pel Id_Guru Kelas Nama_Pel
Penilaian
D_T ugas
D_Absensi
Nilai NIM Id_Pel Absensi Tugas NTugas UTS UAS
NIM
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
USER USER_ID char(6) PASSWORD varchar(20)
USER_ID = USER
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)
ID_DOSEN = ID_DOSEN
ID_PEL = ID_PEL
TUGAS TGSKE integer NIM integer KUMPUL numeric(1) NILAI integer
NILAI NIM char(11) ID_PEL char(5) ABSENSI char(5) TUGAS char(5) NTUGAS integer UTS integer UAS integer
NIM = NIM
ABSENSI PERTEMUAN integer ID_PEL char(5) STATUS char(1) NIM char(11) IDPEL char(5)
NIM = NIM
NIM NAMA WALI
SISWA char(4) varchar(50) char(11)
NIM = NIM
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 Nama Kolom User_id Password
UserID
Tipe Data Char Varchar
Ukuran 6 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 Nama Kolom ID_Dosen Nama User_id
3.
Tipe Data Char Varchar Char
Ukuran 11 50 6
Tabel Pelajaran Primary Key
: ID_Pel
Foreign Key
: ID_Dosen reference ke Dosen.ID_Dosen
Fungsi
: Untuk menyimpan data pelajaran.
Tabel 3.3 Nama Kolom ID_Pel ID_Dosen Nama_Pel Kelas
4.
Dosen
Pelajaran
Tipe Data Char Char Varchar Char
Ukuran 5 11 20 3
Tabel Siswa Primary Key
: NIM
Foreign Key
:-
Fungsi
: Untuk menyimpan data siswa beserta dosen walinya
35
Tabel 3.4
5.
Siswa
Nama Kolom
Tipe Data
NIM Nama Wali
Char Varchar Varchar
Ukuran 11 30 11
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
6.
Nilai
Nama Kolom NIM ID_Pel Kelas Absensi Tugas Ntugas UTS
Tipe Data Char Char Char Char Char int int
UAS
int
Ukuran 11 5 3 5 5
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
7.
Tugas
Nama Kolom NIM ID_Pel Tgs_ke Kumpul
Tipe Data Char Char int Char
Nilai
int
Panjang 11 5 1
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 NIM
Tipe Data Char
ID_Pel
Char
Pertemuan
Int
Status
Char
Panjang 11 5 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.
User Password
Login
cancel
Gambar 3.12 Desain Form Login
Fungsi obyek dalam desain form login ialah sebagai berikut :
38
Tabel 3.8
Nama Obyek
Fungsi Obyek Form Login
Tipe Obyek
Fungsi
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.
Field
A.2 Desain Form Data Kelas Form Data Kelas berfungsi untuk memilih data kelas dan pelajaran yang diajarkan oleh dosen yang bersangkutan.
Kelas a Kelas b Kelas c
Menu
Pelajaran a Pelajaran b Pelajaran c
Cancel
Gambar 3.13 Desain Form Data Kelas
39
Fungsi obyek dalam desain form Data Kelas adalah sebagai berikut : Tabel 3.9 Nama Obyek
Fungsi Obyek Form Data Kelas
Tipe Obyek
Field
DataGrid
Menu
MenuItem
Cancel
MenuItem
Fungsi 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. Digunakan untuk memilih data yang aka diubah, baik absensi, nilai tugas, ataupun rekap nilai pada kelas dan pelajaran yang sudah dipilih sebelumnya dalam datagrid. 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
Pertemuan 1 Pertemuan 2 Pertemuan 3
Enter
Cancel
Gambar 3.14 Pilih Pertemuan Pada Form Data Absensi
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
Field
DataGrid
Enter
MenuItem
Cancel
MenuItem
Fungsi Digunakan untuk memilih dan menampilkan pertemuan yang akan dilakukan dilakukan perubahan dalam absesi siswa Digunakan untuk mengirimkan ke server dan meminta data absensi pada pertemuan yang yang telah dipilih dalm field. Digunakan untuk kembali ke form Data Kelas
2. Mengisikan Data Absensi
Siswa
H
Siswa
A
Update
Cancel
Gambar 3.15 Mengisikan Data Absensi pada Form Data Absensi
Fungsi obyek dalam desain form Data Absensi dalam mengisikan data absensi adalah sebagai berikut :
41
Tabel 3.11
Data Absensi dalam Form Data Absensi
Nama Obyek
Tipe Obyek
Fungsi
Field
DataGrid
Update
MenuItem
Digunakan untuk mengirim data yang telah dilakukan perubahan ke server
Cancel
MenuItem
Digunakan untuk kembali ke bagian pemilihan pertemuan
Digunakan untuk menampilkan dan melakukan perubahan pada data absensi siswa pada pertemuan yang telah dipilih sebelumnya
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
Tugas 1 Tugas 2 Tugas 3
Enter
Cancel
Gambar 3.16 Memilih urutan tugas yang akan dilakukan perubahan
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
Cancel
MenuItem
Digunakan untuk mengirimkan ke server dan meminta data nilai tugas sesuai dengan urutan yang yang telah dipilih dalam field. Digunakan untuk kembali ke form Data Kelas
2. Mengisikan data tugas Siswa
70
Siswa
70
Siswa
70
Update
Cancel
Gambar 3.17 Mengisikan Data Tugas
Fungsi obyek dalam desain form data tugas dalam mengisikan data tugas adalah sebagai berikut :
43
Tabel 3.13 Nama Obyek
Data Tugas dalam Form Data Tugas
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. Nama absensi Tugas UTS
UAS
Menu
Cancel
Gambar 3.18 Desain Form Data Nilai
Fungsi obyek dalam desain form data nilai adalah sebagai berikut :
44
Tabel 3.14 Nama Obyek
Tipe Obyek
Field
DataGrid
Menu
MenuItem
Cancel
MenuItem
Desain Form Data Nilai Fungsi digunakan untuk menampilkan rekap data kelas dan pelajaran yang diajarkan oleh dosen yang bersangkutan. Digunakan untuk memilih data yang akan diubah, baik absensi, maupun nilai tugas pada kelas dan pelajaran yang sudah dipilih sebelumnya dalam datagrid. 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. Login Start
Input Username dan password
Membaca database user
Valid
User
Y
Panggil Proses Kelas
T Kirim Pesan error
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
absensi Update ke database absensi dan nilai
Nilai
Stop
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 Tugas
Tugas
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
tugas Update ke database tugas dan nilai
Nilai
Stop
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 Nilai
Nilai
Kirim data nilai
Stop
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 Nilai
Nilai
Kirim data nilai
Stop
Gambar 3.26 Desain Method LihatWali
26
