TA : Rancang Bangun Aplikasi Pendaftaran dan Seleksi Penempatan Level Siswa Baru Berbasis Web Pada Rasyid English Course Denpasar.

(1)

RANCANG BANGUN APLIKASI PENDAFTARAN DAN SELEKSI

PENEMPATAN LEVEL SISWA BARU BERBASIS WEB PADA RASYID

ENGLISH COURSE DENPASAR

LAPORAN TUGAS AKHIR

Program Studi

S1 Sistem Informasi

Oleh :

DIMAS LUKMANNUL ARIF

11.41010.0080

FAKULTAS TEKNOLOGI DAN INFORMATIKA

INSTITUT BISNIS DAN INFORMATIKA STIKOM SURABAYA

(2)

iv

ABSTRAK ... i

KATA PENGANTAR ... ii

DAFTAR ISI ... iv

DAFTAR TABEL ... vii

DAFTAR GAMBAR ... viii

DAFTAR LAMPIRAN ... xi

BAB I PENDAHULUAN ... 1

1.1 Latar Belakang Masalah ... 1

1.2 Rumusan Masalah ... 2

1.3 Batasan Masalah ... 2

1.4 Tujuan... 2

1.5 Sistematika Penulisan ... 3

BAB II LANDASAN TEORI ... 5

2.1 Pendaftaran dan Seleksi ... 5

2.2 Aplikasi ... 5

2.3 System Development Life Cycle (SDLC) ... 6

2.4 Web ... 8

2.5 World Wide Web ... 8

2.6 MySQL ... 9

2.7 PHP ... 10

(3)

v

3.2 Analisis dan Perancangan Sistem ... 13

3.2.1 Desain Umum Sistem... 13

3.2.2 Blok Diagram ... 15

3.2.3 System Flow Pendaftaran dan Seleksi Penempatan Level .... 17

3.2.4 Data Flow Diagram ... 20

3.2.5 Entity Relationship Diagram ... 25

3.2.6 Struktur Tabel ... 28

3.2.7 Desain Input / Output ... 37

3.2.8 Perancangan Evaluasi Sistem... 50

BAB IV IMPLEMENTASI DAN EVALUASI ... 53

4.1 Kebutuhan Sistem ... 53

4.1.1 Kebutuhan Perangkat Keras ... 53

4.1.2 Kebutuhan Perangkat Lunak ... 53

4.2 Implementasi Sistem ... 54

4.2.1 Halaman Utama Aplikasi ... 54

4.2.2 Halaman Pendaftaran Siswa Baru ... 55

4.2.3 Halaman Hak Akses ... 57

4.2.4 Halaman Ujian Penempatan Level ... 59

(4)

vi

4.2.7 Halaman Laporan Data Siswa Baru ... 62

4.3 Evaluasi Sistem ... 63

4.3.1 Uji Coba Aplikasi ... 64

4.3.2 Uji Coba Perhitungan ... 73

4.3.3 Evaluasi ... 74

BAB V KESIMPULAN DAN SARAN ... 75

5.1 Kesimpulan ... 75

5.2 Saran ... 76

DAFTAR PUSTAKA ... 77

(5)

vii

Tabel 3.1 Tabel Peserta ... 28

Tabel 3.2 Tabel Pendaftaran ... 30

Tabel 3.3 Tabel Level ... 30

Tabel 3.4 Tabel Periode ... 31

Tabel 3.5 Tabel Jadwal ... 31

Tabel 3.6 Tabel Siswa Baru ... 32

Tabel 3.7 Tabel Ujian Penempatan Level ... 32

Tabel 3.8 Tabel Jawaban Peserta ... 33

Tabel 3.9 Tabel Detail Jawaban Peserta ... 33

Tabel 3.10 Tabel Soal Ujian Tulis ... 34

Tabel 3.11 Tabel User ... 35

Tabel 3.12 Tabel Pengumuman... 35

Tabel 3.13 Tabel Prosedur ... 36

Tabel 3.14 Tabel Kontak ... 37

Tabel 3.15 Tabel Rancangan Uji Coba Fungsional Aplikasi ... 50

Tabel 4.1 Tabel Uji Coba Fungsional Aplikasi ... 65

Tabel 4.2 Tabel Level Score ... 73

(6)

viii

Gambar 2.1 System Development Life Cycle ... 6

Gambar 2.2 Siklus SDLC Waterfall... 7

Gambar 2.3 Logo MySQL ... 9

Gambar 3.1 Desain Umum Aplikasi Pendaftaran dan Seleksi Penempatan Level ... 14

Gambar 3.2 Blok Diagram ... 16

Gambar 3.3 System Flow Pedaftaran Online... 18

Gambar 3.4 System Flow Seleksi Penempatan Level ... 19

Gambar 3.5 System Flow Laporan Siswa Baru ... 20

Gambar 3.6 Diagram Jenjang ... 21

Gambar 3.7 Context Diagram ... 22

Gambar 3.8 DFD Level 0 ... 23

Gambar 3.9 DFD Level 1 Maintenance Master Data ... 24

Gambar 3.10 DFD Level 1 Pendaftaran dan Seleksi Penempatan Level... 25

Gambar 3.11 DFD Level 1 Laporan Pendaftar dan Siswa Baru ... 25

Gambar 3.12 Conceptual Data Model ... 26

Gambar 3.13 Physical Data Model ... 27

Gambar 3.14 Rancangan Tampilan Home Website Utama ... 38

Gambar 3.15 Rancangan Tampilan Tab Peserta ... 39

Gambar 3.16 Rancangan Tampilan Tab Pendaftaran ... 39

Gambar 3.17 Rancangan Tampilan Tab Pengumuman Rasyid English Course ... 40

Gambar 3.18 Rancangan Tampilan Tab Prosedur Rasyid English Course ... 41

(7)

ix

Gambar 3.22 Rancangan Tampilan Login Admin Rasyid English Course ... 43

Gambar 3.23 Rancangan Tampilan Formulir Biodata Rasyid English Course .... 44

Gambar 3.24 Rancangan Tampilan Formulir Biodata Lanjutan ... 44

Gambar 3.25 Rancangan Tampilan Login User Admin Rasyid English Course .. 45

Gambar 3.26 Rancangan Tampilan Data Peserta Rasyid English Course ... 46

Gambar 3.27 Rancangan Tampilan Data Level... 47

Gambar 3.28 Rancangan Tampilan Data Periode ... 47

Gambar 3.29 Rancangan Tampilan Ujian Penempatan Level ... 48

Gambar 3.30 Rancangan Tampilan Data Laporan Siswa Baru ... 48

Gambar 3.31 Rancangan Tampilan Data Laporan Pendaftar ... 49

Gambar 4.1 Halaman Utama Website Rasyid English Course ... 55

Gambar 4.2 Tentang Perusahaan dan Visi Misi pada Halaman Utama ... 55

Gambar 4.3 Formulir Pendaftaran Siswa baru ... 56

Gambar 4.4 Formulir Biodata ... 56

Gambar 4.5 Formulir Biodata Lanjutan ... 57

Gambar 4.6 Halaman Login Admin ... 57

Gambar 4.7 Menu Pengguna Admin ... 58

Gambar 4.8 Menu Pengguna Manajer ... 58

Gambar 4.9 Menu Pengguna Peserta ... 59

Gambar 4.10 Halaman Ujian Penempatan Level ... 59

Gambar 4.11 Halaman Ujian Penempatan Level Lanjutan ... 60

(8)

x

Gambar 4.15 Halaman Laporan Data Siswa Baru ... 63

(9)

xi

Lampiran 1 Biodata Penulis ... 79

(10)

1

PENDAHULUAN

1.1 Latar Belakang

Rasyid English Course merupakan lembaga pendidikan bahasa Inggris yang terletak di lokasi strategis daerah Monang – Maning di kota Denpasar. Rasyid English Course memiliki siswa sebanyak tujuh puluh sampai seratus siswa baru

setiap periode pembelajarannya. Dalam satu tahun Rasyid English Course memungkinkan untuk membuka dua sampai tiga periode pembelajaran. Satu

periode pembelajaran memiliki waktu lima bulan.

Proses pendaftaran siswa baru merupakan salah satu kewajiban pihak sekolah dan Dinas Pendidikan setiap tahun ajaran baru, Herek French (2001). Pendaftaran

yang dilakukan sampai saat ini sangat tidak terstruktur masih dilakukan secara manual dan hanya mengisi data calon siswa baru pada formulir pendaftaran. Sehingga penyimpanan data di dalam buku sebagai arsip dokumen pendaftaran

sering mengalami kesalahan dan kehilangan pada kumpulan data calon siswa baru. Selain itu, proses seleksi memiliki masalah dalam penentuan level atau tingkatan

untuk calon siswa baru.

Pihak manajemen pun mengalami kesulitan dalam mendapatkan laporan jumlah siswa baru didalam setiap periodenya. Pada dasarnya pendaftaran

digunakan untuk memperlancar dan mempermudah proses pendaftaran siswa baru, pendataan dan pembagian kelas siswa, sehingga dapat terorganisir, teratur dengan

cepat dan tepat dengan beberapa persyaratan yang telah ditentukan oleh sekolah. Dari masalah tersebut Rasyid English Course mengharapkan adanya

(11)

data nilai ujian seleksi, yang dapat menentukan tingkatan (level) calon siswa baru dengan mudah diakses sehingga mempermudah proses pencatatan, pencarian data pendaftaran dengan tepat dan cepat. Serta diharapkan menghasilkan laporan yang

dapat membantu pihak manajemen untuk memantau jumlah siswa setiap periodenya.

Dengan demikian dalam penyusunan tugas akhir ini mengajukan judul

“Rancang Bangun Aplikasi Pendaftaran dan Seleksi Penempatan Level Siswa Baru

Berbasis Web Pada Rasyid English Course Denpasar”.

1.2 Rumusan masalah

Berdasarkan permasalahan di atas, maka dapat dirumuskan permasalahan

sebagai berikut: Bagaimana merancang dan membangun Aplikasi Pendaftaran dan Seleksi Penempatan Level Siswa Baru berbasis Web pada Rasyid English Course

Denpasar.

1.3 Batasan Masalah

Untuk mempermudah pelaksanaan pembuatan aplikasi ini dan masalah yang

dihadapi tidak terlalu luas, pada pembuatan aplikasi membatasi masalah sebagai berikut:

a. Aplikasi ini tidak membahas tentang pembayaran pendaftaran, sehingga hanya

mengelola data calon siswa baru

b. Bahasa pemrograman yang digunakan dalam membangun aplikasi ini adalah

PHP.

1.4 Tujuan

(12)

a. Terbentuknya aplikasi pendaftaran dan seleksi penempatan level siswa baru pada Rasyid English Course yang dapat menangani pencatatan data dan proses seleksi penempatan level calon siswa baru dengan tepat dan

cepat.

b. Menghasilkan laporan pendaftaran siswa baru setiap periodenya yang

sesuai dengan harapan dari pihak Rasyid English Course, sekaligus dapat mengurangi tingkat kesalahan yang terjadi dalam kekeliruan pencatatan, pencarian data dan adanya kemungkinan hilang atau rusaknya data karena

media penyimpanan yang kurang baik.

c. Adanya website Rasyid English Course yang dapat memberikan

informasi pendaftaran kepada calon siswa baru.

1.5 Sistematika Penulisan

Penulisan laporan ini secara sistematis dapat dibagi menjadi lima bab, yaitu:

BAB I : PENDAHULUAN

Berisi latar belakang masalah yang ada, perumusan masalah

berdasarkan tujuan, batasan masalah yang akan dibahas, tujuan dari pembuatan aplikasi, serta sistematika penulisan.

BAB II : LANDASAN TEORI

Pada bab ini membahas teori yang berhubungan dan mendukung dalam pembuatan laporan tugas akhir ini. Adapun teori - teori

yang dibahas meliputi: pendaftaran dan seleksi, aplikasi, system

(13)

BAB III : ANALISIS DAN PERANCANGAN SISTEM

Pada bab ini membahas tentang uraian tugas - tugas yang dikerjakan yaitu identifikasi masalah, analisis perancangan sistem

berupa desain umum sistem, block diagram, diagram Sisflow,

data flow diagram, entity relational diagram, struktur tabel, dan

desain masukan dan keluaran aplikasi.

BAB IV : IMPLEMENTASI DAN EVALUASI

Pada bab ini membahas tentang implementasi sistem berupa

capture dari setiap tampilan program. Serta melakukan pengujian

apakah aplikasi telah dapat menyelesaikan permasalahan sesuai

dengan yang diharapkan.

BAB V : KESIMPULAN DAN SARAN

Bab ini berisikan kesimpulan dari laporan tugas akhir serta saran

(14)

5

2.1 Pendaftaran dan Seleksi

Menurut Kamus Besar Bahasa Indonesia (2008), pendaftaran adalah

proses, cara, perbuatan mendaftar (mendaftarkan); pencatatan nama, alamat, dan sebagainya ke dalam daftar.

Pada dasarnya pendaftaran digunakan untuk memperlancar dan mempermudah proses pendaftaran siswa baru, pendataan dan pembagian kelas seorang siswa, sehingga dapat terorganisir, teratur dengan cepat dan tepat dengan

beberapa persyaratan yang telah ditentukan oleh sekolah. Proses pendaftaran siswa baru merupakan salah satu kewajiban pihak sekolah dan Dinas Pendidikan setiap

tahun ajaran baru (Herek French, 2001).

Proses seleksi adalah usaha menjaring dari mereka yang dianggap nantinya bisa menyesuaikan diri dengan pekerjaan yang ditawarkan, mereka

dianggap dapat memperlihatkan kinerja yang diharapkan oleh para pimpinan organisasi (Sunyoto, 2008).

2.2 Aplikasi

Aplikasi merupakan program yang berisikan perintah-perintah untuk

melakukan pengolahan data. Aplikasi secara umum adalah suatu proses dari cara manual yang ditransformasikan ke komputer dengan membuat sistem atau program agar data diolah lebih berdaya guna secara optimal (Jogiyanto, 2004).

(15)

2. Perangkat lunak infrastruktur perusahaan. 3. Perangkat lunak informasi kerja.

4. Perangkat lunak media dan hiburan.

5. Perangkat lunak pendidikan.

6. Perangkat lunak pengembangan media.

7. Perangkat lunak rekayasa produk.

2.3 System Development Life Cycle (SDLC)

Gambar 2.1 System Development Life Cycle (SDLC)

SDLC atau Siklus Hidup Pengembangan Sistem adalah metode pengembangan sistem tradisional yang digunakan sebagian besar organisasi saat

ini. SDLC adalah kerangka kerja (framework) yang terstruktur yang berisi proses- proses sekuensial di mana sistem informasi dikembangkan (Turban, 2003).

Ada beberapa model SDLC. Model yang cukup populer dan banyak digunakan adalah waterfall. Dengan siklus SDLC waterfall, proses membangun sistem dibagi menjadi beberapa langkah dan pada sistem yang besar,

masing-masing langkah dikerjakan oleh tim yang berbeda. Dalam sebuah siklus SDLC

waterfall, terdapat enam langkah. Jumlah langkah SDLC waterfall berbeda pada

tiap referensi lain, namun secara umum adalah sama. Langkah-langkah metode

(16)

1. Analisa sistem, yaitu membuat analisis aliran kerja manajemen yang berjalan. 2. Spesifikasi kebutuhan sistem, yaitu melakukan perincian mengenai apa saja

yang dibutuhkan dalam pengembangan sistem dan membuat perencanaan yang

berkaitan dengan proyek sistem.

3. Perancangan sistem, yaitu membuat desain aliran kerja manajemen dan desain

pemrograman yang diperlukan untuk pengembangan sistem.

4. Pengembangan sistem, yaitu tahap pengembangan sistem informasi dengan menulis program yang diperlukan.

5. Pengujian sistem, yaitu melakukan pengujian terhadap sistem yang telah dibuat. 6. Implementasi dan pemeliharaan sistem, yaitu menerapkan dan memelihara

sistem yang telah dibuat.

Gambar 2.2 Siklus SDLC Waterfall

Siklus SDLC waterfall dijalankan secara berurutan, mulai dari langkah pertama hingga langkah keenam. Setiap langkah yang telah selesai harus dikaji ulang, kadang-kadang bersama expert user, terutama dalam langkah spesifikasi

kebutuhan dan perancangan sistem untuk memastikan bahwa langkah telah dikerjakan dengan benar dan sesuai harapan. Jika tidak maka langkah tersebut perlu

diulangi lagi atau kembali ke langkah sebelumnya. Kelebihan dari SDLC waterfall adalah:

Requirement

Design

Implementation

Verification

(17)

1. Proses-prosesnya mudah dipahami dan jelas. 2. Mudah dalam pengelolaan proyek.

a. Dokumen dihasilkan setiap akhir fase.

b. Sebuah fase dijalankan setelah fase sebelumnya selesai. 3. Struktur sistem jelas.

2.4 Web

Web merupakan sistem hypermedia yang berarea luas yang ditujukan

untuk akses secara universal. Salah satu kuncinya adalah kemudahan tempat

seseorang atau perusahaan dapat menjadi bagian dan berkontribusi pada web (Hanson, 2000).

Web menyebabkan pertukaran data di Internet menjadi mudah dan efisien.

Web terdiri atas 2 komponen dasar, yaitu (Ellsworth & Ellsworth, 1997) :

a. Server Web : sebuah komputer dan software yang menyimpan dan

mendistribusikan data ke komputer lainnya (yang meminta informasi) melalui internet.

b. Browser Web : software yang dijalankan pada komputer pemakai (client) yang

meminta informasi dari server Web dan menampilkannya sesuai dengan file data itu sendiri.

2.5 World Wide Web

World Wide Web merupakan jaringan dokumen yang sangat besar yang

saling dihubungkan satu sama lain; satu set protokol yang mendefinisikan

(18)

multimedia yang membuat internet mudah digunakan, dijelajahi dan dikontribusikan (Ellsworth & Ellsworth, 1997).

2.6 MySQL

Gambar 2.3 Logo MySQL

Menurut Arief (2011), MySQL adalah salah satu jenis database server yang terkenal dan banyak digunakan untuk membangun aplikasi web yang

menggunakan database sebagai sumber dan pengolahan datanya.

MySQL dikembangkan oleh perusahaan swedia bernama MySQL AB yang pada saat ini bernama Tcx Data Konsult AB sekitar tahun 1994-1995, namun

cikal bakal kodenya sudah ada sejak tahun 1979. Awalnya Tcx merupakan perusahaan pengembang perangkat lunak dan konsultan database, dan saat ini

MySQL sudah diambil alih oleh Oracle Corp.

Kepopuleran MySQL antara lain karena MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses database-nya sehingga mudah untuk

digunakan, kinerja query cepat, dan mencukupi untuk kebutuhan database perusahaan-perusahaan yang berskala kecil sampai menengah, MySQL juga

bersifat open source (tidak berbayar) .

MySQL merupakan database yang pertama kali didukung oleh bahasa pemrograman script untuk internet (PHP dan Perl). MySQL dan PHP dianggap

sebagai pasangan perangkat lunak pembangun aplikasi web yang ideal. MySQL lebih sering digunakan untuk membangun aplikasi berbasis web, umumnya

(19)

2.7 PHP

Menurut Anhar (2010) “PHP singkatan dari Perl Hypertext Preprocessor yaitu bahasa pemrograman web server-side yang bersifat open source. PHP

merupakan script yang terintegrasi dengan HTML dan berada pada server (server

side HTML embedded scripting). PHP adalah script yang digunakan untuk

membuat halaman yang dinamis. Dinamis berarti halaman yang akan ditampilkan dibuat saat halaman itu diminta oleh pengguna. Mekanisme ini menyebabkan informasi yang diterima pengguna selalu yang terbaru atau up to date. Semua script

PHP dieksekusi pada server dimana script tersebut dijalankan.

Beberapa kelebihan PHP menurut Aditya (2011):

1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak melakukan sebuah kompilasi dalam penggunaannya.

2. Web Server yang mendukung PHP dapat ditemukan dimana-mana dari mulai

Apache, IIS, Lighttpd, hingga Xitami dengan konfigurasi yang relatif mudah. 3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis-milis dan

developer yang siap membantu dalam pengembangan.

4. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudah karena memiliki referensi yang banyak.

5. PHP adalah bahasa open source yang dapat digunakan diberbagai mesin (Linux, Unix, Macintosh, Windows) dan dapat dijalankan secara runtime

melalui console serta juga dapat menjalankan perintah-perintah sistem. 6. PHP bersifat bebas dipakai (free).

(20)

2.8 Database

Database adalah kumpulan seluruh sumber daya berbasis komputer milik

organisasi dan sistem. Database yang dikendalikan oleh sistem manajemen

database adalah satu set catatan data yang berhubungan dan saling menjelaskan. (Raymond McLeod, 2004)

Menurut Anhar (2010), “Database adalah sekumpulan tabel-tabel yang

berisi data dan merupakan kumpulan dari field atau kolom. Struktur file yang menyusun sebuah database adalah Data Record dan Field”.

Database merupakan kumpulan data dan informasi dalam jumlah yang

tidak sedikit. Oleh karena itu database harus disusun sebagai kriteria terpola dengan

jelas sejak dari awalnya. Database akan diubah ke dalam bentuk tabel dengan memperhatikan: File Table, Field, Primary Key dan sebagaimana yang merupakan bagian dari database. Singkatnya langkah awal pengolahan suatu sistem unit data

(21)

12

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

(22)

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

(23)

Calon Siswa Baru

Admin Website Pendaftaran Dan Seleksi Penempatan

Level Siswa Baru Rasyid English Course

1. Calon siswa baru membuka website Rasyid English Course 2. Calon siswa baru mendaftarkan diri

4. Calon siswa memasukkan username dan password.

12. Menerima laporan siswa baru

7. Menerima biodata untuk syarat mengikuti ujian 8. Memasukkan nilai ujian lisan calon siswa baru 3. Sistem mengirimkan username

dan password untuk mendapatkan hak akses sebagai peserta.

10. Sistem menghitung dan memproses nilai ujian calon siswa baru

11. Sistem menampilkan rekomendasi

level calon siswa baru

5. Calon siswa melengkapi biodata untuk dapat mengikuti ujian penempatan level.

Manajer

6. Menerima data calon siswa baru 13. Mengatur hak akses admin

9. Calon siswa baru mengerjakan ujian tulis

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

(24)

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

(25)

Aplikasi Pendaftaran dan Seleksi Penempatan Level Siswa Baru

Soal Ujian Tulis

Data Nilai Ujian

Laporan Data Siswa Baru Soal Ujian

Tulis

Jawaban Peserta Data

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

(26)

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

(27)

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

(28)

Seleksi Penempatan Level 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 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

(29)

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,

(30)

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

2

Proses Transaksi

3

Laporan 1

Mengelola Data Master

1.2

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

(31)

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

Jawaban Peserta Detail Jawaban Peserta

1

Aplikasi Pendaftaran dan Seleksi Penempatan Level

Siswa Baru Peserta

Admin

Manajer

(32)

Gambar 3.8 DFD Level 0

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

Data Siswa Baru

Daftar Prosedur

Tanggal Ujian

Password Soal Ujian Tulis Daftar Pengumuman

Data Jawaban Peserta Data User

Daftar User

Jawaban Peserta

Data Prosedur Daftar Soal Ujian Tulis

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

24 Ujian Penempatan Level

25 Pendaftaran

10 7

(33)

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 Detail

Jawaban Peserta 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 15 Jawaban Peserta

17 Kontak Maintenance Data

Soal Ujian Tulis

(34)

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

19 Jawaban Peserta 21 Soal Ujian Tulis

22 Detail Jawaban Peserta 1.2.1

Soal Ujian Tulis

Rekomendasi Level

Detail Jawaban Peserta Jawaban Peserta

Soal Ujian Tulis

6

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

(35)

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 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 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 (30) Number

Variable characters (100) Variable characters (100) Variable characters (10) Variable characters (12) Number

Number Number Date & Time Date & Time

Data Level Created At level Updated At Level

Date & Time Date & Time Data Periode Created At Period Updated At Period

Variable characters (10 Variable characters (10 Date

Date Date & Time Date & Time

Soal Ujian Tulis # Created At Soal Updated At Soal

Variable characters (10) Variable characters (10) Variable characters (10) Variable characters (10) Date & Time Date & Time Data Siswa

Variable characters (100 Variable characters (50) Variable characters (50) Jadwal

Variable characters (10 Variable characters (10 Integer

Date & Time Date & Time

Jawaban Peserta Created At Jawaban

Integer Integer Integer Integer Date & Time

Prosedur Created At Prosedur Updated At Prosedur

Integer

Variable characters (100) Variable characters (100) Variable characters (100) Date & Time

Date & Time Kontak Created At Kontak Updated At Kontak

Integer

Variable characters (100) Variable characters (100) Variable characters (100) Text

Number Date & Time Date & Time

Pengumuman Created At Pengumuman Updated At Pengumaman

Integer

Variable characters (100) Variable characters (100) Variable characters (100) Date & Time

Date & Time

User Created At User Updated At User

Integer

Variable characters (100) Variable characters (100) Variable characters (100) Number

(36)

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 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 Created At Peserta Updated At Peserta

varchar(10) Created At level Updated At Level

varchar(10) Created At Period Updated At Period

varchar(10)

Soal Ujian Tulis

Question ID Created At Soal Updated At Soal

varchar(10) Created At Jawaban

integer Created At Prosedur Updated At Prosedur

integer Created At Kontak

integer Created At Pengumuman

integer Created At User Updated At User

integer

Id Jawaban

Ujian Penempatan Level

(37)

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

(38)

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

(39)

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

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

(40)

Tabel 3.4 Periode

1 Id Int 10 PK

2 Period_name Varchar 25

3 Start Date

4 End Date

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

1 Jadwal_ID Int 10 PK

2 Level_ID Int 10 FK

2 Jadwal_hari Varchar 25

3 Jadwal_jam Int 10

F. Tabel Siswa Baru

Fungsi : Menyimpan data siswa baru

(41)

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

Tabel 3.6 Siswa Baru

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

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

(42)

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

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

1 ID_Jawaban_Peserta Int 11 PK, FK

2 Question_ID Int 11 PK, FK

(43)

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

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

K. Tabel User

Fungsi : Menyimpan data pengguna admin

Primary Key : User_ID

(44)

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

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

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

1 Pengumuman_ID Int 10 PK

2 Period_ID Int 10 FK

3 User_ID Int 10 FK

4 Judul Int 64

(45)

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

Tabel 3.13 Prosedur

1 Prosedur_ID Int 4 PK

3 Judul Int 64

4 Slug Varchar 128

5 Isi Text

N. Tabel Kontak

Fungsi : Menyimpan data kontak dan saran

Primary Key : Kontak_ID

(46)

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

1 Kontak_ID Int 10 PK

2 Nama Varchar 64

3 Email Varchar 64

4 Judul Varchar 128

5 Isi text

6 Is_dibalas enum 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

(47)

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

Home Peserta Pendaftaran Informasi

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!

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

(48)

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

Rasyid English Course

Data Peserta

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.id/pendaftaran

Form Pendaftaran

Bantuan

A f j l a

Email Email

Nama Lengkap Nama Lengkap

Nama Panggilan Nama Panggilan

Masukkan 4 huruf / angka pada gambar di atas Captcha

Daftar

(49)

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.id/pengumuman

Pengumuman

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

(50)

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

Prosedur Pendftaran

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

Jadwal Kursus

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

(51)

pihak Rasyid English Course. Rancangan tampilan tab Kontak, dapat dilihat pada Gambar 3.20.

http://www.rec.co.id/kontak

Kontak

Bantuan

A f j l a

Email

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.id/kontak

Kontak

Bantuan

A f j l a

Email Email

Nomor Peserta Nomor Peserta

Kirim

Kontak Lupa Password

(52)

http://www.rec.co.id/admin/login

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

(53)

http://www.rec.co.id/dashboard/biodata

Biodata

Nama

A. Data Pribadi Siswa

Nomor Peserta 20160010

Keterangan Agama

Jenis Kelamin Laki-laki Perempuan

Agama

Keterangan Tinggal Dengan

B. Keterangan Tempat Tinggal

Alamat Tinggal

Alamat Tinggal Dengan

Telepon

Gambar 3.23 Rancangan tampilan formulir biodata

http://www.rec.co.id/dashboard/biodata

Nama Ayah

C. Data Orang Tua Siswa

Keterangan Pekerjaan Ayah

Keterangan Pekerjaan Ayah Pekerjaan Ayah

Nama Ibu

Keterangan Pekerjaan ibu

Keterangan Pekerjaan Ibu Pekerjaan Ibu

Alamat Orang Tua

Alamat

Telepon Orang Tua

Nama Sekolah

D. Keterangan Pendidikan Sebelumnya

Alamat Sekolah

Alamat

Telepon Sekolah

Telepon

Status Negeri Swasta

Kelas Asal

Simpan

Gambar 3.24 Rancangan tampilan formulir biodata lanjutan

(54)

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.id/admin

Login sebagai, admin Home Pengumuman Data Master Soal Ujian Tulis Kontak Seleksi Penempatan Level MyAdmin

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

(55)

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

Login sebagai, admin

Home Pengumuman Data Master Soal Ujian Tulis Kontak Seleksi Penempatan Level MyAdmin

Data Peserta

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.id/admin/level

Data Level

Peserta Prosedur Periode Level Jadwal

No Level Score

1 2 Next >

Tambah

Aksi

(56)

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.id/admin/periode

Data Periode

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

(57)

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

Login sebagai, Peserta Home Peserta Informasi Kontak Ujian Penempatan Level 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.

http://www.rec.co.id/admin/report/new_student

Login sebagai, Manajer

Home User Data Master Kontak Seleksi Penempatan Level MyAdmin

Report

1 2 Next >

Status Biodata Ujian Penempatan Level Aksi Laporan Siswa Baru

Sort By : Periode Level Pendaftar Siswa Baru

(58)

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

Login sebagai, Manajer Home User Data Master Kontak Seleksi Penempatan Level MyAdmin

Report

1 2 Next >

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

(59)

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