sarana informasi berbasis online menggunakan …digilib.uin-suka.ac.id/2425/1/bab i, v.pdf ·...
TRANSCRIPT
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.
Yogyakarta, M2008September 15
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
124
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
Status : Informan Penelitian
Tanggal : 8 Mei 2008
No Pertanyaan Jawaban
1 Siapakah yang mempunyai ide
awal untuk membuat Website
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.
2 Apakah yang melatarbelakangi
pemunculan ide tersebut?
a. Memberi informasi yang dibutuhkan
oleh user seputar MAPALASKA dan
kegiatan alam terbuka.
b. Sebagai sarana promosi MAPALASKA
kepada mahasiswa UIN Sunan Kalijaga
dan masyarakat umum melalui Internet.
3 Siapa user yang dituju dengan
dibuatnya Website MAPALASKA
dan apa alasan dari tiap user yang
dituju sebagai sasaran?
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.
4 Dari manakah dana operasional
untuk mendukung dan
mengembangkan Website
MAPALASKA yang akan dibuat?
Dana untuk mendukung website diambil
dari kas MAPALASKA.
5 Apa yang didapat oleh user dari
Website MAPALASKA?
Informasi beasiswa, lowongan kerja, dan
berita-berita terkini yang up to date.
6 Informasi apa yang disajikan
dalam rancangan Website
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.
7 Apa target dan harapan
MAPALASKA setelah
terciptanya website yang di-
onlinekan?
Anggota dapat mengikuti perkembangan
jaman dan tidak gaptek.
8 Sampai saat ini, sudahkah Belum, dengan mengadakan event-event
131
MAPALASKA mencoba untuk
menciptakan strategi guna
mempromosikan diri yang efektif
dan efisien?
seperti pendakian massal, fun rafting, fun
climbing, fun bike, dll.
9 Selama ini, upaya apa saja yang
dilakukan untuk terus
meningkatkan kualitas dan
eksistensi segala potensi yang ada
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.
10 Bagaimana kesiapan
MAPALASKA untuk
menyeimbangkan diri dengan
kemajuan teknologi?
Segala aspek yang menyangkut kegiatan
diupayakan menggunakan unsur teknologi
diimbangkan dengan transformasi IAIN
menjadi UIN.
132
HASIL WAWANCARA
Nama : Ali Zainal Mustofa
Jabatan : Sekretaris
Status : Informan Penelitian
Tanggal : 8 Mei 2008
No Pertanyaan Jawaban
1 Siapakah yang mempunyai ide
awal untuk membuat Website
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.
2 Apakah yang melatarbelakangi
pemunculan ide tersebut?
Sebagai sarana promosi MAPALASKA
kepada mahasiswa UIN Sunan Kalijaga
dan masyarakat umum melalui Internet.
3 Siapa user yang dituju dengan
dibuatnya Website MAPALASKA
dan apa alasan dari tiap user yang
dituju sebagai sasaran?
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.
4 Dari manakah dana operasional
untuk mendukung dan
mengembangkan Website
MAPALASKA yang akan dibuat?
Dana untuk mendukung website diambil
dari kas MAPALASKA.
5 Apa yang didapat oleh user dari Informasi kegiatan di alam bebas, dan
133
Website MAPALASKA? kegiatan lainnya.
6 Informasi apa yang disajikan
dalam rancangan Website
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.
7 Apa target dan harapan
MAPALASKA setelah
terciptanya website yang di-
onlinekan?
MAPALASKA dapat memajukan
organisasi dan meningkatkan mutu
kegiatan baik intern dan extern.
8 Sampai saat ini, sudahkah
MAPALASKA mencoba untuk
menciptakan strategi guna
mempromosikan diri yang efektif
dan efisien?
Belum, dengan mengadakan pendakian
massal, fun rafting, fun climbing.
9 Selama ini, upaya apa saja yang
dilakukan untuk terus
meningkatkan kualitas dan
eksistensi segala potensi yang ada
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.
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.
134
HASIL WAWANCARA
Nama : Fatoni Agung Bagus Utama
Jabatan : Kodiv. Pers
Status : Informan Penelitian
Tanggal : 8 Mei 2008
No Pertanyaan Jawaban
1 Siapakah yang mempunyai ide
awal untuk membuat Website
MAPALASKA?
Ide awal muncul dari mantan ketua
MAPALASKA, M. Varih Sovy, pada
MUSTA (Musyawarah Anggota) XVII
MAPALASKA pada tanggal 21 Maret
2006.
2 Apakah yang melatarbelakangi
pemunculan ide tersebut?
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.
3 Siapa user yang dituju dengan
dibuatnya Website MAPALASKA
dan apa alasan dari tiap user yang
dituju sebagai sasaran?
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.
4 Dari manakah dana operasional
untuk mendukung dan
mengembangkan Website
MAPALASKA yang akan dibuat?
Dana untuk mendukung website diambil
dari kas MAPALASKA.
5 Apa yang didapat oleh user dari
Website MAPALASKA?
Informasi yang sesuai dengan
kebutuhannya, seputar MAPALASKA,
informasi yang berkaitan dengan UIN
Sunan Kalijaga.
6 Informasi apa yang disajikan
dalam rancangan Website
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
7 Apa target dan harapan
MAPALASKA setelah
terciptanya website yang di-
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.
8 Sampai saat ini, sudahkah
MAPALASKA mencoba untuk
menciptakan strategi guna
mempromosikan diri yang efektif
dan efisien?
Belum, mungkin hanya dengan kegiatan
seperti pendakian massal, fun rafting, fun
climbing.
9 Selama ini, upaya apa saja yang
dilakukan untuk terus
meningkatkan kualitas dan
eksistensi segala potensi yang ada
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 .
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.
137
Scripting Home Page dan Web Page Website MAPALASKA UIN Sunan Kalijaga
1. Home<style type="text/css"><!--.c1 {
font-family: "Times New Roman", Times, serif;font-size: 14px;color: #006600;text-decoration: none;
}.c11 { font-family: "Times New Roman", Times, serif;
font-size: 14px;font-style: normal;color: #008000;
}.style5 {color: #0000FF}.style8 {color: #FF0000}--></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"><!--.style1 {color: #FF0000}.c1 {
font-family: "Times New Roman", Times, serif;font-size: 14px;color: #006600;
}a:link {
text-decoration: none;}a:visited {
text-decoration: none;}a:hover {
text-decoration: none;}a:active {
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 />
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"><!--.c1 { font-family: "Times New Roman", Times, serif;
font-size: 14px;font-style: normal;color: #008000;
}.c3 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;color: #0000FF;
}.style1 {color: #FF0000}--></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"><!--a:link {
text-decoration: none;}a:visited {
text-decoration: none;}a:hover {
text-decoration: none;}a:active {
text-decoration: none;}-->
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 {
text-decoration: none;}a:visited {
text-decoration: none;}a:hover {
text-decoration: none;}a:active {
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"><!--.style1 {
color: #FF0000;font-weight: bold;
}--></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 {
text-decoration: none;}a:visited {
text-decoration: none;}a:hover {
text-decoration: none;}a:active {
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"><!--.c1 {font-family: "Times New Roman", Times, serif;
font-size: 14px;font-style: normal;color: #008000;
}--></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;}a:visited {
text-decoration: none;}a:hover {
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;}a:visited {
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 {
text-decoration: none;}a:visited {
text-decoration: none;}a:hover {
text-decoration: none;}a:active {
154
text-decoration: none;}.style3 {
color: #FF0000;font-weight: bold;
}.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"><!--.style6 {color: #0000FF}--></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 {
color: #FF0000;font-weight: bold;
}.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"><!--.style3 {
color: #0000FF;font-size: 12px;
}--></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"><!--.style4 {color: #FF0000; font-weight: bold; }.style6 {color: #0000FF}--></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"><!--a:link {
text-decoration: none;}a:visited {
text-decoration: none;}a:hover {
text-decoration: none;}a:active {
text-decoration: none;}.style2 {color: #FF0000}.style5 {color: #006600; font-weight: bold; }.style6 {
color: #0000FF;font-weight: bold;
}.style7 {color: #0000FF}--></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"><!--.c1 { font-family: "Times New Roman", Times, serif;
font-size: 14px;font-style: normal;color: #008000;
}.c3 { font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;color: #0000FF;
}--></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"><!--.style1 {
color: #FF0000;font-weight: bold;
}--></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"><!--.style1 {
color: #FF0000;font-weight: bold;
}--></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"><!--.style1 {
color: #FF0000;font-weight: bold;
}--></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
Yogyakarta, M2008September 15
H1429Ramadhan 15
Penulis
Lampiran XI