Sistem Informasi Keanggotaan Berbasis We

(1)

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

(2)

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

(3)

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

(4)

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

(5)

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.

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

(6)

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

1.6 Sistematika Penulisan...2

BAB II LANDASAN TEORI

2.1 Konsep dasar web program...4

BAB III ORGANISASI

3.1 Sejarah Perguruan Tapak Suci……….10

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

3.3 Prinsip Dasar Organisasi………...12

BAB IV PEMBAHASAN

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

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

4.3 Penggunaan Aplikasi………..18

4.4 Publikasi Web………..19

4.5 Nama Domain………...19

4.6 Kapasitas Hosting……….19

(7)

BAB V Penutup

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

5.2 Saran ……….24

DAFTAR PUSTAKA………...25

(8)

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

(9)

LAMPIRAN

(10)

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 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 :

(11)

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.

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 :

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.

(12)

(13)

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 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.

B. Aplikasi Web berbasis client dan berbasis server.

(14)

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

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.

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 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.

(15)

MySQL server

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.

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 :

1. Mempunyai dukungan kepada banyak database, sehingga membuat

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

(16)

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 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 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.

(17)

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 Ibrahim,

M Yasin (Abu Amar Syuhada) adik kandung, dan Sudirman (Panglima Besar

Jenderal Sudirman).

(18)

(19)

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 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

(20)

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.

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.

(21)

(22)

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

B. Halaman Profil

(23)

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

D. Halaman Menu Organisasi

(24)

Gambar IV.4 Gambar Struktur Organisasi

Gambar IV. 5 Gambar Data Pengurus dan Anggota

E. Halaman Menu About Us

Pada halaman ini berisi tentang Tapak Suci, misi dan tujuan.

(25)

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.

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.4 Publikasi 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

(26)

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 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)

(27)

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)

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

(28)

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)

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.

(29)

(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 salah satu pilihan utama dalam

pembuatan apliksai berbasis web karena keunggulannya dan kemudahan

dalam pemakaian.

(31)

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)

DAFTAR PUSTAKA

1. Firdaus. 2007. PHP & MySQL dengan Dreamweaver

Penerbit 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.

(33)

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">

css/coin-slider.css" />

js/cufon-titillium-250.js"></script>

<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>

(34)

<li><a

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

</div>

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

</div>

<div id="coin-slider"> <a href="#"><img

src="images/slide1.jpg" width="940" height="310" alt="" /> </a> <a href="#"><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>

(35)

<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>   </p>

</div>

(36)

</li>

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

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>

<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/gal6.jpg" width="75" height="75" alt="" class="gal" /></a> </div>

<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 />

(37)

</div>

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

</div> </div> </div>

<br />

</div>

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

profil.php

(38)

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

<ul>

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

</div>

</div>

(39)

</div> </div>

<div class="content_resize"> <div class="mainbar"> 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.<br />

&nbsp &nbsp

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.<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 Binorong semakin 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.

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.

(40)

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 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.

Pada waktu itu digariskan dengan tegas dasar yang harus dipatuhi dan dilaksanakanoleh semua muridnya, yaitu :</p>

</div>

(41)

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

</div> </div>

</div>

(42)

<span>Others:</span>contact person 0821-7556-4444 <br /> <span>E-mail:</span> <a href="#">Tapaksuci@gmail.com</a> </p>

</div>

</div> </div> </div>

<br />

</div>

(43)

contact.php

<ul>

(44)

</ul>

</div>

</div>

<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>

(45)

<label for="email">Email Address id="imageField" src="images/submit.gif" class="send" /> <div class="clr"></div>

(46)

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

</div> </div>

</div>

(47)

</div>

(48)

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

</div>

</div>

<h2><span>Contact</span></h2> <div class="clr"></div>

<p>Kalau saudara semua tertarik untuk memberikan

(49)

(50)

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

</div> </div>

(51)

</div>

</div>

(52)

js/coin-slider.min.js"></script></head> <body>

<ul>

</div>

(53)

</div>

<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>

<h2><span>Misi</span> dan Tujuan</h2> <div class="clr"></div>

<p><strong>Berikut Visi dan Misi Perguruan Tapak Suci Babel </strong></p>

Menciptakan generasi muda yang militan untuk menegakkan amar ma`ruf nahi mungkar<br />

<br />

(54)

</ul>

</div> </div>

</div>

(55)

</div>