Wednesday 2 December 2009

Membuat Homepage Interaktif


A. Memprogram Web


1. Persiapan Software
Software yang dibutuhkan seperti sistem operasi, Internet Information Service (IIS), Microsoft Access, Microsoft FrontPage, Microsoft Internet Explorer, dan komponen Open DataBase Connectivity (ODBC).

• Sistem Operasi
Microsoft juga telah menambahkan kemampuan untuk melakukan pengembangan dan pengetesan dalam pembuatan homepage interaktif pada sisstem operasi Windows XP.
Windows lainnya yang dapat digunakan untuk menjalankan Internet Information Service (IIS) adalah Windows NT, Windows 2000, dan Windows 2003.

• Komponen Internet Information Services (IIS) pada Windows XP
Fungsi IIS adalah sebagai web server. Terdapat beberapa web server yang terkenal di dunia, seperti Apache dan IIS.

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

• Microsoft Access
Microsoft Access digunakan untuk membuat database sebagai penyimpan data yang akan kitamasukan ke dalam database.

• Microsoft Internet Explorer
Microsoft internet Explorer digunakan untuk melakukan pengujian dan pengaksesan homepage interaktif yang telah dibuat.

• Komponen Open DataBase Connectivity (ODBC)
Komponen ODBC digunakan untuk melakukan koneksi dari program komputer ke database.
Salah satu keluhan utama pengguna produk Microsoft adalah penggunaan database yang membingungkan.

International Domain Names merupakan penanaman domain Internet yang mengandung karakter non ASCII. Nama domain tersebut dapat berisi karakter yang digunakan dari bahasa non latin seperti Cina atau Arab.
Posting merupakan tulisan yang dikirimkan untuk dipublikasikan melalui Internet, baik pada website, blog, mailing list, maupun forum.
Tipe data digunakan untuk merepresentasikan penyimpanan data dalam database. Terdapat beberapa tipe data yang disediakan oleh Microsoft Access, yaitu sebagai berikut :
Text, merepresentasikan data yang berbentuk gabungan huruf, angka, dan karakter khusus.
Number, merepresentasikan data yang berbentuk angka.
Date, merepresentasikan data yang berbentuk tanggal.
Memo, merepresentasikan data yang berbentuk teks dan jumlahnya sangat banyak.
Currency, merepresentasikan data yang memiliki format currency atau mata uang.
Auto Number, merepresentasikan data yang akan ditangani oleh sistem berupa angka.
OLE Object, merepresentasikan data yang berupa gabungan dari objek-objek yang dibuat oleh Microsoft.
Hyperlink, merepresentasikan data yang berupa link atau hubungan ke website atau tempat lain.

2. Pemilihan Bahasa Pemograman
Microsoft Active Server Pages (ASP) merupakan bahasa pemograman yang secara otomatis disediakan oleh Microsoft jika kita menggunakan IIS.
Bahasa skrip standar yang digunakan oleh ASP adalah Microsoft VBScript dan Microsoft Jscript.

Alasan utama penggunaan bahasa pemograman ASP, yaitu sebagai beikut :
Sudah tersedia secara gratis jika kita menggunakan IIS pada sistem operasi Windows.
Struktur bahasanya sangat mudah untuk dipelajari karena ASP mengadopsi sintaks dari bahasa pemograman Visual Basic yang sudah sangat familiar di kalangan programmer maupu pemula.
Mampu berkomunikasi dengan objek komponen (COM/DCOM) yang dibuat dengan berbagai bahasa pemograman yang lain.
Mempunyai respon request data dengan cepat.
Untuk menggunakannya, kita hanya tinggal meletakkan kode pemograman pada halaman homepage yang akan kita program.

a. Deklarasi Variabel
VBScript mempunyai beberapa pernyataan yang digunakan untuk pendeklarasian variable, yaitu dim, private, dan public. Perbedaannya, yaitu pada ruang lingkup yang digunakan.
VBScript mempunyai kemampuan untuk mengenal variable walaupun tidak dideklarasikan. Akan tetapi, sebaiknya deklarasi tetap dilakukan untuk menghindari kesalahn pengguna variabel.

b. Blok kode ASP
ASP selalu diawali dengan blok <% dan diakhiri dengan blok %>. Didalam kedua blok tersebut, sintaks, atau kode ASP dituliskan.


c. Statement Input
Sintaks 1 →Request.Form()
Sintaks 2 →Request.QueryString()
• Request.Form digunakan untuk mengambil nilai dari elemen-elemen form HTML.
• Request.QueryString digunakan untuk mengambil nilai variabel HTTP query string.

d. Statement output
Statement atau pernyataan output digunakan untuk mengatur output yang akan dikirim ke browser.
Sintaks 1 → Response.write()
Sintaks 2 →Response.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.

e. Statement logika
Sintaks logika untuk ASP sama dengan sintaks bahasa pemograman Visual Basic.

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

 HTTP (Hyper Text Transfer Protocol) merupakan protocol yang digunakan pada World Wide Web (WWW).
HTTP menentukan bagaimana pesan di format dan di transmisikan, serta tindakan apa yang harus dilakukan oleh web server dan web browser dalam merespon perintah.


B. Memprogram Database Web Interaktif

1. Pembuatan Database
Pembuatan database untuk sesuatu situs web yang dapat menggunakan Microsoft acces.

2. Pembuatan Data Source Name (DSN)
Data source Name(DNS) akan mempermudah pengaksesan data dari program ke database. Pemrograman dilakukan setelah kita mnyelesaikan pembuatan DNS yang kemudian akan dilakukan atau akan dilanjutkan dengan pengujian (testing) 

3. Pemogrman
Dilakukan setelah pembuatan DSN. Untuk prmograman ditampilkan halam HTML dan halaman modifikasi mendjadi ASP. dari kedua halaman tersebut, dapat membandingkan perubahan yang diperlukan untuk membuat halaman homepage interaktif


4. Pengujian (Testing)
Testing akan memberitahukan kepada kita apabila terdapat kesalahan dalam coding yang kita lakukan. kesalah tersebut akan langsung ditapilkan dalam browser yang kita akses. Akan tetapi, jika tidak terdapat kesalahan maka kita dapat mengetahui bahwa data tersebut sudah tersimpan dalam database

0 comments:

Post a Comment

 

PROJECT Copyright © 2009 Flower Garden is Designed by Ipietoon for Tadpole's Notez Flower Image by Dapino | Distributed by Deluxe Templates