BAB 3
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Dalam membangun sebuah program aplikasi dimana tujuan dari aplikasi tersebut adalah untuk membantu dan menunjang kerja user dalam menggunakan
komputer agar lebih efisien dan efektif. Sehingga apa yang selama ini dikerjakan secara konvensional menjadi lebih modern dengan adanya teknologi dan
informasi.
Maka untuk memulai membangun website untuk UKM Tenis Meja USU ini, maka penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari
user yang menggunakan website UKM yang akan dibuat inis.
3.2 Perancangan Sistem
Berikut merupakan beberapa alat bantu yang digunakan dalam pembuatan Website UKM Tenis Meja USU.
Universitas Sumatera Utara Universitas Sumatera Utara
3.2.1 Desain Sistem
1. Diagram Context
Context Diagram CD pada Website UKM Tenis Meja USU ini adalah sebagai berikut:
Gambar 3.1 Diagram Konteks
Info Peringkat Anggota Login Sebagai Member
Input data peringkat
Website UKM Tenis Meja USU
Visitor Admin
Info Visi Misi UKM Info Sejarah UKM
Info Kegiatan UKM Info Prestasi UKM
Laporan Data iuran
Upload Data Input data iuran
Ketentuan Anggota
Member
Data Iuran Download Info
Aturan Pertandingan Sanksi-Sanksi
Data Anggota aktif Laporan Data
Peringkat Laporan Data
Member
Universitas Sumatera Utara Universitas Sumatera Utara
2. DFD Data Flow Diagram
Data Flow Diagram DFD merupakan pengembangan dari ConVarchar Diagram yang terdiri dari DFD Level 1 pada Aplikasi Pengisian Sistem Raport Siswa.
Gambar 3.2 Data Flow Diagram level 1
Universitas Sumatera Utara Universitas Sumatera Utara
3.2.2 Desain Basis Data Database
Basis Data Database adalah kumpulan dari data yang berhubungan antara satu dengan yang lainnya, tersimpan di perangkat keras komputer dan menggunakan
perangkat lunak untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam sistem komputerisasi,karena merupakan basis data
dalam menyediakan informasi bagi para pengguna.
Adapun desain basis data Database adalah sebagai berikut 1.
Entity Relationship Diagram ERD
Gambar 3.3 Entity Relationship Diagram ERD
Universitas Sumatera Utara Universitas Sumatera Utara
2. Struktur Data
Dalam sistem ini memerlukan 28 tabel:
1. Tabel Admin
Nama Tabel : admin
Fungsi : Untuk menginput data admin
Tabel 3.1 Tabel Admin Nama Field
Tipe Data Ukuran
Kode _admin Varchar
15 Nama_admin
Varchar 50
No_tlp Varchar
20 Password
Varchar 32
2. Tabel Data Peringkat
Nama Tabel : Data_peringkat
Fungsi : Untuk menginput data siswa
Tabel 3.2 Tabel Data Peringkat Nama Field
Tipe Data Ukuran
No_id Varchar
19 Nama
Varchar 100
Skor_Menang Int
15 Fakultas
Varchar 30
Email Varchar
30
Universitas Sumatera Utara Universitas Sumatera Utara
3. Tabel Data_Iuran
Nama Tabel : Data_iuran
Fungsi : Untuk menginput data iuran
Tabel 3.3 Tabel Data Iuran Nama Field
Tipe Data Ukuran
No_id Varchar
15 Nama
Varchar 50
Januari Varchar
20 Februari
Varchar 20
Maret Varchar
20 April
Varchar 20
Mei Varchar
20 Juni
Varchar 20
Juli Varchar
20 Agustus
Varchar 20
September Varchar
20 Oktober
Varchar 20
November Varchar
20 Desember
Varchar 20
Universitas Sumatera Utara Universitas Sumatera Utara
4. Tabel Member
Nama Tabel : member
Fungsi : Untuk menginput daftar member
Tabel 3.4 Tabel Data Member Nama Field
Tipe Data Ukuran
No_id Varchar
11 Nama
Varchar 100
Password Varchar
50 Tempat_lahir
Varchar 50
Tanggal_lahir Date
Alamat Varchar
100 Jenis_kelamin
Enum Fakultas
Varchar 30
Jurusan Varchar
30 Email
Varchar 30
Universitas Sumatera Utara Universitas Sumatera Utara
5. Tabel Download
Nama Tabel : download
Fungsi : Untuk menginput data download
Tabel 3.5 Tabel Download Nama Field
Tipe Data Ukuran
Id Int
11 Tanggal_upload
Date Nama_file
Varchar 100
Tipe_file Varchar
10 Ukuran_file
Varchar 20
File Varchar
255
Universitas Sumatera Utara Universitas Sumatera Utara
3.2.3 Flowchart Sistem
Berikut flowchart dari sistem yang di kerjakan oleh website ini adalah sebagai berikut:
1.
Halaman Utama 2.
Login Admin 3.
Login Member 4.
Menu Admin 5.
Menu Member 3.2.3.1 Flowchart Sistem Halaman Utama
Gambar 3.4 Flowchart Halaman Utama
Universitas Sumatera Utara Universitas Sumatera Utara
3.2.3.2 Flowchart Sistem
Gambar 3.5 Flochart Halaman Login Admin
3.2.3.3 Flowchart Sistem
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 3.6 Flochart Halaman Login Member
3.2.3.3 Flowchart Sistem
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 3.7 Flochart Halaman Menu Admin
3.2.3.3 Flowchart Sistem
Universitas Sumatera Utara Universitas Sumatera Utara
Gambar 3.8 Flochart Halaman Menu Member
Universitas Sumatera Utara Universitas Sumatera Utara
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
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
Berdasarkan hasil penjelasan pada bab-bab sebelumnya, penulis dapat mengambil beberapa kesimpulan, yaitu:
1. Aplikasi ini dibuat untuk memudahkan para pengurus dan anggota baru UKM
Tenis Meja USU dalam proses menginput data iuran, data peringkat dan menginput data anggota baru.
2. Aplikasi ini dibuat untuk mempermudahkan perusahaan untuk mencari
mahasiswai yang berprestasi dalam bidang olahraga Tenis Meja karna di halaman visitor di lengkapi form peringkat yang akan mempermudahkan
mereka. 3.
Kemudahan yang diciptakan programmer dalam meng-input, meng-update, mengedit,dan menghapus data pada sistem ini sehingga data dapat
diperbaharui oleh admin. 4.
Pada web sistem informasi ini, sistem ini di lengkapi cara pendaftaran anggota baru, sistem ini di buat untuk mempermudah calon anggota baru yang akan
mengisi data dirinya.
Universitas Sumatera Utara Universitas Sumatera Utara
5. Aplikasi ini juga dilengkapi dengan form untuk men-dowload file atau gambar
yang di share oleh admin ke halaman member. 6.
Aplikasi ini juga dilengkapi dengan data iuran, jadi setiap member mengetahui data iuran siapa yang yang sudah bayar iuarannya dengan lunas dan siapa
yang belum lunas. 7.
Aplikasi ini juga bisa mengedit data yang sudah di perbarui. 8.
Aplikasi ini juga bisa menghapus data yang tidah sesuai dengan ketentuan anggota baru atau sudah kadaluarsa, seperti data iuran dan data anggota,
Universitas Sumatera Utara Universitas Sumatera Utara
5.2 Saran
Kategori