BAB 4
IMPLEMENTASI DAN PEMBAHASAN
4.1 Implementasi Sistem
Ini merupakan tahap terakhir dari pengembangan sistem. Tahap ini merupakan tahap dimana meletakkan sistem agar dapat dijalankan atau di operasikan. Dalam
hal ini, web UKM Tenis Meja USU tersebut harus sesuai dengan komponen – komponen pokok pada sistem komputer yang akan kita gunakan. Tahap ini
merupakan tahap inti dalam membangun sebuah proyek. Implementasi merupakan langkah yang digunakan untuk mengoperasikan web UKM Tenis Meja USU yang
telah dibuat. Dalam bab ini akan dijelaskan mengenai cara penggunan dari sistem informasi UKM Tenis Meja USU berbasis web.
4.2 Halaman Sistem Informasi UKM Tenis Meja USU Berbasis Web
Pada program web UKM Tenis Meja USU ini memiliki beberapa halaman. Setiap halaman tersebut terhubung satu sama lain yang menunjuk setiap halaman yang
berbeda. Berikut adalah halaman -halaman yang terdapat dalam web UKM Tenis Meja USU berbasi web ini :
Universitas Sumatera Utara Universitas Sumatera Utara
Website ini memiliki 3 area, Ada pun Area tersebut adalah sebagai berikut: 1.
Visitor Area 2.
Member Area 3.
Admin Area
4.2.1 Visitor Area
4.2.1.1 Halaman utama
Halaman utama merupakan beranda dari program sistem informasi UKM Tenis Meja USU ini, dalam halaman ini visitor dapat melihat foto – foto dari aktivitas
yang di lakukan oleh Anggota serta kegiatan UKM Tenis Meja USU.
Gambar 4.1 Tampilan Halaman Utama
Universitas Sumatera Utara Universitas Sumatera Utara
4.2.1.2 Halaman About
Pada halaman about, para visitor bisa melihat informasi dari UKM Tenis Meja USU ini. Pada halaman ini bisa menarik visitor untuk bergabung dengan keluarga
besar UKM Tenis Meja USU.
Gambar 4.2 Tampilan Halaman About
4.2.1.3 Halaman Sejarah
Pada halaman sejarah visitor dapat melihat sejarah dari UKM Tenis Meja USU, di halaman sejarah terdapat sejarah dari UKM Tenis Meja USU sejak pertama kali
di dirikan oleh pengurus pertamanyanya sampai dengan sekarang.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.3 Tampilan Halaman Sejarah
4.2.1.4 Halaman Visi Misi
Pada halaman visi misi ini, visitor dapat melihat visi misi dari UKM Tenis Meja USU untuk kedepannya dimana visi misi ini untuk memajukan UKM Tenis Meja
USU kedepannya agar lebih baik.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.4 Tampilan Halaman About
4.2.1.5 Halaman Prestasi
Pada halaman prestasi ini,visitor dapat meihat prestasi-prestasi yang telah di capai oleh atlit-atlit UKM Tenis Meja USU, jadi para sponsor tidak ragu untuk
mensponsori para atlit UKM Tenis Meja USU pada saat pertandingan.
Gambar 4.5 Tampilan Halaman Prestasi
Universitas Sumatera Utara Universitas Sumatera Utara
4.2.1.6 Halaman Kegiatan
Dihalaman kegiatan ini visitor dapat melihat kegiatan-kegiatan yang dilakukan oleh anggota UKM Tenis Meja USU, jadi para visitor akan lebih tertarik untuk
mengetahui lebih banyak tentang UKM Tenis Meja USU dan mereka akan lebih tertarik mejadi anggota UKM Tenis Meja USU setelah melihat lebih banyak
kegiatan yang di lakukan oleh anggota UKM Tenis Meja USU.
Gambar 4.6 Tampilan Halaman Kegiatan
4.2.1.7 Halaman Peringkat
Pada halaman peringkat ini visitor bisa melihat peringkat pertama sampai akhir, jdi mereka lebih bersemangat untuk menjadi anggota UKM Tenis Meja dan ingin
menjadi peringkat pertama, di halaman ini juga menguntungkan bagi perusahaan
Universitas Sumatera Utara Universitas Sumatera Utara
yang ingin mengcruitment atlit-atlit yang di inginkan mereka, karna mereka tidak susah payah untuk datang dan bertanya lagi siapa peringkat-peringkat yang
sedang unggul.
Gambar 4.7 Tampilan Halaman Peringkat
4.2.1.8 Halaman Member
Pada halaman member ini, visitor dapat registrasi unuk menjadi anggota resmi UKM Tenis Meja USU. Setelah mendapatkan no_id dan password, mereka resmi
menjadi anggota UKM Tenis Meja USU dan mereka dapat masuk ke halaman khusus member.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.8 Tampilan Halaman Menu Member
4.2.2 Member Area
4.2.2.1 Halaman Utama Member
Halaman ini adalah halaman utama pada saat member login. Pada saat member masuk ke dalam halaman utama member, member akan di jadikan kaliamat
“Selamat Datang “NO ID” di Website UKM Tenis Meja.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.9 Tampilan Halaman Utama Member
4.2.2.2 Halaman Daftar Anggota Aktif member
Pada halaman ini member akan dapat melihat siapa – siapa saja yang sudah menjadi anggota UKM Tenis Meja USU, jadi mereka tau jumla dan siapa – siapa
saja yang sudah menjadi anggota
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.10 Tampilan HalamaDaftar Anggota Aktif
4.2.2.3 Halaman Sanksi-sanksi Member
Pada halaman ini member dapat melihat sanksi-sanksi yang akan di berikan apabila tidak aktif dalam kegiatan UKM, adanya halaman ini anggota tidak akan
sesuka hati dalam menjadi anggota UKM Tenis Meja USU. Mereka juga akan belajar bertanggung jawab dalam organisasi ini dan mereka akan terbiasa
bertanggung jawab untuk mengikuti organisasi lainnya.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.11 Tampilan Halaman Sanksi-sanksi Member
4.2.2.4 Halaman Aturan Pertandingan Member
Dalam halaman ini,member bisa melihat aturan – aturan selama mengikuti pertandingan. Setelah melihat aturan dalam pertandingan ini mereka akan semakin
semangat dan pede dalam mengikuti pertandingan.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.12 Tampilan Halaman Aturan Pertandingan
4.2.2.5 Halaman Ketentuan Anggota Baru Member
Pada halaman ini member akan mengetahui jadwal untuk anggota latihan dan tempatnya, setelah mengetahui jadwal latihan dan tempat meraka akan tidak
bertanya - tanya lagi kapan latihan dan tempat latihannya.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.13 Tampilan Halaman Ketentuan Anggota Baru Member
4.2.2.6 Halaman Dowload File Member
Pada halaman download file member ini, member dapat mendownload file yang di shear oleh admin, jadi mereka lebih mudah mempelajari file yang telah di
berikan oleh admin karna mereka tidak perlu membuka-buka web ini cuma untuk melihat file ini lagi. File yang di berikan oleh admin berbentuk, doc, .docx, .xls,
xlsx, ppt, pptx, pdf, .rar, zip dan besar file file size maksimal hanya 2 MB .
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.14 Tampilan Halaman Download File Member
4.2.2.7 Halaman Data Iuran Member
Dalam halaman data iuran member ini, member dapat melihat data iuran member untuk keseluruhan anggota, jadi member dapat melihat siapa – siapa yang sudah
bayar iuran siapa yang belum bayar.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.15.1 Tampilan Halaman Data Pembayaran Iuran Wajib Anggota
Gambar 4.15.2 Tampilan Halaman Data Pembayaran Iuran Wajib Anggota
Universitas Sumatera Utara Universitas Sumatera Utara
4.2.2.8 Halaman Logout
Pada halaman logout ini,member harus klik logout kalau mau keluar karna kalau langsung keluar menekan tombol close member lain tidak bisa masuk karna belum
di logout.
Gambar 4.16 Tampilan Halaman Logout
4.2.3 Admin Area
4.2.3.1 Halaman Home Admin
Pada halaman home admin ini,admin bisa melihat siapa – siapa saja pengurus UKM Tenis Meja USU untuk periode sekarang.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.17 Tampilan Halaman Home Admin
4.2.3.2 Halaman Input Data Iuran Admin
Pada halamna input data iuran, admin akan menginput data iuran untuk anggota UKM Tenis Meja USU secara update agar member dapat selalu melihat informasi
data iuran .
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.18 Tampilan Halaman Input Data Iuran Admin
4.2.3.3 Halaman Upload Data Anggota Admin
Pada halaman ini, admin akan mengupload data – data yang penting untuk anggota UKM Tenis Meja USU agar mereka selalu dapat mengetahui informasi
atau jadwal – jadwal pertandingan.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.19 Tampilan Halaman Upload Data Anggota Admin
4.2.3.4 Halaman Input Data Peringkat Admin
Dalam halaman input data peringkat ini, admin akan selalu menginput data peringkat untuk anggota UKM Tenis Meja USU, jadi member dan visitor akan
selalu melihat selalu peringkat perbulan untuk anggota UKM Tenis Meja USU.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.20 Tampilan Halaman Input Data Anggota Admin
4.2.3.5 Halaman Lihat Data Anggota Admin
Pada halaman ini, admin dapat melihat data anggota dan admin akan melakukan penghapisan data kalau member yang baru saja registrasi tidak sesusai dengan
ketentuan anggota, dan admin disini bisa mengedit bila terjadi kesalahan pengetikan pada saat proses registrasi.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.21 Tampilan Halaman Lihat Data Anggota Admin
4.2.3.6 Halaman Lihat Data Iuran
Pada halaman ini admin akan mengedit atau memperbarui data iuran anggota UKM Tenis Meja dan admin dapat menghapus anggota jika mereka tidak aktif
untuk membayar iuran secara rutin.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.22 Tampilan Halaman Data Iuran
4.2.3.7 Halaman Lihat Data Peringkat
Pada halaman ini, admin akan melakukan pengeditan dan penghapusan pada data peringkat, tujuan untuk pengeditan karna setiap bulannya skor akan selalu
bertambah dan data peringkat pasti berbeda setiap bulannya, untuk penghapusannya jika anggota sudah tidak aktif dalam kegiatan liga UKM Tenis
Meja USU secara rutin mereka akan di hapus dalam keanggotaan di UKM dan merka tidak menjadi member, otomatis dalam data peringkat mereka akan di
hapus oleh admin.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.23 Tampilan Halaman Lihat Data Peringkat
4.2.3.8 Halaman Profil Admin
Pada halaman profil admin ini, admin bisa melihat profil admin sendiri.
Gambar 4.24 Tampilan Halaman Profil Admin
Universitas Sumatera Utara Universitas Sumatera Utara
4.2.3.9 Halaman Edit Profil Admin
Pada halaman ini, admin dapat mengubah nama dan no hp admin secara bebas.
Gambar 4.25 Tampilan Halaman Edit Profil Admin Anggota
4.2.3.9 Halaman Ganti Password Admin
Dalam halaman ini, admin dapat mengubah password yang lama dengan pasword baru sesuai kemauan admin.
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 4.26 Tampilan Halaman Ganti Password Admin
4.2.3.10 Halaman Logout Admin
Pada halaman ini, admin harus klik logout untuk kluar karna kalau langsung klik close admin tidak bisa login kembali.
Gambar 4.27 Tampilan Halaman Logout Admin
Universitas Sumatera Utara Universitas Sumatera Utara
BAB 5
PENUTUP
5.1 Kesimpulan