BAB I

PENDAHULUAN

A. Latar Belakang

Ujian Nasional merupakan hal penting yang menentukan kelulusan

seorang pelajar dalam menempuh pendidikan. Dalam beberapa tahun terakhir,

pelaksanaan Ujian Nasional di Indonsia menerapkan Ujian Nasional berbasis

kertas atau biasa disebut PBT (Paper Based Test). Pelaksanaan Ujian Nasional

dengan system PBT dinilai memiliki banyak kekurangan. Untuk mengatasi

permasalahan ini, pemerintah mulai menerapkan UJian Nasional bebrbasis

computer atau CBT (Computer Based Test).

Pada lembaga-lembaga pendidikan negeri maupun swasta dari tingkat

pendidikan dasar sampai pendidikan tinggi, tidak terlepas dari Ujian Nasional

dalam menentukan kelulusan. Tata cara pelaksaan Ujian Nasional 2 tahun

belakangan ini, berbeda dengan tata cara pelaksanaan Ujian Nasional tahun-

tahun sebelumnya. Sebelum pelaksaan Ujian Nasional setiap sekolah harus

mendaftarkan siswa yang akan ikut serta dalam Ujian Nasional.

Di SMA Negeri 1 Sukamulia merupakan salah satu wadah untuk

melanjutkan sekolah ke tingkat yang lebih tinggi, dan sekolah ini adalah salah

satu sekolah yang semakin berkembang. Perkembangan itu tak luput dari

semakin majunya teknologi informasi. Terutama dengan adanya internet,

informasi dapat diakses dari mana saja. Di SMK Negeri 1 Sukamulia sudah

1
 mempunyai jaringan atau wifi yang mempermudah dalam memberikan

informasi atau mengakses informasi dalam proses belajar mengajar maupun

dalam pelaksanaan Ujian Nasional.

Berdasarkan hal tersebut, pendaftaran peserta UNBK (Ujian Nasional

Berbasis Komputer) tidak hanya dilakukan di rumah, bisa dilakukan dimana

saja atau dari rumah masing-masing. Hal ini untuk mempermudah dalam

proses pendaftaran serta waktu yang dibutuhkan lebih efektif dan efisien.

B. Rumusan Masalah

Berdasarkan uraian pada latar belakang dan identifikasi masalah di atas dapat

dirumuskan permasalahan sebagai berikut :

1. Bagaimana membangun sebuah sistem informasi pendaftaran UNBK

(Ujian Nasional Berbasis komputer) berbasis web pada SMA Negeri 1

Sukamulia

2. Bagaimana meningkatkan dan memperluas informasi bagi siswa serta

guru mengenai pemahaman tentang teknologi.

C. Batasan Masalah

Adapun batasan masalah dari laporan ini adalah membahas mengenai

pembuatan website yang memberikan informasi kepada siswa-siswi bagi

pengguna baik kalangan umum maupun dari pihak sekolah itu sendiri yang

membutuhkan informasi tentang info pendaftaran peserta UNBK (Ujian

Nasional Berbasis Komputer) pada SMA Negeri 1 Sukamulia.

Dengan batasan masalah sebagai berikut :

2
 1. Menampilkan Beranda, Daftar Peserta UNBK, Edit Data, Input Data.

2. Menampilkan data peserta UNBK (Ujian Nasional Berbasis Komputer) :

No, NISN, Nama, TTL, Alamat, Jenis Kelamin, Jurusan, Kelas.

Aplikasi web ini dibangun di bawah sistem operasi windows 2010 yang

mencakup aplikasi Xampp, notepad++, mySQL, dan aplikasi web ini juga

didukung bahasa pemrograman PHP dan HTML.

D. Manfaat Penulisan

Manfaat dari penulisan laporan ini adalah sebagai berikut :

1. Mempermudah dalam proses pendaftaran peserta UNBK baik bagi pihak

sekolah maupun pihak luar.

2. Mahasiswa dapat menerapkan ilmu yang didapat dari perkuliahan.

3. Meningkatkan peran mahasiswa bagi masyarakat terutama di SMA Negeri

1 Sukamulia.

E. Tujuan Penulisan

Berdasarkan uraian latar belakang di atas tujuan dari penulisan laporan ini

adalah sebagai berikut:

1. Menambah pengetahuan mengenai teknologi

2. Untuk meningkatkan kualitas pendidikan

3. Untuk meningkatkan, memperluas dan memantapkan pengetahuan

mahasiswa-mahasiswa dalam memasuki dunia kerja sesuai dengan

keahlian, keterampilan dan kemampuan yang dimiliki.

3
 BAB II

PEMBAHASAN

A. LANDASAN TEORI

1. Definisi Sistem

Sistem adalah suatu susunan yang teratur dari kegiatan yang

saling berkaitan dan susunan prosedur yang saling berhubungan, yang

melaksanakan dan mempermudah kegiatan-kegiatan utama suatu

organisasi.

2. Definisi HTML

Hyper Text Markup Language atau HTML adalah sebuah

bahasa markah yang digunakan untuk membuat sebuah halaman web,

menampilkan berbagai informasi di dalam sebuah penjelajah web

Internet dan pemformatan hiperteks sederhana yang ditulis dalam

berkas format ASCII agar dapat menghasilkan tampilan wujud yang

terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat

lunak pengolah kata dan disimpan dalam format ASCII normal

sehingga menjadi halaman web dengan perintah-perintah HTML.

3. Definisi HomePage

Homepage adalah halaman muka dari seuatu situs web (web

site), atau lokasi dari situs web di mana dokumen web dapat diakses.

Definisi yang lainnya yaitu halaman default yang telah diset untuk

4
 sebuah browser, dimana halaman ini ditayangan di Internet melalui

media World Wide Web (WWW). Biasanya digunakan orang untuk

mempromosikan berbagai informasi, jasa, produk, dan yang lainnya.

Atau lebih singkatnya homepage ialah halaman utama atau bagian

depan dari web yang berisi daftar isi ataupun menu-menu dari situs

Web tersebut.

4. Definisi MySQL

MySQL adalah sistem manajemen database yang digunakan

untuk menyimpan data dalam tabel terpisah dan menempatkan semua

data dalam satu gudang besar. Struktur database disusun dalam file

fisik dioptimalkan untuk kecepatan. Model logis, dengan benda-benda

seperti database, tabel, baris, dan kolom, menawarkan lingkungan

pemrograman yang fleksibel. Dan sebuah perangkat lunak sistem

manajemen basis data SQL (bahasa Inggris: database management

system) atau DBMS yang multithread, multi-user, dengan sekitar 6

juta instalasi di seluruh dunia.

5. Definisi XAMPP

XAMPP adalah perangkat lunak ( free software) bebas, yang

mendukung untuk banyak sistem operasi, yang merupakan kompilasi

dari beberapa program. Nama XAMPP itu sendiri merupakan

singkatan dari X (empat sistem operasi apapun), Apache, MySQL,

PHP dan Perl. Program ini tersedia dalam GNU General Public

5
License dan bebas, merupakan web server yang mudah untuk

digunakan yang dapat menampilkan halaman web yang dinamis.

Untuk mendapatkanya XAMPP anda dapat mendownload langsung

dari web resminya. Dan berikut beberapa definisi program lainnya

yang terdapat dalam XAMPP.

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. PHPMyAdmin adalah perangkat lunak

bebas yang ditulis dalam bahasa pemrograman PHP yang digunakan

untuk menangani administrasi MySQL melalui Jejaring Jagat Jembar

(World Wide Web). phpMyAdmin mendukung berbagai operasi

MySQL, diantaranya (mengelola basis data, tabel-tabel, bidang

(fields), relasi (relations), indeks, pengguna (users), perijinan

(permissions), dan lain-lain).Pada dasarnya, mengelola basis data

dengan MySQL harus dilakukan dengan cara mengetikkan baris-baris

perintah yang sesuai (command line) untuk setiap maksud tertentu.

Jika seseorang ingin membuat basis data (database), ketikkan baris

perintah yang sesuai untuk membuat basis data. Jika seseorang

menghapus tabel, ketikkan baris perintah yang sesuai untuk

menghapus tabel. Hal tersebut tentu saja sangat menyulitkan karena

seseorang harus hafal dan mengetikkan perintahnya satu per satu.

6
6. Definisi Sistem Informasi

Sistem informasi adalah kumpulan informasi di dalam sebuah

basis data menggunakan model dan media teknologi informasi

digunakan di dalam pengambilan keputusan bisnis sebuah organisasi.

Di dalam suatu organisasi, informasi merupakan sesuatu yang penting

di dalam mendukung proses pengambilan keputusan oleh pihak

manajemen

7. Definisi Browser

Browser adalah sebuah software atau program yang digunakan

untuk menjelajah internet dalam konteks komputer menurut saya.

Menjelajah ini termasuk melintasi, mengambil, dan menyajikan

informasi di Internet atau World Wide Web. Informasi dari internet ini

bisa merupakan sebuah halaman web, gambar, video, atau bagian lain

dari konten website di internet.

8. Definisi Internet

Internet adalah jaringan besar yang saling berhubungan dari

jaringan-jaringan komputer yang menghubungkan orang-orang dan

komputer-komputer diseluruh dunia, melalui telepon, satelit dan

sistem-sistem komunikasi yang lain. Internet dibentuk oleh jutaan

komputer yang terhubung bersama dari seluruh dunia, memberi jalan

bagi informasi (mulai dari text, gambar, audio, video, dan lainnya )

untuk dapat dikirim dan dinikmati bersama.

7
9. Definisi WWW

WWW merupakan kepanjangan dari (World Wide Web) yang

dapat diartikan sebagai suatu ruang informasi yang dipakai oleh

pengenal global yang disebut Pengidentifikasi Sumber Seragam untuk

mengenal pasti sumber daya berguna. WWW sering dianggap sama

dengan Internet secara keseluruhan, walaupun sebenarnya ia hanyalah

bagian dari pada Internet. Dengan kata lain www juga bisa diartikan

sebagai nama yang diberikan untuk semua bagian Internet yang dapat

diakses dengan software web browser.

10. Definisi Notepad ++

Notepad ++ adalah program aplikasi pengembang yang berguna

untuk mengedit teks dan skrip kode pemrograman. Versi terbaru

program ini adalah Notepad++ v5.9, yang dirilis pada tanggal 06

April 2012. Software Notepad++ dibuat dan dikembangkan oleh Tim

Notepad++. Perangkat lunak komputer ini memiliki kelebihan pada

peningkatan kemampuan sebuah program text editor, lebih dari

sekedar program Notepad bawaan Windows. Notepad++ bisa

mengenal tag dan kode dalam berbagai bahasa pemrograman.

8
 BAB III

ANALISIS DAN PERANCANGAN

A. Latar Belakang Sekolah

SMAN 1 Sukamulia merupakan salah satu sekolah tertua yang ada di

Desa Sukamulia Timur Kecamatan Sukamulia Kabupaten Lombok Timur.

SMAN 1 Sukamulia didirikan pada tahun 1997 dan beroperasi pada tahun itu

juga. SMAN 1 Sukamulia memiliki kondisi lingkungan yang cukup kondusif

seperti bersih, aman, disiplin, dan berada di lingkungan yang tidak dijangkau

oleh kebisingan kendaraan dan keramaian kota sehingga kegiatan belajar

mengajar dapat terlaksana dengan lancar.

Dalam melaksanankan program pendidikan dan pengajaran, di SMAN 1

Sukamulia di dukung oleh berbagai sarana dan prasarana seperti gedung

sekolah yang luas terdiri dari kantor atau ruang kepala sekolah, ruang tata

usaha, ruang wakil kepala bagian masing-masing, ruang belajar yang

memadai, perpustakaan, ruang BP, ruang OSIS dan UKS, musholah, ruang

komputer, ruang laboratorium, lapangan upacara dan lapangan olah raga.

Dalam suatu lembaga pendidikan tidak akan bisa terlepas dari sebuah

organisasi kerana dengan adanya organisasi yang terorganisir dengan baik,

maka setidaknya para siswa akan termotifasi untuk meningkatkan prestasi

belajarnya atau daya serap siswa tersebut. Berikut ini struktur organisasi yang

ada di SMAN 1 Sukamulia.

9
B. Sistem Yang Sedang Berjalan

1. Analisa Perancangan

Pada SMA Negeri 1 Sukamulia merupakan salah satu sekolah yang

sudah berkembang dan sudah mengenal teknologi informasi. Di mana di

sekolah ini sudah memiliki laboratorium komputer serta sudah memiliki

jaringan akses internet di lingkungan sekolah.

2. Analisa Sistem Baru

Berdasarkan uraian analisa perancangan di atas, maka penulis

mencoba untuk membuat sebuah aplikasi ( sistem automasi ) yang dapat

membantu proses pendaftaran siswa peserta UNBK serta pencarian data

dengan cepat sehingga akan mengoptimalkan pelayanan terhadap

siswa/masyarakat yang akan membantu pencapaian tujuan.

3. Kebutuhan Sistem ( Hardware, Software )

Untuk mendukung terlaksananya sistem automasi penulis

memerlukan beberapa perangkat yang terdiri dari perangkat lunak

(software) dan perangkat keras ( hardware).g

Perangkat lunak (software) yang dibutuhkan adalah :

1. Xampp

2. Notepad++

3. MySQL

Perangkat keras (hardware) yang dibutuhkan adalah :

10
 1. Processor

2. Hardisk

4. Kebutuhan User

Beberapa macam hardware dan software yang dibutuhkan oleh user dalam

mengerjakan program website ini, diantaranya adalah :

a. Komputer dengan processor Intel (R) Celeron (R) Processor N2840,

Memory RAM 2 GB, dan Hardisk 500 GB.

b. Internet Explorer atau Mozila Firefox

c. Xampp

d. Notepad++

e. MySQL

5. Perancangan Sistem

Dalam perancang sistem baru disini, penulis akan merancang sebuah

sistem yang akan digunakan sebagai rancangan Website Pengelohan

Informasi Daftar Peserta UNBK Pada SMA Negeri 1 Sukamulia.

Perancang sistem baru ini meliputi:

a. Diagram Konteks

Diagram Konteks adalah diagram yang terdiri dari suatu proses dan

menggambarkan ruang lingkup suatu sistem dan dan merupakan lever

tertinggi dari DFD yang menggambarkan seluruh input ke sistem atau

output sistem. Dalam diagram konteks ada satu proses. Berikut ini

11
 diagram konteks sistem informasi pengolahan data informasi Daftar

Peserta UNBK.

WEBSETER Sistem Website

Pendaftaran SMA
Peserta UNBK
b. Data Flow Diagram

Data Flow Diagram merupakan salah satu komponen dalam serangkai

pembuatan perancangan sebuah sistem komputerisasi. DFD

menggambarkan aliran data dari sumber pembeli data(input)

kepenerimaan data (output). Aliran data perlu diketahui agar

sipembuatsistem tahu persis kapan sebuah dataharus disimpan,

ditanggapi, dan harus didistribusi kebagian lain.

12
6. Flow Chart

START

INPUT INPUT STOP

USER USER
NAME & LIHAT
PASSWOR
D

LOGI
N
SUKS
ES

ADMIN INPUT
DATA
PESERTA

13
 Keterangan :

 Sysmbol terminal (simbol untuk

permulaan atau akhir dari suatu program)

 Symbol Process (simbol yang

menunjukan pengolahan yang dilakukan oleh komputer)

 Symbol Decision (Simbol untuk kondisi

yang akan menghasilkan bebrapa kemungkinan asli atau tidak)

 Symbol Display ( Simbol yang

menyatakan peralatan output yang digunakan yaitu layar, plotter,

printer, dan sebagainya)

 Symbol Connector (Simbol untuk keluar

atau masuk prosedur atau proses dalam lembar atau halaman yang

sama)

7. Rancangan Antar Muka Interface

14
 BAB IV

IMPLEMENTASI DAN PEMBAHASAN

A. Implementasi

Impelentasi adalah suatu tindakan atau pelaksanaan dari sebuah

rencana yang sudah disusun secara matang dan terperinci. Implementasi

biasanya dilakukan setelah perencanaaan sudah dianggap fix dan merupakan

kumpulan elemen-elemen yang telah didesaign ke dalam bentuk

pemrograman untuk menghasilkan suatu tujuan yang dibuat berdasarkan

kebutuhan.

B. Tujuan Implementasi Sistem

Menyelesaikan desaign siistem yang telah disetujui sebelumnya :

a) Memastikan bahwa pemakai(user) dapan mengorasikan sistem baru.

b) Menguji apakah sistem baru tersebut sesuai dgn pemakai user.

c) Memastikan bahwa konversi ke sistem baru berjalan yaitu dengan

membuat rencana, mengontrol, dan melakukan istalasi baru.

C. Langkah-Langkah Implementasi Sistem

Beberpa aktivitas yang dilakukan dalam implementasi sistem untuk

menbangun website sistem informasi pendaftaran peserta UNBK pada SMA

NEGERI 1 SUKAMUKIA.. antara lain :

a) Pengadaan perangkat keras

15
 Perangkat keras (hardware) yang dianjurkan penulis untuk

menjelaskan aplikasi web komputer lokal SMA NEGERI 1

SUKAMULIA adalah sebagai berikut :

 Komputer dengan processor Intel (R) Celeron (R) Processor

N2840, Memory RAM 2 GB, dan Hardisk 500 GB.

b) Pemeliharaan Sistem

Perangakat lunak (software) yang dibutuhkan untuk membuat dan

menjalanka aplikasi web ini komputer lokal SMA NEGERI 1

SUKAMULIA adalah sebagai berikut :

 Notepad ++

 Internet Explorer, Mozila Firefox, dan Opera sebagai Browser.

 Xampp

 MySQL

16
D. Pembahasan Sistem

a. Halaman utama

Halaman utama adalah bagian dari awal program yang terdiri dari

beranda, daftar Peserta dan Hubungi kami.

Gambar d.1

b. Halaman Form Login

Halaman yang berisi tempat memasukkantidur user dan password admin

Gambar d.2

17
c. Halaman Lihat Daftar Peserta

Halaman ini adalah halaman yg berisi peserta yg sudah terdaftar

Gambar d.3

d. Halaman Detail Peserta

Halaman Detail Peserta adalah halaman yg berisi data peserta.

Gambar d.4

18
e. Halaman Tambah data Peserta

Halaman Tambah data peserta adalah halaman yang berisi menambahkan

peserta UNBK.

Gambar d.5

f. Halaman Edit Peserta

Halaman ini digunakan untuk kegiatan pengeditan data peserta UNBK,

apabila ada kesalahan pada saat penginputan data.

Gambar d.6

19
g. Halaman Setting Akun Admin

Pada halaman ini digunakan untuk proses pengeditan akun admin yang

menjadi pengelola system informasi tersebut.

Gambar d.7

20
 h. Halaman Bantuan

Halaman ini merujuk kepada apabila ada hal-hal yang kurang dimengerti

bisa ditanyakan langsung kepada admin.

Gambar d.8

E. Pengujian Sistem

Setelah selesai mengerjakan semua halaman website yang dibuat, maka

website tersebut harus diuji dahulu dibrowser sebagai berikut :

1. Simpan website yang telah kita buat pada folder yang kita inginkan

2. Buka internet Explorer atau Mozila Firefox kemudian ketik

http:/localhost/webtemp/html/indeks/php.

21
 BAB V

PENUTUP

A. KESIMPULAN

Setelah penulis melaksanakan kegiatan membuat aplikasi tersebut pada

SMA NEGERI 1 SUKAMULIA, dari pembahasan serta uraian permasalahn

diatas dapat diambil kesimpulan sebagai berikut :

1) Program informasi pendaftaran peserta UNBK merupakan salah satu

piral utama dalam rangka Ujian Nasional, sehingga pengembangan

program penginformasian sewaktu-waktu untuk mutlak dilakukan,

sehingga penulis membuat suatu program atau website SMA NEGERI

1 SUKAMULIA untuk mempermudah sarana informasi dalam Ujian

Nasional.

2) Pada SMA NEGERI 1 SUKAMULIA merupakan suatu badan yang

memiliki tugas dan fungsi untuk membantu pihak sekolah bahwa

apalikasi yang dibuat oleh penulis bertujuan untuk memperlihatkan

nama siswa-siswi mereka sudah terdaftar untuk mengikuti UNBK.

B. SARAN

Pada kesempatan yang baik ini, penulis akan menyampaikan saran yang

mungkin dapat digunakan dalam pengambilan keputusan dan kebijakan serta

meningkatkan pengetahuan kita terutama pengetahuan dalam bidang

teknologi. Penulis menyarankan supaya pengggunaan kecanggihan Teknologi

22
dapat diterapkan lebih luas, terutama dalam bidang pendidikan. Untuk

membantu dalam memperoleh informasi lebih cepat dan akurat. Serta

membantu pekerjaan supaya lebih efektif dan efisien.

23
DAFTAR PUSTAKA

24