ujian lisan yang didapat oleh calon siswa baru tersebut. Hasil dari ujian inilah yang menentukan rekomendasi level yang cocok dengan calon siswa tersebut.
Perhitungan rekomendasi berdasarkan oleh kriteria ujian penempatan level yang dibuat dan dibandingkan dengan nilai hasil ujian penempatan level. Langkah-
langkah untuk mendapatkan nilai rekomendasi adalah sebagai berikut: 1.
Menentukan nilai bobot dari setiap kriteria ujian penempatan level. 2.
Membuat rumus penentuan level berdasarkan nilai akhir 3.
Memasukkan nilai hasil ujian penempatan level. 4.
Perhitungan nilai akhir yang akan menampilkan rekomendasi level: Pada proses terakhir, admin akan dapat melihat laporan yang berisi tentang
informasi data siswa baru dengan rekomendasi level yang diperoleh masing-masing siswa baru dan jumlah pendaftar calon siswa baru. Dengan adanya sistem ini maka
proses pendaftaran serta seleksi penempatan level dapat dilakukan dengan cepat dan efisien dengan didukung oleh metode secara otomatis oleh sistem.
3.2.2 Blok Diagram
Blok diagram menggambarkan tentang apa saja masukan yang dibutuhkan, proses yang dilakukan, dan keluaran yang dihasilkan oleh aplikasi pendaftaran dan
seleksi penempatan level pada Rasyid English Course dapat dilihat pada Gambar 3.2.
Aplikasi Pendaftaran dan Seleksi Penempatan Level Siswa Baru
PROCESS INPUT
OUTPUT
P h
as e
Mengolah Data
User Mengolah
Data Peserta
Mengolah Data
Periode
Mengolah Data
Nilai Ujian Membuat
Laporan Mengolah
Data Level
Data User
Data Peserta
Data Level
Data Periode
Mengolah Data
Jenis Ujian Data
Soal Ujian Tulis
Data Nilai Ujian
Laporan Data Siswa Baru
Total Nilai Ujian
Penempatan Level
Rekap Data User
Rekap Data Peserta
Rekap Data Level
Rekap Data Periode
Rekap Data Soal Ujian
Tulis
Mengolah Data
Jadwal Kursus Data
Jadwal Kursus Rekap Data
Jadwal Kursus Mengolah Detail
Jawaban Peserta Data
Detail Jawaban Peserta
Rekap Detail Jawaban Pesserta
Mengolah Data Jawaban Peserta
Data Jawaban
Peserta Rekap Data
Jawaban Peserta
Laporan Data Peserta
Gambar 3.2 Blok Diagram Masukan yang dibutuhkan untuk disimpan pada aplikasi pendaftaran dan
seleksi penempatan level, antara lain: data user, data peserta, data level, data periode, data jenis ujian, data soal ujian tulis, data jawaban peserta dan data nilai
ujian. Sedangkan masukan yang dibutuhkan untuk pembuatan laporan, antara lain: rekap data user, rekap data peserta, rekap data level, rekap data periode, dan data
laporan seleksi level.
Untuk blok keluaran, hasil informasi berupa laporan terkait dengan proses seleksi penempatan level: data rekap user, data rekap peserta, rekap data level,
rekap data periode, rekap data jenis ujian, rekap data soal ujian tulis, data rekap jawaban peserta, laporan nilai ujian, dan laporan penempatan level dimana akan
berisi informasi level yang sesuai dengan kemampuan calon siswa baru berdasarkan hasil ujian penempatan level.
3.2.3 System Flow Pendaftaran dan Seleksi Penempatan Level
System flow adalah penggambaran aliran dokumen dalam sistem dan merupakan proses kerja dalam sistem. System flow menggambarkan aliran atau arus
data pada sistem yang nantinya akan digunakan untuk membantu dalam pembangunan proses dalam organisasi. Tentunya, transformasi aliran dokumen ini
lebih efektif dalam menjalankan proses organisasi, sehingga proses tersebut bisa dikerjakan dengan cepat dan hasilnya akurat.
System flow pada aplikasi ini dibagi menjadi tiga yang akan dijelaskan pada sub bab berikut.
A.
Pendaftaran Siswa Baru
System Flow daftar akun baru mempunyai fungsi untuk mencatat data diri calon siswa baru. Saat pendaftaran, calon siswa baru akan mengisi formulir lalu
akan disimpan pada database peserta.
Saat masuk ke halaman utama website Rasyid English Course calon siswa baru harus pilih menu
“Pendaftaran” lalu masuk ke fungsi ini. Halaman pendaftaran akan muncul, calon siswa mengisi data yang diperlukan pada aplikasi pendaftaran
online ini. Setelah semua data yang dimasukkan dicek oleh sistem dan sesuai dengan ketentuan, data masukan dapat disimpan ke database peserta dan akan
menampilkan username dan password yang akan digunakan untuk melengkapi biodata peserta sebagai syarat mengikuti ujian penempatan level.
Pendaftaran Calon Siswa Baru
Website Pendaftaran Calon Siswa Baru
P h
as e
MULAI
SELESAI
Memilih menu “Pendaftaran”
Mengisi formulir Data Peserta
Memasukkan kode verifikasi dan
menekan tombol “DAFTAR”
Menyimpan data pendaftaran
Data Peserta
Data Periode
Mengirim Username dan
Password Menerima
Username dan Password
Menampilkan Formulir
Pendaftaran
Data Peserta
Gambar 3.3 System flow pedaftaran online
B. Seleksi Penempatan Level
Setelah mengikuti ujian, admin memasukkan nilai hasil ujian siswa didalam aplikasi. Selanjutnya sistem akan menghitung dan mengolah data nilai
ujian, sehingga menghasilkan rekomendasi level.
Seleksi Penempatan Level
Website Pendaftaran Admin
P h
as e
MULAI
SELESAI
Membuka Menu Seleksi Penempatan
Level Memilih Nama
Calon Siswa Baru
Menekan tombol “SAVE”
Memproses data Nilai Ujian
Mengisi Nilai Hasil Ujian Lisan
Menampilkan Rekomendasi
Level Data Nilai
Ujian Data Jenis
Ujian Data Level
Data Soal Ujian Tulis
Menampilkan Data Peserta
Menampilkan Formulir Nilai Ujian
Penempatan Level
Data Peserta
Data Nilai Ujian
Login sebagai Administrator
Gambar 3.4 System flow seleksi penempatan level
C. Laporan
Fungsi laporan digunakan untuk menyusun laporan data siswa baru oleh manajer. Laporan ini berisi data calon siswa baru per-periode dan data siswa baru
dengan penempatan level.
Laporan Siswa Baru
Website Pendaftaran Pimpinan
P h
as e
MULAI
SELESAI
Membuka Menu Report New Student
Memilih Data siswa berdasarkan
periode
Cetak Laporan Mengurutkan Data
siswa berdasarkan Level
Mencetak Laporan Data Level
Data Periode
Menampilkan Data Siswa Baru
berdasarkan Level Data Siswa
Baru Menampilkan Data
Siswa Baru berdasarkan Periode
Login Sebagai Manajer
Gambar 3.5 System flow laporan siswa baru
3.2.4 Data Flow Diagram
Data Flow Diagram atau DFD adalah diagram yang menggunakan notasi- notasi simbol untuk menggambarkan arus dari data sistem. DFD sering digunakan
untuk menggambarkan salah satu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik di mana
data tersebut mengalir misalnya lewat telepon, surat dan sebagainya atau lingkungan fisik di mana data tersebut akan disimpan misalnya data kartu,
microfile, hardisk dan lain sebagainya. Kendall Kendall, 2003
Penggunaan notasi-notasi pada DFD ini diharapkan dapat membantu dalam memahami sistem pada semua tingkat kompleksitas.
A. Diagram Jenjang
Diagram jenjang adalah sarana dalam melakukan desain dan teknik dokumentasi dalam siklus pengembangan sistem yang berbasis pada fungsi.
Tujuannya agar diagram jenjang tersebut dapat memberikan informasi tentang fungsi-fungsi yang ada di dalam sistem. Gambaran diagram jenjang dapat dilihat
pada Gambar 3.6.
Aplikasi Pendaftaran dan Seleksi Penempatan Level
2 Proses Transaksi
3 Laporan
1 Mengelola Data Master
1.2 Data Peserta
1.3 Data Level
1.4 Data Periode
1.5 Data Soal Ujian Tulis
1.7 Data Detail Jawaban
Peserta 2.1
Pendaftaran Online
2.2 Ujian Seleksi
Penempatan Level 3.1
Laporan Data Pendaftar
1.1 Data User
1.6 Data Jawaban Peserta
1.8 Data
Pengumuman 1.10
Data Prosedur 1.9
Data Jadwal
1.11 Data Kontak
1.12 Data Siswa
Baru 3.2
Laporan Data Siswa Baru
Gambar 3.6 Diagram jenjang
B. Context Diagram
Context diagram merupakan gambaran menyeluruh dari DFD. Di dalam context diagram terdapat tiga External Entity yaitu peserta, admin, dan manajer
pada Rasyid English Course. Proses pembuatan context diagram dimulai dari
system flow yang menjelaskan alur sistem. Dalam alur sistem terdapat proses dan tabel yang dibutuhkan untuk menjalankan proses tersebut sehingga dapat diketahui
alur data serta entitasnya. Tampilan dari context diagram dapat dilihat pada Gambar 3.7.
Gambar 3.7 Context Diagram
C. DFD Level 0
Pada DFD level 0 akan menggambarkan proses-proses yang ada dalam aplikasi pendaftaran online dan seleksi penempatan level siswa baru. Terdapat
empat proses yang saling berhubungan dan akan digambarkan pada Gambar 3.8 yaitu:
Data Diri
Tanggal Ujian Rekomendasi Level
Data Periode Username
Total NIlai Ujian
Data Level Laporan Siswa Baru
Soal Ujian Tulis
Data Nilai Ujian Data Soal Ujian Tulis
Data Peserta Memilih Data Siswa
Password Password
Data User
Data Jadwal Data Kontak
Data Pengumuman Data Prosedur
Jawaban Peserta Detail Jawaban Peserta
Jawaban Peserta Detail Jawaban Peserta
1 Aplikasi Pendaftaran dan
Seleksi Penempatan Level Siswa Baru
Peserta
Admin
Manajer
Gambar 3.8 DFD Level 0
11
1 5
7 9
Laporan Siswa Baru Data Peserta
Memilih Data Peserta Username
Total Nilai Ujian 1.1
Mengelola Data Master
1.2 Pendaftaran dan Ujian
Seleksi Penempatan Level
1.4 Laporan
Peserta Admin
Manajer Data Peserta
Data Siswa Baru
Daftar Prosedur
Tanggal Ujian Password
Soal Ujian Tulis Daftar Pengumuman
Data Pengumuman Data Kontak
Data Jadwal Data Periode
Data Level
Data Jawaban Peserta Data User
Daftar User
Jawaban Peserta Data Prosedur
Daftar Soal Ujian Tulis
Detail Jawaban Peserta
Detail Jawaban Peserta Daftar Jawaban Peserta
Laporan Pendaftar Data Level
Data Periode
Memilih Periode Memilih Data Siswa Baru
Data Peserta Data Soal Ujian Tulis
Data Nilai Ujian Rekomendasi Level
Daftar Level Daftar Periode
Daftar Detail Jawaban Peserta
Daftar Soal Ujian Tulis Daftar Nilai Ujian
Daftar Peserta
Password Daftar Jadwal
Daftar Kontak 2
Detail Jawaban Peserta 3
Level 4
Periode
1 Peserta
11 Data Soal Ujian Tulis
12 User
13 Jadwal
14 Pengumuman
15 Jawaban Peserta
16 Prosedur
17 Kontak
23 Siswa Baru
11 2
2
2 1
3 11
5 5
8 9
12 7
13 14
12 12
6 24
Ujian Penempatan Level 25
Pendaftaran
10 7
2
D. DFD Level 1
DFD level 1 adalah gambaran aliran data yang lebih detail dari context diagram. Aliran data yang tidak dapat digambarkan pada context diagram akan
dijelaskan lebih rinci pada DFD level 1 pada Gambar 3.9 dan Gambar 3.10.
Gambar 3.9 DFD level 1 maintenance data master
1.1.1 Maintenance
Pendaftaran 1.1.2
Maintenance Data Level
1.1.3 Maintenance
Data Periode 1.1.5
Maintenance Nilai Ujian
1.1.6 Maintenance Detail
Jawaban Peserta 1.1.7
Maintenance Data User
Admin Manajer
1.3
1.4 1.8
7
1.7 1.6
1.11
1.12 11
1
Data Pendaftaran Daftar Pendaftaran
Data Level Daftar Level
Daftar Periode 24
Ujian Penempatan Level
23 Siswa Baru
5 Soal Ujian Tulis
2 Detail Jawaban Peserta
1 Peserta
12 User
Data Periode Daftar Ujian Penempatan Level
Data Ujian Penempatan Level
Daftar Jadwal Data Jadwal
Daftar Pengumuman
Data Pengumuman
Data Detail Jawaban Peserta Daftar Detail Jawaban Peserta
Data Soal Ujian Tulis Daftar Soal Ujian Tulis
Data Pengumuman Daftar Pengumuman
Data User Daftar User
Data Siswa baru Daftar Siswa Baru
Data Peserta Daftar Peserta
Data Prosedur Daftar Prosedur
Daftar Kontak Data Kontak
14 Pengumuman
13 Jadwal
15 Jawaban Peserta
17 Kontak
16 Prosedur
4 Periode
3 Level
25 Pendaftaran
1.1.8 Maintenance
Siswa Baru1 1.1.9
Maintenance Jawaban Peserta
1.1.10 Maintenance
Jadwal 1.1.11
Maintenance Data Soal Ujian Tulis
1.1.12 Maintenance
Pengumuman 1.1.13
Maintenance Peserta
1.1.14 Maintenance
Prosedur 1.1.15
Maintenance Prosedur2
1.5 6
10 9
1.6 1.9
1.7
1.11 1.10
8 1.8
5 13
1.2 11
1.1 1.11
2 1.8
1.13 14
1.8 1.14
7
11
Gambar 3.10 DFD level 1 transaksi pendaftaran dan seleksi penempatan level
Gambar 3.11 DFD level 1 transaksi pendaftaran dan seleksi penempatan level
3.2.5 Entity Relationship Diagram
Entity Relationship Diagram atau ERD merupakan salah satu teknik dokumentasi yang digunakan untuk menyajikan relasi antara entitas sumber daya,
peristiwa dan agen dalam sebuah sistem. Hall, 2001
Peserta
Admin Detail Jawaban Peserta
Data Peserta Tanggal Ujian
Password
Username Password
Jawaban Peserta 18
Peserta
19 Jawaban Peserta
21 Soal Ujian Tulis
22 Detail Jawaban Peserta
1.2.1 Pendaftaran Online
1.2.2 Ujian dan
Seleksi Penempatan
Level 7
2.1
Soal Ujian Tulis Rekomendasi Level
Detail Jawaban Peserta Jawaban Peserta
Soal Ujian Tulis 6
2.2 2
7 6
5
7
Nilai Ujian Lisan
3.1
3.2 1.4.1
Laporan Pendaftar
1.4.2 Laporan Siswa Baru
Manajer 3.1
3.2 23
Siswa Baru 1
Peserta 2
12 3
Level 4
Periode Memilih Data Siswa Baru
Memilih data peserta Memilih data Periode
Data Pendaftar
Memilih Periode Memilih Level
Data Siswa Baru
A. Conceptual Data Model
Sebuah Conceptual Data Model atau CDM menggambarkan secara keseluruhan konsep struktur basis data yang dirancang untuk salah satu aplikasi
sebagaimana terlihat pada Gambar 3.12.
Gambar 3.12 Conceptual Data Model
Relationship_1 Relationship_6
Relationship_7
Relationship_4
Relationship_13 Relationship_14
Relationship_15 Relationship_8
Relationship_9
Relationship_10
Relationship_11
Data Peserta o
o o
o o
o o
o o
o o
o o
o o
o o
o o
o o
o o
o o
o o
o o
o o
o o
o Registrant ID
Email Peserta Username Peserta
Password Peserta Nama Peserta
Jenis Kelamin Agama
Ket_agama Tempat Lahir
Tanggal Lahir Anak ke
Jumlah saudara Tmp tinggal dengan
Tmp ket tinggal dengan Tmp alamat
Tmp telepon Ort nama ayah
Ort Pekerjaan ayah Ort Ket Pekerjaan ayah
Ort nama ibu Ort Perkerjaa ibu
Ort Ket Pekerjaan ibu Ort alamat
Ort Telepon Ska Nama
Ska Status Ska alamat
Ska telepon Ska Kelas
Status Pendaftaran Status Biodata
Status Verifikasi Status Seleksi
Created At Peserta Updated At Peserta
Variable characters 10 Variable characters 100
Variable characters 20 Characters 8
Variable characters 100 Characters 1
Variable characters 50 Variable characters 24
Variable characters 20 Date
Variable characters 2 Variable characters 2
Number Variable characters 100
Variable characters 100 Integer
Variable characters 100 Number
Variable characters 100 Variable characters 100
Number Variable characters 100
Variable characters 100 Integer
Variable characters 30 Number
Variable characters 100 Variable characters 100
Variable characters 10 Variable characters 12
Number Number
Number Date Time
Date Time Data Level
o o
o o
Level_ID Level Name
Level_Score Created At level
Updated At Level Variable characters 10
Variable characters 25 Integer
Date Time Date Time
Data Periode o
o o
o o
Period ID Period Name
Date Start Date End
Created At Period Updated At Period
Variable characters 10 Variable characters 10
Date Date
Date Time Date Time
Soal Ujian Tulis o
o o
o o
o o
o Question ID
Question Pil A
Pil B Pil D
Pil C Jawaban Benar
Created At Soal Updated At Soal
Variable characters 10 Variable characters 25
Integer Variable characters 10
Variable characters 10 Variable characters 10
Variable characters 10 Date Time
Date Time Data Siswa
o o
Student_ID Status
Information Variable characters 100
Variable characters 50 Variable characters 50
Jadwal o
o o
o o
Jadwal ID Jadwal Hari
Jadwal Jam ID Level
Created at Updated at
Integer Variable characters 10
Variable characters 10 Integer
Date Time Date Time
Jawaban Peserta o
o o
o Id Jawaban
Benar Salah
Jumlah Soal Created At Jawaban
Integer Integer
Integer Integer
Date Time
Prosedur o
o o
o o
Prosedur ID Slug Prosedur
Judul Prosedur Isi Prosedur
Created At Prosedur Updated At Prosedur
Integer Variable characters 100
Variable characters 100 Variable characters 100
Date Time Date Time
Kontak o
o o
o o
o o
Kontak ID Email Kontak
Nama Kontak Judul Kontak
Isi Kontak Is Dibales
Created At Kontak Updated At Kontak
Integer Variable characters 100
Variable characters 100 Variable characters 100
Text Number
Date Time Date Time
Pengumuman o
o o
o o
Pengumuman Id Judul Pengumuman
Slug Pengumuman Isi Pengumuman
Created At Pengumuman Updated At Pengumaman
Integer Variable characters 100
Variable characters 100 Variable characters 100
Date Time Date Time
User o
o o
o o
o o
User ID Username User
Password User Nama User
Level Is Blokir
Created At User Updated At User
Integer Variable characters 100
Variable characters 100 Variable characters 100
Number Number
Date Time Date Time
B. Physical Data Model
Sebuah Physical Data Model atau PDM menggambarkan secara detail konsep rancangan struktur basis data yang dirancang untuk salah satu aplikasi. PDM
merupakan hasil generate dari CDM. Pada PDM tergambar jelas tabel-tabel penyusun basis data beserta kolom-kolom yang terdapat pada setiap tabel
sebagaimana terlihat pada Gambar 3.13.
Gambar 3.13 Physical Data Model
Data Peserta Registrant ID
Email Peserta Username Peserta
Password Peserta Nama Peserta
Jenis Kelamin Agama
Ket_agama Tempat Lahir
Tanggal Lahir Anak ke
Jumlah saudara Tmp tinggal dengan
Tmp ket tinggal dengan Tmp alamat
Tmp telepon Ort nama ayah
Ort Pekerjaan ayah Ort Ket Pekerjaan ayah
Ort nama ibu Ort Perkerjaa ibu
Ort Ket Pekerjaan ibu Ort alamat
Ort Telepon Ska Nama
Ska Status Ska alamat
Ska telepon Ska Kelas
Status Pendaftaran Status Biodata
Status Verifikasi Status Seleksi
Created At Peserta Updated At Peserta
varchar10 varchar100
varchar20 char8
varchar100 char1
varchar50 varchar24
varchar20 date
varchar2 varchar2
numeric varchar100
varchar100 integer
varchar100 numeric
varchar100 varchar100
numeric varchar100
varchar100 integer
varchar30 numeric
varchar100 varchar100
varchar10 varchar12
numeric numeric
numeric timestamp
timestamp pk
Data Level Level_ID
Jadwal ID Level Name
Level_Score Created At level
Updated At Level varchar10
integer varchar25
integer timestamp
timestamp pk
fk Data Periode
Period ID Period Name
Date Start Date End
Created At Period Updated At Period
varchar10 varchar100
date date
timestamp timestamp
pk
Soal Ujian Tulis Question ID
Question Pil A
Pil B Pil D
Pil C Jawaban Benar
Created At Soal Updated At Soal
varchar10 varchar25
integer varchar10
varchar10 varchar10
varchar10 timestamp
timestamp pk
Data Siswa Student_ID
Level_ID Registrant ID
Status varchar100
varchar10 varchar10
varchar50 pk
fk1 fk2
Jadwal Jadwal ID
Jadwal Hari Jadwal Jam
ID Level Created at
Updated at integer
varchar100 varchar100
integer timestamp
timestamp pk
Jawaban Peserta Id Jawaban
Registrant ID Benar
Salah Jumlah Soal
Created At Jawaban integer
varchar10 integer
integer integer
timestamp pk
Prosedur Prosedur ID
User ID Slug Prosedur
Judul Prosedur Isi Prosedur
Created At Prosedur Updated At Prosedur
integer integer
varchar100 varchar100
varchar100 timestamp
timestamp pk
fk Kontak
Kontak ID User ID
Email Kontak Nama Kontak
Judul Kontak Isi Kontak
Is Dibales Created At Kontak
integer integer
varchar100 varchar100
varchar100 long varchar
numeric timestamp
pk fk
Pengumuman Pengumuman Id
Period ID User ID
Judul Pengumuman Slug Pengumuman
Isi Pengumuman Created At Pengumuman
integer varchar10
integer varchar100
varchar100 varchar100
timestamp pk
fk2 fk1
User User ID
Username User Password User
Nama User Level
Is Blokir Created At User
Updated At User integer
varchar100 varchar100
varchar100 numeric
numeric timestamp
timestamp pk
Pendaftarn Period ID
Registrant ID Tgl Pendaftaran
varchar10 varchar10
datetime pk,fk1
pk,fk2
Detail Jawaban Peserta Id Jawaban
Question ID Nomor
Jawaban Dipilih integer
varchar10 integer
varchar pk,fk1
pk,fk2
Ujian Penempatan Level Registrant ID
Question ID Tgl Ujian
Nil Lisan Nil Tulis
Nil Total varchar10
varchar10 datetime
decimal decimal
decimal pk,fk1
pk,fk2
3.2.6 Struktur Tabel
Dalam struktur tabel berikut akan dijelaskan mengenai fungsi tabel, relasi antar tabel, constraint yang terdapat dalam tabel yang digunakan sebagai gambaran
dari basis data yang akan dibentuk.
A. Tabel Peserta
Fungsi : Menyimpan data peserta pendaftaran online
Primary Key : Student_ID
Foreign Key :
̶ Pada tabel 3.1, berisikan data calon siswa baru yang telah mendaftarkan
diri beserta nilai ujian yang telah didapatkan dari ujian penempatan level ini. Tabel 3.1 Peserta
No Field Name
Data Type Length Constraint
1 Registrant ID
Varchar 10
PK 2
Email Varchar
64 3
Username Varchar
20 4
Password Char
8 5
periode_id int
FK 6
nama Varchar
100 7
jenis_kelamin enum
P-L 8
agama enum
0-6 9
ket_agama Varchar
24 10
tempat_lahir Varchar
32 11
tanggal_lahir Date
12 anak_ke
Varchar 2
13 jumlah_saudara
Varchar 2
14 tmp_tinggal_dengan
enum 0-4
15 tmp_ket_tinggal_dengan
Varchar 32
16 tmp_alamat
Varchar 255
No Field Name
Data Type Length Constraint
17 tmp_telepon
Varchar 16
18 ort_nama_ayah
Varchar 64
19 ort_pekerjaan_ayah
Enum 0-7
20 ort_ket_pekerjaan_ayah
Varchar 32
21 ort_nama_ibu
Varchar 64
22 ort_pekerjaan_ibu
Enum 0-7
23 ort_ket_pekerjaan_ibu
Varchar 32
24 ort_alamat
Varchar 255
25 ort_telepon
Varchar 16
26 ska_nama
Varchar 64
27 ska_status
Enum 0-1
28 ska_alamat
Varchar 255
29 ska_telepon
Varchar 16
30 ska_kelas
Varchar 32
31 status_pendaftaran
Enum 0-1
32 status_biodata
Enum 0-1
33 status_verifikasi
Enum 0-1
34 status_seleksi
Enum 0-1
35 created_at
Date 36
updated_at Date
B. Tabel Pendaftaran
Fungsi : Menyimpan data pendaftaran
Primary Key : Period ID, Regitrant ID
Foreign Key : Period ID, Regitrant ID
Pada tabel 3.2, berisikan data pendaftaran yang akan mencatat transaksi pendaftaran saat proses pendaftaran online.
Tabel 3.2 Pendaftaran No
Field Name Data Type
Length Constraint
1 Period ID
Int 10
PK, FK 2
Regitrant ID Int
10 PK, FK
3 Tgl_Pendaftaran
DateTime
C. Tabel Level
Fungsi : Menyimpan data level
Primary Key : Level_Id
Foreign Key : Jadwal ID
Pada tabel 3.3, berisikan data tingkatan level yang akan digunakan untuk mengolah nilai menjadi hasil akhir aplikasi ini yaitu penempatan level.
Tabel 3.3 Level
No Field Name
Data Type Length
Constraint 1
Level_ID Int
10 PK
2 Jadwal_ID
Int 10
FK 3
Level_name Varchar
50 4
Level_score Int
10 5
Created_At Datetime
6 Updated_at
Datetime
D. Periode
Fungsi : Menyimpan data periode kursus
Primary Key : Period_Id
Foreign Key :
̶
Pada tabel 3.4, berisikan data periode yang akan ditempati calon siswa baru saat melakukan proses pendaftaran online.
Tabel 3.4 Periode No
Field Name Data Type
Length Constraint
1 Id
Int 10
PK 2
Period_name Varchar
25 3
Start Date
4 End
Date 5
Created_at Datetime
6 Updated_at
Datetime
E. Tabel Jadwal
Fungsi : Menyimpan data jadwal kursus
Primary Key : Jadwal_Id
Foreign Key : Level_Id
Pada tabel 3.5, berisikan data jadwal yang akan dikelola admin untuk menginformasikan jadwal kursus di dalam aplikasi pendaftaran dan seleksi
penempatan level online ini.
Tabel 3.5 Jadwal No
Field Name Data Type
Length Constraint
1 Jadwal_ID
Int 10
PK 2
Level_ID Int
10 FK
2 Jadwal_hari
Varchar 25
3 Jadwal_jam
Int 10
4 Created_at
Datetime 5
Updated_at Datetime
F. Tabel Siswa Baru
Fungsi : Menyimpan data siswa baru
Primary Key : Student_ID
Foreign Key : Level_ID, Registrant_ID
Pada tabel 3.6, berisikan data jadwal yang akan dikelola admin untuk menginformasikan jadwal kursus di dalam aplikasi pendaftaran dan seleksi
penempatan level online ini.
Tabel 3.6 Siswa Baru No
Field Name Data Type
Length Constraint
1 Student_ID
Int 10
PK 2
Level_ID Int
10 FK
3 Registrant_ID
Int 10
FK 4
Status Varchar
25 5
Informasi Varchar
25
G. Tabel Ujian Penempatan Level
Fungsi : Menyimpan data transakssi ujian penempatan level
Primary Key : Registrant_ID, Question_ID
Foreign Key : Registrant_ID, Question_ID
Pada tabel 3.7, berisikan data tingkatan level yang akan digunakan untuk mengolah nilai menjadi hasil akhir aplikasi ini yaitu penempatan level.
Tabel 3.7 Ujian penempatan level
No Field Name
Data Type Length
Constraint 1
Registrant_ID Int
10 PK, FK
2 Question_ID
Int 10
PK, FK 3
Tgl_Ujian Varchar
50 4
Nil_Lisan Decimal
5 Nil_Tulis
Decimal 6
Nil_Total Decimal
H. Tabel Jawaban Peserta
Fungsi : Menyimpan data jawaban peserta
Primary Key : Jawaban_Id
Foreign Key : Peserta_Id
Pada tabel 3.8, berisikan data jawaban peserta calon siswa baru yang akan digunakan untuk menampilkan nilai ujian saat menyelesaikan ujian
penempatan level online ini.
Tabel 3.8 Jawaban Peserta No
Field Name Data Type
Length Constraint
1 ID_Jawaban_Peserta
Int 11
PK 2
Benar Int
11 3
Salah Int
11 4
jumlah_soal Int
11 5
created_at Datetime
I. Tabel Detail Jawaban Peserta
Fungsi : Menyimpan data detail jawaban peserta
Primary Key : ID_Jawaban_Peserta, Question_ID
Foreign Key : ID_Jawaban_Peserta, Question_ID
Pada tabel 3.9, berisikan data detail jawaban peserta yang akan tersimpan oleh database dalam aplikasi pendaftaran dan seleksi penempatan level online
ini.
Tabel 3.9 Detail Jawaban Peserta
No Field Name
Data Type Length
Constraint 1
ID_Jawaban_Peserta Int
11 PK, FK
2 Question_ID
Int 11
PK, FK 3
Nomor Int
11
No Field Name
Data Type Length
Constraint 4
Jawaban_dipilih Varchar
10
J. Tabel Soal Ujian Tulis
Fungsi : Menyimpan data pertanyaan ujian tulis
Primary Key : Soal_ID
Foreign Key :
̶ Pada tabel 3.10, berisikan data soal ujian tulis yang akan dijawab oleh
calon siswa baru untuk mendapatkan nilai ujian tulis pada aplikasi penempatan
level online ini.
Tabel 3.10 Soal Ujian Tulis No
Field Name Data Type
Length Constraint
1 Question_ID
Varchar 10
PK 3
Soal_ujian_tulis Varchar
250 4
Pil_a Varchar
50 5
Pil_b Varchar
50 6
Pil_c Varchar
50 7
Pil_d Varchar
50 8
Jawaban_benar Varchar
50 9
Created_at Datetime
10 Updated_at
Datetime
K. Tabel User
Fungsi : Menyimpan data pengguna admin
Primary Key : User_ID
Foreign Key :
̶
Pada tabel 3.11, berisikan data pengguna admin yang akan mengelola konten dari aplikasi ini beserta data yang akan diolah oleh aplikasi
pendaftaran dan seleksi penempatan level online ini. Tabel 3.11 User
No Field Name
Data Type Length
Constraint 1
User_ID Int
10 PK
2 Username
Varchar 32
3 Password
Varchar 32
4 Nama
Varchar 32
5 Level
Enum 0-1
6 Is_blokir
Enum 0-1
7 Created_at
Datetime 8
Updated_at Datetime
L. Tabel Pengumuman
Fungsi : Menyimpan data pengumuman
Primary Key : Pengumuman_ID
Foreign Key : Period_ID, User_ID
Pada tabel 3.12, berisikan data pengumuman yang akan dikelola admin untuk menginformasikan suatu hal dalam aplikasi pendaftaran dan seleksi
penempatan level online ini.
Tabel 3.12 Pengumuman No
Field Name Data Type
Length Constraint
1 Pengumuman_ID
Int 10
PK 2
Period_ID Int
10 FK
3 User_ID
Int 10
FK 4
Judul Int
64 5
Slug Varchar
128
No Field Name
Data Type Length
Constraint 6
Isi Text
7 created_at
Datetime 8
updated_at Datetime
M. Tabel Prosedur
Fungsi : Menyimpan data prosedur
Primary Key : Prosedur_ID
Foreign Key : User_ID
Pada tabel 3.13, berisikan data prosedur ujian penempatan level yang akan dikelola admin untuk memandu calon siswa baru dalam mengikuti ujian
penempatan level online ini.
Tabel 3.13 Prosedur No
Field Name Data Type
Length Constraint
1 Prosedur_ID
Int 4
PK 2
User_ID Int
10 FK
3 Judul
Int 64
4 Slug
Varchar 128
5 Isi
Text 6
Created_at Datetime
7 Updated_at
Datetime
N. Tabel Kontak
Fungsi : Menyimpan data kontak dan saran
Primary Key : Kontak_ID
Foreign Key : User_ID
Pada tabel 3.14, berisikan data kontak yang akan dikelola admin untuk menjawab pertanyaan yang telah dikirimkan calon siswa baru dalam aplikasi
pendaftaran dan seleksi penempatan level online ini.
Tabel 3.14 Kontak No
Field Name Data Type
Length Constraint
1 Kontak_ID
Int 10
PK 2
User_ID Int
10 FK
2 Nama
Varchar 64
3 Email
Varchar 64
4 Judul
Varchar 128
5 Isi
text 6
Is_dibalas enum
0-1 7
Created_at Datetime
8 Updated_at
Datetime
3.2.7 Desain Input Output
Setelah melakukan perancangan basis data, tahap selanjutnya adalah membuat desain input output. Desain yang nantinya dipakai untuk membuat
aplikasi sebenarnya. Desain input output atau dalam bahasa Indonesia desain antar muka ini terdiri dari seluruh halaman yang akan diimplementasikan oleh pengguna
pada rancang bangun aplikasi pendaftaran dan seleksi penempatan level pada Rasyid English Course.
http:www.rec.co.id
Rasyid English Course
Home Peserta
Informasi Pendaftaran
Selamat Datang.
Selamat datang di Rasyid English Course. Sebelum melakukan pendaftaran, sebaiknya Anda memahami prosedur pendaftaran siswa baru di halaman Prosedur Pendaftaran.
Pastikan juga anda juga mengetahui jadwal kursus di halaman Jadwal. Semua informasi terbaru mengenai Rasyid English Course bisa anda lihat di halaman Pengumuman.
Anda juga dapat mengetahui data pendaftar di halaman Peserta. Jika Anda sudah memahami prosedur pendaftaran, silakan klik tombol Daftar di bawah ini
Copyright 2016 Deemazz92
Rasyid English Course
Daftar
Bantuan
Username Password
Login
Gambar 3.14 Rancangan tampilan Home website utama. Gambar 3.14 merupakan tampilan awal ketika calon siswa baru mengakses
website utama Rasyid English Course. Tampilan awal ini sangat menentukan bagi seluruh calon siswa baru. Karena tampilan awal akan menentukan minat calon
siswa baru dalam mencari informasi dan melakukan pendaftaran online. Terdapat pilihan tab menu peserta, pendaftaran, informasi, dan bantuan. Pada
tab peserta, calon siswa baru dapat mengetahui berapa jumlah siswa yang sudah melakukan pendaftaran dan informasi penempatan levelnya. Rancangan tampilan
tab peserta, dapat dilihat pada Gambar 3.15.
http:www.rec.co.idpeserta
Rasyid English Course
Home Peserta
Informasi Pendaftaran
Data Peserta
Copyright 2016 Deemazz92
Rasyid English Course
Bantuan
No No Peserta
Nama Sekolah
Status Biodata Ujian Penempatan Level
1 2
Next
Username Password
Login
Masukkan Nomor atau Nama Peserta
Gambar 3.15 Rancangan tampilan tab “Peserta”
Pada tab pendaftaran, pengguna dapat mendaftarkan diri sebagai pseserta pendaftaran, dengan mengisi formulis pendaftaran. Rancangan tampilan tab
pendaftaran, dapat dilihat pada Gambar 3.16.
http:www.rec.co.idpendaftaran
Rasyid English Course
Home Peserta
Informasi Pendaftaran
Form Pendaftaran
Copyright 2016 Deemazz92
Rasyid English Course
Bantuan
A f j l a
Username Password
Login
Email
Email
Nama Lengkap
Nama Lengkap
Nama Panggilan
Nama Panggilan
Masukkan 4 huruf angka pada gambar di atas
Captcha
Daftar
Gambar 3.16 Rancangan tampi lan tab “Pendaftaran”
Pada tab Informasi, terdapat tiga sub tab yang dapat dipilih yaitu pengumuman, prosedur, dan jadwal. Pada sub tab pertama yaitu Pengumuman
calon siswa baru dapat mencari tahu segala informasi mengenai perusahaan, mulai dari visi, misi, dan lainnya. Rancangan tampilan tab Pengumuman, dapat dilihat
pada Gambar 3.17.
http:www.rec.co.idpengumuman
Rasyid English Course
Home Peserta
Informasi Pendaftaran
Pengumuman
Copyright 2016 Deemazz92
Rasyid English Course
Bantuan
Username Password
Login
Pengumuman Prosedur
Jadwal
Mengenai Rasyid English Course
Rabu, 13 Juli 2016
Rasyid English Course merupakan lembaga pendidikan bahasa Inggris yang terletak di lokasi strategis daerah Monang
– Maning di kota Denpasar... Baca Selengkapnya
1 2
Next
Visi Misi Rasyid English Course
Senin, 10 Juni 2016
Rasyid English Course merupakan lembaga pendidikan bahasa Inggris yang terletak di lokasi strategis daerah Monang
– Maning di kota Denpasar... Baca Selengkapnya
Gambar 3.17 Rancangan tampilan Pengumuman Rasyid English Course Pada sub tab kedua yaitu Prosedur, calon siswa baru dapat mencari tahu
bagaimana cara melakukan pendaftaran sampai dengan mengikuti ujian penempatan level. Rancangan tampilan tab Prosedur, dapat dilihat pada Gambar
3.18.
http:www.rec.co.idprosedur
Rasyid English Course
Home Peserta
Informasi Pendaftaran
Prosedur Pendftaran
Copyright 2016 Deemazz92
Rasyid English Course
Bantuan
Username Password
Login
Pengumuman Prosedur
Jadwal 1. Pendaftaran.Calon peserta melakukan pendaftaran pada website Rasyid English Course, melalui halaman Pendaftaran.
2. Calon peserta yang sudah mendaftar akan mendapatkan username dan password yang akan digunakan untuk mengisi biodata sebagai syarat mengikuti Ujian Seleksi Penempatan Level.
3 Mengisi biodata. Lengkapi biodata anda dengan melakukan login terlebih dahulu dengan menggunakan username dan password yang sudah diberikan.
4 Verifikasi data. Setelah melengkapi biodata, calon siswa dan orang tua melakukan verifikasi data dengan cara mendatangi 5. Ujian dan berhak mengkikuti ujian seleksi. Peserta yang tidak melakukan verifikasi data sampai pada batas waktu yang
ditentukan dinyatakan gugur megundurkan diri. 6 Mengikuti ujian.
…
Gambar 3.18 Rancangan tampilan tab Prosedur Pada sub tab ketiga yaitu Jadwal, calon siswa baru dapat mengetahui jadwal
kursus yang tersedia di Rasyid English Course berdasarkan masing-masing level. Rancangan tampilan tab Jadwal, dapat dilihat pada Gambar 3.19.
http:www.rec.co.idjadwal
Rasyid English Course
Home Peserta
Informasi Pendaftaran
Jadwal Kursus
Copyright 2016 Deemazz92
Rasyid English Course
Bantuan
Username Password
Login
Pengumuman Prosedur
Jadwal Level
Hari Jam
Gambar 3.19 Rancangan tampilan tab Jadwal Sedangkan tampilan dari tab Bantuan, pengguna dapat menghubungi Rasyid
English Course melalui sarana kontak yang disediakan. terdapat dua sub tab yang dapat dipilih yaitu Kontak dan Lupa Password. Tampilan sub tab pertama yaitu
Kontak akan menampilkan sarana yang dapat menghubungkan pengguna dengan
pihak Rasyid English Course. Rancangan tampilan tab Kontak, dapat dilihat pada Gambar 3.20.
http:www.rec.co.idkontak
Rasyid English Course
Home Peserta
Informasi Pendaftaran
Kontak
Copyright 2016 Deemazz92
Rasyid English Course
Bantuan
A f j l a
Username Password
Login
Email
Email
Nama
Nama
Judul
Judul
Masukkan 4 huruf angka pada gambar di atas
Captcha
Kirim Isi
Isi Kontak
Lupa Password
Gambar 3.20 Rancangan tampilan Kontak Rasyid English Course Pada sub tab kedua yaitu Lupa Password, calon siswa baru mendapatkan
bantuan apabila lupa dengan username atau password dari akun peserta. Rancangan tampilan tab Lupa Password, dapat dilihat pada Gambar 3.21.
http:www.rec.co.idkontak
Rasyid English Course Home
Peserta Informasi
Pendaftaran
Kontak
Copyright 2016 Deemazz92
Rasyid English Course
Bantuan
A f j l a
Username Password
Login
Email
Email
Nomor Peserta
Nomor Peserta
Masukkan 4 huruf angka pada gambar di atas
Captcha Kirim
Kontak Lupa Password
Gambar 3.21 Rancangan tampilan Lupa Password
http:www.rec.co.idadminlogin
Manager Administrator Login
Silahkan Login
LOGIN
Username Password
Gambar 3.22 Rancangan tampilan Login Admin Tampilan Login ini tidak diperuntukkan untuk umum dan masyarakat luas.
Karena memiliki data internal perusahaan terkait pendaftaran serta seleksi penempatan level calon siswa baru. Hanya user yang memiliki hak akses yang dapat
melakukan Login pada halaman ini. Tampilan setelah Login selanjutnya, dapat dilihat pada desain input.
A. Desain Input
Desain input adalah kumpulan rancangan antar muka halaman masukan yang akan digunakan sebagai paduan dalam membangun aplikasi pada tahap
selanjutnya.
A.1 Rancangan Antar Muka Formulir Biodata
Antar muka formulir adalah halaman yang digunakan pengguna peserta untuk melengkapi biodata diri sebagai calon siswa baru pada Rasyid English Course.
Rancangan antar muka formulir biodata dapat dilihat pada Gambar 3.23 dan Gambar 3.24.
http:www.rec.co.iddashboardbiodata
Rasyid English Course
Home Peserta
Informasi Pendaftaran
Biodata
Copyright 2016 Deemazz92
Rasyid English Course
Bantuan
Username Password
Login
Nama
Nama
A. Data Pribadi Siswa
Nomor Peserta 20160010
Keterangan Agama
Keterangan Agama Jenis Kelamin
Perempuan Laki-laki
Agama
Tempat Lahir
Tempat Lahir Tanggal Lahir
Anak ke-
Anak ke-
Jumlah Saudara
Jumlah Saudara
Keterangan Tinggal Dengan
Keterangan Tinggal Dengan
B. Keterangan Tempat Tinggal
Alamat Tinggal
Alamat Tinggal Dengan
Telepon
Telepon
Gambar 3.23 Rancangan tampilan formulir biodata
http:www.rec.co.iddashboardbiodata
Rasyid English Course
Home Peserta
Informasi Pendaftaran
Copyright 2016 Deemazz92
Rasyid English Course
Bantuan
Username Password
Login Nama Ayah
Nama Ayah
C. Data Orang Tua Siswa
Keterangan Pekerjaan Ayah
Keterangan Pekerjaan Ayah Pekerjaan Ayah
Nama Ibu
Nama Ibu
Keterangan Pekerjaan ibu
Keterangan Pekerjaan Ibu Pekerjaan Ibu
Alamat Orang Tua
Alamat
Telepon Orang Tua
Telepon Orang Tua
Nama Sekolah
Nama Sekolah
D. Keterangan Pendidikan Sebelumnya
Alamat Sekolah
Alamat
Telepon Sekolah
Telepon Status
Swasta Negeri
Kelas Asal
Kelas Asal
Simpan
Gambar 3.24 Rancangan tampilan formulir biodata lanjutan Peserta wajib melengkapi biodata diri sebagai syarat untuk mengikuti ujian
penempatan level pada Rasyid English Course.
A.2 Rancangan Antar Muka Manajemen Data Master
Antar muka manajemen data master adalah halaman yang digunakan pengguna admin untuk mengatur data master calon siswa baru serta semua data
yang dibutuhkan dalam proses pendaftaran dan seleksi penempatan level pada Rasyid English Course. Rancangan antar muka manajemen data master dapat
dilihat pada Gambar 3.25.
http:www.rec.co.idadmin
Rasyid English Course
Login sebagai, admin Home
Pengumuman Data Master
Soal Ujian Tulis Kontak
Seleksi Penempatan Level MyAdmin
Selamat Datang.
Halo, admin
Silahkan pilih menu yang ada.
Copyright 2016 Deemazz92
Gambar 3.25 Rancangan tampilan login pengguna admin Rasyid English Course Pengguna harus memiliki akses sebagai admin untuk masuk ke halaman ini.
Pada tampilan awal yang tampil, hanya ada tulisan mengenai panduan dalam mengatur data master. Admin dapat memilih data master yang diinginkan.
Kemudian admin dapat memilih data apa saja yang akan dimanajemen pada pilihan dibagian sebelah kiri aplikasi. Terdapat data peserta, data level, data periode,
data jenis ujian, data soal ujian tulis, tabel nilai, data pengumuman, data prosedur, data jadwal, serta data nilai ujian.
http:www.rec.co.idadminpeserta
Rasyid English Course
Login sebagai, admin Home
Pengumuman Data Master
Soal Ujian Tulis Kontak
Seleksi Penempatan Level MyAdmin
Data Peserta
Copyright 2016 Deemazz92 Peserta
Prosedur Periode
Level Jadwal
No No Peserta Nama
Sekolah Status Pendaftaran
Status Verifikasi 1
2 Next
Masukkan Nomor atau Nama Peserta
Status Biodata
Ujian Penempatan Level Aksi
Gambar 3.26 Rancangan tampilan data peserta Rasyid English Course Tampilan pada pilihan Peserta, admin dapat melihat, mengoreksi, serta
merubah data peserta Rasyid English Course. Tampilan pilihan Level, dapat dilihat pada Gambar 3.27.
http:www.rec.co.idadminlevel
Rasyid English Course
Login sebagai, admin Home
Pengumuman Data Master
Soal Ujian Tulis Kontak
Seleksi Penempatan Level MyAdmin
Data Level
Copyright 2016 Deemazz92 Peserta
Prosedur Periode
Level Jadwal
No Level
Score 1
2 Next
Tambah
Aksi
Gambar 3.27 Rancangan tampilan data level Rasyid English Course
Tampilan pada pilihan level, admin dapat melihat mengoreksi serta merubah data level Rasyid English Course. Tampilan pilihan Period, dapat dilihat pada
Gambar 3.28.
http:www.rec.co.idadminperiode
Rasyid English Course
Login sebagai, admin Home
Pengumuman Data Master
Soal Ujian Tulis Kontak
Seleksi Penempatan Level MyAdmin
Data Periode
Copyright 2016 Deemazz92 Peserta
Prosedur Periode
Level Jadwal
No Periode
Mulai 1
2 Next
Tambah
Aksi Selesai
Gambar 3.28 Rancangan Tampilan data periode Rasyid English Course Tampilan pada pilihan Period, admin dapat melihat, mengoreksi, serta
merubah data periode pendaftaran Rasyid English Course. Untuk tampilan data master yang lain desain dan tabel mengikuti dengan tampilan dan desain seperti
data level dan data periode. Untuk mengikuti ujian penempatan level diharuskan login sebagai peserta dan telah memenuhi persyaratan yang dibutuhkan. menu ujian
penempatan level, dapat dilihat pada Gambar 3.29.
http:www.rec.co.idujian
Rasyid English Course
Login sebagai, Peserta Home
Peserta Informasi
Kontak Ujian Penempatan Level
Akun Saya
Copyright 2016 Deemazz92
Gambar 3.29 Rancangan tampilan ujian penempatan level
B. Desain Output
Antar muka laporan siswa baru adalah halaman yang digunakan manajer Rasyid English Course untuk mengetahui laporan siswa baru yang masuk dan
menempati level yang telah ditentukan pada aplikasi pendaftaran dan seleksi penmpatan level serta data laporan peserta yang telah mendaftarkan diri. Rancangan
antar muka laporan siswa baru dapat dilihat pada Gambar 3.30.
http:www.rec.co.idadminreportnew_student
Rasyid English Course
Login sebagai, Manajer Home
User Data Master
Kontak Seleksi Penempatan Level
MyAdmin
Copyright 2016 Deemazz92 Report
No No Peserta Nama
Sekolah Status Pendaftaran
Status Verifikasi
1 2
Next
Masukkan Nomor atau Nama Peserta
Status Biodata Ujian Penempatan Level
Aksi
Laporan Siswa Baru
Sort By : Periode
Level Pendaftar
Siswa Baru
Gambar 3.30 Rancangan tampilan data laporan siswa baru Rasyid English Course
http:www.rec.co.idadminreportregistrant
Rasyid English Course
Login sebagai, Manajer Home
User Data Master
Kontak Seleksi Penempatan Level
MyAdmin
Copyright 2016 Deemazz92 Report
No No Peserta
Nama Sekolah
Status Pendaftaran Status Verifikasi
1 2 Next
Masukkan Nomor atau Nama Peserta
Status Biodata Ujian Penempatan Level Aksi
Laporan Pendaftar
Sort By : Periode
Pendaftar Siswa Baru
Gambar 3.31 Rancangan tampilan data laporan pendaftar Rasyid English Course Pengguna harus memiliki akses sebagai manajer untuk masuk ke halaman ini.
Pada tampilan awal, hampir sama dengan halaman login pengguna admin. Yang membedakan adanya dua tab baru yaitu tab User dan tab Report. Tab User
digunakan oleh penggun manajer untuk mengelola hak akses user admin yang menggunakan aplikasi ini.
Sedangkan pada tab Report digunakan manajer untuk melihat laporan siswa baru yang telah terdaftar dan telah mengikuti ujian penempatan level beserta
rekomendasi level untuk siswa tersebut. Manajer dapat memilih data data siswa yang diinginkan, atau mencari dengan memasukkan nama siswa yang diinginkan.
Manajer juga dapat mengurutkan data berdasarkan periode pendaftaran ataupun level yang ditempati siswa baru.
3.2.8 Perancangan Evaluasi Sistem
Setelah melakukan perancangan dan desain aplikasi pendaftaran online, maka tahapan yang dilakukan selanjutnya adalah melakukan perencanaan atas uji
coba aplikasi yang akan dilakukan setelah aplikasi selesai dibangun. Uji coba ini untuk mengetahui apakah aplikasi yang dibuat sesuai dengan kebutuhan dari Rasyid
English Course. Uji coba ini dilakukan untuk menguji aplikasi yang telah dibangun. Rancangan uji coba aplikasi digunakan untuk menggambarkan skenario uji coba
yang akan dilakukan. Rancangan ini akan digunakan untuk mengetahui apakah proses fungsional aplikasi yang dibuat memenuhi hasil yang diharapkan.
Rancangan uji coba fungsional dapat dilihat pada Tabel 3.12. Tabel 3.15 Rancangan uji coba fungsional aplikasi
No. Fungsionalitas Cara Melakukan
Pengujian Hasil yang diharapkan
1 Pendaftaran
Siswa Baru Mendaftarkan diri sebagai
siswa baru Menampilkan halaman
pendaftaran siswa baru Validasi masukan data
Menampilkan pesan sukses error simpan data peserta
2 Login Peserta
Input Username dan Password peserta
Menampilkan halaman Login User Peserta
Validasi masukan data Menampilkan pesan sukses
error Login Peserta
3 Mengisi
Biodata Membuka dan mengisi
data pada halaman biodata Menampilkan formulir
biodata Validasi masukkan data
Menampilkan pesan sukses error simpan biodata
No. Fungsionalitas Cara Melakukan
Pengujian Hasil yang diharapkan
4 Ujian
Penempatan Level
Membuka halaman ujian penempatan level
Menampilkan halaman Ujian Penempatan Level
Validasi Ujian Penempatan Level
Menampilkan pesan sukses error simpan jawaban Peserta
5 Login Admin
Input Username dan Password admin
Menampilkan halaman Login User Admin
Validasi masukan data Menampilkan pesan sukses
error login Admin
6 Manajemen
Data Master Menambah dan mengubah
data master Menampilkan halaman data
master Validasi masukan data
Menampilkan pesan sukses error simpan data master
Menghapus data master Menampilkan pesan
konfirmasi hapus data master Menampilkan pesan sukses
error hapus data master
7 Seleksi
Penempatan Level
Membuat nilai ujian Menampilkan nilai ujian
tulis. Mengisi nilai ujian lisan,
kemudian tekan “enter” untuk menyimpan.
Melakukan perhitungan seleksi penempatan level
Menampilkan total nilai ujian Menampilkan rekomendasi
level.
No. Fungsionalitas Cara Melakukan
Pengujian Hasil yang diharapkan
8 Laporan
Membuat laporan data siswa baru
Tampilan laporan siswa baru Membuat laporan data
siswa baru berdasarkan periode
Tampilan laporan siswa baru berdasarkan periode
Membuat laporan data siswa baru berdasarkan
level Tampilan laporan siswa baru
berdasarkan level Membuat laporan data
pendaftar Tampilan laporan pendaftar
Membuat laporan data pendaftar berdasarkan
periode Tampilan laporan pendaftar
berdasarkan periode
9 Pencarian Data
Mencari data yang diinginkan sesuai kata
kunci Hasil pencarian menunjukkan
laporan siswa baru sesuai dengan kata kunci yang
dimasukkan.
53
BAB IV IMPLEMENTASI DAN EVALUASI
4.1 Kebutuhan Sistem
Implementasi program merupakan penyesuaian perangkat lunak dengan rancangan dan desain sistem yang telah dibuat sebelumnya. Dengan adanya
implementasi ini dapat membantu Rasyid English Course dalam menerapkan sistem pendaftaran yang baru dengan lebih optimal. Sebelum menjalankan aplikasi
pendaftaran online, hal yang harus diperhatikan untuk pertama kali adalah kebutuhan untuk dapat menjalankan sistem ini. Kebutuhannya terdiri dari perangkat
keras hardware dan perangkat lunak software. Agar aplikasi dapat dijalankan, pada komputer client harus terhubung dengan jaringan internet.
4.1.1 Kebutuhan Perangkat Keras
Kebutuhan minimal perangkat keras untuk client yaitu adalah sebagai berikut :
a. Processor dengan Pentium Dual Core
b. Physical memory RAM 1024 MB
c. Hard disk 128 GB
d. Monitor, keyboard dan mouse
4.1.2 Kebutuhan Perangkat Lunak
Kebutuhan minimal perangkat lunak untuk pengguna yaitu adalah sebagai berikut:
a. Sistem Operasi OS
: Microsoft Windows, Linux, Macintosh, dll. b.
Peramban Browser : Google Chrome, Mozilla Firefox atau Opera.
4.2 Implementasi Sistem
Setelah semua komponen komputer yang mendukung proses sistem selesai diinstal, maka proses selanjutnya adalah penerapan aplikasi. Implementasi aplikasi
ini merupakan aplikasi pendaftaran dan seleksi penempatan level online. Halaman awal yang akan tampil dalam sistem ketika dijalankan adalah halaman beranda,
sebagai halaman yang berisi tampilan awal aplikasi pendaftaran online. Untuk dapat melakukan akses lebih dalam pada aplikasi, pengguna perlu untuk login terlebih
dahulu sebagai pengaturan pengguna yang berhak untuk mengaksesnya. Halaman login juga tidak diperlihatkan pada tampilan awal aplikasi, karena menyangkut
kemanan dan pengaturan data pendaftaran siswa baru. Untuk mendapatkan akses untuk login, pengguna perlu melakukan pendaftaran akun terlebih dahulu pada
pimpinan Rasyid English Course sebagai pemegang akses tertinggi pada aplikasi ini.
4.2.1 Halaman Utama
Halaman utama adalah halaman yang akan dijumpai seluruh pengguna ketika mengakses website Rasyid English Course. Tampilan halaman utama
website dapat dilihat pada Gambar 4.1. Pada halaman utama terdapat penjelasan mengenai perusahaan dan visi misi perusahaan, seperti pada Gambar 4.2.