BAB III METODE PENELITIAN Dalam peulisa Tugas Akhir ii, peulis melakuka studi literatur yaitu dega membaca berbagai pustaka, serta literatur lai yag ada kaitaya dega tulisa yag peulis kemukaka. Peeliti aka meyesuaika dega situasi kebutuha di SMK YAPIM TARUNA SIAK HULU yag sesugguhya. Adapu lagkah-lagkah yag aka ditempuh dalam peelitia ii dapat dilihat pada diagram alir dibwah ii: Gambar 3.1. Diagram Alir Pembuata Aplikasi E-Learig Berbasis Web III-1
3.1. Studi Pedahulua Utuk medapatka da meemuka permasalaha yag aka diteliti perlu dilakuka studi pedahulua ataupu observasi pertama sehigga medapatka data yag dibutuh da kebutuha sekolah. Adapu studi pedahulua utuk masalah e-learig berbasis web ii adalah wawacara dega guru produktif TKJ utuk medapatka data yag dibutuhka yag aka dibuatka aplikasi seperti saraa da prasaraa, jurusa yag aka megguaka aplikasi da lai-lai. Studi pustaka ii dilakuka utuk meemuka tema permasalaha megeai kelayaka E Learig berbasis web yag aka diterapka, dilakuka dega cara medalami teori yag bersagkuta dega tema yag dipilih. 3.2. Perumusa Masalah Setelah dilakuka pegamata awal da studi pustaka, maka dapat dirumuska sebuah permasalaha megeai kelayaka E Learig berbasis web. Dimaa perumusa masalah ii diuraika dalam betuk pertayaa-pertayaa yag pada akhirya ati aka diselesaika pada peelitia ii da tahap-tahap peyelesaia permasalaha disesuaika dega disipli ilmu yag dipelajari da metode yag aka diguaka. Apabila permasalaha megeai kelayaka ELearig dapat dirumuska, maka lagkah selajutya yag dapat diambil adalah meetuka metode yag tepat utuk meyelesika masalah yag ada. 3.3. Pemiliha Metode Pegembaga Sistem Dalam pemiliha metode pegembaga aplikasi yag aka diracag da dibagu adalah dega megguaka metode Waterfall. Dimaa, metode ii merupaka metode yag serig disebut model air terju atau biasa disebut siklus hidup peragkat luak seperti spesifikasi persyarata, peracaga peragkat luak, implemetasi, pegujia. III-2
Adapu tahapa yag aka dilakuka secara umum dalam melaksaaka peelitia ii dapat dilihat pada keragka kerja model Waterfall pada gambar dibawah ii. Gambar 3.2 Tahapa Peelitia 3.4. Metode Pegumpula Data Utuk memperoleh data yag meujag peyusua lapora tugas akhir ii, maka peulis melakuka pegumpula data dega cara : a) Studi Kepustakaa Studi kepustakaa dilakuka dalam mecari iformasi megeai referesi tetag E Learig berbasis web. b) Metode Observasi Pegumpula data melalui pegamata secara lagsug terhadap objek ii dilakuka dega maksud agar dapat diketahui tetag cara, prosedur, pelaksaaa da pegumpula data secara lagsug sehigga dapat megetahui secara jelas semua permasalaha yag berkaita dega aplikasi yag diracag. III-3
3.5 Aalisa Sistem Aalisa sistem disii dilakuka utuk meyusu suatu lagkah-lagkah peguraia dari sebuah sistem iformasi E-Learig berbasis Web yag atiya aka diracag/dikembagka dega maksud mecari atau megidetifikasi da megevaluasi permasalaha-permasalaha yag aka terjadi pada sistem yag aka diracag. Serta kebutuha-kebutuha apa saja yag diigika utuk megatasi/meagai permasalaha yag ada pada peggua sistem atiya. Pada tahap aalisis ii merupaka tahap megaalisis atau meidetifikasi proses-proses dalam peracaga sistem. Jadi, apa bila ada satu proses saja yag terjadi peyimpaga atau kesalaha maka utuk proses berikutya juga aka terjadi kesalaha karea proses-proses tersebut selalu berhubuga. 3.6 Desai Sistem Pada dasarya tahapa pada desai sistem ii terbagi mejadi dua, yaitu: a. Desai sistem secara umum Pada tahapa ii, secara umum yaitu mejelaska tetag data flow diagram kepada peggua utuk lagkah-lagkah sistem yag atiya aka dikerjaka. Data yag diperoleh yaitu dari database yag sudah ada di SMK YAPIM TARUNA Siak Hulu. b. Desai sistem secara rici Namu pada tahapa ii, desai sistem secara terperici merupaka desai sistem yag dilakuka secara medetail berdasarka perubaha-perubaha yag terjadi pada tahap desai sistem secara umum. Misalya pada desai sistem secara terperici ii yaitu dega medesai database, data dictioary da ERD serta hubuga-hubuga atar tabel. III-4
3.7 Pegembaga Sistem Pegembaga sistem merupaka suatu koversi dari desai sistem yag telah diracag kedalam sebuah program komputer dega megguaka bahasa pemrograma PHP berbasis website dega database MySQL. Adapu fugsifugsi peracaga program ii adalah Iput data, peyimpaa data, pegubaha data, peghapusa data, pegolaha data, pembuata lapora yag dibutuhka da batasa weweag atau otorisasi yag jelas kepada pemakai program aplikasi. 3.8 Peerapa Sistem Setelah pegujia dilakuka pada sekolah tersebut, maka tahapa peerapa dilakuka setelah semua tahap selesai dilakuka baik dari pegolaha, peracaga sampai taha pegujia. Dimaa tahap ii dilakuka dega peerapa aplikasi e-leaig berbasis web ii diguaka oleh sekolah ii atau Sehigga para peggua aplikasi dapat megguakaya. 3.8.1 Flowchart Program E-Learig Pada flowchart E-Learig ii ada beberapa sesi aku yag aka dijalaka oleh system ii, yaitu aku admiistrator, aku guru da aku siswa. Aku-aku tersebut berbeda fugsi, hak akses da berbeda juga aplikasi yag aka dijalaka. Aku admi memiliki hak akses secara peuh da megotrol aku user yag lai seperti aku siswa da aku guru. Berikut Flowchart Program E-Learig dapat dilihat berikut ii : III-5
Gambar 3.3 Desai Sistem Flowchart Maual Sistem E-Learig SMK YAPIM SIAK HULU III-6
3.8.2 Cotext Diagram Program Sistem E-Learig Cotext Diagram diguaka utuk meggambarka proses kerja sistem secara umum. Cotext Diagram merupaka Data Flow Diagram yag meggambarka garis besar operasioal sistem. Berikut adalah gambar cotext diagram utuk program sistem E-Learig. Data_logi Data_maajeme_kelas Data_mata_pelajara Data_materi Data_maajeme_quis Data_logi Data_pegajar Data_siswa Data_maajeme_kelas Data_mata_pelajara Data_materi Data_quis ADMIN GURU Ifo_logi Ifo_hasil_data_siswa Ifo_mata_pelajara Ifo_materi Ifo_hasil_ilai_quis ifo_logi ifo_pegajar ifo_hasil_data_siswa ifo_kelas ifo_mata_pelajara ifo_materi ifo_hasil_ilai_quis E-LEARNING SMK YAPIM TARUNA SIAK HULU SISWA Data_logi ifo_logi ifo_data_kelas ifo_mata_pelajara ifo_materi Ifo_tugas/ilai ifo_hasil_ilai_quis Gambar 3.4 Cotext Diagram Program E-Learig SMK YAPIM SIAK HULU 3.8.3 Data Flow Diagram (DFD) DFD serig diguaka utuk megguaka suatu sistem yag telah ada atau sistem baru yag aka dikembagka secara logika tapa mempertimbagka ligkuga fisik dimaa data tersebut megalir, atau ligkuga fisik dimaa data tersebut tersimpa. Berikut adalah alur dari DFD pada program aplikasi E-Learig : III-7
1. DFD Level 1 Proses 1 Program E-Learig Pada DFD level 1 ii adalah alur secara umum dari program sistem Eearig SMK YAPIM SIAK HULU : ADMIN Data_logi Data_pegajar Data_siswa Data_kelas Data_mata_pelajara Data_materi Data_quis 1. Data_Master ifo_logi ifo_pegajar ifo_hasil_data_siswa ifo_kelas ifo_mata_pelajara ifo_materi ifo_hasil_ilai_quis Data_maajeme_kelas Data_mata_pelajara Data_materi Data_maajeme_quis 2. Pegelolaa Data Pegajar Data_logi Data_pegajar Data_siswa Data_kelas Data_mata_pelajara Data_materi Data_quis Dt_admi ifo_logi ifo_pegajar ifo_hasil_data_siswa ifo_kelas ifo_mata_pelajara ifo_materi ifo_hasil_ilai_quis Data_maajeme_kelas Data_mata_pelajara Data_materi Data_maajeme_quis Dt_pegajar GURU Ifo_logi Ifo_hasil_data_siswa Ifo_mata_pelajara Ifo_materi Ifo_hasil_ilai_quis Ifo_logi Ifo_hasil_data_siswa Ifo_mata_pelajara Ifo_materi Ifo_hasil_ilai_quis Data_logi Siswa ifo_logi ifo_data_kelas ifo_mata_pelajara ifo_materi Ifo_tugas/ilai ifo_hasil_ilai_quis Data_logi 3. Pegelolaa Data Siswa Dt_siswa ifo_logi ifo_data_kelas ifo_mata_pelajara ifo_materi Ifo_tugas/ilai ifo_hasil_ilai_quis Gambar 3.5 DFD Level 1 Proses 1 Program E-Learig SMK YAPIM SIAK HULU Pada alur data E-Learig di atas, alira data dimulai dari bagia data master pertama yaitu data master logi. Data master logi adalah proses dari peggua utuk dapat masuk ke sistem yag sedag dikelola, dimaa ada beberapa peggua utuk megelola sistem yaitu admi, guru da siswa. III-8
Alira data yag kedua yaitu pegelolaa data pegajar adalah proses pegelolaa data maajeme kelas, mata pelajara, materi, maajeme kuis. Pada data master yag ketiga adalah data master pegelolaa data siswa yaitu proses pegelolaa data kelas, mata pelajara, materi, tugas/ujia da ilai. 2. DFD Level 1 Proses 1 Program E-Learig (Pegelolaa Data Admi) Gambar 3.6 DFD Level 1 Proses 1 Program E-Learig SMK YAPIM SIAK HULU 3. DFD Level 1 Proses 2 Program E-Learig (Pegelolaa Data Admi) Gambar 3.7 DFD Level 1 Proses 2 Program E-Learig SMK YAPIM SIAK HULU III-9
4. DFD Level 1 Proses 3 Program E-Learig (Pegelolaa Data Admi) Gambar 3.8 DFD Level 1 Proses 3 Program E-Learig SMK YAPIM SIAK HULU 5. DFD Level 1 Proses 4 Program E-Learig (Pegelolaa Data Admi) Gambar 3.9 DFD Level 1 Proses 4 Program E-Learig SMK YAPIM SIAK HULU III-10
6. DFD Level 1 Proses 5 Program E-Learig (Pegelolaa Data Admi) Gambar 3.10 DFD Level 1 Proses 5 Program E-Learig SMK YAPIM SIAK HULU 7. DFD Level 1 Proses 6 Program E-Learig (Pegelolaa Data Admi) Gambar 3.11 DFD Level 1 Proses 6 Program E-Learig SMK YAPIM SIAK HULU III-11
8. DFD Level 1 Proses 7 Program E-Learig (Pegelolaa Data Admi) Gambar 3.12 DFD Level 1 Proses 7 Program E-Learig SMK YAPIM SIAK HULU III-12
9. DFD Level 2 Proses 1 Program E-Learig (Pegelolaa Data Pegajar) Gambar 3.13 DFD Level 2 Proses 1 Program E-Learig SMK YAPIM SIAK HULU Pada alur diagram level 2 yag terdapat pada pegelolaa data master terdapat beberapa bagia data master yag dikelola oleh guru yaitu data maajeme kelas, mata pelajara, materi, maajeme kuis. Dapat dijelaska pada dfd sebagai berikut; III-13
10. DFD Level 2 Proses 2 Program E-Learig (Pegelolaa Data Pegajar) Gambar 3.14 DFD Level 2 Proses 2 Guru Program E-Learig SMK YAPIM SIAK HULU. 11. DFD Level 2 Proses 3 Program E-Learig (Pegelolaa Data Pegajar) Gambar 3.15 DFD Level 2 Proses 3 Guru Program E-Learig SMK YAPIM SIAK HULU. III-14
12. DFD Level 2 Proses 4 Program E-Learig (Pegelolaa Data Pegajar) Gambar 3.16 DFD Level 2 Proses 4 Guru Program E-Learig SMK YAPIM SIAK HULU. 13. DFD Level 2 Proses 5 Program E-Learig (Pegelolaa Data Pegajar) Gambar 3.17 DFD Level 2 Proses 5 Guru Program E-Learig SMK YAPIM SIAK HULU. III-15
14. DFD Level 3 Proses 1 Program E-Learig (Pegelolaa Data Siswa) Gambar 3.18 DFD Level 3 Proses 1 Guru Program E-Learig SMK YAPIM SIAK HULU. III-16
15. DFD Level 3 Proses 2 Program E-Learig (Pegelolaa Data Siswa) Gambar 3.19 DFD Level 3 Proses 2 Guru Program E-Learig SMK YAPIM SIAK HULU. 16. DFD Level 3 Proses 3 Program E-Learig (Pegelolaa Data Siswa) Gambar 3.20 DFD Level 3 Proses 3 Guru Program E-Learig SMK YAPIM SIAK HULU. III-17
17. DFD Level 3 Proses 4 Program E-Learig (Pegelolaa Data Siswa) Gambar 3.21 DFD Level 3 Proses 4 Guru Program E-Learig SMK YAPIM SIAK HULU. 3.8.4 Etity Relatioship Diagram (ERD) ERD merupaka suatu model utuk mejelaska hubuga atar data dalam database kurikulum da juga pada database forum diskusi berdasarka objek-objek dasar data yag mempuyai hubuga atar relasi. Pada dasarya ERD terdiri dari bebrapa simbol utuk meggambarka hubuga atar relasi data. Simbol tersebutlah yag dipakai utuk meggambarka betuk da struktur pada database aplikasi ii. Pada sistem aplikasi ii, ERD merupaka gambara dari sebuah orgaisasi sistem yag didalamya terdapat berbagai atribut utuk memajeme data agar data dapat berjala sesuai dega prosedur yag telah ditetuka. III-18
Id_admi userame Id_tq Id_kelas judul Id_kuiz pembuat Id_file pertayaa Jeis_soal Id_matapelajara gambar Id_tq Id_buat password tgl_postig Nama_file Id KUIS_ESSAY Id_siswa jawaba ama_legkap MATERI ADMIN JAWABAN Id_tq alamat kuci Id_quiz pertayaa Id_kuiz gambar Id Jeis_soal o_telp Pil_c Pil_a Id_matapelajara Pil_a KUIS_PILGANDA email Id_buat ama MATA_PELAJARAN Id_kelas Id Pil_d M Id_kelas Id_pegaar 1 KELAS ama MENGELOLA persetase MENGELOLA Id_pegajar Id Id_tq Id_siswa NILAI Id_siswa Id_kelas 1 ifo salah blokir email agama id_tq Id_kelas level No_telp Id_pegajar MENGAJAR id_matapelajara ama_legkap TOPIK_KUIS judul 1 tgl_buat tempat_lahir PENGAJAR password_logi 1 pembuat waktu_pegerjaa jeis_kelami DIAJAR jabata alamat terbit website foto Nama_ibu foto MENGERJAKAN Nama_legkap ip ama_ayah email Nama_ibu o_tlp Id_kelas foto 1 password_logi level Id_registrasi is is ama_legkap REGISTRASI_SISWA Userame_logi password_logi tempat_lahir SISWA Id_sessio_soal jabata Id_sessio_soal ama_ayah Id_sessio tgl_lahir Userame_logi Id_kelas blokir Id_sessio th_masuk o_tlp Jeis_kelami th_masuk tempat_lahir blokir level tgl_lahir Id_siswa Jeis_kelami jabata Gambar 3.22 ERD Program E-Learig SMK YAPIM SIAK HULU III-19 bear
Keteraga ; = bayak 1 = satu Cotoh ; ' satu orag guru (1) megajar bayak siswa (N) Keteraga dari gambar ERD diatas adalah sebagai berikut: 1. Admi Keteraga dari Admi ii sebagai meyimpa data logi pada setiap etitas yaitu guru da siswa. Tabel 3.1 Admi Nama Atribut Primary Key Id_admi userame password ama_legkap alamat o_telp Email # Id_admi 2. Pegajar Keteraga dari etitas Pegajar ii sebagai meyimpa data pada setiap etitas guru yaitu Tabel 3.2 Pegajar Nama Atribut Id_pegajar ama_legkap tempat_lahir password_logi jeis_kelami jabata website Primary Key # Id_pegajar III-20
Alamat Agama Blokir foto Nip No_telp email Level 3. Siswa Keteraga dari etitas Siswa ii sebagai meyimpa data pada setiap etitas siswa yaitu. Tabel 3.3 Siswa Nama Atribut Primary Key id_siswa Id_kelas Nis # is Userame_logi ama_legkap jabata Alamat tempat_lahir tgl_lahir Jeis_kelami Agama ama_ibu ama_ayah th_masuk Email o_tlp III-21
4. Registrasi Siswa Keteraga dari etitas Registrasi Siswa ii sebagai meyimpa data pada setiap etitas siswa yaitu : Tabel 3.4 Registrasi Siswa Nama Atribut id_registrasi Nis ama_legkap Userame_logi jabata Alamat tempat_lahir tgl_lahir Jeis_kelami Agama ama_ibu ama_ayah th_masuk Email o_tlp Primary Key # is 5. Kelas Keteraga dari etitas kelas ii sebagai meyimpa data pada setiap etitas siswa yaitu. Tabel 3.5 Kelas Nama Atribut Id id_kelas Nama id_siswa id_pegajar Primary Key # id_kelas III-22
6. Materi Keteraga dari etitas materi ii sebagai meyimpa data pada setiap etitas siswa yaitu. Tabel 3.6 Materi Nama Atribut Primary Key id_file Judul id_kelas id_mata_pelajara ama_file tgl_postig Pembuat # id_file 7. Nilai Keteraga dari etitas Nilai ii sebagai meyimpa data pada setiap etitas siswa yaitu. Tabel 3.7 Nilai Nama Atribut id id_tq id_siswa Bear Salah tidak_dikerjaka persetase Primary Key # id_tq 8. KUIS_PILGANDA (piliha gada) Keteraga dari etitas Pilgada ii sebagai meyimpa data pada setiap etitas pilgada yaitu pertayaa soal kuis piliha gada. III-23
Tabel 3.8 KUIS_PILGANDA Nama Atribut Primary Key id_quiz id_tq pertayaa Gambar pil_a Pil_b Pil_c Pil_d Kuci # id_quiz tgl_buat jeis_soal 9. Kuis Essay (piliha Essay) Keteraga dari etitas kuis essay ii sebagai meyimpa data pada setiap etitas kuis essay yaitu pertayaa soal kuis piliha gada. Tabel 3.9 Kuis Essay Nama Atribut Primary Key id_quiz id_tq Pertayaa Gambar tgl_buat jeis_soal # id_quiz 10. Jawaba Keteraga dari etitas jawaba ii sebagai meyimpa data pada setiap etitas jawaba. III-24
Tabel 3.10 Jawaba Nama Atribut Primary Key id_quiz id_tq Id_siswa Jawaba id_kuis jeis_soal # id_quiz 11. Topik Kuis Keteraga dari etitas ii topik kuis sebagai meyimpa data pada setiap etitas topik kuis. Tabel 3.11 Topik Kuis Nama Atribut Primary Key id_tq Judul id_kelas id_matapelajara tgl_buat Pembuat waktu_pegerjaa Ifo Terbit # id_tq 12. Mata Pelajara Keteraga dari etitas ii mata pelajara sebagai meyimpa data pada setiap etitas mata pelajara. Tabel 3.11 Mata Pelajara Nama Atribut Primary Key Id id_matapelajara Nama id_kelas id_pegajar # id III-25
3.8.5 Peracaga Graphical User Iterface (GUI) Dalam peracaga GUI, peulis memulai dega membuat sketsa awal betuk halama logi, yaitu logi guru da siswa berbeda. Hal ii bertujua utuk membatu peulis dalam mewujudka aplikasi E_Learig yag berbasis web secara visual. Disai user iterface aplikasi E_Learig kurikulum ii berusaha memperhatika aspek iteraksi mausia sebagai peggua dega sistemya. Aspek yag harus diperhatika dalam medesai user iterface adalah: 1. Style, peggua perlu diberi kesa sesuai dega tipe da karakteristik sistem yag dibagu. 2. Fuctio, iterface yag diguaka harus memberika mafaat yag sebesar-besarya bagi peggua. 3. Navigatio, iterface yag dibagu harus memberika petujuk yag jelas bagi peggua dalam megguaka sistem ii. 4. Iteractivity, iterface yag dibagu harus bersifat iteraktif da mampu membatu peggua dalam memafaatka sistem. Utuk mecapai 4 aspek diatas, user iterface pada aplikasi E_Learig kurikulum ii dikembagka dalam satu tampila yag stadar. Tampila ii merupaka iti dari user iterface sistem yag telah dikembagka dega melihat fugsioalitas sistem, proses avigasi da iteraktivitas sistem. Sehigga secara tidak lagsug peggua aplikasi yag megguaka sistem dapat merasaka gaya dari sistem da akhirya meciptaka suatu kesa yag berhubuga dega sistem yag dibagu. Berikut adalah tampila racaga dari aplikasi pegelolaa kurikulum yag berbasi web. III-26
1. Halama Depa Gambar 3.23 Racaga Layout Halama Depa 2. Logi Gambar 3.24 Racaga Layout Halama Logi III-27
3. Halama Guru Gambar 3.25 Racaga Layout Halama Guru 4. Halama Siswa Gambar 3.26 Racaga Layout Halama Siswa 3.9 Pegujia Pada pegujia ii, merupaka suatu proses mejalaka peragkat luak yag telah diracag utuk meguji apakah semua proses yag telah diaalisa pada bab IV sudah terpakai pada peragkat luak atau belum da apakah sudah III-28
tercapai / terpeuhi tujua yag diharapka. Pegujia yag aka dilakuka dalam aplikasi ii adalah pegujia secara lagsug kepada siswa-siswi da guru di SMK YAPIM TARUNA SIAK HULU di LAB. Masig-masig Jurusa.Dari pegujia aka diterapka peilaia E-Learig diguaka dega tiga aspek yaitu : 1) Mudah(Usability) pegguaa aplikasi e-learig mudah diguaka oleh user. 2) Kesederhaaa(Simplicity) apakah pegguaa aplikasi e-learig mudah dipahami. 3) Beriteraksi (Iteractivity) apakah pegguaa toolsaplikasi e- learigmudah diguaka. Dari aspek tersebut, aka dibuat agket utuk peilaia aplikasi elearig, sehigga memperoleh hasil pegembaga e-learig apakah aplikasi tersebut layak atau tidak diguaka. III-29