implementasi sistem ujian sekolah berbasis web menggunakan

93
IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL DENGAN METODE WATERFALL PADA SMK DEWANTARA 2 SKRIPSI Oleh : Indra Galuh Nugroho 311410125 PROGRAM STUDI TEKNIK INFORMATIKA SEKOLAH TINGGI TEKNOLOGI PELITA BANGSA BEKASI 2018

Upload: others

Post on 15-Oct-2021

11 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

IMPLEMENTASI SISTEM UJIAN SEKOLAH

BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL

DENGAN METODE WATERFALL

PADA SMK DEWANTARA 2

SKRIPSI

Oleh :

Indra Galuh Nugroho

311410125

PROGRAM STUDI TEKNIK INFORMATIKA

SEKOLAH TINGGI TEKNOLOGI PELITA BANGSA

BEKASI

2018

Page 2: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

IMPLEMENTASI SISTEM UJIAN SEKOLAH

BERBASIS WEB MENGGUNAKAN PHP DAN MYSQL

DENGAN METODE WATERFALL

PADA SMK DEWANTARA 2

SKRIPSI

Diajukan Sebagai Salah Satu Syarat Untuk Menyelesaikan

Program Strata Satu (S1) pada Program Studi Teknik Informatika

Oleh :

Indra Galuh Nugroho

311410125

PROGRAM STUDI TEKNIK INFORMATIKA

SEKOLAH TINGGI TEKNOLOGI PELITA BANGSA

BEKASI

2018

Page 3: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN
Page 4: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN
Page 5: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

PERNYATAAN KEASLIAN PENELITIAN

Yang bertanda tangan dibawah ini :

Nama

NIM

Program Tinggi

Alamat Kampus

Alamat Rumah

: Indra Galuh Nugroho

: 311410125

: STT PELITA BANGSA

: Jl. Inpeksi Kalimalang – Tegal Danas

Cikararang Selatan, Bekasi Jawa Barat. 17530

: Kp. Poponcol RT 004/008 Desa Simpangan Kecamatan

Cikarang Utara Kabupaten Bekasi Jawa Barat Kab.

Bekasi 17340

Saya yang bertandatangan dibawah ini menyatakan bahwa, skripsi ini merupakan

karya saya sendiri (ASLI), dan isi dalam skripsi ini tidak terdapat karya yang

pernah diajukan oleh orang lain untuk memperoleh gelar akademis di suatu

institusi pendidikan tinggi manapun, dan sepanjang pengetahuan saya juga tidak

terdapat karya atau pendapat yang pernah ditulis dan/atau diterbitkan oleh orang

lain, kecuali yang secara tertulis diacu dalam naskah ini dan disebutkan dalam

daftar pustaka.

Segala sesuatu yang terkait dengan naskah dan karya yang telah dibuat adalah

menjadi tanggung jawab saya pribadi.

Bekasi, 14 November 2018

Indra Galuh Nugroho

NIM: 311410125

iv

Page 6: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

KATA PENGANTAR

Puji syukur penulis panjatkan kehadirat Tuhan Yang Maha Esa yang telah

melimpahkan segala atas karunia dan rahmatNya, sehingga penyusunan skripsi

yang berjudul “IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB

MENGGUNAKAN PHP DAN MYSQL DENGAN METODE WATERFALL

PADA SMK DEWANTARA 2”.

Skripsi tersusun dalam rangka melengkapi salah satu persyaratan dalam

rangka menempuh ujian akhir untuk memperoleh gelar Sarjana Komputer

(S.Kom.) pada Program Studi Teknik Informatika di Sekolah Tinggi Teknologi

Pelita Bangsa.

Penulis sungguh sangat menyadari, bahwa penulisan Skripsi ini tidak akan

terwujud tanpa adanya dukungan dan bantuan dari berbagai pihak. Sudah

selayaknya, dalam kesempatan ini penulis menghaturkan penghargaan dan ucapan

terima kasih yang sebesar-besarnya kepada :

1. Bapak Dr. Ir. Suprianto, M.P sebagai ketua Sekolah Tinggi Teknologi

Pelita Bangsa, Bekasi Jawa Barat.

2. Bapak Aswan Supriyadi Sunge, S.Kom, M.Kom sebagai kepala jurusa

program studi Teknik Informatika di Sekolah Tinggi Teknologi Pelita

Bangsa, Bekasi Jawa Barat.

3. Bapak Suherman, S.Kom., M.Kom dan Bapak Yoga Religia, S.Kom.,

M.Kom. selaku pembimbing 1 dan pembimbing 2 yang telah banyak

memberikan arahan dan bimbingan kepada penulis dalam penyusunan

Skripsi ini.

v

Page 7: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4. Seluruh Dosen STT Pelita Bangsa yang telah membekali penulis dengan

wawasan dan ilmu di bidang teknik informatika.

5. Seluruh staf STT Pelita Bangsa yang telah memberikan pelayanan

terbaiknya kepada penulis selama perjalanan studi jenjang Strata 1.

6. Rekan-rekan mahasiswa STT Pelita Bangsa, khususnya angkatan 2014,

yang telah banyak memberikan inspirasi dan semangat kepada penulis

untuk dapat menyelesaikan studi jenjang Strata 1.

7. Ibu dan Ayah tercinta yang senantiasa mendo’akan dan memberikan

semangat dalam perjalanan studi Strata 1 maupun dalam kehidupan

penulis.

Akhir kata, penulis mengharapkan saran yang dapat membangun Skripsi ini

menjandi lebih baik

Bekasi, 14 November 2018

Indra Galuh Nugroho

vi

Page 8: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

DAFTAR ISI

Halaman

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

PERSETUJUAN .............................................................................................. ii

PENGESAHAN ............................................................................................... iii

PERNYATAAN KEASLIAN PENELITIAN ................................................. iv

KATA PENGANTAR ..................................................................................... v

DAFTAR ISI .................................................................................................... vii

DAFTAR TABEL............................................................................................ x

DAFTAR GAMBAR ....................................................................................... xi

ABSTRACT ..................................................................................................... xii

ABSTRAKSI.................................................................................................... xiii

BAB I PENDAHULUAN

1.1

1.2

1.3

1.4

1.5

1.6

1.7

Latar Belakang Masalah........................................................... 1

Identifikasi Masalah ................................................................. 3

Rumusan Masalah .................................................................... 4

Batasan Masalah....................................................................... 4

Tujuan Penelitian ..................................................................... 4

Manfaat Penelitian .................................................................. 5

Sistematika Penulisan............................................................... 5

BAB II TINJAUAN PUSTAKA

2.1

2.2

Kajian Pustaka…….. ..................................................... .......... 7

Dasar Teori............................................................................... 7

2.2.1 Implementasi Sistem .................................................... 7

2.2.2

2.2.3

Definisi Sistem ............................................................. 8

Karakteristik Sistem ..................................................... 10

2.2.4 Klasifikasi Sistem......................................................... 12

2.2.5 Ujian Sekolah ............................................................... 13

vii

Page 9: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

2.3

2.2.6 WEBSITE...................................................................... 15

Perancangan Sistem.................................................................. 16

2.3.1 Metode Waterfall ......................................................... 17

2.3.2

2.3.3

2.3.4

2.3.5

2.3.6

2.3.7

Flowchart ..................................................................... 20

Data Flow Diagram (DFD) ......................................... 23

Entity Releationship Diagram (ERD) .......................... 24

Kamus Data .................................................................. 25

Normalisasi ................................................................. 26

Hierarchy Plus Input – Procces Output....................... 28

2.4 Basis Data.................................................................................. 28

2.4.1

2.4.2

2.4.3

Database Management System (DBMS) ...................... 30

MysQL .......................................................................... 31

XAMPP......................................................................... 34

2.5 Bahasa Pemrograman ................................................................ 35

2.5.1 Hyper Text Multi Language (HTML) ........................... 36

2.5.2 Hyper Text Preproccesing (PHP) ................................ 39

BAB III METODE PENELITIAN

3.1

3.2

3.3

3.4

Profil SMK Dewantara 2.......................................................... 40

Metode Pengumpulan Data ...................................................... 40

Flowchart Sistem Berjalan....................................................... 41

3.3.1 Prosedur Aliran Data.................................................... 41

Flowchart Sistem Usulan......................................................... 42

3.4.1 Prosedur Aliran Data.................................................... 42

3.5

3.6

Metode Pengembangan Sistem ................................................ 44

Spesifikasi Sistem .................................................................... 46

BAB IV HASIL DAN PEMBAHASAN

4.1 Hasil Penelitian ........................................................................ 47

4.1.1

4.1.2

Sistem Yang Berjalan.................................................. 47

Sistem Yang Diusulkan............................................... 48

viii

Page 10: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4.2 Pengembangan Sistem ............................................................. 48

4.2.1

4.2.2

4.2.3

4.2.4

4.2.5

4.2.6

Diagram Konteks ........................................................ 48

Diagram Zero .............................................................. 49

Kamus Data ................................................................. 50

Normalisasi ................................................................. 51

Entity Releationship Diagram (ERD) ......................... 55

HIPO ........................................................................... 56

4.3

4.4

4.5

4.6

Rancangan Disain Sistem......................................................... 58

Black Box Testing..................................................................... 63

Jadwal Penelitian...................................................................... 64

Kekurangan dan Kelebihan Sistem .......................................... 65

4.6.1 Kekurangan Sistem ...................................................... 66

4.6.2 Kelebihan Sistem ......................................................... 66

BAB V PENUTUP

5.1

5.2

Kesimpulan ............................................................................... 68

Saran ......................................................................................... 68

DAFTAR PUSTAKA .....................................................................................

LAMPIRAN....................................................................................................

ix

Page 11: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

DAFTAR TABEL

Halaman

Tabel 2.1 Simbol Flowchart ................................................................... 21

Tabel 2.2 Simbol ERD ........................................................................... 25

Tabel 3.1 Spesifikasi Sistem .................................................................. 46

Tabel 4.1 Unormalisasi (U NF) .............................................................. 51

Tabel 4.2 Normalisasi 1 (1 NF) .............................................................. 52

Tabel 4.3 Tabel Admin ........................................................................... 52

Tabel 4.4 Tabel Siswa ............................................................................. 52

Tabel 4.5 Tabel Guru .............................................................................. 53

Tabel 4.6 Tabel Mapel ........................................................................... 53

Tabel 4.7 Tabel Soal ............................................................................... 53

Tabel 4.8 Tabel Nilai...............................................................................54

Tabel 4.9 Pengujian Sistem..................................................................... 63

Tabel 4.10 Jadwal Penelitian...................................................................64

x

Page 12: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

DAFTAR GAMBAR

Halaman

Gambar 2.1 Waterfall ............................................................................. 18

Gambar 3.1 Flowchart Sistem Berjalan ................................................. 42

Gambar 3.2 Flowchart Sistem Usulan ................................................... 43

Gambar 3.3 Metode Waterfall ................................................................ 44

Gambar 4.1 Diagram Konteks ................................................................ 49

Gambar 4.2 Diagram Zero ..................................................................... 50

Gambar 4.3 Normalisasi Ketiga ............................................................. 55

Gambar 4.4 Entity Relationship Diagram (ERD) .................................. 56

Gambar 4.5 HIPO ................................................................................... 57

Gambar 4.6 Form Login.......................................................................... 58

Gambar 4.7 Form Login Siswa ............................................................... 59

Gambar 4.8 Form Tampilan Utama Siswa.............................................. 59

Gambar 4.9 Form Halaman Ujian Siswa ............................................... 60

Gambar 4.10 Form Login Admin ........................................................... 60

Gambar 4.11 Form Halaman Hapus Admin .......................................... 61

Gambar 4.12 Form Halaman Ubah Password ....................................... 61

Gambar 4.13 Form Halaman Statistik Siswa ......................................... 62

Gambar 4.14 Form Halaman Tambah Soal ............................................ 62

Gambar 4.15 Form Halaman Berhasil Tambah Soal ............................. 63

xi

Page 13: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

ABSTRACT

The recent growth in information technology has touched most of all sectors of

people’s lives especially in Indonesia. This growth requires us to improve

performance both in terms of effecctiveness and in terms of efficiency. Each sector

now enchanes their performance to make better solutions for their time and cost

of productivity. One sector that is important to note is the face of the performance

of the education sector. Especially the inspection or evalution system. Even so,

many inspection sides can automatically work to minimize cost and time spent.

With information technology, an efficient and effective inspection system is able to

carry out checks quickly and precisely. Moreover, supported by the existence of

large scale data storage media, of course many ideas can be made into automatic

system for any problems that interface with the work of effective and efficient

inspections. One of them is a web-based school examination system that can be

made to facilitate the examination and assessment itself. The use of open source

scryp text such as PHP which can be accessed on browsers will certainly make it easier for school agencies to apply. For that ideas the author tries to provide one

alternative solution for conducting web-based system checks so that an efficient

and effective examination can be achieved. Whit this system, the author hopes to

solve many problems that occur during inspection using manual method such as

time, cost and human procedures.

Keywoard: Information Technology, PHP, Database, Web, School Exams.

xii

Page 14: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

ABSTRAK

Pertumbuhan teknologi informasi baru-baru ini telah menyentuh hampir semua

sektor kehidupan masyarakat terutama di Indonesia. Pertumbuhan ini menuntut

kita untuk terus meningkatkan kinerja baik dalam hal keefektifan maupun dalam

hal efisiensi. Setiap sektor sekarang meningkatkan kinerja mereka untuk membuat

solusi yang lebih baik dari segi waktu dan biaya produktivitas mereka. Salah satu

sektor yang penting untuk diperhatikan adalah kinerja bidang sektor pendidikan.

Terutama sistem inspeksi atau evaluasi. Meski begitu, banyak pihak inspeksi

dapat secara otomatis bekerja untuk meminimalkan biaya dan waktu yang

dihabiskan. Dengan teknologi informasi, sistem inspeksi yang efisien dan efektif

mampu melakukan pemeriksaan dengan cepat dan tepat. Apalagi didukung oleh

keberadaan media penyimpanan data skala besar, tentu saja banyak ide dapat

dibuat menjadi sistem otomatis untuk setiap masalah yang berhubungan dengan

pekerjaan inspeksi yang efektif dan efisien. Salah satunya adalah sistem ujian

sekolah berbasis web yang dapat dibuat untuk memfasilitasi pemeriksaan dan

penilaian itu sendiri. Penggunaan teks skrip open source seperti PHP yang dapat

diakses di browser tentu akan memudahkan agen sekolah untuk menerapkannya.

Untuk gagasan itu penulis mencoba memberikan satu alternatif solusi untuk

melakukan pemeriksaan sistem berbasis web sehingga pemeriksaan yang efisien

dan efektif dapat dicapai. Dengan sistem ini, penulis berharap dapat

menyelesaikan banyak masalah yang terjadi selama inspeksi dengan

menggunakan metode manual seperti waktu, biaya dan sumber daya manusia.

Kata Kunci : Informasi Teknologi, PHP, Basis Data, Web,Ujian Sekolah.

xiii

Page 15: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

1.1

BAB I

PENDAHULUAN

Latar Belakang Masalah

Evaluasi pada suatu kegiatan pembelajaran diperlukan sebagai tolak ukur

pemahaman bagi penerima materi pembelajaran, pada konteks ini evaluasi berarti

penilaian atau pengukuran. Penilaian adalah proses atau kegiatan yang sitematis

dan berkesinambungan untuk mengumpulkan informasi tentang proses hasil

belajar dalam rangka membuat keputusan-keputusan berdasarkan kriteria dan

pertimbangan tertentu. Penilaian dalam proses pembelajaran terdiri atas penilaian

formatif dan sumatif. Penilaian formatif dapat membantu pendidik untuk

memantau perkembangan peserta didik dan hasil penilaian digunakan untuk

meningkatkan kemampuan peserta didik dan mendeteksi kesulitan belajar peserta

didik. Penilaian formatif dilakukan dalam bentuk ulangan harian atau penguasaan

selama proses pembelajaran. Penilaian sumatif dilakukan untuk mengetahui

capaian peserta didik setelah proses pembelajaran berlangsung satu semester atau

satu tahun pembelajaran dalam bentuk ujian semester, ujian kenaikan kelas atau

ujian akhir.

Oleh karena itu setiap jenjang pendidikan yang ada akan selalu melakukan

evaluasi pembelajaran yang biasnya dilakukan dalam bentuk ujian atau test. Pada

jenjang pendidikan Sekolah Menengah Kejuruan ataupun jenjang pendidikan

lainnya biasa melakukan evaluasi pembelajaran dalam jangka waktu per semester

Yang biasanya dilakukan minimal dua kali yaitu evaluasi atau ujian pembelajaran

1

Page 16: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Pada triwulan pertama yang dikenal dengan Ujian Tengah Semester (UTS) dan

evaluasi atau ujian pada triwulan kedua atau disebut Ujian Akhir Semester (UAS).

Pada umumnya sekolah-sekolah dalam pelaksanaan UTS dan UAS menggunakan

system ujian berbasis kertas (paper based test) dan koreksi hasil ujian masih

secara manual yaitu guru membandingkan hasil ujian dengan kunci jawaban dan

menandai hasil jawaban yang benar, hal ini dapat berpeluang terjadi kesalahan

dalam mengkoreksi hasil ujian. Belum lagi penggunaan kertas yang diperlukan

tiap kali akan melakukan proses ujian, kesalahandalampenulisanjawaban,

rusakakibat proses menulisdanmenghapus, kotor, danhilangkianberulang.

Seiring perkembangan teknologi, komputer kini menjadi sarana yang

sering digunakan untuk menyelasaikan berbagai persoalan. Beberapa masalah

yang berbasis manual pada bidang pendidikan sudah di pecahkan di era

komputerisasi ini seperti tes penerimaan calon siswa baru, Ujian Nasional

Berbasis Kompuer dan lain sebagainya. Kegiatan-kegiatan tersebut yang awalnya

dilakukan /dikerjakan secara manual kini sudah mulai di tinggalkan di beberapa

tempat. Didukung oleh sumber daya manusia yang mumpuni, hadirnya computer

dinilai dapat menunjang kinerja suatu kegiatan lebih efektif dan efisien.

SMK Dewantara 2 sebenarnya sudah menerapkan sistem komputerisasi

sebagai media pelajaran. Namun untuk proses evaluasi per semester, sekolah ini

masih menggunakan Microsoft Power Point (PPT) sebagai sarana ujian, yang

mana siswa masih diharuskan menulis jawaban pada lembaran kertas yang telah

disediakan oleh pihak sekolah. Proses pengkoreksian hasil ujian pun masih

dilakukan secara manual sehingga memerlukan waktu dalam pelaksanaannya. Jika

didukung dengan rancangan sistem yang baik serta penggunaan database yang

2

Page 17: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

sesuai dengan kebutuhan, penulis rasa kekurangan-kekurangan yang ada dalam

proses evaluasi yang dilakukan secara manual dapat di minimalisir. Berlandaskan

latar belakang di atas, maka penulis melalukan penelitian dengan judul”

IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB

MENGGUNAKAN PHP DAN MYSQL DENGAN METODE WATERFALL

PADA SMK DEWANTARA 2”. Dengan didukung sumber daya manusia yang

baik serta pembuatan aplikasi yang sederhana dan mudah di pahami, menjadi

solusi dari sebagian kekurangan yang terdapat pada proses evaluasi pembelajaran

siswapada SMK Dewantara 2.

1.2 Identifikasi Masalah

Mendasar pada latar belakang diatas, maka dapat di identifikasikan

masalah sebagai berikut :

1.

2.

3.

4.

5.

Pengkoreksian hasil ujian sekolah masih dilakukan dengan cara

mencocokkan satu per satu lembar jawaban siswa.

Penggunaan kertas pada pelaksanaan ujian sekolah secara manual dapat

menimbulkan resiko seperti kekurangan lembar jawaban, sobek, kotor,

hilang dan sebagainya.

Memerlukan Tools tambahan bagi siswa dalam pelaksanaan ujian.

Lama waktu yang diperlukan mulai dari proses pembuatan soal,

pelaksanaan ujian, sampai penilaian.

Biaya tak terduga ketika proses evaluasi sedang berlangsung.

3

Page 18: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

1.3 Rumusan Masalah

Berdasarkan latar belakang dan identifikasi masalah yang telah

disampaikan, maka perlu dirumuskan suatu masalah yang akan

dipecahkan/diselesaikan pada penelitian ini. Maka, dapat dirumuskan masalah

sebagai berikut :

1.

2.

3.

1.4

1.

2.

3.

1.5

Bagaimana membuat system ujian sekolah berbasis web yang sesuai

dengan kebutuhan pada SMK Dewantara2 ?

Bagaimana membuat system ujian sekolah berbasis web yang sederhana

dan mudah dipahami ?

Bagaimana sistem ujian berbasis web dapat memudahkan proses evaluasi ?

Batasan Masalah

Penulis membatasi penelitian ini dengan batasan masalah sebagai berikut :

Sistem yang digunakan berbasis web dengan menggunakan PHP dan

MySQL.

Sistem ini digunakan untuk Ujian Tengah Semester dan Ujian Akhir

Semester.

Sitem dibuat sesuai kebutuhan pada SMK Dewantara 2.

Tujuan Penelitian

Tujuan yang ingin dicapai dalam pelaksanaan penelitian tugas akhir ini

antara lain :

1. Untuk membuat sebuah system ujian sekolah berbasis web yang sesuai

dengan kebutuhan SMK Dewantara 2.

4

Page 19: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

2.

3.

1.6

Untuk membuat system ujian sekolah berbasis web yang sederhana dan

mudah dipahami.

Untuk membuat sebuah sistem yang dapat mempermudah proses evaluasi.

Manfaat Penelitian

Manfaat yang penulis harapkan pada penelitian ini antara lain menjadi

salah satu solusi keefektifitasan dan keefisiensian dalam pelaksanaan evaluasi

dalam bentuk ujian sekolah.

Adapun manfaat lain dari penelitian ini adalah :

1.

2.

Manfaat bagi Penulis

Dapat menambah pengetahuan dan pemahaman dalam bidang Software

Engineering Serta penelitian ini dapat dijadikan sarana untuk menerapkan

ilmu dan keterampilan yang telah didapatkan selama masa perkuliahan.

Manfaat bagi Akademik

Dapat menambah pembendaharaan literasi ilmiah di perpustakaan serta

dapat dijadikan sebagai acuan bagi mahasiswa yang sedang

3.

1.7

mengembangkan dan mengkaji Software Engineering.

Manfaat bagi Pembaca

Sebagai bahan referensi, masukan, dan tambahan ilmu pengetahuan

khususnya mengenai perancangan system dan juga WEB yang nantinya

akan dikembangkan lebih jauh lagi.

Sistematika Penulisan

Sistematika penulisan dalam penelitian ini dilakukan berdasarkan urutan

sebagai berikut :

5

Page 20: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

BAB I

BAB II

PENDAHULUAN

Bab ini membahas mengenai latar belakang masalah, ruang lingkup

tujuan dan manfaat dari penelitian yang dilakukan, metode yang akan

digunakan dalam penelitian, serta sistematika penulisan.

TINJAUAN PUSTAKA

Bab ini berisikan penjelasan dari teori-teori yang diambil dari beberapa

kutipan buku dan jurnal serta metode yang digunakan oleh penulis

sebagai kerangka pemecahan masalah.

BAB III METODOLOGI PENELITIAN

Bab ini berisikan langkah pemecahan masalah yang dijelaskan dalam

bentuk flowchart yang akan menggambarkan alur dari proses penelitian.

BAB IV HASIL DAN PEMBAHASAN

Bab ini berisikan kesimpulan dari hasil penelitian, pengembangan dan

pengujian sistem yang telah dilakukan.

BAB V PENUTUP

Bab ini adalah bab terakhir yang menyajikan kesimpulan dan saran

perbaikan.

6

Page 21: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

BAB II

TINJAUAN PUSTAKA

2.1 Kajian Pustaka

Sebelum melakukan penelitian penulis terlebih dahulu melakukan tinjauan

pustaka dari penelitian lain tentang rancangan system ujian berbasis web.

Penelitian rancangan sistem ujian berbasis web ini bukanlah penelitian yang

pertama kalinya. Sebelumnya sudah ada penelitian yang membahas mengenai

rancangan system ujian berbasis web ini.

2.2 Dasar Teori

2.2.1 Implementasi Sistem

Implementasi sistem adalah tahap penerapan sistem yang akan

dilakukanjika sistem disetujui termasuk program yang telah dibuat pada

tahapperancangan sistem agar siap untuk dioperasikan. Implementasi

SistemInformasi Order Center berbasis intranet ini dilakukan menggunakan

bahasapemrograman PHP dengan basis data yang digunakan adalah

MySQL.Aplikasi PHP tersebut dapat dijalankan pada berbagai platform sistem

operasidan perangkat keras, tetapi implementasi dan pengujian sepenuhnya

hanyadilakukan pada perangkat keras PC (Personal Computer) dengan system

operasi Microsoft Windows XP.Implementasi sistem adalah prosedur yang

dilakukan untuk menyelesaikan desain yang ada dalam dokumen desain sistem

yang disetujui dan menguji, menginstal, memulai, serta menggunakan sistem

7

Page 22: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

yang baru atausistem yang diperbaiki. Penggunaan suatu komputer untuk

pemecahan masalah membutuhkan suatu sistem yang baik,

sehinggamemungkinkan berhasilnya komputer dalam melaksanakan tugasnya,

yaitu mengolah data menjadi informasi.

Tujuan Implementasi Sistem Sistem setelah dianalisa dan dirancang, maka

sistem tersebut siap diterapkan atau diimplementasikan.Tahap implementasi

adalah tahap dimana sistem informasi telah digunakan oleh pengguna.Sebelum

benar-benar bisa digunakan dengan baik oleh pengguna, sistem harus melalui

tahap pengujian terlebih dahulu untuk menjamin tidak ada kendala fatal yang

muncul pada saat pengguna memanfaatkan sistemnya.Jika sistem perangkat lunak

telah selesai melewati tahap pengujian sistem maka sistem perangkat lunak

tersebut telah siap untuk digunakan.Penggunaan sistem perangkat lunak yang

baru pada suatu organisasi atau perusahaan kadangkadang merupakan proses

yang tidak mudah sehingga diperlukan latihan bagi pengguna sebelum

digunakan.

2.2.2 Definisi Sistem

Ada beberapa macam arti dari istilah sistem ini, baik secara etomologis

maupun pendapat beberapa ahli. Secara etimologis, istilah sistem berasal dari

bahasa Yunani, yaitu sistema yang mempunyai arti :

1.

2.

Suatu keseluruhan yang tersusun dari sekian banyak bagian

Hubungan yang berlangsung dari antara satuan – satuan atau komponen-

komponen secara teratur.

8

Page 23: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Sistem adalah suatu keputusan yang terdiri dari komponen atau elemen yang

dihubungkan bersama untuk memudahkan aliran informasi, materi atau energi.

Istilah ini sering digunakan untuk menggambarkan suatu entitas yang saling

berinteraksi sistem dapat diartikan sebagai kumpulan atau himpunan dari unsur,

kompenen, atau variabel yang terorganisasi, saling berinteraksi, saling tergantung

satu sama lain dan terpadu, (Tata Sutabri, 2012) .

Sistem adalah suatu rangkaian yang terdiri dari dua atau lebih komponen

yang saling berhubungan dan saling berinteraksi satu sama lain untuk mencapai

tujuan dimana sistem biasa nya terbagi dalam sub sistem yang lebih kecil yang

mendukung sistem yang lebih, (Romney dan Steinbart, 2015)

Dengan demikian dapat disimpulkan bahwa sistem merupakan

seperangkat elemen yang saling berhubungan yang bersama-sama mencapai suatu

tujuan tertentu dalam proses yang teratur yang dapat mendukung sistem yang

lebih besar dan saling memiliki ketergantungan untuk mencapai tujuan tertentu.

Ada beberapa macam arti dari istilah sistem ini menurut pendapat beberapa ahli.

Menurut Hutahaean (2014:2), Sistem adalah suatu jaringan kerja dari

prosedurprosedur yang saling berhubungan, berkumpul bersama-sama untuk

melakukan kegiatan atau untuk melakukan sasaran yang tertentu.

Menurut Sutabri (2012:6), Sistem adalah sekelompok unsur yang erat

hubungannya satu dengan yang lain, yang berfungsi bersama-sama untuk

mencapai tujuan tertentu.

9

Page 24: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

2.2.3 Karakteristik Sistem

Adapun karakteristik atau sifat-sifat tertentu dari sistem adalah sebagai

berikut :

1. Komponen sistem

Suatu sistem terdiri dari sejumlah komponen yang saling berinteraksi,

yang bekerja sama membentuk satu kesatuan. Komponen-komponen

sistem tersebut dapat berupa suatu bentuk subsistem. Setiap subsistem

memiliki sifat-sifat sistem yang menjalankan suatu fungsi tertentu dan

mempengaruhi proses sistem secara keseluruhan.

2. Batasan sistem

Ruang lingkup sistem merupakan daerah yang membatasi antara sistem

dengan sistem lainnya atau sistem dengan lingkungan luarnya. Batasan

sistem ini memungkinkan suatu sistem dipandang sebagai suatu kesatuan

yang tidak dapat dipisah-pisahkan.

3. Lingkungan luar

Bentuk apapun yang ada di luar ruang lingkup atau batasan sistem yang

mempengaruhi operasi sistem tersebut disebut dengan lingkungan laur

sistem. Lingkungan luar sistem ini dapat menguntungkan merupakan

energi bagi sistem tersebut, yang dengan demikian lingkunganluar tersebut

harus selalu dijaga dan dipelihara. Sedangkan lingkungan luar yang

merugikan harus dikendalikan. Kalau tidak maka akan menganggu

kelangsungan hidup sistem tersebut.

10

Page 25: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4. Penghubung sistem

Media yang menghubungkan sistem dengan subsistem yang lain disebut

dengan penghubung sistem atau interface. Penghubung ini memungkinkan

sumber-sumber daya mengalir dari subsistem ke subsistem yang lain.

Keluaran suatu subsistem akan menjadi masukan untuk subsistem lain

dengan melewati penghubung. Dengan demikian terjadi suatu integrasi

sistme yang membentuk satu kesatuan.

5. Masukkan sistem

Energi yang dimasukkan ke dalam sistem disebut masukan sistem, yang

dapat berupa pemeliharaan (maintenance input) sinyal (signal input).

Sebagai contoh, di dalam suatu unit sistem komputer, “program” adalah

maintenance input yang digunakan untuk mengoperasikan komputer.

Sementara “data” adalah signal input yang akan diolah menjadi informasi.

6. Keluaran sistem

Hasil dari energi yang diolah dan diklasifikasikan menjadi keluaran yang

berguna. Keluaran ini merupakan masukan bagi subsistem yang lain.

Seperti contoh sistem informasi, keluaran yang dihasilkan adalah

informasi, dimana informasi ini dapat digunakan sebagai masukan untuk

pengambilan keputusan atau hal-hal lain yang merupakan input bagi

subsistem lainnya.

7. Pengolah sistem

Suatu sistem dapat mempunyai suatu proses yang akan mengubah

masukan menjadi keluaran. Sebagai contoh, sistem akuntansi. Sistem ini

11

Page 26: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

akan mengolah data transaksi menjadi laporan-laporan yang dibutuhkan

oleh pihak manajemen.

8. Sasaran sistem

Suatu sistem memiliki tujuan dan sasaran yang pasti dan bersifat

deterministik. Kalau suatu sistem tidak memiliki sasaran, maka operasi

sistem tidak ada gunanya. Suatu sistem dikatakan berhasil bila mengenai

sasaran atau tujuan yang telah direncanakan.

2.2.4 Klasifikasi Sistem

Menurut Sutabri (2012:15), Sistem dapat diklasifikasikan dari beberapa

sudut pandangan, yaitu :

1.

2.

Sistem Abstrak dan Sistem Fisik

Sistem abstrak adalah sistem yang berupa pemikiran atau ide-ide yang

tidak tampak secara fisik, misalnya sistem teologia, yaitu suatu sistem

yang berupa pemikiran tentang hubungan antara manusia dengan Tuhan;

sedangkan sistem fisik merupakan sistem yang ada secara fisik, seperti

sistem komputer, sistem produksi, sistem penjualan, sistem adminstrasi

personalia, dan lain sebagainya.

Sistem Alamiah dan Sistem Buatan Manusia

Sistem alamiah adalah sistem yang terjadi melalui proses alam, tidak

dibuat oleh manusia, misalnya sistem perputaran bumi, terjadinya siang

malam, dan pergantian musim. Sedangkan sistem buatan manusia

merupakan sistem yang melibatkan hubungan manusia dengan mesin,

yang isebut dengan human machine system. Sistem informasi berbasis

12

Page 27: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

komputer merupakan contohnya, karena

komputer yang berinteraksi dengan manusia.

menyangkut penggunaan

3. Sistem Deterministik dan Sistem Probabilistik

Sistem yang beroperasi dengan tingkah laku yang dapat diprediksi disebut

sistem deterministik. Sistem komputer adalah contoh dari sistem yang

tingkah lakunya dapat dipastikan berdasarkan program-program komputer

yang dijalankan. Sedangkan sistem yang bersifat probabilistik adalah

sistem yang kondisi masa depannya tidak dapat diprediksi, karena

mengandung unsur probabilitas.

4. Sistem Terbuka dan Sistem Tertutup

Sistem tertutup merupakan sistem yang tidak berhubungan dan tidak

terpengaruh oleh lingkungan luarnya. Sistem ini bekerja secara otomatis

tanpa ada campur tangan dari pihak luar. Sedangkan sistem terbuka adalah

sistem yang berhubungan dan dipengaruhi oleh lingkungan luarnya, yang

menerima masukan dan menghasilkan keluaran untuk subsistem lainnya.

2.2.5 Ujian Sekolah

Ujian sekolah adalah kegiatan pengukuran pencapaian kompetensi peserta

didik yang dilakukan oleh satuan pendidikan untuk memperoleh pengakuan atas

prestasi belajar dan merupakan salah satu persyaratan kelulusan dari satuan

pendidikan. Mata pelajaran yang diujikan adalah mata pelajaran kelompok mata

pelajaran ilmu pengetahuan dan teknologi yang tidak diujikan dalam ujian

nasional dan aspek kognitif dan/atau psikomotorik kelompok mata pelajaran

agama dan akhlak mulia serta kelompok mata pelajaran kewarganegaraan dan

13

Page 28: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

kepribadian yang akan diatur dalam POS Ujian Sekolah/Madrasah (Peraturan

Menteri Pendidikan Nasional Nomor 20 Tahun 2007 tentang Standar Penilaian

Pendidikan Lampiran A 8).

Ujian menurut pengertiannya adalah serangkaian tes yang dilakukan yang

memiliki tujuan untuk menentukan kemampuan yang dimiliki oleh seorang

pelajar apakah sudah memenuhi kriteria atau bahkan belum sama sekali. Pada

jenjang pendidikan sekolah mulai dari yang kelas dasar sampai kelas atas

semuanya sudah menggunakan yang namanya ujian.Ada yang namanya Ujian

Sekolah dan Ujian Sekolah Berstandar Nasional.Dari kedua ujian tersebut

pastinya ada beberapa perbedaan yang dimiliki keduanya, langsung saja kita

bahas mengenai perbedaan Ujian Sekolah dan Ujian Sekolah Berstandar

Nasional.Ujian Sekolah adalah kegiatan pengukuran pencapaian kompetensi bagi

para pelajar yang dilakukan oleh satuan pendidikan guna untuk mengetahui

kemampuan pelajar selama menerima materi, selain itu ujian sekolah bisa

digunakan untuk pengakuan atas prestasi yang sudah dicapai setelah menempuh

pendidikan selama waktu yang sudah ditentukan. Ujian sekolah ini juga menjadi

persyaratan untuk kelulusan setiap pelajar.Mata pelajaran yang diujikan pada ujan

sekolah ini adalah mata pelajaran yang tidak diujikan pada saat UN maupun

USBN berlangsung.Ujian Sekolah Berstandar Nasional adalah Ujian akhir yang

dilakukan pada tingkat akhir satuan pendidikan, untuk dari segi yang diujikan

memang sama tetapi dari kualitasnya sudah diupgrade menjadi lebih baik dengan

menggunakan standart nasional. Untuk mata pelajaran yang diujikan berbeda

dengan yang diujikan pada saat Ujian Nasional berlangsung.

14

Page 29: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

2.2.6 WEBSITE

Website adalah sebuah kumpulan halaman pada suatu domain di internet

yang dibuat dengan tujuan tertentu dan saling berhubungan serta dapat diakses

secara luas melalui halaman depan (home page) menggunakan sebuah browser

menggunakan URL website.Website pertama kali dibuat oleh Tim Berners-Lee

pada akhir 1980an dan baru resmi online pada tahun 1991.Tujuan awal Tim

Berners-Lee membuat sebuah website adalah supaya lebih memudahkan para

peneliti di tempatnya bekerja ketika akan bertukar atau melakukan perubahan

informasi.

Website adalah fasilitas internet penghubung dokumen dalam lingkup

lokal maupun jarak jauh. Dokumen pada website disebut dengan web page

sementara link dalam website memungkinkan pengguna bisa berpindah dari satu

page ke page lain (hyper text), baik diantara page yang disimpan dalam server

yang sama maupun server diseluruh dunia. Pages diakses dan dibaca lewat

browser seperti Netscape Navigator, Internet Explorer, Mozila Firefox, Google

Chrome dan aplikasi browser lainnya (pengertian website dari Hakim Lukmanul,

2004).

Website adalah kumpulan halaman web yang saling terhubung dan file-

filenya saling terkait satu sama lain. Web terdiri dari page/halaman, dan kumpulan

halaman yang disebut homepage.Homepage berada pada posisi teratas, dengan

halaman-halaman terkait yang berada di bawahnya. Biasanya setiap halaman di

bawah homepage disebut child page, yang berisi hyperlink ke halaman lain dalam

web (pengertian website dari Gregorius, 2000).

15

Page 30: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Website adalah suatu metode untuk menampilkan informasi pada internet,

baik berupa teks, gambar, suara atau video yang interaktif dan mempunyai

kelebihan untuk menghubungkan (link) satu dokumen dengan dokumen lainnya

(hypertext), dapat diakses melalui sebuah browser (pengertian website dari

Yuhefizar, 1998).

2.3 Perancangan Sistem

Tahap perancangan sistem merupakan kelanjutan dari analisis kebutuhan

sistem sehingga data yang akan dibuat dapat disusun dengan mudah, dan tepat

pada sasaran yang telah ditetapkan sebelum menyusun suatu aplikasi. Langkah

yang harus dilakukan adalah dengan membuat rancangan aplikasi terhadap

permasalahan yang dibahas dengan harapan agar pembuatan aplikasi tidak meluas

dari pokok permasalahan (Rahmad Tedy, 2014).

Perancangan sistem, yang pertama yaitu kumpulan dari beberapa elemen

yang saling berkaitan, kemudian yang bertanggung jawab dalam memproses input

sehingga menghasilkan sebuah output. Perancangan sistem merupakan sebuah

jaringan kerja dari beberapa prosedur yang saling berkenaan dan berkumpul

bersama sama melakukan kegiatan atau juga untuk menyelesaikan sasaran yang

tertentu. Dan terakhir, kumpulan dari beberapa elemen yang saling berinteraksi,

melakukan sebuah aktivitas untuk mencapai tujuan tertentu.

Pengertian sistem informasi juga mempunyai beberapa arti. Salah satunya

yaitu, merupakan sekumpulan dari beberapa fungsi yang bekerja bersama sama

dalam mengelola, kemudian menyimpan, pemrosesan dan melakukan

pendistribusian informasi, perancangan sistem dapat diartikan sebagai berikut :

16

Page 31: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

1. Tahap setelah analisis dari siklus pengembangansistem

2. Pendefinisian dari kebutuhan-kebutuhan fungsional

3. Persipan untuk rancang bangunimplementasi

4. Menggambarkan bagaimana suatu sistemdibentuk

5. Yang dapat berupa penggambaran perencanaan dan pembuatan sketsa atau

pengaturan dari beberapa elemen yang terpisah ke dalam satu kesatuan

yang utuh danberfungsi.

6. Termasuk menyangkut mengkonfigurasi dari komponen perangkat keras

dari suatusistem.

2.3.1 Metode Waterfall

Metode air terjun atau yang sering disebut metode waterfall sering

dinamakan siklus hidup klasik (classic life cycle), dimana hal ini menggambarkan

pendekatan yang sistematis dan juga berurutan pada pengembangan perangkat

lunak, dimulai dengan spesifikasi kebutuhan pengguna lalu berlanjut melalui

tahapan-tahapan perencanaan (planning), permodelan (modeling), konstruksi

(construction), serta penyerahan sistem ke para pelanggan/pengguna

(deployment), yang diakhiri dengan dukungan pada perangkat lunak lengkap yang

dihasilkan (Pressman, 2012). Tahapan metode waterfall dapat dilihat pada gambar

berikut:

17

Page 32: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Gambar 2.1 Waterfall (Sumber; Google)

Dalam pengembangannya metode waterfall memiliki beberapa tahapan yang

berurut yaitu: requirement (analisis kebutuhan), design system (desain sistem),

Coding (pengkodean) & Testing (pengujian), Penerapan Program, pemeliharaan.

Tahapan tahapan dari metode waterfall adalah sebagai berikut :

1. Requirement Analisis

Tahap ini pengembang sistem diperlukan komunikasi yang bertujuan

untuk memahami perangkat lunak yang diharapkan oleh pengguna dan

batasan perangkat lunak tersebut. Informasi ini biasanya dapat diperoleh

melalui wawancara, diskusi atau survei langsung. Informasi dianalisis

untuk mendapatkan data yang dibutuhkan oleh pengguna.

2. System Design

Spesifikasi kebutuhan dari tahap sebelumnya akan dipelajari dalam fase ini

dan desain sistem disiapkan. Desain Sistem membantu dalam menentukan

perangkat keras(hardware) dan sistem persyaratan dan juga membantu

dalam mendefinisikan arsitektur sistem secara keseluruhan.

18

Page 33: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

3. Implementation

Pada tahap ini, sistem pertama kali dikembangkan di program kecil yang

disebut unit, yang terintegrasi dalam tahap selanjutnya. Setiap unit

dikembangkan dan diuji untuk fungsionalitas yang disebut sebagai unit

testing.

4. Integration & Testing

Seluruh unit yang dikembangkan dalam tahap implementasi diintegrasikan

ke dalam sistem setelah pengujian yang dilakukan masing-masing unit.

Setelah integrasi seluruh sistem diuji untuk mengecek setiap kegagalan

maupun kesalahan.

5. Operation & Maintenance

Tahap akhir dalam model waterfall. Perangkat lunak yang sudah jadi,

dijalankan serta dilakukan pemeliharaan. Pemeliharaan termasuk dalam

memperbaiki kesalahan yang tidak ditemukan pada langkah sebelumnya.

Perbaikan implementasi unit sistem dan peningkatan jasa sistem sebagai

kebutuhan baru.

Kelebihan menggunakan metode air terjun (waterfall) adalah metode ini

memungkinkan untuk departementalisasi dan kontrol. proses pengembangan

model fase one by one, sehingga meminimalis kesalahan yang mungkin akan

terjadi. Pengembangan bergerak dari konsep, yaitu melalui desain, implementasi,

pengujian, instalasi, penyelesaian masalah, dan berakhir di operasi dan

pemeliharaan.

19

Page 34: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Kekurangan menggunakan metode waterfall adalah metode ini tidak

memungkinkan untuk banyak revisi jika terjadi kesalahan dalam prosesnya.

Karena setelah aplikasi ini dalam tahap pengujian, sulit untuk kembali lagi dan

mengubah sesuatu yang tidak terdokumentasi dengan baik dalam tahap konsep

sebelumnya.

2.3.2 Flowchart

Menurut (Iswandy et al., 2015) Flowchart merupakan urutan-urutan

langkah kerja suatu proses yang digambarkan dengan menggunakan simbol-

simbol yang disusun secara sistematis. Flowchart adalah suatu bagan dengan

simbol-simbol tertentu yang menggambarkan urutan proses secara mendetail.

(Ppmi & Amanina, 2013) flowchart adalah bagian (chart) yang menunjukkan

alir (flow) di dalam pemrograman atau prosedur sistem secara logika bagian alir

digunakan terutama untuk alat bantu komunikasi dan untuk dokumentasi.

flowchart adalah gambaran dalam bentuk diagram alir dari algoritma-algoritma

dalam suatu program, yang menyatakan arah alur program tersebut. flowchart

atau bagan alur merupakan metode untuk menggambarkan tahap-tahap

penyelesaian masalah (prosedur) beserta aliran data dengan simbol- simbol

standar yang mudah dipahami. Flowchart merupakan urutan-urutan langkah

kerja suatu proses yang digambarkan dengan menggunakan simbol- simbol

yang disusun secara sistematis Simbol-simbol yang digsunakan untuk

menggambarkan flowchart dapat dilihat pada table

20

Page 35: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Tabel 2.1 Simbol Flowchart

No. Simbol

1

Nama Simbol

Dokumen

Keterangan

Dokumen atau laporan dokumen

tersebut dipersiapkan

dengan

tulisan tangan

dengan 21rofessi.

atau dicetak

2

3

Multidokumen

Pengetikan on-

line

Digambarkan yaitu dengan cara

penumpukan 21rofes dokumen.

Masukan data melalui peralatan

on – line seperti terminal atau

personal computer.

4 Proses Fungsi pemrosesan yang

dilaksanakan dengan computer,

biasanya menghasilkan perubahan

atau data atau informasi.

5 Proses manual Pelaksanaan pemrosesan yang

dilakukan secara manual.

21

Page 36: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

6 Disk magnetic Data disimpan permanen didalam

disk magnetis, dipergunakan

7

Penyimpanan

on-line

untuk file utama dari database.

Data disimpan didalam file on line

temporer melalui media yang

dapat diakses secara

langsung seperti disk.

8 Arus dokumen Arah pemrosesan atau arus

dokumen, arus yang normal

berada dibawah dan

mengarah ke kanan.

9 On-page Menghubungkan arus

10

Off-page

connector

pemrosesan di satu halaman yang

sama.

Suatu penanda masuk dari atau

keluar ke halaman lain.

11 Keputusan Langkah pengambil keputusan,

dipergunakan dalam sebuah

program computer bagan alir.

22

Page 37: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

12 Titik terminal Digunakan untuk menunjukan

awal dan akhir dari suatu proses.

13 Simpanan File non computer yang

Offline diarsipkan menurut angka.

2.3.3 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) merupakan gambaran sistem secara logika

yang tidak tergantung pada perangkat keras, perangkat lunak, struktur data atau

organisasi file. Keuntungan dari DFD, memudahkan pemakai yang kurang

menguasai bidang 23rofessi untuk mengerti sistem yang akan dikerjakan atau

dikembangkan, tahap awal dalam merancang sistem ini adalah pembuatan

modeling system yang menggambarkan sistem informasi yang akan dibangun.

Menurut (Iswandy, Sekolah, Manajemen, Komputer, & Balantai, 2015)

DFD sering digunakan untuk menggambarkan suatu sistem yang telah ada atau

sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan

lingkungan fisik dimana data tersebut mengalir atau lingkungan fisik dimana

data tersebut disimpan, Data flow Diagram (DFD) merupakan diagram yang

menggunakan notasi-notasi atau 23rofes-simbol untuk menggambarkan arus

data dalam sistem DFD sering digunakan untu sistem yang sedang berjalan atau

sistem yang sedang diusulkan dan dirancang tanpa mempertimbangkan dimana

data teresebut disimpan. DFD ini merupakan alat perancangan sistem yang

berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk

23

Page 38: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan

oleh 24rofessional sistem kepada pemakai maupun pembuat program.

2.3.4 Entity Releationship Diagram (ERD)

Entity Relationship Diagram ERD adalah sebuah model data yang

menggunakan beberapa notasi untuk menggambarkan data dalam hal entitas dan

relasi yang digambarkan oleh data tersebut. (Riset et al., 2013), ERD adalah

model yang dibuat berdasarkan anggapan bahwa dunia nyata terdiri dari obyek-

obyek dasar yang dinamakan entitas (entity) serta hubungan (relationship) antara

entitas-entitas itu. ERD berguna untuk membantu dalam memahami sesuatu

hubungan atau relasi antara beberapa komponen-komponen atau entiti-entiti

dalam perancangan sebuah sistem .

Menurut (Ilmiah, 2018) Entity Relationship Diagram (ERD) adalah suat

model jaringan yang menggunakan susunan data yang disimpan dalam sistem

secara abstrck. Model Entity-Relationship berisi komponen-komponen dari suatu

himpunan entitas dan himpunan relasi yang masing-masing dilengkapi dengan

atribut-atribut yang merepresentasikan seluruh fakta yang ditinjau sehingga dapat

diketahui hubungan antara entity-entity yang ada dengan atribut-atributnya. Selain

itu juga bisa menggambarkan hubungan yang ada dalam pengolahan data, seperti

hubungan many to many, one to many, atau one to one. Lebih jelasnya akan

digambarkan secara sistematis dengan menggunakan Diagram Entity-

Relationship.

24

Page 39: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Tabel 2.2 Simbol ERD

2.3.5 Kamus Data

Menurut (Palopo, 2014) Kamus data (data dictionary) adalah katalog

fakta tentang data dan kebutuhankebutuhan. Kamus data berfungsi sebagai

suatu katalog yang menjelaskan lebih detail tentang DAD yang mencakup

process, data flow, dan data store. Kamus data sering di sebut juga dengan

system data dictionary adalah katagori fakta tentang data kebutuhan-kebutuhan

informasi dari suatu system informasi dengan menggunakan kamus data analis

25

SIMBOL KETERANGAN

Attribute. Simbol terminal ini untuk

menunjukkan nama-nama atribut yang ada

pada entiti.

Primary Key Attribute. Simbol atribut yang

digarisbawahi, berfungsi sebagai key (kunci)

di antara nama-nama atribut yang ada pada

suatu entiti.

Relationship. Simbol ini menyatakan relasi

ini digunakan untuk menunjukkan hubungan

yang ada antara entiti yang satu dengan entiti

yang lainnya.

Link. Simbol berupa garis ini digunakan

sebagai penghubung antara himpunan relasi

Page 40: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

system dapat mendefinisikan data yang mengalir pada system dengan lengkap

selain itu kamus data memberikan pengertian yang sama antara pemakai dan

penganalisis system tentang masukan, keluaran, penyimpanan dan proses dalam

system.

2.3.6 Normalisasi

Menurut (Ppmi & Amanina, 2013) Normalisasi adalah teknik pendesainan

secara luas yang digunakan untuk mengarahkan kita dalam merancang relational

database . Normalisasi adalah peralatan yang digunakan untuk melakukan proses

pengelompokan data menjadi tabel-tabel yang menunjukan entitas dan relasinya.

Dalam proses normalisasi, persyaratan sebuah tabel harus dipecah didasarkan

adanya konsultan kondisi pengorganisasian data seperti untuk menambah data

atau menyisipkan, menghapus atau mengubah, serta pembacaan data dari tabel

tersebut.

Normalisasi adalah suatu teknik dengan pendekatan bottom-up yang

digunakan untuk membantu mengidentifikasi hubungan dimulai dari menguji

hubungan, yaitu functional dependencies antara atribut ( indrajani,7,2015). Bila

masih ada kesulitan, maka tabel jaris dipecah menjadi beberapa bagian dan

dilakukan proses normalisasi kembali sampai diperoleh tabel yang optimal.

Proses normalisasi selalu diuji pada beberapa kondisi, yaitu kemungkinan ada

kesulitan pada saat menambah, menghapus, mengubah, membaca pada suatu

database. Bila ada kesulitan pada pengujian tersebut relasi dapat dipecahkan pada

beberapa tabel lagi atau dengan kata lain perancangan mendapatkan database

optimal.

26

Page 41: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Tujuan Normalisasi:

1. Menghilangkan kerangkapan data

2. Mengurangi kompleksitas

3. Mempermudah pemodifikasian data

Tingkatan Normalisasi

Tingkatan Normalisasi Secara umum proses normalisasi dibagi menjadi tiga

tahap, yaitu tahap tidak normal, normalisasi tahap 1, normalisasi tahap 2,

normalisasi tahap 3, pada tahap ketiga biasanya sudah akan diperoleh tabel yang

optimal.

1. Bentuk tidak normal (Unnormalized Form) semua data yang ada direkam

tanpa format tertentu. Data bisa jadi mengalami duplikasi.

2. Bentuk normal tahap 1 (Normalized Form 1) pada tahap ini dibentuk tabel-

tabel yang menampung data yang ada dan dikelompokan berdasarkan

suatu karakteristik tertentu. Pada tahap ini harus diusahakan tidak ada field

dalam satu tabel yang berulang.

3. Bentuk normal tahap 2 (Normalized Form 2) dilakukan penentuan field

kunci dari masing-masing tabel. Kunci-kunci tersebut harus unik dan

mewakili tabel. Bentuk normal tahap 2 (2NF) terpenuhi jika sebuah tabel,

semua atribut selain primary key memiliki ketergantungan fungsional pada

primary key secara utuh.

4. Bentuk normal tahap 3 (Normalized form 3) dilakukan penentuan relasi

antar tabel, sehingga akan ditemukan adanya field kunci sekunder pada

tabel-tabel tertentu.

27

Page 42: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

2.3.7 Hierarchy Plus Input – Procces Output

HIPO merupakan alat dokumentasi program yang berdasarkan fungsinya

untuk meningkatkan efisiensi usaha perawatan program. Dokumen ini

dilaksanakan dengan mempercepat lokasi dalam kode pada fungsi program yang

akan dimodifikasi. Atau dapat dikatakan bahwa HIPO dikembangkan agar

tersedia suatu teknik untuk mendokumentasikan fungsi program.

Menurut (Rian, 2014) Pembentukan HIPO ini dilakukan pada tahap

pengembangan sistem informasi. HIPO (Hierearchy Plus Input –Process-Output)

mempunyai sasaran utama sebagai berikut :

1. Untuk menyediakan suatu struktur guna memahami fungsi dari sistem

2. Untuk lebih menekankan fungsi-fungsi yang hasrus diselesaikan oeh

program, bukan hanya menunjukan statement-statement program yang

digunakan untuk melaksanakan fungsi tersebut.

3. Untuk menyediakan penjelasan yang jelas dari input yang harus digunakan

dan output yang harus dihasilkan oleh masing-masing fungsi pada tiap-tiap

tingkatan dari diagram HIPO.

4. Untuk menyediakan output yang tepat dan sesuai dengan kebutuhan-

kebutuhan pemakai.

2.4 Basis Data

Menurut (Yuliansyah, 2014) database adalah kumpulan dari item data

yang saling berhubungan satu dengan yang lainnya yang diorganisasikan

berdasarkan sebuah skema atau struktur tertentu, yang kelak dapat dimanfaatkan

kembali dengan cepat dan mudah. Basis data adalah kumpulan file-file yang

28

Page 43: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

saling berelasi, relasi tersebut biasa ditunjukan dengan kunci dari tiap file yang

ada. Satu basis data menunjukkan kumpulan data yang dipakai dalam satu lingkup

informasi. Database sekumpulan file yang saling berhubungan dan terorganisasi

atau kumpulan record-record yang menyimpan data dan hubungan diantaranya.

Menurut (Riset et al., 2013) Database merupakan himpunan kelompok

data yang saling berkaitan . Basis data (database) dapat diartikan sebagai

kumpulan data yang disusun dalam bentuk tabel-tabel yang saling berkaitan

maupun berdiri sendiri dan disimpan secara bersama-sama pada suatu media.

Basis data dapat digunakan oleh satu atau lebih program aplikasi secara optimal,

data disimpan tanpa mengalami ketergantungan pada program yang akan

menggunakannya. Database adalah sebuah sistem yang di buat untuk

mengorganisasi, menyimpan dan menarik data dengan mudah. Database terdiri

dari kumplan data yang terorganisir untuk 1 atau lebih penggunaan, dalam bentuk

digital.

Menurut (Ariska et al., 2016) Basis data (database) adalah suatu

pengorganisasian sekumpulan data yang saling terkait sehingga memudahkan

aktivitas untuk memperoleh informasi. Basis data dimaksudkan untuk mengatasi

problem pada sistem yang memakai pendekatan berbasis berkas.

Database adalah sekumpulan dari bermacam macam tipe record yang

memiliki hubungan antar record (robi,14,2016). Basis data dapat diidentifikasikan

dalam sejumlah sudut pandang seperti sebuah himpunan kelompok data yang

saling berhubungan yang diorganisasikan sedemikian rupa agar kelak dapat

dimanfaatkan kembali dengan cepat dan mudah. Kumpulan data yang saling

29

Page 44: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

berhubungan dan disimpan secara bersamaan sedemikian rupa tanpa pengulangan

(redudancy) yang tidak perlu untuk memenuhi kebutuhan.

Database digunakan untuk menyimpan data yang terintegrasi dengan baik

di dalam komputer. Beberapa sifat yang ada pada pembuatan database , yaitu :

1. Berbagi Data (Shareability) Elemen-elemen database dapat dibagikan pada

para user baik secara sendiri-sendiri maupun secara serentak dan pada

waktu yang sama.

2. Integrasi data, Data-data yang ada saling berkaitan dengan data yang lain.

3. Keamanan data,Data dikumpulkan dikarenakan sangat penting dan sangat

rahasia oleh sebab itu dijaga agar tidak semua data orang tahu oleh orang

lain yang tidak berhak. Jika data tersebut gampang diketahui orang makan

akan sulit menjaga keaslian data tersebut.

4. Abstraksi data,tingkatan dalam bagaimana melihat data dalam sebuah

sistem basis data.

5. Independensi data, Kemampuan untuk membuat perubahan dalam struktur

data tanpa merubah pada program yang ada.

2.4.1 Database Management System (DBMS)

DBMS adalah suatu sistem atau software yang dirancang khusus untuk

mengelola suatu database dan menjalankan operasi terhadap data yang diminta

oleh banyak pengguna. Tujuan utama penggunaan DBMS dalam jaringan

komputer adalah untuk menghindari kekacauan dalam hal pengolahan data yang

jumlahnya besar. DBMS merupakan perantara bagi pengguna dan database, dan

agar dapat berinteraksi dengan DBMS maka pengguna harus memakai bahasa

30

Page 45: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

database yang sudah ditentukan. Ada dua jenis bahasa komputer yang dapat

digunakan dalam berinteraksi dengan DBMS, yaitu:

1. Data Definition Language (DDL); digunakan untuk menggambarkan

desain dari basis data secara keseluruhan, mulai dari membuat tabel baru,

memuat indeks, maupun mengubah tabel.

2. Data Manipulation Language (DML); digunakan untuk memanipulasi dan

mengambil data dari database, menghapus data dari database, dan

mengubah data pada suatu database.

Menurut Date C.J. Date, definisi DBMS adalah tempat atau lokasi untuk

sekumpulan berkas data yang sudah terkomputerisasi dengan tujuan untuk

memelihara informasi, dan juga memuat informasi tersebut, terutama apabila

informasi tersebut sedang dibutuhkan.

Menurut Gordon C. Everest, pengertian DBMS adalah manajemen yang

efektif untuk mengorganidit sumber daya data. Dengan kata lain, Sistem Basis

Data adalah sistem pengorganisasian dan sistem pengolahan Database pada

komputer.

2.4.2 MySQL

MySQL merupakan database engine atau server database yang mendukung

bahasa database pencarian SQL. MySQL adalah sebuah perangkat lunak sistem

manajemen basis data SQL atau DBMS yang multithread, multi-user. MySQL AB

membuat MySQL tersedia sebagai perangkat lunak gratis dibawah lisensi GNU

General Public License (GPL), tetapi mereka juga menjual dibawah lisensi

31

Page 46: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

komersial untuk kasus-kasus dimana penggunaannya tidak cocok dengan

penggunaan GPL.

MySQL sebenarnya merupakan turunan salah satu konsep utama dalam

database sejak lama, yaitu SQL (Structured Query Language). SQL adalah sebuah

konsep pengoperasian database, terutama untuk pemilihan atau seleksi dan

pemasukan data, yang memungkinkan pengoperasian data dikerjakan dengan

mudah dan cepat secara otomatis. Keandalan suatu sistem database (DBMS) dapat

diketahui dari cara kerja optimizer-nya dalam melakukan proses perintah-perintah

SQL, yang dibuat oleh user maupun program-program aplikasinya. Sebagai

database server, MySQL dapat dikatakan lebih unggul dibandingkan database

server lainnya dalam query data. Hal ini terbukti untuk query yang dilakukan oleh

single user, kecepatan query MySQL bisa sepuluh kali lebih cepat dari

PostgreSQL dan lima kali lebih cepat dibandingkan Interbase.

MySQL memiliki beberapa kelebihan yaitu:

1. MySQL dapat berjalan stabil pada berbagai sistem operasi seperti

Windows, Linux, FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih

banyak lagi.

2. Open Source. MySQL didistribusikan secara open source, dibawah lisensi

GPL sehingga dapat digunakan secara gratis.

3. MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan

tanpa mengalami masalah atau konflik.

32

Page 47: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4. MySQL memiliki kecepatan yang menakjubkan dalam menangani query

sederhana, dengan kata lain dapat memproses lebih banyak SQL per

satuan waktu.

5. MySQL memiliki tipe kolom yang sangat kompleks, seperti signed /

unsigned integer, float, double, char, text, date, timestamp, dan lain-lain.

6. MySQL memiliki operator dan fungsi secara penuh yang mendukung

perintah Select dan Where dalam perintah (query).

7. Keamanan. MySQL memiliki beberapa lapisan sekuritas seperti level

subnetmask, nama host, dan izin akses user dengan sistem perizinan yang

mendetail serta sandi terenkripsi.

8. Skalabilitas dan Pembatasan. MySQL mampu menangani basis data dalam

skala besar, dengan jumlah rekaman (records) lebih dari 50 juta dan 60

ribu tabel serta 5 milyar baris. Selain itu batas indeks yang dapat

ditampung mencapai 32 indeks pada tiap tabelnya.

9. Dapat melakukan koneksi dengan klien menggunakan protokol TCP/IP,

Unix soket (UNIX), atau Named Pipes (NT).

10. MySQL dapat mendeteksi pesan kesalahan pada klien dengan

menggunakan lebih dari dua puluh bahasa.

11. MySQL memiliki interface (antar muka) terhadap berbagai aplikasi dan

bahasa pemrograman dengan menggunakan fungsi API (Application

Programming Interface).

12. MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani

ALTER TABLE, dibandingkan basis data lainnya semacam PostgreSQL

ataupun Oracle

33

Page 48: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

2.4.3 XAMPP

XAMPP merupakan perangkat lunak yang dikembangkan dari LAMP

yang terdiri dari beberapa perangkat lunak seperti (Linux, Apache, MySQL, PHP,

dan PERL) sebagai project non profit yang dikembangkan oleh Apache Friends.

Apache Friends sendiri terdiri dari Tim Inti (Core Team), Tim Pengembang

(Development Team) dan Tim Dukungan (Support Tim) yang didirikan Kai

Oswalad Seidler dan Kay Vogelgesang pada tahun 2002. Project ini berguna

untuk mempromosikan penggunaan Apache web browser.

XAMPP merupakan singkatan dari masing-masing huruf yang memiliki

makna tersendiri, makna dari masing-masing huruf tersebut adalah:

X, sebagai program yang paling banyak dijalankan pada sistem operasi,

baik pada windows, Linux, Mac, OS ataupun Solaris.

A, Apache sebagai aplikasi web server, yang mana bertugas dalam

menghasilkan halaman web yang benar kepada user melalui kode PHP

yang telah dituliskan pada halaman web.

M, MySQL merupakan aplikasi database server yang dapat berguna untuk

menambahkan, menghapus, dan mengubah data yang ada pada database.

SQL kepanjanan dari Structured Query Language yaitu sebagai bahasa

yang terstruktur dalam mengolah database.

P, PHP merupakan bahasa pemrograman yang biasa digunakan untuk

membuat web yang bersifat server side.

P, Perl yaitu bahasa pemrograman.

34

Page 49: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

menurut Riyanto (2010, 1), dikutip dalam (Choliviana, Triyono, & Sukadi,

2012), XAMPP merupakan paket PHP dan MySQL berbasis open source, yang

dapat digunakan sebagai tool pembantu pengembangan aplikasi berbasis PHP.

XAMPP mengombinasikan beberapa paket perangkat lunak berbeda ke dalam

satu paket.

2.5 Bahasa Pemrograman

Bahasa pemrograman, atau sering diistilahkan juga dengan bahasa

komputer atau bahasa pemrograman komputer, adalah instruksi standar untuk

memerintah komputer. Bahasa pemrograman ini merupakan suatu himpunan dari

aturan sintaks dan semantik yang dipakai untuk mendefinisikan program

komputer. Bahasa ini memungkinkan seorang programmer dapat menentukan

secara persis data mana yang akan diolah oleh komputer, bagaimana data ini akan

disimpan/diteruskan, dan jenis langkah apa secara persis yang akan diambil dalam

berbagai situasi. Bahasa pemrograman adalah sebuah instruksi untuk memerintah

komputer menjalankan fungsi tertentu, namun hanya instruksi standar saja.

Seperti yang telah disinggung di atas, bahasa pemrograman ini berupa sebuah

himpunan aturan sintaks dan semantic yang tugasnya untuk mendefinisikan

program komputer.

Fungsi bahasa pemrograman yaitu memerintah komputer untuk mengolah

data sesuai dengan alur berpikir yang kita inginkan. Keluaran dari bahasa

pemrograman tersebut berupa program/aplikasi. Bahasa Pemrograman yang kita

kenal ada banyak sekali di belahan dunia, tentang ilmu komputer dan teknologi

dewasa ini. Perkembangannya mengikuti tingginya inovasi yang dilakukan dalam

35

Page 50: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

dunia teknologi. Contoh bahasa pemrograman yang kita kenal antara lain adalah

untuk membuat aplikasi game, antivirus, web, dan teknologi lainnya.

Bahasa pemrograman komputer yang kita kenal antara lain adalah Java,

Visual Basic, C++, C, Cobol, PHP, .Net, dan ratusan bahasa lainnya. Namun tentu

saja kebutuhan bahasa ini harus disesuaikan dengan fungsi dan perangkat yang

menggunakannya. Namun,secara umum bahasa pemrograman terbagi menjadi 4

kelompok, yaitu :

1. Object Oriented Language (Visual dBase, Visual FoxPro, Delphi, Visual

C)

2. High Level Language (seperti Pascal dan Basic)

3. Middle Level Language (seperti bahasa C), dan

4. Low Level Language (seperti bahasa Assembly)

2.5.1 Hyper Text Markup Language (HTML)

HTML adalah singkatan dari Hypertext Markup Language. HTML

memungkinkan seorang user untuk membuat dan menyusun bagian paragraf,

heading, link atau tautan, dan blockquote untuk halaman web dan aplikasi. HTML

bukanlah bahasa pemrograman, dan itu berarti HTML tidak punya kemampuan

untuk membuat fungsionalitas yang dinamis. Sebagai gantinya, HTML

memungkinkan user untuk mengorganisir dan memformat dokumen, sama seperti

Microsoft Word. Ketika bekerja dengan HTML, kami menggunakan struktur kode

yang sederhana (tag dan attribute) untuk mark up halaman website. Misalnya,

kami membuat sebuah paragraf dengan menempatkan enclosed text di antara tag

pembuka <p> dan tag penutup </p>.

36

Page 51: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

HTML dibuat oleh Tim Berners-Lee, seorang ahli fisika di lembaga

penelitian CERN yang berlokasi di Swiss. Dia memiliki ide tentang sistem

hypertext yang berbasis internet. Hypertext merujuk pada teks yang memuat

referensi (link) ke teks lain yang bisa diakses langsung oleh viewer. Tim merilis

versi pertama HTML pada tahun 1991, dan di dalamnya terdiri atas 18 HTML tag.

Sejak saat itu, setiap kali bahasa HTML merilis versi teranyarnya, selalu ada tag

dan attribute (tag modifier) terbaru. Berdasarkan HTML Element Reference milik

Mozilla Developer Network, untuk saat ini, ada 140 HTL tag meskipun

sebagiannya sudah usang (tidak lagi didukung oleh versi terbaru browser).

Berkat popularitasnya yang terus meningkat, HTML kini dianggap sebagai

web standard yang resmi. Spesifikasi HTML di-maintain dan dikembangkan oleh

World Wide Web Consortiumm (W3C). Cek versi terbaru dari bahasa ini di

website W3C. Upgrade HTML besar-besaran terjadi pada tahun 2014, dan

hasilnya adalah pengenalan HTML5. Pada upgrade tersebut, terdapat semantic

baru yang memberitahukan arti dari kontennya sendiri, seperti <artcile>,

<header>, dan <footer>.

Dokumen HTML adalah file yang diakhiri dengan ekstensi .html atau

.htm. Ekstensi file ini bisa dilihat dengan mengunakan web browser apa pun

(seperti Google Chrome, Safari, atau Mozila Firefox). Browser tersebut membaca

file HTML dan me-render kontennya sehingga user internet bisa melihat dan

membacanya. Biasanya, rata-rata situs web menyertakan sejumlah halaman

HTML yang berbeda-beda. Contohnya, beranda utama, halaman „tentang kami‟,

halaman kontak yang semuanya memiliki dokumen HTML terpisah. Masing-

37

Page 52: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

masing halaman HTML terdiri atas seperangkat tags (bisa disebut juga elements),

yang mengacu pada building block halaman website. Tag tersebut membuat

hirarki yang menyusun konten hingga menjadi bagian, paragraf, heading, dan

block konten lainnya. Sebagian besar element HTML memiliki tag pembuka dan

penutup yang menggunakan syntax <tag></tag>.

Sama seperti hal teknis lainnya dalam dunia web, HTML juga punya kelebihan

dan kekurangannya.

Kelebihan:

1. Bahasa yang digunakan secara luas dan memiliki banyak sumber serta

komunitas yang besar.

2. Dijalankan secara alami di setiap web browser.

3. Memiliki learning curve yang mudah.

4. Open-source dan sepenuhnya gratis.

5. Bahasa markup yang rapi dan konsisten.

6. Standard web yang resmi di-maintain oleh World Wide Web Consortium

(W3C).

7. Mudah diintegrasikan dengan bahasa backend, seperti PHP dan Node.js.

Kekurangan:

1. Paling sering digunakan untuk halaman web statis. Untuk fitur dinamis,

Anda bisa menggunakan JavaScript atau bahasa backend, seperti PHP.

2. HTML tidak memungkinkan user untuk menjalankan logic. Alhasil, semua

halaman web harus dibuat terpisah meskipun menggunakan elemen yang

sama, seperti header dan footer.

38

Page 53: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

3. Fitur-fitur baru tidak bisa digunakan secara cepat di sebagian browser.

4. Terkadang perilaku browser susah untuk diprediksi (misalnya, browser

lama tidak selalu bisa render tag yang lebih baru).

2.5.2 Hyper Text Preproccesing (PHP

PHP Hypertext Preprocessor adalah bahasa skrip yang dapat ditanamkan

atau disisipkan ke dalam HTML. PHP banyak dipakai untuk memrogram situs

web dinamis. PHP dapat digunakan untuk membangun sebuah CMS. Menurut

dokumen resmi PHP, PHP singkatan PHP Hypertext Prepocessor. Merupakan

bahasa berbentuk script yang ditempatkan dalam server dan diproses di server.

Hasilnyalah yang dikirimkan ke klien, tempat menggunakan browser.

Secara khusus PHP dirancang untuk membentuk web dinamis. Artinya, ia

dapat membentuk suatu tampilan bedasarkan permintaan terkini. Salah satu

kelebihan dari PHP adalah mampu berkomunikasi dengan berbagai database yang

terkenal (Dharma & Susila, 2013). Dengan demikian, menampilkan data yang

bersifat dinamis, yang diambil dari database, merupakan hal yang mudah untuk

diimplementasikan. Itulah sebabnya sering dikatakan bahwa PHP sangat cocok

untuk membangun halaman-halaman web dinamis.

Menurut (Dharma & Susila, 2013) Salah satu kelebihan dari PHP adalah

mampu berkomunikasi dengan berbagai database yang terkenal. Dengan

demikian, menampilkan data yang bersifat dinamis, yang diambil dari database,

merupakan hal yang mudah untuk diimplementasikan. Itulah sebabnya sering

dikatakan bahwa PHP sangat cocok untuk membangun halaman-halaman web

dinamis.

39

Page 54: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

3.1.

BAB III

METODOLOGI PENELITIAN

Profil SMK Dewantara 2

SMK Dewantara 2 merupakan salah satu Sekolah Menengah Kejuruan

berakreditasi A yang ada di Kecamatan Cikarang Pusat, Kabupaten Bekasi,

Provinsi Jawa Barat. SMK Dewantara 2 baru memiliki 1 angkatan kelulusan.

Meskipun terbilang baru, namun proses belajar mengajar di SMK Dewantara 2 ini

terbilang efektif. Sama seperti Sekolah Menengah Kejuruan pada umumnya di

Indoneisa, masa pendidikan sekolah di SMK Dewantara 2 ditempuh dalam kurung

waktu tiga tahun pelajaran, mulai dari kelas X sampai kelas XII.

3.2. Metode Pengumpulan Data

Dalam pengembangan sistem yang dilakukan ini, penulis menggunakan

alat bantu yang berupa teknik pengumpulan data yang digunakan dalam penelitian

terapan :

1. Studi Pustaka

Studi pustaka merupakan salah satu teknik pengumpulan data yang

bersumber dari buku-buku dan dokumen yang berhubungan dengan sistem

yang dibangun pada penelitian. Penulis melakukan studi pustaka dengan

cara mencari referensi melalui E-book, jurnal dan skripsi yang

berhubungan dengan penelitian dan metode pengembangan sistem yang

sesuai dengan pengembangan yang akan dilakukan, serta referensi lain

40

Page 55: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

3.3.

yang berhubungan dengan penelitian. Atikel yang digunakan adalah artikel

yang diunduh dari internet yang berkaitan dengan masalah pada penelitian

ini.

2. Observasi

Melakukan pengamatan dari hasil penelitian terdahulu untuk mendapatkan

data-data yang akurat yang dihasilkan secara langsung serta pengujian

sebagai bahan untuk pembuatan analisis dalam penyusunan laporan akhir

ini.

Flowchart Sistem Berjalan

Peneliti akan menggambarkan dan menjelaskan prosedur aliran data,

bagaimana alur proses kegiatan evaluasi pembelajaran siswa/siswi. Dalam hal ini

proses evaluasi berupa ujian sekolah, serta keterlibatan aktor-aktor internal di

SMK Dewantara 2

3.3.1

1.

2.

3.

4.

5.

6.

7.

Prosedur Aliran Data

Guru membuat soal dalam bentuk power point.

Guru menampilkan soal pada proyektor yang telah di sediakan.

Siswa mengerjakan soal pada lembar kertas yang telah disediakan oleh

pihak sekolah.

Siswa/siswi mengumpulkan lembar jawaban pada guru.

Guru kemudia mengkoreksi satu per satu lembar jawaban siswa.

Setelah dikoreksi, guru memberikan nilai hasil ujian siswa kepada wali

kelas.

Wali kelas kemudian menginput nilai ke dalam Ms.Excel

41

Page 56: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Ph

ase

Sim

pan

3

.

4

.

Gambar 3.1 Flowchart Sistem Berjalan

Flowchart Sistem Usulan

Flowchart ini akan menggambarkan dan menjelaskan prosedur aliran data

sistem ujian sekolah berbasis web yang diusulkan pada SMK Dewantara 2.

42

SISTEM UJIAN SEKOLAH

Guru Siswa Wali Kelas

Mulai

Guru Membuat Soal

Menam pilkan Soal

Menerima lembar jawaban

Mengkoreksi

lembar jawaban

Siswa

Mengerjakan

Soal

Siswa mengumpu

lkan lembar

jawaban

Menerima

Nilai

Selesai

Page 57: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Ph

ase

Sim

pan

Sim

pan

Gambar 3.2 Flowchart Sistem Usulan

3.4.1 Prosedur Aliran Data

1. Guru membuat soal dalam bentuk PDF.

2. Soal diberikan kepada admin untuk kemudian di input kedalam sistem.

3. Siswa mengerjakan soal dengan terlebih dahulu melakukan login.

4. Setelah selesai mengerjakan soal, admin akan melihat sistem untuk

kemudian memberi laporan berupa nilai yang didapat oleh siswa.

5. Admin membuat laporan untuk kemudian diserahkan kepada wali kelas.

43

Menampilkan soal

SISTEM UJIAN SEKOLAH

Guru Admin Sistem Siswa Wali Kelas

Mulai

Guru Membuat Soal

Memberikan soal

Menerima Soal

Input Soal

Memberikan Hasil Ujian

Menyimpa n hasil

jawaban

Sistem menampilk

an nilai

Siswa Mengerjakan Soal

Siswa mengumpulk

an lembar jawaban

Menerima Nilai

Selesai

Page 58: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

3.5. Metode Pengembangan Sistem

Metode yang digunakan adalah waterfall yang merupakan model

pengembangan sistem informasi yang sistematik dan sekuensial. Model waterfall

ini mempunyai ciri khas pengerjaan setiap fase waterfall harus diselesaikan

terlebih dahulu sebelum melanjutkan ke fase berikutnya. Jadi tidak ada tumpang

tindih dalam fase/tahap pengembangan dan hasil satu fase bertindak sebagai

masukan untuk tahap berurutan berikutnya. Adapun tahapan model waterfall

disajikan dalam gambar berikut.

Gambar 3.3 Metode Waterfall (Sumber; Google)

Dalam pengembangannya metode waterfall memiliki beberapa tahapan yang

berurut yaitu: requirement (analisis kebutuhan), design system (desain sistem),

Coding (pengkodean) & Testing (pengujian), Penerapan Program, pemeliharaan.

Tahapan tahapan dari metode waterfall adalah sebagai berikut :

44

Page 59: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

1. Requirement Analisis

Tahap ini pengembang sistem diperlukan komunikasi yang bertujuan

untuk memahami perangkat lunak yang diharapkan oleh pengguna dan

batasan perangkat lunak tersebut. Informasi ini biasanya dapat diperoleh

melalui wawancara, diskusi atau survei langsung. Informasi dianalisis

untuk mendapatkan data yang dibutuhkan oleh pengguna.

2. System Design

Spesifikasi kebutuhan dari tahap sebelumnya akan dipelajari dalam fase

ini dan desain sistem disiapkan. Desain Sistem membantu dalam

menentukan perangkat keras(hardware) dan sistem persyaratan dan juga

membantu dalam mendefinisikan arsitektur sistem secara keseluruhan.

3. Implementation

Pada tahap ini, sistem pertama kali dikembangkan di program kecil yang

disebut unit, yang terintegrasi dalam tahap selanjutnya. Setiap unit

dikembangkan dan diuji untuk fungsionalitas yang disebut sebagai unit

testing.

4. Integration & Testing

Seluruh unit yang dikembangkan dalam tahap implementasi diintegrasikan

ke dalam sistem setelah pengujian yang dilakukan masing-masing unit.

Setelah integrasi seluruh sistem diuji untuk mengecek setiap kegagalan

maupun kesalahan.

5. Operation & Maintenance

Tahap akhir dalam model waterfall. Perangkat lunak yang sudah jadi,

dijalankan serta dilakukan pemeliharaan. Pemeliharaan termasuk dalam

45

Page 60: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

3.6.

memperbaiki kesalahan yang tidak ditemukan pada langkah sebelumnya.

Perbaikan implementasi unit sistem dan peningkatan jasa sistem sebagai

kebutuhan baru.

Spesifikasi Sistem

Untuk dapat menjalankan sistem dibutuhkan analisis kebutuhan yang

meliputi spesifikasi teknis perangkat keras dan perangkat lunak sesuai dengan

tabel dibawah ini :

Tabel 3.1 Spesifikasi Sistem

46

No Perangkat keras dan

perangkat lunak

Spesifikasi

1 Prosessor Intel Dual Core 2,4 GHZ

2 Sistem operasi Microsoft Windows

3 Memori 2 GB

4 Hardisk 250 GB

5 Monitor 14"

6 Keyboard dan Mouse

7

Browser Google Crome / Mozila

Firefox

8 Bahasa Pemograman

PHP & HTML

9 Databases Ms. Access

Page 61: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

BAB IV

HASIL DAN PEMBAHASAN

4.1 Hasil Penelitian

Hasil penelitian menunjukan keberhasilan penulis pada saat melakukan

analisis dan perngembangan sistem yang telah dilakukan sesuai dengan

permasalahan yang di latar belakangi oleh kegiatan evaluasi secara manual. Dari

hasil analisis flowchart sistem berjalan yang sudah dibahas di bab sebelumnya

memperlihatkan beberapa faktor yang terjadi pada sistem ujian berbasis web yang

akan dibahas dibawah ini:

4.1.1 Sistem Yang Berjalan

Setelah dilakukan analisis pada flowchart sistem yang berjalan maka

dapatdihasilkan beberapa proses pembelajaran yang ada, antara lain :

1.

2.

3.

4.

5.

6.

7.

Guru membuat soal dalam bentuk power point.

Guru menampilkan soal pada proyektor yang telah di sediakan.

Siswa mengerjakan soal pada lembar kertas yang telah di sediakan oleh

pihak sekolah.

Siswa/siswi mengumpulkan lembar jawaban pada guru.

Guru kemudian mengkoreksi satu per satu lembar jawaban siswa.

Setelah dikoreksi, guru memberikan nilai hasil ujian siswa kepada wali

kelas.

Wali Kelas kemudian meng-input nilai ke dalam Ms.Excel.

47

Page 62: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4.1.2 SistemYang Diusulkan

Berdasarkan hasil dari flowchart system usulan yang sudah dibuat dan

dibahas pada bab sebelumnya dan dianalisis kembali, maka dapat dihasilkan

beberapa solusi yang dapat memperbaiki sistem ujian sekolah yang ada, berikuts

olusi yang dapat diterapkan :

1.

2.

3.

4.

5.

4.2

Guru membuat soal dalam format PDF.

Soal diberikan kepada admin untuk kemudian di input ke dalam sistem.

Siswa mengerjakan soal dengan terlebih dahulu melakukan login.

Setelah selesai mengerjakan soal, admin akan melihat sistem untuk

kemudian memberikan laporan berupa nilai yang di dapatkan oleh siswa.

Admin membuat reporting kemudian diberikan kepada wali kelas.

Pengembangan Sistem

Dalam perancangan pengembangan system ini penulis menggunakan

model perancangan Data flow diagram atau yang sering disingkat DFD, DFD

adalah perangkat – perangkat analisis dan perancangan yang terstruktur sehingga

memungkinkan analisis system memahami system dan sub system secara visual

sebagai suatu rangkaian aliran data yang saling berkaitan, hasil perancangan

sistem dibawah ini meliputi :

4.2.1 Diagram Konteks

Diagram konteks adalah diagram yang terdiri dari suatu proses dan

menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan level

tertinggi dari DFD yang menggambarkan seluruh input kedalam sistem atau

output dari sistem yang member gambaran tentang keseluruhan sistem. Berikut ini

diagram konteks dari Sistem Ujian Sekolah Berbasis Web pada SMK Dewantara 2

48

Page 63: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4.2.2

Gambar 4.1 Diagram Konteks Sistem Ujian Web.

Diagram Zero

Diagram Zero merupakan model yang menggambarkan system sebagai

kerja atau fungsi yang saling berhubungan dengan aliran dan penyimpanan data

atau database. Berikut ini diagram Zero dari Sistem Ujian Sekolah Web pada

SMK Dewantara 2:

49

Page 64: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4.2.3

Gambar 4.2 Diagram Zero Sistem Ujian Sekolah Web.

Kamus Data

Kamus data sering di sebut juga dengan sistem data dictionary adalah

kategori fakta tentang data kebutuhan-kebutuhan informasi dari suatu sistem

informasi dengan menggunakan kamus data analis sistem dapat mendefinisikan

data yang mengalir pada sistem dengan lengkap selain itu kamus data

memberikan pengertian yang sama antara pemakai dan penganalisis sistem

tentang masukan, keluaran, penyimpanan dan proses dalam system. Berikut

adalah kamus data dari Sistem Ujian Web pada SMK Dewantara 2:

50

Page 65: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

1.

2.

3.

4.

5.

6.

Admin

Siswa

Guru

Mata Pelajaran

Soal

Nilai

: kd_admin + nama_admin + JK + alamat + no_tlp

: NIS + nama_siswa + kelas + JK + no_tlp

: NIK + nama_guru + JK + alamat + no_tlp

: kd_mapel + NIK + nama_mapel

: kd_soal + kd_mapel + soal + jawaban

: kd_nilai + kd_soal + NIS + kd_admin

4.2.4 Normalisasi

Normalisasi merupakan peralatan yang digunakan untuk melakukan proses

pengelompokan data menjadi tabel-tabel yang menunjukan entitas dan relasinya.

Tabel 4.1 Unnormalisasi (U NF)

Tahapan dalam normalisasi :

1. Normal pertama (1NF)

Hilangkan semua kelompok data yang berulang dan menentukan primary-key.

Hasilnya adalan relasi dibagi-bagi menjadi relasi yang lebih sederhana.

51

kd_admin NIK Soal

nama_admin nama_guru Jawaban

JK JK kd_nilai

alamat alamat kd_soal

no_tlp no_tlp NIS

NIS kd_mapel kd_admin

nama_siswa NIK

kelas nama_mapel

JK kd_soal

no_tlp kd_mapel

Page 66: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Tabel 4.2 Normalisasi Pertama (1 NF)

2. Normal kedua (2NF)

Semua non-key attribute harus full dependent kepada primary-key.

1. Tabel Admin

Tabel 4.3 Tabel Admin (2 NF)

2. Tabel Siswa

Tabel 4.4 Tabel Siswa (2 NF)

52

Field Type Size Ket.

Kd_admin varchar 5 Primary

Key

nama_admin varchar 25 Not Null

JK varchar 15 Not Null

Alamat varchar 50 Not Null

no_tlp Int 13 Not Null

Field Type Size Ket.

NIS varchar 12

Primary

Key

nama_siswa varchar 25 Not Null

kd_admin NIK soal

nama_admin nama_guru jawaban

alamat JK kd_nilai

no_tlp alamat kd_soal

nama_siswa kd_mapel NIS

kelas NIK nama_mapel

Page 67: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Kelas

JK

no_tlp

varchar varchar

int

10 15 13

Not Null Not Null Not Null

3. Tabel Guru

Tabel 4.5 Tabel Guru (2 NF)

4. Tabel Mata Pelajaran

Tabel 4.6 Tabel Mata Pelajaran (2 NF)

5. Tabel Soal

Tabel 4.7Tabel Soal (2 NF)

53

Field Type Size Ket.

NIK varchar 5 Primary Key

nama_guru varchar 25 Not Null

JK varchar 15 Not Null

alamat varchar 50 Not Null

no_tlp int 13 Not Null

Field Type Size Ket.

kd_mapel varchar 5 Primary Key

NIK varchar 15 Not Null

nama_mapel varchar 15 Not Null

Field Type Size Ket.

Page 68: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

kd_soal

kd_mapel

soal

jawaban

varchar

varchar

varchar

varchar

5

5

200

150

Primary

Key

Not Null

Not Null

Not Null

6. Tabel Nilai

Tabel 4.8Tabel Nilai (2 NF)

3. Normalisasi Ketiga (3 NF)

Hilangkan transive dependency, yaitu sebuah non-key attribute yang

tergantung pada non-key attribute yang lain dalam satu relasi.

54

Field Type Size Ket.

kd_nilai varchar 5

Primary

Key

kd_soal varchar 5 Not Null

NIS varchar 15 Not Null

kd_admin varchar 15 Not Null

Page 69: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4.2.5

Gambar 4.3 Normalisasi Ketiga (3NF)

Entity Releationship Diagram (ERD)

ERD merupakan suatu model untuk menjelaskan hubungan antar data

dalam basis data berdasarkan objek-objek dasar data yang mempunyai hubungan

antar relasi. Entity Relationship sendiri adalah salah satu metode pemodelan basis

data yang digunakan untuk menghasilkan skema konstekstual untuk jenis atau

model data semantik sistem. Dimana pada sistem tersebut seringkali memiliki

basis data relasional, dan ketentuannya bersifat top-down. Diagram untuk

menggambarkan model Entity Relationship ini disebut dengan Entity Relationship

diagram, ER diagram, atau ERD.

55

Page 70: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Nama Guru

NIK

JK

Guru

Memberi Soal

Alamat

No.Tlp

Kd_soal Kd_mapel Soal

Alamat No.Tlp 1

JK ADMIN 1 Menginput

Soal M SOAL Jawaban

Nama Admin 1 M

Kd_admin Di input

Dikerjakan

M

Kd_nilai M

NIS

Kd_soal 1 Mendapat Nilai M SISWA Nama_siswa

NIS

No_tlp JK Kelas

Kd-nilai Kd_admin

4.2.6

Gambar 4.4 Entity Releationship Diagram (ERD)

HIPO

HIPO merupakan alat dokumentasi program yang berdasarkan fungsinya

untuk meningkatkan efisiensi usaha perawatan program. Dokumen ini

dilaksanakan dengan mempercepat lokasi dalam kode pada fungsi program yang

akan dimodifikasi. Atau dapat dikatakan bahwa HIPO dikembangkan agar

tersedia suatu teknik untuk mendokumentasikan fungsi program. Pembentukan

HIPO ini dilakukan pada tahap pengembangan sistem informasi. Struktur program

HIPO (Hierarki plus Input Proces Output) merupakan gambaran proses

perancangan system untuk memodelkan struktur masukan, pengolahan dan

56

NILAI

Page 71: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

keluaran suatu program. Sistem Ujian Sekolah berbasis Web pada SMK

Dewantara 2 dapat digambarkan dalam bentuk HIPO yang terdiri dari beberapa

bagian sebagai berikut :

Gambar 4.5 HIPO (Hierarchy Input Process Output)

57

Page 72: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4.3 Rancangan Disain Sistem

Perancangan system bertujuan untuk menentukan rancangan sistem ujian

sekolah berbasis web pada SMK Dewantara 2. Berikut ini adalah penyajian

perancangan tampilan sistem ujian sekolah berbasis web pada SMK Dewantara 2.

Gambar 4.6 Form Login.

58

Page 73: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Gambar 4.7 Form Login Siswa.

Gambar 4.8 Form Tampilan Halaman Utama Siswa.

59

Page 74: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Gambar 4.9 Form Tampilan Halaman Ujian Siswa.

Gambar 4.10 Form Login Admin.

60

Page 75: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Gambar 4.11 Form Tampilan Halaman Hapus Admin.

Gambar 4.12 Form Tampilan Halaman Ubah Password.

61

Page 76: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Gambar 4.13 Form Tampilan Halaman Statistik Siswa.

Gambar 4.14 Form Tampilan Halaman Tambah Soal.

62

Page 77: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4.4

Gambar 4.15 Form Tampilan Halaman Berhasil Tambah Soal.

Black Box Testing

Pada tahap ini digunakan testing Sistem Ujian Sekolah Berbasis Web pada

SMK Dewantara 2 yang telah dibuat untuk mengetahui bugs atau eror aplikasi

sistem dengan cara menginputkan contoh data yang mirip dengan data yang

nantinya akan diinputkan pada sistem setelah aplikasi dinyatakan dapat di

operasikan. Berikut tabel pengujian pada fungsi umum sistem ujian sekolah,

ditunjukkan pada tabel berikut :

Tabel 4.9 Tabel Pengujian Sistem

63

No. Action Hal yang Diharapkan Status

1. Tambah Menambahkan soal baru OK

2. Edit Mengubah Soal yang sudah ada OK

3. Simpan Menyimpan Soal baru atau Soal yang telah diubah

OK

Page 78: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4.5 Jadwal Penelitian

Tabel 4.10 Jadwal Penelitian

64

No. Kegiatan Bulan Pelaksanaan tahun 2018

Juli

Agustus

September

Oktober

November

1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4

1. Pencarian dan Pemilihan Obyek Penelitian

2. Perumusan Masalah Penelitian

3. Penentuan Topik penelitian

4. Pengumpulan Bahan Literatur/Referensi

4. Delete Menghapus Data OK

5. Update Memperbarui Data yang sudah ada OK

6. Kembali Kembali ke page / form sebelumnya OK

7. Cari Mencari data yang sudah masuk ke database OK

Page 79: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4.6

Kekurangan dan Kelebihan Sistem

Berikut adalah kekurangan dan kelebihan sistem ujian sekolah yang telah

dibuat pada SMK Dewantara 2:

65

5.

Penyusunan Kerangka/Landasan Pemikiran (Tinjauan Pustaka/Studi/Organis asi sampai dengan Kerangka Konsep dan Hipotesis)

6.

Penyusunan Metodologi Penelitian (Jenis Penelitian, Metode Pengumpulan Data, Instrumentasi, Teknik Analisis

7. Penyusunan Naskah

Proposal Skripsi

8. Pelaksanaan Pengumpulan Data Sampel

9. Analisis Data, Implementasi, Pengujian

10. Penyusunan Naskah Akhir Skripsi

11. Penyerahan Formulir Pendaftaran Sidang Akhir Skripsi

12. Sidang Akhir Skripsi

Page 80: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4.6.1 Kekurangan Sistem

Setiap sistem yang dibuat pasti memiliki kekurangan dan kelebihan dalam

pembuatannya. Adapun kekurangan dari sistem yang penulis buat adalah :

1.

2.

3.

4.

4.6.2

Sistem belum berbasis online sehingga mengharuskan siswa mengerjakan

ujian di ruangan khusus yang memiliki laboratorium komputer.

Sistem belum dilengkapi fitur Timer Countdown yang mana fitur tersebut

dapat meminimalisir tingkat kecurangan siswa dalam melakukan ujian

berbasis web ini.

Ketergantungan kepada administrator apabila ada kesalahan atau error

pada saatmenjalankan sistem ini.

Modal awal yang cukup besar untuk dapat menyiapkan komponen –

komponen system ujian ini seperti pembelian Komputer.

Kelebihan Sistem

Kelebihan yang dimiliki sistem ujian sekolah berbasis web yang dibuat

adalah :

1.

2.

3.

Sistem ujian berbasis web membantu dalam proses pengenalan teknologi

terutama bagi siswa-siswi jurusan komputer.

Sistem ujian berbasis web membantu melatih kesiapan siswa-siswi kelas

XII dalam menghadapi persiapan Ujian Nasional Berbasis Komputer

(UNBK).

Kemudahan dalam melihat hasil ujian secara langsung tanpa perlu

menunggu waktu yang lama.

66

Page 81: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

4. Kemudahan dalam mengelola dan menjalankan sistem sehingga mudah

diadakanpenyesuain bila perlu (seperti dalam penambahan atau

penghapusan ujian yang ada).

67

Page 82: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

BAB V

PENUTUP

5.1 Kesimpulan

Sistem Ujian Berbasis WEB dapat digunakan untuk UTS dan UAS pada

SMK Dewantara 2 dan siswa dapat melakukan ujian dengan menggunakan system

ini yang juga dapat memudahkan guru dalam mengevaluasi hasil pembelajaran.

Selain itu dengan pelaksanaan ujian menggunakan Sistem Ujian Berbasis WEB

hasil koreksi dari jawaban ujian atau tes akan lebih objektif, cermat dan akurat.

5.2 Saran

Penulis berharap akan ada pengembangan lebih lanjut terkait sistem ujian

sekolah yang telah dibuat seperti misalnya sistem ujian sekolah berbasis web ini di

upgrade menjadi sistem yang dapat berbasis online sehingga ujian pun dapat

dilangsungkan di dalam kelas bagi siswa-siswi yang sudah memiliki laptop dan

dapat dilangsungkan di luar lingkungan sekolah bagi siswa yang tidak berkenan

hadir.

71

Page 83: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

DAFTAR PUSTAKA

Al-Bahra Bin Ladjamudin. 2013. Analisis dan Desain Sistem Informasi. Yogyakarta : Graha Ilmu.

Alexander F. K. Sibero, 2011, Kitab Suci Web Programming. Yogyakarta : MediaKom.

Ali, Mu. 2010. Metodologi Dan Aplikasi Riset Pendidikan. Bandung : Pustaka

Cendikia Utama

Anastasia Diana, Lilis Setiawati. 2011. Sistem Informasi Akuntansi, Perancangan,

Prosedur dan Penerapan. Edisi 1. Yogyakarta : Andi Yogyakarta.

Andri, Kristanto. 2010. Perancangan Sistem Informasi. Yogyakarta : Gava Media

Arief M Rudianto. 2011. Pemrograman Web Dinamis menggunakan PHP dan

MySQL. Yogyakarta : C.V ANDI OFFSET.

A.S, Rosa dan Shalahuddin, M. 2013. Rekayasa Perangkat Lunak Terstruktur dan

Berorientasi Objek. Bandung : Informatika.

Azzet, Akhmad Muhaimin. 2011. Urgensi Pendidikan Karakter di Indonesia :

Revitalisasi Pendidikan Karakter terhadap Keberhaslan Belajar dan

kemajuan Bangsa.Yogyakarta : Ar-Ruzz Media

Badiyanto. 2013. Buku Pintar Framework Yii. Yogyakarta : Mediakom.

Buana, I Komang Setia. 2014. Jago pemrograman PHP. Dunia Komputer, Jakarta,

Indonesia.

Connolly, T., & Begg, C. 2010. Database Systems : a practical approach to. America

: Pearson Education

Considine, B., et al. 2012. Accounting Information Systems, 4th Edition, John Wiley

& Sons Australia Ltd., Australia.

Danang, Sunyoto. 2014. Konsep Dasar Riset Pemasaran & Perilaku Konsumen.

Yogyakarta : CAPS.

Danim, Sudarwan. 2010. Pengantar Kependidikan. Bandung : Alfabeta.

Page 84: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

Dimyati & Mudjiono. 2013. Belajar Dan Pembelajaran. Jakarta : Rineka Cipta.

Ekotama, Suryono. 2013. Cara Mudah Bikin SOP. Media Pressindo. Yogyakarta.

Fathansyah, 2012, Basis Data, Bandung : Informatika.

Fitri, Agus Zaenal 2012 Pendidikan Karakter Berbasis Nilai dan Etika di Sekolah,

Jakarta: Ar-Ruzz Media.

Gelinas, J.U., Dull, Richard B., Wheeler, Patrick R. 2012. Accounting

Information Systems. South Western : Cengage Learning

Hartono, Jogiyanto. 2014.” Metode Penelitian Bisnis”. Edisi Ke-6.

Yogyakarta : Universitas Gadjah Mada.

Hoffer, Jefrey A., Ramesh, A., Topi, Heikki. 2011. Modern Database

Management Tenth Edition. Upper Saddle River, New Jersey : Pearson

of Education, Inc.

Hutahaean, Serry. 2013. “Perawatan Antenatal”. Jakarta : Salemba Medika

Indrajani. 2015. Database Design (Case Study All in One). Jakarta : PT Elex

Media Komputindo.

Jogiyanto, 2010. Analisis dan Desain Sistem Informasi, Yogyakarta. : Edisi IV,

Andi Offset.

Jogiyanto, 2014 Analisis dan Desain Sistem Informasi. Yogyakarta : Andi

Kadir, Abdul. 2014. Pengenalan Sistem Informasi Edisi Revisi. Yogyakarta :

Andi Mardi. 2011. Sistem Informasi Akuntansi. Bogor : Ghalia

Mulyadi. 2016. Sistem Informasi Akutansi : Jakarta : Salemba Empat

Mulyanto, Agus. 2009. Sistem Informasi Konsep dan Aplikasi. Yogyakarta : Pustaka Pelajar

Nugroho, Bunafit. 2013. Dasar Pemograman Web PHP – MySQL

dengan Dreamweaver. Yogyakarta : Gava Media

Praptiningsih. Yulia Eka. 2012. Aplikasi Penyewaan Ruangan PT. Simaeru

Indonesia Raya Dengan Visual Basic 6.0. Depok : Universitas Gunadarma

Page 85: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

<?php

session_start();

require_once('config/db.php');

?>

<html lang="en-gb" class="no-js">

<!--<![endif]-->

<head>

<meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-

scale=1">

<!--[if lt IE 9]>

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<![endif]-->

<title>SMK DEWANTARA 2 - INDRA GALUH NUGROHO</title>

<meta name="description" content="">

<meta name="author" content="Dictatorkid">

<!--[if lt IE 9]>

<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>

<![endif]-->

<!--[if lte IE 8]>

<script type="text/javascript" src="http://explorercanvas.googlecode.com/svn/trunk/excanvas.js"></script>

<![endif]-->

<link rel="stylesheet" href="assets/css/bootstrap.min.css" />

<link rel="stylesheet" type="text/css" href="assets/css/isotope.css" media="screen" /> <link rel="stylesheet" href="assets/js/fancybox/jquery.fancybox.css" type="text/css"

media="screen" />

<link rel="stylesheet" type="text/css" href="assets/css/da-slider.css" />

<!-- Owl Carousel Assets -->

<link href="assets/js/owl-carousel/owl.carousel.css" rel="stylesheet">

<link rel="stylesheet" href="assets/css/styles.css" />

<!-- Font Awesome -->

<link href="assets/font/css/font-awesome.min.css" rel="stylesheet">

</head>

Page 86: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

<body>

<header class="header">

<div class="container">

<nav class="navbar navbar-inverse" role="navigation">

<div class="navbar-header">

<button type="button" id="nav-toggle" class="navbar-toggle" data- toggle="collapse" data-target="#main-nav">

<span class="sr-only">Toggle navigation</span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

<span class="icon-bar"></span>

</button>

<a href="#" class="navbar-brand scroll-top logo"><img

src="assets/images/logo.png" alt="" style="margin-top:-10px;"> <b>SISTEM UJIAN SEKOLAH

BERBASIS WEB SMK DEWANTARA 2</b></a>

</div>

<!--/.navbar-header-->

<div id="main-nav" class="collapse navbar-collapse">

<ul class="nav navbar-nav" id="mainNav">

<li class="active"><a href="#home" class="scroll-link">Home</a></li>

<!--<li><a href="#hotnews" class="scroll-link">Hot News</a></li>

<li><a href="#profile" class="scroll-link">About Me</a></li>-->

<?php

if (isset($_SESSION['username'])) {

?>

<li><a href="dashboard/" class="scroll-link">Dashboard</a></li>

<li><a href="logout.php" class="scroll-link">Logout</a></li>

<?php

}else{

?>

<li><a href="#profile" class="scroll-link">Login</a></li>

Page 87: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

<?php

}

?>

</ul>

</div>

<!--/.navbar-collapse-->

</nav>

<!--/.navbar-->

</div>

<!--/.container-->

</header>

<!--/.header-->

<div id="#top"></div>

<section id="home">

<div class="banner-container">

<img src="assets/images/b.jpg" alt="banner" />

<div class="container banner-content">

<div id="da-slider" class="da-slider">

<div class="da-slide">

<h2>SEMANGAT</h2>

<div class="da-img"></div>

</div>

<div class="da-slide">

<h2>SELAMAT DATANG </h2>

<p></p>

<div class="da-img"></div>

</div>

<nav class="da-arrows">

<span class="da-arrows-prev"></span>

<span class="da-arrows-next"></span>

</nav>

</div>

</div>

Page 88: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

</div>

</section>

<section id="hotnews" class="page-section darkBg pDark pdingBtm30">

<div class="container">

<div class="heading text-center">

<!-- Heading --> <h2><i class="fa fa-fire color"></i> Hot News</h2><center><hr

style="width:15%;"></center>

</div>

<?php

$no = 1;

$artikel = mysql_query("SELECT *, kategori.kategori_nama FROM artikel

INNER JOIN kategori ON artikel.kategori_id=kategori.kategori_id

ORDER BY artikel_tgl DESC");

while ($data=mysql_fetch_array($artikel)) {

?>

<div class="col-md-6" style="color:#ffffff;">

<h4># <?php echo $no; ?></h4><hr/>

<h4><?php echo $data['artikel_judul']; ?></h4>

<p style="color:#BBBBBB;"><?php echo substr($data['artikel_isi'],0,100); ?></p>

<div class="action-buttons">

<a href="post.php?id=<?php echo "$data[artikel_id]"; ?>">Read More <i

class="fa fa-angle-double-right"></i></a>

</div> <div class="pull-right"><?php echo $data['kategori_nama']. " | "

.$data['artikel_tgl']; ?></div>

<hr/>

</div>

<?php

$no++;

}

?>

Page 89: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

</div>

<!--/.container-->

</section>

<!--/.container-->

</section>

<section id="profile" class="page-section" style="background:#222222;">

<div class="container">

<div class="heading text-center">

<!-- Heading -->

</div>

<div class="row">

<?php

if (!isset($_SESSION['access'])) {

?>

<div class="col-md-6">

<form role="form" action="core/login_proses.php" method="post">

<div class="form-group">

<h4 style="color:#999999;">username :</h4>

<input type="text" class="form-control" placeholder="Enter username"

name="username" required>

</div>

<div class="form-group">

<h4 style="color:#999999;">Password :</h4>

<input type="password" class="form-control" placeholder="Enter password"

name="password" required>

</div> <button type="submit" class="btn btn-warning btn-block"

name="signin">Login</button>

</form>

</div>

<?php

}

Page 90: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

?>

</div>

</div>

<!--/.container-->

</section>

<footer>

<div class="container">

<div class="social text-center">

<a href="#"><i class="fa fa-twitter"></i></a>

<a href="#"><i class="fa fa-facebook"></i></a>

<a href="#"><i class="fa fa-github"></i></a>

</div>

<div class="clear"></div>

<!--CLEAR FLOATS-->

</div>

</footer>

<!--/.page-section-->

<section class="copyright">

<div class="container">

<div class="row">

<div class="col-sm-12 text-center">

Copyright 2018 | SMK DEWANTARA 2 | INDRA GALUH NUGROHO <a

href="#">Erl-Dev</a>

</div>

</div>

<!-- / .row -->

</div>

</section>

<a href="#top" class="topHome"><i class="fa fa-chevron-up fa-2x"></i></a>

<!--[if lte IE 8]><script

src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script><![endif]-->

Page 91: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

<script src="assets/js/modernizr-latest.js"></script>

<script src="assets/js/jquery-1.8.2.min.js" type="text/javascript"></script>

<script src="assets/js/bootstrap.min.js" type="text/javascript"></script>

<script src="assets/js/jquery.isotope.min.js" type="text/javascript"></script>

<script src="assets/js/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>

<script src="assets/js/jquery.nav.js" type="text/javascript"></script>

<script src="assets/js/jquery.cslider.js" type="text/javascript"></script>

<script src="assets/js/custom.js" type="text/javascript"></script>

<script src="assets/js/owl-carousel/owl.carousel.js"></script>

</body>

</html>

Page 92: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

<?php

session_start();

if (isset($_SESSION['username'])) {

header('Location: index.php');

}else{

$baseurl

"http://".$_SERVER['SERVER_NAME'].dirname($_SERVER["REQUEST_URI"]."?")."/";

?>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<!--Head-->

<head>

<meta charset="utf-8" />

<title>Login</title>

<meta name="description" content="login page" />

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

=

<link rel="shortcut icon" href="<?php echo $baseurl;

?>dashboard/assets/img/favicon.png" type="image/x-icon">

<!--Basic Styles--> <link href="<?php echo $baseurl; ?>dashboard/assets/css/bootstrap.min.css"

rel="stylesheet" />

<link href="<?php echo $baseurl; ?>dashboard/assets/css/font-awesome.min.css" rel="stylesheet" />

</head>

<!--Head Ends-->

<!--Body-->

<body style="padding-top: 150px;">

<div class="row">

<div class="col-sm-4"></div>

<div class="col-sm-4">

Page 93: IMPLEMENTASI SISTEM UJIAN SEKOLAH BERBASIS WEB MENGGUNAKAN

<h2>Please Sign In</h2>

<form class="form-horizontal" role="form" method="post">

<div class="form-group">

<div class="col-sm-10">

<input type="text" class="form-control" name="username" placeholder="Enter

Username">

</div>

</div>

<div class="form-group">

<div class="col-sm-10">

<input type="password" class="form-control" name="password" placeholder="Enter password">

</div>

</div>

<div class="form-group">

<div class="col-sm-10">

<button type="submit" class="btn btn-primary btn-block" name="signin">Sign

In</button>

</div>

</div>

</form>

<?php require_once('core/login_proses.php'); ?>

</div>

<div class="col-sm-4"></div>

</div>

<!--Basic Scripts-->

<script src="<?php echo $baseurl; ?>dashboard/assets/js/jquery-2.0.3.min.js"></script>

<script src="<?php echo $baseurl; ?>dashboard/assets/js/bootstrap.min.js"></script>

</body>

<!--Body Ends-->

</html>

<?php

}

?>