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