BAB IV DESKRIPSI KERJA PRAKTEK

Transkripsi

1 BAB IV DESKRIPSI KERJA PRAKTEK 4.1 Identifikasi Masalah Sebelum prses analisis, tahapan yang terlebih dahulu dilakukan adalah identifikasi dan analisis permasalahan yang ada apa SMA Negeri 16 Surabaya terdiri dari, wawancara dan bservasi guna menemukan permasalahn utama yang terjadi pada SMA Negeri Analisis Sistem Analisis sistem merupakan langkah awal dari pembuatan suatu sistem yang baru. Dari identifikasi masalah kemudian melakukan prses analisis yaitu membuat Sistem Infrmasi Ujian Online di SMA Negeri 16 Surabaya. 4.3 Perancangan Sistem Perancangan sistem dimaksudkan untuk membantu menyelesaikan masalah pada sistem yang sedang berjalan saat ini, sehingga sistem menjadi lebih baik lagi dengan adanya sistem infrmasi terkmputerisasi. Dalam merancang sistem yang baik, harus melalui tahap-tahap perancangan sistem. Tahap-tahap perancangan sistem meliputi : 1. Pembuatan System Flw 2. Pembuatan Cntext Diagram 3. Pembuatan Data Flw Diagram (DFD) 4. Pembuatan Cnceptual Data Mdel (CDM) 5. Pembuatan Phisical Data Mdel (PDM) 20

2 System Flw Berikut system flw aplikasi ujian nline yang digunakan sebagai acuan dalam pengerjaan aplikasi. System flw digambarkan pada Gambar 4.1. System Flw Guru Admin Start Manajemen data Guru View Identitas Guru Sal View Identitas Kunci Jawaban Sal Manajemen Sal Mengerjakan Sal Jawaban Periksa Jawaban Kunci Jawaban Finish Gambar 4.1 System flw Ujian Online Dalam gambar 4.1 menjelaskan alur sistem pada aplikasi ujian nline. Pada aplikasi terdapat 3 user, yaitu guru, siswa, dan admin. Masing-masing user memiliki hak akses yang berbeda-beda. Guru memiliki hak akses untuk melihat identitas bidata diri dan memasukan sal ujian sesuai mata pelajaran yang di ajarkan beserta kunci jawaban dari sal yang diinputkan.

3 22 memiliki hak akses untuk untuk melihat identitas bidata diri serta melihat sal ujian dan menginputkan jawaban dari sal yang diakses. Admin memiliki hak akses untuk menglah data siswa dan juga dan guru. a) System Flw Input Data Guru dan Sisflw Input Sal Guru Admin Start Guru Input Data Guru dan Input Data Guru dan View Data Guru Guru View Data View Data Finish Gambar 4.2 System flw input Data dan Guru Pada gambar 4.2 menjelaskan prses input data siswa dan guru yang dilakukan leh admin. Apabila ada siswa yang belum terdaftar atau belum mempunyai username dan passwrd untuk dapat mengakses aplikasi, dapat menghubungi admin untuk melakukan pendaftaran terlebih dahulu dengan memberikan bidata diri siswa atau guru yang belum terdaftar yang kemudian akan diinputkan leh admin. Setelah data pendaftaran diterima dan diinputkan,

4 23 admin akan memberikan username dan passwrd pada pihak yang bersangkutan agar bisa mengakses aplikasi dan melihat bidata diri. b) System Flw Input Sal Ujian Sisflw Input Sal Guru Start Input Sal dan Jawaban Input Sal dan Jawaban Kunci Jawaban Sal Vew Sal Finish Gambar 4.3 System flw Input Sal Ujian Pada gambar 4.3 menjelaskan prses input sal ujian yang diinputkan leh guru mata pelajaran yang bersangkutan. Guru mata pelajaran menginputkan

5 24 sal ujian dan kunci jawaban dari sal yang diinputkan kedalam database agar kemudian siswa dapat mengakses sal ujian yang diinputkan leh guru. c) System Flw Pengerjaan Sal Ujian Sisflw Pengerjaan Sal Start View Sal Input Jawaban Jawaban Check Jawaban Kunci Jawaban View Nilai Finish View Nilai Gambar 4.4 System flw Pengerjaan Sal Ujian

6 25 Pada gambar 4.4 menjelaskan prses pengerjaan sal ujian leh siswa. mengerjakan sal yang diambil dari database sal dan kemudian menginputkan jawaban yang diteruskan pada prses kreksi jawaban untuk mengetahui nilai yang didapatkan siswa pada mata ujian tersebut Cntext Diagram Cntext diagram dari aplikasi ujian nline menggambarkan prses secara umum yang terjadi pada penyebaran infrmasi ujian nline pada SMA Negeri 16 Surabaya. Pada cntext diagram ini melibatkan tiga entitas yaitu admin, guru, dan siswa. Admin Reprt Data dan Guru Reprt Data dan Nilai Guru Input Data dan Guru 1 Sistem Infrmasi Ujian Online Sal Ujian Menginput Jawaban Ujian Mengakses Sal Ujian Gambar 4.5 Cntex Diagram Cntex Diagram pada gambar 4.5 menjelaskan alur data pada aplikasi ujian nline. Pertama, admin menginputkan data siswa dan murid. Kedua, kemudian sistem akan memberikan utput berupa reprt data siswa dan guru kepada admin. Ketiga, guru menginputkan sal ujian kedalam sistem. Keempat,

7 26 sistem akan memberikan utput kepada siswa unutuk mengakses sal ujian, kemudian memberikan inputan jawaban ujian pada sistem. Kelima, sistem memberikan utput kepada guru berupa reprt data dan nilai ujian siswa Data Flw Diagram a) Data Flw Diagram Level 0 DFD level 0 dari aplikasi ujian nline. admin Bidata Guru dan SIswa 1 1 Guru Guru Identitas Guru Manajemen Data 2 Sal Ujian Identitas 2 Manajemen sal Sal Ujian 3 Sal Jawaban 5 Kunci Jawaban 3 Pengerjaan Ujian 6 Jawaban Nilai Jawaban Nilai 7 Nilai 4 Periksa Jawaban Gambar 4.6 DFD Level 0 Aplikasi Ujian Online Gambar 4.6 terdapat 4 prses yaitu manajemen data, manajemen sal, pengerjaan ujian, dan periksa jawaban. Prses manajemen data memiliki inputan bidata guru dan siswa yang berupa data guru dan data siswa yang disimpan pada masing-masing data strage.

8 27 Pada prses manajemen sal memiliki inputan data sal dan kunci jawaban. Prses selanjutnya yaitu pengerjaan ujian yang memiliki inputan jawaban dari sal yang dilihat dari database sal kemudian disimpan pada data strage jawaban. Pada prses terakhir periksa jawaban. Data jawaban dan data kunci diambil data strage kemudian di cckan untuk dapat mengetahui nilai yang didapatkan leh siswa dan kemudian akan langsung disimpan pada data strage. b) Data Flw Diagram (DFD) level 1 Manajemen Data 2 Identitas siswa 2 Input data siswa Data Identitas Admin Guru Identitas Guru 1 Input data guru Data Guru 1 Guru Gambar 4.7 DFD Level 1 Manajemen Data Gambar 4.7 terdapat dua prses yaitu prses input data guru dan prses input data siswa. Pada prses input data guru, entitas admin menginputkan data identitas guru disimpan pada data strage agar guru mendapat hak akses untuk dapat mengakses aplikasi dan juga dapat melihat bidata siswa yang diajar leh guru. Sedangkan pada pada prses input data siswa, entitas admin menginputkan data identitas siswa agar siswa mendapat hak akses untuk dapat mengakses aplikasi.

9 28 c) Data Flw Diagram (DFD) level 1 Manajemen Sal 1 Sal Guru Sal Ujian Kunci Jawaban 1 Input Sal Ujian Sal Ujian 2 Kunci Jawaban 2 Input Kunci Jawaban Sal Gambar 4.8 DFD Level 1 Manajemen Sal Gambar 4.8 terdapat dua prses yaitu prses input sal ujian dan prses input kunci jawaban sal. Pada prses input sal ujian,entitas guru menginputkan data sal ujian dari mata pelajaran tersebut agar siswa dapat mengakses mengakses aplikasi. Sedangkan pada pada prses input data siswa, entitas admin menginputkan data identitas siswa agar siswa mendapat hak akses untuk dapat mengakses aplikasi. d) Data Flw Diagram (DFD) level 1 Pengerjaan Sal 1 Sal 1 View Sal Ujian 2 Jawaban 2 Input Jawaban Sal Gambar 4.9 DFD Level 1 Pengerjaan Sal Gambar 4.9 terdapat dua prses yaitu prses view sal ujian dan prses input jawaban sal. Pada prses view sal ujian,entitas siswa mengambil data

10 29 sal ujian dari mata pelajaran yang disimpan pada data strage. Kemudian siswa menginputkan jawaban yang akan langsung disimpan pada data strage jawaban. e) Data Flw Diagram (DFD) level 1 Periksa Jawaban 1 Kunci Jawaban 2 Jawaban Guru 1 Pengecekan jawaban Nilai Nilai 3 Nilai 2 Penilaian Gambar 4.10 DFD Level 1 Periksa Jawaban Gambar 4.9 terdapat dua prses yaitu prses pengecekan jawaban dan prses penilaian. Pada prses pengecekan jawaban, mengambil data jawaban dari mata pelajaran dan data kunci jawaban yang disimpan pada data strage. Hasil dari pengecekan kemudian dilanjutkan pada prses penilain dengan mengkalkulasi jawaban yang yang benar kemudian disimpan pada data strage agar dapet diakses leh entitas guru dan siswa.

11 Cnceptual Data Mdel (CDM) Berikut ini adalah gambaran CDM pada aplikasi ujian nline yang digunakan untuk merancang kebutuhan tabel pada database. # id_pengajar nip nama_lengkap username_lgin passwrd_lgin level alamat tempat_lahir tgl_lahir jenis_kelamin agama n_telp ft1 jabatan pengajar Integer Characters (12) Integer Variable characters (50) Text Date Variable characters (15) Variable characters (20) Variable characters (20) mempunyai # id_siswa nis nama_lengkap_siswa username_lgin_siswa alamat_siswa tempat_lahir_siswa tgl_lahir_siswa jenis_kelamin_siswa agama_siswa nama_ayah nama_ibu thn_masuk _siswa n_tlp ft SISWA Integer Variable characters (50) Text Date Variable characters (15) Variable characters (20) Variable characters (4) Variable characters (20) mengajar memiliki # diajar id id_kelas nama id_mp id_matapelajaran nama_pelajaran deskripsi mata pelajaran Integer Variable characters (20) Variable characters (50) # id_admin username passwrd nama_lengkap_admin lvl alamat_admin n_telpn _admin ADMIN Integer Integer Variable characters (50) Text Variable characters (20) memiliki Relatinship_4 Relatinship_11 jawaban Relatinship_12 # # id_j jawaban Integer Text id_quiz pertanyaan gambar pil_a pil_b pil_c pil_d kunci tgl_buat jenis_sal quiz_pilganda Integer Text Text Text Text Text Variable characters (1) Date Variable characters (15) Relatinship_1 # id_quis2 pertanyaan_es gambar_es tgl_buat_es jenis_sal_es quiz_essay Integer Text Date Variable characters (15) Relatinship_9 memiliki kelas Serial Variable characters (5) mempunyai Tpik_quiz # # id_tqu judul tanggal_buat pembuat waktu_pengerjaan inf terbit Integer Date Integer Text Variable characters (2) * Gambar 4.11 CDM Aplikasi Ujian Online

12 Physical Data Mdel (PDM) Berikut ini adalah gambaran PDM pada aplikasi ujian nline yang digunakan untuk merancang kebutuhan tabel pada database. id_pengajar nip nama_lengkap username_lgin passwrd_lgin level alamat tempat_lahir tgl_lahir jenis_kelamin agama n_telp ft1 jabatan pengajar char(12) varchar(50) text date varchar(15) varchar(20) varchar(20) <pk> id_siswa nis nama_lengkap_siswa username_lgin_siswa alamat_siswa tempat_lahir_siswa tgl_lahir_siswa jenis_kelamin_siswa agama_siswa nama_ayah nama_ibu thn_masuk _siswa n_tlp ft SISWA varchar(50) text date varchar(15) varchar(20) varchar(4) varchar(20) <pk> FK_RELATIONSHIP_5 id_mp id_pengajar id id_matapelajaran nama_pelajaran deskripsi FK_RELATIONSHIP_2 mata pelajaran varchar(20) varchar(50) FK_RELATIONSHIP_4 FK_RELATIONSHIP_7 id id_siswa id_pengajar id_kelas nama kelas varchar(5) <pk> <fk2> <fk1> <pk> <fk2> <fk1> id_quis2 id_tqu pertanyaan_es gambar_es tgl_buat_es jenis_sal_es quiz_essay text date varchar(15) FK_RELATIONSHIP_3 id_admin username passwrd nama_lengkap_admin lvl alamat_admin n_telpn _admin ADMIN varchar(50) text varchar(20) id_quiz id_tqu pertanyaan gambar pil_a pil_b pil_c pil_d kunci tgl_buat jenis_sal quiz_pilganda text text text text text varchar(1) date varchar(15) <pk> <fk> <pk> FK_RELATIONSHIP_6 <pk> <fk> FK_RELATIONSHIP_1 FK_RELATIONSHIP_8 id_tqu id_mp id judul tanggal_buat pembuat waktu_pengerjaan inf terbit Tpik_quiz eger eger eger date text varchar(2) <pk> <fk2> <fk1> Gambar 4.12 PDM Aplikasi Ujian Online

13 Struktur Table Dalam prses pembuatan aplikasi, tabel yang digunakan adalah 9 tabel. Tabel-tabel tersebut terdiri atas tabel admin, tabel guru, tabel siswa, tabel kelas, tabel matapelajaran, tabel tpik quiz, tabel quiz essay, table quiz pilganda, tabel jawaban. Struktur pada setiap masing-masing tabel dideskripsikan sebagai berikut: a) Table Admin Nama Table : admin Primary Key : id_admin Freign Key : - Fungsi : digunakan untuk menyimpan data admin Table 4.1 Table Admin Nama Klm Tipe Data Panjang Data Cnstra Id_admin Int Primary key username Varchar passwrd Int - nama_lengkap_admin Varchar lvl Varchar 50 - alamat_admin Text - n_telpn Varchar _admin Varchar 100 -

14 33 b) Table Data Pengajar Nama Table Primary Key : Pengajar : id_pengajar Freign Key : - Fungsi : digunakan untuk menyimpan data guru Table 4.2 Table Pengajar Nama Klm Tipe Data Panjang Data Cnstra id_pengajar Int Primary key Nip Char 12 - nama_lengkap Varchar username_lgin Varchar passwrd_lgin Int - Level Varchar 50 - Alamat Text - tempat_lahir Varchar tgl_lahir Date - jenis_kelamin Varchar 15 - Agama Varchar 20 - n_telp Varchar Varchar ft1 Varchar Jabatan Varchar 100 -

15 34 c) Table Nama Table Primary Key : : id_siswa Freign Key : - Fungsi : digunakan untuk menyimpan data Table 4.3 Table Nama Klm Tipe Data Panjang Data Cnstra id_siswa Int Primary key Nis Varchar 50 - nama_lengkap_siswa Varchar username_lgin_siswa Varchar alamat_siswa Text - tempat_lahir_siswa Varchar tgl_lahir_siswa Date - agama_siswa Varchar 15 - agama_siswa Varchar 20 - nama_ayah Varchar nama_ibu Varchar thn_masuk Varchar 4 - _siswa Varchar n_tlp Varchar 20 - ft Varchar 100 -

16 35 d) Table Kelas Nama Table Primary Key Freign Key Fungsi : kelas : id : id_siswa, id_pengajar : digunakan untuk menyimpan data kelas Table 4.4 Table Kelas Nama Klm Tipe Data Panjang Data Cnstra Id Int Primary key id_siswa Int Freign Key id_pengajar Int Freign Key id_kelas Varchar 5 - nama Varchar e) Table Matapelajaran Nama Table Primary Key Freign Key Fungsi : mata pelajaran : id_mp : id_pengajar, id : digunakan untuk menyimpan data mata pelajaran Table 4.5 Table Mata Pelajaran Nama Klm Tipe Data Panjang Data Cnstra id_mp Int Primary key id_pengajar Int Freign Key

17 36 Id Int Freign Key id_matapelajaran Varchar 20 nama_pelajaran Varchar 50 Deskripsi Varchar 100 f) Table Tpik Quiz Nama Table Primary Key Freign Key Fungsi : Tpik_quiz : id_tqu : id, id_mp : digunakan untuk menyimpan data judul quiz yang akan dibuat Table 4.6 Table Tpik Quiz Nama Klm Tipe Data Panjang Data Cnstra id_tqu Int Primary key id_mp Int Freign Key Id Int Freign Key Judul Varchar tanggal_buat Date - Pembuat Varchar waktu_pengerjaan Int - Inf Text - terbit Varchar 2 -

18 37 g) Table Quiz Essay Nama Table Primary Key Freign Key Fungsi : Quiz_essay : id_quis2 : id_tqu : digunakan untuk menyimpan data quiz_essay Table 4.7 Table Quiz Essay Nama Klm Tipe Data Panjang Data Cnstra id_quis2 Int Primary key id_tqu Int Freign Key pertanyaan_es Text - gambar_es Varchar tgl_buat_es Date - jenis_sal_es Varhar 15 - h) able Quiz Pilihan Ganda Nama Table Primary Key Freign Key Fungsi : quiz_pilganda : id_quiz : id_tqu : digunakan untuk menyimpan data sal quiz pilihan ganda

19 38 Table 4.8 Table Quiz Pilihan Ganda Nama Klm Tipe Data Panjang Data Cnstra id_quiz Int Primary key id_tqu Int Freign Key Pertanyaan Text - Gambar Varchar pil_a Text - pil_b Text - pil_c Text - pil_d Text - Kunci Varchar 1 - tgl_buat Date - jenis_sal Varchar 15 - i) Table Jawaban Nama Table Primary Key : Jawaban : id_hard Freign Key : - Fungsi : digunakan untuk menyimpan data hard skill Table 4.8 Table Jawaban Nama Klm Tipe Data Panjang Data Cnstra id_j Int Primary Key jawaban Text -

20 Implementasi Sistem Implementasi sistem digunakan untuk menggambarkan jalannya si stem yang sudah dibuat. Oleh sebab itu, pada bab ini dijelaskan langkah-langkah pengprasian aplikasi. a. Halaman Lgin Halaman lgin merupakan halaman awal dari aplikasi yang dijalankan sebelum memasuki halaman utama. Pada halaman ini dibedaan menjadi 2 yaitu; halaman lgin admin dan guru dan halaman lgin siswa. Tampilan lgin dapat dilihat pada gambar 4.13 dan gambar Gambar 4.13 Frm Lgin

21 40 Gambar 4.14 Frm Lgin Admin dan Guru User mengisikan username dan passwrd sesuai dengan hak akses yang telah diberikan pada halaman yang sudah ditentukan, hal ini bertujuan agar menghindari rang lain untuk masuk pada aplikasi. b. Halaman Utama Admin Halaman utama admin merupakan tampilan awal serang admin yang telah masuk ke dalam aplikasi. Dalam halaman ini user dapat memilih menu yang tersedia dengan menekan tmbl pada bagian sebelah kiri halaman. Menu pada tampilan utama memudahkan admin untuk mengperasikan website dengan quick buttn yang langsung mengarah pada halaman yang dituju, terdapat 8 buttn yaitu; hme, Administratr, Pengajar,, Kelas, Mata Pelajaran, Quiz, dan lgut. Tampilan halaman utama admin dapat dilihat pada gambar 4.15.

22 41 Gambar 4.15 Halaman Utama Admin c. Halaman Menu Administratr Pada menu administratr pada gambar 4.16 admin dapat melakukan penambahan user admin serta dan dapat mengedit prfil dari admin. Gambar 4.16 Halaman Menu Admratr

23 42 Pada halaman tambah administratr admin diwajibkan mengisikan data username, passwrd, nama, alamat, , N.Telp/Hp, Blkir (bertujuan untuk mengaktifkan atau menn-aktifkan user admin). Gambar 4.17 Halaman Menu Tambah Admratr Pada halaman edit administratr data admin langsung ditampilkan agar mudah dikreksi dan dapat langsung diganti. Gambar 4.18 Halaman Edit Admratr

24 43 d. Halaman Menu Pengajar Pada halaman menu pengajar pada gambar 4.19 admin dapat melakukan penambahan user pengajar serta dapat melihat detail prfil perngajar dan mengedit prfil dari pengajar. Gambar 4.19 Halaman Manajemen Pengajar Halaman tambah pengajar admin diwajibkan mengisikan data NIP, nama lengkap, username, passwrd, alamat, tempat lahir, tanggal lahir, jenis kelamin, agama, N.Telp/Hp, , website, ft, jabatan, blkir (bertujuan untuk mengaktifkan atau menn-aktifkan user pengajar).

25 44 Gambar 4.20 Halaman Tambah Pengajar e. Halaman Menu Manajemen Pada halaman menu menajemen siswa pada gambar 4.21 admin dapat melakukan penambahan user siswa serta dapat melihat detail prfil dan mengedit prfil dari siswa. Gambar 4.21 Halaman Manajemen

26 45 Halaman tambah siswa admin diwajibkan mengisikan data Nis, nama lengkap, username, passwrd, kelas, jabatan, alamat, tempat lahir, tanggal lahir, jenis kelamin, agama, nama ayah/wali, nama ibu, tahun masuk, , N.Telp/Hp, ft, blkir (bertujuan untuk mengaktifkan atau menn-aktifkan user siswa). Gambar 4.22 Halaman Tambah f. Halaman Menu Mata Pelajaran Pada halaman menu mata pelajaran pada gambar 4.23 admin dapat melakukan penambahan matapelajaran serta dapat melihat detail prfil dan mengedit prfil dari siswa.

27 46 Gambar 4.23 Halaman Menu Mata pelajaran g. Halaman Pada halaman siswa terdapat 2 menu yaitu, menu tugas dan menu nilai. Pada menu tugas akan menampilkan tugas yang akan dikerjakan leh siswa seperti ujian harian, uts, maupun uas. Pada menu nili siswa dapat melihat nilai dari ujian yang telah dikerjakan secara langsung setelah mengerjakan sal ujian karena penilaian dilakukan secara tmatis leh sistem setelah menerima inputan jawaban sal dari siswa. Pada halaman perngerjaan sal siswa hanya tinggal memilih jawaban yang benar dan klik salah satu pilihan jawaban yang ada, setelah siswa selesai mengisikan semua jawaban dan yakin tidak akan mengubah lagi maka siswa dapat menekan tmbl simpan untuk menyimpan semua jawaban untuk menyimpan pada database. Setiap siswa urutan penyajian sal akan berbeda urutan agar mencegah tindak kecurangan. Halaman sal ujian dapat dilihat pada gambar 4.24

28 47 Gambar 4.24 Halaman Sal Ujian Pada menu nilai siswa dapat melihat nilai dari setiap hasil ujian yang telah dikerjakan. Menu nilai dapat dilihat pada gambar 4.25 Gambar 4.25 Halaman Nilai