03.06.2013 Views

pembuatan sistem pertandingan olahraga berbasis web pada kegiat

pembuatan sistem pertandingan olahraga berbasis web pada kegiat

pembuatan sistem pertandingan olahraga berbasis web pada kegiat

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

PEMBUATAN SISTEM PERTANDINGAN OLAHRAGA BERBASIS WEB<br />

PADA KEGIATAN PORKOT III DI KOTA DEPOK<br />

Syahlan Yazid<br />

Jurusan Sistem Informasi, Fakultas Ilmu Komputer, Universitas Gunadarma<br />

ABSTRAK<br />

Penulisan Tugas Akhir ini menjelaskan tentang <strong>sistem</strong> dari sebuah<br />

<strong>pertandingan</strong> yang berisi informasi mengenai hasil maupun jadwal dari <strong>pertandingan</strong><br />

<strong>olahraga</strong> yang <strong>berbasis</strong> <strong>web</strong>. Tujuannya untuk memberikan informasi serta<br />

dokumentasi mengenai berita seputar <strong>pertandingan</strong> yang terjadi, jadwal dari<br />

<strong>pertandingan</strong> yang akan berlangsung secara umum, hasil dari <strong>pertandingan</strong> yang<br />

terjadi, serta profile dari atlit yang mengikuti <strong>pertandingan</strong> Pekan Olahraga Kota<br />

(PORKOT) III 2009 di Kota Depok.<br />

Penulisan tugas akhir ini membahas tentang langkah-langkah <strong>pembuatan</strong><br />

database. Mulai dari perancangan database dan perancangan tampilan yang berisi<br />

informasi seputar <strong>pertandingan</strong>.<br />

Dengan adanya <strong>sistem</strong> <strong>berbasis</strong> <strong>web</strong> ini tentunya masyarakat akan<br />

mendapatkan informasi yang diperlukan baik jadwal, hasil, berita maupun atlitnya,<br />

tanpa harus datang ke tempat <strong>pertandingan</strong> hanya untuk mengetahui jadwal, maupun<br />

hasil dari peserta <strong>pertandingan</strong>, selain itu adanya jadwal <strong>pertandingan</strong> diharapkan<br />

dapat membantu pembaca yang ingin melihat <strong>pertandingan</strong> secara langsung, agar bisa<br />

mempersiapkan waktunya sebelum acara ini berlangsung, sehingga dengan<br />

banyaknya pembaca yang mengetahui informasi tentang <strong>kegiat</strong>an PORKOT yang<br />

akan diadakan oleh KONI Depok dapat berjalan dengan baik dan lancar.<br />

Kata Kunci : KONI DEPOK, Pekan Olahraga Kota (PORKOT).


ABSTRACT<br />

This final project describes the system from a game that contains information<br />

about the results or timetable of <strong>web</strong>-based sports game. The aim is to provide<br />

information and documentation about the news surrounding the game was going on,<br />

the schedule of matches which will take place in general, the outcome of the match<br />

was going on, and profiles of athletes who follow the game Pekan Olahraga Kota<br />

(PORKOT) III 2009 in Depok City.<br />

This thesis discusses the database creation steps. Starting from the design<br />

database and design of the display that contains information about the game.<br />

With the <strong>web</strong>-based system is certainly the community will get the<br />

information required in schedule, results, news and athletes, without having to come<br />

to the game only to find out the schedule, and results from the match participants,<br />

other than that the schedule is expected to assist readers who wish see the game<br />

directly, in order to prepare his time before this event took place, so that by the<br />

number of readers who know information about PORKOT activities to be held by<br />

KONI Depok can run well and smoothly.<br />

Keywords : KONI DEPOK, Pekan Olahraga Kota (PORKOT)


Latar Belakang Masalah<br />

1. PENDAHULUAN<br />

Perkembangan tekhnologi yang semakin pesat dibidang ilmu pengetahuan dan<br />

tekhnologi maupun <strong>pada</strong> bidang-bidang lain, membuat semakin mudahnya pembaca<br />

dalam memperoleh informasi. Namun, dengan perkembangan tekhnologi yang<br />

semakin hebat, para pencari informasi dituntut untuk dapat menyaring informasi yang<br />

didapat apakah baik atau tidak.<br />

Walapun perkembangan IT <strong>pada</strong> zaman sekarang ini sudah semakin maju,<br />

<strong>pada</strong> kenyataannya masih banyak pembaca yang belum mengetahui bahkan belum<br />

mengerti bagaimana cara mendapatkan maupun menggunakan tekhnologi informasi<br />

tersebut. Untuk itu para pembuat <strong>sistem</strong> tekhnologi informasi diharapkan dapat<br />

membuat <strong>sistem</strong> yang lebih baik serta mudah dimengerti oleh pembaca agar informasi<br />

yang akan disampaikan <strong>pada</strong> <strong>sistem</strong> tersebut dapat diterima dan dimengerti oleh<br />

pembaca.<br />

Untuk itu penulis mencoba membuat sebuah <strong>sistem</strong> yang kaya akan informasi<br />

khususnya <strong>pada</strong> bidang <strong>olahraga</strong>. Disini penulis bekerja sama dengan pihak KONI<br />

Depok untuk membuat sebuah <strong>sistem</strong> mengenai <strong>pertandingan</strong> Pekan Olahraga Kota<br />

(PORKOT) yang akan diselenggarakan <strong>pada</strong> bulan Juli oleh KONI Depok. Penulis<br />

mencoba untuk memberikan informasi yang update ke<strong>pada</strong> pembaca tentang<br />

informasi pertadingan <strong>olahraga</strong>, baik jadwal, hasil dan informasi tentang atlit. Untuk<br />

itu penulis akan mencoba membuat <strong>sistem</strong> <strong>pertandingan</strong> <strong>olahraga</strong> <strong>berbasis</strong> <strong>web</strong> <strong>pada</strong><br />

<strong>kegiat</strong>an PORKOT III di kota depok untuk membantu dalam memberikan informasi<br />

tentang hasil <strong>pertandingan</strong> serta membantu pihak KONI untuk mendokumentasikan<br />

informasi <strong>olahraga</strong> dalam bentuk <strong>sistem</strong> <strong>berbasis</strong> <strong>web</strong> supaya informasi mengenai<br />

<strong>olahraga</strong> dapat tersebar secara luas dan mudah di dapatkan oleh para penggemar<br />

<strong>olahraga</strong> di Indonesia khususnya di Kota Depok.


Tujuan Masalah<br />

Adapun tujuan dari <strong>pembuatan</strong> <strong>sistem</strong> ini adalah untuk mengumpulkan<br />

informasi dari <strong>pertandingan</strong>-<strong>pertandingan</strong> yang akan berlangsung <strong>pada</strong> <strong>kegiat</strong>an<br />

PORKOT III, supaya pembaca lebih mudah untuk mendapatkan informasi mengenai<br />

jadwal, hasil serta atlit yang ikut serta dalam <strong>pertandingan</strong><br />

Studi Pustaka<br />

2. METODE PENELITIAN<br />

Data penulis dapatkan melalui buku-buku yang berhubungan dengan masalah<br />

penulisan, selain itu penulis juga mendapatkan data dari <strong>web</strong>site KONI Depok untuk<br />

mendapatkan data-data yang penulis butuhkan.<br />

Studi Lapangan<br />

Selain melalui studi pustaka, penulis juga mendapatkan data melalui studi<br />

lapangan. Penulis datang langsung ke KONI Depok untuk mengambil data untuk<br />

penyusunan <strong>sistem</strong> <strong>pertandingan</strong> ini, penulis bertanya ke<strong>pada</strong> panitia dari<br />

<strong>pertandingan</strong> PORKOT yang akan diadakan di kota Depok. Melalui panitia PORKOT<br />

penulis mendapatkan gambaran mengenai informasi apa yang ingin ditampilkan <strong>pada</strong><br />

<strong>sistem</strong> yang penulis buat.


3. PEMBAHASAN<br />

Perencanaan Desain Sistem Pekan Olahraga Kota (PORKOT)<br />

Pada perencanaan situs <strong>web</strong> ini penulis melakukan analisis <strong>sistem</strong> untuk<br />

menentukan batasan yang dikaji dengan cara melakukan dialog dengan pihak panitia<br />

<strong>pertandingan</strong> untuk memperoleh informasi apa yang ingin ditampilkan dalam situs<br />

<strong>web</strong> ini.<br />

Dalam sebuah situs <strong>pertandingan</strong> yang ingin ditampilkan oleh panitia<br />

<strong>pertandingan</strong> adalah :<br />

1. jadwal dari <strong>pertandingan</strong><br />

2. hasil dari <strong>pertandingan</strong> berdasarkan kecamatan dan cabang <strong>olahraga</strong><br />

3. perolehan medali<br />

4. profil atlit yang memperoleh medali<br />

Selain keemapat data diatas, penulis juga menambahkan sebuah halaman<br />

berita yang berisi berita-berita seputar <strong>pertandingan</strong> yang terjadi dari awal sampai<br />

selesai <strong>pertandingan</strong>.<br />

Struktur Navigasi<br />

Agar hubungan antar halaman yang akan dibuat terlihat jelas dan tersusun<br />

secara teratur, maka dibuatlah sebuah navigasi situs <strong>web</strong> yang memberikan gambaran<br />

isi sebuah situs <strong>web</strong> secara konsep mengenai informasi apa saja yang akan<br />

ditampilkan dalam situs <strong>web</strong> yang akan dibuat ini.<br />

Struktur navigasi situs <strong>web</strong> yang digunakan <strong>pada</strong> aplikasi ini adalah Struktur<br />

Navigasi Campuran/Composit. Navigasi ini digunakan penulis dengan tujuan<br />

fleksibilitas user didalam mengakses halaman <strong>web</strong>. Dengan kata lain, user tidak perlu<br />

melewati halaman <strong>web</strong> tertentu untuk kembali ke halaman <strong>web</strong> sebelumnya, serta<br />

hubungan antara satu halaman dengan halaman yang lain tidak akan terbatas. Pada<br />

penulisan ini terdapat dua struktur navigasi yaitu struktur navigasi untuk halaman<br />

user dan struktur navigasi untuk halaman admin.


Pekan<br />

Olahraga<br />

Kota<br />

Home<br />

Berita<br />

Koni Depok<br />

Tentang Kami<br />

Jadwal<br />

Hasil<br />

Kecamatan<br />

Hasil Cabor<br />

Hubungi<br />

Kami<br />

Berita Terkini<br />

Banner<br />

Perolehan<br />

berdasarkan<br />

medali tiap<br />

kecamatan<br />

Perolehan<br />

medali<br />

berdasarkan<br />

kecamatan<br />

Perolehan<br />

medali<br />

berdasarkan<br />

cabang<br />

<strong>olahraga</strong><br />

Gambar 1 Struktur Navigasi Halaman User<br />

Profil Atlit


Login<br />

Home<br />

Manajemen User<br />

Manajemen<br />

Modul<br />

Berita<br />

Koni Depok<br />

Tentang Kami<br />

Jadwal<br />

Hasil Kecamatan<br />

Hasil Cabor<br />

Hubungi Kami<br />

Kecamatan<br />

Atlit<br />

Nomor Cabang<br />

Banner<br />

Logout<br />

Ucapan<br />

Tambah<br />

Gambar 2 Struktur Navigasi Halaman Admin<br />

Edit<br />

Hapus<br />

Update<br />

Tambah<br />

Edit<br />

Hapus<br />

Hapus<br />

Tambah<br />

Edit<br />

Hapus<br />

Simpan<br />

Batal<br />

Update<br />

Batal<br />

Simpan<br />

Batal<br />

Update<br />

Batal<br />

Simpan<br />

Batal<br />

Update<br />

Batal


Entity Relationship Diagram (ERD)<br />

ERD <strong>pada</strong> gambar dibawah ini menjelaskan keterhubungan antara masing-<br />

masing tabel serta kardinalitas dalam hubungan antar tabel-tabel yang ada.<br />

Memperole<br />

Medali<br />

Admin<br />

Memasukka<br />

n<br />

1 M<br />

1 M<br />

M<br />

M 1 1<br />

Atlit<br />

M 1 1<br />

Memili<br />

Cab. Olahraga<br />

1 M<br />

1<br />

Memili<br />

M<br />

Nmr. Cabang<br />

Memasukka<br />

n<br />

Memili<br />

1 M<br />

Memperole<br />

Gambar 3 ERD <strong>pada</strong> Sistem Pertandingan PORKOT<br />

Berita<br />

Memili<br />

1<br />

Kategori<br />

Kecamatan<br />

Memperole<br />

Hasil


Struktur Database<br />

Dalam <strong>pembuatan</strong> <strong>web</strong>site <strong>pertandingan</strong> Pekan Olahraga Kota Depok<br />

(PORKOT), digunakan 14 tabel.<br />

Tabel user digunakan untuk menyimpan data administrator. Pada table ini<br />

terdapat 5 field yaitu id_user, password, nama_lengkap, email, level.<br />

Tabel 4.1 Pendefinisian field tabel user<br />

Field Type Length Default Key<br />

id_user VARCHAR 50 auto_increment, Primary Key<br />

password VARCHAR 50<br />

nama_lengkap VARCHAR 100<br />

email VARCHAR 100<br />

level VARCHAR 50 user<br />

Tabel modul digunakan untuk menyimpan menu-menu baru yang akan<br />

ditambahkan di halaman <strong>web</strong>site PORKOT. Jika penulis akan menambahkan menu<br />

baru maka penulis harus membuat modul terlebih dahulu. Pada tabel ini terdapat 9<br />

field yaitu id_modul, nama_modul, link, static_content, gambar, publish, status, aktif,<br />

dan urutan.<br />

Tabel 4.2 Pendefinisian field tabel modul<br />

Field Type Length Default Key<br />

id_modul INT 5 auto_increment, Primary Key<br />

nama_modul VARCHAR 50<br />

link VARCHAR 100<br />

static_content TETX<br />

gambar VARCHAR 100<br />

publish ENUM ('Y','N')<br />

status ENUM ('Y','N')<br />

aktif ENUM ('Y','N')<br />

urutan INT 5<br />

Tabel berita digunakan untuk menampung berita-berita yang terjadi selama<br />

<strong>pertandingan</strong> berlangsung. Pada tabel ini terdapat 10 field yaitu id_berita, id_kategori,<br />

id_user, judul, isi_berita, gambar, hari, tanggal, jam, counter.


Tabel 4.3 Pendefinisian field tabel berita<br />

Field Type Length Default Key<br />

id_berita INT 5 auto_increment, Primary Key<br />

id_kategori INT 5<br />

id_user VARCHAR 50<br />

judul VARCHAR 100<br />

isi_berita TEXT<br />

gambar VARCHAR 100<br />

hari VARCHAR 20<br />

tanggal DATE<br />

jam TIME<br />

counter INT 5 1<br />

Tabel kategori digunakan untuk menyimpan jenis dari berita misalkan<br />

<strong>olahraga</strong>, kesehatan, ilmu pengetahuan, dan sebagainya. Pada tabel ini terdapat 3 field<br />

yaitu id_kategori, nama_kategori, keterangan.<br />

Tabel 4.4 Pendefinisian field tabel kategori<br />

Field Type Length Key<br />

id_kategori INT 5 auto_increment, Primary Key<br />

nama_kategori VARCHAR 50<br />

keterangan VARCHAR 100<br />

Tabel tentangkami digunakan untuk menyimpan data atau profil dari penulis<br />

dan pembimbing. Pada tabel ini terdapat 4 field yaitu id_tentangkami, nama, gambar,<br />

profil.<br />

Tabel 4.5 Pendefinisian field tabel tentangkami<br />

Field Type Length Key<br />

id_tentangkami INT 5 auto_increment, Primary Key<br />

gambar VARCHAR 100<br />

nama VARCHAR 30<br />

profil TEXT


Tabel jadwal digunakan untuk menyimpan data <strong>pertandingan</strong> yang akan<br />

berlangsung. Pada table ini terdapat 7 field yaitu id_jadwal, id_user,<br />

id_cabang<strong>olahraga</strong>, tanggal_mulai, tanggal_selesai, waktu_<strong>pertandingan</strong>,<br />

tempat_<strong>pertandingan</strong>.<br />

Tabel 4.6 Pendefinisian field tabel jadwal<br />

Field Type Length Key<br />

id_jadwal INT 5 auto_increment, Primary Key<br />

id_user VARCHAR 50<br />

id_cabang<strong>olahraga</strong> INT 5<br />

tanggal_mulai DATE<br />

tanggal_selesai DATE<br />

waktu_<strong>pertandingan</strong> VARCHAR 25<br />

tempat_<strong>pertandingan</strong> VARCHAR 100<br />

Tabel hasil digunakan untuk menyimpan data hasil <strong>pertandingan</strong> secara<br />

keseluruhan. Pada tabel ini terdapat 9 field yaitu id_hasil, id_user, id_kecamatan,<br />

id_atlit, id_cabang<strong>olahraga</strong>, id_nocabang, emas, perak, perunggu.<br />

Tabel 4.7 Pendefinisian field tabel hasil<br />

Field Type Length Key<br />

id_hasil INT 5 auto_increment, Primary Key<br />

id_user VARCHAR 50<br />

id_kecamatan INT 5<br />

id_atlit INT 5<br />

id_cabang<strong>olahraga</strong> INT 5<br />

id_nocabang INT 5<br />

emas INT 5<br />

perak INT 5<br />

perunggu INT 5


Tabel cabang<strong>olahraga</strong> digunakan untuk menyimpan data hasil dari jumlah<br />

medali berdasarkan cabang <strong>olahraga</strong> ditiap kecamatan. Pada tabel ini terdapat 8 field<br />

yaitu id_cabang<strong>olahraga</strong>, nama_cabang<strong>olahraga</strong>, beji, cimanggis, limo,<br />

pancoran_mas, sawangan, sukmajaya.<br />

Tabel 4.8 Pendefinisian field tabel cabang<strong>olahraga</strong><br />

Field Type Length Key<br />

id_cabang<strong>olahraga</strong> INT 5 auto_increment, Primary Key<br />

nama_cabang<strong>olahraga</strong> VARCHAR 50<br />

beji INT 15<br />

cimanggis INT 15<br />

limo INT 15<br />

pancoran_mas INT 15<br />

sawangan INT 15<br />

sukmajaya INT 15<br />

Tabel hubungi digunakan untuk menyimpan pesan, pendapat ataupun<br />

pertanyaan yang diajukan oleh pembaca. Pada tabel ini terdapat 6 field yaitu<br />

id_hubungi, nama, email, subjek, pesan, tanggal.<br />

Tabel 4.9 Pendefinisian field tabel hubungi<br />

Field Type Length Key<br />

id_hubungi INT 5 auto_increment, Primary Key<br />

nama VARCHAR 50<br />

email VARCHAR 100<br />

subjek VARCHAR 100<br />

pesan TEXT<br />

tanggal DATE<br />

Tabel kecamatan digunakan untuk menyimpan data peserta, dalam hal ini<br />

kecamatan yang ikut serta dalam <strong>pertandingan</strong>. Pada tabel ini terdapat 2 field yaitu<br />

id_kecamatan dan nama_kecamatan.


Tabel 4.10 Pendefinisian field tabel kecamatan<br />

Field Type Length Key<br />

id_kecamatan INT 5 auto_increment, Primary Key<br />

nama_kecamatan VARCHAR 100<br />

Tabel nocabang digunakan untuk menyimpan data nomor cabang dari setiap<br />

cabang <strong>olahraga</strong> yang dipertandingkan. Pada tabel ini terdapat 3 field yaitu<br />

id_nocabang, id_cabang<strong>olahraga</strong>, nomor_cabang.<br />

Tabel 4.11 Pendefinisian field tabel nocabang<br />

Field Type Length Key<br />

id_nocabang INT 5 auto_increment, Primary Key<br />

id_cabang<strong>olahraga</strong> VARCHAR 100<br />

nomor_cabang VARCHAR 30<br />

Tabel atlit digunakan untuk menyimpan data profil dari atlit yang berhasil<br />

memperoleh medali atau menjadi juara <strong>pada</strong> <strong>pertandingan</strong> Pekan Olahraga Kota<br />

Depok (PORKOT) dari tiap kecamatan. Pada tabel ini terdapat 12 field yaitu id_atlit,<br />

id_user, id_kecamatan, id_cabang<strong>olahraga</strong>, id_nocabang, id_medali, nama_atlit,<br />

gambar_atlit, tempat_atlit, tanggal_lahir, alamat_atlit, dan prestasi_atlit.<br />

Tabel 4.12 Pendefinisian field tabel atlit<br />

Field Type Length Key<br />

id_atlit INT 5 auto_increment, Primary Key<br />

id_user VARCHAR 50<br />

id_kecamatan INT 5<br />

id_cabang<strong>olahraga</strong> INT 5<br />

id_nocabang INT 5<br />

id_medali INT 5<br />

nama_atlit VARCHAR 100<br />

gambar_atlit VARCHAR 100<br />

tempat_atlit VARCHAR 25<br />

tanggal_lahir DATE<br />

alamat_atlit TEXT<br />

prestasi_atlit TEXT


Tabel medali digunakan untuk menyimpan nama medali seperti emas, perak<br />

dan perunggu. Pada tabel ini terdapat 2 field yaitu id_medali dan nama_medali.<br />

Tabel 4.13 Pendefinisian field tabel medali<br />

Field Type Length Key<br />

id_medali INT 5 auto_increment, Primary Key<br />

nama_medali VARCHAR 50<br />

Tabel banner digunakan untuk menyimpan halaman link dari suatu <strong>web</strong>site<br />

di luar halaman <strong>web</strong>site <strong>pertandingan</strong>. Pada tabel ini terdapat 5 field yaitu id_banner,<br />

judul, url, gambar, tanggal_posting.<br />

Tabel 4.14 Pendefinisian field tabel banner<br />

Field Type Length Key<br />

id_banner INT 5 auto_increment, Primary Key<br />

judul VARCHAR 100<br />

url VARCHAR 100<br />

gambar VARCHAR 100<br />

tgl_posting DATE<br />

Kesimpulan<br />

4. PENUTUP<br />

Dalam <strong>pembuatan</strong> <strong>sistem</strong> <strong>pertandingan</strong> <strong>berbasis</strong> <strong>web</strong> ini terdapat beberapa<br />

kesimpulan, antara lain : <strong>pembuatan</strong> <strong>sistem</strong> <strong>pertandingan</strong> yang penulis buat sudah<br />

sejalan dengan apa yang diinginkan oleh pihak KONI Depok walaupun terkesan<br />

sederhana dan diharapkan <strong>web</strong>site ini berguna untuk pihak KONI sebagai<br />

dokumentasi bagi <strong>pertandingan</strong>-<strong>pertandingan</strong> yang akan diadakan berikutnya.<br />

Saran<br />

Pembuatan <strong>sistem</strong> <strong>pertandingan</strong> ini dengan segala keterbatasan yang ada, diharapkan<br />

dapat dikembangkan lebih lanjut agar <strong>sistem</strong> ini dapat lebih baik lagi, serta dapat<br />

dilengkapi dengan tampilan-tampilan yang lebih menarik.


DAFTAR PUSTAKA<br />

Anonim, Aplikasi Program PHP dan MySQL untuk Membuat Website<br />

Interaktif, Edisi II, Penerbit ANDI, Yogyakarta, 2009.<br />

Hakim, Lukmanul, Membongkar Trik Rahasia Para Master PHP, Cetakan<br />

Pertama, Penerbit Lokomedia, Yogyakarta, 2008.<br />

Hakim, Lukmanul, Trik Rahasia Master PHP Terbongkar Lagi, Penerbit<br />

Lokomedia, Yogyakarta, 2009.<br />

Hakim, Lukmanul, Jalan Pintas Menjadi Master PHP, Penerbit Lokomedia,<br />

Yogyakarta, 2009.<br />

Jovan, FN, Panduan Praktis Membuat WEB Dengan PHP untuk Pemula,<br />

Mediakita, Jakarta, 2007.<br />

Nugroho, Bunafit, Cascading Style Sheet (CSS) Solusi Mempercantik Halaman<br />

Web, Edisi I, PENERBIT GAVA MEDIA, Yogyakarta, 2004.<br />

Thabrani, Suryanto, Ir,. MM., Web Statis dan Dinamis dengan Dreamweaver 8,<br />

Penerbit PT Elex Media Komputindo, Jakarta, 2006.

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!