BAB III ANALISIS DAN PERANCANGAN SISTEM. proses transaksi pada Rasyid English Course Denpasar.

Transkripsi

1 BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 Identifikasi Permasalahan Sebelum prses 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 prses transaksi pada Rasyid English Curse Denpasar. Rasyid English Curse ingin memperluas pemasaran dari hanya mulut ke mulut ke media elektrnik, tanpa harus banyak merubah prsedur yang sudah berjalan selama lima belas tahun ini dan tidak mengeluarkan banyak biaya. Serta Rasyid English Curse juga ingin agar saat masyarakat mengetahui segala infrmasi melalui website juga memungkinkan untuk melakukan pendaftaran secara nline. 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 bbt dari kriteria ujian tersebut. Yang akhirnya nilai yang didapat siswa setelah mengikuti ujian penempatan level, akan dimasukkan ke dalam aplikasi dan diprses sehingga menghasilkan rekmendasi 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 Curse Denpasar. 12

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 terkmputerisasi. Dalam merancang sistem yang baik, harus melalui tahap-tahap perancangan sistem. Tahap-tahap perancangan sistem meliputi : 1. Desain umum sistem. 2. Membuat Blk Diagram 3. Membuat System Flw Diagram. 4. Membuat Diagram Jenjang Prses. 5. Membuat Data Flw Diagram. 6. Membuat rancangan Entity Relatinship Diagram (ERD), yang didalamnya meliputi : Cnceptual Data Mdel (CDM) dan Physical Data Mdel (PDM). 7. Membuat struktur basis data. 8. Membuat desain Input / Output Desain Umum Sistem Secara umum, aplikasi pendaftaran dan seleksi penempatan level siswa baru ini memiliki desain umum seperti gambar 3.1 berikut:

3 14 Caln Siswa Baru 3. Sistem mengirimkan username dan passwrd untuk mendapatkan hak akses sebagai peserta. 1. Caln siswa baru membuka website Rasyid English Curse 2. Caln siswa baru mendaftarkan diri 4. Caln siswa memasukkan username dan passwrd. 5. Caln siswa melengkapi bidata untuk dapat mengikuti ujian penempatan level. Website Pendaftaran Dan Seleksi Penempatan Level Siswa Baru Rasyid English Curse 12. Menerima lapran siswa baru 9. Caln siswa baru mengerjakan ujian tulis 10. Sistem menghitung dan memprses nilai ujian caln siswa baru 11. Sistem menampilkan rekmendasi level caln siswa baru Manajer 13. Mengatur hak akses admin 6. Menerima data caln siswa baru 7. Menerima bidata untuk syarat mengikuti ujian 8. Memasukkan nilai ujian lisan caln 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 caln siswa baru, admin, dan manajer Rasyid English Curse. Pada tahap awal, caln siswa baru dapat mencari infrmasi pada Website Rasyid English Curse. Setelah memahami infrmasi mengenai perusahaan dan kmpetensi siswa, caln siswa baru dapat melakukan pendaftaran nline secara gratis. Setelah selesai mendaftarkan diri, caln siswa akan mendapatkan username dan passwrd yang akan menjadi akun untuk caln siswa. Caln siswa baru kemudian memasukkan username dan passwrd, kemudian mengisi bidata sebagai syarat mengikuti ujian penempatan level. Selanjutnya data pendaftaran yang telah masuk akan diperiksa leh admin, jika bidata telah terisi, maka caln siswa tidak dapat melanjutkan ujian penempatan level. Setelah mengikuti ujian penempatan level, admin akan memasukkan nilai

4 15 ujian lisan yang didapat leh caln siswa baru tersebut. Hasil dari ujian inilah yang menentukan rekmendasi level yang cck dengan caln siswa tersebut. Perhitungan rekmendasi berdasarkan leh kriteria ujian penempatan level yang dibuat dan dibandingkan dengan nilai hasil ujian penempatan level. Langkahlangkah untuk mendapatkan nilai rekmendasi adalah sebagai berikut: 1. Menentukan nilai bbt 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 rekmendasi level: Pada prses terakhir, admin akan dapat melihat lapran yang berisi tentang infrmasi data siswa baru dengan rekmendasi level yang diperleh masing-masing siswa baru dan jumlah pendaftar caln siswa baru. Dengan adanya sistem ini maka prses pendaftaran serta seleksi penempatan level dapat dilakukan dengan cepat dan efisien dengan didukung leh metde secara tmatis leh sistem Blk Diagram Blk diagram menggambarkan tentang apa saja masukan yang dibutuhkan, prses yang dilakukan, dan keluaran yang dihasilkan leh aplikasi pendaftaran dan seleksi penempatan level pada Rasyid English Curse dapat dilihat pada Gambar 3.2.

5 16 Aplikasi Pendaftaran dan Seleksi Penempatan Level Siswa Baru INPUT PROCESS OUTPUT Data User Menglah Data User Rekap Data User Data Peserta Menglah Data Peserta Rekap Data Peserta Data Level Menglah Data Level Rekap Data Level Data Peride Menglah Data Peride Rekap Data Peride Data Detail Jawaban Peserta Menglah Detail Jawaban Peserta Rekap Detail Jawaban Pesserta Data Jawaban Peserta Menglah Data Jawaban Peserta Rekap Data Jawaban Peserta Data Sal Ujian Tulis Menglah Data Jenis Ujian Rekap Data Sal Ujian Tulis Data Nilai Ujian Menglah Data Nilai Ujian Ttal Nilai Ujian Phase Data Jadwal Kursus Membuat Lapran Menglah Data Jadwal Kursus Penempatan Level Rekap Data Jadwal Kursus Lapran Data Peserta Lapran Data Siswa Baru Gambar 3.2 Blk Diagram Masukan yang dibutuhkan untuk disimpan pada aplikasi pendaftaran dan seleksi penempatan level, antara lain: data user, data peserta, data level, data peride, data jenis ujian, data sal ujian tulis, data jawaban peserta dan data nilai ujian. Sedangkan masukan yang dibutuhkan untuk pembuatan lapran, antara lain: rekap data user, rekap data peserta, rekap data level, rekap data peride, dan data lapran seleksi level.

6 17 Untuk blk keluaran, hasil infrmasi berupa lapran terkait dengan prses seleksi penempatan level: data rekap user, data rekap peserta, rekap data level, rekap data peride, rekap data jenis ujian, rekap data sal ujian tulis, data rekap jawaban peserta, lapran nilai ujian, dan lapran penempatan level dimana akan berisi infrmasi level yang sesuai dengan kemampuan caln siswa baru berdasarkan hasil ujian penempatan level System Flw Pendaftaran dan Seleksi Penempatan Level System flw adalah penggambaran aliran dkumen dalam sistem dan merupakan prses kerja dalam sistem. System flw menggambarkan aliran atau arus data pada sistem yang nantinya akan digunakan untuk membantu dalam pembangunan prses dalam rganisasi. Tentunya, transfrmasi aliran dkumen ini lebih efektif dalam menjalankan prses rganisasi, sehingga prses tersebut bisa dikerjakan dengan cepat dan hasilnya akurat. System flw pada aplikasi ini dibagi menjadi tiga yang akan dijelaskan pada sub bab berikut. A. Pendaftaran Siswa Baru System Flw daftar akun baru mempunyai fungsi untuk mencatat data diri caln siswa baru. Saat pendaftaran, caln siswa baru akan mengisi frmulir lalu akan disimpan pada database peserta. Saat masuk ke halaman utama website Rasyid English Curse caln siswa baru harus pilih menu Pendaftaran lalu masuk ke fungsi ini. Halaman pendaftaran akan muncul, caln siswa mengisi data yang diperlukan pada aplikasi pendaftaran nline ini. Setelah semua data yang dimasukkan dicek leh sistem dan sesuai dengan ketentuan, data masukan dapat disimpan ke database peserta dan akan

7 18 menampilkan username dan passwrd yang akan digunakan untuk melengkapi bidata peserta sebagai syarat mengikuti ujian penempatan level. Pendaftaran Caln Siswa Baru Caln Siswa Baru Website Pendaftaran MULAI Memilih menu Pendaftaran Mengisi frmulir Data Peserta Menampilkan Frmulir Pendaftaran Data Peserta Data Peride Memasukkan kde verifikasi dan menekan tmbl DAFTAR Menyimpan data pendaftaran Data Peserta Menerima Username dan Passwrd Mengirim Username dan Passwrd Phase SELESAI Gambar 3.3 System flw pedaftaran nline B. Seleksi Penempatan Level Setelah mengikuti ujian, admin memasukkan nilai hasil ujian siswa didalam aplikasi. Selanjutnya sistem akan menghitung dan menglah data nilai ujian, sehingga menghasilkan rekmendasi level.

8 19 Seleksi Penempatan Level Admin Website Pendaftaran MULAI Lgin sebagai Administratr Membuka Menu Seleksi Penempatan Level Menampilkan Data Peserta Data Peserta Memilih Nama Caln Siswa Baru Mengisi Nilai Hasil Ujian Lisan Menampilkan Frmulir Nilai Ujian Penempatan Level Data Sal Ujian Tulis Data Level Data Nilai Ujian Data Jenis Ujian Menekan tmbl SAVE Memprses data Nilai Ujian Data Nilai Ujian Menampilkan Rekmendasi Level Phase SELESAI Gambar 3.4 System flw seleksi penempatan level C. Lapran Fungsi lapran digunakan untuk menyusun lapran data siswa baru leh manajer. Lapran ini berisi data caln siswa baru per-peride dan data siswa baru dengan penempatan level.

9 20 Lapran Siswa Baru Pimpinan Website Pendaftaran MULAI Lgin Sebagai Manajer Membuka Menu Reprt New Student Memilih Data siswa berdasarkan peride Data Peride Menampilkan Data Siswa Baru berdasarkan Peride Data Siswa Baru Mengurutkan Data siswa berdasarkan Level Menampilkan Data Siswa Baru berdasarkan Level Data Level Cetak Lapran Mencetak Lapran Phase SELESAI Gambar 3.5 System flw lapran siswa baru Data Flw Diagram Data Flw Diagram atau DFD adalah diagram yang menggunakan ntasintasi simbl untuk menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan salah satu sistem yang telah ada atau sistem baru yang akan dikembangkan secara lgika tanpa mempertimbangkan lingkungan fisik di mana data tersebut mengalir (misalnya lewat telepn, surat dan sebagainya) atau lingkungan fisik di mana data tersebut akan disimpan (misalnya data kartu, micrfile, hardisk dan lain sebagainya). (Kendall & Kendall, 2003)

10 21 Penggunaan ntasi-ntasi pada DFD ini diharapkan dapat membantu dalam memahami sistem pada semua tingkat kmpleksitas. A. Diagram Jenjang Diagram jenjang adalah sarana dalam melakukan desain dan teknik dkumentasi dalam siklus pengembangan sistem yang berbasis pada fungsi. Tujuannya agar diagram jenjang tersebut dapat memberikan infrmasi tentang fungsi-fungsi yang ada di dalam sistem. Gambaran diagram jenjang dapat dilihat pada Gambar Aplikasi Pendaftaran dan Seleksi Penempatan Level Mengella Data Master Prses Transaksi Lapran 1.1 Data User 1.2 Data Peserta 1.5 Data Sal Ujian Tulis 1.6 Data Jawaban Peserta 1.9 Data Jadwal 1.10 Data Prsedur 2.1 Pendaftaran Online 3.1 Lapran Data Pendaftar Data Level 1.7 Data Detail Jawaban Peserta 1.11 Data Kntak 2.2 Ujian Seleksi Penempatan Level Lapran Data Siswa Baru 1.4 Data Peride 1.8 Data Pengumuman 1.12 Data Siswa Baru Gambar 3.6 Diagram jenjang B. Cntext Diagram Cntext diagram merupakan gambaran menyeluruh dari DFD. Di dalam cntext diagram terdapat tiga External Entity yaitu peserta, admin, dan manajer pada Rasyid English Curse. Prses pembuatan cntext diagram dimulai dari

11 22 system flw yang menjelaskan alur sistem. Dalam alur sistem terdapat prses dan tabel yang dibutuhkan untuk menjalankan prses tersebut sehingga dapat diketahui alur data serta entitasnya. Tampilan dari cntext diagram dapat dilihat pada Gambar 3.7. Peserta Detail Jawaban Peserta Jawaban Peserta Passwrd Username Data Diri Data User Memilih Data Siswa Manajer Passwrd Tanggal Ujian Sal Ujian Tulis 10 Aplikasi Pendaftaran dan Seleksi Penempatan Level Siswa Baru Lapran Siswa Baru Detail Jawaban Peserta Jawaban Peserta Data Peserta Ttal NIlai Ujian Rekmendasi Level Data Level Data Kntak Data Jadwal Data Peride Data Prsedur Data Pengumuman Data Nilai Ujian Data Sal Ujian Tulis Gambar 3.7 Cntext Diagram Admin C. DFD Level 0 Pada DFD level 0 akan menggambarkan prses-prses yang ada dalam aplikasi pendaftaran nline dan seleksi penempatan level siswa baru. Terdapat empat prses yang saling berhubungan dan akan digambarkan pada Gambar 3.8 yaitu:

12 23 Peserta 9 25 Detail Jawaban Peserta Daftar Peserta Daftar Level Daftar Peride Daftar Jawaban Peserta Daftar Detail Jawaban Peserta Daftar Jadwal Daftar Kntak Daftar Prsedur Daftar Sal Ujian Tulis Daftar Pengumuman Daftar Nilai Ujian Admin Kntak Username Data Peserta Ttal Nilai Ujian Sal Ujian Tulis Tanggal Ujian Passwrd Data Level Data Peride Data Jadwal Detail Jawaban Peserta Jawaban Peserta Data Kntak Rekmendasi Level Passwrd 13 5 Jadwal Data Prsedur Data Sal Ujian Tulis Prsedur Data Pengumuman Data Nilai Ujian Pengumuman Mengella Data Master Daftar Sal Ujian Tulis Pendaftaran dan Ujian Seleksi Penempatan Level 1.43 Lapran Data Peserta 25 2 Pendaftaran Data Jawaban Peserta Data Peserta Data Siswa Baru Data Peride Data User Jawaban Peserta Daftar User Detail Jawaban Peserta Data Level Memilih Data Siswa Baru 24 7 Ujian Penempatan Level 4 Peride 3 Level User 1 Peserta Data Sal Ujian Tulis Siswa Baru Memilih Data Peserta Memilih Peride Lapran Siswa Baru Lapran Pendaftar Manajer Gambar 3.8 DFD Level 0

13 24 D. DFD Level 1 DFD level 1 adalah gambaran aliran data yang lebih detail dari cntext diagram. Aliran data yang tidak dapat digambarkan pada cntext diagram akan dijelaskan lebih rinci pada DFD level 1 pada Gambar 3.9 dan Gambar Manajer Prsedur Daftar User Data User Maintenance Prsedur Maintenance Data User Data Prsedur Daftar Prsedur User Daftar Kntak Data Kntak Maintenance Prsedur2 Daftar Peserta Maintenance Peserta Kntak 1 Peserta 24 7 Ujian Penempatan Level 10 5 Sal Ujian Tulis Data Ujian Penempatan Level Maintenance Nilai Ujian Daftar Ujian Penempatan Level 15 8 Jawaban Peserta Daftar Pengumuman Maintenance Jawaban Peserta 92 Detail Jawaban Peserta Data Pengumuman Daftar Detail Jawaban Peserta Maintenance Detail Jawaban Peserta Data Detail Jawaban Peserta Daftar Sal Ujian Tulis Maintenance Data Sal Ujian Tulis Data Sal Ujian Tulis Pengumuman Daftar Pengumuman Maintenance Data Pengumuman Pengumuman Admin Data Pendaftaran Gambar 3.9 DFD level 1 maintenance data master Maintenance Pendaftaran Daftar Pendaftaran Data Level Daftar Level Maintenance Data Level Data Peride Maintenance Data Peride Daftar Peride Data Jadwal Daftar Jadwal Data Peserta Maintenance Jadwal Data Siswa baru Maintenance Siswa Baru1 Daftar Siswa Baru 25 2 Pendaftaran 3 Level 4 Peride 13 5 Jadwal 23 6 Siswa Baru

14 25 Peserta Data Peserta Tanggal Ujian Passwrd Pendaftaran Online 18 2 Peserta Detail Jawaban Peserta Jawaban Peserta Username Passwrd Sal Ujian Tulis Ujian dan Seleksi Penempatan Level Rekmendasi Level Sal Ujian Tulis Jawaban Peserta 22 7 Detail Jawaban Peserta 2 Detail Jawaban Peserta Jawaban Peserta Admin Nilai Ujian Lisan Sal Ujian Tulis Gambar 3.10 DFD level 1 transaksi pendaftaran dan seleksi penempatan level Data Pendaftar Memilih data Peride Lapran Pendaftar 1 Peserta 2 Manajer Memilih data peserta Memilih Data Siswa Baru 4 Peride Memilih Peride Memilih Level Data Siswa Baru Lapran Siswa Baru 3 Level Siswa Baru Gambar 3.11 DFD level 1 transaksi pendaftaran dan seleksi penempatan level Entity Relatinship Diagram Entity Relatinship Diagram atau ERD merupakan salah satu teknik dkumentasi yang digunakan untuk menyajikan relasi antara entitas (sumber daya, peristiwa dan agen) dalam sebuah sistem. (Hall, 2001)

15 26 A. Cnceptual Data Mdel Sebuah Cnceptual Data Mdel atau CDM menggambarkan secara keseluruhan knsep struktur basis data yang dirancang untuk salah satu aplikasi sebagaimana terlihat pada Gambar # Perid ID Perid Name Date Start Date End Created At Perid Updated At Perid Data Peride Variable characters (10 Variable characters (10 Date Date Date & Time Date & Time # Jadwal Jadwal ID Jadwal Hari Jadwal Jam ID Level Integer Relatinship_9 Created at Updated at Integer Variable characters (10 Variable characters (10 Date & Time Date & Time Relatinship_7 # # # Relatinship_6 Data Peserta Registrant ID Peserta Username Peserta Passwrd 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 telepn Ort nama ayah Ort Pekerjaan ayah Ort Ket Pekerjaan ayah Ort nama ibu Ort Perkerjaa ibu Ort Ket Pekerjaan ibu Ort alamat Ort Telepn Ska Nama Ska Status Ska alamat Ska telepn Ska Kelas Status Pendaftaran Status Bidata Status Verifikasi Status Seleksi Created At Peserta Updated At Peserta Kntak ID Kntak Nama Kntak Judul Kntak Isi Kntak Is Dibales Created At Kntak Updated At Kntak Kntak Prsedur Prsedur ID Integer Slug Prsedur Judul Prsedur Isi Prsedur Created At Prsedur Updated At Prsedur Variable characters (10) Variable characters (20) Characters (8) Characters (1) Variable characters (50) Variable characters (24) Variable characters (20) Date Variable characters (2) Variable characters (2) Number Integer Number Number Integer Variable characters (30) Number Variable characters (10) Variable characters (12) Number Number Number Date & Time Date & Time Integer Text Number Date & Time Date & Time Date & Time Date & Time Relatinship_1 Relatinship_13 Relatinship_15 Relatinship_10 Relatinship_4 Relatinship_11 # Level_ID Level Name Level_Scre Created At level Updated At Level Gambar 3.12 Cnceptual Data Mdel # # Student_ID Status Infrmatin # Data Siswa Questin ID Questin Pil A Pil B Pil D Pil C Jawaban Benar Created At Sal Updated At Sal Data Level Variable characters (100 Variable characters (50) Variable characters (50) # Sal Ujian Tulis Variable characters (10) Variable characters (25) Integer Date & Time Date & Time Jawaban Peserta Id Jawaban Benar Salah Jumlah Sal Created At Jawaban Integer Integer Integer Integer Date & Time Relatinship_8 Variable characters (10) Variable characters (25) Integer Variable characters (10) Variable characters (10) Variable characters (10) Variable characters (10) Date & Time Date & Time Pengumuman Pengumuman Id Integer Judul Pengumuman Slug Pengumuman Isi Pengumuman Created At Pengumuman Updated At Pengumaman # User User ID Integer Username User Passwrd User Nama User Level Is Blkir Created At User Updated At User Date & Time Date & Time Relatinship_14 Number Number Date & Time Date & Time

16 27 B. Physical Data Mdel Sebuah Physical Data Mdel atau PDM menggambarkan secara detail knsep 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 klm-klm yang terdapat pada setiap tabel sebagaimana terlihat pada Gambar Perid ID Perid Name Date Start Date End Created At Perid Updated At Perid Data Peride varchar(10) <pk> date date timestamp timestamp Jadwal ID Jadwal Hari Jadwal Jam ID Level Created at Updated at Jadwal integer <pk> integer timestamp timestamp Level_ID Jadwal ID Level Name Level_Scre Created At level Updated At Level Data Level varchar(10) <pk> integer <fk> varchar(25) integer timestamp timestamp Perid ID Registrant ID Tgl Pendaftaran Pendaftarn Data Peserta Registrant ID Peserta Username Peserta Passwrd 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 telepn Ort nama ayah Ort Pekerjaan ayah Ort Ket Pekerjaan ayah Ort nama ibu Ort Perkerjaa ibu Ort Ket Pekerjaan ibu Ort alamat Ort Telepn Ska Nama Ska Status Ska alamat Ska telepn Ska Kelas Status Pendaftaran Status Bidata Status Verifikasi Status Seleksi Created At Peserta Updated At Peserta Kntak Kntak ID integer User ID integer Kntak Nama Kntak Judul Kntak Isi Kntak Is Dibales Created At Kntak Updated At Kntak varchar(10) <pk,fk1> varchar(10) <pk,fk2> datetime varchar(10) <pk> varchar(20) char(8) char(1) varchar(50) varchar(24) varchar(20) date varchar(2) varchar(2) numeric integer numeric numeric integer varchar(30) numeric varchar(10) varchar(12) numeric numeric numeric timestamp timestamp lng varchar numeric timestamp timestamp <pk> <fk> Jawaban Peserta Id Jawaban Registrant ID Benar Salah Jumlah Sal Created At Jawaban Ujian Penempatan Level Registrant ID Questin ID Tgl Ujian Nil Lisan Nil Tulis Nil Ttal Pengumuman Pengumuman Id Perid ID User ID Judul Pengumuman Slug Pengumuman Isi Pengumuman Created At Pengumuman integer <pk> varchar(10) integer integer integer timestamp varchar(10) <pk,fk1> varchar(10) <pk,fk2> datetime decimal decimal decimal User integer varchar(10) integer timestamp User ID Username User Passwrd User Nama User Level Is Blkir Created At User integer numeric numeric timestamp <pk> Updated At User timestamp Questin ID Questin Pil A Pil B Pil D Pil C Jawaban Benar Created At Sal Updated At Sal <pk> <fk2> <fk1> Gambar 3.13 Physical Data Mdel Student_ID Level_ID Registrant ID Status Data Siswa Detail Jawaban Peserta Id Jawaban Questin ID Nmr Jawaban Dipilih Sal Ujian Tulis Prsedur Prsedur ID integer User ID integer Slug Prsedur Judul Prsedur Isi Prsedur Created At Prsedur Updated At Prsedur varchar(10) varchar(10) varchar(50) integer <pk,fk1> varchar(10) <pk,fk2> integer varchar varchar(10) <pk> varchar(25) integer varchar(10) varchar(10) varchar(10) varchar(10) timestamp timestamp timestamp timestamp <pk> <fk> <pk> <fk1 <fk2

17 Struktur Tabel Dalam struktur tabel berikut akan dijelaskan mengenai fungsi tabel, relasi antar tabel, cnstraint yang terdapat dalam tabel yang digunakan sebagai gambaran dari basis data yang akan dibentuk. A. Tabel Peserta Fungsi : Menyimpan data peserta pendaftaran nline Primary Key : Student_ID Freign Key : Pada tabel 3.1, berisikan data caln siswa baru yang telah mendaftarkan diri beserta nilai ujian yang telah didapatkan dari ujian penempatan level ini. Tabel 3.1 Peserta N Field Name Data Type Length Cnstraint 1 Registrant ID Varchar 10 PK 2 Varchar 64 3 Username Varchar 20 4 Passwrd Char 8 5 peride_id int FK 6 nama Varchar jenis_kelamin enum P-L 8 agama enum ket_agama Varchar tempat_lahir Varchar tanggal_lahir Date 12 anak_ke Varchar 2 13 jumlah_saudara Varchar 2 14 tmp_tinggal_dengan enum tmp_ket_tinggal_dengan Varchar tmp_alamat Varchar 255

18 29 N Field Name Data Type Length Cnstraint 17 tmp_telepn Varchar rt_nama_ayah Varchar rt_pekerjaan_ayah Enum rt_ket_pekerjaan_ayah Varchar rt_nama_ibu Varchar rt_pekerjaan_ibu Enum rt_ket_pekerjaan_ibu Varchar rt_alamat Varchar rt_telepn Varchar ska_nama Varchar ska_status Enum ska_alamat Varchar ska_telepn Varchar ska_kelas Varchar status_pendaftaran Enum status_bidata Enum status_verifikasi Enum status_seleksi Enum created_at Date 36 updated_at Date B. Tabel Pendaftaran Fungsi : Menyimpan data pendaftaran Primary Key : Perid ID, Regitrant ID Freign Key : Perid ID, Regitrant ID Pada tabel 3.2, berisikan data pendaftaran yang akan mencatat transaksi pendaftaran saat prses pendaftaran nline.

19 30 Tabel 3.2 Pendaftaran N Field Name Data Type Length Cnstraint 1 Perid 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 Freign Key : Jadwal ID Pada tabel 3.3, berisikan data tingkatan (level) yang akan digunakan untuk menglah nilai menjadi hasil akhir aplikasi ini yaitu penempatan level. Tabel 3.3 Level N Field Name Data Type Length Cnstraint 1 Level_ID Int 10 PK 2 Jadwal_ID Int 10 FK 3 Level_name Varchar 50 4 Level_scre Int 10 5 Created_At Datetime 6 Updated_at Datetime D. Peride Fungsi : Menyimpan data peride kursus Primary Key : Perid_Id Freign Key : Pada tabel 3.4, berisikan data peride yang akan ditempati caln siswa baru saat melakukan prses pendaftaran nline.

20 31 Tabel 3.4 Peride N Field Name Data Type Length Cnstraint 1 Id Int 10 PK 2 Perid_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 Freign Key : Level_Id Pada tabel 3.5, berisikan data jadwal yang akan dikella admin untuk menginfrmasikan jadwal kursus di dalam aplikasi pendaftaran dan seleksi penempatan level nline ini. Tabel 3.5 Jadwal N Field Name Data Type Length Cnstraint 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

21 32 Freign Key : Level_ID, Registrant_ID Pada tabel 3.6, berisikan data jadwal yang akan dikella admin untuk menginfrmasikan jadwal kursus di dalam aplikasi pendaftaran dan seleksi penempatan level nline ini. Tabel 3.6 Siswa Baru N Field Name Data Type Length Cnstraint 1 Student_ID Int 10 PK 2 Level_ID Int 10 FK 3 Registrant_ID Int 10 FK 4 Status Varchar 25 5 Infrmasi Varchar 25 G. Tabel Ujian Penempatan Level Fungsi : Menyimpan data transakssi ujian penempatan level Primary Key : Registrant_ID, Questin_ID Freign Key : Registrant_ID, Questin_ID Pada tabel 3.7, berisikan data tingkatan (level) yang akan digunakan untuk menglah nilai menjadi hasil akhir aplikasi ini yaitu penempatan level. Tabel 3.7 Ujian penempatan level N Field Name Data Type Length Cnstraint 1 Registrant_ID Int 10 PK, FK 2 Questin_ID Int 10 PK, FK 3 Tgl_Ujian Varchar 50 4 Nil_Lisan Decimal 5 Nil_Tulis Decimal 6 Nil_Ttal Decimal

22 33 H. Tabel Jawaban Peserta Fungsi : Menyimpan data jawaban peserta Primary Key : Jawaban_Id Freign Key : Peserta_Id Pada tabel 3.8, berisikan data jawaban peserta caln siswa baru yang akan digunakan untuk menampilkan nilai ujian saat menyelesaikan ujian penempatan level nline ini. Tabel 3.8 Jawaban Peserta N Field Name Data Type Length Cnstraint 1 ID_Jawaban_Peserta Int 11 PK 2 Benar Int 11 3 Salah Int 11 4 jumlah_sal Int 11 5 created_at Datetime I. Tabel Detail Jawaban Peserta Fungsi : Menyimpan data detail jawaban peserta Primary Key : ID_Jawaban_Peserta, Questin_ID Freign Key : ID_Jawaban_Peserta, Questin_ID Pada tabel 3.9, berisikan data detail jawaban peserta yang akan tersimpan leh database dalam aplikasi pendaftaran dan seleksi penempatan level nline ini. Tabel 3.9 Detail Jawaban Peserta N Field Name Data Type Length Cnstraint 1 ID_Jawaban_Peserta Int 11 PK, FK 2 Questin_ID Int 11 PK, FK 3 Nmr Int 11

23 34 N Field Name Data Type Length Cnstraint 4 Jawaban_dipilih Varchar 10 J. Tabel Sal Ujian Tulis Fungsi : Menyimpan data pertanyaan ujian tulis Primary Key : Sal_ID Freign Key : Pada tabel 3.10, berisikan data sal ujian tulis yang akan dijawab leh caln siswa baru untuk mendapatkan nilai ujian tulis pada aplikasi penempatan level nline ini. Tabel 3.10 Sal Ujian Tulis N Field Name Data Type Length Cnstraint 1 Questin_ID Varchar 10 PK 3 Sal_ujian_tulis Varchar 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 Freign Key :

24 35 Pada tabel 3.11, berisikan data pengguna admin yang akan mengella knten dari aplikasi ini beserta data yang akan dilah leh aplikasi pendaftaran dan seleksi penempatan level nline ini. Tabel 3.11 User N Field Name Data Type Length Cnstraint 1 User_ID Int 10 PK 2 Username Varchar 32 3 Passwrd Varchar 32 4 Nama Varchar 32 5 Level Enum Is_blkir Enum Created_at Datetime 8 Updated_at Datetime L. Tabel Pengumuman Fungsi : Menyimpan data pengumuman Primary Key : Pengumuman_ID Freign Key : Perid_ID, User_ID Pada tabel 3.12, berisikan data pengumuman yang akan dikella admin untuk menginfrmasikan suatu hal dalam aplikasi pendaftaran dan seleksi penempatan level nline ini. Tabel 3.12 Pengumuman N Field Name Data Type Length Cnstraint 1 Pengumuman_ID Int 10 PK 2 Perid_ID Int 10 FK 3 User_ID Int 10 FK 4 Judul Int 64 5 Slug Varchar 128

25 36 N Field Name Data Type Length Cnstraint 6 Isi Text 7 created_at Datetime 8 updated_at Datetime M. Tabel Prsedur Fungsi : Menyimpan data prsedur Primary Key : Prsedur_ID Freign Key : User_ID Pada tabel 3.13, berisikan data prsedur ujian penempatan level yang akan dikella admin untuk memandu caln siswa baru dalam mengikuti ujian penempatan level nline ini. Tabel 3.13 Prsedur N Field Name Data Type Length Cnstraint 1 Prsedur_ID Int 4 PK 2 User_ID Int 10 FK 3 Judul Int 64 4 Slug Varchar Isi Text 6 Created_at Datetime 7 Updated_at Datetime N. Tabel Kntak Fungsi : Menyimpan data kntak dan saran Primary Key : Kntak_ID Freign Key : User_ID

26 37 Pada tabel 3.14, berisikan data kntak yang akan dikella admin untuk menjawab pertanyaan yang telah dikirimkan caln siswa baru dalam aplikasi pendaftaran dan seleksi penempatan level nline ini. Tabel 3.14 Kntak N Field Name Data Type Length Cnstraint 1 Kntak_ID Int 10 PK 2 User_ID Int 10 FK 2 Nama Varchar Varchar 64 4 Judul Varchar Isi text 6 Is_dibalas enum Created_at Datetime 8 Updated_at Datetime Desain Input Output Setelah melakukan perancangan basis data, tahap selanjutnya adalah membuat desain input / utput. Desain yang nantinya dipakai untuk membuat aplikasi sebenarnya. Desain input / utput atau dalam bahasa Indnesia desain antar muka ini terdiri dari seluruh halaman yang akan diimplementasikan leh pengguna pada rancang bangun aplikasi pendaftaran dan seleksi penempatan level pada Rasyid English Curse.

27 38 Rasyid English Curse Rasyid English Curse Hme Peserta Pendaftaran Infrmasi Bantuan Username Passwrd Lgin Selamat Datang.! Selamat datang di Rasyid English Curse. Sebelum melakukan pendaftaran, sebaiknya Anda memahami prsedur pendaftaran siswa baru di halaman Prsedur Pendaftaran. Pastikan juga anda juga mengetahui jadwal kursus di halaman Jadwal. Semua infrmasi terbaru mengenai Rasyid English Curse bisa anda lihat di halaman Pengumuman. Anda juga dapat mengetahui data pendaftar di halaman Peserta. Jika Anda sudah memahami prsedur pendaftaran, silakan klik tmbl "Daftar" di bawah ini! Daftar Deemazz92 Gambar 3.14 Rancangan tampilan Hme website utama. Gambar 3.14 merupakan tampilan awal ketika caln siswa baru mengakses website utama Rasyid English Curse. Tampilan awal ini sangat menentukan bagi seluruh caln siswa baru. Karena tampilan awal akan menentukan minat caln siswa baru dalam mencari infrmasi dan melakukan pendaftaran nline. Terdapat pilihan tab menu peserta, pendaftaran, infrmasi, dan bantuan. Pada tab peserta, caln siswa baru dapat mengetahui berapa jumlah siswa yang sudah melakukan pendaftaran dan infrmasi penempatan levelnya. Rancangan tampilan tab peserta, dapat dilihat pada Gambar 3.15.

28 39 Rasyid English Curse Rasyid English Curse Hme Peserta Pendaftaran Infrmasi Bantuan Username Passwrd Lgin Data Peserta 1 2 Next > Masukkan Nmr atau Nama Peserta N N Peserta Nama Seklah Status Bidata Ujian Penempatan Level Deemazz92 Gambar 3.15 Rancangan tampilan tab Peserta Pada tab pendaftaran, pengguna dapat mendaftarkan diri sebagai pseserta pendaftaran, dengan mengisi frmulis pendaftaran. Rancangan tampilan tab pendaftaran, dapat dilihat pada Gambar Rasyid English Curse Rasyid English Curse Hme Peserta Pendaftaran Infrmasi Bantuan Username Passwrd Lgin Frm Pendaftaran Nama Lengkap Nama Lengkap Nama Panggilan Nama Panggilan A f j l a Captcha Masukkan 4 huruf / angka pada gambar di atas Daftar Deemazz92 Gambar 3.16 Rancangan tampilan tab Pendaftaran

29 40 Pada tab Infrmasi, terdapat tiga sub tab yang dapat dipilih yaitu pengumuman, prsedur, dan jadwal. Pada sub tab pertama yaitu Pengumuman caln siswa baru dapat mencari tahu segala infrmasi mengenai perusahaan, mulai dari visi, misi, dan lainnya. Rancangan tampilan tab Pengumuman, dapat dilihat pada Gambar Rasyid English Curse Rasyid English Curse Hme Peserta Pendaftaran Infrmasi Pengumuman Pengumuman Prsedur Jadwal Bantuan Username Passwrd Lgin Mengenai Rasyid English Curse Rabu, 13 Juli 2016 Rasyid English Curse merupakan lembaga pendidikan bahasa Inggris yang terletak di lkasi strategis daerah Mnang Maning di kta Denpasar... Baca Selengkapnya Visi Misi Rasyid English Curse Senin, 10 Juni 2016 Rasyid English Curse merupakan lembaga pendidikan bahasa Inggris yang terletak di lkasi strategis daerah Mnang Maning di kta Denpasar... Baca Selengkapnya 1 2 Next > Deemazz92 Gambar 3.17 Rancangan tampilan Pengumuman Rasyid English Curse Pada sub tab kedua yaitu Prsedur, caln siswa baru dapat mencari tahu bagaimana cara melakukan pendaftaran sampai dengan mengikuti ujian penempatan level. Rancangan tampilan tab Prsedur, dapat dilihat pada Gambar 3.18.

30 41 Rasyid English Curse Rasyid English Curse Hme Peserta Pendaftaran Infrmasi Prsedur Pendftaran Pengumuman Prsedur Jadwal Bantuan Username Passwrd Lgin 1. Pendaftaran.Caln peserta melakukan pendaftaran pada website Rasyid English Curse, melalui halaman Pendaftaran. 2. Caln peserta yang sudah mendaftar akan mendapatkan username dan passwrd yang akan digunakan untuk mengisi bidata sebagai syarat mengikuti Ujian Seleksi Penempatan Level. 3 Mengisi bidata. Lengkapi bidata anda dengan melakukan lgin terlebih dahulu dengan menggunakan username dan passwrd yang sudah diberikan. 4 Verifikasi data. Setelah melengkapi bidata, caln siswa dan rang 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. Deemazz92 Gambar 3.18 Rancangan tampilan tab Prsedur Pada sub tab ketiga yaitu Jadwal, caln siswa baru dapat mengetahui jadwal kursus yang tersedia di Rasyid English Curse berdasarkan masing-masing level. Rancangan tampilan tab Jadwal, dapat dilihat pada Gambar Rasyid English Curse Rasyid English Curse Hme Peserta Pendaftaran Infrmasi Jadwal Kursus Pengumuman Prsedur Jadwal Bantuan Username Passwrd Lgin Level Hari Jam Deemazz92 Gambar 3.19 Rancangan tampilan tab Jadwal Sedangkan tampilan dari tab Bantuan, pengguna dapat menghubungi Rasyid English Curse melalui sarana kntak yang disediakan. terdapat dua sub tab yang dapat dipilih yaitu Kntak dan Lupa Passwrd. Tampilan sub tab pertama yaitu Kntak akan menampilkan sarana yang dapat menghubungkan pengguna dengan

31 42 pihak Rasyid English Curse. Rancangan tampilan tab Kntak, dapat dilihat pada Gambar Rasyid English Curse Rasyid English Curse Hme Peserta Pendaftaran Infrmasi Kntak Nama Nama Judul Judul Isi Bantuan Kntak Lupa Passwrd Username Passwrd Lgin Isi Captcha A f j l a Masukkan 4 huruf / angka pada gambar di atas Kirim Deemazz92 Gambar 3.20 Rancangan tampilan Kntak Rasyid English Curse Pada sub tab kedua yaitu Lupa Passwrd, caln siswa baru mendapatkan bantuan apabila lupa dengan username atau passwrd dari akun peserta. Rancangan tampilan tab Lupa Passwrd, dapat dilihat pada Gambar Rasyid English Curse Rasyid English Curse Hme Peserta Pendaftaran Infrmasi Kntak Bantuan Kntak Lupa Passwrd Username Passwrd Lgin Nmr Peserta Nmr Peserta A f j l a Captcha Masukkan 4 huruf / angka pada gambar di atas Kirim Deemazz92 Gambar 3.21 Rancangan tampilan Lupa Passwrd

32 43 Manager / Administratr Lgin Silahkan Lgin Username Passwrd LOGIN Gambar 3.22 Rancangan tampilan Lgin Admin Tampilan Lgin ini tidak diperuntukkan untuk umum dan masyarakat luas. Karena memiliki data internal perusahaan terkait pendaftaran serta seleksi penempatan level caln siswa baru. Hanya user yang memiliki hak akses yang dapat melakukan Lgin pada halaman ini. Tampilan setelah Lgin 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 Frmulir Bidata Antar muka frmulir adalah halaman yang digunakan pengguna peserta untuk melengkapi bidata diri sebagai caln siswa baru pada Rasyid English Curse. Rancangan antar muka frmulir bidata dapat dilihat pada Gambar 3.23 dan Gambar 3.24.

33 44 Rasyid English Curse Rasyid English Curse Hme Peserta Pendaftaran Infrmasi Bantuan Username Passwrd Lgin Bidata A. Data Pribadi Siswa Nmr Peserta Nama Nama Jenis Kelamin Laki-laki Agama Keterangan Agama Keterangan Agama Tempat Lahir Tempat Lahir Tanggal Lahir Anak ke- Anak ke- Jumlah Saudara Jumlah Saudara Perempuan B. Keterangan Tempat Tinggal Tinggal Dengan Keterangan Tinggal Dengan Keterangan Tinggal Dengan Alamat Alamat Tinggal Telepn Telepn Deemazz92 Gambar 3.23 Rancangan tampilan frmulir bidata Rasyid English Curse Rasyid English Curse Hme Peserta Pendaftaran Infrmasi Bantuan Username Passwrd Lgin C. Data Orang Tua Siswa Nama Ayah Pekerjaan Ayah Keterangan Pekerjaan Ayah Nama Ibu Pekerjaan Ibu Keterangan Pekerjaan Ibu Alamat Nama Ayah Keterangan Pekerjaan Ayah Nama Ibu Keterangan Pekerjaan ibu Alamat Orang Tua Telepn Orang Tua Telepn Orang Tua D. Keterangan Pendidikan Sebelumnya Nama Seklah Nama Seklah Status Negeri Alamat Alamat Seklah Swasta Telepn Kelas Asal Telepn Seklah Kelas Asal Simpan Deemazz92 Gambar 3.24 Rancangan tampilan frmulir bidata lanjutan Peserta wajib melengkapi bidata diri sebagai syarat untuk mengikuti ujian penempatan level pada Rasyid English Curse.

34 45 A.2 Rancangan Antar Muka Manajemen Data Master Antar muka manajemen data master adalah halaman yang digunakan pengguna admin untuk mengatur data master caln siswa baru serta semua data yang dibutuhkan dalam prses pendaftaran dan seleksi penempatan level pada Rasyid English Curse. Rancangan antar muka manajemen data master dapat dilihat pada Gambar Rasyid English Curse Hme Pengumuman Data Master Sal Ujian Tulis Kntak Seleksi Penempatan Level MyAdmin Lgin sebagai, admin Selamat Datang.! Hal, admin Silahkan pilih menu yang ada. Deemazz92 Gambar 3.25 Rancangan tampilan lgin pengguna admin Rasyid English Curse 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 peride, data jenis ujian, data sal ujian tulis, tabel nilai, data pengumuman, data prsedur, data jadwal, serta data nilai ujian.

35 46 Rasyid English Curse Hme Pengumuman Data Master Sal Ujian Tulis Kntak Seleksi Penempatan Level MyAdmin Lgin sebagai, admin Data Peserta Peserta Prsedur Peride Level Jadwal 1 2 Next > Masukkan Nmr atau Nama Peserta N N Peserta Nama Seklah Status Pendaftaran Status Bidata Status Verifikasi Ujian Penempatan Level Aksi Deemazz92 Gambar 3.26 Rancangan tampilan data peserta Rasyid English Curse Tampilan pada pilihan Peserta, admin dapat melihat, mengreksi, serta merubah data peserta Rasyid English Curse. Tampilan pilihan Level, dapat dilihat pada Gambar Rasyid English Curse Hme Pengumuman Data Master Sal Ujian Tulis Kntak Seleksi Penempatan Level MyAdmin Lgin sebagai, admin Data Level Peserta Prsedur Peride Level Jadwal 1 2 Next > N Level Scre Aksi Tambah Deemazz92 Gambar 3.27 Rancangan tampilan data level Rasyid English Curse

36 47 Tampilan pada pilihan level, admin dapat melihat mengreksi serta merubah data level Rasyid English Curse. Tampilan pilihan Perid, dapat dilihat pada Gambar Rasyid English Curse Hme Pengumuman Data Master Sal Ujian Tulis Kntak Seleksi Penempatan Level MyAdmin Lgin sebagai, admin Data Peride Peserta Prsedur Peride Level Jadwal 1 2 Next > N Peride Mulai Selesai Aksi Tambah Deemazz92 Gambar 3.28 Rancangan Tampilan data peride Rasyid English Curse Tampilan pada pilihan Perid, admin dapat melihat, mengreksi, serta merubah data peride pendaftaran Rasyid English Curse. Untuk tampilan data master yang lain desain dan tabel mengikuti dengan tampilan dan desain seperti data level dan data peride. Untuk mengikuti ujian penempatan level diharuskan lgin sebagai peserta dan telah memenuhi persyaratan yang dibutuhkan. menu ujian penempatan level, dapat dilihat pada Gambar 3.29.

37 48 Rasyid English Curse Hme Peserta Infrmasi Kntak Ujian Penempatan Level Akun Saya Lgin sebagai, Peserta Deemazz92 Gambar 3.29 Rancangan tampilan ujian penempatan level B. Desain Output Antar muka lapran siswa baru adalah halaman yang digunakan manajer Rasyid English Curse untuk mengetahui lapran siswa baru yang masuk dan menempati level yang telah ditentukan pada aplikasi pendaftaran dan seleksi penmpatan level serta data lapran peserta yang telah mendaftarkan diri. Rancangan antar muka lapran siswa baru dapat dilihat pada Gambar Rasyid English Curse Hme User Data Master Kntak Seleksi Penempatan Level Reprt MyAdmin Siswa Baru Pendaftar Lapran Siswa Baru Lgin sebagai, Manajer Masukkan Nmr atau Nama Peserta Srt By : Peride Level N N Peserta Nama Seklah Status Pendaftaran Status Bidata Status Verifikasi Ujian Penempatan Level Aksi 1 2 Next > Deemazz92 Gambar 3.30 Rancangan tampilan data lapran siswa baru Rasyid English Curse

38 49 Rasyid English Curse Hme User Data Master Kntak Seleksi Penempatan Level Reprt MyAdmin Siswa Baru Pendaftar Lapran Pendaftar Lgin sebagai, Manajer Masukkan Nmr atau Nama Peserta Srt By : Peride N N Peserta Nama Seklah Status Pendaftaran Status Bidata Status Verifikasi Ujian Penempatan Level Aksi 1 2 Next > Deemazz92 Gambar 3.31 Rancangan tampilan data lapran pendaftar Rasyid English Curse Pengguna harus memiliki akses sebagai manajer untuk masuk ke halaman ini. Pada tampilan awal, hampir sama dengan halaman lgin pengguna admin. Yang membedakan adanya dua tab baru yaitu tab User dan tab Reprt. Tab User digunakan leh penggun manajer untuk mengella hak akses user admin yang menggunakan aplikasi ini. Sedangkan pada tab Reprt digunakan manajer untuk melihat lapran siswa baru yang telah terdaftar dan telah mengikuti ujian penempatan level beserta rekmendasi 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 peride pendaftaran ataupun level yang ditempati siswa baru.

39 Perancangan Evaluasi Sistem Setelah melakukan perancangan dan desain aplikasi pendaftaran nline, maka tahapan yang dilakukan selanjutnya adalah melakukan perencanaan atas uji cba aplikasi yang akan dilakukan setelah aplikasi selesai dibangun. Uji cba ini untuk mengetahui apakah aplikasi yang dibuat sesuai dengan kebutuhan dari Rasyid English Curse. Uji cba ini dilakukan untuk menguji aplikasi yang telah dibangun. Rancangan uji cba aplikasi digunakan untuk menggambarkan skenari uji cba yang akan dilakukan. Rancangan ini akan digunakan untuk mengetahui apakah prses fungsinal aplikasi yang dibuat memenuhi hasil yang diharapkan. Rancangan uji cba fungsinal dapat dilihat pada Tabel Tabel 3.15 Rancangan uji cba fungsinal aplikasi N. Fungsinalitas Pendaftaran 1 Siswa Baru Cara Melakukan Pengujian Mendaftarkan diri sebagai siswa baru Hasil yang diharapkan Menampilkan halaman pendaftaran siswa baru Validasi masukan data Menampilkan pesan sukses / errr simpan data peserta Menampilkan halaman Lgin User Peserta 2 Lgin Peserta Input Username dan Passwrd peserta Validasi masukan data Menampilkan pesan sukses / errr Lgin Peserta Menampilkan frmulir bidata 3 Mengisi Bidata Membuka dan mengisi data pada halaman bidata Validasi masukkan data Menampilkan pesan sukses / errr simpan bidata

40 51 N. Fungsinalitas Ujian Penempatan Level 4 5 Lgin Admin Cara Melakukan Pengujian Membuka halaman ujian penempatan level Input Username dan Passwrd admin Hasil yang diharapkan Menampilkan halaman Ujian Penempatan Level Validasi Ujian Penempatan Level Menampilkan pesan sukses / errr simpan jawaban Peserta Menampilkan halaman Lgin User Admin Validasi masukan data Menampilkan pesan sukses / errr lgin Admin Menampilkan halaman data master Menambah dan mengubah Validasi masukan data 6 Manajemen Data Master data master Menghapus data master Menampilkan pesan sukses / errr simpan data master Menampilkan pesan knfirmasi hapus data master Menampilkan pesan sukses / errr hapus data master Menampilkan nilai ujian tulis. 7 Seleksi Penempatan Level Membuat nilai ujian Melakukan perhitungan seleksi penempatan level Mengisi nilai ujian lisan, kemudian tekan enter untuk menyimpan. Menampilkan ttal nilai ujian Menampilkan rekmendasi level.

41 52 N. Fungsinalitas 8 Lapran 9 Pencarian Data Cara Melakukan Pengujian Membuat lapran data siswa baru Membuat lapran data siswa baru berdasarkan peride Membuat lapran data siswa baru berdasarkan level Membuat lapran data pendaftar Membuat lapran data pendaftar berdasarkan peride Mencari data yang diinginkan sesuai kata kunci Hasil yang diharapkan Tampilan lapran siswa baru Tampilan lapran siswa baru berdasarkan peride Tampilan lapran siswa baru berdasarkan level Tampilan lapran pendaftar Tampilan lapran pendaftar berdasarkan peride Hasil pencarian menunjukkan lapran siswa baru sesuai dengan kata kunci yang dimasukkan.

42 53