langkah dan kiat penyajian data/informasi pada situs website

Prosiding Temu Teknis Fungsional Non Peneliti 2003
LANGKAH DAN KIAT PENYAJIAN DATA/INFORMASI PADASITUS
WEB SITE DENGAN FASILITAS PROGRAM FRONTPAGE
Djoko Trijono
Pusat Penelitian Sosial Ekonomi Pertanian, Jl. A. Yani No. 70 BOGOR.
RINGKASAN
Tuntutan dunia informasi yang semakin cepat, membuat dunia ini nampak dekat dan kecil, apa yang terjadi
di Negara lain dengan sekejap dapat dilihat didepan kits, teknologi informasi melalui media InterNet yang dapat
diakses dengan cepat, mudah dan murah membuat semua kejadian diatas dapat dilihat dan dinikmati. Dalam
makalah ini akan sedikit dibahas tentang kerangka/pola penyajian data atau informasi pada situs yang kecil
dengan memanfaatkan fasilitas program FrontPage, untuk keperluan yang lebih besar tentunya memerlukan
penjelasan yang panjang dan berurutan, karena system jaringan ini diperlukan penjelasan tentang rangkaian kerja
program yang saling berintegrasi satu sama lainnya, tetapi dengan uraian singkat ini mudah-mudahan dapat
memacu kita semua untuk dapat menguasai program ini dengan baik, untuk selanjutnya dapat dikembangkan
sendiri sesuai dengan kebutuhan di unit kerja masing-masing.
Kata kunck Web site, Program FrontPage
PENDAHULUAN
Salah satu program yang sering dipakai didalam merancang web site adalah Microsoft FrontPage,
program ini berada dibawah Microsoft windows. Seperti layaknya program produk microsoft lainnya,
semua option pada program FrontPage dibantu oleh icon-icon yang ada, dengan demikian
memudahkan bagi pemakai dalam pengoperasiannya.
Sebelum merancang web site terlebih dahulu harus dibuat flow chart atau kerangka pikir tentang
apa yang akan disajikan, mulai dari bagian yang terkecil (sebagai produk akhir) hingga urutan yang
terbesar. Bila sudah tersusun dengan baik, maka dibuatlah rancangan tersebut dengan menggunakan
bantuan program FrontPage. Bagian-bagian kecil yang telah dibuat dengan FrontPage tersebut,
selanjutnya digabung dengan menggunakan fasilitas hyperlink, maka akan tersusunlah satu rangkaian
program yang saling tersambung dan terintegrasi.
Yang perlu menjadi perhatian didalam menyusun situs web site adalah dengan meminimalisasi
gambar yang tidak perlu atau kurang mendukung pada informasi yang ditampilkan, karena didalam
pertimbangan banyak orang, kecepatan mengakses suatu situs adalah tujuan utarna, sedangkan
tampilan gambar adalah hat yang dinomor duakan .
RANCANGAN TAYANGAN UTAMA
Bila ingin menampilkan suatu informasi yang lengkap dari Hulu ke hilir (atau jika digambarkan
dengan struktur organisasi puslit yaitu mulai dari Kapus, Kabid dan Sub Bidang secara utuh) dan
174
Pusat Penelitian dan Pengembangan Peternakan
Prosiding Temu Teknis Fungsional Non Peneliti 2003
informasi publikasi yang terbit sebagai informasi akhir yang menjadi tampilan, maka rancangan yang
harus dibangun adalah pertama merancang produk akhirnya dulu, kedua merancang sub-bidang dan
terakhir merancang Kabid/Kapus. Sehingga dapat dikatakan bahwa sebelum memulai merancang web
site diibaratkan pohon, yang harus dipersiapkan terlebih dahulu adalah bentuk buah, ranting kemudian
menyiapkan batang pohonnya. Dalam diagram dapat digambarkan sbb:
Gambar 1. Alur pembuatan situs pada web site
Setiap langkah yang akandibuat dalam situs yang dibangun hendaklah digambarkanjaluraksesnya,
dengan demikian maka hubungan antara batang dengan ranting, dan atau ranting dengan buah dapat
terlaksana dengan baik, sehingga tidak terjadi salah arah atau miss match.
Pada diagram diatas (Gambar 1), menu akhir dari bentuk tayangan adalah buah. Pada umumnya
buah tersebut bisa berupa buah matang, mengkal dan mentah . Untuk menampilkan buah matang
dibuatlah satu halaman sendiri pada programfrontpage, demikian juga untuk yang mengkal maupun
yang muda. Sehingga ada tiga buah file yang masing-masing dicirikan dengan nama file yangkhusus .
Langkah berikut menyiapkan halaman ranting, seperti pada saatmembuat halaman/tampilan buah,
pada ranting juga dibuat halaman-ltalaman ranting yang dicirikan dengan kode yang khusus pula,
untuk batang pembuatan halaman/tampilan merupakan langkah yang paling akhir, dikarenakan semua
halaman/tampilan baik ranting maupun buah menginduk pada halaman/tampilan batang ini . Pada
bagian halaman ini hyperlinks baru dapat dilaksanakan dimulai dari halaman/tampilan batang ke
ranting dan dari ranting ke buah dan buah-buah lainnya. Demikian jugs arah balik dari buah ke ranting
dan batang.
MENU DASAR FRONTPAGE
Pada dasarnya menu tampilan pada program frontpage seperti program olah kata lainnya, hanya
terdapat beberapa fasilitas tambahan untuk keperluan tampilan maupun animasi yang tidak terdapat
pada program olah kata.
Badan Penelitian dan Pengembangan Pertanian
175
Prosiding Temu Teknis Fungsional Non Peneliti 2003
Program FromPage ini mempunyai 6 program penyerta yang dapat dilihat pada menu Piew
seperti dimana program penyerta disini masing-masing mempunyai tugas dan fungsi masing-masing .
Page lebih berfungsi sebagai program olah kata clan tampilan akhir, Folder menunjukkan lokasi
dimana file-file yang terorganisasi didalam web site tersebut dibuat, seperti layaknya windows explorer, disini kita dapat melakukan penulisan, menghapus, menyalin, clan memindahkan . Reports
merupakan jendela untuk membuat laporan tatacara atau system kerja dari situs yang akan ditampilkan,
Navigation adalah jalur atau arus file pada direktori yang tersusun, dimana program frontPage dapat
menampilkan struktur dari web site yang dibangun layaknya program diagram organisasi atau struktur
organisasi. Dapat juga membangun stuktur web site yang secara otomatis menghubungkan antara
induk ke sub induk file dengan berpedoman pada indeks file. Hyperlinks adalah alat sambung antar
variabel clan direktori yang tersambung, Tasks adalah daftar file yang dapat diakses dalam suatu
situs/website yang dibangun .
Menu diatas merupakan dasar pembuatan tampilan yang harus dipenuhi sebelum dibuat situs
pada web site.
PEMILIHAN BENTUK TAYANGAN
Tayangan dapat dipilih dari Page template yangterdiri atas (General, Frames Pages, Style Sheets)
masing-masing dapat diambil sebagai master form yang dapat dirancang sesuai dengan kebutuhan
dan bentuk tampilan yang menarik .
Didalam template banyak pilihan yang dapat dipakai sebagai bentuk tampilan yang akan
ditayangkan seperti yang terlihat pada Gambar 2, namun setiap pilihan mempunyai kelebihan dan
kekurangan, untuk membuat tampilan agar terlihat menarik kita dapat merubahnya sesuai dengan
kebutuhan .
+
newPope
Open a Paw,
« wd
detikxam Iofam as
pa&e Tempbte$
M+rom Imfan ka
Index
Thankyoufory
ti M&epages
n
neff
8lankp
Empty Web
from exiSUM peg
Choose page . . .
Gambar2 .
176
Pembuatan format pada halaman/tampilan web site
Pusat Penelitian dan Pengembangan Peternakan
Prosiding Temu Teknis Fungsional Non Peneliti 2003
Setelah ditentukan bentuk tayangan, langkah berikutnya adalah menyiapkan bahan untuk tampilan
baik berupa teks, tabel atau graphic . Kata perintah yang terdapat dalam program frontpage adalah
tampak seperti berikut:
eb
Cl -
Ldic
YI"w
Wan
la - la ft .
Psrma
IM -
It"
lock
40 ?S
!",
P[OM
11
P,
yyndow
.,
tL*
-
Mme'LAI I&
:0 'u ~9 -
Menu diatas merupakan menu standard yang ada padafrontpage, kita dapat menggunakan seperti
layaknya program olah kata yang lain. Hasil dari penulisan ini adalah file HTML.
Hal-hal yang berkaitan dengan bentuk tampilan dan animasi dapat dipilih sesuai dengan tujuan
dari tayangan/tampilan data atau informasi yang diberikan . Untuk itu bentuk maupun model tayangan
sangat tergantung dari isi informasi itu sendiri .
FUNGSI HYPERLINK
Jika halaman tayang sudah disiapkan, apakah berupa tabel, graphic atau teks, langkah berikutnya
adalah menyusun dan membuat perintah jaringan antar halaman tayang tersebut dengan menggunakan
perintah hyperlink.
1Vw111gr111i
Gambar3 . Menu hyperlink pada program frontpage
Screen Tip adalah panduan teks yang dapat dipilih untuk menunjukkan lokasi data/informasi
yang dimaksudkan . Target frame terdapat 5 (lima) pilihan bentuk yang dapat dipilih : Pagc Default,
Same Frame, Whole Page, New Window atau Parent Frame. Seperti terlihat pada Gambar 3 terdapat
menu pilihan diantaranya Page Default dan Same Frame adalah bentuk tampilan dalam halaman yang
sama, dimana informasi tersebut dibuka, tampilan utama akan overlay dengan tampilan yang baru
dengan bentuk tayangan satu layar penuh . Untuk kembali pada tampilan sebelumnya dapat digunakan
menu back pada toolbar. Whole page adalah tampilan jendela lain yang berada diatas jendela tampilan
yang sedang dibaca . New Windows dan Parent Frame adalah pembuatan jendela baru dengan tampilan
Badan Penelitian dan Pengembangan Pertanian
177
Prosiding Temu Teknis Fungsional Non Peneliti 2003
lebih kecil dari jendela utama atau nampak sebagian kecil dari jendela utama, tetapi berada pada posisi
paling atas . Dari beberapa menu diatas dapat dipilih sesuai dengan tingkat kebutuhan dan tujuan
tampilan itu sendiri.
PEMILIHAN LATAR BELAKANG TAYANGAN
(BACKGROUND)
Bentuk tampilan pada web site harus tampak menarik, sehingga informasi yang akan disampaikan
dapat diminati banyak orang. Tampil menarik merupakan suatu keharusan, untuk itu perancang situs
harus memiliki seni dan keahlian dibidang ini. Banyak pilihan latar belakang yang dapat digunakan
seperti terlihat pada Gambar 4 diantaranya Arc,
Artsy
dan lain-lain.
Format-Themes
Format-Themes
Gambar 4. Tampilan latar belakang tayangan situs
PEMILIHAN ANIMASI DALAM TAYANGAN
Pernik-pernik dalam halaman tayang dapat menghiasi situs yang dibuat, dengan menambahkan
komponen website yang ada pada menu
Web componen dapat berupa : Dynamic Effects (Hover Button, Marquee, Banner ad Manager)
Web Search, Spreadsheet and charts, Hit Counter, Photo Gallery dll seperti Gambar 5 .
Penyisipan informasi kedalam halaman tayang ini dapat dipilih jika informasi yang akan ditayangkan
berupa sub informasi yang akan menyaj ikan lebih rinci, dengan demikian user akan lebih cepat menuju
informasi itu, daripada harus keluar dari halaman tayang tersebut . Contoh diatas memberikan gambaran
bahwa untuk membuat bentuk tayangan sisipan dapat dilakukan dengan menggunakan 2 pilihan
diatas memberi kemudahan bagi perancang situs dipilih sesuai dengan kebutuhannya .
17 8
Pusat Penelitian dan Pengembangan Peternakan
Prosiding Temu Teknis Fungsional Non Peneliti 2003
Insert-web component
Gambar 5. Pilihan animasi dan pernik-pernik dalam tayangan
BENTUK FORMAT BORDER DAN SHADING DALAM PARAGRAPH
Untuk membentuk format tampilan dalam tayangan ada beberapa bentuk yang dapat dipriih
diantaranya adalah border dan shading pada paragraph yang akan ditampilkan, yaitu seperti tampak
pada gambar dibawah ini .
Cobr :
Gambar 6. Menu border dan shading
Berikut disampaikan program pembuatan situ-,v~b site yang akan menampilkan program agribisnis
unggulan untuk komoditas jagung diseluruh Indonesia, yang meliputi kegiatan tahun 2002 dan Peran
pelaku serta Masalah tahun 2002 menurut kabupaten di Indonesia (Biro Perencanaan, 2002).
Badan Penelitian dan Pengembangan Pertanian
179
bbbbbb
Prosiding Temu Teknis Fungsional Non Pencliti 2003
/ Indonesia
Propinsi
Kabupaten
kegiatan 2002
Masalah 2002
Peran pelaku
Gambar 7 . Diagram situs Pola agribisnisjagung di Indonesia, 2002
Untuk merancang situs diatas yang perlu dipersiapkan adalah rancangan tabel ketiga informasi
yakni (1). Kegiatan 2002 ; (2) . Peran pelaku ; dan (3). Masalah 2002 masing-masing kabupaten dari
seluruh Indonesia .
Semakin banyak informasi kabupaten yang akan ditampilkan maka semakin banyak pula direktori
yang akan dibuat oleh program,frontpage dengan cara otomatis. Yang perlu dipersiapkan adalah
mengalokasikan sub direktori awal, sedangkan sub-sub direktori akan dibuat oleh program frontpage
sendiri .
Dari kondisi data diatas yang harus dipersiapkan adalah ketiga bentuk tayangan akhir dengan
membuat secantik mungkin tampilan tersebut, yakni dengan cara singkat, padat dan informatif. 'ika
tampilan ini dibuat ruwet, maka orang yang akan mendownload akan malas dan tidak tertarik .
Untuk membuat situs kecil diatas, ada 4 (empat) langkah yang harus dipersiapkan agar jaringan
informasi itu tersusun dengan baik.
Tingkat pertama
Membuat tabel informasi tentang kegiatan agribisnis jagung di Aceh Tenggara, 2002.
kur'rjp+
-.
arY~w~ta
Fv,;4au*,
Pvrt** t"
on
~Ax c
~_rar''
art .
+ti
116
0
RnawSwwa
180
Pusat Penelitian dan Pengembangan Peternakan
lot
Prosiding Temu Teknis Fungsional Non Peneliti 2003
Tingkat kedua
Membuat file kabupaten yang akan ditampilkan, agar didalam tampilan lebih menarik, maka
penyertaan peta kabupaten dari mapinfo dapat disisipkan dalam tayangan ini .
ACEH TIMUR
ACEH
TE NGGARA
Kegiatan 2002
Peranpelaku
Masalah 2002
Kegiatan 2002
Peran pelaku
Maesalah 2002
Tingkat ketiga
Membuat tayangan lokasi pulau Sumatera per propinsi, hal ini dimaksudkan untuk melihat propinsipropinsi lain di pulau sumatera:
Y'
Aceh Timur
Aceh Tenggara
Sumatera Barat
Sumatera Selaten
Keterangan :
Propinsi yang mempunyai thematic diatas adalah propinsi yang mempunyai kegiatan agribisnis jagung pada
tahun 2002 (data Biro Perencanaan, Deptan 2002).
Tingkat keempat
Merupakan menu utama yang akan mengakomodir file-file yang akan ditayangkan, dengan
demikian pada bagian halaman tayang ini banyak digunakan fasilitas hyperlink. Semua fasilitas yang
terdapat pada programfrontpage dapat digunakan untuk menghiasi tayangan agar menarik .
Badan Penelitian dan Pengembangan Pertanian
18 1
Prosiding Temu Teknis Fungsional Non Pcneliti 2003
Setelah keempat tingkat dibuat, langkah berikutnya adalah menyusun jaringan, agar kerja antar
file tersebut menjadi satu rangkaian yang dapat diakses dan sating terjalin . Dengan fasilitas program
frontpage
dapat digunakan
hyperlink
antar file yang akan ditampilkan mulai dari tingkat empat,
ketiga, kedua dan pertama.
KESIMPULAN DAN SARAN
Pada masa mendatang setiap unit kerja hendaknya memiliki situs yang dapat diakses oleh unit
kerja lain dengan mudah, sehingga untuk menghadapi era keterbukaan informasi dapat disambut
dengan baik dan sebagai saran hendaknya didalam validitas data perlu mendapat perhatian yang
lebih, karena sebaik-baiknya bentuk tampilan tanpa didukung oleh validitas data, maka informasi itu
akan mubazir.
DAFTAR BACAAN
. . . .. . . . . . . . . . . . ., 2002 . Pola pengembangan Agribisnis Jagung di Indonesia, Peran, perilaku dan
Masalahnya Tahun 2002 . Biro Perencanaan Pusat, Jakarta 2002,
. . . . . . . . . . . . . . . . . ., 2002 ., Help and Tutorial menu . Microsoft FrontPage 2002 .
Trijono Djoko, 2002 . Buku saku "Panduan Pembuatan PetaData dengan program Maplnfo ."
182
Pusat Penelitian dan Pengembangan Peternakan