BAB II LANDASAN TEORI

BAB II
LANDASAN TEORI
2.1
Informasi dan Internet
Informasi menurut Jogiyanto H, M, “Informasi adalah data yang diolah
menjadi bentuk yang lebih berguna dan bagi yang menerima.“ (Jogiyanto, H.M.,
Analisis dan Desain, Yogyakarta, Andi Offset, 1995, hal 8).
Internet berasal dari kata “Interconnection Networking” yang mempunyai
arti hubungan antara satu komputer dengan komputer lain dengan berbagai tipe,
membentuk suatu sistem jaringan yang mencakup seluruh dunia (jaringan
komputer global), melalui saluran telekomunikasi seperti telepon, satelit, dan
lainnya.
2.2
Sekilas Tentang Internet
Adalah hal yang sulit untuk mendefinisikan kata “Internet”, karena setiap
orang mempunyai pengertian tersendiri. Bagi beberapa orang, Internet adalah
layanan on-line yang menawarkan unsur nilai pendidikan dan hiburan. Sedangkan
bagi yang lainnya, menganggap bahwa Internet adalah jaringan jarak jauh (Wide
Area Network) yang menyediakan fungsi ekonomis bagi perusahaan.
Secara segi teknis, Internet merupakan dua buah komputer atau lebih yang
saling berhubungan, membentuk jaringan komputer hingga meliputi jutaan
komputer di dunia (internasional), yang saling berinteraksi dan bertukar informasi.
Sedangkan dari segi ilmu pengetahuan, Internet merupakan sebuah
perpustakaan besar, yang di dalamnya terdapat jutaan (bahkan milyaran)
informasi atau data, yang dapat berupa suatu teks, gambar, suara maupun animasi
dan lain sebagainya dalam bentuk media elektronik.
Dari segi komunikasi, Internet merupakan sarana yang sangat efektif dan
efisien untuk melakukan pertukaran informasi jarak jauh maupun di dalam
lingkungan perkantoran.
4
5
Tujuan dari pembangunan Internet adalah untuk saling bertukar informasi.
Misalnya, kita bisa masuk ke komputer lain dan melihat–lihat informasi yang ada,
contohnya, hasil penelitian suatu Universitas. Melalui Internet, berbagai informasi
sangat mudah untuk diakses. Namun, untuk mengaksesnya diperlukan
pengetahuan dasar tentang Internet.
Kegunaan Internet diantaranya untuk mendukung bisnis global, akademik
dan komunitas yang mewakili pribadi. Kegunaan Internet terbagi menjadi 4 fungsi
yaitu:
1. Fungsi Komunikasi.
Internet sebagai fungsi komunikasi adalah pertukaran pesan yang terjadi
antar manusia dengan menggunakan fasilitas electronic mail (E-mail).
2. Fungsi Resource Sharing.
Internet sebagai fungsi resource sharing adalah pemakaian data, aplikasi
dan peralatan secara bersama-sama.
3. Fungsi Resource Discovery.
Internet sebagai fungsi resource discovery adalah penuntun untuk mencari
file tertentu, dokumen, host, atau orang diantara jutaan host.
4. Fungsi Komunitas.
Internet sebagai fungsi komunitas adalah berkumpul atau bersatunya
masyarakat pengguna Internet dan membentuk sebuah kelompok di dalam
forum, yang biasanya digunakan untuk berdiskusi atau mengobrol.
2.3
World Wide Web (WWW)
World Wide Web merupakan suatu kumpulan informasi pada beberapa
server komputer yang terhubung satu sama lain dalam jaringan Internet.
Informasi-informasi dalam Web mempunyai link-link yang menghubungkan
informasi tersebut ke informasi lain di dalam jaringan Internet. Link ini
mempunyai suatu tanda khusus, yang biasanya dinyatakan dengan teks berwarna
biru dan digarisbawahi, atau dalam bentuk icon maupun gambar yang dikelilingi
oleh suatu kotak.
6
Suatu tanda yang pasti dapat kita gunakan untuk menentukan apakah suatu
teks atau objek merupakan link atau bukan adalah dengan melihat perubahan pada
petunjuk mouse. Jika petunjuk mouse berubah bentuk menjadi gambar tangan
yang sedang menunjuk, berarti teks atau objek tersebut merupakan suatu link yang
menghubungkan kita ke informasi lainnya dalam World Wide Web.
Salah satu penyebab utama pesatnya pertumbuhan World Wide Web
adalah kemudahan dalam penggunaannya. Pada Web, kita cukup mengklik tombol
mouse pada suatu link untuk mendapatkan suatu informasi, dan link tersebut
secara otomatis akan membawa kita ke informasi yang kita inginkan. Sistem yang
menghubungkan informasi-informasi melalui link ini disebut dengan nama
hypertext. Dengan semakin berkembangnya World Wide Web, istilah hypertext
ini kemudian berubah menjadi hypermedia, di mana link-link penghubung antar
informasi bukan lagi hanya berupa teks, tetapi juga bisa berupa suatu file
multimedia, seperti gambar, suara atau video.
2.4
Cara Kerja World Wide Web (WWW)
Bekerja pada Web mencangkup dua hal penting, yaitu: software Web
browser dan software Web server. Web browser yang bertindak sebagai client
memungkinkan kita untuk menginterpretasikan dan melihat informasi pada Web,
sedang web server yang bertindak sebagai server memungkinkan kita untuk
menerima informasi yang diminta oleh browser. Jika suatu permintaan akan suatu
informasi datang, Web server mencari file yang diminta tersebut dan kemudian
mengirimkan ke browser yang memintanya.
Tentu saja cara kerja Web tidak sesederhana ini, ada banyak hal yang perlu
kita ketahui untuk mengenal cara kerja Web. Tetapi karena kebanyakan di
antaranya bersifat teknis, maka berikutu ini hanya akan dibahas beberapa di
antaranya secara singkat.
7
2.4.1
HyperText Transfer Protocol (HTTP)
HTTP adalah suatu 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 browser. Protokol ini
merupakan protokol standar yang digunakan untuk mengakses dokumen HTML.
Jika kita sedang menjelajahi Web dan melihat tulisan seperti
“http://www.stmik-jakarta.ac.id”, ini merupakan salah satu penggunaan protokol
HTTP dalam Web. Dan dapat dipastikan bahwa kita akan berhubungan banyak
dengan protokol ini jika sedang mengakses Web.
2.4.2
Uniform Resource Locator (URL)
Uniform Resource Locator adalah suatu sarana yang digunakan untuk
menentukan lokasi informasi pada suatu Web server. URL dapat diibaratkan
sebagai suatu alamat, dimana alamat tersebut terdiri dari:

Protokol yang digunakan oleh suatu browser untuk mengambil informasi

Nama dari komputer di mana informasi tersebut berada, dan

Jalur / path serta nama file dari suatu informasi.
Format umum dari suatu URL adalah sebagai berikut:
Protokol_transfer://nama_host/path/nama_file
Berikut ini adalah contoh dari URL:
http://www.stmik-jakarta.ac.id/perpustakaan/index.html
di mana:

http adalah protokol yang digunakan

stmik-jakarta.ac.id adalah nama dari server komputer di mana informasi
yang dicari berada

perpustakaan adalah jalur/ path dari informasi yang dicari

index.html adalah nama file di mana informasi tersebut berada
8
2.4.3
Home Page
Setiap perusahaan atau pribadi yang memiliki informasi di World Wide
Web memerlukan suatu alamat (URL) khusus yang disebut Web site. Setiap
informasi ini disimpan dalam suatu file yang berbeda-beda yang disebut Web
page. Di dalam Web page (atau biasa disingkat page) inilah tersimpan berbagai
informasi dan link yang menghubungkan suatu informasi ke informasi lainnya,
baik itu di dalam suatu Web page yang sama, ataupun dalam Web page lain pada
Web site yang berbeda.
Sebelum mengakses berbagai macam informasi pada suatu Web site, akan
ditemui suatu Web page pembuka yang disebut sebagai home page. Home page
ini merupakan halaman pertama dari suatu Web site yang biasanya berisi tentang
apa dan siapa dari perusahaan atau organisasi dari pemilik Web site tersebut.
Sebagai misal, suatu home page bisnis mungkin menampilkan nama dan logo dari
perusahaan tersebut serta menyediakan link ke page-page lain pada Web site
perusahaan tersebut dengan informasi tentang produk perusahaan, pelanggan,
layanan purna jual, dan lain sebaginya.
Jadi pada dasarnya home page adalah suatu sarana untuk memperkenalkan
secara singkat tentang apa yang menjadi isi dari keseluruhan Web site dari suatu
organisasi atau pribadi.
2.5
Browser
Untuk mengakses Web, diperlukan suatu program yang disebut Web
browser atau biasa disebut browser saja. Browser merupakan suatu program yang
dirancang untuk mengambil informasi-informasi dari suatu server komputer pada
jaringan Internet. Informasi-informasi ini biasanya dikemas dalam page-page, di
mana setiap page bisa memiliki beberapa link yang menghubungkan Web page
tersebut ke sumber informasi lainnya. Jika suatu link diklik, browser akan melihat
alamat dari tujuan link tersebut dan kemudian mencarinya di Web server. Jika
browser menemukan alamat dari tujuan link tersebut, browser akan menampilkan
informasi yang ada, dan jika tidak menemukannya browser akan memberikan
9
suatu pesan yang menyatakan bahwa alamat dari tujuan link tersebut tidak dapat
ditemukan.
Pertama kali muncul di World Wide Web, browser hanya mampu
menampilkan informasi dalam bentuk teks. Lynx merupakan salah satu contoh
browser teks yang digunakan pada sistem Unix dan VMS. Pada tahun 1993,
NCSA membuat browser Mosaic yang menpunyai kemampuan lebih baik
daripada browser-browser sebelumnya dan juga disertai dengan kemampuan
untuk menampilkan gambar. Sejak kemunculan NCSA Mosaic ini, World Wide
Web mulai berkembang dengan pesat.
Perkembangan ini menjadi jauh lebih cepat lagi setelah muncul browser
Netscape Navigator dari Netscape Communication. Netscape mempunyai
kecepatan yang jauh lebih bagus daripada Mosaic dalam menampilkan informasiinformasi, baik berupa teks maupun gambar. Belakangan ini, dunia browser
menjadi lebih semarak lagi setelah Microsoft, pembuat software terbesar di dunia,
ikut terjun ke kancah World Wide Web dengan mengeluarkan browser Microsoft
Internet Explorer.
2.6
HyperText Markup Language (HTML)
HTML (HyperText Markup Language) adalah suatu format data yang
digunakan untuk membuat dokumen hypertext yang dapat dibaca dari satu
platform komputer ke platform komputer lainnya tanpa perlu melakukan suatu
perubahan apapun. Dokumen HTML sebetulnya adalah suatu teks biasa, sehingga
di platform apapun dokumen tersebut dapat dibaca.
Dokumen HTML disebut sebagai markup language karena mengandung
tanda-tanda tertentu yang digunakan untuk menentukan tampilan suatu teks dan
tingkat kepentingan dari teks tersebut dalam suatu dokumen. Misalnya, Anda
dapat menentukan baris-baris mana yang merupakan judul atau subjudul. Anda
dapat menentukan di mana suatu gambar harus muncul dan jenis pemformatan apa
yang berlaku pada suatu kumpulan teks tertentu. Anda bahkan juga dapat
membuat tabel, form ataupun dokumen dengan bingkai-bingkai di dalamnya
dengan menggunakan tanda-tanda HTML tersebut.
10
Dengan sistem hypertext pada dokumen HTML, Anda tidak harus
membaca suatu dokumen secara berurutan dari atas ke bawah. Anda dapat menuju
ke topik tertentu secara langsung dalam dokumen dengan menggunakan teks
penghubung yang akan membawa Anda ke suatu topik atau dokumen lain secara
langsung.
2.6.1
Struktur Dokumen HTML
Dokumen HTML mempunyai tiga buah tag utama yang membentuk
struktur dari dokumen tersebut. Ketiga buah tag tersebut adalah tag HTML, HEAD,
dan BODY.
Tag HTML berfungsi untuk menyatakan suatu dokumen HTML, tag HEAD
berfungsi untuk menyimpan informasi tentang dokumen HTML, dan tag BODY
berfungsi untuk menyimpan informasi atau data yang akan ditampilkan dalam
dokumen HTML Struktur dokumen HTML terlihat seperti berikut ini:
<HTML>
<HEAD>
*** Bagian HEAD ***
</HEAD>
<BODY>
*** Bagian BODY ***
</BODY>
</HTML>
Untuk menjaga kompabilitas dengan program browser lain, dan untuk
mengikuti aturan standar HTML yang telah dibuat oleh W3 Consortium, dan juga
supaya struktur dokumen kita terlihat dengan jelas, sebaiknya kita menggunakan
elemen-elemen tersebut.
11
2.7
Mengenal Macromedia Dreamweaver 8
Macromedia Dreamweaver merupakan software yang dikenal sebagai
software Web authoring tool, yaitu software untuk desain dan layout halaman
Web. Macromedia Dreamweaver mulai menunjukkan daya tariknya sejak versi 4,
lalu versi MX, MX 2004 dan saat ini memiliki versi terbaru yang disebut
Macromedia Dreamweaver 8.
Versi terbaru Dreamweaver ini memiliki kemampuan bukan hanya sebagai
software untuk desain Web saja tetapi juga untuk editing kode serta pembuatan
aplikasi Web dengan menggunakan berbagai bahasa pemrograman Web, antara
lain ASP, JSP, PHP dan ColdFusion.
Saat ini Dreamweaver merupakan software utama yang digunakan oleh
Web desainer maupun Web programmer dalam membangun suatu situs Web. Hal
ini disebabkan ruang kerja, fasilitas, dan kemampuan Dreamweaver yang mampu
meningkatkan produktifitas dan efektivitas dalam desain maupun membangun
suatu situs Web. Selain fasilitas untuk desain layout halaman Web maupun
aplikasi database, Dreamweaver juga dilengkapi dengan fasilitas untuk
manajemen situs yang cukup lengkap.
2.8
Ruang Kerja Macromedia Dreamweaver 8
Macromedia Dreamweaver 8 memiliki layout ruang kerja yang tidak jauh
berbeda dengan versi sebelumnya. Macromedia Dreamweaver 8 juga memberikan
fleksibelitas bagi penggunanya dalam menentukan ruang kerja yang diinginkan.
Ruang kerja pada Macromedia Dreamweaver 8 memiliki komponen-komponen
yang memberikan fasilitas dan area di mana kita dapat bekerja.
Pada Gambar 2.1 kita dapat melihat komponen-komponen ruang kerja
seperti insert bar, document toolbar, document window, panel groups, dan
property inspector.
12
Insert bar
Document toolbar
Property inspector
Panel groups
Document window
Gambar 2.1 Tampilan ruang kerja Dreamweaver 8
2.8.1
Insert Bar
Komponen ini mengandung tombol-tombol untuk menyisipkan berbagai
macam objek seperti image, tabel dan layer ke dalam dokumen. Setiap objek
adalah kutipan kode HTML yang memberikan fasilitas bagi kita untuk mengatur
atributnya sebagaimana kita menyisipkannya.
Insert bar memiliki kategori-kategori elemen yang dapat disisipkan. Untuk
memilih kategori yang diinginkan kita dapat mengklik tombol drop down yang
berada di bagian kiri Insert bar.
13
Gambar 2.2 Insert bar
2.8.2
Document Toolbar
Komponen ini mengandung tombol-tombol dan menu pop-up yang
menyediakan tampilan berbeda dari Document window (seperti Design view dan
Code view), pilihan menampilkan ruler, grid, dan beberapa operasi umum, seperti
preview di browser.
Gambar 2.3 Document toolbar
2.8.3
Document Window
Komponen ini merupakan komponen di mana dokumen kita dibuat dan
ditampilkan. Kita menyisipkan teks, image dan objek lain di bagian ini. Document
window dalam Dreamweaver 8 dapat menampilkan layout Web seperti yang akan
kita lihat pada browser, tetapi ada batasan-batasan tertentu di mana terdapat
perbedaan antara tampilan di Dreamweaver 8 dengan tampilan di browser.
14
Gambar 2.4 Document window
2.8.4
Panel Group
Panel groups adalah kumpulan panel berkaitan yang dikelompokkan
bersama di bawah satu judul. Untuk mengekspansi panel group, klik pada panah
expander di sebelah kiri nama group. Untuk membuat panel menjadi mengapung
(tidak menempel pada pojok window), lakukan drag pada paling pojok kiri dari
judul group.
Terdapat beberapa jenis panel group, antara lain Design, Code,
Application, Files dan Answer. Dalam suatu jenis group terdapat beberapa macam
panel, misalnya group Design memiliki panel HTML Styles, CSS Styles dan
Behaviour. Masing-masing panel ini dapat kita buat mengapung dan terpisah
dengan group dengan cara men-drag tab dari panel tersebut sehingga terlepas dari
panel group.
15
Gambar 2.5 Design panel groups
2.8.5
Property Inspector
Property inspector memberikan fasilitas untuk melihat dan mengubah
berbagai properti objek yang dipilih atau teks. Setiap macam objek memiliki
properti yang berbeda.
Gambar 2.6 Property inspector
2.9
Struktur Navigasi
Struktur navigasi adalah struktur atau alur dari suatu program yang
merupakan rancangan hubungan dan rantai kerja dari beberapa area yang berbeda
dan dapat membantu mengorganisasikan seluruh elemen pembuatan website.
16
Menentukan struktur navigasi merupakan hal yang sebaiknya dilakukan
sebelum membuat suatu website. Ada empat macam bentuk dasar dari struktur
navigasi yang biasa digunakan dalam proses pembuatan website, yaitu:
2.9.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.
Gambar 2.7 Struktur navigasi linier
2.9.2
Struktur Navigasi Non Linier
Struktur navigasi non-linier atau struktur tidak berurut 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-linier ini
walaupun terdapat percabangan, tetapi tiap-tiap tampilannya mempunyai
kedudukan yang sama yaitu tidak ada Master Page dan Slave Page.
17
Gambar 2.8 Struktur navigasi non linier
2.9.3
Struktur Navigasi Hirarki
Struktur navigasi hirarki biasa disebut struktur bercabang, merupakan
suatu struktur yang mengandalkan
percabangan untuk menampilkan data
berdasarkan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai
Master Page (halaman utama pertama), halaman utama ini mempunyai halaman
percabangan yang disebut Slave Page (halaman pendukung).
Jika salah satu halaman pendukung dipilih atau diaktifkan, maka tampilan
tersebut akan bernama Master Page (halaman utama kedua), dan seterusnya. Pada
struktur navigasi ini tidak diperkenankan adanya tampilan secara linier.
Gambar 2.9 Struktur navigasi hirarki
18
2.9.4
Struktur Navigasi Campuran
Struktur navigasi campuran merupakan gabungan dari ketiga struktur
sebelumnya yaitu linier, non-linier dan hirarki. Struktur navigasi ini juga biasa
disebut dengan struktur navigasi bebas.
Struktur navigasi ini banyak digunakan dalam pembuatan multimedia
karena struktur ini dapat digunakan dalam pembuatan multimedia sehingga dapat
memberikan ke-interaksian yang lebih tinggi.
Gambar 2.10 Struktur navigasi campuran
Setiap struktur navigasi seperti yang baru dibahas mempunyai fungsi dan
tujuan tersendiri, tidak ada yang lebih baik atau lebih buruk. Penggunaan struktur
navigasi bergantung kepada kebutuhan dan tujuan dari aplikasi Web yang hendak
dibuat. Semakin kompleks struktur navigasi yang digunakan, maka semakin sulit
pula pembuatan aplikasi Web struktur navigasi tersebut.