• Tidak ada hasil yang ditemukan

SISTEM INFORMASI LIGA SEPAKBOLA BERBASIS WEB Tugas Akhir Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik Program Studi Teknik Informatika

N/A
N/A
Protected

Academic year: 2019

Membagikan "SISTEM INFORMASI LIGA SEPAKBOLA BERBASIS WEB Tugas Akhir Diajukan untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Teknik Program Studi Teknik Informatika"

Copied!
181
0
0

Teks penuh

(1)

SISTEM INFORMASI LIGA SEPAKBOLA

BERBASIS WEB

Tugas Akhir

Diajukan untuk Memenuhi Salah Satu Syarat

Memperoleh Gelar Sarjana Teknik

Program Studi Teknik Informatika

Disusun Oleh :

Kuncoro Widhihadmoko

NIM : 015314035

PROGRAM STUDI TEKNIK INFORMATIKA

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS SANATA DHARMA

YOGYAKARTA

(2)

WEB BASED SOCCER LEAGUE

INFORMATION SYSTEM

Final Project

Presented as Partial Fulfillment of the Requirements

to Obtain the Sarjana Teknik Degree

in Informatics Engineering

By :

Kuncoro Widhihadmoko

NIM : 015314035

INFORMATICS ENGINEERING STUDY PROGRAM

DEPARTMENT OF INFORMATICS ENGINEERING

FACULTY OF ENGINEERING

SANATA DHARMA UNIVERSITY

(3)
(4)
(5)

Halaman Persembahan

Hamba persembahkan rasa syukur kehadirat-Mu yaa Allah, karena hanya dengan ijin dan kemudahan dari-Mu penulis dapat menyelesaikan amanah tugas akhir ini semoga Engkau meridhoinya.

Shalawat dan salam senantiasa terkirim kepada manusia pilihan Allah, Rasulullah Muhammad SAW yang telah menunjukkan jalan kebenaran kepada seluruh umat. Ucapan salam juga kami tujukan kepada seluruh kaum muslimin.

Bapak, Ibu dan adik-adikku Rian dan Lina yang tiada henti mamberikan kasih sayang, pendidikan, biaya dalam menuntut ilmu. Doaku untuk kalian.

(6)

Halaman Motto

“Allah akan meninggikan orang-orang yang beriman di antaramu dan orang-orang yang diberi ilmu pengetahuan beberapa derajat”

( QS Al Mujaadilah : 11 )

“Orang yang berilmu adalah orang yang mengerti ajaran-ajaran Allah, kemudian melaksanakan aktifitas-aktifitas yang menunjukkan ketaatan kepada-Nya, serta menjauhkan diri dari segala yang membawa kepada kemurkaan-Nya”

(Al Hadist)

(7)

PERNYATAAN KEASLIAN KARYA

Saya menyatakan dengan sesungguhnya bahwa skripsi yang saya tulis ini tidak memuat karya atau bagian karya orang lain, kecuali yang telah disebutkan dalam kutipan dan daftar pustaka, sebagaimana layaknya sebuah karya ilmiah.

Yogyakarta, Januari 2007 Penulis,

Kuncoro Widhihadmoko

(8)

ABSTRAKSI

Dewasa ini perkembangan dunia olahraga khususnya sepakbola mengalami peningkatan yang pesat. Hal ini dapat terlihat dari antusiasme masyarakat pencinta maupun pelaku sepakbola dalam mensukseskan perhelatan sebuah liga sepak bola.

Sistem informasi ini adalah sistem informasi berbasis web yang bisa digunakan oleh penyelenggara sebuah liga atau tabloid olahraga untuk mempermudah dan mempercepat mengelola maupun mencari informasi tentang perkembangan sebuah liga sepak bola, termasuk dokumentasi data.

Dengan sistem informasi ini user dapat mengetahui informasi seperti profil klub, profil pemain, profil wasit, status pemain, jadwal, klasemen, topscorer, hasil pertandingan dan statistik pertandingan. Proses update data dapat menggunakan layanan Web secara online.

Teknologinya akan menggunakan aplikasi program PHP dan databasenya

MySQL. Microsoft Windows XP sebagai sistem operasi. Sedangkan dari client

menggunakan HTML sebagai bahasa deskripsi isi aplikasi dan Internet Explorer 5.0 sebagai web browsernya. Sistem informasi ini akan menggunakan teknologi internet.

(9)

ABSTRACT

In last decade, the sport development especially football has increased very well. The development itself can be seen from people’s anthusiasm whether the society or the football elements. They, society and football elements, had shown good effort at successing the football development especially in a football league.

System of information is a system of information that based on web that usually is used by the committee of a football league or sport megazine to ease and to fast in controlling or looking for information about football league, include the data documentation.

By using this system of information, user can find some information such as club profile, player profile, referee profile, player condition, schedule of competition, klub classification, topscorer list, match result and match statiatic. To update the data process, we can use online web service.

The technology will use the application of PHP programme and the database uses MySQL. Operation system uses Microsoft Windows XP as the system. Then, from the client uses HTML as description language of application content also Internet Explorer 5.0 is used as the web browser. The last, this information system will use Internet technology.

(10)

KATA PENGANTAR

Puji dan syukur penulis panjatkan kehadirat Allah SWT karena atas segala rahmat dan nikmat-Nya penulis dapat menyelesaikan skripsi berjudul Sistem Informasi Liga Sepakbola Berbasis Web sebagai salah satu syarat untuk memperoleh gelar Sarjana Teknik (S.T) pada Program Studi Teknik Informatika, Fakultas Teknik, Universitas Sanata Dharma.

Dalam penyusunan ini, penulis telah banyak memperoleh bantuan dari berbagai pihak. Untuk itu penulis ingin mengucapkan terima kasih yang tidak terhingga kepada pihak-pihak yang telah membantu penulis selama menyusun skripsi ini :

1. Ir. Greg. Heliarko, S.J., S.S., B.S.T., M.A., M.Sc., selaku Dekan Fakultas Teknik.

2. Agnes Maria Polina, S.Kom., M.Sc., selaku Ketua Jurusan Teknik Informatika.

3. Drs. HJ. Haris Sriwindodno, M.Kom., selaku dosen pembimbing tugas akhir yang telah meluangkan waktu untuk memberi bimbingan serta nasihat kepada penulis.

4. Ridowati Gunawan, S.Kom., M.T., selaku dosen penguji. 5. Jb. Budi Dharmawan, S.T., M.Sc., selaku dosen penguji. 6. H. Agung Hernawan, S.T., selaku dosen penguji.

7. Bapak, Ibuk dan kedua adikku Rian dan Lina yang senantiasa memberikan dukungan lahir dan batin dalam menjalani kehidupan.

(11)

8. Ikhwan dan Akhwat keluarga besar Forum Keluarga Muslim Budi Utama Universitas Sanata Dharma yang merupakan keluarga keduaku di Jokjakarta.

9. Iwan Susanto S.T., M.T. Fahmi Yusro S.T selaku guru-guruku yang telah banyak memberiku keteladanan dan masukan dalam menjalani segala aktivitasku.

10.Teman-temanku menuntut ilmu; Imam, M Syam. Joko, Teddy, Guntur, Dimas, Teguh, Widi dan Rijal.

11.All Wisma Rafli: Mas Doni, Mas Agussalim, Amboy, Ucok, Neri, Bambang, Aril, Muji, Dedi, Fajar, Pak Yoni. Penghuni Wisma Al Mahabbah Mas Iwan, Mas Syamsi, Imam, Sutris, Ragil, Jok War, Dedik Vespa. Adik-adiku Adi, Anto, Eko, Ery, Topik dan Oki dimanapun kalian berada,.

12.Keluarga besar Nurul Jannah, Mb Desi, Mb Ema, Mb Jami, Mb Dwi, Mb Dina, Ida dan Tiwie.

13.Aryo Wibisono, S.T. dan Filipus Neri W S.Si yang telah banyak membantu penulis dalam penyelesaian tugas akhir ini.

14.Teman-teman seperjuanganku TA Albertus Eko, KP Andriyanto Tri maupun berbagai aktivitas di TI, Janto, Adit, Tito, Carlo, Ndon, Cokde, Bernad, Aris. Serta seluruh teman-teman TI kelas A.

15.Seluruh dosen, staf dan karyawan Universitas Sanata Dharma khususnya Jurusan Teknik Informatika.

(12)

16.Pihak lain yang tidak dapat disebutkan satu persatu yang telah membantu penulis dalam menyelesaikan tugas akhir ini.

Penulis menyadari sepenuhnya skripsi ini masih jauh dari sempurna, oleh karena itu dengan hati terbuka penulis berharap kritik dan saran yang bersifat membangun demi kemajuan dan kesempurnaan penulisan skripsi ini di masa yang akan datang.

Yogyakarta, Januari 2007 Penulis,

Kuncoro Widhihadmoko

(13)

HALAMAN PENGESAHAN... iv

HALAMAN PERSEMBAHAN... v

HALAMAN MOTTO... vi

PERNYATAAN KEASLIAN KARYA... vii

ABSTRAK... viii

I.2. Perumusan Masalah... 2

I.3. Batasan Masalah... 2

I.4. Tujuan dan Manfaat Penilitian... 3

I.5. Metodologi Penelitian... 3

I.6. Sistematika Penulisan... 4

BAB II LANDASAN TEORI... 6

II.1. System Development Life Cycle……… 6

(14)

II.5.1.1. Konsep Kerja HTML……… 16

II.5.1.2 Konsep Kerja PHP………. 16

II.5.2. Pemrograman dengan PHP MySQL……….. 17

II.5.2.1 Tipe data dan Variabel………. 17

II.5.2.2 Operator……….…… 18

II.5.3. Struktur kontrol……… 19

II.5.4. Kelebihan dan Kekurangan PHP………. 22

II.6. MySQL……… 22

II.5.1 Kelebihan dan Kekurangan MySQL……… 23

II.7. DFD (Data Flow Diagram)……… 24

II.8. E-R Diagram (Entity Relationship Diagram)………. 26

BAB III ANALISA DAN DESAIN SISTEM………... 30

III.1. Analisa Sistem……… 30

III.1.1. Analisa Kebutuhan……..………... 30

III.1.2. Batasan Sistem………... 31

III.1.3. Gambaran Umum Sistem..………. 31

III.2. Desain Sistem……… 33

III.2.1 Desain Proses……… 33

III.2.1.1.Pemodelan dengan Use Case Diagram….……... 33

(15)

III.2.2.2 Logical Design…..………... 47

III.2.2.3 Physical Design……… 48

III.2.3 Desain Antar Muka………... 55

III.2.3.1 Desain Antar Muka untuk User………... 55

III.2.3.2 Desain Antar Muka untuk Administrator……… 63

III.2.4 Bagan Alir Tampilan untuk Administrator... 80

BAB IV IMPLEMENTASI SISTEM………...………... 81

IV.1. Implementasi Database…………....………..………… 81

IV.2. Tampilan Sistem Informasi……… 88

IV.2.1 Menu User...……… 88

IV.2.2. Tampilan Web Administrator..…….………... 126

BAB V ANALISA HASIL………...……….…...……... 155

V.1. Ujicoba Web Maintenance……....………...……..………... 155

V.2. Analisa Manfaat…………..………...…..………… 156

V.3. Kelebihan Dan Kekurangan Sistem..……….……... 156

V.3.1 Kelebihan Sistem.……….….…… 156

V.3.2. Kekurangan Sistem...…….………... 157

(16)

DAFTAR PUSTAKA………... 159

(17)
(18)

Gambar 3-19. Tampilan informasi status pemain……….……….. 59

Gambar 3-20. Tampilan informasi jadwal pertandingan……….…….….. 59

Gambar 3-21. Tampilan informasi klasemen……….. 60

Gambar 3-22. Tampilan informasi topscorer………...……….. 60

Gambar 3-23. Tampilan informasi hasil pertandingan……….……….. 60

Gambar 3-24. Tampilan informasi statistik……….…….……….. 61

Gambar 3-25. Tampilan informasi buku tamu………..……….. 61

Gambar 3-26. Tampilan informasi kontak kami……….. 62

Gambar 3-27. Tampilan validasi administrator……….. 63

Gambar 3-28. Tampilan pesan kesalahan validasi……….. 63

Tampilan 3-35. Tampilan input jadwal pertandingan………..……….. 68

Gambar 3-36. Tampilan input data hasil pertandingan……….. 69

Tampilan 3-37. Tampilan input pemain peserta pertandingan……….…….. 70

(19)

Tampilan 3-50. Tampilan hapus data pemain……….……….. 78

Tampilan 3-51. Tampilan hapus data wasit………...………... 78

Tampilan 3-52. Tampilan hapus berita………...……….….. 78

Tampilan 3-53. Tampilan hapus polling………...……….…….. 79

Gambar 3-54. Tampilan Bagan Alir menu administrator………... 80

Gambar 4-1. Gambar halaman index………...……….…….. 88

Gambar 4-2. Gambar halaman profil pemain………...……….……….. 92

Gambar 4-3. Gambar halaman profil wasit………...……….. 98

Gambar 4-4. Gambar halaman profil klub………...………….. 101

Gambar 4-5. Gambar halaman status pemain………...……….. 104

Gambar 4-6. Gambar halaman jadwal………...……….. 107

Gambar 4-7. Gambar halaman klasemen………...……….………….. 109

Gambar 4-8. Gambar halaman topscorer………...……….. 111

Gambar 4-9. Gambar halaman hasil pertandingan……….. 113

Gambar 4-10. Gambar halaman statistik………...…………...…….. 117

Gambar 4-11. Gambar halaman buku tamu………...……….. 121

Gambar 4-12. Gambar halaman kontak kami………...……….. 124

Gambar 4-13. Gambar halaman login admin………...……….……….. 126

Gambar 4-14. Gambar halaman menu admin………...………….. 127

Gambar 4-15. Gambar halaman input format liga……….…………...…….. 127

Gambar 4-16. Gambar halaman konfirmasi data format sistem telah tersimpan...… 128

Gambar 4-17. Gambar halaman input admin baru………..….…….. 128

Gambar 4-18. Gambar halaman konfirmasi data admin telah tersimpan. …………... 129

Gambar 4-19. Gambar halaman ganti password………....….. 129

Gambar 4-20. Gambar halaman konfirmasi password sudah diganti. ………...….. 130

Gambar 4-21. Gambar halaman hapus Admin………...……….. 130

Gambar 4-22. Gambar halaman konfirmasi admin sudah dihapus……….. 130

(20)

Gambar 4-27. Gambar halaman konfirmasi data klub hasil edit telah tersimpan…….. 134

Gambar 4-28. Gambar halaman tambah pemain………....……….. 134

Gambar 4-29. Gambar halaman konfirmasi data pemain telah tersimpan……… 135

Gambar 4-30. Gambar halaman pilihan pemain yang diedit………... 136

Gambar 4-31. Gambar halaman edit pemain………...……….. 137

Gambar 4-32. Gambar halaman konfirmasi data pemain hasil edit telah tersimpan… 137 Gambar 4-33. Gambar halaman pilihan pemain yang dihapus………... 138

Gambar 4-34. Gambar halaman konfirmasi data pemain telah terhapus………….…. 139

Gambar 4-35. Gambar halaman tambah data wasit……….. 139

Gambar 4-36. Gambar halaman konfirmasi data wasit telah tersimpan……….... 140

Gambar 4-37. Gambar halaman pilihan data wasit yang diedit………...… 140

Gambar 4-38. Gambar halaman edit wasit………...…….. 141

Gambar 4-39. Gambar halaman konfirmasi data wasit hasil edit telah tersimpan…… 141

Gambar 4-40. Gambar halaman pilihan data wasit yang akan dihapus……… 142

Gambar 4-41. Gambar halaman konfirmasi data wasit telah terhapus……….. 142

Gambar 4-42. Gambar halaman input jadwal pertandingan……….. 143

Gambar 4-43. Gambar halaman konfirmasi data jadwal telah tersimpan……….……. 143

Gambar 4-44. Gambar halaman pilihan pertandingan yang akan diedit……….…144

Gambar 4-45. Gambar halaman edit jadwal pertandingan………...…144

Gambar 4-46. Gambar halaman konfirmasi data jadwal yang diedit telah tersimpan…145 Gambar 4-47. Gambar halaman pilihan pertandingan yang akan diinputkan……... 145

Gambar 4-48. Gambar halaman input pemain yang bertanding………...….… 146

Gambar 4-49. Gambar halaman input hasil pertandingan…………... .146

Gambar 4-50. Gambar halaman input gol, kartu kuning dan kartu merah ………... 147

Gambar 4-51. Gambar halaman input berita. …………... 148

Gambar 4-52. Gambar halaman konfirmasi data berita telah tersimpan……….. 148

Gambar 4-53. Gambar halaman pilihan berita yang akan diedit…...……… 149

(21)

Gambar 4-58. Gambar halaman input polling………...…….…... 151

Gambar 4-59. Gambar halaman konfirmasi data polling telah tersimpan…………... 152

Gambar 4-60. Gambar halaman pilihan polling yang akan diedit.……….... 152

Gambar 4-61. Gambar halaman edit polling………...……….…... 152

Gambar 4-62. Gambar halaman konfirmasi data polling yang diedit telah tersimpan....153

Gambar 4-63. Gambar halaman pilihan polling yang akan dihapus………....….. 153

Gambar 4-64. Gambar halaman konfirmasi data polling telah dihapus…………... 154

Gambar 4-65. Gambar halaman peringatan admin……….…...……….. 154

(22)

Tabel 3-2. Tabel Klub………...……… 48 Tabel 3-3. Tabel Pemain………..……..……… 49 Tabel 3-4. Tabel Jadwal……….……….……. 50 Tabel 3-5. Tabel Wasit………...……….……. 51 Tabel 3-6. Tabel Format_liga……….……... 51 Tabel 3-7. Tabel Admin………...………. 52 Tabel 3-8. Tabel Kartukuning………...………. 52 Tabel 3-9. Tabel Kartumerah………...………. 52 Tabel 3-10. Tabel Pencetakgol………...………. 53 Tabel 3-11. Tabel Berita………...………. 53 Tabel 3-12. Tabel Bukutamu………...………. 53 Tabel 3-13. Tabel Polling………...……….…. 54 Tabel 3-14. Tabel Klasemen………...……….………. 54 Tabel 3-15. Tabel Bermain..………...……….………. 54

(23)

I.1 Latar Belakang Masalah

Sepak bola merupakan olah raga yang paling disukai olah masyarakat Indonesia maupun masyarakat dunia. Hal ini terlihat dari jumlah penonton pertandingan baik yang menonton secara langsung di stadion maupun yang menonton melalui siaran televisi. Sehingga user dalam hal ini masyarakat membutuhkan akses informasi tentang liga atau turnamen sepakbola tersebut dengan cepat, murah dan efisien.

Terkait dengan hal ini tentunya diperlukan sebuah sistem informasi yang mendukung pengelolaan informasi dan hasil pertandingan liga sepakbola tersebut. Pengelolaan data yang baik dilakukan secara sitematik dapat menghasilkan informasi baru. Dengan demikian proses pengelolaan dapat dilakukan secara lebih efisien dan efektif sehingga menghasilkan informasi yang bermanfaat.

Turnamen dilaksanakan selama satu periode biasanya memakan waktu 6 sampai 12 bulan yang memerlukan update data tiap pekan. Untuk meningkatkan pengelolaan data menghasilkan informasi yang tepat dan akurat dibutuhkan sistem informasi dan komputer untuk mendukung proses tersebut.

(24)

menyelesaikan permasalahan ini. Berdasarkan topik tersebut maka judul yang akan diambil adalah “ Sistem Informasi Pertandingan Liga Sepakbola Berbasis Web”.

I.2 Perumusan Masalah

Bagaimana membuat sistem informasi berbasis web yang dipakai untuk mengelola dan menampilkan informasi seputar penyelenggaraan sebuah turnamen liga sepakbola.

I.3 Batasan Masalah

Batasan-batasan masalah pada tugas akhir ini adalah : 1. Dari sisi user

User dapat mengakses informasi seputar penyelenggaraan sebuah liga sepakbola berupa profil klub, profil pemain, profil wasit, status pemain, jadwal, klasemen, topscorer, hasil pertandingan, statistik pertandingan, kontak kami, buku tamu, berita dan polling.

2. Dari sisi administrator

• Administrator dapat mempersiapkan sistem (Setting Sistem) sesuai keinginan.

(25)

4. Sistem Informasi Liga Sepakbola Berbasis Web hanya mengunakan sistem liga kompetisi penuh dan berlaku 1 musim kompetisi.

5. Sistem Informasi Liga Sepakbola Berbasis Web yang dibuat tidak melibatkan masalah keamanan.

I.4 Tujuan Penulisan

Tujuan dari penelitian ini adalah menganalisa, merancang dan mengimplementasikan sistem informasi untuk mengelola penyelenggaraan sebuah liga sepakbola.

I.5 Metodologi Penelitian

Metodologi penelitian yang digunakan dalam pembuatan tugas akhir ini meliputi :

1. Studi Literatur, yaitu dengan mempelajari literatur-literatur yang berkaitan secara langsung dengan Tugas Akhir

2. Analisis Sistem

Langkah-langkah dalam analisis sistem yang akan dibuat dapat dijelaskan sebagai berikut :

_ Menganalisis kebutuhan ( fasilitas ) yang akan dibutuhkan sistem. _ Menganalisis aliran data yang masuk dan keluar dari sistem dengan

menggunakan DFD.

3. Perancangan Sistem, meliputi :

(26)

_ Perancangan basis data, meliputi tabel-tabel yang akan digunakan serta relasi antara tabel-tabelnya.

_ Perancangan antar muka sistem, meliputi perancangan untuk user dan admin..

4. Implementasi Sistem yaitu menterjemahkan ke dalam kode-kode program.

I.6 Sistematika Penulisan

1. BAB I : PENDAHULUAN

Bab ini berisi tentang Latar Belakang Masalah, Perumusan Masalah, Batasan Masalah, Tujuan Penulisan, Metodologi Penelitian, dan Sistematika Penulisan. 2. BAB II : LANDASAN TEORI

Bab ini meliputi penjelasan tentang teori-teori yang berhubungan dengan pengembangan sistem.

3. BAB III : ANALISA DAN DESAIN SISTEM

Bab ini berisi tentang tahap analisa dan desain aplikasi yang akan dibangun. 4. BAB IV : IMPLEMENTASI SISTEM

Bab ini berisi tentang pengimplementasian sistem ke dalam bahasa pemrograman.

5. BAB V : ANALISA HASIL

(27)

kekurangan yang muncul dari sistem informasi tersebut, serta analisa bahasa pemrograman yang digunakan.

6. BAB VI : KESIMPULAN DAN SARAN

(28)

II.1 System Development Life Cycle

Beberapa literatur mendefinisikan SDLC terdiri atas 4 tahap saja, yaitu analisis, desain, implementasi, maintenance, namun pada dasarnya memiliki tujuan yang sama. SDLC merupakan urutan yang terstruktur dari suatu tugas pengembangan Sistem Informasi. SDLC terstruktur sangat bermanfaat dan diperlukan untuk menyusun, mengembangkan dan membuat sebuah Sistem Informasi yang baru.

Urutan proses pembuatan Sistem Informasi yang terstruktur dengan pendekatan SDLC adalah sebagai berikut:

1. Analisis Sistem (system analysis). Penguraian dari suatu sistem informasi yang utuh kedalam bagian-bagian komponennya, dengan maksud mengidentifikasi dan mengevaluasi permasalahan-permasalahan yang terjadi dan kebutuhan-kebutuhan yang diharapkan sehingga dapat diusulkan perbaikan-perbaikan. 2. Rancangan (design). Merupakan langkah multiproses yang memusatkan kerja

pada struktur data, prosedur detil dan karakteristik antar muka.

3. Penulisan program (coding). Hasil rancangan diterjemahkan kedalam bahasa yang dimengerti oleh mesin.

(29)

II.2 Internet dan Word Wide Web II.2.1 Internet

Internet adalah sebuah jaringan komputer yang terdiri dari berbagai macam ukuran jaringan komputer di seluruh dunia mulai dari sebuah PC, jaringan lokal berskala kecil, jaringan kelas menengah, hingga jaringan-jaringan yang menjadi tulang punggung internet seperti NSFnet, Nearnet, Suranet, dan lain-lain. Jaringan-jaringan tersebut saling berhubungan atau berkomunikasi satu sama lain dengan berbasiskan protokol IP (Internet Protokol) sehingga setiap pemakai dari setiap jaringan dapat saling mengakses semua layanan yang disediakan oleh jaringan lainnya.

Adapun beberapa istilah yang berhubungan dengan internet antara lain

web, upload, download, search engine, browser, HTTP, URL, situs, homepage.

Upload adalah proses transfer file dari komputer yang digunakan ke

komputer lain, atau kebalikan dari download yang merupakan proses transfer file dari komputer lain ke komputer yang digunakan.

Browser adalah sebuah program yang digunakan untuk menampilkan

halaman web. Browser berkomunikasi dengan web server melalui protokol HTTP, yang membacanya dan menerjemahkan bahasa HTML dan data gambar untuk ditampilkan secara visual sehingga informasi yang ada dapat dibaca.

HTTP ( Hypertext Transfer Protokol) adalah suatu protokol yang

(30)

URL (Uniform Resource Locator) adalah suatu sarana yang digunakan untuk menentukan lokasi infromasi pada suatu web server. URL dapat dianggap sebagai suatu alamat yang terdiri dari nama protokol yang digunakan oleh

browser untuk mengambil informasi, nama komputer di mana informasi itu

berada, dan path serta nama file dari suatu informasi.

Search engine adalah teknik pencarian informasi di internet dengan

memakai perangkat lunak yang secara otomatis akan menelusuri semua isi web. Perangkat lunak ini kemudian akan membangun daftar/ indeks dari seluruh halaman informasi yang tersedia di internet. Tujuan dari search engine adalah untuk mempermudah pengguna internet dalam melakukan pencarian suatu informasi di internet.

Web adalah layanan penyedia informasi di internet yang berbasis grafis. Dokumen web umumnya berisi teks, gambar, suara dan hunbungan dengan file lainnya.

Situs adalah kumpulan halaman-halaman web di internet yang berisi

informasi. Homepage adalah halaman yang kita lihat pertama kali ketika kita membuka suatu situs tertentu. Pada homepage inilah dipakai sebagai sarana untuk memperkenalkan secara singkat isi dari keseluruhan website itu sendiri.

(31)

Ciri-ciri situs yang dinamis adalah dapat berinteraksi dengan pengunjung situs, bisa menampilkan informasi-informasi yang berasal dari database. Berdasarkan tempat dijalankan perintah-perintah program dalam halaman web, pemrograman web dapat dikategorikan menjadi dua, yaitu :

1. Client- side Programming. 2. Server-side Programming.

Pada Client-side Programming perintah-perintah program akan dijalankan pada sisi client (user) lalu ditampilkan hasilnya pada browser sehingga sering disebut browser scripting. Diantaranya adalah HTML, JavaScript, VBScript dan lain-lain. Sedangkan pada Server-side Programing perintah-perintah program akan dijalankan pada komputer server, kemudian server akan mengirimkannnya hasilnya ke komputer Client (user) dan client hanya menampilkan isinya.. Contoh dari server-side programming antara lain PHP, Perl, ASP dan lain-lain.

II.2.2 WWW (World Wide Web)

WWW lebih dikenal dengan web, merupakan suatu layanan yang didapat oleh pemakai komputer yang terhubung dengan internet maupun intranet. WWW bekerja dengan beberapa langkah :

• Informasi web disimpan dalam dokumen yang disebut dengan web pages.

Web pages adalah file-file yang disimpan dalam komputer yang disebut dengan web servers.

(32)

Browser web adalah perangkat lunak yang digunakan untuk menampilkan informasi dari web server.

Untuk menampilkan sebuah page, browser mengambil sebuah web page

dari server dengan sebuah request. Request ini adalah sebuah request HTTP standar yang berisi sebuah page address, misalnya http://www.yahoo.com. Kemudian server memberikan response dengan mengirimkan web page yang diminta oleh browser. Browser menampilkan web page dengan menterjemahkan instruksi-instruksi yang disebut dengan HTML (HyperText MarkUp Language).

II.3 HTTP (HyperText Transfer Protocol)

HTTP merupakan salah satu jenis protokol yang mengatur bagaimana

browser meminta/request suatu dokumen dari web server dengan memasukkan alamat URL (Uniform Resource Locator) dengan tepat pada web browser. Untuk mendapatkan sebuah dokumen, web browser akan melakukan koneksi dengan

server yang dituju (koneksi HTTP), kemudian melakukan request dan menutup koneksi setelah server memberikan response. Browser akan diberitahu oleh server

tentang tipe dari dokumen (HTML, XML, image, dan lain-lain) sehingga browser

dapat menampilkan informasi yang benar.

Dalam transaksi HTTP tunggal terdapat 4 jenis keadaan utama yaitu :

1. Connection

2. Request

3. Response

(33)

II.4 Pemrograman Web II.4.1 HTML

a. Pengertian HTML.

Hypertext Markup Language (HTML) adalah suatu dokumen teks biasa

yang mudah untuk dimengerti dibandingkan dengan pemrograman lainnya, dan karena bentuknya itulah HTML dapat dibaca oleh platform yang berlainan seperti Windows, UNIX dan lainnya. HTML merupakan bahasa pemrograman yang fleksibel di mana kita bisa meletakkan script dari bahasa pemrograman lain seperti PHP, JAVA, Visual Basic, dan lain-lainnya. Kata ‘Markup Language’ pada HTML menunjukkan suatu fasilitas yang berupa tanda tertentu dalam script HTML di mana kita bisa mengatur judul, tabel, gambar dan lain-lain dengan perintah yang khusus.

b. Script HTML.

1) Struktur dokumen HTML.

Pada dokumen HTML terdapat elemen dan tag yang berfungsi untuk memformat dan menandai suatu bagian tertentu dan juga untuk menentukan struktur bagian tersebut dalam dokumen HTML.

(a) Elemen.

Dalam dokumen HTML elemen dibagi dua kategori yaitu

(34)

Suatu elemen html terdiri dari tag-tag beserta teks yang ada di dalam tag tersebut.

(b)Tag.

Ketika browser menampilkan web page, browser akan membaca teks-teks pada dokumen html , dan mencari kode khusus yang disebut tag. Tag ini dinyatakan dengan tanda kurang dari dan lebih dari ‘ < >’.

Ada tiga macam tag yaitu :

ƒ Tag berpasangan, ada awal dan ada akhir, tag awal

dinyatakan dengan <tagname> dan tag akhir dinyatakan dengan </tagname>, misalnya <B>BOLD</B> yang digunakan untuk menebalkan teks yang terletak diantara tag awal dan tag akhir.

ƒ Tag tunggal, misalnya <BR> yang digunakan untuk ganti baris baru..

ƒ Tag beratribut, misalnya elemen anchor <A HREF:”http://www.sud.ac.id>Sanata Dharma </A>.

2) Struktur umum dokumen HTML.

(35)

BODY untuk menyimpan informasi yang akan ditampilkan. Dapat kita lihat sebagai berikut :

<HTML>

Pada bagian head, tag yang dapat diletakkan antara lain adalah

TITLE yang digunakan untuk memberikan judul dokumen dan akan

tampak pada title bar dari browsernya.

II.5 PHP (Personal Home Page)

PHP merupakan bahasa pemrograman berbasis script yang ditempatkan dan diproses di server, oleh karena ituPHP merupakan server–sidescripting yang menyatu dengan HTML untuk membuat halaman web yang lebih dinamis.

Server-side scripting adalah sintaks dan perintah-perintah yang diberikan akan

sepenuhnya dijalankan di server dan menyatu pada dokumen HTML dan hasilnya akan dikirim ke client dalam bentuk HTML.

Ada beberapa cara untuk mulai menuliskan script PHP, yaitu :

1. <? Script PHP ?>

2. <?php Script PHP ?>

(36)

Cara pertama lebih sering digunakan karena lebih singkat, cara kedua digunakan untuk kombinasi dengan XML, yaitu sebuah bahasa yang merupakan pengembangan dari HTML. Sedangkan cara ketiga digunakan di Microsoft Frontpage. Selain itu jika ingin menambahkan komentar, standar penulisannya adalah sebagai berikut :

/* Tulis Komentar di sini */ atau //Tulis Komentar di sini

Element-element dasar PHP yang digunakan, antara lain :

1. Tipe Data, PHP mengenal 3 macam tipe data, yaitu : integer, double, dan string. Integer menyatakan tipe data bilangan bulat, double

menyatakan tipe data bilangan real, dan string menyatakan tipe data teks.

2. Variabel, digunakan dalam program untuk menyimpan nilai yang berubah-ubah misalnya tanda dollar ‘$’, underscore ‘_’, dan tanda baca.

3. Operator, adalah simbol yang digunakan dalam program untuk melakukan suatu proses, misalnya penjumlahan atau perkalian, pembandingan kesamaan dua buah nilai, atau memberikan nilai ke variabel.

4. Struktur kendali, merupakan sejumlah pernyataan yang terkait dengan pengambilan keputusan (if dan switch), perulangan (while, do-while, for), serta pernyataan break, continue, dan exit.

(37)

menggunakan perintah return. Beberapa fungsi dan fasilitas yang disediakan PHP untuk membuat halaman web dinamis, sebagai berikut:

a. Include dan require

Kedua fungsi ini digunakan untuk memanggil dan mengeksekusi program yang ditentukan. Sintaksnya adalah :

<?php

include “nama_file.inc”;

require “nama_file.inc”;

?>

b. Session handling

Fasilitas ini digunakan untuk mengamankan halaman web dan membatasi hak akses setiap pengunjung. Setiap halaman akan diberi fungsi untuk memeriksa variabel session. Jika variabel

session atau pengunjung tidak dikenali maka pengunjung tidak

dapat melihat halaman tersebut. Sintaksnya adalah :

<?php

session_start( );

session_register(“user_session”);

?>

Untuk memeriksa variabel session, sintaksnyaadalah :

<?php

session start( );

if (!session_is_register(“user_session”)) {

echo “Anda Belum Login”;

(38)

}

?>

II.5.1 Konsep Kerja HTML dan PHP. II.5.1.1 Konsep Kerja HTML.

Model kerja HTML diawali dengan permintaan suatu halaman web oleh

browser. Berdasarkan URL (Uniform Resource Locator) atau dikenal dengan

sebutan alamat internet, browser mendapatkan alamat dari web server,

mengidentifikasi halaman yang dikehendaki, dan menyampaikan segala informasi yang dibutuhkan oleh web server.

Selanjutnya web server akan mencarikan berkas yang diminta dan memberikan isinya ke browser. Browser yang mendapatkan isinya segera melakukan proses ke bowser. Browser menerjemahkan kode HTML dan menampilkannya ke layar pemakai.

II.5.1.2 Konsep Kerja PHP.

Konsep kerja PHP pada prinsipnya sama dengan prinsip kerja HTML, hanya saja ketika berkas PHP yang diminta didapatkan oleh web server, isinya segera dikirimkan ke mesin PHP dan mesin inilah yang memproses dan memberikan hasilnya (berupa kode HTML) ke web server menyampaikan ke client.

II.5.2 Pemrograman dengan PHP MySQL. II.5.2.1 Tipe data dan Variabel.

(39)

Terdapat tiga buah tipe data dasar pada PHP, yaitu :

ƒ Integer, tipe data ini berisi data semua bilangan bulat yang besar rangenya sama dengan data pada bahasa C, yaitu antara – 2,147,483,648 sampai +2,147,647.

ƒ Floating point, tipe data ini berisi bilangan pecahan atau bilangan desimal. Kisaran data floating point adalah 1.7E-308 sampai 1.7E+308.

ƒ String, untuk data yang berisi karakter-karakter (huruf, angka, karakter khusus). Tipe data string dinyatakan dengan menggunakan tanda kutip tunggal (‘ ‘) atau menggunakan tanda kutip ganda (“ “).

ƒ Array, untuk data yang terkelompok. Array akan memiliki nama

variabel yang sama. Definisi lain dari array adalah kumpulan variabel yang mempunyai tipe data yang sama atau berbeda.

Pada PHP variabel harus memiliki nama dan tidak perlu dideklarasikan tipe datanya terlebih dahulu ketika digunakan. Dalam penamaan variabel beberapa hal yang perlu diperhatikan adalah :

ƒ Suatu variabel dinyatakan dengan tanda dolar ($) dan diikuti nama variabelnya.

ƒ Pemberian nama variabel tidak boleh dimulai dengan angka, harus dimulai dengan karakter, setelah itu baru boleh angka/ underscore

(garis bawah).

(40)

ƒ Deklarasi sebuah variabel selalu diikuti dengan pemberian nilai dari variabel tersebut. Jika sebuah variabel belum memiliki nilai tidak perlu dideklarasikan terlebih dahulu.

II.5.2.2 Operator. a. Operator Aritmatika.

Operator ini digunkan untuk operasi matematika, misalnya penambahan , pengurangan, perkalian, dan pembagian.

b. Operator Perbandingan.

Operator perbandingan adalah operator yang digunakan untuk membandingkan dua atau lebih nilai, variable, atau pernyataan dan menghasilkan nilai true atau false.

c. Operator Logika.

Operator logika biasa digunakan untuk menggabungkan kondisi berganda dan menghasilkan ekspresi yang bernilai benar (nilai 1) atau salah (nilai 0).

d. Operator Presedence.

Presedence adalah urutan operasi sesuai dengan tingkatan operator. Ini

diperlukan untuk menentukan urutan pengerjaan operator pada sebuah ekspresi yang melibatkan lebih dari sebuah operator.

e. Operator Penugasan.

Operator penugasan berfungsi memberikan nilai ke sebuah variable. Operator penugasan dilambangkan dengan tanda sama dengan (=).

f. Operator Inkremen/Dekremen

(41)

Operator-operator yang terletak pada baris yang sama mempunyai prioritas yang sama. Bila dalam sebuah ekspresi terdapat lebih dari satu operator yang mempunyai prioritas yang sama, maka pengerjaan akan dimulai dari yang terkiri.

II.5.3 Struktur kontrol. a. Percabangan.

1) Operator if.

Percabangan dengan menggunakan bentuk if digunakan untuk memeriksa satu kondisi tertentu saja. Adapun sintaks penulisannya adalah sebagai berikut :

If (pernyataan kondisi)

{

operasi }

2) Operator if….else

Operator if….else digunakan jika suatu program memberikan dua pilihan kondisi. Operator ini menyatakan bahwa jika peryataan kondisi terpenuhi atau bernilai benar, maka operasi 1 akan dilaksanakan. Akan tetapi jika peryataan kondisi bernilai salah atau tidak terpenuhi, maka operasi 1 diabaikan dan operasi 2 yang akan dijalankan. Adapun sintaksnya adalah sebagai berikut:

If (peryataan kondisi)

{ operasi 1; }

else

(42)

3) Operator if… else if…

Operator ini digunakan untuk program yang memiliki banyak kondisi dalam melakukan suatu pengambilan keputusan. Adapun sintaksnya adalah sebagai berikut :

If (peryataan kondisi)

{ operasi 1; }

else if

{ operasi 2 ; }

else if yang lainnya

….

else

{ operasi ke-n ;}

4) Operator Switch case

Operator switch case mempunyai struktur kerja yang sama dengan oprator if…else if… Yang membuat berbeda adalah penulisan sintaksnya saja. Adapun penulisan sintask operator switch case adalah sebagai berikut :

Switch (variabel atau kondis) {

case nilai atau kondisi:

Operasi;

Break;

………..case yang lain……….

(43)

b. Perulangan

Perulangan berfungsi untuk menghasilkan keadaan berulang sampai kondisi tertentu terpenuhi. Terdapat tiga buah operator perulangan, dan masing-masing operator ini mempunyai perbedaan struktur sendiri dan penggunaannya. Namun secara umum menghasilkan output yang sama, yaitu hasil yang berulang

1) For

Pada operator for dapat ditentukan banyaknnya perulangan dan kelipatan perulangan dan batas nilai dari perulangan. Nilai variabel akan bertambah atau berkurang setiap terjadi proses perulangan. Bentuk penulisan for adalah sebagai berikut:

For(nilai_awal;nilai_akhir; penambah atau

pengurang)

{

operasi;

}

2) While

Pada operator while untuk melakukan perulangan kita memerlukan suatu varibel yang berfungsi sebagai penghitung batas perulangan. Pembatas ini berfungsi untuk mengakhiri perulangan. Bentuk penulisan operator aadalah sebagai berikut :

While (kondisi)

{ operasi; }

(44)

II.5.4 Kelebihan dan Kekurangan PHP

Kelebihan yang dimiliki oleh bahasa pemrograman PHP adalah :

1. Kemampuan untuk melakukan koneksi dengan berbagai macam

database, dalam hal ini database yang didukung oleh PHP adalah

MySQL.

2. PHP dapat digunakan untuk meng-update database, menciptakan

database dan mengerjakan perhitungan matematika.

3. PHP dapat digunakan bersama dengan HTML sehingga memudahkan dalam membangun aplikasi dengan cepat.

4. PHP dapat berjalan dalam web server yang berbeda dalam sistem operasi yang berbeda pula.

Selain memiliki kelebihan, bahasa pemrograman PHP juga memiliki kekurangan, yaitu : tidak adanya namespace. Namespace yaitu sebuah cara untuk mengelompokkan nama variabel atau fungsi dalam susunan hirarkis.

II.6 MySQL

MySQL adalah salah satu jenis database server yang menggunakan bahasa

Structured Query Language (SQL) sebagai bahasa dasar untuk mengakses

database. Beberapa bahasa SQL yang digunakan dalam membuat aplikasi adalah : 1. Membuat Database

CREATE DATABASE nama_database;

(45)

3. Membuat Tabel

CREATE TABLE nama_table

( nama_field1 tipe_data1,

nama_field2 tipe_data2,

... );

4. Memasukkan Data ke Tabel

INSERT INTO nama_table (field1, field2, ...)

VALUES (nilai_field1, nilai_field2, ...);

5. Menampilkan Data dari Tabel

SELECT (field1, field2, ...) FROM nama_tabel;

Atau

SELECT * FROM nama_tabel;

6. Mengurutkan Data

SELECT (field1, field2, ...) FROM nama_tabel ORDER BY

kriteria;

7. Menghapus Data dari Tabel

DELETE FROM nama_tabel WHERE kriteria;

Atau

DELETE FROM nama_tabel;

8. Mengubah Data dalam Tabel

UPDATE nama_tabel SET

nama_field1 = nilai_baru1,

nama_field1 = nilai_baru2,

...

WHERE kriteria;

II.6.1 Kelebihan dan Kekurangan MySQL

Beberapa kelebihan yang dimiliki oleh database MySQL adalah : 1. Memiliki fungsi mysql_insert_id1 dan mysql_effect_rows2.

(46)

3. MySQL sangat efisien dalam mengelola informasi yang diminta yang berasal dari banyak tabel sekaligus.

4. Mampu menangani database berukuran besar, memuat 50.000.000 record dan 60.000 tabel.

5. Sangat cocok untuk mengakses database pada internet karena konektivitas, kecepatan, dan keamanannya.

Selain memiliki kelebihan database MySQL juga memilki kekurangan, diantaranya adalah :

1. Tidak dapat menanggani subselect / subquery yang kompleks. Untuk mengatasi masalah ini diperlukan tabel sementara untuk menampung

subquery.

2. Sintaks Foreign Key pada MySQL tidak dapat dijalankan.

II.7 DFD (Data Flow Diagram)

Data Flow Diagram (DFD) digunakan untuk menggambarkan suatu sistem

yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik dimana data tersebut mengalir atau lingkungan fisik dimana data tersebut akan disimpan. DFD merupakan alat yang digunakan pada metodologi pengembangan sistem yang terstruktur (Structured Analysis and Design).

(47)

a. Entitasluar

Digambarkan dengan simbol bujursangkar dengan bayangan di kedua sisinya. Entitas luar merupakan sumber atau tujuan dari aliran data dari atau ke sistem. Entitas luar merupakan lingkungan luar sistem, jadi sistem tidak tahu-menahu mengenai apa yang terjadi di entitas luar. Contoh entitas luar tampak pada gambar dibawah ini :

Pemain

Gambar 2-1. Contoh entitas luar b. Aliran data

Menggambarkan aliran data dari suatu proses ke proses lainnya, dari suatu entitas ke proses atau sebaliknya, serta dari suatu proses ke penyimpanan data atau sebaliknya. Adapun simbol dari aliran data tampak pada gambar dibawah ini :

Gambar 2-2. Simbol aliran data

c. Proses

(48)

Pengenal

Kata Kerja + deskripsi dari fungsi

Gambar 2-3. Simbol proses

Bagian atas biasanya berisi nomor untuk identitas proses. Bagian badan berisi penjelasan fungsi dari proses, diawali dengan kata kerja dan diikuti dengan objek, misalnya transaksi sales.

d. Berkas atau tempat penyimpanan

Merupakan komponen yang berfungsi untuk menyimpan data atau file. Simbol dari berkas ini dapat digambarkan dengan segiempat terbuka dan penggambarannya tampak pada gambar dibawah ini :

D1 Klub

Gambar 2-4. Simbol berkas

II.8 E-R Diagram (Entity Relationship Diagram)

(49)

Tujuan dari pembuatan Diagram E-R adalah untuk menggambarkan entitas-entitas yang terlibat dalam basis data termasuk atribut-atributnya dan menggambarkan hubungan (relationship) dari setiap entitas dengan entitas lain. Tahapan yang dilakukan antara lain :

1. Memilih entitas-entitasyang akan disusun oleh basis data dan menentukan hubungan antar entitas yang telah dipilih.

2. Melengkapi atribut-atribut yang sesuai dengan entitas dan hubungannya sehingga diperoleh bentuk tabel normal penuh (tabel normalisasi).

Simbol-simbol umum yang dipakai adalah : 1. Segiempat menggambarkan entitas.

Gambar 2-5. Simbol entitas

2. Diamond menggambarkan hubungan/relasi.

Gambar 2-6. Simbol hubungan / relasi

3. Elips atau lingkaran menggambarkan atribut.

(50)

4. Garis penghubung antara entitas dan relasinya.

Gambar 2-8. Simbol penghubung

Dalam E-R Diagram dikenal adanya derajat relasi antar entitas yang menyatakan jumlah anggota entitas yang terlibat dalam ikatan atau relasi yang terjadi. Derajat relasi itu adalah :

1. Derajat relasi 1 : 1 (one to one relationship).

Derajat relasi ini terjadi apabila satu anggota dari entitas A berelasi dengan maksimal satu anggota dari entitas B dan begitu pula sebaliknya. Contoh dari hubungan one to one relationship ialah entitas pasien dan entitas kamar dimana pasien tersebut menempati sebuah kamar di rumah sakit. Artinya seorang pasien mutlak hanya akan menempati 1 kamar dan sebuah kamar hanya ditempati oleh 1 pasien namun ada juga kamar yang kosong. Contoh dari hubungan one to one relationship digambarkan pada gambar dibawah ini:

Pasien menempati Kamar

1 1

No_pasien No_kamar

Gambar 2-9. one to one relationship 2 entitas

2. Derajat relasi 1 : n (one to many relationship).

(51)

Contohnya entitas klub dengan entitas pemain dimana relasinya adalah klub tersebut memiliki pemain. Artinya klub tersebut dapat memiliki banyak pemain dan satu pemain mutlak hanya dimiliki oleh satu klub saja. Contoh relasi 1 : n digambarkan pada gambar dibawah ini :

Klub 1 memiliki N pemain

Id_klub Id_pemain

Gambar 2-10. one to many relationship 2 entitas

3. Derajat relasi m : n (many to many relationship).

Derajat relasi many to many terjadi apabila satu anggota dari entitas A berpasangan dengan lebih dari satu anggota dari entitas B, begitu juga sebaliknya. Contohnya entitas mahasiswa dengan entitas mata kuliah dimana mahasiswa tersebut menempuh mata kuliah. Artinya seorang mahasiswa dapat menempuh banyak mata kuliah dan satu mata kuliah dapat ditempuh oleh banyak mahasiswa. Contoh relasi m : n dapat digambarkan pada gambar dibawah ini :

Mahasiswa menempuh Mata

Kuliah N

N

NIM Kd_MK

(52)

III.1 Analisa Sistem III.1.1 Analisa Kebutuhan

Untuk analisa kebutuhan dari sistem ini akan ditinjau dari dua sisi yaitu : 1. Sisi User

Fasilitas yang terdapat pada sisi user adalah dapat mengakses informasi seputar penyelenggaraan liga sepakbola seperti liga yang berupa profil klub, profil pemain, profil wasit, status pemain, jadwal, klasemen, topscorer, hasil pertandingan, statistik pertandingan, kontak kami, buku tamu, berita dan polling tanpa harus login terlebih dahulu.

2. Sisi Administrator

Fasilitas yang terdapat pada sisi administrator antara lain : a. Login

Fasilitas ini berfungsi untuk memvalidasi administrator dengan memasukkan Id_admin dan password agar dapat masuk ke dalam sistem dan menjamin keamanan data.

b. Mempersiapkan Sistem (Setting Sistem)

(53)

c. CMS (Content Management System)

Fasilitas ini berfungsi untuk mengolah data-data yang ada di database

misalnya penambahan, peng-update-an, dan penghapusan data.

III.1.2 Batasan Sistem

Batasan sistem yang akan dibangun ini antara lain :

1. Sistem informasi ini akan mengelola segala sesuatu yang berhubungan dengan penyelenggaraan sebuah turnamen liga sepakbola. Sistem pertandingan liga sepakbola yang digunakan tersebut dikhususkan dengan sistem satu kompetisi penuh.

2. Pada sistem ini hanya mencakup masalah penyelenggaraan liga yang berupa profil klub, profil pemain, profil wasit, status pemain, jadwal, klasemen, topscorer, hasil pertandingan, statistik pertandingan, kontak kami, buku tamu, berita dan polling.

III.1.3 Gambaran Umum Sistem

Sistem informasi ini akan mengelola segala sesuatu yang berhubungan dengan penyelenggaraan sebuah turnamen liga sepakbola. Sistem pertandingan liga sepakbola yang digunakan tersebut dikhususkan dengan sistem satu kompetisi penuh. Data-data akan disimpan dan akan dikelola oleh seorang administrator.

(54)

1. Administrator mempersiapkan sistem terlebih dahulu. Dengan memasukkan data-data klub, pemain, wasit, jadwal, polling dan informasi pertandingan.

2. Fasilitas yang dapat diakses oleh user dalam aplikasi ini adalah informasi mengenai profil klub, profil pemain, profil wasit, status pemain, jadwal, klasemen, topscorer, hasil pertandingan, statistik pertandingan, kontak kami, buku tamu, berita dan polling.

3. Sistem belum akan dipersiapkan lagi sebelum sistem yang lama selesai dipergunakan.

Teknologinya akan menggunakan aplikasi program PHP dan databasenya

(55)

III.2 Desain Sistem

Pada pembahasan desain sistem yang baru ini mencakup beberapa hal yang akan dijabarkan sebagai berikut.

III.2.1 Desain Proses

(56)

III.2.1.2 Pemodelan dengan DFD (Data Flow Diagram)

Berikut ini langkah-langkah dalam menggambar DFD untuk sistem yang akan dibangun :

1. Mengidentifikasikan kesatuan luar (External Entity) :

a. User

b. Administrator

2. Mengidentifikasikan semua input dan output yang terlibat pada kesatuan luar :

ENTITY INPUT OUTPUT

ADMIN Id_admin dan Password.

• Data jadwal pertandingan

• Data hasil pertandingan

• Data berita

• Data pilihan polling

• Detail informasi pertandingan

• Data admin

• Detail data buku tamu

• Data hasil polling

• Detail data Berita

• Detail informasi pertandingan.

(57)
(58)
(59)

5. Overview Diagram

(60)

b) DFD Tiap Level DFD Level 1 Proses 3

(61)

DFD Level 1 Proses 5

(62)

DFD Level 1 Proses 7

(63)

DFD Level 1 Proses 9

(64)

III.2.2 Desain Basis Data III.2.2.1 Conceptual Design

Basis data adalah suatu wadah untuk meyimpan dan menyediakan data-data atau informasi yang akan dipakai oleh sistem informasi, oleh karena itu database merupakan komponen yang penting dalam pembuatan sistem.

Untuk sistem informasi liga sepakbola ini, informasi yang diinginkan antara lain adalah klub, pemain, wasit, jadwal, hasil pertandingan, kartu kuning, kartu merah, klasemen, topscorer, status pemain, statistik dan hal-hal yang juga berhubungan dengan sistem informasi ini seperti berita, polling dan buku tamu. Entitas yang terlibat dalam basis data ini adalah :

1. Klub

Dengan atribut : id_klub, nama_klub, julukan, berdiri, no_rumah, nama_jalan , kota_asal, no_telepon, pelatih, manager, ketua_umum nama_kel_suporter, nama_stadion, kapasitas, no_jln_stadion, nama_jln_stadion, kota_stadion, gambar .

2. Pemain

Dengan atribut : id_pemain, no_punggung, id_klub, nama_pemain, posisi, tanggal, bulan, tahun, tempat_lahir, no_rumah, nama_jalan,

kota_asal, no_sepatu, spesialisasi_kaki, gambar, status . 3. Wasit

(65)

4. Jadwal

Dengan atribut : id_jadwal, pekan, id_klub_t_rumah, id_klub_tamu tanggal, bulan, tahun, jam, menit, nama_stadion, id_wasit ,

jml_gol_t_rumah, jml_gol_tamu, jml_kuning_r, jml_kuning_t, jml_merah_r, jml_merah_t, id_pemain_r_main, id_pemain_t_main, jml_penonton.

5. Kartu kuning

Dengan atribut : id_jadwal, pekan, id_pemain, menit. 6. Kartu Merah

Dengan atribut : id_jadwal, pekan, id_pemain, menit. 7. Klasemen

Dengan atribut : id_klub, menang, seri, kalah, nilai. 8. Pencetak gol

Dengan atribut : id_jadwal, pekan, id_pemain, menit. 9. Berita

Dengan atribut : id_berita, tglkirim, pukulkirim, judulberita, isiberita. 10.Polling

Dengan atribut : id_polling, judul_p, pilihan_p, jawaban_p. 11.Buku Tamu

Dengan atribut : id_buku_tamu, pengirim, email, tglkirim, pukulkirim, pesan.

12.Format Liga

(66)

13.Admin

Dengan atribut : id_admin, nama_admin, password. 14.Bermain

Dengan atribut : id_jadwal, pekan, id_pemain.

Relasi yang terbentuk adalah : 1. Relasi jadwal

Entitas yang berelasi adalah klub dengan klub, dengan derajat relasi many to many.

2. Relasi memimpin

Entitas yang berelasi adalah wasit dengan jadwal dengan derajat relasi one to one.

3. Relasi terdaftar.

Entitas yang berelasi adalah pemain dengan klub dengan derajat relasi one to many.

4. Relasi memiliki.

Entitas yang berelasi adalah klasemen dengan klub dengan derajat relasi

one to one.

5. Relasi Kartu kuning.

Entitas yang berelasi adalah pemain dengan jadwal dengan derajat relasi

(67)

6. Relasi Kartu Merah.

Entitas yang berelasi adalah pemain dengan jadwal dengan derajat relasi

many to many.

7. Relasi Bermain.

Entitas yang berelasi adalah pemain dengan jadwal dengan derajat relasi

many to many.

8. Relasi Pencetak Gol

Entitas yang berelasi adalah pemain dengan jadwal dengan derajat relasi

many to many.

(68)
(69)

dari database itu sendiri.

(70)

Tabel-tabel yang ada dalam database dari sistem ini antara lain: A. Tabel Klub

No Status Nama field Tipe(panjang) Keterangan

1 PK id_klub int(8) Nomor Id klub

2 nama_klub varchar(30) Nama klub

3 julukan varchar(30) Julukan klub

4 berdiri varchar(10) Tahun BerdiriKlub

5 no_rumah varchar(5) Nomor rumah kantor

6 nama_jalan varchar(30) Nama jalan kantor 7 kota_asal varchar(30) Kota asal kantor 8 no_telepon varchar(15) Nomor telepon kantor 9 pelatih varchar(30) Nama pelatih kepala klub 10 manager varchar(30) Nama manager klub 11 ketua_umum varchar(30) Nama ketua umum klub 12

nama_kel_suporter varchar(30) Nama kolompok suporter pendukung klub.

13 nama_stadion varchar(30) Nama stadion 14 kapasitas varchar(10) Kapasitas Stadion

15 no_jln_stadion varchar(5) Alamat nomor jalan stadion 16 nama_jln_stadion varchar(30) Alamat nama jalan stadion 17 kota_stadion varchar(30) Alamat kota stadion 18 gambar varchar(20) Logo stadion

(71)

No Status Nama field Tipe(panjang) Keterangan

1 PK id_pemain int(10) Nomor id pemain

2 no_punggung varchar(8) Nomor punggung pemain

3 id_klub varchar(8) Nomor id klub

4 nama_pemain varchar(30) Nama pemain 5

posisi varchar(20)

Posisi pemain dalam pertandingan

6 tanggal char(2) Tanggal lahir pemain

7 bulan varchar(12) Bulan lahir pemain

8 tahun varchar(4) Tahun lahir pemain

9 tempat_lahir varchar(20) Tempat lahir pemain 10 no_rumah varchar(5) Nomor rumah pemain 11 nama_jalan varchar(30) Nama jalan pemain 12 kota_asal varchar(20) Kota asal pemain 13 no_sepatu varchar(4) Nomor sepatu pemain 14 spesialisasi_kaki varchar(20) Kaki dominan pemain

15 gambar varchar(20) Foto pemain

16

status enum('0', '1','2')

Status pemain 0 : bebas

1: Akumulasi kartu kuning 2 : Kartu merah

(72)

No Status Nama field Tipe(panjang) Keterangan

3 FK id_klub_t_rumah varchar(8) Nomor id klub tuan rumah 4 FK id_klub_tamu varchar(8) Nomor id klub tuan tamu

nama_stadion varchar(30)

Nama Stadion tempat pertandingan

Jumlah kartu kuning yang didapat tim tuan rumah

15

jml_kuning_t char(2)

Jumlah kartu kuning yang didapat tim tamu

16

jml_merah_r char(2)

Jumlah kartu merah yang didapat tim tuan rumah

17

jml_merah_t char(2)

(73)

tuan rumah 19 FK

id_pemain_t_main text

Nomor-nomor id pemain tim tamu

20 jml_penonton varchar(6) Jumlah penonton di stadion

Tabel 3-4. Tabel Jadwal D. Tabel Wasit.

No Status Nama field Tipe(panjang) Keterangan 1. PK id_wasit int(8) Nomor id wasit

2. nama_wasit varchar(30) Nama wasit

no_telepon_w varchar(15) Nomor telepon wasit 3 no_rumah_w varchar(5) Nomor rumah wasit 4 nama_jalan_w varchar(30) Nama jalan rumah wasit 5 kota_asal_w varchar(30) Kota asal wasit

Tabel 3-5. Tabel Wasit E. Tabel Format_liga.

No Status Nama field Tipe(panjang) Keterangan 1. nama_liga varchar(30) Nama liga

2 tahun_liga varchar(4) Tahun pelaksanaan liga 3 jml_klub char(2) Jumlah maksimal klub peserta

(74)

No Status Nama field Tipe(panjang Keterangan 1 PK id_admin varchar(8) Nomor id administrator 2 nama_admin varchar(30) Nama administrator 3 password varchar(10) Password administrator

Tabel 3-7. Tabel Admin G. Tabel Kartukuning

No Status Nama field Tipe(panjang) Keterangan

1 FK id_jadwal int(8) Nomor id jadwal pertandingan 2 pekan tinyint(8) Pekan pertandingan berlangsung 3 FK id_pemain int(10) Nomor id pemain

4 menit char(3) Menit waktu mendapat kartu

Tabel 3-8. Tabel Kartukuning

H. Tabel Kartumerah

No Status Nama field Tipe(panjang) Keterangan

1. FK id_jadwal int(8) Nomor id jadwal pertandingan

(75)

No Status Nama field Tipe(panjang) Keterangan

1 FK id_jadwal int(8) Nomor id jadwal pertandingan 2 pekan tinyint(3) Pekan pertandingan berlangsung 3 FK id_pemain int(10) Nomor id pemain

4 menit char(3) Menit waktu mencetak gol

Tabel 3-10. Tabel Pencetakgol J. Tabel Berita

No Status Nama field Tipe(panjang) Keterangan 1 PK id_berita int(10) Nomor id berita

2 tglkirim varchar(10) Tanggal berita di inputkan pukulkirim varchar(8) Jam berita di inputkan 3 judulberita varchar(255) Judul berita

4 isiberita text Isi berita

Tabel 3-11. Tabel Berita K. Tabel Bukutamu

No Status Nama field Tipe(panjang) Keterangan 1 PK id_buku_tamu int(11) Nomor id buku tamu 2 pengirim varchar(30) Nama pengirim

email varchar(50) Alamat email pengirim

3 tglkirim varchar(10) Tanggal bukutamu di inputkan 4 pukulkirim varchar(8) Jam buku tamu di inputkan

5 pesan varchar(255) Pesan

(76)

No Status Nama field Tipe(panjang) Keterangan 1 PK id_polling int(11) Nomor id polling

2 judul_p varchar(255) Judul polling 3 pilihan_p varchar(255) Pilihan polling 4 jawaban_p varchar(255) Jawaban polling

Tabel 3-13. Tabel Polling

M. Tabel Klasemen

No Status Nama field Tipe(panjang) Keterangan

1 PK id_klub int(2) Nomor id klub

2

menang tinyint(3)

Jumlah klub memenangkan pertandingan

3 seri tinyint(3) Jumlah klub bermain seri 4 kalah tinyint(3) Jumlah klub bermain kalah 5 nilai tinyint(3) Jumlah akumulasi nilai

Tabel 3-14. Tabel Klasemen

N. Tabel Bermain

No Status Nama field Tipe(panjang) Keterangan 1. FK id_jadwal int(8) Nomor id jadwal pertandingan 2 pekan tinyint(8) Pekan pertandingan berlangsung 3 FK id_pemain int(10) Nomor id pemain

(77)

III.2.3 Desain Antar Muka

Tujuan dari desain antar muka adalah untuk mendapatkan tampilan yang user friendly sehingga mudah digunakan oleh user. Desain antar muka disini meliputi 2 sisi, yaitu desain untuk sisi user dan desain untuk sisi administrator. Desain untuk

user dibuat sedemikian rupa sehingga user dapat dengan mudah mengerti dan memahami langkah-langkah dalam menggunakan sistem informasi ini. Desain untuk administrator menggunakan user interface berbasis web menggunakan PHP sehingga lebih memudahkan dalam melakukan pengolahan data.

III.2.3.1 Desain Antar Muka untuk User.

A. Tampilan pembuka sistem informasi ( home)

Tampilan ini akan muncul pertama kali sistem informasi ini dibuka. Pada tampilan terdapat menu yang isinya antara lain home, profil, status pemain, jadwal, hasil, statistik, buku tamu dan kontak kami.

(78)

rekapitulasi statistik kompetisi. Buku tamu merupakan fasilitas yang bisa di gunakan oleh user untuk menulis identitas berupa email dan pesan yang bisa dibaca user yang lain. Dan kontak kami adalah merupakan fasilitas yang bisa di gunakan oleh user untuk menulis pesan apapun mengenai sistem informasi ini yang bisa ditujukan kepada pengelola sistem informasi ini.

Sistem Informasi Liga Sepakbola

HOME PROFIL STATUS PEMAIN JADWAL HASIL STATIATIK BUKU TAMU KONTAK KAMI

Tim Kandidat Juara adalah :

Copy Right © 2006 Kuncoro Widhihadmoko Teknik Informatika Universitas Sanata Dharma 2001

Email : kuncoro_usd@plasa.com

Gambar 3-15. Tampilan Home user B. Tampilan profil

(79)

1. Tampilan profil klub

Pada tampilan profil klub ini, sebelumnya akan muncul tampilan klub mana yang profilnya akan ditampilkan.

KLUB

Gambar 3-16. Tampilan profil Klub 2. Profil pemain

(80)

KLUB

Gambar 3-17. Tampilan profil pemain 3. Profil Wasit

Pada tampilan profil wasit ini, sebelumnya akan muncul tampilan wasit mana yang profilnya akan ditampilkan. Sehingga, jika di klik nama wasit tersebut maka profil wasit tersebut akan muncul.

W ASI T

(81)

C. Tampilan informasi status pemain.

Tampilan ini akan menampilkan informasi tentang status pemain yang terkena sanksi akibat terkena kartu merah atau kuning.

STATUS PEM AI N

N o. N a m a Pe m a in Klu b Ke t e r a n ga n

1 Agus I ndr a Kurniawan Persij a Jakart a Akum ulasi Kart u Kuning

2 Abanda Herm an Persij a Jakart a Kart u Merah

Gambar 3-19. Tampilan informasi status pemain D. Tampilan informasi jadwal pertandingan

Tampilan ini akan menampilkan informasi tentang jadwal pertandingan liga. JAD W AL PERTAN D I N GAN

Gambar 3-20. Tampilan informasi jadwal pertandingan E. Tampilan informasi hasil

Tampilan ini akan menampilkan tiga pilihan menu yaitu klasemen, topscorer dan hasil pertandingan.

1. Tampilan informasi klasemen.

(82)

menunjukkan berapa kali klub tersebut bermain seri, kalah menunjukkan berapa kali klub tersebut kalah dan point menunjukkan berapa point yang telah diperoleh klub tersebut.

KLASEM EN

N o. N a m a Klu b M a in M e n a n g Se r i k a la h N ila i

1 Pe r sij a j a k a r t a 1 1 0 0 3

2 Pe r sib Ba n du n g 1 0 0 1 0

Gambar 3-21. Tampilan informasi klasemen 2. Tampilan informasi topscorer.

Tampilan ini akan menampilkan informasi tentang daftar pencetak gol. TOP SCORER

Gambar 3-22. Tampilan informasi topscorer 3. Tampilan informasi hasil pertandingan

(83)

Pe r sib Ba n du n g VS Arem a Malang

Gambar 3-23. Tampilan informasi hasil pertandingan F. Tampilan informasi statistik

Tampilan ini akan menampilkan informasi tentang statistik rekapitulasi data pertandingan perpekan

Gambar 3-24. Tampilan informasi statistik

G. Tampilan informasi buku tamu

(84)

Sila k a n k lik di [ SI N I ] u nt u k m e n gisi bu k u t a m u

I D PESAN: 4] PEN GI RI M : Kuncoro ( kuncoro_usd@yahoo.com ) 15/ 12/ 2006, 05: 31: 35 PESAN :Sit enya bagus...

I D PESAN: 3] PEN GI RI M : Kuncoro ( Kuncoro_usd@plasa.com ) 15/ 12/ 2006, 05: 31: 31 PESAN :Sit e ini diperbaiki yaaa...

H a la m a n :[ 0] [ 1]

Gambar 3-25. Tampilan informasi buku tamu

H. Tampilan informasi kontak kami

Tampilan ini akan menampilkan halaman yang akan dipergunakan oleh user mengirimkan kritik dan saran ke pengelola sistem informasi ini.

Sila k a n t ulisk a n pe sa n , pe r t a n ya a n , k e lu h a n , da n h a l- h a l la in ya n g in gin An da sa m pa ik a n .

Ka m i a k a n m e m ba la s pe sa n An da .

Nam a :

Em ail :

Subj ect :

Pesan :

KIRIM PESAN

(85)

III.2.3.2 Desain Antar Muka untuk Administrator

A. Tampilan validasi administrator

Tampilan ini merupakan Tampilan awal untuk memvalidasi administrator agar dapat masuk ke dalam sistem dengan mengisikan Id_admin dan password. Pada Tampilan ini terdapat tombol login yang digunakan untuk melakukan proses pengecekan Id_admin dan password admin. Jika sesuai maka admin dapat melakukan pengolahan data disistem ini.

Silahkan login Masukkan No ID & Password Anda

I d_adm in :

Passw or d :

LOGIN

Gambar 3-27. Tampilan validasi administrator B. Tampilan pesan kesalahan validasi

Tampilan ini akan muncul apabila administrator memasukkan id_admin

atau password yang salah, sehingga administrator tidak berhak untuk masuk ke sistem. Administrator akan mengulangi memasukkan id_admin dan password

yang benar untuk dapat masuk ke sistem.

Passwor d Anda salah. Silakan LOGI N kem bali!

(86)

C. Tampilan menu administrator

Tampilan menu administrator ini akan muncul apabila administrator berhasil melakukan validasi.

[ LOGOUT ]

Gambar 3-29. Tampilan menu administrator D. Tampilan setting sistem

Gambar

Gambar 2-3. Simbol proses
Gambar 3-25. Tampilan informasi buku tamu
Gambar 3-29. Tampilan menu administrator
Gambar 3-31. Tampilan input admin
+7

Referensi

Dokumen terkait

Lakukan hal yang sama pada bagian lain apabila ingin dijadikan sebagai latar belakang agar kita dapat memasukkan objek berupa teks, animasi, maupun gambar...

Menyatakan bahwa Tugas Akhir Skripsi yang berjudul “Pembelajaran Matematika Menggunakan Metode Inkuiri Untuk meningkatkan Minat Belajaran Siswa Pada Materi Himpunan Di

Dengan berlakunya Peraturan Daerah ini, maka Peraturan Daerah Kota Yogyakarta Nomor 34 Tahun 2000 tentang Pembentukan, Susunan Organisasi dan Tata Kerja Badan Pengelolaan

setelah kami pelajari dengan saksama Dokumen PRAKUALIFIKASI tersebut, dengan ini kami mengajukan Dokumen Administrasi Kualifikasi dan Dokumen Teknis Kualifikasi untuk pengadaan

Penelitian yang sudah dilakukan bertujuan untuk membuat suatu sistem berbasis web yang dapat digunakan dalam pengolahan data pelayanan pendataan tumbuh kembang

menginokulasikan isolat dengan nilai kerapatan optik tertinggi ke dalam 10 ml media produksi (koloidal kitin 1%, pepton 0,1%, KH2PO4 0,1%, MgSO 4 .7H 2 O 0,05%) dengan pH 7

Sistem Administrasi Badan Hukum yang selanjutnya disingkat SABH adalah pelayanan jasa hukum pengesahan badan Perseroan, Yayasan dan Perkumpulan dengan

Berdasarkan uraian di atas menunjukkan bahwa untuk meningkatkan konsentrasi, maka seseorang perlu mengembangkan sikap dan perilaku jujur terhadap penutur apabila ia mempunyai