BAB II

LANDASAN TEORI

2.1 Definisi Aplikasi

Aplikasi merupakan sekumpulan elemen yang saling berinteraksi dan

saling berketerkaitan antara satu dengan yang lainnya dalam melakukan suatu

kegiatan secara bersama-sama untuk mencapai tujuan tertentu. Sebagai contoh

Aplikasi komputer yang terdiri dari Software, Hardware, dan Brainware. Ketiga

unsur tersebut saling berkaitan dan bertanggung jawab dalam memproses Input

(masukan) dan menghasilkan Output (keluaran).

2.2 Pengertian Bengkel

Merupakan suatu kata yang mengartikan suatu tempat yang didirikan oleh

sejumlah orang dengan maksud untuk memperbaiki suatu kendaraan baik roda

dua ataupun lebih dari itu dan hal-hal yang berkaitan dengan masalah teknik. Pada

saat ini dunia bengkel tidak hanya terpaku dengan masalah teknik saja namun

sudah menerapkan teknologi yang sudah terkomputerisasi baik dalam hal service

kendaraan maupun dalam hal service customer. Dalam hal service customer

tentunya memerlukan suatu layanan yang telah terkoneksi antar jaringan yaitu

Internet.

2.3 Definisi Internet

Internet adalah suatu jaringan terbesar yang terbentuk dari jaringan

jaringan komputer yang tersebar diseluruh dunia yang memungkinkan terjadinya

komunikasi data antar komputer yang terhubung kejaringan tersebut. Internet

berasal dari kata interconnection networking yang mempunyai arti hubungan

berbagai jenis komputer dan sistem operasi.

4

5

Gambar 2.1 Jaringan Internet

Agar dapat terkoneksi dengan internet, perlu terhubung dengan host atau

jaringan yang telah terkoneksi dengan jaringan internet yaitu Internet Service

Provider (ISP) adalah suatu perusahaan atau badan baik pemerintah maupun

swasta yang dapat memberikan fasilitas layanan koneksi ke jaringan Internet bagi

jaringan yang terhubung kepadanya. Koneksi jutaan komputer dan jaringan

dengan berbagai platform ditangani dengan menggunakan protokol TCP / IP

(Transmission Control Protocol / Internet Protocol). Satu alamat IP mempunyai

suatu nama untuk dapat mempermudah mengidentifikasi suatu komputer di

internet yang disebut sebagai host. Tata cara penamaan suatu host dikenal dengan

istilah Domain, yang digunakan untuk menentukan posisi hirarki host dari

jaringan internet ini. Sebagai contoh adalah 202.114.143.4.

2.4 Fasilitas di Internet

Diantara sekian banyaknya fasilitas yang ditawarkan oleh internet yang

dapat mempermudah user dalam memakainya, di bawah ini hanya beberapa

layanan atau fasilitas yang sering digunakan oleh pengguna internet.

2.4.1 Elektronik Mail atau Email

Email adalah surat atau pesan elektronik yang dikirimkan dan diterima

oleh dan antar individu atau komputer. Email bekerja seperti mesin penjawab

6

telepon, walaupun kita tidak sedang online dengan internet kita masih bisa

menerima email dari seluruh penjuru dunia.

Saat ini, email tidak hanya berisi teks saja tetapi sudah bisa dilampiri

dengan grafik, gambar foto dan juga suara bahkan animasi. Email juga dapat

digunakan untuk berkirim surat secara langsung kepada beberapa orang sekaligus.

Berkirim dan menerima email, saat ini sudah menjadi hal yang umum dilakukan

orang di internet. Kita bisa berkomunikasi dengan siapa saja di seluruh dunia

dengan fasilitas email ini, asalkan sudah memiliki alamat email tertentu.

2.4.2 Mailing List

Mailing List atau sering disebut milis di kalangan interneter Indonesia,

adalah salah satu jenis discussion group di Internet. Anggota milis dapat

berkomunikasi dengan mengirimkan email pada list address. Setiap email yang

masuk kemudian akan dikirim balik ke setiap member milis tersebut. Untuk

menjadi member sebuah milis dimulai dengan mengirim email ke subsription

address. Setelah menjadi member kita bisa menerima email dari yang lain dan

juga mengirimkan email ke milis.

2.4.3 FTP

FTP atau File Transfer Protocol, adalah layanan internet untuk melakukan

transfer file antara komputer kita dengan server di internet. Cukup banyak server

di internet yang menyediakan layanan ini sehingga kita bisa mengkopi file-file di

server ke komputer kita, hal ini yang disebut download. Selain itu kita juga bisa

mengkopi file-file di komputer kita ke server di internet, hal ini disebut dengan

upload.

2.4.4 Web Site (Situs)

Dapat Diibaratkan sebuah kumpulan dari halaman-halaman web yang

sejenis atau saling berkaitan didalam website tersebut. Website seperti sebuah

tempat penyimpanan data dan informasi berdasarkan topic yang diinginkan oleh

user.

7

2.4.5 Homepage

Merupakan halaman yang berisi sebuah daftar isi atau menu dari sebuah

website atau situs web. Homepage adalah halaman awal yang merupakan halaman

pembuka dari sebuah website. Biasanya sebuah homepage pasti memiliki link-link

yang dapat mengantar kita untuk mendapatkan suatu informasi dari website

tersebut.

2.4.6 World Wide Web

WWW adalah layanan internet yang paling banyak dikenal orang dan

paling cepat perkembangan teknologinya. Layanan ini menggunakan link

hypertext yang disebut hyperlink untuk merujuk dan mengambil halaman-halaman

web dari server. Halaman web dapat berisi suara, gambar, animasi, text, dan

program perangkat lunak yang menyusunnya menjadi dokumen yang dinamis.

Pengguna dapat melihat World Wide Web dari sebuah browser yaitu program

yang dapat menampilkan HTML (skrip halaman web).

2.5 HTML ( HyperText Markup Language )

HTML ( Hyper Text Markup Language ) adalah suatu format data yang

digunakan untuk membuat dokumen hypertext. Dokumen HTML disebut mark up

language, karena berisi tanda-tanda (Tag) dan disusun oleh elemen-elemen yang

merupakan ciri utama dari dokumen HTML. Tag html terdiri atas sebuah kurung

sudut kiri (). Tag

umumnya berpasangan (misalnya dengan

Elemen yang dibutuhkan untuk membuat suatu dokumen HTML

dinyatakan dengan tag , , dan berikut tag-tag pasangannya.

Setiap dokumen terdiri atas tag head dan body.

Contoh penulisan html dasar sebagai berikut:

WEB MANDIRI MOTOR

8

MANDIRI MOTOR

CAR SERVICE STATION

2.2.a Tampilan HTML di Notepad.

2.2.b Tampilan HTML di Browser.

Dokumen HTML adalah file teks murni yang dapat dibuat dengan editor

teks biasa ataupun dengan editor khusus. Untuk menjalankan dokumen HTML

harus menggunakan program khusus yang disebut web browser atau browser.

9

2.6 Macromedia Dreamweaver 8.0

2.6.1 Tentang Macromedia Dreamweaver 8.0

Macromedia Dreamweaver merupakan salah satu software dari kelompok

Macromedia yang banyak digunakan untuk mendesain situs Web. Adapun

Macromedia Dreamweaver itu sendiri adalah sebuah HTML editor profesional

untuk mendesain secara visual dan mengelolah situs atau halaman Web.

Dreamweaver 8 memiliki performa yang lebih baik dan memiliki tampilan yang

memudahkan anda untuk membuat halaman web, baik dalam jendela desain

maupun dalam jendela kode rumus. Dreamweaver 8 didukung dengan cara

pemakaian yang praktis dan standar, dan juga didukung untuk pengembangan

penggunaan CSS, XML, dan RSS, dan kemudahan-kemudahan lain yang

diperlukan.

Dreamweaver merupakan software yang digunakan oleh Web desainer

maupun Web programmer dalam mengembangkan Web. Hal ini disebabkan ruang

kerja, fasilitas, dan kemampuan Dreamweaver yang mampu meningkatkan

produktivitas dan efektivitas dalam desain maupun membangun sebuah situs Web.

2.6.2 Memulai Macromedia Dreamweaver 8.0

Seperti halnya dengan program-program lainnya untuk menjalankan

sebuah program yang diinginkan, terlebih dahulu anda harus mengaktifkan dulu

komputer yang anda pakai. Dari tampilan program Windows, pilih tombol Start

yang berada di sudut kiri bawah tampilan Windows atau pada task bar, kemudian

pilih All Programs untuk menampilkan semua program aplikasi yang terpasang

pada komputer. Pilih folder Macromedia Macromedia Dreamweaver 8.

Ketika anda akan memulai Macromedia Dreaamweaver 8 tanpa membuka sebuah

dokumen maka akan tampil halaman awal Dreamweaver pada lembar kerja seperti

pada gambar dibawah ini.

10

Gambar 2.3. Tampilan halaman awal program Dreamweaver 8.

Jika ingin membuat file HTML baru, klik pilihan HTML pada bagian

Create New, sedangkan untuk file yang menggunakan kode program PHP atau

bahasa pemrograman yang lainnya yang tercantum dalam pada pilihan maka klik

pilihan. Hal ini karena kemudahan dalam bekerja dengan Macromedia

Dreamweaver 8 sehingga sekaligus dapat menggunakan bahasa pemrograman

lainnya.

2.6.3. Ruang kerja Macromedia Dreamweaver 8.0

Perhatikan ruang kerja Macromedia Dreamweaver 8 pada gambar di

bawah ini. Ruang kerja pada Dreamweaver 8.0 memiliki komponen-komponen

yang memberikan faslitas dan ruang untuk menuangkan kreasi saat bekerja.

Sebelum memulai untuk merancang sebuah web, pemakai harus mengenal

tampilan layar dari Macromedia Dreamweaver 8.0. Tampilan layer Macromedia

11

Dreamweaver 8.0 terbagi menjadi enam area utama, yaitu Insert Bar, Document

Toolbar, Document Window, Panel Groups, Tag Selector, dan Property Inspector

dimana area ini digunakan sebagai workspace untuk mendesain, membuat layout,

membuat script dan lain-lain. Setiap tool - tool yang ada pada toolbox dapat

dipergunakan untuk membangun dan merancang suatu website mulai dari dasar.

Dibawah ini merupakan gambar tampilan layar kerja dari Macromedia

Dreamweaver 8.0.

Insert Document coding Document Panel

bar toolbar toolbar Window Group

Tag Properties Status bar, Ruler Files Panel

Selector Inspector Hand Tool,

dan Zoom

Gambar 2.4. Tampilan ruang kerja Dreamweaver 8.

12

Document Window, berfungsi untuk menampilkan dokumen di mana anda

sekarang bekerja.

Insert Bar, berisi tombol-tombol untuk menyisipkan berbagai macam

objek seperti image, table, dan frame ke dalam dokumen.

Dokumen Toolbar, berisi tombol-tombol dan menu pop-up yang

menyediakan tampilan berbeda dari Document Window, misalnya Code

Split, atau Design.

Coding Toolbar, berisi tombol-tombol yang digunakan untuk

mempermudah pekerjaan pada jendela Code.

Panels Group, adalah Kumpulan panel yang saling berkaitan satu sama

lainnya yang dikelompokkan di bawah satu judul.

Tag selector, berfungsi untuk menampilakan hirarki tag di sekitar pilihan

yang aktif pada Design view.

Property Inspector, digunakan untuk melihat dan mengubah berbagai

property objek yang terpilih.

Status Bar, Hand Tool dan Zoom, menampilkan status pekerjaan anda dan

mengatur tampilan jendela desain.

Ruler, mempermudah pengukuran secara akurat.

Files Panel, digunakan untuk mengatur file-file dan folder-folder yang

membentuk situs web anda.

Apabila pada tampilan, Workspace Setup, anda memilih Coder, maka akan

tampil ruang kerja Code yang sama seperti pada tampilan jendela Designer.

Pada ruang kerja tipe Coder ini anda bisa bekerja dengan menggunakan kode-

kode program PHP ataupun bahasa pemrograman lain.

2.7 PHP ( Personal Home Page )

PHP ( Hypertext Preprocessor ) merupakan bahasa pemrograman berbasis

web dengan menggunakan server . Dengan menggunakan PHP maka kemudahan

dalam berinteraksi dengan banyak database dan karena script ini bersifat open

source.

13

PHP atau Personal Home Page dibuat pertama kali pada tahun 1994 oleh

Rasmus Lerdoff, Pada waktu itu PHP masih bernama FI (Form Interpreted), yang

wujudnya berupa sekumpulan script yang digunakan untuk mengolah data form

dari web.

Kemudian pada tahun 1997, sebuah perusahaan bernama Zend menulis

ulang interpreter PHP hingga sampai kemudian setelah empat kali revisi, 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.7.1 Script PHP

Setiap program PHP disebut dengan script. Script berupa file text yang

dapat dibuat dengan menggunakan program editor file text biasa seperti notepad,

edit, dan lainya. Script PHP diawali dengan tag .

Setiap baris atau statement harus diakhiri dengan menggunakan tanda titik koma (

; ) dan umumnya setiap statement dituliskan dalam satu baris. Script PHP

merupakan script yang digunakan untuk menghasilkan halaman-halaman web.

Cara penulisan script juga dibedakan menjadi 2, yaitu Embedded Script dan Non

Embedded Script.

2.7.1.1 Embedded Script

Adalah script PHP yang disisipkan diantara tag-tag HTML. Script PHP

digunakan apabila isi dari suatu dokumen HTML diinginkan dari hasil eksekusi

suatu script PHP

contoh

14

echo Website Mandiri Motor;

?>

2.7.1.2 Non Embedded Script

Script PHP dalam non embedded script ini digunakan sebagai murni

pembuatan program dengan PHP, tag HTML yang dihasilkan untuk membuat

dokumen merupakan bagian dari script PHP.

2.7.2 Tipe Data PHP

PHP mengenal lima tipe data, yaitu : integer, floating point, string, arrays

dan objects. Tipe data dari sebuah variabel akan ditentukan otomatis oleh PHP

bergantung pada operasi yang sedang dilakukan mengunakan variable tersebut.

Tipe Data Integer

Tipe data integer meliputi semua bilangan bulat, range data integer pada

PHP yaitu antara 2,147,483,648 samapai +2,147,483,647 pada

platform 32 bit. PHP akan secara otomatis mengkonversi data

integer menjadi floating point jika berada diluar range diatas.

Tipe Data Floating Point

Floating point merepresentasikan bilangan pecahan atau bilangan desimal,

range data floating point pada PHP yaitu antara 1.7E-308 sampai

1.7E+308.

Tipe Data String

Sebuah data dengan tipe string dinyatakan dengan mengapitnya

mengunakan tanda petik tunggal ( ) maupun ganda ( ). Perbedaannya

adalah, jika kita tanda petik tunggal, maka pada string itu tidak

dapat dimasukkan variabel dan escape sequence handling.

Tipe Data Array

Array adalah sebuah data yang mengandung satu atau lebih data, dan dapat

diindeks berdasarkan numerik maupun string. Data yang dikandung pada

15

sebuah array dapat dari tipe data yang lain bahkan dapat juga bertipe array.

PHP membolehkan elemen dari array terdiri atas data dengan tipe yang

berbeda-beda.

Tipe Data Object

Object adalah sebuah tipe data yang dapat berupa sebuah bilangan,

variabel atau bahkan sebuah fungsi. Object dibuat dengan tujuan untuk

membantu programmer yang terbiasa dengan Object Oriented

Programming.

2.7.3 Struktur Kendali PHP

Struktur Kendali atau statement adalah bagian penting dalam suatu bahasa

pemrograman, karena bagian ini mengatur jalurnya eksekusi suatu program.

Dalam bahasa pemrograman PHP dikenal 4 jenis pernyataan utama, yaitu if,

switch, while, dan for.

1. Pernyataan IF.

Pernyataan if digunakan sebagai pernyataan dalam memilih salah satu

operasi yang akan dilaksanakan sesuai syarat atau kondisi tertentu yang

telah ditetapkan.

A. IF

Bentuk pernyataannya :

Pernyataan yang akan dijalankan jika kondisi bernilai TRUE.

B. IFELSE

Bentuk pernyataannya :

16

2. Pernyataan SWITCH

Switch adalah suatu pernyataan yang digunakan untuk

membandingkan variable yang mempunyai beberapa nilai yang

berbeda.

Bentuk pernyataannya:

3. Pernyataan LOOP

Loop adalah suatu fungsi yang digunakan untuk menjalankan

program secara berulang-ulang sampai menemukan suatu kondisi

17

untuk menghentikan jalannya program. Dalam PHP mengenal dua

fungsi Loop, yaitu While Loop dan For Loop.

A. While Loop

Bentuk pernyataannya :

While(kondisi){

Operasi;

}

B. DoWhile

Bentuk pernyataannya :

Do

{

Operasi;

}

while(persyaratan)

C. For Loop

Bentuk pernyataannya :

For (nilai_awal;nilai_akhir;penambah atau pengurang)

{

Operasi;

}

2.8 MySQL

Sebuah Website yang interaktif dan dinamis, tentunya akan membutuhkan

penyimpanan data yang fleksibel dan cepat untuk diakses. Salah satu database

untuk server adalah MySQL. MySQL adalah merupakan aplikasi RDBMS

(Relational Data Base Management System) yang sangat cepat dan dapat

18

diandalkan dalam menangani basis data. Jenis database ini sangat popular dan

digunakan pada banyak website . MySQL menggunakan bahasa SQL (Struktur

Query Language) dan bersifat free (gratis atau tidak perlu membayar untuk

menggunakannya). Selain itu, MySQL dapat berjalan di berbagai platform, antara

lain Linux, Windows, dan lain sebagainya.

2.8.1 Melakukan koneksi kepada database

Koneksi kepada database MYSQL dengan menggunakan PHP

menggunakan dua tahap :

Koneksi kepada server MySQL

Dilakukan untuk melakukan otentikasi, digunakan untuk login ke

dalam server, menggunakan mysql_connect( ).

Koneksi kepada database

Dilakukan untuk memilih database mana yang ada dalam server

yang

akan dimanipulasi, karena bisa saja database yang dimaksud sudah

tidak ada. Fungsi yang digunakan adalah mysql_select_db( )

2.9 Apache

APACHE merupakan salah satu jenis program yang bertujuan untuk

mengirimkan kembali sintaks yang telah diberikan oleh user dan menampilkan

kembali dalam bentuk dalam format hasilnya saja. Program APACHE ini hanya

terdapat pada sebuah server yang terdapat pada ISP (Internet Service Provider)

atau di Indonesia disebut Jasa Penyelenggara Internet. Saat ini program yang

paling banyak terdapat pada server-server di dunia adalah APACHE. Hal ini

disebabkan karena beberapa keunggulan yang diberikan.

Keunggulan-keunggulan tersebut antara lain :

- memiliki kemapuan pembacaan yang tinggi dan mudah disesuaikan

- memiliki tingkat keamanan yang tinggi. Hal ini dibutuhkan bagi para

penyimpan data yang memiliki tingkat kerahasian tertentu.

19

- dapat dijalankan untuk berbagai macam operasi sistem.

APACHE merupakan suatu nama yang diambil dari istilah A PAtCHy server

yang dapat diartikan dengan mengambil suatu patch atau bagian dari program

yang diberikan.

2.10 Struktur Navigasi

Struktur navigasi merupakan sebuah struktur atau kerangka dari suatu

program yang terdiri dari rancangan hubungan dari beberapa area berbeda dan

diatur sedemikian rupa berdasarkan kebutuhan web itu sendiri. Struktur navigasi

yang biasa digunakan, yaitu:

2.10.1 Linier

Struktur navigasi linier merupakan suatu struktur dengan satu alur atau

satu rangkaian cerita dan menampilkan satu demi satu tampilan layar secara

berurutan. Tampilan yang dapat ditampilkan pada jenis struktur ini adalah satu

halaman sebelumnya atau satu halaman sesudahnya. Pada jenis struktur navigasi

ini tidak diperkenalkan adanya percabangan.

Gamabar 2.5 Struktur Navigasi Linier

2.10.2 Hirarki

Struktur Hirarki (bercabang) merupakan struktur halaman yang berbentuk

seperti pohon binary. Struktur ini merupakan suatu struktur yang mengandalkan

percabangan untuk menampilkan data berdasarkan criteria itu. Tampilan pada

menu utama disebut master page. Menu utama itu memiliki percabangan yang

dinamakan slave page atau halaman pendukung.

20

Gambar 2.6 Struktur Navigasi Hirarki

2.10.3 Non Linier

Struktur navigasi ini disebut juga struktur tidak berurutan yang merupakan

pengembangan dari struktur navigasi linier. Pada struktur ini diperbolehkan

membuat halaman percabangan tetapi berbeda dengan struktur hirarki. Walaupun

terdapat percabangan tetapi tidak ada Master Page dan Slave Page.

Gambar 2.7 Struktur Navigasi Non Linier

2.10.4 Campuran

Struktur navigasi ini merupakan gabungan dari ketiga struktur navigasi

sebelumnya yaitu Linier, Non linier, Hirarki. Struktur navigasi ini biasa disebut

struktur navigasi bebas. Struktur navigasi ini banyak digunakan dalam pembuatan

aplikasi sebab struktur ini dapat memberikan keinteraksian yang lebih tinggi.

21

Gambar 2.8 Struktur Navigasi Campuran