BAB II

LANDASAN TEORI

2.1. Internet

Pengertian Internet secara umum (menurut bahasa) adalah kumpulan dari

jaringan komputer yang terhubung dan bekerja sebagai suatu sistem. Sedangkan
pengertian internet secara khusus adalah suatu jaringan komputer terbesar di
dunia. Menurut Simarmata (2010:51), “internet dapat diartikan sebagai alat untuk
menciptakan sistem informasi global yang mudah berdasarkan pada hypertext”.

Pengaturan integrasi dan komunikasi jaringan komputer ini menggunakan

protokol yaitu TCP/IP. TCP (Transmission Control Protocol) yang bertugas untuk
memastikan semua hubungan bekerja dengan benar. Sedangkan IP (Internet
Protocol) yang mentransmisikan data dari satu komputer ke komputer lain. ISP
(Internet Service Provider) adalah jasa penyedia layanan internet.

Internet memungkinkan pengguna komputer diseluruh dunia untuk saling

berkomunikasi dan berbagi informasi. Berikut adalah beberapa istilah dalam
internet:

1. WWW (World Wide Web)

Suatu Ruang informasi yang dipakai oleh user yang disebut Uniform
resource Location (URL) untuk mengidentifikasikan sumber daya yang berguna.
World Wide Web merupakan kumpulan web server dari seluruh dunia yang
berfungsi menyediakan informasi dan data yang dapat digunakan bersama.

2. FTP (File Transfer Protocol)

Sebuah protokol internet yang berjalan didalam lapisan aplikasi yang

merupakan standar untuk mentransfer berkas komputer antar mesin-mesin dalam
sebuah internetwork. FTP mengguknakan protokol Transmission Control
Protocol (TCP) untuk berkomunikasi antar klien dan server.

5
 6

3. URL (Uniform Resource Locator)

URL menunjukan sumber daya internet atau alamat homepage sebuah

website yaitu halaman suatu dokumen atau program yang ingin ditampilkan atau
digunakan. Secara umum perlu memasukan informasi untuk menuju ke alamat
tertentu yaitu protokol, alamat server, dan path file.

4. HTTP (Hypertext Transfer Protocol)

Hypertext Transfer Protocol (HTTP) adalah sebuah protokol jaringan

lapisan aplikasi yang digunakan untuk kolaboratif. HTTP merupakan protokol
untuk menjawab atau meminta antara klien dan server.

2.2. Website

World Wide Web (WWW), atau yang lebih dikenal sebagai website,
merupakan salah satu layanan yang didapat oleh pemakai komputer yang
terhubung ke internet. Dan menurut C. Widyo Hermawan (2009:2), “Dapat
diartikan suatu kumpulan-kumpulan halaman yang menampilkan berbagai macam
informasi teks, data, gambar diam ataupun bergerak, data animasi, suara, video
maupun gabungan dari semuanya, baik itu yang bersifat statis maupun yang
dinamis, yang dimana membentuk satu rangkaian bangunan yang saling berkaitan
dimana masing-masing dihubungkan dengan jaringan halaman atau hyperlink”.
Secara garis besar, website bisa digolongkan menjadi 3 bagian yaitu:

1. Website statis
Website statis adalah web yang mempunyai halaman tidak berubah.
Artinya adalah melakukan perubahan pada suatu halaman dilakukan secara
manual dengan mengedit code yang menjadi struktur dari website tersebut.

2. Website Dinamis.
Website Dinamis merupakan website yang secara terstruktur dipertemukan
untuk update sering mungkin. Biasanya selain utama yang bisa diakses oleh user
pada umumnya, juga disediakan halaman mengenai website dinamis adalah web
 7

berita atau web portal yang didalamnya terdapat fasilitas berita, polling dan
sebagainya.

3. Website Interaktif
Web Interaktif adalah web yang saat ini memang sedang populer. Salah
satu contoh web interaktif adalah blog dan forum. Di website ini user bisa
berinteraksi dan beradu argument mengenai apa yang menjadi pemikiran mereka.
Biasanya website seperti memiliki moderator untuk mengatur supaya topik yang
diperbincangkan tidak keluar jalur.

2.3. Adobe Dreamweaver

Adobe Dreamweaver merupakan salah satu program aplikasi yang
digunakan utuk membuat dan membangun sebuah website, baik secara grafis
maupun dengan menuliskan kode sumber secara langsung.

Adobe Dreamweaver memudahkan pengembang website untuk mengelola

halaman-halaman website dan aset-aset yang ada dalam website itu sendiri. Aset-
aset yang ada dalam website antara lain gambar (image), animasi flash, video,
suara, dan lain sebagainya. Selain itu, Adobe Dreamweaver juga menyediakan
fasilitas untuk melakukan pemrograman scripting, seperti ASP (Active Server
Page), JSP (Java Server Page), PHP (Hypertext Preprocessor), JavaScripts,
ColdFusion, CSS (Cascading Style Sheet), XML (Extensible Markup Languange),
dan lain sebagainya.

2.4. PHP (Personal Home Page)

PHP adalah bahasa pemrograman script server-side yang didesain untuk
pengembangan web. Disebut bahasa pemrograman server side karena PHP
diproses pada komputer server. Hal ini berbeda dibandingkan dengan bahasa
pemrograman client-side seperti JavaScript yang diproses pada web browser
(client).

PHP juga dapat berjalan pada berbagai web server seperti IIS (Internet
Information Server), PWS (Personal Web Server), Apache dan Xitami. PHP juga
 8

mampu berjalan dibanyak sistem operasi yang beredar saat ini diantaranya, Sistem
Operasi Microsoft Windows, Linux, Mac Os, dan Solaris. PHP dapat dibangun
sebagai web server Apache dan sebagai binary yang dapat mengirim HTTP
header, dapat mengatur cookies, mengatur authentication dan redirect user.

2.4.1. Kelebihan PHP

1. PHP memiliki banyak kelebihan, diantaranya adalah:
2. Bisa membuat Web menjadi Dinamis.
3. PHP bersifat Open Source yang berarti dapat digunakan oleh siapa saja
secara gratis.
4. Program yang dibuat dengan PHP bisa dijalankan oleh semua Sistem
Operasi (OS)
5. Aplikasi PHP lebih cepat dibandingkan dengan ASP maupun Java.
6. Mendukung banyak paket Database seperti MySQL, Oracle dan lain-lain.
7. Banyak Web Server yang mendukung PHP seperti Apache, Lighttpd, IIS
dan lain-lain.
8. Pengembagan Aplikasi PHP mudah karena banyak Dokumentasi,
Referensi dan Developer yang membantu dalam pengembangannya.

2.4.2 Variabel pada PHP

Variabel dapat disebut sebagai sebuah tempat penyimpanan data bagi nilai
numeris maupun non numeris, agar dapat digunakan pada bagian lain dari script
program PHP. PHP mendukung berbagai jenis variabel yaitu:

1. Integer (bilangan bulat)

2. Bilangan floating point (presisi tunggal, ganda)
3. Boolean
4. Null (untuk variabel yang belum diset)
5. String
6. Array
7. Object
8. Resource
 9

Setiap variabel dalam bentuk PHP selalu dimulai dengan tanda dollar
(“$”) dan harus dimulai dengan huruf, dapat diikuti oleh huruf dan angka. Dengan
demikian, $warpspeed, $impuls_speed, $LCAR dan $Dilithiun1 adalah contoh
penamaan variabel PHP yang valid.

Setiap variabel dalam PHP peka terhadap perbedaan huruf kapital dan non
kapital, sehingga $subspace, $SubSpace, dan $SUBSPACE adalah tiga buah
variabel yang berbeda.

2.4.3 Struktur PHP

PHP merupakan bahasa pemrograman web yang dalam penerapannya
dapat berdampingan dengan tag-tag HTML dalam sebuah file. Dalam
penulisanya, kode PHP diawali dengan tag <?php dan diakhiri dengan tag ?>.
adanya tag ini, web server akan menerjemahkan semua instruksi yang ditulis di
dalamnya sebagai kode instruksi PHP. Contoh dari struktur PHP adalah sebagai
berikut:

<html>
<head>
<title>Contoh skrip PHP dalam dokumen HTML</title>
</head>
<body>
<?php
echo “<center>Halo, kalimat ini dibuat dengan skrip
PHP</center>”;
?>
</body>
</html>

Ada tiga baris instruksi PHP yang disisipkan dalam dokumen tersebut.
Ketika dijalankan, dokumen ini akan mencetak suatu kalimat ditengah layar
browser. Karena mengandung instruksi PHP, dokumen ini harus disimpan dengan
format file PHP, yaitu dengan menggunakan ekstensi .php.
 10

2.4.4 Pemisahan Instruksi

Dalam membuat script PHP, setiap baris instruksi dalam script PHP
dipisahkan dengan karakter titik koma (;). Sebagai contoh dapat dilihat pada kode
tersebut:

<?php
Instruksi PHP;
Instruksi PHP;
?>

Jika instruksi PHP dalam script hanya terdiri dari satu baris, maka
penulisannya dapat dilakukan dengan beberapa cara sebagai berikut:

<?php
Istruksi PHP;
?>

Atau

<?php instruksi PHP ?>

Jika menggunakan cara penulisan yang kedua, tanda titik koma tidak perlu
dituliskan karena tag penutup “?>” sudah menandakan akhir script tersebut.

.5 HTML
HTML adalah singkatan dari Hyper Text Markup Languange. HTML
merupakan bahasa (kode) yang digunakan untuk membuat halaman web. HTML
bukanlah bahasa prosedur seperti c, c++, atau Pascal. HTML lebih kepada bahasa
yang menetapkan corak paparan dokumen pada browser.

Segala ketentuan dalam pemrograman HTML diatur oleh W3C (World

Wide Web Consortium). W3C mendefinisikan HTML sebagai aplikasi dari SGML
(Standard Generalized Markup Language). SGML adalah bahasa untuk
mendefinisikan bahasa lain dengan menentukan struktur file dalam bentuk DTD
(Document Type Definition), yang merupakan sintaks dari berbagai elemen dan
bahasa yang salah satunya adalah HTML.
 11

Bahasa HTML ditulis menggunakan text editor. Pada sistem operasi

Windows, dapat menggunakan Notepad, atau jika ingin menggunakan Notepad
yang lebih canggih bisa menggunakan Notepad++ yang menyediakan fitur syntax
highlighting. Setiap file HTML yang sudah dibuat harus disimpan dengan format
(.html).

2.5.1 Struktur Dasar Dokumen HTML

HTML terdiri dari beberapa bagian yang berfungsi sebagai penanda suatu
kelompok perintah tertentu, misalnya kelompok perintah form yang ditandai
dengan kode <from>, judul dengan <title> dan sebagainya. Untuk mengetahui
lebih lanjut mengenai struktur dasar dokumen HTML perhatikan skema di bawah
ini:

<!DOCTYPE html>
<html>
<head>
<title>Struktur dasar HTML</title>
</head>
<body>
Isi dokumen HTML di sini
</body>
</html>

Penjelasan dari struktur kode HTML di atas adalah sebagai berikut:

1. Setiap dokumen HTML harus diawali tag <html> dan diakhiri tag </html>.
Tag <html> adalah tag pembuka dokumen HTML dan tag </html> merupakan
tag penutup dokumen HTML.

2. Bagian head merupakan kepala dokumen HTML. Bagian ini menyimpan

metadata pada dokumen HTML. Format penulisannya adalah diawali tag
<head> dan diakhiri </head>. Tag <head> adalah tag pembuka untuk kepala
dokumen HTML dan tag </head> adalah tag penutup untuk kepala dokumen
HTML.
 12

3. Judul dokumen akan ditampilkan pada bagian kiri atas jendela web browser.
Cara penulisan judul dokumen adalah diawali tag <title> dan diakhiri </title>.
Bagian ini termasuk golongan metadata sebuah dokumen HTML, sehingga
harus diletakkan di antara tag <head> dan </head>.

4. Bagian body dokumen HTML adalah tempat dimana seluruh isi dokumen
HTML yang hendak ditampilkan pada web browser dituliskan. Format
penulisannya adalah diawali tag <head> dan diakhiri </head>.

2.5.2 Elemen HTML

Dokumen HTML merupakan file teks yang terdiri dari elemen-elemen
HTML. Elemen HTML dapat didefinisikan dengan apa yang disebut tag HTML.

Berikut ini merupakan hal-hal dasar mengenai tag HTML :

1. Tag HTML digunakan untuk menandai (mark-up) elemen HTML.

2. Tag HTML berada diantara dua karakter penanda berikut < dan >.

3. Karakter penanda disebut dengan kurung siku.

4. Tag HTML umumnya selalu berpasangan seperti <b> dan </b>.

5. Tag pertama adalah tag pembuka, dan tag kedua adalah tag penutup.

6. Teks diantara kedua tag disebut dengan isi elemen.

7. Tag HTML tidak bersifat case sensitive, <b> memiliki arti yang sama dengan
<B>.
 13

Tabel 2.1 Tag Utama

Tag Fungsi
<html> Mendefinisikan sebuah dokumen HTML.
<head> Informasi umum sebuah halaman web.
<title> Judul halaman yang tampil di title bar.
<body> Mendefinisikan isi utama.

Tabel 2.2 Tag Modifikasi Teks

Tag Fungsi
<b> Menebalkan huruf.
<i> Menampilkan huruf miring.
<u> Menulis huruf bergaris bawah.
<big> Menampilkan huruf dalam ukuran besar.
<small> Menampilkan huruf dalam ukuran kecil.
<strong> Mirip dengan tag <b>, menampilkan huruf dengan tebal.
Subscript (Tulisan kecil dibawah, contohnya untuk menulis
<sub>
rumus kimia).
Superscript (Tulisan kecil diatas, contohnya untuk menulis
<sup>
pangkat).
 14

Tabel 2.3 Tag Hyperlink

Tag Atribut Fungsi

Href

Target

Style Membuat lonk ke dokumen lain atau situs

<a> </a>
Class lain

Name

Id

Tabel 2.4 Tag Tabel

Tag Atribut Fungsi

Border

cellpadding

cellspacing

width

height

name
<Tabel> </Tabel> Mengatur semua komponen dalam tabel.
id

title

bgcolor

background

align

valign
 15

Height

<tr> </tr> bgcolor Membuat baris dalam Tabel.

background
Align

valign

title
Height

width

bgcolor

background
Membuat sel dalam baris, sehingga dapat
<td> </td> align
membentuk kolom.
valign

title

colspan

rowspan
<th> </th> Height Membuat header tebel.

width

bgcolor

background

align

valign

title

colspan
 16

rowspan

Tabel 2.5 Tag Formatting

Tag Fungsi
Mendefinisikan sebuah bagian dari dokumen
<div></div>
HTML.
<ol> </ol> Ordered List untuk penomoran pada list (<li>).
Unordered List untuk pemberian symbol pada list
<ul> </ul>
(<li>).
<li> </li> Unntuk membuat list pada dokumen HTML.
<p> </p> Paragraf.
<br> Break Lines untuk memotong kalimat kebaris baru.
<hr> Horizontal Lines untuk membuat garis horizontal.

2.6 CSS

CSS merupakan singkatan dari Cascading Style Sheet. Kegunaanya adalah

untuk mengatur tampilan dokumen HTML. Seperti pengaturan jarak antara baris,
teks, warna, dan format border bahkan penampilan file gambar. Dengan adanya
CSS, memungkinkan sebuah layout website yang fleksibel, mudah untuk di edit
dan bersiftat interaktif [4]. CSS adalah kumpulan script yang bertujuan bukan
untuk menggantikan HTML melainkan pelengkap agar dokumen HTML bisa
tampil lebih cantik dan dinamis. Kode css berifat lintas platform, sehingga
memungkinkan script CSS dapat dibaca oleh berbagai macam sistem operasi dan
browser.Cara penulisan sintaks kode CSS secara umum terdiri atas komposisi
sebagai berikut :

SELECTOR { PROPERTY : VALUE }

Keterangan :
 17

Selector : merupakan tag HTML atau elemen (class/ID) yang dipilih.

Property : adalah atribut yang ingin diatur nilainya.

Value : merupakan nilai property, bisa berupa angka atau teks

Sebagai contoh jika ingin mewarnai seluruh teks dalam tag <p> maka
sintaks nya adalah sebagai berikut :

P { COLOR: RED }

Keterangan :

P : merupakan tag <P> yang akan di atur style-nya.

Color : adalah sebuah propert yang diggunakan untuk memberi warna

Red : merupakan value dari property color

2.7 XAMPP

XAMPP merupakan singkatan dari X (empat sistem operasi apapun),

Apache, MySQL, PHP, dan Perl. XAMPP adalah tool yang menyediakan paket
perangkat lunak dalam satu buah paket.

Dalam paket XAMPP sudah terdapat Apache (web server), MySQL

(database), PHP (Server Side Scripting), Pearl, FTP server, PhpMyAdmin dan
berbagai pustaka bantu lainnya. Dengan menginstal XAMPP, maka tidak
diperlukan lagi untuk melakukan konfigurasi web server Apache, PHP, dan
MySQL secara manual.

Versi XAMPP terbaru untuk saat ini adalah versi 1.8.1 (untuk Windows)
yang terdiri atas aplikasi-aplikasi berikut:

1. Apache 2.4.3

2. MySQL 5.5.27

3. PHP 5.4.7
 18

4. PhpMyAdmin 3.5.2.2

5. FileZilla FTP Server 0.9.41

6. Tomcat 7.0.30 (with mod_proxy_ajp as connector)

7. Strawberry Perl 5.16.1.1 Portable

8. XAMPP Control Panel 3.1.0 (from hackattact142)

2.8 PHP MyAdmin

PHP MyAdmin adalah software yang berbentuk seperti halaman situs
yang terdapat pada web server. Fungsi dari halaman ini adalah sebagai pengendali
database MySQL, sehingga dapat memungkinkan seseorang membuat tabel,
mengisi data dan lain-lain dengan mudah tanpa harus menghafal baris perintah
pada MySQL. Karena dengan menggunakan PHP MyAdmin tugas-tugas tersebut
dapat dilakukan hanya dengan meng-klik menu fungsi yang sudah tersedia pada
halaman PHP MyAdmin.

2.9 MySQL
SQL merupakan kependekkan dari Structured Query Language yang
digunakan untuk melakukan komunikasi terhadap database. Sesuai dengan ANSI,
SQL merupakan bahasa standar untuk sistem manajemen database relasional.
Statemen SQL digunakan untuk melakukan tugas-tugas seperti melakukan update
terhadap database, atau mengambil data dari sebuah database.Beberapa database
relasional yang menggunakan SQL dan cukup terkenal adalah : MySQL Oracle,
Sybase, Microsoft SQL Server, Access, Ingress, etc.

Meskipun sebagian besar sistem database menggunakan SQL, namun

sebagian besar dari mereka juga memiliki ekstensi khusus yang hanya bisa
digunakan sistem masing-masing. Namun demikian, perintah dasar SQL seperti
“Select”, “Insert”, “Update”, “Delete”, “Create”, dan “Drop” dapat digunakan
untuk melakukan hampir semua hal yang perlu dilakukan terhadap sebuah
database.

2.9.1 Interaksi Query MySQL

 19

Query adalah sebuah mekanisme utama untuk mengambil informasi dari

database dan berisi pertanyaan yang disampaikan kepada database dalam bentuk
tertentu. Sebagai contoh, perintah Query MySQL CREATE akan membuat tabel
dan database MySQL, sedangkan Query MySQL SELECT akan memilih baris-
baris yang sudah pernah disisipkan dalam database. Sebagai penghubung antara
database dengan website yaitu dengan menggunakan PHP. Salah satu
perintah/fungsi utama dalam PHP untuk mengambil data adalah mysql_query().

Konstruksi atau sintaks query MySQL dimulai dengan salah satu dari
perintah berikut :

1. ADD

2. DROP

3. CREATE

4. INSERT

5. SELECT

6. UPDATE

7. REPLACE

8. DELETE

2.9.2 Tipe Data

Secara umum tipe data MySQL ada empat, yaitu numerik, string, date, dan
kelompok himpunan. Tipe data pada MySQL dapat dilihat pada tabel 2.1.

Tabel 2.6 Tipe data pada MySQL

NO TIPE DATA PENJABARAN MENGENAI TIPE DATA

1 TINYINT untuk menyimpan data bilangan bulat positif

dan negatif
Jangkauan : -128 s/d 127
 20

2 SMALLINT untuk menyimpan data bilangan bulat positif

dan negatif.
Jangkauan : -32.768 s/d 32.767

3 MEDIUMINT untuk menyimpan data bilangan bulat positif

dan negatif.

Jangkauan : -8.388.608 s/d 8.388.607

4 INT untuk menyimpan data bilangan bulat positif

dan negatif.

Jangkauan : -2.147.483.648 s/d 2.147.483.647

5 BIGINT untuk menyimpan data bilangan bulat positif

dan negatif.

Jangkauan : ± 9,22 x 1018

6 FLOAT untuk menyimpan data bilangan pecahan

positif dan negatif presisi tunggal.

Jangkauan : -3.402823466E+38 s/d

-1.175494351E-38, 0, dan 1.175494351E-38
s/d 3.402823466E+38.

7 DOUBLE untuk menyimpan data bilangan pecahan

positif dan negatif presisi ganda.

Jangkauan : -1.79...E+308 s/d -2.22...E-308, 0,

 21

dan 2.22...E-308 s/d 1.79...E+308.

8 REAL untuk menyimpan data bilangan pecahan

positif dan negatif presisi ganda.

Jangkauan : -1.79...E+308 s/d -2.22...E-308, 0,

dan 2.22...E-308 s/d 1.79...E+308.

9 DECIMAL untuk menyimpan data bilangan pecahan

positif dan negatif.

Jangkauan : -1.79...E+308 s/d -2.22...E-308, 0,

dan 2.22...E-308 s/d 1.79...E+308.
10 NUMERIC untuk menyimpan data bilangan pecahan
positif dan negatif.

Jangkauan : -1.79...E+308 s/d -2.22...E-308, 0,

dan 2.22...E-308 s/d 1.79...E+308.
11 DATE menyimpan data tanggal

Jangkauan : 1000-01-01 s/d 9999-12-31

(YYYY-MM-DD)
12 TIME untuk menyimpan data waktu

Jangkauan : -838:59:59 s/d +838:59:59

13 YEAR untuk menyimpan data tahun dari tanggal.
Jangkauan : 1900 s/d 2155
14 CHAR untuk menyimpan data string ukuran tetap.
Jangkauan : 0 s/d 255 karakter
15 VARCHAR untuk menyimpan data string ukuran dinamis.
Jangkauan : 0 s/d 255

16 TINYTEXT digunakan untuk menyimpan data text.

 22

Jangkauan : 0 s/d 255

17 TEXT untuk menyimpan data text.

Jangkauan : 0 s/d 65.535

18 MEDIUMTEXT untuk menyimpan data text.

Jangkauan : 0 s/d 224

2.9.3 Cara Penulisan Query

Sintaks atau cara penulisan query MySQL bersifat fleksibel, artinya dapat
dengan bebas mengetikkan Enter di manapun tanpa mengganggu kode yang
ditulis. Beberapa perintah memerlukan tanda kurung kurawal ({}),dan perlu
dipastikan untuk mengakhiri setiap perintah yang dibuat dengan tanda titik
koma(;). Query MySQL adalah cara bagaimana pengguna dapat berkomunikasi
dengan program database. Hampir semua yang ditulis pada prompt perintah SQL
adalah query. Berikut ini adalah contoh query SQL :

INSERT INTO nama_tabel(kolom_satu, kolom_dua)

VALUES (nilai_satu, nilai_dua);

UPDATE nama tabel SET kolom_satu = nilai_satu,

kolom_dua = nilai_dua;

2.10 Struktur Navigasi

Struktur navigasi (Penjejakan), merupakan struktur alur dari suatu
program yang merupakan rancangan hubungan dan rantai kerja dari beberapa area
yang berbeda dan dapat membantu mengorganisasikan seluruh elemen multimedia
dengan memberikan perintah dan pesan, ada empat macam bentuk dari navigasi
yang bisa digunakan dalam proses pembuatan aplikasi multimedia, yaitu:

2.10.1 Linier
Linier (satu alur), merupakan struktur yang hanya mempunyai satu
rangkaian cerita yang berurut. Struktur ini menampilkan satu demi satu tampilan
 23

layar secara berurut menurut urutannya. Tampilan yang dapat di tampilkan pada
struktur jenis ini adalah satu halaman sebelumnya atau dua halaman sesudahnya.
Pada struktur penjejakan ini tidak di perkenankan adanya percabangan. Biasanya
struktur ini digunakan untuk multimedia presentasi karena tidak terlalu menuntut
ke interaksian tetapi hanya memerlukan keindahan dan kemudahan menampikan
data sebagai informasi.

Gambar 2.1. Struktur Navigasi Linier

2.10.2 Non Linier

Struktur navigasi non linier disebut juga stryktur tidak terurut merupakan
pengembangan dari struktur linier. Pada struktur ini di perkenankan percabangan,
pola percabangan non linier memiliki kedudukan yang sama sehingga tidak ada
master page dan slave page.

Gambar 2.2. Struktur Navigasi Non Linier

2.10.3 Hirarki
Navigasi campuran merupakan gabungan dari ketiga struktur sebelumnya,
maka struktur ini disebut juga struktur bebas, jika dari satu tampilan
 24

membutuhkan percabangan, maka dapat dibuat percabangan dan bila dalam

percabangan tersebut terdapat suatu tampilan yang sama kedudukannya maka
dapat dibuat struktur linier dalam percabangan tersebut. Bentuk struktur ini sering
digunakan dalam multimedia, karena bentuk struktur ini memberikan interaksi
yang lebih tinggi.

Gambar 2.3. Struktur Navigasi Campuran