Rangkuman bab 10

A. Memasukkan Formula dalam Microsoft Excel

Microsoft Excel sebagai program pengolah angka menyediakan fasilitas penghitungan dengan menggunakan rumus. Formula atau rumus yang dimasukkan dapat berupa fungsi(function), operator(operators),atau nilai konstan(constan). Untuk memasukkan rumus pada Microsoft Excel harus diawali dengan memasukkan tanda sama dengan (=) dilanjutkan cengan menuliskan rumus yang akan digunakan.

1. Memasukkan Angka Tetap
Microsoft Excel dapat digunakan untuk menghitung nilai angka tetap. Penghitungan dengan angka tetap sama seperti menghitug dengan kalkulator.

2. Menggunakan Referensi Sel
Microsoft Excel juga dapat digunakan untuk mengitung nilai-nilai yang terdapat dalam beberapa sel. Hal ini memudahkan pekerjaan karena setiap perubahan yang terjadi pada sel juga akan berpengaruh secara otomatis terhadap hasil penghitungan.

B. Menggunakan Referensi Absolut dan Relatif

1. Referensi Absolut
Referensi Absolut pada suatu formula selalu menunjuk ke sel yang terletak pada lokasi yang tetap. Apabila posisi sel yang berisi formula atau rumus berbubah, posisi referensi sel tidak akan berubah. Apabila menyalin formula atau rumus yang terdapat pada sel yang berisi rumus ke sel lain, referensi sel yang terdapat pada sel tersebut akan tetap menunjuk ke sel yang tetap.

2. Referensi Relatif
Referensi Relatif pada suatu formula berbeda dengan referensi absolut. Apabila referensi sel disalin maka referensi sel relatif akan berubah sesuai dengan posisi relatif sel yang berisi formula.

3. Referensi Semi Absolut
Referensi semi absolut merupakan gabungan antara refernsi absolut dengan referensi relatif.

C. Menggunakan Fungsi dalam Microsoft Excel

Fungsi merupakan fasilitas yang disediakan Microsoft Excel untuk membantu melakukan perhitungan yang cukup rumit. Dengan menggunakan fungsi, maka tidak perlu melakukan sendiri perhitungan yang dilakukan fungsi tersebut, tetapi cukup menyediakan data yang dibutuhkan.

1. Secara Manual
Salah satu cara menggunakan fungsi yang terdapat pada Microsoft Excel adalah secara manual. Hal ini dilakukan dengan mengetikan fungsi yang akan digunakan pada sel.

2. Menggunakan Insert Function
selain dengan mengetikkan langsung fungsi pada sel, cara lain untuk menggunakan fungsi adalah dengan menekan ikon insert function yang terletak pada disebelah kiri formula bar.

D. Menyalin Formula

1. Menggunakan Drag and Drop
Untuk menyalin formula dengan Drag and Drop dapat dilakukan dengan menarik atau menggeser fill handle ke posisi sel yang diinginkan.

2. Menggunakan Menu Edit
Cara lain untuk menyalin formula adalah melalui menu edit. Cara tersebut hampir sama dengan cara sebelumnya, tetapi sel yang akan menampung hasil salinan harus diblok terlebih dahulu sebelum dilakukan penyalinan formula.

E. Membuat Grafik

Grafik merupakan sebuah tampilan visual yang berfungsi mempermudah pengguna untuk melihat perbandingan serta pola pada data tertentu. selan itu karena tampilannya yang dapat dibuat dengan berbagai macam model, grafik lebih mudah dibaca daripada menggunakan tabel-tabel.

F. Memodifikasi Grafik

Jika ingin melakukan perubahan tehadap grafik yang sudah dibuat, dapat dilakukan dengan menggunakan toolbar chart. Toolbar chart terdiri atas beberapa bagian yang berfungsi untuk melakukan beberapa modifikasi grafik.

G. Mengurutkan Data

Apabila data yang terdapat pada lembar kerja tidak berurutan, maka dapat diurutkan dengan fasilitas sort. Terdapat dua macam pengurutan data yang biasa dilakukan, yaitu pengurutan secara ascending dan descending. Pengurutan ascending merupakan pengurutan secara menaik dari A ke Z. descending merupakan pengurutan secra menurun dari Z ke A.

H. Menggunakan Filter Data

Penyaringan atau filter merupakan cara cepat dan mudah dalam bekerja dengan database. Data yang sudah disaring hanya menampilkan data yang sesuai dengan yang ditentukan. Microsoft Excel menyediakan dua fasilitas penyaringan, yaitu AutoFilter untuk melakukan pentaringan dengan kriteria sederhana dan AdvanceFilter untuk penyaringan dengan kriteria yamg kompleks. Dengan menyaring data menggunakan fasilitas AutoFilter, secara otomatis hanya data dengan nilai tertentu yang akan ditampilkan.

I. Menyisipkan Dokumen Microsoft Excel ke dalam Dokumen Microsoft Word

Microsoft Excel dapat digunakan dengan program aplikasi lain untuk keperluan tertentu. Misalnya, menukar informasi antara aplikasi Microsoft Excel dengan Microsoft Word. Selain itu,Microsoft Excel juga dapat membuat hubungan data antar program. Untuk menyisipkan dokumen Microsoft Excel ke dokumen Microsoft Word, dapat dilakukan dengan menggunakan menu insert. selain itu dapat juga dengan menggunakan fasilitas Copy dan Paste.

Rangkuman bab 8

A. Membuat Lembar Kerja

1. Membuat Lembar Kerja Baru

Saat pertama kali membuka program Microsoft Excel, secara otomatis akan terbuka sebuah workbook baru yang masih kosong.

Apabila ingin membuat buku kerja (file) yang baru yang masih kosong, dapat dilakukan dengan:

1) Klik menu File

2) Pilih New (Ctrl + N)

3) Pilih ikon kertas


2. Memasukkan Data

Untuk memasukkan data ke dalam lembar kerja, dapat dilakukan dengan menggunakan mouse

Langkah-langkah Memasukkan Data

1. Aktifkan program Microsoft Excel
2. Letakkan pointer di A1, ketik No, tekan enter
3. Penekanan enter akan membuat No melompat ke dalam worksheet (dalam contoh ini ke A1), dan pointer langsung lompat ke baris berikutnya, dalam contoh ini ke A2. Langsung ketik angka 1
4. Bawa pointer ke B1 dengan anak panah kanan, ketik Nama, tekan enter
5. Setelah di enter, pointer lompat ke B2, ketik Nia Kurniati enter
6. Bawa pointer ke C1 dengan anak panah kanan, ketik Umur enter
7. Pointer lompat ke C2, ketik 21 enter dan seterusnya.


3. Menghapus Data

Cara untuk menghapus data yaitu :

1. Pindahkan pointer ke sel yang isinya akan dihapus.
2. (Untuk memindah pointer selain menggunakan tombol di keyboard, kita dapat juga mengklik langsung sel yang bersangkutan dengan cara arahkan mouse pointer ke sel yang akan dihapus kemudian klik tombol kiri mouse).
3. Kemudian tekan tombol delete atau del
4. Maka isi sel akan terhapus.

4. Bekerja Dengan Sel

Pada saat bekerja dengan misrosoft excel bisanya kita juga menggunakan sel sekaligus
Tombol pada keyboard untuk bekerja dengan sel adalah sebagai berikut



5. Menyimpan Lembar Kerja

Agar data yang sudah dibuat di buku kerja dapat dibuka lagi dilain waktu harus dilakukan penyimpanan buku kerja.
Langkah penyimpanan buku kerja adalah sebagai berikut:
1) Klik menu File, pilih Save atau tekan Ctrl + S, bisa juga dengan klik gambar disket yang ada pada toolbars standard, hingga tampil kotak dialog Save As






B. Menggabungkan dua lembar kerja atau lebih

Pada saat membuka buku kerja baru pada Microsoft Excel, secara default setiap buku kerja baru akan berisi tiga lembar kerja dengan nama sheet1, sheet2, sheet3.
ketiga lembar kerja tersebut dapat digunakan untuk embuat suatu buku kerja yang akan disimpan dalam satu nama file.

Pada saat bekerja dengan Microsoft Excel, kemu dapat memilih beberapa lembar kerja sekaligus. Hal ini akan memudahkan pembuatan buku kerja yang membutuhkan bentuk laporan dengan format yang sama agar tidak perlu membuat laporan yang sama secara berulang.

fasilitas ini akan memudahkan pembuatan buku kerja


C. Memasukkan teks, tanggal, dan bilangan

Memasukkan Data teks
Data dengan jenis teks merupakan suatu data yang terdiri atas karakter atau gabungan antara karakter dengan angka. Selain menggunakan toolbar formatting, untuk mengatur format teks dapat dilakukan melalui menu Format adalah sebagai berikut.
Pilih atau blok sel yang akan diformat.
Pilih menu Format → Cells atau dengan menekan tombol CTRL+l pada keyboard.
Setelah kotak dialog Format Cells muncul, pilih tab Font.
Pilih dan tentukan format teks yang diinginkan.
Memasukkan Data Tanggal dan Waktu
Langkah-langkah untuk mengubah format tanggal.
Pilih sel dimana akan dilakukan perubahan format. Pilih atau blok sel tersebut apabila sel yang dibutuhkan lebih dari satu sel.
Pilih Menu Format→Cells atau dengan menekan tombol CTRL + 1 pada keyboard. Selanjutnya akan ditampilkan kotak dialog Format Cells.
Pilih Tab Number, pada kotak pilihan Category pilih Date.
Selanjutnya pada kota pilihan Type akan ditampilkan format tanggal yang tersedia, pilih format tanggal yang diinginkan kemudian klik tombol OK.

Beberapa Fungsi tanggal, yaitu :
=DATE(), Pengisian tanggal
=DAY(), Menampilkan tanggal
=MONTH(), Menampilkan bulan
=YEAR(), Menampilkan tahun
=DATEVALUE(), Mengubah teks menjadi tanggal
=WEEKDAY(), Menampilkan angka urutan hari dari input

Langkah-langkah untuk mengubah format waktu .
Pilih menu Format→Cells atau dengan menekan tombol CTRL + l.
Pada kotak dialog Format Cells, klik Tab Number. Selanjutnya pada kotak pilihan Category pilih Time. Pada kotak pilihan Type akan ditampilkan bentuk format tampilan waktu yang dapat dipilih. Pilih format waktu yang kamu inginkan.
Untuk memasukkan data jenis waktu dapat dilakukan dengan mengetikkan angka kemudian dibatasi dengan titik dua, 15:00 atau 07:00 PM

Beberapa Fungsi Waktu, yaitu :
=TIME(), Pengisian waktu
=HOUR(), Menampilkan jam
=MINUTE(), Menampilkan menit
=SECOND(), Menampilkan detik
=TIMEVALUE(), Mengubah teks menjadi waktu

Memasukkan Data Bilangan

Langkah-langkah untuk mengubah format data angka.
Pilih cels dimana akan dilakukan perubahan format. Pilih atau blok sel tersebut apabila sel yang dibutuhkan lebih dari satu sel.
Pilih Menu Format →Cells atau dengan menekan tombol CTRL +1 pada keyboard. Selanjutnya akan ditampilkan kotak dialog Format Cells.
Pilih Tab Number, pada kotak pilihan Category, pilih Number.
Selanjutnya pada kotak pilihan Decimal Places dapat ditentukan jumlah angka decimal dibelakang koma yang akan ditampilkan.
Pada kategori Number kita dapat menampilkan tanda pemisah ribuan dengan memilih kotak Use 1000 Separator(,).
Untuk mengubah tampilan angka negative dapat diubah melalui daftar pilihan Negative numbers dengan memilih format tampilan angka negative yang akan digunakan.
Untuk mengubah format symbol mata uang dapat dilakukan melalui pilihan Currency atau Accounting pada kotak pilihan Category. Hal ini dilakukan dengan symbol mata uang yang akan digunakan pada daftar pilihan Symbol. Selanjutnya untuk memasukkan data kamu hanya perlu mengetikkan angkanya saja tanpa mengetikkan symbol mata uangnya.

Beberapa Fungsi Angka, yaitu :
=INT(), Pembulatan angka
=ROUND(), Pembulatan angka berdasarkan nilai numeric tertentu.
=ROUNDUP(), Pembulatan angka berdasarkan nilai numeric tertentu.
=ROUNDDOWN(), Pembulatan angka ke bawah berdasarkan nilai numeric tertentu.

D. Memformat sel


pengaturan format dilakukan melalui menu Fomat Cells dan selanjutnya membuka tab Number pada kotak dialog Format Cells.

E. Menggabungkan Sel

Penggabungan dua atau lebih sel dapat dilakukan secara horisontal, vertikal, maupun gabungan keduanya. Penggabungan beberapa sel akan menghilangkan batas kolom dan baris dari sel tersebut dan sebagai gantinya sel-sel tersebut akan berupa suatu sel yang lebih panjang atau lebih lebar.

F. Memformat Baris dan Kolom

* Mengatur Tinggi Baris
* Mengatur lebar kolom
* Menyembunyikan baris atau kolom

G. Memindahkan dan Menyalin Data

1. Memindahkan Data, adalah menghapu data yang terdapat pada suatu tempat atau sel dan menepatkannya ditempat sel yang lain. Untuk menghapus dan memindahkan data, digunakan perintah Cut dan Paste.

2. Menyalin Data, Menyalin data pada dasrnya sama dengan memindahkan data, tetapi data yang terdapat pada posisi awal tidak akan dihapus. Untuk menyalin data digunakan perintah Copy dan Paste.

3. Menggunakan Paste Special, fasilitas Paste Special mempunyai beberapa pilihan yang dapat digunakan untuk menyalin sekaligus menjalankan perintah penjumlahan, pembagian, perkalian, dan perintah lainnya.
Selain itu perintah Paste Special juga mempunyai perintah untuk memilih apa yang akan disalin. Untuk menggunakan Paste Special, lakukan perintah pengkopian terlebih dahulu menggunakan fasilitas Copy atau Cut kemudian tekan tanda panah kecil yang terdapat disebelah kanan.

Rangkuman bab 7

A. Manfaat Program Lembar Kerja
Microsoft excel dapat digunakan untuk membantu dalam melakukan pengolahan angka-angka untuk membantu menyelesaikan pekerjaan-pekerjaan pada berbagai bidang, seperti administrasi, akuntansi, perbankan, statistic, bisnis dan bidang lainnya.
Sebagai program applikasi untuk mengolah angka, Microsoft Excel dilengkapi dengan kemampuan untuk mengitung dengan rumus, serta menggunakan grafik. Microsoft Excel mempunyai fasilitas yang ampir sama dengan program spreadsheet versi-versi sejenisnya. Hal yang baru dalam Microsoft Excel XP, adalah:
Pemberian warna pada tab sheet bertujuan agar pengguna dapat mengklasifikasi jenis data dengan warna berbeda
Adanya fasilitas mengirim sebuah range yang dapat dilakukan dengan memanfaatkan jaringan internet
Applikasi ini memiliki fitur kalkulasi dan pembuatan grafik yang menggunakan strategi marketing Microsoft yang agreesif, menjadikan Microsoft excel sebagai salah satu program computer yang popular digunakan di dalam computer micro hingga saat ini.


B. Mengaktifkan Program
Untuk mengaktifkan program Microsoft Excel, terdapat beberapa cara yang dapat digunakan, seperti menggunakan menu start pada taskbar, ikon pada desktop, ikon pike dengan ekstensi file .xls, dan dengan cara mengetik EXCEL pada kotak dialog Run.


C. Lembar Kerja
Menu Bar : Kumpulan menu yang terdapat pada aplikasi Microsoft Excel.
Toolbar : Kumpulan Ikon-ikon yang mewakili beberapa perintah yang ada di menu bar
Formula Bar : sebua kotak untuk memasuka data pada Microsoft Excel, serta memasukan rumus ke sebua sel
Task Pane : adalah tempat dimana menunjukn dokumen yang ada dan recent dokumen.
Kolom : Bidang yang tegak dari atas ke bawah. Bagian ini diberi nama A, B, …, AA, AB, dan seterusnya sampai IV. Jadi, jumlah keseluruhanya adala 256.
Sel : Adalah perpotongan antara baris dan kolom.
Penunjuk Sel : adalah tempat untuk memasukan data, dan setiap bagian mengandung data sendiri yang ukurannya dapat lebih lebar dari bagian tersebut.
Name Box : Kotak yang menunjukan sel yang sedang aktif
Baris : Bidang yang tegak dari kanan ke kiri. Bagian ini diberi nama angka, 1,2,3, dan seterusnya sampai65536.
Tab Sheet : Tab untuk berpindah antar lembar kerja.
Scrool Bar : Bar yang berfungsi untuk menggeser area lembar kerja ke atas-bawah atau kanan-kiri.


D. Menggunakan Menu Pada Microsoft Excel
Dalam Microsoft Excel teradap beberapa menu seperti: File, Edit, View, Insert, Format, Tools, Data, Window, Help. Menu pada Microsoft Excel dapat bertambah sesuai dengan kemauan pengguna. Untuk menggunakan fungsi fungsi tersebut, kita dapat mengarahkan pointer ke menu yang di inginkan, atau menekan Alt+(karakter kunci pada keyboard).
1. Menu File
Menu file merupakan menu yang berisi perintak perinta untuk mengolah buku kerja (work book) Microsoft Excel. Opsi yang ada di menu File diantaranya adalah :
New :Untuk membuka lembar kerja baru
Open : Untuk membuka lembar kerja yang sudah ada
Close : Untuk menutup lembar kerja yang ada di lembar kerja
Save : Untuk menyimpan dokumen yang ada
Save As : Menyimpan dokumen dengan nama file yang baru
Page Setup : Untuk mengatur lembar kerja
Print : Mengeprint dokumen
Exit : Keluar dari Microsoft Excel
2. Menu Edit
Menu edit merupakan menu yang digunakan untuk melakukan beberapa perubahan pada dokumen lembar kerja yang sedang aktif. Opsi yang ada di menu Edit diantaranya adalah:
Undo : Untuk mengembalikan perintah terakir
Redo : Untuk membatalkan Undo
Cut : Untuk melakukan pemotongan data
Copy : Untuk mengcopy data
Paste : Untuk memindahkan hasil penyalinan
Delete : Untuk menghapus data
Move or Copy Sheet : Untuk melakukan penyalinan sheet
Delete Sheet : Untuk mengapus sheet
3. Menu View
Menu view berisi perinta perinta yang berhubungan dengan pengaturan lingkungan dan lembar kerja pada Microsoft Excel. Perintah yang ada di menu ini diantaranya adalah pengaturan tampilan lembar kerja, task pane, toolbar, formula bar, dan status bar, pembuatan header dan footer, pengaturan ukuran tampilan dan pengaturan lainnya.
4. Menu Insert
Menu insert berisi perintah perinta yang diperlukan untuk melakukan penyisipan pada lembar kerja baik dari dalam, maupun luar lingkungan Microsoft Excel. I]menu ini dapat menyisipkan gambar, grafik, baris, kolom, dan lembar kerja serta symbol.
5.Menu Format
Menu format merupakan menu yang berisi kumpulan perintah yang digunakan untuk mengatur format dasar dari lembar kerja. Perintah yang terdapat diantaranya untuk mengatur ukuran dan jenis hurup, format angka, warrna, garis pembatas sel, baris, kolom, dan pengaturan lainya.
6. Menu Tools
Menu tools merupakan menu yang berisi perintah yang digunakan untuk melakukan pengecekan ejaan , pengaturan workbook, serta menyetting workbook agar dapat digunakan oleh pengguna computer lain dalam satu jaringan secara bersama-sama dan pengaturan setting program Microsoft Excel.
7. Menu Data
Menu data merupakan menu yang terdiri perintah yang digunakan untuk mengolah data di lembar kerja. Perintah diantaranya adalah untuk mengurutkan data, menyaring data, mengitung nilai, membuat tabel, dan perinta lainnya
8. Menu Window
Menu windows merupakan menu yang digunakan untuk mengatur jendela kerja dari Microsof Excel yang sedang aktif. Pada menu ini dapat ditampilkan lembar kerja dalam workbook yang sama pada sebuah jendela baru.
9. Menu Help
Menu help merupakan menu yang digunakan untuk mencari informasi yang diperlukan pada saat bekerja dengan Microsoft Excel.dan terdapat perinta untuk mendeteksi serta memperbaiki kesalaan yang ada di Microsoft Excel.


E. Ikon Pada Microsoft Excel
Toolbar adala icon icon dari perintah perintah yang ada di menu yang ada di Microsoft Excel. Toolbar default ada dua, yaitu toolbar standar dan formatting.
Toolbar standar terdiri atas ikon-ikon yang digunakan untuk membuka dokumen, membuka dokumen, menyimpan dokumen, mencetak. Dengan kata lain toolbar ini adala fungsi dasar dari Microsoft Excel.

Toolbar formatting terdiri ata ikon yang berfungsi untuk menjalankan perinta untuk mengatur format dasar dari data di lembar kerja.

Selain kedua toolbar di atas, pada Microsoft Excel terdapat banyak toolbar . toolbar tersebut dapat kita pilih melalui menu View-Toolbar. Atau View-Toolbar-Customize.atau View-Customize.

rangkuman bab 6

A. Persiapan Software

Untuk membuat homepage dinamis atau interaktif sangatlah sederhana. Cukup dengan menggunakan beberapa software atau tools yang sudah kita kenal sebelumnya. Software yang dibutuhkan seperti sistem operasi, Internet Information Services (US), Microsoft Access, Microsoft FrontPage, Microsoft Internet Explorer, dan komponen Open DataBase Connectivity (ODBC).

1. Sistem Operasi

Microsoft juga telah menambahkan kemampuan untuk melakukan pengembangan dan pengetesan dalam pembuatan homepage interaktif pada sistem operasi Windows XP. Selain Windows XP, keluarga Windows Iainnya yang dapat digunakan untuk menjalankan Internet Information Service (IIS) adalah Windows NT, Windows 2000, dan Windows 2003.

2. Komponen Internet Information Services (IIS) pada Windows XP

IS atau Internet Information Services atau Internet Information Server adalah sebuah HTTP web server yang digunakan dalam sistem operasi server Windows, mulai dari Windows NT 4.0 Server, Windows 2000 Server atau Windows Server 2003. Layanan ini merupakan layanan terintegrasi dalam Windows 2000 Server, Windows Server 2003 atau sebagai add-on dalam Windows NT 4.0. Layanan ini berfungsi sebagai pendukung protokol TCP/IP yang berjalan dalam lapisan aplikasi (application layer). IIS juga menjadi fondasi dari platform Internet dan Intranet Microsoft, yang mencakup Microsoft Site Server, Microsoft Commercial Internet System dan produk-produk Microsoft BackOffice lainnya.

IIS telah berevolusi semenjak diperkenalkan pertama kali pada Windows NT 3.51 (meski kurang banyak digunakan) hingga IIS versi 6.0 yang terdapat dalam Windows Server 2003. Versi 5.0 diintegrasikan dalam Windows 2000, sedangkan Windows XP Professional memiliki IIS versi 5.1. Windows NT 4.0 memiliki versi 4.01 yang termasuk ke dalam add-on Windows NT Option Pack. Dalam Windows NT 4.0 Workstation atau Windows 95/98, IIS juga dapat diinstalasikan sebagai Microsoft Personal Web Server (PWS).

Jika belum terdapat Internet Information Services (IIS) pada Windows XP dalam komputermu, kamu harus meng-instal-nya. menggunakan CD installer Windows XP Professional. Fungsi IIS adalah sebagai web server. Terdapat beberapa web server yang terkenal di dunia, seperti Apache dan IIS. Akan tetapi, dengan menggunakan IIS kita tidak perlu melakukan konfigurasi atau pemasangansecara manual. Cara kerja webserver dapat dideskripsikan.

Langkah-langkah untuk menginstal komponen IIS dalam komputermu, yaitu sebagai berikut.

1. Masukkan CD installer Windows XP Professional ke dalam CD-ROM pada komputermu.
2. Aktifkan Control Panel dalam melalui tombol start -> Control Panel. Pilih Add or Remove Programs.
3. Pada jendela Add or Remove Programs, pilih Add'/Remove Windows Components yang terdapat di sebelah kiri jendela Add or Remove Programs.
4. Selanjutnya, akan ditampilkan kotak dialog Windows Components Wizard perta.ma. Pilih Internet Information Services (IIS). Kamu dapat melihat komponen-komponen IIS yang dapat dipilih melalui tombol Details. Pilih semua komponen yang tersedia kemudian tekan tombol OK. Selanjutnya, tekan tombol Next.
5. Proses instalasi akan dilakukan secara otomatis. Sistem akan meminta lokasi beberapa file yang terdapat dalam CD installer Windows XP Professional. Untuk mencari lokasi file yang sesuai, kamu dapat menekan tombol Browse. Selanjutnya, tekan tombol OK. Tekan tombol Finish setelah proses instalasi selesai dilakukan.
6. Sistem akan menampilkan kotak dialog untuk melakukan proses restart komputer. Lakukan proses restart pada komputermu.
7. Untuk melihat apakah komponen IIS telah ter-instal dalam komputermu, aktifkan Control Panel kemudian pilih Performance and Maintenance, Administrative Tools dengan cara klik dua kali pada pilihan tersebut. Pada jendela Administrative Tools, terlihat komponen Internet Information Services. Klik dua kali pada pilihan tersebut.
8. Selanjutnya, akan ditampilkan jendela Internet Information Services dengan berbagai komponen di dalamnya.

Cara kerjanya, yaitu sebagai berikut :

Terdapat permintaan untuk mengakses halaman tertentu dari browser client atau komputer di suatu lokasi. Permintaan tersebut dapat berupa pengaksesan alamat http://[alamatdomain]/index.asp pada browser Internet Explorer, Netscape, atau browser lainnya. Web server menerima permintaan tersebut dan mengembalikannya sebagai sebuah respon. Respon tersebut akan ditampilkan berupa halaman HTML pada browser dari pengakses.

3. Microsoft FrontPage

Microsoft FrontPage digunakan untuk merancang homepage, di mana kita juga telah menggunakan software ini untuk mengembangkan homepage sederhana pada pembahasan sebelumnya.

4. Microsoft Access

Microsoft Access digunakan untuk membuat database sebagai penyimpan data yang akan kita masukkan ke dalam database. Kamu telah mempelajari penggunaan Microsoft Access sebelumnya, sehingga dalam pembahasan ini kita tidak akan mempelajari Microsoft Access dari awal.

5. Microsoft Internet Explorer

Microsoft Internet Explorer digunakan untuk melakukan pengujian dan pengaksesan homepage interaktif yang telah dibuat. Selain Microsoft Internet Explorer, kamu dapat menggunakan web fcrows^lainnya, seperti Mozilla Firefox, Netscape, atau Opera.

6. Komponen Open DataBase Connectivity (ODBC)

Open Database Connectivity (disingkat menjadi ODBC) adalah sebuah standar terbuka untuk konektivitas antar mesin basis data. Standar ini menyediakan API yang dapat digunakan untuk menjalankan dan mengoneksikan sebuah aplikasi dengan sebuah sistem manajemen basis data (SMBD). Para desainer ODBC membuatnya dengan tujuan agar ODBC terbebas dari penggunaan bahasa pemrograman tertentu, sistem manajemen basis data tertentu, dan sistem operasi tertentu.

Komponen ODBC digunakan untuk melakukan koneksi dari program komputer ke database. Komponen ini biasanya sudah tersedia dalam Windows XP. Untuk mengaksesnya, dapat kita lakukan dengan cara menekan tombol start; Control Panel; Administrative Tools; Data Sources (ODBC).

Salah satu keluhan utama pengguna produk Microsoft adalah penggunaan database yang membingungkan. awalnya, kita hanya dapat menggunakan Open DataBase Connectivity (ODBC) Application Programming Interface (API)tidak mudah untuk diimplementasikan terutama dalam lingkungan Visual Basic. ODBC, merupakan suatu spesifikasi untuk database API. API merupakan standar yang didukung oleh berbagai vendor termasuk Oracle, Informix, Sybase, dan Microsoft. Driver untuk database ini disediakan baik oleh vendor ataupun perusahaan pihak ketiga seperti Intersolv.

B. Persiapan Direktori Kerja

Seperti langkah awal pada saat kita akan membuat homepage sederhana, kita harus mendefinisikan tempat kerja dalam komputer yang akan digunakan sebagai webserver. Langkah-langkah yang harus dilakukan, yaitu sebagai berikut :

1. Aktifkan Windows Explorer dalam komputermu.
2. Buat satu direktori dalam drive C dengan nama SMUKU-INT.
3. Buat subdirektori image, ess, dan database dalam direktori SMUKU-INT.

C. Persiapan Skenario User Interface

Skenario/>rm harus dibuat untuk memberikan gambaran apa yang akan dikerjakan. Terdapat dua form yang akan dibuat dengan fungsi sebagai form untuk memasukkan dan menampilkan data siswa dari database.

Tipe data digunakan untuk merepresentasikan penyimpanan data dalam database. Terdapat beberapa tipe data yang disediakan oleh Microsoft Access, yaitu sebagai berikut :

a. Text, merepresentasikan data yang berbentuk gabungan huruf, angka, dan karakter khusus.

b. Number, merepresentasikan data yang berbentuk angka.

c. Date, merepresentasikan data yang berbentuk tanggal.

d. Memo, merepresentasikan data yang berbentuk teks dan jumlahnya sangat banyak,

e. Currency, merepresentasikan data yang memiliki format currency atau mata uang.

f. AutoNutnber, merepresentasikan data yang akan ditangani oleh sistem berupa angka.

g. OLE Object, merepresentasikan data yang berupa gabungan dari objek-objek yang dibuat oleh Microsoft.

h. Hyperlink, mereprentasikan data yang berupa link atau hubungan ke website atau tempat lain.

- Ikon pada toolbar Form Microsoft FrontPage

Form

Membuat form dalam satu halaman.

TextBox

Merepresentasikan input berupa teks, numerik, atau date.

Scrolling Textbox

Merepresentasikan input berupa teks yang panjang.

Check Box

Merepresentasikan sebuah pilihan ya atau tidak.

Radio Button

Merepresentasikan sebuah pilihan ya atau tidak.

Combo Box

Merepresentasikan data yang berupa pilihan terbatas.

Push Button

Merepresentasikan sebuah tindakan yang akan dilakukan jika tombol ditekan.

Picture

Merepresentasikan sebuah gambar dalam homepage.

Label

Merepresentasikan rulisan.

D. Persiapan Komponen IIS

Untuk menjadikan sebuah komputer sebagai web server, dalam komputer tersebut harus terinstal Internet Information Services (IIS). Web server yang akan digunakan adalah komputer lokal tempat kita bekerja dengan tambahan fasilitas IIS.
Seperti yang telah dijelaskan sebelumnya, cara pengaksesan IIS, yaitu sebagai berikut :

1. Pilih tombol start -> Control Panel.
2. Pilih Administrative Tools pada jendela Control Panel kemudian pilih Internet Information Services.
3. Klik nama komputer kemudian pilih Web Sites dan klik Default Web Site.

Ada dua cara menampilkan informasi homepage melalui IIS, yaitu sebagai berikut :

a. Menggunakan port (hanya dapat digunakan pada IIS dalam Windows NT, Windows 2000, dan Windows 2003).
b. Menggunakan direktori virtual.

1. Pengaksesan menggunakan port

Langkah-langkah untuk menampilkan informasi homepage melalui IIS dengan menggunakan port, yaitu sebagai berikut :

1. Klik kanan Web Sites, klik New Website, pilih port.
2. Gunakan port sembarang antara 2000-65500, karena port 1-1000 sudah reserved atau software yang terdapat pada server seperti web server SQL Server, Oracle database, dan software lainnya.
3. Jangan menggunakan port 80, karena port tersebut merupakan default website atau web server, kecuali kita akan menggunakan website tersebut sebagai tampilan utama.
4. Pengaksesan dengan menggunakan port 8080, yaitu sebagai berikut.

- Standalone computer-> http://localhost:8080/namafile.htm.
- Intranet -> http://NamaKomputer:8080/namafile.htm.
- Internet -> http://www.namadomain.com:8080/namafile.htm.

2. Pengaksesan menggunakan direktori virtual

Untuk menampilkan informasi homepage melalui IIS dengan menggunakan direktori virtual, yaitu sebagai berikut :

1. Klik kanan Default Web Site, pilih. New -> Virtual Directory.

2. Selanjutnya, akan ditampilkan Virtual Directory Creation Wizard pertama. Tekan tombol Next untuk melanjutkan ke wizard berikutnya.

3. Pada Virtual Directory Creation Wizard kedua, akan diminta untuk mengisi alias direktori, ketikkan SMUKU-INT. Selanjutnya, tekan tombol Next.

4. Selanjutnya, akan ditampilkan wizard untuk memasukkan direktori yang akan digunakan. Tekan tombol Browse atau masukkan C:\ SMUKU-INT kemudian tekan tombol Next.

5. Pada wizardyang menampilkan access permission, tekan tombol Next.

6. Selanjutnya, tekan tombol Finish dan kita dapat mencoba apakah direktori virtual tersebut sudah bekerja dengan baik atau belum.

7. Pada jendela Internet Information Services, akan terlihat bahwa direktori virtual sudah berhasil dibuat

8. Pengaksesan dengan menggunakan direktori virtual SMUKU-INT, yaitu sebagai berikut.
- komputer lokal -> http://localhost/SMUKU-INT/datasiswa.htm.
- Intranet -> http://namakomputer/SMUKU-INT/datasiswa.htm.
- Internet -> http://www.namadoraain.com/SMUKU-INT/datasiswa.htm.

9. Cara buka Internet Explorer, tulis http://localhost/SMUKU-INT/datasiswa.htm pada kotak Address. Selanjutnya, jalankan dengan menekan tombol Go.

E. Pemilihan Bahasa Pemrograman

Microsoft Active Server Pages (ASP) merupakan bahasa pemrograman yang secara otomatis disediakan oleh Microsoft jika kita menggunakan IIS. Dengan kata lain, kita tidak perlu kesulitan untuk mempelajari bahasa pemrograman yang lain jika akan memprogram web dengan menggunakan Windows, seperti Windows Server 2003, Windows XP, Windows NT, dan Windows 2000.

ASP merupakan suatu skrip yang bersifat server side yang ditambahkan pada halaman HTML untuk membuat sebuah web menjadi lebih menarik, dinamis, dan interaktif. Server sftfeberarti bahwa proses pengerjaan skrip berlangsung di serverbukan di browser atau client.

Bahasa skrip standar yang digunakan oleh ASP adalah Microsoft VBScript dan Microsoft /script. Jika tidak dinyatakan sendiri maka secara default skrip yang digunakan adalah Microsoft VBScript. Kamu dapat mengubah default tersebut dengan menambahkan perintah <% LANGUAGE=bahasa skrip %>.

Alasan utama penggunaan bahasa pemrograman ASP, yaitu sebagai berikut :

1. Sudah tersedia secara gratis jika kita menggunakan IIS pada sistem operasi Windows.
2. Struktur bahasanya sangat mudah untuk dipelajari karena ASP mengadopsi sintaks dari bahasa pemrograman Visual Basic yang sudah sangat familiar di kalangan programmer maupun pemula.
3. Mampu berkomunikasi dengan objek komponen (COM/DCOM) yang dibuat dengan berbagai bahasa pemrograman yang lain.
4. Mempunyai respons request data dengan cepat.
5. Untuk menggunakannya, kita hanya tinggal meletakkan kode pemrograman pada halaman homepage yang akan kita program.

Sebuah file ASP merupakan file text only yang di dalamnya berisi teks, tag HTML, dan skrip ASP. Jadi, dapat dikatakan bahv/z. file ASP sebenarnya merupakan/zfeHTML biasa yang ke dalamnya ditambahkan skrip ASP. Jika^fe HTML mempunyai ekstensi .htm atau .html maka jika sudah diberi skrip ASP, ekstensi tersebut tinggal diubah menjasi .asp.

Skrip ASP dapat diletakkan di mana saja sebagaimana kita meletakkan tag HTML. Untuk membedakan antara teks, tag HTML, dan skrip ASP maka digunakan suatu tanda yang disebut delimiter. Delimiter adalah suatu karakter atau kumpulan karakter yang mengawali dan mengakhiri suatu tag atau skrip. Untuk tag HTML, sudah kita ketahui bahwa delimiter yang digunakan adalah karakter <>. Untuk skrip ASP, delimiter yang digunakan adalah kumpulan karakter <% dan %>.

1. Deklarasi Variabel

VBScript mempunyai beberapa pernyataan yang digunakan untuk pendeklarasian variabel, yaitu dim, private, dan public. Perbedaannya, yaitu pada ruang lingkup yang digunakan. Jika menggunakan dim atau private maka variabelnya bersifat lokal, sedangkan jika menggunakan public maka variabelnya bersifat global. VBScript mempunyai kemampuan untuk mengenal variabel walaupun tidak dideklarasikan.

2. Blok kode ASP

ASP selalu diawali dengan blok <% dan diakhiri dengan blok %>. Di dalam kedua blok tersebut, sintaks, atau kode ASP dituliskan.

Contoh :
Untuk menuliskankata HALLO DUNIA, kita cukup mengetikkan blok ASP berikut di atas sebuah file HTML dan mengubah nama ekstensi file tersebut menjadi ASP.

<% response.write("HALLO DUNIA") %>


3. Statement input

Sintaks 1 -> Request.Form()
Sintaks 2 -> Request.QueryString()

Request.Form digunakan untuk mengambil nilai dari elemen-elemen form HTML, sedangkan Request. QueryString digunakan untuk mengambil nilai variabel HTTP query string. Variabel HTTP query string ditandai dengan karakter tanda tanya (?) dan biasanya terletak di belakang penulisan sebuah alamat URL.

Contoh.
mengambil sebuah nilai dari textbox dengan id txtNama dilakukan dengan menambahkan kode berikut :

<% dim nama nama=request.Form("txtNama") %>

4. Statement output

Statement atau pernyataan output digunakan untuk mengatur output yang akan dikirim ke browser. Contoh metode yang digunakan yaitu metode write dan redirect. Metode write digunakan untuk menulis output berupa variabel sebagai sebuah string. Metode redirect digunakan untuk mengirimkan pesan ke browser yang mengarahkan browser untuk menuju ke URL tertentu.

Sintaks 1 -> Response.write()
Sintaks 2 -> Response.redirect()

Contoh.
Untuk menuliskan nilai dari textbox dengan id txtNama dilakukan dengan menambahkan kode berikut :

<% dim nama nama=request.form("txtNama") response.write(nama) %>

5. Statement logika

Sintaks logika untuk ASP sama dengan sintaks logika bahasa pemrograman Visual Basic.

6. Statement looping

Sintaks looping untuk ASP juga sama dengan sintaks looping atau perulangan pada bahasa pemrograman Visual Basic.

7. Operasi pengaksesan data

Sintaks pengaksesan data juga sama dengan Visual Basic.

F. Memprogram Database Web Interaktif

1. Pembuatan Database

Langkah-langkah dalam pembuatan database tersebut, yaitu sebagai berikut :

1. Aktifkan Microsoft Access. Buat database datasiswa dan simpan dalam C:\SMUKU-INT\database yang sudah kamu buat sebelumnya.
2. Buat satu tabel dengan nama DataSiswa.

2. Pembuatan Data Source Name (DSN)

Setelah database dibuat,langkah selanjutnya adalah membuat Data Source Name (DSN). DSN ini mempermudah pengaksesan data dari program ke database. Untuk melakukannya, ikuti langkah-langkah berikut :

1. Tekan tombol start -> Control Panel -> Performance and Maintenance -> Administrative Tools -> Data Sources (ODBC).
2. Selanjutnya, akan ditampilkan kotak dialog ODBC Data Source Administrator. Pilih tab System DSN.
3. Klik tombol Add yang akan menampilkan menu untuk memilih driver database yang akan digunakan. Pilih Microsoft Access Driver (*.mdb) kemudian tekan tombol Finish.
4. Pada kotak dialog ODBC Microsoft Access Setup, isi kotak Data Source Hame dengan DataSiswa dan kotak description dengan data siswa. Tekan tombol Select untuk memasukkan database dengan lokasi C:\SMUKU-INT\database\datasiswa.mdb. Lalu, tekan tombol OK.
5. Hasil akhir dari pembuatan data source name ditunjukkan pada Gambar. Lalu, tekan tombol OK.

3. Pemrograman

Pemrograman dilakukan setelah kita menyelesaikan pembuatan DSN. Untuk pemrograman ini akan ditampilkan halaman HTML dan halaman modifikasi menjadi ASP. Dari kedua halaman tersebut, kamu dapat membandingkan perubahan yang diperlukan untuk membuat halaman homepage yang interaktif.

1. Programming halaman pertama yaitu pembuatan halaman datasiswa.htm yang telah kamu lakukan sebelumnya. Buka kembali halaman datasiswa.htm pada Microsoft FrontPage.
2. Lakukan modifikasi terhadap halaman datasiswa.htm tersebut dengan memasukkan kode ASP di bawah ini pada bagian awal halaman sebelum tag .

<%@ Language=VBScript %>
<% dim conn dim rs dim Nomorlnduk dim Nama dim TanggalLahir dim Kelas dim Jurusan dim TahunMasuk dim strSQL if request. Form O*cmdSimpan")="Simpan" then NomorInduk=Request.Form("txtNomorlnduk") Nama=Request.Form("txtNama") TanggalLahir=Request.Form("txtTanggalLahir"} Kelas=Request.Form("cboKelas") Jurusan=Request. Form ('"'cboJurusan") TahunMasuk=Request.Form("txtTahunMasuk") strSQL="Insert into DataSiswa(Nomorlnduk,Nama,TanggalLahir,Kelas,Jurusan,T ahunMasuk) values (A<* & _Nomorlnduk & "','" & Nama & «/r'« & TanggalLahir & "','" & Kelas & "-','" & jurusan & "','" & __ TahunMasuk & "') " Set conn = Server.CreateObject("ADODB.Connection") Set rs = Server.CreateObject("ADODB.Recordset") conn.Open "DSN=DataSiswa" rs.open strsql, conn, 2, 2 Set rs = Nothing Set conn = Nothing end if %>

3. Ganti action="--WEBB OT-SELF--" yang terdapat dalam tag form datasiswa.asp dengan action="datasiswa.asp". Hal ini bertujuan agar pada saat tombol Simpan ditekan, halaman data siswa akan dievaluasi oleh sistem. Jika kamu lupa menggantinya maka akan muncul error.
4. Ubahlah baris kode (lihat) menjadi (lihat) . Kode javascript ini akan menampilkan jendela baru dan membuka_#/e lihatdatasiswa.asp secara Iangsung yang akan menampilkan isi dari database.
5. Simpan file dengan nama datasiswa.asp.
6. Programming halaman kedua yaitu pembuatan halaman lihatdatasiswa.htm yang telah kamu lakukan sebelumnya. Buka kembali halaman lihatdatasiswa.htm pada Microsoft FrontPage.

7. Selanjutnya, akan dilakukan modifikasi terhadap halaman lihatdatasiswa.htm dengan memasukkan kode ASP di bawah ini pada bagian awal halaman sebelum tag .
<%@ Language=VBScript %>
<% dim conn dim rs dim strSQL dim ccount strSQL="SELECT count(*) as CCount FROM DataSiswa" Set conn = Server.CreateObject("ADODB.Connection") Set rs = Server.CreateObject("ADODB.Recordset") conn.Open "DSN=DataSiswa" rs.open strsql, conn, 2, 2 ccount=rs("CCount") rs.close strSQL="SELECT * FROM DataSiswa" rs.open strSQL, conn, 2, 2 %>

8. Ubahlah kode di antara tag

menjadi kode di bawah ini :

<% if not rs.EOF or not rs.BOF then for i=l to ccount t <% Next End If rs.close conn.Close Set rs = Nothing Set conn = Nothing %>

No	Nomor Induk	Nama	Tanggal Lahir	Kelas	Jurusan	Tahun Masuk
<%=i%>	<%=rs("Nomorlnduk")%>		<%=rs("TanggalLahir")%>		<%=rs("Jurusan")%>	<%=rs("TahunMasuk")%>

9. Ganti (kembali) dengan (kembali) untuk menutup jendela baru yang dibuka dengan cara menekan tombol Lihat pada halaman datasiswa.asp.

10. Simpan file dengan nama lihatdatasiswa.asp.

4. Pengujian (Testing)

Langkah terakhir adalahpengetesan hasil pemrograman. Testing ini akan memberitahu kepada kita apabila terdapat kesalahan dalam coding yang kita lakukan. Kesalahan tersebut akan langsung ditampilkan dalam browser yang kita akses. Akan tetapi, jika tidak terdapat kesalahan maka kita dapat mengetahui bahwa data tersebut sudah tersimpan dalam database bukan dalam halaman lihatdatasiswa.asp.

Rangkuman bab 5

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

Jenis-]enis frame pada Microsoft FrontPage XP, yaitu :

- Banners and Contents

Membuat frame banner di atas, frame isi di bagian bawah kiri, dan frame utama di bagian bawah kanan. Hyperlink pada frame banner akan mengubah frame isi.

- Contents

Frame di sebelah kiri merupakan link yang akan mengubah frame utama di sebelah kanan.

- Footers

Frame utama di atas, frame bawah adalah footer. Hyperlink di footer akan mengubah tampilan di frame utama.

- Footnotes

Sama dengan Footers, tetapi hyperlink di frame utama akan mengubah footnes.

- Header
Membuatyrame header navigasi dan sebuah frame utama di bawahnya. Hyperlink di header akan mengubah frame utama.

- Header, Footer and Contents

Membuat frame header dan footer runtuk navigasi. Hyperlink di header dan footer akan mengubah frame isi.

- Horizontal Split

Frame atas dan bawah yang independent atau tidak saling berhubungan.

- Nested Hierarchy

Hyperlink di sebelah kiri akan mengubah frame sebelah kanan atas. Hyperlink di frame kanan atas akan mengubah isi frame utama.

- Top-Down' Hierarchy

Frame paling atas atau pertama akan mengubah frame di bawahnya, frame kedua akan mengubah isi frame ketiga.

- Vertical Split

Frame kanan dan kiri yang independent atau tidak saling terhubung.

C. Menerapkan Hyperlink

Pranala, pautan atau link (juga hyperlink) adalah sebuah acuan dalam dokumen hiperteks (hypertext) ke dokumen yang lain atau sumber lain. Seperti halnya suatu kutipan di dalam literatur. Dikombinasikan dengan sebuah jaringan data dan sesuai dengan protokol akses, sebuah komputer dapat diminta untuk memperoleh sumber yang direferensikan.

Ada beberapa cara (format) untuk menampilkan pranala pada halaman web. Sebuah embedded link (pranala yang tersimpan) adalah salah satu dari beberapa cara yang biasa digunakan: satu atau lebih dari kata-kata yang menggunakan tipe/gaya teks khusus.

Hyperlink digunakan sebagai alat navigasi halaman pada homepage. Langkah-langkah membuat hyperlink menggunakan Microsoft FrontPage XP, yaitu sebagai berikut ;

1. Aktifkan aplikasi Microsoft FrontPage XP.
2. Buat tulisan "Link ke halaman lain" pada dokumen baru yang ditampilkan pertama kali.
3. Blok tulisan "Link ke halaman lain" dengan cara men-drag tombol kiri mouse.
4. Tekan torabol Ctrl + K pada keyboard sehingga akan ditampilkan kotak dialog Insert Hyperlink. Kotak, Text to display menampilkan teks yang akan dijadikan link. Kolom Link to digunakan untuk memilih link tujuan. Kotak Look in digunakan untuk memilih lokasi tujuan link. Setelah selesai melakukan pengaturan terhadap link yang dibuat, tekan tombol OK.
5. Setelah file disimpan dan dijalankan, ketika kita klik "Link ke halaman Iain" maka akan membuka halaman tujuan link tersebut.

Langkah-langkah untuk membuat hyperlink dengan tag HTML, yaitu sebagai berikut :

1. Aktifkan aplikasi Microsoft FrontPage XP.
2. Buat tulisan "Link ke halaman lain" pada dokumen bam yang ditampilkan pertama.
3. Klik tab HTML di bagian bawah dokumen.
4. Selanjutnya, akan ditampilkan sintaks HTML.
5. Letakkan kursor di depan kata "Link" dan di belakang tag
pada sintaks HTML yang ditampilkan.
6. Sebagai contoh, link tujuan kita adalah filejadwalpelajaran.htm. Ketikkan tag di depan kata "Link" dan di belakang tag.
7. Letakkan kursor di belakang kata "lain" dan di depan tag.
Ketikkan tag.
8. Klik tab Normal di bagian bawah dokumen untuk melihat hasil akhir. Hasilnya akan berbentuk tampilan.

D. Menerapkan Cascading Style Sheet.

Microsoft FrontPage sudah menyediakan Cascading Style Sheet (CSS) yang dapat kita gunakan. Fungsi utama dari CSS adalah untuk melakukan pengaturan beberapa format, yaitu :

1. bentuk huruf.
2. ukuran huruf.
3. format huruf.
4. warna huruf.
5. warna background.
6. warna hyperlink.
7. format textbox.

Beberapa CSS yang telah tersedia dalam Microsoft FrontPage XP, dapat diakses dengan menggunakan langkah-langkah di bawah ini.

1. Aktifkan Microsoft FrontPage XP dalam komputermu.
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. Pilih tab Style Sheets yang menampilkan berbagai jenis style sheet yang disediakan oleh Microsoft FrontPage XP.
5. Pilih jenis style sheet yang kamu inginkan kemudian tekan tombol OK.

Jenis-jenis CSS pada Microsoft FrontPage XP

- Normal Style Sheet
-> CSS kosong

- Arcs
-> - Teks menggunakan jenis huruf Verdana berwarna coklat.
- Headers menggunakan jenis huruf Times New Roman berwarna coklat.
- Background berwarna kuning.

- Bars
-> - Teks menggunakan jenis huruf Arial.
- Headers menggunakan jenis huruf Times New Roman.
- Background berwarna light silver.

- Blocks
-> - Teks dan headers menggunakan jenis huruf Bookman Old Style.
- Hyperlinks berwarna merah.
- Background berwarna light silver.

- Blueprint
-> - Teks dan headers menggunakan jenis huruf Century Gothic.
- Hyperlinks berwarna purple.
- Background berwarna bright yellow.

- Capsules
-> - Teks dan headers menggunakan jenis huruf Arial.
- Hyperlinks berwarna red orange.
- Background berwarna light green.

- Downtown
-> - Teks menggunakan jenis huruf Garamond berwarna kuning.
- Headers menggunakan jenis huruf Verdana.
- Hyperlinks berwarna orange.
- Background'berwarna royal blue.

- Expedition
-> - Teks dan headers menggunakan jenis huruf Book Antiqua.
- Background berwarna peach.

- Highway
-> - Teks menggunakan jenis huruf Verdana berwarna putih.
- Headers menggunakan jenis huruf Verdana.
- Hyperlinks berwarna orange.
- Background berwarna black.

- Neon
-> - Teks dan headers menggunakan jenis huruf Verdana berwarna hijau.
- Hyperlinks berwarna chartreuse.
- Background berwarna black.

- Poetic
-> - Teks menggunakan jenis huruf Book Antiqua berwarna purple.
- Headers menggunakan jenis huruf Book Antiqua.
- Background berwarna white.

- Street
-> - Teks menggunakan jenis huruf Verdana berwarna navy.
- Headers menggunakan jenis huruf Comic Sans MS.
- Background berwarna light cyan.

- Sweets
-> - Teks menggunakan jenis huruf Arial berwarna dark blue.
- Headers menggunakan j enis huruf Arial Rounded MT Bold.
- Background berwarna pale yellow.

E. Skenario membuat homepage sederhana :

Topik
Membuat homepage untuk kelas 3 A SMUKU.

Fungsi homepage
1. Menampilkan berita kegiatan terbaru dari kelas 3A.
2. Menampilkan jadwal pelajaran untuk kelas 3A.
3. Menampillkan data siswa kelas 3A lengkap dengan foto dan hobi.
4. Menampilkan link ke homepage-homepage yang berguna.
5. Latar belakang homepage berwarna kuning.

Halaman 1
Halaman 1 merupakan halaman kegiatan siswa yang terdiri atas :

1. Logo SMUKU.
2. Berita kegiatan terbaru siswa.
3. Link ke halaman jadwal pelajaran.
4. Link ke halaman data siswa kelas 3A.
5. Link ke halaman homepage yang berguna.

Halaman 2
Halaman 2 merupakan halaman jadwal pelajaran yang terdiri atas :

1, Logo SMUKU.
2. Jadwal pelajaran siswa kelas 3A.
3. Link ke halaman berita kegiatan siswa.
4. Link ke halaman data siswa kelas 3A.
5. Link ke halaman homepage yang berguna.

Halaman 3
Halaman 3 merupakan halaman data siswa yang terdiri atas :

1. Logo SMUKU.
2. Data siswa kelas 3 A.
3. Link ke halaman berita kegiatan siswa.
4. Link ke halaman jadwal pelajaran siswa kelas 3A.
5. Link ke halaman homepage yang berguna.

Halaman 4
Halaman 4 merupakan halaman yang berisi link ke homepage-homepage yang berguna, terdiri atas :

1. Logo SMUKU.
2. Homepage dan link yang berguna.
3. Link ke halaman berita kegiatan siswa.
4. Link ke halaman jadwal pelajaran siswa kelas 3A.
5. Linkke halaman data siswa kelas 3A.

2. Menentukan Directory Lokasi Kerja.

Directory tempat kita menyimpan file hasil kerja juga harus dipersiapkan dengan baik dan terorganisir. Pada satu directory, sebaiknya tidak terdapat beberapa pekerjaan yang berbeda fungsinya. Pengorganisasian ini untuk mempermudah pencarian file hasil kerja pada saat diperlukan. Lakukan langkah-langkah di bawah ini :

1. Buat directory SMUKU pada drive C:\.

2. Dalam directory C:\ SMUKU, buat directory/folder Image yang digunakan untuk menyimpan gambar-gambar yang akan digunakan dalam homepage SMUKU. Selanjutnya, buat directory /folder CSS yang akan digunakan untuk menyimpan CSS.

3. Pada Windows Explorer akan terlihat struktur file.

3. Membuat Halaman pada Homepage.

Homepage yang kita buat terdiri atas empat halaman. Setiap halaman memperlihatkan tampilan yang berbeda sesuai dengan fungsinya masing-masing.

a. Membuat halaman 1

Dengan menggunakan skenario yang telah dibuat sebelumnya, kita akan mulai membuat halaman 1, yaitu halaman Kegiatan Siswa. Langkah-langkahnya, yaitu sebagai berikut :

1. Aktifkan Microsoft FrontPage XP.

2. Pilih menu File -> Hew -> Page or Web.

3. Pilih Page Templates pada bagian New from template dari task pane New Page or Web.

4. Selanjutnya, akan ditampilkan kotak dialog Page Templates yang terdiri atas tiga tab, yaitu General, Frar, Pages, dan Style Sheets. Pilih tab General yang menampilkan berbagai jenis tampilan homepage yang disediakan oleh Microsoft FrontPage XP.

5. Pilih One-column Body with Contents on Left kemudian tekan tombol OK.

6. Pada page frame sebelah kiri, hapus SECTION 2 sampai 4.

7. Pada page frame utama yang diperoleh, hapus semua tulisan di bawah "Fish Photo Caption". Hasilnya, akan diperoleh satu page.

8. Ganti tulisan "Your Heading Goes Here" dengan "KEGIATAN SISWA".

9. Ganti "SECTION 1" dengan "Kegiatan Siswa", "Title 1" dengan "Jadwal Pelajaran", "Title 2" dengan "Data Siswa", dan "Title 3" dengan "Link Bermanfaat".

10. Hapus tulisan "Fish Photo Caption" kemudian tekan tombol Enter pada keyboard. Tulis "Kegiatan Siswa" kemudian tekan tombol £«rerpada keyboard. Tulis "Kembali" dan naikkan kursor di atas tulisan "Kembali".

11. Pilih Menu Table -> Insert -> Table. Selanjutnya, akan ditampilkan kotak dialog Insert Table. Masukkan 5 pada kotak Rows dan 4 pada kotak Columns kemudian tekan tombol OK.

12. Ketikkan data di bawah ini dalam tabel yang disisipkan.

Navigasi & Hyperlink
Jadwal Pelajaran -> jadwalpelajaran. htm
Data Siswa -> datasiswa.htm
Link Bermanfaat -> linkbermanfaat.htm
Kembali -> kegiatansiswa.htm


13. Simpan halaman kegiatan siswa pada lokasi C:\SMUKU dengan nama file "kegiatansiswa.htm".

14. Selanjutnya, kita akan membuat link dari navigasi yang terdapat pada frame kiri. Blok "Kegiatan Siswa" kemudian pilih menu Insert -> Hyperlink atau tekan tombol Ctrl + K pada keyboard. Selanjutnya, akan ditampilkan kotak dialog Insert Hyperlink. Tentukan tujuan linkyang dituju yaitn file "kegiatansiswa.htm" kemudian tekan tombol OK.

b. Membuat halaman 2.

Untuk membuat halaman 2, yaitu halaman jadwai pelajaran kita tidak perlu membuat halaman tersebut dari awal, tetapi cxikup melakukan modifikasi terhadap halaman 1 dengan cara melakukan penyimpanan kembali menggunakan menu File -> save As.

1. Pastikan halaman "kegiatansiswa.htm" masih terbuka.
2. Pilih menu File -> Save As. Beri nama file "jadwalpelajaran.htm".
3. Tekan tombol Change title untuk mengganti paga title dari DATA SISWA menjadi JADWAL PELAJARAN. Selanjutnya, tekan tombol Save.
4. Kita hanya akan memodifikasi frame isi dan header dari halaman kegiatan siswa.
5. Ganti "KEGIATAN SISWA" di frame header dengan "JADWAL PELAJARAN" dan "Jadwal Pelajaran" pada b&gian frame isi.
6. Ubah isi tabel di bawah "Jadwal Pelajaran" seperti tabel pada Gambar 5.35. Simpan kembali hasil perubahan yang dilakukan.

c. Membuat halaman 3.

Untuk membuat halaman 3 atau data siswa, lakukan langkah-langkah yang sama dengan langkah-langkah yang dilakukan pada saat membuat halaman 2.

1. Pilih menu File -> Save As. Beri nama file "datasiswa.htm".
2. Tekan tombol Qhange title untuk mengganti page title menjadi DATA SISWA. Selanjutnya, tekan tombol Save.
3. Ubah isi tabel. Simpan kembali hasil perubahanyang dilakukan.

d. Membuat halaman 4.

Untuk membuat halaman 4 atau link bermanfaat, lakukan langkah-langkah yang sama dengan langkah-langkah yang dilakukan pada saat membuat halaman 2 dan 3.

1. Pilih menu File -> Save As. Beri nama file "linkbermanfaat.htm".
2. Tekan tombol Qhange title untuk mengganti page title menjadi LINK BERMANFAAT. Selanjutnya, tekan tombol Save.
3. Ubah isi tabel. Simpan kembali hasil perubahan yang dilakukan.

4. Mengaplikasikan Cascading Style Sheet.

1. Copy file yang telah dibuat sebelumnya yaitu file SMUKU.css ke dalam directory C:\SMUKU\CSS.

2. Masukkan di antara tag dan

3. Simpan halaman tersebut.

4. Melalui Windows Explorer, kamu dapat melihat tampilan akhir dengan cara klik dua kali file "kegiatansiswa.htm", pastikan semua link ke halaman lain seperti jadwal pelajaran, data siswa, dan link bermanfaat berfungsi dengan benar.

F. Membuat Grafis Sesuai dengan Homepage yang Diinginkan.

Langkah membuat membuat logo grafis SMUKU dengan menggunakan editor Adobe Photoshop 7.0, yaitu sebagai berikut :

1. Aktifkan Adobe Photoshop 7.0 dengan cara klik tombol start -> All Programs -> Adobe Photoshop 7.0.
2. Pilih menu File -> New.
3. Selanjutnya, akan ditampilkan kotak dialog New. Lakukan pengaturan pada kotak dialog tersebut. Selanjutnya, tekan tombol OK.
4. Setelah dilakukan pengaturan lembar baru pada Adobe Photoshop, akan ditampilkan lembar baru tersebut.
5. Selanjutnya, pilih Rectangle Tool pada toolbox di sebelah kiri halaman kerja untuk memblok halaman kerja. Sebelumnya, pilih warna di bagian Set foreground color dengan warna kuning atau sesuai dengan keinginanmu. Blok kotak yang menutupi seluruh halaman sehingga berubah warna sesuai dengan warna yang kamu pilih.
6. Berikan efek texturizer dengan cara pilih menu Filter -> Texture -> Texturizer. Selanjutnya, akan ditampilkan kotak dialog Texturizer. Untuk Texture, pilih Brick, Scaling 55, dan Relief 4
7. Ganti warna dengan biru tua dengan cara mengklik tool Set foreground color yang akan menampilkan kotak dialog Color Picker. Pilih warna biru kemudian tekan tombol OK.
8. Klik Horizontal Type Tool pada toolbox untuk membuat tulisan pada halaman kerja. Buat tulisan SMUKU KELAS 3A ANGKATAN 2005 pada halaman kerja. Selanjutnya, klik Move Tool pada toolbox sehingga akan ditampilkan 8 titik. Jika 8 titik tersebut belum dapat ditampilkan, aktifkan Show Bounding Box pada bagian atas halaman kerja. Geser (drag) tulisan tersebut untuk menyesuaikan ukurannya dengan halaman kerja.
9. Langkah terakhir yaitu menyimpan gambar dengan namalogosmuku dengan format GIF dalam subfolder lmage dalam folder C:\SMUKU kemudian tekan tombol Save. Jika muncul prompt atau kotak dialog lain setelah menekan tombol Save, tekan tombol OK pada kotak dialog tersebut.

G. Mendaftarkan Alamat Domain ke Provider Web Hosting.

Untuk mendapatkan nama yang sama, kita harus mempunyai extension domain yang berbeda. Misalnya, jika SMUKU.com sudah ada pemiliknya maka kita tidak dapat menggunakannya atau kita harus memilih extension yang lain, misalnya SMUKU.co.id.
Untuk pencarian nama domain, saat ini sudah banyak web hosting atau domain hosting yang mempunyai kemampuan untuk itu, baik hosting lokal maupun internasional. Yang paling lengkap,yaitu http://www.internic.com dan http://www.register.com.

Lakukan langkah-langkah di bawah ini untuk mendaftarkan alamat domain ke provider web hosting :

1. Untuk melakukan akses Internet, aktifkan Internet Explorer dan pastikan komputer sudah terhubung dengan Internet melalui modem atau jaringan sekolah atau warnet. Ketikkan http://www.register.com pada kotak URL pada web browser komputermu yang akan menampilkan halaman web.
2. Selanjutnya, cari kotak pencarian domain. Selanjutnya, ketikkan nama domain yang akan kita cari, misalnya sekolah.com kemudian tekan tombol Go.
3. Pada halaman tersebut terlihat bahwa domain sekolah. com sudah ada dan yang tersedia yaitu sekolah.tv dan sekolah.cc.
4. Sekarang, kita mencari domain lain yaitu sekolahsmuku.com. Ketikkan sekolahsmuku pada kotak TRY A NEW SEARCH kemudian tekan tombol Search. Kamu dapat menggunakan nama domain yang lain yang kamu inginkan.
5. Hasil menunjukkan bahwa nama domain tersebut masih tersedia. Kita dapat membelinya jika kita mempunyai kartu kredit, tetapi jika kita ingin melakukan pembelian kita harus mencari yang paling murah dan yang paling dekat atau berada dalam saru negara dengan kita. Misalnya, dari Indosat, Telkom, atau beberapa perusahaan hosting lain yang sudah mulai menyediakan layanan tersebut di Indonesia dengan tarif yang relatif terjangkau. Hal yang paling penting, yaitu pembayaran yang fleksibel (dengan rupiah) dan tanpa kartu kredit.

H. Melakukan Upload

Untuk lebih mudah memahami cara melakukan upload dan perbaikan data homepage, kita gunakan fasilitas gratis dari Yahoo dengan alamat http://www.yahoo.com. kita akan meng-upload homepage yang kita buat sebelumnya ke Yahoo Geocities agar mudah diakses. Langkah-langkahnya, yaitu :

1. Daftarkan nama sekolahsmuku sebagai user atau pengguna Yahoo Geodties. Caranya, tekan tombol Sign Up Now. Selanjutnya, akan ditampilkan halaman yang menyediakan fasilitas log in. Klik link Sign Up dibawah kotak log in.
2. Untuk pengguna baru, akan ditampilkan halaman untuk melakukan registrasi. Lengkapi form, Setelah selesai melengkapi form registrasi yang tersedia, tekan tombol I Agree.
3. Lakukan proses registrasi secara lengkap. Setelah selesai melakukan proses registrasi, selanjutnya akan ditampilkan halaman. Klik link Build your websites now! untuk berpindah ke halaman berikutnya.
4. Selanjutnya, akan ditampilkan halaman Geocities Control Panel, Pilih menu Manage kemudian klik link File Manager.
5. Pada halaman File Manager, klik link Open File Manager.
6. Pada halaman berikutnya akan ditampilkan fasilitas untuk melakukan upload file. Tekan tombol Upload Files yang terdapat di sebelah kanan atas.Selanjutnya, masukkan file-file HTML yang sudah dibi sebelumnya. Caranya, tekan tombol Browse di sebelah kanan setiap kotak untuk mengisi lokasi nama file dimaksud. Setelah selesai memasukkan semua file yang dibutuhkan, tekan tombol Upload File Kamu dapat menekan tombol Add more files untuk menambah jumlah file yang akan dimasukkan.
7. Setelah memasukkan file yang dibutuhkan, selanjutnya akan ditampilkan pesan bahwa proses upload file telah berhasil dilakukan.
8. Lalu, tekan link File Manager yang terdapat dibagian bawah halaman.
9. Untuk memasukkan folder gambar yang sudah dibuat, kita perlu membuat subdirectory untuk folder gambar tersebut. Caranya, tekan tombol New di bawah Subdirectories yang ditampilkan. Beri nama subdirectory dengan nama Image kemudian tekan tombol Create Subdirectory.
10. Selanjutnya, buat subdirectory untuk menyimpan/fe CSS dengan cara yang sama. Beri nama subdirectory dengan nama CSS kemudian tekan tombol Create Subdirectory
11. Edit file index.htm yang sudah disediakan oleh Geocities dengan meiakukan modifikasi terhadap isinya. Tandai file index.htm kemudian tekan tombol Edit.
12. Lakukan proses pengeditan melalui editor HTML yang tersedia. Setelah selesai, tekan tombol Save untuk menyimpan hasil pengeditan.
13. Untuk memasukkan file gambar Fish.jpg dan file CSS SMUKU.css ke dalam subdirectory Image dan CSS, klik dua kali subdirectory CSS pada halaman yang ditampilkan, kemudian lakukan upload file SMUKU.css melalui tombol Upload Files.
14. Untuk menampilkan tampilan homepage yang telah kamu upload, klik link View My Site yang terdapat di halaman sebelah kanan atas.

I. Memperbaiki dan Merevisi Data Yang Sudah Ada

Cara memperbaiki homepage yang telah kita buat pada Yahoo! Geocities, mudah diakses. Langkah-langkahnya, yaitu sebagai berikut:

1. Aktifkan Yahoo! Geocities, lakukan login dengan nama sekolahsmuku dan password yang sesuai.
2. Aktifkan Geocities Control Panel yang akan menampilkan halaman. Pilih menu
Manage kemudian klik link File Manager. Pada halaman File Manager, klik link Open File Manager kemudian klik link Open File Manager.
3. Upload file logosmuku.gif dengan cara menekan tombol Browse di sebelah kanan kotak upload file.
4. Ubah gambar fish.jpg yang terdapat dalam setiap halaman, yaitu datasiswa.htm, jadwalpelajaran.htm, kegiatansiswa.htm, dan linkbermanfaat.htm dengan gambar logosmuku.gif.
5. Ubah link dengan. Selanjutnya, tekan tombol Save untuk menyimpan hasil pengeditan
halaman.
6. Untuk menampilkan halaman yang sudah diubah gambarnya, klik link View My Site di bagian kanan atas halaman.