tugas akhir pembuatan e-learning pembelajaran … · program diii teknik informatika fakultas...

perpustakaan.uns.ac.id digilib.uns.ac.id

commit to user

TUGAS AKHIR

PEMBUATAN E-LEARNING PEMBELAJARAN SDIT NURUL ISTIQLAL

SEBAGAI PENDAMPING DALAM PROSES BELAJAR MENGAJAR

Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya

Program DIII Teknik Informatika

Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sebelas Maret

Disusun oleh :

SALISA KURNIA SARI

NIM M3111132

PROGRAM DIPLOMA III ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2014


commit to user

i

TUGAS AKHIR

PEMBUATAN E-LEARNING PEMBELAJARAN SDIT NURUL ISTIQLAL

SEBAGAI PENDAMPING DALAM PROSES BELAJAR MENGAJAR

Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya

Program DIII Teknik Informatika

Fakultas Matematika dan Ilmu Pengetahuan Alam

Universitas Sebelas Maret

Disusun oleh :

SALISA KURNIA SARI

NIM M3111132

PROGRAM DIPLOMA III ILMU KOMPUTER

FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET

2014


commit to user


commit to user

iv

ABSTRACT

Salisa Kurnia Sari, 2014. -learning As Companion In Teaching and Learning Process. DIII program of Information Engineering, Faculty of Mathematic and Natural Science, Sebelas Maret University of Surakarta.

Electronic learning is one alternative way of learning that is quite attractive today. User can access the e-learning anytime they want without having to think of distance and time.

This e-learning is designed by creating Context Diagram (CD), Data Flow diagrams (DFD), Entity Relatioship Diagram (ERD). Programming language is using PHP and MySQL as the database. In accordance with the objective of developing the information system,these activities were done the research methods of observation, interviews, documentaries media and literature.

From the results of this study, it can be concluded that e-learning can be an electronic learning tool that becomes a portal between students and teachers as a companion to the learning process at home or at school.

Keywords : e-leraning, PHP, MySQL, Elementary School


commit to user

v

ABSTRAK

Salisa Kurnia Sari, 2014. Pembuatan E-Learning Pembelajaran SDIT Nurul Istiqlal Sebagai Pendamping Dalam Proses Belajar Mengajar. DIII Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta.

Pembelajaran elekronik merupakan salah satu alternative cara belajar yang cukup diminati di era yang semakin maju seperti saat ini. Pengguna dapat mengakses e-learning kapanpun dan dimanapun mereka inginkan tanpa harus memikirkan jarak dan waktu.

E-learning pembelajaran ini dirancang dengan menggunakan Context Diagram (CD), Data Flow Diagram (DFD), Entity Realtioship Diagram (ERD). Pembuatan e-learning menggunakan bahasa pemrograman PHP dan MySQL sebagai databasenya. Sesuai dengan tujuan pembuatan e-learning, maka kegiatan ini dilakukan dengan metode penelitian berupa observasi, wawancara, media dokumenter, dan studi pustaka.

Dari hasil penelitian dapat disimpulkan bahwa e-learning ini dapat menjadi sarana pembelajaran elektronik yaitu menjadi portal antara siswa dan guru sebagai pendamping dalam proses belajar mengajar dirumah maupun disekolah.

Kata Kunci : e-learning, PHP, MySQL,Sekolah Dasar


commit to user

vi

MOTTO

Ikutilah kata hati karena ALLAH SWT lebih sering berbicara melalui hati

Salisa Kurnia

Salisa Kurnia

Ketergesaan dalam setia usaha membawa kegagalan Herodotus

Tindakan adalah tiga perempat kehidupan kita dan itulah bagian yang paling

Warren Buffet


commit to user

vii

PERSEMBAHAN

Tugas Akhir ini saya persembahkan untuk orang-orang yang saya sayangi,

Ayah Sabihis, Ibu Susilah dan seluruh keluarga besar,

Teman- ,

Semua yang membaca tulisan ini.


commit to user

viii

KATA PENGANTAR

Syukur Alhamdulillah penulis panjatkan ke hadirat Allah SWT atas segala

rahmat dan karuniaNya sehingga penulis dapat menyelesaikan Tugas Akhir

Pembuatan E-Learning Pembelajaran SDIT Nurul Istiqlal Sebagai

tepat waktu.

Laporan Tugas Akhir ini disusun untuk memenuhi salah satu syarat

memperoleh gelar ahli madya pada Program Studi Diploma III Teknik

Informatika Universitas Sebelas Maret. Dalam melakukan penelitian dan

penyusunan laporan Tugas Akhir ini penulis telah mendapatkan banyak dukungan

dan bantuan dari berbagai pihak. Maka dalam kesempatan ini perkenankanlah

penulis mengucapkan terima kasih kepada :

1. Prof. Ir. Ari Handono Ramelan, M.Sc(Hons), Ph.D. Dekan Fakultas

Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas Maret

Surakarta.

2. Drs. Y.S. Palgunadi, M.Sc, Ketua Program Diploma III Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret Surakarta.

3. Muhammad Asri Saf selaku dosen pembimbing yang telah

memberikan bimbingan dan pengarahan dalam mengerjakan Tugas Akhir.

4. Saefullah,SHI selaku kepala sekolah SDIT Nurul Istiqlal, Wonosari dan

seluruh guru yang terlibat atas bantuan dalam pelaksanaan pengerjaan

Tugas Akhir.

5. Ayah Sabihis, ibu Susilah, adik Syifa Ramadhani, Bapak Darjito serta

seluruh keluarga tercinta, yang selalu memberikan dukungan baik moril,

materiil, maupun spitituil.

6. Seluruh member

serta doa hingga terselesainya tugas akhir ini.


commit to user

ix

7. Dwianto, Reskyandy dan Paramita yang telah memberikan banyak

kontribusi demi terselesainya tugas akhir ini.

8. Teman-teman DIII Teknik Informatika angkatan 2011 FMIPA UNS

terutama teman-teman kelas TIC angkatan 2011.

9. Serta semua pihak yang terlibat yang tidak bisa disebutkan satu persatu

yang telah membantu, memberikan motivasi serta doa sehingga dapat

menyelesaikan Tugas Akhir.

Akhir kata, penulis mengucapkan harapan semoga laporan ini dapat

bermanfaat bagi semua pihak terutama bagi mahasiswa Diploma III Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret Surakarta.

Penutup,

Surakarta, 26 Juni 2014

Penulis


commit to user

x

DAFTAR ISI

Halaman

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

HALAMAN PERSETUJUAN .............................................................................. ii

HALAMAN PENGESAHAN ............................................................................... iii

ABSTRACT .......................................................................................................... iv

ABSTRAK ............................................................................................................ v

MOTTO ................................................................................................................. vi

HALAMAN PERSEMBAHAN ............................................................................ vii

KATA PENGANTAR ........................................................................................... viii

DAFTAR ISI ......................................................................................................... x

DAFTAR TABEL ................................................................................................. xvi

DAFTAR GAMBAR ............................................................................................. xv

BAB I PENDAHULUAN

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

1.2. Perumusan Masalah ....................................................................... 1

1.3. Batasan Masalah ........................................................................... 2

1.4. Tujuan Penelitian ........................................................................... 2

1.5. Manfaat Penelitian ......................................................................... 2

1.6. Sistematika Penulisan .................................................................... 3

BAB II LANDASAN TEORI

2.1. Electronic Learning ....................................................................... 4

2.1.1. Plus Minus E-Learning ...................................................... 4


commit to user

xi

2.2. Pengertian Sistem ........................................................................... 5

2.3. Konsep Analisis dan Perancangan Sistem ...................................... 5

2.3.1. Analisis Sistem .................................................................. 5

2.3.2. Perancangan Sistem ............................................................ 5

2.4. Basis Data ....................................................................................... 5

2.5. Desain Sistem ................................................................................. 6

2.5.1. Context Diagram ............................................................... 6

2.5.2. DFD (Data Flow Diagram) ............................................... 6

2.5.3. ERD (Entity Relationship Diagram) ................................. 7

2.6. Apache ........................................................................................... 10

2.7. PHPMyAdmin dan XAMPP .......................................................... 10

2.8. PHP ................................................................................................ 10

2.9. MySQL .......................................................................................... 11

2.10. SQL ................................................................................................. 12

BAB III ANALISA KEBUTUHAN DAN PERANCANGAN SISTEM

3.1. Deskripsi Data ................................................................................ 13

3.2. Kebutuhan Sistem

3.2.1. Kebutuhan Fungsional ........................................................ 14

3.2.2. Kebutuhan Non Fungsional ................................................ 15

3.2.2.1.Alat ......................................................................... 15

3.2.2.2.Bahan ...................................................................... 15

3.3. Jalannya Penelitian ........................................................................ 16

3.4. Desain Sistem ................................................................................ 19


commit to user

xii

3.4.1. Diagram Konteks (Context Diagram) ............................... 19

3.4.2. Data Flow Diagram Level 0 ............................................. 20

3.4.3. DFD Level 1 Proses 1 ........................................................ 22

3.4.4. DFD Level 1 Proses 2 ........................................................ 23

3.4.5. DFD Level 1 Proses 3 ......................................................... 24

3.4.6. DFD Level 1 Proses 4 ......................................................... 24

3.4.7. DFD Level 1 Proses 5 ......................................................... 25

3.4.8. DFD Level ! Proses 6 ......................................................... 26

3.4.9. DFD Level 1 Proses 7 ......................................................... 27

3.4.10. DFD Level 1 Proses 8 ......................................................... 28

3.4.11. DFD Level 1 Proses 9 ......................................................... 29

3.5. Perancangan Database ................................................................... 31

3.5.1. Entity Relationship Diagram ............................................. 31

3.5.2. Relasi Antar Tabel ............................................................. 32

3.5.3. Kamus Data ....................................................................... 32

3.6. Struktur dan Desain Program ........................................................ 37

3.6.1. Rancangan Halaman Index atau Halaman Utama ............. 37

3.6.2. Rancangan Halaman Login User ........................................ 38

3.6.3. Rancangan Halaman Index Admin .................................... 38

BAB IV IMPLEMENTASI DAN ANALISA

4.1.Implementasi Desain ........................................................................... 39

4.1.1. Halaman Index .................................................................... 39

4.1.2. Halaman Login .................................................................. 40


commit to user

xiii

4.1.3. Halaman Index Admin ....................................................... 40

4.1.3.1 Managemen Siswa ................................................. 42

A. Tambah Siswa ....................................................... 42

B. Memperbaharui Siswa ............................................ 43

4.1.3.2 Managemen Guru .................................................. 43

A. Tambah Guru ......................................................... 44

B. Memperbaharui Guru ............................................. 45

4.1.3.3 Managemen Kelas ................................................. 45

A. Tambah Data Kelas ............................................... 46

B. Memperbaharui Data Kelas .................................... 46

C. Hapus Data Kelas ................................................... 47

4.1.3.4 Managemen Mata Pelajaran .................................. 48

A. Tambah Data Mata Pelajaran ................................ 48

B. Memperbaharui Data Mata pelajaran ..................... 49

C. Menghapus Data Mata Pelajaran ............................ 49

4.1.3.5 Managemen Data Pengajar .................................... 50

A. Tambah Data Pengajar ........................................... 50

B. Memperbaharui Data Pengajar ............................... 51

C. Hapus Pengajar ....................................................... 52

4.1.4. Tampilan Index Guru ......................................................... 52

4.1.4.1 Managemen Materi ................................................ 53

A. Tambah Materi ....................................................... 53

B. Memperbaharui Materi ........................................... 54


commit to user

xiv

C. Menghapus Materi .................................................. 54

4.1.4.2 Managemen Nilai ................................................... 56

A. Tambah Nilai .......................................................... 56

B. Share Data Nilai ..................................................... 56

C. Tambah Nilai dengan Import File Excel ............... 56

4.1.4.3 Managemen SMS GATEWAY .............................. 57

4.1.4.4 Managemen Ganti Password .................................. 57

4.1.5. Halam Index Siswa ............................................................ 58

4.1.5.1 Mata Pelajaran ........................................................ 58

4.1.5.2 Ganti Password ....................................................... 59

4.1.5.3 Lihat Nilai ............................................................... 59

4.1.6. SMS Gateway .................................................................... 61

4.2 Pengujian Black Box ....................................................................... 62

4.3 Analisa ............................................................................................. 71

BAB V PENUTUP

5.1. Kesimpulan .................................................................................... 72

5.2. Saran ............................................................................................... 72

DAFTAR PUSTAKA ............................................................................................. 73

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol-simbol Komponen ERD ......................................................... 8


commit to user

xv

Tabel 3.1 Tabel Nilai .......................................................................................... 33

Tabel 3.2 Tabel Mapel ....................................................................................... 33

Tabel 3.3 Tabel Kelas ........................................................................................ 33

Tabel 3.4 Tabel Pengajar .................................................................................... 34

Tabel 3.5 Tabel Guru2 ........................................................................................ 34

Tabel 3.6 Tabel Informasi .................................................................................. 35

Tabel 3.7 Tabel Submapel .................................................................................. 35

Tabel 3.8 Tabel Siswa ........................................................................................ 36

Tabel 3.9 Tabel Outbox ...................................................................................... 36

Tabel 3.10 Tabel Sendbox .................................................................................... 37

Tabel 4.1 Pengujian Menu Home ......................................................................... 62

Tabel 4.2 Pengujian Menu Informasi ................................................................... 62

Tabel 4.3 Pengujian Menu Materi ........................................................................ 63

Tabel 4.4 Pengujian Menu Nilai ........................................................................... 64

Tabel 4.5 Pengujian Menu Kelas .......................................................................... 65

Tabel 4.6 Pengujian Menu Mapel ......................................................................... 66

Tabel 4.7 Pengujian Menu Pengajar ..................................................................... 67

Tabel 4.8 Pengujian Menu Siswa ......................................................................... 68

Tabel 4.9 Pengujian Menu Guru ........................................................................... 69

Tabel 4.10 Pengujian Menu Ganti Password ........................................................ 69

Tabel 4.11 Pengujian Menu SMS ......................................................................... 70


commit to user

xvi

DAFTAR GAMBAR

Halaman

Gambar 2.1 Simbol Entity Luar ........................................................................... 6

Gambar 2.2 Simbol Aliran Data ........................................................................... 7

Gambar 2.3 Simbol Proses ................................................................................... 7

Gambar 2.4 Simbol Berkas ................................................................................... 7

Gambar 3.1 Flowchart Jalannya Penelitian .......................................................... 14

Gambar 3.2 Context Diagram ............................................................................... 19

Gambar 3.3 DFD Level 0 .................................................................................... 20

Gambar 3.4 DFD Level 1 Proses 1 ..................................................................... 22

Gambar 3.5 DFD Level 1 Proses 2 ...................................................................... 23

Gambar 3.6 DFD Level 1 Proses 3 ....................................................................... 24







Gambar 3.13 Entity Relationship Diagram (ERD) ............................................... 31

Gambar 3.14 Relasi Antar Tabel ......................................................................... 32

Gambar 3.15 Racangan Halaman Utama .............................................................. 37

Gambar 3.16 Rancangan Halaman Login User ..................................................... 38

Gambar 3.17 Rancangan Halaman Index Admin .................................................. 38


commit to user

xvii

Gambar 4.1 Tampilan Halaman Implementasi Index ......................................... 39

Gambar 4.2 Tampilan Halaman Implementasi Index Admin............................... 40

Gambar 4.3 Tampilan Halaman Index Admin ..................................................... 40

Gambar 4.4 Tampilan Halaman Index Admin ..................................................... 41

Gambar 4.5 Tampilan Halaman Detail Data Siswa .............................................. 41

Gambar 4.6 Tampilan Halaman Tambah Siswa .................................................. 42

Gambar 4.7 Tampilan Halaman Edit Data ........................................................... 43

Gambar 4.8 Tampilan Halaman Daftar Guru ....................................................... 44

Gambar 4.9 Tampilan Halaman Tambah Guru .................................................... 44

Gambar 4.10 Tampilan Halaman Edit Guru .......................................................... 45

Gambar 4.11 Tampilan Halaman Daftar Kelas ...................................................... 46

Gambar 4.12 Tampilan Halaman Tambah Kelas ................................................... 46

Gambar 4.13 Tampilan Halaman Edit Kelas .......................................................... 47

Gambar 4.14 Tampilan Halaman Daftar Mapel ..................................................... 48

Gambar 4.15 Tampilan Halaman Tambah Mapel .................................................. 48

Gambar 4.16 Tampilan Halaman Edit Mapel ......................................................... 49

Gambar 4.17 Tampilan Halaman Hapus Mapel ..................................................... 49

Gambar 4.18 Tampilan Halaman Daftar Pengajar ................................................. 50

Gambar 4.19 Tampilan Halaman Tambah Pengajar .............................................. 51

Gambar 4.20 Tampilan Halaman Edit Pengajar ..................................................... 51

Gambar 4.21 Tampilan Halaman Index Guru ........................................................ 52

Gambar 4.22 Tampilan Halaman Daftar Materi .................................................... 53

Gambar 4.23 Tampilan Halaman Tambah Materi ................................................. 53


commit to user

xviii

Gambar 4.24 Tampilan Halaman Edit Materi ........................................................ 54

Gambar 4.25 Tampilan Halaman Daftar Nilai ....................................................... 55

Gambar 4.26 Tampilan Halaman Tambah Nilai .................................................... 55

Gambar 4.27 Tampilan Input Nilai Siswa .............................................................. 56

Gambar 4.28 Tampilan Halaman Share Data Nilai ................................................ 56

Gambar 4.29 Tampilan Halaman Tambah Nilai Import File Excel ....................... 57

Gambar 4.30 Tampilan Halaman Form SMS ........................................................ 57

Gambar 4.31 Tampilan Halaman Ganti Password ................................................. 58

Gambar 4.32 Tampilan Index Siswa ...................................................................... 58

Gambar 4.33 Tampilan Lihat Mapel ...................................................................... 59

Gambar 4.34 Tampilan Lihat Detail Mapel............................................................ 59

Gambar 4.35 Tampilan Ganti Password ................................................................. 60

Gambar 4.36 Tampilan Lihat Nilai......................................................................... 60

Gambar 4.37 Tampilan SMS Info Nilai Siswa ....................................................... 61

Gambar 4.38 Tampilan SMS Gateway Informasi .................................................. 61

tugas akhir pembuatan e-learning pembelajaran … · program diii teknik informatika fakultas...

Documents