Bab 6 : Membuat Homepage Interaktif

A. Memprogram Web

1. Persiapan Software

a. Sistem Operasi

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 dan mengembangkan homepage

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

2. Persiapan Direktori Kerja

Kita harus mendefinisikan tempat kerja dalam computer yang digunakan sebagai web server

--Aktifkan Windows Explorer

--Buat satu direktori

--Buat subdirektori image, css, dan database

3. Persiapan Skenario User Interface

Skenario form harus dibuat untuk memberikan gambaran apa yang akan dikerjakan.

Terdapat dua form yang akan dibuat dengan fungsi untuk memasukkan dan menampilkan data siswa dari database

4. Persiapan Komponen IIS

Setelah dua file yang akan kita modifikasi dalam pemrograman selesai dibuat, kita harus mempersiapkan web server

Dalam computer harus terinstall Internet Information Service

Web Server yang akan digunakan adalah computer local tempat kita bekerja dengan tambahan fasilitas IIS

--Pengaksesan menggunakan port

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

Alasan utaman penggunaan bahasa pemrograman ASP :

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

--Kita hanya tinggal meletakkan kode pemrograman pada halaman homepage yang akan kita program

Skrip ASP dapat diletakkan dimana saja sebagaimana meletakkan tag HTML

Skrip ASP digunakan suatu tanda yang disebut delimeter (suatu karakter atau kumpulan karakter yang mengawali dan mengakhiri suatu tag atau skrip

--Tag HTML

--Skrip ASP

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

Public, variabelnya bersifat global

b. Blok kode ASP

ASP selalu diawali dengan blok

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

f. statement looping

g. operasi pengaksesan data

h. cara kerja ASP

B. Memprogram Database Web Interaktif

1. Pembuatan Database

Pembuatan database dapat dilakukan dengan menggunakan Microsoft Access

2. Pembuatan Data Source Domain

DSN mempermudah pengaksesan data dari program ke database

3. Pemrograman

Pemrograman dilakukan setelah pembuatan DSN

Untuk pemrograman ini akan ditampilkan halama HTML dan halaman modifikasi menjadi ASP

Dari kedua halaman tersebut, kita dapar membandingkan perubahan yang diperlukan untuk membuat halaman homepage yang interaktif

4. Pengujian (Testing)

Testing ini akan memberitahukan kepada kita apabila terdapat kesalahan dalam coding yang kita lakukan

Kesalahan tersebut akan langsung ditampilkan dalam browser yang kita akses

Read more

Bab 5 : Membuat Homepage Sederhana

A.Menentukan Perangkat Lunak Untuk Membuat Homepage

Hal-hal yang harus diperhatikan dalam membuat homepage :

-- Tujuan dibuatnya homepage

-- Siapa yang menjadi target untuk melihat homepage yang akan kita buat

-- Klasifikasikan informasi yang akan ditampilkan dalam homepage

-- Hasil klasifikasi akan mewakili satu halaman homepage, klasifikasi lain ditampilkan dalam hyperlink

-- Buat sebuah skenario dari setiap hasil klasifikasi

Tiga kriteria teks untuk membantu pengembangan homepage

-- Editor HTML

+ Digunakan untuk mendesain homepage dan komponen-komponennya

+ Digunakan untuk menggabungkan gambar, suara, dan animasi

+ Bersifat Graphical User Interface

+ Software : Microsoft Front Page XP

-- Editor Graphics

+ Digunakan untuk mengedit gambar yang akan ditampilkan pada homepage

+ Software : CorelDRAW dan Adobe Photoshop

-- Editor Multimedia Animasi dan Suara

+ Digunakan untuk membuat animasi gambar dan suara

+ Software : Macromedia Flash

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 membuat dan memilih jenis layout yang tersedia dalam MS FrontPage XP, langkah- langkah yang kita lakukan pada saat akan membuat halaman atau website baru :

-- Pilih tombol Start --> All Programs --> Microsoft FrontPage

-- Pilih menu file --> new --> page or web

-- Pilih Page Templates

-- Pilih tab Frames Pages

-- Pilih jenis frame yang kamu inginkan, tekan OK

C.Menerapkan Hyperlink

Hyperlink digunakan sebagai alat navigasi halaman pada homepage

Langkah-langkah membuat Hyperlink dengan MS Front Page

-- Aktifkan aplikasi MS Front Page

-- Buat tulisan "Link ke halaman lain"

-- Blok tulisan "Link ke halaman lain" dengan cara men-drag tombol kiri mouse

-- Tekan tombol Ctrl + K pada keyboard sehingga akan menampilkan kotak dialog Insert Hyperlink

-- Setelah file disimpan dan dijalankan, kita klik "Link ke halaman lain" maka akan membuka halaman tujuan tersebut

Langkah-langkah membuat hyperlink dengan tag HTML

-- Aktifkan aplikasi MS Front Page

-- Buat tulisan "Link ke halaman lain"

-- Klik tab HTML di bagian bawah dokumen

-- Selanjutnya, akan ditampilkan sintaks HTML

-- Letakkan kursor di depan kata "Link" dan dibelakang tag (p)

-- Ketikkan tag (a href="linktujuan.htm)

-- Letakkan kursor di belakang kata "lain" dan di depan tag (/p)

-- Ketikkan tag (/a)

-- Klik tab Normal di bagian bawah dokumen

D. Menerapkan Cascading Style Sheet (CSS)

Dengan menggunakan MS FrontPage, kita tidak perlu merasa bingung untuk memberikan efek warna dan tampilan pada hompage yang kita buat

Fungsi utama dari CSS adalah untuk melakukan pengaturan beberapa format

-- Bentuk huruf

-- Ukuran huruf

-- Format huruf

-- Warna huruf

-- Warna background

-- Warna Hyperlink

-- Format Textbox

E. Membuat aplikasi dalam Sistem yang Terintegrasi

Membuat aplikasi terintegrasi dengan MS Front Page

-- Untuk membuat situs, diperlukan sebuah skenario sederhana

-- Fungsinya. yaitu untuk memandu kita dalam pembuatan situs

-- Jika skenarion sudah dibuat, maka implementasi/pembuatan website tidak akan mengambang

Menentukan Directory Lokasi Kerja

--Directory tempat kita menyimpan file-file hasil kerja harus dipersiapkan dengan baik

--Pengorganisasian ini untuk mempermudah pencarian file hasil kerja pada saat diperlukan

Membuat halaman pada homepage

Mengaplikasikan CSS

F. Membuat Grafis Sesuai Dengan Homepage yang Diinginkan

Kita dapat membuat grafis dengan menggunakan editor Adobe Photoshop atau editor graphic lainnya

G. Mendaftarkan Alamat DOmai ke Provider Web Hosting

Untuk mempublikasikan homepage yang telah dibuat melalui Internet, kita perlu mempunyai alamat di Internet yang disebut domain

Nama domain sangat spesifik atau bersifat unik

Kita harus mempunyai ekstension domain yang berbeda

Untuk pencarian nama domain, saat ini sudah banyak webhosting/domain hosting yang mempunyai kemampuan untuk itu

-- Contohnya : www.internic.com dam www.register.com

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

I. Memperbaiki dan Merevisi data yang sudah ada

Kita dapat memperbaiki homepage pada Yahoo! Geocities agar mudah diakses

Read more

Bab 4: Mencari Informasi dan Berkomunikasi Melalui Internet

A.Menggunakan Pelayanan Internet dalam Akses Informasi dan Komunikasi untuk Menyelesaikan Tugas-Tugas yang Diberikan oleh Guru

1.Melakukan Pencarian Informasi Menggunakan Situs sesuai dengan Mata Pelajaran

www.chem-is-try.org , membahas ilmu kimia

www.ilmukomputer.com , membahas ilmu computer

www.fisika.lipi.go.id , membahas ilmu pengetahuan

www.invir.com , berisi contoh soal ujian atau ebtanas

2.Melakukan Pencarian Informasi Menggunakan Search Engine

Google, Yahoo, Altavista, Alltheweb, Lycos, Excite, Web crawler, dll

3.Fasilitas Khusus pada Google

Pencarian Khusus

--Kita dapat menentukan format file yang akan dicari.

4.Trik Pencarian Melalui Google

Simbol Matematika [Tanda Plus (+)]

--Mencari berbagai dokumen yang mempunyai lebih dari satu kata kunci

Simbol Matematika [Tanda Minus (-)]

-- Diartikan “Kecuali”, jika kamu tidak ingin menampilkan dokumen / file yang berisi kata yang terdapat di belakang minus.

Tanda Kutip (“)

--Jika kamu hanya ingin memperoleh halaman web yang mengandung kata yang berada diantara tanda kutip. Di mana kedua kata/lebih terletak tidak terpisah dan serangkai.

Tanda (~)

--Menampilkan halaman web yang berisi tentang sinonim kata yang terdapat setelah tanda (~)

Operasi Boolean (OR)

--Diartikan “Atau”, hasil pencarian akan menampilkan dokumen atau informasi yang berisi salah satu dari kata yang kamu masukkan

B.Penggunaan Layanan Chatting untuk berkomunikasi

Chatting : mengacu kepada segala bentuk komunikasi menggunakan Internet, tetapi secara spesifik mengacu kepada percakapan berbasis teks antara dua orang pengguna Internet. Percakapan di Internet dapat menggunakan perangkat lunak seperti pengirim pesan instan, Internet Relay Chat, dan lain-lain.

Internet Relay Chat (IRC) adalah suatu bentuk komunikasi di Internet yang diciptakan untuk komunikasi kelompok di tempat diskusi yang dinamakan channel (saluran), tetapi juga bisa untuk komunikasi jalur pribadi.

C.Penggunaan Mailing List di Yahoogroups untuk Berkomunikasi

Milis (bahasa Inggris : mailing list) atau senarai : group diskusi di internet dimana setiap orang bisa berlangganan dan berikutserta didalamnya.

1.Membuat Mailing List di Yahoo! Groups

Yahoo! Groups : sebuah layanan gratis dari Yahoo! kepada masyarakat umum untuk mengadakan forum-forum diskusi berupa mailing list.

2. Berkirim E-mail menggunakan Mailing List

Read more

Bab 3 : Menggunakan E-mail untuk Komunikasi

A.Mendeskripsikan Fungsi E-mail sebagai Alat Komunikasi

1.Penggunaan Internet untuk Komunikasi (E-mail)

E-mail yang berbasis web : pada email jenis ini, seluruh aktivitas mengirim atau menerima email dilakukan melalui sebuah situs yang disebut dengan web mail

--TelkomNet Mail, Yahoo Mail, Hotmail

E-mail yang berbasis client : pada email jenis ini, dibutuhkan sebuah software tunuk menulis dan mengolah email tanpa harus terhubung dengan internet

-- Eudora atau Microsoft Outlook

2.Fungsi E-mail sebagai Alat Komunikasi

Pesan terkirim dengan sangat cepat dan murah

Dapat mengirim e-mail ke beberapa orang secara langsung

Dapat mengirim pesan ke tempat yang sangat jauh dengan cepat

Banyak cara untuk mendapatkan e-mail

--Melalui penyedia e-mail gratis --> Yahoo, Plasa, Telkom, Gmail, Hotmail, dll

--Undangan dari teman

-- Dari ISP --> IndosatNET, Wasantara Net, dan INDO.NET

--Dari perusahaan

--Memesan sendiri : Layanan hosting internet : jasa layanan internet yang menyediakan sumber daya peladen-peladen untuk disewakan sehingga memungkinkan organisasi atau individu menempatkan informasi di internet berupa HTTP, FTP, EMAIL, atau DNS

B.Mendeskripsikan Persamaan dan Perbedaan Mailbox di Kantor Pos (Fisik) yang Memiliki Identitas dan Kunci dengan Mailbox di E-Mail (Logik) yang Memiliki User ID dan Password

· Pengiriman surat dengan menggunakan media konvesional akan menghasilkan sesuatu yang jelas dan isinya tidak harus selalu diklarifikasi. Sedangkan melalui email, adakalanya informasi yang terkandung di dalamnya perlu dikonfirmasi ulang kepada si pengirim, terutama untuk sesuatu yang sifatnya penting dan tidak ada hubungannya dengan pembicaraan sebelumnya.

· Pengguna E-mail memiliki sebuah kotak surat yang disebut dengan mailbox yang tersimpan dalam mailserver.

· Untuk dapat membuka mailbox, pengguna harus memasukkan user ID dan kata kunci (password)

C.Menggunakan Alamat Tujuan dan Subjek untuk Membuat E-mail

· namamailbox@namamailserver

Ø @ menyatakan at / di

Ø Namamailbox menyatakan nama user

Ø Namamailserver menyatakan nama server tempat mailbox disimpan

1.Melakukan Pendaftaran di Yahoo! Mail

2.Menggunakan Yahoo! Mail

D.Melakukan Attachment File dalam E-mail

1.Mengirim E-mail

2.Mengirim Attachment File dalam E-mail

--Dapat mengirimkan atau menyertakan lampiran lain berupa file atau dokumen melalui email

E.Melakukan Reply dan Forward

1.Melakukan Reply E-mail

--Membalas email yang kita terima

2.Melakukan Forward E-mail

--Fasilitas untuk meneruskan email yang kamu terima, ke alamat email lain selain alamat si pengirim

F.Mengelola E-mail

Dapat menghapus email, mengosongkan folder, atau memindahkan email ke folder khusu yang sesuai dengan kategori yang kamu inginkan,

Email yang sudah memenuhi inbox dan melewati batas memori yang ditetapkan akan menyulitkan kamu ketika akan menghapus email tersebut

G.Melakukan Download Attachment dan Memindahkan pada Media Lain

Kita dapat membuka dan menyimpan file attachment yang kita terime ke media lain seperi floppy disk, flashdisk, atau harddisk

H.Kode Etik Penggunaan E-mail

· Netiquette atau Internet Etiquette

Ø Hindari penggunaan huruf capital terhadap seluruh isi pesan

Ø Hormati privacy orang lain (gunakan BCC / Blind Carbon Copy)

Ø Ingatlah bahwa tidak semua orang suka menerima segala hal yang kamu anggap lucu

Ø Jangan teruskan surat berantai

Ø Jangan melakukan spam

Ø Perhatikan susunan E-mail ketika melakukan “forward”

Ø Selalu isi bagian subjek, jangan dibiarkan kosong

Ø Gantilah “Subject” apabila topic pembicaraan berubah

Ø Hapuslah pesan Reply yang tidak perlu

Ø Jangan mudah tersinggung, reaksi berlebihan, atau terburu-buru menghapus suatu E-mail tanpa memikirkannya dengan baik

Ø Bersabarlah dalam menunggu balasan

Ø Jangan Mengirim E-mail dengan attachment yang terlalu besar

Ø Hindari kesalahan ejaan ataupun tatabahasa

Ø Hindari penggunaan kata-kata “pedas”

Ø Baca Frequently Asked Question (FAQ) jika bergabung dalam kelompok diskusi

Read more