7
LANDASAN TEORI
2.1. Konsep Dasar Web
Menurut Husein (2012:25) mengemukakan bahwa”Komputer atau computer berasal dari bahasa yunani “Computa” dalam bahasa inggris “to compute “ yang artinya menghitung, sehingga komputer menurut arti katanya berarti Alat Hitung atau mesin Hitung” . perkembangan teknologi dan ilmu komputer selanjutnya telah memberikan berbagai kemampuan lain pada komputer. Sehingga definisi komputer pun mengalami perubahan. Sekarang ini, proses menghitung, merupakan sebagian saja dari kerja yang dapat dilakukan komputer. Banyak fungsi lain yang dapat dilakukannnya, seperti pengolahan data, permainan, pengontrolan mesin dan, dan membuat grafik, melakukan analisa statistik, merancang gambar teknik dan sebagainya.
2.1.1. Internet
Menurut Febrian (2008:8) mengemukakan bahwa “internet adalah suatu jaringan anatara komputer yang saling dihubungkan. Media penghubung bisa melalui kabel, kanal satelit maupun frequensi radio sehingga komputer- komputer yang saling berkomunikasi”.
Internet dapat diartikan jaringan komputer luas yang menghubungkan pakai komputer dengan komputer lainnya dan dapat menghubungkan pemakai komputer dengan komputer lainnya dan dapat berhubungan dengan komputer dari satu negara kenegara lain diseluruh dunia. Dimana didalam nya terapat sebagai aneka ragam informasi fasilitas layanan internet yaitu
1. Browsing atau surfing yaitu kegiatan “berselancar” diinternet kegiatan ini dapat dianalogikan layaknya berjalan – jalan dimall sambil melihat ke toko tanpa membeli apapun.
2. Elektronik Mail (E-mail) fasilitas ini digunkan untuk berkirim surat dengan orang lain,tanpa mengenal batas,waktu,ruang, bahkan birokrasi
3. Searching yaitu kegiatan mencari data atau informasi terutama di internet.
4. Chatting Fasilitas ini digunakan untuk berkomunikasi secara langsung dengan orang lain diinternet, pada umumnya fasilitas ini sering digunakan untuk bercakap-cakap diinternet.
5. Word Wide Web (WWW) apapun dengan ini anda dapat mengambil, memformat,dan menampilkan informasi (termasuk teks,audio, grafik, dan video) dengan mneggunakan Hypertext Link .
6. Malling List Fasilitas digunkan untuk berdiskusi secara elektronik dengan menggunakan E-mail. Malling List digunakan untuk bertukar informasi , pendapat dan lain sebagainya.
7. Newsgroup fasilitas digunakan untuk berkonferensasi jarak jauh, sehingga anda dapat menyampaikan pendapat dan tanggapan dalam internet.
2.1.2. Web
Menurut Winarno (2011:1) mengemukakan bahwa” Word Wide Web (yang bisa disingkat WWW atau web) adalah media informasi global yang bisa dipakai oleh usernya untuk saling bertukar informasi, dan sekarng bahkan fungsinya melebar, mulai dari sosialisasi hingga transaksi”.
Karena web sudah merupakan layanan internet paling terkenal. Banyak orang yang bahkan beranggapan bahwa web itulah yang disebut internet, seperti halnya
e-mail. Internet lebih dulu ada sebelum web , tapi internet menjadi sangat terkenal setelah adanya World Wide Web.
Website yang dapat di bagi menjadi dua kategori, yaitu website statis dan website dinamis:
a. Website Statis
Web statis dibentuk denagan mengunakan HTML saja. Kekurangan aplikasi ini terletak pada keharusan untuk memelilhara program secara terus menerus untuk mengikuti setiap perubahan yang terjadi. Kelemahan ini diatasi dengan model aplikasi yang dinamis.
b. Website Dinamis
Web dinamis terkadang diartikan sebagai halaman yang dilengkapi dengan animasi gambar, selain dapat berinteraksi dengan basis data. Dengan menggunakan pendekatan web dinamis, dimungkinkan untuk membentuk sistem informasi berbasis web.
2.1.3. Web Browser
Menurut Kadir (2008:356) “Web Browser adalah software yang digunakan untuk menampikan informasi dari server web”. Software kini telah dikembangkan dengan menggunakan user interface grafis, sehingga pemakai dapat dengan mudah melakukan ‘point dan click’ untuk pindah antar dokumen.
Lynx adalah Web Browser yang masih menggunakan mode teks, yang akibatnya adalah tidak ada gambar yang ada dapat ditampilakan. Lynx ini ada
pada lingkungan DOS (Disk Operrating System) dan *. Nik (keluarga sistem informasi UNIX). Akan tetapi perkembangan dari Browser mode teks ini tidaklah secepat Browser web dengan GUI(Gafic User Interface).
Disaat perkembangan WWW ada dua Web Browser yang populer yaitu Internet Explorer (IE) dan Nescape Navigator. Namun ini bermunculan Web Browser lain yang turut meramaikan persaingan untuk merebut para pengguna internet. Diantara Browser web yang telah banak digunakan pada saat peluncurannya adalah MSN.Opera dan Mozilla Firefox, diantara web Browserini terdapat kelebihan dan kekurangan sehingga pengguna dapat memilih sesuai keinginan dan kemudahan yang ditawarkan.
2.1.4. Web Server
Menurut Kurniawan (2008:2) “Web Server adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP atau HTTPS dari klien yang dikenal dengan Web Browser dan mengirimkan kembali hasilnya dalam halaman- halaman web yang umumnya berbentuk dokumen HTML”. Web server yang dimaksud disini adalah simulasi dari sebuah web server secara fisik. Web server biasanya juga disebut HTTP server karena menggunakan protocol HTTP sebagai basisnya. Beberapa web server yang sering digunakan diantaranya adalah PWS, IIS, Apache dan sebagainya.
2.1.5. HTTP (Hyper Text Transfer Protocol)
Menurut Kustuyahningsih dan Anamisa (2011:4) “HTTP (Hypertext Transfer Protocol) adalah suatu protokol yang menentukan aturan yang perlu diikuti oleh web Browser dalam meminta atau mengambil suatu dokumen dan menyediakan dokumen yang diminta oleh Browser”. Protokol ini merupakan
protokol standar yang digunakan untuk mengakses halaman HTML. Server HTTP umumnya digunakan untuk melayani dokumen hypertext, karena HTTP adalah protokol dengan overhead yang sangat rendah, sehingga pada kenyataannya navigasi informasi dapat ditambahkan langsung kedalam dokumen.
2.1.6. PHP (Personal Home Page)
Menurut Nugroho (2009;113) PHP (Hypertext Preprocessir) “merupakan bahasa yang hanya dapat berjalan pada server dan hasilnya dapat ditampilkan pada client”. PHP adalah produk Open Source yang dapat digunakan secara gratis tanpa harus membayar untuk menggunkannya. PHP bahasa pemrograman yang bekerja dalam sebuah web server.script-script PHP harus tersimpan dalam sebuah server dan dieksekusi atau diproses dalam server tersebut. Dengan menggunakan PHP, sebuah website akan lebih interaktifdan dinamis. Sebagai media penulisan script PHP,dapat juga menggunakan Notepad, Dreamweaver, atau PHP expert editor.
1. Keunggulan PHP
Beberapa keunggulan yang dimiliki PHP adalah:
a. PHP memiliki tingkat akses yang lebih cepat.
b. PHP memiliki keamanan yang lebih aman.
c. PHP mampu berjalan dibeberapa server yang ada misalnya Apache,Microsoft,PWS,Informix.
d. PHP bersifat free atau gratis.
2. Menggunakan PHP
Seperti pada pemograman-pemograman lainnyaPHP memliki beberapa aturan penulisan yang harus diketahui sebelumnya, yaitu bagaimana memulai program
PHP dan mengakhiri PHP. Untuk memulai program terdapat aturan tersendiri.yang sudah baku yaitu dengan mengenal sebuah tag pengenal PHP yang digunakan untuk penulisan kode PHP.Untuk menulisakan dan memperkenalkan kode PHP harus memulainya dengan tanda <?php, setelah tanda tersebut kita dapat melanjutkan dengan kode program didalamnya, untuk mengakhiri kode program dapat ditandai dengan tanda <?.
3. Menampilkan Data Didalam Program
Tidak seperti pada tag HTML, dalam program PHP kelompok informasi yang hendak disajikan kedalam halaman Browser harus ditampilkan dengan suatu perintah penampil,seperti halnya pada pemograman yang lainnya misanya pada pascal yang menggunakan perintah write dan writelen untuk menampilakn informasi, ataupun menggunakan fungsi cout dalam bahsa C atau C++ sedangkan di dalam PHP memiliki beberapa bentuk perintah yang dapat menampilkan informasii, diantaranya adalah echo dan print, sepaerti pada sintak berikut :
<?Echo “informasi yang akan ditampilkan”;?>
Atau
<?php print (‘informasi yang akan ditampilkan’);?>
4. Variabel dalam PHP
Variabel mutlak yang dapat diperlukan dalam pemograman PHP karena berfungsi sebagai tempat manampung suatu nilai data, baik berupa masukan (input) maupun keluaran (output). Dalam PHP, nama variable ditandai dengan tanda string($) sehingga setiap angka dan huruf dalam penulisan didahului dengan tanda $, data itu disebut variable.
5. Tipe Data
PHP pendukung beberapa jenis tipe data yang digunakan akan otomatis ditentukan oleh PHP tanpa harus dideklarasikan lebih dahulu. Beberapa jenis tipe data dalam PHP antara lain:
a. Tipe Data Integer
Integer terdiri dari bilangan bulat.
b. Tipe Data Bolean
Bolean adalah jenis tipe data yang paling sederhana, banyak digunakan untuk mencari nilai kebenaran true atau false dan keduanya bersifat case insensitive.
c. Tipe data Floating Point
Jenis floating point merupakan bilangan pecahan dengan posisi tinggi, termasuk dalam floating point, antara lain float, double dan real.
d. Tipe Data String
String boleh dapat ditanya kan sebagai serangkaian karakter, dianyatakan dengan mengguanakan tanda kutip ganda (“ ”).
e. Tipe Data Array
Tipe data Array mengandung beberapa data didalamnya dan di indek berdasarkan data numeric atau string.
f. Tipe Data Object
Terdiri dari data method yang mempunyai Object.
g. Tipe Data Null
Nilai null mewakili suatu variabel yang tidak memiliki nilai apapun Tipe null dikenali PHP sejak versi 4 keatas.
2.1.7. HTML (Hypertext Markup Language) 1. Pengertian HTML
Menurut suryana (2007:2) menjelaskan bahwa “Hyper Text Markup Language (HTML) merupakan standard bahasa yang digunakan untuk menampilakan dokumen web”. Yang biasa anda lakukan dengan HTML yaitu:
a. Mengontrol tampilan dari web page dan lainnya.
b. Mempublikasikan dokumen secara online sehingga bisa diakses dari seluruh dunia.
c. Membuat online form yang bisa digunakan menangani pendaftaran, tarnsaksi secara online.
d. Menambah objek-objek seperti image, audio, video, dan juga java applet dalam dokumen HTML.
2. Tag-Tag HTML
Command HTML biasanya disebut Tag, tag digunakan untuk menentukan tampilan dari dokumen HTML.
<BEGIN TAG></END TAG>
Contoh : setiap dokumen HTML diawali dan diakhiri dengan tag HTML
<HTML>
</HTML>
Tag tidak Case Sensitive , jadi anda bisa menggunakan <HTML> atau <html>
Keduanya menghasilkan output yang sama, bentuk dari tag HTML sebagai berikut: <ELEMEN ATTRIBUTE = value>
Element – nama tag Atribute – artibute dari tag Value- nilai dari atribute Contoh
<BODY BGCOLOR = lavender>
BODY merupakan element, BGCOLOR (Background) merupakan atribut yang memiliki nilai lavender
3. Struktur Dokumen HTML
Dokumen HTML bisa menjadi tiga bagian utama : a. HTML
Setiap dokumen HTML harus diawali dengan tag <html>, tag inidigunakan oleh web server dan Web Browser untuk berkomunikasi. Tag ini akan memberitahukan Web Browser bahwa yang di kirim adalah dokumel HTML. Tag ini harus berbeda dibaris pertama pada dokumen HTML. Tag
<html> mempunyai tag penutup yaitu </html>, tag ini digunakan memberitahu Browser akhir dari dokumen HTML. Tag penutup untuk tag
<html> adalah <html>, Contohnya:
<html>
<head></head>
<body></body>
</html>
b. HEAD
Bagian header dari dokumen HTML diapit oleh tag <head></head> di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul dari halaman pada titlenya Browser. Selain itu bookmark yang menggunakan tag TITLE untuk memberikan mark suatu website. Browser menyiapkan “title digunakan sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title yang digunakan sebagai keyword. Header juga memuat tag
META yang biasanya digunakan untuk menentukan informasi tertentu mengenai dokumen HTML,anda bisa menentukan name,keywords, dan layanan pada tag META.
Contohnya:
<META name =”Autor” contents = “Bocah Gunung”> Author dari dokumen tersebut adalah “Bocah Gunung”
Atribut http-equiv dapat digunakan untuk melakukan nama HTTP server atribut untuk menciptakan HTTP header.
Contohnya :
<META http-equiv = “Expries “content=”Wed, 7 May 2003 20:30:40 GMT”>
Author dari dokumen tersebut adlah “Bocah Gunung”
Atribut http-equiv dapat digunakan untuk meletakan HTTP server atribut untuk menciptakan HTTP header.
Contohnya:
<META http-equiv = “Expies” content = “Web, 7 May 2003 20:30:40 GMT
“>
Yang diciptakan HTTP header :
Exppries : Web, 7 May 2003 20:30: 40 GMT
Sehingga jika dokumen ini di chaced, HTTP akan mengetahui kapan untuk mengupdate dokumen tersebut pada cache.
c. BODY
Dokumen Body digunakan untuk tampilan text, image link dan semua yang akan ditampilkan pada web page.
<html>
<head>
<tittle>Welcome to HTML </tittle> <head>
<body bgcolor>
<p> Dokumen HTML yang pertama </p> </body>
</html>
2.1.8. MySQL
Menurut Nugroho (2009:29) menjelaskan bahwa:
Mysql (My Structure Query Language) adalah sebuah program pembuat database yang bersifat open source, artinya siapa saja yang boleh menggunakan untuk menyimpan data, demikian pula dengan MYSQL,MYSQL termasuk jenis Relayional Database Management System (RDBMD) yaitu hubungan antar table yang berisi data-data pada database. Database pada MYSQL terdiri dari label-label. Setiap tabel mempunyai kolom, baris, serta record untuk menyimpan data. Tabel- tabel tersebut delink oleh suatu relasi yang memungkinkan untuk mengkombinasikan dari data beberapa table ketika seornag user menginginkan menampilkan informasi dari suatu database. Pengggunaan MYSQL biasanya dipadukan dengan menggunakan program aplikasi PHP, karena dengan menggunakan kedua program tersebut telah terbukti akan kehandalannya dalam menangani permintaan data.
Kelebihan lain dari MYSQL adalah menggunakan bahasa query (permintaan) standard SQL (Structure Query Language). SQL adalah suatu bahasa permintaan yang terstruktur yang telah distandarkan untuk semua program pengakses database atas 3 kelas, yaitu select, from dan where.
Untuk menghubungkan dan menjalankan perintah – perintah MYSQL dalam script PHP dibutuhkan fungsi-fungsi koneksi tersendiri, beberapa diantaranya:
1. MySQL_connect()
Fungsi ini digunakan untuk membuka koneksi dengan database MYSQL server. Dalam fungsi ini. Dibutuhkan tiga buah argument yaitu hostname.
Username dan database user password. Pendeklarasian nya dalam bentuk:
$connect=mysql_connect($hostname,$username,$password);
2. MySQL_close()
Fungsi ini digunakan untuk menutup koneksi dengan MYSQL. Pendeklarasian dalam berikut:
Mysql_close();
3. MySQL_create_db()
Fungsi ini digunakan untuk membuat sebuah database baru pada server MySQL.pendeklarasiannya dalam bentuk:
MySQL_select_db();
4. MySQL _query()
Fungsi ini digunakan untuk memeilih sebuah database sebagai database efektif.
5. MySQL_fetch_array()
Fungsi ini akan menghasilkan data berupa array dalam bentuk angka dari isi table MySQL.
6. MySQL_num_rows()
Fungsi ini digunakan untuk mengambil jumlah baris sebagai sebuah hasil.
2.1.9. Database
Menurut Connolly dan Begg (2010, p65) menjelaskan bahwa, “database adalah kumpulan berbagai data logika terkait dan deskripsi, yang dirancang untuk memenuhi kebutuhan informasi organisasi”.
2.1.10. Macromedia Dreamweaver MX 2004
Menurut Wahana Komputer (2009:1) mengemukakan bahwa
“Macromedia Dreamwever MX 2004 merupakan sebuah HTML editor profesional untuk mendesain secara visual dan mengelola situs web beserta halaman web“. Pada Dreamweaver
MX 2004 terdapat beberapa kemampuan bukan hanya sebagai software untuk desain web saja tetapi juga untuk menyunting kode serta pembuatan aplikasi web dengan menggunakan berbagai bahasa pemograman web , antara lain PHP, JSP, ASP dan Coldfusion. Dengan menggunakan program ini, seorang programmer web dapat mudah membuat dan mendesain webnya, karena bersifat WTSIWYG (What You See Is What You Get).
Untuk lebih jelas perhatikan gambar dibawah ini :
Sumber Wahana Komputer (2009)
Gambar II.1. Tampilan Awal Macromedia Dreamwever MX 2004
Berikut ini adalah bagian-bagian yang terdapat pada jendela kerja Macromedia Dreamwaver MX 2004
Sumber Wahana Komputer (2009)
Gambar II.2. Jendela Kerja Macromedia Dreamwever MX 2004 1. Insert Bar
Komponen ini mengandung tombol-tombol untuk menyisipkan berbagai macam objek seperti image, table, dan layer kedalam dokumen. Setiap objek adalah kutipan kode HTML yang memberikan fasilitas bagi kita untuk mengatur atributnya sebagai mana kita menyisipkankannya.
Sumber Wahana Komputer (2009)
Gambar II.3. Insert Bar Macromedia Dreamwever MX 2004
2. Document Toolbar
Digunakan untuk mengubah tampilan dokumen seperti tampilan kode atau tampilan desain saja atau dapat pula tampilkan keduanya. Dapat melihat tampilan document toolbar dibawah ini:
Sumber Wahana Komputer (2009)
Gambar II.4. Document Toolbar Macromedia Dreamwever MX 2004
3. Document Window
Jendela dokumen merupakan tempat mendesain dan memasukan objek atau kode dari tab code, split, dan design.
Sumber Wahana Komputer (2009)
Gambar II.5. Document Windows Macromedia Dreamwever MX 2004
4. Property Inspector
Berfungsi untuk mengetahui atau mengubah properties dari objek yang dimasukan kedalam dokumen seperti mengubah jenis huruf, warna dan ukuran huruf.
Sumber Wahana Komputer (2009)
Gambar II.6. Property Inspector Macromedia Dreamwever MX 2004
5. Panel Group
Panel groups adalah kumpulan panel berkaitan yang dikelompokan bersama di bawah satu judul. Panel ini digunakan untuk mementori dan memodifikasi pekerjaan. Terdapat beberapa jenis panel group, antara lain design,code,application,tag inspector dan files.
Sumber Wahana Komputer (2009)
Gambar II.7. Panel Group Macromedia Dreamwever MX 2004
2.2. Teori Pendukung
2.2.1. Entity Relationship Diagram (ERD)
Menurut Al Fatta (2009:27) ” ERD (Entity Relationship Diagram) adalah suatu model jaringan yang menggunakan susunan data yang disimpan dalam sistem secara abstrak.” ERD merupakan model jaringan data yang menekankan pada struktur dan hubungan antardata. ERD juga memperlihatkan hubungan antar data store pada DFD. Diagram hubungan entitas, atau lebih dikenal dengan E-R, adalah notasi grafik dari sebuah model data atau sebuah model jaringan yang menjelaskan tentang data yang disimpan (storage data) dalam sistem secara abstrak. Diagram hubungan entitas tidak menyatakan bagaimana memanfaatkan data, membuat data, mengubah data, dan menghapus data .
Entitas yang digunakan dalam perancangan sistem ini adalah entitas jabatan, karyawan, presensi dan gaji. Adapun aturan bisnis untuk entitas-entitas tersebut adalah:
a. 1 (satu) keryawan dapat melakukan beberapa kalu presensi, dan 1 (satu) proses presensi hanya bisa digunakan oleh 1 (satu) karyawan.
b. 1 (satu) keryawan akan menerima beberapa kali gaji (pada bulan yang berbeda), dan 1 (satu) gaji hanya bisa diterima oleh 1 (satu) orang karyawan saja.
c. 1 (satu) karyawan hanya bisa ditempatkan pada 1 (satu) bagian, dan 1 (satu) bagian bisa ditempati beberapa karyawan.
d. 1 (satu) karyawan hanya bisa memiliki 1 (satu) jabatan, tetapi 1 (satu) jabatan bisa dipegang oleh beberapa karyawan (untu beberapa jabatan).
Jabatan
bagian
Absensi Karyawan
Gaji memiliki
Ditugaskan
melakukan
menerima Jabatan_jd
Jabatan_nama
Jabatan_desc
Kar_id
Kar_no_induk
Kar_nama
Jabatan_jd
Bagian_id
Bagian_nama
Bagian_desc
Gaji_id
Kar_id
Gaji_jumlah Absensi_tipe Absensi_tgl
Presensi_id Absensi_wkt
1
M
M
M
1
1
M
M Bagian_id
Kar_id
Kar_id
Sumber :Al Fatta, (2009)
Gambar II.8. Diagram E-R Sistem Presensi Karwayan
2.2.2. Logical Record Structure (LRS)
Menurut Hasugian dan Shidiq (2012:608) memberikan batasan bahwa
“LRS adalah sebuah model sistem yang digambarkan dengan sebuah diagram-ER akan mengikuti pola atau aturan permodelan tertentu dalam kaitanya dengan konvensi ke LRS”. Perubahan yang terjadi yaitu mengikuti aturan-aturan sebagai berikut:
1. Setiap entitas akan diubah kebentuk kotak.
2. Sebuah atribut relasi disatukan dalam sebuah kotak bersama entitas jika hubungan yang terjadi pada diagram-ER 1:M (relasi bersatu dengan cardinality M) atau tingkat hubungan 1:1 (relasi bersatu dengan cardinality yang paling membutuhkan referensi).
3. Sebuah relasi dipisah dalam sebuah kotak tersendiri (menjadi entitas baru) jika tingkat hubunganya M:M (many to many) dan memiliki foreign key sebagai primary key yang diambil dari kedua entitas yang sebelumnya saling berhubungan.
2.2.3. Struktur Navigasi
Menurut Suyanto (2008:62) menerangkan bahwa “Struktur navigasi dalam situs web melibatkan sistem navigasi situs web secara keseluruhan dan desain interface situs web tersebut, navigasi memudahkan jalan yang mudah ketika menjelajahi situs web”. Struktur navigasi juga dapat diartikan sebagai struktur alur dari suatu program yang merupakan rancangan hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen pembuatan website. Ada empat macam bentuk dasar struktur navigasi yaitu:
1. Struktur Navigasi Linier
Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang berurut yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya, pengguna akan
melakukan navigasi secara berurutan, dalam frame atau byte informasi satu ke yang lainnya.
Sumber :Binanto, (2010)
Gambar II.9. Struktur Navigasi Linier
2. Struktur Navigasi Hirarki
Struktur dasar ini disebut juga struktur linier dengan percabangan karena pengguna melakukan navigasi disepanjang cabang pohon struktur yang terbentuk oleh logika isi.
Sumber :Binanto, (2010)
Gambar II.10. Struktur Navigasi Hirarki
3. Struktur Navigasi Non Linier
Struktur navigasi non-linier merupakan pengembangan dari struktur navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang.
Percabangan yang dibuat pada struktur non-linier ini berbeda dengan percabangan pada struktur hirarki, karena pada percabangan non-linear ini walaupun terdapat percabangan tetap tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada Master Page dan Slave Page, pengguna akan melakukan navigasi dengan bebas melalui isi proyek dengan tidak terikat dengan jalur yang sudah ditentukan sebelumnya.
Sumber :Binanto (2010)
Gambar II.11. Struktur Navigasi Non Linier
4. Struktur Navigasi Campuran
Struktur navigasi pengguna akan melakukan navigasi dengan bebas (secara non-linier), tetapi terkadang dibatasi presentasi linier film atau informasi
penting dan pada data yang paling terorganisasi secara logis pada suatu hirarki.
Sumber :Binanto (2010)
Gambar II.12. Struktur Navigasi Campuran
