Pembuatan Antar Muka Halaman Pengunjung

div class=article h2div class=indentspanPENGERTIAN HAK WARISspandivh2 p class=infopost a href= class=comspan15spana Posted span class=dateon 15 Mei 2013span by a href=azzama nbsp;nbsp; p div class=clrdivdiv class=post_contentp dir=rtl style=text-align: center; nbsp;p p style=text-align: center; Untuk apa kita mempelajari hukum waris? Bukankah sudah ada kiyai dan para ulama yang bisa menangani urusan waris? Bukankah biasanya membagi waris menjadi tugas dan wewenang Kantor Urusan Agama KUA?p p dir=ltr style=text-align: center; Pertanyaan seperti itu mungkin ada benarnya. Sebab biasanya urusan pembagian waris memang menjadi urusan para kiyai dan ulama?, setidaknya menjadi 39;job39; pak KUA. Jadi buat apa kita yang tidak punya urusan ini pakai sok belajar ilmu warisp p style=text-align: center; Sebagaimana kita sadari meski bangsa Indonesia ini mayoritas muslim, namun kita tahu bahwa agama kita diperangi lewat berbagai macam bentuk penggerogotan dari dalam. Salah satunya adalah dijejalinya kita dengan berbagai produk hukum yang bukan hukum Islam, seperti hukum barat dan hukum adat, lewat berbagai kurikulum pendidikan yang kita dapat dari sistem pendidikan nasional, atau dari adat istiadat turun temurun.p p style=text-align: center; Maka lahirlah dari bangsa ini berlapis generasi muslim yang rajin shalat 5 waktu, fasih membaca Al-Quran, aktif mengaji kesana-kemari, gemar menghidupkan amaliyah sunnah, tetapi sama sekali tidak paham alias merasa asing dengan hokum waris Islam.p Gambar 4.2 Contoh script yang ada di web Pada halaman utama ini pengunjung dapat pengertian hak waris yang diisi oleh admin pada halaman admin dan akan ditampilkan dihalaman utama pengunjung ketika admin telah melakukan posting pada artikel tersebut

4.2.1.2 Pembuatan Interface Halaman Form Perhitungan Hak Waris

Pada form ini pengunjunga akan bisa melakukan perhitungan hak waris yang disediakan form-form khusus yang dapat di isi oleh pengunjung sesuai dengan parameter form yang sudah ditentukan, untuk lebih jelasnya dapat dilihat pada gambar di bawah ini: Gambar 4.3 Tampilan Halaman Form Perhitungan Waris Potongan script untuk menampilkan halaman form perhitungan waris adalah sebagai berikut: form name=formperhitungan action=?php echo form_action;? method=post table border=0 cellspacing=0 cellpadding=2 width=642 tr td class=pageName pFAROIDH ptd tr tr tr tr td class=subHeader id=monthformat Langkah 1 - Masukkan Tarikaha name=Tarikah id=Tarikaha td tr td width=22div align=centerstrong1.strongdivtd td width=243div align=leftstrongHutang: strongdivtd td width=152strong label input tabindex=2 type=text name=hak1 id=hak1 align=right style=text-align:right; onKeyDown=return numbersonlythis, event; onkeyup=javascript:tandaPemisahTitikthis; label strongtd tr tr tddiv align=centerstrong2.strongdivtd tddiv align=leftstrongBiaya penyelenggaraan jenazah: strongdivtd tdstrong label input tabindex=4 type=text name=hak2 id=hak2 style=text-align:right; onKeyDown=return numbersonlythis, event; onkeyup=javascript:tandaPemisahTitikthis; labelstrongtd tr tr tddiv align=centerstrong3.strongdivtd tddiv align=leftstrongWasiat maksimum 13 tarikah: strongdivtd tdstronglabel input tabindex=5 type=text name=hak3 id=hak3 style=text-align:right; onKeyDown=return numbersonlythis,event; onkeyup=javascript: tandaPemisahTitikthis; labelstrongtd tr table tr td class=subHeader id=monthformat Gambar 4.4 Contoh script Form Perhitungan Waris

4.2.1.3 Pembuatan Form Question Answer

Form question answer ini digunakan sebagai media tanya jawab antara pengunjung dengan admin yang nantinya pertanyaan-pertanyaan yang diberikan oleh pengunjung akan ditampung ole admin dan akan dijawab ketika admin sudah mengetahui jawabannya, untuk lebih jelasnya dapat dilihat pada gambar di bawah ini. Gambar 4.5 Tampilan Halaman Form Pertanyaan form action=?php echo base_url;?index.phpqasendmail method=post id=sendemail ol li label for=nameName requiredlabel input id=name name=name class=text li li label for=emailEmail Address requiredlabel input id=email name=email class=text li li label for=websiteWebsitelabel input id=website name=website class=text li li label for=messageYour Messagelabel textarea id=message name=message rows=8 cols=50textarea li li input type=image name=imageField id=imageField src=?php echo base_url;?imagessubmit.gif class=send div class=clrdiv li ol form Gambar 4.6 Tampilan Script Form Pertanyaan

4.2.1.4 Pembuatan Form Contact Us

Pada halaman contact us sangat penting sekali dalam melakukan komunikasi antara pengunjung dengan admin untuk mengetahui informasi-informasi penting yang sekiranya ditanyakan oleh pihak pengunjung ke pihak admin, adapun tampilan interface dalam pembuatan form contact us adalah sebagai berikut: Gambar 4.7 Tampilan Form Contact Us Potongan script untuk menampilkan halaman contact us adalah sebagai berikut: div class=mainbar h2spanContactspan Ush2 p Untuk keterangan lebih lanjut silahkan menghubungi saya p p class=contact_info spanNama:span Moh. Azzambr spanAlamat:span Jl. Nyamplungan no. 205, Surabayabr spanTelepon:span +62 856 486 45534br spanE-mail:span a href=azzamyahoo.coma p div td width=40 height=25 class=innertablestylefont class=normalnbsp;fonttd Gambar 4.8 Tampilan Script Contact Us

4.3.2 Pembuatan Antar Muka Halaman Admin

Pada pembuatan halaman admin sistem warisan ini sangat penting sekali agar admin dapat melakukan pengaturan-pengaturan sistem dan penambahan artikel dan konten.

4.3.2.1 Pembuatan Interface Halaman Utama Admin

Pada halaman ini admin dapat melakukan penambahan artikel, edit artikel bahkan melakukan penghapusan artikel yang sudah ada, untuk lebih jelasnya dapat dilihat pada gambar di bawah ini. Gambar 4.9 Tampilan Halaman Utama Admin Potongan script untuk menampilkan halaman contact us adalah sebagai berikut: div class=sDiv2 Search: input type=text class=qsbsearch_fieldox name=search_text size=30 id=search_text select name=search_field id=search_field option value=Search alloption option value=pagesPagesnbsp;nbsp;option option value=tgl_kirimTgl kirimnbsp;nbsp;option option value=pengirimPengirimnbsp;nbsp;option select Gambar 4.10 Tampilan Script Utama Admin

4.3.2.2 Pembuatan Interface Halaman Tambah Artikel

Pada halaman ini admin dapat melakukan penambahan artikel yang berkaitan tentang warisan yang meliputi hukum waris, pengertian waris dan sebagainya, untuk lebih jelasnya dapat dilihat pada gambar di bawah ini. Gambar 4.11 Tampilan Halaman Tambah Artikel Potongan script untuk menampilkan halaman tambah artikel adalah sebagai berikut: div class=form-display-as-box id=judul_display_as_box Judul :div div class=form-input-box id=judul_input_box input id=field-judul name=judul type=text value= maxlength=30 div div class=form-display-as-box id=isi_display_as_box Isi :div div class=form-input-box id=isi_input_box textarea id=field-isi name=isi class=texteditor textarea div div class=cleardivdiv div class=form-field-box odd id=tgl_kirim_field_box div class=form-display-as-box id=tgl_kirim_display_as_boxTgl kirim :div div class=form-input-box id=tgl_kirim_input_box input id=field-tgl_kirim name=tgl_kirim type=text value= maxlength=10 class=datepicker-input a class=datepicker-input-clear tabindex=-1Cleara ddmmyyyydiv div class=cleardivdiv div class=form-field-box even id=pengirim_field_box div class=form-display-as-box id=pengirim_display_as_box Pengirim :div div class=form-input-box id=pengirim_input_box input id=field-pengirim name=pengirim type=text value= maxlength=30 div class=cleardiv div Gambar 4.12 Tampilan Code Tambah Artikel 4.3.2.3 Pembuatan Interface Halaman Edit Artikel Pada halaman ini admin dapat melakukan edit artikel yang sudah ada yang berkaitan tentang warisan yang meliputi hukum waris, pengertian waris dan sebagainya, untuk lebih jelasnya dapat dilihat pada gambar di bawah ini.