laporan kerja praktek

(1)

LAPORAN KERJA PRAKTEK

PEMBUATAN WEBSITE INFORMASI

PONDOK PESANTREN ISC (ISLAMIC STUDIES CENTRE) ASWAJA LINTANG SONGO

PAGERGUNUNG, SITIMULYO, PIYUNGAN, BANTUL, YOGYAKARTA

Diajukan sebagai salah satu syarat

untuk memperoleh gelar sarjana Teknik Informatika

Disusun oleh : Nama : Rubiman NIM : 08651021

TEKNIK INFORMATIKA FAKULTAS SAINS DAN TEKNOLOGI UNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA

(2)

(3)

KATA PENGANTAR

Puji dan syukur kami panjatkan ke hadirat Allah SWT, karena hanya atas ni’mat dan rahmat-Nya, sehingga Laporan Kerja Praktek yang berjudul

“PEMBUATAN WEBSITE PP ISC ASWAJA LINTANG SONGO” dapat diselesaikan dengan baik. Adapun tujuan penulisan laporan ini adalah untuk memenuhi persyaratan dalam menyelesaikan Kerja Praktek Program Studi Teknik Informatika UIN Sunan Kalijaga Yogyakarta.

Penyusunan laporan ini tidak terlepas dari bantuan beberapa pihak, oleh karena itu penulis mengucapkan terima kasih kepada :

1. Orang tua, istri, anak, dan adik tercinta yang telah memberikan doa, semangat, dukungan, dan motivasi selama melakukan studi.

2. Bapak Agus Mulyanto, S.Si., M.Kom. selaku Ketua Program Studi Teknik Informatika dan Dosen Pembimbing Kerja Praktek.

3. Drs. KH. Heri Kuswanto, M.Si. selaku Pengasuh PP. ISC Aswja Lintang Songo, Piyungan yang telah memberikan kesempatan kepada saya untuk melaksanakan kerja praktek di wilayah kerjanya.

4. Bu Dra. Hj. Siti Hidayati, Ning Rani, Gus Haidar, dan Ning Ifah yang telah setia mengarahkan, mendampingi penulis untuk melakukan kerja prakteknya 5. Seluruh pengurus, Dewan Asatidz, Santri, Wali Santri, daan keluarga

Pondok yang telah memberikan sumbangsih saran dan masukannya

6. Semua pihak yang tidak dapat disebutkan satu per satu yang terlibat dalam penyusunan Laporan Kerja Praktek ini sehingga dapat

(4)

selesai dengan baik.

Akhir kata, penulis menyadari bahwa pelaksanaan kerja praktek dan penyusunan laporan ini masih belum sempurna. Oleh karena itu, kritik dan saran yang membangun sangat penulis harapkan. Semoga penyusunan laporan ini bermanfaat bagi semua pihak.

Yogyakarta, Desember 2014 Penulis

(5)

DAFTAR ISI

HALAMAN JUDUL ...

LEMBAR PENGESAHAN ... i

KATA PENGANTAR ... ii

DAFTAR ISI... iv

DAFTAR GAMBAR ... v

DAFTAR TABEL ... vi

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang ... 1

1.2 Rumusan Kerja Praktek ... 2

1.3 Batasan Kerja Praktek ... 2

1.4 Tujuan Kerja Praktek... 2

1.5 Manfaat Kerja Praktek... 3

BAB II TEMPAT KERJA PRAKTEK ... 4

2.1 Gambaran Umum Instansi ... 4

2.2 Ruang Lingkup Kerja Praktek ... 11

BAB III LAPORAN KEGIATAN... 14

3.1 Analisis ... 14

3.2 Kegiatan Kerja Praktek... 15

3.3 Hasil ... 20

BAB IV PENUTUP ... 54

4.1 Kesimpulan ... 24

4.2 Rekomendasi... 54

(6)

DAFTAR GAMBAR

Gambar 1. Struktur Web PP. ISC Aswaja Lintang Songo ... 17

Gambar 2 Struktur Database lintangsong0... 17

Gambar 3. Diagram Konteks ... 18

Gambar 4. DFD Level 0, Pengembangan dari Diagram Konteks... 18

Gambar 5. DFD Level1, Proses Login ... 18

Gambar 6. Tampilan Halaman Utama... 23

Gambar 7. Tampilan Halaman Berita Berdasarkan Suatu Kategori ... 24

Gambar 8. Tampilan dari Halaman Download Materi Kajian... 27

Gambar 9. Tampilan dari Halaman Profil Pesantren ... 29

Gambar 10. Tampilan dari Halaman Kirim Berita ... 32

Gambar 11. Tampilan dari Halaman produk Wirausaha ... 35

Gambar 12. Tampilan dari Halaman Hubungi Kami... 36

Gambar 13. Tampilan dari Halaman Login User dan Admin... 38

Gambar 14. Tampilan dari Halaman Control Panel Admin ... 39

Gambar 15. Tampilan dari Halaman Setting Web Secara Umum... 43

Gambar 16. Tampilan Halaman Manage User ... 46

Gambar 17. Tampilan Halaman Pengaturan Download ... 49

Gambar 18. Tampilan Halaman Pengaturan Kategori Berita Kegiatan ... 50

Gambar 19. Tampilan Halaman Kelola Berita Kegiatan Pesantren ... 51

Gambar 20. Tampilan Halaman Pengaturan Kategori Produk Wirausaha.. 52

Gambar 21. Tampilan Halaman Pengaturan Produk Wirausaha ... 53

(7)

DAFTAR TABEL

Tabel 1. Data Ustadz/Ustadzah Pesantren ... 8

Tabel 2. Data Jadwal Madin dan Majlis Ta’lim... 9

Tabel 3. Data Jadwal Santri Mukim ... 10

Tabel 4.Data Jadwal Madin dan Majlis Ta’lim... 11

Tabel 5. Data Jumlah Santri... 11

Tabel 6. Biaya Santri... 12

Tabel 7. Desain Tabel User... 19

Tabel 8. Desain Tabel Setting ... 19

Tabel 9. Desain Tabel tblkategori ... 19

Tabel 10. Desain Tabel tblcms... 20

Tabel 11. Desain Tabel kategori ... 20

Tabel 12. Desain Tabel produk ... 20

Tabel 13. Desain Tabel download... 20

(8)

BAB I PENDAHULUAN

1.1 Latar Belakang

Keberadaan internet menjadi sarana untuk mendapatkan dan menyebarkan informasi dengan cepat. Internet memberikan keuntungan bagi manusia baik itu dalam urusan individu maupun instansi seperti pendidikan, pemerintahan, dan komersial. Dengan menggunakan jaringan ini, sebuah organisasi dapat melakukan pertukaran informasi secara internal maupun eksternal dengan organisasi lain (Kadir, 2003).

Secara online kita dapat menggunakan website sebagai wadah untuk mendapatkan dan menyebarkan informasi ke masyarakat luas. Website merupakan media informasi berbasis jaringan komputer yang dapat diakses dimana saja dengan biaya yang relatif murah (Wahana Komputer, 2009). Dengan

adanya website instansi akan dengan mudah mempromosikan dan

memberitahukan kepada masyarakat luas tentang profil, kegiatan, informasi, dan hal-hal lain yang berkaitan dengan instansi tersebut. Selain itu, website memungkinkan instansi untuk memperoleh kemudahan dalam pengorganisasian file. File-file yang disusun dan diatur secara baik akan memudahkan dalam mendapatkan data untuk pengambilan keputusan bisnis, dan sebaliknya file yang di-manage secara tidak baik akan menimbulkan kekacauan dalam pemrosesan informasi kinerja yang jelek, dan bahkan tidak fleksibel.

Dengan demikian perlu adanya pembuatan website ini sebagai sarana untuk

(9)

memanage data, mempermudah dan memperlancar arus informasi kepada wali santri, donatur dan masyarakat luas sehingga informasi lebih cepat diterima dan dapat diakses dari manapun dan kapanpun.

1.2 Rumusan Kerja Praktek

Dari latar belakang dapat dirumuskan beberapa permasalahan yaitu : 1. Bagaimanakah menampilkan profil pesantren, berita kegiatan pesantren,

data pengurus, data santri, data ustadz, dan produk hasil wirausaha pesantren ke dalam sebuah website

2. Menu apa saja yang akan dibuat dan ditampilkan dalam website ini.

1.3 Batasan Kerja Praktek

Agar penyusunan kerja praktek ini tidak keluar dari pokok permasalahan yang dirumuskan, maka ruang lingkup pembahasan dibatasi pada :

1. Membuat interface halaman website yang terdiri atas halaman utama website, halaman profil pesantren, halaman berita kegiatan, halaman produk wirausaha pesantren, dan halaman control panel admin

2. Tidak membahas masalah keamanan website.

1.4 Tujuan Kerja Praktek

Adapun tujuan dari kerja praktek ini adalah sebagai berikut:

1. Membantu membuat website untuk PP ISC Aswaja Lintang Songo

(10)

2. Mendokumentasikan data kegiatan pesantren dan kiprahnya di masyarakat.

3. Sebagai pengenalan kepada mahasiswa Teknik Informatika di dunia kerja.

1.5 Manfaat Kerja Praktek

Diharapkan dari pelaksanaan kerja praktek ini dapat membawa manfaat diantaranya :

1. Dapat membantu mengenalkan PP ISC Aswaja Lintang Songo kepada dunia yang lebih luas

2. Mengenalkan dan menampilkan profil, berita kegiatan pesantren yang up to date.

3. Terdokumentasikannya semua kegiatan pesantren, agar generasi penerus dapat melanjutkan perjuangan pendahulunya

4. Sebagai wadah informasi bagi pengasuh, pengurus, ustadz, santri, wali santri, donatur, dan masyarakat umum.

(11)

BAB II

TEMPAT KERJA PRAKTEK

2.1 Gambaran Umum Instansi 2.1.1 Sejarah Berdiri

Cikal bakal berdirinya pesantren ini dimulai sejak tahun 1991 oleh Pak Heri, panggilan akrab dari Drs. KH. Heri Kuswanto M.Si. bin KH.Muhammad Zaidan, seorang mantan Ketua GP Ansor Piyungan, Mabarrot NU DIY, KNPI Piyungan, Maarif NU Kabupaten Bantul, anggota MUI Kabupaten Bantul dan Anggota/Pimpinan DPPRD Kabupaten Bantul dua periode (1999-2009).

Mei 2006, oleh Prof. Dr. Ir. H. San Afri Awang M.Sc., seorang kawan dosen & Ketua Jurusan di Fakultas Kehutanan UGM, bersama pak Heri melaunching nama ISC (Islamic Studies Centre) yang kemudian oleh masyarakat disebut sebagai Pondok Pesantren yang kemudian diberi nama Aswaja Lintang Songo, sehingga Nama lengkapnya adalah Pondok Pesantren ISC Aswaja Lintang Songo.

23 Desember 2006, Pek Heri bersama-sama KH Haris Gufron (PP Al Imam Wonokromo), KH. Faurozi Afiq (PP Nurussalam Krapyak) dari RMI dan KH. Drs Habib Masyhur Ridlo Al Hisny memberi mengupayakan berdirinya gedung sehingga pesantren disurvey oleh AIP (Australia-Indonesian Patnership/kemitraan Indonesia dan Australia) oleh Mr. Andrew, Mr. Allan, dan Mr. Bill) yang akhirnya dibantu gedung senilai 580 juta berupa 5 lokal gedung (2

(12)

toilet yang diresmikan 3 Nopember 2007 oleh Kedutaan Australia dan Bupati Bantul.

Dalam perkembangannya pesantren ini mempunyai 12 unit kegiatan, di tahun 2010 mendapatkan penghargaan tingkat nasional seperti : Penghargaan Juara Nasional Ketahanan Pangan diberikan penghargaan oleh Presiden SBY di istana Negara, lalu penghargaan oleh Menteri Pertanian dan Kepala Pusat Badan Ketahanan Pangan di Departemen Pertanian RI, serta pemenang Nasional Ecosystem Pesantren dari Mentri Kehutanan.

Pesantren Lintang Songo untuk memaksimalkan kiprah dan peran sertanya terus mengadakan kerjasama dan terus bermitra dengan akademisi dari berbagai Fakultas di UGM,UIN, UCY serta berbagai dinas dan instansi baik di tingkat pusat, propinsi DIY dan Kabupaten Bantul sampai Muspika Kecamatan Piyungan.

2.1.2 Nama dan Makna Pesantren

"Pesantren" sebagai lembaga pendidikan Islam tertua di Indonesia,ia merupakan tempat para santri, murid, anak didik, peserta didik atau siapapun yang ingin belajar.Ada yang nyantri mukim di pesantren, tapi ada juga yang diperbolehkan pulang atau ngalong.

"ISC" singkatan dari Islamic Studies Centre yang merupakan pusat kajian Ilmu-ilmu agama Islam dengan target yang telah ditentukan oleh pesantren yang menggunakan kurikulum modifikasi dari pesantren murni dan Depag RI.

(13)

"Aswaja" singkatan dari Ahlussunnah Wal Jama’ah, sebagaimana sabda Nabi Muhmmad saw, bahwa kelak di akhir zaman umat Islam akan terpecah ke dalam firqoh atau golongan . dan Ahlussunnah Wal Jamaah-lah yang tak akan tersesat.

"Lintang Songo" . Songo(anka sembilan) merupakan angka terbesar dan

lintang(bintang) sembilan merupakan bagian dari simbul Nahdloh atau Kebangkitan para Ulama.

2.1.3. Visi, Misi Pesantren

Visi : Santri berkualitas, mandiri dan bermanfaat bagi masyarakat Misi :

 Mendidik santri agar mempunyai pemahamaan tentang Islam yang mendalam

 Mendidik santri agar mempunyai ketrampilan sehingga dapat hidup mandiri

 Mendidik santri agar mempunyai kepedulian sosial yang tinggi

2.1.4. Nomor Piagam

Dari Kanwil Depag Propinsi DIY dan (Nomor Statistik Pesantren) B.07234 Tertanggal 21-03-2007 dan 5 1234 0212 069

(14)

2.1.5. Harapan Pesantren

1. Memberi wahana untuk mengkaji, transfer, diskusi dan sharing ilmu-ilmu agama bagi para pengasuh, pengurus, masyarakat sekitar pesantren terutama kepada peserta dididik atau "santri"

2. Upaya menjadikan generasi kedepan yang cerdas, berkwalitas dan sholih- sholihah dan mampu menyesuaikan dengan kebutuhan dan kemajuan zaman,

3. Bersama-sama meningkatkan kualitas, kiprah dan perjuangan untuk mencapai ridla Allah, dengan menempuh kemungkinan-kemungkinan dalam berbagai usaha bidang ekonomi, ketrampilan, olahraga dan seni dan lain sebagainya

2.1.6. Pengurus Pesantren

Pengawas : Drs. H. Kasmad Hidayat

Ketua : Drs. KH. Heri Kuswanto M.Si.

Sekretaris : Haydar Muttaqin, S.Pd.I.

Bendahara : Dra. Hj. Siti Hidayati Seksi

1. Pertanian : Rinto Pranoko 2. Peternakan : Trianto

3. Kehutanan : Kardi

4. Perikanan/P3A : Haidar Muttaqin 5. Koppontren : Siti Yasiroh

6. Madin : Dra. Hj. Isti Munawaroh

7. PAUD : Ayu Ashari

8. Poskestren : Anik Rumilah AMK

9. Perpustakaan : Riswan Candra

10. Oros : Fendi Nugroho

11. Perlengkapan : Suyatmi

(15)

2.1.7. Kyai/Ustadz/Ustadzah Jumlah 35 ( L:22 P: 13) Tabel 1. Data Ustadz/Ustadzah Pesantren

NO NAMA PENDIDIKAN BIDANG ALAMAT

1 KH.Muhmammad Zaidan Pesantren Tausiyah Dzikir Munggur

2 KH.Haris Ghufron Pesantren Tausiyah Dzikir Wonokromo

3 KH. Muhammad Amin Pesantren Majelis Taklim(Bapak) Segoroyoso

4 KH. Daliyo PD. Universitas UCY Majelis Taklim(Bapak,Ibu) Pagergunung 2

5 K. Sudasihono SLA Majelis Takli(Bapak) Pagergunung 1

6 K. Iswanto Pesantren Majelis Takim(Bapak) Munggur

7 Drs. KH. Heri Kuswanto, M.Si.

IAIN,UGM Majelis Takilim ,Mukim Pagergunung 1

8 Dra. Hj. Siti Hidayati IKIP M Mukim ,Madin Pagergunung 1

9 K.Ahmadun Ahmad Pesantren API Tausiyah Dzikir Kanggotan

10 Ust. Robi Pesantren Tausiyah Dzikir Jetis Bantul

11 K.Mukrimuddin PP Nurul Umah Tausiyah Dzikir Kretek

12 Ust.Gunawan Pesantren Tausiyah Dzikir Banyakan

13 Drs. H. Kasmad Hidayat IKIP Mukim(Quran) Pagergunung 1

14 K. Sabilan Anwar Pesantren Mukim (Quran,Tajwid) Magelang

15 Ust. Rubiman UIN Mukim (Quran) Nganyang

16 Widayati MAN Madin Pagergunung 1

17 Suwansih SLTA Madin Pagergunung 2

18 Anik Rumilah AMK STIKES Madin Pagergunung 1

19 Rahmat Purwoko AMIKOM Madin Pagergunung 1

20 Dra. Hj. Isti Munawaroh IAIN Suka Madin Pagergunung 1

(16)

21 Marida Pesantren Madin Pagergunung 2

22 Suyamti SLTA Madin Pagergunung 1

23 Rojaunah S.Pd. UNY PAUD Pagergunung 1

24 Dewi Nur Syamsiyah SAg UIN Suka PAUD,Madin,LES (IPA) Pagergunung 2

25 Siti Sujiyati Sag UIN Suka PAUD,Madin,LES (IPA) Pagergunung 2

26 Riyadi SPG LES (Matematika) Pagergunung 2

27 Sri Riyadi SLTA LES (Bahasa Indonesia) Pagergunung 2

28 Wintolo SLA Seni Hadroh/Musik Islami Imogiri

29 Nur Rohmah SPd UNY Seni Hadroh/Musik Islami Imogiri

30 Ust Yuli UIN Ta’limul Muta’alim Pleret

31 Ust Abdul Pesantren Fiqh Jawan Pleret

32 Baskoro - Seni Sribit Berbah

33 Mujiman Cumut Akademi

Pariwista

English Conversation Sribit Berbah

34 Ust.Nur Ihsan Pesantren Kitab Pajangan Btl

35 Nyai Sholihah Al Hafidzoh Pesantren Tahfidzul Qur’an Prambanan

2.1.8. Jadwal Santri

I. Madin dan Ta’lim

Tabel 2. DataJadwal Madin dan Majlis Ta’lim

NO HARI JAM KEGIATAN

1 Senin 15.00 -17.00 Madin(Quran,Fiqh,Aqidah,Akhlaq, Pesholatan)

2 Selasa 15.00 -17.00 18.00 -19.00

PAUD

Tadarus Pengurus,ustadz,santri

(17)

3 Rabu 15.00 -17.00 Madin(Quran,Fiqh,Aqidah,Akhlaq,Pasholatan)

4 Kamis 15.00-17.00

18.00-19.00

Madin(Quran,Fiqh,Aqidah,Akhlaq,Pasholatan) Majelis Taklim Bapak_Bapak

5 Jumat 15.00 -17.00 PAUD

6 Sabtu 17.00-18.00

18.00-19.00

Madin(Quran,Fiqh,Aqidah,Akhlaq,Pasholatan) Majelis Taklim Ibu-Ibu

7 Ahad 15.00 -17.00 Seni Islami

II. Mukim

Tabel 3. Data Jadwal Santri Mukim

NO JAM KEGIATAN

1 03.30 - 04.15 Tahajud Bersama dan Mujahadah 2 04.15–04.45 Jamaah Subuh dan praktik pasholatan 3 05.00–05.45 Al Quran di semak satu persatu

4 05.45–06.00 Kerjabakti latihan menyapu, cuci piring,pel lantai,bersihkan toilet, kamar 5 06.00–06.30 Mandi,Sarapan dan persiapan sekolah

6 06.30–14.00 Sekolah di sekolah masing-masing 7 14.00–15.00 Istirahat Siang

8 15.00–15.30 Jamaah Asar

9 15.30–17.00 Madrasah diniah (quran,fiqh,aqidah,akhlaq,quran)oleh ustadz madin 10 17.00–18.00 Belajar

11 18.00–19.30 Quran,Fiqh,Tajwid,Ahlaq,Jamaah Isyak 12 19.30–21.00 Bimbingan Belajar

13 21.00–03.30 Istirahat/Tidur

(18)

III.Tausiyah Dan Dzikir Malam Selasa Kliwon

Tabel 4. DataJadwal Madin dan Majlis Ta’lim

JAM KEGIATAN KEGIATAN

19.30–20.00 Pentas Hadroh Giliran Aneka Simtudduror 20.00–21.00 Tausiyah dan

Dzikir

H. Heri Kuswanto

21.00–21. 15 Doa Dipimpin Gantian oleh Pimpinan dan

Pengasuh Pesantren 4 Kabupaten/Kota

2.1.9. Alamat Pesantren

RT 01 Dusun Pagergunung 1 Desa Sitimulyo Kecamatan Piyungan Kabupaten Bantul Yogyakarta.

2.1.10. Nomor Telpon , Email dan Web

(0274)4353154, 085743703780, 085643073580

Website :www.lintang9.blogspot.com,Email : kheri70@yahoo.co.id 2.1.11. Santri Dan Binaan Tahun 2014

Santri

Tabel 5. Data Jumlah Santri

Madin 241

PAUD 43

Mukim (Yatim,Piatu,Duafa) 68

Jumlah 352

Asal santri : 22 Kabupaten (selain dari DIY, juga Medan, Padang, Lampung, Palembang, Banten, Jakarta, Bandung,Ciamis, Subang, Purworejo, Magelang, Pati, Jepara, Purwodadi, Lamongan, Jember dll)

Binaan

1. Bapak-Bapak : 105 orang

(19)

2. Ibu-Ibu : 135 orang 3. Binaan Pertanian : 54 orang

4. Binaan Yatim : 22 orang

5. Binaan Jompo : 3 orang

6. Ustadz/Ustadzah : 31 orang

7. Binaan Bakul : 5 Orang

8. Binaan Menjahit : 2 Orang 9. Binaan Pemb Emping : 5 Orang 10. Binaan Peternak Sapi : 10 Orang

Jumlah : 372 orang

2.1.12. Biaya nyantri

Tabel 6. Biaya Santri

NO KEPERLUAN

1 Yatim, Piyatu Gratis

2 Biasa (punya orang tua),Rp 100.000,- per bulan untuk makan 90x, kebersihan dll

3 Sekolah dan Kuliah sendiri/beasiswa

(20)

2.2. Ruang Lingkup Kerja Praktek

PP. ISC Aswaja Lintang Songo sebagai lembaga pendidikan saat ini hanya menggunakan blog sebagai media untuk menyampaikan profil pesantren yang dikelola oleh salah seorang ustadz. Pesantren ini belum mempunyai sarana penyampaian informasi yang cepat, mudah dan murah. Oleh karena itu ruang lingkup kerja praktek masih berada dalam ranah pengembangan teknologi informasi dan komunikasi.

Kerja praktek yang saya lakukan di pesantren ini adalah pembuatan website informasi PP. ISC Aswaja Lintang Songo.

(21)

BAB III

LAPORAN KEGIATAN

3.1 Analisis

Setelah dilakukan observasi dan wawancara kepada pihak instansi tempat kerja praktek maka didapatkan informasi yang berhubungan dengan website informasi resmi yang akan dirancang untuk PP. ISC Aswaja Lintang Songo

3.1.1 Kondisi Kerja Instansi

Seperti pesantren pada umumya, di sini juga terdapat Mushola, aula pertemuan, kamar santri, ndalem Pengasuh, kelas untuk kajian, sarana olahraga, tempat parkir. Hal yang membedakan dengan pesantren lainnya adalah terdapat lahan/tempat untuk membekali santri berwirausaha seperti pertanian, peternakan, perikanan, laundry, pembuatan roti, menjahit dan sebagainya.

3.1.2 Kondisi SDM

Kegiatan belajar mengajar didukung oleh 15 orang Ustadz –Ustadzah yang rata-rata berpendidikan S1, sebagian Diploma dan SMA.

Kegiatan belajar mengajar dilaksanakan secara konvensional. Ustadz bertatap muka dengan santri secara langsung. Adakalanya satu ustadz mengajar satu per satu santri secara bergiliran.

Adapun struktur organisasi yang berjalan di PP. ISC Aswaja Lintang

(22)

Pengawas : Drs. H. Kasmad Hidayat

Ketua : Drs. KH. Heri Kuswanto M.Si.

Sekretaris : Haydar Muttaqin, S.Pd.I.

Bendahara : Dra. Hj. Siti Hidayati Seksi

12. Pertanian : Rinto Pranoko 13. Peternakan : Trianto

14. Kehutanan : Kardi

15. Perikanan/P3A : Haidar Muttaqin 16. Koppontren : Siti Yasiroh

17. Madin : Dra. Hj. Isti Munawaroh

18. PAUD : Ayu Ashari

19. Poskestren : Anik Rumilah AMK 20. Perpustakaan : Riswan Candra

21. Oros : Fendi Nugroho

22. Perlengkapan : Suyatmi

3.1.3 Kondisi Layanan yang Berjalan

PP. ISC Aswaja Lintang Songo sudah 8 tahun berkiprah dalam usaha mencetak generasi penerus yang berakhlaqul karimah. Dalam perjalanannya untuk promosi dan pengenalan ke masyarakat umum hanya bermodalkan pamflet, selebaran, undangan, dan melalui sosial media seperti Facebook, Twiter, Blog dan Email.

3.2 Kegiatan Kerja Praktek

Setelah melakukan analisis terhadap kondisi kerja instansi, kondisi SDM dan kondisi layanan yang berjalan di PP. ISC Asjawa Lintang Songo maka kami mulai merancang sebuah website informasi yang nantinya akan digunakan sebagai wadah untuk menampung segala informasi yang terkait

(23)

dengan kegiatan di pesantren ini.

Adapun tahapan-tahapan yang dilakukan dalam pembuatan website informasi PP. ISC Asjawa Lintang Songo di antaranya :

3.2.1 Tahap Perencanaan

Tahap perencanaan meliputi tentang perencanaan menu yang akan dibuat, tampilan serta data-data apa saja yang dibutuhkan untuk mengisi website.

Adapun data-data yang dibutuhkan untuk mengisi website PP. ISC Aswaja Lintang Songo di antaranya :

a. Data Profil pesantren meliputi sejarah, visi, misi, dan struktur organisasi b. Data berita/dokumentasi kegiatan yang berjalan di pesantren

c. Unit wirausaha yang dijalankan guna membantu biaya operasional kegiatan pesantren

d. Materi-materi kajian yang dapat dishare kepada santri dan masyarakat umum

e. Data pengasuh, pengurus, dewan asatidz, dan santri f. Data foto-foto kegiatan.

3.2.2 Tahap Perancangan

Perancangan website ini menggunakan pendekatan dengan menggunakan metode Waterfall yaitu pendekatan secara sistematis dan urut

(24)

coding, testing, verification, dan maintenance.

Dalam tahap perancangan ini terdapat hal–hal yang dilakukan, yaitu:

1. Mendesain Struktur Web Informasi PP ISC Aswaja Lintang Songo

Gambar 1. Struktur Web

2. Rancangan Struktur Database yang tersimpan dalam database lintangsongo yang terdiri atas tabel user, setting, tblkategori, tlcms, download, kategori, dan produk. Dengan rancangan sebagai berikut :

Gambar 2. Struktur Database

(25)

Gambar 3. Diagram Konteks

Untuk DFD Level 0 sebagai pengembangan Diagram Konteks adalah sebagai berikut :

Gambar 4. DFD Level 0, Pengembangan dari Diagram Konteks Sedangkan untuk DFD Level 1 Proses Login adalah sebagai berikut:

(26)

3. Rancangan Tabel dalam database lintangsongo a. Tabel User

Field Type Size Keterangan Key

username varchar 50 Username Primary Key

password varchar 50 Password

nama_lengkap varchar 50 Nama Lengkap User

email varchar 100 Email

telp_hp varchar 15 No. Telp/HP

level varchar 25 Level Admin /User

status varchar 1 Aktif/Tidak

Tabel 7. Desain Tabel User b. Tabel Setting

Id int 5 id Primary Key

judul varchar 150 Judul Web

katakunci varchar 150 Kata Kunci SEO

deskripsi varchar 150 Deskrpsi Web

nama varchar 100 Nama Pengasuh

alamat varchar 100 Alamat Instansi

fb varchar 50 Akun FB Instansi

twitter varchar 50 Akun Twitter Instansi

ym varchar 50 Akun YM Kontak

telp varchar 50 Telp Instansi

email varchar 50 Email Instansi

bank varchar 50 Bank Instansi

domain varchar 50 Domain Instansi

Tabel 8. Desain Tabel Setting c. Tabel tblkategori

idkategori int 5 Id Kategori Berita Primary Key

kategori varchar 50 Kategori Berita

Tabel 9. Desain Tabel tblkategori d. Tabel tblcms

id int 15 Id berita Primary Key

judul varchar 100 Judul Berita

idkategori varchar 10 Id kategori Berita Index

content text Isi Berita

(27)

gambar varchar 100 Gambar Berita

user varchar 50 User Pengisi

status varchar 1 Aktif/Tidak

Tabel 10. Desain Tabel tblcms

e. Tabel kategori

id_kategori int 5 Id Kategori Produk Primary Key

nama_kategori varchar 100 Kategori Produk

kategori_seo varchar 100 Kategori dalam SEO

Tabel 11. Desain Tabel kategori

f. Tabel produk

id_produk int 5 Id Produk Primary Key

id_kategori int 5 Kategori Produk Index

nama_produk varchar 100 Nama Produk

produk_seo varchar 100 Produk dalam SEO

deskripsi text Deskripsi Produk

harga int 20 Harga Produk

stok int 5 Stok Produk

tgl_masuk varchar 10 Tanggal Produksi

gambar varchar 100 Gambar Produk

dibeli int 5 Produk Dibeli

Tabel 12. Desain Tabel produk

g. Tabel download

id int 5 Id Download Primary Key

judul varchar 50 Judul Materi Download

file varchar 100 File Materi Download

user varchar 50 User yang Upload

Tabel 13. Desain Tabel download

(28)

3.3 Hasil

1. Halaman Utama

Di sini diperlihatkan beberapa bagian yaitu :

a. header.php : Bagian Header yang berisi foto identitas pesantren

b. menu_atas.php : Menu utama yang berisi Menu Beranda, Berita, Download, Profil, Kirim Berita, Produk Wirausaha, dan Hubungi Kami

c. menu_kiri.php : Menu Kiri yang terdiri atas Kategori Berita, Download Materi Kajian Terbaru, Kategori Produk Wirausaha, Hit Counter, dan Yahoo Messenger yang dimiliki pesantren

d. Menu Tengah yang berguna untuk menampilkan data yang diinginkan seperti berita kegiatan, kategori produk, download materi dll.

e. menu_kanan.php : Menu Kanan yang terdiri atas Produk yang Terlaris, Kalender, Kontak ke Jejaring Sosial yang dimiliki pesantren f. footer.php : Bagian Footer yang biasanya berisi Copyright

Potongan source code pada Menu Tengah

<td width="572" valign="top"><br><table width="508" border="0"

align="center">

<?php $a="select*from tblcms,tblkategori,user where tblcms.idkategori=tblkategori.idkategori and tblcms.user=user.username and tblcms.status='Y' order by id DESC limit 5";

$b=mysql_query($a);

while($c=mysql_fetch_array($b)) { // Tampilkan hanya sebagian isi berita

$isi_berita = htmlentities(strip_tags($c['content']));

$isi = substr($isi_berita,0,220);

$isi = substr($isi_berita,0,strrpos($isi," "));?>

<tr>

(29)

</tr>

<tr>

<?php if(empty($c['gambar'])){

echo "<td colspan=2><p align='justify'><font color='#0033CC'>Dikirim oleh: $c[nama_lengkap] - Kategori:

$c[kategori]</font><br>

$isi... <a href='berita.php?id=$c[id]'>Selengkapnya</a></p></td>";

}else{

echo "<td width=140><img src='gambar/berita/$c[gambar]' width=120 height=100 align='left' hspace=10 border=0></td>

<td width='357'><p align='justify'><font color='#0033CC'>Dikirim oleh:

$c[nama_lengkap] - Kategori: $c[kategori]</font><br>

$isi... <a href='berita.php?id=$c[id]'>Selengkapnya</a></p></td>";

}

?>

<tr>

</tr>

<?php }?>

</table>

</td>

(30)

Gambar 6. Tampilan Halaman Utama

(31)

2. Halaman Berita Kegiatan Pesantren

Di sini untuk sementara berita kegiatan dikelompokkan dalam 5 katergori yaitu Madrasah, Pondok, Wirausaha, PAUD, dan Kemasyarakatan.

Gambar 7. Tampilan Halaman Berita Berdasarkan Suatu Kategori

(32)

3. Halaman Download Materi Kajian

Berisi materi baik dari pengasuh maupun ustadz yang dishare dan bisa dipergunakan atau diakses oleh masyarakat umum.

Halaman ini dikendalikan oleh file download.php. Seperti halaman utama, halaman ini juga terdiri atas beberapa halaman yang diincludekan seperti header.php, menu_atas.php, menu_kiri.php, dan footer.php. Namun pada file download.php ini terdapat source code yang pokok yaitu adalah sebagai berikut:

<h3 align="center"><strong>HALAMAN DOWNLOAD </strong></h3>

<?php

$hal = $_GET[hal];

// jika page default nya 1 if(!isset($_GET['hal'])){

$halaman = 1;

} else {

$halaman = $_GET['hal'];

}

//tentukan jumlah data setiap halaman

$hal_maksimum =10;

// halaman di kali MAX jumlah item per halaman dikurangi MAX jumlah item per halaman

// logika: 1 x 5 = 5 , 5 - 5 = 0 , jadi id database dimulai dari 0

$mulai = (($halaman * $hal_maksimum) - $hal_maksimum);

$a="select*from download order by id desc LIMIT $mulai,

$hal_maksimum";

$b=mysql_query($a);

while($c=mysql_fetch_array($b)){

?>

<tr>

<td width="236">Judul: <?php echo $c['judul'];?> <br>

Dikirim oleh : <?php echo $c['user'];?><br><br>

</td>

<td width="147">Nama File: <?php echo

$c['file'];?></td>

<td width="111"><div align="center"><a

(33)

href="file/<?php echo $c['file']; ?>"><img src="gambar/download.jpg"

width="107" height="69"></a></div></td>

</tr>

<tr>

</tr>

<?php }?>

</table>

<?php

$total= mysql_result(mysql_query("SELECT COUNT(*) as jumlah FROM produk"),0);

$jumlah_halaman = ceil($total / $hal_maksimum);

// bangun jumlah hiperlink halaman echo "<center>Halaman<br />";

// bangun Previous link if($hal > 1){

$sebelum = ($halaman - 1);

echo "<a href=$_SERVER[PHP_SELF]?hal=$sebelum>Prev</a>

";

}

for($i = 1; $i <= $jumlah_halaman; $i++){

if(($hal) == $i){

echo "$i ";

} else {

echo "<a href=$_SERVER[PHP_SELF]?hal=$i>$i</a> ";

} }

// bangun Next link

if($hal < $jumlah_halaman){

$selanjutnya = ($halaman + 1);

echo "<a href=$_SERVER[PHP_SELF]?hal=$selanjutnya>Next</a>";

}

echo "</center>";

?>

</td>

(34)

Gambar 8. Tampilan dari Halaman Download Materi Kajian

(35)

4. Halaman Profil Pesantren

Berisi tentang profil pesantren. Halaman ini dikendalikan oleh file profil.php.

Seperti halaman utama, halaman ini juga terdiri atas beberapa halaman yang diincludekan seperti header.php, menu_atas.php, menu_kiri.php, dan footer.php.

Namun pada file profil.php ini terdapat source code yang pokok yaitu adalah sebagai berikut:

<td width="751" valign="top"><table width="508" border="0"

align="center">

<?php

$id=$_GET['id'];

$a="select*from tblcms where id='1'";

$b=mysql_query($a);

$c=mysql_fetch_array($b)

?>

<tr>

</b></td>

</tr>

<tr>

<td><hr><?php if(empty($c['gambar'])){

echo $c['content'];

}else{

echo "<img src='gambar/berita/$c[gambar]' align='left' hspace=10 border=0>$c[content]";

}

?>

</td>

</tr>

</table></td>

(36)

Gambar 9.Tampilan dari Halaman Profil Pesantren

(37)

5. Halaman Kirim Berita

Halaman untuk menampilkan berita kegiatan pesantren yang up to date sesuai kategori masing-masing. Halaman ini berada pada home.php yang terdapat dalam folder adminpanel. Namun untuk kirim berita melalui file berita.php, yang potongan source codenya adalah sebagai berikut :

<td width="549"><h3 align="center">KELOLA BERITA </h3>

<form action="" method="post" enctype="multipart/form-data"

name="form1" id="form1">

<tr>

<td width="98"><strong>Judul Berita </strong></td>

<input name="judul" type="text" id="judul" size="50"

value="<?php echo $baris['judul'];?>"/>

</label></td>

</tr>

<tr>

<td><strong>Kategori</strong></td>

<?php if($_GET[id]==1){

echo "<input type='text' name='idkategori' value='Tidak Dikategori' readonly>";

}else{

echo "<select name='idkategori' id='idkategori'>";

$kategori=mysql_query("select * from tblkategori");

while($data=mysql_fetch_array($kategori)){

$pilih =

($baris['idkategori']==$data['idkategori'])?"selected" : "";

echo"<option value=\"$data[idkategori]\"

$pilih>$data[kategori]</option>";

} }

?>

</select>

</label></td>

</tr>

<tr>

<td><strong>Content</strong></td>

(38)

<textarea name="content" cols="80" rows="15"

id="content"><?php echo $baris['content'];?></textarea>

</label></td>

</tr>

<tr>

<td><strong>Gambar</strong></td>

<?php if($_GET['id']){

//tampilkan foto saat mau ngedit

echo "<img

src='../gambar/berita/$baris[gambar]' width=150 height=110> <br />";

}

?>

</label></td>

</tr>

<tr>

<td>Status</td>

<td>: <input type="radio" name="status"

value="Y" <?php if($baris['status']=="Y"){ echo "checked";}?> > Ya

<input type="radio" name="status"

value="T" <?php if($baris['status']=="T"){ echo "checked";}?> >

Tidak</td>

</tr>

<tr>

<?php if(!$_GET['id']){

//bila mau tambah data yang tampil tombol simpan

echo "<input name=\"simpan\" type=\"submit\"

id=\"simpan\" value=\"Simpan\" /> ";

echo "<input name=\"batal\" type=\"reset\" id=\"batal\"

value=\"Batal\" />";

} else {

//Apabila mau edit yg tampil tombol edit dan hapus

echo "<input name=\"Edit\" type=\"submit\" id=\"edit\"

value=\"Edit\" />";

} ?>

</label></td>

</tr>

</table>

</form>

(39)

Gambar 10.Tampilan dari Halaman Kirim Berita

6. Halaman Produk Wirausaha Pesantren

Berhubung di pesantren ini diberlakukan kegiatan wirausaha yang

(40)

pesantren produk yang dihasilkan ditampilkan/dipromosikan secara online.

Halaman ini berada pada home.php yang terdapat dalam folder adminpanel. Namun untuk kirim berita melalui file produk.php, yang potongan source codenya adalah sebagai berikut :

<td width="549"><h3 align="center">KELOLA PRODUK </h3>

<form action="" method="post" enctype="multipart/form-data"

name="form1" id="form1">

<tr>

<td><strong>Kategori</strong></td>

<?php

echo "<select name='id_kategori' id='id_kategori'>";

$kategori=mysql_query("select * from kategori");

while($data=mysql_fetch_array($kategori)){

$pilih =

($baris['id_kategori']==$data['id_kategori'])?"selected" : "";

echo"<option value=\"$data[id_kategori]\"

$pilih>$data[nama_kategori]</option>";

}

?>

</select>

</label></td>

</tr>

<tr>

<td width="98"><strong>Nama Produk </strong></td>

<input name="nama_produk" type="text" id="nama_produk"

size="50" value="<?php echo $baris['nama_produk'];?>"/>

</label></td>

</tr>

<tr>

<td><strong>Deskripsi</strong></td>

<textarea name="deskripsi" cols="80" rows="15"

id="deskripsi"><?php echo $baris['deskripsi'];?></textarea>

</label></td>

</tr>

<tr>

(41)

<td><strong>Harga</strong></td>

<input name="harga" type="text" id="harga"

value="<?php echo $baris['harga'];?>"/>

</label></td>

</tr>

<tr>

<input name="stok" type="text" id="stok"

value="<?php echo $baris['stok'];?>" />

</label></td>

</tr>

<tr>

<td><strong>Gambar</strong></td>

<?php if($_GET['id_produk']){

//tampilkan foto saat mau ngedit

echo "<img src='../gambar/produk/$baris[gambar]' width=150 height=110> <br />";

}

?>

<input name="gambar" type="file" id="gambar"

/>

</label></td>

</tr><tr>

<?php if(!$_GET['id_produk']){

echo "<input name=\"simpan\" type=\"submit\" id=\"simpan\"

value=\"Simpan\" /> ";

} else {

value=\"Edit\" />";

} ?>

</label></td>

</tr>

</table>

</form>

(42)

Gambar 11.Tampilan dari Halaman produk Wirausaha

7. Halaman Hubungi Kami

Berisi tentang data kontak person pesantren mulai dari alamat lokasi, email, Nomor telepon dll.

(43)

Gambar 12. Tampilan dari Halaman Hubungi Kami

(44)

8. Halaman Login User, dan Login Admin

Melalui halaman ini baik user maupun admin bisa masuk ke sistem untuk bisa mengelola sesuai dengan hak masing-masing.

Dikendalikan oleh file login.php dengan potongan source code sebagai berikut :

<tr>

<table width="413" border="1" align="center" cellpadding="1"

cellspacing="0" bordercolor="#CCCCCC">

<tr>

<td valign="middle" background="../gambar/fon02.gif"><img src="../gambar/lock.png" width="22" height="22" align="left" /><span class="style13">Login Administrator </span></td>

</tr>

<tr>

<td background="../gambar/back_right.jpg"><table width="350"

border="0" align="center" cellspacing="0" bordercolor="#999999">

<tr>

<td><img src="../gambar/Action-encrypted-icon.png"

width="128" height="128"></td>

<p align="center" class="style9">Masukkan Username dan Password anda !! </p>

<tr>

<td width="92"><strong>Username</strong></td>

<input name="username" type="text" id="username"

size="0" style="background:#FFFF66" />

</label></td>

</tr>

<tr>

<td><strong>Password</strong></td>

<input name="pass" type="password" id="pass" size="0"

style="background:#FFFF66" />

</label></td>

</tr>

<tr>

<input name="Submit" type="submit" id="Submit"

(45)

style="background-color:#CC9933" value="Masuk"/>

</label></td>

</tr>

</table>

</form></td>

</tr>

</table>

</tr>

</table>

</p>

</div></td>

</tr>

</table>

Gambar 13. Tampilan dari Halaman Login User dan Admin

(46)

9. Halaman Control Panel Admin

Dalam halaman ini seorang admin bisa mengelola (create, update, dan delete) berita, user, kategori berita, download, kategori produk, dan produk.

Gambar 14. Tampilan dari Halaman Control Panel Admin

(47)

10. Halaman Setting Web Secara Umum

Halaman ini untuk mengatur title web, keyword pada pencarian di search engine, pengaturan modul kontak dari pesantren.

Dijalankan oleh file setting.php dengan potongan source code sebagai berikut:

cellspacing="0">

<tr>

<tr>

<h2><strong>PENGATURAN WEB </strong></h2>

</div>

cellspacing="0">

<tr>

<td colspan="2"><strong><u>Pengaturan SEO :

</u></strong></td>

</tr>

<tr>

<td width="188">Judul Situs Anda </td>

<input name="judul" type="text" id="judul" size="60"

value="<?php echo $baris['judul'];?>"/>

</label></td>

</tr>

<tr>

<td>Meta Keyword </td>

<input name="katakunci" type="text" id="katakunci"

size="60" value="<?php echo $baris['katakunci'];?>"/>

</label></td>

</tr>

<tr>

<td>Meta Description </td>

<textarea name="deskripsi" cols="45" rows="3"

id="deskripsi"><?php echo $baris['deskripsi'];?></textarea>

(48)

<tr>

<td colspan="2"><strong><u>Pengaturan Modul dan Kontak :

</u></strong></td>

</tr>

<tr>

<td>Nama Pemilik Situs </td>

<input name="nama" type="text" id="nama" size="50"

value="<?php echo $baris['nama'];?>"/>

</label></td>

</tr>

<tr>

<td>Alamat </td>

<textarea name="alamat" cols="45" rows="3"

id="alamat"><?php echo $baris['alamat'];?></textarea>

</label></td>

</tr>

<tr>

<td>Id Facebook </td>

</label></td>

</tr>

<tr>

<td>Id Twitter </td>

<input name="twitter" type="text" id="twitter" size="50"

value="<?php echo $baris['twitter'];?>"/>

</label></td>

</tr>

<tr>

<td>Id Yahoo!Messenger </td>

<input name="ym" type="text" id="ym" size="30"

value="<?php echo $baris['ym'];?>" />

@yahoo.com</label></td>

</tr>

<tr>

<td>Telepon/HP Admin </td>

<td><p>

(49)

<label>

<input name="telp" type="text" id="telp" size="50"

value="<?php echo $baris['telp'];?>"/>

</label>

</p></td>

</tr>

<tr>

<td>Email Admin </td>

<input name="email" type="text" id="email" size="50"

value="<?php echo $baris['email'];?>"/>

</label> </tr>

<tr>

<td>Bank Admin </td>

</label> </tr>

<tr>

<td>Nama Domain </td>

http://www.

<input name="domain" type="text" id="domain" size="37"

value="<?php echo $baris['domain'];?>"/>

</label> </tr>

<tr>

</label> <label>

</label> </tr>

</table>

</form>

</td>

</tr>

</table>

(50)

Gambar 15.Tampilan dari Halaman Setting Web Secara Umum

(51)

11. Halaman Manage User

Halaman yang dipergunakan untuk manage user (create, read, update, delete) yang mengakses website tersebut.

Dijalankan oleh file user.php dengan potongan source code sebagai berikut :

<tr>

<tr>

<h2><strong>KELOLA USER

</strong></h2>

</div>

cellspacing="0">

<tr>

<td width="149">Username</td>

<td width="400"><label><?php if(!$_GET['username']){

echo "<input name='username' type='text' id='username' size='20'>";

}else{

echo

"<b>".$baris['username']."</b>";

}

?>

</label></td>

</tr>

<tr>

<td>Password</td>

<input name="password" type="password" id="password"

size="25" />

</label>

<?php

if($_GET['username']){

echo "<br><font color='red'>Apabila password tidak diubah, silahkan dikosongkan saja</font>";

}

?>

</td>

</tr>

<tr>

(52)

<input name="nama_lengkap" type="text" id="nama_lengkap"

size="35" value="<?php echo $baris['nama_lengkap'];?>"/>

</label></td>

</tr>

<tr>

<td>Email</td>

<input name="email" type="text" id="email" size="35"

value="<?php echo $baris['email'];?>"/>

</label></td>

</tr>

<tr>

<td>Telpon/HP</td>

<input name="telp_hp" type="text" id="telp_hp" size="15"

value="<?php echo $baris['telp_hp'];?>"/>

</label></td>

</tr>

<tr>

<td>Level User </td>

<option value="admin" <?php if($baris['level']=="admin"){

echo "selected";}?>>Administrator</option>

<option value="user" <?php if($baris['level']=="user"){ echo

"selected";}?>>User</option>

</select>

</label></td>

</tr>

<tr>

<td>Status User </td>

<td><p>

<label>

Aktif</label>

<br />

<label>

Tidak Aktif</label>

<br />

</p></td>

</tr>

<tr>

(53)

<td><?php if(!$_GET['username']){

echo "<input name=\"simpan\" type=\"submit\" id=\"simpan\"

value=\"Simpan\" /> ";

} else {

value=\"Edit\" />";

} ?> </tr>

</table>

Gambar 16. Tampilan Halaman Manage User

(54)

12. Halaman Pengaturan Download File Materi Kajian

Halaman yang dipergunakan untuk mengatur file-file kajian yang bisa dishare ke masyarakat umum sehingga bisa didownload oleh mereka.

Dijalankan melalui file download.php dengan source code sebagai berikut :

<h3 align="center"><strong>HALAMAN DOWNLOAD

</strong></h3>

<?php

$hal = $_GET[hal];

// jika page default nya 1 if(!isset($_GET['hal'])){

$halaman = 1;

} else {

$halaman = $_GET['hal'];

}

//tentukan jumlah data setiap halaman

$hal_maksimum =10;

// halaman di kali MAX jumlah item per halaman dikurangi MAX jumlah item per halaman

// logika: 1 x 5 = 5 , 5 - 5 = 0 , jadi id database dimulai dari 0

$mulai = (($halaman * $hal_maksimum) - $hal_maksimum);

$a="select*from download order by id desc LIMIT

$mulai, $hal_maksimum";

$b=mysql_query($a);

while($c=mysql_fetch_array($b)){

?>

<tr>

<td width="236">Judul: <?php echo $c['judul'];?> <br>

Dikirim oleh : <?php echo $c['user'];?><br><br>

</td>

<td width="147">Nama File: <?php echo

$c['file'];?></td>

<td width="111"><div align="center"><a href="file/<?php echo $c['file']; ?>"><img src="gambar/download.jpg"

width="107" height="69"></a></div></td>

</tr>

<tr>

(55)

</tr>

<?php }?>

</table>

<?php

$total= mysql_result(mysql_query("SELECT COUNT(*) as jumlah FROM produk"),0);

$jumlah_halaman = ceil($total / $hal_maksimum);

// bangun jumlah hiperlink halaman echo "<center>Halaman<br />";

// bangun Previous link if($hal > 1){

$sebelum = ($halaman - 1);

echo "<a href=$_SERVER[PHP_SELF]?hal=$sebelum>Prev</a>

";

}

for($i = 1; $i <= $jumlah_halaman; $i++){

if(($hal) == $i){

echo "$i ";

} else {

echo "<a href=$_SERVER[PHP_SELF]?hal=$i>$i</a> ";

} }

// bangun Next link

if($hal < $jumlah_halaman){

$selanjutnya = ($halaman + 1);

echo "<a href=$_SERVER[PHP_SELF]?hal=$selanjutnya>Next</a>";

}

echo "</center>";

?>

</td>

(56)

Gambar 17. Tampilan Halaman Pengaturan Download

(57)

13. Halaman Pengaturan Kategori Berita Kegiatan Pesantren Halaman untuk mengatur kategori berita kegiatan pesantren.

Gambar 18. Tampilan Halaman Pengaturan Kategori Berita Kegiatan Pesantren

(58)

14. Halaman Kelola Berita Kegiatan Pesantren

Melalui halam ini user/admin bisa entry berita kegiatan pesantren yang terbaru.

Gambar 19.Tampilan Halaman Kelola Berita Kegiatan Pesantren

(59)

15. Halaman Pengaturan Kategori Produk Wirausaha Pesantren Halaman yang dipergunakan untuk memanage kategori produk wirausaha yang dijalankan di pesantren.

Gambar 20. Tampilan Halaman Pengaturan Kategori Produk Wirausaha Pesantren

(60)

16. Halaman Pengaturan Produk Wirausaha Pesantren

Halaman untuk entry/masukkan produk wirausaha pesantren yang terbaru.

Gambar 21. Tampilan Halaman Pengaturan Produk Wirausaha Pesantren

(61)

BAB IV PENUTUP

4.1 Kesimpulan

Kesimpulan yang telah dilakukan dalam kerja praktek adalah:

a. Sudah dihasilkan sebuah website informasi PP. ISC Aswaja Lintang Songo sebagai wadah informasi kegiatan pesantren

b. Telah terdokumentasikannya kegiatan pesantren dan kiparhnya di masyarakat baik data, foto, dan berita kegiatan pesantren ke dalam website tersebut

c. Sebagai mahasiswa Teknik Informatika mendapatkan pengalaman berharga untuk menerapkan ilmu dari bangku kuliah ke dalam dunia kerja nyata.

4.2 Rekomendasi

a. Perlunya petugas penanggung jawab khusus untuk melakukan pembaharuan terhadap konten website sehingga informasi yang ada di website selalu up to date

b. Meningkatkan kualitas website dengan menambahkan content data pesantren yang lebih lengkap dan interaktif seperti data pengasuh, ustadz, santri, cara pendaftaran santri, galeri foto dan video kegiatan pesantren c. Menambah menu Pengumuman kegiatan pesantren

d. Segera dapat dionlinekan dengan berlangganan domain dan hosting sehingga

(62)