Cara Connect HTML ke MS-Access Database

Hay.. Teman" Saya Maw Berbagi Ilmu Pada Kalian Cara Connect HTML ke MS-Access Database Untuk akses data pada HTML melibatkan Office Web Component yaitu MS-ACCESS, menyimpan informasi koneksi tentang suatu sumber data. Artikel ini menguraikan bagaimana caranya menggunakan halaman-halaman akses data untuk sambung satu halaman HTML kepada tabel-tabel di suatu database.

Membuat Database dengan Microsoft Access

1. Start Microsoft Access, buatlah new blank database dengan nama “HTMLAccess.mdb“.
2. Buatlah Tabel baru dengan nama “Contacts” dengan step sbb:
   Di tampilan Objects, klik Tables.
   Double-click Create table by using wizard. Muncul Table Wizard disertai bermacam-macam fields yang tersedia
   Pada Sample Tables list, klik Contacts. Klik tombol single chevron (>) pilih 10 field yg tersedia dari posisi atas dari Sample Fields ke kotak Fields in my new table list. klik Next.
   Pada halaman ini seting tabel kita ikuti default yang ada, kemudia tekan Next.
   Kemudian pilih Enter data into the table using a form the wizard creates for me dengan menekan tombol check box, dan klik Finish.
3. Tabel “Contacts” telah berhasil dibuat. Begitu juga muncul form baru “Contacts“.
4. Isikan 2 kategori data pada form “Contacts” (Anda tidak perlu mengetikan nilai di field Contact ID). Gunakan tombol TAB untuk mempercepat pengisian data pada form.
5. Klik tombol Close pada form Contacts. Save form dengan nama Contacts.

Cara 1: Membuat Halaman Data Access dengan the Wizard pada MS-Access
Untuk membuat sebuah halaman data access memakai the wizard pada Ms-Access, ikuti langkah berikut:

1. Start Microsoft Access. pada Objects, klik Pages. Double-click Create data access page by using wizard. Muncul kotak Page Wizard.
2. Pilih tabel “Contacts” pada Tables/Queries list box. Klik tombol double chevron (>>) untuk mengopy seluruh fields ke Selected Fields list box. Select ContactID, dan Klik tombol the single chevron (<) untuk membatalkan penggunaan field ini. Klik Next.
3. Halaman berikut pada the wizard berfungsi mengatur data ke sebuah groups, termasuk organizing contacts berdasarkan country. Biarkan design tetap simple, Klik Next. Halaman berikut meminta untuk pengurutan (sort order) berdasarkan records. Klik Next.
4. Halaman terakhir adalah penamaan halaman HTML. Klik Open the Page, lalu Finish. Halaman Data access telah muncul.
5. Isikan data Contact lagi jika dibutuhkan. Gunakan tombol dibawah form untuk membantu pengisian data.
6. Lakukan penyimpanan dengan File menu, click Save. Save halaman data access dengan nama “Contacts.htm” di folder My Documents.
7. Baca petunjuk yang muncul di setiap box message kemudian klik OK. Tutup halaman data access.

Cara 2: Membuat halaman Data Access memakai HTML.
Untuk membuat halaman data access memakai HTML, ikuti step berikut:

1. Start Notepad, ketikan kode HTML berikut:
   

   Accessing Data through HTML and Access

   Looking at Excel Web Components to create a DAP
2. Save dengan nama file MyHTML.htm ke folder My Documents.
3. Di Windows Explorer, double-click MyHTML.htm. Tampilan halaman HTML muncul di Microsoft Internet Explorer. Lalu tutup Internet Explorer.

Buatlah data access page link, ikuti step berikut:

1. Start Microsoft Access gunakan database “HTMLAccess”. Di bawah Objects, klik Pages. Double-click Edit Web page that already exists. muncul Locate Web Page dialog box. Klik MyHTML.htm di folder My Documents, klik Open. Halaman HTML terbuka dalam mode Design view.
2. Klik baris terakhir teks “Looking at Excel Web Components to create a DAP“, tekan ENTER untuk membuat paragraph baru.
3. Buat hyperlink Contacts ke halaman HTML, stepnya:
   a. Pada Insert menu, Klik Hyperlink. Muncul Insert Hyperlink.
   b. Pada kotak Text to display ketikan teks Click here to view Contacts HTML Page.
   c. Klik file HTML Contacts.htm di folder My Documents.
   d. Klik OK untuk kembali ke data access page.
4. Klik pada baris terakhir di teks yang baru, dan tekan ENTER untuk membuat baris baru pada data access page.

Untuk mengedit dan test data access page, stepnya adalah:

1. Memakai data access page pada mode Design view, select items data pada kotak Field List. (Jika kotak Field List ini tidak muncul, Klik Field List di menu View. Di Field List, tersedia tabel Contacts.
2. Drag fields FirstName dan LastName ke dalam halaman data access, dibaris terakhir teks. Muncul labels dan text box record navigation bar.
3. Drag table Contacts dari panel Field List ke dalam data access page, taruh di belakang text box terakhir. Muncul dialog Layout Wizard. Klick Office Spreadsheet, lalu Klik OK.
4. Proses Relationship tersedia. Biarkan saja dan klik OK untuk kembali ke data access page. Dengan memakai Spreadsheet Komponen di Office Web data akan ditampilkan.
5. Pada menu View, Klik Page View untuk melakukan test halaman ini.
6. Klik New pada record navigation bar untuk memsukan data First Name dan Last Name text box. Klik Save di tombol record navigation bar. Data baru akan muncul di spreadsheet control.
7. Save dan close halaman data access. Di Microsoft Access, klik Tables, lalu double-click table Contacts. Pastikan data yang baru saja kita masukan menambah ke dalam tabel Contacts, lalu tutup Microsoft Access.

Verifikasi Hasil Akhir
Untuk membuka data access halaman, Ikuti langkah berikut:

1. Open Internet Explorer. Di folder My Documents, open file MyHTML.htm.
2. Test seluruh halaman.
3. Klik hyperlink untuk memastikan links ke file Contacts.htm berfungsi.

NOTE: Sebelum ada publish halaman data access ke Web server, pastikan semua alamat paths benar, dan rubah dan sesuaikan alamat hyperlinks untuk URLs-nya.
Untuk merubah connectionnya, berikut stepsnya:

• Start Microsoft Access. Di halaman data access Design view, open the MyHTML.htm file.
• Jika Field List tidak tersedia, klik Field List di menu View .
• Di Field List, klik Page connection properties icon terletak dibawah title bar Field List panel. Dialog Data Link Properties muncul.
• Pastikan connection corresponds benar terletak pada path database.
• Jika databases Anda memakai Microsoft SQL Server, pastikan OLEDB Provider pengaturannya benar di Provider tab.
• Klik OK untuk melengkapi perubahan connection property-nya.

To change a URL, follow these steps:

1. Select hyperlink Teks yang akan dirubah.
2. Di Menu Insert, Klik Hyperlink. Dialog The Edit Hyperlink muncul.
3. Ketikan URLdi kotak Address box, dan tekan OK.

REFERENCES
Sample halaman data access tersedia di Northwind database. Northwind database full installation ada di CD Microsoft Office XP Professional.