Desain Visitor Area Perancangan Sistem Inormasi UKM Tenis Meja USU Berbasis Web

3.3 Desain Visitor Area

3.3.1 Desain Halaman Utama

Halaman utama merupakan tampilan dari halaman utama dari sistem informasi dari website UKM Tenis Meja USU, dimana pada halaman ini terdapat menu home, about, sejarah, visi misi, prestasi, kegiatan, peringkat dan member. Gambar 3.9 Tampilan Halaman Utama Header Home About Peringkat Member Gambar Footer Universitas Sumatera Utara Universitas Sumatera Utara

3.3.2 Desain Halaman About

Halaman ini merupakan tampilan dari menu about yang berisi tentang informasi UKM Tenis Meja USU. Gambar 3.5 Tampilan Form Data Siswa Gambar 3.10 Tampilan Halaman About Header Home About Peringkat Member Text Footer Universitas Sumatera Utara Universitas Sumatera Utara

3.3.3 Desain Halaman Sejarah

Halaman ini merupakan menu sejarah dari website UKM Tenis Meja USU, dimana pada halaman sejarah ini terdapat informasi sejarah berdirinya UKM Tenis Meja USU. Gambar 3.11 Tampilan Halaman Sejarah Header Home About Peringkat Member Text Footer Universitas Sumatera Utara Universitas Sumatera Utara

3.3.4 Desain Halaman Visi Misi

Halaman inin merupakan menu visi misi dari website UKM Tenis Meja USU, dimana pada halaman ini terdapat informasi visi misi dari UKM Tenis Meja USU secara lengkap. Gambar 3.12 Tampilan Halaman Visi Misi Header Home About Peringkat Member Text Footer Universitas Sumatera Utara Universitas Sumatera Utara

3.3.5 Desain Halaman Prestasi

Halaman ini merupakan halaman prestasi pada website UKM Tenis Meja USU, pada halaman ini terdapat informasi dari UKM yang isi didalam halaman ini tentang apa saja prestasi - prestasi yang telah mereka dapatkan. Gambar 3.13 Tampilan Halaman Prestasi

3.3.6 Desain Halaman Kegiatan

Halaman ini merupakan halaman kegiatan dari website UKM Tenis Meja USU, Pada halaman ini terdapat informasi tentang apa saja kegiatan - kegiatan yang telah di akukan oleh anggota UKM Tenis Meja USU. Header Home About Peringkat Member Text Footer Universitas Sumatera Utara Universitas Sumatera Utara Gambar 3.14 Tampilan Halaman Kegiatan

3.3.7 Desain Halaman Peringkat

Halaman ini merupakan halaman peringkat dari website UKM Tenis Meja USU, pada menu ini terdapat informasi mengenai peringkat anggota terupdate setiap bulannya dalam organisasi UKM Tenis Meja USU ini. Header Home About Peringkat Member Text Footer Universitas Sumatera Utara Universitas Sumatera Utara 3.3.8 Desain Halaman Member 3.3.8 Desain Halaman Menu Member Gambar 3.15 Tampilan Halaman Peringkat

3.3.8 Desain Halaman Registrasi Member

Header Home About Peringkat Member Text Footer Universitas Sumatera Utara Universitas Sumatera Utara Halaman ini merupakan halaman member yang di dalamnya terletak menu registrasi untuk visitor yang mau menjadi member dan ada menu login untuk setelah registrasi. Gambar 3.16 Tampilan Halaman Registrasi Member Header Home About Peringkat Member Footer REGISTRASI No_id Nama Password Tempat Lahir Tanggal Lahir Alamat Jenis Kelamin username password Login ISI DATA DENGAN BENAR Universitas Sumatera Utara Universitas Sumatera Utara

3.3.9 Desain Halaman Utama Member

Halaman ini merupakan halaman utama dari halaman member dalam website ukm Tenis Meja USU. Di halaman Member ini terdapat menu ketentuan anggota baru, aturan pertandingan, sanksi-sanksi, daftar anggota aktif,download file, dan data iuran. Gambar 3.7 Tampilan Form Menu Input data Ekstrakurikuller Gambar 3.17 Tampilan Halaman Utama Member Header Beranda Download fil Data Iuran Logout Footer Text Menu Ketentuan Anggota Baru Aturan Pertandingan Sanksi - sanksi Datar Anggota Aktif Universitas Sumatera Utara Universitas Sumatera Utara

3.3.10 Desain Halaman Menu Anggota Baru

Halaman menu anggota baru ini terdapat informasi Syarat menjadi anggota dan sekertariatan UKM Tenis Meja USU. Gambar 3.18 Tampilan Halaman Menu Angota Baru Member

3.3.11 Desain Halaman Aturan Pertandingan

Halaman aturan pertandingan ini terdapat informasi peraturan pertandingan resmi secara lengkap. Header Beranda Download fil Data Iuran Logout Footer Text Menu Ketentuan Anggota Baru Aturan Pertandingan Sanksi - sanksi Datar Anggota Aktif Universitas Sumatera Utara Universitas Sumatera Utara Gambar 3.19 Tampilan Halaman Aturan Pertandingan Member

3.3.12 Desain Halaman Sanksi – sanksi

Halaman sanksi - sanksi ini berisi sanksi – sanksi bagi anggota yang tidak aktif dan melangkar peraturan. Header Beranda Download fil Data Iuran Logout Footer Text Menu Ketentuan Anggota Baru Aturan Pertandingan Sanksi - sanksi Datar Anggota Aktif Universitas Sumatera Utara Universitas Sumatera Utara Gambar 3.20 Tampilan Halaman Menu Sanksi - sanksi Member

3.3.13 Desain Halaman Daftar Anggota Aktif

Halaman daftar anggota aktif ini terdapat informasi daftar siapa saja yang aktif pada organisasi UKM Tenis Meja USU ini secara lengkapinformasi pendataannya. Header Beranda Download fil Data Iuran Logout Footer Text Menu Ketentuan Anggota Baru Aturan Pertandingan Sanksi - sanksi Datar Anggota Aktif Universitas Sumatera Utara Universitas Sumatera Utara v Gambar 3.21 Tampilan Halaman Menu Daftar Anggota Aktif Member

3.3.14 Desain Halaman Download File

Halaman downolad file ini terdapat file yang telah di berikan kepada admin untuk member dalam bentuk doc, .docx, .xls, .xlsx, .ppt, .pptx, .pdf, .rar, .zip dan besar file file size maksimal hanya 2 MB, dan bisa di download oleh member. Header Beranda Download fil Data Iuran Logout Footer Menu Ketentuan Anggota Baru Aturan Pertandingan Sanksi - sanksi Datar Anggota Aktif Datar Anggota Coloum Coloum Coloum Coloum Coloum Coloum Universitas Sumatera Utara Universitas Sumatera Utara Gambar 3.22 Tampilan Halaman Download File Member

3.3.15 Desain Halaman Data Iuran

Halaman data iuran ini terdapat informasi mengenai data iuran angota UKM Tenis Meja USU secara update dan lengkap, Header Beranda Download fil Data Iuran Logout Footer Dowload File Menu Ketentuan Anggota Baru Aturan Pertandingan Sanksi - sanksi Datar Anggota Aktif Universitas Sumatera Utara Universitas Sumatera Utara Gambar 3.23 Tampilan Halaman Data Iuran Member

3.3.16 Desain Halaman Logout

Halaman logout ini halaman untuk keluar dari halaman member. Header Beranda Download fil Data Iuran Logout Footer Data Iuran Anggota Menu Ketentuan Anggota Baru Aturan Pertandingan Sanksi - sanksi Datar Anggota Aktif Universitas Sumatera Utara Universitas Sumatera Utara

3.3.17 Desain Halaman Utama Admin

Halaman utama admin ini berisi informasi siapa saja pengurus periode ini dan dalam halaman admin terdapat menu input data iuran, upload data anggota, input data peringkat, lihat data anggota, lihat data iuran, lihat data peringkat, profil admin, edit profil admin, dan ganti password admin. Header Beranda Download fil Data Iuran Logout Footer Text Menu Ketentuan Anggota Baru Aturan Pertandingan Sanksi - sanksi Datar Anggota Aktif Universitas Sumatera Utara Universitas Sumatera Utara

3.3.18 Desain Halaman Input Data Iuran

3.3.7 Desain Halaman Data Iuran

3.3.18 Desain Halaman Input Data Iuran

Halaman input data iuran merupakan halaman untuk menginput data iuran anggota secara rutin, dan yang menginput adalah admin. Header Home Input Data Lihat Data Akun Text Footer Logout Universitas Sumatera Utara Universitas Sumatera Utara

3.3.19 Desain Halaman Upload Data Anggota

Halaman upload data anggota ini berguna untuk mengapload file penting untuk member dan bisa di dowload oleh member. Header Home Input Data Lihat Data Akun Input Data Iuran Anggota Footer Logout Universitas Sumatera Utara Universitas Sumatera Utara

3.3.20 Desain Halaman Input Peringkat Anggota

Halaman input peringkat anggota ini berguna untuk menginput peringkat anggota UKM Tenis Mja USU secara update perbulannya. Header Home Input Data Lihat Data Akun Footer Logout Nama File Pilih File Upload Browse Universitas Sumatera Utara Universitas Sumatera Utara

3.3.21 Desain Halaman Lihat Data Anggota

Halaman ini merupakan halaman yang di gunakan admin untuk mengedit data anggota yang salah dan menghapus data anggota yang sudah tidak aktif. Header Home Input Data Lihat Data Akun Footer Logout No id Nama Pilih No Id Skor Menang Email Fakultas Pilih Nama Pilih Fakultas Pilih Alamat Email Simpan Universitas Sumatera Utara Universitas Sumatera Utara

3.3.22 Desain Halaman Lihat Data Iuran

Halaman ini merupakan halaman yang di gunakan admin untuk mengedit data iuran dan menghapus data iuran anggota yang usdah tidak aktif. Header Home Input Data Lihat Data Akun Data Anggota Footer Logout coloum coloum coloum coloum coloum coloum Universitas Sumatera Utara Universitas Sumatera Utara

3.3.23 Desain Halaman Lihat Data Peringkat

Halaman ini merupakan halaman yang di gunakan admin untuk mengedit data peringkat anggota UKM Tenis Meja USU dan menghapus data peringkat anggota yang sudah tidak aktif. Header Home Input Data Lihat Data Akun Data Anggota Footer Logout coloum coloum coloum coloum coloum coloum Universitas Sumatera Utara Universitas Sumatera Utara

3.3.24 Desain Halaman Profil Admin

Halaman ini merupakan halaman profil admin dari website UKM Tenis Meja USU. Admin adalah seseorang yang mengatur website UKM Tenis Meja USU ini dan admin adalah penanggung jawab sepenuhnya pada website ini. Header Home Input Data Lihat Data Akun Data Anggota Footer Logout coloum coloum coloum coloum coloum coloum Universitas Sumatera Utara Universitas Sumatera Utara

3.3.25 Desain Halaman Edit Profil Admin

Halaman ini meupakan halaman yang berguna untuk digunakan untuk mengedit profil admin dari UKM Tenis Meja USU. Header Home Input Data Lihat Akun Text Footer Logout Header Home Input Data Lihat Akun Text Footer Logout Universitas Sumatera Utara Universitas Sumatera Utara

3.3.26 Desain Halaman Ganti Password Admin

Halaman ini merupakan halaman untuk admin mengganti password halaman admin. Header Home Input Data Lihat Data Akun Text Footer Logout Universitas Sumatera Utara Universitas Sumatera Utara BAB 4 IMPLEMENTASI DAN PEMBAHASAN

4.1 Implementasi Sistem