Wednesday 20 May 2020

Belajar Corel Draw 12

CorelDraw 12 merupakan salah satu software desain grafis yang sangat terkenal. Berbagai fasilitas untuk mendesain tersedia di sini sehingga memudahkan para penggunanya untuk memanfaatkannya. CorelDraw 12 dapat digunakan untuk berbagai keperluan, mulai dari membuat brosur, membuat pamphlet, surat undangan, majalah, brosur dan cover buku yang menarik.
Supaya dapat membuahkan hasil yang menarik, diperlukan latihan-latihan. Sebagai bahan latihan, akan saya paparkan tips & triks menggunakan coreldraw. Mudah-mudahan bermanfaat bagi kita semua…
1. Membuka Corel Draw
Klik Start  All Programs  pilih CorelDRAW Graphics Suite 12  Klik CorelDraw 12.
Cara lain: Klik shortcut di desktop yang bertuliskan CorelDraw 12.
1. Tampilan Corel Draw
o Menu utama (1)  terdiri dari menu-menu untuk mengoperasikan CorelDraw 12.
o Standar (2)  perintah-perintah pada menu utama
o Property bar (3)  berisi tombol-tombol perintah tambahan.
o Tool box (4)  berisi alat untuk mendesain gambar.
o Ruler (5)  sebagai garis pengukur objek
o Color Pallete (6)  berisi perintah untuk memilih warna objek.
o Pages (7)  sebagai petunjuk halaman yang aktif.
o Lembar kerja (8)  halaman tampilan untuk tempat mendesain objek.

1. Menyimpan Desain File
Klik menu File  Save  tulis pada filename nama filenya  tekan Save.
1. Menutup File
Klik menu File  klik Close.
1. Menutup Program CorelDraw 12
Klik menu File  klik Exit.
1. Mengatur Ukuran/ Jenis Kertas
Klik menu File  New  klik kotak Paper Type/Size pada property bar pilih jenis kertas yang anda inginkan. Misalkan letter, legal, tabloid dsb.
1. Mengatur unit satuan
Klik Drawing Unit pada property bar untuk memilih unit satuan yang anda inginkan. Misalkan: inches, millimeters, dsb.
1. Menampilkan dan mengatur Grid
Klik menu View  Grid  garis grid akan ditampilkan.
Jika anda ingin mengubah garis grid menjadi titik-titik, klik menu View  Grid and Ruler Setup  muncul kotak dialog, pilih Show grid as dots untuk mengubah garis menjadi titik-titik.
1. Menambah halaman dalam satu file
Klik Pages (halaman yang aktif) misalkan Page 1  Klik kanan, pilih Insert Page After.
1. Menghapus halaman dalam satu file
Klik Pages (halaman yang aktif) misalkan Page 2  Klik kanan, pilih Delete Page Before.
1. Mengubah nama halaman dalam satu file
Klik Pages (halaman yang aktif) misalkan Page 1  Klik kanan, pilih Rename.
1. Membuat objek segi empat
Klik Rectangle Tool pada Tool Box atau tekan F6  pointer akan berubah menjadi tanda (+)  drag dan drop mouse pada lembar kerja  akan terbentuk persegi panjang.
Jika anda ingin membuat persegi/ bujur sangkar, Langkah sama seperti membuat persegi panjang. Hanya saja pada saat drag tombol kiri mouse sambil tekan Ctrl pada keyboard.
Jika ingin sudut dari segi empat di atas berbentuk melengkung (tidak siku) maka caranya adalah: tekan Pick Tool pada Tool Box  pilih objek segi empat tersebut  Klik Shape Tool (atau tekan F10)  Arahkan pointer pada sudut segi empat lalu drag (geser sedikit) dengan menekan tombol kiri mouse.
1. Membuat objek lingkaran
Klik Ellipse Tool pada Tool Box atau tekan F7  pointer akan berubah menjadi tanda (+)  drag dan drop mouse pada lembar kerja  akan terbentuk lingkaran.
Jika anda ingin mengubah lingkaran menjadi variasi yang berbeda, Langkahnya drag lingkaran tersebut  klik Shape Tools pada Tool Box. Jika ingin bentuk pie, drag-lah lingkaran dari dalam. Jika ingin bentuk arc, drag-lah lingkaran dari luar.
1. Membuat objek polygon
Klik Polygon Tool atau tekan Y  arahkan pointer yang berbentuk (+) ke lembar kerja  tekan tombol kiri mouse geser secara diagonal sambil tekan tombol Ctrl pada keyboard  terbentuklah polygon segi lima.
Untuk menambah atau mengurangi segi tersebut, gunakan fasilitas Number of Point on Polygon  klik segi yang dikehendaki (missal 3)  akan terbentuk segitiga.
Untuk mengubah polygon menjadi bentuk bintang, lakukan langkah berikut. Drag segi lima  tekan shape Tool  arahkan pointer ke objek tersebut di antara dua segi yang berpotongan  tarik kedalam  terbentuk segi lima menjadi bintang.
1. Membuat objek spiral
Klik ke Polygon Tool  pilih Spiral Tool atau tekan A  pada lembar kerja klik dan geser tombol kiri mouse sambil tekan tombol Ctrl pada keyboard  terbentuklah spiral.
1. Membuat objek table
Klik polygon Tool  klik Grap Paper Tool atau tekan D  tekan dan geser tombol kiri mouse pada kanvas  terbentuklah table
1. Menggunakan Freehand Tool
Klik Freehand Tool pada Toolbox  pada kanvas klik tombol kiri mouse  drag kearah yang diinginkan  jika sudah sesuai keinginan, tekan tombol Esc pada keyboard untuk mengakhiri.
Apabila ingin melengkungkan garis, klik Shape Tool  tempatkan pointer pada garis yang ingin dilengkungkan  klik kanan mouse  klik pilihan To Curve.
1. Menggunakan Bezier Tool
Klik Bazier Tool pada Toolbox  pada kanvas klik satu kali pointer bertanda (+)  pindah ke posisi lain  klik lagi di posisi tersebut  lanjutkan hingga sesuai dengan objek yang diinginkan.
Bila ingin melengkungkan garis dari objek di atas, klik Shape Tool  tempatkan pointer pada garis yang ingin dilengkungkan  klik kanan mouse  klik pilihan To Curve
1. Menggunakan Dimension Tool
Buatlah sebuah objek, misalkan persegi panjang berukuran 8×8,5 cm  didalamnya buatlah lingkarang berdiameter 8,5 cm  pada Toolbox, klik Dimension Tool  pada Property Bar pilih Horisontal Tool (untuk menjelaskan garis mendatar) dan pilih Vertical Tool (untuk menjelaskan garis vertical)  pada Dimension Style pilih decimal dengan satuan 0 pada Dimension Precission  pada Dimension Unit pilih cm  aktifkan Show units for Dimension  klik tombol Text Position Drop Down  klik pilihan, teks dimensi di bagian tengah garis  Posisikan pointer pada garis yang akan diberi dimensi / keterangan.
1. Menggunakan 3 Point Curve Tool
Klik 3 Point Curve Tool pada Toolbox  pada kanvas, klik point 1  drag dan lepaskan pada point 2 klik di point 3  terakhir satukan point 2 dengan point 1 dengan pointer.
1. Menggunakan Smart Drawing Tool
Klik Smart Drawing Tool pada Toolbox  pada Property Bar pada Shape Recognition Level, pilih Medium dan pada Smart Smooting Level, pilih Highest.  pada kanvas, klik point 1, point 2, point3 dan point 4  Secara otomatis akan terbentuk objek yang simetris.
Referensi:
 101 Tip & Trik CorelDraw 12 oleh Derry I & Jubilee, Elexmedia Komputindo.










Membangun Web Bisnis Dengan Frontpage 2000 Bab 2 Metodologi Pembangunan Situs Web

Membangun Web Bisnis
Dengan Frontpage 2000
Bab 2
Metodologi Pembangunan
Situs Web
2.1. Elemen Pembangunan Situs Web
Situs web merupakan kumpulan halaman web yang berhubungan dan saling terkait.
Keterhubungan ini mempengaruhi keputusan para perancang web dalam menangani setiap elemen web
dan proses-prosesnya. Kelebihan dari metodologi pembangunan situs web ini adalah kemampuan setiap
elemen dalam menutupi kelemahan elemen yang lain. Contohnya, jika pada tahap mendesain, desainer
menghasilkan karya yang buruk, tetapi mungkin saja pada tahap implementasi proses ini bisa jauh lebih
baik. Seperti sebuah pernyataan objektif yang baik dapat memperbaiki sebuah pernyataan usulan yang
buruk.
Elemen dari metodologi pembangunan situs web adalah sebagai berikut:
a. Informasi audience
Pengetahuan tentang target audience web sama baiknya dengan pengguna yang aktual yang
menggunakan informasi. Informasi-informasi ini termasuk latar belakang pengguna, minat, dan
semua perincian yang membantu untuk mempertajam informasi untuk dicocokkan dengan
Proses
Perencanaan
Analisis
Desain
Implementasi
Promosi
Inovasi
Proposal
Pernyataan Objektif
Informasi Domain
Spesifikasi web Tampilan web
Informasi Audience
kebutuhan audience. Seluruh informasi ini tidak dapat dilengkapi selama proses pembangunan web
dilakukan; pembangunan sekumpulan informasi membutuhkan waktu lebih banyak. Informasi dari
audience bisa saja menjadi sangat berguna dan akurat pada satu waktu; kemudian hal tersebut dapat
saja menjadi tidak berguna pada saat audience yang berbeda memulai untuk mengakses web.
b. Proposal
Berisi tentang informasi yang jelas tentang alasan dan ruang lingkup dari existensi web. Selama
melakukan pembangunan situs, Dia harus mempunyai sebuah usulan yang dikemukakan secara
singkat dan jelas. Pernyataan ini dapat bersifat menyeluruh, misalnya “Untuk membuat exisnya
perusahaan di cyberspace,” atau mungkin bisa lebih spesifik seperti “Menyediakan informasi
tentang saluran modem baru yang dimiliki perusahaan.” Proposal ini bersifat dinamik; sebuah
organisasi memulai sebuah web untuk “memulai keberadaannya di cyberspace” untuk tujuan yang
lebih spesifik, perusahaan mungkin menginginkan untuk membuat web melayani pengguna yang
lain. Sebuah pernyataan yang dikemukakan secara singkat dan jelas bagaimanapun dapat berperan
sebagai petunjuk untuk proses pembangunan web dan pengembangannya.
c. Pernyataan yang Objektif
Setelah membuat proposal dalam mendefinisikan tujuan spesifik yang harus disampaikan oleh situs
web. Sebuah pernyataan objektif yang berdasarkan pada proposal digunakan pada paragrap
pendahuluan seperti, “menyediakan informasi tentang saluran modem baru yang dimiliki
perusahaan,” termasuk sebuah pernyataan tentang modem yang ditawarkan oleh perusahaan dan
jenis informasi yang harus diberikan (gambar, harga, skema dan seterusnya). Seperti informasi
untuk pengguna dan proposal, pernyataan objektif adalah dinamis, dan bisa saja menjadi penting
dikemudian hari dalam pengembangan web untuk mendefinisikan pernyataan-pernyataan lain. Jadi,
pernyataan objektif berubah sebagaimana usulan web berubah, informasi tentang audience juga
berubah. Audience mencari modem tiba-tiba saja dapat menjadi sangat memperhatikan tampilan
tombol dari piranti tersebut. Dalam hal ini, sebuah objek dapat dibuat dengan memasukkan gambar
modem pada web itu sendiri.
d. Informasi Domain
Kumpulan pengetahuan dan informasi tentang subjek domain yang ada di cover web, yaitu
informasi yang disediakan untuk audience web dan informasi yang dibutuhkan oleh perancang web.
Misalkan sebuah situs web menawarkan modem, informasi domain yang penting seperti
penggunaan, mekanik, prinsip dan spesifikasi modem. Walaupun tidak semua informasi ini penting
dibuat untuk pengguna web, pengetahuan domain penting untuk dimiliki oleh perancang web.
Sering, pengetahuan tentang domain ini membuat pelengkap yang baik untuk informasi yang
ditawarkan di dalam web. Sebuah manufaktur modem dengan jenis modem yang baik, sehingga
membuat pembeli berminat untuk mengunjungi web tersebut .
e. Spesifikasi Web
Adalah gambaran secara rinci dari batasan dan elemen yang akan ditampilkan di web. Daftar
pernyataan yang spesifik dari informasi apa yang akan ditampilkan sebaik batasan-batasan pada
tampilan. Sebagai contoh, bagian dari spesifikasi tersebut dapat dinyatakan dengan gambar dari
modem yang harus ditempatkan pada halaman hypertext yang sama sebagai sebuah link dengan
formulir pemesanan. Spesifikasi tersebut, bersamaan dengan elemen lain di web, dapat senantiasa
berubah secara konstan.
f. Tampilan Web
Adalah informasi yang akan dikirimkan kepada user. Tampilan tersebut adalah hasil dari rancangan
dan proses implementasi pembangunan web. Dalam proses ini, pilihan yang kreatif yang dibuat
diantara rancangan dan teknik tampilan untuk mendapatkan spesifikasi web; pertimbangan untuk
efisiensi, ektetika, dan pengenalan web.
Daftar elemen yang menyangkut dalam metode perancangan web menunjukkan bahwa terdapat
banyak interaksi dan hubungan. Pada kenyataannya, elemen–elemen ini bergantung pada informasi
terbaik yang dapat digunakan dengan elemen lain agar dapat berhasil. Seorang perancang web, sebagai
contoh, membutuhkan pengetahuan apakah objeknya untuk menjual modem atau untuk memberikan
pendidikan kepada orang-orang tentang modem ketika merancang sebuah web.


2.2. Proses Perancangan Situs Web
Ada enam proses dari metodologi perancangan situs web berikut:
2.2.1 Perencanaan
Adalah proses memilih dari banyak kesempatan bersaing untuk berkomunikasi sehingga seluruh tujuan
web dapat dicapai. Tujuan-tujuan ini adalah termasuk antisipasi dan memutuskan target untuk audience,
tujuan dan sasaran dari informasi. Perencanaan juga dilakukan untuk informasi domain melewati sebuah
proses pendefinisian, spesifikasi informasi pendukung yang harus dikumpulkan, bagaimana informasi
dikumpulkan dan bagaimana informasi tersebut di up date. Seorang perencana web memenuhi lebih dulu
keahlian yang dibutuhkan spesifikasi web, sama baiknya dengan keahlian yang dibutuhkan untuk
membangun bagian khusus web. Jika spesifikasi perancangan menggunakan form antar muka (sebuah
keistimewaan yang didukung dengan HTML), sebagai contoh, seorang perencana web harus
mengidentifikasi hal yang dibutuhkan agar yang mengimplementasikan web mempunyai keahlian ini.
Perencana web juga harus mengetahui lebih dulu sumber lain yang dibutuhkan untuk mendukung
operasi dan pengembangan web. Jika seorang audience mengakses statistik, maka akan segera
dikumpulkan seluruh data dan informasi yang berhubungan dengan perusahaan sehingga situs web
tersebut harus mampu mendapatkan dan menginstall program statistik web.
2.2.2 Analisis
Proses mengumpulkan dan membandingkan informasi tentang web dan pengoperasiannya dengan tujuan
untuk memperbaiki kualitas web secara keseluruhan. Sebuah operasi yang penting adalah saat seorang
analis web memeriksa informasi yang telah dikumpulkan tentang audience untuk relevansinya dengan
elemen lain atau proses dalam pengembangan web. Informasi tentang tingkat minat pengguna dapat
menjadi dampak yang harus diperhatikan dan harus disediakan untuk audience sebagai keterangan
produk atau topik. Analisa dari perancang web, seperti isi dari web kompetitor, harus dipertimbangkan.
Seorang analis mempunyai banyak alternatif dan mengumpulkan informasi untuk membantu proses
perencanaan, perancangan, implementasi dan pengembangan.
2.2.3 Perancangan
Sebuah proses yang dilakukan oleh perancang web, mengerjakan spesifikasi web, membuat keputusan
tentang bagaimana komponen web diaktualisasikan. Proses ini menyangkut tujuan web tersebut,
audience, objek, dan informasi domain. Perancang yang baik tahu bagaimana mendapatkan efek yang
dibutuhkan oleh spesifikasi tersebut dengan cara yang paling fleksibel, efisien dan elegan. Dikarenakan
hal tersebut cukup sulit pada proses yang lain dan elemen-elemen yang ada di dalam pengembangan web,
bagaimanapun, proses perancangan tidaklah menjadi lebih penting daripada yang lain, tetapi persyaratan tersebut menjadi dasar dalam kemungkinan-kemungkinan implementasi sama baiknya dengan
mengetahui seberapa penting akibat dari struktur web untuk audience.
2.2.4 Implementasi
Proses dibangunnya web menggunakan Hyper Text Markup Language (HTML), sehingga proses
implementasi mungkin lebih mirip dengan pengembangan software sebab menggunakan syntax yang
spesifik untuk pengkodean struktur web dalam sebuah bahasa formasi dalam file komputer. Walaupun
banyak tools yang dapat digunakan untuk membantu pembangunan dokumen HTML, dasar-dasar
HTML sama baiknya dengan bagaimana sebuah rancangan diimplementasikan ke dalam HTML dapat
memperkaya pengalaman implementator web.
2.2.5 Promosi
Proses mengendalikan semua masalah promosi di web. Termasuk di dalamnya bagaimana web ini
dikenal eksis oleh komunitas on line melewati publisitas, sebaik bisnis atau hubungan informasi lain
dengan web yang lain. Promosi menyangkut strategi pemasaran tertentu atau membuat model bisnis.
2.2.6 Inovasi
Proses pengembangan dan perbaikan secara terus menerus. Termasuk mengikuti perkembangan
teknologi untuk inovasi-inovasi baru yang mungkin cocok untuk pengembangan web, sama baiknya
dengan kreativitas, atau cara yang unik untuk memperbaiki elemen-elemen web, atau mengikat audience
dengan keberhasilan web. Inovasi juga menyangkut mencari improvisasi yang bisa digunakan secara
terus menerus, dan kualitas web dan harapan pengguna.
LATIHAN
METODOLOGI PEMBANGUNAN SITUS WEB
Dalam perencanaan situs web diperlukan pengumpulan semua informasi yang berkaitan dengan visi,
misi, target pasar, audience dan informasi lainnya yang bertujuan untuk keberhasilan situs web. Di
bawah ini diberikan 2 (dua) buah form yang berguna membantu Anda untuk merencanakan situs web
Anda.
Form 1:
1. Nama Anda : __________________________________________
2. Nama Perusahaan : __________________________________________
3. Alamat e-mail : __________________________________________
4. Sebutkan keinginan Anda dari internet:
5. Apa rencana anda untuk mewujudkan keinginan tersebut:
6. Sebutkan kekuatan anda dalam mengaktualkan keinginan tersebut:
7. Sebutkan kelemahan Anda dalam mengaktualkan keinginan tersebut:
8. Sebutkan informasi apa saja yang akan berhubungan dengan situs Anda:
9. Jelaskan apa maksud Anda mengembangkan situs tersebut:
10. Jelaskan apa sasaran anda mengembangkan situs tersebut:
11. Jelaskan apa domain informasi situs anda tersebut:
12. Jelaskan apa spesifikasi situs web anda tersebut:
Form 2:
1. Nama anda : __________________________________________
2. Judul situs : __________________________________________
3. URL : __________________________________________
4. Email anda : __________________________________________
5. Kata-kata kunci situs anda (max 255 karakter, usahakan tidak lebih dari 10 kata)
6. Diskripsi situs anda (max 70 karakter, dalam satu kalimat pendek)
7. Diskripsi situs anda (max 255 karakter, dalam satu kalimat panjang)
Catatan: Form 2 ini berguna pada saat Anda akan mempublikasikan situs web Anda ke search engine.


Membangun Web Bisnis
Dengan Frontpage 2000
BAB VII
Membangun Content Situs Web
7.1 Hyperlink
Hyperlink adalah elemen di dalam halaman web yang berguna sebagai penunjuk untuk menuju ke suatu
objek di dalam intranet ataupun World Wide Web.
Contoh penggunaan hyperlink:
Membuat Link text ke halaman lain di situs Web Anda.
Membuat link bookmark di situs web Web, menuju ke objek di halaman yang sama.
Membuat link grafik di halaman web untuk menuju ke Web site lainnya di World Wide Web.
Membuat link grafik ke grafik lain Web site Anda.
Membuat link teks untuk menuju ke alamat e-mail.
Membuat link teks atau grafik untuk menuju ke alamat yang bukan World Wide Web, seperti File
Transfer Protocol (FTP).
Hyperlinks dapat berupa image ataupun teks yang dapat berhubungan dengan bookmarks,halaman lain
di web site ataupun World Wide Web, atau juga alamat e-mail.
Sebuah hyperlink teks dapat berupa teks, seperti sebuah kata ataupun kalimat yang ditugaskan dalam
tujuan URL. Contohnya adalah About, yang membuat hyperlink ke halaman about.
Hyperlink gambar adalah sebuah gambar yang ditugaskan ke tujuan URL dengan cara:
Keseluruhan gambar akan ditandai untuk hyperlink. Pengunjung dapat mengklik di semua bagian
dari gambar yang menuju ke satu halaman tujuan. Contohnya adalah button.
Sebuah gambar yang memiliki satu atau beberapa hotspot. Sebuah gambar yang memiliki hotspot
disebut image map. Contohnya sebuah image map dapat berupa sebuah gambar yang memiliki
beberapa objek tujuan (memiliki beberapa hyperlink). Contoh adalah gambar berikut yang
menampilkan satu image tetapi jika kursor mengarah ke satu bagian tertentu maka sebuah hyperlink
ditampilkan.
7.2 Bookmarks
Anda dapat membuat bookmark ke teks, grafik ataupun ruang kosong di situs web. Bookmark ini akan
menjadi target hyperlink. Anda dapat memilih beberapa blok teks di FrontPage Editor dan menandai
hyperlink text ke sebuah bookmark.
Kuliah Berseri IlmuKomputer.Com
Untuk membuat bookmark Anda dapat melakukan hal di bawah ini:
1. Pilih Edit | Bookmark dari Menu bar FrontPage.
2. Ketika kotak dialog Bookmark terbuka, ketikkan nama bookmark yang Anda inginkan
3. Setelah Anda mengetikkan nama bookmark, klik OK di kotak dialog.


7.2.1 Bookmark Checklist
Dalam menempatkan bookmark diperlukan strategi yang baik, beberapa tempat yang bagus untuk
ytempat bookmark adalah:
Bagian atas dari halaman Web.
Bagian bawah dari halaman Web.
Pada heading utama dan sub headings.
Pada grafik yang penting di halaman web.
Pada daftar isi ataupun index dari halaman web.
7.2.2 Membuat Hyperlink untuk Bookmarks
Untuk membuat hyperlink untuk bookmark, ikuti langkah berikut:
1. Pilih teks yang akan dijadikan hyperlink.
2. Klik Create atau tombol Edit Hyperlinks pada toolbar FrontPage Editor toolbar
3. Klik halaman web Anda dari daftar halaman di dialog box.
4. Pilih bookmark dari daftar bookmark drop-down. Bookmark ini akan menjadi tujuan dari hyperlink
Anda.
5. Klik OK pada kotak dialog Create Hyperlink.
7.3 Forum Diskusi
Diskusi group adalah aktifitas interaktif yang dilakukan pengunjung membahas topik artikel yang ada,
kemudian membalasnya dan mengirimkan kembali di dalam forum tersebut. Pengunjung dapat juga
mencari topik artikel yang disenanginya dengan cepat.
Diskusi group memiliki beberapa komponen:
Sebuah daftar isi yang berisi hyperlinks ke artikel-artikel pada topik diskusi
Sebuah form pencarian untuk mencari kata atau kalimat di dalam topik diskusi
Sebuah form entri untuk memasukkan bahasn diskusi
Threaded replies, yang memberikan pilihan pengunjung untuk memilih apakah bahan diskusi yang
dibuat dikirim untuk topik yang baru atau membalas topik yang sudah ada.
Sebuah halaman konfirmasi, untuk memberitahukan bahwa artikel telah dikirim.
Sebuah form pendaftaran jika pengunjung masuk ke situs web yang diproteksi.
Kuliah Berseri IlmuKomputer.Com
7.3.1 Mengatur Forum Diskusi Web
Anda dapat mengatur komponen-komponen untuk sebuah forum diskusi:
Judul forum diskusinya
Direktori web diskusi untuk menyimpan artikel.
Mengatur format daftar isi.
Mengatur penggunaan warna dan background yang digunkan di dalam halaman forum diskusi.
Mengatur header dan footer di artikel.
Mengatur tambahan informasi seperti waktu dan tanggal.
7.3.2 Managemen Artikel Forum Diskusi
Anda dapat mengatur dan mengkontrol artikel-artikel yang masuk di forum diskusi, caranya:
1. Pada menu Tools, klik Web Settings, dan klik tab Advanced .
2. Pilih Show documents in hidden directories.
3. Klik OK.
4. Klik Yes untuk me-refresh web.
5. Klik Folders view.
6. Atur direktori untuk artikel forum diskusi tersebut. Misalkan nama file artkel adalah 0001.htm,
0002.htm, dan seterusnya.
7. Buka beberapa artikel yang dibutuhkan pada Page View dengan mendouble-click nama file.


7.3.3 Membuat forum diskusi
Cara yang paling mudah adalah menggunakan Discussion Web Wizard. Wizard akan menanyakan
komponen apa saja yang akan digunakan, membuatkan sebuah web dan menyediakan halaman-halaman
pelengkapnya. Setelah web selesai, buka halamannya dan kemudian Anda dapat mengeditnya.
1. Pada menu File, klik New, lalu pilih Web.
2. Pada tab Web Site, klik Discussion Web Wizard.
3. Pada Choose a title for your web, ketikkan nama web baru Anda, dan klik OK.
4. Discussion Web Wizard akan terbuka. Ikuti petunjuk di layar untuk membuat forum diskusi.
Setelah wizard membuat halaman web, Anda dapat mengubah sesuai kebutuhan.
Kuliah Berseri IlmuKomputer.Com
LATIHAN BAB VII
Membangun Content Situs Web
1. Buka file index.html di disket Anda kemudian lengkapi isinya seperti dibawah ini.
A Web Development Homepage And Information Site
anan Kami Newsletter
2. About.htm
A Web Development Homepage And Information Site
anan Kami Newsletter
3. Hosting.htm
Web Development Homepage And Information Site
anan Kami Newsletter
4. Desain.htm
Web Development Homepage And Information Site
anan Kami Newsletter
5. Untuk file Guestbook.htm dapat Anda ciptakan dari File|New|Page lalu pilih tab General dan pilih
file Feedback Form. Ikuti instruksi wizard dan hasil dari feedback ini dapat Anda copykan ke
template yang telah ada.
Kuliah Berseri IlmuKomputer.Com
6. Untuk Direktori.htm yang merupakan file berisi link ke subdirektori Web Design, Computers dan
Music dapat Anda peroleh di disket Anda.
Keterangan:
- Copykan file yang diperlukan ke web folder Anda seperti dirweb.htm, dircomputer.htm dan
dirmusic.htm.


7. Untuk file links.htm, faqs.htm dan contact.htm dapat Anda peroleh dari disket Anda dan Anda harus
mendesain agar tampilan sesuai dengan content yang dibuat sebelumnya.
8. Untuk file forum.htm Anda dapat ciptakan dari menu File|New|Web lalu dari jendela new web site
klik file Discussion Web Wizards.


Membangun Web Bisnis
Dengan Frontpage 2000
Bab VIII
Menambahkan Komponen Situs
Web
Komponen di situs web bisnis merupakan hal yang tidak boleh dilupakan oleh perancang web. Karena
komponen ini merupakan komponen pelengkap yang menjadikan situs web Anda lengkap dan diminati
oleh pengunjung.
8.1 Komponen yang disediakan Frontpage
Di dalam Frontpage terdapat komponen-komponen yang telah siap pakai yang dapat dipakai oleh
perancang untuk dimuat di sebuah halaman ke dalam web browser. Komponen-komponen ini
menyediakan cara yang cepat dan mudah untuk digunakan tanpa Anda harus mempelajari penulisan
script atau pemrograman ActiveX dan Java. Komponen-komponen tersebut adalah:
1. Comment
Komponen ini sangat berguna pada saat Anda membangun situs web. Comment ini merupakan komentar
yang disisipkan ke dalam kode HTML untuk menjelaskan beberapa aspek perancangan atau pengkodean.
Komentar ini tidak akan terlihat ketika halaman ditampilkan di dalam browser.
2. Page Banner
Menyisipkan banner grafik di bagian atas sebuah halaman web
3. Banner Ad Manager
Merotasi tampilan beberapa gambar pada interval yang ditentukan. Memungkinkan Anda untuk memilih
tipe transisi antar banner (dissolve, horizontal blinds, dsb) dan menghubungkan banner ke suatu halaman
web.
4. Hit counter
Menampilkan berapa kali halaman telah dikunjungi, atau “hit”.
5. Hover Button
Menyisipkan sebuah link yang menampilkan efek visual ketika pointer mouse “mengambang,” atau
ditempatkan di atasnya. Efek ini termasuk perubahan warna dan penampilan yang menyerupai tombol
tertekan.
6. Marquee
Menampilkan teks yang menggulung secara horizontal di halaman web.
7. Confirmation Field
Meminta konfirmasi atas masukan yang diberikan pemakai pada form halaman web.
8. Include Page
Menyisipkan satu halaman web pada lokasi yang ditentukan dalam halaman lain. Sebagai contoh,
mungkin Anda menyisipkan halaman hak cipta di bagian bawah setiap halaman dalam web Anda.
9. Scheduled Picture
Menampilkan gambar untuk periode waktu yang ditentukan dan menggantinya dengan gambar lain.
Berguna untuk menampilkan informasi yang berkaitan dengan waktu, seperti icon “New” pada halaman
baru.
10. Schedule Include Page
Menyisipkan satu halaman web dalam halaman lain untuk periode waktu tertentu dan menggantikannya
pada suatu waktu yang gitentukan. Berguna untuk menampilkan informasi yang berkaitan dengan waktu,
seperti informasi tentang penjualan musiman.
11. Substitution
Mengganti bagian teks dengan nilai yang ditentukan, misalnya teks lainnya.
12. Categories
Menyisipkan link ke halaman berdasarkan kategori. Berguna untuk membuat daftar isi untuk halaman
jenis tertentu, misalnya laporan anggaran atau perencanaan.
13. Search form
Memungkinkan pengunjung mencari teks dalam web site. Jika Anda menyimpan sebuah halaman
dengan form search, Frontpage akan membuat sebuah indeks dari web site. Ketika pemakai melakukan
pencarian, Frontpage memakai indeks untuk membuat daftar hyperlink ke halaman-halaman yang berisi
kata atau frase yang dia cari.
14. Table of Contents
Membuat daftar isi untuk web site.
8.2 Komponen untuk Situs Web Bisnis
Webmaster harus mengerti bahwa audience mau datang ke situs web mereka dilalui dengan proses
promosi dan adanya komunikasi yang baik atara pengelola web dan audiencenya. Diperlukan
pengetahuan untuk menyatukan komponen-komponen situs sehingga tercipta suatu komunitas yang baik.
Komponen-komponen yang digunakan untuk melengkapi situs web bisnis adalah:
1. Email adalah komponen yang sering digunakan untuk saling berkomunikasi.
2. Mailing List. Adalah komponen yang mendistribusikan berita-berita terbaru kepada audience.
Komponen ini berfungsi seperti penjualan langsung ke pelanggan.
3. Searching Engine. Merupakan komponen yang membantu audience untuk mencari semua isi
ataupun hal lain secara langsung dan cepat.
4. Discussion Forum. Komponen ini sangat penting karena Anda dapat dengan cepat menerima
informasi tentang pelayanan yang telah Anda berikan, ataupun topik-topik lain yang bertujuan
membantu kemajuan perusahaan.
5. Counter. Komponen Ini akan menginformasikan kepada Anda, berapa banyak audience
mengunjungi situs Anda.


Membangun Web Bisnis
Dengan Frontpage 2000
Bab IX
Pengantar Pemrograman Web
Dengan ASP
9.1 Pendahuluan
ASP (Active Server Pages) adalah teknologi berbasis WEB yang di kembangkan sebagai program
aplikasi, berupa program teks yang kemudian dieksekusi pada server. Program teks ini dapat berupa VBScript,
Java Script atau script yang lain seperti PERL. Program VB-Script atau Java Script pada
awalnya adalah program yang hanya dapat dieksekusi di WEB-Browser (sebagai Client). Dengan ASP,
maka teknik seperti ini dapat diaplikasikan.
Program ASP dapat “ditempelkan” langsung pada teks HTML dengan memberikan kode awal berupa
<% dan ditutup dengan %>. Symbol ini disebut sebagai script delimeter.
<%
……..// program asp
%>
Teks dalam format HTML
<%
……..// program asp
%>
Teks HTML berikut ….

Sebelum Web-Server memberiken teks HTML tersebut ke Web-Client, maka semua intruksi yang berda
pada <% dan %> akan dieksekusi lebih dahulu. File yang berisi program ASP umumnya tidak lagi di
beri nama *.html melainkan *. asp, untuk menandakan bahwa bagian dari program tersebut akan
dieksekusi di server. Hasil eksekusi kemudian bersama dengan teks HTML lainnya dikirim sebagai
hasil Web Client. Untuk dapat menggunakan ASP, maka pada server harus diinstalasi minimal IISv3.0
(Internet Information Server) pada Windows NT ataupun pada Windows 98 dengan Personal Web
Server (PWS) dengan option ASP sebagai tambahan.
Perlu di ingat, bahwa data yang dibawa ke client harus di bungkus dengan format HTML yaitu data
dengan …. . Program ASP data diletakkan dimana saja pada file. Namun
output
dihasilkan harus mengikuti syntax HTML.
Contoh program ASP:
<%
Response.Write(“”)
Response.Write(“Teks yang ditampilkan pada Client
”)
Response.Write(
”)
%>
Response.Write() adalah obyek ASP dengan metode Write(), yang berfungsi mengirim string ke layar.
<%
Response. Write (“Teks yang di tampilkan pada Client
”)
%>

Karena ASP dapat dijalankan dengan bahasa pemrograman berbeda, maka default language yang
digunakan adalah VBSCRIPT. Untuk menggunakan bahasa lain sebagai default, maka bahasa tersebut
harus dideklarasikan pada awal baris.
Contoh menggunakan javaScript (atau Jscript):
<%@ LANGUAGE= “Java Script” %>
Karena default language dapat diubah pada Registry HKEY_LOCAL_MACHINE\DefaultLanguage,
maka sebaiknya program memberikan default language secara eksplisit.
<%@ LANGUAGE =”VBScript”%>
<%
response.Write (“Teks yang ditampilkan pada Client
”)
%>

9.2 Variabel
Variabel dapat dideklarasikan dalam VBScript melalui kunci kata DIM. Variabel tidak mempunyai tipe
khusus , melainkan dianggap sebagai universal (atau dikenal dalam Visual Basic sebagai Variabel).
<%
DIM I
DIM NAMA
DIM ALAMAT
DIM KOTA
I= 350
Nama=”Webmedia Training Center
Alamat= “Jl. Gatot Subroto no. 126bd”
Kota= “Medan
Nilai dari variabel I adalah <%Response. Write(I) %>
<%
Response.Write(nama)
Response.Write(alamat)
Response.Write(kota)
%>

VBScript juga dapat menyederhanakan response.write dengan tanda “=”, sehingga dapat ditampilkan
sebagai berikut:
Nilai Variable I adalah <%= I %>
<%
= nama + “
= alamat + “
= kota
%>

Simbol + digunakan untuk menambahkan string. Dalam hal ini
memberikan pemisah (garis baru).
9.3 Menampilkan HTML teks Program ASP
Edit file teks dan beri nama halo.asp, tempatkan halo. Asp pada direktori yang dikenal oleh PWS
(Personal Web Server). Pada checkbox Access, aktifkan “Execute” seperti pada contoh di bawah.

program dengan ASP



Program ini akan ditampilkan melalui Web-Server sebagai ASP Script. Memanggil program tersebut
adalah dengan : http://localhost/halo.asp
Program halo .asp dapat menggunakan fungsi response.write() sebagai berikut:
<%@ LANGUAGE=’VBSCRIPT’ %”>
<%@ Response. Write( Program dengan ASP ”%>

Teks HTML dan fungsi Response.Write() dapat di kombinasikan sebagai berikut:
<%@ LANGUAGE=”VBSCRIPT”%>
<% Response. Write(

program dengan ASP

”) %>
program ini di tampilkan melalui Web-Server sebagai ASP script
<% Response.Write(“Memanggil program tersebut adalah dengan :”) %>
http://localhost/scripts/halo.asp ” %>

9.4 ASP-Objek
ASP mempunyai beberapa “object” yang dapat dimanfaatkan untuk mengirim dan menerima informasi
dari dan ke Web-Client.
1. Response untuk memberikan jawaban kepada Web-Client.
2. Request untuk mengambil info dari Web-Client
3. Application untuk melakukan Lock dan Unlock (Concurrency problem)
4. Session adalah object yang memberikan info tentang Session-ld, Timeout dan lainnya
9.4.1 Object “Response”
Memberikan jawaban kepada Web-Client berupa:
Kuliah Berseri IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
Membangun Web Bisnis dengan Frontpage 2000
Eko Purwanto (Webmedia Training Center Medan)
5
Properti Status:
Yaitu kondisi dari jawaban yang diberikan
200 Request sukses dan data dapat di kirim.
300 Request tidak dapat di penuhi, karena lokasi telah berubah/berpindah.
301 Request tidak dapat di penuhi untuk sementara.
404 Request tidak di penuhi karena tidak berada di Server. Tidak ada data yang dikirim.
500 Request tidak dapat dipenuhi, internal error.
Properti Content Type
Tipe MIME type/subtype:
- Image/gif
- image/jpg
- text/html
- text/plain
- ……
Metoda Redirect
Mengarahkan Alamat Internet ke URL yang lain
Contoh:
<%
Response.Redirect(www.stena.co.id)
%>
Metoda Write Binary
Mengirim data binary
Contoh: Mengirim gambar. Gif ke browse:
<%
Response.status (“200”)
Response.Content Type(“image/gif”)
Binary Write gambar
%>
Metoda Write
Mengirim teks (string) ke Web-Client
response.write(“Hallo, apa khabar ?”)
Write dapat juga menampilkan isi variable:
Hitung=2000
response.write(“Hasil hitungan adalah “ & hitung)
Nilai variable dapat juga ditampilkan langsung:
<%=Hitung>
Atau dalam teks HTML:
….
Hasil hitungan adalah <%=Hitung>
….

9.5 Obyek Request
Mengambil informasi dari Web- Client berupa:
Server Variables
Informasi dari pemakai melalui formulir (form)
Dan lainnya, antara lain Cookies
Server Variables
Server Variables adalah koreksi dari banyak variable yang disebut “Environment Variable,. Variable ini
dapat dimanfaatkan oleh program sebagai sumber informasi yang diberikan oleh server.
Variable tersebut dapat diambil nilainya dengan fungsi sebagai berikut :
request.server.variable(“Nama_Variable”)
Beberapa nama variable penting yang didefenisikan adalah:
REMOTE_ADDR Nomor IP dari host
REMOTE_HOST Nama Host atau alias, sesuai dengan info dari DNS
REQUEST_METHOD Metoda yang digunakan ASP-Script untuk mengontrol parameter. Nilai
parameter antara lain HEAD, POST, GET atau PUT.
SCRIPT_NAME Nama absolut dari script/program yang di gunakan
SERVER_PORT Nomor port yang di gunakan , default adalah 80.
SERVER_PROTOCOL Versi dari protocol yang di gunakan, misalnya IIS< Apache atau lainya
AUTH_TYPE Tipe dari metoda otentikasi yang digunakan, berhubungan dengan security Web
CONTENT_LENGTH Jumlah bytes yang di dapat dari input (melalui SUBMIT)
CONTENT_TYPE Tipe dari isi, misalnya text, MIME
PATH_INFO Info yangdi gunakan untuk menjalankan frogram ASP.
PATH_TRANSLATED Translasi dari virtual direktori ke actual/physical directori
Contoh program:
<%= “REMOTE _ ADDR =”& Request.Server Variable(“REMOTE_ADDR”) %>
<%= “Path Info = “& Request.Server Variables(“PATH_INFO”) %>
<%= “Nama Program = “& Request.Server Variables(“SCRIPT_NAME”) %>
LATIHAN
Request.Form adalah koleksi input data yang diberikan pemakai melalui formulir yang dalam syntax
HTML ditulis sebagai berikut :

BUKU TAMU

Nama
Alamat
Kota



Keluaran di browser:
BUKU TAMU
Nama _______________________
Alamat _______________________
Kota _______________________
Submit Query Reset
Perhatikan bahwa jika “Submit Query” dipilih, maka program “hasil.asp” akan dieksekusi di Server.
Program “hasil.asp” selanjutnya dapat mengambil informasi dari “form” tesebut dengan request. Form
(Nama Variable)
T1 = request.form(“TNama”)
T2 = request.form(“TAlamat”)
T3 = rrequest.form(“Tkota”)
Request.form tanpa parameter akan memberikan data mentah yang diterima oleh server.
hasil.asp:
<%@ LANGUAGE=”VBSCRIPT” % >
%>
Kuliah Berseri IlmuKomputer.Com
Copyright © 2003 IlmuKomputer.Com
Membangun Web Bisnis dengan Frontpage 2000
Eko Purwanto (Webmedia Training Center Medan)
9
t1 =Request(“TNama”)
t2 =Request (“TAlamat”)
t3 =Request (“TKota”)
<% =Request.Form%>
<br>
Nama = <% =t1%>
Alamat =<%=t2%>
Kota =<%=t3%>

Hasil keluaran:
Misalkan data yang dihasilkan: tnama=miske&talamat=jl. Gatot Subroto&tkota=Medan
Nama = miske Alamat = Ji.Gatot Subroto Kota = Medan
Referensi:
Rujukan web untuk belajar ASP
1. http://www.asp101.com
2. http://www.15seconds.com


Membangun Web Bisnis
Dengan Frontpage 2000
Bab X
Menggunakan FTP
10.1 Menggunakan FTP
File Transfer Protocol (FTP) merupakan fasilitas pada internet yang memungkinkan Anda menyalin atau
memindahkan data dari satu komputer ke komputer yang lain yang letaknya berjauhan melalui internet.
Dengan FTP Anda dapat saling tukar menukar informasi yang berupa file secara mudah dan murah.
10.2 Mengenal FTP
Fasilitas FTP sering digunakan untuk menyalin (men-download) file dari server komputer yang ada di
internet ke komputer Anda. File yang Anda salin (download) biasanya merupakan sebuah file teks, file
gambar, file suara, file program dan lain-lain. Server komputer yang menyediakan data dan informasi
yang dapat disalin (download) yang jumlahnya cukup banyak, tetapi Anda dapat mengetahui terlebih
dahulu alamat situsnya.
Ada dua jenis server komputer yang dapat dihubungi dengan fasilitas FTP, yaitu :
. Anonymous FTP, Server komputer ini dapat diakses dan terbuka bagi semua pemakai internet.
Anda dapat menghubungi server ini dan men-download file-file yang Anda inginkan secara gratis.
. Private FTP, Server komputer ini hanya bisa diakses dan dipergunakan oleh pengguna tertentu
yang terdaftar secara resmi. Server ini biasanya berisi data dan informasi pribadi yang khusus
digunakan untuk pemakai tertentu atau perusahaan. Pemakai khusus ini biasanya mempunyai user
name dan password untuk menghubungkan server tersebut.
10.3 Mengunakan anonymous FTP
1. Aktifkan Internet explorer, kemudian pada kotak isian Address, ketikan alamat server komputer
yang akan di hubungi. Misalnya ketikan ftp://ftp.microsoft.com.
2. Dengan langkah ini Internet Explorer akan menghubungi ke server tersebut dan jendela kerja yang
berisi FTP Directory: ftp://ftp.microsoft.com akan di tampilkan.
3. Jendela kerja berikut yang berisi FTP Directory ftp://ftp.microsoft.com/bussys/ akan ditampilkan.
Karana Anda membutuhkan program untuk clients, maka pilih dan klik directory clients.
4. Jendela kerja berikutnya yang berisi FTP Directory ftp://ftp.microsoft.con/bussys/Clients/ akan
ditampilkan, karena Anda membutuhkan program aplikasi RAS, maka pilih dan klik directory RAS.
5. Jendela kerja berikutnya yang berisi FTP Directory ftp://ftp.microsoft/bussys/Clients/RAS/ akan
ditampilkan. Pada jendela ini akan di tampilkan semua file program yang berhubungan dengan RAS
yang sifatnya Shareware atau freeware. Karena Anda membutuhkan program disk3-1.exe , pilih dan
klik disk3-1.exe. Kotak dialog file download akan di tampilkan.
6. Karena Anda ingin menyalin file dsik3-i.exe ini ke harddik komputer Anda, beri dialog atau klik
tombol pilihan save this program to disk. Kemudian klik ok. Kotak dialog save As akan
ditampilkan.
7. Pada tombol daftar pilihan save in, tentukan drive dan folder yang digunakan untuk menyimpan file,
kemudian klik tombol perintah save. Tunggu hingga proses penyalinan (download) selesai
seluruhnya dilakukan.
Catatan :
Sebenarnya apabila Anda mengetahui nama file dan lokasinya, Anda dapat langsung mengetikannya
pada isian Address. Misalnya Anda ketikan ftp://ftp.microsoft.com/bussys/Clien/RAS/disk3-1.exe.
10.4. Menggunakan program FTP
Ada banyak pilihan software freeware yang dapat Anda manfaatkan dalam menggunakan FTP ini. Salah
satunya adalah WS_FTP dari Ipswitch.
Jendela Setup WS_FTP
Pertama sekali Anda harus men-setup program WS_FTP ini agar dapat dikoneksikan ke web server. Klik
tombol New dan Anda dapat mengisikan field-field yang disediakan:
Profile Name: Ketikkan nama yang mudah Anda ingat yang berhubungan dengan situs Anda.
Host Name/Address: Merupakan nama alamat server web Anda berada misalkan nama alamat server
anda ftp.cyberxpro.netfirms.com.
Host Type: Nilai defaultnya adalah Auto Detect.
User ID: Merupakan nama user Anda ketika mendaftarkan diri di Internet.
Password: Merupakan password untuk masuk ke web folder Anda.
Account: Kotak ini selalu dikosongkan.
Comment: Anda dapat menambahkan komentar dan deskripsi dari situs Anda.
Anonymous Digunakan jika Anda ingin berhubungan dengan server sebagai anonymous ftp.
Save Pwd Digunakan untuk menyimpan password Anda sehingga Anda tidak harus mengetikkannya
berulang kali.
Klik tombol "OK". Jika yang Anda ketikkan benar, Anda akan terhubungkan online dengan server yang
Anda inginkan.
10.4.1 Uploading
Sekarang Anda telah men-setup FTp dan sekarang Anda akan meng-upload (mengirim) file-file yang
telah Anda buat.
Jendela WS_FTP
Sekarang Anda dapat melihat frame sebelah kanan, yakni Remote Host yang akan menjadi frame untuk
Web Server Anda.
1) Local Directory merupakan direktori di komputer Anda. Anda dapat mencari file-file Anda di
komputer milik Anda.
2) Remote Directory merupakan direktori di web server Anda.
3) Local Options merupakan option-option untuk local direktori Anda.
4) Remote Options adalah tombol-tombol yang digunakan untuk web folder.
5) Local File List sebuah daftar file di direktori komputer Anda.
6) Remote File List adalah daftar file di folder web server Anda..
7) Transfer Method memberitahukan metode transfer yang dilakukan FTP.
8) Main Toolbar Merupakan tombol-tombol untuk koneksi, mengakhiri koneksi, keluar dari program
dan sebagainya.


Tombol Option untuk Local dan Remote
Tombol yang berhubungan dengan file dan direktori di WS_FTP adalah sebagai berikut:
ChgDir Untuk mengubah nama direktori.
MkDir Untuk membuat direktori.
View untuk menampilkan file yang Anda pilih.
Exec Untuk mengeksekusi file program.
Rename Mengganti nama file yang Anda inginkan.
Delete Untuk menghapus file yang Anda pilih.
Refresh Untuk me-refresh daftar direktori.
DirInfo Akan memberitahukan informasi tentang direktori tempat Anda berada.