Membuat HOMEPAGE Interaktif

A. Memprogram Web
1. Persiapan Software
a. Sistem Operasi
Beberapa system operasi Windows yang dapat digunakan untuk menjalankan IIS adalah Windows XP Professional, Windows NT, Windows 2000, Windows 2003.
b. Komponen Internet Information Srevices [IIS] pada Windows XP
Fungsi IIS adalah sebagai web server. Dengan menggunakan IIS, kita tidak perlu melakukan konfigurasi atau pemasangan secara manual.
c. Microsoft Frontpage
Microsoft Front Page digunakan untuk merancang homepage dan mengembangkan homepage sederhana.
d. Microsoft Access
Microsoft Access digunakan untuk membuat database sebagai penyimpan data yang akan kita masukkan ke dalam database.
e. Microsoft Internet Explorer
Microsoft Internet Explorer digunakan untuk melakukan pengujian dan pengaksesan homepage interaktif yang telah dibuat.
f. Komponen Open Database Connectivity [ODBC]
ODBC digunakan untuk melakukan koneksi dari program computer ke database. Untuk mengaksesnya adalah klik start -> Control Panel -> Administrative Tools -> Data Sources [ODBC].

2. Persiapan Direktori Kerja
Kita harus mendefinisikan tempat kerja dalam computer yang akan digunakan sebagai web server. Langkah - langkahnya adalah sebagai berikut :
• Aktifkan Windows Explorer.
• Buat satu direktori.
• Buat subdirektori image, CSS, dan database dalam direktori.

3. Persiapan Skenario User Interface
Skenario form harus dibuat untuk memberikan gambaran apa yang akan dikerjakan. Terdapat dua form yang akan dibuat dengan fungsi memasukkan dan menampilkan data siswa dari database, yaitu input data siswa dan output data siswa. Bentuk form dalam Microsoft FrontPage digunakan untuk mempresentasikan HTML yang interaktif lengkap dengan input dan output-nya.

4. Persiapan Komponen IIS
Setelah dua file yang akan kita modifikasi dalam pemrograman selesai dibuat, kita harus mempersiapkan web server, dan dalam computer harus terinstall Internet Information Service [IIS]. Web Server yang akan digunakan adalah computer local tempat kita bekerja dengan tambahan fasilitas IIS. Cara menampilkan informasi homepage melalui IIS yaitu :
• Pengaksesan menggunakan port [hanya Windows NT, 2000, dan 2003.]
• Pengaksesan menggunakan direktori virtual

5. Pemilihan bahasa pemrograman
Microsoft Active Server Pages (ASP) merupakan bahasa pemrograman yang secara otomatis disediakan oleh Microsoft jika kita menggunakan IIS. ASP merupakan suatu skrip yang bersifat server side yang ditambahkan pada halaman HTML untuk membuat sebuah web menjadi lebih menarik, dinamis, dan interaktif.
Server side berarti bahwa proses pengerjaan skrip berlangsung di server bukan di browser atau client. Bahasa skrip standar yang digunakan ASP adalah Microsoft VBScript dan Microsoft Jscript.
Alasan utama penggunaan bahasa pemrograman ASP, yaitu :
• Sudah tersedia secara gratis jika menggunakan IIS pada system operasi Windows.
• Struktur bahasanya sangat mudah untuk dipelajari karena ASP mengadopsi sintaks dari bahasa pemrograman Visual Basic yang sudah sangat familiar di kalangan programmer maupun pemula.
• Mampu berkomunikasi dengan objek komponen (COM/DCOM) yang dibuat dengan berbagai bahasa pemrograman yang lain.
• Mempunyai respon request data dengan cepat.
• Untuk menggunakannya kita hanya tinggal meletakkan kode pemrograman pada halaman homepage yang akan kita program.
File ASP sebenarnya merupakan file HTML yang ditambahkan skrip ASP. Skrip ASP dapat diletakkan dimana saja sebagaimana meletakkan tag HTML. Untuk membedakan antara teks, tag HTML, dan skrip ASP digunakan suatu tanda yang disebut delimeter [suatu karakter atau kumpulan karakter yang mengawali dan mengakhiri suatu tag atau skrip].
a. Deklarasi Variabel
VBScript mempunyai beberapa pernyataan yang digunakan untuk pendeskripsian variable, yaitu dim, private, dan public. Perbedaannya, yaitu pada ruang lingkup yang digunakan. Dim atau private, variabelnya bersifat local. Public, variabelnya bersifat global.
b. Blok kode ASP
ASP selalu diawali dengan blok <% dan diakhiri %>
c. Statement Input
• Sintaks 1 -> Request.Form
=> digunakan untuk mengambil nilai-nilai dari elemen-elemen form HTML
• Sintaks 2 -> Request.QueryString
=> digunakan untuk mengambil nilai variable HTTP query string
d. Statement Output
• Sintaks 1 -> Response.write
=> digunakan untuk menulis output berupa variable sebagai sebuah string
• Sintaks 2 -> Response.redirect
=> digunakan untuk mengirimkan pesan ke browser yang mengarahkan browser untuk menuju ke URL tertentu
e. Statement Logika
Sintaks logika ASP sama dengan sintaks logika bahasa pemrogaman Visual Basic
f. Statement Looping
g. Operasi Pengaksesan Data
h. Cara Kerja ASP
Ketika kita mengakses sebuah halaman ASP dari sebuah website maka halaman tersebut akan di-load ke Internet Explorer dalam bentuk HTML setelah Web Server menerjemahkan semua kode. Kemudian, kode itu akan hilang dan diganti dengan nilai yang dikembalikan dari database.

B. Memprogram Database Web Interaktif
1. Pembuatan Database
Pembuatan database dapat dilakukan dengan menggunakan Microsoft Access yang merupakan bagian dari Microsoft Office.
2. Pembuatan Data Source Name [DSN]
Setelah database dibuat maka selanjutnya adalah membuat DSN, yang akan mempermudah pengaksesan data dari program ke database.
3. Pemrograman
Pemrograman dilakukan setelah menyelesaikan pembuatan DSN. Untuk pemrograman ini akan ditampilkan halaman HTML dan halaman modifikasi menjadi ASP. Dari kedua halaman tersebut, kita dapat membandingkan perubahan yang diperlukan untuk membuat halaman homepage yang interaktif.
4. Pengujian [Testing]
Langkah terakhir adalah pengetesan hasil pemrogaman. Testing ini akan memberitahukan kepada kita apabila terdapat kesalahan dalam coding yang kita lakukan. Kesalahan tersebut akan langsung ditampilkan dalam browser yang kita akses.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • Twitter
  • RSS

0 Response to "Membuat HOMEPAGE Interaktif"

Posting Komentar