PEMBUATAN E-LEARNING PEMBELAJARAN SDIT NURUL ISTIQLAL SEBAGAI PENDAMPING DALAM PROSES BELAJAR MENGAJAR.

perpustakaan.uns.ac.id

digilib.uns.ac.id

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

perpustakaan.uns.ac.id

digilib.uns.ac.id

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

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user


perpustakaan.uns.ac.id

digilib.uns.ac.id

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
iv

perpustakaan.uns.ac.id

digilib.uns.ac.id

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
v

perpustakaan.uns.ac.id

digilib.uns.ac.id


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
vi

perpustakaan.uns.ac.id

digilib.uns.ac.id

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
vii

perpustakaan.uns.ac.id

digilib.uns.ac.id

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
viii

perpustakaan.uns.ac.id

digilib.uns.ac.id

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
ix

perpustakaan.uns.ac.id

digilib.uns.ac.id

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 .............................................................................................
BAB I

xv

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
x

perpustakaan.uns.ac.id

digilib.uns.ac.id

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
xi

perpustakaan.uns.ac.id

digilib.uns.ac.id

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
xii

perpustakaan.uns.ac.id

digilib.uns.ac.id

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
xiii

perpustakaan.uns.ac.id

digilib.uns.ac.id

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

commit to user
xiv

8

perpustakaan.uns.ac.id

digilib.uns.ac.id

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
xv

perpustakaan.uns.ac.id

digilib.uns.ac.id

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.7 DFD Level 1 Proses 4 .......................................................................

25

Gambar 3.8 DFD Level 1 Proses 5 .......................................................................

26

Gambar 3.9 DFD Level 1 Proses 6 .......................................................................

27

Gambar 3.10 DFD Level 1 Proses 7 ......................................................................

28

Gambar 3.11 DFD Level 1 Proses 8 ......................................................................

29

Gambar 3.12 DFD Level 1 Proses 9 ......................................................................

30

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
xvi

perpustakaan.uns.ac.id

digilib.uns.ac.id

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
xvii

perpustakaan.uns.ac.id

digilib.uns.ac.id

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

commit to user
xviii