BAB II LANDASAN TEORI

Transkripsi

1 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

2 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 ( ). 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.

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

4 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 ini merupakan salah satu penggunaan protokol HTTP dalam Web. Dan dapat dipastikan bahwa kita akan berhubungan banyak dengan protokol ini jika sedang mengakses Web 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: 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

5 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

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

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

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

9 12 Insert bar Document toolbar Panel groups Property inspector Document window Gambar 2.1 Tampilan ruang kerja Dreamweaver 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.

10 13 Gambar 2.2 Insert bar 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 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.

11 14 Gambar 2.4 Document window 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.

12 15 Gambar 2.5 Design panel groups 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.

13 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: 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 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.

14 17 Gambar 2.8 Struktur navigasi non linier 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

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