7

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

A. Internet

Menurut Alexander F.K, Sibero (2013a:10) Internet (Interconnected

Network) adalah “jaringan komputer yang menghubungkan antar jaringan secara

global, internet dapat juga di sebut jaringan komputer area”.

Secara umum Internet dapat diartikan sebagai pertukaran informasi dan

komunikasi. Semua informasi bisa didapatkan dengan mudah dan bebas di

Internet tanpa ada batasan.

Berawal pada tahun 1969. Lembaga riset departemen pertahanan Amerika

Serikat atau DARPA (Defence Advance Research project Agency) menandai

sebuah proyek untuk mengembangkan jaringan komunikasi data antara beberapa

komputer. Pengembagan jaringan tersebut sukses dan melahirkan ARPANET

(Advance Research Projects Agency Network). Pada tahun 1972 organisasi ini

kemudian mendemonstrasikan di depan peserta The First International

Conference On Computer Communication dengan jaringan yang terpasang

sebanyak 40 titik (node). Sebenarnya tujuan awal dibangunnya proyek tersebut

adalah untuk keperluan militer. Departemen Pertahanan Amerika Serikat

menggunakanya untuk menghubungkan daerah-daerah yang vital agar bisa

terhubung untuk mengatasi masalah bila ada gangguan nuklir, dan gangguan

8

keamanan lainya. Hal ini dilatarbelakangi oleh terjadinya perang dingin Amerika

Serikat dengan Uni Soviet.

Internet berasal dari kata Interconnection networking. Inter kependekan

dari internasional. Connection berarti hubungan dan Networking adalah jaringan.

Sehingga Internet dapat juga didefinisikan sebagai jaringan yang terdiri dari

berbagai macam dan jenis komputer diseluruh dunia yang saling berkomunikasi

dengan berbasiskan suatu protokol yang dinamakan TCP/IP (Transmission

Control Protocol/Internet Protocol). Setiap pemakai yang komputernya terhubung

ke Internet dapat saling mengakses Buku Tamu yang di sediakan oleh komputer

lain dalam bentuk pertukaran data lateral, melalui jaringan telekomunikasi seperti

telepon, wirelees.

1. Istilah-Istilah dalam Internet

a. World Wide Web (www)

World Wide Web (www) atau yang dikenal juga dengan istilah Web adalah

sistem yang berkaitan dengan dokumen digunakan sebagai media untuk

menampilkan teks, gambar, multimedia dan lainya pada jaringan Internet

(Alexander F.K. Sibero, 2013b:11).

World Wide Web sering disingkat sebagai WWW atau web saja, yaitu

sebuah sistem di mana informasi dapat kita nikmati dalam bentuk text, gambar,

suara dan lain-lain serta dapat diakses oleh perangkat lunak yang di sebut

browser. Informasi di web pada umumnya ditulis dalam format HTML.

World Wide Web merupakan kumpulan web server dari seluruh dunia

yang berfungsi menyediakan data dan informasi untuk dapat digunakan

bersama. Melalui web, dapat informasi-informasi yang tidak hanya berupa text

9

tetapi bisa juga berupa gambar, suara, vidio dan animasi. Sebenarnya World

Wide Web merupakan kumpulan dokumen-dokumen yang sangat banyak yang

berada pada komputer server (Web Server), dimana server-server ini tersebut

berada di lima benua termasuk Indonesia, dan terhubung menjadi satu melalui

jaringan Internet,

Dokumen-dokumen informasi ini disimpan atau dibuat dengan format

HTML (Hypertext Markup Language). Suatu halaman dokumen informasi

dapat terdiri dari teks yang saling terkait dengan teks lainya atau bahkan

dengan dokumen lain. Keterkaitan halaman ini disebut Hypertext.

b. Situs Web

Menurut Sunarto, SEI (2009a:55) menerangkan bahwa “Situs Web atau

cukup di sebut dengan web adalah sebuah lokasi pada sebuah web tertentu di

web yang memiliki alamat unik disebut URL”. Situs web adalah lokasi pada

sebuah komputer yang berada di internet.

Macam-macam situs web :

1. Web statis

Web statis adalah web yang berisi atau menampilkan informasi-informasi

yang sifatnya statis (tetap). Disebut statis karena pengguna tidak dapat

berinteraksi dengan web tersebut. Singkatnya, untuk mengetahui suatu web

bersifat statis atau dinamis dapat dilihat dari tampilanya. Jika suatu web

hanya berhubungan dengan halaman web lain dan berisi suatu informasi

yang tetap maka web disebut statis.

Pada web statis, pengguna hanya dapat melihat isi dokumen pada

halaman web dan apabila diklik akan berpindah kehalaman web yang lain.

10

Interaksi pengguna hanya terbatas dapat melihat informasi yang dihasilkan.

Web statis biasanya merupakan HTML yang ditulis pada editor teks.

2. Website Dinamis

Web dinamis adalah web yang menampilkan informasi serta dapat

berinteraksi dengan pengguna menggunakan form sehingga dapat mengolah

informasi yang ditampilkan. Web dinamis bersifat interaktif, tidak kaku, dan

terlihat lebih indah.

c. URL (Uniform Resource Locator)

Menurut Sunarto, SEI (2009b:56) menyatakan bahwa “URL adalah

kumpulan karakter yang menunjuk pada potongan informasi khusus pada

bagian mana saja pada web”. Dengan kata lain, URL adalah alamat situs web

yang unik.

URL terdiri dari protokol web, direktori atau (folder) pada server tersebut,

dan file yang terdapat pada direktori tersebut (biasanya berekstensi html dan

htm). Bagian pertama URL menunjukan protokol misalnya http:// atau https://.

Protokol adalah persetujuan bersama yang digunakan untuk berkomunikasi

dengan Hypertext Transfer Protokol. Bagian kedua URL menunjukan alamat

server dimana sumber daya tersebut terleteak misalnya www.microsoft.com

untuk Website Microsoft Corparation. Bagian ketiga URL adalah path file

yaitu menunjukan lokasi dan nama dokumen atau program dalam server.

URL Uniform Resource Locator adalah rangkaian suatu karakter menurut

suatu format standar tertentu yang digunakan untuk menunjukan alamat suatu

sumber seperti dokumen dan gambar di internet.

11

d. HTTP (Hypertext Transfer Protokol)

Menurut Sutarman (2007:05) menyatakan bahwa “HTTP adalah protokol

yang menentukan aturan yang perlu diikuti oleh web browser dalam meminta

atau mengambil suatu dokumen dan oleh web server dalam menyediakan

dokumen yang diminta web server”. Protokol ini merupakan protokol standar

yang digunakan untuk mengakses dokumen HTML.

HTTP adalah sebuah protokol meminta atau menjawab antara client dan

server. Sebuah client HTTP seperti web browser, biasanya memulai

permintaan dengan membuat hubungan TCP/IP ke port tertentu di tuan rumah

yang jauh (biasanya port 80). Client yang mengirimkan permintaan HTTP juga

dikenal dengan user agent server yang meresponya, yang menyimpan sumber

daya seperti berkas HTML dan gambar, dikenal juga sebagai origin server.

Diantara user agent dan origin server, bisa saja ada perhubungan seperti halnya

proxy, gateway, dan juga tunnel.

HTTP berkomunikasi melalui TCP/IP. Client HHTP terhubung ke server

HTTP menggunakan TCP. Setelah membuat sambungan, client dapat

mengirim pesan permintaan HTTP ke server. HTTP digunakan untuk

mengirim permintaan dari client web (browser) ke web server, dikembalikan

ke konten web (halaman web) dari server ke client.

B. XAMPP

Menurut Bunafit (2012:01) mengatakan bahwa xampp adalah software triad

yang berisi software Apache, PHP dan MySQL dalam sekali instalasi. Paket

software ini gratis, anda dapat men-download dan menggunakannya tanpa

12

dipungut biaya. Paket xampp dapat diperoleh dengan men-download secara

langsung di situs aslinya, yaitu; www.apachefriends.org.

Xampp dapat diinstal dengan mudah di komputer, baik windows maupun linux.

Pertama, jelas anda harus menyiapkan software Xampp terlebih dahulu, atau baca

buku panduannya terlebih dahulu. Sebelum menginstal, pastikan anda belum

pernah menginstal web server paket apapun. Misalnya saat ini komputer yang

anda gunakan sudah ada paket php triad atau mungkin Wampp, atau

apache2Triad, maka anda wajib meng-uninstal (menghapusnya) terlebih dahulu.

Seteleh yakin tidak ada paket web masih terpasang di komputer anda, anda bisa

langsung instal paket software Xampp tersebut.

C. HTML (Hyper Text Markup Leanguage)

Menurut Anhar (2010:40) “HTML (Hyper Text Markup Leanguage) adalah

sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang

digunakan untuk menampilkan halaman pada web browser”.

HTML atau Hyper Text Markup Leanguage merupakan suatu format data yang

digunakan untuk membuat dokumen hypertext yang dapat dibaca dari suatu

platform computer ke platform komputer lainnya tanpa perlu melakukan suatu

perubahan apapun. Dokumen HTML disebut sebagai markup language karena

mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan

teks dan tingkat kepentingan dari text tersebut dalam suatu dokumen. Dengan

system Hypertext pada dokumen HTML.

13

1. Elemen Dasar HTML

Pada sebuah dokumen HTML diperlukan sebuah kode khusus yang disebut tag

yang dinyatakan dengan tanda lebih besar (>) dan lebih kecil (<). Contoh

penulisan tag pada dokumen HTML, yaitu:

a. <HTML> </HTML>.

Ini adalah tag struktur dokumen yang selalu berada paling atas dan

palingbawah yang menandakan bahwa dokumen tersebut adalah dokumen

HTML.

b. <HEAD>…</HEAD>.

Tag ini berisi informasi yang berhubungan dengan dokumen tersebut tapi

tidak tercetak pada dokumen.

c. <TITLE>…</TITLE>

Tag ini berada diantara tag <HEAD> dan digunakan untuk menampilkan

judul dari dokumen NTML pada browser.

d. <BODY>…</BODY>.

Tag ini berisi semua yang akan ditampilkan pada browser. Tag <BODY> ini

merupakan tag terakhir dari struktur dokumen.

e. Paragraf <P>…</P>.

Elemen ini menandai sekumpulan teks sebagai suatu paragraph. Tag

<P>digunakan untuk memulai paragraph baru dan diakhiri dengan </P>.

f. Divider <DIV>…</DIV>

Tag <DIV> digunakan untuk membagi-bagi dokumen dalam suatu hirarki

yang terstruktur. Dalam dokumen HTML pun dapat digunakan sebuah

atribut ALIGN, yaitu untuk mengatur perataan dari teks dalam suatu

14

paragrap. Atribut ALIGN mempunyai tiga buah nilai, yaitu left ( rata kiri ),

center ( rata tengah ), dan right ( rata kanan ).

g. Image <img>

Tag ini berfungsi untuk menampilkan gambar. Ada beberapa atribut

pendukungnya seperti : src, title, border, width, dan height .

h. Tag <FONT> ... </FONT>

Tag ini berfungsi untuk memberikan style pada teks yang akan di format.

Atributnya terdiri dari size (untuk ukuran huruf), color (untuk pemberian

warna pada huruf), dan face (untuk memilih jenis huruf).

i. Tag <BR>

Tag yang digunakan untuk berpindah pada baris baru dalam suatu bagian

teks.

j. Tag <B>…</B>

Tag ini digunakan untuk memberi penebalan pada teks.

k. Tag <FORM action=” ” method=GET/POST> ... </FORM>

Digunakan untuk mendefinisikan suatu form yang akan dibentuk. Atribut

action akan mengarah pada URL yang telah disebutkan dan atribut method

mendefinisikan cara pengiriman data yang akan dilakukan.

l. Tag <INPUT type=” ” name=” ” value=” ”>... </INPUT>

Tag ini merupakan bagian dari form yang ditampilkan pada browser

berupa suatu tampilan input yang digunakan untuk pengisian data. Atribut

type yang berisi format data yang masuk apakah password text, radio,

checkbox, submit, hidden, atau reset. Atribut name mendefinisikan nama

atau variabel pada jenis input yang dipilih. Atribut value merupakan isi atau

15

nilai dari jenis input. Atribut size merupakan atribut yang mendefinisikan

besar ukuran (dalam karakter) untuk jenis input text dan password. Atribut

maxlength merupakan panjang maksimum karakter yang bisa di input.

m. Tag <HR>

Tag Horizontal Rules ini berguna untuk membuat garis horizontal yang

akan memisahkan halaman menjadi kelompok-kelompok.

n. Tag <TABLE border=” ” width=” ”> ...</TABLE>

Tag ini berfungsi untuk membuat tabel. Atribut border berisi angka yang

digunakan apabila ingin border memiliki ketebalan garis sesuai dengan

angka tersebut. Atribut cellspacing dan cellpadding digunakan apabila

antara baris dan kolom pada tabel memiliki batas atau tidak sesuai dengan

angka pada atribut tersebut. Atribut width dapat digunakan bila lebar tabel

ingin diubah-ubah sesuai dengan kondisi.

o. Tag <SELECT name=” ”> ... </SELECT>

Tag ini merupakan bagian dari form, tampilannya berupa suatu combo box

atau list box. Atribut name mendefinisikan nama combo/list box ini yang

daftar pilihannya terdapat pada tag option.

p. Tag <OPTION value=” “> ... </OPTION>

Atribut value merupakan nilai dari option-option yang ada.

16

D. PHP (Personal Home Page)

Menurut Abdul, Kadir (2008:2) PHP merupakan singkatan dari Personal Home

Page Hyper Text Preprocessor. Merupakan bahasa berbentuk skrip yang

ditempatkan dalam server dan diproses di server. Hasilnya akan dikirimkan ke

client, tempat user menggunakan browser.

PHP adalah pemrograman interpreter yaitu proses penterjemahan baris kode

sumber menjadi kode mesin yang dimengerti komputer langsung pada saat baris

kode di jalankan. PHP disebut sebagai pemrograman Server Side Programming,

hal ini dikarenakan seluruh prosesnya di jalankan pada server. PHP adalah suatu

bahasa dengan hak cipta terbuka atau juga dikenal dengan istilah Open Source,

yaitu pengguna dapat menggunakan dan mengembangkan kode-kode fungsi PHP

sesuai dengan kebutuhan.

Pemrograman PHP dapat ditulis dalam dua bentuk yaitu penulisan baris kode

PHP pada file tunggal dan penulisan kode PHP pada halaman HTML (embedded).

Kedua cara penulisan tersebut tidak memiliki perbedaan, hanya menjadi kebiasaan

gaya penulisan dari programmer.

PHP pada prinsipnya serupa dengan kode HTML. Hanya saja, ketika berkas

PHP yang diminta didapatkan oleh web server, isinya segera dikirimkan ke mesin

PHP dan mesin inilah yang memproses dan memberikan hasilnya (berupa kode

HTML) ke web server. Selanjutnya, web server menyampaikan ke client.

17

E. PHP MyAdmin

Menurut Alexander F.K, Sibero (2011:376) menyatakan bahwa

“PHPMyAdmin adalah aplikasi web yang di buat oleh phpmyadmin.net,

PHPMyAdmin digunakan untuk administrasi database MySQL”. Utilitas ini

berbasis web dapat digunakan untuk melakukan berbagai oprasi yang mengakses

database.

Program ini digunakan untuk mengakses database MySQL. Perintah-perintah

untuk membuat tabel dapat menggunakan form-form yang sudah tersedia pada

PHPMyAdmin atau dapat langsung menuliskan script pada menu SQL. Dalam

aplikasi ini penulis menggunakan PHPMyAdmin versi 3.4.5. PHPMyAdmin

dijalankan pada web browser dengan mengetikan http://localhost/phpmyadmin.

F. MySQL

Menurut Arief (2011:152) “MySQL adalah salah satu jenis database server

yang sangat terkenal dan banyak digunakan untuk membangun aplikasi web yang

menggunakan database sebagai sumber dan pengolahan datanya”.

MySQL merupakan standar penggunaan database didunia untuk pengolahan

data MySQL bekerja menggunakan SQL language (Structure Query Language).

Perintah yang paling sering digunakan dalam MySQL adalah SELECT

(mengambil), INSERT (menambah), UPDATE (mengubah), DELETE

(menghapus). Tujuan awal dari dikembangkanya MYSQL adalah untuk

mengembangkan aplikasi berbasis web pada client.

18

Beberapa kelebihan yang dimiliki oleh MySQL tersebut diatas adalah :

a. Bersifat open source yang memiliki kemampuan untuk dapat dikembangkan

lagi.

b. Mengunakan bahasa SQL (Structur query language), yang merupakan standar

batasan dalam pengolahan data.

c. Super performance dan reliable, tidak bisa digunakan, pemrosesan databasenya

sangat cepat dan stabil.

d. sangat mudah dipelajari (ease of use)

e. memiliki dukungan support (group) pengguna Mysql mampu lintas pultform

dapat berjalan diberbagai sistem oprasi.

f. Multiuser, dimana MySQL dapat digunakan oleh beberapa user dalam waktu

yang bersamaan tanpa mengalami konflik.

Menurut Alexander F.K, Sibero (2013c:98) menerangkan bahwa SQL terdiri

dari tiga bahasa yaitu :

1. DDL (Data Definition Language)

Data Definition Language (DDL) adalah suatu definisi data pada MySQL,

DDL digunakan untuk mendefinisikan suatu DATABASE, TABLE, TABLE

SPACE, LOGFILE GROUP, SERVER, INDEX. DDL umumnya digunakan

mendefinisikan suatu wadah data atau record. Perintah-perintah SQL yang

digolongkan dalam DDL adalah :

a. Create : untuk membuat objek bar

b. Alter : untuk mengubah objek yang sudah ada

c. Drop : untuk menghapus objek

d. Rename : untuk mengganti nama suatu objek

19

2. DML (Data Manipulation Language)

Data Manipulation Language (DML) adalah suatu tata bahasa manipulasi data

pada MySQL. Perintah-perintah SQL yang digolongkan dalam DDL adalah :

a. Select : perintah untuk mengambil data dari database

b. Update : perintah untuk memodifikasi / merubah data pada database

c. Insert : perintah untuk menambah data pada database

d. Delete : perintah untuk menghapus data pada database

3. MySQL Untility Statement

MySQL Untility Statement adalah suatu tata bahasa tambahan data pada

MySQL, MySQL Untility Statement digunakan untuk menampilkan informasi

DATABASE, dan TABLE. Perintah-perintah yang digunakan dalam MySQL

Untility Statement adalah :

a. Use : digunakan untuk mengaktifkan suatu database

b. Show : digunakan untuk menampilkan suatu table atau database

c. Desc/Describle :digunakan untuk menampilkan definisi suatu struktur table

d. Help : digunakan untuk menampilkan informasi penggunaan

suatu perintah MySQL

G. CSS (Cascoding Style Sheet)

Menurut Wahyu, Sya’ban (2010:37) “Cascading Style Sheet (CSS) merupakan

salah satu bahasa pemograman web untuk mengendalikan beberapa komponen

dalam sebuah web sehingga akan lebih terstruktur dan seragam”.

Cascoding Style Sheet dikembangkan untuk menata gaya pengaturan halaman

web. Pada awalnya CSS telah mendukung pada SGML pada tahun 1970, dan terus

20

dikembangkan hingga saat ini CSS telah mendukung banyak bahasa Markup

seperti : HTML, XHTML, XML, SVG (Scalable Vector Graphics) dan Mozilla

XUL (XML User Interface language). Mengacu dari arti bahasa Cascoding Style

Sheet memiliki arti gaya menata halaman bertingkat, yang berarti setiap satu

elemen yang telah di format dan memiliki anak yang telah di format, maka anak

dari elemen tersebut secara otomatis mengikuti elemen induknya.

Cascoding Style Sheet terdiri dari selector, Properti dan Nilai. Seperti halnya

HTML, PHP dan bahasa pemrograman lainya, CSS juga mempunyai aturan

penulisan.

H. Metode Waterfall

Menurut Pressman (2010:39) waterfall adalah “model klasik yang bersifat

sistematis, berurutan dalam membangun software”.

Berikut ini adalah gambaran dari waterfall model :

Sumber : Pressman (2010:39)

Gambar II.1.

Model Waterfall

21

Fase-fased alam model waterfall menurut referensi Pressman (2010:39):

a. Analisa kebutuhan

pada tahap ini berlangsung proses pengumpulan kebutuhan secara lengkap

untuk dianalisis dan didefinisikan kebutuhan apa saja yang harus dipenuhi oleh

program yang akan dibuat, seperti memahami domain permasalahan, tingkah

laku, unjuk kerja dan interface (antar muka). Tahapan ini akan menghasilkan

dokumen user requirment atau bisa dikatakan sebagai data yang berhubungan

dengan keinginan user dalam pembuatan sistem. Dokumen ini lah yang akan

menjadi acuan sistem analis untuk menerjemahkan ke dalam bahasa

pemrogram.

b. Desain sistem

proses ini dilakukan penuangan pikiran dan perancangan sistem terhadap

solusi dari permasalahan yang ada dengan menggunakan perangkat pemodelan

sistem seperti diagram alir data (data flow diagram), diagram hubungan entitas

(entity relationship diagram) serta struktur dan bahasan data.

c. Penulisan Kode program

proses penterjemahan desain ke dalam bentuk bahasa mesin yang dapat

dilakukan secara mekanis. Dilakukan oleh programmer yang akan

meterjemahkan transaksi yang diminta oleh user. Tahapan ini lah yang

merupakan tahapan secara nyata dalam mengerjakan suatu sistem. Dalam

artian penggunaan komputer akan dimaksimalkan dalam tahapan ini. Setelah

pengkodean selesai maka akan dilakukan testing terhadap sistem yang telah

dibuat tadi.

22

d. Pengujian program

proses ini dikerjakan setelah kode dirancang dan difokuskan pada fungsi

dan jumlah kesalahan untuk diperbaiki. Sistem akan diuji ke-efektifan nya

sehingga di dapatkan kelebihan serta kekuranganprogramyang kemudian

dilakukan pengkajian ulang dan perbaikan terhadap aplikasi agar lebih

sempurna.

e. Penerapan dan Pemelihraan program

meliputi penyesuaian atau perubahan yang berkembang seiring dengan

adaptasi perangkat lunak dengan kondisi atau situasi sebenarnya setelah

disampaikan kepada konsumen atau pelanggan. Perangkat lunak yang sudah

disampaikan kepada pelanggan pasti akan mengalami perubahan. Perubahan

tersebut bisa karena mengalami kesalahan karena perangkat lunak harus

menyesuaikan dengan lingkungan (periperal atau sistem operasi baru) baru,

atau karena pelanggan membutuhkan perkembangan fungsional.

2.2. Teori Pendukung

Peralatan pendukung mempunyai pengertian sebagai media yang dibutuhkan

oleh setiap programmer untuk membantu mempermudah dalam pembuatan dan

pembacaan logika dan algoritma program, serta membantu setiap programmer

untuk mengetahui alur program yang di buat mulai dari masukan, prose dan

keluaran yang dihasilkan. Fungsi dari peralatan pendukung (Tool System) adalah

untuk menjelaskan pada user bagaimana fungsi dari sistem informasi dapat

bekerja dengan suatu bentuk logical dan model physical. Peralatan yang

mendukung program meliputi :

23

A. Struktur navigasi

Menurut Sutopo (2007:6) dalam pengembangan web, terdapat beberapa model

navigasi dasar, yang harus dikenal baik oleh desainer, karena setiap model

navigasi dapat memberikan solusi untuk kebutuhan yang berbeda.

Struktur navigasi adalah struktur atau alur dari suatu program yang merupakan

rancangan hubungan (rantai kerja) dari beberapa area yang berbeda dan dapat

membantu mengorganisasikan seluruh elemen pembuatan Website. Menentukan

struktur navigasi merupakan hal yang sebaiknya dilakukan sebelum membuat

suatu Website. Ada empat macam bentuk dasar dari struktur navigasi yang bisa

digunakan dalam proses pembuatan Website, yaitu :

1. Struktur navigasi linier

Stuktur navigasi linier hanya mempunyai satu rangkaian cerita yang berurut

yang menampilkan satu demi satu tampilan layar secara berurut menurut

urutanya. 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.

Sumber : Sutopo (2007:6)

Gambar II.2.

Struktur Navigasi linier

24

2. Struktur navigasi non-linier

Struktur navigasi non-linier atau struktur tidak berurut merupakan

pengembangan dari struktur navigasi linier. Pada struktur ini di perkenankan

membuat navigasi bercabang. Percabangan yang di buat pada struktur navigasi

nonlinier ini berbeda dengan percabangan pada struktur hirarki, karena pada

percabangan nonlinier ini walupun terdapat percabangan, tetapi tiap-tiap

tampilan mempunyai kedudukan yang sama yaitu tidak ada IMaster Page dan

Slave Page.

Sumber : Sutopo (2007:6)

Gambar II.3.

Struktur navigasi non-linier

3. Struktur Navigasi Hirarki

Struktur navigasi hirarki bisa disebut struktur navigsi bercabang, merupakan

suatu struktur yang mengandalkan percabangan untuk menampilkan data

berdasarkan kriteria tertentu. Tampilan pada menu utama akan di sebut Master

page (halaman utama pertama), halaman utama ini mempunyai halaman

percabangan yang disebut slave page (halaman pendukung). Jika salah satu

halaman pendukung dipilih atau di aktifkan, maka tampilan tersebut akan

bernama Master page (halaman utama ke dua), dan seterusnya. Pada struktur

navigsi ini tidak di perkenankan adanya tampilan secara linier.

25

Sumber : sutopo (2007:6)

Gambar II.4.

Struktur Navigasi Hirarki

4. Struktur Navigasi Campuran

Struktur navigasi campuran adalah gabungan dari ketiga struktur

sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga bisa

disebut struktur navigasi bebas. Struktur navigasi ini banyak digunakan dalam

pembuatan Website karena struktur ini dapat memberikan ke intreraksian yang

lebih tinggi.

Sumber : Sutopo (2007:6)

Gambar II.5.

Struktur Navigasi Campuran

26

B. Enterprise Relationship Diagram

1. Entity Relationship Diagram (ERD)

Menurut Sukamto dan M Shalahuddin (2013a:50) “ERD adalah bentuk paling

awal dalam perancangan basis data relasional, sehingga jika menggunakan

OODBMS maka perancangan ERD tidak perlu dilakukan, dalam pembuatan ERD

terdapat beberapa komponen yang akan di bentuk diantaranya :

a. Entitas yang merupakan data inti yang akan di simpan, penamaan entitas

biasanya lebih ke kata benda dan belum merupakan tabel.

b. Atribut adalah kolom data yang butuh di simpan dalam suatu entitas.

c. Atribut kunci primer adalah kolom data yang butuh di simpan dalam suatu

entitas dan digunakan sebagai kunci akses record yang diinginkan.

d. Atribut multi nilai adalah kolom data yang butuh di simpan dalam suatu entitas

yang dapat memiliki nilai lebih dari satu.

e. Relasi adalah hubungan antara entitas, biasanya diawali dengan kata kerja.

f. Asosiasi adalah penghubung antar relasi dan entitas dimana dikedua ujungnya

memiliki multiplicity kemungkinan jumlah pemakaian, kemungkinan jumlah

maksimum keterhubungan antar entitas yang lain disebut dengan kordinalitas.

27

Adapun beberapa derajat Relationship diantaranya :

1) Binary adalah satu relasi menghubungkan dua buah entitas.

Sumber : Sukanto dan M Shalahuddin (2013a:52)

Gambar II.6.

Binary

2) Ternary adalah satu relasi menghubungkan tiga buah relasi entitas.

Sumber : Sukanto dan M Shalahuddin (2013a:52)

Gambar II.7.

Ternary

3) N-ary adalah satu relasi menghubungkan banyak entitas.

Sumber : Sukanto dan M Shalahuddin (2013a:52)

Gambar II.8.

N-ary

E1 R1 E2

E1 R1 E2

E3

E3 E2

E4

E1

R1

28

2. LRS (Logical Record Structure)

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”.

LRS (Logical Record Structure) merupakan representasi dari struktur record-

record pada tabel-tabel yang terbentuk dari hasil relasi antar himpunan entitas

pada diagram E-R. Transformasi diagram E-R ke LRS merupakan suatu kegiatan

untuk membentuk data-data dari diagram hubungan entitas untuk menentukan

entitas pada diagram LRS. Penggambaran LRS mulai dengan menggunakan

model yang dimengerti. Dua metode yang dapat digunakan, dimulai dengan

hubungan yang kedua model yang dapat di konvrensikan ke LRS. Metode yang

lain dimulai dengan E-R diagram dan langsung dikonvrensikan ke LRS.

Setelah ERD ditransformasikan ke bentuk LRS, maka hasil akhir dari proses

transformasi tersebut adalah sebuah diagram yang sudah menggambarkan basis

data yang akan digunakan. Logical Record Structure terdiri dari link-link diantara

tipe record link ini menunjukan arah dari suatu tipe record lainya.

Aturan-aturan dalam melakukan transformasi E-R ke LRS :

a. Setiap entitas akan diubah kebentuk sebuah kotak dengan nama, entitas

berada diluar kotak, dan atribut berada didalam kotak.

b. Sebuah relasi kadang disatukan dalam sebuah kotak bernama entitas, kadang

dipisah di dalam kotak tersendiri.

Konversi Logical Record Structure ke relasi (tabel) Relasi atau tabel adalah

bentuk pernyataan data secara gerafis 2 (dua) dimensi, yang terdiri dari kolom dan

29

baris. Relasi adalah bentuk visual dari sebuah file, dan tiap tuple dalam sebuah

filed, atau yang dalam bentuk lingkaran diagram E-R yang dikenal dengan

sebutan atribut.

Konversi dari logical record structure dilakukan dengan cara :

a. Nama logical record structure menjadi nama relasi.

b. Tiap atribut menjadi sebuah kolom didalam sebuah relasi.

C. Pengujian Perangkat Lunak

Menurut Sukamto dan M Shalahhudin (2013b:272) “Pengujian perangkat lunak

adalah sebuah elemen sebuah topik yang memiliki cakupan luas dan sering

dikaitkan dengan verifikasi (verification) dan validasi (validation) (V&V)”.

1. Verifikasi mengacu pada sekumpulan aktifitas yang menjamin bahwa perangkat

lunak mengimplementasikan dengan benar sebuah fungsi yang spesifik.

2. Validasi mengacu pada sekumpulan aktifitas yang berbeda yang menjamin

bahwa perangkat lunak yang dibangun dapat di telusuri sesuai kebutuhan

costumer.

Pengujuan untuk validasi memiliki beberapa pendekatan sebagai berikut :

a. Black-Box Testing (pengujian kotak hitam)

menurut Sukamto dan M Shalahuddin (2013b:276) “Yaitu penguji

perangkat lunak dari segi spesifikasi fungsional tanpa menguji desain dan kode

program, pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi

masukan dan keluaran dari perangkat lunak yang sesuai dengan spesifikasi

yang dibutuhkan”. Pengujian kotak hitam dilakukan dengan membuat kasus uji

yang bersifat mencoba semua fungsi dengan memakai perangkat lunak apakah

sesuai dengan spesifikasi yang dibutuhkan. Kasus uji yang dibuat untuk

30

melakukan pengujian kotak hitam harus dibuat dengan kasus benar dan kasus

salah, misalkan untuk kasus proses login maka kasus yang dibuat adalah :

1) Jika user memasukan nama pemakai (username) data kata sandi

(password) yang benar.

2) jika user memasukan nama pemakai (username) data kata sandi

(password) yang salah, misalkan nama pemakai benar tapi kata sandi

salah, atau sebaliknya, atau keduanya salah.

D. E-recritment

Menurut Michael dan Harris (2007:52) E-recruitmen adalah “Penarikan

pegawai menggunakan internet atau dunia maya dalam proses perekrutanya untuk

mencari orang yang mampu bertanggung jawab dalam pekerjaanya”.

Dengan kemudahan internet saat ini banyak sekali hal yang dapat

dilakukan dengan internet, salah satunya adalah untuk mencari pekerjaan impian.

Namun dalam setiap hal tentunya terdapat kelebihan dan kekurangannya,

demikian juga halnya dengan kemudahan teknologi, jangan sampai di salah

gunakan.

Menurut Michael dan Haris (2007:52), kelebihan dan kekurangan sistem

e-recruitment, yaitu :

1. Kelebihan Media Online Recruitment

a. Mudah dan praktis

Anda hanya perlu menjadi member disalah satu situs lowongan kerja atau e-

recruitment. Kemudian anda akan mendapatkan info lowongan kerja dan

melamar dari situs tersebut.

31

b. Proses Yang Cepat

Bandingkan ketika anda mengirimkan lamaran kerja melalui pos paling

tidak 3-7 hari baru diterima oleh perusahaan yang dituju. Sedangkan melalui

media online bisa dengan mudah melakukan lamaran hanya butuh waktu 5-

10 menit untuk lansung melakukan penguploadan CV dan lansung di terima

oleh HRD perusaan.

c. Hemat Biaya

Dengan melakukan melamar online memungkinkan sipelamar untuk

menghemat biaya.

2. Kekurangan Media Online Recruitment

a. Lowongan Fiktif

Banyaknya iklan lowongan kerja yang tidak mencantumkan perusahaan

yang jelas, atau yang tidak memiliki uji usaha resmi dengan tujuan untuk

mencari keuntungan dari pencari kerja dengan berbagai cara menarik

bayaran dan menawarkan lowongan pekerjaan yang sebenarnya tidak ada.

b. Kerahasiaan

adanya penyalahgunaan data CV yang digunakan oleh pihak tertentu untuk

menawarkan barang atau jasa.