BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 Gambaran Umum Studi Kasus 3.1.1 Sejarah dan Perkembangan SMA Negeri 70 Jakarta SMA Negeri Jakarta adalah gabungan 2 SMA Negeri yaitu SMA Negeri 9 dan SMA Negeri 11 yang masing-masing berdiri tahun 1959 dan 1960. Sesuai SK Mentri P dan K Nomor : 025/0/80 pada tanggal 3 Oktober 1981 SMA 70 berdiri. Mulai belajar tanggal 5 Oktober 1981 dan sekaligus sebagai hari ulang tahun SMA Negeri 70 Jakarta. Secara berkesinambungan estafet kepemimpinan terus bergulir dengan segala prestasi dan predikat sebagai Sekolah Unggulan selalu disandang, mereka adalah : 1. Drs.Darmadi (3 Oktober 1981 – 6 Oktober 1985) 2. Drs. Joelioes Joesoef (7 Oktober 1985 – 6 November 1992) 3. Drs. Asrul Chatib (7 November 1992 – 24 Oktober 1996) 4. Drs. H. Syaridin Zas (25 Oktober – 31 Juli 2000) 5. Drs. Suyanto, M.M. (1 Agustus 2000 – 18 Maret 2004) 6. Drs. Djumadi, M.Pd (19 Maret 2004 – 15 Februari 2005) 7. Drs. Asyikin (16 Februari – 15 Februari 2008) 8. Drs. Pono Fadlullah, M.Hum ( 16 Februari 2008 – 25 Januari 2010) 9. Drs. Pernon Akbar, M.Ps.,T., (26 Januari 2010 – 11 Januari 2011) 10. Drs. H.Sdirman Bur (12 Januari 2011 – 18 Oktober 2011) 11. Drs. Saksono Liliek Susanto MPd. (19 Oktober 2011 – sekarang) Sebagai salah satu sekolah unggulan di kawasan Jakarta Selatan, SMA Negeri 70 ingin menjadi teladan dan pelopor bagi instansi sederajat lainnya untuk berprestasi dalam hal akademik maupun non akademik. Oleh karena itu SMA Negeri 70 Jakarta akan mengadakan event olahraga dan seni terbesar di Indonesia bagi tingkat SMA yang akan diselenggarakan rutin untuk kelima belas kalinya. 23
24 Di tahun ini SMA Negeri 70 mempresentasikan tema dengan dua unsur dunia yang berbeda.Bermula dari kekangan oleh dunia sirkus menuju kehidupan dunia hutan yang bebas. Target penempatan kesempatan yang tepat merupakan harapan yang ingin disampaikan kepada para peserta event ini melalui tagline “Aim the Chance to Break The Chains”.menggali kemampuan masing-masing peserta dengan menjadi jati dirinya sendiri adalah karakter yang diharapkan melekat pada setiap partisipan event ini. 3.1.2 Visi dan Misi 3.1.2.1 Visi Unggul dalam prestasi berlandaskan keimanan, ketaqwaan dan kebangsaan serta mampu bersaing pada tingkat Nasional dan Internasional.
3.1.2.2 Misi 1.
Mengembangkan penghayatan dan pengamalan ajaran agama yang dianut sebagai sumber kearifan.
2.
Mengembangkan
rasa
cinta
tanah
air
dan
semangat
kebangsaan 3.
Mengembangkan perilaku sesuai norma, etika, moral dan kepribadian bangsa.
4.
Meningkatkan kaunggulan dengan penguasaan iptek untuk berkompetisi secara global.
5.
Mengembangkan rasa kebersamaan sesame warga sekolah berdasarkan multikultur.
6.
Memberikan layanan kegiatan belajar mengajar yang efektif berbasis teknologi informasi.
7.
Terwujudnya profesionalitas SDM Tenaga Pendidik dan Tenaga Kependidikan.
8.
Terjalinnya kemitraan dengan lembaga-lembaga pendidikan serta institusi lain yang berskala Nasional dan Internasional
25 3.1.3
Struktur Organisasi Kepengurusan Bulungan Cup Berikut ini adalah struktur kepengurusan Bulungan Cup :
PENANGGUNG JAWAB(OSIS) CHINTA YULIDANTRI SAID FARIZ HIBBAN
PEMBINA
KETUA
PENGARAH (KEPALA SEKOLAH)
FERIYANSYAH S.Pd
M.IRSYAD HIBATULLAH
Drs.ENDANG HIDAYAT,SE,Ed.M
HUMAS INTERNAL
SEKERTARIS
ANNISA DINTA
ANDITA LINATI PUTRI ANANDRA SANIA
HUMAS EKSTERNAL MUHAMMAD ALI AKBAR
BENDAHARA RIFDA SHIFA NADIA ISLAHI NAZIHAH
WAKIL KETUA I
WAKIL KETUA II
WAKIL KETUA III
WAKIL KETUA IV
PRANAWA DWI PRADIPTA
MUHAMMAD NIZAR
MERIEM OCTAVIANA
NADIA ANDIANI
DOKUMENTASI
DANA INTERNAL
BAZAAR
RIFQA KAMILA
FADHILAH ANINDA
DARA KRISNANINGRUM
CABANG KOMPETISI
ACARA
DANA EKSTERNAL
INDIRA LARASATI
FAUZAN FAKHRI
TRANSPORTASI DHIKA AYODHA
PERLENGKAPAN
KEBERSIHAN
GALIH ADYUTA
NABILA SYAHDINDA
PERALATAN
KEAMANAN
IRFANDY ADITYA
ADITYA PUTERA GRAMMA
PUBLIKASI
KONSUMSI
JASMINE SHAFIRA
NADYA GITA CENDANY
KREATIF FEBRASAKA MADINDARI
Gambar 3.1 Struktur Organisasi Panitia Bulungan Cup
26 3.1.4
Tugas dan wewenang Berdasarkan struktur organisasi tersebut maka terdapat tugas pokok,
tanggung jawab, serta wewenang yang harus dijalankan oleh seluruh pihak yang terlibat. Tugas dan wewenang tiap-tiap unsur dapat dijelaskan sebagai berikut : 3.1.4.1 Penanggung Jawab Bertanggung jawab atas kelancaran jalannya turnamen Bulungan Cup hingga selesai.Dalam hal ini yang menjadi penanggung jawab adalah Osis. 3.1.4.2 Pembina Bertugas sebagai pengamat dan penasehat ketua pelaksana dalam memimpin event Bulungan Cup. 3.1.4.3 Pengarah Bertugas mengarahkan panitia dalam menjalankan tugas mereka. 3.1.4.4 Ketua Pelaksana Bertugas dan bertanggung jawab dalam memimpin event Bulungan Cup hingga selesai. 3.1.4.5 Sekertaris Bertugas dalam membantu kinerja ketua pelaksana dalam mengorganisir event Bulungan Cup dan member laporan keuangan kepada ketua pelaksana. 3.1.4.6 Bendahara Bertugas dalam mengatur keuangan pada event Bulungan Cup dan melaporkan hasilnya kepada sekertaris. 3.1.4.7 Wakil Ketua 1 Bertanggung jawab atas kelancaran jalannya pertandingan turnamen Bulungan Cup.
27 3.1.4.8 Wakil Ketua 2 Bertugas dalam mengatur : 1. Acara 2. Perlengkapan 3. Alat 4. Publikasi 5. Kreatif 3.1.4.9 Wakil Ketua 3 Bertugas dalam mengatur dana yang masuk saat event berlangsung. 3.1.4.10 Wakil Ketua 4 Bertanggung jawab dalam : 1. Bazar 2. Kebersihan 3. Keamanan.
3.1.5
Sistem yang Sedang Berjalan Turnamen Bulungan Cup, seperti turnamen pada umumnya.
Menerapkan system pendaftaran manual dimana calon peserta turnamen yang ingin mengikuti turnamen harus mendaftar langsung ke tempat atau bisa dengan telefon.
28 3.1.6
Proses Bisnis Kendala atau masalah yang ditemukan selama melakukan pengamatan
di SMA Negeri 70 Jakarta adalah sebagai berikut : Tabel 3.1 Daftar Proses dan Aktornya No. 1.
2.
Nama Proses Pendaftaran
Aktor
Dokumen
Panitia
-Formulir Pendaftaran
turnamen
-List peserta turnamen
Wasit turnamen
Hasil Pertandingan
Pengambilan
Peserta
Formulir yang sudah diisi data
Formulir
turnamen
peserta
Score Pertandingan
3.
Dari tabel di atas dapat disimpulkan bahwa masing-masing aktor mempunyai peran penting dalam kegiatan turnamen ini. Panitia turnamenakan menyiapkan formulir pendaftaran yang ditujukan untuk calon peserta turnamen. Para calon peserta yang ingin mengikuti turnamen ini bisa meminta formulir dengan cara datang langsung ataupun via telefon. Untuk peserta yang berada di luar daerah, panitia mengirimkan formulir via Tiki. Peserta diminta untuk menyerahkan formulir yang telah diisi kepada panitia dengan batas waktu yang sudah ditentukan oleh panitia turnamen. Bagi yang telah mengumpulkan formulir ke panitia maka panitia akan mendaftarkan nama peserta, sekolah asal ,dan pertandingan apa saja yang dipilih. Bagi peserta yang tidak mengumpulkan formulir hingga batasan waktu yang telah ditentukan maka calon peserta tersebut akan di anggap tidak mendaftar dalam event ini. Bagi peserta yang telah terdaftar diwajibkan menyelesaikan biaya administrasi dengan cara mentransfer ke nomer rekening yang telah ditentukan oleh panitia turnamen.
29 Data peserta yang telah diterima akan diproses oleh panitia untuk dikelompokan sesuai cabang turnamen. Kemudian panitia menyusun pertandingan sesuai dengan data yang diterima. Jadwal pertandingan yang sudah selesai dibuat akan di umumkan saat technical meeting. Technical meeting dilakukan dengan cara mengundang perwakilan dari masing-masing sekolah untuk datang ke SMA Negeri 70 jakarta. Dimana Technical meeting bertujuan untuk memberikan informasi kepada pesrta lomba mengenai alur dan persyaratan perlombaan yang ada.
30
Peserta
Panitia
Mulai
By Phone Datang Langsung
Melayani Peserta
Daftar Mengirim Formulir Batal
Mengisi Formulir
Menerima Formulir
Data Masuk
Daftar Peserta Menentukan Jadwal
Selesai
Gambar 3.2DAD Proses Pendaftaran
31 Pada gambar DAD Proses Pendaftaran di atas siswa yang ingin mendaftar sebagai peserta turnamen Bulungan Cup bisa menghubungi panitia dengan cara datang langsung ke SMA Bulungan atau bisa dengan menelfon panitia. Setelah itu panitia akan mencatat keikutsertaan siswa. Jika siswa merasa cabang olah raga yang
diinginkan tidak ada maka
mereka bisa menggagalkan keikutsertaan mereka. Tapi jika olah raga yang mereka inginkan ada maka mereka bisa mengkonfirmasikan keikutsertaan mereka. Panitia yang sudah mencatat siswa mana saja yang ikut serta dalam Bulungan Cup bisa memberikan formulir pendaftaran kepada para calon peserta.Peserta yang sudah mengisi formulir bisa mengembalikannya ke panitia dengan batas waktu yang sudah di tentukan. Panitia yang sudah menerima data calon peseta bisa langsung mengatur jadwal pertandingan yang nantinya jadwal pertandingan tersebut akan di serahkan kepada peserta dan para wasit. Keterangan : Persegi yang diberi warna adalah masalah utama panitia. Kami menyimpulkannya menjadi masalah utama karena para panitia merasa kesulitan dalam menerima formulir yang telah diisi oleh peserta.
32
Panitia
Wasit
Mulai
Jadwal Pertandingan
Memimpin Pertandingan
Update Jadwal Pertandingan
Menyerahkan Hasil Pertandingan
Selesai
Gambar 3.3DAD Proses Pertandingan Jadwal yang telah tersusun akan diserahkan dari panitia ke wasit. Setelah itu wasit yang sudah memegang jadwal pertandingan sudah bisa memimpin pertandingan. Saat pertandingan sudah selesai maka wasit akan menyerahkan hasil pertandingan ke panitia. Panitia yang sudah menerima hasil
pertandingan
bisa
langsung
memperbaharui
jadwal
untuk
pertandingan selanjutnya. Keterangan :Bagian yang diarsir adalah masalah utama wasit. Kami menyimpulkannya menjadi masalah utama karena Wasit merasa kerepotan jika harus menyerahkan hasil secara manual jika pertandingan yang di adakan jauh dari tempat para panitia.
33 3.2 Analisis Permasalahan
3.2.1
Kuesioner Untuk mengetahui sejauh mana website
ini dibutuhkan, maka
dibuatlah kuesioner yang terrdiri dari 10 pertanyaan yang disebar secara acak kepada 100orang dari 136 orang perwakilan SMA yang datang saat technical meeting
diadakan pada tanggal 7 desember 2013. Metode penyebaran
kuesioner menggunakan metode manual.
1. Apakah proses pendaftaran serta pengisian formulir yang saat ini berjalan sudah efektif ? a. Sudah efektif b. Belum efektif
Gambar 3.4Diagram hasil kuisioner Pertanyaan No.1 Kesimpulan:
Dari
orang)koresponden
kuesioner
yang
datang
ini saat
menggambarkan technical
meeting
78%(78 merasa
pendaftaran yang sedang berlangsung saat ini masih belum efektif karena formulir yang dibagikan masih melalui jasa paket (via TIKI). Sedangkan 22% (22 orang) koresponden lain nya menyatakan iya karena lokasi sekolah asalnya masih berada di daerah Jakarta.
34 2. Apakah anda lebih menyukai pendaftaran secara manual atau secara online ? a. Online b. Manual
Gambar 3.5 Diagram hasil Kuesioner Pertanyaan No.2 Kesimpulan :dari kuesioner ini menggambarkan 100% (100 orang) koresponden yang datang saat technical meeting lebih memilih pendaftaran secara online karena dirasa sangat mudah dan efisien. Selain itu tidak memakan banyak waktu dan biaya.
35 3. Apakah Proses pendaftaran turnamen melalui web sangat membantu ? a. Ya b. Tidak
Gambar 3.6 Diagram hasil Kuesioner Pertanyaan No.3 Kesimpulan : dari kuesioner ini menggambarkan 80% (80 orang) koresponden yang datang saat technical meeting merasa perlu dibuat pendaftaran turnamen menggunakan website
karena tidak perlu
menunggu formulir datang lewat jasa pengiriman (via TIKI). Sedangkan 20% (20 orang)sisa nya merasa tidak perlu karena posisi sekolah yang mereka wakili jaraknya tidak begitu jauh untuk mengambil formulir pendaftaran langsung ke SMA Negeri 70 Jakarta.
36 4. Apakah pemberitahuan event turnamen bulungan cup sudah efektif ? a. Iya b. Belum
Gambar 3.7Diagram Hasil Kuesioner Pertanyaan No.4 Kesimpulan :dari kuisioner ini menggambarkan 34% (34 orang) koresponden yang datang saat technical meeting merasa sudah efektif karena informasi yang mereka terima sampai tepat pada waktunya. Sedangkan 66% (66 orang)sisanya menganggap pemberitahuan kurang efektif karenakemungkinan pengantar informasi pemberitahuan lupa mengumumkan adanya turnamen yang diadakan di SMA Negeri 70 Jakarta.
37
5. Apakah Proses pemberitahuan turnamen melalui web sangat membantu ? a. Sangat membantu b. Tidak sama sekali
Gambar 3.8 Diagram hasil Kuesioner Pertanyaan No.5 Kesimpulan : dari kuesioner ini menggambarkan 82%(82 orang) koresponden yang datang saat technical meeting menginginkan adanya pemberitahuan menggunakan media elektronik seperti e-mail yang nantinya akan langsung masuk ke e-mail web sekolah yang dituju, agar penyebaran informasinya bisa efektif. Sedangkan 18% (18 orang) koresponden lain nya merasa tidak sama sekali karena bisa mengetahui info itu dengan datang langsung ke SMA Negeri 70 Jakarta.
38
6. Anda lebih dominan mana antara membuka internet via web atau via mobile? a. Via Web b. Via Mobile c. Keduanya
Gambar 3.9 Diagram hasil Kuesioner Pertanyaan No.6 Kesimpulan :Dari kuesioner ini menggambarkan 24% (24 orang) koresponden lebih sering membuka internet via web karena mereka jarang membutuhkan internet sebagai media informasi, jadi mereka hanya menggunakan internet jika sedang berada di depan komputer saja. 40% (40 orang) koresponden lainnya lebih sering membuka via mobile karena mereka sangat membutuhkan internet untuk mengetahui informasi terbaru secara cepat di
sela
kesibukan mereka. Sedangkan 36% (36
orang)koresponden lainnya memilih keduanya karena mereka tidak bisa melepas keterkaitan hidup mereka dari internet.
39
7. Apakahanda setuju jikafitur live scoreditambahkan dalam website yang akan dibuat? a. Iya b. Tidak Setuju
Gambar 3.10 Diagram hasil Kuesioner Pertanyaan No.7 Kesimpulan :Dari hasil kuesioner ini menggambarkan 62% (62 orang) koresponden menginginkan adanya fitur live score pertandingan yang sedang berjalan. Sedangkan 38% (38 orang) sisanya merasa fiturlive score tidak terlalu penting karena mereka hanya ingin menyaksikan turnamen yang sedang berlangsung tanpa mengetahui hasil akhir pertandingan.
40
8. Menurut anda kendala apa yang paling sering muncul saat anda melakukan pendaftaran? a. Waktu Proses b. Jarak Pengiriman c. Biaya
Gambar 3.11 Diagram hasil Kuesioner Pertanyaan No.8 Kesimpulan :Dari hasil kuesioner ini menggambarkan 50% (50 orang) koresponden mengeluhkan waktu saat proses pendaftaran yang lama karena menggunakan jasa antar barang (via TIKI). 30% (30 orang) koresponden lain mengeluhkan masalah jarak pengiriman, karena jarak antara sekolah asal dengan tempat penjualan jasa antar barang yang jauh. Dan 20% (20 orang)sisanya mengeluhkan soal biaya, karena untuk proses mendaftar dibutuhkan biaya jasa antar barang ditambah dengan biaya administrasi untuk membayar pendaftaran.
41
9. Apakah anda setuju jika ada fitur live streaming di website Bulungan Cup? a. Ya b. Tidak
Gambar 3.12Diagram hasil kuesioner Pertanyaan No.9 Kesimpulan :Dari hasil kuesioner ini dapat digambarkan bahwa 22% (22 orang) koresponden menyatakan tidak perlu menggunakan fitur live streaming karena akan memperlambat loading dari website yang akan dibuat. 78% (78 orang) koresponden lain menginginkan adanya live streaming karena sangat berguna bagi mereka yang ingin menonton turnamen namun tidak bisa hadir karena alasan tertentu.
42
10. Apakah anda lebih manyukai website yang lebih cepat dibuka tetapi tidak memiliki animasi, atau lambat tetapi memiliki animasi? a. Menunggu 10-15 detik tetapi memiliki animasi menarik b. Menunggu kurang dari 5 detik tetapi tidak memiliki animasi c. Menunggu 5-10 detik tetapi memiliki animasi yang biasa saja
Gambar 3.13 Diagram hasil kuesioner Pertanyaan No.10 Kesimpulan :Dari hasil kuesioner ini dapat digambarkan bahwa 56% (56 orang) koresponden bersedia menunggu 10-15 detik saat membuka website karena mereka ingin melihat seperti desain web yang hanya diadakan satu tahun sekali ini. 20% (20 orang) koresponden lain tidak terlalu menginginkan banyak animasi karena bagi mereka animasi akan memperlambat
loading website
yang mereka
buka.
24%
(24
orang)koresponden sisanya bersedia menunggu 5-10 detik tetapi animasi yang biasa saja karena mereka tidak terlalu antusias dengan animasi yang berlebihan.
43 3.2.2
Identifikasi Permasalahan Berdasarkan Kuesioner yang telah disebar, dapat dirumuskan
sejumlah permasalahan yang ada sebagai berikut : Tabel 3.2 Proses Permasalahan No.
Nama Proses
Pengguna
Evaluasi Dari :
Permasalahan 1.
Pendaftaran sebagai
Panitiadan peserta calon
Kuesioner dari pertanyaan No.1 Hasil analisis dari pertanyaan no.1
peserta turnamen
adalah
hampir
keseluruhan
Bulungan Cup
perwakilan dari tiap sekolah yang datang saat technical meeting menganggap cara untuk mengisi formulir
pendaftaranturnamen
masih dirasa kurang efektif.
Kuisioner dari pertanyaan No.7 Hasil analisis dari pertanyaan no.7 adalah kebanyakan koresponden (perwakilan dari masing-masing sekolah) yang berada di luar daerah
Jakarta
mengeluhkan
waktu proses merupakan faktor utama yang menghambat proses pendaftaran.
Dan
jarak
pengiriman menjadi faktor kedua dalam
proses
pengembalian
formulir yang masih dilakukan secara manual.
Kuesioner dari pertanyaan No.2 Hasil analisis dari pertanyaan no.2
44 No.
Nama Proses
Pengguna
Evaluasi Dari :
Permasalahan adalah sebagian besar perwakilan sekolah
menginginkan
website
yang
mereka
bisa
dalam
adanya
membantu melakukan
pendaftaran.
2.
publikasi
Panitia
Kuesioner dari pertanyaan No.3 Hasil analisis dari pertanyaan no.3 adalah
hampir
koresponden
yang
semua mengisi
kuesioner menjawab tidak efektif karena bisa saja terjadi human error (lupa) yang mengakibatkan tidak tersampaikannya informasi tentang turnamen ini.
Kuisioner dari pertanyaan No.4 Hasil analisis dari pertanyaan no.4 adalah keseluruhan perwakilan sekolah yang berada di luar daerah pengiriman
Jakarta undangan
meminta tidak
dilakukan melalui social media. Melainkan melalui e mail yang dimiliki masing-masing sekolah.
45 3.3
Perancangan Solusi 3.3.1 Perancangan Proses Bisnis Diusulkan Pada Solusi Dilihat dari permasalahan di atas, maka diajukan suatu sistem informasie-application berbasis web yang menjawab permasalahanpermasalahan pada sistem lama. Tabel 3.3 Perancangan Bisnis Yang Di Usulkan
No
1
Tujuan Solusi
Membantu peserta
Proses Bisnis Yang
Fungsi dan Informasi Dalam
Akan Digunakan
Proses Bisnis
Melihat
Fungsi :
dalam Peraturan : Mempermudah peserta dalam
melakukan pendaftaran
mengetahui peraturan
Input :
Para calon peserta Calon peserta dapat turnamen
dapat melihat
membaca peraturan
yang
peraturan Informasi : ada
secara
yang detail.
Peraturan
ada pada setiap cabang perlombaan
ditetapkan. Proses :
dari
website yang akan Membaca dibuat.
peraturan, dengan
tiap sesuai turnamen
yang ingin diikuti.
Output :
Calon
peserta
mematuhi peraturan yang ada pada tiap cabang perlombaan
yang
sudah
46
Peserta juga dapat Mengisi
formulir Fungsi :
mengisi formulir pendaftaran : pendaftaran yang
Memudahkan calon peserta saat
sudah disediakan Input :
mengisi
panitia
formulir pendaftaran.
disetiap
cabang turnamen
calon
data
diri
didalam
peserta
turnamen
mengisi Informasi :
formulir yang sudah ada disetiap cabang formulir pendaftaran. olahraga.
Proses :
Calon
peserta
mengisi data diri dan menginput data
Output :
Peserta yang sudah menginput data diri di
formulir
pendaftaran
akan
mendapatkan pdf. 2
Membantu panitia
Memberitahukan
Fungsi :
dalam peraturan :
penyelenggaraan
Memberikan pengertian kepada
turnamen
calon peserta sebelum mengisi
dan Input :
formulir pendaftaran.
mengorganisir jalannya
Panitia
bertugas
turnamen.
memasukkan
47 peraturan
disetiap Informasi :
dapat cabang olahraga.
Panitia
Lembar peraturan.
memberitahukan peraturan ada
yang Proses : disetiap
cabang olahraga.
Panitia
mengecek
penempatan peraturan
disetiap
cabang olahraga
Output :
Panitia
mengecek
peserta yang sudah memenuhi
syarat
untuk
ikut
berpartisipasi dalam turnamen.
Panitia
Menerima data:
Fungsi :
Input :
Mempermudah panitia dalam
mengorganisir jadwal
mengorganisir data peserta.
pertandingan sesuai data
dengan Panitia dari
menerima
para formulir pendaftaran
peserta turnamen
yang sudah diisi oleh Informasi : calon
peserta
turnamen.
Proses :
Panitia
memproses
Data peserta.
48 data
perta
dan
mengelompokkan sesuai
bidang
olahraga
yang
diinginkan peserta.
Output :
Data
pesert
yang
sudah disusun dan dijadikan
sebuah
bagan pertandingan. 3
Membantu wasit Memimpin dalam
pertandingan
memasukkan
menginput
hasil
pertandingan :
Fungsi : dan hasil Memimpin pertandingan dan menginput hasil pertandingan.
pertandingan dan
Input :
menyebarkan
Informasi :
hasil
Wasit
menerima
pertandingan.
jadwal pertandingan Hasil pertandingan. yang sudah disusun
wasit yang sudah oleh panitia. mendapat jadwal pertandingan bisa Proses: memimpin pertandingan saat Wasit pertandingan
memimpin
pertandingan.
dimulai. Output:
Setelh pertandingan usai
wasit
49 menginput
hasil
pertandingan kedalam
website
Bulungan Cup.
3.3.2
Perancangan UML 3.3.2.1
Use Case Diagram Sub-bab ii akan menjelaskan tentang interaksi antara
para pengguna sistem informasi berbasis web pada SMA Negeri 70 Jakarta. Interaksi – interaksi tersebut dapat dilihat pada Use Case Diagram berikut :
50
Gambar 3.14Use Case Diagram
51 3.3.2.2
Use Case Naratif Sub-bab ini akan menjelaskan tentang interaksi dan
kegiatan antara para pengguna sistem informasi berbasis web yang ditunjukkan dalam use case naratif berikut : Tabel 3.4Use Case Naratif Log in Nama Use Case
Log in
ID Use Case
1
Sumber
Use case Diagram.
Pelaku Bisnis Utama Panitia Pelaku Sistem
Panitia
Utama Deskripsi
Use Case ini mendeskripsikan tentang panitia yang akan masuk ke situs Bulungan cup.
Prakondisi
-
Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2:
Panitia membuka Sistem web
akan
Bulungan menampilkan
cup.
halaman
masuk
kepada admin.
Langkah 3:
Langkah 4a:
Panitia
Sistem
memasukkan
akan
ID menerima inputan
pengguna dan kata dari panitia serta sandi. tombol
Dan
klik verifikasi
“submit”. pengguna.
data Jika
Maka ke langkah data benar maka
52 4a dan 4b
sistem menampilkan halaman home.
Langkah 4b: jika
data
diterima
yang salah
maka akan muncul pesan “Username or
Password
incorrect”. kembali
is Dan ke
langkah 3. Kesimpulan
Use case ini menyimpulkan bagaimana panitia masuk ke halaman home panitia
Postkondisi
Panitia
berhasil
Bulungan Cup.
masuk
ke
situs
53 Tabel 3.5 Use Case Naratif Registration Nama Use Case
Registration
ID Use Case
2
Sumber
Use case Diagram.
Pelaku Bisnis Utama Peserta Pelaku Sistem
peserta
Utama Deskripsi
Use Case ini mendeskripsikan tentang peserta yang akan mendaftar sebagai peserta Bulungan Cup.
Prakondisi
Peserta
telah
masuk
ke
halaman
registration Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2 :
Peserta
melihat Sistem
akan
kompetisi apa saja menampilkan yang akan diikuti pilihan
turnamen
saat turnamen.
ada
yang
Bulungan
di Cup
kepada peserta.
Langkah 3: Peserta
Langkah 4:
memilih Sistem
turnamen.
akan
menampilkan formulir pendaftaran kepada peserta.
Langkah 5: Peserta
Langkah 6: mengisi Sistem
akan
54 formulir
menerima inputan
pendaftaran. klik
Dan dari
siswa
tombol data
“submit”.
dan
peserta
tersimpan
dalam
database sementara panitia. Dan sistem akan memberikan umpan balik ke peserta
dalam
bentuk PDF. Kesimpulan
Use case ini menyimpulkan bagaimana formulir data calon peserta sampai ke panitia.
Postkondisi
Peserta
selesai
mengisi
formulir
pendaftaran dan panitia mendapatkan data calon peserta.
55 Tabel 3.6 Use Case Naratif Confirm Payment Nama Use Case
Confirm Payment
ID Use Case
3
Sumber
Use case Diagram.
Pelaku Bisnis Utama Peserta Pelaku Sistem
Peserta
Utama Deskripsi
Use Case ini mendeskripsikan tentang bagaimana
peserta
melakukan
pembayaran. Prakondisi
Peserta telah masuk ke halaman confirm payment
Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2 :
Peserta mengisi
telah Sistem menerima formulir inputan
dari
peserta
dan
konfirmasi
pembayaran. Dan disimpan
pada
klik
view
tombol halaman
“submit” Kesimpulan
payment.
Use case ini menyimpulkan bagaimana proses pembayaran peserta turnamen bulungan cup.
Postkondisi
Peserta
telah
pembayaran.
selesai
konfirmasi
56 Tabel 3.7Use Case Naratif View Payment Nama Use Case
View payment
ID Use Case
4
Sumber
Use case Diagram.
Pelaku Bisnis Utama Panitia Pelaku Sistem
Panitia
Utama Deskripsi
Use Case ini mendeskripsikan tentang bagaimana panitia mendata peserta yang sudah melakukan pembayaran.
Prakondisi
Panitia sudah masuk ke halaman view payment
Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2 :
Panitia
mendata Sistem
akan
peserta yang telah menampilkan melakukan
daftar
pembayaran
yang
peserta telah
melakukan pembayaran kepada panitia.
Langkah 3:
Langkah 4a:
Panitia yang telah Sistem mendata akan tanda
akan
peserta memberikan memberi umpan balik ke bahwa peserta
dengan
peserta
tersebut pesan
sudah
menjadi “terimakasih
peserta
tetap sudah melakukan
57 turnamen
pembayaran” yang
Bulungan
Cup. masuk ke e-mail
Maka langkah ke pembayar. 4a dan 4b Langkah 4b: Sistem
akan
menghapus
data
peserta yang tidak melakukan pembayaran. Kesimpulan
Use case ini menyimpulkan bagaimana panitia melakukan pendataan peserta tetap tunamen Bulungan Cup
Postkondisi
Panitia telah mendata peserta tetap turnamen Bulungan Cup.
58 Tabel 3.8 Use Case Naratif Insert News Nama Use Case
Insert news
ID Use Case
5
Sumber
Use case Diagram.
Pelaku Bisnis Utama Panitia Pelaku Sistem
Panitia
Utama Deskripsi
Use Case ini mendeskripsikan tentang bagaimana panitia memasukkan berita kedalam website Bulungan Cup.
Prakondisi
Panitia berhasil masuk ke halaman insert news
Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2 :
Panitia
Sistem
memasukkan
menyimpan
berita yang terjadi inputan selama
akan
dari
turnamen panitia.
bulungan
cup
berlangsung. Dan klik
tombol
“submit” Kesimpulan
Use case ini menyimpulkan bagaimana panitia memasukkan berita yang terjadi selama
turnamen
Bulungan
Cup
berlangsung. Postkondisi
Panitia berita.
telah
selesai
memasukkan
59 Tabel 3.9Use Case Naratif Update News Nama Use Case
Update news
ID Use Case
6
Sumber
Use case Diagram.
Pelaku Bisnis Utama Panitia Pelaku Sistem
Panitia
Utama Deskripsi
Use Case ini mendeskripsikan tentang bagaimana panitia memperbarui berita yang ada pada website Bulungan Cup.
Prakondisi
Panitia telah masuk halaman iupdate news
Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2 :
Panitia
Sistem
memperbarui
menyimpan
akan
berita yang sudah perubahan
yang
ada pada website dilakukan panitia. Bulungan
Cup. Dan
ditampilkan
Dan klik tombol pada
halaman
“submit” Kesimpulan
news.
Use case ini menyimpulkan bagaimana panitia memperbarui berita yang ada di dalam website Bulungan Cup.
Postkondisi
Berita berhasil di perbarui oleh panitia.
60 Tabel 3.10Use Case Naratif View News Nama Use Case
View news
ID Use Case
7
Sumber
Use case Diagram.
Pelaku Bisnis Utama Peserta dan panitia Pelaku Sistem
Peserta dan panitia
Utama Deskripsi
Use Case ini mendeskripsikan tentang bagaimana panitia dan siswa melihat berita yang telah diinput panitia
Prakondisi
Panitia
dan
peserta
sudah
masuk
halaman home Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2 :
Panitia dan peserta Sistem klik “News” Kesimpulan
akan
tombol menampilkan berita.
Use case ini menyimpulkan bagaimana peserta dan panitia melihat berita.
Postkondisi
Berita telah dilihat oleh panitia dan peserta.
61 Tabel 3.11Use Case Naratif Delete News Nama Use Case
Delete news
ID Use Case
8
Sumber
Use case Diagram.
Pelaku Bisnis Utama Panitia Pelaku Sistem
Panitia
Utama Deskripsi
Use Case ini mendeskripsikan tentang bagaimana panitia menghapus berita.
Prakondisi
Panitia telah masuk ke halaman delete news
Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2 :
Panitia klik tombol Sistem “delete” Kesimpulan
akan
menghapus berita.
Use case ini menyimpulkan bagaimana panitia menghapus berita.
Postkondisi
Panitia selesai melakukan penghapusan berita.
62 Tabel 3.12Use Case Naratif Update Score Nama Use Case
Update score
ID Use Case
9
Sumber
Use case Diagram.
Pelaku Bisnis Utama Panitia Pelaku Sistem
Panitia
Utama Deskripsi
Use Case ini mendeskripsikan panitia memperbarui skor turnamen.
Prakondisi
Panitia sudah masuk dalaman update score
Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2 :
Panitia
memilih Sistem
akan
turnamen
yang menampilkan
skornya
akan cabang turnamen
diubah
yang skornya akan diubah
Langkah3:
Langkah4a:
Panitia
Sistem
akan
memperbarui skor menyimpan daftar pertandingan.
skor baru
Maka ke langkah 4a dan 4b
Langkah 4b: Sistem
akan
menghapus peserta yang telah gugur.
63 Kesimpulan
Use case ini menyimpulkan bagaimana memperbarui skor turnamen.
Postkondisi
Skor telah berhasil di perbarui oleh panitia.
Table 3.13Use Case Naratif View Score Nama Use Case
View score
ID Use Case
10
Sumber
Use case Diagram.
Pelaku Bisnis Utama Panitia dan peserta Pelaku Sistem
Panitia dan peserta
Utama Deskripsi
Use Case ini mendeskripsikan tentang bagaimana panita dan peserta melihat skor turnamen.
Prakondisi
Panitia dan peserta telah masuk ke halaman home
Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2 :
Panitia dan peserta Sistem klik
menu
score” Kesimpulan
akan
“live menampilkan skor turnamen.
Use case ini menyimpulkan bagaimana panitia
dan
peserta
melihat
skor
turnamen Postkondisi
Skor telah dilihat oleh panitia dan peserta.
64 Tabel 3.14Use Case Narative Live Streaming Nama Use Case
Live Streaming
ID Use Case
11
Sumber
Use case Diagram.
Pelaku Bisnis Utama Panitia dan peserta Pelaku Sistem
Panitia dan peserta
Utama Deskripsi
Use Case ini mendeskripsikan tentang panitia
dan
peserta
melihat
pertandingan dalam bentuk video Prakondisi
Panitia
dan
peserta
telah
masuk
halaman home Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2 :
Panitia dan peserta Sistem
akan
klik menu “Live menampilkan Streaming”
halaman
live
streaming Kesimpulan
Use case ini menyimpulkan bagaimana panitia
dan
peserta
melihat
pertandingan melalui video Postkondisi
Panitia dan peserta telah melihat video pertandingan.
65 Tabel 3.15Use Case Naratif View Contac Us Nama Use Case
View contac person
ID Use Case
12
Sumber
Use case Diagram.
Pelaku Bisnis Utama Panita dan peserta Pelaku Sistem
Panitia dan peserta
Utama Deskripsi
Use Case ini mendeskripsikan tentang bagaimana panitia dan peserta melihat kontak panita.
Prakondisi
Panita dan peserta telah masuk ke halaman home.
Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2 :
Panitia dan peserta Sistem klik “contac” Kesimpulan
akan
menu menampilkan halaman contac us
Use case ini menyimpulkan bagaimana panitia dan peserta melihat kontak panitia yang bisa dihubungi
Postkondisi
Kontak panitia telah dilihat oleh panitia dan peserta.
66 Tabel 3.16Use Case Naratif Edit Slider Nama Use Case
Edit slider
ID Use Case
13
Sumber
Use case Diagram.
Pelaku Bisnis Utama Panitia Pelaku Sistem
Panitia
Utama Deskripsi
Use Case ini mendeskripsikan tentang bagaimana panitia mengubah tampilan slide
Prakondisi
Panitia telah masuk halaman edit slider
Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2 :
Panitia
Sistem
memperbarui
menyimpan
gambar-gambar
perubahan
yang
atau foto-foto yang dilakukan
oleh
ada
pada
akan
slide panitia.
halaman home Kesimpulan
Use case ini menyimpulkan bagaimana panitia mengubah isi slide yang terdapet pada halaman home
Postkondisi
Panitia selesai memperbarui isi slide.
67 Tabel 3.17Use Case Naratif Log Out Nama Use Case
Log out
ID Use Case
14
Sumber
Use case Diagram.
Pelaku Bisnis Utama Panitia Pelaku Sistem
Panitia
Utama Deskripsi
Use Case ini mendeskripsikan tentang bagaimana panitia keluar dari halaman home panitia
Prakondisi
Panitia berada dihalaman home panitia
Kegiatan
Kegiatan Pelaku
Respon Sistem
Langkah 1:
Langkah 2 :
Panitia klik tombol Sistem “log out”
akan
menutup halaman panitia.
Kesimpulan
Use case ini menyimpulkan bagaimana panitia keluar dari halaman home panitia
Postkondisi
Panitia keluar dari halaman home panitia.
68 3.3.2.3
Activity Diagram Pada sub-sub bab ini akan menjelaskan tentang alur
kegiatan setiap aktifitas dalam website SMA Negeri 70. Alur kegiatan tersebut dapat dilihat pada activity diagram berikut:
Gambar 3.15 Activity Diagram Log In Diagram di atas menggambarkan aktivitas panitia yang akan masuk kedalam halaman website Bulungan Cup. Halaman Log In hanya dirancang untuk panitia. Pertama dimulai dari panitia membuka halaman web bulungan cup dan sistem akan menampilkan halaman masuk ke panitia. Lalu panitia memasukan ID dan kata sandi panitia setelah itu sistem akan menerima data dari panitia dan mengecek validasi panitia. Apabila validasi benar maka sistem akan menampilkan halaman Insert News, jika validasi salah memasukan Id atau kata sandi panitia lalu sistem akan kembali kelangkah mengisi ID panitia dan kata sandi.
69
Gambar 3.16 Activity Diagram Registration Diagram aktivitas diatas menggambarkan aktivitas siswa yang akan mendaftar sebagai peserta turnamen. Pertama dimulai dari siswa memilih cabang turnamen apa yang mereka inginkan lalu sistem akan memunculkan halaman berisi formulir pendaftaran yang harus diisi. Setelah mengisi formulir pendaftaran, peserta pilih menu submit. Sistem yang menerima inputan dari peserta akan memproses data menjadi pdf yang bisa di unduh peserta sebagai bukti dan data peserta akan masuk ke bagian view payment.
70
Gambar 3.17 Activity DiagramConfirm Payment Diagram aktivitas di
atas menggambarkan aktivitas
peserta yang sudah melakukan pembayaran langsung melakukan konfirmasi pembayaran. Pertama dimulai dari peserta mengisi formulir konfirmasi pembayaran yang ada pada halaman confirm payment. Sistem yang menerima inputan dari peserta akan menyimpan data pembayaran dihalaman view payment.
71
Gambar 3.18 Activity Diagram View Payment Diagram aktivitas di atas menggambarkan aktivitas panitia dalam mengecek status pembayaran peserta turnamen. Pertama dimulai dari panitia membuka halaman view payment dan sistem akan menampilkan data peserta yang telah melakukan pembayaran maupun yang belum melakukan pembayaran. Panitia akan menunggu peserta yang belum melakukan pembayaran hingga batas waktu yang ditentukan panitia. Setelah batas waktu pembayaran habis maka panitia akan menandai peserta yang sudah melakukan pembayaran sebagai peserta turnamen lalu sistem akan menyimpan data dan memberikan pesan bahwa peserta bisa mengikuti turnamen melalui e-mail.
72
Gambar 3.19 Activity Diagram Insert News Diagram aktiitas di atas menggambarkan aktivitas panitia memasukan berita pada halaman news.Pertama dimulai dari panitia mengisi judul dan isi berita.Panitia bisa memasukan gambar dan video jika ada pada berita yang sedang dibuat. Setelah selesai membuat berita, panitia klik tombol submit dan sistem akan menyimpan berita yang sudah dimasukan panitia ke halaman news.
73
Gambar 3.20 Activity Diagram Update News Diagram di atas menggambarkan aktivitas panitia ingin memperbarui berita. Pertama dimulai dari panitia membuka halaman update news dan sistem akan menampilkan berita yang sudah ada sebelumnya. lalu panitia memilih menu edit yang ada pada setiap berita dan sistem akan menampilkan halaman edit. Setelah panitia selesai memperbarui berita, panitia klik tombol submit dan sistem
akan menyimpan inputan panitia
menampilkan berita ke halaman news.
lalu
74
Gambar 3.21 Activity Diagram View News Diagram aktivitas di atas menggambarkan aktivitas panitia dan peserta ingin melihat berita yang ada pada turnamen bulungan cup.Pertama dimulai dari panitia dan murid klik menu news pada menu utama di samping kiri layar. Maka sistem akan menampilkan berita yang ada pada turnamen bulungan cup.
75
Gambar 3.22 Activity Diagram Delete News Diagram aktivitas di atas menggambarkan panitia ingin menghapus berita. Pertama dimulai panitia membuka halaman delete news dan sistem akan menampilkan berita yang sudah ada pada halaman news. Lalu panitia memilih menut delete yan ada pada setiap berita maka sistem akan menghapus berita tersebut.
76
Gambar 3.23 Activity Diagram Update Score Diagram aktivitas di atas menggambarkan aktivitas panitia akan mengubah skor pertandingan. Pertama dimulai dari panitia memilih menu update score lalu sistem menampilkan halaman yang berisi pilihan cabang turnamen yang akan diubah skornya. Lalu panitia memilih cabang turnamen dan sistem menampilkan bagan pertandingan yang nantinya skor dari pertandingan tersebut akan diubah. Setelah mengubah nilai dan klik submit maka sistem menyimpan data skor dan menampilkannya pada halaman view score.
77
Gambar 3.24 Activity Diagram view score Diagram aktivitas di atas menggambarkan aktivitas panitia dan peserta ingin melihat hasil skor turnamen. Pertama dimulai dari panitia dan peserta memilih menu live score yang ada pada halaman home. Maka sistem akan menampilkan hasil skor tunamen.
78
Gambar 3.25 Activity Diagram Live Streaming Diagram aktivitas di atas menggambarkan aktivitas panitia dan peserta ingin melihat jalannya pertandingan. Pertama dimulai dari panitia dan peserta memilih menu live streaming yang ada pada halaman home. Maka sistem akan menampilkan video jalannya pertandingan.
79
Gambar 3.26Activity Diagram Contac Us Diagram aktivitas di atas menggambarkan aktivitas peserta ingin melihat kontak panitia yang bisa dihubungi. Pertama dimulai dari peserta memilih menu contac pada menu yang berada di sebelah kiri layar, lalu sistem akan menampilkan lokasi SMA Negeri 70, kontak panitia yang bisa dihubungi dan pada bagian bawah terdapat kolom untuk menulis laporan.
80
Gambar 3.27Activity Diagram Edit Slider Diagram aktivitas di atas menggambarkan ektivitas panitia ingin merubah gambar slider pada halaman home.Pertama dimulai dari panitia masuk ke halaman edit slider dan sistem akan menampilkan halaman yang digunakan panitia untuk mengubah gambar. Setelah panitia selesai mengubah gambar slide sistem akan menyimpan perubahan tersebut dan ditampilkan pada slider yang ada pada halaman home.
81
Gambar 3.28Activity Diagram Log Out Diagram aktivitas di atas menggambarkan panitia ingin keluar dari web bulungan cup panitia. Pertama dimulai dari panitia memilih menu log out yang ada pada menu sebelah kiri layar, maka sistem akan menutup situs web bulungan cup panitia dan menampilkan halaman Log In.
82 3.3.2.4
Class Diagram Pada sub bab ini akan menjelaskan bagaimana struktur
objek sistem yang berlangsung pada turnamen Bulungan Cup. Kelas–kelas objek yang menyusun sistem dan juga menghubungkan antar kelas objek tersebut dapat dilihat pada gambar class diagram berikut :
83
Gambar 3.29Class Diagram
84 3.3.2.5
Sequence Diagram Sub-bab ini menjelaskan tentang interaksi antar objek
kegiatan, dan penggunanya berdasarkan urutan waktunya. Interaksi tersebut dapat dilihat pada Sequence Diagramberikut :
Gambar 3.30 Sequence Diagram Login
Gambar 3.31 Sequence Diagram Registration
85
Gambar 3.32 Sequence Diagram Confirm Payment
86
Gambar 3.33 Sequence Diagram View Payment
Gambar 3.34 Sequence Diagram Insert News
Gambar 3.35 Sequence Diagram Update News
87
Gambar 3.36 Sequence Diagram View News
Gambar 3.37 Sequence Diagram Delete News
Gambar 3.38 Sequence Diagram Update Score
88
Gambar 3.39 Sequence Diagram View Score
Gambar 3.40 Sequence Diagram Live Streaming
Gambar 3.41 Sequence Diagram Contac Us
89
Gambar 3.42 Sequence Diagram Edit Slider
Gambar 3.43 Sequence Diagram Log Out
90 3.3.2.6
Kamus Data Sub-bab ini membahas tentang kamus database yang
akan digunakan untuk website Bulungan Cup yang sedang dibut. Tabel 3.18 tbl_cabang Tbl_cabang PK
nama_cabang id_peserta
Fungui tabel ini untuk menyimpan nama cabang turnamen yang dipertandingkan. Denga PRIMARY KEY : nama_cabang.
Tabel 3.19 penjelasan tbl_cabang No
Nama Field
Tipe Data
Keterangan
1
nama_cabang
Varchar (16)
PRIMARY KEY, berdasarkan nama cabang olahraga.
2
id_peserta
Smallint (3)
Id peserta berdasarkan nomor urut
Tabel 3.20 tbl_gallery tbl_gallery PK
name image year
Fungsi tabel ini untuk menyimpan foto pada saat turnamen berlangsung.PRIMARY KEY : name
91 Tabel 3.21 Penjelasan tbl_gallery No
Nama Field
Tipe Data
Keterangan
1
name
Varchar (30)
PRIMARY KEY, berdasarkan nama gambar.
2
image
Varchar (20)
Foto dari turnamen
3
year
Int (11)
Tahun diambilnya foto
Tabel 3.22 tbl_news tbl_news PK
title konten date pic video
Fungsi dari tabel ini untuk menyimpan detail dari berita yang ditampilkan pada website. PRIMARY KEY: title. Tabel 3.23 penjelasan tbl_news No
Nama Field
Tipe Data
Keterangan
1
title
Varchar (30)
PRIMARY KEY, judul berita
2
konten
text
Isi dari berita
3
date
date
Tanggal berita diterbitkan
4
pic
Varchar (30)
Gambar dari berita
5
video
Varchar (50)
Video dari berita
92
Tabel 3.24 tbl_peserta Tbl_Peserta PK
id_peserta asal_sekolah nama_pemegang_rekening nomor_rekening bank jumlah_transfer email status_konfirmasi tanggal_pembayaran tanggal_konfirmasi
Fungsi dari tabel ini untuk menyimpan data peserta yang akan berpartisipasi dalam turnamen. PRIMARY KEY : id_peserta. Tabel 3.25 Penjelasan tbl_peserta No Nama Field
Tipe Data
Keterangan
1
Smallint (3)
PRIMARY
id_peserta
KEY,
berdasarkan id peserta yang lebih awal. 2
asal_sekolah
Varchar (30)
3
nama_pemegang_rekening Varchar (30)
Asal sekolah peserta Nama
pemegang
rekening
saat
pembayaran 4
nomor_rekening
Varchar (15)
Nomor rekening
5
bank
Varchar (15)
Nama bank
6
jumlah_transfer
Int (10)
Jumlah
yang
dibayarkan
telah
93 7
email
Varchar (30)
Email peserta
8
status_konfirmasi
Varchar (1)
Status
konfirmasi
peserta 9
tanggal_pembayaran
date
Tanggal pembayaran
10
tanggal_konfirmasi
date
Tanggal konfirmasi
Tabel 3.26 tbl_slider Tbl_slider PK
picture
Fungsi tabel ini untuk menyimpan gambar slider pada halaman home pengguna. PRIMARY KEY : picture
Tabel 3.27 Penjelasan tbl_slider No
Nama Field
Tipe Data
Keterangan
1
picture
Varchar (50)
PRIMARY KEY, foto saat turnamen
Tabel 3.28 tbl_panitia panitia PK
Id_panitia username password
Fungsi dari tabel ini dalah untuk menyimpan username dan password dari panitia.PRIMARY KEY :id_panitia.
94 Tabel 3.29 Penjelasan tbl_panitia
No
Nama Field
Tipe Data
Keterangan
1
Id_panitia
Int (11)
PRIMARY KEY, id panitia.
2
username
Varchar (255)
Username panitia
3
password
Varchar (255)
Password panitia
3.3.3
Perancangan Solusi Rancangan Layar 3.3.3.1
Halaman Pengguna
Gambar 3.44 Rancangan Halaman Home Halaman ini adalah halaman awal peserta mengakses website.Pada bagian header terdapat logo turnamen Bulungan Cup. Dibagian sebelah kiri terdapat menu-menu yang bisa dipergunakan untuk mengakses halaman lain. Dibawah menu terdapat menu Facebook, twitter dan contac usofficial Bulungan Cup. Pada bagian bawah logo terdapat bar audio player yang akan memperdengarkan jingle turnamen bulungan. Lalu dibawah bar terdapat countdown yang menghitung mundur awal turnamen dilaksanakan. Dibawah countdown terdapat pilihan untuk mengunduh jingle, menonton
95 pertandingan dan melihat skor pertandingan.Lalu dibawahnya terdapat slider yang menampilkan beberapa foto saat turnamen berlangsung.Pada bagian bawah terdapat sejarah terselenggaranya Bulungan Cup.
Gambar 3.45 Rancangan Halaman News Halaman ini adalah halaman yang akan muncul jika menu news dipilih. Pada halaman ini terdapat menu yang ada di bawah logo yaitu bazaar, supported by dan line up.Lalu dilanjutkan dengan beberapa kilasan berita yang terjadi saat turnamen berlangsung.
96
Gambar 3.46 Rancangan Halaman Read More pada News Halaman ini adalah halaman ketika menu detail pada tiap news dipilih.Pada halaman ini terdapat menu back to all news dan next yang berfungsi untuk melihat berita selanjutnya maupun sebelumnya.lalu dibawahnya terdapat tanggal berita, video dan lanjutan penggalan berita yang ada pada halaman news.
Gambar 3.47 Rancangan Halaman Supported By Halaman ini adalah halaman yang menampilkan para sponsor yang berpartisipaso dalam kelangsungan turnamen. Halaman ini akan muncul saat pengguna memilih menu supported by.Pada halaman ini hanya terdapat logo-logo sponsor.
97
Gambar 3.48 Rancangan Halaman Line Up Halaman ini adalah halaman yang menampilkan artis yang akan mengisi acara saat turnamen bulungan cup berlangsung. Pada halaman ini terdapat tampilan daftar-daftar artis yang akan mengisi acara pada saat turnamen berlangsung
Gambar 3.49 Rancangan Halaman Register Halaman ini adalah halaman yang menampilkan menu daftar turnamen, bagaimana cara mendaftar dan konfirmasi pembayaran. Halaman ini akan muncul saat pengguna memilih register pada menu yang ada pada kiri layar.
98
Gambar 3.50 Rancangan Halaman Competition List Halaman ini adalah halaman yang menampilkan daftar turnamen yang ada pada turnamen Bulungan Cup. Pada bawah logo terdapat menu back yang berguna untuk kembali ke menu register. Lalu dibawahnya terdapat daftar turnamen.Pada bagiaan kanan logo terdapat menu term and condition yang berfungsi untuk menampilkan persyaratan untuk melakukan pendaftaran.
Gambar 3.51 Rancangan Halaman Form Registration Halaman ini adalah halaman yang digunakan untuk mengisi data peserta turnamen. Halaman ini akan muncul ketika pengguna memilih cabang turnamen yang akan diikuti. Di bawah logo terdapat pemberitahuan yang akan terjadi jika pengguna memilih tombol submit. Lalu di bawah teks pemberitahuan terdapat kolom yang harus diisi oleh peserta turnamen. Pada bagian bawah terdapat menu
99 view term and condition dan download term and conidition. View and term condition pada halaman ini menampilkan syarat yang berlaku pada tiap cabang turnamen.
Gambar 3.52 Rancangan Halaman Term And Condition Halaman ini adalah halaman yang digunakan untuk memberikan info kepada peserta mengenai peraturan yang berlaku di turnamen Bulungan Cup secara garis besar. Halaman ini akan muncul jika menu term and condition pada halaman register di pilih.
Gambar 3.53 Rancangan Halaman Term and Condition tiap cabang Halaman ini adalah halaman yang digunakan untuk memberikan info kepada peserta mengenai peraturan pada tiap
100 cabang turnamen. Halaman ini akan muncul jika menu view term and condition pada halaman form registration dipilih.
Gambar 3.54 Rancangan Halaman How to Register Halaman ini adalah halaman yang menampilkan langkah apa saja yang harus dilakukan peserta untuk mendaftar dalam turnamen. Halaman ini muncul jika menu how to register pada halaman register dipilih.
Gambar 3.55 Rancangan Halaman Confirm Payment Halaman ini adalah halaman yang berisidata konfirmasi peserta
yang
melakukan
pembayaran
untuk
mengikuti
101 turnamen.Halaman ini muncul saat pengguna memilih menu confirm payment pada halaman register.
Gambar 3.56 Rancangan Halaman Schedule Halaman ini adalah halaman yang berisi jadwal pertandingan pada tiap cabang turnamen. Halaman ini akan muncul jika pengguna memilih menu schedule pada bagian menu utama yang berada di sebelah kiri layar.
Gambar 3.57 Rancangan Halaman Contac Halaman ini adalah halaman yang menampilkan keberadaan SMA Negeri 70 berada, kontak panitia yang bisa dihubungi dan
102 dibawahnya terdapat kolom untuk berkomentar yang nantinya komentar tersebut akan masuk ke e-mail panitia.
Gambar 3.58 Rancangan Halaman Live Streaming Halaman ini adalah halaman yang menampilkan video turnamen bulungan cup. Halaman ini akan muncul ketika pengguna memilih menu live streaming yang ada pada halaman home.
Gambar 3.59 Rancangan Halaman Live Score Halaman
ini
adalah
halaman
yang
menampilkan
skor
pertandingan. Halaman ini akan muncul jika pengguna memilih menu live score pada halaman home.
103 3.3.3.2 Halaman Panitia
Gambar 3.60 Rancangan Halaman Login Panitia Halaman in adalah halaman awal ketika panitia mengakses website bulungan cup.Pada bagian header terdapat logo turnamen bulungan cup.Pada bagian bawah terdapat field login yang terdiri dari ID dan password.
Gambar 3.61 Rancangan Halaman Insert News Panitia Halaman ini adalah halaman awal saat panitia masuk ke halaman panitia. Pada bagian pojok kanan atas terdapat notifikasi nama panitia yang sedang mengakses halaman ini. pada bagian
104 bawah logo terdapat field news title yang digunakan untuk memasukan judul berita.Dibawahtitle terdapat kolom untuk isi dari berita tersebut.Dibawahnya terdapat kolom untuk menempatkan gambar dan video. Pada bagian bawah layar terdapat tombol submit untuk mengunggah berita dan reset untuk mengulang berita.
Gambar 3.62 Rancangan Halaman Update News Panitia Halaman ini adalah halaman yang digunakan panitia untuk memperbarui berita.pada bagian bawah logo terdapat kolom tanggal pembuatan berita. Pada bagian bawah kolom tanggal terdapat gambar dari berita dan pada samping kanan gambar terdapat kolom kilas berita tersebut. Pada halaman ini terdapat tombol detail untuk melihat lebih lengkap berita dan edituntuk memperbarui berita.
105
Gambar 3.63 Rancangan Halaman Delete News Panitia Halaman ini adalah halaman yang digunakan panitia untuk menghapus berita yang sudah lama. Halaman ini tidak jauh berbeda dengan halaman edit news. Perbedaan pada halaman ini terdapat tombol delete yang digunakan untuk menghapus berita.
Gambar 3.64 Rancangan Halaman Edit Slider Panitia Halaman ini adalah halaman yang digunakan panitia untuk merubah foto-foto slide yang terdapat pada halaman home pengguna
106
Gambar 3.65 Rancangan Halaman Update Score Panitia Halaman ini adalah halaman yang digunakan panitia untuk memperbarui skor turnamen. Pada bagian bawah logo terdapat menu
cabang
turnamen
mana
yang
akan
diubah
skor
pertandingannya.
Gambar 3.66 Rancangan Halaman View Payment Panitia Halaman ini adalah halaman yang digunakan panitia untuk mengecek kelengkapan pembayaran peserta. Pada halaman ini menu confirm digunakan untuk menerima peserta sebagai peserta tetap turnamen dan menu reject untuk menghapus peserta yang belum melakukan registrasi.
