36
3.2.1.1.2 Logical Design
PK idPaket namaPaket
jenisPaket biaya
Paket
PK idTutor nama
alamat noHP
email
Tutor
PK idSiswa_smntr nama
TTL kelas
asal_skl jurusan
no_tlp alamat
email namaOrtu
alamatOrtu tlpOrtu
emailOrtu dataSaudara
pembayaran idPaket
jumlahBayar program
tglMulai tglBayar
tglReg tglSelesai
Siswa_smntr
PK idMateri namaMateri
Materi
PK idJadwal hari
kelasS Periode
tanggal jam
ruang jumlah
nama_kelas FK idMateri
FK idTutor
Jadwal
PK nomor nilai
tglTest keterangan
FK idMateri FK idSiswa
Nilai
PK idSiswa nama
TTL kelas
asal_sekolah jurusan
no_tlp alamat
email namaOrtu
alamatOrtu tlpOrtu
emailOrtu dataSaudara
pembayaran1 jumlahBayar
program tglMulai
tglBayar tglReg
tglSelesai bayar
sisa jamBimbingan
hariBimbingan ruang
FK idPaket FK idSiswa_smntr
siswa
PK idPembayaran tanggal_angsuran
nama jenis_angsuran
jumlah_angsuran sisa_angsuran
FK idSiswa
Angsuran
PK idData FK idPaket
FK idMateri
Data
Gambar 3.16 Logical Design
37
3.2.1.1.3 Physical Design Tabel Siswa
Nama Field Type
Keterangan idSiswa
Int Field untuk id siswa, merupakan
primary key tabel siswa
Nama Varchar30
Field untuk nama siswa TTL
Date Field untuk tempat tanggal lahir
siswa Kelas
Int Field untuk kelas siswa
Asal_skl Varchar50
Field untuk asal sekolah siswa Jurusan
Varchar20 Field untuk jurusan
No_tlp Int
Field untuk nomor telepon Alamat
Varchar30 Field untuk alamat
Email Varchar30
Field untuk email namaOrtu
Varchar30 Field untuk nama orang tua
alamatOrtu Varchar30
Field untuk alamat orang tua tlpOrtu
Varchar30 Field untuk telepon orang tua
emailOrtu Varchar30
Field untuk email orang tua dataSaudara
Varchar30 Field untuk data saudara
Pembayaran1 Varchar30
Field untuk pembayaran
38
idPaket Varchar30
Field untuk idPaket, merupakan Foreign key
dari table paket jumlahBayar
Varchar30 Field untuk jumlah bayar
Program Varchar30
Field untuk program tglMulai
Varchar30 Field untuk tanggal mulai
tglBayar Varchar30
Field untuk tanggal bayar tglReg
Varchar30 Field untuk tanggal registrasi
tglSelesai Varchar30
Field untuk tanggal selesai bayar
Varchar30 Field untuk bayar
Sisa Varchar30
Field untuk sisa Jambimbingan
Varchar30 Field untuk jam bimbingan
Haribimbingan Varchar30
Field untuk Hari Bimbingan Ruang
Varchar30 Field untuk ruang
idSiswa_smntr Varchar30
Field untuk idSiswa_smntr merupakan foreign key dari table
siswa_smntr
Tabel 3.1 Tabel Siswa
39
Tabel jadual
Nama Field Type
Keterangan idjadwal
int11 Field untuk id jadual
merupakan primary key Hari
Varchar30 Field untuk hari
Nama_kelas Varchar30
Field untuk nama kelas kelasS
Varchar30 Field untuk kelas
Periode Varchar30
Field untuk periode Tanggal
Varchar30 Field untuk tanggal
Jam Varchar30
Field untuk jam idmateri
Varchar30 Field untuk id materi,
merupakan foreign key dari table materi
IdTutor Varchar30
Field untuk id Tutor, merupakan foreign key
dari table Tutor Jumlah
Int11 Field untuk jumlah
Ruang Varchar30
Field untuk ruang
Tabel 3.2 Tabel Jadual
40
Tabel Paket
Nama Field Type
Keterangan idpaket
Varchar30 Field untuk id paket
merupakan primary key dari tabel paket
jenisPaket Varchar30
Field untuk jenis Paket NamaPaket
Varchar30 Field untuk nama paket
biaya Varchar30
Field untuk biaya
Tabel 3.3 Tabel Paket
Tabel Materi
Nama Field Type
Keterangan idMateri
Varchar30 Field untuk id siswa
merupakan Primary key dari tabel Materi
namaMateri Varchar30
Field untuk nama materi
Tabel 3.4 Tabel Materi
41
Tabel Berita
Nama Field Type
Keterangan idberita
Int100 Field untuk id berita
merupakan primary key dari tabel berita
judul Varchar1000
Field untuk judul deskripsi
Varchar1000 Field untuk deskripsi
File_gambar Varchar100
Field untuk file gambar
Tabel 3.5 Tabel Berita
Tabel Nilai
Nama Field Type
Keterangan Nomor
int11 Field untuk nomor
merupakan primary key dari tabel nilai
nilai Varchar30
Field untuk nilai tgltest
Varchar30 Field untuk tanggal test
idSiswa Varchar30
Field untuk id materi merupakan foreign key
dari tabel siswa
42
idMateri Varchar30
Field untuk id materi merupakan foreign key
dari tabel materi Keterangan
Varchar30 Field untuk keterangan
Tabel 3.6 Tabel Nilai
Tabel Angsuran
Nama Field Type
Keterangan idPembayaran
int100 Field untuk id pembayaran
merupakan primary key dari tabel nilai
idSiswa Varchar100
Field untuk id siswa nama
Varchar100 Field untuk nama
Jenis_angsuran Varchar100
Field untuk jenis angsuran Jumlah_angsuran
Varchar100 Field untuk jumlah
angsuran Sisa_angsuran
Varchar100 Field untuk sisa angsuran
Tanggal_angsuran Varchar100
Field untuk tanggal angsuran
Tabel 3.7 Tabel Angsuran
43
Tabel Siswa_smntr
Nama Field Type
Keterangan idSiswa_smntr
Int Field untuk id siswa, merupakan
primary key tabel siswa
Nama Varchar30
Field untuk nama siswa TempattglLahir
Date Field untuk tempat tanggal lahir
siswa Kelas
Int Field untuk kelas siswa
Asal_sekolah Varchar50
Field untuk asal sekolah siswa Jurusan
Varchar20 Field untuk jurusan
No_tlp Int
Field untuk nomor telepon Alamat
Varchar30 Field untuk alamat
Email Varchar30
Field untuk email namaOrtu
Varchar30 Field untuk nama orang tua
alamatOrtu Varchar30
Field untuk alamat orang tua tlpOrtu
Varchar30 Field untuk telepon orang tua
emailOrtu Varchar30
Field untuk email orang tua dataSaudara
Varchar30 Field untuk data saudara
Pembayaran1 Varchar30
Field untuk pembayaran idPaket
Varchar30 Field untuk Id Paket
44
jumlahBayar Varchar30
Field untuk jumlah bayar Program
Varchar30 Field untuk program
tglMulai Varchar30
Field untuk tanggal mulai tglBayar
Varchar30 Field untuk tanggal bayar
tglReg Varchar30
Field untuk tanggal registrasi tglSelesai
Varchar30 Field untuk tanggal selesai
Tabel 3.8 Tabel Siswa_smntr
Tabel tab_user
Nama Field Type
Keterangan User
_id Int
Field untuk user id, merupakan primary key
tabel tab_user user
name Varchar30
Field untuk nama username password
Varchar50 Field untuk password
User _nama
Varchar50 Field untuk kelas user nama
User _akses
Varchar50 Field untuk asal user akses
Tabel 3.9 Tabel tab_user
45
Tabel Tutor
Nama Field Type
Keterangan idTutor
int11 Field untuk id tutor
merupakan primary key dari tabel tutor
nama Varchar50
Field untuk nama Alamat
Varchar50 Field untuk alamat
noHp Varchar50
Field untuk nomor hp Email
Varchar50 Field untuk email
Tabel 3.10 Tabel Tutor
Tabel Data
Nama Field Type
Keterangan idData
int11 Field untuk Id Data
merupakan primary key dari tabel Data
idMateri Varchar50
Field untuk id materi merupakan Foreign Key
dari tabel materi idpaket
Varchar50 Field untuk id paket
merupakan foreign key dari tabel paket
Tabel 3.11 Tabel Data
46
3.2.2 Perancangan User Interface 3.2.2.1 Perancangan User Interface berbasis web
3.2.2.1.1 Halaman Utama
Gambar 3.17 Interface Halaman Utama
HEADER
home
HOME PROFIL
ADMINISTRASI PENDAFTARAN
JADUAL NILAI
BERITA
Login Username
Password
47
3.2.2.1.2 Halaman Profil
Gambar 3.18 Interface Halaman Profil
HEADER
Profil
HOME PROFIL
ADMINISTRASI PENDAFTARAN
JADUAL NILAI
BERITA
Login Username
Password
48
3.2.2.1.3 Halaman Utama Administrasi
Gambar 3.19 Interface Halaman Utama Administrasi
Pendaftaran Siswa HEADER
JADUAL
NILAI
BERITA
MENU UTAMA
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
NILAI
BERITA
DATA SISWA
Registrasi Siswa Rekap data siswa
Rekap Data Pembayaran
Rekap Data Paket Laporan siswa
DATA NILAI
Rekap Data Nilai Insert Data Nilai
Laporan Nilai SMS Gateway
DATA JADUAL
Rekap Data Jadual Rekap Data Tutor
Rekap Data Materi Insert Data Jadual
Insert Data Tutor Laporan Jadual
Rekap data Tutor
DATA BERITA LOGIN
Rekap data berita
Insert berita Rekap data
Login
49
3.2.2.1.4 Halaman Pilihan Pendaftaran
Save HEADER
Pendaftaran Siswa Baru
Nama Siswa TTL
Asal Sekolah Jurusan
No TlpHP Alamat
Email Nama Ortu
Alamat No HPTLP
Email Data Saudara
3 SD 4 SD
5 SD 6 SD
7 SMP 8 SMP
9 SMP 10 SMA
11 SMA 12 SMA
Akselerasi PrestasiReguler Eksklusif
Intensif Plus DMI
Non DMI Tunai
Angsuran 2x Angsuran 3x
Login Username
Password
MENU UTAMA
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
NILAI
BERITA
Data Pribadi
Mendaftar sebagai Siswa Primagama Tajem jenjang
Program Bimbingan
Fasilitas Program
Sistem Pembayaran Simpan
Back
50
3.2.2.1.5 Halaman Utama Jadual
Gambar 3.21 Interface Halaman Utama Jadual
HEADER
MENU UTAMA
HOME PROFIL
ADMINISTRASI PENDAFTARAN
JADUAL NILAI
BERITA
Login Username
Password
HARI KELAS
JAM RUANG
MATPEL GURU
51
3.2.2.1.6 Halaman Utama Nilai
Gambar 3.22 Interface Halaman Utama Nilai
REKAP NILAI SISWA PRIMAGAMA CABANG TAJEM YOGYAKARTA Id Siswa :
Nama :
TTL :
Kelas :
Asal Sekolah : Jurusan :
Rata-rata = Total Nilai =
LOGO
ID SISWA MATERI
NILAI TANGGAL
KET
Cetak
52
3.2.2.1.7 Halaman Registrasi Siswa
Gambar 3.23 Interface Halaman Registrasi Siswa
REGISTRASI SISWA PRIMAGAMA CABANG TAJEM YOGYAKARTA Id Siswa
: Nama Siswa
: TTL
: Asal Sekolah
: Jurusan
: No TlpHP
: Alamat
: Email
: Nama Ortu
: Alamat
: No HPTLP
: Email
: Data Saudara
: Pembayaran
: Id Paket
: Program
: Tanggal Mulai
: Tanggal Bayar
: Tanggal Selesai
: Tanggal Registrasi :
Biaya :
Ruang :
Cek Jadual Hari Bimbingan
: Jam Bimbingan
:
LOGO
Simpan Back
53
3.2.2.1.8 Halaman Rekapan data Siswa
Gambar 3.23 Interface Halaman Rekapan Data Siswa
DATA SISWA PRIMAGAMA CABANG TAJEM YOGYAKARTA
Cari Berdasarkan Id Siswa
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8 Title 9 Title 10
LOGO
Menu Utama Back
Cari
54
3.2.2.1.9 Halaman Rekapan data Pembayaran
3.2.2.1.9 tampilan login marketing pusat
Gambar 3.24 Interface Halaman Rekapan Data Pembayaran
3.2.2.1.10 Halaman Laporan Data Siswa
DATA PEMBAYARAN PRIMAGAMA CABANG TAJEM YOGYAKARTA
Cari Berdasarkan Id Siswa
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8 Title 9 Title 10
LOGO
Menu Utama Back
Cari
LAPORAN SISWA PRIMAGAMA CABANG TAJEM YOGYAKARTA
Cari Berdasarkan Program
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8 Title 9 Title 10
LOGO
Menu Utama Back
Cari
CETAK
55
Gambar 3.25 Interface Halaman Laporan Data Siswa
3.2.2.1.11 Halaman Rekap Data Nilai
3.2.2.1.9 tampilan login marketing pusat
Gambar 3.26 Interface Halaman Rekapan Data Nilai
DATA NILAI PRIMAGAMA CABANG TAJEM YOGYAKARTA
Cari Berdasarkan Id Siswa
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8 Title 9 Title 10
LOGO
Menu Utama Back
Cari
56
3.2.2.1.12 Halaman Insert Data Nilai
Gambar 3.27 Interface Halaman Insert Data Nilai
HEADER
MENU UTAMA
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
NILAI
FORM INPUTAN DATA NILAI SISWA
ID Siswa Nama
Kelas Sekolah
Nilai Tanggal test
Ket Materi
o
Bahasa Indonesia
o
Matematika
o
IPA
o
IPS
o
Bahasa Inggris
o
Kimia
o
Biologi
o
Fisika
Simpan Back
57
3.2.2.1.13 Halaman Laporan Data Nilai
Gambar 3.28 Interface Halaman Laporan data Nilai
3.2.2.1.14 Halaman Rekapan Data Jadual
Gambar 3.29 Interface Halaman Rekapan data Jadual
LAPORAN NILAI PRIMAGAMA CABANG TAJEM YOGYAKARTA
Cari data IdSiswatanggalmateri
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8 Title 9 Title 10
LOGO
Cari
CETAK
REKAP DATA JADUAL PRIMAGAMA CABANG TAJEM YOGYAKARTA
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8 OPSI
HAPUS | EDIT
LOGO
Menu Utama Back
58
3.2.2.1.15 Halaman Input Data Jadual
Gambar 3.30 Interface Halaman Input Data Jadual
HEADER
MENU UTAMA
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
NILAI
FORM INPUTAN DATA JADUAL
HariTanggal Kelas
Jam Program
o
Akselerasi Prestasi Reguler
o
Eksklusif
o
Intensif Periode
Ruang Jumlah
Materi
o
Bahasa Indonesia
o
Matematika
o
IPA
o
IPS
o
Bahasa Inggris
o
Kimia
o
Biologi
o
Fisika
Simpan Back
59
3.2.2.1.16 Halaman Laporan Data Jadual
Gambar 3.31 Interface Halaman Laporan data Jadual
3.2.2.1.17 Halaman Rekapan Data Berita
Gambar 3.32 Interface Halaman Rekapan Data Berita
LAPORAN JADUAL PRIMAGAMA CABANG TAJEM YOGYAKARTA
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Title 7 Title 8
LOGO
CETAK
REKAP DATA BERITA PRIMAGAMA CABANG TAJEM YOGYAKARTA
Title 1 Title 2 Title 3 Title 4 OPSI
HAPUS
LOGO
Menu Utama Back
60
3.2.2.1.18 Halaman Input Data Berita
Gambar 3.33 Interface Halaman Input data Berita
HEADER
MENU UTAMA
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
NILAI
FORM INPUTAN DATA BERITA
Judul Deskripsi
File
No File Selected.
Upload Reset
browse
61
3.2.2.1.19 Halaman Rekap Data Login
3.2.2.1.9 tampilan login marketing pusat
Gambar 3.34 Interface Halaman Rekap data Login
DATA LOGIN PRIMAGAMA CABANG TAJEM YOGYAKARTA
Cari Berdasarkan User Id
Title 1 Title 2 Title 3 Title 4 Title 5 Title 6 Opsi
HAPUS LOGO
Menu Utama Back
Cari
62
3.2.2.1.20 Halaman Edit data Siswa
BAB IV IMPLEMENTASI SISTEM
Gambar 3.35 Interface Halaman Edit Data Siswa
FORM EDIT DATA SISWA
ID siswa Nama
: TTL
: Kelas
: Asal Sekolah
: Jurusan
: No TLP
: Alamat
: Email
: Nama Orang Tua :
Email Orang Tua : Telepon Orang Tua :
Alamat orang Tua : Data Saudara
: Jenis Pembayaran :
Program :
Tanggal Mulai :
Tanggal Bayar :
Tanggal Selesai :
Tanggal Reg :
Id Paket :
Jam Bimbingan :
Hari Bimbingan :
HEADER
MENU UTAMA
HOME
PROFIL
ADMINISTRASI
PENDAFTARAN
JADUAL
NILAI
EDIT BACK
EXIT
63
3.2.2.1.21 Halaman Edit data Nilai
BAB IV IMPLEMENTASI SISTEM
Kategori