MENU SITUS KENAPA HARUS DIBATASI yudhi.tc@gmail.com http://ptakendari.net

Mei 2011

Sengaja kami membuat tulisan yang sifatnya tutorial dan hanya digunakan untuk kalangan sendiri, karena beberapa admin kesulitan untuk menambah, memodifikasi atau membuat item‐item menu baru dalam situs sesuai kebutuhannya.

ebagai admin, anda dapat menambah, mengedit dan menghapus isi (content) yang

terdapat dalam situsnya sesuai kebutuhan. isi situs di kelompokan dalam modul‐modul (modules) yang khusus sesuai kategori. Seperti modul berita peruntukannya untuk memanajemen isi yang berkaitan dengan berita (news). Modul upload download berkitan dengan manajemen file yang akan di gunakan sebagai lampiran isi situs, ataupun file yang akan di sharing ke publik. Tampilan di sisi publik akan berbeda di setiap modul. Untuk modul yang bersifat apliakasi umum misalnya modul berita dan modul artikel, tampilan isinya menggunakan logika entri terbalik, artinya isi yang terakhir di entri akan muncul di bagian awal listing (blog view / common view). Untuk modul yang merupakan aplikasi khusus seperti modul pegawai, tampilan isinya berdasarkan tahun berjalan atau sesuai request. Jadi walaupun data pegawai pernah di entri tahun sebelumnya kemudian tahun berjalan tidak diperbarui maka data pegawai tidak tampil hingga pengunjung menggunakan

fasilitas pencarian data tahun lalu, maka data akan ditampilkan sesuai request tahun tersebut. Tampilan ini berlaku untuk modul putusan, modul realisasi, modul perkara, modul barang milik negara, dan beberapa modul aplikasi khusus lainnya (advance view). Untuk memudahkan pengunjung menemukan informasi yang mereka cari, harus ada menu navigasi (navigation menu) yang langsung mengarahkan ke halaman yang dicari. Halaman situs jumlahnya akan terus bertambah sesuai content yang di entry oleh administrator . Tanpa ada menu navigasi maka isi situs yang jumlahnya ribuan item tersebut, pengunjung akan mengalami kesulitan menemukan informasi yang dicari.

SIP1 menggunakan hirarki menu yang sederhana, hanya 2 level menu (klasifikasi‐>item), level yang terlalu banyak ( klasifikasi‐>sub klasifikasi‐>sub sub klasifikasi‐>item‐>sub item... dst / deep menu level) akan mempersulit pengunjung menemukan halaman yang dituju. Untuk meng‐kostumasi menu sesuai kebutuhan harus dipahami hirarki dasar menu yang ada sebagai berikut :

Posisi Menu Klasifikasi Menu

Item Menu

1 SIP CMS (Sistem Manajemen Isi website Sistem Informasi Peradilan) adalah aplikasi pengelolaan content website yang dikembangkan dan digunakan khusus Pengadilan Tinggi Agama Kendari dan Pengadilan Agama dibawahnya.

S

Kunci memanajen website adalah kreativitas dan aktivitas yang simultan untuk selalu memperbarui informasi, dengan dibekali pengetahuan dasar Teknologi Informasi.

Pilihan posisi menu : (utama | header | atas | kiri | tengah | kanan | bawah | footer) Klasifikasi menu : di buat sendiri yang nantinya akan menjadi judul (header) kelompok item menu sesuai klasifikasi tersebut. Item menu : disinilah Link URL2 halaman situs yang akan di tautkan (link) Sebagai contoh kasus, kita coba membuka situs Pengadilan Agama Kolaka, dengan tampilan menu navigasinya seperti gambar dibawah ini .

Dalam contoh ini nampak tautan‐tautan (link) yang merpukan menu navigasi pada halaman situs, yang posisinya terletak pada :

‐ Header ‐ atas ‐ kiri

Pada bagian atas link yang tampak : Cek‐email , sidang on‐line, aplikasi on‐line (1 klasifikasi, 3 item menu) pada halaman sebelah kiri tampak ada beberapa kalsifikasi menu seperti : menu pilihan , Standar operasional prosedur ... dan seterusnya, dimana masing‐masing klasifikasi tersebut terdapat banyak item menu.

2 URL singkatan dari Uniform Resource Locator (diterjemahkan: Pelokasi Sumber Daya Seragam), adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet (wikipedia).

Posisi menu yang dapat dikostumasi ini tergantung desain situs, ada yang menu letaknya disebelah kanan, seperti pada situs Pengadilan Agama Bau‐Bau. Jika kita ingin mebuat menu berdasarkan matrik penilaian situs untuk situs pengadilan tahun 2010 yang dibuat NLRP3 (National Legal Reform Project) dengan beberapa asumsi sebagai berikut:

Asumsi I Klasifikasi = kategori (dalam matrik NLRP) Item = sub kategori (dalam matrik NLRP)

Maka skema menu yang direncanakan ada 4 klasifikasi dan 15 item, ditambah 1 klasifikasi dan 1 item (Lain‐lain) sebagai berikut :

Posisi Menu : kiri Informasi Pengadilan

Pengadilan Hakim Panitera Struktur Organisasi dan pejabat Alamat kantor

Perkara Putusan Statistik perkara Jadwal sidang Prosedur Litigasi

Pengawasan Statistik Pengaduan Prosedur Pengaduan Sanksi disiplin

Keuangan Biaya perkara Laporan keuangan Anggaran keuangan

Lain‐lain Bahasa

Kemudian dari item menu tersebut dibuatkan content yang isinya menautkan ke halaman yang lebih detail. Misalnya dari menu Informasi Pengadilan‐>Pengadilan Buat halaman yang isinya adalah tautan sebagai berikut :

Profil & sejarah pengadilan Tugas Pokok & fungsi pengadilan Yurisdiksi Visi dan Misi

3 National Legal Reform Program (NLRP) adalah program untuk memajukan lembaga-lembaga hukum dan masyarakat sipil yang didanai dengan hibah dari Pemerintah Belanda dan diadministrasikan melalui Dana Moneter Internasional (IMF). lebih lengkap mengenai program ini bisa dilihat pada situs resminya : http://nlrp.org

Membuat link dalam halaman tidaklah sulit, pada Editor halaman Klik Insert hyperlink (icon logo paper clips). Kemuadian masukan Link URLnya. Atau yang sudah terbiasa dengan tag HTML baris tagnya contoh : <a href=”?module=yurisdiksi” target=”_SELF”/>Yurisdiksi</a>, dan sebagainya. Kemudian buat lagi halaman (sebagai detail / akhir dari navigasi halaman / halaman yang dituju) masing‐masing tautan yang isinya sesuai dengan tautan tersebut. Misalnya link Profil & Sejarah pengadilan, tentunya halaman yang dibuat berisi Profil & Sejarah pengadilan dimaksud. Halaman baru yang dibuat bisa dibuat dari modul artikel, modul prosedur, atau buat halaman HTML baru, kemudian id halaman tersebut sebagai halaman yang dituju oleh link. Dalam halaman admin ditulis Link URL : module=detailartikel&id=85, Dimana 85 adalah id dari halaman tersebut. Atau dapat juga di‐link dengan modul yang sudah ada. Misalnya modul yurisdiksi maka bentuk linknya diarahkan ke modul yurisdiksi. Dalam halaman admin ditulis Link URL : ?module=yurisdiksi. Atau pilihan lain adalah dengan membuat link halaman dengan file yang di upload pada modul upload/download. Dalam halaman admin ditulis Link URL : http://ptakendari.net/files/gambar/foto_berita/contoh_file.doc Atau yang sudah terbiasa dengan tag HTML baris tagnya contoh : <a href http://ptakendari.net/files/gambar/foto_berita/contoh_file.doc” target=”_BLANK”/>Yurisdiksi</a>.

Asumsi II Klasifikasi = kategori (dalam matrik NLRP) Item = item (dalam matrik NLRP)

Maka skema menu yang direncanakan ada 4 klasifikasi, ditambah 1 klasifikasi dan 1 item (Lain‐lain) sebagai berikut :

Posisi Menu : kiri Informasi Pengadilan

Profil & sejarah pengadilan Tugas Pokok & fungsi pengadilan Yurisdiksi Visi dan Misi Profil Hakim Kegiatan Hakim Profil Panitera Struktur Organisasi dan pejabat Alamat kantor

Perkara Putusan Statistik perkara Jadwal sidang Prosedur pengajuan perkara tingkat pertama Prosedur pengajuan perkara tingkat banding Prosedur pengajuan perkara tingkat kasasi Prosedur pengajuan perkara PK acara peradilan di Pengadilan Agama

Pengawasan Statistik Pengaduan Prosedur Pengaduan Sanksi disiplin

Keuangan Biaya perkara Laporan keuangan Anggaran keuangan (DIPA)

Lain‐lain Bahasa

Diatas adalah dua contoh skema menu sesuai referensi matrik penilaian NLRP. Skema menu yang lain, yang lebih lengkap dan lebih informatif tergantung ”kreativitas”, semakin banyak dan semakin lengkap

informasi yang dimuat dalam situs tentu akan semakin baik bagi pencari informasi. dengan kreativitas, membuat menu dan isi situs menjadi tidak terbatas. Uraian diatas adalah gambaran mengenai menu standar yang seharusnya tersedia dalam situs lembaga Peradilan menurut NLRP. Dasar untuk memuat informasi dalam webiste adalah UU KIP No. 14 dan KMA 144/2011 (pengganti KMA 144/2007) serta dasar hukum lainnya yang menyangkut TI. Dengan demikian, informasi yang ditampilkan bukan hanya ”memburu rangking” atau menggapai skor 2 dari setiap item matrik penilaian NLRP, atau hanya sekedar ”mencari prestise” dari situs pengadilan lainnya, tapi lebih dari itu mendukung sepenuhnya komitmen keterbukaan. Keterbukaan informasi yang efektif dan efesien merupakan komitmen Mahkamah Agung RI dalam rangka reformasi birokrasi, yang ujung‐ujungnya adalah pelayanan kepada masyarakat. Langkah‐langkah mengkostumasi menu situs :

1. Rencanakan skema menu yang akan diaplikasikan 2. Buat content dari item‐item tersebut dengan pilihan :

Membuat content baru Membuat link dari modul yang sudah ada Membuat link dari file yang di upload Atau membuat tautan dari halaman situs eksternal

3. Aplikasikan link pada menu

1. Membuat skema menu Pada contoh berikut kita akan mencoba membuat menu baru pada halaman sebelah kiri situs, dengan nama klasifikasi menu ”Klasifikasi menu baru” dan terdiri dari 7 item menu dengan content yang bervariasi sumbernya, contoh skemanya seperti ini :

Posisi Menu : kiri Klasifikasi menu baru

Item menu ke modul internal

Dukungan pimpinan dalam mengembangkan kreativitas menjadi faktor penentu

Item menu ke situs eksternal Item menu ke file download Item menu detail id artikel Item menu ke detail id prosedur Item menu dengan icon Item menu ke file html yang dibuat on‐line

Klasifikasi yang lain Item yang lain ... dst

Sehingga nantinya dihalaman situs menu yang tampil seperti dibawah ini :

Untuk memudahkan pengisian nama menu dan link menu nantinya sebaiknya buat catatan sementara di notepad atau tabel word sebagai berikut :

Tabel catatan sementara

Nama klasifikasi* Nama item* Link URL Icon menu Klasifikasi menu baru Item menu ke modul internal

Item menu kelink eksternal

Item menu ke file download

Item menu detail id artikel

Item menu ke detail id prosedur

Item menu dengan icon

Item menu ke file html yang dibuat on‐line

Klasifikasi lain … Item yang lain …

dst.

*) Nama klasifikasi dan nama item diatas hanya contoh, silahkan disesuaikan dengan keperluan, misalnya nama klasifikasi : Informasi Umum ,nama item menu pertama : Artike l, dsb. Biarkan kosong isian link URL hingga content masing‐masing item diatas telah anda buat, kecuali untuk link URL yang telah anda ketahui persis, misalnya untuk item menu dari modul internal dan item menu ke link ekstenal.

Daftar Link URL dari modul yang sudah tersedia di SIP CMS dan tampil dipublik sebagai berikut :

No Nama Modul URL Keterangan 1 Profil ?module=profil Berisi visi misi,

sejarah, gambar dan lokasi gedung, dll

2 Data seluruh pegawai, hakim dan pejabat

?module=pegawai Informasi pejabat,hakim, pegawai, cpns/cskim hingga tenaga prmubakti.

3 Berita ?module=berita 4 Artikel ?module=artikel 5 Pengumuman ?module=pengumuman Pengumuman

kegiatan, pengadaan barang dan jasa dan lain‐lain.

6 Ensiklopedi ?module=faq Ensiklopedi 7 Yurisdiksi ?module=yurisdiksi Peta dan

deskripsi wilayah hukum

8 Standar Prosedur

?module=prosedur

9 Informasi Perkara

?module=perkara&act=daftar_perkara_masuk Informasi perkembangan penangan perkara dari awal diregister hingga putusan BHT

10 Statistik Perkara

?module=grafik_perkara_perbulan Statistik perkara sesuai data yang dientri disitus

11 Jadwal sidang ?module=jadwalsidang 12 Statistik sidang ?module=grafik_sidang_perbulan Statistik jadwal

sidang sesuai data yang dientri disitus

13 Putusan ?module=putusan File salinan putusan BHT beserta deskripsi

14 Akta cerai ?module=aktaCerai 15 Perkara

diterima /putus

?module=dataperkara

16 Faktor sebab ?module=sebabcerai

cerai 17 Pagu Anggaran ?module=pagu DIPA 18 Realisasi

Anggaran ?module=realisasi Realisasi dipa

bulanan 19 Barang milik

negara ?module=bmn Informasi asset

berdasarkan data SIMAK

20 Keuangan perkara

?module=lap_keuperkara

21 Radius panggilan

?module=radius

22 Realisasi PNBP ?module=pnbp_perkara 23 Penerimaan

Uang Iwadl ?module=iwadl

24 Sisa panjar Perkara

?module=sisaPanjar

25 Buku Tamu ?module=hubungi interaktif 26 Link Situs ?module=link Link dengan

situs lain 27 Galeri Foto ?module=galeri Dokumentasi

foto kegiatan 28 Download File ?module=download File file yang

disharing untuk publik

29 Laporan ?module=laporan Seluruh bentuk laporan yang digunakan pada instansi

30 Artikel ?module=artikel

Daftar Link URL dari link eksternal sebagai berikut :

No Contoh Nama Link

URL Keterangan

1 Legislasi online http://legislasi.mahkamahagung.go.id Portal Legislasi MA

2 SMS gateway http://sms.mahkamahagung.go.id Portal SMS Gateway

3 Update Apliaksi Keu

ftp://ftp1.perbendaharaan.go.id

4 Download AVG https://avg10free.com 5 Email Redaksi

Badilag mailto:redaksi@badilag.net Kirim email ke

redaksi 6 Dan sebagainya

2. Membuat Konten Baru

Jika sudah ada skema menu yang jelas, mulailah membuat content dari menu menu tersebut. Untuk menu yang mengarah ke modul, menu ke link eksternal atau link ke halaman yang memang sudah ada di situs, tidak perlu dibuatkan content baru cukup ditautkan saja URLnya. Untuk membuat konten baru, bisa dibuat dari modul berita, artikel, prosedur atau pengumuman, sesuaikan saja isi yang lebih tepat dari modul apa. Untuk kontent situs yang berisi informasi umum, lebih baik dibuat dari menu artkel, tinggal dipilih kategori artikel yang sesuai isinya. Untuk kontent situs yang sifatnya prosedur, tata cara atau litigasi, buat kontent dari modul prosedur. 2.a. Membuat kontent dari modul artikel Cara membuat kontent dari modul artikel tidak jauh berbeda dengan membuat kontent berita. Setelah anda sukses login, dari menu pilih Arsip‐>Artikel, atau dari halaman depan admin Klik icon Isi Artikel.

Akses ke modul artikel

List kontent modul artikel

Klik tombol Tambah Artikel Isi Judul artikel Pilih Kategori artkel yang sesuai Isikan konten pada editor konten Lampirkan gambar‐gambar jika ada Lampirkan file‐file jika ada Klik Simpan Publish

Sehingga dalam list artikel akan bertambah kontent baru, sekarang kita tinggal menemukan id artikelnya berapa. Pada list kontent artikel tadi arahkan mouse ke judul artikel atau ke link edit artikel yang baru anda buat tadi. Id artikel tersebut nampak di status bar browser bagian bawah halaman, dalam contoh ini id = 85.

Id inilah yang nantinya akan kita link ke menu. Dalam tabel catatan sementara bisa kita catat Link URL sebagai berikut:

Tabel catatan sementara

Nama klasifikasi* Nama item* Link URL Icon menu Klasifikasi menu baru Item menu ke modul internal ?module=artikel

Item menu detail id artikel ?module=detailartikel&id=85

dst

Begitu seterusnya, buatlah content sebanyak yang anda inginkan di modul ini, dan catat id masing‐masing content tersebut. Link URL untuk modul artikel ini

juga bisa di copy/paste dari tampilan publik situs, menu artikel. Seperti gambar dibawah ini :

Klik kanan pada judul artikel yang akan ditautkan dimenu, Klik Copy Link Location, kemudian paste di tabel cata tan sementara anda. Cara seperti ini berlaku untuk semua link kontent yang tampil di halaman situs publik. Jadi anda bisa menautkan link apa saja ketika URLnya telah anda ketahui. Hasilnya adalah :

Untuk link dari situs internal, hilangkan saja text URL hingga tanda tanya (?) (relative path). Sehingga Link URL yang anda catat di tabel catatan sementara menjadi :

Untuk link dari external atau link dari situs luar, biarkan URL path utuh apa adanya (absolut path) 2.b. Membuat kontent dari modul prosedur Pada halaman admin, menu pilih Prosedur‐>Standar operasional Prosedur, atau dari halaman depan admin Klik icon Standar operasional Prosedur. Cara membuat konten baru dan menemkan id kontent yang dibuat juga tidak jauh berbeda dengan membuat konten dari modul artikel. Begitu pula konten yang dibuat dari modul berita dan pengumuman.

?module=detailartikel&id=84

http://ptakendari.net/media.php?module=detailartikel&id=84

Secara ringkasnya format Link URL dari modul prosedur, berita dan pengumuman sebagai berikut :

Tabel catatan sementara

Nama klasifikasi* Nama item* Link URL Icon menu Klasifikasi menu baru Item menu ke modul internal ?module=artikel

Item menu detail id artikel ?module=detailartikel&id=85

Item menu detail id berita ?module=detailberita&id=XXXX

Item menu detail id prosedur ?module=detailpros&id=XXXX

Item menu detail id pengumuman

?module=detailpengumuman&id=XXXX

dst

2.c. Membuat kontent dari modul upload/download Nah sekarang kita akan mencoba membuat menu, yang langsung di isinya langsung di tautkan dengan file yang kita upload ke server. File yang ditautkan langsung bisa berupa dokumen, dalam format doc, pdf, xls atau gambar jpg, gif atau png, atau file terkompresi dalam format zip. Sehingga nantinya ketika pengunjung mengklik item menu ini, mereka langsung mendapatkan file tautan tersebut. Pada halaman admin, menu pilih Arsip‐>Upload/download, atau dari halaman depan admin Klik icon Upload File.

Klik tombol Tambah Pilih Kategori file yang sesuai Cari dimana file disimpan di komputer lokal Isi deskripsi singakt Upload

File bisa 5 buah sekaligus diupload dalam satu proses. Perhatikan sizenya jangan melampui batas maksimal ukuran file yang diizinkan. Jika upload file sukses, maka akan tampak daftar file di modul upload/download. Copy link location pada item file yang kan ditautkan dan paste dalam tabel catatan sementara, sehingga hasilnya seperti dibawah ini:

Tabel catatan sementara

Nama klasifikasi*

Nama item* Link URL Icon menu

Klasifikasi menu baru

Item menu ke modul internal

?module=artikel

Item menu ke file download

http://ptakendari.net/files/ebook/Standar_operasional_team_pengelola_IT_final.doc

dst

3. Aplikasikan menu

Kita sekarang sudah ada gambaran skema menu yang akan dibuat, juga catatan link‐link yang akan ditautkan pada menu. Anggap saja catatan link yang telah kita peroleh seperti di bawah ini :

Tabel catatan sementara

Nama klasifikasi

Nama item Link URL Icon

menu Klasifikasi menu baru

Item menu ke modul internal

?module=artikel

Item menu kelink eksternal

http://legislasi.mahkamahagung.go.id

Item menu ke file download

http://ptakendari.net/files/ebook/Standar_operasional_team_pengelola_IT_final.doc

Item menu detail id artikel

?module=detailartikel&id=85

Item menu ke detail id prosedur

?module=detailpros&id=41

Item menu dengan icon

?module=detailpros&id=42

Item menu ke file html yang dibuat on‐line

?module=html&data=files/static/kewenangan_peradilan_agama.htm

Klasifikasi lain Item yang lain …

dst.

Untuk mengakses pengaturan menu, pada halaman depan bawah bagian Pengaturan, Klik icon Konfigurasi menu.

Tabel fungsi icon modul menu custom

Icon Fungsi

Menambah item menu ke klasifikasi urutan awal

Menambah klasifikasi menu baru

Mencopy menu situs lain (yang menggunakan SIP CMS)

Merubah urutan klasifikasi / item

Menambah item menu dengan klasifikasi yang sama

Menampilkan, Menkostumasi, atau Menghapus klasifikasi/ item

Klik Tambah klasifikasi Pilih posisi Menu : kiri Judul Klasifikasi : Klasifikasi menu baru (contoh/ini akan menjadi header

menu) Link URL : (kosongkan saja) Deskripsi : (isi jika perlu) Publikasikan Klik tombol Simpan

Sehingga hasil yang terbentuk seperti gambar dibawah ini :

Untuk menambah item‐item sebagaimana tabel catatan sementara, Klik icon Tambah item pada klasifikasi menu baru.

Pilih Klasifikasi menu Klasifikasi Menu baru Judul item Menu : item link ke artikel Link URL : ?module=artikel (paste saja dari tabel catatan sementara) Target URL : _SELF Deskripsi : (isi jika perlu) URL File icon : Urutan item :1 Klik tombol Simpan

Begitu seterusnya hingga 7 item menu yang ada dalam catatan tabel sementara (contoh) selesai di entry.

Catatan : Target URL : _SELF (konten akan terbuka pada window yang sama /

digunakan untuk link menu dari konten internal situs) Target URL : _BLANK (akan memaksa browser membuka window baru,

gunakan untuk link dari eksternal situs, termasuk juga untuk link file download)

URL File icon : (masukan path absolut dari gambar / icon jika ingin diberi icon khusus pada menu, contohnya : http://ptakendari.net/files/upload/karakter/5.gif)

Hasilnya adalah :

Dan jika kita logout dari admin, dan membuka situs publik akan tampil menu baru seperti dibawah ini:

Jika kita Klik item link ke artikel maka yang akan tampil adalah modul artikel Jika kita Klik item link ke external maka browser akan membuka window baru dan membuka situs http://legislasi.mahkamahagung.go.id

Jika kita Klik item link ke file download maka yang akan tampil adalah popup untuk mendownload file

Jika kita Klik item detail artikel maka akan tampil detail artikel sesuai id konten artikel tersebut.

Jika kita Klik item file html yang dibuat on‐line maka akan tampil isi file html dimaksud

Dengan memahami konsep membuat tautan di menu, maka konten situs yang akan kita tautkan dari menu akan mudah dilakukan. Kata kuncinya adalah URLnya harus kita ketahui. Tak kalah pentingnya konsep dasar tag HTML perlu dipahami sehingga untuk membuat link antar halaman, antar file dan antar situs sangat mudah dilakukan. Kekuatan situs adalah adanya link yang saling terhubung satu dengan lainnya, sehingga menjadi jaringan data yang kompleks dan tidak terbatas. Akhirnya pencari informasi dengan mudahnya hanya menunjuk dan Klik pada link‐link tersebut, seketika itu juga informasi yang dicari tampil dihadapan. Semoga tulisan singkat ini bermamfaat, Selamat berkreasi ... (yudh)