MODUL VI Membuat Corporate Presence Web Tujuan Mempelajari cara membuat Corporate Presence Web Wizard. Wizard ini akan membantu kita membuat sebuah situs Web yng terintegrasi dengan item-item yang kita pilih. Teori Corporate Presence Web Wizard adalah sebuah situs web yang terintegrasi dengan item-item yang kita pilih seperti What’s New, Products, Services, Table of Contents, Feedback Form, dan Search Form. Wizard juga menyediakan sarana pemilihan berbagai tampilan, seperti Plain, Conservative, Flashy, ataupun Cool. Praktik 1. Aktifkan File Æ New Æ Page or Web… Pilih New Web. Task Pane Aktif. 2. Klik icon Web site Templates. Muncul kotak dialog New from Templates.
3. Klik icon Corporate Presence Wizard. Lalu pada kotak isian Specify the location of the new web, tulislakan URL web site Anda. Dalam contoh ini, http://master/web2Corporate. 4. Klik OK, wizard dijalankan dengan kotak dialog pertama seperti gambar dibawah ini yang sebelah kiri.
5. Pada kotak dialog pertama klik Next, tampil kotak dialog wizard kedua (gambar dits yng sebelah kanan). Kotk dialog kedua menyediakan sarana pemilihan item-item untuk halaman web Anda. Item-item tersebut antara lain What’s new, Product/Servic, Table of Contents, Feedback Form dan search Form. Berikut ini keterangan masing-masing item: • What’s new. Untuk menampilkan fasilitas baru produk perusahaan kita. • Product/service. Untuk menampilkan keterangan tentang produk atau layanan perusahaan kita seperti informasi, spesifikasi, model, harga dan sebagainya. • Table of Contents. Untuk membuat daftar isi halaman situs yang sedang kita susun. • Fedback Form. Menyediakan formulir umpan balik dari pemakai produk kita. • Search Form. Menyediakan sarana pencarian teks pada situs yang meliputi ke seluruh halaman. 6. Klik pilihan Anda lalu klik Next, tampil kotak dialog ketiga.
Modul Praktikum E-Commerce
15
Kotak dialog ketiga menyediakan sarana pemakaian Introduction, Mission Statement, Company Profile dan Contact Information. • Introduction. Untuk membuat teks salam jumpa dan salam perkenalan untuk menyap konsumen kita. • Mission Statement. Untuk menampilkan misi perusahaan kita, yaitu tujuan yang ingin diraih oleh perusahaan kita. • Company Profile. Menampilkan informasi tentang perusahaan kita, meliputi bidang usaha, jenis produk, riwayat perusahaan,asset perusahaan dan sebagainya. • Contact Information. Untuk menampilkan nama, alamat, metode, sarna dan data-data untuk mengakses perusahan. 7. Klik pilihan yang ingin Anda sertakan ke halaman web. Lalu klik Next, tampil kotak dialog keempat.
Kotak dialog keempat menyediakan sarana pemilihan Web Changes, Press Releases dan Articles and Reviews. • Web Changes, sarana pengubahan web. • Press Releases, tampilan yng sesuai untuk pengumuman pers. • Articles and Reviews, untuk menampilkan informasi tentang majalah atau artikel yang mendukung perusahaan. 8. Klik pilihan yang ingin Anda sertakan ke halaman web. Klik Next, tampil kotak dialog kelima.
Kotak dialog kelima menyediakan sarana pengisian jumlah halaman untuk produk perusahaan Anda dan jumlah halaman untuk servis yang diberikan perusahaan. 9. Isikan jumlah halaman untuk masing-masing item tersebut. Lalu klik Next, tampil kotak dialog keenam.
Kotak dialog keenam menyediakan sarana pemilihan item-item bagi produk dan servis perusahaan Anda, antara lain: • Product image. Sarna penulisan image produk yang sangat berperanan dalam pemasaran produk.
Modul Praktikum E-Commerce
16
• • • • •
Pricing information. Untuk menampilkan daftar harga dan paket-paket produk perusahaan. Information request form. Menyeiakan form untuk umpan balik bagi perusahaan. Capabilities list. Daftar kemampuan produk. Reference accounts. Daftar account yang bisa diakses untuk keperluan transfer. Information request form. Menyediakan form untuk umpan balik bagi perusahaan.
10. Tentukan pilihan Anda, lalu klik Next. Tampil kotak dialog ketujuh.
Kotak dialog ketujuh berfungsi untk pemilihan item pada formulir umpan balik. Item tersebut antara lain nama, jabatan, alamat surat, nomor telepon, nomor fax dan alamat e-mail. 11. Klik pilihan item dan klik Next, tampil kotak dialog kedelapan.
Kotak dialog kedelapan berguna untuk penentuan apakah form umpan balik kompatibel dengan program database seperti MSAccess atau program spreadsheet seperti MS Excel. Fasilitas ini sangat berguna untuk pengaturan umpan balik yang seringkali berjumlah amat besar. 12. Tanpa mengubah pilihan yang ada di kotak dialog kedelapan, klik Next. Tampil kotak dialog kesembilan.
Kotak dialog kesembilan menyediakan sarana pemeliharaan situs wenb Anda. 13. Untuk sementara biarkan seperti apa adanya, yaitu pilihan ketiga yang aktif, lalu klik Next. Tampil dialog kesepuluh.
Kotak dialog kesepuluh menanyakan item yang akan dipakai sebagai header dan footer tiap halaman.
Modul Praktikum E-Commerce
17
14. Tentukan pilihan Anda, klik Next. Tampil dialog kesebelas.
Kotak dialog kesebelas menjelaskan tentang pemilihan icon untuk penandaan bahwa halaman web sedang dibangun. 15. Sebaiknya pilihlah Yes, lalu Next. Tampil dialog keduabelas.
16. Kotak dialog keduabelas menyediakan sarana untuk pengisian nama perusahaan dan alamatnya. Isikan data-data dan informasi tersebut pad kotak isian yang bersangkutan. Tentu saja data yang sesuai dengan keinginan Anda. Lalu klik Next, tampil kotak dialog ketigabelas.
17. kotak dialog ketigabelas digunakan untuk pengisian nomor telepon, fax dn e-mail. Isikan datanya sesuai kondisi pada perusahaan Anda. Klik Next, akan membuka kotak dialog keempatbelas untuk penentuan tema tampilan (Web Theme).
18. Klik tombol Choose Web Theme, tampil pemilihan Theme.
19. Cara pemilihannya sederhana, yaitu klik nama tema pada kotak daftar di sebelah kiri, tampilannya ditujukan pada kotak preview di sebelah kanan kotak daftar. Setelah Anda mendapatkan tema yang
Modul Praktikum E-Commerce
18
paling disukai, klik OK. Pilihlah salah satu yang Anda sukai. Straight Edge misalnya. Lalu OK, kembali ke kotak dialog keempatbelas. Klik Next, tampil kotak dialog kelimabelas(terakhir).
20. Klik Finish, FrontPage XP akan bekerja mewujudkan keinginan kita berdasarkan pilihan-pilihan yang telah kita buat. Setelah selesai, Frontpage XP akan menampilkan susunan folder maupun halaman situs. Klik ganda halaman default.htm yang merupakan halaman Home Page situs tersebut. Home Page adalah halaman yang akan ditampilkan pertama kali didalam situs. Hasilnya seperti berikut.
Pekerjaan selanjutnya adalah mengedit isinya, baik teks, gambar atau obyek lainnya, disesuaikan dengan data-data dan informasi perusahaan kita. Seperti tampak pada Folder List, terlihat bahwa situs web yang dihasilkan memiliki 16 halaman, yaitu Home, Feedback, Contents, Search, News, Products, Services, Products(1,2,3), Services(1,2,3), dan Press Releases(1,2,3). Berikut ini keterangan beberapa halaman yang penting: • Home. Menampilkan informasi singkat tentang layanan yang disediakan oleh perusahaan Anda. Tentu saja tersedia tombol-tombol navigasi dan daftar halaman lain yang bisa dibuka. • Feedback. Adalah semacam kotak saran yang menyediakan sarana umpan balik terhadap produk kita. • Contents. Adalah daftar isi halaman-halaman dalam situs perusahaan kita. • Search. Halaman yang menyediakan sarana pencarian data teks tertentu yang ada pada situs perusahaan kita. • News. Menyampaikan daftar perubahan atau perbaikan fasilitas layanan yang ada pada versi terakhir. Cara memperbaharui, jadwal produk baru, dan problem serta pemecahannya. • Products and Services. Adalah halaman yang menyampaikan informasi tentang produk dan layanan yang disediakan oleh perusahaan kita. Berikut ini dua tampilan halaman pada browser:
Modul Praktikum E-Commerce
19
Tugas: 1. Editlah isi web yang telah anda buat dan sesuaikan dengan perusahaan yang rancang. 2. Cetak hasilnya, sertakan juga dengan htmlnya.
Modul Praktikum E-Commerce
20