Blok Diagram Perancangan Evaluasi Sistem

ujian lisan yang didapat oleh calon siswa baru tersebut. Hasil dari ujian inilah yang menentukan rekomendasi level yang cocok dengan calon siswa tersebut. Perhitungan rekomendasi berdasarkan oleh kriteria ujian penempatan level yang dibuat dan dibandingkan dengan nilai hasil ujian penempatan level. Langkah- langkah untuk mendapatkan nilai rekomendasi adalah sebagai berikut: 1. Menentukan nilai bobot dari setiap kriteria ujian penempatan level. 2. Membuat rumus penentuan level berdasarkan nilai akhir 3. Memasukkan nilai hasil ujian penempatan level. 4. Perhitungan nilai akhir yang akan menampilkan rekomendasi level: Pada proses terakhir, admin akan dapat melihat laporan yang berisi tentang informasi data siswa baru dengan rekomendasi level yang diperoleh masing-masing siswa baru dan jumlah pendaftar calon siswa baru. Dengan adanya sistem ini maka proses pendaftaran serta seleksi penempatan level dapat dilakukan dengan cepat dan efisien dengan didukung oleh metode secara otomatis oleh sistem.

3.2.2 Blok Diagram

Blok diagram menggambarkan tentang apa saja masukan yang dibutuhkan, proses yang dilakukan, dan keluaran yang dihasilkan oleh aplikasi pendaftaran dan seleksi penempatan level pada Rasyid English Course dapat dilihat pada Gambar 3.2. Aplikasi Pendaftaran dan Seleksi Penempatan Level Siswa Baru PROCESS INPUT OUTPUT P h as e Mengolah Data User Mengolah Data Peserta Mengolah Data Periode Mengolah Data Nilai Ujian Membuat Laporan Mengolah Data Level Data User Data Peserta Data Level Data Periode Mengolah Data Jenis Ujian Data Soal Ujian Tulis Data Nilai Ujian Laporan Data Siswa Baru Total Nilai Ujian Penempatan Level Rekap Data User Rekap Data Peserta Rekap Data Level Rekap Data Periode Rekap Data Soal Ujian Tulis Mengolah Data Jadwal Kursus Data Jadwal Kursus Rekap Data Jadwal Kursus Mengolah Detail Jawaban Peserta Data Detail Jawaban Peserta Rekap Detail Jawaban Pesserta Mengolah Data Jawaban Peserta Data Jawaban Peserta Rekap Data Jawaban Peserta Laporan Data Peserta Gambar 3.2 Blok Diagram Masukan yang dibutuhkan untuk disimpan pada aplikasi pendaftaran dan seleksi penempatan level, antara lain: data user, data peserta, data level, data periode, data jenis ujian, data soal ujian tulis, data jawaban peserta dan data nilai ujian. Sedangkan masukan yang dibutuhkan untuk pembuatan laporan, antara lain: rekap data user, rekap data peserta, rekap data level, rekap data periode, dan data laporan seleksi level. Untuk blok keluaran, hasil informasi berupa laporan terkait dengan proses seleksi penempatan level: data rekap user, data rekap peserta, rekap data level, rekap data periode, rekap data jenis ujian, rekap data soal ujian tulis, data rekap jawaban peserta, laporan nilai ujian, dan laporan penempatan level dimana akan berisi informasi level yang sesuai dengan kemampuan calon siswa baru berdasarkan hasil ujian penempatan level.

3.2.3 System Flow Pendaftaran dan Seleksi Penempatan Level

System flow adalah penggambaran aliran dokumen dalam sistem dan merupakan proses kerja dalam sistem. System flow menggambarkan aliran atau arus data pada sistem yang nantinya akan digunakan untuk membantu dalam pembangunan proses dalam organisasi. Tentunya, transformasi aliran dokumen ini lebih efektif dalam menjalankan proses organisasi, sehingga proses tersebut bisa dikerjakan dengan cepat dan hasilnya akurat. System flow pada aplikasi ini dibagi menjadi tiga yang akan dijelaskan pada sub bab berikut. A. Pendaftaran Siswa Baru System Flow daftar akun baru mempunyai fungsi untuk mencatat data diri calon siswa baru. Saat pendaftaran, calon siswa baru akan mengisi formulir lalu akan disimpan pada database peserta. Saat masuk ke halaman utama website Rasyid English Course calon siswa baru harus pilih menu “Pendaftaran” lalu masuk ke fungsi ini. Halaman pendaftaran akan muncul, calon siswa mengisi data yang diperlukan pada aplikasi pendaftaran online ini. Setelah semua data yang dimasukkan dicek oleh sistem dan sesuai dengan ketentuan, data masukan dapat disimpan ke database peserta dan akan menampilkan username dan password yang akan digunakan untuk melengkapi biodata peserta sebagai syarat mengikuti ujian penempatan level. Pendaftaran Calon Siswa Baru Website Pendaftaran Calon Siswa Baru P h as e MULAI SELESAI Memilih menu “Pendaftaran” Mengisi formulir Data Peserta Memasukkan kode verifikasi dan menekan tombol “DAFTAR” Menyimpan data pendaftaran Data Peserta Data Periode Mengirim Username dan Password Menerima Username dan Password Menampilkan Formulir Pendaftaran Data Peserta Gambar 3.3 System flow pedaftaran online

B. Seleksi Penempatan Level

Setelah mengikuti ujian, admin memasukkan nilai hasil ujian siswa didalam aplikasi. Selanjutnya sistem akan menghitung dan mengolah data nilai ujian, sehingga menghasilkan rekomendasi level. Seleksi Penempatan Level Website Pendaftaran Admin P h as e MULAI SELESAI Membuka Menu Seleksi Penempatan Level Memilih Nama Calon Siswa Baru Menekan tombol “SAVE” Memproses data Nilai Ujian Mengisi Nilai Hasil Ujian Lisan Menampilkan Rekomendasi Level Data Nilai Ujian Data Jenis Ujian Data Level Data Soal Ujian Tulis Menampilkan Data Peserta Menampilkan Formulir Nilai Ujian Penempatan Level Data Peserta Data Nilai Ujian Login sebagai Administrator Gambar 3.4 System flow seleksi penempatan level

C. Laporan

Fungsi laporan digunakan untuk menyusun laporan data siswa baru oleh manajer. Laporan ini berisi data calon siswa baru per-periode dan data siswa baru dengan penempatan level. Laporan Siswa Baru Website Pendaftaran Pimpinan P h as e MULAI SELESAI Membuka Menu Report New Student Memilih Data siswa berdasarkan periode Cetak Laporan Mengurutkan Data siswa berdasarkan Level Mencetak Laporan Data Level Data Periode Menampilkan Data Siswa Baru berdasarkan Level Data Siswa Baru Menampilkan Data Siswa Baru berdasarkan Periode Login Sebagai Manajer Gambar 3.5 System flow laporan siswa baru

3.2.4 Data Flow Diagram

Data Flow Diagram atau DFD adalah diagram yang menggunakan notasi- notasi simbol untuk menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan salah satu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik di mana data tersebut mengalir misalnya lewat telepon, surat dan sebagainya atau lingkungan fisik di mana data tersebut akan disimpan misalnya data kartu, microfile, hardisk dan lain sebagainya. Kendall Kendall, 2003 Penggunaan notasi-notasi pada DFD ini diharapkan dapat membantu dalam memahami sistem pada semua tingkat kompleksitas.

A. Diagram Jenjang

Diagram jenjang adalah sarana dalam melakukan desain dan teknik dokumentasi dalam siklus pengembangan sistem yang berbasis pada fungsi. Tujuannya agar diagram jenjang tersebut dapat memberikan informasi tentang fungsi-fungsi yang ada di dalam sistem. Gambaran diagram jenjang dapat dilihat pada Gambar 3.6. Aplikasi Pendaftaran dan Seleksi Penempatan Level 2 Proses Transaksi 3 Laporan 1 Mengelola Data Master 1.2 Data Peserta 1.3 Data Level 1.4 Data Periode 1.5 Data Soal Ujian Tulis 1.7 Data Detail Jawaban Peserta 2.1 Pendaftaran Online 2.2 Ujian Seleksi Penempatan Level 3.1 Laporan Data Pendaftar 1.1 Data User 1.6 Data Jawaban Peserta 1.8 Data Pengumuman 1.10 Data Prosedur 1.9 Data Jadwal 1.11 Data Kontak 1.12 Data Siswa Baru 3.2 Laporan Data Siswa Baru Gambar 3.6 Diagram jenjang

B. Context Diagram

Context diagram merupakan gambaran menyeluruh dari DFD. Di dalam context diagram terdapat tiga External Entity yaitu peserta, admin, dan manajer pada Rasyid English Course. Proses pembuatan context diagram dimulai dari system flow yang menjelaskan alur sistem. Dalam alur sistem terdapat proses dan tabel yang dibutuhkan untuk menjalankan proses tersebut sehingga dapat diketahui alur data serta entitasnya. Tampilan dari context diagram dapat dilihat pada Gambar 3.7. Gambar 3.7 Context Diagram

C. DFD Level 0

Pada DFD level 0 akan menggambarkan proses-proses yang ada dalam aplikasi pendaftaran online dan seleksi penempatan level siswa baru. Terdapat empat proses yang saling berhubungan dan akan digambarkan pada Gambar 3.8 yaitu: Data Diri Tanggal Ujian Rekomendasi Level Data Periode Username Total NIlai Ujian Data Level Laporan Siswa Baru Soal Ujian Tulis Data Nilai Ujian Data Soal Ujian Tulis Data Peserta Memilih Data Siswa Password Password Data User Data Jadwal Data Kontak Data Pengumuman Data Prosedur Jawaban Peserta Detail Jawaban Peserta Jawaban Peserta Detail Jawaban Peserta 1 Aplikasi Pendaftaran dan Seleksi Penempatan Level Siswa Baru Peserta Admin Manajer Gambar 3.8 DFD Level 0 11 1 5 7 9 Laporan Siswa Baru Data Peserta Memilih Data Peserta Username Total Nilai Ujian 1.1 Mengelola Data Master 1.2 Pendaftaran dan Ujian Seleksi Penempatan Level 1.4 Laporan Peserta Admin Manajer Data Peserta Data Siswa Baru Daftar Prosedur Tanggal Ujian Password Soal Ujian Tulis Daftar Pengumuman Data Pengumuman Data Kontak Data Jadwal Data Periode Data Level Data Jawaban Peserta Data User Daftar User Jawaban Peserta Data Prosedur Daftar Soal Ujian Tulis Detail Jawaban Peserta Detail Jawaban Peserta Daftar Jawaban Peserta Laporan Pendaftar Data Level Data Periode Memilih Periode Memilih Data Siswa Baru Data Peserta Data Soal Ujian Tulis Data Nilai Ujian Rekomendasi Level Daftar Level Daftar Periode Daftar Detail Jawaban Peserta Daftar Soal Ujian Tulis Daftar Nilai Ujian Daftar Peserta Password Daftar Jadwal Daftar Kontak 2 Detail Jawaban Peserta 3 Level 4 Periode 1 Peserta 11 Data Soal Ujian Tulis 12 User 13 Jadwal 14 Pengumuman 15 Jawaban Peserta 16 Prosedur 17 Kontak 23 Siswa Baru 11 2 2 2 1 3 11 5 5 8 9 12 7 13 14 12 12 6 24 Ujian Penempatan Level 25 Pendaftaran 10 7 2

D. DFD Level 1

DFD level 1 adalah gambaran aliran data yang lebih detail dari context diagram. Aliran data yang tidak dapat digambarkan pada context diagram akan dijelaskan lebih rinci pada DFD level 1 pada Gambar 3.9 dan Gambar 3.10. Gambar 3.9 DFD level 1 maintenance data master 1.1.1 Maintenance Pendaftaran 1.1.2 Maintenance Data Level 1.1.3 Maintenance Data Periode 1.1.5 Maintenance Nilai Ujian 1.1.6 Maintenance Detail Jawaban Peserta 1.1.7 Maintenance Data User Admin Manajer 1.3 1.4 1.8 7 1.7 1.6 1.11 1.12 11 1 Data Pendaftaran Daftar Pendaftaran Data Level Daftar Level Daftar Periode 24 Ujian Penempatan Level 23 Siswa Baru 5 Soal Ujian Tulis 2 Detail Jawaban Peserta 1 Peserta 12 User Data Periode Daftar Ujian Penempatan Level Data Ujian Penempatan Level Daftar Jadwal Data Jadwal Daftar Pengumuman Data Pengumuman Data Detail Jawaban Peserta Daftar Detail Jawaban Peserta Data Soal Ujian Tulis Daftar Soal Ujian Tulis Data Pengumuman Daftar Pengumuman Data User Daftar User Data Siswa baru Daftar Siswa Baru Data Peserta Daftar Peserta Data Prosedur Daftar Prosedur Daftar Kontak Data Kontak 14 Pengumuman 13 Jadwal 15 Jawaban Peserta 17 Kontak 16 Prosedur 4 Periode 3 Level 25 Pendaftaran 1.1.8 Maintenance Siswa Baru1 1.1.9 Maintenance Jawaban Peserta 1.1.10 Maintenance Jadwal 1.1.11 Maintenance Data Soal Ujian Tulis 1.1.12 Maintenance Pengumuman 1.1.13 Maintenance Peserta 1.1.14 Maintenance Prosedur 1.1.15 Maintenance Prosedur2 1.5 6 10 9 1.6 1.9 1.7 1.11 1.10 8 1.8 5 13 1.2 11 1.1 1.11 2 1.8 1.13 14 1.8 1.14 7 11 Gambar 3.10 DFD level 1 transaksi pendaftaran dan seleksi penempatan level Gambar 3.11 DFD level 1 transaksi pendaftaran dan seleksi penempatan level

3.2.5 Entity Relationship Diagram

Entity Relationship Diagram atau ERD merupakan salah satu teknik dokumentasi yang digunakan untuk menyajikan relasi antara entitas sumber daya, peristiwa dan agen dalam sebuah sistem. Hall, 2001 Peserta Admin Detail Jawaban Peserta Data Peserta Tanggal Ujian Password Username Password Jawaban Peserta 18 Peserta 19 Jawaban Peserta 21 Soal Ujian Tulis 22 Detail Jawaban Peserta 1.2.1 Pendaftaran Online 1.2.2 Ujian dan Seleksi Penempatan Level 7 2.1 Soal Ujian Tulis Rekomendasi Level Detail Jawaban Peserta Jawaban Peserta Soal Ujian Tulis 6 2.2 2 7 6 5 7 Nilai Ujian Lisan 3.1 3.2 1.4.1 Laporan Pendaftar 1.4.2 Laporan Siswa Baru Manajer 3.1 3.2 23 Siswa Baru 1 Peserta 2 12 3 Level 4 Periode Memilih Data Siswa Baru Memilih data peserta Memilih data Periode Data Pendaftar Memilih Periode Memilih Level Data Siswa Baru

A. Conceptual Data Model

Sebuah Conceptual Data Model atau CDM menggambarkan secara keseluruhan konsep struktur basis data yang dirancang untuk salah satu aplikasi sebagaimana terlihat pada Gambar 3.12. Gambar 3.12 Conceptual Data Model Relationship_1 Relationship_6 Relationship_7 Relationship_4 Relationship_13 Relationship_14 Relationship_15 Relationship_8 Relationship_9 Relationship_10 Relationship_11 Data Peserta o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o Registrant ID Email Peserta Username Peserta Password Peserta Nama Peserta Jenis Kelamin Agama Ket_agama Tempat Lahir Tanggal Lahir Anak ke Jumlah saudara Tmp tinggal dengan Tmp ket tinggal dengan Tmp alamat Tmp telepon Ort nama ayah Ort Pekerjaan ayah Ort Ket Pekerjaan ayah Ort nama ibu Ort Perkerjaa ibu Ort Ket Pekerjaan ibu Ort alamat Ort Telepon Ska Nama Ska Status Ska alamat Ska telepon Ska Kelas Status Pendaftaran Status Biodata Status Verifikasi Status Seleksi Created At Peserta Updated At Peserta Variable characters 10 Variable characters 100 Variable characters 20 Characters 8 Variable characters 100 Characters 1 Variable characters 50 Variable characters 24 Variable characters 20 Date Variable characters 2 Variable characters 2 Number Variable characters 100 Variable characters 100 Integer Variable characters 100 Number Variable characters 100 Variable characters 100 Number Variable characters 100 Variable characters 100 Integer Variable characters 30 Number Variable characters 100 Variable characters 100 Variable characters 10 Variable characters 12 Number Number Number Date Time Date Time Data Level o o o o Level_ID Level Name Level_Score Created At level Updated At Level Variable characters 10 Variable characters 25 Integer Date Time Date Time Data Periode o o o o o Period ID Period Name Date Start Date End Created At Period Updated At Period Variable characters 10 Variable characters 10 Date Date Date Time Date Time Soal Ujian Tulis o o o o o o o o Question ID Question Pil A Pil B Pil D Pil C Jawaban Benar Created At Soal Updated At Soal Variable characters 10 Variable characters 25 Integer Variable characters 10 Variable characters 10 Variable characters 10 Variable characters 10 Date Time Date Time Data Siswa o o Student_ID Status Information Variable characters 100 Variable characters 50 Variable characters 50 Jadwal o o o o o Jadwal ID Jadwal Hari Jadwal Jam ID Level Created at Updated at Integer Variable characters 10 Variable characters 10 Integer Date Time Date Time Jawaban Peserta o o o o Id Jawaban Benar Salah Jumlah Soal Created At Jawaban Integer Integer Integer Integer Date Time Prosedur o o o o o Prosedur ID Slug Prosedur Judul Prosedur Isi Prosedur Created At Prosedur Updated At Prosedur Integer Variable characters 100 Variable characters 100 Variable characters 100 Date Time Date Time Kontak o o o o o o o Kontak ID Email Kontak Nama Kontak Judul Kontak Isi Kontak Is Dibales Created At Kontak Updated At Kontak Integer Variable characters 100 Variable characters 100 Variable characters 100 Text Number Date Time Date Time Pengumuman o o o o o Pengumuman Id Judul Pengumuman Slug Pengumuman Isi Pengumuman Created At Pengumuman Updated At Pengumaman Integer Variable characters 100 Variable characters 100 Variable characters 100 Date Time Date Time User o o o o o o o User ID Username User Password User Nama User Level Is Blokir Created At User Updated At User Integer Variable characters 100 Variable characters 100 Variable characters 100 Number Number Date Time Date Time

B. Physical Data Model

Sebuah Physical Data Model atau PDM menggambarkan secara detail konsep rancangan struktur basis data yang dirancang untuk salah satu aplikasi. PDM merupakan hasil generate dari CDM. Pada PDM tergambar jelas tabel-tabel penyusun basis data beserta kolom-kolom yang terdapat pada setiap tabel sebagaimana terlihat pada Gambar 3.13. Gambar 3.13 Physical Data Model Data Peserta Registrant ID Email Peserta Username Peserta Password Peserta Nama Peserta Jenis Kelamin Agama Ket_agama Tempat Lahir Tanggal Lahir Anak ke Jumlah saudara Tmp tinggal dengan Tmp ket tinggal dengan Tmp alamat Tmp telepon Ort nama ayah Ort Pekerjaan ayah Ort Ket Pekerjaan ayah Ort nama ibu Ort Perkerjaa ibu Ort Ket Pekerjaan ibu Ort alamat Ort Telepon Ska Nama Ska Status Ska alamat Ska telepon Ska Kelas Status Pendaftaran Status Biodata Status Verifikasi Status Seleksi Created At Peserta Updated At Peserta varchar10 varchar100 varchar20 char8 varchar100 char1 varchar50 varchar24 varchar20 date varchar2 varchar2 numeric varchar100 varchar100 integer varchar100 numeric varchar100 varchar100 numeric varchar100 varchar100 integer varchar30 numeric varchar100 varchar100 varchar10 varchar12 numeric numeric numeric timestamp timestamp pk Data Level Level_ID Jadwal ID Level Name Level_Score Created At level Updated At Level varchar10 integer varchar25 integer timestamp timestamp pk fk Data Periode Period ID Period Name Date Start Date End Created At Period Updated At Period varchar10 varchar100 date date timestamp timestamp pk Soal Ujian Tulis Question ID Question Pil A Pil B Pil D Pil C Jawaban Benar Created At Soal Updated At Soal varchar10 varchar25 integer varchar10 varchar10 varchar10 varchar10 timestamp timestamp pk Data Siswa Student_ID Level_ID Registrant ID Status varchar100 varchar10 varchar10 varchar50 pk fk1 fk2 Jadwal Jadwal ID Jadwal Hari Jadwal Jam ID Level Created at Updated at integer varchar100 varchar100 integer timestamp timestamp pk Jawaban Peserta Id Jawaban Registrant ID Benar Salah Jumlah Soal Created At Jawaban integer varchar10 integer integer integer timestamp pk Prosedur Prosedur ID User ID Slug Prosedur Judul Prosedur Isi Prosedur Created At Prosedur Updated At Prosedur integer integer varchar100 varchar100 varchar100 timestamp timestamp pk fk Kontak Kontak ID User ID Email Kontak Nama Kontak Judul Kontak Isi Kontak Is Dibales Created At Kontak integer integer varchar100 varchar100 varchar100 long varchar numeric timestamp pk fk Pengumuman Pengumuman Id Period ID User ID Judul Pengumuman Slug Pengumuman Isi Pengumuman Created At Pengumuman integer varchar10 integer varchar100 varchar100 varchar100 timestamp pk fk2 fk1 User User ID Username User Password User Nama User Level Is Blokir Created At User Updated At User integer varchar100 varchar100 varchar100 numeric numeric timestamp timestamp pk Pendaftarn Period ID Registrant ID Tgl Pendaftaran varchar10 varchar10 datetime pk,fk1 pk,fk2 Detail Jawaban Peserta Id Jawaban Question ID Nomor Jawaban Dipilih integer varchar10 integer varchar pk,fk1 pk,fk2 Ujian Penempatan Level Registrant ID Question ID Tgl Ujian Nil Lisan Nil Tulis Nil Total varchar10 varchar10 datetime decimal decimal decimal pk,fk1 pk,fk2

3.2.6 Struktur Tabel

Dalam struktur tabel berikut akan dijelaskan mengenai fungsi tabel, relasi antar tabel, constraint yang terdapat dalam tabel yang digunakan sebagai gambaran dari basis data yang akan dibentuk.

A. Tabel Peserta

Fungsi : Menyimpan data peserta pendaftaran online Primary Key : Student_ID Foreign Key : ̶ Pada tabel 3.1, berisikan data calon siswa baru yang telah mendaftarkan diri beserta nilai ujian yang telah didapatkan dari ujian penempatan level ini. Tabel 3.1 Peserta No Field Name Data Type Length Constraint 1 Registrant ID Varchar 10 PK 2 Email Varchar 64 3 Username Varchar 20 4 Password Char 8 5 periode_id int FK 6 nama Varchar 100 7 jenis_kelamin enum P-L 8 agama enum 0-6 9 ket_agama Varchar 24 10 tempat_lahir Varchar 32 11 tanggal_lahir Date 12 anak_ke Varchar 2 13 jumlah_saudara Varchar 2 14 tmp_tinggal_dengan enum 0-4 15 tmp_ket_tinggal_dengan Varchar 32 16 tmp_alamat Varchar 255 No Field Name Data Type Length Constraint 17 tmp_telepon Varchar 16 18 ort_nama_ayah Varchar 64 19 ort_pekerjaan_ayah Enum 0-7 20 ort_ket_pekerjaan_ayah Varchar 32 21 ort_nama_ibu Varchar 64 22 ort_pekerjaan_ibu Enum 0-7 23 ort_ket_pekerjaan_ibu Varchar 32 24 ort_alamat Varchar 255 25 ort_telepon Varchar 16 26 ska_nama Varchar 64 27 ska_status Enum 0-1 28 ska_alamat Varchar 255 29 ska_telepon Varchar 16 30 ska_kelas Varchar 32 31 status_pendaftaran Enum 0-1 32 status_biodata Enum 0-1 33 status_verifikasi Enum 0-1 34 status_seleksi Enum 0-1 35 created_at Date 36 updated_at Date

B. Tabel Pendaftaran

Fungsi : Menyimpan data pendaftaran Primary Key : Period ID, Regitrant ID Foreign Key : Period ID, Regitrant ID Pada tabel 3.2, berisikan data pendaftaran yang akan mencatat transaksi pendaftaran saat proses pendaftaran online. Tabel 3.2 Pendaftaran No Field Name Data Type Length Constraint 1 Period ID Int 10 PK, FK 2 Regitrant ID Int 10 PK, FK 3 Tgl_Pendaftaran DateTime

C. Tabel Level

Fungsi : Menyimpan data level Primary Key : Level_Id Foreign Key : Jadwal ID Pada tabel 3.3, berisikan data tingkatan level yang akan digunakan untuk mengolah nilai menjadi hasil akhir aplikasi ini yaitu penempatan level. Tabel 3.3 Level No Field Name Data Type Length Constraint 1 Level_ID Int 10 PK 2 Jadwal_ID Int 10 FK 3 Level_name Varchar 50 4 Level_score Int 10 5 Created_At Datetime 6 Updated_at Datetime

D. Periode

Fungsi : Menyimpan data periode kursus Primary Key : Period_Id Foreign Key : ̶ Pada tabel 3.4, berisikan data periode yang akan ditempati calon siswa baru saat melakukan proses pendaftaran online. Tabel 3.4 Periode No Field Name Data Type Length Constraint 1 Id Int 10 PK 2 Period_name Varchar 25 3 Start Date 4 End Date 5 Created_at Datetime 6 Updated_at Datetime

E. Tabel Jadwal

Fungsi : Menyimpan data jadwal kursus Primary Key : Jadwal_Id Foreign Key : Level_Id Pada tabel 3.5, berisikan data jadwal yang akan dikelola admin untuk menginformasikan jadwal kursus di dalam aplikasi pendaftaran dan seleksi penempatan level online ini. Tabel 3.5 Jadwal No Field Name Data Type Length Constraint 1 Jadwal_ID Int 10 PK 2 Level_ID Int 10 FK 2 Jadwal_hari Varchar 25 3 Jadwal_jam Int 10 4 Created_at Datetime 5 Updated_at Datetime

F. Tabel Siswa Baru

Fungsi : Menyimpan data siswa baru Primary Key : Student_ID Foreign Key : Level_ID, Registrant_ID Pada tabel 3.6, berisikan data jadwal yang akan dikelola admin untuk menginformasikan jadwal kursus di dalam aplikasi pendaftaran dan seleksi penempatan level online ini. Tabel 3.6 Siswa Baru No Field Name Data Type Length Constraint 1 Student_ID Int 10 PK 2 Level_ID Int 10 FK 3 Registrant_ID Int 10 FK 4 Status Varchar 25 5 Informasi Varchar 25

G. Tabel Ujian Penempatan Level

Fungsi : Menyimpan data transakssi ujian penempatan level Primary Key : Registrant_ID, Question_ID Foreign Key : Registrant_ID, Question_ID Pada tabel 3.7, berisikan data tingkatan level yang akan digunakan untuk mengolah nilai menjadi hasil akhir aplikasi ini yaitu penempatan level. Tabel 3.7 Ujian penempatan level No Field Name Data Type Length Constraint 1 Registrant_ID Int 10 PK, FK 2 Question_ID Int 10 PK, FK 3 Tgl_Ujian Varchar 50 4 Nil_Lisan Decimal 5 Nil_Tulis Decimal 6 Nil_Total Decimal

H. Tabel Jawaban Peserta

Fungsi : Menyimpan data jawaban peserta Primary Key : Jawaban_Id Foreign Key : Peserta_Id Pada tabel 3.8, berisikan data jawaban peserta calon siswa baru yang akan digunakan untuk menampilkan nilai ujian saat menyelesaikan ujian penempatan level online ini. Tabel 3.8 Jawaban Peserta No Field Name Data Type Length Constraint 1 ID_Jawaban_Peserta Int 11 PK 2 Benar Int 11 3 Salah Int 11 4 jumlah_soal Int 11 5 created_at Datetime

I. Tabel Detail Jawaban Peserta

Fungsi : Menyimpan data detail jawaban peserta Primary Key : ID_Jawaban_Peserta, Question_ID Foreign Key : ID_Jawaban_Peserta, Question_ID Pada tabel 3.9, berisikan data detail jawaban peserta yang akan tersimpan oleh database dalam aplikasi pendaftaran dan seleksi penempatan level online ini. Tabel 3.9 Detail Jawaban Peserta No Field Name Data Type Length Constraint 1 ID_Jawaban_Peserta Int 11 PK, FK 2 Question_ID Int 11 PK, FK 3 Nomor Int 11 No Field Name Data Type Length Constraint 4 Jawaban_dipilih Varchar 10

J. Tabel Soal Ujian Tulis

Fungsi : Menyimpan data pertanyaan ujian tulis Primary Key : Soal_ID Foreign Key : ̶ Pada tabel 3.10, berisikan data soal ujian tulis yang akan dijawab oleh calon siswa baru untuk mendapatkan nilai ujian tulis pada aplikasi penempatan level online ini. Tabel 3.10 Soal Ujian Tulis No Field Name Data Type Length Constraint 1 Question_ID Varchar 10 PK 3 Soal_ujian_tulis Varchar 250 4 Pil_a Varchar 50 5 Pil_b Varchar 50 6 Pil_c Varchar 50 7 Pil_d Varchar 50 8 Jawaban_benar Varchar 50 9 Created_at Datetime 10 Updated_at Datetime

K. Tabel User

Fungsi : Menyimpan data pengguna admin Primary Key : User_ID Foreign Key : ̶ Pada tabel 3.11, berisikan data pengguna admin yang akan mengelola konten dari aplikasi ini beserta data yang akan diolah oleh aplikasi pendaftaran dan seleksi penempatan level online ini. Tabel 3.11 User No Field Name Data Type Length Constraint 1 User_ID Int 10 PK 2 Username Varchar 32 3 Password Varchar 32 4 Nama Varchar 32 5 Level Enum 0-1 6 Is_blokir Enum 0-1 7 Created_at Datetime 8 Updated_at Datetime

L. Tabel Pengumuman

Fungsi : Menyimpan data pengumuman Primary Key : Pengumuman_ID Foreign Key : Period_ID, User_ID Pada tabel 3.12, berisikan data pengumuman yang akan dikelola admin untuk menginformasikan suatu hal dalam aplikasi pendaftaran dan seleksi penempatan level online ini. Tabel 3.12 Pengumuman No Field Name Data Type Length Constraint 1 Pengumuman_ID Int 10 PK 2 Period_ID Int 10 FK 3 User_ID Int 10 FK 4 Judul Int 64 5 Slug Varchar 128 No Field Name Data Type Length Constraint 6 Isi Text 7 created_at Datetime 8 updated_at Datetime

M. Tabel Prosedur

Fungsi : Menyimpan data prosedur Primary Key : Prosedur_ID Foreign Key : User_ID Pada tabel 3.13, berisikan data prosedur ujian penempatan level yang akan dikelola admin untuk memandu calon siswa baru dalam mengikuti ujian penempatan level online ini. Tabel 3.13 Prosedur No Field Name Data Type Length Constraint 1 Prosedur_ID Int 4 PK 2 User_ID Int 10 FK 3 Judul Int 64 4 Slug Varchar 128 5 Isi Text 6 Created_at Datetime 7 Updated_at Datetime

N. Tabel Kontak

Fungsi : Menyimpan data kontak dan saran Primary Key : Kontak_ID Foreign Key : User_ID Pada tabel 3.14, berisikan data kontak yang akan dikelola admin untuk menjawab pertanyaan yang telah dikirimkan calon siswa baru dalam aplikasi pendaftaran dan seleksi penempatan level online ini. Tabel 3.14 Kontak No Field Name Data Type Length Constraint 1 Kontak_ID Int 10 PK 2 User_ID Int 10 FK 2 Nama Varchar 64 3 Email Varchar 64 4 Judul Varchar 128 5 Isi text 6 Is_dibalas enum 0-1 7 Created_at Datetime 8 Updated_at Datetime

3.2.7 Desain Input Output

Setelah melakukan perancangan basis data, tahap selanjutnya adalah membuat desain input output. Desain yang nantinya dipakai untuk membuat aplikasi sebenarnya. Desain input output atau dalam bahasa Indonesia desain antar muka ini terdiri dari seluruh halaman yang akan diimplementasikan oleh pengguna pada rancang bangun aplikasi pendaftaran dan seleksi penempatan level pada Rasyid English Course. http:www.rec.co.id Rasyid English Course Home Peserta Informasi Pendaftaran Selamat Datang. Selamat datang di Rasyid English Course. Sebelum melakukan pendaftaran, sebaiknya Anda memahami prosedur pendaftaran siswa baru di halaman Prosedur Pendaftaran. Pastikan juga anda juga mengetahui jadwal kursus di halaman Jadwal. Semua informasi terbaru mengenai Rasyid English Course bisa anda lihat di halaman Pengumuman. Anda juga dapat mengetahui data pendaftar di halaman Peserta. Jika Anda sudah memahami prosedur pendaftaran, silakan klik tombol Daftar di bawah ini Copyright 2016 Deemazz92 Rasyid English Course Daftar Bantuan Username Password Login Gambar 3.14 Rancangan tampilan Home website utama. Gambar 3.14 merupakan tampilan awal ketika calon siswa baru mengakses website utama Rasyid English Course. Tampilan awal ini sangat menentukan bagi seluruh calon siswa baru. Karena tampilan awal akan menentukan minat calon siswa baru dalam mencari informasi dan melakukan pendaftaran online. Terdapat pilihan tab menu peserta, pendaftaran, informasi, dan bantuan. Pada tab peserta, calon siswa baru dapat mengetahui berapa jumlah siswa yang sudah melakukan pendaftaran dan informasi penempatan levelnya. Rancangan tampilan tab peserta, dapat dilihat pada Gambar 3.15. http:www.rec.co.idpeserta Rasyid English Course Home Peserta Informasi Pendaftaran Data Peserta Copyright 2016 Deemazz92 Rasyid English Course Bantuan No No Peserta Nama Sekolah Status Biodata Ujian Penempatan Level 1 2 Next Username Password Login Masukkan Nomor atau Nama Peserta Gambar 3.15 Rancangan tampilan tab “Peserta” Pada tab pendaftaran, pengguna dapat mendaftarkan diri sebagai pseserta pendaftaran, dengan mengisi formulis pendaftaran. Rancangan tampilan tab pendaftaran, dapat dilihat pada Gambar 3.16. http:www.rec.co.idpendaftaran Rasyid English Course Home Peserta Informasi Pendaftaran Form Pendaftaran Copyright 2016 Deemazz92 Rasyid English Course Bantuan A f j l a Username Password Login Email Email Nama Lengkap Nama Lengkap Nama Panggilan Nama Panggilan Masukkan 4 huruf angka pada gambar di atas Captcha Daftar Gambar 3.16 Rancangan tampi lan tab “Pendaftaran” Pada tab Informasi, terdapat tiga sub tab yang dapat dipilih yaitu pengumuman, prosedur, dan jadwal. Pada sub tab pertama yaitu Pengumuman calon siswa baru dapat mencari tahu segala informasi mengenai perusahaan, mulai dari visi, misi, dan lainnya. Rancangan tampilan tab Pengumuman, dapat dilihat pada Gambar 3.17. http:www.rec.co.idpengumuman Rasyid English Course Home Peserta Informasi Pendaftaran Pengumuman Copyright 2016 Deemazz92 Rasyid English Course Bantuan Username Password Login Pengumuman Prosedur Jadwal Mengenai Rasyid English Course Rabu, 13 Juli 2016 Rasyid English Course merupakan lembaga pendidikan bahasa Inggris yang terletak di lokasi strategis daerah Monang – Maning di kota Denpasar... Baca Selengkapnya 1 2 Next Visi Misi Rasyid English Course Senin, 10 Juni 2016 Rasyid English Course merupakan lembaga pendidikan bahasa Inggris yang terletak di lokasi strategis daerah Monang – Maning di kota Denpasar... Baca Selengkapnya Gambar 3.17 Rancangan tampilan Pengumuman Rasyid English Course Pada sub tab kedua yaitu Prosedur, calon siswa baru dapat mencari tahu bagaimana cara melakukan pendaftaran sampai dengan mengikuti ujian penempatan level. Rancangan tampilan tab Prosedur, dapat dilihat pada Gambar 3.18. http:www.rec.co.idprosedur Rasyid English Course Home Peserta Informasi Pendaftaran Prosedur Pendftaran Copyright 2016 Deemazz92 Rasyid English Course Bantuan Username Password Login Pengumuman Prosedur Jadwal 1. Pendaftaran.Calon peserta melakukan pendaftaran pada website Rasyid English Course, melalui halaman Pendaftaran. 2. Calon peserta yang sudah mendaftar akan mendapatkan username dan password yang akan digunakan untuk mengisi biodata sebagai syarat mengikuti Ujian Seleksi Penempatan Level. 3 Mengisi biodata. Lengkapi biodata anda dengan melakukan login terlebih dahulu dengan menggunakan username dan password yang sudah diberikan. 4 Verifikasi data. Setelah melengkapi biodata, calon siswa dan orang tua melakukan verifikasi data dengan cara mendatangi 5. Ujian dan berhak mengkikuti ujian seleksi. Peserta yang tidak melakukan verifikasi data sampai pada batas waktu yang ditentukan dinyatakan gugur megundurkan diri. 6 Mengikuti ujian. … Gambar 3.18 Rancangan tampilan tab Prosedur Pada sub tab ketiga yaitu Jadwal, calon siswa baru dapat mengetahui jadwal kursus yang tersedia di Rasyid English Course berdasarkan masing-masing level. Rancangan tampilan tab Jadwal, dapat dilihat pada Gambar 3.19. http:www.rec.co.idjadwal Rasyid English Course Home Peserta Informasi Pendaftaran Jadwal Kursus Copyright 2016 Deemazz92 Rasyid English Course Bantuan Username Password Login Pengumuman Prosedur Jadwal Level Hari Jam Gambar 3.19 Rancangan tampilan tab Jadwal Sedangkan tampilan dari tab Bantuan, pengguna dapat menghubungi Rasyid English Course melalui sarana kontak yang disediakan. terdapat dua sub tab yang dapat dipilih yaitu Kontak dan Lupa Password. Tampilan sub tab pertama yaitu Kontak akan menampilkan sarana yang dapat menghubungkan pengguna dengan pihak Rasyid English Course. Rancangan tampilan tab Kontak, dapat dilihat pada Gambar 3.20. http:www.rec.co.idkontak Rasyid English Course Home Peserta Informasi Pendaftaran Kontak Copyright 2016 Deemazz92 Rasyid English Course Bantuan A f j l a Username Password Login Email Email Nama Nama Judul Judul Masukkan 4 huruf angka pada gambar di atas Captcha Kirim Isi Isi Kontak Lupa Password Gambar 3.20 Rancangan tampilan Kontak Rasyid English Course Pada sub tab kedua yaitu Lupa Password, calon siswa baru mendapatkan bantuan apabila lupa dengan username atau password dari akun peserta. Rancangan tampilan tab Lupa Password, dapat dilihat pada Gambar 3.21. http:www.rec.co.idkontak Rasyid English Course Home Peserta Informasi Pendaftaran Kontak Copyright 2016 Deemazz92 Rasyid English Course Bantuan A f j l a Username Password Login Email Email Nomor Peserta Nomor Peserta Masukkan 4 huruf angka pada gambar di atas Captcha Kirim Kontak Lupa Password Gambar 3.21 Rancangan tampilan Lupa Password http:www.rec.co.idadminlogin Manager Administrator Login Silahkan Login LOGIN Username Password Gambar 3.22 Rancangan tampilan Login Admin Tampilan Login ini tidak diperuntukkan untuk umum dan masyarakat luas. Karena memiliki data internal perusahaan terkait pendaftaran serta seleksi penempatan level calon siswa baru. Hanya user yang memiliki hak akses yang dapat melakukan Login pada halaman ini. Tampilan setelah Login selanjutnya, dapat dilihat pada desain input.

A. Desain Input

Desain input adalah kumpulan rancangan antar muka halaman masukan yang akan digunakan sebagai paduan dalam membangun aplikasi pada tahap selanjutnya. A.1 Rancangan Antar Muka Formulir Biodata Antar muka formulir adalah halaman yang digunakan pengguna peserta untuk melengkapi biodata diri sebagai calon siswa baru pada Rasyid English Course. Rancangan antar muka formulir biodata dapat dilihat pada Gambar 3.23 dan Gambar 3.24. http:www.rec.co.iddashboardbiodata Rasyid English Course Home Peserta Informasi Pendaftaran Biodata Copyright 2016 Deemazz92 Rasyid English Course Bantuan Username Password Login Nama Nama

A. Data Pribadi Siswa

Nomor Peserta 20160010 Keterangan Agama Keterangan Agama Jenis Kelamin Perempuan Laki-laki Agama Tempat Lahir Tempat Lahir Tanggal Lahir Anak ke- Anak ke- Jumlah Saudara Jumlah Saudara Keterangan Tinggal Dengan Keterangan Tinggal Dengan

B. Keterangan Tempat Tinggal

Alamat Tinggal Alamat Tinggal Dengan Telepon Telepon Gambar 3.23 Rancangan tampilan formulir biodata http:www.rec.co.iddashboardbiodata Rasyid English Course Home Peserta Informasi Pendaftaran Copyright 2016 Deemazz92 Rasyid English Course Bantuan Username Password Login Nama Ayah Nama Ayah

C. Data Orang Tua Siswa

Keterangan Pekerjaan Ayah Keterangan Pekerjaan Ayah Pekerjaan Ayah Nama Ibu Nama Ibu Keterangan Pekerjaan ibu Keterangan Pekerjaan Ibu Pekerjaan Ibu Alamat Orang Tua Alamat Telepon Orang Tua Telepon Orang Tua Nama Sekolah Nama Sekolah

D. Keterangan Pendidikan Sebelumnya

Alamat Sekolah Alamat Telepon Sekolah Telepon Status Swasta Negeri Kelas Asal Kelas Asal Simpan Gambar 3.24 Rancangan tampilan formulir biodata lanjutan Peserta wajib melengkapi biodata diri sebagai syarat untuk mengikuti ujian penempatan level pada Rasyid English Course. A.2 Rancangan Antar Muka Manajemen Data Master Antar muka manajemen data master adalah halaman yang digunakan pengguna admin untuk mengatur data master calon siswa baru serta semua data yang dibutuhkan dalam proses pendaftaran dan seleksi penempatan level pada Rasyid English Course. Rancangan antar muka manajemen data master dapat dilihat pada Gambar 3.25. http:www.rec.co.idadmin Rasyid English Course Login sebagai, admin Home Pengumuman Data Master Soal Ujian Tulis Kontak Seleksi Penempatan Level MyAdmin Selamat Datang. Halo, admin Silahkan pilih menu yang ada. Copyright 2016 Deemazz92 Gambar 3.25 Rancangan tampilan login pengguna admin Rasyid English Course Pengguna harus memiliki akses sebagai admin untuk masuk ke halaman ini. Pada tampilan awal yang tampil, hanya ada tulisan mengenai panduan dalam mengatur data master. Admin dapat memilih data master yang diinginkan. Kemudian admin dapat memilih data apa saja yang akan dimanajemen pada pilihan dibagian sebelah kiri aplikasi. Terdapat data peserta, data level, data periode, data jenis ujian, data soal ujian tulis, tabel nilai, data pengumuman, data prosedur, data jadwal, serta data nilai ujian. http:www.rec.co.idadminpeserta Rasyid English Course Login sebagai, admin Home Pengumuman Data Master Soal Ujian Tulis Kontak Seleksi Penempatan Level MyAdmin Data Peserta Copyright 2016 Deemazz92 Peserta Prosedur Periode Level Jadwal No No Peserta Nama Sekolah Status Pendaftaran Status Verifikasi 1 2 Next Masukkan Nomor atau Nama Peserta Status Biodata Ujian Penempatan Level Aksi Gambar 3.26 Rancangan tampilan data peserta Rasyid English Course Tampilan pada pilihan Peserta, admin dapat melihat, mengoreksi, serta merubah data peserta Rasyid English Course. Tampilan pilihan Level, dapat dilihat pada Gambar 3.27. http:www.rec.co.idadminlevel Rasyid English Course Login sebagai, admin Home Pengumuman Data Master Soal Ujian Tulis Kontak Seleksi Penempatan Level MyAdmin Data Level Copyright 2016 Deemazz92 Peserta Prosedur Periode Level Jadwal No Level Score 1 2 Next Tambah Aksi Gambar 3.27 Rancangan tampilan data level Rasyid English Course Tampilan pada pilihan level, admin dapat melihat mengoreksi serta merubah data level Rasyid English Course. Tampilan pilihan Period, dapat dilihat pada Gambar 3.28. http:www.rec.co.idadminperiode Rasyid English Course Login sebagai, admin Home Pengumuman Data Master Soal Ujian Tulis Kontak Seleksi Penempatan Level MyAdmin Data Periode Copyright 2016 Deemazz92 Peserta Prosedur Periode Level Jadwal No Periode Mulai 1 2 Next Tambah Aksi Selesai Gambar 3.28 Rancangan Tampilan data periode Rasyid English Course Tampilan pada pilihan Period, admin dapat melihat, mengoreksi, serta merubah data periode pendaftaran Rasyid English Course. Untuk tampilan data master yang lain desain dan tabel mengikuti dengan tampilan dan desain seperti data level dan data periode. Untuk mengikuti ujian penempatan level diharuskan login sebagai peserta dan telah memenuhi persyaratan yang dibutuhkan. menu ujian penempatan level, dapat dilihat pada Gambar 3.29. http:www.rec.co.idujian Rasyid English Course Login sebagai, Peserta Home Peserta Informasi Kontak Ujian Penempatan Level Akun Saya Copyright 2016 Deemazz92 Gambar 3.29 Rancangan tampilan ujian penempatan level

B. Desain Output

Antar muka laporan siswa baru adalah halaman yang digunakan manajer Rasyid English Course untuk mengetahui laporan siswa baru yang masuk dan menempati level yang telah ditentukan pada aplikasi pendaftaran dan seleksi penmpatan level serta data laporan peserta yang telah mendaftarkan diri. Rancangan antar muka laporan siswa baru dapat dilihat pada Gambar 3.30. http:www.rec.co.idadminreportnew_student Rasyid English Course Login sebagai, Manajer Home User Data Master Kontak Seleksi Penempatan Level MyAdmin Copyright 2016 Deemazz92 Report No No Peserta Nama Sekolah Status Pendaftaran Status Verifikasi 1 2 Next Masukkan Nomor atau Nama Peserta Status Biodata Ujian Penempatan Level Aksi Laporan Siswa Baru Sort By : Periode Level Pendaftar Siswa Baru Gambar 3.30 Rancangan tampilan data laporan siswa baru Rasyid English Course http:www.rec.co.idadminreportregistrant Rasyid English Course Login sebagai, Manajer Home User Data Master Kontak Seleksi Penempatan Level MyAdmin Copyright 2016 Deemazz92 Report No No Peserta Nama Sekolah Status Pendaftaran Status Verifikasi 1 2 Next Masukkan Nomor atau Nama Peserta Status Biodata Ujian Penempatan Level Aksi Laporan Pendaftar Sort By : Periode Pendaftar Siswa Baru Gambar 3.31 Rancangan tampilan data laporan pendaftar Rasyid English Course Pengguna harus memiliki akses sebagai manajer untuk masuk ke halaman ini. Pada tampilan awal, hampir sama dengan halaman login pengguna admin. Yang membedakan adanya dua tab baru yaitu tab User dan tab Report. Tab User digunakan oleh penggun manajer untuk mengelola hak akses user admin yang menggunakan aplikasi ini. Sedangkan pada tab Report digunakan manajer untuk melihat laporan siswa baru yang telah terdaftar dan telah mengikuti ujian penempatan level beserta rekomendasi level untuk siswa tersebut. Manajer dapat memilih data data siswa yang diinginkan, atau mencari dengan memasukkan nama siswa yang diinginkan. Manajer juga dapat mengurutkan data berdasarkan periode pendaftaran ataupun level yang ditempati siswa baru.

3.2.8 Perancangan Evaluasi Sistem

Setelah melakukan perancangan dan desain aplikasi pendaftaran online, maka tahapan yang dilakukan selanjutnya adalah melakukan perencanaan atas uji coba aplikasi yang akan dilakukan setelah aplikasi selesai dibangun. Uji coba ini untuk mengetahui apakah aplikasi yang dibuat sesuai dengan kebutuhan dari Rasyid English Course. Uji coba ini dilakukan untuk menguji aplikasi yang telah dibangun. Rancangan uji coba aplikasi digunakan untuk menggambarkan skenario uji coba yang akan dilakukan. Rancangan ini akan digunakan untuk mengetahui apakah proses fungsional aplikasi yang dibuat memenuhi hasil yang diharapkan. Rancangan uji coba fungsional dapat dilihat pada Tabel 3.12. Tabel 3.15 Rancangan uji coba fungsional aplikasi No. Fungsionalitas Cara Melakukan Pengujian Hasil yang diharapkan 1 Pendaftaran Siswa Baru Mendaftarkan diri sebagai siswa baru Menampilkan halaman pendaftaran siswa baru Validasi masukan data Menampilkan pesan sukses error simpan data peserta 2 Login Peserta Input Username dan Password peserta Menampilkan halaman Login User Peserta Validasi masukan data Menampilkan pesan sukses error Login Peserta 3 Mengisi Biodata Membuka dan mengisi data pada halaman biodata Menampilkan formulir biodata Validasi masukkan data Menampilkan pesan sukses error simpan biodata No. Fungsionalitas Cara Melakukan Pengujian Hasil yang diharapkan 4 Ujian Penempatan Level Membuka halaman ujian penempatan level Menampilkan halaman Ujian Penempatan Level Validasi Ujian Penempatan Level Menampilkan pesan sukses error simpan jawaban Peserta 5 Login Admin Input Username dan Password admin Menampilkan halaman Login User Admin Validasi masukan data Menampilkan pesan sukses error login Admin 6 Manajemen Data Master Menambah dan mengubah data master Menampilkan halaman data master Validasi masukan data Menampilkan pesan sukses error simpan data master Menghapus data master Menampilkan pesan konfirmasi hapus data master Menampilkan pesan sukses error hapus data master 7 Seleksi Penempatan Level Membuat nilai ujian Menampilkan nilai ujian tulis. Mengisi nilai ujian lisan, kemudian tekan “enter” untuk menyimpan. Melakukan perhitungan seleksi penempatan level Menampilkan total nilai ujian Menampilkan rekomendasi level. No. Fungsionalitas Cara Melakukan Pengujian Hasil yang diharapkan 8 Laporan Membuat laporan data siswa baru Tampilan laporan siswa baru Membuat laporan data siswa baru berdasarkan periode Tampilan laporan siswa baru berdasarkan periode Membuat laporan data siswa baru berdasarkan level Tampilan laporan siswa baru berdasarkan level Membuat laporan data pendaftar Tampilan laporan pendaftar Membuat laporan data pendaftar berdasarkan periode Tampilan laporan pendaftar berdasarkan periode 9 Pencarian Data Mencari data yang diinginkan sesuai kata kunci Hasil pencarian menunjukkan laporan siswa baru sesuai dengan kata kunci yang dimasukkan. 53

BAB IV IMPLEMENTASI DAN EVALUASI

4.1 Kebutuhan Sistem

Implementasi program merupakan penyesuaian perangkat lunak dengan rancangan dan desain sistem yang telah dibuat sebelumnya. Dengan adanya implementasi ini dapat membantu Rasyid English Course dalam menerapkan sistem pendaftaran yang baru dengan lebih optimal. Sebelum menjalankan aplikasi pendaftaran online, hal yang harus diperhatikan untuk pertama kali adalah kebutuhan untuk dapat menjalankan sistem ini. Kebutuhannya terdiri dari perangkat keras hardware dan perangkat lunak software. Agar aplikasi dapat dijalankan, pada komputer client harus terhubung dengan jaringan internet.

4.1.1 Kebutuhan Perangkat Keras

Kebutuhan minimal perangkat keras untuk client yaitu adalah sebagai berikut : a. Processor dengan Pentium Dual Core b. Physical memory RAM 1024 MB c. Hard disk 128 GB d. Monitor, keyboard dan mouse

4.1.2 Kebutuhan Perangkat Lunak

Kebutuhan minimal perangkat lunak untuk pengguna yaitu adalah sebagai berikut: a. Sistem Operasi OS : Microsoft Windows, Linux, Macintosh, dll. b. Peramban Browser : Google Chrome, Mozilla Firefox atau Opera.

4.2 Implementasi Sistem

Setelah semua komponen komputer yang mendukung proses sistem selesai diinstal, maka proses selanjutnya adalah penerapan aplikasi. Implementasi aplikasi ini merupakan aplikasi pendaftaran dan seleksi penempatan level online. Halaman awal yang akan tampil dalam sistem ketika dijalankan adalah halaman beranda, sebagai halaman yang berisi tampilan awal aplikasi pendaftaran online. Untuk dapat melakukan akses lebih dalam pada aplikasi, pengguna perlu untuk login terlebih dahulu sebagai pengaturan pengguna yang berhak untuk mengaksesnya. Halaman login juga tidak diperlihatkan pada tampilan awal aplikasi, karena menyangkut kemanan dan pengaturan data pendaftaran siswa baru. Untuk mendapatkan akses untuk login, pengguna perlu melakukan pendaftaran akun terlebih dahulu pada pimpinan Rasyid English Course sebagai pemegang akses tertinggi pada aplikasi ini.

4.2.1 Halaman Utama

Halaman utama adalah halaman yang akan dijumpai seluruh pengguna ketika mengakses website Rasyid English Course. Tampilan halaman utama website dapat dilihat pada Gambar 4.1. Pada halaman utama terdapat penjelasan mengenai perusahaan dan visi misi perusahaan, seperti pada Gambar 4.2.