1. STD untuk login admin dan Super admin. 2. STD untuk login user (pelatih)

Transkripsi

1 STD untuk login admin dan Super admin Gambar STD Login admin dan super admin 2. STD untuk login user (pelatih) Gambar STD login user

2 STD untuk Pertandingan admin dan super admin Gambar STD Pertandingan admin dan super admin 4. STD Konfirmasi Super admin Gambar STD Konfirmasi Super admin

3 Perancangan Layar Perancangan layar menggambarkan tentang rancangan aplikasi yang akan diterapkan dalam aplikasi yang digunakan. Berikut ini akan ditampilkan beberapa rancangan layar yang kemudian akan diterapkan dalam p embuatan aplikasi : Halaman Pelatih (User) Rancangan Layar Login Gambar Rancangan Layar Login

4 Rancangan Layar Home Gambar Rancangan Layar Home Rancangan Layar Sejarah LEMKARI Gambar Rancangan layar sejarah LEMKARI

5 Rancangan Layar Visi dan Misi Gambar Rancangan Layar Visi dan Misi Rancangan Layar Struktur Organisasi Gambar Rancangan Layar Struktur Organisasi

6 Rancangan Layar Berita Terkini Gambar Rancangan Layar Berita Terkini Rancangan Layar Pertandingan Gambar Rancangan Layar Pertandingan

7 Rancangan Layar Pertandingan Terbaru Gambar Rancangan Layar Pertandingan Terbaru Rancangan Layar Jadwal Gambar Rancangan Layar Jadwal

8 Rancangan Layar Hasil Pertandingan Gambar Rancangan Layar Hasil Pertandingan

9 Rancangan Layar Pendaftaran Gambar Rancangan Layar Pendaftaran

10 Rancangan Layar Tambah Karateka Gambar Rancangan Layar Tambah Karateka

11 Rancangan Layar Contacts Gambar Rancangan Layar Contacts

12 Halaman Sekretariat Lemkari Rancangan Layar Login Gambar Rancangan Layar Login Rancangan Layar home Gambar Rancangan Layar home

13 Rancangan Layar Sejarah LEMKARI Gambar Rancangan Layar Sejarah LEMKARI Rancangan Layar Visi dan Misi Gambar Rancangan Layar Visi dan Misi

14 Rancangan Layar Struktur Organisasi Gambar Rancangan Layar Struktur Organisasi Rancangan Layar Berita Gambar Rancangan Layar Berita

15 Rancangan Layar Pertandingan Gambar Rancangan Layar Pertandingan

16 Rancangan Layar Verifikasi Registrasi Gambar Rancangan Layar Verifikasi Registrasi

17 Rancangan Layar Verifikasi Fisik Gambar Rancangan Layar Verifikasi Fisik

18 Rancangan Layar Generate Bagan Pertandingan Gambar Rancangan Layar Generate Bagan Pertandingan

19 Rancangan Layar Lihat Bagan Pertandingan Gambar Rancangan Layar Lihat Bagan Pertandingan

20 Rancangan Layar Generate Jadwal Pertandingan Gambar Rancangan Layar Generate Jadwal Pertandingan Rancangan Layar Lihat Jadwal Pertandingan Gambar Rancangan Layar Lihat Jadwal Pertandingan

21 Rancangan Layar Hasil Pertandingan Gambar Rancangan Layar Hasil Pertandingan Rancangan Layar Konfirmasi Gambar Rancangan Layar Konfirmasi

22 Rancangan Layar Kejuaraan Gambar Rancangan Layar Kejuaraan Rancangan Layar Tambah Kejuaraan Gambar Rancangan Layar Tambah Kejuaraan

23 Rancangan Layar Kontingen Gambar Rancangan Layar Kontingen Rancangan Layar Tambah Kontingen Gambar Rancangan Layar Tambah Kontingen

24 Rancangan Layar Dojo Gambar Rancangan Layar Dojo Rancangan Layar Tambah Dojo Gambar Rancangan Layar Tambah Dojo

25 Rancangan Layar Pelatih Gambar Rancangan Layar Pelatih Rancangan Layar Tambah Pelatih Gambar Rancangan Layar Tambah Pelatih

26 Rancangan Layar Karateka Gambar Rancangan Layar Karateka Rancangan Layar Admin (hanya dapat diakses oleh super admin atau ketua) Gambar Rancangan Layar Admin

27 Rancangan Layar Tambah Admin (hanya dapat diakses oleh super admin atau ketua) Gambar Rancangan Layar Tambah Admin Rancangan Layar Contacts Gambar Rancangan Layar Contacts

28 Spesifikasi Modul Spesifikasi proses berfungsi untuk mengarahkan aliran input menjadi aliran output melalui modul dalam bagan terstruktur. Penggunaan spesifikasi proses untuk merancang dan menulis program secara terstruktur dalam Sistem adminstrasi kejuaraan karate adalah : Modul Login BEGIN INPUT username, password IF tekan tombol Submit THEN IF username = "" THEN PRINT "Username must be filled" ELSE IF password = "" THEN PRINT "Password must be filled" ELSE IF username, password tidak ada di Database THEN PRINT "UserName dan password tidak valid" ELSE REGISTER Session REDIRECT TO Home Page ELSE IF tekan tombol Cancel THEN REDIRECT TO Home Page END

29 Modul Tambah Karateka BEGIN INPUT username, password IF tekan tombol Submit THEN IF username = "" THEN PRINT "Username must be filled" ELSE IF password = "" THEN PRINT "Password must be filled" ELSE IF username, password tidak ada di Database THEN PRINT "UserName dan password tidak valid" ELSE REGISTER Session REDIRECT TO Home Page ELSE IF tekan tombol Cancel THEN REDIRECT TO Home Page END

30 Modul Daftar Pertandingan BEGIN PRINT namapelatih, kodepelatih SELECT namakejuaraan dari Database WHERE tanggalregistrasi >= CURRENT TIME WHILE NOT EOF DO sisipkan namakejuaraan ke field input nama kejuaraan END DO WHILE INPUT namakejuaraan DO SELECT kategoriusia dari Database WHERE kejuaraan = namakejuaraan yang diinput user CLEAR field input kategori usia WHILE NOT EOF DO sisipkan kategoriusia ke field input kategori usia END DO WHILE INPUT kategoriusia DO SELECT jenispertandingan dari Database WHERE kejuaraan = namakejuaraan AND kategoriusia = kategoriusia yang diinput CLEAR field input kategori usia WHILE NOT EOF DO sisipkan jenispertandingan ke field input jenis pertandingan END DO WHILE INPUT jenispertandingan DO SELECT namakarateka dari Database WHERE pelatih = kodepelatih

31 184 CLEAR field input karateka WHILE NOT EOF DO sisipkan namakarateka ke field input karateka IF usia karateka diluar range kategoriusia OR jenis kelamin!= jeniskelamin di jenispertandingan THEN DISABLE pilihan karateka yang terakhir disisipkan END DO END DO END DO END DO IF klik link Tambah Karateka THEN REDIRECT TO Tambah Karateka RETURN ELSE IF tekan tombol Daftarkan Pertandingan THEN SHOW Confirmation Box "Anda yakin?" IF tekan tombol Yes THEN IF karateka = NULL THEN SHOW Message Box "Silakan pilih karateka." RETURN FOR EACH karateka DO

32 185 SELECT karateka dari Database WHERE kejuaraan = kejuaraan yang diinput AND kategoriusia = kategoriusia yang diinput AND jenispertandingan = jenispertandingan yang diinput AND IF COUNT > 0 THEN SHOW Message Box "Karateka sudah terdaftar pada pertandingan ini" RETURN END FOR SORT karateka last karateka = NULL FOR EACH karateka DO IF last karateka = karateka THEN SHOW Message Box "Karateka yang sama tidak boleh dipilih lebih dari sekali." RETURN END FOR GENERATE nomorregistrasi INSERT data pendaftaran ke Database PRINT "Pendaftaran berhasil." PRINT nomorregistrasi, namakejuaraan, kategoriusia, jenispertandingan, karateka

33 186 END Modul Lihat Jadwal BEGIN INPUT field kejuaraan SELECT data jadwal dari Database WHERE kejuaraan = kejuaraan yang diinput ORDER BY waktu WHILE NOT EOF DO PRINT jenispertandingan, kategoriusia, waktu, tempat END DO END Modul Lihat Hasil Pertandingan BEGIN INPUT field kejuaraan IF tekan tombol Download Hasil Pertandingan THEN PRINT Judul SELECT data kejuaraan dari Database WHERE kejuaraan = kejuaraan yang diinput ORDER BY kategoriusia, jeniskelamin, jenispertandingan last kategoriusia = NULL WHILE NOT EOF DO IF kategoriusia!= last kategoriusia THEN PRINT kategoriusia last kategoriusia = kategoriusia

34 187 last jeniskelamin = NULL PRINT "Pertandingan", "Juara 1", "Juara 2", "Juara 3.1", "Juara 3.2" IF jeniskelamin!= last jeniskelamin THEN PRINT jeniskelamin last jeniskelamin = jeniskelamin PRINT jenispertandingan SELECT juara1, juara2, juara31, juara32 dari Database PRINT juara1, juara2, juara31, juara 32 END DO PRINT "File digenerate pada tanggal", CURRENT TIME END Modul Verifikasi Registrasi BEGIN IF belum login THEN REDIRECT TO Halaman Login ELSE INPUT namakejuaraan, kategoriusia, jenispertandingan SELECT data peserta dari Database PRINT data peserta INPUT field verifikasi masing-masing peserta

35 188 IF tekan tombol Update Data THEN FOR EACH field verifikasi DO UPDATE statusverifikasi = field verifikasi END FOR END Modul Verifikasi Fisik BEGIN IF belum login THEN REDIRECT TO Halaman Login ELSE INPUT namakejuaraan, kategoriusia, jenispertandingan SELECT data peserta dari Database WHERE statusverifikasi = 1 PRINT data peserta INPUT field verifikasi usia,berat masing-masing peserta IF tekan tombol Update Data THEN FOR EACH field verifikasi DO INSERT verifikasi usia, berat ke Database verifikasi fisik END FOR END

36 Modul Generate Bagan MODUL NextPosisi(count, posisi) BEGIN IF count = 0 THEN RETURN -1 ELSE IF posisi < count / 2 THEN RETURN posisi + (count / 2) ELSE IF posisi - FLOOR(count / 4) < count / 2 THEN RETURN posisi - CEIL(count / 4) ELSE RETURN NextPosisi(FLOOR(count / 4), posisi MOD CEIL(count / 4)) END MODUL GenerateBagan BEGIN IF belum login THEN REDIRECT TO Halaman Login ELSE INPUT namakejuaraan IF tekan tombol Generate Bagan THEN DELETE data bagan dari Database WHERE kejuaraan = namakejuaraan

37 190 FOR EACH kategoriusia DO FOR EACH jenispertandingan DO SELECT data peserta dari Database WHERE statusverifikasi = 1 AND statusverifikasifisik = 1 ORDER BY unggulan jumlahpeserta = COUNT data peserta tipebagan = 8 WHILE tipebagan < jumlahpeserta DO tipebagan = tipebagan * 2 END DO posisi = 0 FOR EACH peserta DO INSERT peserta, posisi ke Database posisi = CALL NextPosisi(tipebagan, posisi) END FOR END FOR END FOR PRINT "Bagan pertandingan berhasil di-generate." END

38 Modul Generate Jadwal BEGIN IF belum login THEN REDIRECT TO Halaman Login ELSE INPUT namakejuaraan, tanggalmulai, tanggalselesai, jumlahlapangan FOR i = 1 TO (tanggalselesai - tanggalmulai + 1) DO INPUT jammulai[i], jamselesai[i] END FOR IF tekan tombol Generate Jadwal THEN jumlahhari = tanggalselesai - tanggalmulai + 1 lamatiaptanding = 3 menit tambahanwaktu = 5 menit DELETE data jadwal lama dari Database SELECT data peserta dari Database WHERE kejuaraan = namakejuaraan yang dipilih jumlahpeserta = COUNT data peserta SELECT data pertandingan dari Database WHERE kejuaraan = namakejuaraan yang dipilih jumlahpertandingan = COUNT data pertandingan durasi = 0 FOR i = 0 TO jumlahhari-1 DO durasi = durasi + (jamselesai[i] - jammulai[i]) FOR j = 0 TO jumlahlapangan-1 DO

39 192 lasttime[i][j] = jammulai[i] END FOR END FOR IF durasi * jumlahlapangan < ((jumlahpeserta + jumlahpertandingan) * lamatiaptanding) + (jumlahpertandingan * tambahanwaktu) THEN PRINT "Jadwal pertandingan tidak dapat dibuat untuk durasi waktu dan jumlah lapangan tersebut." ELSE FOR EACH pertandingan DO SELECT data peserta dari Database WHERE statusverifikasi = 1 and statusverifikasifisik = 1 jumlahpesertatanding = COUNT data peserta IF jumlahpesertatanding > 0 THEN durasitanding = (jumlahpesertatanding + 1) * lamatiaptanding + tambahanwaktu INSERT pertandingan, tempat = lastlapangan + 1, waktu = lasttime[lasthari][lastlapangan] ke Database jadwal pertandingan lasttime[lasthari][lastlapangan] += durasitanding lastlapangan = (lastlapangan + 1) MOD jumlahlapangan IF lastlapangan = 0 THEN lasthari = (lasthari + 1) MOD jumlahhari END FOR

40 193 PRINT "Jadwal pertandingan berhasil di-generate." ENDIF END Modul Lihat dan Update Bagan BEGIN INPUT namakejuaraan, kategoriusia, jenispertandingan IF tekan tombol Lihat THEN PRINT namakejuaraan, kategoriusia, jenispertandingan SELECT jadwal dari Database where namakejuaraan = namakejuaraan yang diinput AND kategoriusia = kategoriusia yang diinput AND jenispertandingan = jenispertandingan yang diinput PRINT "Waktu dan Tempat: ", waktu, tempat SELECT data bagan dari Database ORDER BY posisi jumlahlevel = LOG(tipebagan, 2) + 1 jumlahnode = POW(2, jumlahlevel) - 1 FOR i = 0 TO tipebagan DO SELECT data peserta dari Database where noregistrasi = noregistrasi di posisi PRINT noregistrasi, namakarateka IF peserta[jumlahnode - ((jumlahnode - i) * 2)]!= "" OR peserta[jumlahnode - ((jumlahnode - i) * 2 + 1)]!= "" THEN

41 194 PRINT field peserta yang dapat diinput END FOR INPUT field peserta IF tekan tombol Update Bagan THEN FOR EACH field peserta DO INSERT posisi, peserta ke Database Bagan END FOR END 4.2 Implementasi Spesifikasi Perangkat Keras Spesifikasi perangkat keras yang dibutuhkan untuk implementasi sistem basis data adalah sebagai berikut : Table 4. 1 Spesifikasi perangkat keras Hardware Server Client Proccessor Pentium 4 2GHz Pentium 4 2GHz Memory RAM 512 MB 256 MB VGA Card 16 MB 16 MB Harddisk 80 GB 40GB Monitor Ya Ya

42 195 Hardware Server Client CD-ROM Ya Ya Keyboard Ya Ya Mouse Ya Ya Spesifikasi Perangkat Lunak Spesifikasi perangkat lunak yang dibutuhkan untuk implementasi sistem basis data adalah sebagai ber ikut : Table 4. 2 Spesifikasi perangkat lunak Server Client Software Macromedia Dreamweaver CS3, XAMPP Sistem Operasi Microsoft Windows XP Microsoft Windows XP DBMS MySQL Browser Mozilla Firefox Mozilla Firefox Jadwal Implementasi Berikut ini adalah jadwal implementasi sistem yang dimulai dari pembentukan tim, pengadaan S/W dan H/W, instalasi S/W, instalasi H/W, uji cob a sistem baru, pelatihan user, evalu asi p elatihan, dan evaluasi sistem berjalan.

43 196 No Kegiatan Implementasi 1 Pengadaan HW & SW x x Table 4. 3 Jadwal Implementasi Sistem 2 Instalasi HW&SW x x x x Minggu Uji coba sistem x x 4 Pelatihan user x x x 5 Evaluasi Pelatihan x x 6 Evaluasi sistem x x Instalasi Aplikasi Berikut ini adalah isi paket XAMPP versi untuk windows yaitu sebagai berikut : Apache (IPv6 enabled) + OpenSSL 0.9.8k MySQL PBXT engine PHP phpmyadmin Webalizer GeoIP lite FileZilla FTP Server msmtp Panduan instalasi XAMPP Sesuai anjuran penyedia XAMPP, untuk pengguna baru disarankan memakai XAMPP basis package. Saya pilihkan yang.exe karena ini paket yang paling mudah untuk dinstall, Anda tinggal menjalankan file.exe tersebut. Langkah instalasi :

44 197 Gambar Ganbar layar bahasa Setelah menjalankan file xampp-win exe, pilih bahasa yang ingin dipakai. Gambar Layar utama proses instalasi Langkah kedua akan muncul tampilan meminta menutup semua aplikasi lain sebelum menginstall XAMPP.

45 198 Gambar Pemilihasn folder instalasi Jendela berikutnya yang muncul adalah pemilihan tempat/lokasi file XAMPP. Pilih sesuai default di c:\xampp. Jangan dimasukkan ke folder "Program Files" ("C:\Program Files"), dikarenakan akan adanya masalah permission folder.

46 199 Gambar Pemilihan sub folder instalasi Jendela selanjutnya akan memunculkan setting instalasi.

47 200 Create a XAMPP dekstop icon untuk menampilkan icon XAMPP di halaman dekstop komputer Anda Create an Apache Friends XAMPP folder in the start menu untuk membuat folder XAMPP bisa diakses dari menu start windows Anda Service section akan menginstall untuk ketiga layanan / service yang dibutuhkan, silakan centang semua. Gambar Pilihan dalam instalasi

48 201 Gambar Proses instalasi Proses intalasi sedang berjalan, tunggu sampai selesai. Sebagai catatan, gambar yang saya pakai adalah XAMPP versi 1.7.0, tetapi pada kenyataannya proses instalasi tidaklah jauh berbeda dikarenakan masih versi yang cukup dekat.

49 Gambar Proses instalasi telah selesai 202

50 203 Instalasi awal selesai, tekan tombol Finish. Tunggu langkah selanjutnya. Control Panel Instalasi file selesai, silakan pilih tombol Yes untuk memulai XAMPP