Mengenal URL, Website, dan Homepage

Dalam menjelajahi internet, Anda mungkin sering mendengar istilah URL, website, homepage, dan sejumlah istilah lain. Bagi orang awam, istilah-istilah ini bisa membingungkan, karena sulit menentukan apa bedanya. Misalnya, ada orang yang menganggap bahwa tidak ada perbedaan antara website dan homepage. Keduanya hanyalah masalah penamaan atau istilah saja.

Padahal, kedua istilah ini memiliki pengertian yang berbeda. Untuk mempermudah pembahasan, mari kita bahas dahulu struktur dari sebuah website. Bagi Anda yang masih awam, mungkin agak sulit mencerna penjelasan yang terlalu teknis. Karena itu, kita bisa mengibaratkan website sebagai "rumah kita di dunia maya, alias internet".

Sebuah rumah tentu memiliki berbagai komponen, mulai dari ruang tamu, kamar tidur, kamar mandi, dapur, gudang, dan sebagainya. Website pun demikian. Ketika kita menyebut website www.cbn.net.id, maka yang kita maksud adalah sebuah situs Internet yang di dalamnya terdapat banyak fitur, mulai dari "Home", "About CBN", hingga "Contact Us", serta kanal-kanal seperti "CyberNews", "CyberMap", hingga "CyberWoman". Hampir setiap fitur dan kanal memiliki sejumlah subfitur atau subkanal lagi. Kanal CyberTech misalnya, memiliki subkanal TechNews, Review, Site Review, Tips & Tricks, dan Feature. Jika digambarkan dalam sebuah bagan, maka Anda akan melihat banwa struktur website akan terlihat sebagai struktur sebuah organisasi atau perusahaan yang memiliki induk, sub induk, dan sejumlah cabang/departemen/divisi.

Secara definitif, website merupakan sebuah site atau lokasi di Internet yang dikelola dan/atau dimiliki oleh orang, lembaga, dan atau perusahaan tertentu, yang terdiri dari sebuah halaman awal dan dokumen-dokumen atau file-file lain yang terkait dengan site tersebut.

Dalam definisi di atas terdapat kata "halaman awal". Nah, halaman awal inilah yang disebut sebagai homepage. Jadi, homepage sama sekali berbeda dengan website. Ibarat buku, website merupakan sebuah buku secara keseluruhan, sedangkan homepage merupakan cover atau sampul depan dari buku tersebut.

Homepage merupakan halaman pertama yang kita lihat ketika mengakses sebuah website. Halaman pertama yang kita lihat ketika mengakses www.yahoo.com misalnya, merupakan homepage dari Yahoo.

Dalam mengenal struktur sebuah website, kita pun harus mengetahui istilah lain yang tak kalah penting, yaitu web page, atau halaman web. Jika tadi kita mengibaratkan website sebagai sebuah buku, maka sebuah web page merupakan salah satu halaman dari website tersebut. Karena homepage merupakan sebuah halaman (yakni halaman depan) yang terdapat dalam website, maka homepage pun dapat disebut sebagai sebuah web page. Namun, tidak semua web page merupakan homepage.
Tentang URL
Pada judul tulisan ini terdapat istilah URL. Anda mungkin sering mendengar istilah ini. Misalnya, ketika teman Anda berkata, "Coba tunjukkan URL dari artikel yang kamu ceritakan tadi." Hmm, apa sebenarnya URL itu?

Sebenarnya, data yang kita akses dari sebuah website merupakan file-file yang terdiri dari berbagai format. Ada file HTML, JPEG, GIF, ASP, PHP3, dan sebagainya. File-file ini berada pada lokasi-lokasi tertentu, dan lokasi inilah yang disebut sebagai URL.

Menurut Gregorius Agung dalam bukunya Membuat Homepage Interaktif dengan CGI/Perl (Elexmedia Komputindo, Jakarta, 1999), URL (Uniform Resource Locator) merupakan sarana untuk menentukan alamat yang akan kita pakai untuk mengakses Internet khususnya website. Kalau mau ber-analogi, bolehlah URL ini kita ibaratkan sebagai alamat lengkap dari rumah kita, yang biasa kita tulis ketika mengirim surat via pos. Jika Anda mengirim surat kepada seseorang yang alamatnya salah, maka surat tersebut biasanya kembali lagi pada Anda. Dan di Internet, jika Anda mengetikkan alamat URL yang salah di isian "Address" pada browser Anda, maka akan muncul pesan error "page not found".

Masih menurut Gregorius Agung di buku yang sama, URL yang lengkap memiliki "rumus" sebagai berikut:

protokol://nama-host/path/namafile?query#fragment

"Rumus" di atas mungkin terlalu rumit. Karena tulisan ini diperuntukkan bagi Anda yang masih pemula di Internet, maka "rumus" URL bisa disedernakan lagi sebagai berikut:

protokol://nama-host/path/namafile

Unsur ?query#fragment sengaja penulis buang, karena unsur tersebut tidak selalu ada dalam sebuah URL. Bahkan jika suatu file terletak di direktori dasar, maka unsur path pun tidak akan muncul, sehingga rumus di atas bisa disedernakan lagi menjadi:

protokol://nama-host/namafile
B.Memprogram Database Web Interaktif

1.Pembuatan Database

Melakukan pembuatan database data siswa menggunakan Microsoft Access yang merupakan bagian dari Microsoft Office. Langkah-langkah dalam pembuatan database tersebut yaitu:
1. Aktifkan Microsoft Access
2. Buat satu table dengan nama datasiswa dengan strutur table data siswa.


2.Pembuatan Data Source Name (DSN)

DSN ini akan mempermudah pengaksesan data dari program ke database. Langkah-langkah Sbb:
1. Tekan tombol start, control panel, Performance and maintenance, administrative tools. Data sources (ODBC)
2. Saat ditampilkan data source administrator. Pilih tab system DSN.
3. Klik tombol Add lalu pilh Microsoft Access Driver (*.mdb) kenudian tekan tombol Finish.
4. Isi kotak data source . lalu tekan tombol select untuk memasukkan database selanjutnya tekan tombol OK.


3.Pemograman

Pemograman dilakukan setelah kita menyelesaikan pembuatan DSN. Untuk pemograman ini akan ditampilkan halaman HTML dan halaman modifikasi menjadi ASP. Dari kedu halaman tersebut maka dapat membadingkan perubahan yang diperlukan untuk membuat halan homepage yang interaktif.


4.Pengujian

Langkah terakhir adalah pengetesan hasil pemograman. Testing ini akan memberitahukan kepada kita apabila terdapat kesalahan dalam coding yan dilakukan. Kesalahan tersebut akan langsung ditampilkan dalam browser yang diakses. Akan tetapi, jika tidak terdapat kesalahan maka dapat mengetahui bahwa data tersebut sudah tersimpan dalam database bukan dalam halaman.miliki di lokasi-lok BAB 5

Membuat Homepage Sederhana

A. Menentukan Perangkat Lunak Untuk Membuat Homepage.

Beberapa hal yang harus diperhatikan, yaitu sebagai berikut :

l. Tujuan dibuatnya homepage, sebenarnya yang menjadi tujuan utama dari pembuatan homepage harus jelas.
2. Siapa (anak-anak/remaja/orang dewasa) yang menjadi target untuk melihat homepage yang kita buat. Misalnya, yang menjadi target utama untuk melihat dan mengakses adalah teman-teman di SMUKU dari kelas 1 sampai 3.
3. Klasifikasikan informasi yang akan ditampilkan dalam homepage. Misalnya, informasi pelajaran, data siswa, link bermanfaat, dan informasi lainnya.
4. Hasil klasiflkasi tersebut akan mewakili satu halaman homepage, sedangkan hasil klasifikasi yang lain akan ditampilkan sebagai hyperlink yang akan ditampilkan pada saat pengguna mengakses link tersebut.
5. Buat sebuah skenario dari setiap hasil klasifikasi tersebut agar informasi yang akan ditampilkan benar-benar jelas atau tidak "mengambang".

Terdapat tiga kriteria tools atau alat bantu yang dapat digunakan untuk membantu pengembangan homepage, yaitu editor HTML, graphics, dan multimedia animasi dan suara.

1. Editor HTML.

Editor HTML digunakan untuk mendesain homepage dan komponen-komponennya. Selain itu, editor HTML juga digunakan untuk menggabungkan gambar, suara, dan animasi yang telah dibuat dalam suatu halaman homepage. Editor HTML yang bersifat graphical user interface, akan mengurangi waktu kita dalam proses penulisan sintaks. Demikian juga untuk pengembangan homepage, kita akan menggunakan salah satu produk Microsoft sebagai editor HTML, yaitu Microsoft FrontPage XP.

2. Editor Graphics.

Editor grafis digunakan untuk mengedit gambar yang akan ditampilkan pada homepage. Kita dapat memodifikasi warna, memotong gambar, memperbesar atau memperkecil gambar, menggabungkan beberapa gambar, memberi efek pada gambar, dan siap untuk ditampilkan pada homepage. Terdapat beberapa editor grafik yang sering digunakan dan populer yaitu CorelDRAW dan Adobe Photoshop. Untuk pembuatan logo gambar dari homepage yang akan dikembangkan, kita dapat menggunakan Adobe Photoshop 7.0.

3. Editor Multimedia Animasi dan Suara.

Editor multimedia digunakan untuk membuat animasi gambar dan suara. Terdapat suatu editor animasi yang paling populer, yaitu Macromedia Flash. Macromedia Flash tidak hanya digunakan untuk membuat animasi gambar dan suara, tetapi juga untuk membuat suatu homepage multimedia. Dengan menggunakan editor Macromedia Flash, animasi yang rumit dapat dikerjakan dan hasilnya sangat baik.

B. Membuat Layout Homepage yang Diinginkan.

Layout atau frame merupakan bentuk format navigasi dari homepage yang akan ditampilkan. Penggunaan layout untuk navigasi ini tergantung pada jenis navigasi dan informasi yang akan ditampilkan dalam homepage. Untuk melihat dan memilih jenis layout yang tersedia dalam Microsoft FrontPage XP, dapat kita lakukan pada saat akan membuat halaman atau website baru. Langkah untuk melakukannya, yaitu sebagai berikut :

1. Pilih tombol start - All Programs - Microsoft Front Page. Lalu, akan ditampilkan dokumen baru pada Microsoft FrontPage.
2. Pilih menu File - New - Page or Web.
3. Pilih Page Templates pada bagian New from template dari taskpane New Page or Web.
4. Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frames Pages, dan Style Sheets.
5. Pilih jenis frame yang kamu inginkan kemudian tekan tombol OK.

Posted in: