79
SISTEM INFORMASI KEANGGOTAAN BERBASIS WEB PADA TAPAK SUCI LAPORAN KERJA PRAKTEK (KP) Oleh : Andithia 1111500042 Benny Bunnandar 1111500073 PROGRAM STUDI TEKNIK INFORMATIKA STMIK ATMA LUHUR

Sistem Informasi Keanggotaan Berbasis Web pada Tapak Suci

Embed Size (px)

Citation preview

SISTEM INFORMASI KEANGGOTAAN BERBASIS WEB PADA

TAPAK SUCI

LAPORAN KERJA PRAKTEK (KP)

Oleh :

Andithia 1111500042

Benny Bunnandar 1111500073

PROGRAM STUDI TEKNIK INFORMATIKA

STMIK ATMA LUHUR

PANGKALPINANG

2014/2015

SISTEM INFORMASI KEANGGOTAAN BERBASIS WEB PADA

TAPAK SUCI

LAPORAN KERJA PRAKTEK (KP)

Oleh :

Andithia 1111500042

Benny Bunnandar 1111500073

PROGRAM STUDI TEKNIK INFORMATIKA

STMIK ATMA LUHUR

PANGKALPINANG

2014/2015

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN

KOMPUTER ATMALUHUR

PERSETUJUAN LAPORAN KERJA PRAKTEK

Program Studi : Teknik Informatika

Jenjang Studi : Strata 1

Judul : SISTEM INFORMASI KEANGGOTAAN BERBASIS WEB PADA

TAPAK SUCI

NIM NAMA

1. 1111500042 ANDITHIA

2. 1111500073 BENNY BUNANDAR

Pangkalpinang, 8

Januari 2015

Menyetujui, Pembimbing

Lapangan,

Pembimbing,

(Yurindra, MT) (Yurindra, MT)

NIDN. 0429057402 NIDN. 0429057402

Mengetahui,

Ketua Program Studi Teknik Informatika

Sujono, M. Kom

NIDN. 0211037702

LEMBAR PENGESAHAN SELESAI KP

Dinyatakan bahwa :

1. Andithia (1111500042)

2. Benny Bunandar (1111500073)

Telah melaksanakan kegiatan Kerja Praktek dari 29 September 2014

sampai dengan 19 Desember 2014.

Nama Instansi : Tapak Suci

Alamat : Jl. KH. Abdul Hamid Pangkalpinang -

Bangka

Pembimbing Praktek,

Tanggal, 8 Januari 2015

Yurindra, MT

NIDN. 0429057402

KATA PENGANTAR

Puji syukur Alhamdulillah kehadirat Allah SWT yang

telah melimpahkan segala rahmat dan karunia-Nya,

sehingga penulis dapat menyelesaikan proposal

penelitian yang berjudul “Sistem Informasi Keanggotaan

Berbasis Web pada Tapak Suci”

Kuliah Praktek ini mengambil topic sistem

informasi berbasis web, dengan masalah belum adanya

sistem informasi keanggotaan berbasis web di Tapak

Suci. Adapun tujuan dibuatnya Kerja Praktek ini adalah

untuk memenuhi salah satu lulus strata satu dan agar

bermanfaat bagi pembaca dan mahasiswa lainnya.

Penulis menyadari bahwa Kerja Praktek ini masih

jauh dari sempurna. Karena itu kritik dan saran akan

senantiasa penulis terima dengan senang hati. Dengan

segala keterbatasan, penulis menyadari pula bahwa Kerja

Praktek ini takkan terwujud tanpa bantuan, bimbingan,

dan dorongan dari berbagai pihak. Untuk itu, dengan

segala kerendahan hati, penulis menyampaikan ucapan

terima kasih kepada :

1. Allah SWT yang telah menciptakan dan memberikan

kehidupan di dunia

2. Bapak Dr. Moedjiono, M. Sc selaku Ketua STMIK

Atma Luhur.

3. Pembimbing Materi.

i

4. Keluarga telah memberikan dukungan kepada

penulis baik secara moril maupun materil.

5. Teman – teman dan seperjuangan dalam mengerjakan

proposal penelitan.

Diharapkan kiranya Kerja Praktek ini dapat

bermanfaat bagi mereka yang nantinya akan menulis

Kerja Praktek dengan topik yang sama.

Pangkalpinang,

Januari 2015

Penulis

ii

DAFTAR ISI

LEMBAR JUDUL LUAR

LEMBAR JUDUL DALAM

LEMBAR PENGESAHAN DOSEN PEMBIMBING

LEMBAR PENGESAHAN SELESAI KP

KATA PENGANTAR.....................................i

DAFTAR ISI.........................................ii

DAFTAR GAMBAR......................................iv

DAFTAR LAMPIRAN....................................v

BAB I PENDAHULUAN

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

1.2

...........................................

Masalah....................................1

1.3

...........................................

Tujuan Penulisan...........................2

1.4

...........................................

Batasan Masalah............................2

1.5

...........................................

Metode Penelitian..........................2

iii

1.6 Sistematika Penulisan....................2

BAB II

LANDASAN TEORI

2.1 Konsep dasar web program.................4

BAB III ORGANISASI

3.1Sejarah Perguruan Tapak Suci………………………………….10

3.2Struktur Organisasi ...……………………………...……………12

3.3Prinsip Dasar Organisasi………………………………………...12

BAB IV PEMBAHASAN

4.1Definisi Masalah …………………….………………………….15

4.2Konstruksi Isi Web………………………................

……………15

4.3Penggunaan Aplikasi……………………………………………..18

4.4Publikasi Web…………………………………………………..19

4.5Nama Domain…………………………………………………...19

4.6Kapasitas Hosting……………………………………………….19

4.7Analisa Biaya……………………………………………………19

BAB V Penutup

5.1Kesimpulan ……….………………….………………………….23

5.2Saran …………………………………………………………….24

iv

DAFTAR PUSTAKA…………………………………………………………...25

LAMPIRAN……………………………………………………………………..26

v

DAFTAR GAMBAR

Gambar II.1 : Aplikasi basis data di web dengan PHP,

MYSQL, dan

Appserver..............7

Gambar IV.1 : Halaman menu home..............15

Gambar IV.2 : Halaman menu profil............16

Gambar IV.3 : Halaman menu contact...........16

Gambar IV.4 : Halaman menu organisasi........17

Gambar IV.5 : Data Pengurus dan anggota......17

Gambar IV.6 : Halaman menu about us..........18

vi

LAMPIRAN

Lampiran 1 : Listing program................26

Lampiran 2 : Lembar berita acara konsultasidosen

pembimbing KP

STMIK Atma Luhur.......49

Lampiran 3 : Lembar berita acara kunjungan KP50

vii

BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Teknologi informasi yang berkembang pesat

dewasa ini, telah mendorong percepatan di berbagai

bidang. Hal ini juga yang menyebabkan munculnya

kemajuan pada perangkat lunak dan diimbangi pula dengan

kemajuan dan kecanggihan teknologi beserta perangkat

kerasnya. Secara langsung ataupun tidak, teknologi

informasi telah menjadi bagian penting dari berbagai

bidang kehidupan. Karena banyak kemudahan yang

ditawarkan, teknologi informasi hampir tidak dapat

dilepaskan dari berbagai aspek kehidupan manusia.

Sistem adalah sekelompok unsur yang erat

berhubungan satu dengan yang lainnya, yang berfungsi

bersama-sama untuk mencapai tujuan tertentu (Mulyadi,

2001). Informasi adalah salah satu jenis sumber daya

yang tersedia bagi manajer, yang dapat dikelola seperti

halnya sumber daya yang lain. (McLeod, 2001). Sistem

informasi adalah suatu sistem dalam suatu organisasi

yang mempertemukan kebutuhan pengolahan transaksi

harian, mendukung operasi, bersifat manajerial, dan

1

kegiatan strategi dari suatu organisasi dan menyediakan

pihak luar tertentu dengan laporan-laporan yang

dibutuhkan ( McLeod, 2001). Sistem Informasi

Keanggotaan Berbasis Web diartikan sebagai suatu

pembuatan informasi keanggotaan yang belum ada di Tapak

Suci. Tapak Suci adalah suatu perguruan pencak silat.

1.2. Masalah

Belum tersedianya sistem informasi keanggotaan

berbasis website pada Tapak Suci. Maka diharapkan

dengan adanya sistem informasi keanggotaan berbasis

website ini akan memberikan informasi bagi pengurus dan

anggota.

1.3. Tujuan Penulisan

Adapun tujuan dari penulisan adalah :

1. Membuat suatu usulan Sistem Informasi Keanggotan

Berbasis Web sesuai kebutuhan Pada Tapak Suci.

2. Memberikan fasilitas kepada pengurus dan anggota,

supaya bisa mendapatkan informasi tentang data

pengurus dan anggota secara online.

1.4. Batasan Masalah

Pembuatan sistem ini lebih ditekankan pada

interface nya untuk memberikan data informasi

tentang pengurus dan anggota.

2

1.5. Metode Penelitian

Adapun metode penelitian yang penulis lakukan

dalam pembuatan kerja praktek ini penulis melakukan

riset di Pimpinan Cabang Pangkalpinang adalah :

1. Metode Observasi

Selama riset penulis melakukan pengamatan langsung

terhadap kegiatan yang dilakukan oleh staff

pengurus yang bertugas melaksanakan kegiatan

pokok.

2. Wawancara

Penulis melakukan tanya jawab langsung dengan

staff pengurus, anggota dan pimpinan Tapak Suci.

3. Metode Studi Pustaka,

Dengan metode studi pustaka ini penulis, mendapat

sumber data dari buku-buku dan makalah-makalah

yang berhubungan dengan studi literatur pada buku

atau referensi yang berkaitan dengan perancangan

website.

1.6. Sistematika Penulisan

Dalam penulisan kerja praktek ini penulis akan

membagi sistematika penulisan dalam lima bab, dimana

satu dan yang lainnya saling berhubungan. Adapun

sistematika penulisan kerja praktek ini adalah sebagai

berikut :

3

BAB I PENDAHULUAN

Bab ini menjelaskan secara umum tentang

teknologi, maksud dan tujuan penulisan,

masalah, batasan masalah, metodelogi penelitian

dan sistematika penulisan.

BAB II LANDASAN TEORI

Uraian singkat tentang konsep dasar web dari

pemrograman PHP dengan basis data MySql.

BAB III ORGANISASI

Berisi tentang sejarah Tapak Suci, Struktur

Organisasi, Prinsip Dasar.

BAB IV PEMBAHASAN

Berisi tentang halaman menu website, penggunaan

aplikasi publikasi web, analisa biaya.

BAB V PENUTUP

Berisi tentang kesimpulan serta saran-saran

yang berhubungan dengan pembangunan program

yang dibutuhkan.

4

BAB II

LANDASAN TEORI

2.1 Konsep Dasar Web Program

Suatu web site (world wide web) tidak terlepas dari

perkembangan internet yang berawal dari cara

berkomunikasi para ilmuwan dan peneliti di Amerika,

namun saat sekarang ini telah berkembang menjadi media

komunikasi global yang dipakai semua orang di dunia.

Pertumbuhan ini membawa masalah penting mendasar,

diantaranya kenyataan internet tidak diciptakan pada

jaman graphical user interface (GUI) seperti saat ini.

Internet dimulai pada masa dimana orang masih

menggunakan alat-alat akses yang tidak user-friendly yaitu

terminal berbasis text serta perintah-perintah command

line yang panjang-panjang serta susah diingat, sangat

berbeda dengan komputer dewasa ini yang menggunakan

klik tombol mouse layar grafik berwarna yang sudah

mempunyai tampilan yang menarik disertai konsep

multimedia dari mulai teks, gambar, animasi, suara

(audio) dan film (video), serta konsep hyperlink

perhalaman. Bahkan terjadi manipulasi data antar

komputer, penyimpanan data serta informasi yang sangat

akurat tercepat dan terbaru dari seluruh dunia.

Penyajian suatu web harus terprogram dan sedinamis

mungkin, dengan pemanfaatan aplikasi client-server dalam

5

hal ini programer akan mengalami kesulitan dalam proses

pemeliharaannya karena pengunjung suatu web akan

berinteraksi secara langsung dengan database jika

nantinya web tersebut melakukan pengolahan query

didalamnya.

A. Pengertian Web Browser dan HTML

Web browser adalah program untuk menampilkan

halaman yang berbentuk kode HTML. Semua halaman

web ditulis dengan bahasa HTML (Hypertext Mark Up

Language). Walaupun beberapa file mempunyai

ekstensi yang berbeda (contoh .html, .php, .php3),

output file - file tersebut tetap HTML. HTML adalah

medium yang selalu dikirimkan ke web browser baik

halaman itu berupa halaman statis, sebuah script

(seperti PHP), ataupun yang dibuat oleh program

CGI (Common Gateaway Interface).

HTML adalah file teks murni yang dapat dibuat

dengan editor teks sembarang. HTML adalah versi

yang sederhana dari SGML (Standardized Generalized

Markup Language), yaitu bahasa untuk pertukaran

data. Dikatakan markup language karena HTML

berfungsi untuk memformat file teks biasa untuk

bisa ditampilkan pada web browser dengan bantuan

tanda-tanda yang sudah ditentukan.

6

B. Aplikasi Web berbasis client dan berbasis server.

Saat ini web tidak semata-mata digunakan

untuk menampilkan informasi saja, namun fungsi web

semakin meluas. Web mulai digunakan untuk aplikasi

yang banyak membutuhkan interaksi dan pengguna.

Aplikasi web tidak saja digunakan di

internet, namun juga dapat digunakan untuk

keperluan intra organisasi. Jaringan aplikasi web

yang terpasang dalam lingkungan intra-organisasi

disebut intranet.

Dengan kebutuhan yang semakin kompleks tidak

lagi menjadi mudah dan menarik dengan hanya

menggunakan HTML. Diperlukan sesuatu yang lebih

agar interaksi pengguna dapat sebagai pengendali

datangnya informasi.

Oleh sebab itu beberapa perusahaan perangkat

lunak mulai berlomba untuk menawaarkan teknologi

bahasa pemrograman, script, ekstensi baik gratis

maupun komersial untuk membuat situs web lebih

menarik. Teknologi aplikasi web secara umum

terbagi menjadi dua.

Yang pertama, pemrosesan dilakukan di sisi

web server. Contoh aplikasi sisi server adalah

PHP, ASP dan Perl. Biasanya sisi server digunakan

untuk aplikasi yang membutuhkan koneksi ke basis

data.

7

Yang kedua, proses dilakukan di sisi web

browser. Web browser (sebagai klien) yang hanya

menerima outputnya saja. Biasanya aplikasi sisi

klien digunakan untuk hal-hal yang membutuhkan

banyak interaksi pengguna dan menggunakan

informasi yang seragam dan pasti. Contoh aplikasi

pada sisi klien adalah aplikasi permainan dengan

Java Script, Vbscript, Applet dll.

C. Aplikasi Basis Data berbasis web dengan arsitektur

aplikasi multi-tier.

Arsitektur multi lapisan (dalam hal ini tiga

lapisan) terdiri dari lapisan-lapisan yaitu.

Lapisan pertama adalah klien yang berupa web

browser untuk menampilkan halaman web. Lapisan

kedua adalah aplikasi web server yaitu PHP dan

Appserver sebagai server web (tempat penyimpanan

dokumen web). Lapisan ketiga adalah server basis

data RDBMS My SQL.

D. Cara Kerja Aplikasi Basis Data berbasis Web dengan

PHP, MySQL dan Appserver.

1. Misalkan saja komputer membuka halaman web yang

memakai php pada aplikasi Sistem Informasi

Pengolahan Data Siswa Kursus yang sudah di

upload di dalam server. Contoh :

www.tapaksuci.ac.id/data/login.php. Tampilan

8

MySQL server

PHP script Appserver

Web Page on

browser

PHP

12

3

4

56

yang dilihatnya berupa pengisian formulir

username dan password.

2. Web server Appserver menerima permintaan data

yang berupa login.php. Appserver sudah diset

untuk mengirim skrip yang berakhiran .php untuk

diproses PHP.

3. Skrip ini lalu diproses oleh php, salah satu

fungsinya adalah membuka koneksi dan mencari

data yang ada di server MySQL. Pada aplikasi

ini login.php berfungsi mengecek apakah login

dan password yang dimasukan melalui formulir di

halaman web tersebut ada dalam basis data.

4. MySQL menanggapi permintaan ini berupa output

dari hasil pencarian data dengan SQL. Misal

saja hasilnya adalah data tidak ditemukan.

5. Respon dari MySQL berupa output SQL

diterjemahkan lagi ke dalam bentuk html oleh

php, lalu dikirim lagi ke Appserver.

6. Appserver lalu mengirim kembali hasil ini ke

web browser.

9

Gambar. II.1. Aplikasi Basis Data di Web dengan PHP,

MySQL, dan Appserver

E. Pengenalan Program PHP

PHP secara resmi merupakan kependekan dari

PHP : HyperText Preprocessor, merupakan bahasa script

server-side yang bersifat open source. Bahasa PHP

menyatu dengan script HTML yang sepenuhnya

sepenuhnya dijalankan pada server.

PHP dahulunya merupakan proyek pribadi dari

Rasmus Lerdorf, yang digunakan pertama kalinya

sebagai proyek homepage pribadinya. Pada masa

berikutnya PHP mengalami perkembangan hingga versi

terbarunya saat ini adalah PHP versi 5 beta.

PHP (PHP:HyperText Preprocessor) adalah bahasa

interpreter yang banyak digunakan dalam internet

dan intranet, sebagai program yang diintegrasi ke

dalam web server seperti Appserver atau Microsoft

Internet Information Service (IIS).

Bila PHP berada dalam halaman web, maka tidak lagi

dibutuhkan pengembangan lingkungan khusus atau

direktori khusus. Hampir seluruh aplikasi berbasis

web dapat dibuat dengan PHP. Di samping itu ada

beberapa hal yang menjadi keunggulan PHP, antara

lain :

10

1. Mempunyai dukungan kepada banyak database,

sehingga membuat halaman web yang menggunakan

data dari database dengan sangat mudah dapat

dilakukan.

2. Fleksibilitas yang tinggi, menyamai High Level

Programming Language.

3. Mempunyai banyak fungsi “Built in”. Berjalan di

banyak platform seperti UNIX, LINUX dan Windows

95/98/NT/2000. Karena program PHP ini

dieksekusi di Server, maka PHP disebut sebagai

Server Side Scripting Language.

4. PHP adalah produk open source yang dapat

didistribusikan tanpa dikenakan biaya.

F. Manajemen session pada PHP

Istilah session berarti waktu yang dihabiskan

seorang pengguna berada dalam suatu web

tertentu. Manajemen session adalah mekanisme

untuk mempertahankan suatu keadaan tentang

sebuah rangkaian permintaan dari pengguna yang

sama dalam periode waktu tertentu.

Masalahnya HTTP tidak punya mekanisme untuk

mempertahankan keadaan. Setiap permintaan

halaman web tidak berhubungan dan terisolasi

satu sama lain. Server Web tidak bisa secara

11

mudah membedakan antara tiap pengguna dan tidak

tahu tentang session pengguna.

Manajemen session berarti cara untuk

menghubungkan sebuah data dengan pengguna

selama pengguna mengunjungi sebuah situs web

dalam periode waktu tertentu.

Sebagai contoh suatu aplikasi dalam tulisan

ini seorang user. User akan memperoleh hak ases

dan tampilan situs web sesuai levelnya. User

selama ia mengunjungi situs Sistem Informasi

Pengolahan Data Kursus. Padahal pengguna selama

di situs tersebut mengakses banyak halaman web

karena berpindah-pindah halaman. Tanpa

manajemen session hal ini tidak dimungkinkan

karena tiap permintaan tidak berhubungan /

terisolasi satu sama lain sehingga kita tidak

bisa mempertahankan hak ases dan melewati

berbagai halaman.

G. Pengenalan Database MySQL

MySQL adalah Multiuser database yang menggunakan

bahasa Structured Query Language (SQL).

MySQL merupakan software sistem manajemen

database (Database Management System – DBMS) yang

sangat populer di kalangan pemrogram web,

terutama di lingkungan Linux. Dengan

12

menggunakan script PHP dan PERL Software

database ini dapat berfungsi atau berjalan pada

semua platform sistem operasi yag biasa

digunakan (Windows, Linux, OS/2, berbagai

varian Unix). Software Server MySQL (tm)

pertama dibuat oleh Michael “Monty” Windenius

dan kawan-kawannya, pada tahun 1994.

Sama halnya dengan PHP, MySQL merupakan jenis

software yang termasuk open source. Database

ini tersedia bebas dan siapa saja dapat

mengembangkan software ini, tanpa biaya.

13

BAB III

ORGANISASI

3.1 SEJARAH PERGURUAN TAPAK SUCI

Pada tahun 1872 di Banjarnegara lahirlah seorang

putera dari KH Syuhada yang diberi nama Ibrahim.

Diusia remaja Ibrahim telah belajar pencak silat dan

kelak ia dikenal aktif menggunakan ilmu pencaknya

untuk menentang penjajah belanda. Hal ini kerap

membuatnya menjadi buronan belanda.

Dalam statusnya yang sering menjadi buronan

belanda, ia kerap berkelana dari satu tempat ke

tempat lainya. Selain bersembunyi,ia juga mendalami

dan mengasah ilmu pencaknya. Ia pernah singgah ke

batavia, pada seorang kerabatnya disana. Namun di

sana ia juga sering membuat onar terhadap belanda

hingga akhirnya ia berangkat ke tanah suci Mekah.

Setelah menikah dengan puteriKH Ali, ia

mendirikan pondok pesantren Binorong di

Banjarnegara. Sepulang dari tanah suci ia berganti

nama menjadi KH Busyro Syuhada. Pondok pesantren

Binorong semakin berkembang pesat. Diantara santri-

santrinya antara lain : Achyat (H Burhan) adik misan

14

Ibrahim, M Yasin (Abu Amar Syuhada) adik kandung,

dan Sudirman (Panglima Besar Jenderal Sudirman).

Dalam konferensi Pemuda Muhammadiyah di

Yogyakarta tahun 1921, KH Busyro bertemu pertama

kali dengan dua kakak beradik : A Dimyati dan M

Wahib. Diawali dengan adu kawruh antara M Wahib

dengan H Burhan, selanjutnya A Dimyati dan M Wahib

mengangkat KH Busyro sebagai guru. KH Busyro

terkenal menguasai ilmu pencak inti, sedangkan H

Burhan terkenal menguasai ilmu pencak ragawi.

Menurut riwayat, kedua kakak beradik (A Dimyati dan

M Wahib) belajar selama 5 hari untuk menguasai 15

jurus, dan 5 kembangan. Selanjutnya A Dimyati dan M

Wahib kembali ke yogyakarta, diikuti KH Busyro dan H

Burhan yang pindah ke Yogyakarta. Masyarakat

lingkunganya menyebut mereka pendekar pencak.

Seiring berpindahnya KH Busyro ke Kauman,

Yogyakarta, aliran Banjaran yang pada awalnya

dikembangkan di pondok pesantren Binorong akhirnya

sementara berpusat di Kauman. Pendekar A Dimyati

sifatnya pendiam dan cenderung tertutup, sedang M

Wahib agresif dan terbuka. Pembawaan A Dimyati mirip

dengan H Burhan. Sedang pembawaan M Wahib mirip

gurunya(KH Busyro). Karena itulah nama M Wahib lebih

menonjol dibanding A Dimyati. Sedang A Dimyati yang

ilmunya lebih tangguh dari adiknya tidak ada catatan

15

mengenai sepak terjangnya. Karena sifat mereka

berbeda, maka sering keduanya terlibat bentrok,

termasuk dalam hal adu kaweruh. KH Busyro memahami

karakter mereka dan tahu bahwa sekalipun berbeda,

keduanya berbakat tinggi dalam pencak. Melihat hal

demikian KH Busyro menunjuk pendekar A Dimyati untuk

berkelana ke barat, sebagaimana yang pernah dijalani

pendekar KH Busyro. Sesuai tradisi yang berlaku

bahwa pendekar A DImyati yang sudah mengangkat guru

kepada KH Busyro tidak boleh berguru kepada guru

pencak lainya. Untuk itu dalam berkelana ini yang

dilakukan adalah "adu kawruh". Dikisahkan bahwa

pendekar A Dimyati berhasil menguasai ilmu

Cikalong,Cimande dan Cibarosa. Adapun KH Busyro

menunjuk M Wahib untuk berkelana ke timur hingga

beberapa tempat sempat disinggahi oleh pendekar M

Wahib (bawean dan madura). Karena sifatnya yang

agresif dan terbuka maka "adu kawruh diartikan

dengan berkelahi, menguji ilmu dengan para pendekar

yang mengklaim dirinya sakti. Menurut kisah yang

diceritakan M Wahib "kemana-mana saya naik turun

panggung (gelanggang) untuk bertanding dan mendapat

uang/ menang, kalau diperlukan saya memakai senjata

handuk dan sepotong besi sejengkal berlafal Alif".

Setelah pengembaraan pendekar A Dimyati ke barat,

dan pendekar M Wahib ke timur, keduanya kembali

16

kejogja. Kebiasaan mencari lawan tanding pendekar M

Wahib diarahkan kepada anak-anak belanda ataupun

tentara belanda. Cikauman Pada tahun 1925,

dilingkungan KaumanTengah dibuka latihan pencak oleh

A Dimyati dan MWhib atas restu KH Busyro. Pada saat

inilah M Wahib menyatakan CIKAUMAN adalah satu-

satunya pencak yang ada dikauman. Penamaan aliran

ini sebagaimana menunjuk satu tempat sebagai nama

aliran. Adapun penyebutan aliran cikauman ini

mengandung pengertian sebagai aliran Banjaran-

Kauman, dengan makna bahwa aliran ini merupakan

kelanjutan dari aliran banjaran.

3.2 Struktur Organisasi

Susunan organisasi Tapak Suci dibuat secara

berjenjang dari tingkat Pimpinan Pusat, Pimpinan

Wilayah, Pimpinan Daerah, dan Pimpinan Cabang.

Pimpinan Pusat Tapak Suci adatah pimpinan tertinggi

yang melaksanakan kepemimpinan dan bertanggung jawab

keluar dan ke dalam. Pimpinan Wilayah Tapak Suci

berkedudukan di ibu kota propinsi/daerah tingkat I,

bertindak sebagai Pimpinan Wilayah sekaligus

Komisaris Pimpinan Pusat yang melaksanakan

koordinasi administrasi dan operasional daerah.

Pimpinan Daerah Tapak Suci berkedudukan di setiap

kabupaten/kota administrasi sebagai pelaksana

17

administrasi dan bertindak secara operasional. Untuk

melancarkan tugas operasional, Pimpinan Daerah dapat

mendirikan cabang Tapak Suci di daerahnya. Pimpinan

Pusat juga dapat membentuk Perwakilan Wilayah di

luar negeri sebagai pelaksana administrasi dan

bertindak secara operasional.

Keanggotaan Tapak Suci terdiri dari siswa, anggota

penuh, dan anggota kehormatan. Yang dapat diterima

menjadi Siswa Tapak Suci adalah anak-anak, remaja,

dewasa putra-putri beragama Islam yang menyetujui

anggaran Dasar dan Anggaran Rumah Tangga Tapak Suci

serta telah memenuhi persyaratan yang ditetapkan.

Anggota Penuh Tapak Suci terdiri dari Kader,

Pendekar dan Pimpinan Tapak Suci yang telah memenuhi

persyaratan keanggotaan yang diatur di dalam

Anggaran Rumah Tangga. Sedangkan anggota kehormatan

Tapak Suci adalah orang yang karena jabatannya,

kedudukannya dan atau keahliannya telah diangkat

oleh Pimpinan Pusat Tapak Suci dengan surat

ketetapan.

3.3. Prinsip Dasar Organisasi

Tapak Suci Putera Muhammadiyah adalah organisasi

otonom di lingkungan Muhammadiyah yang beraqidah

Islam, bersumber pada Al-Qur'an dan As-sunnah,

berjiwa persaudaraan, dan merupakan perkumputan dan

18

perguruan seni bela diri. Maksud dan tujuan Tapak

Suci adatah sebagaiberikut:

1. Mendidik serta membina ketangkasan dan ketrampilan

pencak sitat sebagai seni beladiri Indonesia.

2. Memelihara kemurnian pencak sitat sebagai seni

beladiri Indonesia yang sesuai dan tidak

menyimpang dari ajaran Islam sebagai budaya bangsa

yang luhur dan bermoral.

3. Mendidik dan membina anggota untuk menjadi kader

Muhammadiyah.

4. Melalui seni beladiri menggembirakan dan

mengamalkan dakwah amar ma'ruf nahi munkar dalam

usaha mempertinggi ketahanan Nasional.

Pencapaian maksud dan tujuan Tapak Suci tersebut

dilakukan dengan upaya-upaya berikut:

1. Memperteguh iman, menggembirakan dan memperkuat

ibadah serta mempertinggi akhlaq yang mulia sesuai

dengan ajaran Islam.

19

2. Menyelenggarakan pembinaan dan pendidikan untuk

melahirkan Kader Muhammadiyah.

3. Menyelenggarakan pembinaan seni Beladiri

Indonesia.

4. Mengadakan penggalian dan penelitian limu Seni

Beladiri untuk meningkatkan dan mengembangkan

kemajuan Seni Beladiri Indonesia.

5.Aktif datam lebaga olahraga dan seni baik yang

diadakan oleh Pemerintah maupun swasta yang tidak

menyimpang dari maksud dan tujuan Tapak Suci.

6. Menggembirakan penyelenggaraan dakwah amar ma'ruf

nahi mungkar sesuai dengan proporsi seni beladiri.

7. Menyelenggarakan pertandingan dan tomba serta

pertemuanuntuk memperluas pengalaman dan

persaudaraan.

8. Menyelenggarakan usaha lain yang dapat mewujudkan

tercapainya meksud dan tujuan.

20

BAB IV

PEMBAHASAN

4.1 Definisi Masalah

1. Belum tersedianya sistem informasi keanggotaan

berbasis website pada Tapak Suci. Maka diharapkan

dengan adanya sistem informasi keanggotaan

berbasis website ini akan memberikan informasi

bagi pengurus dan anggota.

2. Kurangnya informasi tentang perguruan Tapak Suci

dikarenakan kurangnya publikasi ke media teknologi

informasi.

4.3 Konstruksi Isi Web

A. Halaman Menu Home

Halaman Ini berfungsi sebagai halaman depan /

homepage didalam halaman ini terdiri dari berita-

berita update terbaru seputar pencak silat.

Gambar IV.1 Halaman Menu Home

21

B. Halaman Profil

Pada halaman profil ini berisi sejarah Tapak Suci,

prinsip dasar, dan tujuan berdirinya Tapak Suci.

Gambar IV.2 Halaman Menu Profil

C. Halaman Menu Contact

Pada halaman menu contact ini berisi tentang

informasi bagi yang mau menghubungi Tapak Suci

atau untuk mengirim pesan kepada Tapak Suci.

Gambar IV.3 Halaman Menu Contact

22

D. Halaman Menu Organisasi

Pada halaman menu organisasi ini berisi tentang

struktur organisasi, data-data pengurus dan

anggota masing-masing pimpinan daerah.

Gambar IV.4 Gambar Struktur Organisasi

Gambar IV. 5 Gambar Data Pengurus dan Anggota

E. Halaman Menu About Us

23

Pada halaman ini berisi tentang Tapak Suci, misi

dan tujuan.

Gambar IV. 6 Halaman menu About Us

4.5 Penggunaan Aplikasi

Berikut ini adalah langkah penggunaan aplikasi

dengan menggunakan web server Appserver yang telah

terinstal di komputer lokal.

1. Buka explorer pada windows anda, lalu simpan file

php pada root c:\AppServ\www\portal.

2. Simpan file data pada root c:\AppServ\MySQL\

webportal.

3. Untuk mengedit file php, gunakan Macromedia

Dreamweaver, buka program Macromedia Dreamweaver

pada menu start → program → Macromedia →

Dreamweaver.

4. Lalu pada buka file pada menu file → open, lalu

buka file php pada root c:\AppServ\www\portal.

24

5. Jika telah selesai mengedit file php, simpan file

tersebut dengan menggunakan kombinasi tombol

ctr+s pada keyboard.

6. Untuk melihat program, buka browser dari menu

start → program → Internet explorer. Lalu pada

addres bar ketikkan alamat :

http://localhost/portal hingga tampil halaman

utama pada program.

Secara keseluruhan program dapat dilihat dengan

memilih link-link menu yang ada pada halaman utama.

4.4Publikasi Web

Publikasi website ini melalui jasa penyewaan

hosting pada sebuah penyedia jasa hosting dari

www.000webhost.com.

4.5 Nama Domain

Registrasi domain name untuk website portal ini

adalah www.tapaksuci.ac.id. Pendaftaran registrasi

juga melalui jasa dari www.000webhost.com

4.6 Kapasitas Hosting

Untuk kapasitas yang muncukupi dalam publikasi

website portal informasi ini adalah 150 Megabyte.

25

Pendaftaran kapasitas hosting ini juga dari penyedia

jasa yang sama yaitu www.000webhost.com.

4.7 Analisa Biaya.

Analisa biaya dari registrasi domain hingga

penyewaan kapasitas hosting dengan menggunakan jasa

penyedia hosting dari www.000webhost.com adalah sebagai

berikut :

Registrasi domain : Rp. 100.000 pertahun

( www.tapaksuci.ac.id )

Penyewaan hosting : Rp.100.000 pertahun

( 500 Megabyte )

Total biaya pertahun : Rp. 200.000

sedangkan kata kunci (metaname) yang digunakan

untuk pencarian di situs pencari adalah : tapak suci,

perguruan Tapak Suci, perguruan, artikel agama, agama,

islam, silat dan lain-lain yang berhubungan dengan

pencak silat.

Perangkat keras yang diperlukan dalam publikasi web

yang dimaksud disini adalah seperangkat alat atau

elemen elektronik yang dapat membantu pengelolahan

26

website sehingga website yang diusulkan oleh penulis

dapat bekerja dengan baik. Perangkat keras yang

dibutuhkan dibagi atas dua bagian, yaitu perangkat

keras untuk web server dan perangkat keras client.

Adapun perangkat keras minimal yang diperlukan oleh

server adalah sebagai berikut :

a. Processor : Pentium IV 2.4 Mhz

b. Memory Size (RAM) : 1 GB (DDRAM)

c. Monitor : SVGA Color 15”

d. Floppy Disk : 1.44 MB (3.5”)

e. Harddisk : 40 GB

f. Keyboard : 107 keys

g. Mouse : Standard mouse

h. Printer : Deskjet

Adapun perangkat keras minimal yang diperlukan oleh

client adalah sebagai berikut :

a. Processor : Pentium III-1,8 Ghz

b. Memory Size (RAM) : 256 MB (DDRAM)

27

c. Monitor : SVGA Color 15”

d. Floppy Disk : 1.44 MB (3.5”)

e. Harddisk : 20 GB

f. Keyboard : 107 keys

g. Mouse : Standard mouse

h. Printer : Deskjet

Perangkat lunak adalah suatu rangkaian atau susunan

instruksi yang harus benar dengan urutan-urutan yang

benar pula Keberadaan perangkat lunak selalu menyertai

perangkat keras yang ada. Perangkat lunak yang

dibutuhkan dibagi atas dua bagian, yaitu perangkat

lunak untuk web server sebagai host web. dan perangkat

lunak untuk client.

Adapun perangkat lunak untuk web server adalah

sebagai berikut :

a. Sistem operasi : Windows Server 2003

b. Bahasa Program : PHP

c. Interpreter : PHP4 Engine versi 5.1.6

d. Database Server : MySQL server versi 5.0.24a

e. Web Server : Apache versi 1.3.27 (for windows)

28

f. Database Tools : PhpMyAdmin versi 2.2.3

Adapun perangkat lunak minimal yang diperlukan

untuk client adalah sebagai berikut :

a. Sistem Operasi : Windows 9x/ME/2000/XP

b. Browse : Internet Explorer versi 6.0

Selain komponen sistem perangkat keras dan

perangkat lunak yang telah disebutkan sebelumnya ada

komponen tambahan yang dibutuhkan untuk mendukung

pembuatan website. Perangkat lunak lainnya tersebut

diantara lain:

1. PHP Editor, berfungsi sebagai media untuk

menuliskan scripts PHP. Contoh text editor yaitu

Notepad, PHPCoder, PHP Editor, Macromedia

Dremweaver dan lain sebagainya Dalam penulisan

skrispi ini, digunakan Macromedia Dreamweaver MX

2004 dalam membantu penggunaan menuliskan perintah-

perintah PHP.

2. Browser, berfungsi untuk melihat tampilan perintah

perintah PHP yang telah dijalankan di web server.

Contoh browser yaitu: Internet Explorer, Netscape

29

Navigator, Opera, Firefox, dan lain-lain. Dalam hal

ini penulis menggunakan Firefox.

3. Photo Editor, berfungsi untuk membuat ataupun

mengubah gambar. Dalam hal ini penulis menggunakan

Adobe Photoshop 7.0.

30

BAB V

PENUTUP

5.1 Kesimpulan

Adapun kesimpulannya adalah sebagai berikut :

1. Dalam pembuatan kerja praktek ini penulis menghadapi

kendala dalam pengumpulan data yang akurat mengenai

Tapak Suci karena kesibukan dari ketua yang menjadi

salah satu sumber informasi mengenai data organisasi

Tapak Suci.

2. Website portal informasi ini memiliki berapa

keuntungan, sebagai berikut:

a. Dapat diakses dari mana saja kapan saja melalui

jaringan internet.

b. Sebagai pusat informasi tentang Tapak Suci pada

umumnya.

c. Sebagai salah satu alternatif media informasi

mengenai informasi keanggotaan Tapak Suci.

d. Sebagai salah satu alat komunikasi sesama anggota

Tapak Suci didalam forum diskusi yang ada didalam

website

5. Dalam teknologi pemrograman aplikasi berbasis web

yang telah dikembangkan, PHP dapat dijadikan sebagai

31

salah satu pilihan utama dalam pembuatan apliksai

berbasis web karena keunggulannya dan kemudahan

dalam pemakaian.

6. MySQL sebagai server database untuk aplikasi PHP,

terutama dalam sistem operasi linux. Kemudahannya

dalam integrasi ke berbagai aplikasi web (terutama

PHP) cukup membantu dalam pengembangan website

portal Tapak Suci.

5.2. Saran

Dalam pengelolahan website portal informasi Tapak

Suci ini penulis menyarankan :

1. Agar digunakan oleh orang-orang yang benar-benar

telah memahami dasar-dasar komputer agar dalam

proses pengolahaan website bisa lebih teliti dan

cermat hingga informasi yang dihasilkan dari data

masukan (posting) dapat benar dan akurat.

2. Perlu diadakan pelatihan bagi staff yang akan

mengelolah website portal ini, dimana pelatihan

tersebut akan memberikan pengarahan kepada staff

yang nantinya akan bertindak sebagai administrator

website portal ini.

32

3. Dalam perancangan website ini masih sederhana dalam

hal fitur yang ditawarkan, semoga dalam

pengembangannya dapat dibuat fitur-fitur (menu)

baru.

33

DAFTAR PUSTAKA

1. Firdaus. 2007. PHP & MySQL dengan DreamweaverPenerbit Maxikom. Palembang.

2. Hakim, Lukmanul. Uus Musalini. 2006. Buku Sakti menjadi programer sejati PHP. Penerbit Solusi Media. Yogyakarta.

3. Jayan. 2007. Desain Situs Keren dengan Photoshop dan Dreamweaver. Penerbit Maxikom. Palembang.

4. Sunarfrihantono, Bimo ST. 2002. PHP dan MYSQL Untuk Web. Penerbit Andi. Yogyakarta.

34

LAMPIRAN

LISTING PROGRAM

home.php

<!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><title>TAPAK SUCI</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><link href="css/style.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" type="text/css" href="css/coin-slider.css" /><script type="text/javascript" src="js/artmenu.js"></script><script type="text/javascript" src="js/artscript.js"></script><script type="text/javascript" src="js/cufon-yui.js"></script><script type="text/javascript" src="js/cufon-titillium-250.js"></script><script type="text/javascript" src="js/jquery-1.4.2.min.js"></script><script type="text/javascript" src="js/script.js"></script><script type="text/javascript" src="js/coin-slider.min.js"></script>

</head><body><div class="main"> <div class="header"> <div class="header_resize"> <ul id="nav">

<li class="active"><a href="index.html">HOME</a></li><li><a href="profil.html">PROFIL</a></li><li><a href="contact.html">CONTACT</a></li><li><a href="#">ORGANISASI</a>

<ul>

35

<li><a href="#">PIMPINAN WILAYAH</a><ul>

<li><a href="#">PKP</a></li>

<li><a href="#">BATENG</a></li>

<li><a href="#">BASEL</a></li>

<li><a href="#">BANGKA</a></li>

<li><a href="#">BABAR</a></li>

<li><a href="#">BELITUNG</a></li>

<li><a href="#">BELTIM</a></li>

</ul></li>

</ul></li><li><a href="about.html">ABOUT US</a></li>

</ul>

<div class="logos"> <img src="logotapaksuci.png" align="left" width="70"

height="70"> </div>

<div class="logo"> <h1><a href="index.html">TAPAK SUCI</span> <small>Bangka Belitung</small></h1> </div>

<div class="clr"></div> <div class="slider"> <div id="coin-slider"> <a href="#"><img src="images/slide1.jpg" width="940" height="310" alt="" /> </a> <ahref="#"><img src="images/slide2.jpg" width="940" height="310" alt="" /> </a> <a href="#"><img src="images/slide3.jpg" width="940" height="310" alt="" /> </a> </div> <div class="clr"></div> </div> <div class="clr"></div> </div> </div> <div class="content"> <div class="content_resize">

36

<div class="mainbar"> <div class="article"> <h1>Semarakkan Dakwah Melalui Seni, Din Syamsuddin Main Ketoprak</h1> <h2>&nbsp;</h2> <p class="infopost">Selasa, 30 Dec 2014 by <a href="#">Admin</a></p> <div class="clr"></div> <div class="img"><img src="images/img1.jpg" width="638" height="192" alt="" class="fl" /></div> <div class="post_content"> <p>ISI BERITA ....... </p> <p class="spec"><a href="#" class="rm">Read more</a></p> </div> <div class="clr"></div> </div> <div class="article"> <h2><span>TEKNIK - TEKNIK DALAM PERTANDINGAN PENCAK SILAT </span></h2> <p class="infopost">Posted on <span class="date">2 jan 2015</span> by <a href="#">Admin</a> &nbsp;&nbsp;</p> <div class="clr"></div> <div class="img"><img src="images/img2.jpg" width="638" height="192" alt="" class="fl" /></div> <div class="post_content"> <p>ISI BERITA..... </p> <p class="spec"><a href="#" class="rm">Read more</a></p> </div> <div class="clr"></div> </div> <p class="pages"><small>Page 1 of 2</small> <span>1</span><a href="#">2</a> <a href="#">&raquo;</a></p> </div>

<div class="sidebar"> <div class="gadget"> <h2 class="star"><span>archives</h2> <div class="clr"></div> <ul class="sb_menu">

<li> <a href="#">2015</a>

<ul><li>

<a href="#">January</a> </li>

37

<li> <a href="#">February</a> </li>

<li> <a href="#">March</a> </li>

</ul> </li>

<li> <a href="#">2014</a>

<ul><li>

<a href="#">January</a> </li><li>

<a href="#">February</a> </li><li>

<a href="#">March</a> </li></ul>

</li><li>

<a href="#">2013</a><ul>

<li> <a href="#">January</a> </li>

<li> <a href="#">February</a> </li>

<li> <a href="#">March</a> </li>

</ul> </li>

<li> <a href="#">2012</a>

<ul><li>

<a href="#">January</a> </li><li>

<a href="#">February</a> </li><li>

<a href="#">March</a> </li></ul>

</li></ul>

</div> <div class="gadget"> <h2 class="star"><span>BERITA</span></h2> <div class="clr"></div> <ul class="ex_menu"> <li><a href="index.html">1</a><br />

38

Teknik - teknik dalam pencak silat</li>....<a href="#"> read more</a>

<li><a href="index.html">2</a><br /> Din Syamsudin semarakkan

dakwah</li>....<a href="#">read more</a> </ul> </div> </div> <div class="clr"></div> </div> </div> <div class="fbg"> <div class="fbg_resize"> <div class="col c1"> <h2><span>Image</span> Gallery</h2> <a href="#"><img src="images/gal1.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal2.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal4.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal5.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a> </div> <div class="col c3"> <h2><span>Contact</span> Us</h2> <p>Hubungi kami </p> <p class="contact_info"> <span>Address:</span> Pangkalpinang Bangka-Belitung<br /> <span>Telephone:</span> 0819-2546-2544 <br /> <span>FAX:</span> 0717-431611 <br /> <span>Others:</span>contact person 0821-7556-4444 <br /> <span>E-mail:</span> <a href="#">[email protected]</a> </p> </div> <div class="clr"></div> </div> </div> <div class="footer"> <div class="footer_resize"> <p class="lf">&copy; Copyright <a href="#">Benny & Andi</a>.</p> <p class="rf">Design by Benny & Andi</a></p> <div style="clear:both;"></div> </div>

39

</div></div>

<div class="chat-box">

<input type="checkbox" />

<label data-collapsed="Buka Chatbox" data-expanded="Tutup Chatbox"></label>

<br />

<div class="chat-box-content">

<!-- Kode buku tamu dsb... -->

</div>

</div></body></html>

profil.php

<!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><title>TAPAK SUCI</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><link href="css/style.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" type="text/css" href="css/coin-slider.css" /><script type="text/javascript" src="js/artmenu.js"></script><script type="text/javascript" src="js/artscript.js"></script><script type="text/javascript" src="js/cufon-yui.js"></script><script type="text/javascript" src="js/cufon-titillium-250.js"></script><script type="text/javascript" src="js/jquery-1.4.2.min.js"></script><script type="text/javascript" src="js/script.js"></script><script type="text/javascript" src="js/coin-slider.min.js"></script>

40

</head><body><div class="main"> <div class="header"> <div class="header_resize"> <ul id="nav">

<li class=""><a href="index.html">HOME</a></li><li><a href="#">PROFIL</a></li><li><a href="contact.html">CONTACT</a></li><li><a href="#">ORGANISASI</a>

<ul>

<li><a href="#">PIMPINAN WILAYAH</a><ul>

<li><a href="#">PKP</a></li>

<li><a href="#">BATENG</a></li>

<li><a href="#">BASEL</a></li>

<li><a href="#">BANGKA</a></li>

<li><a href="#">BABAR</a></li>

<li><a href="#">BELITUNG</a></li>

<li><a href="#">BELTIM</a></li>

</ul></li>

</ul></li><li><a href="about.html">ABOUT US</a></li>

</ul>

<div class="logos"> <img src="logotapaksuci.png" align="left" width="70"

height="70"> </div>

<div class="logo"> <h1><a href="index.html">TAPAK SUCI</span> <small>Bangka Belitung</small></h1> </div>

<div class="clr"></div> <div class="slider">

41

<div id="coin-slider"> <a href="#"><img src="images/slide1.jpg" width="940" height="310" alt="" /> </a> <ahref="#"><img src="images/slide2.jpg" width="940" height="310" alt="" /> </a> <a href="#"><img src="images/slide3.jpg" width="940" height="310" alt="" /> </a> </div> <div class="clr"></div> </div> <div class="clr"></div> </div> </div> <div class="content"> <div class="content_resize"> <div class="mainbar"> <div class="article"> <h2><span>SEJARAH pERGURUAN PENCAK SILAT TAPAK SUCI </span></h2> <div class="clr"></div> <p align="justify">&nbsp &nbsp Pada tahun 1872 di Banjarnegara lahirlah seorang putera dari KH Syuhada yang diberi nama Ibrahim. Diusia remaja Ibrahim telah belajar pencak silat dankelak ia dikenal aktif menggunakan ilmu pencaknya untuk menentang penjajah belanda. Hal ini kerap membuatnya menjadi buronan belanda.<br />

&nbsp &nbspDalam statusnya yang sering menjadi buronan belanda, ia kerap berkelana dari satu tempat ke tempat lainya. Selain bersembunyi,iajuga mendalami dan mengasah ilmu pencaknya. Ia pernah singgah ke batavia, pada seorang kerabatnya disana. Namun di sana ia juga sering membuat onar terhadap belanda hingga akhirnya ia berangkat ke tanah suci Mekah.<br />&nbsp&nbsp

Setelah menikah dengan puteriKH Ali, ia mendirikan pondok pesantren Binorong di Banjarnegara. Sepulang dari tanah suci ia berganti nama menjadi KH Busyro Syuhada. Pondok pesantren Binorongsemakin berkembang pesat. Diantara santri-santrinya antara lain : Achyat (H Burhan) adik misan Ibrahim, M Yasin (Abu Amar Syuhada) adik kandung, dan Sudirman (Panglima Besar Jenderal Sudirman).<br />&nbsp&nbsp

Dalam konferensi Pemuda Muhammadiyah di Yogyakarta tahun 1921, KH Busyro bertemu pertama kali dengan dua kakak beradik : A Dimyati dan M Wahib. Diawali dengan adu kawruh antara M Wahib dengan H Burhan, selanjutnya A Dimyati dan M Wahib mengangkat KH Busyro sebagai guru.

42

KH Busyro terkenal menguasai ilmu pencak inti, sedangkan H Burhan terkenal menguasai ilmu pencak ragawi. Menurut riwayat, kedua kakak beradik (A Dimyati dan M Wahib) belajar selama 5 hari untuk menguasai 15 jurus, dan 5 kembangan. Selanjutnya A Dimyati dan M Wahib kembali ke yogyakarta, diikuti KH Busyro dan H Burhan yang pindah ke Yogyakarta. Masyarakat lingkunganya menyebut mereka pendekar pencak. Seiring berpindahnya KH Busyro ke Kauman, Yogyakarta, aliran Banjaran yang pada awalnya dikembangkan di pondok pesantren Binorong akhirnya sementara berpusat di Kauman.

Pendekar A Dimyati sifatnya pendiam dan cenderung tertutup, sedangM Wahib agresif dan terbuka. Pembawaan A Dimyati mirip dengan H Burhan. Sedang pembawaan M Wahib mirip gurunya(KH Busyro). Karena itulah nama M Wahib lebih menonjol dibanding A Dimyati. Sedang A Dimyati yang ilmunya lebih tangguh dari adiknya tidak ada catatan mengenai sepak terjangnya.

Karena sifat mereka berbeda, maka sering keduanya terlibat bentrok, termasuk dalam hal adu kaweruh. KH Busyro memahami karakter mereka dan tahu bahwa sekalipun berbeda, keduanya berbakat tinggi dalam pencak.

Melihat hal demikian KH Busyro menunjuk pendekar A Dimyati untuk berkelana ke barat, sebagaimana yang pernah dijalani pendekar KH Busyro. Sesuai tradisi yang berlaku bahwa pendekar A DImyati yang sudah mengangkat guru kepada KH Busyro tidak boleh berguru kepada guru pencak lainya. Untuk itu dalam berkelana ini yang dilakukan adalah "adu kawruh". Dikisahkan bahwa pendekar A Dimyati berhasil menguasai ilmu Cikalong,Cimande dan Cibarosa.

Adapun KH Busyro menunjuk M Wahib untuk berkelana ke timur hingga beberapa tempat sempat disinggahi oleh pendekar M Wahib (bawean dan madura). Karena sifatnya yang agresif dan terbuka maka "adu kawruh diartikan dengan berkelahi, menguji ilmu dengan para pendekar yang mengklaim dirinya sakti. Menurut kisah yang diceritakan M Wahib "kemana-mana saya naik turun panggung (gelanggang) untuk bertanding dan mendapat uang/ menang, kalau diperlukan saya memakai senjata handuk dan sepotong besi sejengkalberlafal Alif".

Setelah pengembaraan pendekar A Dimyati ke barat, dan pendekar M Wahib ke timur, keduanya kembali kejogja. Kebiasaan mencari lawan tanding pendekar M Wahib diarahkan kepada anak-anak belanda ataupun tentara belanda.

Cikauman

43

Pada tahun 1925, dilingkungan KaumanTengah dibuka latihan pencak oleh A Dimyati dan MWhib atas restu KH Busyro. Pada saat inilah M Wahib menyatakan CIKAUMAN adalah satu-satunya pencak yang ada dikauman. Penamaan aliran ini sebagaimana menunjuk satu tempat sebagai nama aliran. Adapun penyebutan aliran cikauman ini mengandung pengertian sebagai aliran Banjaran-Kauman, dengan maknabahwa aliran ini merupakan kelanjutan dari aliran banjaran.

Pada waktu itu digariskan dengan tegas dasar yang harus dipatuhi dan dilaksanakanoleh semua muridnya, yaitu :</p> </div> </div> <div class="sidebar"> <div class="gadget"> <h2 class="star"><span>archives</h2> <div class="clr"></div> <ul class="sb_menu">

<li> <a href="#">2015</a>

<ul><li>

<a href="#">January</a> </li><li>

<a href="#">February</a> </li><li>

<a href="#">March</a> </li></ul>

</li><li>

<a href="#">2014</a><ul>

<li> <a href="#">January</a> </li>

<li> <a href="#">February</a> </li>

<li> <a href="#">March</a> </li>

</ul> </li>

<li> <a href="#">2013</a>

<ul><li>

<a href="#">January</a> </li><li>

44

<a href="#">February</a> </li><li>

<a href="#">March</a> </li></ul>

</li><li>

<a href="#">2012</a><ul>

<li> <a href="#">January</a> </li>

<li> <a href="#">February</a> </li>

<li> <a href="#">March</a> </li>

</ul> </li>

</ul>

</div> <div class="gadget"> <h2 class="star"><span>BERITA</span></h2> <div class="clr"></div> <ul class="ex_menu"> <li><a href="index.html">1</a><br /> Teknik - teknik dalam pencak silat</li>....<a href="#"> read more</a>

<li><a href="index.html">2</a><br /> Din Syamsudin semarakkan

dakwah</li>....<a href="#">read more</a> </ul> </div> </div> <div class="clr"></div> </div> </div> <div class="fbg"> <div class="fbg_resize"> <div class="col c1"> <h2><span>Image</span> Gallery</h2> <a href="#"><img src="images/gal1.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal2.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal4.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal5.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img

45

src="images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a> </div> <div class="col c3"> <h2><span>Contact</span> Us</h2> <p>Hubungi kami </p> <p class="contact_info"> <span>Address:</span> Pangkalpinang Bangka-Belitung<br /> <span>Telephone:</span> 0819-2546-2544 <br /> <span>FAX:</span> 0717-431611 <br /> <span>Others:</span>contact person 0821-7556-4444 <br /> <span>E-mail:</span> <a href="#">[email protected]</a> </p> </div> <div class="clr"></div> </div> </div> <div class="footer"> <div class="footer_resize"> <p class="lf">&copy; Copyright <a href="#">Benny & Andi</a>.</p> <p class="rf">Design by Benny & Andi</a></p> <div style="clear:both;"></div> </div> </div></div><div class="chat-box">

<input type="checkbox" />

<label data-collapsed="Buka Chatbox" data-expanded="Tutup Chatbox"></label>

<br />

<div class="chat-box-content">

<!-- Kode buku tamu dsb... -->

</div>

</div></body></html>contact.php

46

<!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><title>TAPAK SUCI</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><link href="css/style.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" type="text/css" href="css/coin-slider.css" /><script type="text/javascript" src="js/artmenu.js"></script><script type="text/javascript" src="js/artscript.js"></script><script type="text/javascript" src="js/cufon-yui.js"></script><script type="text/javascript" src="js/cufon-titillium-250.js"></script><script type="text/javascript" src="js/jquery-1.4.2.min.js"></script><script type="text/javascript" src="js/script.js"></script><script type="text/javascript" src="js/coin-slider.min.js"></script></head><body><div class="main"> <div class="header"> <div class="header_resize"> <ul id="nav">

<li class=""><a href="index.html">HOME</a></li><li><a href="#">PROFIL</a></li><li><a href="contact.html">CONTACT</a></li><li><a href="#">ORGANISASI</a>

<ul>

<li><a href="#">PIMPINAN WILAYAH</a><ul>

<li><a href="#">PKP</a></li>

<li><a href="#">BATENG</a></li>

<li><a href="#">BASEL</a></li>

<li><a href="#">BANGKA</a></li>

<li><a href="#">BABAR</a></li>

<li><a href="#">BELITUNG</a></li>

47

<li><a href="#">BELTIM</a></li>

</ul></li>

</ul></li><li><a href="about.html">ABOUT US</a></li>

</ul> <div class="logos"> <img src="logotapaksuci.png" align="left" width="70"

height="70"> </div>

<div class="logo"> <h1><a href="index.html">TAPAK SUCI</span> <small>Bangka Belitung</small></h1> </div>

<div class="clr"></div> <div class="slider"> <div id="coin-slider"> <a href="#"><img src="images/slide1.jpg" width="940" height="310" alt="" /> </a> <ahref="#"><img src="images/slide2.jpg" width="940" height="310" alt="" /> </a> <a href="#"><img src="images/slide3.jpg" width="940" height="310" alt="" /> </a> </div> <div class="clr"></div> </div> <div class="clr"></div> </div> </div> <div class="content"> <div class="content_resize"> <div class="mainbar"> <div class="article"> <h2><span>Contact</span></h2> <div class="clr"></div> <p>Kalau saudara semua tertarik untuk memberikan komentar terhadap berita atau artikel di atas, kami mohon agar memberikan komentar yang santun untuk kemajuan Persyarikatan Muhammadiyah di masa yang akan datang. Isi komentar terserah dari pembaca, tapi jika dinilai kurang layak tampil oleh pengelola website, maka kami akan menghapusnya. </p> <form id="form2" name="form2" method="post" enctype="multipart/form-data" onsubmit="return validasi(this)" action="/id/komentar.html"> <table border="0"> <tbody>

48

<tr> <td>( ) Harus Diisi</td> </tr> </tbody> </table> </form> </div> <div class="article"> <h2><span>Send us</span> mail</h2> <div class="clr"></div> <form action="#" method="post" id="sendemail"> <ol> <li> <label for="name">Name (required)</label> <input id="name" name="name" class="text" /> </li> <li> <label for="email">Email Address (required)</label> <input id="email" name="email" class="text" /> </li> <li> <label for="website">Website</label> <input id="website" name="website" class="text" /> </li> <li> <label for="message">Your Message</label> <textarea id="message" name="message" rows="8" cols="50"></textarea> </li> <li> <input type="image" name="imageField" id="imageField" src="images/submit.gif" class="send" /> <div class="clr"></div> </li> </ol> </form> </div> </div> <div class="sidebar"> <div class="gadget"> <h2 class="star"><span>archives</h2> <div class="clr"></div> <ul class="sb_menu">

<li> <a href="#">2015</a>

49

<ul><li>

<a href="#">January</a> </li><li>

<a href="#">February</a> </li><li>

<a href="#">March</a> </li></ul>

</li><li>

<a href="#">2014</a><ul>

<li> <a href="#">January</a> </li>

<li> <a href="#">February</a> </li>

<li> <a href="#">March</a> </li>

</ul> </li>

<li> <a href="#">2013</a>

<ul><li>

<a href="#">January</a> </li><li>

<a href="#">February</a> </li><li>

<a href="#">March</a> </li></ul>

</li><li>

<a href="#">2012</a><ul>

<li> <a href="#">January</a> </li>

<li> <a href="#">February</a> </li>

<li> <a href="#">March</a> </li>

</ul> </li>

</ul>

</div> <div class="gadget"> <h2 class="star"><span>BERITA</span></h2>

50

<div class="clr"></div> <ul class="ex_menu"> <li><a href="index.html">1</a><br /> Teknik - teknik dalam pencak silat</li>....<a href="#"> read more</a>

<li><a href="index.html">2</a><br /> Din Syamsudin semarakkan

dakwah</li>....<a href="#">read more</a> </ul> </div> </div> <div class="clr"></div> </div> </div> <div class="fbg"> <div class="fbg_resize"> <div class="col c1"> <h2><span>Image</span> Gallery</h2> <a href="#"><img src="images/gal1.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal2.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal4.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal5.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a> </div> <div class="col c3"> <h2><span>Contact</span> Us</h2> <p>Hubungi kami </p> <p class="contact_info"> <span>Address:</span> Pangkalpinang Bangka-Belitung<br /> <span>Telephone:</span> 0819-2546-2544 <br /> <span>FAX:</span> 0717-431611 <br /> <span>Others:</span>contact person 0821-7556-4444 <br /> <span>E-mail:</span> <a href="#">[email protected]</a> </p> </div> <div class="clr"></div> </div> </div> <div class="footer"> <div class="footer_resize"> <p class="lf">&copy; Copyright <a href="#">Benny & Andi</a>.</p>

51

<p class="rf">Design by Benny & Andi</a></p> <div style="clear:both;"></div> </div> </div></div></body></html>

organisasi.php

<!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><title>TAPAK SUCI</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><link href="css/style.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" type="text/css" href="css/coin-slider.css" /><script type="text/javascript" src="js/artmenu.js"></script><script type="text/javascript" src="js/artscript.js"></script><script type="text/javascript" src="js/cufon-yui.js"></script><script type="text/javascript" src="js/cufon-titillium-250.js"></script><script type="text/javascript" src="js/jquery-1.4.2.min.js"></script><script type="text/javascript" src="js/script.js"></script><script type="text/javascript" src="js/coin-slider.min.js"></script></head><body><div class="main"> <div class="header"> <div class="header_resize"> <ul id="nav">

<li class=""><a href="index.html">HOME</a></li><li><a href="#">PROFIL</a></li><li><a href="contact.html">CONTACT</a></li><li><a href="#">ORGANISASI</a>

<ul>

<li><a href="#">PIMPINAN WILAYAH</a><ul>

52

<li><a href="#">PKP</a></li>

<li><a href="#">BATENG</a></li>

<li><a href="#">BASEL</a></li>

<li><a href="#">BANGKA</a></li>

<li><a href="#">BABAR</a></li>

<li><a href="#">BELITUNG</a></li>

<li><a href="#">BELTIM</a></li>

</ul></li>

</ul></li><li><a href="about.html">ABOUT US</a></li>

</ul> <div class="logos"> <img src="logotapaksuci.png" align="left" width="70"

height="70"> </div>

<div class="logo"> <h1><a href="index.html">TAPAK SUCI</span> <small>Bangka Belitung</small></h1> </div>

<div class="clr"></div> <div class="slider"> <div id="coin-slider"> <a href="#"><img src="images/slide1.jpg" width="940" height="310" alt="" /> </a> <ahref="#"><img src="images/slide2.jpg" width="940" height="310" alt="" /> </a> <a href="#"><img src="images/slide3.jpg" width="940" height="310" alt="" /> </a> </div> <div class="clr"></div> </div> <div class="clr"></div> </div> </div> <div class="content"> <div class="content_resize"> <div class="mainbar"> <div class="article"> <h2><span>Contact</span></h2>

53

<div class="clr"></div> <p>Kalau saudara semua tertarik untuk memberikan komentar terhadap berita atau artikel di atas, kami mohon agar memberikan komentar yang santun untuk kemajuan Persyarikatan Muhammadiyah di masa yang akan datang. Isi komentar terserah dari pembaca, tapi jika dinilai kurang layak tampil oleh pengelola website, maka kami akan menghapusnya. </p> <form id="form2" name="form2" method="post" enctype="multipart/form-data" onsubmit="return validasi(this)" action="/id/komentar.html"> <table border="0"> <tbody> <tr> <td>( ) Harus Diisi</td> </tr> </tbody> </table> </form> </div> <div class="article"> <h2><span>Send us</span> mail</h2> <div class="clr"></div> <form action="#" method="post" id="sendemail"> <ol> <li> <label for="name">Name (required)</label> <input id="name" name="name" class="text" /> </li> <li> <label for="email">Email Address (required)</label> <input id="email" name="email" class="text" /> </li> <li> <label for="website">Website</label> <input id="website" name="website" class="text" /> </li> <li> <label for="message">Your Message</label> <textarea id="message" name="message" rows="8" cols="50"></textarea> </li> <li> <input type="image" name="imageField" id="imageField" src="images/submit.gif" class="send" /> <div class="clr"></div> </li>

54

</ol> </form> </div> </div> <div class="sidebar"> <div class="gadget"> <h2 class="star"><span>archives</h2> <div class="clr"></div> <ul class="sb_menu">

<li> <a href="#">2015</a>

<ul><li>

<a href="#">January</a> </li><li>

<a href="#">February</a> </li><li>

<a href="#">March</a> </li></ul>

</li><li>

<a href="#">2014</a><ul>

<li> <a href="#">January</a> </li>

<li> <a href="#">February</a> </li>

<li> <a href="#">March</a> </li>

</ul> </li>

<li> <a href="#">2013</a>

<ul><li>

<a href="#">January</a> </li><li>

<a href="#">February</a> </li><li>

<a href="#">March</a> </li></ul>

</li><li>

<a href="#">2012</a><ul>

<li>

55

<a href="#">January</a> </li><li>

<a href="#">February</a> </li><li>

<a href="#">March</a> </li></ul>

</li></ul>

</div> <div class="gadget"> <h2 class="star"><span>BERITA</span></h2> <div class="clr"></div> <ul class="ex_menu"> <li><a href="index.html">1</a><br /> Teknik - teknik dalam pencak silat</li>....<a href="#"> read more</a>

<li><a href="index.html">2</a><br /> Din Syamsudin semarakkan

dakwah</li>....<a href="#">read more</a> </ul> </div> </div> <div class="clr"></div> </div> </div> <div class="fbg"> <div class="fbg_resize"> <div class="col c1"> <h2><span>Image</span> Gallery</h2> <a href="#"><img src="images/gal1.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal2.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal4.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal5.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a> </div> <div class="col c3"> <h2><span>Contact</span> Us</h2> <p>Hubungi kami </p> <p class="contact_info"> <span>Address:</span> Pangkalpinang Bangka-Belitung<br /> <span>Telephone:</span> 0819-2546-2544 <br />

56

<span>FAX:</span> 0717-431611 <br /> <span>Others:</span>contact person 0821-7556-4444 <br /> <span>E-mail:</span> <a href="#">[email protected]</a> </p> </div> <div class="clr"></div> </div> </div> <div class="footer"> <div class="footer_resize"> <p class="lf">&copy; Copyright <a href="#">Benny & Andi</a>.</p> <p class="rf">Design by Benny & Andi</a></p> <div style="clear:both;"></div> </div> </div></div></body></html>

about.php

<!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><title>TAPAK SUCI</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><link href="css/style.css" rel="stylesheet" type="text/css" /><link rel="stylesheet" type="text/css" href="css/coin-slider.css" /><script type="text/javascript" src="js/artmenu.js"></script><script type="text/javascript" src="js/artscript.js"></script><script type="text/javascript" src="js/cufon-yui.js"></script><script type="text/javascript" src="js/cufon-titillium-250.js"></script><script type="text/javascript" src="js/jquery-1.4.2.min.js"></script><script type="text/javascript" src="js/script.js"></script><script type="text/javascript" src="js/coin-slider.min.js"></script></head><body><div class="main"> <div class="header">

57

<div class="header_resize"> <ul id="nav">

<li class=""><a href="index.html">HOME</a></li><li><a href="#">PROFIL</a></li><li><a href="contact.html">CONTACT</a></li><li><a href="#">ORGANISASI</a>

<ul>

<li><a href="#">PIMPINAN WILAYAH</a><ul>

<li><a href="#">PKP</a></li>

<li><a href="#">BATENG</a></li>

<li><a href="#">BASEL</a></li>

<li><a href="#">BANGKA</a></li>

<li><a href="#">BABAR</a></li>

<li><a href="#">BELITUNG</a></li>

<li><a href="#">BELTIM</a></li>

</ul></li>

</ul></li><li><a href="about.html">ABOUT US</a></li>

</ul> <div class="logo"> <h1><a href="index.html">TAPAK SUCI</span> <small>Bangka Belitung</small></h1> </div>

<div class="clr"></div> <div class="slider"> <div id="coin-slider"> <a href="#"><img src="images/slide1.jpg" width="940" height="310" alt="" /> </a> <ahref="#"><img src="images/slide2.jpg" width="940" height="310" alt="" /> </a> <a href="#"><img src="images/slide3.jpg" width="940" height="310" alt="" /> </a> </div> <div class="clr"></div> </div> <div class="clr"></div> </div>

58

</div> <div class="content"> <div class="content_resize"> <div class="mainbar"> <div class="article"> <h2><span>Tentang</span> TAPAK SUCI </h2> <div class="clr"></div> <p><strong>Dasar Perguruan Bela Diri Tapak Suci </strong></p> <p>Dasar keilmuan Tapak Suci sudah jelas adanya, yaitu tidak akan lepas dari sifat manusia sebagai kalifatullah di bumi, serta yang tidak pernah lepas dari Al-Qur'an dan Sunah Rasul. Dengan kenyataan tersebut sumber keilmuan Tapak Suci lebih dititik beratkan kepada pengertian manusia sebagaimana pengertian yang dikandung Al-Qur'an serta tanggung jawabnya sebagai hamba Nya untuk selalu beramar ma'ruf dan bernahi mungkar,serta menjauhkan dirinya dari perbuatan syirik yang tercela. Dan pada hakekatnya beladiri Tapak Suci adalah beladiri yang didasari pada penggunaan kecepatan, ketangkasan, Rasio, Iman serta Ketakwaan.</p> </div> <div class="article"> <h2><span>Misi</span> dan Tujuan</h2> <div class="clr"></div> <p><strong>Berikut Visi dan Misi Perguruan Tapak Suci Babel </strong></p> <p align="justify">Visi :<br /> Menciptakan generasi muda yang militan untuk menegakkan amar ma`ruf nahi mungkar<br /> <br /> Misi :<br /> 1. Membina generasi muda agar berkepribadian dan berakhlak mulia<br /> 2. Mengembangkan potensi generasi muda ke arah yang lebih baik</p>

</div> </div> <div class="sidebar"> <div class="gadget"> <h2 class="star"><span>archives</h2> <div class="clr"></div> <ul class="sb_menu">

<li> <a href="#">2015</a>

<ul>

59

<li> <a href="#">January</a> </li>

<li> <a href="#">February</a> </li>

<li> <a href="#">March</a> </li>

</ul> </li>

<li> <a href="#">2014</a>

<ul><li>

<a href="#">January</a> </li><li>

<a href="#">February</a> </li><li>

<a href="#">March</a> </li></ul>

</li><li>

<a href="#">2013</a><ul>

<li> <a href="#">January</a> </li>

<li> <a href="#">February</a> </li>

<li> <a href="#">March</a> </li>

</ul> </li>

<li> <a href="#">2012</a>

<ul><li>

<a href="#">January</a> </li><li>

<a href="#">February</a> </li><li>

<a href="#">March</a> </li></ul>

</li></ul>

</div> <div class="gadget"> <h2 class="star"><span>BERITA</span></h2> <div class="clr"></div>

60

<ul class="ex_menu"> <li><a href="index.html">1</a><br /> Teknik - teknik dalam pencak silat</li>....<a href="#"> read more</a>

<li><a href="index.html">2</a><br /> Din Syamsudin semarakkan

dakwah</li>....<a href="#">read more</a> </ul> </div> </div> <div class="clr"></div> </div> </div> <div class="fbg"> <div class="fbg_resize"> <div class="col c1"> <h2><span>Image</span> Gallery</h2> <a href="#"><img src="images/gal1.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal2.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal3.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal4.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal5.jpg" width="75" height="75" alt="" class="gal" /></a> <a href="#"><img src="images/gal6.jpg" width="75" height="75" alt="" class="gal" /></a> </div> <div class="col c3"> <h2><span>Contact</span> Us</h2> <p>Hubungi kami </p> <p class="contact_info"> <span>Address:</span> Pangkalpinang Bangka-Belitung<br /> <span>Telephone:</span> 0819-2546-2544 <br /> <span>FAX:</span> 0717-431611 <br /> <span>Others:</span>contact person 0821-7556-4444 <br /> <span>E-mail:</span> <a href="#">[email protected]</a> </p> </div> <div class="clr"></div> </div> </div> <div class="footer"> <div class="footer_resize"> <p class="lf">&copy; Copyright <a href="#">Benny & Andi</a>.</p> <p class="rf">Design by Benny & Andi</a></p>

61

<div style="clear:both;"></div> </div> </div></div></body></html>

62

LEMBAR BERITA ACARA KONSULTASI DOSENPEMBIMBING KP STMIK ATMA LUHUR

Nama Instansi KP

Tapak Suci

Alamat Instansi

Jl. KH. Abdul Hamid Pangkalpinang - Bangka

Dosen Pembimbing

Yurindra, MT

NO. NIM NAMA1. 1111500042 Andithia2. 1111500073 Benny Bunandar

No.

Tanggal Materi yang dikonsultasikan

Paraf DosenMhs1 Mhs2

1. 26 September 2014

Diskusi KP

2. 10 Oktober 2014

BAB 1

3. 22 Oktober 2014

BAB II

4. 24 November 2014

BAB III

5. 1 Desember 2014

BAB IV

6. 19 Desember 2014

BAB V

7. 22 Desember 2014

Kelengkapan

8.

63

Mahasiswa diatas telah melakukan bimbingan dengan jumlah materi yang telah mencukupi.

Pangkalpinang, 8 Januari 2015Dosen Pembimbing KP

(Yurindra, MT)NIDN. 0429057402

Catatan

1. Kolom Mhs1dan Mhs2 diparaf oleh dosen pembimbing KP sebagai tanda kehadiran mahasiswa KP pada saat konsultasi.

2. Kartu bimbingan ini berlaku sebagai syarat

pengumpulan KP ke BAAK.

LEMBAR BERITA ACARA KUNJUNGAN KP

Teknik Informatika - STMIK Atma Luhur

Nama Instansi KP

Tapak Suci

Alamat Instansi

Jl. KH. Abdul Hamid Pangkalpinang - Bangka

Dosen Pembimbing

Yurindra, MT

NO. NIM NAMA1. 1111500042 Andithia2. 1111500073 Benny Bunandar

No Tanggal Materi yang Paraf Dosen

64

. dikonsultasikanMhs1 Mhs2

1. 29 September 2014

Pengenalan Instansi

2. 9 Oktober 2014

Pengenalan Organisasi

3. 14 Oktober 2014

Proses Administrasi

4. 03 November 2014

Data Dokumen

5. 22 Desember 2014

Uji coba aplikasi

Catatan

1. Kolom Mhs1dan Mhs2 ditandatangani oleh dosen pembimbing praktek KP sebagai tanda kehadiran mahasiswa KP di instansi tempat praktek.

Pangkalpinang, 8 Januari 2015Dosen Pembimbing KP

(Yurindra, MT)NIDN. 0429057402

65