sarana informasi berbasis online menggunakan …digilib.uin-suka.ac.id/2425/1/bab i, v.pdf ·...

SARANA INFORMASI BERBASIS ONLINEMENGGUNAKAN PHP DAN MYSQL

(PERANCANGAN WEBSITE MAPALASKA UIN SUNAN KALIJAGA)

SKRIPSI

Diajukan Kepada Jurusan Ilmu PerpustakaanFakultas Adab Universitas Islam Negeri (UIN) Sunan Kalijaga Yogyakarta

Guna Memenuhi Sebagian Syarat Memperoleh Gelar SarjanaPada Program S1 Jurusan Ilmu Perpustakaan dan Informasi

Oleh:ARIF HIDAYAT

NIM : 04141782-03

PROGRAM STUDI ILMU PERPUSTAKAANJURUSAN ILMU PERPUSTAKAAN DAN INFORMASI

FAKULTAS ADABUNIVERSITAS ISLAM NEGERI SUNAN KALIJAGA

YOGYAKARTA2008

R' M. Mehms IL Efendi, S.S., M.Pd., Mf.Dosen Jumsan llmu Perpustakaan dan InformasiFakultas AdabflIN Sunan Kelijrga Yoryekarta

NOTA DINASHal : slffiFl

Sdr. &if HtlayatLamp:

r4snlamu?laifum Wr. Wb.

Kepacla:Ytfi. Dekan Fakultas AdabUIN Sunan Kal$agaDi Yoglbkaffi

Seftelah memba@, neneliti, memberikan petunjuk dan nrengoreksi serbnnngadalGn perbaikan seperlunya, rnaka kami sehku pernbimbing berpendapat bahwaskipoiSaudara;

Nama : Arif HidayatNIM :0414L78243Jurusan ; Ilmu Perpustakaan dan InformasiFakut'tas : AdabJnduf : krarmngan W#tr&eMAPALASKA UIN Sunan KalUagE Sebagni Sanna

Infuirnasi Berbasis Onlirctttarggunakan pttp Oan mffil

Sudah dapat diaJukan ke@a Fakultas Adab Jurusan llmu Perpustakaan dan Informasisebagai sahh safu slrcrat untuk mernperoleh gdar Sarjana Strata Sahr dalam JurusanIlmu Perpusbkaan dan Infonnasi Fakultas Adab UIN sunan Kalljaga yogyakarta.

Berkenaan dengan hal tersebut, saya mohon agar mahaslnra yang bersargkutansegefia dipangEil untuk nrempeftahankan skipsrnya dahm sldarg munryh.

Atas perhatian Bapalq saya kami rmpbn terima kasih.

Wmbmu'alaihtm Wn Wb.

Yogyakarb,15Ramadhanl429H15 September 2008 M

Pembimbing,

lrIP. 150378728

DEPARTEMENAGAMAUNTVERSITAS ISLAM NEGERI SUNAN KALIJAGAFAKI. I I -TAS Af,DABJl. Marsda Adisucipto Yogyakarta 55281 Telp. (0274\ 513949

PENGESAHAN SKRIPSI/TUGAS AKHIRNomor :

Skripsiffugas Akhir dengan judul :

SAMNA INFORMASI BERBASIS ONLINE MENGGUNAKAN PHP DAN MYSQL (PERANCANGAN WEBSITEMAPALASKA UIN SUNAN KALIJAGA)

Yang dipersiapkan dan disusun oleh:

Nama

NIM

Telah dimunaqasyahkan pada

Nilai Munaqasyah

Dan dinyatakan telah diterima oleh Fakultas Adab UIN Sunan Kalijaga

TIM MUNAQASYAH

ARIF HIDAYAT

0414t782-03

25 September 2008

AlB

Ketuffia;ro

/\tt\/|/\yP/)R.M. Mahrus H. Efd{1di, SS.,M.Pd.,MT

NrP. 150378728

M. Solihin Arianto, S.Ag.,SI .LISntono, M.Si.NIP. 150293631

27 Oktober 2008

Qalyubi, Lc.,M.Ag.

iv

MOTTO

Pada puncak-Mu kucari jati diri,Pada hijau-Mu kutemukan damai abadi,

Tak kan menyerah dalam cita,Tak kan surut sebelum bersujud.

# MAPALASKA #

v

PERNYATAAN BEBAS PLAGIATISME

Dengan ini saya menyatakan bahwa dalam skripsi ini yang berjudul ”

Sarana Informasi Berbasis Online Menggunakan PHP dan MySQL (Perancangan

Website MAPALASKA UIN Sunan Kalijaga)” tidak terdapat karya yang pernah

diajukan untuk memperoleh gelar kesarjanaan di suatu perguruan tinggi, dan

sepanjang pengetahuan saya juga tidak terdapat karya atau pendapat yang pernah

ditulis atau diterbitkan oleh orang lain, kecuali yang secara tertulis diacu dalam

naskah ini dan disebutkan dalam referensi.

Apabila di kemudian hari terbukti bahwa pernyataan ini tidak benar maka

saya sanggup menerima hukuman/sangsi apapun sesuai peraturan yang berlaku.

Yogyakarta, M2008September 15

H1429Ramadhan 15

Penulis,

vi

PERSEMBAHAN

Ku persembahkan skripsi ini untuk :

Bapak & mamaku tercinta , Ahmad Badrus & Siti Saringatun,

yang selalu membimbingku, menasehatiku dan mendoakanku

dengan tulus dalam setiap kebaikan sepanjang hidupku

Adik-adikku tersayang; Ika, Anam, Kiki dan keponakanku,

Khadavi, jadilah qurrota a’yuninaa di dunia dan akhirat

De Renny, you are so special… Thank’s for love and support-

nya selama ini dalam aku menggapai cita dan cinta

MAPALASKA UIN Sunan Kalijaga Yogyakarta, ajang

kreativitas dan pemacu adrenalin petualangan

Para pencinta dan penggiat Teknologi Informasi

vii

INTISARIoleh: Arif Hidayat

Penelitian ini bertujuan untuk merancang website MAPALASKA yang saya angkat ke dalam skripsi berjudul Sarana Informasi Berbasis OnlineMenggunakan PHP dan MySQL (Perancangan Website MAPALASKA UIN Sunan Kalijaga). Di era IT ini, MAPALASKA sebagai organisasi intra kampus diharapkan mampu menjadi agen informasi sekaligus fasilitator bagi user dalam mencari informasi yang baik dan bemanfaat menggunakan website tersebut. Hasil penelitian ini diharapkan mampu menambah wawasan bidang ilmu perpustakaan dan informasi, khususnya pemanfaatan teknologi informasi.

Penelitian ini merupakan penelitian deskriptif kualitatif dengan menggunakan pendekatan analisis induktif dengan mengesampingkan hipotesis awal penelitian, artinya hanya terbatas pada perancangan dan nilai guna dariwebsite tersebut. Untuk memperoleh data yang valid, penulis menggunakan 2 teknik pengumpulan data, yaitu wawancara dan observasi. Hasil penelitian ini adalah rancangan Website MAPALASKA yang hanya dijalankan di localhostbrowser, dan nantinya dipublikasikan di internet.

Kata kunci: website, informasi online, localhost

viii

ABSTRACTby: Arif Hidayat

This research is aimed to design MAPALASKA website based on title “Online Based Information Tool Using PHP and MySQL (Designing MAPALASKA Website UIN Sunan Kalijaga)”. In this IT era, MAPALASKA as campus organization is expected to be able to become an information agent and facilitator to the users in finding good and useful information. The result of the research is hoped to contribute to the development of library and information science particularly information technology.

The research is a decriptive-qualitative research using inductive analysis approach without using hypotesis, it means that it is just limited on the design and purpose of the website. Having validity of the data, the writer applied two techniques namely interview and observation. The result of the research concludes that MAPALASKA website design is only operated by localhost browser, and next published in the internet.

Keywords : website, online information, localhost

ix

KATA PENGANTAR

الحقالملكهللاإالالھالانأشھد .العالمینرّبهللالحمد .االمینالوعدصادقورسولھعبدهمحّمداأّنوأشھد ,المبینواصحابھالھوعلىدمحّمسّیدناعلىوباركوسلمصلاللھّم

بعداّما .اجمعین

Alhamdulillah, segala puji dan syukur selalu kita panjatkan kehadirat

Allah SWT, Penguasa Langit dan Bumi, atas segala limpahan rakhmat, taufik,

hidayah, dan inayah-Nya. Shalawat serta salam senantiasa tercurahkan kepada

panutan insan sejagad, Rasulullah Muhammad SAW. Setelah melalui proses yang

sangat berat dan panjang, penulis akhirnya dapat menyelesaikan penyusunan

skripsi yang berjudul Sarana Informasi Berbasis Online Menggunakan PHP dan

MySQL (Perancangan Website MAPALASKA UIN Sunan Kalijaga).

Skripsi ini tersusun sebagai salah satu syarat untuk menyelesaikan

pendidikan program Sarjana Ilmu Perpustakaan dan Informasi (SIP) pada Fakultas

Adab Universitas Islam Negeri (UIN) Sunan Kalijaga Yogyakarta.

Terima kasih atas segala kritik dan saran yang bersifat membangun yang

telah dan akan penulis terima. Penulis menghaturkan banyak-banyak terima kasih

kepada R. M. Mahrus H. Efendi, S.S., M.Pd., MT., selaku dosen pembimbing

skripsi yang telah memberikan bimbingan, waktu, tenaga, arahan, dan motivasi

dengan segala ketelitian dan kesabarannya sehingga skripsi ini dapat

terselesaikan.

x

Penyusunan skripsi ini tidak akan berjalan dengan baik tanpa bantuan

berbagai pihak, untuk itu penulis ingin mengucapkan terima kasih yang sebesar-

besarnya kepada:

1. Drs. H. Syihabbudin Qolyubi, Lc., M.Ag., selaku Dekan Fakultas

Adab Universitas Islam Negeri (UIN) Sunan Kalijaga Yogyakarta.

2. Anis Masruri, S.Ag., SIP., M.Si., selaku Penasehat Akademik dan

selaku Kepala Jurusan Ilmu Perpustakaan dan Informasi Fakultas Adab

Universitas Islam Negeri (UIN) Sunan Kalijaga Yogyakarta.

3. R. M. Mahrus H. Efendi, S.S., M.Pd., MT, selaku dosen pembimbing

dalam penyelesaian skripsi yang berjudul Perancangan Website

MAPALASKA UIN Sunan Kalijaga Sebagai Sarana Informasi

Berbasis Online Menggunakan PHP dan MySQL.

4. Seluruh dosen dan karyawan Fakultas Adab Universitas Islam Negeri

(UIN) Sunan Kalijaga yang memberiku ilmu dan pengetahuan luas.

5. Keluarga besarku di Kebumen, matur suwun dan terima kasih banyak

atas doa dan dukungannya... I love you all.

6. Teman-teman seperjuangan dalam bangku kuliah yang memajukan

dunia perpustakaan berbasis teknologi informasi: Ari, Kamal, Suparyo,

Budi, Zulfa, Kiky dan buat teman-teman IPI yang lain, terima kasih.

7. Crew KKN ”Telo Kowe” di Sampang, Gunung Kidul, Juni-Juli 2006:

Aden, Anhar, Ani, Anwar, Hamam, Lala, Rini, Owi, BeCe, King

Azies. Terima kasih atas kerja sama dan kerja kerasnya.

xi

8. Genk Ngapaker’s: Nu2, Boncel, Adit, Yono, Oni, Agung, Gopret,

Redy, Abenk. Thank’s buat support & kenangannya.

9. Buat Bang Mentoz dan Mas Djupri, terima kasih untuk semua apa

yang telah kalian berikan, hingga mataku terbuka untuk melihat dunia

dan mencapai kedewasaan.

10. Sobat-sobatku di MAPALASKA khususnya BC-19: Saprol, Kolet,

Doyok, Ganjo, Japra, Teplon, Sumo, dan temen-temen lain. Pokoknya

kamu-kamu semua berarti banget buat aku, trims...

11. Buat adek-adekku di IKSAPALA SMANSA Kebumen. Jadikanlah diri

kalian siswa yang berprestasi, berdedikasi tinggi, dan tangguh di alam.

12. Semua pihak yang tidak bisa penulis sebutkan satu per satu yang telah

memberi masukan dan bantuan guna penyelesaian skripsi ini.

Semoga segala amalan akan memperoleh balasan dari Allah SWT, amien.

Penulis menyadari sepenuhnya akan keterbatasan kemampuan dan pengalaman

yang ada pada penulis sehingga tidak menutup kemungkinan bila skripsi ini masih

banyak kekurangan dan jauh dari sempurna.

Penulis berharap, semoga skripsi ini dapat menambah wawasan penulis

sendiri, berguna bagi kemajuan Ilmu Perpustakaan dan Informasi, dapat

memberikan manfaat bagi MAPALASKA, almamater UIN Sunan Kalijaga, dan

pihak-pihak yang berkepentingan.


H1429Ramadhan 15

Penulis

xii

DAFTAR ISI

HALAMAN JUDUL .......................................................................................... i

HALAMAN NOTA DINAS............................................................................... ii

HALAMAN PENGESAHAN............................................................................. iii

HALAMAN MOTTO ........................................................................................ iv

HALAMAN BEBAS PLAGIATISME .............................................................. v

HALAMAN PERSEMBAHAN ......................................................................... vi

INTISARI ........................................................................................................... vii

ABSTRACT ......................................................................................................... viii

KATA PENGANTAR ....................................................................................... ix

DAFTAR ISI ...................................................................................................... xii

DAFTAR TABEL .............................................................................................. xix

DAFTAR GAMBAR ......................................................................................... xx

DAFTAR LAMPIRAN ......................................................................................xxiv

BAB I. PENDAHULUAN ................................................................................ 1

1.1. Latar Belakang ................................................................................... 1

1.2. Rumusan Masalah .............................................................................. 4

1.3. Tujuan dan Manfaat ........................................................................... 5

1.3.1. Tujuan Penelitian ..................................................................... 5

1.3.2. Manfaat Penelitian ................................................................... 6

1.4. Sistematika Pembahasan .................................................................... 7

1.5. Rencana Kegiatan (Activity Plan) ...................................................... 9

xiii

BAB II. TINJAUAN PUSTAKA DAN LANDASAN TEORI ........................ 11

2.1. Tinjauan Pustaka ................................................................................ 11

2.2. Landasan Teori .................................................................................. 14

2.2.1. Sistem Informasi Berbasis Web .............................................. 14

2.2.2. Teknologi Jaringan .................................................................. 17

2.2.2.1. Internet ......................................................................... 17

2.2.2.2. Intranet ........................................................................ 18

2.2.2.3. Topologi Jaringan ........................................................ 18

2.2.3. Fungsi Website sebagai Sarana Informasi ............................... 20

2.2.4. Prinsip-prinsip Web Design ..................................................... 20

2.2.4.1. Keseimbangan ............................................................. 21

2.2.4.2. Kontras ........................................................................ 21

2.2.4.3. Konsistensi .................................................................. 21

2.2.4.4. Ruang kosong .............................................................. 22

2.2.5. Tipografi .................................................................................. 22

2.2.6. Layout ...................................................................................... 24

2.2.6.1. Layout yang Baik ........................................................ 24

2.2.6.2. Layout Berdasarkan Bentuk ........................................ 25

2.2.7. Warna ....................................................................................... 26

2.2.7.1. Warna dalam Web Design ........................................... 26

2.2.7.2. Aspek Psikologi Warna ............................................... 26

2.2.8. Kriteria Website yang Baik ...................................................... 28

2.2.8.1. Usability ...................................................................... 28

xiv

2.2.8.2. Sistem Navigasi /Struktur ........................................... 28

2.2.8.3. Graphic Design ............................................................ 30

2.2.8.4. Content ......................................................................... 30

2.2.8.5. Compability ................................................................. 31

2.2.8.6. Loading Time .............................................................. 31

2.2.8.7. Functionality ............................................................... 31

2.2.8.8. Accesibility .................................................................. 31

2.2.8.9. Interactivity ................................................................. 32

2.2.9. Aplikasi Web Berbasisdata ...................................................... 32

2.2.9.1. Keunggulan Web Berbasisdata .................................... 32

2.2.9.2. Arsitektur Aplikasi Web Berbasisdata ........................ 32

2.2.10. WWW (World Wide Web) ..................................................... 33

2.2.10.1. Web yang Dinamis dan Interaktif .............................. 33

2.2.10.2. Web Server ................................................................ 34

2.2.10.3. Web Browser ............................................................. 35

2.2.10.4. Web Database ........................................................... 36

2.2.11. Bahasa Pemrograman ............................................................. 37

2.2.11.1. PHP (Hypertext Preprocessor) ................................. 37

2.2.11.2. CSS (Cascading Style Sheet) .................................... 42

2.2.12. Software Web Design ............................................................ 43

2.2.12.1. Adobe Photoshop ...................................................... 43

2.2.12.2. Macromedia Dreamweaver ....................................... 44

2.2.12.3. Macromedia Flash .................................................... 45

xv

2.2.12.4. Macromedia Fireworks ............................................. 46

BAB III. METODE PENELITIAN .................................................................... 47

3.1. Tempat dan Waktu Penelitian ............................................................ 47

3.2. Pendekatan Penelitian ........................................................................ 48

3.3. Subjek Penelitian ............................................................................... 49

3.4. Metode dan Teknik Pengumpulan Data ............................................ 49

3.4.1. Data Primer .............................................................................. 49

3.4.1.1. Wawancara ............................................................... 50

3.4.1.2. Observasi .................................................................. 51

3.4.2. Data sekunder .......................................................................... 52

3.5. Teknik Analisis Data ......................................................................... 52

3.6. Bahan dan Alat Penelitian ................................................................. 54

3.6.1. Bahan Penelitian ...................................................................... 54

3.6.2. Alat Penelitian ......................................................................... 54

3.6.2.1. Hardware Requirment ................................................. 55

3.6.2.2. Software Requirment ................................................... 55

3.7. Diagram Alur Penelitian .................................................................... 56

BAB IV. PEMBAHASAN, PERANCANGAN, DAN IMPLEMENTASI

WEBSITE ........................................................................................... 58

4.1. Pembahasan Penelitian ..................................................................... 58

4.2. Perancangan Sistem .......................................................................... 65

xvi

4.2.1. Rancangan untuk User ............................................................ 65

4.2.2. Rancangan untuk Admin ......................................................... 70

4.2.3. Rancangan untuk Member ...................................................... 72

4.3. Hasil Rancangan Sistem .................................................................. 74

4.3.1. Pembuatan Site Map ................................................................ 74

4.3.2. Database .................................................................................. 76

4.3.2.1. Data Dictionary .......................................................... 76

4.3.2.2. ERD (Entity Relationship Diagram) ........................... 79

4.3.3. DFD (Data Flow Diagram) ..................................................... 79

4.3.4. Script Index Website ............................................................... 81

4.3.5. Implementasi Home Page dan Web Page ................................ 92

4.3.5.1. Implementasi Home Page ........................................... 92

4.3.5.2. Implementasi Web Page .............................................. 94

1. Profil ...................................................................... 94

2. Pengurus ................................................................. 95

3. Divisi ...................................................................... 96

4. Aktivitas ................................................................. 97

5. Karya Ilmiah .......................................................... 97

6. Contact Us ............................................................. 98

7. Gallery ................................................................... 99

8. Agenda ................................................................... 100

9. Cari Artikel ............................................................ 101

10. Pendaftaran .......................................................... 102

xvii

11. Buku Tamu ........................................................... 102

12. Login .................................................................... 103

13. Informasi .............................................................. 104

14. Site Map ............................................................... 105

4.3.5.3. Implentasi Halaman Menu Admin ............................... 106

1. Halaman Admin ...................................................... 106

2. Manajemen Member .............................................. 106

3. Manajemen Buku Tamu ......................................... 107

4. Manajemen Artikel ................................................ 108

5. Ganti Password ...................................................... 108

4.3.5.4. Implementasi Halaman Menu Member ....................... 109

1. Halaman Member ................................................... 109

2. Kirim Artikel .......................................................... 110

3. Edit Artikel ............................................................. 110

4. Ganti Password Member ........................................ 111

4.4. Analisa Rancangan dengan Kriteria Website yang Baik ................... 112

4.4.1. Usability .................................................................................. 112

4.4.2. Sistem Navigasi/Struktur ......................................................... 112

4.4.3. Graphic Design ....................................................................... 113

4.4.4. Content/Information ................................................................ 114

4.4.5. Compabillity ............................................................................ 115

4.4.6. Loading Time ........................................................................... 115

4.4.7. Functionality ............................................................................ 115

xviii

4.4.8. Accesibility .............................................................................. 116

4.4.9. Interactivity .............................................................................. 116

BAB V. PENUTUP ........................................................................................... 117

5.1. Kesimpulan ........................................................................................ 117

5.2. Saran-saran ........................................................................................ 118

5.3. Rekomendasi ...................................................................................... 119

DAFTAR PUSTAKA ....................................................................................... 121

LAMPIRAN ....................................................................................................... 124

xix

DAFTAR TABEL

Tabel 1.1. Rencana Kegiatan/Activity Plan ........................................................ 10

Tabel 2.1. Aspek Psikologi Warna ..................................................................... 27

Tabel 4.1. Database Utama ................................................................................ 76

Tabel 4.2. Tabel Password ................................................................................. 77

Tabel 4.3. Tabel Artikel ..................................................................................... 77

Tabel 4.4. Tabel Buku Tamu .............................................................................. 78

Tabel 4.5. Tabel Member ................................................................................... 78

xx

DAFTAR GAMBAR

Gambar 2.1. Jenis-jenis Topologi Jaringan ........................................................ 19

2.2. Topologi Jaringan Star pada Internet ........................................... 20

2.3. Model Layout Left Index .............................................................. 25

2.4. Bagan Struktur Linear Murni atau Flat ......................................... 28

2.5. Bagan Struktur Linear dengan Halaman Tambahan ..................... 29

2.6. Bagan Struktur Linear dengan Halaman Pilihan .......................... 29

2.7. Bagan Struktur Linear dengan Halaman Alternatif ...................... 30

2.8. Layout Browser Microsoft Internet Explorer ................................ 36

2.9. Tampilan Program HTML Pada Browser ..................................... 39

2.10. Tampilan Kode PHP Pada Browser ............................................. 40

2.11. Skema HTML ............................................................................. 41

2.12. Skema PHP ................................................................................. 41

2.13. Layout Adobe Photoshop CS ...................................................... 44

2.14. Layout Macromedia Dreamweaver ............................................ 45

2.15. Layout Macromedia Flash .......................................................... 46

2.16. Layout Macromedia Fireworks ................................................... 46

Gambar 3.1. Diagram Alir Penelitian ................................................................ 57

Gambar 4.1. Rancangan Menu Utama User ...................................................... 65

4.2. Rancangan Menu Profil ................................................................ 65

xxi

4.3. Rancangan Menu Pengurus ........................................................... 66

4.4. Rancangan Menu Divisi ................................................................ 66

4.5. Rancangan Menu Akivitas ............................................................ 67

4.6. Rancangan Menu Karya Ilmiah ................................................... 67

4.7. Rancangan Menu Contact Us ....................................................... 67

4.8. Rancangan Menu Lain User ......................................................... 68

4.9. Rancangan Menu Gallery ............................................................. 68

4.10. Rancangan Menu Agenda ........................................................... 68

4.11. Rancangan Menu Cari Artikel .................................................... 69

4.12. Rancangan Menu Pendaftaran .................................................... 69

4.13. Rancangan Menu Buku Tamu .................................................... 69

4.14. Rancangan Menu Login .............................................................. 70

4.15. Rancangan Menu Informasi ........................................................ 70

4.16. Rancangan Menu Login Admin ................................................... 70

4.17. Rancangan Menu Admin .............................................................. 71

4.18. Rancangan Manajemen Member ................................................ 71

4.19. Rancangan Manajemen Buku Tamu ........................................... 71

4.20. Rancangan Manajemen Artikel ................................................... 72

4.21. Rancangan Menu Ganti Password .............................................. 72

4.22. Rancangan Menu Login Member ................................................ 72

4.23. Rancangan Menu Member .......................................................... 73

xxii

4.24. Rancangan Menu Kirim Artikel .................................................. 73

4.25. Rancangan Menu Edit Artikel .................................................... 73

4.26. Rancangan Menu Ganti Password .............................................. 74

4.27. Site Map Website MAPALASKA ............................................... 75

4.28. Entity Relationship Diagram ...................................................... 79

4.29. Diagram Alur Data Level 0 ......................................................... 79

4.30. Diagram Alur Data Level 1 ......................................................... 80

4.31. Diagram Alur Data Level 2 Proses Administrator ...................... 80

4.32. Script Index Website ................................................................... 81

4.33. Tampilan halaman utama web MAPALASKA ........................... 93

4.34. Tampilan halaman Profil web MAPALASKA ........................... 94

4.35. Tampilan halaman Pengurus ....................................................... 95

4.36. Tampilan halaman Sub Pengurus ................................................ 95

4.37. Tampilan halaman Divisi MAPALASKA .................................. 96

4.38. Tampilan halaman Sub Divisi MAPALASKA ........................... 96

4.39. Tampilan halaman Aktivitas ....................................................... 97

4.40. Tampilan halaman Karya Ilmiah ................................................ 98

4.41. Tampilan halaman Sub Karya Ilmiah ......................................... 98

4.42. Tampilan halaman Contact Us .................................................... 99

4.43. Tampilan halaman Gallery ......................................................... 99

4.44. Tampilan halaman Preview Gallery ........................................... 100

xxiii

4.45. Tampilan halaman Agenda ......................................................... 100

4.46. Tampilan halaman Cari Artikel .................................................. 101

4.47. Tampilan halaman Detail Artikel ................................................ 101

4.48. Tampilan halaman Pendaftaran ................................................... 102

4.49. Tampilan halaman Buku Tamu.................................................... 103

4.50. Tampilan halaman Daftar Tamu ................................................. 103

4.51. Tampilan halaman Login ............................................................ 104

4.52. Tampilan halaman Informasi ...................................................... 104

4.53. Tampilan halaman Sub Informasi ............................................... 105

4.54. Tampilan halaman Site Map ....................................................... 105

4.55. Tampilan halaman Admin ........................................................... 106

4.56. Tampilan halaman Manajemen Member .................................... 107

4.57. Tampilan halaman Manajemen Buku Tamu ............................... 107

4.58. Tampilan halaman Manajemen Artikel ...................................... 108

4.59. Tampilan halaman Ganti Password Admin ................................. 109

4.60. Tampilan halaman Member ........................................................ 109

4.61. Tampilan halaman Kirim Artikel ................................................ 110

4.62. Tampilan halaman Edit Artikel ................................................... 111

4.63. Tampilan halaman Ganti Password Member .............................. 111

xxiv

DAFTAR LAMPIRAN

Lampiran I. Interview Guides ............................................................................ 125

Lampiran II. Hasil Wawancara ........................................................................... 126

Lampiran III. Scripting Home Page dan Web Page ........................................... 137

Lampiran IV. Surat Penetapan Pembimbing ...................................................... 173

Lampiran V. Surat Undangan Seminar Proposal ............................................... 174

Lampiran VI. Kartu Bimbingan Skripsi ............................................................. 175

Lampiran VII. Surat Permohonan Studi Lapangan ............................................ 176

Lampiran VIII. Surat Keterangan Ijin Penelitian ............................................... 177

Lampiran IX. Surat Jawaban Ijin Studi Lapangan ............................................. 178

Lampiran X. Struktur Kepengurusan MAPALASKA 2007-2008 ..................... 179

Lampiran XI. Daftar Riwayat Hidup ................................................................. 180

1

BAB I

PENDAHULUAN

1.1. Latar Belakang

Teknologi informasi telah memungkinkan terciptanya komunikasi

bebas lintas benua, lintas negara, menerobos berbagai pelosok

perkampungan di pedesaan dan menyelusup di gang-gang sempit di

perkotaan melalui media audio (radio), dan audio visual (televisi dan

Internet). Fenomena modern yang terjadi di awal milenium ketiga ini

popular dengan sebutan globalisasi.

Di era globalisasi sekarang ini, aktivitas manusia semakin beragam

dan semakin kompleks masalah yang muncul, sehingga perlu adanya

penanganan spesifik dengan teknologi untuk memecahkannya. Oleh karena

itu, informasi menjadi sangat penting untuk dijadikan suatu sumber daya

bagi organisasi, instansi, dan berbagai perusahaan.

Istilah teknologi informasi terbentuk dari dua kata, yaitu teknologi

dan informasi. Teknologi dapat diartikan sebagai pelaksanaan ilmu, sinonim

dengan ilmu terapan, sedangkan informasi adalah sesuatu yang dinyatakan

atau dikatakan, inteligens, berita. Secara gampang, teknologi informasi

dapat diartikan sebagai teknologi yang digunakan untuk menyimpan,

menghasilkan mengolah, serta menyebarkan informasi (Basuki, 1991:87).

Perpustakaan pada hakikatnya adalah sebuah ruangan, bagian

sebuah gedung, atau gedung itu sendiri yang digunakan untuk penyimpanan

1

2

buku dan terbitan lainnya yang disimpan menurut tata susunan tertentu

untuk digunakan pembaca, bukan untuk dijual (Basuki, 1991:3). Dari situ

dapat diambil satu kesimpulan bahwa perpustakaan berfungsi sebagai

tempat penyimpanan informasi-informasi yang kemudian disebarluaskan

kepada pihak-pihak yang membutuhkan.

Pemanfaatan teknologi informasi pada dunia perpustakaan sangat

membantu dalam memanajemen informasi seperti halnya pada perpustakaan

digital yang bersifat online pada Internet. Opini yang saya dapat, bahwa

sekarang orang enggan datang ke perpustakaan untuk mencari sebuah

informasi atau berita-berita terkini, orang lebih suka datang ke ”warnet”

untuk mencari informasi secara instan. Dari browsing itu yang mereka

dapatkan langsung berupa soft copy sehingga untuk mengeditnya juga cukup

mudah. Sesungguhnya tidak hanya perpustakaan yang mampu memberikan

informasi secara lengkap, tetapi Internet jauh lebih lengkap dalam

menawarkan informasi-informasi yang sifatnya up to date.

Website telah terbukti sebagai media ampuh untuk menyajikan dan

menyebarluaskan informasi yang baik dan bermanfaat adalah salah satu

fasilitas yang diberikan oleh Internet, walau kadang ada pula informasi

negatif yang masuk dan harus disaring. Banyaknya fasilitas dan kemudahan

yang diperoleh dari Internet membuat teknologi ini sangat digemari oleh

semua lapisan masyarakat. Semua informasi dunia luar dapat kita saksikan

melalui layar monitor hanya pada tempat dimana kita tinggal, tanpa harus

beranjak (Setiawan, 2006:7).

3

MAPALASKA (Mahasiswa Pencinta Alam Sunan Kalijaga) adalah

organisasi intra kampus UIN Sunan Kalijaga Yogyakarta yang bergerak di

bidang kepecintaalaman, pengembangan masyarakat melalui pendampingan

serta kajian lingkungan sebagai upaya pembelaan lingkungan, yang

didirikan pada tanggal 27 Februari 1981. MAPALASKA didirikan atas

dasar rasa tanggung jawab yang dimiliki oleh beberapa mahasiswa UIN

Sunan Kalijaga Yogyakarta tentang lingkungan hidup sebagaimana

diperintahkan oleh ajaran agama, namun sedikit realisasinya. Di sisi lain,

sentuhan langsung dengan masyarakat marginal yang terisolir ketika

melakukan kegiatan kepetualangan membuat mata hati terbuka.

Pengetahuan masyarakatnya yang minim tentang hak, hukum, pendidikan,

lingkungan, kesehatan dan lain sebagainya perlu diupayakan satu solusi.

Disamping juga kondisi yang tidak sehat sebagai akses dari ketegangan

politik yang masuk di tengah-tengah lingkungan kampus adalah bagian lain

yang tidak terpisahkan (MAPALASKA, 2002:1).

Pemanfaatan IT (Information Technology) dalam pengelolaan

MAPALASKA sangat diperlukan pada penyampaian informasi agar

pengelolaan terhadap organisasi ini lebih efektif dan efisien. Penyebarluasan

informasi secara online di Internet tentang MAPALASKA dan segala

potensi yang ada dapat meningkatkan citra organisasi. Keinginan

MAPALASKA untuk membuat sebuah website menjadi rekomendasi

MUSTA (Musyawarah Anggota) XVII MAPALASKA pada 21 Maret 2006.

4

Hasil akhir yang ingin dicapai dari pembuatan website adalah

anggota MAPALASKA diharapkan mempunyai kebiasaan menulis kreatif

dan ilmiah yang kemudian dimuat ke dalam website-nya yang dapat dibaca

dan dikonsumsi banyak orang mengenai hal-hal yang bersifat akademik,

lingkungan hidup, kepencintaalaman, dan semua hal yang layak dikonsumsi

orang banyak sesuai dengan bakat dan kemampuan yang mereka miliki.

Secara langsung atau tidak langsung mereka bertindak layaknya

seorang pustakawan, karena intinya salah satu fungsi pustakawan adalah

sebagai mediator dan fasilitator informasi bagi mereka yang membutuhkan.

Dapat dikatakan bahwa nantinya MAPALASKA adalah sebagai agen

informasi yang mampu memenuhi kekurangan informasi penggunanya.

Beberapa hal yang menarik di atas menjadi inspirasi dan alasan bagi saya

untuk mengangkat tema tersebut dalam skripsi ini.

1.2. Rumusan Masalah

Dalam kaitannya dengan publikasi organisasi dan penyampaian

informasi kepada user, website sebagai alat efektif yang memberi efek

visual dan auditif yang dijelmakan dalam bentuk ilustrasi, kalimat tercetak

dan kata terucap yang dituangkan ke dalam sebuah media. Ilustrasi ini

sangat penting artinya bagi tercapainya penyampaian informasi, karena

memberi efek emosional, bersifat terbuka bagi interpretasi setiap individu

yang memproyeksikan perasaan dan imajinasinya sendiri kebebasan yang

luas kepada orang yang memandang.

5

Rumusan masalah yang muncul dalam perancangan website adalah

bagaimana informasi tersebut dapat diperoleh oleh user dengan cepat dan

tepat, bagaimana membuat website yang menarik dan interaktif? Yaitu

bagaimana penerapan prinsip-prinsip Web Design yang meliputi usability,

structure, graphic design, content, compability, loading time, functionality,

accesbility, interactivity. Kemudian situs apa yang akan dibuat, apa fungsi

dari situs tersebut dan siapa target/sasaran pengunjungnya? Hal yang tak

kalah pentingnya adalah bagaimana informasi tersebut disajikan semenarik

dan selengkap mungkin, sehingga menarik perhatian user untuk terus

mengikuti dan muncul suatu timbal balik (feed back).

1.3. Tujuan dan Manfaat Penelitian

1.3.1.Tujuan Penelitian

Guna menghindari adanya kesalahpahaman perlu dijelaskan bahwa

tujuan dari penelitian skripsi ini, pada hakikatnya murni bersifat akademis,

yakni:

a. Membuat Website MAPALASKA UIN Sunan Kalijaga sebagai sarana

informasi yang nantinya dapat online di Internet, karena seiring dengan

perkembangan dan kemajuan teknologi kita harus menyeimbangkan

segala aspek kehidupan dengan teknologi yang ada agar tidak dianggap

“gaptek”.

b. Sasaran dan target pengunjung Website MAPALASKA adalah

mahasiswa UIN Sunan Kalijaga, pihak Rektorat UIN Sunan Kalijaga

6

terutama Kabag. Kemahasiswaan, alumni MAPALASKA, MAPALA dan

OPA (Organisasi Pencinta Alam) lain, masyarakat umum, lembaga

lingkungan hidup, dan para pengusaha/pebisnis outdoor.

c. Membuat dan mendesain website yang menarik sesuai dengan prinsip-

prinsip Web Design, website yang dibuat mampu memberikan informasi-

informasi penting dan up to date sesuai kebutuhan user, membuat

website yang ramah dan interaktif dengan user dengan memberikan

fasilitas Buku Tamu, di mana user dapat mengirimkan saran, kritik, atau

komplain terhadap suatu kesalahan pada website.

1.3.2.Manfaat Penelitian

Berdasarkan tujuan program yang dikemukakan di atas, hasilnya

diharapkan dapat memberi manfaat dan dipergunakan, antara lain sebagai

berikut:

a. Secara teoritis, penelitian ini dapat digunakan untuk menambah khasanah

ilmu pengetahuan, khususnya pengembangan keilmuan dalam bidang

Perpustakaan dan IT (Information Technology).

b. Secara praktis, bagi MAPALASKA, hasil penelitian ini dapat digunakan

sebagai bahan pertimbangan dan bahan evaluasi serta penyempurnaan

kebijakan-kebijakan yang sudah dan akan diambil, khususnya dalam

hubungannya dengan kegiatan dan kurikulum pendidikan di

MAPALASKA, mempromosikan dan memasarkan produk-produk yang

dihasilkan MAPALASKA.

7

c. Secara akademis, bagi peneliti sendiri, yaitu untuk memperdalam ilmu

pengetahuan serta keahlian dalam perancangan dan pemrograman sistem

informasi berbasis web.

d. Bagi pihak-pihak yang terkait dengan perancangan website, dapat

mengambil manfaat dari penelitian ini sebagai bahan masukan dan

tambahan wacana.

e. Memberi rekomendasi kepada para pengembang model Website

MAPALASKA UIN Sunan Kalijaga atau peneliti selanjutnya untuk

melakukan perbandingan dan pengembangan.

1.4. Sistematika Pembahasan

Menguraikan secara naratif yang menunjuk pada tahapan-tahapan

pembahasan yang logis dan uraian secara argumentatif antarbagian dalam

skripsi ini, yaitu sebagai berikut:

BAB I: PENDAHULUAN

Bab ini berisi latar belakang penulis dalam memilih judul,

rumusan masalah, tujuan dan manfaat, sistematika pembahasan,

serta rencana kegiatan. Latar belakang masalah mendeskripsikan

era globalisasi dimana informasi menjadi sangat penting untuk

dijadikan suatu sumber daya bagi organisasi, instansi, dan

perusahaan. Pemanfaatan teknologi sangat diperlukan dalam

penyebarluasan informasi. Gambaran umum tentang

MAPALASKA, yang memuat sejarah berdiri, dan dalam bidang

8

apa MAPALASKA bergerak. Serta apa yang menjadi sebab

perancangan Website MAPALASKA dibuat.

Rumusan masalah mendeskripsikan berbagai macam

masalah yang berkaitan dengan perancangan website. Tujuan berisi

target apa saja yang akan dicapai sehingga dapat menghasilkan

manfaat. Sedang dalam manfaat penelitian diuraikan tentang

kontribusi yang dihasilkan baik bersifat teoritis, akademis, atau pun

praktis.

BAB II: TINJAUAN PUSTAKA DAN LANDASAN TEORI

Bab ini berisi tinjauan pustaka, landasan teori, dan uraian-

uraian mengenai teori-teori yang berhubungan dengan masalah-

masalah yang akan dihadapi, serta teori-teori yang digunakan untuk

menyelesaikan masalah. Tinjauan pustaka memuat hal-hal yang

relevan dengan permasalahan, yaitu dengan mengambil contoh dari

skripsi-skripsi yang sudah ada dengan topik yang sejenis, dalam hal

ini adalah perancangan website. Landasan teori berisi konsep yang

mendukung penelitian yang akan dilakukan yang merupakan satu

kesatuan dari nalar peneliti.

BAB III: METODE PENELITIAN

Bab ini menguraikan pendekatan penelitian, subjek

penelitian, metode dan teknik pengumpulan data, serta metode

analisis tentang perancangan website yang akan dilakukan. Siapa

yang menjadi subjek penelitian dan apa objek yang menjadi pusat

9

penelitian? Bagaimana penulis menggunakan metode dan teknik

pengumpulan data, melalui induktif atau deduktif?

BAB IV: PEMBAHASAN, PERANCANGAN, DAN IMPLEMENTASI

WEBSITE

Bab ini berisi pembahasan hasil penelitian, penjelasan

perancangan website yang akan dibuat sampai pada implementasi

website. Di sini ini dijelaskan pula bagaimana penulis memulai

perancangan, apa saja yang akan di-input sebagai informasi yang

mendukung MAPALASKA.

BAB V: PENUTUP

Dalam bab ini, penulis memberi kesimpulan mengenai

perancangan website yang dibuat. Kesimpulan merupakan

pemikiran secara induktif suatu penelitian secara singkat dan padat

yang bukan merupakan ringkasan. Selain itu juga, berisi saran-

saran dan rekomendasi pengembangan program yang dilakukan

penulis.

DAFTAR PUSTAKA

LAMPIRAN

1.5. Rencana Kegiatan (Activity Plan)

Activity Plan ini disusun guna memberikan gambaran akan

penggunaan waktu yang digunakan dalam perancangan dan pembuatan

Website MAPALASKA. Susunan time schedule di bawah ini bukanlah

10

sesuatu yang mutlak dilakukan, karena banyak sekali kendala yang mungkin

muncul dalam perancangan program baik secara intern maupun ekstern,

adalah sebagai berikut:

Rencana KegiatanMaret 2008 April 2008 Mei 2008 Juni 2008

I II III IV I II III IV I II III IV I II III IV

Pencarian Lokasi Perijinan

PlanningAnalisis sistemWawancara

ObservasiPengumpulan data

DesigningStruktur DataArsitektur Situs

InterfaceReview & Revisi

ScriptingPemrogramanReview & Revisi

TestingPengujian website di localhostReview & Revisi

FinishingPenyusunanLaporan

Tabel 1.1. Activity Plan

117

BAB V

PENUTUP

5.1. Kesimpulan

Beberapa kesimpulan yang dapat diambil dari perancangan Website

MAPALASKA UIN Sunan Kalijaga sebagai sarana informasi adalah sebagai

berikut:

1. Konsep utama sistem informasi adalah bagaimana kita membuat (create),

membaca & menelusuri (read & retreival), mengubah/memperbarui

(update), dan menghapus (delete).

2. Penggunaan media Internet pada masa sekarang ini sebagai alat

penyebarluasan informasi organisasi sangat diperlukan, mengingat

MAPALASKA sebagai salah satu bagian UIN Sunan Kalijaga yang sangat

banyak memiliki potensi untuk dikembangkan secara global.

3. Penulis melakukan perancangan Website MAPALASKA UIN Sunan

Kalijaga berdasarkan rasa tertarik dengan sesuatu yang baru dan menjadi

kontribusi diri sebagai salah satu bagian dari MAPALASKA dan

mahasiswa Jurusan Ilmu Perpustakaan dan Informasi (IPI) Fak. Adab UIN

Sunan Kalijaga.

4. Dengan adanya website, diharapkan MAPALASKA mampu

mengorganisir semua aspek informasi yang nantinya mampu

mengembangkan organisasi dan mempromosikan diri dengan produk-

produk yang dihasilkan.

117

118

5. Data yang ada di database akan selalu di-update oleh bagian administrator

setiap ada data yang masuk menggunakan fasilitas admin; sehingga user

akan selalu mendapatkan data yang akurat dan up to date. Fasilitas admin

ini hanya dapat dimasuki oleh orang-orang tertentu yang mempunyai nama

login dan password yang disimpan di database.

6. User berkesempatan untuk mengirim komentar dan pesan melalui fasilitas

“Buku Tamu”, serta melihat dan mencari semua informasi yang

berhubungan dengan “Buku Tamu”.

7. Rekomendasi perancangan ini berbasis online di Internet. Hal ini akan

mempermudah user untuk dapat mengakses Website MAPALASKA ini

anytime dan anywhere.

5.2. Saran-saran

Beberapa saran untuk dapat lebih mengembangkan Website

MAPALASKA UIN Sunan Kalijaga Yogyakarta adalah sebagai berikut:

1. Tampilan/layout dapat dibuat lebih menarik lagi dengan menggunakan

multimedia atau animasi-animasi yang lain dengan tetap melihat kecepatan

akses up load dan down load.

2. Informasi yang terdapat dalam Website MAPALASKA ini dapat

dikembangkan lebih lanjut sesuai dengan kebutuhan informasi yang

berkembang di MAPALASKA dan sesuai dengan kebutuhan user.

3. Perlu disediakan komputer khusus di MAPALASKA yang terkoneksikan

dengan Internet. Hal itu digunakan untuk dapat terus meng-upload

119

informasi-informasi baru dan menerima pesan dalam website ini, terutama

oleh administrator.

4. Keterlibatan pengurus inti MAPALASKA dalam website ini perlu lebih

ditingkatkan, sehingga proses kegiatan yang ada di MAPALASKA ini

benar-benar dapat berjalan dengan efektif dan efisien.

5. Pada halaman web dapat langsung dibuat hyperlink yang membawa user

ke alamat tertentu, untuk mendapatkan informasi yang lebih mendetail.

5.3. Rekomendasi

1. Fasilitas komputer yang digunakan sebagai server website di

MAPALASKA perlu spesifikasikasi yang tinggi dan langsung

dikoneksikan dengan Internet, sehingga admin akan lebih cepat meng-

upload informasi-informasi yang ada.

2. Sebelum Website MAPALASKA ini diimplementasikan, maka perlu

adanya training/ pelatihan bagi pengurus MAPALASKA yang nantinya

akan bertindak sebagai admin dan bertanggung jawab pada website ini.

3. Setelah Website MAPALASKA ini terbentuk, diusahakan secepatnya agar

website ini di-linkkan langsung dengan Website UIN Sunan Kalijaga,

dengan terlebih dulu dikonfirmasikan dengan pihak Rektorat.

4. Perlu ada kebijakan dari pengurus MAPALASKA dan pihak Rektorat UIN

Sunan Kalijaga, dalam hal ini Kabag. Kemahasiswaan, agar proses yang

berhubungan dengan kegiatan MAPALASKA dapat dipantau langsung

dari universitas.

120

5. Ketika dilakukan pengembangan, maka konsep-konsep HCI (Human

Computer Interaction) perlu dijadikan pertimbangan developer untuk

melakukan perancangan dan pengembangan dari Website MAPALASKA

yang sudah ada, sehingga user dapat lebih familiar dengan sistem yang

dikembangkan tersebut.

121

DAFTAR PUSTAKA

Adriana, Dian. 2003. Pengenalan Pemrograman E-Commerce dengan PHP dan MySQL. Dalam http://www.ilmukomputer.com tanggal 2 Maret 2008, pukul 20.00 WIB

Andy Kurniawan. 2000. Microsoft Active Server Pages. Jakarta: Elex Media Komputido

Ardiansyah, Dian. 2004. Teknologi Jaringan Komputer. Dalam http://www.ilmukomputer.com tanggal 2 Maret 2008, pukul 20.30 WIB

Arifin, Anwar. 1988. Ilmu Komunikasi sebagai Pengantar. Jakarta: Rajawali Pers.

Arikunto, Suharsimi. 1998. Prosedur Penelitian: Suatu Pendekatan Praktek. Jakarta: PT Rineka Cipta

Azwar, Syaifuddin. 2004. Metode Penelitian. Yogyakarta: Pustaka Pelajar

Basuki, Sulistyo. 1991. Pengantar Ilmu Perpustakaan. Jakarta: PT Gramedia Pustaka Utama

Efendi, R.M. Mahrus Hidayatullah. 2007. Perancangan Sistem Informasi Akademik di Fakultas Adab UIN Sunan Kalijaga Yogyakarta Dengan Konsep Human Computer Interaction (Tesis). Yogyakarta: Sekolah Pascasarjana Magister Teknologi Informasi Jurusan Teknik Elektro Fakultas Teknik Universitas Gadjahmada

________. Struktur Situs Web. Dalam www.uin-suka.ac.id, tanggal 10 Maret 2008, pukul 19.20 WIB

Hariyanto, Bambang. 2004. Sistem Manajemen Basis Data: Permodelan, Perancangan, dan Terapannya. Bandung: Informatika

Irmansyah, Faried. 2003. Pengantar Database. Dalam http://www.ilmukomputer.com tanggal 2 Maret 2008, pukul 20.45 WIB

Junaedi, Fajar EP. 2005. Panduan Lengkap Pemrograman PHP untuk Membuat Web Dinamis. Yogyakarta: PD Anindya

Kadir, Abdul & Terra Ch. Triwahyuni. 2003. Pengenalan Teknologi Informasi.Yogyakarta: Andi Offset

122

Lau, Gorgonia Yulianti. 2001. Sistem Informasi Pariwisata di Bali Berbasis Web (Skripsi). Yogyakarta: Program Studi Teknik Informatika Fakultas Teknologi Industri Universitas Atma Jaya Yogyakarta.

MADCOMS. 2004. Seri Panduan Desain Web: Macromedia Dreamweaver MX 2004. Yogyakarta: Andi Offset

Mahdi, Faris. 2003. Pengantar Menejemen Operasi Berbasis Web. Dalam http://www.ilmukomputer.com tanggal 2 Maret 2008, pukul 21.00 WIB

MAPALASKA. 2002. Profil MAPALASKA to OSPEK UIN Sunan Kalijaga. Yogyakarta: MAPALASKA

Masruri, Anis dkk. 2004. Panduan Penulisan Skripsi. Yogyakarta: Jurusan Ilmu Perpustakaan dan Informasi (IPI) Fakultas Adab UIN Sunan Kalijaga

Moleong, Lexy J. 1993. Metode Penelitian Kualitatif. Bandung: PT. Remaja Rosda Karya

Muhardin, Endy. 2003. PHP Programming Fundamental dan MySQL Fundamental. Dalam http://www.ilmukomputer.com tanggal 2 Maret 2008, pukul 21.15 WIB

Poetra, Abe. 2003. Tutorial Cascading Style Sheet (CSS). Dalam http://www.ilmukomputer.com tanggal 2 Maret 2008, pukul 21.30 WIB

Safii, Mohammad. 2003. Manipulasi Database MySQL dengan PHP. Dalam http://www.ilmukomputer.com tanggal 2 Maret 2008, pukul 21.45 WIB

Scott, George M. 1999. Prinsip-prinsip Sistem Informasi Manajemen. Jakarta: Raja Grafindo Persada

Setiawan, Andi. 2006. Mudah Tepat Singkat Pemrograman HTML: Standarisasi, Konfigurasi, dan Implementasi. Bandung: CV. Yrama Widya

Sjawie, Fauzul. 2007. Analisis dan Perancangan Website PT Swara Buana Semesta Sebagai Sarana Informasi. Yogyakarta: Jurusan Sistem Informasi STMIK AMIKOM Yogyakarta

Smile Group. 2006. Diklat Teknisi Jaringan Komputer. Yogyakarta: Smile Group Yogyakarta-Indonesia.

Steven Vaughan-Nichols, Rob Tidrow, Loren Buble, Jason Kuffer, Noel Taylor. 1999. Yang Perlu Anda Ketahui tentang World Wide Web. Yogyakarta: Andi Offset

123

Sutrisno, Hadi.1992. Metode Reseach. Yogyakarta: Andi Offset

____. 1994. Metodologi Research. Yogyakarta: Yayasan Penerbit, Fakultas UGM

Suyanto, Asep Herman. 2007. Step by Step: Web Design Theory and Practices. Yogyakarta: Andi Offset

Suyanto, M. 2004. Analisis dan Desain Aplikasi Multimedia Untuk Pemasaran. Yogyakarta: Andi Offset

Syukur, Mark Ade. 1999. Aplikasi Web Dengan PHP (Tugas Akhir). Dalam http://www.ilmukomputer.com tanggal 2 Maret 2008, pukul 22.00 WIB

Turyanto, Ragil. 2003. Mengenal dan Menggunakan MySQL. Dalam http://www.ilmukomputer.com tanggal 2 Maret 2008, pukul 22.15 WIB

WAHANA KOMPUTER. 2005. Menjadi Seorang Desainer Web. Yogyakarta: Andi Offset

Wahidin. 2005. 7 Jam Belajar Dreamweaver MX 2004 Untuk Orang Awam. Palembang: Maxikom

Wahyudi, H. Mochamad. 2005. Cara Mudah dan Cepat Memiliki Website di Internet. Dalam http://www.ilmukomputer.com tanggal 2 Maret 2008, pukul 22.30 WIB

125

PEDOMAN WAWANCARA

(Interview Guide)

1. Siapakah yang mempunyai ide awal untuk membuat Website MAPALASKA?

2. Apakah yang melatarbelakangi pemunculan ide tersebut?

3. Siapa user yang dituju dengan dibuatnya Website MAPALASKA dan apa

alasan dari tiap user yang dituju sebagai sasaran?

4. Dari manakah dana operasional untuk mendukung dan mengembangkan

Website MAPALASKA yang akan dibuat?

5. Apa yang didapat oleh user dari Website MAPALASKA?

6. Informasi apa yang disajikan dalam rancangan Website MAPALASKA?

7. Apa target dan harapan MAPALASKA setelah terciptanya website yang di-

onlinekan?

8. Sampai saat ini, sudahkah MAPALASKA mencoba untuk menciptakan

strategi guna mempromosikan diri yang efektif dan efisien?

9. Selama ini, upaya apa saja yang dilakukan untuk terus meningkatkan kualitas

dan eksistensi segala potensi yang ada di MAPALASKA?

10. Bagaimana kesiapan MAPALASKA untuk menyeimbangkan diri dengan

kemajuan teknologi?

Lampiran I

126

HASIL WAWANCARA

Nama : M. Syaiful Azis

Jabatan : Ketua Umum MAPALASKA

Status : Informan Penelitian

Tanggal : 8 Mei 2008

No Pertanyaan Jawaban

1 Siapakah yang mempunyai ide

awal untuk membuat Website

MAPALASKA?

Ide muncul dari M. Varih Sovy, pada

MUSTA (Musyawarah Anggota) XVII

MAPALASKA pada tanggal 21 Maret

2006.

2 Apakah yang melatarbelakangi

pemunculan ide tersebut?

Sebagai sarana promosi MAPALASKA

kepada mahasiswa UIN Sunan Kalijaga

dan masyarakat umum melalui Internet

dan menjalin komunikasi dengan

MAPALA lain.

3 Siapa user yang dituju dengan

dibuatnya Website MAPALASKA

dan apa alasan dari tiap user yang

dituju sebagai sasaran?

a. Mahasiswa UIN Sunan Kalijaga

Yogyakarta. Alasan dari itu adalah

untuk mengetahui sejauh mana

MAPALASKA bergerak dibidangnya,

sehingga mahasiswa akan tertarik untuk

bergabung dan berproses di dalamnya.

Dengan begitu, MAPALASKA sebagai

organisasi intra kampus akan terus bisa

berkembang dengan adanya regenerasi.

b. Pihak Rektorat UIN Sunan Kalijaga

Yogyakarta, khususnya Kabag.

Kemahasiswaan. Alasannya yaitu agar

MAPALASKA dapat terus dipantau

kegiatannya, efektif atau tidak bagi

mahasiswa dan universitas. Dengan itu

Lampiran II

127

diharapkan dukungan dan dana subsidi

UKM, khusunya MAPALASKA dapat

berjalan lancar dan sesuai

kebutuhannya.

4 Dari manakah dana operasional

untuk mendukung dan

mengembangkan Website

MAPALASKA yang akan dibuat?

Dana untuk mendukung website diambil

dari kas MAPALASKA, menyisihkan

sebagian dana-dana pendidikan, karena

dengan adanya website diharapkan akan

lebih maju sehingga website perlu

diperjuangkan keberadaannya.

5 Apa yang didapat oleh user dari

Website MAPALASKA?

Artikel dan materi pendidikan di alam

terbuka seperti pendakian gunung, susur

goa, panjat tebing, arung jeram dan

lingkungan hidup.

6 Informasi apa yang disajikan

dalam rancangan Website

MAPALASKA?

a. Home,

b. Profile, meliputi sejarah, visi dan misi,

mars, dan motto.

c. Pengurus

d. Divisi, dalam MAPALASKA terbagi

dalam 5 Divisi yang meliputi divisi

Gunung Hutan, Divisi Panjat Tebing,

Divisi Susur Goa, Divisi Arung Jeram,

dan Divisi Lingkungan Hidup.

e. Aktivitas, meliputi Ekspedisi, Latgab,

TWKM dan MKM, serta Dies Natalis

MAPALASKA.

f. Karya Ilmiah, yang terdiri dari laporan

kegiatan, skripsi anggota dan hasil

penelitian.

g. Contact Us,

h. Menu lain yang meliputi:

1) Gallery

128

2) Agenda

3) Cari Artikel

4) Pendaftaran

5) Site Map

6) Informasi beasiswa dan informasi

lowongan kerja.

7 Apa target dan harapan

MAPALASKA setelah

terciptanya website yang di-

onlinekan?

Target dan harapan adalah MAPALASKA

dapat lebih profesional dalam setiap

kegiatan karena sudah ditunjang dengan

teknologi dan dapat dikenal di seluruh

dunia.

8 Sampai saat ini, sudahkah

MAPALASKA mencoba untuk

menciptakan strategi guna

mempromosikan diri yang efektif

dan efisien?

Selama ini MAPALASKA dalam

mempromosikan diri kepada mahasiswa

baru yaitu dengan mengadakan event-

event pada awal perkuliahan, seperti

pendakian massal, fun rafting, fun

climbing, fun bike, dll. Mungkin baru kali

ini memulai mempromosikan diri melalui

Website.

9 Selama ini, upaya apa saja yang

dilakukan untuk terus

meningkatkan kualitas dan

eksistensi segala potensi yang ada

di MAPALASKA?

Terus melakukan perekrutan anggota.

Semua anggota baru dididik melalui Basic

Camping, yaitu pendidikan dasar yang

kemudian dilanjutkan dengan pendidikan

lanjutan yang mencakup 4 divisi.

10 Bagaimana kesiapan

MAPALASKA untuk

menyeimbangkan diri dengan

kemajuan teknologi?

Kesiapan MAPALASKA dengan

kemajuan teknologi sekarang ini sudah

ditata dengan matang. Segala aspek yang

menyangkut kegiatan diupayakan

menggunakan unsur teknologi

diimbangkan dengan transformasi IAIN

menjadi UIN.

129

HASIL WAWANCARA

Nama : Dedy Syahputra

Jabatan : Wakil Ketua MAPALASKA






MAPALASKA?

Ide awal muncul dari mantan ketua umum

MAPALASKA periode 2006-2007, M.

Varih Sovy, pada MUSTA (Musyawarah

Anggota) XVII MAPALASKA pada

tanggal 21 Maret 2006.



a. Memberi informasi yang dibutuhkan

oleh user seputar MAPALASKA dan

kegiatan alam terbuka.

b. Sebagai sarana promosi MAPALASKA


dan masyarakat umum melalui Internet.





a. Para alumni MAPALASKA yang

tersebar di Indonesia dan luar negeri,

tidak tertutup pada daerah geografis

lokal saja. Alasannya yaitu agar dapat

terus berkomunikasi dan bersilaturahmi

jarak jauh, mengingat kesibukan-

kesibukan yang ada dan jarak yang

membatasi untuk bertemu. Para alumni

dapat terus membangun dan

mengembangkan MAPALASKA

dengan memberi masukan, saran, kritik

130

berdasarkan pengalaman mereka.

b. MAPALA (Mahasiswa Pecinta Alam)

atau OPA (Organisasi Pencinta Alam)

lain, dan organisasi lingkungan hidup.

Alasannya yaitu agar dapat bertukar

pikiran, saling mengisi kekurangan

informasi, dan terus dapat memantau

kegiatan-kegiatan bersama yang

akan/sudah dilakukan.


untuk mendukung dan




dari kas MAPALASKA.


Website MAPALASKA?

Informasi beasiswa, lowongan kerja, dan

berita-berita terkini yang up to date.



MAPALASKA?

a. Home

b. Profile

c. Pengurus

d. Divisi dalam MAPALASKA

e. Karya Ilmiah

f. Contact Us

g. Menu lain yang meliputi:

1) Gallery

2) Agenda

3) Buku Tamu

4) Informasi beasiswa dan informasi

lowongan kerja.


MAPALASKA setelah


onlinekan?

Anggota dapat mengikuti perkembangan

jaman dan tidak gaptek.

8 Sampai saat ini, sudahkah Belum, dengan mengadakan event-event

131




dan efisien?

seperti pendakian massal, fun rafting, fun

climbing, fun bike, dll.





di MAPALASKA?

MAPALASKA terus mengadakan

terobosan-terobosan baru dalam usaha

eksistensi diri, seperti halnya mengadakan

ekspedisi penelitian yang dilakukan ke

pedalaman Dayak Meratus di Kalsel pada

tahun 2006 dan pedalaman Suku Kajang di

Sulsel pada tahun 2007 kemarin. Menjalin

tali silaturahmi dan komunikasi dengan

MAPALA dan OPA lain di Yogyakarta

khususnya dan Indonesia pada umunya.


MAPALASKA untuk


kemajuan teknologi?

Segala aspek yang menyangkut kegiatan

diupayakan menggunakan unsur teknologi


menjadi UIN.

132

HASIL WAWANCARA

Nama : Ali Zainal Mustofa

Jabatan : Sekretaris






MAPALASKA?

Ide awal muncul dari mantan ketua umum

MAPALASKA periode 2006-2007, M.

Varih Sovy, pada MUSTA (Musyawarah

Anggota) XVII MAPALASKA pada

tanggal 21 Maret 2006.



Sebagai sarana promosi MAPALASKA


dan masyarakat umum melalui Internet.





Masyarakat umum yang membutuhkan

informasi atau layanan. Alasannya yaitu

semua yang berkaitan dengan kegiatan

alam bebas, rencana perjalanan/ekspedisi

atau pun pelayanan outbond dapat

menggunakan jasa MAPALASKA, yang

tentunya ada royalty untuk semua itu dan

hasilnya dapat masuk kas organisasi. Di

sini, secara langsung anggota

MAPALASKA terjun ke dunia kerja,

dunia yang sesungguhnya.


untuk mendukung dan




dari kas MAPALASKA.

5 Apa yang didapat oleh user dari Informasi kegiatan di alam bebas, dan

133

Website MAPALASKA? kegiatan lainnya.



MAPALASKA?

a. Home

b. Profile, meliputi sejarah, visi dan misi,

mars, motto.

c. Pengurus MAPALASKA

d. Divisi MAPALASKA

e. Aktivitas, meliputi Ekspedisi, Latgab

(Latihan Gabungan), TWKM (Temu

Wicara dan Kenal Medan).

f. Laporan kegiatan dan hasil penelitian.


MAPALASKA setelah


onlinekan?

MAPALASKA dapat memajukan

organisasi dan meningkatkan mutu

kegiatan baik intern dan extern.





dan efisien?

Belum, dengan mengadakan pendakian

massal, fun rafting, fun climbing.





di MAPALASKA?

MAPALASKA mengadakan ekspedisi

penelitian yang dilakukan ke pedalaman

Dayak Meratus di Kalsel pada tahun 2006

dan pedalaman Suku Kajang di Sulsel pada

tahun 2007 kemarin.


MAPALASKA untuk


kemajuan teknologi?





menggunakan unsur teknologi


menjadi UIN.

134

HASIL WAWANCARA

Nama : Fatoni Agung Bagus Utama

Jabatan : Kodiv. Pers






MAPALASKA?

Ide awal muncul dari mantan ketua

MAPALASKA, M. Varih Sovy, pada

MUSTA (Musyawarah Anggota) XVII

MAPALASKA pada tanggal 21 Maret

2006.



a. Mendapat masukan berupa tanggapan,

pesan, saran, kritik dari user demi

kemajuan organisasi.

b. Menjalin komunikasi dengan

MAPALA atau pun OPA (Organisasi

Pecinta Alam) yang lain dengan saling

bertukar informasi.





Para pelaku bisnis, baik perorangan

maupun organisasi/perusahaan yang

hendak memasang iklan di website

MAPALASKA. Alasannya yaitu pelaku

bisnis, baik perorangan maupun

organisasi/perusahaan yang ingin

mempromosikan produk-produk mereka,

dan minat mereka tentu saja suatu bentuk

usaha yang menyangkut kebutuhan

konsumen. Seperti event-event yang sudah

dilakukan MAPALASKA, setiap tahunnya

dalam rangka Dies Natalis, MAPALASKA

135

selalu mengadakan event yang

mengikutsertakan banyak partisipan,

sponsor dan donatur yang banyak

memberikan keuntungan bagi pihak-pihak

yang terkait.


untuk mendukung dan




dari kas MAPALASKA.


Website MAPALASKA?

Informasi yang sesuai dengan

kebutuhannya, seputar MAPALASKA,

informasi yang berkaitan dengan UIN

Sunan Kalijaga.



MAPALASKA?

a. Home

b. Profile, meliputi sejarah, mars

MAPALASKA, motto MAPALASKA,

serta Kode Etik Pencinta Alam

Indonesia.

c. Pengurus

d. Divisi, dalam MAPALASKA terbagi

dalam 5 Divisi yang meliputi divisi

Gunung Hutan, Divisi Panjat Tebing,

Divisi Susur Goa, Divisi Arung Jeram,

dan Divisi Lingkungan Hidup.

e. Aktivitas, meliputi Ekspedisi, Latgab

(Latihan Gabungan), TWKM (Temu

Wicara dan Kenal Medan) MAPALA

se-Indonesia dan MKM (Muktamar

Kenal Medan) MAPALA dari

universitas dan perguruan tinggi islam

se-Indonesia, serta Dies Natalis

MAPALASKA.

136

f. Karya Ilmiah, yang terdiri dari laporan

kegiatan, skripsi anggota dan hasil

penelitian.

g. Contact Us,

h. Menu lain yang meliputi:

1) Gallery

2) Agenda


MAPALASKA setelah


onlinekan?

Target adalah anggota mampu menulis

kreatif dan ilmiah yang kemudian

dituangkan dalam web dan disampaikan

kepada user yang membutuhkan.

Harapannya yaitu MAPALASKA mampu

menjadi agen informasi bagi user yang

membutuhkan informasi.





dan efisien?

Belum, mungkin hanya dengan kegiatan

seperti pendakian massal, fun rafting, fun

climbing.





di MAPALASKA?

MAPALASKA melakukan perekrutan

anggota dan terus mengadakan kegiatan

seperti halnya mengadakan ekspedisi

penelitian ke pedalaman Dayak Meratus di

Kalsel pada tahun 2006 dan pedalaman

Suku Kajang di Sulsel pada tahun 2007 .


MAPALASKA untuk


kemajuan teknologi?





menggunakan unsur teknologi.

137

Scripting Home Page dan Web Page Website MAPALASKA UIN Sunan Kalijaga

1. Home<style type="text/css"></style><form id="form1" name="form1" method="post" action=""> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td align="center"><h2>MAPALASKA Jogjakarta </h2></td> </tr> <tr> <td valign="top"><h3>Salam Lestari... </h3></td> </tr> <tr> <td valign="top"><p align="justify" class="c11">MAPALASKA (Mahasiswa Pencinta Alam UIN Sunan Kalijaga) adalah salah satu Unit Kegiatan Mahasiswa (UKM) di UIN Sunan Kalijaga Yogyakarta bidang kepencintaalaman dan pengembangan masyarakat serta kajian lingkungan untuk pembelaan lingkungan.<br /> <br /> <img src="image gallery/thumbnail/Tn-Salam.jpg" width="150" height="104" hspace="7" vspace="7" align="left" />MAPALASKA didirikan sebagai organisasi yang terlepas dari unsur politik, berkegiatan ditengah masyarakat sambil berpetualang dan peduli lingkungan sebagai pedoman berkegiatan secara khusus. Organisasi ini berkegiatan dalam bidang<br /> 1) Pendidikan, sosialisasi dan kajian lingkungan<br /> 2) Penyeimbangan swadaya masyarakat melalui pendampingan <br /> 3) Olah raga alam bebas <br /> 4) Ekotourism.<br /> <br /> Selama 27 tahun usianya, MAPALASKA telah turut berpartisipasi dalam berbagai event dan momentum kegiatan,baik itu sebagai penyelenggara, mulai dari sekup lokal, regional maupun nasional. baik dalam bidang adventure, maupun dalam bidang lingkungan, sosial, budaya dan kemasyarakatan, serta pengiriman delegasi keluar daerah.<br /> <br /> Jadi buat sahabat-sahabat yang mau tahu apa itu MAPALASKA, apa saja yang ada di MAPALASKA, pengin tukar pengalaman, bagaimana kegiatan olahraga alam bebas, lingkungan hidup, dan lain-lain...yang pastinya banyak banget ilmu dan manfaat yang bakal sahabat-sahabat dapetin! Atau buat para pebisnis dan pengusaha yang mau bergabung, silahkan pasang iklan Anda di website kami ini, terima kasih.</p></td> </tr> <tr> <td> </td> </tr>

Lampiran III

138

<tr> <td><h3>Berita & Artikel Terkini >></h3></td> </tr>

<tr> <td>

<?// menampilkan artikel-artikel yang telah di approve ---$sql="select * from tbartikel where approve=1 order by id desc limit 5";include ("opendb.php");while($hsl=mysql_fetch_array($data)): echo("<a href=index.php?hal=detail_artikel.php&mid=$hsl[id]><H2>$hsl[judul]</H2></a>"); echo("<Table Border=0 width=95% align=center><TR><TD>"); if($hsl[gambar]!=""): echo("<img src='images/$hsl[gambar]' width=200 align=left Vspace=7 Hspace=7>"); endif; echo("<p align=justify>".substr($hsl[artikel],0,150+"$...")."</p>"); echo("<p><strong>Sumber: $hsl[sumber]</strong></p>"); echo("<p><strong>Contributor: $hsl[pengirim]<br />

Tanggal Post: ".strftime("%d %B %Y",strtotime($hsl[tanggal]))."</strong></p>"); echo("</TD></TR></Table>"); echo("<center><HR></center>");

endwhile;//-----akhir menampilkan artikel---

?></td> </tr></table></form><p> </p>

2. Profil Sejarah<style type="text/css"></style><form name="form1" method="post" action=""> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td align="center"><h2><br />

139

Sejarah MAPALASKA </h2></td> </tr> <tr> <td valign="top" class="c1"><div align="justify"> <p><strong>MAPALASKA</strong> UIN Sunan Kalijaga adalah organisasi intra kampus yang bergerak di bidang kepecintaalaman, pengembangan masyarakat melalui pendampingan serta kajian lingkungan sebagai upaya pembelaan lingkungan, yang didirikan pada tanggal 27 Februari 1981.<br> <br> <strong><img src="image gallery/thumbnail/Tn-IMG_0005.jpg" width="150" height="105" hspace="7" vspace="7" align="left" />MAPALASKA</strong> didirikan atas dasar rasa tanggung jawab yang dimiliki oleh beberapa mahasiswa UIN SUKA Yogyakarta tentang lingkungan hidup sebagaimana diperintahkan oleh ajaran agama yang dipelajari, namun sedikit realisasinya. Di sisi lain, sentuhan langsung dengan masyarakat marginal yang terisolir ketika melakukan kegiatan kepetualangan membuat mata hati terbuka. Pengetahuan masyarakatnya yang minim tentang hak, hukum, pendidikan, lingkungan, kesehatan dan lain sebagainya perlu di upayakan satu solusi. Disamping juga kondisi yang tidak sehat sebagai ekses dari ketegangan politik yang masuk di tengah-tengah lingkungan kampus adalah bagian lain yang tidak terpisahkan. Tiga alasan itulah yang mendasari munculnya satu ide untuk mendirikan sebuah organisasi yang terlepas dari unsur politik, berkegiatan di tengah masyarakat sambil berpetualang dan peduli lingkungan sebagai pedoman berkegiatan. Dari sini kemudian munculah nama <strong>MAPALA SUKA </strong>(Mahasiswa Pencinta Alam Sunan Kalijaga), yang kemudian berganti menjadi <strong>MAPALASKA UIN SUKA</strong> yang juga searti, dengan alasan lebih akrab didengar, yang ditetapkan pada Musyawarah Anggota IV.<br /> <img src="image gallery/thumbnail/Tn-DSCF1720.jpg" width="150" height="113" hspace="7" vspace="7" align="right" /><br /> Dalam menjalankan aktifitasnya selama 27 tahun, <strong>MAPALASKA</strong> tidak terlepas dari pedoman awal yang tertuang dalam Anggaran Dasar dan Anggaran Rumah Tangga Organisasi. Bahwa setiap kegiatan diupayakan untuk selalu bersentuhan langsung dengan masyarakat. Masyarakat adalah mitra dalam kegiatan, baik kegiatan dalam bidang lingkungan hidup secara khusus, kegiatan dalam bidang kepetualangan maupun kegiatan social kemasyarakatan.<br /> <br /> Secara khusus organisasi ini berkegiatan dalam bidang (1) Pendidikan, sosialisasi dan kajian lingkungan, (2) Pengembangan swadaya masyarakat melalui pendampingan, (3) Olah raga alam bebas, (4) Ecotourism.</p> <p> </p> </div></td> </tr> <tr> <td align="center"> </td> </tr> <tr> <td><a href="index.php?hal=home.php" target="_self"><< Back</a></td> </tr> </table></form>

3. Pengurus<title>::: MAPALASKA Site - pengurus :::</title><style type="text/css"><!--.c1 { font-family: "Times New Roman", Times, serif;

font-size: 14px;font-style: normal;

140

color: #008000;}.c2 { font-family: "Times New Roman", Times, serif;

font-size: 14px;color: #343434;

}.style1 {

color: #FF0000;font-weight: bold;

}--></style>

<form name="form1" method="post" action=""> <table width="95%" border="0" align="center"> <tr> <td align="center" valign="top"><h2><br /> Pengurus MAPALASKA</h2></td> </tr> <tr> <td valign="top"><h3 align="left">Susunan Pengurus MAPALASKA Masa Jabatan 2007-2008</h3></td> </tr> <tr> <td align="right" valign="bottom"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="30%" class="c1">Pelindung</td> <td width="5%" align="center" class="c1">:</td> <td width="64%" class="c1">Allah SWT</td> </tr> <tr> <td class="c1">Pembina</td> <td align="center" class="c1">:</td> <td class="c1">Iswandi Syaputra, M.Si</td> </tr> <tr> <td class="c1"><a href="index.php?hal=pketua.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>Ketua Umum </td> <td align="center" class="c1">:</td> <td class="c1">M. Saeful Azies</td> </tr> <tr> <td class="c1"><a href="index.php?hal=pwakil.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>Wakil Ketua </td> <td align="center" class="c1">:</td> <td class="c1">Deddy Syaputra</td> </tr> <tr> <td class="c1"><a href="index.php?hal=psekretaris.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>Sekretaris</td> <td align="center" class="c1">:</td> <td class="c1">Ali Zainal Mustofa</td> </tr> <tr>

141

<td class="c1"><a href="index.php?hal=pbendahara.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>Bendahara</td> <td align="center" class="c1">:</td> <td class="c1">Muslikhatun</td> </tr> <tr> <td class="c1"><a href="index.php?hal=popdik.php"><img src="images/arrow.gif"width="15" height="15" border="0" /></a>Opdik</td> <td align="center" class="c1">:</td> <td class="c1">Arif Hidayat</td> </tr> <tr> <td class="c1"><a href="index.php?hal=pkogh.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>Kodiv. Gunung Hutan </td> <td align="center" class="c1">:</td> <td class="c1">Husna Robby Rodiah</td> </tr> <tr> <td class="c1"><a href="index.php?hal=pkorc.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>Kodiv. Panjat Tebing </td> <td align="center" class="c1">:</td> <td class="c1">Ismed Prajanegara</td> </tr> <tr> <td class="c1"><a href="index.php?hal=pkocv.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>Kodiv. Susur Goa </td> <td align="center" class="c1">:</td> <td class="c1">M. Candra Rizky</td> </tr> <tr> <td class="c1"><a href="index.php?hal=pkoaj.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>Kodiv. Arung Jeram </td> <td align="center" class="c1">:</td> <td class="c1">Jenius Khadavi</td> </tr> <tr> <td class="c1"><a href="index.php?hal=plog.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>Div. Logistik </td> <td align="center" class="c1">:</td> <td class="c1">Herwanto</td> </tr> <tr> <td class="c1"><a href="index.php?hal=plh.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>Div. Lingkungan Hidup </td> <td align="center" class="c1">:</td> <td class="c1">Andayani</td> </tr> <tr> <td class="c1"><a href="index.php?hal=pppm.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>PPM</td> <td align="center" class="c1">:</td> <td class="c1">Febri Agrianto</td> </tr> <tr> <td class="c1"><a href="index.php?hal=plitbang.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>Litbang</td> <td align="center" class="c1">:</td>

142

<td class="c1">M. Sadri</td> </tr> <tr> <td class="c1"><a href="index.php?hal=pposarka.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>POSARKA</td> <td align="center" class="c1">:</td> <td class="c1">Asnedi</td> </tr>

<tr> <td class="c1"><a href="index.php?hal=ppers.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>Pers</td> <td align="center" class="c1">:</td> <td class="c1">Fatoni Agung BU</td> </tr> <tr> <td class="c1"><a href="index.php?hal=pdepertim.php"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>Depertim</td> <td align="center" class="c1">:</td> <td class="c1">M. Varih Sovy</td> </tr>

</table> <h5>- - Klik <a href="#"><img src="images/arrow.gif" width="15" height="15" border="0" /></a>di atas untuk melihat profil - -</h5></td> </tr> </table></form>

4. Sub Pengurus<title>::: MAPALASKA Site - wakil :::</title><style type="text/css"></style>

<form name="form1" method="post" action=""> <table width="90%" border="0" align="center"> <tr> <td align="center"><h2><br /> Pengurus MAPALASKA<br /> 2007-2008</h2></td> </tr> <tr> <td align="center"><h3>Profil Wakil Ketua</h3></td> </tr> <tr>

143

<td align="center"><img src="foto/p.kolet.jpg" width="100" height="100" /><br /> <strong>Deddy "Kolet" Syaputra</strong><br /> NPA 05 363 Mpl-Sk </td> </tr> <tr> <td align="center"><h3> </h3></td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="c3">Curiculum Vitae </td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="35%" class="c1">Tempat, tgl lahir </td> <td width="5%" align="center" class="c1">:</td> <td width="60%" class="c1">Jambi, 26 Maret 1984 </td> </tr> <tr> <td class="c1">Alamat</td> <td align="center" class="c1">:</td> <td width="35%" class="c1">Ds. Empelu, Muara Bungo, Jambi </td> </tr> <tr> <td class="c1">Telp./Hp</td> <td align="center" class="c1">:</td> <td width="35%" class="c1">081328427494</td> </tr> <tr> <td class="c1">E mail </td> <td align="center" class="c1">:</td> <td width="35%" class="c1">[email protected]</td> </tr> <tr> <td class="c1">Agama</td> <td align="center" class="c1">:</td> <td width="35%" class="c1">Islam</td> </tr> <tr> <td class="c1">Jenis Kelamin </td> <td align="center" class="c1">:</td> <td width="35%" class="c1">Laki-laki</td> </tr> <tr> <td class="c1">Kuliah</td> <td align="center" class="c1">:</td> <td width="35%" class="c1">Jurs. Jinayah Siyasah Fak. Syariah UIN Sunan Kalijaga </td> </tr> <tr> <td class="c1">Jabatan</td> <td align="center" class="c1">:</td> <td width="35%" class="c1">Wakil Ketua </td> </tr> <tr> <td class="c1">BC/Thn</td> <td align="center" class="c1">:</td>

144

<td width="35%" class="c1">XIX/2005</td> </tr> <tr> <td class="c1">Motto Hidup </td> <td align="center" class="c1">:</td> <td width="35%" class="c1">Jalani apa adanya! </td> </tr> <tr> <td class="c1"> </td> <td class="c1"> </td> <td width="35%" class="c1"> </td> </tr> </table></td> </tr> <tr> <td class="c3">Riwayat Pendidikan </td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="c1">SD lulus th. 1997<br /> SMP lulus th. 2000<br /> SMU lulus th. 2003<br /> Jurs. Jinayah Siyasah Fak. Syariah UIN Sunan Kalijaga </td> </tr> </table></td> </tr> <tr> <td class="c3"> </td> </tr> <tr> <td class="c3">Riwayat Jabatan MAPALASKA </td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="c1"> </td> </tr> </table></td> </tr> <tr> <td class="c3">Keahlian</td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="c1"> </td> </tr> </table></td> </tr> <tr> <td class="c3">Track Record </td> </tr> <tr> <td><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="25%" class="c1">Gunung</td>

145

<td width="5%" align="center" class="c1">:</td> <td width="70%" class="c1"> </td> </tr> <tr> <td class="c1">Panjat Tebing</td> <td align="center" class="c1">:</td> <td class="c1"> </td> </tr> <tr> <td class="c1">Susur Goa </td> <td align="center" class="c1">:</td> <td class="c1"> </td> </tr> <tr> <td class="c1">Arung Jeram </td> <td align="center" class="c1">:</td> <td class="c1"> </td> </tr> <tr> <td class="c1">Ekspedisi</td> <td align="center" class="c1">:</td> <td class="c1"> </td> </tr> <tr> <td class="c1"> </td> <td align="center" class="c1"> </td> <td class="c1"> </td> </tr> <tr> <td align="left" class="c1"><a href="index.php?hal=pketua.php"><< Back </a></td> <td align="center" class="c1"> </td> <td align="right" class="c1"><a href="index.php?hal=psekretaris.php">Next >></a> </td> </tr> </table></td> </tr> </table></td> </tr> </table></form>

5. Divisi<style type="text/css">

146

</style><form name="form1" method="post" action=""> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td align="center"><h2><br /> Divisi Arung Jeram MAPALASKA</h2></td> </tr> <tr> <td> </td> </tr> <tr> <td><h3>Pengertian</h3></td> </tr> <tr> <td><div align="justify"><img src="image gallery/thumbnail/Tn-DSC02971.jpg" width="150" height="113" hspace="5" vspace="5" align="left" /><strong>Divisi Arung Jeram MAPALASKA</strong> dikomandoi oleh Koordinator Divisi Arung Jeram (Kodiv AJ) yang berada tepat di bawah Operasional Pendidikan (Opdik) adalah suatu divisi dalam MAPALASKA yang berorientasi pada kegiatan arung jeram dengan muatan-muatan keilmuan seperti teknik pengarungan, pemetaan sungai dan jeram, dan lain-lain. <br /> Perlombaan-perlombaan arung jeram dan beberapa kegiatan seperti<em> Fun Rafting </em>sering dilakukan oleh Divisi Arung Jeram MAPALASKA UIN Sunan Kalijaga Jogjakarta dalam rangka promosi.</div></td> </tr> <tr> <td><h3>Materi Divisi Arung Jeram MAPALASKA</h3></td> </tr> <tr> <td>Di sini sahabat-sahabat akan dapat mengetahui beberapa materi keilmuan yang kaitannya dengan arung jeram, yaitu:<br /> 1. <a href="index.php?hal=sejarah_arungjeram.php" target="_self">Sejarah Arung Jeram <br /> </a>2.<a href="index.php?hal=karakter_sungai.php" target="_self"> Karakter Sungai <br /> </a>3. </td> </tr> <tr> <td> </td> </tr> <tr> <td><a href="index.php?hal=home.php" target="_self"><< Back</a></td> </tr> </table></form>

6. Sub Divisi<style type="text/css"><!--a:link {

147

text-decoration: none;}--></style><form name="form1" method="post" action=""> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td align="center"><h2>Karakter Sungai </h2></td> </tr> <tr> <td><div align="justify"><u><strong>JERAM</strong></u> </div> <p align="justify">Jeram merupakan terjemahan dari kata “Rapid” dalam bahasa Inggris yaitu bagian dari sungai dimana air mengalir dengan deras dan bertaburan diantara banyak batu dari bragam ukuran dan juga terdapat arus balik. Rapid juga sering diartikan sebagai aliran air yang cepat/berbahaya. Ada 4 faktor utama yang membuat air menjadi jeram, yaitu :</p> <p align="justify"> · <strong>Volume Air</strong></p> <p align="justify">Ukuran jumlah air yang melewati suatu titik tertentu sungai dalam satuan waktu tertentu yaitu <em>cfs (cubic feet per second)- kubik feet per detik).</em> Mengetahui volume air sangat penting, bilamana volume air tinggi atau rendah, sehingga kita dapat memastikan apakah saat tersebut sungai dapat diarungi atau tidak.</p> <p align="justify">· <strong>Tingkat Kecuraman Sungai (gradient)</strong></p> <p align="justify">Setiap sungai pada jarak tertentu mempunyai tingkat kecuraman yang berbeda. Kadang-kadang tajam dan sebaliknya mendatar. Kecuraman sungai dapat dianggap sebagai petunjuk kasar tingkat kecepatan dan kesulitan alur aliran sungai.</p> <p align="justify">· <strong>Tonjolan dasar sungai (Roughhness)</strong></p> <p align="justify">Letak batuan atau tonjolan di dasar sunngai yang tidak beraturan mengakibatkan turbuleni aliran sungai. Semakin tidak beraturan letak batu di dasar sungai, semakin besar pusaran airnya. Terjadinya sebuah jeram sangat ditentukan oleh bentuk atau tataletak dari batuan atau benda dibawah permukaan air.</p> <p align="justify"> · <strong>Penyempitan Lebar penampang sungai</strong></p> <p align="justify">Penampang sungai tidak sama lebarnya. Semakin sempit penampang sungai, semakin besar arusnya. Biasanya setelah penyempitan akan terbentuk ombak beruntun.</p> <p align="justify"><strong>RINTANGAN YANG HARUS DIHINDARI</strong></p> <p align="justify"> · <strong>Holes</strong></p> <p align="justify">Bentuk dasar sungai dapat mengakibatkan arus balik di dasar sungai, arus balik yang tidak terlalu kuat dapat dijadikan tempat untuk manuver, tetapi arus balik yang sangat kuat justru sangat berbahaya yang dapat membalikkan perahu.</p> <p align="justify"> · <strong>Undercut </strong></p> <p align="justify">Undercut biasanya terdapat pada tebing dikelokan sungai, terjadi oleh karena pengikisan air membuat rongga di bawah air. Perahu atau orang yang berenang dapat terhisap kedalam undercut dan terperangkap di dalamnya</p></td> </tr> <tr> <td> </td> </tr> <tr> <td><a href="index.php?hal=div.aj.php" target="_self"><< Back </a></td> </tr> </table>

148

</form>

7. Aktivitas<style type="text/css"></style><form name="form1" method="post" action=""> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td align="center"><h2><br> XPDC MAPALASKA</h2></td> </tr> <tr> <td><table width="100%" border="0"> <tr> <td width="3%" valign="top"><span class="style1">1.</span></td> <td><span class="style1">MAPALASKA MERATUS Research Expedition of South Borneo<br /> Kalimantan Selatan, 21 Jan-20 Feb 2006 </span></td> </tr> <tr> <td valign="top"><span class="style1">2.</span></td> <td><span class="style1">MAPALASKA "Look's East 2007" Research Expedition of Kajang<br /> Sulawesi Selatan, 28 Jan-20 Feb 2007 </span></td> </tr> </table> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table></form>

8. Karya Ilmiah<style type="text/css"><!--.style1 {font-size: 12px}a:link {

149

text-decoration: none;}--></style><form name="form1" method="post" action=""> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td align="center"><h2><br /> Skripsi Anggota MAPALASKA </h2></td> </tr> <tr> <td> </td> </tr> <tr> <td><ol> <li>Tri Adi Nuswantara<br /> <a href="skripsi/SKRIPSI ADEN.pdf" class="style1">DIALOG INTERAKTIF "SELAMAT PAGI BUPATI" SEBAGAI MEDIA KOMUNIKASI PEMBANGUNAN DI KABUPATEN KEBUMEN (STUDI KASUS RATIH TV KEBUMEN)</a><br /> </li> <li>Shofiatul Azkia<br /> <span class="style1"><a href="skripsi/Bikin PDF.pdf" target="_self">PEMANFAATAN KOLEKSI PERPUSTAKAAN PADA SISTEM E-LEARNING KLASIBER DI FAKULTAS TEKNOLOGI INDUSTRI UNIVERSITAS ISLAM INDONESIA YOGYAKARTA</a></span></li> <li> Tantowi Azizi Sahoed<br /> <span class="style1"><a href="#" target="_self">RASIONALITAS INVESTOR DALAM MENENTUKAN PORTOFOLIO DENGAN MODEL INDEKS TUNGGAL DI <em>JAKARTA ISLAMIC INDEX</em></a></span><br /> <br /> </li> </ol></td> </tr> </table></form>

9. Contact Us<style type="text/css"></style><form name="form1" method="post" action=""> <div align="center"> <h2><br /> Contact Us<br /> </h2> </div> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td colspan="8" align="center" bordercolor="#FF0000"> </td> </tr> <tr> <td width="40%" valign="top" bordercolor="#FF0000"><h4>Arif Hidayat</h4></td>

150

<td width="5%" align="center" valign="top" bordercolor="#FF0000"><h4>:</h4></td> <td colspan="6" valign="top" bordercolor="#FF0000"><h4>085643116660/[email protected]</h4> </td> <tr> <td valign="top" bordercolor="#FF0000"><h4>Fatoni Agung B U</h4></td> <td align="center" valign="top" bordercolor="#FF0000"><h4>:</h4></td> <td valign="top" bordercolor="#FF0000"><h4>08122596350</h4></td></tr> <tr> <td bordercolor="#FF0000"><h4>Ali Zainal Mustofa</h4></td> <td align="center" valign="top" bordercolor="#FF0000"><h4>:</h4></td> <td valign="top" bordercolor="#FF0000"><h4>085290074649</h4></td> </tr> <tr> <td colspan="8" align="center"> </td> </tr> <tr> <td colspan="8" align="center"><img src="images/2.jpg" width="400" height="100" hspace="5" vspace="5" /></td> </tr> <tr> <td colspan="8" align="center"><p> </p> <table width="95%" height="20" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="#666666"> <tr> <td width="100%" align="center"><h5> <marquee direction="center" behavior="scroll"> <h5><img src="images/icon_biggrin.gif" width="15" height="15" />Anda bisa menghubungi kami di jam-jam kerja, selamat bergabung! Semoga kerja sama ini membuahkan hasil bagi kedua belah pihak, terima kasih. <img src="images/icon_biggrin.gif" width="15" height="15" /> </h5> </marquee></td> </tr> </table> </td> </tr> </table></form>

10. Gallery<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css"><!--a:link {



text-decoration: none;}

151

a:active {text-decoration: none;

}--></style></head>

<body><form id="form1" name="form1" method="post" action=""> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td align="center"><h2><br /> Gallery MAPALASKA<br /> <br /> </h2></td> </tr> <tr> <td><table width="100%" border="1" align="center" cellpadding="5" cellspacing="5" bordercolor="#006600"> <tr> <td width="50%" align="center"><a href="merapi 2911.php"><img src="image gallery/thumbnail/P1010014.jpg" width="150" height="113" border="0" /></a><br /> <br /> Puncak G. Merapi 2911 mdpl dalam rangka ekspedisi bersama MAPALA Tursina UIN Malang 2 Juli 2008 </td> <td width="50%" align="center"><p><a href="pasarbubrah.php"></a><a href="withlana.php"><img src="image gallery/thumbnail/P1010016.jpg" width="150" height="113" border="0" /></a></p> <p>Sorry aja, gue foto di puncak Merapi bareng Londo Denmark, namanya Jeng Marry <br /> </p></td> </tr> <tr> <td align="center"><p><a href="withlana.php"></a><a href="pasarbubrah.php"><img src="image gallery/thumbnail/P101009.jpg" width="150" height="113" border="0" /></a></p> <p>Pasar Bubrah G. Merapi<br />titik camp terakhir sebelum puncak<br /> <br /> </p></td> <td align="center"><a href="rc21.php"><img src="image gallery/thumbnail/Tn-0005.jpg" width="150" height="105" border="0" /></a><br /> <br /> Pemberangkatan AM BC 21 dalam rangka Dikjut Rock Climbing dan Caving di Parang Ndok, Gunung Kidul 17-23 Juni 2007 </td> </tr> <tr> <td align="center"><a href="brutus.php"><img src="image gallery/thumbnail/Tn-0044.jpg" width="150" height="106" border="0" /></a><br /> <br /> Brutus, AM Mapalaska BC 21 berlaku sebagai leader dalam pemanjatan artificial Dikjut Rock Climbing, 18 Juni 2007 </td> <td align="center"><a href="padut.php"><img src="image gallery/thumbnail/Tn-0046.jpg" width="150" height="105" border="0" /></a><br /> <br /> Padut, AM Mapalaska BC 21 berlaku sebagai cleaner dalam pemanjatan artificial Dikjut Rock Climbing, 19 Juni 2007 </td> </tr> <tr>

152

<td align="center"><a href="mplsta"><img src="image gallery/thumbnail/Tn-DSCF1533.jpg" width="150" height="113" border="0" /></a><br /> <br /> Foto bareng sobat-sobat MAPALASTA UIN ALAUDIN Makassar, dalam rangka pelepasan Tim XPDC MAPALASKA Jogjakarta menuju tanah adat Kajang, Sulawesi Selatan. 25 Januari 2007 </td> <td align="center"><a href="gerbangkajang"><img src="image gallery/thumbnail/Tn-DSCF1588.jpg" width="150" height="113" border="0" /></a><br /> <br /> Foto Gerbang tanah adat Ammatoa, pedalaman Kajang, Kab. Bulukumba, Sulawesi Selatan </td> </tr> <tr> <td align="center"><a href="funrafting"><img src="image gallery/thumbnail/Tn-DSC02971.jpg" width="150" height="113" border="0" /></a><br /> <br /> Fun Rafting MAPALASKA 2008, S. Elo Magelang 18 Desember 2007 </td> <td align="center"><a href="penyerahan"><img src="image gallery/thumbnail/Tn-Salam.jpg" width="150" height="104" border="0" /></a><br /> <br /> Penyerahan SOP (Standar Opersional Planning) dari Teko kepada Ketua Panitia BC 19 di Auditorium IAIN Sunan Kalijaga 25 Mei 2004 </td> </tr> </table></td> </tr> <tr> <td align="right"><em><strong><br /> Dokumentasi MAPALASKA UIN Sunan Kalijaga Jogjakarta</strong></em><br /> <br /> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="30%"><a href="index.php?hal=home.php"><< Back </a></td> <td> </td> <td width="30%" align="right"><a href="index.php?hal=gallery2.php">Next >> </a></td> </tr> </table> </td> </tr> </table></form></body></html>

11. Preview Gallery<style type="text/css"><!--body {

background-image: url(images/latar2.gif);}a:link {


text-decoration: none;}

153

a:hover {text-decoration: none;

}a:active {

text-decoration: none;}--></style><table width="780" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td><img src="images/head1.jpg" width="140" height="200"><img src="images/head2.jpg" width="125" height="200"><img src="images/head3.jpg" width="125" height="200"><img src="images/head4.gif" width="125" height="200"><img src="images/head5.jpg" width="125" height="200"><img src="images/head6.jpg" width="140" height="200"></td> </tr> <tr> <td align="center" background="images/exptextb.jpg"><h2>Preview Gallery </h2></td> </tr> <tr> <td background="images/exptextb.jpg"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="30%"><a href="#"><< Back </a></td> <td align="center"><a href="index.php?hal=gallery.php">Gallery</a></td> <td width="30%" align="right"><a href="#">Next >></a> </td> </tr> </table></td> </tr> <tr> <td background="images/exptextb.jpg"> </td> </tr> <tr> <td background="images/exptextb.jpg"> </td> </tr> <tr> <td><img src="images/footer+.jpg" width="780" height="69"></td> </tr></table>

12. Agenda<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css"><!--a:link {

154

text-decoration: none;}.style3 {


}.style4 {color: #0000FF}--></style></head>

<body><form id="form1" name="form1" method="post" action=""> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td align="center"><h2><br /> Agenda MAPALASKA</h2></td> </tr> <tr> <td><span class="style3">Rencana kegiatan dan Agenda kedepan Pengurus MAPALASKA 2007-2008 </span></td> </tr> <tr> <td><ol> <li>Promosi & Penerimaan Anggota Baru : </li> <li>Basic Camping 21 : </li> <li> Tahapan Dikjut 4 Divisi<br /> <span class="style4">- Divisi Arung Jeram/ Rafting : S. Elo, Magelang <br /> - Divisi Panjat Tebing/ Rock Climbing : Parang Ndog, Gunung Kidul <br /> - Divisi Susur Goa/ Caving : Watu Gupit, Gunung Kidul <br /> - Divisi Gunung Hutan : G. Merapi, Sleman Jogjakarta </span><br /> </li> <li> Tahapan Spesialisasi : <br /> <span class="style4">- Divisi Arung Jeram/ Rafting : S. Progo, Magelang <br />- Divisi Panjat Tebing/ Rock Climbing : Tebing Siung, Gunung Kidul </span><br /> </li> <li>Pelantikan Anggota Penuh (AP) MAPALASKA : Lereng Selatan G. Merapi </li> <li>LPJ Pengurus/ Musyawarah Anggota : </li> <li>Latihan Gabungan : </li> <li>TWKM & MKM : </li> <li>Lomba dan Kejuaraan : </li> <li>Ekspedisi dan Pengembaraan : </li> </ol> <p><img src="image gallery/thumbnail/IMG_1632.jpg" width="150" height="113" hspace="5" vspace="5" align="right" /></p></td> </tr> <tr> <td> </td> </tr> </table></form></body></html>

13. Cari Artikel<script language = "javascript">function validasi(){

155

var cari=document.frmcari.tcari.value;if(cari==""){ alert("Anda Belum Mengisi Kata Kunci!");}else{ document.frmcari.submit();}}</script><style type="text/css"></style>

<form action="" method="post" name="frmcari" id="frmcari"> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td align="center"><h2>Pencarian Artikel</h2></td> </tr> <tr> <td align="center"><table width="100%" border="0" cellspacing="1" cellpadding="1"> <tr> <td><p><img src="images/kevr11.gif" width="140" height="153" align="right" /></p> <table width="57%" border="1" align="left" cellpadding="0" cellspacing="0" bordercolor="#666666"> <tr> <td align="center"><h4><br /> Cari Artikel <label> : <input name="tcari" type="text" id="tcari" /> <input type="button" name="Button" value="Cari" onclick="validasi()" /> </label> </h4> <label></label></td> </tr> </table></td> </tr>

</table> <br /> <table width="75%" border="1" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center"><span class="style6">Silahkan masukkan kata kunci pada kolom di atas!</span></td> </tr> </table> <label></label></td> </tr> <tr> <td> </td> </tr> <tr> <td><? if(isset($tcari)): $sql="select * from tbartikel where judul like '%$tcari%' or artikel like '%$tcari%' and approve=1 order by id desc"; include("opendb.php");

156

$jml=mysql_num_rows($data); if($jml!=0): echo("<H3>Ditemukan $jml artikel dengan kata kunci $tcari </H3>"); while($hsl=mysql_fetch_array($data)):

echo("<a href=index.php?hal=detail_artikel.php&mid=$hsl[id]><H2>$hsl[judul]</H2></a>");

echo("<Table Border=0><TR><TD>"); if($hsl[gambar]!=""): echo("<img src='images/$hsl[gambar]' width=200 align=left Vspace=4 Hspace=4>"); endif; echo("<p align=justify>".substr($hsl[artikel],0,300)."</p>"); echo("<p><strong>Sumber:$hsl[sumber]</strong></p>"); echo("<p><strong>Contributor:$hsl[pengirim]<br />

Tanggal Post:".strftime("%d %B %Y",strtotime($hsl[tanggal]))."</strong></p>"); echo("</TD></TR></Table>"); echo("<center><HR></center>"); endwhile;

else: echo("<center><H4>Maaf, tidak ditemukan artikel dengan kata kunci

$tcari.</H4></center>"); endif;endif;?></td> </tr> </table></form>

14. Pendaftaran<script language = "javascript">function validasi(){var nama= document.frmdaftar.tnamalengkap.value;var namalogin=document.frmdaftar.tnamalogin.value;var password=document.frmdaftar.tpass1.value;var konfirmasi=document.frmdaftar.tpass2.value;if(nama==""){ alert("Anda belum mengisi nama!");}else if(namalogin==""){ alert("Masukkan Login Anda!");}else if(password==""){ alert("Masukkan Password!")}else if(konfirmasi==""){ alert("Konfirmasi Password...")}else if(password!=konfirmasi){ alert("Password dan Konfirmasi harus sama!")}else{ document.frmdaftar.submit();}}</script><style type="text/css"><!--.style1 {


}.style5 { color: #0000FF;

font-size: 16px;

157

}--></style><form action="simpan_member.php" method="post" name="frmdaftar" id="frmdaftar"> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td colspan="3" align="center"><h2>Pendaftaran Member Baru</h2></td> </tr> <tr> <td width="30%"><span class="style1">Nama Lengkap</span></td> <td width="5%" align="center"><label class="style1">:</label></td> <td width="60%"><input name="tnamalengkap" type="text" id="tnamalengkap" size="25" /></td> </tr> <tr> <td><span class="style1">Nama Login</span></td> <td align="center"><label class="style1">:</label></td> <td><input name="tnamalogin" type="text" id="tnamalogin" size="25" /></td> </tr> <tr> <td class="style1">Password</td> <td align="center"><label class="style1">:</label></td> <td><input name="tpass1" type="password" id="tpass1" size="25" /></td> </tr> <tr> <td class="style1">Konfirmasi Password</td> <td align="center"><label class="style1">:</label></td> <td><input name="tpass2" type="password" id="tpass2" size="25" /></td> </tr> <tr> <td align="right"><br /> <input name="daftar" type="button" id="daftar" value="Daftar" onclick="validasi()" /></td> <td> </td> <td><br /> <input name="batal" type="reset" id="batal" value="Batal" /></td> </tr> <tr> <td colspan="3" align="center"><br /> <table width="75%" border="1" cellspacing="0" cellpadding="0"> <tr> <td align="center"><span class="style5">Silahkan daftar untuk jadi anggota baru, Administrator segera mereview data Anda!</span></td> </tr> </table> <label><br /> </label> <label></label></td> </tr> </table> <p align="center"> <?echo("<br/><center><strong>$pesan</strong></center>");?> </p></form>

158

15. Buku Tamu<script language = "javascript">function validasi(){var nama= document.frmbukutamu.tnama.value;var email=document.frmbukutamu.temail.value;var pesan=document.frmbukutamu.tpesan.value;var at=email.indexOf("@")//mencari simbol @ pd emailvar titik=email.indexOf(".")if(nama==""){ alert("Anda Belum Mengisi Nama");}else if(email==""){ alert("Masukkan Email Anda");}else if(pesan==""){ alert("Masukkan Pesan Anda")}else if((at==-1)||(titik==-1)){ alert("Email yang Anda Masukkan Belum Valid");}else if(at>titik){ alert("Email Tidak Valid");}else{ document.frmbukutamu.submit();}}</script><style type="text/css"></style><form action="simpan_tamu.php" method="post" name="frmbukutamu" id="frmbukutamu"> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td colspan="3" align="center"><h2><br /> Buku Tamu</h2> </td> </tr> <tr> <td width="20%"><h4>Nama</h4></td> <td width="5%" align="center"> <h4> <label>:</label> </h4></td> <td width="75%"><input name="tnama" type="text" id="tnama" size="30" /></td> </tr> <tr> <td><h4>Alamat</h4></td> <td align="center"><h4>:</h4></td> <td><input name="talamat" type="text" id="talamat" size="30" /></td> </tr> <tr> <td><h4>Telpon</h4></td> <td align="center"><h4>:</h4></td> <td><input name="ttelp" type="text" id="ttelp" size="30" /></td> </tr> <tr> <td><h4>E mail</h4></td> <td align="center">

159

<h4> <label>:</label> </h4></td> <td><input name="temail" type="text" id="temail" size="30" /></td> </tr> <tr> <td valign="top"><h4>Pesan</h4></td> <td align="center" valign="top"> <h4> <label>:</label> </h4></td> <td><textarea name="tpesan" cols="30" id="tpesan"></textarea></td> </tr> <tr> <td align="right"><br /> <input name="bkirim" type="button" id="bkirim" value="Kirim" onclick="validasi()"/></td> <td> </td> <td><br /> <input name="bbatal" type="reset" id="bbatal" value="Batal" /></td> </tr> <tr> <td colspan="3" align="center"><label></label> <label></label> <br /> <table width="75%" border="1" cellspacing="0" cellpadding="0"> <tr> <td align="center"><span class="style3">Isi buku tamu ini dengan jujur, ikhlas dan tanpa ada unsur paksaan. Terima kasih atas kunjungan Anda di website kami.</span></td> </tr> </table> <p> </p></td> </tr> </table> <?

echo ("<br/><center><strong>$pesan</strong></center>");?></form>

16. Daftar Tamu<form name="form1" method="post" action=""> <table width="95%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td width="10%" rowspan="3" align="right"><marquee direction="down" behavior="down"><div align="left"></div></td> <td width="90%" align="center"><br /> <p><img src="image gallery/thumbnail/Tn-1.jpg" width="400" height="75" /></p> </td><td width="10%" rowspan="3" align="left"> </td> </tr> <tr> <td><?echo("<br/><center><strong>$pesan</strong></center>");echo("<br/><H2>Daftar Tamu</H2>");$con=mysql_connect("localhost","root","admin");mysql_select_db("mplsk",$con);$sql="select * from tbbuku_tamu order by id desc";$data=mysql_query($sql,$con) or die (mysql_error());//mulai proses looping

160

while($hasil=mysql_fetch_array($data)): //memecah data menjadi array echo("<table border=0 cellspacing=2 cellpadding=2>"); echo("<tr><td width=30>Nama </td><td>:$hasil[nama]</td></tr>"); echo("<tr><td width=50>Alamat </td><td>:$hasil[alamat]</td></tr>"); echo("<tr><td width=20>Telpon </td><td>:$hasil[telp]</td></tr>"); echo("<tr><td width=30>Email </td><td>:$hasil[email]</td></tr>"); echo("<tr><td width=30>Pesan </td><td>:$hasil[pesan]</td></tr>"); echo("</table>"); echo("<hr>");endwhile;?></td> </tr> <tr> <td align="center"> </td> </tr> </table></form>

17. Login<style type="text/css"></style><form name="frmlogin" method="post" action="cek_user.php"> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td colspan="3" align="center"><h2><br /> User Login</h2></td> </tr> <tr> <td width="201" class="style4">Nama Login</td> <td width="9" align="center"><span class="style4">:</span></td> <td width="557" align="left"><label> <input name="tnamalogin" type="text" id="tnamalogin" size="30"> </label></td> </tr> <tr> <td width="201"><span class="style4">Password</span></td> <td width="9" align="center"><span class="style4">:</span></td> <td align="left"><label> <input name="tpassword" type="password" id="tpassword" size="30"> </label></td> </tr> <tr> <td align="right"><input type="submit" name="Submit" value="Login" /></td> <td align="center"> </td> <td align="left"> </td> </tr> <tr> <td colspan="3" align="center"> </td> </tr> <tr> <td colspan="3" align="center"><table width="75%" border="1" cellspacing="0" cellpadding="0">

161

<tr> <td align="center"><span class="style6">Silahkan masukkan login dan password Anda dengan benar!</span></td> </tr> </table> <label></label></td> </tr> </table></form>

18. Informasi<style type="text/css"></style><form name="form1" method="post" action=""> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td align="center"><h2><br> Informasi Lowongan Kerja </h2></td> </tr> <tr> <td><ol> <li> <span class="style6">CPNS 2007</span><br /> # <a href="soal/lowongan_cpns_2007.pdf">Informasi CPNS 2007 </a><br /> <span class="style5"><img src="images/anti-nrkb.jpg" width="130" height="167" hspace="7" vspace="7" align="left" />Soal-soal Ujian CPNS:</span><a href="lowongan_cpns_2007.pdf"><br /> </a># <a href="soal/06UUD1945AMANDEMEN.pdf">UUD1945 Amandemen</a><br /> # <a href="soal/cpnsbahasaindonesia.pdf">Bahasa Indonesia </a><br /> # <a href="soal/cpnstatanegara.pdf">Tata Negara</a><br /> # <a href="soal/cpnsbahasainggris.pdf">Bahasa Inggris</a><br /> # <a href="soal/08PENGETAHUANUMUM.pdf">Pengetahuan Umum </a><br /> # <a href="soal/cpnsfalsafahideologi.pdf">Falsafah Ideologi</a><br /> # <a href="soal/cpnssejarahnasionalindonesia.pdf">Sejarah Nasional Indonesia</a><br /> # <a href="soal/TestBakatSkolastik.pdf">Test Bakat Skolastik</a><br /> <br /> </li>

162

<li><strong> <span class="style6">Dinas Pekerjaan Umum</span><a href="DPU.pdf"><br /> </a></strong><span class="style5">Contoh surat lamaran:</span><strong><span class="style2"><br /> </span></strong># <a href="soal/DPU.pdf">Informasi Lowongan Kerja DPU </a><br /> # <a href="soal/form_lamaran_kerja_web.pdf">Form Lamaran Kerja_web</a><br /> # <a href="soal/form_lamaran_kerja_web(2).pdf">Form Lamaran Kerja_web(2)</a></li> </ol></td> </tr> <tr> <td> </td> </tr> </table></form>

19. Site Map<style type="text/css"></style><form action="" method="post"> <table width="90%" border="0" align="center"> <tr> <td align="center"><h2>SITE MAP </h2></td> </tr> <tr> <td align="center"><table width="100%" border="1" cellpadding="0" cellspacing="0"> <tr> <td width="168" rowspan="7" align="center" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="10%" valign="top"><strong><img src="images/image002.gif" width="15" height="15" /></strong></td> <td valign="top"><h4><strong>MAPALASKA Site </strong></h4></td> </tr> </table> <p><strong><br> </strong><br> </p> <p> </p></td> <td colspan="2" valign="top"><p><span class="style10"><strong> <a href="index.php?hal=home.php"><img src="images/clip_image002.gif" width="15" height="15" border="0" /></a> </strong></span><span class="c3">Home</span></p></td> </tr> <tr>

163

<td width="142" valign="top"><p><strong><a href="r_profile_sejarah.html"><img src="images/clip_image002.gif" width="15" height="15" border="0" /></a> </strong><span class="c3">Profile</span></p></td> <td width="234" valign="top"><p class="c1"><a href="index.php?hal=sejarah.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Sejarah<br /> <a href="index.php?hal=lokasi.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Lokasi</p></td> </tr> <tr> <td width="142" valign="top"><p><strong><a href="index.php?hal=pengurus.php"><img src="images/clip_image002.gif" width="15" height="15" border="0" /></a> </strong><span class="c3">Pengurus</span></p></td> <td width="234" valign="top"><p><a href="index.php?hal=pketua.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a><span class="c1"> Ketua Umum<br /> <a href="index.php?hal=pwakil.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Wakil Ketua<br /> <a href="index.php?hal=psekretaris.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Sekretaris<br /> <a href="index.php?hal=pbendahara.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Bendahara<br /> <a href="index.php?hal=popdik.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Opdik (Operasional Pendidikan)<br /> <a href="index.php?hal=pkogh.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Kodiv. Gunung Hutan<br /> <a href="index.php?hal=pkorc.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Kodiv. Panjat Tebing<br /> <a href="index.php?hal=pkocv.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Kodiv. Susur Goa<br /> <a href="index.php?hal=pkoaj.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Kodiv. Arung Jeram<br /> <a href="index.php?hal=plog.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Ko. Logistik<br /> <a href="index.php?hal=plh.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Ko. Lingkungan Hidup<br /> <a href="index.php?hal=pppm.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Ko. PPM<br /> <a href="index.php?hal=plitbang.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Ko. Litbang<br /> <a href="index.php?hal=ppers.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Ko. Pers<br /> <a href="index.php?hal=pdepertim.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Ko. Depertim<br /> <a href="index.php?hal=pposarka.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Ko. Posarka</span></p></td> </tr> <tr> <td width="142" valign="top"><p><strong><img src="images/clip_image002.gif" width="15" height="15" /> </strong><span class="c3">Divisi</span></p></td> <td width="234" valign="top"><p class="c1"><a href="index.php?hal=div.gh.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Gunung Hutan<br /> <a href="index.php?hal=div.rc.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Panjat Tebing<br /> <a href="index.php?hal=div.cv.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Susur Goa<br /> <a href="index.php?hal=div.aj.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Arung Jeram<br />

164

<a href="index.php?hal=div.lh.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Lingkungan Hidup<br /> </p></td> </tr> <tr> <td width="142" valign="top"><p><strong><a href="r_activity_umum.html"><img src="images/clip_image002.gif" width="15" height="15" border="0" /></a> </strong><span class="c3">Aktivitas</span></p></td> <td width="234" valign="top"><p class="c1"><a href="index.php?hal=xpdc.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Ekspedisi<br /> <a href="index.php?hal=latgab.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Latgab<br /> <a href="index.php?hal=twkm.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> TWKM & MKM<br /> <a href="index.php?hal=dies.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Dies Natalis</p></td> </tr> <tr> <td width="142" valign="top"><p><strong><img src="images/clip_image002.gif" width="15" height="15" /> </strong><span class="c3">Karya Ilmiah</span></p></td> <td width="234" valign="top"><p><span class="c1"><a href="index.php?hal=penelitian.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Penelitian<br /> <a href="index.php?hal=laporan.php"><img src="images/arrows.gif" width="8" height="8" border="0" /></a> Laporan Kegiatan</span></p></td> </tr> <tr> <td colspan="2" valign="top"><p><span class="c3"><a href="index.php?hal=contactus.php"><img src="images/clip_image002.gif" width="15" height="15" border="0" /></a> Contact Us<br> <strong><a href="index.php?hal=artikel.php"><img src="images/clip_image002.gif" width="15" height="15" border="0" /></a> </strong>Artikel/Berita<br /> <a href="index.php?hal=gallery.php"><img src="images/clip_image002.gif" width="15" height="15" border="0" /></a> Gallery<br /> <strong><a href="index.php?hal=agenda.php"><img src="images/clip_image002.gif" width="15" height="15" border="0" /></a> </strong>Agenda<br /> <a href="index.php?hal=buku_tamu.php"><img src="images/clip_image002.gif" width="15" height="15" border="0" /></a> Buku Tamu</span></p> </td> </tr> <tr> <td colspan="3" align="right" valign="top"> </td> </tr> <tr> <td colspan="3" align="right" valign="top">- - Klik <img src="images/clip_image002.gif" width="15" height="15" border="0" /> atau <img src="images/arrows.gif" width="8" height="8" border="0" /> untuk membuka page - - </td> </tr> </table></td> </tr> </table></form>

165

20. Manajemen Member<script language="javascript">function hapus(namalogin){ if(namalogin=="admin")

{ alert("Administrator tidak dapat dihapus."); else: x=confirm("Apakah Anda yakin untuk menghapus member dengan nama login"+ namalogin) if(x)//jika tombol ok ditekan

{ document.location="index.php?hal=man_member.php&hapus=1&n="+ namalogin

}}

}</script><form id="form1" name="form1" method="post" action=""> <table width="95%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td><h2 align="center">Manajemen Member</h2><?

// Tambahan Script jika Admin akan menghapus Dataif(isset($hapus)):

$sql="delete from tbmember where nama_login='$n'";include("opendb.php");

endif;

//----script Approval-----if(isset($approve)):

$sql="update tbmember set approve='$approve' where nama_login='$mnama_login'";

include("opendb.php");endif;

//-----akhir script Approval---

$sql="select * from tbmember order by nama_login";include("opendb.php")?> <br /> <table width="90%" border="1" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="25%" align="center" bgcolor="#CCCCCC"><strong>Nama Lengkap </strong></td> <td width="25%" align="center" bgcolor="#CCCCCC"><strong>Nama Login </strong></td> <td width="15%" align="center" bgcolor="#CCCCCC"><strong>Password</strong></td> <td colspan="2" align="center" bgcolor="#CCCCCC"><strong>Aksi</strong></td> </tr><?while($hasil=mysql_fetch_array($data)):?> <tr> <td width="25%" align="center"><? echo($hasil[nama_lengkap]);?> </td> <td align="center"><? echo($hasil[nama_login]);?> </td> <td align="center"><? echo($hasil[password]);?> </td> <td width="25%" align="center"><?

echo("<a href=\"javascript:hapus($hasil[id],'$hasil[nama_login]')\">Hapus</a>");?></td> <td width="25%" align="center">

166

<?if($hasil[approve]==0):echo("<a href=approve.php?n=$hasil[nama_login]&a=1>Approve</a>");else:echo("<a href=approve.php?n=$hasil[nama_login]&a=0>Unapprove</a>");endif;?></td>

</tr> <?

endwhile; ?>

</table></td> </tr> </table></form><h2 align="center"> </h2>

21. Manajemen Buku Tamu<script language="javascript">function hapus(mid,mnama){ x=confirm("Apakah Anda yakin untuk menghapus buku tamu dengan nama "+ mnama+"?") if(x)//jika tombol ok ditekan { document.location="index.php?hal=man_buku_tamu.php&hapus=1&n="+ mid }}</script><form id="form1" name="form1" method="post" action=""> <table width="95%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td><h2 align="center">Manajemen Buku Tamu</h2><?// Tambahan Script jika Admin akan menghapus Dataif(isset($hapus)):

if($n!="admin"):$sql="delete from tbbuku_tamu where id='$n'";include("opendb.php");endif;

endif;$sql="select * from tbbuku_tamu order by id";include("opendb.php")?> <table width="95%" border="1" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="25%" align="center" bgcolor="#CCCCCC"><strong>Nama</strong></td> <td width="15%" align="center" bgcolor="#CCCCCC"><strong>Alamat</strong></td> <td width="15%" align="center" bgcolor="#CCCCCC"><strong>Telp</strong></td> <td width="15%" align="center" bgcolor="#CCCCCC"><strong>E-mail</strong></td> <td width="15%" align="center" bgcolor="#CCCCCC"><strong>Pesan</strong></td> <td width="10%" align="center" bgcolor="#CCCCCC"><strong>Aksi</strong></td> </tr> <?

while($hasil=mysql_fetch_array($data)):?>

<tr>

167

<td width="25%" align="center"><? echo($hasil[nama]);?></td> <td align="center"><? echo($hasil[alamat]);?></td> <td align="center"><? echo($hasil[telpon]);?></td> <td align="center"><? echo($hasil[email]);?></td> <td align="center"><? echo($hasil[pesan]);?></td> <td align="center"><? echo("<a href=\"javascript:hapus($hasil[id],'$hasil[nama]')\">Hapus</a>");?></td> </tr> <?

endwhile; ?>

</table></td> </tr> </table></form><h2 align="center"> </h2>

22. Manajemen Artikel<script language="javascript">function hapus(mid){ x=confirm("Apakah Anda yakin untuk menghapus artikel dengan nomor id "+ mid+"?") if(x)//jika tombol ok ditekan { document.location="index.php?hal=man_artikel.php&hapus=1&n="+ mid }}</script><form name="form1" method="post" action=""> <table width="95%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td><h2 align="center">Manajemen Artikel</h2><?// Tambahan Script jika Admin akan menghapus Dataif(isset($hapus)):$sql="delete from tbartikel where id='$n'";include("opendb.php");endif;

//----script Approval-----if(isset($approve)):$sql="update tbartikel set approve='$approve' where id='$mid'";include("opendb.php");endif;//-----akhir script Approval---

$sql="select * from tbartikel order by judul";include("opendb.php")

?> <table width="95%%" border="1" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="15%" align="center"><strong>ID</strong></td> <td width="15%" align="center"><strong>Tanggal</strong></td> <td width="15%" align="center"><strong>Judul</strong></td> <td width="15%" align="center"><strong>Sumber</strong></td> <td width="15%" align="center"><strong>Artikel</strong></td>

168

<td colspan="3" align="center"><strong>Aksi</strong></td> </tr> <?

while ($hasil=mysql_fetch_array($data)): ?>

<tr> <td align="center"><? echo($hasil[id]);?></td> <td align="center"><? echo($hasil[tanggal]);?></td> <td align="center"><? echo($hasil[judul]);?></td> <td align="center"><? echo($hasil[sumber]);?></td> <td align="center"><? echo($hasil[artikel]);?></td> <td width="8%" align="center">

<? echo ("<a

href=index.php?hal=edit_artikel.php&mid=$hasil[id]>Edit</a>"); ?>

</td> <td width="8%" align="center">

<? echo("<a href=javascript:hapus('$hasil[id]')> Hapus</a>"); ?>

</td> <td width="9%" align="center">

<? //Berfungsi untuk mengijinkan atau membatalkan keanggotaan seorang member if($hasil[approve]==0): echo("<a href=index.php?hal=man_artikel.php&approve=1&mid=$hasil[id]>Approve</a>"); else: echo("<a href=index.php?hal=man_artikel.php&approve=0&mid=$hasil[id]>Unapprove</a>"); endif; ?>

</td> </tr> <?

endwhile;?>

</table></td> </tr> </table> <h2 align="center"> </h2></form>

23. Ganti Password<script language = "javascript">function validasi(){var judul= document.frmartikel.tjudul.value;var sumber=document.frmartikel.tsumber.value;var artikel=document.frmartikel.tartikel.value;if(judul==""){ alert("Masukkan Judul Anda!");}else if(sumber==""){ alert("Masukkan Sumber Artikel!");}else if(artikel==""){ alert("Masukkan Artikel Anda!")}else{ document.frmartikel.submit();

169

}}</script><style type="text/css"></style><?$sql="select * from tbartikel where id='$mid'";include("opendb.php");$hasl=mysql_fetch_array($data);?><form action="update_artikel" method="post" enctype="multipart/form-data" name="frmartikel" id="frmartikel"> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td colspan="3" align="center"><h2><br /> Edit Password </h2></td> </tr> <tr> <td width="25%" class="style1">Password Lama </td> <td width="5%" align="center" class="style1"><label>:</label></td> <td width="70%"><input name="tpass" type="text" id="tjudul" value="<? echo ($hsl[$password]);?>" size="30" /> <input name="mid" type="hidden" id="mid" /></td> </tr> <tr> <td class="style1">Password Baru </td> <td align="center" class="style1"><label>:</label></td> <td><input name="tsumber" type="text" id="tsumber" value="<? echo ($hsl[$password]);?>" size="30"></td> </tr> <tr> <td align="right"><label> <input type="submit" name="Submit" value="Update"> </label></td> <td> </td> <td><label> <input type="reset" name="Submit2" value="Batal"> </label></td> </tr> </table> <p>

<?echo("<br/><center><strong>$pesan</strong></center>");

?> </p></form>

24. Kirim Artikel<script language = "javascript">function validasi(){var judul= document.frmartikel.tjudul.value;var sumber=document.frmartikel.tsumber.value;

170

var artikel=document.frmartikel.tartikel.value;if(judul==""){ alert("Masukkan Judul Anda!");}else if(sumber==""){ alert("Masukkan Sumber Artikel!");}else if(artikel==""){ alert("Masukkan Artikel Anda!")}else{ document.frmartikel.submit();}}</script><style type="text/css"></style>

<form action="simpan_artikel" method="post" enctype="multipart/form-data" name="frmartikel" id="frmartikel"> <table width="90%" border="0" align="center" cellpadding="2" cellspacing="2"> <tr> <td colspan="3" align="center"><h2>Artikel Baru</h2></td> </tr> <tr> <td width="20%" class="style1">Judul</td> <td width="5%" align="center" class="style1"><label>:</label></td> <td width="75%"><input name="tjudul" type="text" id="tjudul" size="30"></td> </tr> <tr> <td class="style1">Sumber</td> <td align="center" class="style1"><label>:</label></td> <td><input name="tsumber" type="text" id="tsumber" size="30"></td> </tr> <tr> <td valign="top" class="style1">Artikel</td> <td align="center" valign="top" class="style1"><label>:</label></td> <td><textarea name="tartikel" cols="23" id="tartikel"></textarea></td> </tr> <tr> <td><span class="style1">Gambar</span></td> <td align="center" class="style1">:</td> <td><label> <input name="tgambar" type="file" id="tgambar" size="30"> </label></td> </tr> <tr> <td align="right"><label></label></td> <td> </td> <td><label> <input type="submit" name="Submit" value="Kirim" /> <input type="reset" name="Submit2" value="Batal"> </label></td> </tr> </table>

171

</form><?echo("<br/><center><strong>$pesan</strong></center>");?>

25. Edit Artikel<script language = "javascript">function validasi(){var judul= document.frmartikel.tjudul.value;var sumber=document.frmartikel.tsumber.value;var artikel=document.frmartikel.tartikel.value;if(judul==""){ alert("Masukkan Judul Anda!");}else if(sumber==""){ alert("Masukkan Sumber Artikel!");}else if(artikel==""){ alert("Masukkan Artikel Anda!")}else{ document.frmartikel.submit();}}</script><style type="text/css"></style><?$sql="select * from tbartikel where id='$mid'";include("opendb.php");$hasl=mysql_fetch_array($data);?><form action="update_artikel" method="post" enctype="multipart/form-data" name="frmartikel" id="frmartikel"> <table width="90%" border="0" align="center" cellpadding="1" cellspacing="1"> <tr> <td colspan="3" align="center"><h2>Edit Artikel</h2></td> </tr> <tr> <td width="20%" class="style1">Judul</td> <td width="5%" align="center" class="style1"><label>:</label></td> <td width="75%"><input name="tjudul" type="text" id="tjudul" value="<? echo ($hsl[$judul]);?>" size="30"> <input name="mid" type="hidden" id="mid" /></td> </tr> <tr> <td class="style1">Sumber</td> <td align="center" class="style1"><label>:</label></td> <td><input name="tsumber" type="text" id="tsumber" value="<? echo ($hsl[$sumber]);?>" size="30"></td> </tr> <tr> <td valign="top" class="style1">Artikel</td> <td align="center" valign="top" class="style1"><label>:</label></td>

172

<td><textarea name="tartikel" cols="22" id="tartikel"><? echo ($hsl[$artikel]);?></textarea></td> </tr> <tr> <td><span class="style1">Gambar</span></td> <td align="center" class="style1">:</td> <td><label> <input name="tgambar" type="file" id="tgambar" size="30"> </label></td> </tr> <tr> <td align="right"><label> <input type="submit" name="Submit" value="Update"> </label></td> <td> </td> <td><label> <input type="reset" name="Submit2" value="Batal"> </label></td> </tr> </table> <p>

<?echo("<br/><center><strong>$pesan</strong></center>");

?> </p></form>

26. Simpan Artikel<?//script simpan artikelsession_start();if(!session_is_registered("login")):echo("<center><H2>Dilarang Masuk!</H2></center>");return;endif;$path="images/";//nama directory yang akan di upload$namagambar=basename($_FILES['tgambar']['name']);//mendapatkan nama gambar$path=$path.$namagambar;//proses upload filemove_uploaded_file($_FILES['tgambar']['tmp_name'],$path);//proses simpan data$sql="insert into tbartikel(tanggal,judul,sumber,artikel,gambar,pengirim) values(NOW(),'$tjudul','$tsumber','$tartikel','$namagambar','$tnamalogin')";include("opendb.php");$psn="Artikel berhasil dikirim.";header("location:index.php?hal=kirim_artikel.php&pesan=$psn");?>

27. Log Out<?session_start();session_destroy();header("location:index.php");?>

FAKULTAS ADABfl. Marsda Adisucipto i5291 yl

DEPARTEMEN AGAMAUIN SUNAN KALIJAGA YOGYAKARTA

Nomor: UIN/IPVPP.00.9/ 7I-R t2007Lamp.:: I (satu) berkasPerihal : Penetapan Pembimbing

KepadaR.M. Muhrus H. Efendi, M.pd.,MTDosen Fakultas AdabUIN Sunan KalijagaYogyakarta.

Ass olomu' ul aik um w r.wb.

Berdasarkan Judul Skripsi yang diajukan oleh Saudara :

NamaNIMFakultasJurusanSemesterJudul

Tembusan:l. Dekan Fakultas Adab;2. Penasehat Akademik;3. Mahasiswa ybs.

Arif Hidayat04141782-03AdabIPIVII/IPI/A

Perancangan W"ttInformasi Berbrsig"Ontine Marygunakan pffip dan MySeL

Ketua Jurusan menetapkan saudara menjadi pembimbing untuk penulisanskripsi yang dimaksud.

Jika saudara berkeberatan, harap memberitahukan kepada Jurusan dalam waktu3 hari terhitung sejak tanggal surat ini.

Demikian agar menjadi maklum.

lYas s alam u' aluik um wr.w b.

Yogyakarta, 7 Januari 2008

DEPARTEMEN AGAMAT]NIVERSITAS ISLAM NEGERI SUNAN KALIJAGA

FAKULTAS ADABJl. Marsda Adisucipto Yoryakarta SszSr Telp. (ozZ+) Sqgqg

Nomor : UlN,2/DA.6/IPI/PP.01,1/ 66-R /2008Lampiran : 1 (satu)ProposalSkripsiHal : Undangan Seminar Proposal

Yogyakarta, 28 April 2008

(Ketua/Sekretaris/Pembim bing)Kepada :Yth. R.l'|. l'lahrus H. Efendi, SS.,|'|.Pd.,}lT.

Assalamu' alaikum, wr.wb

Mengharap dengan hormat kehadiran Saudara pada :

Hari / Tanggal : Rabu, 30 April 2008Pukul : 14,00W18Bertempat di : R, Sidang lPl

NIMFakultasJurusan/SmtJudul Skripsi

Tembusan:1. Dekan Fakultas Adab;2. Kabag TU. Fakultas Adab:3. Yang bersangkutan.

Perancanga4 Website MAPALASI(A UI}f' SrmanKalijaga $ebagai Sarana Informasi Hr:isis Online

04r41782-03AdabIPI / VIII

Menggu:ukan *ItP fun WSQLApabila Saudara berhalangan hadir dimohon memberitahu.

Atas perhatian Saudara disampaikan ucapan terima kasih.

Wassalamu' alaikum, wr.wb.

Nama mahasiswa

NIM

Pembimbing

Judul

Fakultas

Jurusan/Program Studi

DEPARTEMEN AGAMATINIVERSITAS ISLAM }.IEGEIU SI. I( AN I(AI,I.IAGA

FAKULTAS ADAIJJl . Marsda Adisucipto Yogyakarta 552t i I ' l 'c l ' r i l iax.. 1J27rt) 552883, 5 l : j9 ' l ( )

============================================:=====:

KARTU BIMBINGAN Sl(RrPSIi l 'UGAS AKHIR

AilT HIOAJAT

o4t4t7s2- 03

p,.M. MAHRUS H, Ef ENDI, S.S.,M'Pd.,MT.

PfRnNcrcr.tOAN vegstfC MdPALAskA urr.r sUNAN LlylXAGA s€gAGAl {A* INFoR ,|

AOAB

ItMu PeRPUSfAKAAN D^N lt' lroeArAS,

Materi Blntbirgan

unlrrsln tt4Aralah ,

k-lcoiltacr Slsunan Penul,

Laat'l , ffl,rrnuran Matal ah,

+aal ?encj,{r'an , 1a.s1as6.6

JipcrsemP' t . _pcnclihan , pcrbailtan

rurnusd/\ rvrasalah ' tujrran

: rc lcvan.

s<Jn, dFB sdJd ye9 rnCry'eoU

reldlian , alaf dan bahan,

6ab ll klom ferlala

. bab tV kura,g har,,lhseluruh.rn , 6a.b V

les 'lc',long has;/

Fnetilian 6<Ee/l-d aurnberr/a'

4g:g*._,"Ely i y_26e _:__<eio prngarrf6r, deffar l'.si ,

l, daslu gembdr, def tar

99fj ". _- ^_"Y= l_l4g P . __ _

'fi'{{Noi)i

I s ,6ts 08 Itafa. 8elakang, 7zIanclasan ''(Vori ,Ku{ipan - l<uh'pao

2 12 Agts osi",'looi ft.Pusla-rujuan don l4an

Ton dtPcrsemPit

3 zo hts og mKorsultas; has;l

latar belal^ang, ,parrdi{ian harus

Telcni lc p€ncrtisatinslrurnent Pctklitagairnana sf f a

4 27 Agls c* lv

5 3 Sepf oA VPc'nbahan pada&n harus diserrnelenghapi r+.

e la sEt OB v,Tahni[ Fnulisan,pcnelihbn tec.,et

kesirnpul3n dan s

6aA tV dipertreFrnhahasan prnqlqaglaepi den'

7 l1 */ o8 {il

B t5 ftol oB vr,,Melangkapi Keioc{a1+ar fcbel, dlarnpran , dan

Cises+ri lran lcnYn teo; d&\r+erc 8i Fe d4la' Pushalo.

NrP, /5o 378728

DEPARTEMEN AGAMATJNIVERSITAS ISLAM NEGERI SUNAN KALIJAGAFAKULTAS ADABll. Marsda Adisucipto Yogyakarta 55281 TeIp, (0274) 51"3949

Nomor : IJIN.02/TU.A/PP.00.9/ l l3t. /2008[,amp. : -Perihal : Surat Permohonan Studi Lapangan

Yogyakarta, 28 .luli 2008

Kcpada

Yth.

Gubernur Kcpala Daerah't 'k. IPropinsi Dacrah istimcwa Yogyakartadi-

Tcmpat

Assalamu' alaikum wr. wb.

Dekan Fakultas Adab UIN Sunan Kalijaga Yogyakarta menerangkan bahwa:

NamaNIM

: ArifHidayat . ': 04141782-03

Sem./Jurusan : VIIVPI/A

bcrt t taksttc l untt tk t t rc lakukan survcy/stucl i lap: lugatr urr trr l< rrrcrnpcroloh data-clata gurtu ntcl lyusurl skr ipsi lcbagai salah satu syarat t rrr l t rk lncmpcrolclrgclal Sariutra cl i t lu l t r l lnru Aclab cl i l iukultas Aclab t l lN Sunlrn Kal i . iagaYogyakarta yang bcr iudul:

FpnaNcaNGAN WEBSITE MAPALASKA UIN STINAN KALIJAGASEBAGAI SARANA INFORMASI BERBASIS ON'INE MENGGUNAKANPflP DAN MYSQL

Sehubungan dengan itu, kami mohon kesediaan Saudara untuk dapatmenerima dan membantu mahasiswa tersebut dalam usaha mengumpulkandata-data yang diperlukan.

Atas kesediaan dan bantuan Saudara diucapkan terima kasih.

Wflssalamu' alaikum wr. wb.

' lcmhusrn :Yth. l)ckarr l ;akultas Aclab IJlN Sunan

{rri?''.a.4

Yogyakarta.

'l'ata.Usaha.

. . - - ;

PEM E RI NTAH PROVI NSI DAE RAH ISTI MEWA YOGV{KA RTABADAN PERENCANAAN DAERAH

(BAPEDA)

relepon (027 a)*5383:'i3!b?iH:ii"l#39/,,9,U': i:i;P,, (o2T 4') sa67 12Website hft p://www bapeda@pemda-diy. go. id

E-mail : [email protected]

SURAT KETERANGAN '

IJIN

Membaca$urat

Mengingat

Diijinkan kepada

NamaAlamat lnstansiJudul

LokasiWaktunya

Ternbusan KepadaYth. .

1. Gubernur Daerah lstimewa Yogyakarta( Sebag6i Laporan )

2. Rektor UIN"SUM" Yk;3. Dekan Fak. Adab-UlN"SUM" yk:4. Yang bersangkutan.

Nomor.OTOl 4644

Dekan Fak. Adab-UIN"SUKA" ykTanggal : 28 Juti 2008

No. : UtN,02ffU.//pp.00.9/1131/Perihal : tjin penelitian

Keputusan Menteri Dalam Negeri No. 61 -tahun 1983 tentang PedomanPenyelenggaraan Pelaksanaan Penelitian dan Pengembangan di LingkunganDepartemen Dalam Negeri.Keputusan Gubernur Daerah lstimewa Yogyakarta No. 38 | | 2 12004 tentangPemberian lzin Penelitian di Provinsi Daerah lstimewaYogyakarta.

. ARIF HIDAYAT No. Mhs,/N I M : 041 417 82-03

1.

2.

: Jl. Marsda Adisucipto, yogyakarta

: PERANGANAGAN WEBSITE MAPALASKA UIN SUNAN KALIJAGA YOGYAKARTA SEBAGAISARANA INFORMASI BERBASIS ONLINE TViETCEUruNKAN FfuP DAN MYSQL

. Kabupaten Sleman: Mulaitanggal 11 Agustus 2008 s/d 11 Nopember 2008

1 , Terlebih dahulu menemui / melaporkan diri Kepada Pejabat Pemerintah setempat ( Bupati / Walikota )untuk mendapat petunjuk seperlunya;

2. Wajib menjaga tata tertib dan mentaati ketentuan-ketentuan yang berlaku setempat;3. Wajib memberi laporan hasil penelitiannya kep:ida Gubernur Kepala Daerah lstimewa Yogyakarta

( Cq. Kepala Badan Perencanaan Daerah Provinsi Daerah lstimewa Yogyakarta);4. ljin ini tidak disalahgunakan untuk tujuan tertentu yang dapat mengganggu kestabilan Pemerintah

dan hanya diperlukan untuk keperluan ilmiah;5. Surat ijin ini dapat diajukan lagi untuk mendapat perpanjangan bila diperlukan;6. Surat ijin ini dapat dibatalkan sewaktu-waktu apabila tidak dipenuhi ketentuan - ketentuan tersebut

diatas.

Dikeluarkan di

Pada tanggal

: Yogyakarta

: 11 Aqustus 2008

A.n. GUBERNURDAERAH IST]MEWA YOGYAKARTA

KEPALA BAPEDA PROVINSI DIY

/

/r,,t

MAHASISWA PENCINTA ALAM SUNAN KALIJAGA

I I f lAPALASKAUIN SUNAN KALIJAGA YOGYAKARTA

Nomor : 2t / P eng/ M PLSK/lXl2008Hal : Jawaban ijin survey/studi lapangan

Yth. Dekan Fakultas AdabUniversitas lslam Negeri Sunan KalijagaYogyakarta

Assalomu'oloikum Wr. Wb.

Menjawab surat Saudara nomor: O7O/ 4644ijin survey/studi lapangan untuk menyusunSunan Kalijaga Yogyakarta:

Nama : Arif HidayatNIM :041.41782-43Semlur : lK/lPl/A

L0 September 2008

pada prinsipnya kami tidak keberatan mahasiswa tersebut di atas melakukan survey/studilapangan untuk menyusun skripsi di MAPALASKA UIN Sunan Kalijaga dengan judul"Perancangan Website MAPALASKA UIN Sunan Kalijaga Sebagai Sarana Informasi BerbasisOnline Menggunakan PHP dan MySQL" .

Demikian surat kami sampaikan, atas perhatiannya disampaikan terima kasih.

Wassalomu'oliakum Wr. Wb.

Ketlr\ MAPALASKA,

Tembusan:1. Rektor UIN Sunan Kalijaga Yogyakarta2. Yang bersangkutan

tertanggal 11 Agustus 2008 perihal permohonanskripsi mahasiswa Jurusan lPl Fakultas Adab UIN

179

STRUKTUR PENGURUS MAPALASKA

UIN SUNAN KALIJAGA YOGYAKARTA 2007-2008

Sumber: MAPALASKA 2007-2008

Lampiran X

DEPERTIMM. VARIH SOVY

KETUA UMUMM. SYAIFUL AZIS

SEKRETARISALI ZAINAL M.

BENDAHARAMUSLIKHATUN

OPDIKARIF HIDAYAT

WAKIL KETUADEDY SYAHPUTRA

LOGISTIKHERWANTO

MOUNTAINEERINGHUSNA ROBBY R.

ROCK CLIMBINGISMED PRAJA N.

RAFTINGJENIUS KHADAVI

CAVINGM. CANDRA RIZKI

PERSFATONI AGUNG

LINGK. HIDUPANDAYANI

PPM FEBRI AGRIANTO

POSARKAASNEDI

LITBANGM. SADRI

180

DAFTAR RIWAYAT HIDUP

Data PribadiNama Lengkap : Arif HidayatTempat, Tanggal Lahir : Kebumen, 2 Januari 1986Anak ke : 1 dari 4 bersaudaraAlamat : Jabres 02/ III, Sruweng, Kebumen 54362Nomor KTP/ SIM : 33.0514.020185.0002/ 860114560043Agama : IslamTelepon/ HP : 0856 4311 6660Email : [email protected] : Komputer & Adventure

Data Orang Tua/ WaliNama Ayah/ Ibu : Ahmad Badrus/Siti SaringatunPendidikan Terakhir : SDPekerjaan Ayah/ Ibu : Wiraswasta/BuruhAlamat : Jabres 02/ III, Sruweng, Kebumen 54362

Riwayat Pendidikan1. TK Murni Jabres, Sruweng Tahun 1990 s.d 19912. SD Negeri Jabres, Sruweng Tahun 1991 s.d 19973. SMP Negeri 1 Kebumen Tahun 1997 s.d 20004. SMU Negeri 1 Kebumen Tahun 2000 s.d 20035. UIN Sunan Kalijaga Yogyakarta Tahun 2003 s.d 2008

Pengalaman Organisasi1. IKSAPALA SMU Negeri 1 Kebumen Periode 2001 s.d 20022. DA PRAMUKA SMU Negeri 1 Kebumen Periode 2001 s.d 20023. PMII Rayon Fak. Adab UIN Sunan Kalijaga Yogyakarta Periode 2003 s.d 20044. Ketua KKN & Relawan Gempa, Sampang Gunung Kidul Juni-Juli 20065. MAPALASKA UIN Sunan Kalijaga Yogyakarta Periode 2005 s.d 2008

a. Kodiv. Rimba Gunung Periode 2006 s.d 2007b. Sie. Logistik Research Expedition Dayak Meratus Januari-Februari 2006c. Operasional Pendidikan MAPALASKA UIN Suka Periode 2007 s.d 2008d. Koordinator Research Expedition Kajang, Sulsel Januari-Februari 2007


H1429Ramadhan 15

Penulis

Lampiran XI

sarana informasi berbasis online menggunakan …digilib.uin-suka.ac.id/2425/1/bab i, v.pdf ·...

Documents