Perancangan Aplikasi Ujian Berbasis Komputer untuk SMA GKPI Padang Bulan Medan
BAB 2
LANDASAN TEORI
2.1
Sekilas tentang Ujian Berbasis Komputer
Pada dasarnya ujian berbasis komputer hanya mengubah medium ujian, dari yang
tadinya menggunakan kertas berubah menggunakan apilkasi digital. Semua
kegiatan yang berkaitan dengan ujian akan menggunakan sistem internet, mulai
dari pembuatan soal, pengaturan kelas, pengaturan user peserta ujian, pengaturan
guru atau pengawas, sampai proses ujiannya.
Ujian berbasis komputer tentu dipilih karena memiliki beberapa kelebihan
dibandingkan ujian konvesional menggunakan kertas. Ada beberapa keunggulan
ujian berbasis komputer ini, diantara kelebihannya adalah sebagai berikut ;
1. Pemerintah berharap adanya UNBK dapat menyelesaikan masalah klasik UN,
seperti keterlambatan distribusi soal UN dan penggunaan anggaran yang besar
2. Lebih meminimalisir adanya persoalan klasik UN, yaitu keterlambatan
distribusi soal ujian. Terlebih untuk daerah terpencil.
3. Untuk soal yang mendukung adanya gambar, UNBK dinilai lebih baik, sebab
kemungkinan adanya gambar yang kurang jelas lebih sedikit.
Universitas Sumatera Utara
8
4. Proses pengumpulan lembar jawaban lebih praktis, sebab tanpa harus
mengumpulkan manual dan tanpa mengurutkan sesuai nomor urut ujian.
5. Hasil ujian akan dipublish lebih cepat, dengan demikian peserta yang lulus
ujian lebih banyak waktu untuk mempersiapkan ke jenjang selanjutnya.
6. Lebih hemat anggaran, sebab media yang digunakan ialah bukan kertas dimana
harga kertas kini tidak murah lagi.
Tentu ujian berbasis komputer tidak hanya memiliki kelebihan karena
dibalik kelebihan pasti memiliki kekurangan layaknya dengan kehadiran ha-hal
yang baru lainnya, biasanya akan diperhitungkan kelebihan dan kekurangannya
dibandingkan dengan sesuatu yang lama. Pun dalam ujian berbasis komputer ini,
jika tadi kita sudah mengulas tentang beberapa kelebihan ujian berbasis komputer
ini. Kali ini giliran kekurangan menggunakan ujian berbasis komputer.
Adapun beberapa kekurangan Ujian berbasis komputer diantaranya ialah.
1. Adanya kekhawatiran mesin error dan kendala-kendala yang lainnya pada Ujian
berbasis komputermembuat rasa khawatir peserta ujian semakin tinggi
dibandingkan dengan ujian konvesional.
2. Harus adanya sosialisasi kembali ke seluruh sekolah yang akan
menyelenggarakan Ujian berbasis komputer, tidak hanya itu pemerintah juga
tetap harus melakukan pengawasan dan pendampingan terhadap sekolah dan
guru.
Universitas Sumatera Utara
9
Dengan adanya sosialisasi baru, tentu butuh anggaran tambahan.
1. Untuk daerah terpencil dan daerah perbatasan dimana internet dan listrik
belum tersedia secara maksimal, hal ini akan memunculkan persoalan
baru.
2. Soal keamanan dan bocoran jawaban bisa jadi lebih mudah diambil alih
pihak ketiga, mengingat semakin banyaknya orang yang bisa membobol
keamanan di dunia maya. Kita bisa belajar dari lumpuhnya web revolusi
mental milik pemerintah, yang konon menghabiskan anggaran negara
sebesar 140 Milyar, dengan kekuatan website konon nomor wahid, pun
masih bisa lumpuh.
3. memungkinkan terjadinya machine errors, yaitu kesalahan yang
diakibatkan oleh mesin atau komputer. Hal ini sangat memungkinkan
terjadi, mengingat ujian ini bersistemkan online hal-hal yang berhubungan
dengan sistem online perlu diperhatikan, seperti terputusnya jaringan
internet secara tiba-tiba, kerusakan komputer, sampai mati listrik yang
tidak terduga.
4. Untuk sekolah yang belum memiliki komputer yang jumlahnya sama atau
lebih banyak dari pseserta ujian, ini juga akan menimbulkan persoalan
baru. Alternatifnya peserta ujian akan bergantian melakukan ujian
nasional.
Universitas Sumatera Utara
10
2.2
HTML (Hypertext Mark Languange Up)
HTML merupakan singkatan dari Hypertext Mark Languange Up adalah bahasa
standar pemrograman untuk membuat suatu website yang bisa diakses oleh
internet dengan kata lain HTML adalah halaman yang bisa dilihat dan dibaca dan
disusun dengan menggunakan bahasa ini dan kemudian diterjemahkan oleh
komputer agar dapat dipahami oleh penggunanya.
HTML merupakan standar pembuatan website secara luas agar laman
website pada layar komputer, yang disusun dalam kode atau simbol tertentu
dalam suatu dokumen. Oleh karena itu dapat digunakan untuk berpindah laman
web ke laman lain dengan mengklik suatu tulisan atau simbol pada laman website.
Istilah Hypertext Mark Languange Up adalah istilah metode yang
digunakan untuk berpindah laman web ke laman lain dengan mengklik suatu
tulisan atau simbol pada laman website sedangkan mark up pada html sendiri
diartikan sebagai suatu hal yang dilakukan html terhadap teks tersebut akna
muncul sebagai teks dengan huruf tebal atau bold pada suatu laman website.
Adapun fungsi dari HTML adalah sebagai berikut :
1. Fungsi utama html yang diketahui adalah untuk membuat suatu halam website
yang bisa dibaca da dipahami oleh pengguna dengan lebih mudah. Seluruh
laman website yang ada dalam internet dibuat dengan html dan tidak ada
pengecualian.
Universitas Sumatera Utara
11
2. Menandai teks pada suatu laman, html ditulis pada suatu halaman dokumen
dengan tag atau simbol tertentu dimana simbol dan tag tersebut akan menandai
teks menjadi tebal, miring, bergaris tebal dan lain sebagainya. Misal jika kita
membuat suatu teks menjadi teks miring atau italic, dalam laman html
dituliskan kode , untuk teks tebal dan untuk teks bergaris bawah.
3. Sebagai dasar website, website yang dibuat tentunya memiliki beberapa fitur
yang dibuat dengan menggunakan java script (untuk mengatur perilaku web),
implemetasi bahasa pemrograman server PHP, dan mendesain web
menggunakan CSS. Semua bahasa tersebut dapat diaplikasikan jika web
memiliki bahasa html sebagai dasarnya.
4. Menampilkan tabel, gambar, video, dan lainnya. Biasanya dalam website
atau blog kita tidak bisa langsung meletakkan tabel, gambar maupun video oleh
sebab itu komponen tersebut diletakkan pada web dengan menggunakan
bahasa html.
5. Menandai elemen dan membuat online form, html juga berfungsi untuk
menandai bagian-bagian dalam website diantaranya header, main, footer,
navigation dan lain sebagainya. Selain itu html juga biasanya digunakan
sebagai bahasa dalam membuat suatu online form atau formulir digital.
Universitas Sumatera Utara
12
2.3
PHP: Hypertext Preprocessor
Menurut dokumen resmi PHP, PHP adalah singkatan dari PHP Hypertext
Preprocessor. Ia merupakan bahasa pemrograman yang berbentuk skrip yang
ditempatkan didalam server dan diproses di server. Hasilnyalah yang akan
dikirimkan ke klien, tempat pemakai menggunakan browser.
PHP (Hypertext Preprocessor) 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 (Sidik, 2004).
Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs
personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada
waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa
sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.
Selanjutnya
Rasmus
merilis
kode
sumber
tersebut
untuk
umum
dan
menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber
terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP
(Sidik, 2004).
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP
sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga
modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.
Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter
PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998,
perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis
Universitas Sumatera Utara
13
tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang
PHP: Hypertext Preprocessing (Sidik, 2004).
2.4
MySQL
Database adalah suatu kumpulan data-data yang disusun sedemikian rupa
sehingga membentuk informasi yang sangat berguna. Database terbentuk dari
sekelompok data-data yang memiliki jenis/sifat yang sama. Ambil contoh, datadata berupa nama-nama, kelas-kelas, alamat-alamat. Semua data tersebut
dikumpulkan menjadi satu menjadi kelompok data baru, sebut saja sebagai datadata mahasiswa. Salah satu bahasa database yang populer adalah SQL.
MySQL merupakan software system manajemen basis data (Database
Management Sistem-DBMS) yang sangat popular di kalangan 3 pemrogram web.
MYSQL merupakan basis data yang paling popular digunakan untuk membangun
aplikasi web yang menggunakan basis data sebagai sumber dan pengelola datanya
(Ariasari, 2010).
MySQL biasa dibaca mai-es-ki-el atau mai-se-kuel adalah suatu perangkat
lunak database relasi (Relational Database Management System atau RDBMS)
seperti halnya Oracle, Postgresql, MS SQL dan sebagainya. SQL atau singkatan
dari Structured Query Language ialah suatu sintaks perintah-perintah tertentu atau
bahasa pemrograman yang digunakan untuk mengelola suatu database.
Universitas Sumatera Utara
14
Jadi, MySQL dan SQL tidaklah sama. Singkatnya, MySQL ialah
perangkat lunaknya dan SQL adalah bahasa perintahnya. Ketika dibandingkan
antara MySQL dengan sistem database yang lain, maka perlu difikirkan apa yang
paling penting sesuai kebutuhan. Apakah tampilan, support, fitur-fitur SQL,
kondisi keamanan dalam lisensi, atau masalah harga.
Dengan pertimbangan tersebut, MySQL memiliki banyak hal yang bisa
ditawarkan, antara lain :
1. Berdasarkan kecepatannya, banyak ahli memberikan pendapat bahwa MySQL
merupakan server tercepat.
2. MySQL memiliki performa tinggi namun merupakan database yang simpel
sehingga mudah di-setup dan dikonfigurasi.
3. MySQL cenderung gratis untuk penggunaan tertentu.
4. MySQL mengerti bahasa SQL (Structured Query Language) yang merupakan
plihan sistem database moderen.
5. Banyak klien dapat mengakses server dalam satu waktu. Mereka dapat
menggunakan banyak database secara simultan.
6. Database MySQL dapat diakses dari semua tempat di internet dengan hak
akses tertentu.
7. MySQL dapat berjalan dalam banyak varian Unix dengan baik, sebaik seperti
saat berjalan di sistem non-Unix.
8. MySQL mudah didapatkan dan memiliki source code yang boleh
disebarluaskan sehingga bisa dikembangkan lebih lanjut.
9. Dapat dikoneksikan pada bahasa C, C++, Java, Perl, PHP dan Python.
Universitas Sumatera Utara
15
Jika hal-hal diatas ialah kelebihan yang dimiliki oleh MySQL, maka MySQL
juga memiliki kekurangan seperti :
1. Untuk koneksi ke bahasa pemrograman visual seperti visual basic, delphi, dan
foxpro, MySQL kurang mendukung. Karena koneksi ini menyebabkan field
yang dibaca harus sesuai dengan koneksi dari program visual tersebut. Dan ini
yang menyebabkan MySQL jarang dipakai dalam program visual.
2. Data yang ditangani belum begitu besar.
2.5
CSS (Cascading Style Sheet)
CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan salah satu
kode pemrograman yang bertujuan untuk menghias dan mengatur gaya
tampilan/layout halaman web supaya lebih elegan dan menarik. CSS adalah
sebuah teknologi internet yang direkomendasikan oleh World Wide Web
Consortium atau W3C pada tahun 1996.
Awalnya, CSS dikembangkan di SGML pada tahun 1970, dan terus
dikembangkan hingga saat ini. CSS telah mendukung banyak bahasa markup
seperti HTML, XHTML, XML, SVG (Scalable Vector Graphics) dan Mozilla
XUL (Ariona, 2013).
Universitas Sumatera Utara
16
2.6
Sublime Text
Sublime Text Editor adalah editor teruntuk berbagai bahasa pemograman
termasuk pemograman PHP. Sublime Text Editor merupakan editor text lintasplatform dengan Python application programming interface (API). Sublime Text
Editor juga mendukung banyak bahasa pemrograman dan bahasa markup, dan
fungsinya dapat ditambah dengan plugin, dan Sublime Text Editor tanpa lisensi
perangkat lunak (Febiyan, 2014).
2.7 XAMPP Control Panel
XAMPP
adalah software aplikasi
pengembang
yang digunakan
untuk
pengembangan website berbasis PHP dan juga sebagai server untuk local dalam
pembuatan database dengan MySql (Winter, 2014). XAMPP merupakan tool yang
menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan
menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi
web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi
dan mengkonfigurasikannya secara otomatis untuk anda atau auto konfigurasi.
2.8
PHP dan MySQL Sebagai Web Service
Web service merupakan sesuatu yang berbeda jika dibandingkan dengan website.
Website sendiri dirancang dengan tampilan atau user interface yang baik
sedangkan web service tidak. Web service tidak dirancang untuk berinteraksi
Universitas Sumatera Utara
17
langsung dengan pengguna. Sesuai dengan namanya, web service hanya
menyediakan layanan saja. Sehingga, web service sendiri dapat disebut sebagai
sebuah aplikasi yang dibuat agar dapat dipanggil atau diakses oleh aplikasi lain
melalui internet dengan menggunakan format pertukaran data sebagai pengiriman
pesan. Web service juga memungkinkan untuk dipanggil dengan menggunakan
protokol lain seperti SMTP (Simple Mail Transfer Protocol), namun yang paling
umum digunakan ialah HTTP. Karena web service menggunakan protokol HTTP,
tentu PHP sebagai bahasa pemrograman web menjadi salah satu kekuatan dalam
bahasa pemrogaman yang mengelola web service. Banyak teknik dan metode
untuk menghasilkan web service dengan PHP, pembuatan web service dengan
format XML dan JSON yang diambil dari database MySQL lewat bahasa
pemrograman PHP.
2.9
Flowchart
Flowchart merupakan bagan atau gambar yang memperlihatkan hubungan antar
proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol yang mana
dari tiap-tiap simbol mewakili proses tertentu. Sedangkan hubungan antar-proses
tadi digambarkan dengan garis-garis. Flowchart merupakan langkah awal
pembuatan program. Setelah flowchart selesai disusun, selanjutnya pemrogram
menerjemahkannya
ke
dalam
bentuk
program
menggunakan
bahasa
pemrograman. Berikut ini adalah simbol-simbol standar pada sebuah flowchart
beserta fungsinya.
Universitas Sumatera Utara
18
Tabel 2.1. Simbol Flowchart
No
Nama
1
Terminator
2
Arrow
3
Rectangle
4
Trapezium
5
Document
Simbol
Fungsi
Digunakan untuk mewakili
simbol start atau end.
Menunjukkan alur proses.
Menunjukkan langkah
Pemrosesan.
Simbol untuk input-output.
6
Digunakan
output.
untuk
mewakili
Decision
Simbol yang berfungsi untuk
menyatakan keputusan.
7
Preparation
Simbol yang berfungsi untuk
proses
inisialisasi
atau
pemberian harga awal.
8
Off-page
Connector
Simbol untuk keluar-masuk
atau penyambungan proses
pada halaman yang berbeda.
9
Manual Input
10
Manual
Operation
Simbol untuk pemasukkan
data. Secara manual melalui
keyboard.
Simbol yang menunjukkan
pengolahan yang tidak
dilakukan oleh komputer.
Universitas Sumatera Utara
19
11
Predefine
Process
Simbol untuk pelaksanaan
suatu bagian (subprosedur)
Simbol
yang menyatakan
peralatan
output
yang
digunakan
seperti
layar,
printer, plotter, dan sebagainya.
12
Display
13
Magnetic
Disk
Simbol yang digunakan untuk
penyimpanan data ke database.
Storage Data
Simbol yang menyatakan input
yang berasal dari disk atau
disimpan ke disk.
14
2.10
Data Flow Diagram
Data Flow Diagram adalah alat perancangan sistem yang berorientasi pada alur
data dengan konsep dekomposisi yang dapat digunakan untuk penggambaran
analisa maupun perancangan sistem yang mudah dikomunikasikan ke pengguna
ataupun ke pembuat program.
Didalam DFD terdapat tiga level, yaitu :
1. Diagram Konteks (DFD Level 0)
Diagram konteks menggambarkan satu lingkaran besar yang dapat mewakili
seluruh proses yang terdapat dalam suatu sistem. Diagram konteks merupakan
tingkatan tertinggi dalam Data Flow Diagram biasanya diberi penomoran nol.
Universitas Sumatera Utara
20
Semua entitas eksternal ditunjukkan dalam diagram konteks beserta dengan
aliran-aliran data utama, baik dari dan menuju sistem.
2. Diagram Nol (DFD Level 1)
Diagram
nol
merupakan
satu
lingkaran
besar
yang
mewakili
lingkaranlingkaran kecil yang ada pada diagram konteks. Dengan kata lain
diagram nol merupakan pemecahan dari diagram konteks.
3. Diagram Rinci
Lebih rinci lagi, diagram rinci adalah diagram yang menguraikan prosesproses
yang terdapat di dalam diagram nol. Berikut merupakan simbol-simbol standar
menurut Yourdan dan DeMarco yang digunakan untuk membuat sebuah Data
Flow Diagram.
Tabel 2.2. Simbol Data Flow Diagram
No Nama Simbol
1
Kesatuan Luar
2
Arus Data
3
Proses
4
Simpanan Data
Simbol
Fungsi
Sebagai kesatuan (entitas)
di lingkungan luar sistem
yang dapat berupa orang,
organisasi, sumber asli
transaksi, atau penerima
akhir.
Berfungsi untuk
menghubungkan
antara
proses, simpanan data, dan
kesatuan luar.
Berupa kegiatan atau proses
yang sedang dilakukan.
Menunjukkan
yang tersimpan.
informasi
Universitas Sumatera Utara
21
2.11
Entity Relationship Diagram
Entity Relationship Diagram merupakan suatu model untuk menjelaskan
hubungan antar-data dalam basis data berdasarkan objek-objek dasar data yang
mempunyai hubungan antar-relasi.
Menurut salah satu para ahli, Brady dan Loonam (2010), Entity
Relationship Diagram (ERD) merupakan salah satu teknik yang digunakan untuk
memodelkan kebutuhan data dari suatu organisasi. Komponen penyusun ERD
adalah sebagai berikut.
Tabel 2.3. Komponen ERD
No
1
Nama
Entitas
Simbol
Fungsi
Persegi panjang untuk entitas
2
Attribut
3
Relasi
Belah ketupat mewakili relasi
4
Garis
Garis menghubungkan
Ellips untuk atribut
Entitas adalah objek dalam dunia nyata yang dapat dibedakan dengan
objek lain, seperti mahasiswa, dosen, departemen. Relasi merupakan gambaran
antar-entitas, sedangkan setiap entitas pasti memiliki elemen yang disebut atribut
yang berfungsi untuk mendeskripsikan karakter dari entitas tersebut. Misalnya,
atribut dari siswa adalah nis dan nama.
Universitas Sumatera Utara
LANDASAN TEORI
2.1
Sekilas tentang Ujian Berbasis Komputer
Pada dasarnya ujian berbasis komputer hanya mengubah medium ujian, dari yang
tadinya menggunakan kertas berubah menggunakan apilkasi digital. Semua
kegiatan yang berkaitan dengan ujian akan menggunakan sistem internet, mulai
dari pembuatan soal, pengaturan kelas, pengaturan user peserta ujian, pengaturan
guru atau pengawas, sampai proses ujiannya.
Ujian berbasis komputer tentu dipilih karena memiliki beberapa kelebihan
dibandingkan ujian konvesional menggunakan kertas. Ada beberapa keunggulan
ujian berbasis komputer ini, diantara kelebihannya adalah sebagai berikut ;
1. Pemerintah berharap adanya UNBK dapat menyelesaikan masalah klasik UN,
seperti keterlambatan distribusi soal UN dan penggunaan anggaran yang besar
2. Lebih meminimalisir adanya persoalan klasik UN, yaitu keterlambatan
distribusi soal ujian. Terlebih untuk daerah terpencil.
3. Untuk soal yang mendukung adanya gambar, UNBK dinilai lebih baik, sebab
kemungkinan adanya gambar yang kurang jelas lebih sedikit.
Universitas Sumatera Utara
8
4. Proses pengumpulan lembar jawaban lebih praktis, sebab tanpa harus
mengumpulkan manual dan tanpa mengurutkan sesuai nomor urut ujian.
5. Hasil ujian akan dipublish lebih cepat, dengan demikian peserta yang lulus
ujian lebih banyak waktu untuk mempersiapkan ke jenjang selanjutnya.
6. Lebih hemat anggaran, sebab media yang digunakan ialah bukan kertas dimana
harga kertas kini tidak murah lagi.
Tentu ujian berbasis komputer tidak hanya memiliki kelebihan karena
dibalik kelebihan pasti memiliki kekurangan layaknya dengan kehadiran ha-hal
yang baru lainnya, biasanya akan diperhitungkan kelebihan dan kekurangannya
dibandingkan dengan sesuatu yang lama. Pun dalam ujian berbasis komputer ini,
jika tadi kita sudah mengulas tentang beberapa kelebihan ujian berbasis komputer
ini. Kali ini giliran kekurangan menggunakan ujian berbasis komputer.
Adapun beberapa kekurangan Ujian berbasis komputer diantaranya ialah.
1. Adanya kekhawatiran mesin error dan kendala-kendala yang lainnya pada Ujian
berbasis komputermembuat rasa khawatir peserta ujian semakin tinggi
dibandingkan dengan ujian konvesional.
2. Harus adanya sosialisasi kembali ke seluruh sekolah yang akan
menyelenggarakan Ujian berbasis komputer, tidak hanya itu pemerintah juga
tetap harus melakukan pengawasan dan pendampingan terhadap sekolah dan
guru.
Universitas Sumatera Utara
9
Dengan adanya sosialisasi baru, tentu butuh anggaran tambahan.
1. Untuk daerah terpencil dan daerah perbatasan dimana internet dan listrik
belum tersedia secara maksimal, hal ini akan memunculkan persoalan
baru.
2. Soal keamanan dan bocoran jawaban bisa jadi lebih mudah diambil alih
pihak ketiga, mengingat semakin banyaknya orang yang bisa membobol
keamanan di dunia maya. Kita bisa belajar dari lumpuhnya web revolusi
mental milik pemerintah, yang konon menghabiskan anggaran negara
sebesar 140 Milyar, dengan kekuatan website konon nomor wahid, pun
masih bisa lumpuh.
3. memungkinkan terjadinya machine errors, yaitu kesalahan yang
diakibatkan oleh mesin atau komputer. Hal ini sangat memungkinkan
terjadi, mengingat ujian ini bersistemkan online hal-hal yang berhubungan
dengan sistem online perlu diperhatikan, seperti terputusnya jaringan
internet secara tiba-tiba, kerusakan komputer, sampai mati listrik yang
tidak terduga.
4. Untuk sekolah yang belum memiliki komputer yang jumlahnya sama atau
lebih banyak dari pseserta ujian, ini juga akan menimbulkan persoalan
baru. Alternatifnya peserta ujian akan bergantian melakukan ujian
nasional.
Universitas Sumatera Utara
10
2.2
HTML (Hypertext Mark Languange Up)
HTML merupakan singkatan dari Hypertext Mark Languange Up adalah bahasa
standar pemrograman untuk membuat suatu website yang bisa diakses oleh
internet dengan kata lain HTML adalah halaman yang bisa dilihat dan dibaca dan
disusun dengan menggunakan bahasa ini dan kemudian diterjemahkan oleh
komputer agar dapat dipahami oleh penggunanya.
HTML merupakan standar pembuatan website secara luas agar laman
website pada layar komputer, yang disusun dalam kode atau simbol tertentu
dalam suatu dokumen. Oleh karena itu dapat digunakan untuk berpindah laman
web ke laman lain dengan mengklik suatu tulisan atau simbol pada laman website.
Istilah Hypertext Mark Languange Up adalah istilah metode yang
digunakan untuk berpindah laman web ke laman lain dengan mengklik suatu
tulisan atau simbol pada laman website sedangkan mark up pada html sendiri
diartikan sebagai suatu hal yang dilakukan html terhadap teks tersebut akna
muncul sebagai teks dengan huruf tebal atau bold pada suatu laman website.
Adapun fungsi dari HTML adalah sebagai berikut :
1. Fungsi utama html yang diketahui adalah untuk membuat suatu halam website
yang bisa dibaca da dipahami oleh pengguna dengan lebih mudah. Seluruh
laman website yang ada dalam internet dibuat dengan html dan tidak ada
pengecualian.
Universitas Sumatera Utara
11
2. Menandai teks pada suatu laman, html ditulis pada suatu halaman dokumen
dengan tag atau simbol tertentu dimana simbol dan tag tersebut akan menandai
teks menjadi tebal, miring, bergaris tebal dan lain sebagainya. Misal jika kita
membuat suatu teks menjadi teks miring atau italic, dalam laman html
dituliskan kode , untuk teks tebal dan untuk teks bergaris bawah.
3. Sebagai dasar website, website yang dibuat tentunya memiliki beberapa fitur
yang dibuat dengan menggunakan java script (untuk mengatur perilaku web),
implemetasi bahasa pemrograman server PHP, dan mendesain web
menggunakan CSS. Semua bahasa tersebut dapat diaplikasikan jika web
memiliki bahasa html sebagai dasarnya.
4. Menampilkan tabel, gambar, video, dan lainnya. Biasanya dalam website
atau blog kita tidak bisa langsung meletakkan tabel, gambar maupun video oleh
sebab itu komponen tersebut diletakkan pada web dengan menggunakan
bahasa html.
5. Menandai elemen dan membuat online form, html juga berfungsi untuk
menandai bagian-bagian dalam website diantaranya header, main, footer,
navigation dan lain sebagainya. Selain itu html juga biasanya digunakan
sebagai bahasa dalam membuat suatu online form atau formulir digital.
Universitas Sumatera Utara
12
2.3
PHP: Hypertext Preprocessor
Menurut dokumen resmi PHP, PHP adalah singkatan dari PHP Hypertext
Preprocessor. Ia merupakan bahasa pemrograman yang berbentuk skrip yang
ditempatkan didalam server dan diproses di server. Hasilnyalah yang akan
dikirimkan ke klien, tempat pemakai menggunakan browser.
PHP (Hypertext Preprocessor) 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 (Sidik, 2004).
Pada awalnya PHP merupakan kependekan dari Personal Home Page (Situs
personal). PHP pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada
waktu itu PHP masih bernama Form Interpreted (FI), yang wujudnya berupa
sekumpulan skrip yang digunakan untuk mengolah data formulir dari web.
Selanjutnya
Rasmus
merilis
kode
sumber
tersebut
untuk
umum
dan
menamakannya PHP/FI. Dengan perilisan kode sumber ini menjadi sumber
terbuka, maka banyak pemrogram yang tertarik untuk ikut mengembangkan PHP
(Sidik, 2004).
Pada November 1997, dirilis PHP/FI 2.0. Pada rilis ini, interpreter PHP
sudah diimplementasikan dalam program C. Dalam rilis ini disertakan juga
modul-modul ekstensi yang meningkatkan kemampuan PHP/FI secara signifikan.
Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter
PHP menjadi lebih bersih, lebih baik, dan lebih cepat. Kemudian pada Juni 1998,
perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis
Universitas Sumatera Utara
13
tersebut sebagai PHP 3.0 dan singkatan PHP diubah menjadi akronim berulang
PHP: Hypertext Preprocessing (Sidik, 2004).
2.4
MySQL
Database adalah suatu kumpulan data-data yang disusun sedemikian rupa
sehingga membentuk informasi yang sangat berguna. Database terbentuk dari
sekelompok data-data yang memiliki jenis/sifat yang sama. Ambil contoh, datadata berupa nama-nama, kelas-kelas, alamat-alamat. Semua data tersebut
dikumpulkan menjadi satu menjadi kelompok data baru, sebut saja sebagai datadata mahasiswa. Salah satu bahasa database yang populer adalah SQL.
MySQL merupakan software system manajemen basis data (Database
Management Sistem-DBMS) yang sangat popular di kalangan 3 pemrogram web.
MYSQL merupakan basis data yang paling popular digunakan untuk membangun
aplikasi web yang menggunakan basis data sebagai sumber dan pengelola datanya
(Ariasari, 2010).
MySQL biasa dibaca mai-es-ki-el atau mai-se-kuel adalah suatu perangkat
lunak database relasi (Relational Database Management System atau RDBMS)
seperti halnya Oracle, Postgresql, MS SQL dan sebagainya. SQL atau singkatan
dari Structured Query Language ialah suatu sintaks perintah-perintah tertentu atau
bahasa pemrograman yang digunakan untuk mengelola suatu database.
Universitas Sumatera Utara
14
Jadi, MySQL dan SQL tidaklah sama. Singkatnya, MySQL ialah
perangkat lunaknya dan SQL adalah bahasa perintahnya. Ketika dibandingkan
antara MySQL dengan sistem database yang lain, maka perlu difikirkan apa yang
paling penting sesuai kebutuhan. Apakah tampilan, support, fitur-fitur SQL,
kondisi keamanan dalam lisensi, atau masalah harga.
Dengan pertimbangan tersebut, MySQL memiliki banyak hal yang bisa
ditawarkan, antara lain :
1. Berdasarkan kecepatannya, banyak ahli memberikan pendapat bahwa MySQL
merupakan server tercepat.
2. MySQL memiliki performa tinggi namun merupakan database yang simpel
sehingga mudah di-setup dan dikonfigurasi.
3. MySQL cenderung gratis untuk penggunaan tertentu.
4. MySQL mengerti bahasa SQL (Structured Query Language) yang merupakan
plihan sistem database moderen.
5. Banyak klien dapat mengakses server dalam satu waktu. Mereka dapat
menggunakan banyak database secara simultan.
6. Database MySQL dapat diakses dari semua tempat di internet dengan hak
akses tertentu.
7. MySQL dapat berjalan dalam banyak varian Unix dengan baik, sebaik seperti
saat berjalan di sistem non-Unix.
8. MySQL mudah didapatkan dan memiliki source code yang boleh
disebarluaskan sehingga bisa dikembangkan lebih lanjut.
9. Dapat dikoneksikan pada bahasa C, C++, Java, Perl, PHP dan Python.
Universitas Sumatera Utara
15
Jika hal-hal diatas ialah kelebihan yang dimiliki oleh MySQL, maka MySQL
juga memiliki kekurangan seperti :
1. Untuk koneksi ke bahasa pemrograman visual seperti visual basic, delphi, dan
foxpro, MySQL kurang mendukung. Karena koneksi ini menyebabkan field
yang dibaca harus sesuai dengan koneksi dari program visual tersebut. Dan ini
yang menyebabkan MySQL jarang dipakai dalam program visual.
2. Data yang ditangani belum begitu besar.
2.5
CSS (Cascading Style Sheet)
CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan salah satu
kode pemrograman yang bertujuan untuk menghias dan mengatur gaya
tampilan/layout halaman web supaya lebih elegan dan menarik. CSS adalah
sebuah teknologi internet yang direkomendasikan oleh World Wide Web
Consortium atau W3C pada tahun 1996.
Awalnya, CSS dikembangkan di SGML pada tahun 1970, dan terus
dikembangkan hingga saat ini. CSS telah mendukung banyak bahasa markup
seperti HTML, XHTML, XML, SVG (Scalable Vector Graphics) dan Mozilla
XUL (Ariona, 2013).
Universitas Sumatera Utara
16
2.6
Sublime Text
Sublime Text Editor adalah editor teruntuk berbagai bahasa pemograman
termasuk pemograman PHP. Sublime Text Editor merupakan editor text lintasplatform dengan Python application programming interface (API). Sublime Text
Editor juga mendukung banyak bahasa pemrograman dan bahasa markup, dan
fungsinya dapat ditambah dengan plugin, dan Sublime Text Editor tanpa lisensi
perangkat lunak (Febiyan, 2014).
2.7 XAMPP Control Panel
XAMPP
adalah software aplikasi
pengembang
yang digunakan
untuk
pengembangan website berbasis PHP dan juga sebagai server untuk local dalam
pembuatan database dengan MySql (Winter, 2014). XAMPP merupakan tool yang
menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan
menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi
web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi
dan mengkonfigurasikannya secara otomatis untuk anda atau auto konfigurasi.
2.8
PHP dan MySQL Sebagai Web Service
Web service merupakan sesuatu yang berbeda jika dibandingkan dengan website.
Website sendiri dirancang dengan tampilan atau user interface yang baik
sedangkan web service tidak. Web service tidak dirancang untuk berinteraksi
Universitas Sumatera Utara
17
langsung dengan pengguna. Sesuai dengan namanya, web service hanya
menyediakan layanan saja. Sehingga, web service sendiri dapat disebut sebagai
sebuah aplikasi yang dibuat agar dapat dipanggil atau diakses oleh aplikasi lain
melalui internet dengan menggunakan format pertukaran data sebagai pengiriman
pesan. Web service juga memungkinkan untuk dipanggil dengan menggunakan
protokol lain seperti SMTP (Simple Mail Transfer Protocol), namun yang paling
umum digunakan ialah HTTP. Karena web service menggunakan protokol HTTP,
tentu PHP sebagai bahasa pemrograman web menjadi salah satu kekuatan dalam
bahasa pemrogaman yang mengelola web service. Banyak teknik dan metode
untuk menghasilkan web service dengan PHP, pembuatan web service dengan
format XML dan JSON yang diambil dari database MySQL lewat bahasa
pemrograman PHP.
2.9
Flowchart
Flowchart merupakan bagan atau gambar yang memperlihatkan hubungan antar
proses beserta instruksinya. Gambaran ini dinyatakan dengan simbol yang mana
dari tiap-tiap simbol mewakili proses tertentu. Sedangkan hubungan antar-proses
tadi digambarkan dengan garis-garis. Flowchart merupakan langkah awal
pembuatan program. Setelah flowchart selesai disusun, selanjutnya pemrogram
menerjemahkannya
ke
dalam
bentuk
program
menggunakan
bahasa
pemrograman. Berikut ini adalah simbol-simbol standar pada sebuah flowchart
beserta fungsinya.
Universitas Sumatera Utara
18
Tabel 2.1. Simbol Flowchart
No
Nama
1
Terminator
2
Arrow
3
Rectangle
4
Trapezium
5
Document
Simbol
Fungsi
Digunakan untuk mewakili
simbol start atau end.
Menunjukkan alur proses.
Menunjukkan langkah
Pemrosesan.
Simbol untuk input-output.
6
Digunakan
output.
untuk
mewakili
Decision
Simbol yang berfungsi untuk
menyatakan keputusan.
7
Preparation
Simbol yang berfungsi untuk
proses
inisialisasi
atau
pemberian harga awal.
8
Off-page
Connector
Simbol untuk keluar-masuk
atau penyambungan proses
pada halaman yang berbeda.
9
Manual Input
10
Manual
Operation
Simbol untuk pemasukkan
data. Secara manual melalui
keyboard.
Simbol yang menunjukkan
pengolahan yang tidak
dilakukan oleh komputer.
Universitas Sumatera Utara
19
11
Predefine
Process
Simbol untuk pelaksanaan
suatu bagian (subprosedur)
Simbol
yang menyatakan
peralatan
output
yang
digunakan
seperti
layar,
printer, plotter, dan sebagainya.
12
Display
13
Magnetic
Disk
Simbol yang digunakan untuk
penyimpanan data ke database.
Storage Data
Simbol yang menyatakan input
yang berasal dari disk atau
disimpan ke disk.
14
2.10
Data Flow Diagram
Data Flow Diagram adalah alat perancangan sistem yang berorientasi pada alur
data dengan konsep dekomposisi yang dapat digunakan untuk penggambaran
analisa maupun perancangan sistem yang mudah dikomunikasikan ke pengguna
ataupun ke pembuat program.
Didalam DFD terdapat tiga level, yaitu :
1. Diagram Konteks (DFD Level 0)
Diagram konteks menggambarkan satu lingkaran besar yang dapat mewakili
seluruh proses yang terdapat dalam suatu sistem. Diagram konteks merupakan
tingkatan tertinggi dalam Data Flow Diagram biasanya diberi penomoran nol.
Universitas Sumatera Utara
20
Semua entitas eksternal ditunjukkan dalam diagram konteks beserta dengan
aliran-aliran data utama, baik dari dan menuju sistem.
2. Diagram Nol (DFD Level 1)
Diagram
nol
merupakan
satu
lingkaran
besar
yang
mewakili
lingkaranlingkaran kecil yang ada pada diagram konteks. Dengan kata lain
diagram nol merupakan pemecahan dari diagram konteks.
3. Diagram Rinci
Lebih rinci lagi, diagram rinci adalah diagram yang menguraikan prosesproses
yang terdapat di dalam diagram nol. Berikut merupakan simbol-simbol standar
menurut Yourdan dan DeMarco yang digunakan untuk membuat sebuah Data
Flow Diagram.
Tabel 2.2. Simbol Data Flow Diagram
No Nama Simbol
1
Kesatuan Luar
2
Arus Data
3
Proses
4
Simpanan Data
Simbol
Fungsi
Sebagai kesatuan (entitas)
di lingkungan luar sistem
yang dapat berupa orang,
organisasi, sumber asli
transaksi, atau penerima
akhir.
Berfungsi untuk
menghubungkan
antara
proses, simpanan data, dan
kesatuan luar.
Berupa kegiatan atau proses
yang sedang dilakukan.
Menunjukkan
yang tersimpan.
informasi
Universitas Sumatera Utara
21
2.11
Entity Relationship Diagram
Entity Relationship Diagram merupakan suatu model untuk menjelaskan
hubungan antar-data dalam basis data berdasarkan objek-objek dasar data yang
mempunyai hubungan antar-relasi.
Menurut salah satu para ahli, Brady dan Loonam (2010), Entity
Relationship Diagram (ERD) merupakan salah satu teknik yang digunakan untuk
memodelkan kebutuhan data dari suatu organisasi. Komponen penyusun ERD
adalah sebagai berikut.
Tabel 2.3. Komponen ERD
No
1
Nama
Entitas
Simbol
Fungsi
Persegi panjang untuk entitas
2
Attribut
3
Relasi
Belah ketupat mewakili relasi
4
Garis
Garis menghubungkan
Ellips untuk atribut
Entitas adalah objek dalam dunia nyata yang dapat dibedakan dengan
objek lain, seperti mahasiswa, dosen, departemen. Relasi merupakan gambaran
antar-entitas, sedangkan setiap entitas pasti memiliki elemen yang disebut atribut
yang berfungsi untuk mendeskripsikan karakter dari entitas tersebut. Misalnya,
atribut dari siswa adalah nis dan nama.
Universitas Sumatera Utara