T0__BAB II Institutional Repository | Satya Wacana Christian University: Sistem Informasi Rental Mobil Berbasis Responsive Web Design Untuk Lembu Waras Rent Car T0 BAB II

BAB II
TINJAUAN PUSTAKA

1.1 Penelitian Terdahulu
Sebagai bahan pertimbangan dalam penelitian ini akan
dicantumkan beberapa penalitian terdahulu oleh beberapa
peneliti.
Penelitian oleh Syachbana dan Zulkarnain Akib yang
berjudul “Perancangan Website Menggunakan Responsive
Web Design”.

Penelitian ini dibuat untuk membuat aplikasi yang
nyaman ketika kita mengakses suatu website menggunakan
tablet atau smartphone dengan berbagai ukuran sehingga dari
sisi kenyamanan

bagi

pengguna

pada

saat mengakses

sebuah halaman web pengguna harus melakukan resize
atau menggatur kesesuaian tampilan web tersebut dengan
perangkat

bergerak

mendapatkan

yang

tampilan

digunakan

yang

saat

itu agar

paling maksimal bagi

pengguna.
Penelitian oleh Agus M Trisno yang berjudul “Aplikasi
dan Pengembangan Sistem Penyewaan Mobil Berbasis
Online Pada PT.LAKS PRIMA TRANSPORT”.
Penelitian yang dibuat dengan maksud membuat proses
penyewaan menjadi efisien dan efektif serta mempercepat
jalannya proses penyewaan tanpa membuang banyak waktu.

8

9

Penelitian oleh Edy Irwansyah dkk yang berjudul
“Pengembangan Aplikasi

“SAHABAT KRL” Berbasis

Spasial Dengan Teknologi Responsive Web Design”.
Penelitian diatas menjelaskan bagaimana membuat suatu
aplikasi dengan menggunakan responsive web design agar
lebih mudah untuk diakses masyarakat.
Penelitian oleh Aditya Ardiyanto yang berjudul “Analisis
dan

Perancangan

Pembuatan

Website

Sebagai

Media

Informasi dan Promosi Pada Toko Asyik Souvenir”.

Penelitian yang dibangun untuk memenuhi kebutuhan
promosi dan informasi untuk toko penjualan produk.
Sehingga dapat mendongkrak pendapatan sang pemilik toko.
Kaitan penelitian – penelitian diatas dengan penelitian
yang penulis buat adalah sama-sama menggunakan teknologi
modern sesuai dengan yang diutuhkan dipasaran tetapi tidak
sama karena rancangan sistem yang penulis buat lebih
mengarah ke sistem informasi dalam bisnis dalam bidang
jasa.
1.2 Landasan Teori
1.2.1 Sistem Informasi
Menurut Henry Lucas (1988) yang diterjemahkan oleh
Jugianto H.M, menyatakan bahwa sistem informasi
adalah suatu kegiatan dari prosedur-prosedur yang
diorganisasikan, bilamana dieksekusi akan menyediakan

10

informasi untuk mendukung pengambilan keputusan
dan pengendalian di dalam organisasi.

Dari kedua pengertian sistem informasi diatas, maka
dapat

disimpulkan

bahwa

sistem

informasi

menyediakan informasi untuk membantu pengambilan
keputusan manajemen, operasi perusahaan dari hari ke
hari dan informasi yang layak untuk pihak luar
perusahaan. (Jogiyanto,2005)
1.2.2 Pengertian Web
Web merupakan sistem dengan standar yang
diterima secara universal untuk menyimpan, menelusuri,
memformat

dan

menyimpan

informasi

melalui

arsitektur klien atau server. Web bisa menerima semua
jenis informasi digital, termasuk teks, hipermedia, grafis
dan suara. Web didasari oleh hiperteks standar yang
disebut Hyper Text Markup Language (HTML), yang
memformat dokumen dan memadukan link hiperteks
dinamis ke dokumen-dokumen lainnya yang disimpan
di

dalam

komputer

yang

sama

atau

berbeda.

(Turban,dkk. 2006).
1.2.3 Pengertian Responsive Web Design
Berdasarkan artikel UIE yang berjudul ”Device
Experience & Responsive Design”, responsive design
merupakan salah satu teknik yang dapat membuat

11

proses perancangan aplikasi dan situs web untuk
berbagai jenis perangkat menjadi lebih mudah. Hal
ini

dikarenakan

bahwa

dengan menggunakan

responsive design, perancang dimungkinkan

untuk

dapat menerapkansolusi bagi berbagai resolusilayar,
density dan rasio aspek pada banyak jenis perangkat.
design memiliki

Responsive

mengelola

aset

media

dengan

kemampuan untuk
efektif. Hal

ini

memberikannya keunggulan untuk dapat diterapkan ke
dalam perancangan situs web sehingga

situs

dapat

diakses melalui smartphone, tablet, desktop, ataupun
smartTV tanpa

memperlihatkan

perbedaan

yang

terlalu besar dalam hal penggunaan.
1.2.4 Pengertian Situs Website
Situs dapat diartikan sebagai kumpulan halamanhalaman yang digunakan untuk menampilkan informasi,
gambar gerak, suara, dan atau gabungan dari semuanya
itu baik yang bersifat statis maupun dinamis yang
membentuk satu rangkaian bangunan yang saling terkait
dimana masing-masing dihubungkan dengan link-link.
1.2.5 Pengertian Internet
Internet

singkatan

dari

Interconnection

Networking, Istilah Internet artinya kumpulan jaringan

yang terdiri dari jaringan – jaringan komputer yang

12

saling terhubung dan berkomunikasi dengan protokol /
aturan tertentu, dalam hal ini protokol TCP/IP.
(Sulianta, 2007).
Internet berawal dari diciptakannya teknologi
jaringan komputer. Jaringan komputer merupakan
beberapa komputer yang terhubung satu sama lain
dengan memakai kabel dalam satu lokasi, misalnya satu
kantor atau gedung. Jaringan komputer ini berfungsi
agar pengguna komputer bisa bertukar informasi dan
data dengan pengguna komputer lainnya.
Berawal dari proyek Departemen Pertahanan
Amerika

Serikat

tahun

ARPNET ( Advanced

1960-an,
Research

yang

bernama

Project

Agency

Network). Idenya adalah menghubungkan komputer

yang berada pada lokasi yang berbeda pada lokasi yang
berbeda, beberapa Universitas yang terlibat antara lain
Stanford, UCLA, UC Santa Barbara dan University of
Utah. Mulai saat itu komputer - komputer mulai ikut
terkoneksi ke jaringan ARPANET.
Setelah angkatan bersenjata Amerika, dunia
pendidikan pun merasa sangat perlu mempelajari dan
mengembangkan jaringan komputer. Akhirnya pada
tahun 1970 internet banyak digunakan di universitasuniversitas di Amerika dan bekembang pesat sampai ini
agar pengguna komputer dengan merek dan tipe

13

berlainan dapat saling berhubungan, maka para ahli
membuat sebuah protokol ( semacam aturan) yang sama
untuk dipakai di internet, namanya TCP ( Transmission
Control Protocol ) dan IP (Internet Protocol).

1.2.6 HTML (Hyper Text Markup Language)
2.2.6.1 Pengertian HTML
HTML

adalah

standar

bahasa

yang

digunakan untuk mengatur penampilan dari
halaman web. HTML tersusun atas pasanganpasangan tag yang mempunyai fungsi yang
berbeda-beda. Ciri dari tag pada HTML adalah
diawali dengan tanda kurang dari “” seperti
“”. Pada HTML ada 2 macam tag yaitu
tag pembuka “” dan tag penutup “”.

Sebuah halaman HTML dibagi menjadi 2 bagian
yaitu header dan content yang masing-masing
diwakili oleh pasangan tag “…”
dan “…”. Header pada HTML
berfungsi untuk menyampaikan judul yang
diwakili oleh tag “…”. Content
pada HTML berisi script yang mengatur tampilan
suatu halaman HTML.(Sutarman 2007)

14

2.2.6.2 Dokumen HTML
Dokumen HTML adalah file teks murni
yang dapat dibuat dengan editor teks sembarang.
Dokumen ini dikenal dengan sebagai Web
page.Dokumen HTML merupakan dokumen yang

disajikan dalam browser Web surfer. Dokumen ini
umumnya berisi informasi atau interface aplikasi
di dalam internet. Ada dua cara untuk membuat
sebuah Webpage : dengan Web editor (misalnya
Macromedia

Dreamweaver

atau

Microsoft

Frontpage) atau dengan editor teks biasa (misalnya
notepad atau editplus).
2.2.6.3 Elemen dan Tag HTML
Dokumen HTML disusun oleh elemenelemen.“Elemen”

merupakan

istilah

bagi

komponen-komponen dasar pembentuk dokumen
HTML.Untuk menandai berbagai elemen dalam
suatu dokumen HTML, digunakan tag. Tag
HTML terdiri atas sebuah kurung sudut kiri (, tanda lebih besar). Tag
umumnya berpasangan (misalnya dengan
), tag yang menjadi pasangan selalu diawali
dengan karakter garis miring. Tag yang pertama

15

menunjukkan tag awal yang berarti awal elemen,
dan yang kedua menunjukkan tag akhir, berarti
akhir elemen.
Nama elemen ditunjukkan dengan nama tag-nya.
Suatu elemen didalam dokumen HTML harus
ditandai dengan penulisan tag-nya berpasangan.
Ada beberapa elemen yang tidak mengharuskan
tag-nya dituliskan secara berpasangan, elemen

tersebut diantaranya adalah :
a. Paragraf dengan tag
b. Ganti baris – line break dengan tag
c. Garis datar – horizontal rule dengan tag

d. List item dengan tag
Secara umum suatu elemen dalam dokumen
HTML yang dinyatakan dengan tagnya, dituliskan
: _. Penulisan penamaan
tag bebas, dapat menggunakan huruf besar, huruf
kecil, ataupun campuran (tidak case sensitive).
Tetapi untuk antisipasi pada standar penulisan tag,
direkomendasikan untuk menuliskan tag dengan
menggunakan huruf kecil semuanya.
Tag mark up ini digunakan sebenarnya memberi
tahu browser Web bagaimana memperlakukan atau

16

menampilkan (memformat) halaman dokumen
tersebut dalam browser .
Dalam

membuat

suatu

dokumen

HTML

dibutuhkan elemen yang dinyatakan dengan tag
, dan berikut tag-tag
pasangannya. Setiap dokumen terdiri atas tag head
dan body.

Elemen

head

berisi

teks

yang

sebenarnya yang tersusun dari link, grafik,
paragraf dan elemen lainnya.
1.2.7 CSS (Cascading Style Sheet)
CSS mendefinisikan karakteristik tampilan ( warna,
style, dan posisi ) suatu elemen pada dokumen HTML
dalam bentuk property elemen tersebut. Pemisahan isi
dengan tampilan yang dilakukan dengan penerapan CSS
ini, memberikan kemungkinan penyusunan struktur
suatu halaman HTML dengan lebih fleksibel. CSS
merupakan bagian/subset dari Document Object Model
(DOM) yang sangat berperan dalam HTML.
Perbedaan

implementasi

antara

Netscape

dan

Microsoft akhirnya membuat W3C (World Wide
WebConsortium) melakukan suatu standardisasi CSS.

Pada awalnya, upaya standardisasi CSS dibagi dua,
yaitu CSSI untuk pengaturan warna dan style, serta
CSS-P untuk pengaturan posisi suatu elemen. CSS2 dari
W3C selanjutnya menggabungkan kedua standar ini

17

menjadi suatu standar yang meliputi semua setting
tampilan

suatu

elemen

halaman

HTML.

Dalam

spesifikasi CSS2, ada beberapa properti elemen
dokumen yang berhubungan dengan posisi suatu elemen
dihalaman browser. Properti tersebut adalah:
a. Posisition ada dua pilihan untuk nilai properti ini,
yaitu absolute dan relative. Setting absolute
mengatur
terhadap

posisi

elemen

ujung kiri-atas

berdasarkan
elemen

jarak

parent-nya.

Sedangkan setting absolute bekerja sesuai layout
HTML

biasa

dimana

posisinya

ditentukan

berdasarkan akhir elemen sebelumnya.
b. Left dan Top menentukan jarak kearah kanan dan
ke bawah dari posisi awal elemen. Unitnya bisa
dinyatakan dalam point (pt), pixel(px) atau unit
standar CSS lainnya.
c. Width dan Height menentukan lebar dan tinggi
elemen. Unitnya bisa dinyatakan dalam point(pt),
pixel(px) atau unit standar CSS lainnya.

d. Z-index

menentukan

apakah

suatu

elemen

ditampikan dilayar. Nilainya bisa visible (tampil)
atau hidden (tersembunyi).
e. Overflow menentukan perilaku ruang penampung
jika isinya melebihi batasnya. Ada tiga untuk nilai
properti ini, yaitu clip, scroll, dan none. Setting

18

clip berarti isi akan dipotong jika melebihi batas.
Scroll

akan

memunculkan

scrollbar

pada

container . Sedangkan none tidak akan melakukan

apapun terhadap isi sehingga isi tersebut akan
keluar dari ruang batasnya.
f. Backgroundcolor atau Layer backgroundcolor
menentukan warna dasar dari suatu elemen. Yang
pertama berlaku untuk IE, sedangkan yang kedua
berlaku untuk NS.
g. Backgroundimage atau Layerbackgroundimage
menentukan gambar latar belakang dari suatu elemen.
Yang pertama berlaku untuk IE, sedangkan yang
kedua berlaku untuk NS.
1.2.8 PHP
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

script

yang

digunakan untuk mengolah data formulir dari Web.
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.

19

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 tersebut sebagai PHP 3.0 dan
singkatan PHP diubah menjadi akronim berulang PHP:
Hypertext Preprocessing.

Pada pertengahan tahun 1999, Zend merilis
interpreter PHP baru dan rilis tersebut dikenal dengan
PHP 4.0.PHP 4.0 adalah versi PHP yang paling banyak
dipakai pada awal abad ke-21.Versi ini banyak dipakai
disebabkan kemampuannya untuk membangun aplikasi
Web kompleks tetapi tetap memiliki kecepatan dan

stabilitas yang tinggi.
Pada Juni 2004, Zend merilis PHP 5.0.Dalam versi
ini, inti dari interpreter PHP mengalami perubahan
besar.Versi ini juga memasukkan model pemrograman
berorientasi objek ke dalam PHP untuk menjawab
perkembangan bahasa pemrograman ke arah paradigma
berorientasi objek.
2.2.8.1 Kelebihan PHP
PHP memiliki banyak kelebihan yang tidak
dimiliki bahasa script sejenis.PHP difokuskan
pada

pembuatan

scriptserver-side,

seperti

20

mengumpulkan data dari form, menghasilkan isi
halaman Web dinamis, dan kemampuan mengirim
serta menerima cookies. PHP dapat digunakan
pada semua sistem operasi, antara lain Linux,
Unix (termasuk variannya HP-UX, Solaris, dan
OpenBSD), Microsoft Windows, Mac OS X,
RISC OS. PHP juga mendukung banyak Web
Server,

seperti

Apache,

Microsoft

Internet

Information Server (MIIS), Personal Web Server
(PWS), Netscape and iPlanet servers, Oreilly
Website

Pro

server,

audium,

Xitami,

OmniHTTPd, dan masih banyak lagi lainnya,
bahkan PHP dapat bekerja sebagai suatu CGI
processor. PHP tidak terbatas pada hasil keluaran
HTML. PHP juga memiliki kemampuan untuk
mengolah keluaran gambar, file PDF, dan movies
Flash. PHP juga dapat menghasilkan teks seperti
XHTML dan file XML lainnya. Salah satu fitur
yang

dapat

diandalkan

oleh

PHP

adalah

dukungannya terhadap banyak database. Berikut
database yang dapat didukung oleh PHP :
 Adabas D
 dBase

 Direct MS-SQL
 Empress

21

 FilePro (read only)
 FrontBase

 Hyperwave
 IBM DB2
 Informix
 Ingres

 Interbase
 MSQL

 MySQL
 ODBC

 Oracle(OC17 dan OC18)
 Ovrimos

 PostgrSQL
 Solid

 Sybase

 Unix DBM

2.2.9 Database
Kamus

Komputer

&

Teknologi

Informasi

mendefinisikan Database atau basis data sebagai
representasi kumpulan fakta yang saling berhubungan
disimpan secara bersama sedemikian rupa dan tanpa
pengulangan (redudansi) yang tidak perlu, untuk
memenuhi berbagai kebutuhan. (Febrian, 2002, p133).

22

Data perlu disimpan dalam basis data untuk
keperluan penyediaan informasi lebih lanjut. Data di
dalam basis data perlu diorganisasikan sedemikian rupa
supaya informasi yang dihasilkan berkualitas.Organisasi
basis data yang baik juga berguna untuk efisiensi
kapasitas penyimpanannya.
Database tersusun atas bagian yang disebut field
dan record yang tersimpan dalam sebuah file. Sebuah
field merupakan kesatuan terkecil dari informasi dalam

sebuah database, sekumpulan field yang saling berkaitan
akan membentuk record.
2.2.10 MySQL
SQL (dibaca "ess-que-el") merupakan kependekan
dari Structured Query Language.SQL digunakan untuk
berkomunikasi dengan sebuah Database. Sesuai dengan
ANSI,SQL merupakan bahasa standar untuk sistem
menajemen
digunakan

database
untuk

relasional.

melakukan

Statemen

tugas-tugas

SQL
seperti

melakukan up todate terhadap database, atau mengambil
data dari sebuah database. Beberapa database relasional
yang menggunakan SQL adalah: MySQL, Oracle,
Sybase, Microsoft SQL Server, Access, Ingres, etc.
Meskipun sebagian besar sistem database menggunakan
SQL, namun sebagian besar dari mereka juga memiliki
ekstensi khusus yang hanya bisa digunakan di sistem

23

masing-masing,namun demikian, perintah standar SQL
seperti "Select", "Insert", "Update", "Delete", "Create" ,
dan "Drop" dapat digunakan untuk melakukan hampir
semua hal yang perlu dilakukan terhadap sebuah
database.
MySQL dikembangkan oleh sebuah perusahaan
Swedia bernama MySQL AB yang pada saat itu
bernama Txc Data Konsult AB sekitar tahun 19941995.Meskipun cikal bakal kodenya bisa disebut sudah
ada sejak tahun 1979. Tujuan mula-mula Txc membuat
MySQL pada waktu itu juga mengembangkan aplikasi
Web untuk client Txc yaitu perusahaan pengembang
software dan konsultan database.

Fungsi

MySQL

dapat

dikatakan

sebagai

interpreter query, karena setiap menggunakan query

SQL harus meletakkannya didalam fungsi ini. Dengan
kata lain, SQL tidak dapat dijadikan tanpa adanya fungsi
MySQL. MySQL termasuk jenis Relational Database
Management System (RDBMS). Sehingga istilah seperti

tabel, baris dan kolom tetap digunakan dalam MySQL.
Pada MySQL sebuah database mengandung beberapa
tabel, tabel terdiri dari sejumlah baris dan kolom.
2.2.11 ADOBE Dreamweaver CS5
Dreamweaver CS5 adalah suatu bentuk software
editor Web yang dibuat oleh ADOBE.Dengan software

24

ini, seorang programmer Web dapat dengan mudah
membuat

tampilan

Websitenya.Dreamweaver

CS5

merupakan editor yang komplit dan dapat digunakan
untuk membuat animasi sederhana dalam bentuk
halaman. Dengan adanya software ini kita tidak akan
direpotkan untuk menuliskan script-script

format

HTML, PHP, ASP, maupun bentuk program lainnya.
Sebagai editor, Dreamweaver CS5 mempunyai sifat
WYSIWYG atau dibaca Waysiwig, yang artinya “apa
yang kamu lihat akan kamu peroleh” atau “what you see
is what you get”. Dengan kelebihan ini, seorang

programmer akan langsung melihat hasil buatannya
tanpa membuka browser . Seperti software-software
editor Weblain, Dreamweaver CS5 juga memiliki dua
bentuk halaman yaitu, halaman rancangan dan halaman
kode. Hal ini akan mempermudah dalam menambahkan
script

yang

berbasis

PHP

maupun

JavaScript.

Dreamweaver CS5 selain mendukung dalam pembuatan
Web yang berbasis HTML, juga mendukung softwaresoftware lain diantaranya PHP, ASP, Perl, JavaScript

dan lain-lain.(Stendy B. Sakur 2004)
2.2.12 XAMPP
XAMPP adalah perangkat lunak gratis, yang
mendukung

banyak

sistem

operasi,

merupakan

kompilasi dari beberapa program untuk menjankan

25

fungsinya sebagai server yang berdiri sendiri, yang
terdiri atas program Apache HTTP Server, MySQL
database, dan penterjemah bahasa yang ditulis dengan
bahasa pemrogramaan PHP dan Perl. XAMPP adalah
nama yang merupakan singkatan dari X (empat sistem
operasi apapun), Apache, MySQL, PHP dan Perl.
Program ini tersedia dalam GNU General Public
License dan bebas, merupakan Web server yang mudah
digunakan yang mampu melayani halaman dinamis.
Saat ini, XAMPP tersedia untuk sistem operasi
Microsoft Windows, Linux, Sun Solaris dan Mac OS
X(Sutarman 2007).
2.2.13 PhpMyAdmin
PhpMyAdmin adalah perangkat lunak bebas yang
ditulis dalam bahasa pemrograman PHP yang digunakan
untuk menangani administrasi MySQL.phpMyAdmin
mendukung berbagai operasi MySQL, diantaranya
mengelola basis data, tabel-tabel, fields, relasi, indeks,
users, perijinan, dan lain-lain.(Sutarman 2007)
Dengan phpMyAdmin, seseorang dapat membuat database, membuat
tabel, mengisi data, dan lain-lain dengan mudah, tanpa harus
menghafal baris perintahnya, phpMyAdmin sudah termasuk dalam
instalasi XAMPP.

26