ALFIDA KRIS HANANI M3109009

(1)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

i

SARANA PEMBELAJARAN UJIAN NASIONAL BERBASIS WEB SMP NEGERI 17 SURAKARTA

TUGAS AKHIR

Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli

MadyaProgram Diploma III Teknik Informatika Fakultas Matematika Dan Ilmu

Pengetahuan Alam Universitas Sebelas Maret

Oleh :

ALFIDA KRIS HANANI NIM. M3109009

PROGRAM DIPLOMA III TEKNIK INFORMATIKA FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM

UNIVERSITAS SEBELAS MARET SURAKARTA

(2)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

ii

HALAMAN PERSETUJUAN

Disusun Oleh

ALFIDA KRIS HANANI NIM. M3109009

Tugas Akhir ini telah disetujui untuk dipertahankan di hadapan dewan penguji

pada tanggal_____________________

Pembimbing Utama

(3)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

iii

HALAMAN PENGESAHAN

Disusun Oleh

ALFIDA KRIS HANANI NIM. M3109009

Dibimbing Oleh

Pembimbing Utama

Nanang Maulana, S.Si NIDN. 0614078103

Tugas Akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir

Program Diploma III Teknik Informatika pada hariSenintanggal 10 Juli 2012

Dewan Penguji

1. Nanang Maulana, S.Si ( )

NIDN. 0614078103

2. Agus Purbayu, S.Si ( )

NIDN. 0629088001

3. Lelly Hidayah Anggraini, M.Cs ( )

Disahkan Oleh

Dekan Ketua Program Studi

Fakultas MIPA UNS DIII Teknik Informatika FMIPA

Prof. Ir. Ari Handono Ramelan, M.Sc(Hons).,Ph.DDrs. YS. Palgunadi, M.Sc

(4)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

iv ABSTRACT

Alfida Kris Hanani, M3109009. Web-based Learning Tool for National Exam atSMP Negeri 17 Surakarta. Diploma Degree in Informatics Engineering, Faculty of Mathematics and Natural Sciences, Universitas Sebelas Maret Surakarta.

National exam is one of the activities of the implementation of the curriculum implemented the end of each school year and attended by the students from year VI (six), IX (nine), and XII (twelve) to finish one of the levels of

education and national

exam,the students are given the opportunity to follow the national exam package B.

SMP Negeri 17 Surakarta is one of first junior high schools in Surakarta which tries to help the students who attend national exam to pass exam with the proud. Therefore, SMP Negeri 17 Surakarta tried a new innovation by was developing a web-based learning tool for the national exam.

The web-based learning tool for national exam used programming language, included HTML, PHP, Javascript, and MySQL database. This learning tool contains learning material, tryout process and discussion on it, score processing, and ranking among the user of the application.

It can be concluded that web-based learning tool for national exam at SMPNegeri 17 surakarta has already been created.

(5)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

v ABSTRAK

Alfida Kris Hanani, M3109009. Sarana Pembelajaran Ujian Nasional Berbasis Web SMP Negeri 17 Surakarta. Diploma III Teknik Informatika, Fakultas Matematika dan Ilmu Pengetahuan Alam, Universitas Sebelas Maret Surakarta.

Ujian nasional merupakan salah satu kegiatan dari pelaksanaan kurikulum yang dilaksanakan tiap akhir tahun ajaran yang diikuti oleh seluruh siswa kelas VI(enam), IX (sembilan), dan XII (dua belas) dalam rangka menyelesaikan salahsatu jenjang pendidikan untuk memasuki jenjang pendidikan yang lebih tinggi.Apabila siswa tidak lulus dalam ujian nasional, maka siswa tersebut tidak bisamelanjutkan pendidikan ke jenjang yang lebih tinggi.

SMP Negeri 17 Surakarta merupakan sekolah menengah pertama yang berada di kota Surakarta berusahaagar seluruh siswa yang akan mengikuti ujian nasional bisa lulusdengan nilai yang membanggakan. Maka dari itu, SMP Negeri 17 Surakarta melakukanpemikiran baru yaitu membangun sarana pembelajaran ujian nasional berbasis web.

Pembelajaran ujian nasional berbasis web ini dibuat menggunakan bahasa pemograman meliputi HTML, PHP, Javascript, dan database MySQL. Sistem pembelajaran ini didalmnya memuat materi pembelajaran, proses tryout serta pembahasannya, pengolahan nilai, serta peringkat diantara pengguna yang mengakses aplikasi ini.

(6)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

vi MOTTO

Membuka buku serta referensi lain yang ada

hubungannya dengan ruang lingkup

Dalam masalah hati nurani, pikiran pertamalah

yang terbaik. Dalam masalah kebijaksanaan,

(7)

digilib.uns.ac.id

commit to user

vii

PERSEMBAHAN

Karya ini ku persembahkan untuk

(8)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

viii

KATA PENGANTAR

Puji syukur kehadirat Allah SWT, yang telah melimpahkan segala rahmat

dan karunia-Nya, sehingga penulis dapat menyelesaikan Laporan Tugas

Akhirdengan judul "Sarana Pembelajaran Ujian Nasional Berbasis Web Smp Negeri 17 Surakarta".Adapun tujuan dari penulisan Laporan Tugas Akhir ini adalah untuk memenuhi salah satu syarat kelulusan Program Diploma III Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret Surakarta.

Atas tersusunnya Laporan Tugas Akhir ini penulis tidak lupa mengucapkan

terima kasih kepada :

1. Bapak Drs.YS.Palgunadi,M.Sc selaku Ketua Program Diploma III Teknik

Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas

Sebelas Maret Surakarta.

2. BapakNanang Maulana,S.Si selaku dosen pembimbing yang telah banyak

memberikan bimbingan dan saran dalam pembuatan laporan ini.

3. BapakAgus Purbayu, S.Sidan ibu Lelly Hidayah Anggraini, M.Cs selaku

dosen penguji yang telah banyak memberikan bimbingan dan saran dalam

perbaikan laporan ini.

4. Bapak PrihSasonodadi, S.Pd.selakuKepalaSMP Negeri 17 Surakartayang

telah memberikan kesempatan kepada penulis untuk melaksanakan Tugas

Akhirdi instansinya.

5. Keluargaku Bapak dan Ibu tercinta yang senantiasa memberikan dukungan

dan mendoakan penulis.

6. Rekan Mahasiswa Teknik Informatika 2009 yang telah banyak memberikan

semangat, petunjuk, dan saran dalam pelaksanaan Tugas Akhir.

7. Serta semua pihak yang telah membantu penulis dalam menyusun Laporan

Tugas Akhir ini yang tidak dapat penulis sebutkan satu demi satu.

Meskipun penulis telah berusaha semaksimal mungkin dalam

menyusunlaporan ini, penulis menyadari bahwa laporan ini masih jauh dari

(9)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

ix

membangun dari berbagaipihak. Semoga hasil laporan ini dapat memberikan

manfaat bagi semua pihakyang memerlukan.

Atas segala bantuan yang diberikan, semoga Allah SWT

memberikankarunia dan amal ibadah yang muliaSemoga amal kebaikan semua

pihak tersebut mendapatkan imbalan dari Allah SWT. Amin.

Surakarta, 2012

(10)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

x DAFTAR ISI

HALAMAN JUDUL ... i

HALAMAN PERSETUJUAN ... ii

HALAMAN PENGESAHAN ... iii

HALAMAN ABSTRACT ... iv

HALAMAN ABSTRAK ... v

HALAMAN MOTTO ... vi

HALAMAN PERSEMBAHAN ... vii

KATA PENGANTAR ... viii

DAFTAR ISI ... x

DAFTAR TABEL ... xiii

DAFTAR GAMBAR ... xiv

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Rumusan Masalah ... 2

1.3 Batasan Masalah... 2

1.4 Tujuan dan Manfaat ... 2

1.4.1 Tujuan ... 2

1.4.2 Manfaat ... 3

1.5Metodologi Penelitian ... 3

1.6 Sistematika Penulisan ... 5

BAB II LANDASAN TEORI ... 7

2.1Sistem Informasi ... 7

2.2 E-learning ... 7

2.3Context Diagram (CD) ... 7

2.4Data Flow Diagram (DFD) ... 8

2.5 Entity Relationship Diagram (ERD) ... 9

2.6 Relasi Antar Tabel... 11

(11)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

xi

2.8 Database Management System (DBMS) ... 12

2.9MySQL ... 13

2.10Hyper Text Markup Language (HTML) ... 13

2.11 Cascading Style Sheets (CSS) ... 14

2.12 Flowchart ... 14

2.13Perl Hypertext Preprocessor (PHP) ... 15

2.14Metode Pengujian Black Box ... 16

BAB III ANALISI DAN PERANCANGAN SISTEM ... 18

3.1Definisi Aktor ... 18

3.2Analisis Kebutuhan Sistem ... 18

3.2.1Kebutuhan Fungsional ... 18

3.2.2Kebutuhan Non-Fungsional ... 19

3.3 Perancangan Sistem ... 20

3.3.1Context Diagram(CD) ... 20

3.3.2 DFDLevel 0 ... 21

3.3.3 DFD Level 1 Proses tryout ... 22

3.3.4DFD Level 1 Manajemen Content ... 23

3.3.5DFDLevel 2 Proses Pengolahan Materi ... 24

3.3.6DFD Level 2 Proses Pengolahan Soal ... 25

3.4PerancanganDatabase ... 25

3.4.1Entity Relationship Diagram (ERD) ... 25

3.4.2 Relationship Diagram ... 26

3.4.3 Perancangan Tabel ... 27

3.5 Flowchart ... 32

3.5.1 Flowchart Login ... 32

3.5.2 Flowchart Tryout ... 33

3.5.3 Flowchart Hasil Nilai ... 34

3.5.4 Flowchart Rangking ... 35

3.6Perancangan Interface ... 36

3.6.1 Halaman Login ... 36

(12)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

xii

3.6.3 Rancangan HalamanTryout ... 37

3.6.4 Rancangan Halaman Nilai... 38

BAB IV IMPLEMENTASI SISTEM ... 40

4.1. Implementasi Sistem ... 40

4.1.1 Halaman Login ... 40

4.1.2 HalamanSiswa ... 41

4.1.3 Halaman Tryout ... 41

4.1.4 Halaman Hasil Nilai ... 43

4.1.6 Halaman Data Siswa ... 44

4.1.7 Halaman Data Materi ... 45

4.1. 8 Halaman Data Tryout ... 45

4.2 Implementasi Basis Data ... 47

4.3 Pengujian ... 47

4.3.1 Rencana Pengujian ... 48

4.3.2 Kasus dan Hasil Pengujian Fungsional ... 48

4.3.2.1 Pengujian Login ... 49

4.3.2.2 Pengujian Soal Tryout ... 50

4.3.2.3 Pengujian Pengolahan Data Siswa ... 52

4.3.2.4 Pengujian Data Tryout... 51

4.3.2.5 Pengujian Data Soal ... 53

BAB V KESIMPULAN DAN SARAN ... 57

5.1Kesimpulan ... 57

5.2Saran ... 57

(13)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

xiii

DAFTAR TABEL

Tabel 2.1 SimbolContext Diagram ... 8

Tabel 2.2Simbol Data Flow Diagram ... 9

Tabel 2.3Simbol Entity Relationship Diagram ... 10

Tabel 2.4 flowchart ... 14

Tabel 3.1SRS Fungsional ... 19

Tabel 3.2SRS Non-Fungsional ... 19

Tabel 3.3Tabel Admin ... 32

Tabel 3.4Tabel Siswa ... 33

Tabel 3.5Tabel Guru ... 33

Tabel 3.6Tabel Kelas ... 34

Tabel 3.7 Tabel Materi ... 34

Tabel 3.8Tabel Mapel ... 35

Tabel 3.9Tabeldtryout ... 36

Tabel 3.10Tabel Soal ... 36

Tabel 3.11Tabel Nilai... 36

Tabel 4.1Rencana Pengujian ... 50

Tabel 4.2Pengujian Login Data Normal ... 52

Tabel 4.3Pengujian Login Data Salah ... 51

Tabel 4.4 Pengujian Soal Tryout Data Normal ... 53

Tabel 4.5 Pengujian Data Siswa Data Normal ... 54

Tabel 4.6 Pengujian Data Siswa Data Salah ... 55

Tabel 4.7 Pengujian Data Tryout Data Normal ... 55

Tabel 4.8 Pengujian Data Soal Data Normal ... 56

(14)

perpustakaan.uns.ac.id

digilib.uns.ac.id

commit to user

xiv

DAFTAR GAMBAR

Gambar 1.1Metode Waterfall... 15

Gambar 3.1Context Diagram ... 20

Gambar 3.2DFDLevel 0 ... 21

Gambar 3.3DFDLevel 1 Proses Tryout ... 22

Gambar.3.4DFD Level 1 Manajemen Content ... 23

Gambar 3.5DFD Level 2 Pengelolaan Materi... 24

Gambar 3.6 DFD Level 2 Pengelolaan Soal ... 25

Gambar 3.7ERD (Entity Relationship Diagram) ... 26

Gambar 3.8Relationship diagram ... 27

Gambar 3.9 Flowchart Login ... 32

Gambar 3.10 Flowchart Tryout ... 33

Gambar 3.11 Flowchart Hasil Nilai ... 34

Gambar 3.12 Flowchart Ranking ... 35

Gambar 3.13Rancangan Halaman Login ... 36

Gambar 3.14Rancangan Halaman Siswa ... 37

Gambar 3.15 Rancangan Halaman Tryout ... 38

Gambar 3.16 Tampilan Halaman Nilai ... 39

Gambar 4.1Halaman Login ... 41

Gambar 4.2Halaman Home Siswa ... 42

Gambar 4.3Halaman Tryout ... 43

Gambar 4.4 Halaman Soal Tryout ... 44

Gambar 4.5Halaman Hasil Nilai ... 45

Gambar 4.6Halaman Data Siswa ... 46

Gambar 4.7Halaman Add Siswa ... 46

Gambar 4.8Halaman Data Materi ... 47

Gambar 4.9Halaman Data Tryout ... 47

Gambar 4.10Halaman Tambah Soal ... 48

(15)

perpustakaan.uns.ac.id

digilib.uns.ac.id

(16)

digilib.uns.ac.id

(17)

digilib.uns.ac.id

(18)

digilib.uns.ac.id

(19)

digilib.uns.ac.id

(20)

digilib.uns.ac.id

(21)

digilib.uns.ac.id

(22)

digilib.uns.ac.id

(23)

digilib.uns.ac.id

(24)

digilib.uns.ac.id

(25)

digilib.uns.ac.id

(26)

digilib.uns.ac.id

(27)

digilib.uns.ac.id

(28)

digilib.uns.ac.id

(29)

digilib.uns.ac.id

(30)

digilib.uns.ac.id

(31)

digilib.uns.ac.id

(32)

perpustakaan.uns.ac.id

digilib.uns.ac.id

(33)

digilib.uns.ac.id

(34)

digilib.uns.ac.id

(35)

digilib.uns.ac.id

(36)

digilib.uns.ac.id

(37)

digilib.uns.ac.id

(38)

digilib.uns.ac.id

(39)

digilib.uns.ac.id

(40)

digilib.uns.ac.id

(41)

digilib.uns.ac.id

(42)

digilib.uns.ac.id

(43)

digilib.uns.ac.id

(44)

digilib.uns.ac.id

(45)

digilib.uns.ac.id

(46)

digilib.uns.ac.id

(47)

digilib.uns.ac.id

(48)

digilib.uns.ac.id

(49)

perpustakaan.uns.ac.id

digilib.uns.ac.id

(50)

digilib.uns.ac.id

(51)

digilib.uns.ac.id

(52)

digilib.uns.ac.id

(53)

digilib.uns.ac.id

(54)

digilib.uns.ac.id

(55)

digilib.uns.ac.id

(56)

digilib.uns.ac.id

(57)

digilib.uns.ac.id

(58)

digilib.uns.ac.id

(59)

digilib.uns.ac.id

(60)

digilib.uns.ac.id

(61)

digilib.uns.ac.id

(62)

digilib.uns.ac.id

(63)

digilib.uns.ac.id

(64)

digilib.uns.ac.id

(65)

digilib.uns.ac.id

(66)

perpustakaan.uns.ac.id

digilib.uns.ac.id

(67)

digilib.uns.ac.id

(68)

digilib.uns.ac.id

(69)

digilib.uns.ac.id