laporan kerja praktek - uin sunan kalijaga...

35
i LAPORAN KERJA PRAKTEK E-LEARNING MTs NEGERI 1 MANTINGAN NGAWI Diajukan sebagai salah satu syarat untuk memperoleh gelar sarjana Teknik Informatika Disusun oleh : Habibatur Rofi‟ah 11650037 PROGRAM STUDI TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA YOGYAKARTA 2014

Upload: others

Post on 26-Feb-2021

9 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

i

LAPORAN KERJA PRAKTEK

E-LEARNING MTs NEGERI 1 MANTINGAN NGAWI

Diajukan sebagai salah satu syarat

untuk memperoleh gelar sarjana Teknik Informatika

Disusun oleh :

Habibatur Rofi‟ah

11650037

PROGRAM STUDI TEKNIK INFORMATIKA

FAKULTAS SAINS DAN TEKNOLOGI

UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA

YOGYAKARTA

2014

Page 2: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

ii

Page 3: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

iii

KATA PENGANTAR

Puji dan syukur kami panjatkan ke hadirat Tuhan Yang Maha Esa, karena

hanya atas berkat dan rahmat-Nya, sehingga Laporan Kerja Praktek yang berjudul

“E-LEARNING MTs NEGERI 1 MANTINGAN NGAWI” dapat diselesaikan

dengan baik dan tepat waktu. Adapun tujuan penulisan laporan ini adalah untuk

memenuhi persyaratan dalam menyelesaikan Kerja

Praktek Program Studi Teknik Informatika UIN Sunan Kalijaga. Penyusunan

laporan ini tidak terlepas dari bantuan beberapa pihak, oleh karena itu penulis

hendak mengucapkan terima kasih kepada :

1. Orang tua tercinta, yang telah memberikan doa, semangat, dukungan, dan

motivasi selama melakukan studi.

2. Bapak Agus Mulyanto, S.Si., M.Kom. selaku Kepala Program Studi Teknik

Informatika.

3. Ibu Shofwatul „Uyun, M.Kom selaku Dosen Pembimbing Kerja Praktek.

4. Bapak Drs. Ismadi, selaku Kepala Sekolah MTs Negeri Mantngan yang telah

memberikan kesempatan kepada kami untuk melaksanakan kerja praktek di

wilayah kerjanya.

5. Bapak Sugeng Widodo, S.Kom selaku Pembimbing Lapangan Kerja Praktek.

6. Hanifah teman satu kelompok Kerja Praktek yang telah berjuang untuk

menyelesaikan Kerja Praktek ini bersama-sama.

7. Teman-teman TIF 2011, yang selalu berbagi canda tawa selama ini.

8. Semua pihak yang tidak dapat disebutkan satu per satu yang terlibat dalam

penyusunan Laporan Kerja Praktek ini sehingga dapat selesai dengan baik.

Page 4: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

iv

Akhir kata, penulis menyadari bahwa pelaksanaan kerja praktek dan

penyusunan laporan ini masih belum sempurna. Oleh karena itu, kritik dan saran

yang membangun sangat penulis harapkan. Semoga penyusunan laporan ini

bermanfaat bagi semua pihak.

Yogyakarta, 10 Mei 2014

Penulis

Page 5: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

v

DAFTAR ISI

HALAMAN JUDUL ...................................................................................... i

HALAMAN PENGESAHAN ........................................................................ ii

KATA PENGANTAR .................................................................................... iii

DAFTAR ISI ....................................................................................................v

DAFTAR TABEL ......................................................................................... vii

DAFTAR GAMBAR ................................................................................... viii

BAB I PENDAHULUAN

1.1. Latar Belakang ...........................................................................................1

1.2. Rumusan Masalah ......................................................................................2

1.3. Batasan Kerja Praktek ................................................................................2

1.4. Tujuan Kerja Praktek .................................................................................2

1.5. Manfaat Kerja Praktek ...............................................................................3

BAB II TEMPAT KERJA PRAKTEK

2.1. Gambaran Umum Instansi .........................................................................4

2.2. Ruang Lingkup Kerja Praktek ....................................................................8

BAB III HASIL DAN PEMBAHASAN

3.1. Analisis .......................................................................................................9

3.1.1. Kondisi Kerja Instansi .............................................................................9

3.1.2. Kondisi SDM ..........................................................................................9

3.1.3. Kondisi Layanan Yang Berjalan ............................................................ 11

3.2. Kegiatan Kerja Praktek ............................................................................12

3.2.1. Pemodelan Sistem ...................................................................................9

3.2.1.1 Data Flow Diagram (DFD) ...................................................................9

E-learning

DFD Level 0 Web Profil MTs Negeri Mantingan .........................................10

DFD Level 1 Web Profil MTs Negeri Mantingan .........................................10

DFD Level 2 Proses Menampilkan informasi ................................................11

Page 6: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

vi

DFD Level 2 Proses Mengolah Modul ...........................................................12

DFD Level 2 Pengelolaan Soal .......................................................................13

DFD Level 2 Pengelolaan Data Siswa ............................................................14

3.2.1.2 Entity Relationship Diagram (ERD) ...................................................15

3.2.1.3 Desain Tabel ........................................................................................15

3.2.1.4 Interface Halaman Admin E-learning .................................................17

3.2.1.5 Interface Halaman Admin E-learning .................................................20

BAB IV PENUTUP

4.1. Kesimpulan ..............................................................................................26

4.2. Rekomendasi ............................................................................................26

Page 7: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

vii

DAFTAR TABEL

Tabel 3.1. Tabel Admin ...................................................................................16

Tabel 3.2. Tabel Modul ...................................................................................16

Tabel 3.3. Tabel Soal .......................................................................................16

Tabel 3.4. Tabel Siswa .....................................................................................17

Page 8: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

viii

DAFTAR GAMBAR

Gambar 3.1. DFD level 0 E-learning MTs Negeri Mantingan ........................10

Gambar 3.2. DFD level 1 E-learning MTs Negeri Mantingan ........................10

Gambar 3.3 DFD Level 2 Proses Menampilan Informasi...............................11

Gambar 3.4. DFD level 2 Proses Mengelolaan Materi ...................................12

Gambar 3.5. DFD level 2 Proses Mengelolaan Soal .......................................13

Gambar 3.5. DFD level 2 Proses Mengelolaan Data Siswa ............................14

Gambar 3.7 ERD E-learning MTs Negeri Mantingan ....................................16

Gambar 3.9 Halaman Login Admin ................................................................17

Gambar 3.10 Halaman Admin ........................................................................17

Gambar 3.11 Halaman Update Materi ............................................................18

Gambar 3.12 Halaman Inset Soal....................................................................18

Gambar 3.13 halaman insert siswa .................................................................19

Gambar 3.14 Halaman Login E-learning ........................................................20

Gambar 3.15 Halaman Utama E-learning .......................................................21

Gambar 3.16 Halaman Modul pada kelas VII ................................................22

Gambar 3.17 Halaman Panel Guru .................................................................23

Gambar 3.18 Halaman Modul pada kelas IX ..................................................24

Gambar 3.19 Halaman Soal pada kelas VII ....................................................24

Gambar 3.20 Halaman Soal pada kelas VIII ...................................................25

Gambar 3.21 Halaman Soal pada kelas IX......................................................25

1

Page 9: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

ix

Page 10: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

1

BAB I

PENDAHULUAN

1.1. Latar Belakang

Keberadaan internet menjadi sarana untuk mendapatkan dan menyebarkan

informasi dengan cepat. Internet memberikan keuntungan bagi manusia baik itu

dalam urusan individu maupun instansi seperti pendidikan, pemerintahan, dan

komersial. Dengan menggunakan jaringan ini, sebuah organisasi dapat

melakukan pertukaran informasi secara internal maupun eksternal dengan

organisasi lain (Kadir, 2003).

Secara online kita dapat menggunakan website sebagai wadah untuk

mendapatkan dan menyebarkan informasi ke masyarakat luas. Website

merupakan media informasi berbasis jaringan komputer yang dapat diakses

dimana saja dengan biaya yang relatif murah (Wahana Komputer, 2009).

Dengan adanya website instansi akan dengan mudah mempromosikan dan

memberitahukan kepada masyarakat luas tentang profil, kegiatan, informasi,

dan hal-hal lain yang berkaitan dengan instansi tersebut. Selain itu, website

memungkinkan instansi untuk memperoleh kemudahan dalam

pengorganisasian file. File-file yang disusun dan diatur secara baik akan

memudahkan dalam mendapatkan data untuk pengambilan keputusan bisnis,

dan sebaliknya file yang di-manage secara tidak baik akan menimbulkan

kekacauan dalam pemrosesan informasi kinerja yang jelek, dan bahkan tidak

fleksibel.

MTs Negeri Mantinagan sebagai salah satu intansi pendidikan di Ngawi

pun telah memiliki website sebagai sarana publikasi, namun pihak kepala

sekolah Bapak Drs. Merasa merasa perlu adanya tambahan sarana

pembelajaran berupa yang bisa diakses dimana saja, kapan saja diluar jam

sekolah. Karena dirasa siswa perlu suplemen materi untuk menunjang tuntutan

pendidikan yg disama ratakan dengan kota-kota besar.

Dengan demikian, pembuatan e-learning di MTs Negeri Mantinagan

diharapkan mampu meningkatkan kualitas anak-anak didik, serta mencukupi

Page 11: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

2

kebutuhan siswa-siswa akan materi-materi pendidikan diluar buku yg

disediakan diperpustakaan.

1.2. Rumusan Kerja Praktek

Dari latar belakang dapat dirumuskan beberapa permasalahan yaitu :

Bagaimana cara untuk membuat sebuah media pembelajaran yang bisa diakses

tanpa dibatasi ruang dan waktu.

1.3. Batasan Kerja Praktek

Agar penyusunan kerja praktek ini tidak keluar dari pokok permasalahan

yang dirumuskan, maka ruang lingkup pembahasan dibatasi pada :

1. Tidak membahas pembuat interface halaman website yang terdiri dari

halaman utama website, halaman akademik, halaman control panel admin,

dan halaman control panel guru.

2. Membahas bagian controller dan model.

3. E-learning yang dibangun lebih kejalanya program, keamanan jaringan

tidak diutamakan.

1.4. Tujuan Kerja Praktek

Adapun tujuan dari kerja praktek ini adalah sebagai berikut:

1. E-learning untuk MTs Negeri Mantinagan sebagai suplemen pendidikan

diluar sekolah.

2. Mendokumentasikan data yang berhubungan dengan akademik sekolah.

3. Menciptakan media pembelajaran berupa E-learning MTs Negeri

Mantingan

1.5. Manfaat Kerja Praktek

Diharapkan dari pelaksanaan kerja praktek ini dapat membawa manfaat

diantaranya :

1. Dapat membantu MTs Negeri Mantinagan untuk meningkatkan mutu

pendidikan sekolah.

Page 12: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

3

2. Memosting materi dan soal-soal yang ter up to date.

3. Mendokumentasikan data yang berhubungan dengan akademik sekolah.

4. Sebagai wadah informasi bagi siswa.

Page 13: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

4

4

BAB II

TEMPAT KERJA PRAKTEK

2.1 Gambaran Umum Instansi

Sebagai lembaga pendidikan formal, sekolah memiliki kedudukan

formal yaitu sangat penting dalam upaya meningkatkan sumber daya manusia

yang berkualitas. Sehingga keberadaan sekolah sangatlah diperlukan oleh

masyarakat. Pada tahun 1979 masyarakat Desa Kedungharjo berinisiatif

mendirikan MTs swasta di Desa Kedungharjo, Kecamatan Mantingan. Bagai

gayung bersambut, masyarakat Mantingan sangat menyambut dengan tangan

terbuka, lebih-lebih masyarakat Desa Kedungharjo yang selama ini

mengidam-idamkan MTs negeri. Kemudian seiring berjalannya waktu MTs

Kedungharjo mengalami perkembangan yang sangat pesat, sehingga pada

1997 MTs Kedungharjo menjadi MTs Negeri Mantingan sampai sekarang.

Perjuangan senantiasa dikobarkan seiring dengan perkembangan MTs

Negeri Mantingan, untuk menjadikannya sebagai pusat kajian ilmu agama,

umum dan budaya. Bpk. Ahmad Fuad (1979-1984), Bpk. H. Mun‟im

(1984-1985), Bpk. Drs. Abdul Mukti (1985-1997), Bpk. Drs. H. M. Sayuti M.

B. (1997-2000) dan Bpk. Drs. Masduqi, M.Ag. (2000-2006), Bpk. Drs. H.

Moch Muqorobin, M.Pd.I (2005-2011), Muh. Sunadi, M.Pd.I. (2011-2012),

Drs. ISMADI (2012 – sekarang) adalah figur-figur tangguh yang pernah

memimpin MTs Negeri Mantingan, mulai tahun 1995 estafet kepemimpinan

dipegang oleh orang-orang yang berkompetensi dalam memajukan Madrasah

hingga kini di bawah kepemimpinan bapak Drs. Ismadi. MTs Negeri

Mantingan semakin kuat dan dewasa serta semakin menunjukkan

dalam ikut mencerdaskan kehidupan masyarakat Mantingan dan sekitarnya.

Saat ini MTsN Mantingan sudah menempati tanah dan gedung milik sendiri

dengan alamat di Jl. Raya Mantingan-Sine Km. 02 Kedungharjo, Kecamatan

Mantingan, Kabupaten Ngawi, kode pos 62357, telepon (0351) 672228.

VISI

Page 14: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

5

Visi dari MTsN Mantingan adalah madrasah sebagai wahana

membentuk peserta didik yang berkepribadian islam, berilmu, trampil dan

mandiri.

Indikator-indikator dari visi tersebut adalah sebagai berikut:

a. Kesadaran mengamalkan ajaran agama Islam dalam kehidupan sehari-hari

b. Berakhlakul karimah dalam pergaulan

c. Memperoleh prestasi akademis dan non akademis

d. Berkompetensi dijenjang pendidikan di atasnya

e. Disiplin dan bertanggung jawab

f. Memiliki kepedulian dan toleransi terhadap lingkungan

g. Memiliki lingkungan madrasah yang nyaman dan kondusif untuk belajar.

h. Terjalin keharmonisan hubungan sesama warga madrasah.

i. Mendapatkan kepercayaan dari masyarakat.

MISI

a. Menjadikan mushola madrasah sebagai laboratorium agama

b. Menumbuhkan kesadaran peserta didik untuk mengamalkan ajaran agama

Islam.

c. Meningkatkan kualitas pendidik dan tenaga pendidik.

d. Meningkatkan prestasi peserta didik baik di bidang akademis maupun non

akademis.

e. Membiasakan peserta didik untuk berlaku tertib, disiplin, sopan, tanggung

jawab dan memiliki rasa sosial serta toleransi yang tinggi.

f. Membimbing dan mengarahkan peserta didik untuk mengenali potensi

dirinya untuk dikembangkan secara optimal.

g. Menciptakan lingkungan madrasah yang sehat, bersih dan indah.

h. Meningkatkan penguasaan teknologi dan komunikasi.

i. Menerapkan manajemen partisipatif dengan melibatkan seluruh warga

madrasah dan komite madrasah.

TUJUAN

Page 15: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

6

Tujuan MTsN Mantingan dalam mencapai visi dan misinya akan

dilaksanakan dua tahap, yaitu:

a. Dalam kurun satu tahun ke depan tahun 2012

1) Meningkatkan kualitas pengamalan agama Islam.

2) Mengoptimalkan proses pembelajaran dengan pendekatan

PAIKEM.

3) Meningkatkan selisih nilai UN sebesar 0,5

4) Meningkatkan kedisiplinan dari warga madrasah

5) Meningkatkan minat baca peserta didik di perpustakaan

6) Membekali peserta didik mampu baca tulis Al Qur‟an dengan

benar

7) Membekali minimal 50% peserta didik hafal Al Qur‟an Juz 30

8) Memiliki ruang kelas, halaman madrasah yang bersih dan nyaman

untuk kegiatan proses pembelajaran

9) Mengoptimalkan potensi minat dan bakat peserta didik dengan

pembinaan

10) Memperoleh prestasi di bidang tilawatil Qur‟an dan olah raga di

tingkat kabupaten.

11) Memberikan pengenalan, pengetahuan dan ketrampilan peserta

didik dalam bidang teknologi informasi dan komunikasi

12) Peningkatan hubungan silaturrahmi yang harmonis antar warga

madrasah

b. Tujuan empat tahun ke depan tahun 2016

1) Peningkatan kualitas sikap dan amaliah dalam menjalankan agama

Islam

2) Memiliki sarana dan prasarana yang sesuai standar pendidikan

3) Meningkatnya kualitas dan profesional tenaga pendidik dan

pegawai

4) Meningkatnya peserta didik berprestasi di bidang akademik dan

non akademik

Page 16: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

7

5) Membekali peserta didik dalam penguasaan teknologi informasi

dan komunikasi

6) Meningkatnya jumlah kelulusan peserta didik dalam Ujian

Nasional

7) Meningkatnya kepercayaan masyarakat terhadap madrasah di

dalam proses pendidikan

2.2 Ruang Lingkup Kerja Praktek

MTs Negeri Mantinagn sebagai instansi pemerintah dibidang pendidikan

telah memiliki website sederhana sebagai sarana publikasi sekolah. Namun

Website yang dimiliki saat ini tidak terurus dan sudah tak bisa diakses lagi

karena pembuatnya kurang bertanggungjawab. Oleh karena itu ruang lingkup

kerja praktek masih berada pada wilayah pengembangan teknologi informasi

dan komunikasi.

Kerja praktek yang kami lakukan di MTs Negeri Mantinagn hanya pada

pembuatan website dan E-learning MTs Negeri Mantinagn.

Page 17: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

8

8

BAB III

HASIL DAN PEMBAHASAN

3.1 Analisis

Setelah dilakukan observasi dan wawancara dengan pihak instansi tempat

kerja praktek maka didapatkan informasi yang berhubungan dengan website

profil resmi dan E-learning yang akan dirancang untuk MTs Negeri

Mantinagn.

3.1.1 Kondisi Kerja Instansi

MTs Negeri Mantinagn sudah terakreditasi A pada tahun 2012. MTs

Negeri Mantinagn juga sudah memiliki sebuah laboratorium komputer

yang berisi dua puluh unit komputer user dan satu computer sebagai server

yang dilengkapi dengan jaringan internet. Pemeliharaan laboratorium dan

perangkat pelengkapnya dipercayakan kepada saudara Sugeng Widodo S..

3.1.2 Kondisi SDM

Kegiatan belajar mengajar di MTs Negeri Mantingan didukung oleh

tiga puluh Sembilan guru. Sumber daya manusia (SDM) yang ada di MTs

Negeri Mantingan.

3.1.3 Kondisi Layanan yang Berjalan

MTs Negeri Mantingan selama ini hanya reklame dan sosialisasi

dalam mempublikasikan profil sekolah kepada masyarakat. Keterbatasan

pempublikasian tersebut membuat profil MTs Negeri Mantingan kurang

diketahui oleh masyarakat luas. Media pembelajaran dan materi yang

diberikan dari tahun ketahun selalu monoton, dan menggunakan referensi

buku-buku yang disediakan diperpustakaan saja.

Page 18: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

9

3.2 Kegiatan Kerja Praktek

Setelah melakukan analisis terhadap kondisi kerja instansi, kondisi SDM

dan kondisi layanan yang berjalan di MTs Negeri Mantingan maka kami mulai

merancang sebuah website dan E-learning yang nantinya akan digunakan

sebagai wadah untuk menampung segala informasi yang terkait dengan

kegiatan akademik dan sarana informasi yang mencakup materi dan soal-soal

sekolah di MTs Negeri Mantingan.

Adapun tahapan-tahapan yang dilakukan dalam pembuatan E-learning

MTs Negeri Mantingan diantaranya :

3.2.1 Pemodelan Sistem

Pemodelan sistem merupakan suatu gambaran yang menjelaskan

bagaimana sebuah sistem berjalan, dari mana sistem mendapatkan input

data, apa saja proses yang terjadi, bagaimana data disajikan, dan dimana

data disimpan. Dalam pengambangan aplikasi ini digunakan konsep

Terstruktur, oleh karenanya pemodelan sistem menggunakan metode DFD

3.2.1.1 Data Flow Diagram (DFD)

Data Flow Diagram adalah suatu diagram yang menggunakan

notasi-notasi untuk menggambarkan arus dari data sistem, yang

penggunaannya sangat membantu untuk memahami sistem secara logika,

tersruktur dan jelas (Azzolini 2013).

Berikut ini merupakan gambaran dari E-learning di SMTs Negeri

Mantingan :

E-learning

DFD Level 0 (Diagram Konteks)

Dalam diagram konteks ini digambarkan bahwa sebuah

proses dengan satu entitas yaitu admin. Gambar di bawah ini

menunjukan DFD level 0 dari E-learning MTs Negeri

Mantingan.

Page 19: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

10

Admin

E-Learning

Siswa

Login

Data modul

Data Soal

Data Siswa

Informasi Modul

Informasi Soal

Informasi Siswa

Informasi Modul

Informasi Soal

Login

Data Siswa

Data Soal

Data Modul

Gambar 3.1 DFD Level 0 E-learning MTs Negeri Mantingan

DFD Level 1

Merupakan penjabaran dari diagram konteks. Gambar di bawah

ini menunjukan DFD level 1 dari E-learning MTs Negeri

Mantingan. Gambar 3.2 ini menunjukan DFD level 1.

siswa

user

Cek login Login

siswa

Admin

Username

Password

Username

Password

Verifikasi

Login

Username

Password

Status Login

Username

Password

Username

Password

2

Mengolah

Modul

4

Mengolah

Data Siswa

3

Mengolah

Soal

Status Login

Informasi

Modul

Informasi

SiswaData SiswaData Modul

Informasi

Soal

Data

Soal

1

Menampilkan

Informasi

modul soal siswa

Data

Siswa

Data

Soal

Data

Modul

Data

Modul

Data

Siswa

Data

Soal

Data

Siswa

Data

Soal

Data

Modul

Melihat data

Mendownload data

Informasi

data

Gambar 3.2 DFD Level 1 E-learning MTs Negeri Mantingan

Page 20: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

11

DFD Level 2 Proses Menampilkan informasi

Merupakan penjabaran dari DFD level 1. Dalam DFD level 2 ini

dijabarkan mengenai proses mengolah data oleh sistem dalam

E-learning MTs Negeri Mantingan. Gambar 3.3 ini menunjukan

DFD level 2 proses mengelola informasi.

Siswa

1.1

Melihat Materi

1.3

Mendownload

Soal

1.2

Melihat Soal

1.4

Mendownload

Materi

Materi

soal

Informasi

Soal

Memilih

Soal

Memilih

materi

Informasi

materi

soal

Memilih

soal

bab

Informasi

Bab

Informasi

soal

Tipe Soal

Bab

Informasi

Bab

Images

Tipe Soal

soal

Soal

Id soal

Id materi

materi

MateriMemilih

materi

Images Id materi

materi

soal

Id soal

Gambar 3.3 DFD Level 2 Proses Menampilan Informasi

Page 21: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

12

DFD Level 2 Mengolah Materi

Merupakan penjabaran dari DFD level 2. Dalam DFD level

3 ini dijabarkan mengenai proses pengelolaan E-Learning MTs

Negeri Mantingan oleh admin dalam hal manajemen materi.

Gambar 3.5. ini menunjukan DFD level 3 pengelolaan Materi.

Admin2.2

Edit MateriId_Materi

2.1

Tambah

Materi

2.5

Upload

Materi

2.3

Hapus

Materi

2.4

Laporan

Informasi

Materi

Tabel Modul

Data

Materi

Materi

Id_Materi

Data

Materi

images

Materi

File Materi

Id_modul

Mapel

Kelas

Bab

materi

Informasi Edit

Data Materi

Id_modul

Mapel

Kelas

Bab

materi

Informasi Hapus

Data Materi

Data Materi

Id_modul

Mapel

Kelas

Bab

materi

Gambar 3.4 DFD Level 2 Pengelolaan Materi

Page 22: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

13

DFD Level 2 Mengolah Soal

Merupakan penjabaran dari DFD level 2. Dalam DFD level 3

ini dijabarkan mengenai proses pengelolaan E-Learning MTs

Negeri Mantingan oleh admin dalam hal manajemen soal. Gambar

3.6. ini menunjukan DFD level 3 pengelolaan Soal.

Admin3.2

Edit soalId_Soal

3.1

Tambah

soal

3.5

Upload

Soal

3.3

Hapus

soal

3.4

Laporan

Informasi

soal

Tabel Soal

Data

Soal

Soal

Id_soal

Data

Soal

images

Soal

File Soal

Id_Soal

Mapel

Semester

Soal

Kelas

Macam

Informasi Edit

Data soal

Id_Soal

Mapel

Semester

Soal

Kelas

Macam

Informasi hapus

Data Soal

Data Soal

Id_Soal

Mapel

Semester

Soal

Kelas

Macam

Gambar 3.5 DFD Level 2 Pengelolaan Soal

DFD Level 2 Mengolah Data Siswa

Merupakan penjabaran dari DFD level 1. Dalam DFD level 2

ini dijabarkan mengenai proses pengelolaan E-Learning MTs

Page 23: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

14

Negeri Mantingan oleh admin dalam hal manajemen data siswa.

Gambar 3.6 ini menunjukan DFD level 2 pengelolaan data siswa.

Admin

4.2

Edit SiswaId_siswa

4.1

Tambah

Siswa

4.3

Hapus

Siswa

4.4

Laporan

Informasi

Siswa

Tabel Siswa

Data

Siswa

Id_Siswa

Data

Siswa

Id_Siswa

Nama

Nis

Informasi Edit

Data Siswa

Id_Siswa

Nama

Nis

Informasi Hapus

Data Siswa

Data Siswa

Id_Siswa

Nama

Nis

Gambar 3.6 DFD Level 2 Pengelolaan Data Siswa

Page 24: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

15

3.2.1.2 Entity Relationship Diagram (ERD)

Desain dari system yang dibuat akan diwakili oleh Entity Relationship

Diagram (ERD). Berikut merupakan gambar desain ERD dari e-learning MTs

Negeri Mantingan.

modul

Mengupload

siswa

Mengakses

user

soal

Mengakses

Mengupload

Id_modul

mapel

kelas

bab

materi

semester

soal

kelas

mapel

Id_user

username

macam

Id_soal

Id_siswa

nama

nis

pssword

1 1

M M

MM

M M

Gambar 3.7 ERD E-learning MTs Negeri Mantingan

3.2.1.2 Desain Tabel

E-learning sekolah memiliki beberapa tabel yang digunakan

untuk mendukung berjalannya sistem di dalam web sekolahan ini. Tabel-tabel

tersebut berada di dalam satu database yang sama yaitu “admin”. Adapun

tabel-tabel tersebut antara lain :

1. Tabel Admin

Tabel 3.1 berisi daftar id, username, dan password untuk admin

melakukan login.

1

M

N

N

N M

Page 25: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

16

Tabel 3.1 Tabel Admin

No. Nama Kolom Tipe Data Keterangan

1. Id_user Int(5) Primary Key

2. username Varchar(30)

3. pessword Varchar(30)

2. Tabel Modul

Tabel 3.2 berisi materi-mater yang akan di publishkan ke pengunjung

e-learning.

Tabel 3.2 Tabel Berita

No. Nama Kolom Tipe Data Keterangan

1. Id_modul Int(5) Primary Key

2. Mapel Varchar(50)

3. Kelas Varchar(20)

4. Bab text

5. Materi text

3. Tabel Soal

Tabel 3.3 berisi berbagai macam tugas atau soal yang diperuntukkan

kepada seluruh siswa di sekolah e-learning.

Tabel 3.3 Tabel Soal

No. Nama Kolom Tipe Data Keterangan

1. Id_soal Int(5) Primary Key

2. Mapel Varchar(50)

3. Semester Varchar(25)

4. Soal text

5. Kelas Varchar(15)

6. Mapel Varchar(50)

Page 26: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

17

3. Tabel Siswa

Tabel 3.4 berisi daftar id, nsma, dan nis untuk siswa melakukan login

e-learning.

Tabel 3.4 Tabel Siswa

No Nama Kolom Tipe Data Keterangan

1. Id_user Int(5) Primary Key

2. Nama Varchar(25)

3. NIS Varchar(10)

3.2.1.4 Interface Halaman Admin E-Learning

Form ini digunakan login admin untuk masuk ke panel admin.

Gambar 3.9 Halaman Login Admin.

Merupakan halaman depan dari panel admin dengan menyertakan fitur

– fitur yang ada. (Gambar 3.10.)

Gambar 3.10 Halaman Admin.

Page 27: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

18

Pada form ini kita bisa menambah materi terbaru dengan menentukan

kategori sesuai dengan kelas disertakan dengan file materil untuk Gambar

3.11 merupakan form Insert materi.

Gambar 3.11 Halaman Update Materi.

Form Insert soal ini berisikan mata pelajaran, kelas, semester, tipe soal

dan file soal yang akan dlampirkan. Gambar 3.12 form upload soal.

Gambar 3.12 Halaman Inset Soal.

Page 28: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

19

Form data siswa ini berisikan daftar nama siswa dan NIS pada

Gambar 3.13 form insert siswa.

Gambar 3.13 halaman insert siswa.

Page 29: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

20

3.2.1.5 Interface Halaman E-learning

Form ini digunakan login siswa untuk masuk ke e-learning.(Gambar 3.14)

Gambar 3.14 Halaman Login E-learning.

Page 30: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

21

Dalam halaman utama E-learning terdapat dua menu utama yaitu Modul

(Gambar 3.16-3.18) dan soal (Gambar 3.19-3.21). Gambar 3.15 menjelaskan

fitur-fitur halaman utama e-learning.

Gambar 3.15 Halaman Utama E-learning.

Page 31: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

22

Dalam halaman ini berisikan materi-materi kelas VII yang bisa

didownload oleh siswa. (Gambar 3.16)

Gambar 3.16 Halaman Modul pada kelas VII.

Page 32: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

23

Dalam halaman ini berisikan materi-materi kelas VIII yang bisa

didownload oleh siswa. (Gambar 3.17)

Gambar 3.17 Halaman Panel Guru.

Page 33: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

24

Dalam halaman ini berisikan materi-materi kelas IX yang bisa

didownload oleh siswa. (Gambar 3.18)

Gambar 3.18 Halaman Modul pada kelas IX.

Dalam halaman ini berisikan soal-soal kelas VII yang bisa didownload

oleh siswa. (Gambar 3.19)

Gambar 3.19 Halaman Soal pada kelas VII

Page 34: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

25

Dalam halaman ini berisikan soal-soal kelas VIII yang bisa

didownload oleh siswa. (Gambar 3.20)

Gambar 3.20 Halaman Soal pada kelas VIII

Dalam halaman ini berisikan soal-soal kelas IX yang bisa didownload

oleh siswa. (Gambar 3.21)

Gambar 3.21 Halaman Soal pada kelas IX

Page 35: LAPORAN KERJA PRAKTEK - UIN Sunan Kalijaga Yogyakartainformatika.uin-suka.ac.id/media/dokumen_akademik/65...2019/07/04  · membentuk peserta didik yang berkepribadian islam, berilmu,

xxvi

BAB IV

PENUTUP

4.1. Kesimpulan

Kesimpulan yang telah dilakukan dalam kerja praktek adalah:

1. Pelaksanaan kerja praktek ini berhasil membuat sistem informasi

website yang sesuai dengan kebutuhan MTs Negeri Mantingan

sehingga sistem yang dihasilkan dapat tepat guna dan tepat sasaran.

2. Dihasilkan interface untuk halaman control e-learning.

4.2. Rekomendasi

a. Penunjukkan staff khusus untuk melakukan pembaharuan terhadap

konten website sehingga informasi yang ada di E-Learning selalu up to

date.

b. Meningkatkan kualitas E-learning dengan meningkatkan sistem

keamanan

E-learning.

c. Menambahkan interaksi guru dan siswa.

d. Menambahkan ujian online dan pembahasannya.