BAB 6

BAB6 Membuat Homepage Interaktif

A. Memprogram Web

1. Persiapan Software

Untuk membuat homepage dinamis atau interaktif sangatlah sederhana. Software yang di butuhkan seperti.
1. System Operasi,
2. Internet Information Services (IIS),
3. Microsoft Access
4. Microsoft FrontPage
5. Microsoft Internet Explorer
6. Komponen Open DataBase Connectivity


2. Persiapan Direktori Kerja

Seperti langkah awal pada saat kita akan membuat homepage sederhana, kita harus mendefisinikan tempat kerja dalam computer yang akan digunakan sebagai web server. Langkah-langkah yang harus dilakukan, yaitu:
1. Aktifkan Windows Explorer dalam computer.
2. Buat sati direktori dalam drive C dengan nama SMUKU-INT
3. Buat subdirektori image, css, dan database dalam direktori SMUKU-INT.


3 Persiapan Skenario User Interface

Skenario from 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.
1. Input data siswa.
2. Output data siswa.

4. Persiapan Komponen IIS.

Setelah dua file yang kita akan modifikasi dalam pemograman selesai dibuat, kita harus memersiapkan web server. Untuk menjadikan aebuah computer web server, dalam computer tersebut harus terinstal IIS. Web server yang akan digunakan adalah computer local tempat kita bekerja degan tambahan fasilitas IIS.
Terdapat 2 cara manampilkan informasi homepage melalui IIS yaitu:
1. Menggunakan port
2. Menggunakan direktori vitual.


5. Pemilihan Bahasa Pemograman.

Microsoft Active Server Pages (ASP) merupakan bahasa pemograman yang secara otomatis disediakan oleh Microsoft jika kita menggunakan IIS.
a. Deklarasi Variabel
b. Blok kode ASP
c. Statement Input
d. Statement output
e. Statement Logika
f. Statement looping
g. Operasi pengakses data
h. Cara kerja ASP


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.