APLIKASI KUMPULAN SOAL DAN JAWABAN JURUSAN INFORMATIKA UMS BERBASIS HTML5 DAN PHP Aplikasi Kumpulan Soal Dan Jawaban Jurusan Informatika UMS Berbasis HTML5 Dan PHP.

APLIKASI KUMPULAN SOAL DAN JAWABAN JURUSAN
INFORMATIKA UMS BERBASIS HTML5 DAN PHP
Makalah

Diajukan oleh :

Theo Hadinata Yudha
Drs. Sujalwo, M.Kom.

PROGRAM STUDI INFORMATIKA
FAKULTAS KOMUNIKASI DAN INFORMATIKA
UNIVERSITAS MUHAMMADIYAH SURAKARTA
Maret 2015

APLIKASI KUMPULAN SOAL DAN JAWABAN JURUSAN
INFORMATIKA UMS BERBASIS HTML5 DAN PHP
Theo Hadinata Yudha, Sujalwo
Informatika, Fakultas Komunikasi dan Informatika
Universitas Muhammadiyah Surakarta
Email : theohadinata32@gmail.com


ABSTRAKSI
HTML5 (Hypertext Markup Language 5) dibuat untuk menggantikan
XHTML, HTML 4, dan HTML DOM Level 2. Hal ini dirancang untuk
memberikan konten bervariasi tanpa membutuhkan tambahan plugin. PHP
(Hypertext Preprocessor) merupakan bahasa script yang dapat digabung dengan
HTML. PHP dapat digunakan untuk web dinamis. MySQL merupakan
implementasi dari Relational Database Management System (RDBMS) yang
dapat digunakan secara gratis dengan lisensi dari GPL (General Public License).
Pembuatan aplikasi ini dimulai dengan menganalisa kebutuhan sistem.
Kemudian dilanjutkan dengan tahap perancangan yang meliputi perancangan
sistem, perancangan use case diagram dan desain aplikasi. Bahasa pemrograman
yang digunakan adalah PHP, HTML5, dan database MySQL.
Hasil dari penelitian ini adalah aplikasi yang bersifat user-interface yang
berisi tentang tatap muka antara user dengan aplikasi. Aplikasi dapat berjalan
pada web browser dan Smartphone. Dengan adanya aplikasi ini dapat
mempermudah user dalam mencari media pembelajran, media sharing serta
berbagi informasi. Berdasarkan hasil kuisioner dari mahasiswa menyatakan
bahwa 73,3% mahasiswa menyatakan bahwa aplikasi bermanfaat bagi mereka
serta 66,6% mahasiswa menyatakan aplikasi efektif dan efisien untuk digunakan.
Kata Kunci: HTML, HTML5, PHP, MySQL, web browser, Smartphone.


PENJUALAN

PENDAHULUAN
Kurangnya media praktis yang
menyediakan
untuk

sarana

mahasiswa

pembelajaran
yang

hendak

WEBSITE

dalamnya


semester

berbasis

semester

TOKO

membahas

pembuatan

ujian

PADA

KENCANA UNGU KEDIRI”. Di

menggikuti ujian baik ujian tenggah

maupun

BERBASIS

aplikasi
PHP.

tentang

toko

online

Penulis

dalam

banyak membuat mahasiswa kesulitan

penelitian ini menawarkan alternatif


untuk

tentang pembuatan sistem informasi

mendapatkan

materi-materi

belajar yang cukup. Sebagai sarana

beserta

yang cocok bagi mahasiswa yang

online.

hendak

mengikuti


ujian

referensi

menguji

tambahan

kemampuan

serta

sebelum

melakukan ujian yang sebenarnya.
Pada

prinsipnya,


penjualan

secara

adalah

kumpulan soal-soal ujian sebelumnya
sebagai

sistem

kumpulan

soal-soal ujian dapat memberikan
solusi bagi mahasiswa agar lebih
mudah dalam proses pembelajaran,
karena mahasiswa dapat mengukur

Penelitian lain yang dilakukan
oleh Hariyanto Sastrowijaya (2012)

dalam skripsi dengan judul “EMagazine Pada STMIK KHARISMA
Makassar Berbasis HTML 5”. Penulis
dalam penelitian ini menawarkan
metode alternatif tentang pembuatan
aplikasi

dengan

tag-tag

HTML5

seperti tag dan .

seberapa jauh pengetahuan mereka

Penelitian Setyo Andik Cahyo

serta mahasiswa dapat mengetahui


Putro (2013) dalam skripsi berjudul

kelemahan dan kebihan mereka agar

“Aplikasi

dapat

Mahasiswa Fakultas Komunikasi dan

mencari

kelemahanya

solusi
dalam

mengenai
pemahaman


Pengelolaan

Informatika

Publikasi

Universitas

materi.

Muhammadiyah Surakarta”. Penulis

TINJAUAN PUSTAKA

membahas

Penelitian

yang


sebelumnya

dilakukan oleh Agustinus Triharjono
(2012), dalam skripsi dengan judul
“SISTEM

INFORMASI

tentang

pembuatam

aplikasi berbasis PHP dan MySQL
dengan fitur pengelolaan data.

Penelitian

Miranti

Selain itu rujukan materi juga

(2011),

dengan judul “Aplikasi Pendataan

diperoleh

Kendaraan
Motor

dari

ebook

berjudul

Bermotor

Citra

Jaya

“Introduction to HTML 5” karya

Menggunakan

PHP

dan

Bread Neuberg tahun 2009 yang

MySQL”. Penulis membahas tentang

membahas

pendataan dan penyimpanan data

pemrograman menggunakan HTML

barang

5. Pembahasan meliuti penggunaan

menggunakan

aplikasi

tentang

dasar

tag-tag terbaru dalam HTML 5 seperti

berbasis PHP dan MySQL.

canvas, image, audio, video, article,
Penelitian lain juga dilakukan
oleh Anon Kuncoro Widigdo (2012)
dalam

ebook

berjudul

“Dasar

paragraph, form, input,
sebagainya.

Pemrograman PHP dan MySQL”
yang membahas tentang

variabel ,

dan lain

Berdasarkan
ada

tentang

penelitian

pembuatan

yang

aplikasi

struktur control, require, include,

berbasis HTML5 dan PHP, maka

membuat tabel dan database serta

peneliti bermaksud untuk melakukan

fungsi-fungsi umun dari PHP.

penelitian lain dengan topik Aplikasi
Kumpulan Soal dan Jawaban Jurusan

Rujukan materi yang menjadi
acuan penulis dalam penelitian ini
bersumber
“Dasar
MySql”

pada

ebook

pemrograman
karya

dan

tersebut

dasar-dasar

pemrograman dengan menggunakan
PHP dan MySql, seperti penggunaan
if-else,

post,

get,

METODE

Kuncoro

Widigdyo tahun 2003. Konten dalam
buku

dan PHP.

berjudul

PHP

Anon

Informatika UMS Berbasis HTML5

array,

switch,

database, query insert, query select,
query update, dan lain sebagainya.

Pembuatan aplikasi ini dimulai
dengan analisa kebutuhan sistem.
Kemudian dilanjutkan dengan tahap
perancangan

yang

meliputi

perancangan sistem, perancangan use
case diagram dan desain aplikasi.
Setelah

perancangan

dilanjutkan
aplikasi.

dengan

system

lalu

pengujian

yang

bahasa pemrograman HTML5 dan

digunakan adalah PHP, HTML5, dan

PHP, sedangkan untuk pengolahan

database menggunakan MySQL:

database

a.

Analisis Kebutuhan

Berikut adalah hasil penelitian yang

Menganalisa segala kebutuhan

telah dicapai.

penelitian baik berupa kebutuhan

Untuk

Bahasa

data,

pemrograman

kebutuhan

(software)

dan

kebutuhan

perangkat

keras

(hardware)

untuk

b.

aplikasi

mendukung

dan

kebutuhan

tahap
digunakan

MySQL.

analisa
untuk

menganalisa hardware dan software
yang

sesuai

dengan

kebutuhan

sehingga diperoleh alternatif terbaik

memudahkan pembuatan sistem.

dalam pembangunan aplikasi yang

Perancangan Sistem

dilanjutkan pada perancangan sistem

Dalam

ini

peneliti

dengan menentukan aktor dan use

desain

sistem,

case

tahap

merancang

merancang database sistem, dan
flowchart

merancang
perancangan

ERD

yang

termasuk

dalam

perancangan Use Case Diagram.

sistem,

Aplikasi ini mampu berjalan

(Entity

pada web browser komputer dan web

Relationship Diagram)
c.

menggunakan

browser smartphone.

Pengujian Sistem
Dalam tahap ini sistem yang
sudah
pengujian,

dibuat
baik

dilakukan
pengujian

database, pengujian pemrosesan,
dan pengujian tampilan apakah
sesuai dengan rancangan sistem
yang sudah dibuat dan dapat
berjalan dengan baik.
HASIL DAN PEMBAHASAN
Aplikasi Jejaring Kumpulan
Soal

dan

Jawaban

Jurusan

Informatika UMS ini dibuat dengan

Gambar 1. Halaman Utama
(Komputer)

Halaman

Mendaftar

adalah

tahapan awal menggunakan aplikasi
ini karena apabila belum memiliki
akun

maka

user

tidak

dapat

menggunakan fasilitas aplikasi ini.

Gambar 2. Halaman Utama
(Smartphone)
Halaman utama adalah halaman
yang pertama kali muncul ketika
aplikasi dijalankan. Pada halaman
utama terdapat beberapa tombol yaitu

Gambar 5. Halaman Login

tombol Login, Mendaftar, Tentang

(Komputer)

dan Ketentuan.

Gambar 3. Halaman Registrasi

Gambar 6. Halaman Login

(Komputer)

(Smartphone)
Halaman login adalah gerbang
masuk

untuk

menikmati

fasilitas

aplikasi ini. Jika user login dan
berhasil maka akan diarahkan ke
halaman home.

Gambar 4. Halaman Registrasi
(Smartphone)

browser serta melakukan pengisian
kuisioner kepada 15 mahasiswa untuk
mengetahui respon user terhadap
aplikasi

dan

juga

menangani

kesalahan maupun kekurangan baik
Gambar 7. Halaman Home

dari segi materi maupun konten dari

(Komputer)

aplikasi.
Tabel 1. Tabel kuisioner

Item jawaban pada kuisioner
memiliki bobot yaitu 3 untuk bobot
Gambar 8. Halaman Home

maksimum

(Smartphone)

dan

0

untuk

bobot

minimum. Perhitungan menggunakan

Halaman home adalah halaman

skala

likert

untuk

mengetahui

utama setelah login. Pada halaman ini

prosentase

terdapat menu utama di mana apabila

dengan persamaan berikut :

interpretasi

responden

user menekan tombol menu maka
menu utama akan tampil. Menu
utama berisi tombol profil, forum,
cari teman, pengaturan dan keluar.
Selain menu utama pada halaman

P

= Prosentase interpretasi

N

= Jumlah Skor

TN

= Total Skor

home juga terdapat kolom pencarian
soal dimana user dapat memasukkan
kata kunci untuk mencari soal yang
diinginkan.

teknis

interpretasi responden kesuluruhan
sebagai berikut :
a.

Pengujian aplikasi dilakukan
secara

Sehingga diperoleh prosentase

menggunakan

web

Berdasarkan

prosentasi

interpretasi yang diperoleh yaitu

74,6%,

maka

diperoleh

data

aplikasi yang telah dilakukan dapat

bahwa mahasiswa menyatakan

disimpulkan bahwa :

tampilan aplikasi mudah dan

a.

Jawaban

jelas.
b.

c.

Informatika

UMS berbasis HTML5 dan PHP

interpretasi yang diperoleh yaitu

dibangun dengan menggunakan

72%, maka diperoleh data bahwa

bahasa perograman HTML5 dan

mahasiswa menyatakan aplikasi

PHP

mudah untuk dioperasikan.

pembelajaran, media

Berdasarkan

dan berbagi informasi secara

65,3%,

e.

Jurusan

prosentasi

Berdasarkan

prosentasi

maka

diperoleh

data

sebagai

media
shearing

online.

interpretasi yang diperoleh yaitu

d.

Aplikasi Kumpulan Soal dan

b.

Berdasarkan

hasil

pengujian

bahwa mahasiswa menyatakan isi

aplikasi melalui kuisioner yang

dari aplikasi cukup mudah untuk

ditujukan baik kepada mahasiswa

dipahami.

maupun

Berdasarkan

prosentasi

masyarakat

umum,

didapat kesimpulan bahwa tujuan

interpretasi yang diperoleh yaitu

pembangunan

73,3%,

tercapai yang dibuktikan dengan

maka

diperoleh

data

aplikasi

bahwa mahasiswa menyatakan

74,6%

konten dari aplikasi bermanfaat.

tampilan aplikasi mudah dan

Berdasarkan

jelas,

prosentasi

responden

telah

72%

interpretasi yang diperoleh yaitu

menyatakan

66,6%,

untuk

maka

diperoleh

data

menyatakan

responden

aplikasi

mudah

dioperasikan,

65,3%

bahwa mahasiswa menyatakan

responden menyatakan isi dari

aplikasi ini cukup efektif dan

aplikasi

efisien.

dipahami,

penelitian

selesai
melalui

pembangunan,

mudah

73,3%

untuk

responden

menyatakan konten dari aplikasi

KESIMPULAN
Setelah

cukup

dan

melakukan

ini sangat bermanfaat, lalu 66,6%

perancangan,

responden

menyatakan

bahwa

implementasi

aplikasi ini efektif dan efisien.

DAFTAR PUSTAKA
Andik Cahyo Putro, Setyo. 2013. Aplikasi Pengelolaan Publikasi Masiswa
Fakultas Komunikasi dan Informatika Universitas Muhammadiyah
Surakarta. Surakarta: Universitas Muhammadiyah Surakarta.
Mardalis. 2008. Metode Penelitian Suatu Pendekatan Proposal. Jakarta: Bumi
Aksara.
Miranti. 2011. Apliaksi Pendataan Kendaraan Bermotor Citra Jaya Motor
Menggunakan PHP dan MySQL. Yokyakarta: Sekolah Tinggi Manajemen
Iinformatika dan Komputer AMIKOM.
Neumberg Bread. 2009. Dasar-dasar pemprograman mengunakan HTML5
Sastrowijaya, Harianto. 2012. E-Magazine Pada STMIK KHARISMA Makassar
Berbasis HTML 5. Makasar : STMIK KHARISMA.
Triharjono, Agustinus. 2012. SISTEM INFORMASI PENJUALAN BERBASIS
WEBSITE PADA TOKO KENCANA UNGU KEDIRI. Yogyakarta :
Sekolah Tinggi Manajemen Iinformatika dan Komputer AMIKOM.
Widigdo, Anon Kuncoro. 2003. Dasar pemrograman PHP dan MySql.
IlmuKompoter.com : Kuliah Umum IlmuKomputer.com.
W3schools.
2013.
HTML5
Introduction.
http://w3schools.com/html/html5_intro.asp. Diakses pada tanggal 12
September 2013.
W3schools. 2013. PHP 5 Turotorial. http://w3schools.com/php/default.asp.
Diakses pada tanggal 12 September 2013.