Implementasi Sistem Halaman Sistem Informasi UKM Tenis Meja USU Berbasis Web

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