BAB III ANALISIS DAN PERANCANGAN SISTEM. keputusan atau tindakan dalam menyelesaikan masalah tersebut.

Transkripsi

1 JSON 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 JSON encoder 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. 23

2 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 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.

3 25 Guru Proses Data Elektronik Start Input Username dan Password Cek User Login Login gagal T User & Password cocok? Y Cek Data Dosen Dosen Cek data pelajaran Pelajaran Nilai Data Kelas Update Resensi? T Update Nilai Tugas? Y T Resensi Siswa Cek data Resensi Resensi Update Nilai Y Update Resensi Nilai Tugas Cek data Nilai Tugas 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

4 26 Guru Proses Data Elektronik Start Input Username dan Password Cek User Login Login gagal T User & Password cocok? Y Cek Data Dosen Dosen Cek Data Siswa Siswa Data 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 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.

5 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. Dosen User dan password Update Absensi Update Nilai Tugas 0 Daftar Nilai tgs siswa Nilai Siswa Absensi Siswa Data Kelas Proses Penilaian dan Absensi + 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.

6 28 1 Tabel User User Password Dosen User dan password 1 ID_Guru ID_Guru Cek User + ID_Guru 2 Tabel Guru 2 Data Kelas Pelajaran Cek Pelajaran + Data Pelajaran dt Siswa 3 Tabel Pelajaran 7 Tabel Siswa Pelajaran Nilai Siswa Update Absensi Update Nilai Tugas tgs siswa Absensi Siswa 3 Update Absensi dan Nilai + Update Nilai Update Absen 4 Tabel Nilai Nilai Siswa Update Tugas Tugas Siswa 5 Tabel Tug as Absen Siswa 6 Tabel Absensi Daftar Nilai 4 Lihat Nilai Data Nilai Data Siswa 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.

7 29 1 Tabel User User Password Guru User dan password 1 Periksa User User id 2 Cek ID ID_Guru 2 Tabel 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. Guru Data Kelas Pelajaran 1 Periksa Pelajaran Data Pelajaran 3 Tabel 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.

8 30 1 Guru Nilai Siswa Tampil nilai Nilai Siswa 4 Tabel Nilai Update Nilai Absensi Siswa Update Absensi 2 Absensi Absen Siswa Update Absen 6 Tabel Absensi data absensi 4 tgs siswa Update Nilai Tugas 3 Penilaian Tug as Tugas Siswa Update Tugas 5 Tabel Tugas Update Nilai data tug as 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. Dosen Daftar Nilai 1 Lihat Nilai Siswa Data Siswa Data Nilai 7 Tabel Siswa 4 Tabel Nilai Gambar 3.9 DFD Level 1 Subsistem Lihat Nilai

9 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.

10 32 User User_Id Password Login Dosen Id_Dosen Nama User_Id Pengajar Pelajaran Id_Pel Id_Guru Kelas Nama_Pel Tugas Penilaian Id_Pel NIM TgsKe Kumpul Nilai Absensi NIM Id_pel Pertemuan Status D_T ugas D_Absensi Nilai NIM Id_Pel Absensi Tugas NTugas UTS UAS NIM NIM Nama Wali Siswa 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.

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 ID_DOSEN = ID_DOSEN char(5) NAMA_PEL varchar(20) ID_DOSEN char(12) KELAS char(3) ID_PEL = ID_PEL 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) NIM = NIM NILAI NIM char(11) ID_PEL char(5) ABSENSI char(5) TUGAS char(5) NTUGAS integer UTS integer UAS integer NIM = NIM NIM = NIM SISWA NIM char(4) NAMA varchar(50) WALI char(11) Gambar 3.11 Physical Data Model Sistem Informasi Akademik Berbasis Mobile 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

12 34 2. Tabel Dosen Primary Key Foreign Key Fungsi : ID_Dosen : User_id reference ke UserID.User_id : 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 Foreign Key Fungsi : ID_Pel : ID_Dosen reference ke Dosen.ID_Dosen : 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

13 35 Tabel 3.4 Siswa Nama Kolom Tipe Data Ukuran NIM Char 11 Nama Varchar 30 Wali Varchar Tabel Nilai Primary Key Foreign Key : NIM, ID_Pel : 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 UAS int int 6. Tabel Tugas Primary Key Foreign Key Fungsi : NIM, ID_Pel, Tgs_ke : NIM, ID_Pel reference ke tabel nilai kolom NIM, ID_Pel. : Untuk menyimpan nilai tugas siswa

14 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 Foreign Key Fungsi : NIM, ID_Pel, Pertemuan : NIM, ID_Pel reference ke tabel nilai kolom NIM, ID_Pel. : Untuk menyimpan absensi siswa. Tabel 3.7 Absensi Nama Kolom Tipe Data Panjang NIM Char 11 ID_Pel Char 5 Pertemuan Int Status Char 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

15 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 :

16 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. Kelas a Kelas b Kelas c Pelajaran a Pelajaran b Pelajaran c Menu Cancel Gambar 3.13 Desain Form Data Kelas

17 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 Pertemuan 1 Pertemuan 2 Pertemuan 3 Enter Cancel Gambar 3.14 Pilih Pertemuan Pada Form Data Absensi

18 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 Siswa Siswa H 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 :

19 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 Tugas 1 Tugas 2 Tugas 3 Enter Cancel Gambar 3.16 Memilih urutan tugas yang akan dilakukan perubahan

20 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 Cancel MenuItem 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 :

21 43 Tabel 3.13 Data Tugas dalam Form Data Tugas Nama Obyek Tipe Obyek Fungsi Field Update Cancel DataGrid MenuItem MenuItem Digunakan untuk menampilkan dan mengisi perubahan yang dilakukan dalam data nilai tugas siswa pada urutan yang telah dipilih sebelumnya. Digunakan untuk mengirim data yang telah dilakukan perubahan ke server 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 :

22 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 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 User Valid Y Panggil Proses Kelas T Kirim Pesan error Stop

23 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.

24 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 Nilai Stop Gambar 3.22 Desain Method UpdateAbsen

25 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.

26 48 Update Tugas Start Input pelajaran, kelas, pertemuan dan data tugas Update ke database tugas dan nilai tugas 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

27 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

28 26