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

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 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


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 varchar(100) varchar(100) integer timestamp timestamp

Level_ID Jadwal ID Level Name Level_Score Created At level Updated At Level

varchar(10) integer varchar(25) integer timestamp timestamp

Jawaban Peserta

Period ID varchar(10) Registrant ID varchar(10) 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) varchar(100) date date timestamp timestamp

Id Jawaban Registrant ID Benar Salah Jumlah Soal Created At Jawaban

integer varchar(10) integer integer integer timestamp

Data Siswa Student_ID Level_ID Registrant ID Status

varchar(100) varchar(10) varchar(10) varchar(50)

varchar(10) varchar(100) Detail Jawaban Peserta varchar(20) Id Jawaban integer char(8) Question ID varchar(10) varchar(100) Nomor integer char(1) Jawaban Dipilih varchar varchar(50) varchar(24) varchar(20) Ujian Penempatan Level date Registrant ID varchar(10) varchar(2) Question ID varchar(10) Soal Ujian Tulis varchar(2) Tgl Ujian datetime numeric Question ID varchar(10) 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 varchar(30) Period ID varchar(10) numeric User ID integer 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 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 integer 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 integer 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


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



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


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 >


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


http://www.rec.co.id/prosedur Rasyid English Course

Home

Peserta

Pendaftaran

Prosedur Pendftaran

Informasi

Bantuan

Username

Password

Login


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. Rasyid English Course

http://www.rec.co.id/jadwal Rasyid English Course

Home

Peserta

Pendaftaran

Jadwal Kursus Level

Informasi

Bantuan

Username

Password

Login


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

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


Kirim


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


Kirim


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


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


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.


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


http://www.rec.co.id/admin/peserta Home

Pengumuman

Data Peserta

1

Data Master

Soal Ujian Tulis

Kontak


MyAdmin


Peserta Prosedur Periode Level Jadwal

2 Next >


No No Peserta

Nama

Sekolah

Status Pendaftaran

Status Biodata Status Verifikasi


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. Rasyid English Course

http://www.rec.co.id/admin/level Home

Pengumuman

Data Level

1

Data Master

Soal Ujian Tulis

Kontak


MyAdmin



2 Next >

No

Level

Score

Aksi

Tambah


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


MyAdmin



2 Next >

No

Periode

Mulai

Selesai

Aksi

Tambah


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


http://www.rec.co.id/ujian Home

Peserta

Informasi

Kontak


Login sebagai, Peserta

Akun Saya


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


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


Aksi

2 Next >


Gambar 3.30 Rancangan tampilan data laporan siswa baru Rasyid English Course

49


http://www.rec.co.id/admin/report/registrant Home

User

Data Master

Kontak


Laporan Pendaftar Sort By :


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 >


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

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

Recommend Documents