12 BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 Identifikasi

BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Identifikasi Permasalahan
Sebelum proses analisa, tahapan yang terlebih dahulu dilakukan adalah
identifikasi permasalahan yang terdiri dari survei, wawancara kepada pihak
perusahaan secara langsung dan pengumpulan data yang dibutuhkan dalam
pembuatan aplikasi. Pada tahap ini dilakukan peninjauan dan pemahaman terhadap
proses transaksi pada Rasyid English Course Denpasar.
Rasyid English Course ingin memperluas pemasaran dari hanya mulut ke
mulut ke media elektronik, tanpa harus banyak merubah prosedur yang sudah
berjalan selama lima belas tahun ini dan tidak mengeluarkan banyak biaya. Serta
Rasyid English Course juga ingin agar saat masyarakat mengetahui segala
informasi melalui website juga memungkinkan untuk melakukan pendaftaran
secara online.
Untuk menghasilkan penempatan level siswa baru yang akurat, maka
digunakan perhitungan kesesuaian yang akan membatu menyeleksi nilai yang
terkumpul berdasarkan hasil ujian. Untuk melakukan perhitungan ini dibutuhkan
data masukan kriteria ujian dan bobot dari kriteria ujian tersebut. Yang akhirnya
nilai yang didapat siswa setelah mengikuti ujian penempatan level, akan
dimasukkan ke dalam aplikasi dan diproses sehingga menghasilkan rekomendasi
level yang akan dijalani siswa baru tersebut.
Berdasarkan data yang didapat, identifikasi masalah yang dapat dilakukan
adalah bagaimana merancang dan membangun aplikasi Pendaftaran dan Seleksi
Penempatan Level Siswa Baru pada Rasyid English Course Denpasar.
12
13
3.2 Analisis dan Perancangan Sistem
Analisis sistem merupakan langkah awal dari pembuatan sistem yang baru.
Berdasarkan hasil survei, wawancara dan pengamatan yang dilakukan saat
pendaftaran dan penempatan level adanya suatu permasalahan yang terjadi, tindak
lanjut yang harus dilakukan adalah membuat suatu aplikasi pendaftaran dan seleksi
penempatan level siswa baru.
Perancangan sistem dimaksudkan untuk membantu menyelesaikan masalah
pada sistem yang sedang berjalan saat ini, sehingga sistem pendaftaran dan seleksi
penempatan level siswa baru menjadi lebih baik lagi dengan adanya sistem yang
terkomputerisasi. Dalam merancang sistem yang baik, harus melalui tahap-tahap
perancangan sistem. Tahap-tahap perancangan sistem meliputi :
1. Desain umum sistem.
2. Membuat Blok Diagram
3. Membuat System Flow Diagram.
4. Membuat Diagram Jenjang Proses.
5. Membuat Data Flow Diagram.
6. Membuat rancangan Entity Relationship Diagram (ERD), yang didalamnya
meliputi : Conceptual Data Model (CDM) dan Physical Data Model (PDM).
7. Membuat struktur basis data.
8. Membuat desain Input / Output.
3.2.1 Desain Umum Sistem
Secara umum, aplikasi pendaftaran dan seleksi penempatan level siswa
baru ini memiliki desain umum seperti gambar 3.1 berikut:
14
1. Calon siswa baru membuka website Rasyid English Course
2. Calon siswa baru mendaftarkan diri
4. Calon siswa memasukkan username dan
password.
5. Calon siswa melengkapi biodata untuk dapat
mengikuti ujian penempatan level.
9. Calon siswa baru mengerjakan ujian tulis
Calon Siswa Baru
10. Sistem menghitung dan memproses nilai
ujian calon siswa baru
11. Sistem menampilkan rekomendasi
level calon siswa baru
3. Sistem mengirimkan username
dan password untuk mendapatkan
hak akses sebagai peserta.
Website Pendaftaran Dan Seleksi Penempatan
Level Siswa Baru Rasyid English Course
12. Menerima laporan siswa
baru
Manajer
13. Mengatur hak akses admin
6. Menerima data calon siswa baru
7. Menerima biodata untuk syarat mengikuti ujian
8. Memasukkan nilai ujian lisan calon siswa baru Admin
Gambar 3.1 Desain umum aplikasi pendaftaran dan seleksi penempatan level
Gambar 3.1 menunjukkan bagaimana sistem ini bekerja. Pengguna pada
sistem ini dibagi menjadi tiga pengguna yaitu calon siswa baru, admin, dan manajer
Rasyid English Course. Pada tahap awal, calon siswa baru dapat mencari informasi
pada Website Rasyid English Course. Setelah memahami informasi mengenai
perusahaan dan kompetensi siswa, calon siswa baru dapat melakukan pendaftaran
online secara gratis. Setelah selesai mendaftarkan diri, calon siswa akan
mendapatkan username dan password yang akan menjadi akun untuk calon siswa.
Calon siswa baru kemudian memasukkan username dan password,
kemudian mengisi biodata sebagai syarat mengikuti ujian penempatan level.
Selanjutnya data pendaftaran yang telah masuk akan diperiksa oleh admin, jika
biodata telah terisi, maka calon siswa tidak dapat melanjutkan ujian penempatan
level. Setelah mengikuti ujian penempatan level, admin akan memasukkan nilai
15
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. Langkahlangkah 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.
16
Aplikasi Pendaftaran dan Seleksi Penempatan Level Siswa Baru
INPUT
PROCESS
OUTPUT
Data
User
Mengolah
Data
User
Rekap Data
User
Data
Peserta
Mengolah
Data
Peserta
Rekap Data
Peserta
Data
Level
Mengolah
Data
Level
Rekap Data
Level
Data
Periode
Mengolah
Data
Periode
Rekap Data
Periode
Data
Detail Jawaban
Peserta
Mengolah Detail
Jawaban Peserta
Rekap Detail
Jawaban Pesserta
Data
Jawaban
Peserta
Mengolah Data
Jawaban Peserta
Rekap Data
Jawaban Peserta
Data
Soal Ujian
Tulis
Mengolah
Data
Jenis Ujian
Rekap Data
Soal Ujian
Tulis
Data
Nilai Ujian
Mengolah
Data
Nilai Ujian
Total
Nilai Ujian
Penempatan
Level
Laporan Data
Peserta
Membuat
Laporan
Phase
Laporan Data
Siswa Baru
Data
Jadwal Kursus
Mengolah
Data
Jadwal Kursus
Rekap Data
Jadwal Kursus
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.
17
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
18
menampilkan username dan password yang akan digunakan untuk melengkapi
biodata peserta sebagai syarat mengikuti ujian penempatan level.
Pendaftaran Calon Siswa Baru
Calon Siswa Baru
Website Pendaftaran
MULAI
Data
Peserta
Memilih menu
“Pendaftaran”
Menampilkan
Formulir
Pendaftaran
Data
Periode
Phase
Mengisi formulir
Data Peserta
Memasukkan kode
verifikasi dan
menekan tombol
“DAFTAR”
Menyimpan data
pendaftaran
Menerima
Username dan
Password
Mengirim
Username dan
Password
Data
Peserta
SELESAI
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.
19
Seleksi Penempatan Level
Admin
Website Pendaftaran
MULAI
Login sebagai
Administrator
Membuka Menu
Seleksi Penempatan
Level
Menampilkan
Data Peserta
Memilih Nama
Calon Siswa Baru
Data
Peserta
Data Nilai
Ujian
Menampilkan
Formulir Nilai Ujian
Penempatan Level
Data Jenis
Ujian
Mengisi Nilai Hasil
Ujian Lisan
Data Soal
Ujian Tulis
Menekan tombol
“SAVE”
Memproses data
Nilai Ujian
Data Level
Data Nilai
Ujian
Phase
Menampilkan
Rekomendasi
Level
SELESAI
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.
20
Laporan Siswa Baru
Pimpinan
Website Pendaftaran
MULAI
Login Sebagai
Manajer
Membuka Menu
Report New Student
Memilih Data
siswa berdasarkan
periode
Menampilkan Data
Siswa Baru
berdasarkan Periode
Data Periode
Data Siswa
Baru
Phase
Mengurutkan Data
siswa berdasarkan Level
Menampilkan Data
Siswa Baru
berdasarkan Level
Data Level
Cetak Laporan
Mencetak Laporan
SELESAI
Gambar 3.5 System flow laporan siswa baru
3.2.4 Data Flow Diagram
Data Flow Diagram atau DFD adalah diagram yang menggunakan notasinotasi 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)
21
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.
0
Aplikasi Pendaftaran dan
Seleksi Penempatan Level
1
2
3
Mengelola Data Master
Proses Transaksi
Laporan
1.1
1.5
1.9
Data User
Data Soal Ujian Tulis
Data Jadwal
1.6
1.10
Data Jawaban Peserta
Data Prosedur
2.1
Pendaftaran Online
1.2
Data Peserta
3.1
Laporan Data
Pendaftar
3.2
2.2
1.3
Data Level
1.7
Data Detail Jawaban
Peserta
1.11
Data Kontak
Laporan Data
Siswa Baru
Ujian Seleksi
Penempatan Level
1.4
Data Periode
1.8
Data
Pengumuman
1.12
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
22
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.
Detail Jawaban Peserta
Peserta
Jawaban Peserta
Password
Username
Data User
Manajer
Memilih Data Siswa
Data Diri
Laporan Siswa Baru
10
Password
Tanggal Ujian
Aplikasi Pendaftaran dan
Seleksi Penempatan Level
Siswa Baru
Soal Ujian Tulis
Detail Jawaban Peserta
Jawaban Peserta
Data Peserta
Total NIlai Ujian
Rekomendasi Level
Data Level
Data Kontak
Admin
Data Jadwal
Data Periode
Data Prosedur
Data Pengumuman
Data Nilai Ujian
Data Soal Ujian Tulis
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:
23
13
5
17
14
95
2
Kontak
Jadwal
16
11
13
14
9
12
Pengumuman
7
24
25
2
Prosedur
Ujian Penempatan Level
Pendaftaran
4
Detail Jawaban Peserta
3
Daftar Peserta
Daftar Level
Daftar Periode
Daftar Jawaban Peserta
Daftar Detail Jawaban Peserta
Daftar Jadwal
Daftar Kontak
Daftar Prosedur
Daftar Soal Ujian Tulis
Daftar Pengumuman
Daftar Nilai Ujian
15
87
12
11
1.1
11
1
Mengelola Data Master
11
10
Data Soal Ujian Tulis
Daftar User
Data Level
Data Periode
Data Jadwal
Data Kontak
Data Prosedur
Data Soal Ujian Tulis
Data Pengumuman
Data Nilai Ujian
Daftar Soal Ujian Tulis
Rekomendasi Level
Detail Jawaban Peserta
Data Peserta
Peserta
Jawaban Peserta
1.2
2
Pendaftaran dan Ujian
Seleksi Penempatan
Level
Password
Username
Data Peserta
Detail Jawaban Peserta
Data Jawaban Peserta
Soal Ujian Tulis
Tanggal Ujian
Password
Data Peserta
Data Siswa Baru
3
1.4
Data Periode
Laporan
Data Level
Memilih Data Siswa Baru
Memilih Data Peserta
Memilih Periode
Laporan Siswa Baru
Laporan Pendaftar
Gambar 3.8 DFD Level 0
User
Peserta
23
12
6
Total Nilai Ujian
Level
Jawaban Peserta
Data User
Admin
Periode
Manajer
Siswa Baru
24
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.
Manajer
Daftar User
Data User
16
13
1.1.7
1.11
Maintenance
Data User
11
12
1
User
1.1.15
1.14
1.8
Maintenance
Prosedur2
Daftar Kontak
1.1.14
1.13
1.8
Maintenance
Prosedur
Daftar Peserta
1.1.13
1.1
Maintenance
Peserta
Data Prosedur
Daftar Prosedur
Admin
Ujian Penempatan Level
Data Ujian Penempatan Level
1.1.5
1.7
1.8
Maintenance
Nilai Ujian
Daftar Ujian Penempatan Level
15
8
Jawaban Peserta
Daftar Pengumuman
1.1.9
1.8
Maintenance
Jawaban Peserta
Data Pengumuman
92
Detail Jawaban Peserta
Daftar Detail Jawaban Peserta
1.1.6
1.9
Maintenance Detail
Jawaban Peserta
Soal Ujian Tulis
Daftar Soal Ujian Tulis
14
11
1
Peserta
25
2
1.1.11
1.11
1.10
Maintenance Data
Soal Ujian Tulis
Data Soal Ujian Tulis
Pengumuman
Daftar Pengumuman
1.1.12
1.12
1.11
Data Pengumuman
Maintenance
Pengumuman
Pendaftaran
Data Peserta
Data Pendaftaran
1.1.1
1.2
Maintenance
Pendaftaran
Daftar Pendaftaran
Data Level
1.1.2
1.3
Maintenance
Data Level
3
Level
4
Periode
13
5
Jadwal
Daftar Level
Data Periode
1.1.3
1.4
Maintenance
Data Periode
Daftar Periode
Data Jadwal
1.6
1.1.10
1.5
Data Detail Jawaban Peserta
5
10
Kontak
Data Kontak
Prosedur
24
7
17
14
Daftar Jadwal
Maintenance
Jadwal
23
6
Data Siswa baru
1.1.8
1.6
1.7
Maintenance
Siswa Baru1
Daftar Siswa Baru
Gambar 3.9 DFD level 1 maintenance data master
Siswa Baru
25
Peserta
Data Peserta
Tanggal Ujian
1.2.1
2.1
Pendaftaran Online
Password
18
2
Peserta
Detail Jawaban Peserta
21
65
1.2.2
2.2
Ujian dan
Seleksi
Penempatan
Level
Jawaban Peserta
Username
Password
Soal Ujian Tulis
19
67
Soal Ujian Tulis
Jawaban Peserta
Detail Jawaban Peserta
2
Detail Jawaban Peserta
Jawaban Peserta
22
77
Rekomendasi Level
Admin
Nilai Ujian Lisan
Soal Ujian Tulis
Gambar 3.10 DFD level 1 transaksi pendaftaran dan seleksi penempatan level
Data Pendaftar
3.1
3.1
1.4.1
Memilih data Periode
Laporan Pendaftar
21
Peserta
4
Periode
Manajer
Memilih data peserta
Memilih Data Siswa Baru
3
Memilih Periode
Memilih Level
Level
3.2
1.4.2
Laporan Siswa Baru
Data Siswa Baru
23
12
Siswa Baru
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)
26
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.
#
o
o
o
o
o
Data Periode
Variable characters (10)
Period ID
Variable characters (100)
Period Name
Date
Date Start
Date
Date End
Created At Period Date & Time
Updated At Period Date & Time
#
o
o
o
o
o
Jadwal
Integer
Jadwal ID
Jadwal Hari Variable characters (100)
Jadwal Jam Variable characters (100)
Integer
ID Level
Relationship_9
Created at Date & Time
Updated at Date & Time
Relationship_6
#
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
Relationship_1
Data Peserta
Variable characters
Registrant ID
Variable characters
Email Peserta
Variable characters
Username Peserta
Characters (8)
Password Peserta
Variable characters
Nama Peserta
Characters (1)
Jenis Kelamin
Variable characters
Agama
Variable characters
Ket_agama
Variable characters
Tempat Lahir
Date
Tanggal Lahir
Variable characters
Anak ke
Variable characters
Jumlah saudara
Number
Tmp tinggal dengan
Tmp ket tinggal dengan Variable characters
Variable characters
Tmp alamat
Integer
Tmp telepon
Variable characters
Ort nama ayah
Number
Ort Pekerjaan ayah
Ort Ket Pekerjaan ayah Variable characters
Variable characters
Ort nama ibu
Number
Ort Perkerjaa ibu
Variable characters
Ort Ket Pekerjaan ibu
Variable characters
Ort alamat
Integer
Ort Telepon
Variable characters
Ska Nama
Number
Ska Status
Variable characters
Ska alamat
Variable characters
Ska telepon
Variable characters
Ska Kelas
Variable characters
Status Pendaftaran
Number
Status Biodata
Number
Status Verifikasi
Number
Status Seleksi
Date & Time
Created At Peserta
Date & Time
Updated At Peserta
#
o
o
o
o
o
o
o
Kontak
Integer
Kontak ID
Variable characters (100)
Email Kontak
Variable characters (100)
Nama Kontak
Variable characters (100)
Judul Kontak
Text
Isi Kontak
Number
Is Dibales
Created At Kontak Date & Time
Updated At Kontak Date & Time
#
o
o
o
o
o
Prosedur
Integer
Prosedur ID
Variable characters (100)
Slug Prosedur
Variable characters (100)
Judul Prosedur
Variable characters (100)
Isi Prosedur
Created At Prosedur Date & Time
Updated At Prosedur Date & Time
#
o
o
o
o
(10)
(100)
(20)
(100)
(50)
(24)
(20)
(2)
(2)
Relationship_7
Data Level
Variable characters (10)
Level_ID
Variable characters (25)
Level Name
Integer
Level_Score
Created At level Date & Time
Updated At Level Date & Time
Data Siswa
# Student_ID Variable characters (100)
Variable characters (50)
o Status
o Information Variable characters (50)
Relationship_10
Relationship_4
(100)
(100)
#
o
o
o
o
Jawaban Peserta
Integer
Id Jawaban
Integer
Benar
Integer
Salah
Integer
Jumlah Soal
Created At Jawaban Date & Time
(100)
Relationship_8
(100)
(100)
Relationship_11
#
o
o
o
o
o
o
o
o
(100)
(100)
(30)
(100)
(100)
(10)
(12)
#
o
o
o
o
o
Soal Ujian Tulis
Variable characters
Question ID
Variable characters
Question
Integer
Pil A
Variable characters
Pil B
Variable characters
Pil D
Variable characters
Pil C
Jawaban Benar Variable characters
Created At Soal Date & Time
Updated At Soal Date & Time
(10)
(25)
(10)
(10)
(10)
(10)
Pengumuman
Integer
Pengumuman Id
Variable characters (100)
Judul Pengumuman
Variable characters (100)
Slug Pengumuman
Variable characters (100)
Isi Pengumuman
Created At Pengumuman Date & Time
Updated At Pengumaman Date & Time
Relationship_14
Relationship_13
#
o
o
o
o
o
o
o
User ID
Username User
Password User
Nama User
Level
Is Blokir
Created At User
Updated At User
User
Integer
Variable characters (100)
Variable characters (100)
Variable characters (100)
Number
Number
Date & Time
Date & Time
Relationship_15
Gambar 3.12 Conceptual Data Model
27
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.
Data Periode
Period ID
Period Name
Date Start
Date End
Created At Period
Updated At Period
Pendaftarn
Jadwal ID
Jadwal Hari
Jadwal Jam
ID Level
Created at
Updated at
integer
<pk>
varchar(100)
varchar(100)
integer
timestamp
timestamp
Level_ID
Jadwal ID
Level Name
Level_Score
Created At level
Updated At Level
varchar(10) <pk>
integer
<fk>
varchar(25)
integer
timestamp
timestamp
Jawaban Peserta
Period ID
varchar(10) <pk,fk1>
Registrant ID
varchar(10) <pk,fk2>
Tgl Pendaftaran datetime
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
Data Level
Jadwal
varchar(10) <pk>
varchar(100)
date
date
timestamp
timestamp
Id Jawaban
Registrant ID
Benar
Salah
Jumlah Soal
Created At Jawaban
integer
<pk>
varchar(10)
integer
integer
integer
timestamp
Data Siswa
Student_ID
Level_ID
Registrant ID
Status
varchar(100) <pk>
varchar(10) <fk1>
varchar(10) <fk2>
varchar(50)
varchar(10) <pk>
varchar(100)
Detail Jawaban Peserta
varchar(20)
Id Jawaban
integer
<pk,fk1>
char(8)
Question ID
varchar(10) <pk,fk2>
varchar(100)
Nomor
integer
char(1)
Jawaban Dipilih varchar
varchar(50)
varchar(24)
varchar(20)
Ujian Penempatan Level
date
Registrant ID varchar(10) <pk,fk1>
varchar(2)
Question ID varchar(10) <pk,fk2>
Soal Ujian Tulis
varchar(2)
Tgl Ujian
datetime
numeric
Question ID
varchar(10) <pk>
Nil Lisan
decimal
varchar(100)
Question
varchar(25)
Nil Tulis
decimal
varchar(100)
Pil A
integer
Nil Total
decimal
integer
Pil B
varchar(10)
varchar(100)
Pil D
varchar(10)
numeric
Pil C
varchar(10)
varchar(100)
Jawaban Benar varchar(10)
varchar(100)
Created At Soal timestamp
numeric
Updated At Soal timestamp
varchar(100)
varchar(100)
Pengumuman
integer
Pengumuman Id
integer
<pk>
varchar(30)
Period ID
varchar(10) <fk2>
numeric
User ID
integer
<fk1>
varchar(100)
Judul Pengumuman
varchar(100)
varchar(100)
Slug Pengumuman
varchar(100)
varchar(10)
Isi Pengumuman
varchar(100)
varchar(12)
Created At Pengumuman timestamp
numeric
numeric
numeric
User
timestamp
User ID
integer
<pk>
timestamp
Username User varchar(100)
Password User varchar(100)
Nama User
varchar(100)
Level
numeric
Is Blokir
numeric
Created At User timestamp
Updated At User timestamp
Kontak
Kontak ID
User ID
Email Kontak
Nama Kontak
Judul Kontak
Isi Kontak
Is Dibales
Created At Kontak
Updated At Kontak
integer
<pk>
integer
<fk>
varchar(100)
varchar(100)
varchar(100)
long varchar
numeric
timestamp
timestamp
Prosedur
Prosedur ID
User ID
Slug Prosedur
Judul Prosedur
Isi Prosedur
Created At Prosedur
Updated At Prosedur
Gambar 3.13 Physical Data Model
integer
<pk>
integer
<fk>
varchar(100)
varchar(100)
varchar(100)
timestamp
timestamp
28
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
PK
1
Registrant ID
Varchar
10
2
Email
Varchar
64
3
Username
Varchar
20
4
Password
Char
8
5
periode_id
int
6
nama
7
FK
Varchar
100
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
29
No
Field Name
Data Type
Length
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
Constraint
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.
30
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.
31
Tabel 3.4 Periode
No
Field Name
Data Type
Length
Constraint
Int
10
PK
Varchar
25
1
Id
2
Period_name
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
32
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
33
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
PK
1
ID_Jawaban_Peserta
Int
11
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
34
No
Field Name
4
Jawaban_dipilih
Data Type
Length
Varchar
10
Constraint
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
PK
1
Question_ID
Varchar
10
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
:
̶
35
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
Int
10
PK
1
User_ID
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
36
No
Field Name
Data Type
6
Isi
7
created_at
Datetime
8
updated_at
Datetime
Length
Constraint
Text
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
6
Created_at
Datetime
7
Updated_at
Datetime
Text
N. Tabel Kontak
Fungsi
:
Menyimpan data kontak dan saran
Primary Key
:
Kontak_ID
Foreign Key
:
User_ID
37
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
6
Is_dibalas
enum
7
Created_at
Datetime
8
Updated_at
Datetime
text
0-1
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.
38
Rasyid English Course
http://www.rec.co.id/
Rasyid English Course
Home
Peserta
Pendaftaran
Informasi
Bantuan
Username
Password
Login
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!
Daftar
Copyright @2016 Deemazz92
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.
39
Rasyid English Course
http://www.rec.co.id/peserta
Rasyid English Course
Home
Peserta
Pendaftaran
Informasi
Bantuan
Username
Password
Login
Data Peserta
1
2 Next >
No
Masukkan Nomor atau Nama Peserta
No Peserta
Nama
Sekolah
Status Biodata
Ujian Penempatan Level
Copyright @2016 Deemazz92
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.
Rasyid English Course
http://www.rec.co.id/pendaftaran
Rasyid English Course
Home
Peserta
Pendaftaran
Informasi
Bantuan
Username
Password
Form Pendaftaran
Email
Email
Nama Lengkap
Nama Lengkap
Nama Panggilan
Nama Panggilan
Afjla
Captcha
Masukkan 4 huruf / angka pada gambar di atas
Daftar
Copyright @2016 Deemazz92
Gambar 3.16 Rancangan tampilan tab “Pendaftaran”
Login
40
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.
Rasyid English Course
http://www.rec.co.id/pengumuman
Rasyid English Course
Home
Peserta
Pendaftaran
Pengumuman
Informasi
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
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
1
2 Next >
Copyright @2016 Deemazz92
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.
41
Rasyid English Course
http://www.rec.co.id/prosedur
Rasyid English Course
Home
Peserta
Pendaftaran
Prosedur Pendftaran
Informasi
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.…
Copyright @2016 Deemazz92
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.
Rasyid English Course
http://www.rec.co.id/jadwal
Rasyid English Course
Home
Peserta
Pendaftaran
Jadwal Kursus
Level
Informasi
Bantuan
Username
Password
Login
Pengumuman
Prosedur
Jadwal
Hari
Jam
Copyright @2016 Deemazz92
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
42
pihak Rasyid English Course. Rancangan tampilan tab Kontak, dapat dilihat pada
Gambar 3.20.
Rasyid English Course
http://www.rec.co.id/kontak
Rasyid English Course
Home
Peserta
Pendaftaran
Informasi
Bantuan
Username
Password
Login
Kontak
Lupa Password
Kontak
Nama
Nama
Email
Email
Judul
Judul
Isi
Isi
Afjla
Captcha
Masukkan 4 huruf / angka pada gambar di atas
Kirim
Copyright @2016 Deemazz92
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.
Rasyid English Course
http://www.rec.co.id/kontak
Rasyid English Course
Home
Peserta
Pendaftaran
Informasi
Bantuan
Username
Password
Kontak
Kontak
Lupa Password
Nomor Peserta
Nomor Peserta
Email
Email
Afjla
Captcha
Masukkan 4 huruf / angka pada gambar di atas
Kirim
Copyright @2016 Deemazz92
Gambar 3.21 Rancangan tampilan Lupa Password
Login
43
Manager / Administrator Login
http://www.rec.co.id/admin/login
Silahkan Login
Username
Password
LOGIN
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.
44
Rasyid English Course
http://www.rec.co.id/dashboard/biodata
Rasyid English Course
Home
Peserta
Pendaftaran
Informasi
Bantuan
Username
Password
Login
Biodata
A. Data Pribadi Siswa
Nomor Peserta
Nama
Jenis Kelamin
Agama
Keterangan Agama
Tempat Lahir
Tanggal Lahir
Anak keJumlah Saudara
20160010
Nama
Perempuan
Laki-laki
Keterangan Agama
Tempat Lahir
Anak keJumlah Saudara
B. Keterangan Tempat Tinggal
Tinggal Dengan
Keterangan Tinggal Dengan
Keterangan Tinggal Dengan
Alamat
Alamat Tinggal
Telepon
Telepon
Copyright @2016 Deemazz92
Gambar 3.23 Rancangan tampilan formulir biodata
Rasyid English Course
http://www.rec.co.id/dashboard/biodata
Rasyid English Course
Home
Peserta
Pendaftaran
Informasi
Bantuan
Username
Password
Login
C. Data Orang Tua Siswa
Nama Ayah
Pekerjaan Ayah
Keterangan Pekerjaan Ayah
Nama Ibu
Pekerjaan Ibu
Keterangan Pekerjaan Ibu
Nama Ayah
Keterangan Pekerjaan Ayah
Nama Ibu
Keterangan Pekerjaan ibu
Alamat
Alamat Orang Tua
Telepon Orang Tua
Telepon Orang Tua
D. Keterangan Pendidikan Sebelumnya
Nama Sekolah
Status
Nama Sekolah
Negeri
Swasta
Alamat
Alamat Sekolah
Telepon
Kelas Asal
Telepon Sekolah
Kelas Asal
Simpan
Copyright @2016 Deemazz92
Gambar 3.24 Rancangan tampilan formulir biodata lanjutan
Peserta wajib melengkapi biodata diri sebagai syarat untuk mengikuti ujian
penempatan level pada Rasyid English Course.
45
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.
Rasyid English Course
http://www.rec.co.id/admin
Home
Pengumuman
Data Master
Soal Ujian Tulis
Kontak
Seleksi Penempatan Level
MyAdmin
Login sebagai, admin
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.
46
Rasyid English Course
http://www.rec.co.id/admin/peserta
Home
Pengumuman
Data Peserta
1
Data Master
Soal Ujian Tulis
Kontak
Seleksi Penempatan Level
MyAdmin
Login sebagai, admin
Peserta
Prosedur
Periode
Level
Jadwal
2 Next >
Masukkan Nomor atau Nama Peserta
No No Peserta
Nama
Sekolah
Status Pendaftaran
Status Biodata Status Verifikasi
Ujian Penempatan Level
Aksi
Copyright @2016 Deemazz92
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.
Rasyid English Course
http://www.rec.co.id/admin/level
Home
Pengumuman
Data Level
1
Data Master
Soal Ujian Tulis
Kontak
Seleksi Penempatan Level
MyAdmin
Login sebagai, admin
Peserta
Prosedur
Periode
Level
Jadwal
2 Next >
No
Level
Score
Aksi
Tambah
Copyright @2016 Deemazz92
Gambar 3.27 Rancangan tampilan data level Rasyid English Course
47
Tampilan pada pilihan level, admin dapat melihat mengoreksi serta merubah
data level Rasyid English Course. Tampilan pilihan Period, dapat dilihat pada
Gambar 3.28.
Rasyid English Course
http://www.rec.co.id/admin/periode
Home
Pengumuman
Data Periode
1
Data Master
Soal Ujian Tulis
Kontak
Seleksi Penempatan Level
MyAdmin
Login sebagai, admin
Peserta
Prosedur
Periode
Level
Jadwal
2 Next >
No
Periode
Mulai
Selesai
Aksi
Tambah
Copyright @2016 Deemazz92
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.
48
Rasyid English Course
http://www.rec.co.id/ujian
Home
Peserta
Informasi
Kontak
Ujian Penempatan Level
Login sebagai, Peserta
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.
Rasyid English Course
http://www.rec.co.id/admin/report/new_student
Home
User
Data Master
Kontak
Seleksi Penempatan Level
Report
Siswa Baru
Pendaftar
MyAdmin
Login sebagai, Manajer
Laporan Siswa Baru
Masukkan Nomor atau Nama Peserta
No No Peserta
1
Nama
Sort By :
Sekolah
Periode
Status Pendaftaran
Level
Status Biodata Status Verifikasi
Ujian Penempatan Level
Aksi
2 Next >
Copyright @2016 Deemazz92
Gambar 3.30 Rancangan tampilan data laporan siswa baru Rasyid English Course
49
Rasyid English Course
http://www.rec.co.id/admin/report/registrant
Home
User
Data Master
Kontak
Seleksi Penempatan Level
Laporan Pendaftar
Sort By :
Masukkan Nomor atau Nama Peserta
No
1
No Peserta
Nama
Sekolah
Report
Siswa Baru
Pendaftar
MyAdmin
Login sebagai, Manajer
Periode
Status Pendaftaran Status Biodata Status Verifikasi
Ujian Penempatan Level Aksi
2 Next >
Copyright @2016 Deemazz92
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.
50
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
Menampilkan halaman
pendaftaran siswa baru
1
Pendaftaran
Mendaftarkan diri sebagai
Siswa Baru
siswa baru
Validasi masukan data
Menampilkan pesan sukses /
error simpan data peserta
Menampilkan halaman Login
User Peserta
2
Login Peserta
Input Username dan
Password peserta
Validasi masukan data
Menampilkan pesan sukses /
error Login Peserta
Menampilkan formulir
biodata
3
Mengisi
Biodata
Membuka dan mengisi
Validasi masukkan data
data pada halaman biodata Menampilkan pesan sukses /
error simpan biodata
51
No. Fungsionalitas
Cara Melakukan
Pengujian
Hasil yang diharapkan
Menampilkan halaman Ujian
Penempatan Level
Ujian
Penempatan
4
Level
Membuka halaman ujian
penempatan level
Validasi Ujian Penempatan
Level
Menampilkan pesan sukses /
error simpan jawaban Peserta
Menampilkan halaman Login
User Admin
5
Login Admin
Input Username dan
Password admin
Validasi masukan data
Menampilkan pesan sukses /
error login Admin
Menampilkan halaman data
master
Menambah dan mengubah Validasi masukan data
6
Manajemen
data master
Menampilkan pesan sukses /
error simpan data master
Data Master
Menampilkan pesan
konfirmasi hapus data master
Menghapus data master
Menampilkan pesan sukses /
error hapus data master
Menampilkan nilai ujian
tulis.
Membuat nilai ujian
Seleksi
7
Mengisi nilai ujian lisan,
kemudian tekan “enter”
Penempatan
untuk menyimpan.
Level
Melakukan perhitungan
seleksi penempatan level
Menampilkan total nilai ujian
Menampilkan rekomendasi
level.
52
No. Fungsionalitas
Cara Melakukan
Pengujian
Membuat laporan data
siswa baru
Membuat laporan data
siswa baru berdasarkan
periode
Membuat laporan data
8
Laporan
siswa baru berdasarkan
level
Membuat laporan data
pendaftar
Membuat laporan data
pendaftar berdasarkan
periode
Mencari data yang
9
Pencarian Data
diinginkan sesuai kata
kunci
Hasil yang diharapkan
Tampilan laporan siswa baru
Tampilan laporan siswa baru
berdasarkan periode
Tampilan laporan siswa baru
berdasarkan level
Tampilan laporan pendaftar
Tampilan laporan pendaftar
berdasarkan periode
Hasil pencarian menunjukkan
laporan siswa baru sesuai
dengan kata kunci yang
dimasukkan.
53