5

BAB II

LANDASAN TEORI

2.1 Pengertian Aplikasi

Aplikasi adalah program siap pakai yang digunakan untuk menjalankan

perintah-perintah dari pengguna aplikasi tersebut dengan tujuan mendapatkan

hasil yang akurat sesuai dengan pembuatan aplikasi, aplikasi mempunyai arti

pemecahan masalah yang menggunakan teknik pemrosesan data yang biasanya

berpacu pada sebuah komputasi yang diinginkan atau diharapkan maupun

pemrosesan data yang diharapkan. Pengertian aplikasi secara umum adalah alat

terapan yang difungsikan secara khusus dan terpadu sesuai kemampuan yang

dimilikinya aplikasi merupakan suatu perangkat computer yang siap pakai bagi

user (lesmardin, 1988).

2.2 Tes Ujian

Tes adalah alat untuk memperoleh data tentang perilaku individu (Allen

dan Yen, 1979). Karena itu didalam tes terdapat sekumpulan pertanyaan yang

harus wajib dijawab atau tuga syang harus dikerjakan, yang akan memberikan

informasi mengenai aspek psikologis tertentu(sample prilaku) berdasarkan

jawaban yang diberikan individu yang diberikan tes tersebut.

Ujian merupakan sesuatu yang dipakai untuk menguji kualitas

suatu(kepandaian, kemampuan hasil belajar, dan sebagainya). Ujian lebih

menunjukan pada penyelenggaraan dan umumnya dilakukan bersama-sama dalam

waktu-waktu tertentu, sedangkan tes lebih menunjukan alat ukur yang digunakan.

Tes dapat berbentuk ujian tulis, lisan, atau wawancara untuk mengetahui

pengetahuan, kemampuan, bakat dan kepribadian seseorang (Anastasi, 1982).

2.3 DFD (Data Flow Diagram)

Data flow diagram (DFD) adalah alat pembuat model yang memukinkan

profesional sistem untukmenggambarkan sistem sebagai suatu jaringan proses

fungsional yang dihubungkan satu sama lain dengan alur data, baik secara manual

maupun secara komputerisasi. DFD ini juga sering disebut juga dengan nama

6

Bubble chat, Bubble diagram, model proses, diagram alur kerja, atau model

fungsi.

Data flow diagram merupakan suatu diagram yang menggambarkan alir

data dalam suatu entitas ke sistem atau sistem le entitas. DFD juga dapat diartikan

sebagai teknik grafis yang menggambarkan alir data dan transformasi yang

digunakan sebagai perjalanan data dari input atau masukan menuju keluaran atau

output (Agus Saputra).

Tabel 2.1 Simbol DFD (Data Flow Diagram).

Simbol KeteranganExternalEntityExternal Entity melambangkan sumber data (dari manadata berasal) atau penerima informasi (tujuan akhirdari data). Contoh external entity antara lainkonsumen yang memesan suatu produk,

ProcessProses adalah serangkaian langkah yang dilakukanuntuk memanipulasi data, misalnya pengumpulan,pengurutan, pemilihan, pelaporan, peringkasan, analisisdan lain-lain.Data StoreData store adalah tempat untuk menyimpan data untukdigunakan kemudian. Nama yang pada data store inimerupakan abstraksi dari data yang disimpan. Namundetil / item data apa saja yang ada, bagaimana cara akses,atau bagaimana mengorganisasinya tidak dijelaskandalam notasi ini.

Data FlowData flow menunjukkan aliran data dari satu tempat ketempat lain. Perpindahan data ini dapat dari externalentity ke proses, antar proses satu dengan yang lain, dariproses ke data store. Setiap data flow harus diberi labelyang menunjukkan data apa yang mengalir.

Sumber : Agus Saputra (2014).

2.3.1 Diagram Konteks

Diagram konteks adalah diagram yang terdiri dari suatu proses dan

menggambarkan ruang lingkup suatu sistem. Diagram konteks merupakan

diagram tertinggi dari DFD yang menggambarkan seluruh input ke sistem

atauouput dari sistem, yang akan memberikan gambaran tentang keseluruhan

7

sistem. Sistem akan dibatasi oleh boundary (data dapat digambarkan dengan garis

putus).

Diagram kontek menggambarkan satu lingkaran besar yang dapat

mewakili seluruh proses yang terdapat di dalam suatu sistem. Merupakan

tingkatan tertinggi dalam DFD dan biasanya diberi nomor 0 (nol). Semua entitas

eksternal yang ditunjukkan pada diagram konteks berikut aliran-aliran data utama

menuju dan dari sistem. Diagram ini sama sekali tidak memuat penyimpanan data

dan tampak sederhana untuk diciptakan (Ade Puspita Sari, 2013).

2.3.2 DFD Level 0

Dalam diagram 0 DFD dapat digunakan untuk menggambarkan diagram

fisik maupun diagram-diagram logis. Dimana Diagram Level 0 merupakan hasil

pengembangan dari Context Diagram kedalam komponen yang lebih detail

tersebut disebut dengan top-down partitioning. Diagram level 0 dapat di

definisikan sebagaisatu lingkaran besar yang mewakili lingkaran-lingkaran kecil

yang ada di dalamnya. Merupakan pemecahan dari diagram Konteks ke diagram

Nol. di dalam diagram ini memuat penyimpanan data (Ade Puspita Sari, 2013).

2.3.3 DFD Leve 1

Diagram level 1 merupakan diagram yang menguraikan proses yang

terdapat pada diagram level 0, pada diagram level 1 terdapat lingkaran besar yang

mewakili lingkaran-lingkaran kecil yang ada didalamnya. Pada diagram ini dapat

memuat penyimpanan data (Ade Puspita Sari, 2013).

2.3.4 Flowchart

Flowchart merupakan gambar atau bagan yang memperlihatkan urutan dan

hubungan antar proses beserta instruksinya. Gambaran ini dinyatakan dengan

simbol. Dengan demikian setiap simbol menggambarkan proses tertentu.

Sedangkan hubungan antar proses digambarkan dengan garis penghubung.

Flowchart ini merupakan langkah awal pembuatan program. Dengan adanya

flowchart urutan poses kegiatan menjadi lebih jelas. Flowchart terbagi atas 2 jenis

yaitu :

2.3.4.1 Flowchart Sistem

Flow chart sistem merupakan bagan yang menunjukkan alur kerja atau apa

yang sedang dikerjakan dalam sistem secara keseluruhan dan mejelaskan urutan

8

dari prosedur-prosedur yang ada didalam sistem. Dengan kata lain,flowchart

sistem ini merupakan deskripsi secara grafik dari urutan prosedur-prosedur yang

terkombinasi yang membentuk suatu sistem. Flowchart sistem terdiri dari data

yang mengalir melalui sistem dan proses yang mentransformasikan data tersebut.

Data dan proses dalam flowchart sistem dapat digambarkan secara online

(dihubungkan langsung dengan komputer) atau offline (tidak dihubungkan dengan

computer, misalnya mesin tik dan kalkulator) (Agus Saputra, 2014).

Tabel 2.2 Simbol Flowchart Sistem

Simbol Keterangan

Flow Direction symbolYaitu symbol yang digunakan untuk menghubungkanantara symbol yang satu dengan symbol yang lain. Simbolini disebut juga connecting line.Simbol Manual Inputsimbol untuk pemasukan data secara manual on-line

Simbol DisplaySimbol yang menyatakan peralatan output yang digunakanyaitu layar, plotter, printer dan sebagainya.Simbol disk and On-line StorageSimbol yang menyatakan input yang berasal dari disk ataudisimpan ke disk.Simbol magnetic tape UnitSimbol yang menyatakan input berasal dari pita magneticatau outputdisimpan ke pita magnetic.Simbol Punch CardSimbol yang menyatakan bahwa input berasal dari kartuatau output ditulis ke kartu.Simbol DokumenSimbol yang menyatakan input berasal dari dokumendalam bentuk kertas atau output dicetak ke kertas.

Agus Saputra(2014).

2.3.4.2 Flowchart Program

Flowchart program dihasilkan dari flowchart sistem. Flowchart program

merupakan keterangan yang lebih rinci tentang bagaimana setiap langkah program

atau prosedur sesungguhnya dilaksanakan. Flowchart ini menunjukan setiap

langkah program atai prosedur dalam urutan yang tepat saat terjadi. Programer

menggunakan flowchart program untuk menggambarkan urutan instruksi dari

program computer. Analis sistem menggunakan flowchart program untuk

9

menggambarkan urutan tugas-tugas pekerjaan dalam suatu prosedur atau

operasi(Agus Saputra, 2014).

Tabel 2.3 Simbol Flowchart Program

Simbol Keterangan

Flow Direction symbolYaitu symbol yang digunakan untuk menghubungkan antarasymbol yang satu dengan symbol yang lain. Simbol ini disebutjuga connecting line.Terminator SymbolYaitu symbol untuk permulaan(start) atau akhir (stop) dari suatukegiatan.Connector SymbolYaitu symbol untuk keluar – masuk atau penyambung prosesdalam lembar / halaman yang sama.Connector SymbolYaitu symbol untuk keluar – masuk atau penyambung proses

dalam lembar / halaman yang berbeda.

Processing SymbolSimbol yang menunjukkan pengolahan yang dilakukan olehcomputer.Simbol PreparationSimbol ini untuk mempersiapkan penyimpanan yang akandigunakan sebagai tempat pengolahan di dalam storage.Simbol Predefine ProsesSimbol untuk pelaksanaan suatu bagian(sub-program)/prosedure

Simbol manual operationSimbol yang menunjukan pengolahan yang tidak dilakukan olehkomputer.Simbol DecisionSimbol pemilihan proses berdasarkan kondisi yang ada.

Simbol Input-OutputSimbol yang meyatakan proses input dan output tanpa tergantungdengan jenis peralatannya.

Sumber : Agus Saputra(2014).

2.3.4.3Entitiy Relationship Diagram (ERD)

Entitiy Relationship Diagram adalah salah satu metode pemodelan basis

data yang digunakan untuk menghasilkan skema konseptual untuk jenis/data

sistematik sistem dimana sistem seringkali memiliki basis data relational, dan

ketentuannya bersifat top-down.

10

Tabel 2.4 Simbol ERD

Simbol Keterangan

Entitas (Entity)

Entitas ialah suatu objek yang dapat dibedakan dengan

objek lainnya. Entitas berfungsi untuk memberikan

identitas pada entitas yang memiliki label dan nama.

Entitas memiliki bentuk persegi panjang.

Relasi/Hubungan Antar Entitas (relationship)

Relasi ialah hubungan yang terjadi antara 1 entitas atau

lebih yang tidak mempunyai fisik tetapi hanya sebagai

konseptual. Dan berfungsi untuk mengetahui jenis

hubungan yang ada antara 2 file. Relisi memiliki bentuk

belah ketupat.

Atribut

Atribut ialah karakteristik dari entitas atau relasi yang

menyediakan penjelasan detil tentang entitas atau relasi

tersebut. Dan berfungsi untuk memperjelas atribut yang

dimiliki oleh sebuah entitas. Atribut memiliki bentuk

lingkarang lebih tepatnya elips.

Alur

Alur memiliki fungsi untuk menghubungkan atribut

dengan entitas dan entitas dengan relasi. Dan berbentuk

garis.

2.4 HTML

HTML (HyperText Markup language) adalah bahasa dari WWW (World

Wide Wibe). Setiap kali mengakses atau lebih tepat di sebut dengan istilah

homepage, pada dasarnya HTML adalah suatu aplikasi yang digunakan dalam

dunia web. HTML bersifat fleksibel, artinya HTML dapat disisipi script seperti

Java Script, VB Script, dan juga bahas pemrograman berbasis web seperti PHP

dan ASP. HTML dikenal sebagai bahasa kode berbasis teks untuk membuat

sebuah halaman web. Sementara web sendiri sebenarnya berasal dari kata world

11

wide web, salah satu layanan global yang diperuntukan bagi semua pengguna

internet (Lubis Ghozali, 2014).

2.5 PHP

PHP merupakan singakatan dari “Hypertext Preprocessor”. Pada awalnya

PHP merupakan kependekan dari personal home page (situs personal) dan PHP

itu senidir pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995, dan pada

saat PHP bernama FI (Form Interpreter), yang diwujudkannya dengan berua

scripting yang digunakan untuk mengolah data form dari web. PHP adalah

sebuah bahasa scripting yang terpasang pada HTML. Sebagian besar sintaknya

mirip dengan bahasa pemrograman C, Java, ASP, dan Perl. PHP digunakan untuk

membuat tampilan web menjadi lebih dinamis, dengan PHP dapat menampilkan

atau menjalankan bebrapa file dalam 1 (satu) file dengan cara include atau

require(Anonim, 2013).

PHP adalah salah satu bahasa server-side yang didesain dengan khusus

untuk aplikasi web. PHP dapat disisipka diantaranya bahasa HTML dan karena

bahasa server side, maka bahasa PHP akan dieksekusi di server, sehingga akan

dikirim melalui browser yang berupa “hasil jadi” dalam bentuk HTML, dan kode

PHP. PHP termasuk dalam open source product. Sehingga dapat merubah source

code dan mendistribusikannya secara bebeas. PHP juga dapat berjalan diberbagai

web server seperti Apache, PWS, dan lain-lain (Sutarman, 2007).

2.5.1 Kelebihan PHP

Ada kelebihan PHP yaitu sebagai berikut :

1. Kelebihan program PHP adalah sebuah bahasa script yang tidak melakukan

sebuah kompilasi dalam penggunanya.

2. Web Server yang mendukung php dapat ditemukan diman-mana dari mulai IIS

sampai dengan apache, dengan konfigurasi script yang relatife mudah.

3. Dalam sisi pengembangan lebih mudah, karena banyaknya developer yang

siap membantu dalam pengembangan.

4. Dalam sisi pemahaman, php adalah bahasa script yang paling mudah karena

referensi yang banyak.

12

5. PHP adalah bahasa open source yang dapat digunakan diberbagai mesin

(linux, unix, windows) dan dapat dijalankan secara runtime melalui consol

serta juga dapat menjalankan perintah-perintah system.

Gambar 2.1 Logo PHP

2.6 MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL

atau DBMS (Database Management System) yang multithered, multi user, dengan

sekitar 6 juta instalasi diseluruh dunia. MySQL AB membuat MySQL tersedia

sebagai perangkat lunak gratis dibawah lisensi GNU General Public License

(GPL) (Sutarman, 2013) .

2.7 CSS (Cascading Style Sheet)

Casscading stye sheet adalah suatu teknologi yang digunakan untuk

memperindah tampilan halaman webiste (situs). Dengan metode CSS keseluruhan

warna dan tampilan yang ada pada situs web dapat diubang atau diformat dengan

cepat. CSS juga telah distandarkan oleh world wide web consortium (W3C) untuk

digunakan pada web browser(Lubis Ghozali, 2014).

CSS sendiri sebenarnya adalah suatu kumpulan kode-kode untuk

memformat, yang mengendalikan tampilan isi dalam suatu halam web.

Penggunaan style CSS pada format suatu halaman diletakan terpisah dari tampilan

halaman. Ada dua jenis CSS yang digunaka yaitu CSS yang bersifat internal dan

eksternal. CSS juga memungkinkan untuk menerapkan banyak fitur dengan suatu

sintak sederhana yang mudah untuk dipahami, proses kerja CSS sebagai intruksi

yang diberikan dalam bentuk kode-kode (rule), berikutnya lembar style akan

mengumpulkan kode-kode tersebut (Anonim, 2013).

12

5. PHP adalah bahasa open source yang dapat digunakan diberbagai mesin

(linux, unix, windows) dan dapat dijalankan secara runtime melalui consol

serta juga dapat menjalankan perintah-perintah system.

Gambar 2.1 Logo PHP

2.6 MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL

atau DBMS (Database Management System) yang multithered, multi user, dengan

sekitar 6 juta instalasi diseluruh dunia. MySQL AB membuat MySQL tersedia

sebagai perangkat lunak gratis dibawah lisensi GNU General Public License

(GPL) (Sutarman, 2013) .

2.7 CSS (Cascading Style Sheet)

Casscading stye sheet adalah suatu teknologi yang digunakan untuk

memperindah tampilan halaman webiste (situs). Dengan metode CSS keseluruhan

warna dan tampilan yang ada pada situs web dapat diubang atau diformat dengan

cepat. CSS juga telah distandarkan oleh world wide web consortium (W3C) untuk

digunakan pada web browser(Lubis Ghozali, 2014).

CSS sendiri sebenarnya adalah suatu kumpulan kode-kode untuk

memformat, yang mengendalikan tampilan isi dalam suatu halam web.

Penggunaan style CSS pada format suatu halaman diletakan terpisah dari tampilan

halaman. Ada dua jenis CSS yang digunaka yaitu CSS yang bersifat internal dan

eksternal. CSS juga memungkinkan untuk menerapkan banyak fitur dengan suatu

sintak sederhana yang mudah untuk dipahami, proses kerja CSS sebagai intruksi

yang diberikan dalam bentuk kode-kode (rule), berikutnya lembar style akan

mengumpulkan kode-kode tersebut (Anonim, 2013).

12

5. PHP adalah bahasa open source yang dapat digunakan diberbagai mesin

(linux, unix, windows) dan dapat dijalankan secara runtime melalui consol

serta juga dapat menjalankan perintah-perintah system.

Gambar 2.1 Logo PHP

2.6 MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen basis data SQL

atau DBMS (Database Management System) yang multithered, multi user, dengan

sekitar 6 juta instalasi diseluruh dunia. MySQL AB membuat MySQL tersedia

sebagai perangkat lunak gratis dibawah lisensi GNU General Public License

(GPL) (Sutarman, 2013) .

2.7 CSS (Cascading Style Sheet)

Casscading stye sheet adalah suatu teknologi yang digunakan untuk

memperindah tampilan halaman webiste (situs). Dengan metode CSS keseluruhan

warna dan tampilan yang ada pada situs web dapat diubang atau diformat dengan

cepat. CSS juga telah distandarkan oleh world wide web consortium (W3C) untuk

digunakan pada web browser(Lubis Ghozali, 2014).

CSS sendiri sebenarnya adalah suatu kumpulan kode-kode untuk

memformat, yang mengendalikan tampilan isi dalam suatu halam web.

Penggunaan style CSS pada format suatu halaman diletakan terpisah dari tampilan

halaman. Ada dua jenis CSS yang digunaka yaitu CSS yang bersifat internal dan

eksternal. CSS juga memungkinkan untuk menerapkan banyak fitur dengan suatu

sintak sederhana yang mudah untuk dipahami, proses kerja CSS sebagai intruksi

yang diberikan dalam bentuk kode-kode (rule), berikutnya lembar style akan

mengumpulkan kode-kode tersebut (Anonim, 2013).

13

2.8 XAMPP

XAMPP adalah aplikasi web server instan yang dibutuhkan untuk

membangun aplikasi berbasis web. Fungsi XAMPP adalah sebagai server yang

berbidiri sendiri (localhost), yang teridiri atas program apache, http server,

MySQL, database, dan penerjemah bahasa yang ditulis dengan bahasa

pemrograman PHP dan Perl. Program ini tersedia dalam GNU General Public

License dan bebas, yang mudah digunakan untuk melayani tampilan halaman web

dinamis (Anonim,2013).

Gambar 2.2 XAMPP Control Panel

2.9 Adobe Dreamweaver

Adobe Dreamweaver adalah sebuah program aplikasi HTML authoring,

yaitu sebuah aplikasi yang digunakan untuk membuat situs web atau mendesain

halaman web baik untuk desain, coding, pembuatan situs web yang komplek dan

aplikasi web lainnyasecara visual. Versi terbaru dari aplikasi ini adalah Adobe

Dreamweaver CS6 yang lebih lengkap dalam menangani pembuata web yang

kompleks. Adobe Dreamweaver ini sudah dapat dibuat menggunakan panel CSS

baru yang menyediakan kemudahan bagi pengguna dalam membuat dan mengedit

style CSS secara visual dan lebih mudah untuk dipahami(Lubis Ghozali, 2014).

Gambar 2.3 Logo Dreamweaver

14

Aplikasi pada dreamweaver juga memungkinkan untuk dapat membuat

sebuah aplikasi dinamis dengan database menggunakan bahasa server seperti

CFML, ASP.NET, ASP, JSP, dan PHP. CSS atau cassading style adalah sebuah

dokumen yang berisi aturan yang digunakan untuk memisahkan isi dengan

halaman-halaman web yang dibuat. (Anonim, 2013).

2.10 Notepad ++

Notepad ++ adalah editor kode sumber bebas dan pengganti notepad yang

mendukung beberapa bahasa pemrograman yang berjalan di sistem operasi

windows, penggunaannya diatur oleh GPL Licence.Notepad++ merupakan sebuah

penyunting teks dan penyunting kode sumber yang berjalan di sistem operasi

Windows.Notepad++ menggunakan komponen Scintilla untuk dapat

menampilkan dan menyuntingan teks dan berkas kode sumber berbagai bahasa

pemrograman (Widodo, 2013).

Gambar 2.4 Notepade++