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

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 2016

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

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

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

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

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

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

x

Gambar 4.15 Halaman Laporan Data Siswa Baru ... 63 Gambar 4.16 Halaman Laporan Data Pendaftar ... 63

xi

Lampiran 1 Biodata Penulis ... 79 Lampiran 2 Formulir Pendaftaran Rasyid English Course ... 80

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 aplikasi yang mampu mencatat dan menyimpan data pendaftaran serta mengolah

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

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

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 untuk pengembangan aplikasi.

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

Aplikasi dapat digolongkan menjadi beberapa kelas, antara lain: 1. Perangkat lunak perusahaan (enterprise).

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

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

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 bagaimana sistem bekerja dan mentransfer data; dan sebuah software yang membuatnya bekerja dengan mulus. Web menggunakan teknik hypertext dan

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 pengembangan aplikasinya menggunakan bahasa pemrograman script PHP.

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

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 itu dilakukan di dalam database.

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 adalah bagaimana merancang dan membangun aplikasi Pendaftaran dan Seleksi Penempatan Level Siswa Baru pada Rasyid English Course Denpasar.

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:

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

ujian lisan yang didapat oleh calon siswa baru tersebut. Hasil dari ujian inilah yang menentukan rekomendasi level yang cocok dengan calon siswa tersebut.

Perhitungan rekomendasi berdasarkan oleh kriteria ujian penempatan level yang dibuat dan dibandingkan dengan nilai hasil ujian penempatan level. Langkah-langkah untuk mendapatkan nilai rekomendasi adalah sebagai berikut:

1. Menentukan nilai bobot dari setiap kriteria ujian penempatan level. 2. Membuat rumus penentuan level berdasarkan nilai akhir

3. Memasukkan nilai hasil ujian penempatan level.

4. Perhitungan nilai akhir yang akan menampilkan rekomendasi level:

Pada proses terakhir, admin akan dapat melihat laporan yang berisi tentang informasi data siswa baru dengan rekomendasi level yang diperoleh masing-masing siswa baru dan jumlah pendaftar calon siswa baru. Dengan adanya sistem ini maka proses pendaftaran serta seleksi penempatan level dapat dilakukan dengan cepat dan efisien dengan didukung oleh metode secara otomatis oleh sistem.

3.2.2 Blok Diagram

Blok diagram menggambarkan tentang apa saja masukan yang dibutuhkan, proses yang dilakukan, dan keluaran yang dihasilkan oleh aplikasi pendaftaran dan seleksi penempatan level pada Rasyid English Course dapat dilihat pada Gambar 3.2.

Aplikasi Pendaftaran dan Seleksi Penempatan Level Siswa Baru PROCESS INPUT OUTPUT P h as e Mengolah Data User Mengolah Data Peserta Mengolah Data Periode Mengolah Data Nilai Ujian Membuat Laporan Mengolah Data Level Data User Data Peserta Data Level Data Periode Mengolah Data Jenis Ujian Data Soal Ujian Tulis Data Nilai Ujian Laporan Data Siswa Baru Total Nilai Ujian Penempatan Level Rekap Data User Rekap Data Peserta Rekap Data Level Rekap Data Periode Rekap Data Soal Ujian Tulis Mengolah Data Jadwal Kursus Data Jadwal Kursus Rekap Data Jadwal Kursus Mengolah Detail

Jawaban Peserta Data Detail Jawaban Peserta Rekap Detail Jawaban Pesserta Mengolah Data Jawaban Peserta Data Jawaban Peserta Rekap Data Jawaban Peserta Laporan Data Peserta

Gambar 3.2 Blok Diagram

Masukan yang dibutuhkan untuk disimpan pada aplikasi pendaftaran dan seleksi penempatan level, antara lain: data user, data peserta, data level, data periode, data jenis ujian, data soal ujian tulis, data jawaban peserta dan data nilai ujian. Sedangkan masukan yang dibutuhkan untuk pembuatan laporan, antara lain: rekap data user, rekap data peserta, rekap data level, rekap data periode, dan data laporan seleksi level.

Untuk blok keluaran, hasil informasi berupa laporan terkait dengan proses seleksi penempatan level: data rekap user, data rekap peserta, rekap data level, rekap data periode, rekap data jenis ujian, rekap data soal ujian tulis, data rekap jawaban peserta, laporan nilai ujian, dan laporan penempatan level dimana akan berisi informasi level yang sesuai dengan kemampuan calon siswa baru berdasarkan hasil ujian penempatan level.

3.2.3 System Flow Pendaftaran dan Seleksi Penempatan Level

System flow adalah penggambaran aliran dokumen dalam sistem dan

merupakan proses kerja dalam sistem. System flow menggambarkan aliran atau arus data pada sistem yang nantinya akan digunakan untuk membantu dalam pembangunan proses dalam organisasi. Tentunya, transformasi aliran dokumen ini lebih efektif dalam menjalankan proses organisasi, sehingga proses tersebut bisa dikerjakan dengan cepat dan hasilnya akurat.

System flow pada aplikasi ini dibagi menjadi tiga yang akan dijelaskan

pada sub bab berikut.

A.

Pendaftaran Siswa Baru

System Flow daftar akun baru mempunyai fungsi untuk mencatat data diri

calon siswa baru. Saat pendaftaran, calon siswa baru akan mengisi formulir lalu akan disimpan pada database peserta.

Saat masuk ke halaman utama website Rasyid English Course calon siswa baru harus pilih menu “Pendaftaran” lalu masuk ke fungsi ini. Halaman pendaftaran akan muncul, calon siswa mengisi data yang diperlukan pada aplikasi pendaftaran

online ini. Setelah semua data yang dimasukkan dicek oleh sistem dan sesuai

menampilkan username dan password yang akan digunakan untuk melengkapi biodata peserta sebagai syarat mengikuti ujian penempatan level.

Pendaftaran Calon Siswa Baru

Website Pendaftaran Calon Siswa Baru

P

h

as

e

MULAI

SELESAI Memilih menu

“Pendaftaran”

Mengisi formulir Data Peserta

Memasukkan kode verifikasi dan menekan tombol

“DAFTAR”

Menyimpan data pendaftaran

Data Peserta

Data Periode

Mengirim Username dan

Password Menerima

Username dan Password

Menampilkan Formulir Pendaftaran

Data Peserta

Gambar 3.3 System flow pedaftaran online

B. Seleksi Penempatan Level

Setelah mengikuti ujian, admin memasukkan nilai hasil ujian siswa didalam aplikasi. Selanjutnya sistem akan menghitung dan mengolah data nilai ujian, sehingga menghasilkan rekomendasi level.

Seleksi Penempatan Level

Website Pendaftaran Admin

P

h

as

e

MULAI

SELESAI Membuka Menu Seleksi Penempatan

Level

Memilih Nama Calon Siswa Baru

Menekan tombol

“SAVE” Memproses data Nilai Ujian Mengisi Nilai Hasil

Ujian Lisan

Menampilkan Rekomendasi

Level

Data Nilai Ujian

Data Jenis Ujian

Data Level Data Soal

Ujian Tulis Menampilkan

Data Peserta

Menampilkan Formulir Nilai Ujian

Penempatan Level

Data Peserta

Data Nilai Ujian Login sebagai

Administrator

Gambar 3.4 System flow seleksi penempatan level

C. Laporan

Fungsi laporan digunakan untuk menyusun laporan data siswa baru oleh manajer. Laporan ini berisi data calon siswa baru per-periode dan data siswa baru dengan penempatan level.

Laporan Siswa Baru

Website Pendaftaran Pimpinan

P

h

as

e

MULAI

SELESAI

Membuka Menu Report New Student

Memilih Data siswa berdasarkan

periode

Cetak Laporan Mengurutkan Data siswa berdasarkan Level

Mencetak Laporan Data Level Data Periode

Menampilkan Data Siswa Baru berdasarkan Level

Data Siswa Baru Menampilkan Data

Siswa Baru berdasarkan Periode

Login Sebagai Manajer

Gambar 3.5 System flow laporan siswa baru

3.2.4 Data Flow Diagram

Data Flow Diagram atau DFD adalah diagram yang menggunakan

notasi-notasi simbol untuk menggambarkan arus dari data sistem. DFD sering digunakan untuk menggambarkan salah satu sistem yang telah ada atau sistem baru yang akan dikembangkan secara logika tanpa mempertimbangkan lingkungan fisik di mana data tersebut mengalir (misalnya lewat telepon, surat dan sebagainya) atau lingkungan fisik di mana data tersebut akan disimpan (misalnya data kartu,

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 Peserta 1.3 Data Level 1.4 Data Periode 1.5 Data Soal Ujian Tulis

1.7 Data Detail Jawaban

Peserta 2.1 Pendaftaran Online 2.2 Ujian Seleksi Penempatan Level 3.1 Laporan Data Pendaftar 1.1 Data User 1.6 Data Jawaban Peserta

1.8 Data Pengumuman 1.10 Data Prosedur 1.9 Data Jadwal 1.11 Data Kontak 1.12 Data Siswa Baru 3.2 Laporan Data Siswa Baru

Gambar 3.6 Diagram jenjang

B. Context Diagram

Context diagram merupakan gambaran menyeluruh dari DFD. Di dalam

context diagram terdapat tiga External Entity yaitu peserta, admin, dan manajer

system flow yang menjelaskan alur sistem. Dalam alur sistem terdapat proses dan

tabel yang dibutuhkan untuk menjalankan proses tersebut sehingga dapat diketahui alur data serta entitasnya. Tampilan dari context diagram dapat dilihat pada Gambar 3.7.

Gambar 3.7 Context Diagram

C. DFD Level 0

Pada DFD level 0 akan menggambarkan proses-proses yang ada dalam aplikasi pendaftaran online dan seleksi penempatan level siswa baru. Terdapat empat proses yang saling berhubungan dan akan digambarkan pada Gambar 3.8 yaitu:

Data Diri

Tanggal Ujian

Rekomendasi Level

Data Periode Username

Total NIlai Ujian

Data Level

Laporan Siswa Baru

Soal Ujian Tulis

Data Nilai Ujian Data Soal Ujian Tulis

Data Peserta Memilih Data Siswa

Password

Password Data User

Data Jadwal Data Kontak

Data Pengumuman Data Prosedur Jawaban Peserta

Detail Jawaban Peserta

Jawaban Peserta Detail Jawaban Peserta

1

Aplikasi Pendaftaran dan Seleksi Penempatan Level

Siswa Baru Peserta

Admin

Manajer

Gambar 3.8 DFD Level 0 11 1 5 7 9

Laporan Siswa Baru Data Peserta

Memilih Data Peserta Username

Total Nilai Ujian

1.1

Mengelola Data Master

1.2 Pendaftaran dan Ujian

Seleksi Penempatan Level 1.4 Laporan Peserta Admin Manajer Data Peserta

Data Siswa Baru

Daftar Prosedur

Tanggal Ujian Password Soal Ujian Tulis Daftar Pengumuman Data Pengumuman Data Kontak Data Jadwal Data Periode Data Level

Data Jawaban Peserta Data User

Daftar User

Jawaban Peserta

Data Prosedur Daftar Soal Ujian Tulis

Detail Jawaban Peserta

Detail Jawaban Peserta Daftar Jawaban Peserta

Laporan Pendaftar

Data Level Data Periode

Memilih Periode

Memilih Data Siswa Baru Data Peserta

Data Soal Ujian Tulis

Data Nilai Ujian

Rekomendasi Level Daftar Level

Daftar Periode

Daftar Detail Jawaban Peserta

Daftar Soal Ujian Tulis Daftar Nilai Ujian

Daftar Peserta

Password Daftar Jadwal

Daftar Kontak

2 Detail Jawaban Peserta

3 Level 4 Periode

1 Peserta 11 Data Soal Ujian Tulis

12 User 13 Jadwal

14 Pengumuman

15 Jawaban Peserta 16 Prosedur

17 Kontak

23 Siswa Baru 11 2 2 2 1 3 11 5 5 8 9 12 7 13 14

12126

24 Ujian Penempatan Level 25 Pendaftaran

10 7 2

D. DFD Level 1

DFD level 1 adalah gambaran aliran data yang lebih detail dari context

diagram. Aliran data yang tidak dapat digambarkan pada context diagram akan

dijelaskan lebih rinci pada DFD level 1 pada Gambar 3.9 dan Gambar 3.10.

Gambar 3.9 DFD level 1 maintenance data master

1.1.1 Maintenance Pendaftaran 1.1.2 Maintenance Data Level 1.1.3 Maintenance Data Periode 1.1.5 Maintenance Nilai Ujian 1.1.6 Maintenance Detail Jawaban Peserta 1.1.7 Maintenance Data User Admin Manajer 1.3 1.4 1.8 7 1.7 1.6 1.11 1.12 11 1 Data Pendaftaran Daftar Pendaftaran Data Level Daftar Level Daftar Periode 24 Ujian Penempatan Level

23 Siswa Baru 5 Soal Ujian Tulis

2 Detail Jawaban Peserta

1 Peserta 12 User

Data Periode Daftar Ujian Penempatan Level

Data Ujian Penempatan Level

Daftar Jadwal Data Jadwal Daftar Pengumuman

Data Pengumuman

Data Detail Jawaban Peserta Daftar Detail Jawaban Peserta

Data Soal Ujian Tulis Daftar Soal Ujian Tulis

Data Pengumuman Daftar Pengumuman Data User

Daftar User

Data Siswa baru

Daftar Siswa Baru

Data Peserta Daftar Peserta Data Prosedur Daftar Prosedur Daftar Kontak Data Kontak 14 Pengumuman 13 Jadwal 15 Jawaban Peserta

17 Kontak 16 Prosedur 4 Periode 3 Level 25 Pendaftaran 1.1.8 Maintenance Siswa Baru1 1.1.9 Maintenance Jawaban Peserta 1.1.10 Maintenance Jadwal 1.1.11 Maintenance Data Soal Ujian Tulis

1.1.12 Maintenance Pengumuman 1.1.13 Maintenance Peserta 1.1.14 Maintenance Prosedur 1.1.15 Maintenance Prosedur2 1.5 6 10 9 1.6 1.9 1.7 1.11 1.10 8 1.8 5 13 1.2 11 1.1 1.11 2 1.8 1.13 14 1.8 1.14 7 11

Gambar 3.10 DFD level 1 transaksi pendaftaran dan seleksi penempatan level

Gambar 3.11 DFD level 1 transaksi pendaftaran dan seleksi penempatan level

3.2.5 Entity Relationship Diagram

Entity Relationship Diagram atau ERD merupakan salah satu teknik

dokumentasi yang digunakan untuk menyajikan relasi antara entitas (sumber daya, peristiwa dan agen) dalam sebuah sistem. (Hall, 2001)

Peserta

Admin Detail Jawaban Peserta

Data Peserta Tanggal Ujian Password Username Password Jawaban Peserta 18 Peserta

19 Jawaban Peserta 21 Soal Ujian Tulis

22 Detail Jawaban Peserta 1.2.1 Pendaftaran Online 1.2.2 Ujian dan Seleksi Penempatan Level 7 2.1

Soal Ujian Tulis

Rekomendasi Level

Detail Jawaban Peserta Jawaban Peserta

Soal Ujian Tulis

6 2.2 2 7 6 5 7

Nilai Ujian Lisan

3.1

3.2 1.4.1 Laporan Pendaftar

1.4.2 Laporan Siswa Baru Manajer

3.1

3.2

23 Siswa Baru

1 Peserta

2

12

3 Level

4 Periode

Memilih Data Siswa Baru Memilih data peserta Memilih data Periode Data Pendaftar

Memilih Periode Memilih Level Data Siswa Baru

A. Conceptual Data Model

Sebuah Conceptual Data Model atau CDM menggambarkan secara keseluruhan konsep struktur basis data yang dirancang untuk salah satu aplikasi sebagaimana terlihat pada Gambar 3.12.

Gambar 3.12 Conceptual Data Model Relationship_1 Relationship_6 Relationship_7 Relationship_4 Relationship_13 Relationship_14 Relationship_15 Relationship_8 Relationship_9 Relationship_10 Relationship_11 Data Peserta # o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o o Registrant ID Email Peserta Username Peserta Password Peserta Nama Peserta Jenis Kelamin Agama Ket_agama Tempat Lahir Tanggal Lahir Anak ke Jumlah saudara Tmp tinggal dengan Tmp ket tinggal dengan Tmp alamat Tmp telepon Ort nama ayah Ort Pekerjaan ayah Ort Ket Pekerjaan ayah Ort nama ibu Ort Perkerjaa ibu Ort Ket Pekerjaan ibu Ort alamat Ort Telepon Ska Nama Ska Status Ska alamat Ska telepon Ska Kelas Status Pendaftaran Status Biodata Status Verifikasi Status Seleksi Created At Peserta Updated At Peserta

Variable characters (10) Variable characters (100) Variable characters (20) Characters (8) Variable characters (100) Characters (1) Variable characters (50) Variable characters (24) Variable characters (20) Date

Variable characters (2) Variable characters (2) Number

Variable characters (100) Variable characters (100) Integer

Variable characters (100) Number

Variable characters (100) Variable characters (100) Number

Variable characters (100) Variable characters (100) Integer

Variable characters (30) Number

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

Number Number Date & Time Date & Time

Data Level # o o o o Level_ID Level Name Level_Score Created At level Updated At Level

Variable characters (10) Variable characters (25) Integer

Date & Time Date & Time Data Periode # o o o o o Period ID Period Name Date Start Date End Created At Period Updated At Period

Variable characters (10 Variable characters (10 Date

Date Date & Time Date & Time

Soal Ujian Tulis # o o o o o o o o Question ID Question Pil A Pil B Pil D Pil C Jawaban Benar Created At Soal Updated At Soal

Variable characters (10) Variable characters (25) Integer

Variable characters (10) Variable characters (10) Variable characters (10) Variable characters (10) Date & Time Date & Time Data Siswa # o o Student_ID Status Information

Variable characters (100 Variable characters (50) Variable characters (50) Jadwal # o o o o o Jadwal ID Jadwal Hari Jadwal Jam ID Level Created at Updated at Integer

Variable characters (10 Variable characters (10 Integer

Date & Time Date & Time

Jawaban Peserta # o o o o Id Jawaban Benar Salah Jumlah Soal Created At Jawaban

Integer Integer Integer Integer Date & Time

Prosedur # o o o o o Prosedur ID Slug Prosedur Judul Prosedur Isi Prosedur Created At Prosedur Updated At Prosedur

Integer

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

Date & Time Kontak # o o o o o o o Kontak ID Email Kontak Nama Kontak Judul Kontak Isi Kontak Is Dibales Created At Kontak Updated At Kontak

Integer

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

Number Date & Time Date & Time

Pengumuman # o o o o o Pengumuman Id Judul Pengumuman Slug Pengumuman Isi Pengumuman Created At Pengumuman Updated At Pengumaman

Integer

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

Date & Time

User # o o o o o o o User ID Username User Password User Nama User Level Is Blokir Created At User Updated At User

Integer

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

Number Date & Time Date & Time

B. Physical Data Model

Sebuah Physical Data Model atau PDM menggambarkan secara detail konsep rancangan struktur basis data yang dirancang untuk salah satu aplikasi. PDM merupakan hasil generate dari CDM. Pada PDM tergambar jelas tabel-tabel penyusun basis data beserta kolom-kolom yang terdapat pada setiap tabel sebagaimana terlihat pada Gambar 3.13.

Gambar 3.13 Physical Data Model

Data Peserta Registrant ID Email Peserta Username Peserta Password Peserta Nama Peserta Jenis Kelamin Agama Ket_agama Tempat Lahir Tanggal Lahir Anak ke Jumlah saudara Tmp tinggal dengan Tmp ket tinggal dengan Tmp alamat Tmp telepon Ort nama ayah Ort Pekerjaan ayah Ort Ket Pekerjaan ayah Ort nama ibu Ort Perkerjaa ibu Ort Ket Pekerjaan ibu Ort alamat Ort Telepon Ska Nama Ska Status Ska alamat Ska telepon Ska Kelas Status Pendaftaran Status Biodata Status Verifikasi Status Seleksi Created At Peserta Updated At Peserta

varchar(10) varchar(100) varchar(20) char(8) varchar(100) char(1) varchar(50) varchar(24) varchar(20) date varchar(2) varchar(2) numeric varchar(100) varchar(100) integer varchar(100) numeric varchar(100) varchar(100) numeric varchar(100) varchar(100) integer varchar(30) numeric varchar(100) varchar(100) varchar(10) varchar(12) numeric numeric numeric timestamp timestamp <pk> Data Level Level_ID Jadwal ID Level Name Level_Score Created At level Updated At Level

varchar(10) integer varchar(25) integer timestamp timestamp <pk> <fk> Data Periode Period ID Period Name Date Start Date End Created At Period Updated At Period

varchar(10) varchar(100) date date timestamp timestamp <pk>

Soal Ujian Tulis Question ID Question Pil A Pil B Pil D Pil C Jawaban Benar Created At Soal Updated At Soal

varchar(10) varchar(25) integer varchar(10) varchar(10) varchar(10) varchar(10) timestamp timestamp <pk> Data Siswa Student_ID Level_ID Registrant ID Status varchar(100) varchar(10) varchar(10) varchar(50) <pk> <fk1 <fk2 Jadwal Jadwal ID Jadwal Hari Jadwal Jam ID Level Created at Updated at integer varchar(100) varchar(100) integer timestamp timestamp <pk> Jawaban Peserta Id Jawaban Registrant ID Benar Salah Jumlah Soal Created At Jawaban

integer varchar(10) integer integer integer timestamp <pk> Prosedur Prosedur ID User ID Slug Prosedur Judul Prosedur Isi Prosedur Created At Prosedur Updated At Prosedur

integer integer varchar(100) varchar(100) varchar(100) timestamp timestamp <pk> <fk> Kontak Kontak ID User ID Email Kontak Nama Kontak Judul Kontak Isi Kontak Is Dibales Created At Kontak

integer integer varchar(100) varchar(100) varchar(100) long varchar numeric timestamp <pk> <fk> Pengumuman Pengumuman Id Period ID User ID Judul Pengumuman Slug Pengumuman Isi Pengumuman Created At Pengumuman

integer varchar(10) integer varchar(100) varchar(100) varchar(100) timestamp <pk> <fk2> <fk1> User User ID Username User Password User Nama User Level Is Blokir Created At User Updated At User

integer varchar(100) varchar(100) varchar(100) numeric numeric timestamp timestamp <pk> Pendaftarn Period ID Registrant ID Tgl Pendaftaran varchar(10) varchar(10) datetime <pk,fk1> <pk,fk2>

Detail Jawaban Peserta Id Jawaban Question ID Nomor Jawaban Dipilih integer varchar(10) integer varchar <pk,fk1> <pk,fk2>

Ujian Penempatan Level Registrant ID Question ID Tgl Ujian Nil Lisan Nil Tulis Nil Total varchar(10) varchar(10) datetime decimal decimal decimal <pk,fk1> <pk,fk2>

3.2.6 Struktur Tabel

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

A. Tabel Peserta

Fungsi : Menyimpan data peserta pendaftaran online

Primary Key : Student_ID

Foreign Key : ̶

Pada tabel 3.1, berisikan data calon siswa baru yang telah mendaftarkan diri beserta nilai ujian yang telah didapatkan dari ujian penempatan level ini.

Tabel 3.1 Peserta

No Field Name Data Type Length Constraint

1 Registrant ID Varchar 10 PK

2 Email Varchar 64

3 Username Varchar 20

4 Password Char 8

5 periode_id int FK

6 nama Varchar 100

7 jenis_kelamin enum P-L

8 agama enum 0-6

9 ket_agama Varchar 24

10 tempat_lahir Varchar 32

11 tanggal_lahir Date

12 anak_ke Varchar 2

13 jumlah_saudara Varchar 2

14 tmp_tinggal_dengan enum 0-4

15 tmp_ket_tinggal_dengan Varchar 32

No Field Name Data Type Length Constraint

17 tmp_telepon Varchar 16

18 ort_nama_ayah Varchar 64

19 ort_pekerjaan_ayah Enum 0-7

20 ort_ket_pekerjaan_ayah Varchar 32

21 ort_nama_ibu Varchar 64

22 ort_pekerjaan_ibu Enum 0-7

23 ort_ket_pekerjaan_ibu Varchar 32

24 ort_alamat Varchar 255

25 ort_telepon Varchar 16

26 ska_nama Varchar 64

27 ska_status Enum 0-1

28 ska_alamat Varchar 255

29 ska_telepon Varchar 16

30 ska_kelas Varchar 32

31 status_pendaftaran Enum 0-1

32 status_biodata Enum 0-1

33 status_verifikasi Enum 0-1

34 status_seleksi Enum 0-1

35 created_at Date

36 updated_at Date

B. Tabel Pendaftaran

Fungsi : Menyimpan data pendaftaran

Primary Key : Period ID, Regitrant ID

Foreign Key : Period ID, Regitrant ID

Pada tabel 3.2, berisikan data pendaftaran yang akan mencatat transaksi pendaftaran saat proses pendaftaran online.

Tabel 3.2 Pendaftaran

No Field Name Data Type Length Constraint

1 Period ID Int 10 PK, FK

2 Regitrant ID Int 10 PK, FK

3 Tgl_Pendaftaran DateTime

C. Tabel Level

Fungsi : Menyimpan data level

Primary Key : Level_Id

Foreign Key : Jadwal ID

Pada tabel 3.3, berisikan data tingkatan (level) yang akan digunakan untuk mengolah nilai menjadi hasil akhir aplikasi ini yaitu penempatan level.

Tabel 3.3 Level

No Field Name Data Type Length Constraint

1 Level_ID Int 10 PK

2 Jadwal_ID Int 10 FK

3 Level_name Varchar 50

4 Level_score Int 10

5 Created_At Datetime

6 Updated_at Datetime

D. Periode

Fungsi : Menyimpan data periode kursus

Primary Key : Period_Id

Foreign Key : ̶

Pada tabel 3.4, berisikan data periode yang akan ditempati calon siswa baru saat melakukan proses pendaftaran online.

Tabel 3.4 Periode

No Field Name Data Type Length Constraint

1 Id Int 10 PK

2 Period_name Varchar 25

3 Start Date

4 End Date

5 Created_at Datetime

6 Updated_at Datetime

E. Tabel Jadwal

Fungsi : Menyimpan data jadwal kursus

Primary Key : Jadwal_Id

Foreign Key : Level_Id

Pada tabel 3.5, berisikan data jadwal yang akan dikelola admin untuk menginformasikan jadwal kursus di dalam aplikasi pendaftaran dan seleksi penempatan level online ini.

Tabel 3.5 Jadwal

No Field Name Data Type Length Constraint

1 Jadwal_ID Int 10 PK

2 Level_ID Int 10 FK

2 Jadwal_hari Varchar 25

3 Jadwal_jam Int 10

4 Created_at Datetime

5 Updated_at Datetime

F. Tabel Siswa Baru

Fungsi : Menyimpan data siswa baru

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

H. Tabel Jawaban Peserta

Fungsi : Menyimpan data jawaban peserta

Primary Key : Jawaban_Id

Foreign Key : Peserta_Id

Pada tabel 3.8, berisikan data jawaban peserta calon siswa baru yang akan digunakan untuk menampilkan nilai ujian saat menyelesaikan ujian penempatan level online ini.

Tabel 3.8 Jawaban Peserta

No Field Name Data Type Length Constraint

1 ID_Jawaban_Peserta Int 11 PK

2 Benar Int 11

3 Salah Int 11

4 jumlah_soal Int 11

5 created_at Datetime

I. Tabel Detail Jawaban Peserta

Fungsi : Menyimpan data detail jawaban peserta

Primary Key : ID_Jawaban_Peserta, Question_ID

Foreign Key : ID_Jawaban_Peserta, Question_ID

Pada tabel 3.9, berisikan data detail jawaban peserta yang akan tersimpan oleh database dalam aplikasi pendaftaran dan seleksi penempatan level online ini.

Tabel 3.9 Detail Jawaban Peserta

No Field Name Data Type Length Constraint

1 ID_Jawaban_Peserta Int 11 PK, FK

2 Question_ID Int 11 PK, FK

No Field Name Data Type Length Constraint

4 Jawaban_dipilih Varchar 10

J. Tabel Soal Ujian Tulis

Fungsi : Menyimpan data pertanyaan ujian tulis

Primary Key : Soal_ID

Foreign Key : ̶

Pada tabel 3.10, berisikan data soal ujian tulis yang akan dijawab oleh calon siswa baru untuk mendapatkan nilai ujian tulis pada aplikasi penempatan

level online ini.

Tabel 3.10 Soal Ujian Tulis

No Field Name Data Type Length Constraint

1 Question_ID Varchar 10 PK

3 Soal_ujian_tulis Varchar 250

4 Pil_a Varchar 50

5 Pil_b Varchar 50

6 Pil_c Varchar 50

7 Pil_d Varchar 50

8 Jawaban_benar Varchar 50

9 Created_at Datetime

10 Updated_at Datetime

K. Tabel User

Fungsi : Menyimpan data pengguna admin

Primary Key : User_ID

Pada tabel 3.11, berisikan data pengguna admin yang akan mengelola konten dari aplikasi ini beserta data yang akan diolah oleh aplikasi pendaftaran dan seleksi penempatan level online ini.

Tabel 3.11 User

No Field Name Data Type Length Constraint

1 User_ID Int 10 PK

2 Username Varchar 32

3 Password Varchar 32

4 Nama Varchar 32

5 Level Enum 0-1

6 Is_blokir Enum 0-1

7 Created_at Datetime

8 Updated_at Datetime

L. Tabel Pengumuman

Fungsi : Menyimpan data pengumuman

Primary Key : Pengumuman_ID

Foreign Key : Period_ID, User_ID

Pada tabel 3.12, berisikan data pengumuman yang akan dikelola admin untuk menginformasikan suatu hal dalam aplikasi pendaftaran dan seleksi penempatan level online ini.

Tabel 3.12 Pengumuman

No Field Name Data Type Length Constraint

1 Pengumuman_ID Int 10 PK

2 Period_ID Int 10 FK

3 User_ID Int 10 FK

4 Judul Int 64

No Field Name Data Type Length Constraint

6 Isi Text

7 created_at Datetime

8 updated_at Datetime

M. Tabel Prosedur

Fungsi : Menyimpan data prosedur

Primary Key : Prosedur_ID

Foreign Key : User_ID

Pada tabel 3.13, berisikan data prosedur ujian penempatan level yang akan dikelola admin untuk memandu calon siswa baru dalam mengikuti ujian penempatan level online ini.

Tabel 3.13 Prosedur

No Field Name Data Type Length Constraint

1 Prosedur_ID Int 4 PK

2 User_ID Int 10 FK

3 Judul Int 64

4 Slug Varchar 128

5 Isi Text

6 Created_at Datetime

7 Updated_at Datetime

N. Tabel Kontak

Fungsi : Menyimpan data kontak dan saran

Primary Key : Kontak_ID

Pada tabel 3.14, berisikan data kontak yang akan dikelola admin untuk menjawab pertanyaan yang telah dikirimkan calon siswa baru dalam aplikasi pendaftaran dan seleksi penempatan level online ini.

Tabel 3.14 Kontak

No Field Name Data Type Length Constraint

1 Kontak_ID Int 10 PK

2 User_ID Int 10 FK

2 Nama Varchar 64

3 Email Varchar 64

4 Judul Varchar 128

5 Isi text

6 Is_dibalas enum 0-1

7 Created_at Datetime

8 Updated_at Datetime

3.2.7 Desain Input Output

Setelah melakukan perancangan basis data, tahap selanjutnya adalah membuat desain input / output. Desain yang nantinya dipakai untuk membuat aplikasi sebenarnya. Desain input / output atau dalam bahasa Indonesia desain antar muka ini terdiri dari seluruh halaman yang akan diimplementasikan oleh pengguna pada rancang bangun aplikasi pendaftaran dan seleksi penempatan level pada Rasyid English Course.

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

Home Peserta 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!

Copyright @2016 Deemazz92

Rasyid English Course

Daftar

Bantuan Username Password Login

Gambar 3.14 Rancangan tampilan Home website utama.

Gambar 3.14 merupakan tampilan awal ketika calon siswa baru mengakses website utama Rasyid English Course. Tampilan awal ini sangat menentukan bagi seluruh calon siswa baru. Karena tampilan awal akan menentukan minat calon siswa baru dalam mencari informasi dan melakukan pendaftaran online.

Terdapat pilihan tab menu peserta, pendaftaran, informasi, dan bantuan. Pada tab peserta, calon siswa baru dapat mengetahui berapa jumlah siswa yang sudah melakukan pendaftaran dan informasi penempatan levelnya. Rancangan tampilan tab peserta, dapat dilihat pada Gambar 3.15.

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

Rasyid English Course

Home Peserta Pendaftaran Informasi

Data Peserta

Copyright @2016 Deemazz92

Rasyid English Course

Bantuan

No No Peserta Nama Sekolah Status Biodata Ujian Penempatan Level 1 2 Next >

Username Password Login

Masukkan Nomor atau Nama Peserta

Gambar 3.15 Rancangan tampilan tab “Peserta”

Pada tab pendaftaran, pengguna dapat mendaftarkan diri sebagai pseserta pendaftaran, dengan mengisi formulis pendaftaran. Rancangan tampilan tab pendaftaran, dapat dilihat pada Gambar 3.16.

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

Rasyid English Course

Home Peserta Pendaftaran Informasi

Form Pendaftaran

Copyright @2016 Deemazz92

Rasyid English Course

Bantuan

A f j l a

Username Password Login

Email Email

Nama Lengkap Nama Lengkap

Nama Panggilan Nama Panggilan

Masukkan 4 huruf / angka pada gambar di atas Captcha

Daftar

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

Rasyid English Course

Home Peserta Pendaftaran Informasi

Pengumuman

Copyright @2016 Deemazz92

Rasyid English Course

Bantuan Username Password Login Pengumuman

Prosedur Jadwal

Mengenai Rasyid English Course

Rabu, 13 Juli 2016

Rasyid English Course merupakan lembaga pendidikan bahasa Inggris yang terletak di lokasi strategis daerah Monang – Maning di kota Denpasar..._{Baca Selengkapnya}

1 2 Next >

Visi Misi Rasyid English Course

Senin, 10 Juni 2016

Rasyid English Course merupakan lembaga pendidikan bahasa Inggris yang terletak di lokasi strategis daerah Monang – Maning di kota Denpasar..._{Baca Selengkapnya}

Gambar 3.17 Rancangan tampilan Pengumuman Rasyid English Course Pada sub tab kedua yaitu Prosedur, calon siswa baru dapat mencari tahu bagaimana cara melakukan pendaftaran sampai dengan mengikuti ujian penempatan level. Rancangan tampilan tab Prosedur, dapat dilihat pada Gambar 3.18.

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

Home Peserta Pendaftaran Informasi

Prosedur Pendftaran

Copyright @2016 Deemazz92

Rasyid English Course

Bantuan Username Password Login

Pengumuman Prosedur Jadwal

1. Pendaftaran.Calon peserta melakukan pendaftaran pada website Rasyid English Course, melalui halaman Pendaftaran.

2. Calon peserta yang sudah mendaftar akan mendapatkan username dan password yang akan digunakan untuk mengisi biodata sebagai syarat mengikuti Ujian Seleksi Penempatan Level.

3 Mengisi biodata. Lengkapi biodata anda dengan melakukan login terlebih dahulu dengan menggunakan username dan password yang sudah diberikan.

4 Verifikasi data. Setelah melengkapi biodata, calon siswa dan orang tua melakukan verifikasi data dengan cara mendatangi 5. Ujian dan berhak mengkikuti ujian seleksi. Peserta yang tidak melakukan verifikasi data sampai pada batas waktu yang ditentukan dinyatakan gugur / megundurkan diri.

6 Mengikuti ujian.…

Gambar 3.18 Rancangan tampilan tab Prosedur

Pada sub tab ketiga yaitu Jadwal, calon siswa baru dapat mengetahui jadwal kursus yang tersedia di Rasyid English Course berdasarkan masing-masing level. Rancangan tampilan tab Jadwal, dapat dilihat pada Gambar 3.19.

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

Home Peserta Pendaftaran Informasi

Jadwal Kursus

Copyright @2016 Deemazz92

Rasyid English Course

Bantuan Username Password Login

Pengumuman Prosedur Jadwal

Level Hari Jam

Gambar 3.19 Rancangan tampilan tab Jadwal

Sedangkan tampilan dari tab Bantuan, pengguna dapat menghubungi Rasyid English Course melalui sarana kontak yang disediakan. terdapat dua sub tab yang dapat dipilih yaitu Kontak dan Lupa Password. Tampilan sub tab pertama yaitu Kontak akan menampilkan sarana yang dapat menghubungkan pengguna dengan

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

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

Rasyid English Course

Home Peserta Pendaftaran Informasi

Kontak

Copyright @2016 Deemazz92

Rasyid English Course

Bantuan

A f j l a

Username Password Login

Email Email Nama Nama

Judul Judul

Masukkan 4 huruf / angka pada gambar di atas Captcha

Kirim Isi Isi

Kontak Lupa Password

Gambar 3.20 Rancangan tampilan Kontak Rasyid English Course

Pada sub tab kedua yaitu Lupa Password, calon siswa baru mendapatkan bantuan apabila lupa dengan username atau password dari akun peserta. Rancangan tampilan tab Lupa Password, dapat dilihat pada Gambar 3.21.

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

Rasyid English Course

Home Peserta Pendaftaran Informasi

Kontak

Copyright @2016 Deemazz92

Rasyid English Course

Bantuan

A f j l a

Username Password Login

Email Email

Nomor Peserta Nomor Peserta

Masukkan 4 huruf / angka pada gambar di atas Captcha

Kirim

Kontak Lupa Password

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 Gambar 3.24.

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

Rasyid English Course

Home Peserta Pendaftaran Informasi

Biodata

Copyright @2016 Deemazz92

Rasyid English Course

Bantuan Username Password Login

Nama

Nama

A. Data Pribadi Siswa

Nomor Peserta 20160010

Keterangan Agama

Keterangan Agama

Jenis Kelamin Laki-laki Perempuan

Agama Tempat Lahir Tempat Lahir Tanggal Lahir Anak Anak ke-Jumlah Saudara Jumlah Saudara

Keterangan Tinggal Dengan

Keterangan Tinggal Dengan

B. Keterangan Tempat Tinggal

Alamat Tinggal

Alamat Tinggal Dengan

Telepon

Telepon

Gambar 3.23 Rancangan tampilan formulir biodata

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

Rasyid English Course

Home Peserta Pendaftaran Informasi

Copyright @2016 Deemazz92

Rasyid English Course

Bantuan Username Password Login

Nama Ayah

Nama Ayah

C. Data Orang Tua Siswa

Keterangan Pekerjaan Ayah

Keterangan Pekerjaan Ayah Pekerjaan Ayah

Nama Ibu

Nama Ibu

Keterangan Pekerjaan ibu

Keterangan Pekerjaan Ibu Pekerjaan Ibu

Alamat Orang Tua

Alamat

Telepon Orang Tua

Telepon Orang Tua

Nama Sekolah

Nama Sekolah

D. Keterangan Pendidikan Sebelumnya

Alamat Sekolah

Alamat

Telepon Sekolah

Telepon

Status Negeri Swasta

Kelas Asal

Kelas Asal

Simpan

Gambar 3.24 Rancangan tampilan formulir biodata lanjutan

Peserta wajib melengkapi biodata diri sebagai syarat untuk mengikuti ujian penempatan level pada Rasyid English Course.

A.2 Rancangan Antar Muka Manajemen Data Master

Antar muka manajemen data master adalah halaman yang digunakan pengguna admin untuk mengatur data master calon siswa baru serta semua data yang dibutuhkan dalam proses pendaftaran dan seleksi penempatan level pada Rasyid English Course. Rancangan antar muka manajemen data master dapat dilihat pada Gambar 3.25.

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

Rasyid English Course

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

Selamat Datang.!

Halo, admin

Silahkan pilih menu yang ada.

Copyright @2016 Deemazz92

Gambar 3.25 Rancangan tampilan login pengguna admin Rasyid English Course

Pengguna harus memiliki akses sebagai admin untuk masuk ke halaman ini. Pada tampilan awal yang tampil, hanya ada tulisan mengenai panduan dalam mengatur data master. Admin dapat memilih data master yang diinginkan.

Kemudian admin dapat memilih data apa saja yang akan dimanajemen pada pilihan dibagian sebelah kiri aplikasi. Terdapat data peserta, data level, data periode, data jenis ujian, data soal ujian tulis, tabel nilai, data pengumuman, data prosedur, data jadwal, serta data nilai ujian.

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

Rasyid English Course

Login sebagai, admin

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

Data Peserta

Copyright @2016 Deemazz92

Peserta

Prosedur

Periode Level Jadwal

No No Peserta Nama Sekolah Status Pendaftaran Status Verifikasi

1 2 Next > Masukkan Nomor atau Nama Peserta

Status Biodata Ujian Penempatan Level Aksi

Gambar 3.26 Rancangan tampilan data peserta Rasyid English Course

Tampilan pada pilihan Peserta, admin dapat melihat, mengoreksi, serta merubah data peserta Rasyid English Course. Tampilan pilihan Level, dapat dilihat pada Gambar 3.27.

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

Rasyid English Course

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

Data Level

Copyright @2016 Deemazz92

Peserta Prosedur Periode Level Jadwal

No Level Score

1 2 Next >

Tambah

Aksi

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

Rasyid English Course

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

Data Periode

Copyright @2016 Deemazz92

Peserta Prosedur Periode Level Jadwal

No Periode Mulai

1 2 Next >

Tambah

Aksi Selesai

Gambar 3.28 Rancangan Tampilan data periode Rasyid English Course Tampilan pada pilihan Period, admin dapat melihat, mengoreksi, serta merubah data periode pendaftaran Rasyid English Course. Untuk tampilan data master yang lain desain dan tabel mengikuti dengan tampilan dan desain seperti data level dan data periode. Untuk mengikuti ujian penempatan level diharuskan login sebagai peserta dan telah memenuhi persyaratan yang dibutuhkan. menu ujian penempatan level, dapat dilihat pada Gambar 3.29.

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

Rasyid English Course

Login sebagai, Peserta Home Peserta Informasi Kontak Ujian Penempatan Level Akun Saya

Copyright @2016 Deemazz92

Gambar 3.29 Rancangan tampilan ujian penempatan level

B. Desain Output

Antar muka laporan siswa baru adalah halaman yang digunakan manajer Rasyid English Course untuk mengetahui laporan siswa baru yang masuk dan menempati level yang telah ditentukan pada aplikasi pendaftaran dan seleksi penmpatan level serta data laporan peserta yang telah mendaftarkan diri. Rancangan antar muka laporan siswa baru dapat dilihat pada Gambar 3.30.

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

Rasyid English Course

Login sebagai, Manajer

Home User Data Master Kontak Seleksi Penempatan Level MyAdmin

Copyright @2016 Deemazz92

Report

No No Peserta Nama Sekolah Status Pendaftaran Status Verifikasi

1 2 Next >

Masukkan Nomor atau Nama Peserta

Status Biodata Ujian Penempatan Level Aksi Laporan Siswa Baru

Sort By : Periode Level Pendaftar Siswa Baru

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

Rasyid English Course

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

Copyright @2016 Deemazz92

Report

No No Peserta Nama Sekolah Status Pendaftaran Status Verifikasi

1 2 Next >

Masukkan Nomor atau Nama Peserta

Status Biodata Ujian Penempatan Level Aksi Laporan Pendaftar

Sort By : Periode

Pendaftar Siswa Baru

Gambar 3.31 Rancangan tampilan data laporan pendaftar Rasyid English Course Pengguna harus memiliki akses sebagai manajer untuk masuk ke halaman ini. Pada tampilan awal, hampir sama dengan halaman login pengguna admin. Yang membedakan adanya dua tab baru yaitu tab User dan tab Report. Tab User digunakan oleh penggun manajer untuk mengelola hak akses user admin yang menggunakan aplikasi ini.

Sedangkan pada tab Report digunakan manajer untuk melihat laporan siswa baru yang telah terdaftar dan telah mengikuti ujian penempatan level beserta rekomendasi level untuk siswa tersebut. Manajer dapat memilih data data siswa yang diinginkan, atau mencari dengan memasukkan nama siswa yang diinginkan. Manajer juga dapat mengurutkan data berdasarkan periode pendaftaran ataupun

3.2.8 Perancangan Evaluasi Sistem

Setelah melakukan perancangan dan desain aplikasi pendaftaran online, maka tahapan yang dilakukan selanjutnya adalah melakukan perencanaan atas uji coba aplikasi yang akan dilakukan setelah aplikasi selesai dibangun. Uji coba ini untuk mengetahui apakah aplikasi yang dibuat sesuai dengan kebutuhan dari Rasyid English Course. Uji coba ini dilakukan untuk menguji aplikasi yang telah dibangun. Rancangan uji coba aplikasi digunakan untuk menggambarkan skenario uji coba yang akan dilakukan. Rancangan ini akan digunakan untuk mengetahui apakah proses fungsional aplikasi yang dibuat memenuhi hasil yang diharapkan. Rancangan uji coba fungsional dapat dilihat pada Tabel 3.12.

Tabel 3.15 Rancangan uji coba fungsional aplikasi

No. Fungsionalitas Cara Melakukan

Pengujian Hasil yang diharapkan

1 Pendaftaran Siswa Baru

Mendaftarkan diri sebagai siswa baru

Menampilkan halaman pendaftaran siswa baru Validasi masukan data Menampilkan pesan sukses /

error simpan data peserta

2 Login Peserta Input Username dan

Password peserta

Menampilkan halaman Login

User Peserta

Validasi masukan data Menampilkan pesan sukses / error Login Peserta

3 Mengisi Biodata

Membuka dan mengisi data pada halaman biodata

Menampilkan formulir biodata

Validasi masukkan data Menampilkan pesan sukses /

No. Fungsionalitas Cara Melakukan

Pengujian Hasil yang diharapkan

4

Ujian Penempatan

Level

Membuka halaman ujian penempatan level

Menampilkan halaman Ujian Penempatan Level

Validasi Ujian Penempatan

Level

Menampilkan pesan sukses /

error simpan jawaban Peserta

5 Login Admin Input Username dan

Password admin

Menampilkan halaman Login User Admin

Validasi masukan data Menampilkan pesan sukses /

error login Admin

6 Manajemen Data Master

Menambah dan mengubah data master

Menampilkan halaman data

master

Validasi masukan data Menampilkan pesan sukses /

error simpan data master

Menghapus data master

Menampilkan pesan

konfirmasi hapus data master Menampilkan pesan sukses /

error hapus data master

7

Seleksi Penempatan

Level

Membuat nilai ujian

Menampilkan nilai ujian tulis.

Mengisi nilai ujian lisan,

kemudian tekan “enter”

untuk menyimpan.

Melakukan perhitungan seleksi penempatan level

Menampilkan total nilai ujian Menampilkan rekomendasi

No. Fungsionalitas Cara Melakukan

Pengujian Hasil yang diharapkan

8 Laporan

Membuat laporan data

siswa baru Tampilan laporan siswa baru Membuat laporan data

siswa baru berdasarkan periode

Tampilan laporan siswa baru berdasarkan periode

Membuat laporan data siswa baru berdasarkan

level

Tampilan laporan siswa baru berdasarkan level

Membuat laporan data

pendaftar Tampilan laporan pendaftar Membuat laporan data

pendaftar berdasarkan periode

Tampilan laporan pendaftar berdasarkan periode

9 Pencarian Data

Mencari data yang diinginkan sesuai kata

kunci

Hasil pencarian menunjukkan laporan siswa baru sesuai dengan kata kunci yang dimasukkan.

53

4.1 Kebutuhan Sistem

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

4.1.1 Kebutuhan Perangkat Keras

Kebutuhan minimal perangkat keras untuk client yaitu adalah sebagai berikut :

a. Processor dengan Pentium Dual Core

b. Physical memory (RAM) 1024 MB

c. Hard disk 128 GB

d. Monitor, keyboard dan mouse

4.1.2 Kebutuhan Perangkat Lunak

Kebutuhan minimal perangkat lunak untuk pengguna yaitu adalah sebagai berikut:

a. Sistem Operasi (OS) : Microsoft Windows, Linux, Macintosh, dll. b. Peramban (Browser) : Google Chrome, Mozilla Firefox atau Opera.

4.2 Implementasi Sistem

Setelah semua komponen komputer yang mendukung proses sistem selesai diinstal, maka proses selanjutnya adalah penerapan aplikasi. Implementasi aplikasi ini merupakan aplikasi pendaftaran dan seleksi penempatan level online. Halaman awal yang akan tampil dalam sistem ketika dijalankan adalah halaman beranda, sebagai halaman yang berisi tampilan awal aplikasi pendaftaran online. Untuk dapat melakukan akses lebih dalam pada aplikasi, pengguna perlu untuk login terlebih dahulu sebagai pengaturan pengguna yang berhak untuk mengaksesnya. Halaman

login juga tidak diperlihatkan pada tampilan awal aplikasi, karena menyangkut

kemanan dan pengaturan data pendaftaran siswa baru. Untuk mendapatkan akses untuk login, pengguna perlu melakukan pendaftaran akun terlebih dahulu pada pimpinan Rasyid English Course sebagai pemegang akses tertinggi pada aplikasi ini.

4.2.1 Halaman Utama

Halaman utama adalah halaman yang akan dijumpai seluruh pengguna ketika mengakses website Rasyid English Course. Tampilan halaman utama

website dapat dilihat pada Gambar 4.1. Pada halaman utama terdapat penjelasan

Gambar 4.1 Halaman utama website Rasyid English Course

Gambar 4.2 Tentang perusahaan dan visi misi pada halaman utama

4.2.2 Halaman Pendaftaran Siswa Baru

Halaman pendaftaran siswa baru adalah halaman yang digunakan pengguna untuk mendaftarkan diri sebagai calon siswa baru. Tampilan halaman pendaftaran siswa baru dapat dilihat pada Gambar 4.3. Untuk dapat mendaftar pada aplikasi pendaftaran siswa baru, pengguna harus melengkapi semua data yang dibutuhkan. Setelah semua data terisi, pengguna dapat menyimpan data dengan melakukan klik pada tombol Daftar.

Gambar 4.3 Formulir pendaftaran siswa baru

Untuk dapat mengikuti ujian penempatan level, calon siswa baru harus

login dengan menggunakan username dan password yang telah diberikan saat

proses pendaftaran. Setelah semua biodata terisi, calon siswa baru dapat mengikuti ujian penempatan level dengan memilih menu Ujian Penempatan Level pada menu bar diatas. Tampilan halaman formulir biodata dapat dilihat pada Gambar 4.4 dan Gambar 4.5

4.3.2 Uji Coba Perhitungan

Proses uji coba ini adalah uji perhitungan seleksi penempatan level. Perhitungan penempatan level menggunakan pembobotan. Uji coba menggunakan nilai bobot per level, yang nilai tersebut menentukan level siswa baru. Nilai bobot masing-masing level dapat dilihat pada Tabel 4.2. Nilai total tersebut didapat dari ujian tulis dan ujian lisan dengan nilai pembobotan ujian yang sudah ditentukan oleh Rasyid Engish Course 70% untuk ujian tulis dan 30% untuk ujian lisan seperti pada Tabel 4.3. Kemudian akan dihitung seperti pada simulasi perhitungan di bawah.

Tabel 4.2 Tabel Level Score

LEVEL SCORE

( 0 – 100 )

Basic 1 0 - 10

Basic 2 11 - 20

Basic 3 21 - 30

Basic 4 31 - 40

Basic 5 41 - 50

Basic 6 51 - 60

Pre-Intermediate 61 - 70

Intermediate 71 - 80

Pre-Advance 81 - 90

Upper Advance 91 - 100

Tabel 4.3 Bobot Nilai Ujian Jenis Ujian _{Jumlah Soal} Bobot

(/100) Total

Tulis 20 0,7 70

74

Simulasi Penilaian:

Seorang siswa telah mengikuti ujian tulis dengan mendapatkan nilai 45. Kemudian siswa tersebut melanjutkan ujian lisan dengan memperoleh nilai 65. Sesuai pembobotan ujian pada tabel 4.3 maka nilai siswa tersebut mendapatkan total nilai 51.

Ujian Tulis : 45 x 0,7 = 31,5 Ujian Lisan : 65 x 0,3 = 19,5

Total = 51  Karena Total nilai berada di kisaran 51 – 60, maka siswa tersebut akan menempati level “Basic 6”. 4.3.3 Evaluasi

Berdasarkan uji coba aplikasi dapat diketahui bahwa antara desain aplikasi dengan hasil aplikasi sesuai. Sehingga fungsi yang ada di dalam aplikasi akan dapat sesuai pula dengan tujuan awal perancangan aplikasi pendaftaran yaitu dapat membantu pihak Rasyid English Course dan calon siswa baru. Calon siswa baru hanya dengan mengakses website Rasyid English Course di mana saja dapat melakukan pendaftaran secara online.

75 5.1 Kesimpulan

Kesimpulan yang dapat diambil dari hasil implementasi aplikasi pendaftaran dan seleksi penempatan level siswa baru berbasis web sebagai berikut: 1. Aplikasi ini menghasilkan website pendaftaran yang sesuai dengan perencanaan desain aplikasi. Aplikasi dapat mendukung awal proses pendaftaran oleh calon siswa baru yang akhirnya akan menampilkan rekomendasi level untuk pihak Rasyid English Course. Selain itu admin dan manajer Rasyid English course juga dimudahkan dalam memanajemen data pendaftaran serta melakukan seleksi penempatan level untuk calon siswa baru. Serta menghasilkan laporan siswa baru yang sesuai dengan keinginan pihak Rasyid English Course. Hasil yang diperoleh dari aplikasi tersebut, dapat membantu dalam meminimalkan kesalahan dalam menentukan tingkatan (level) calon siswa baru.

2. Aplikasi pendaftaran dan seleksi penempatan level dapat membantu Rasyid English Course dalam memperluas informasi dalam memperoleh informasi pendaftaran di dunia elektronik, karena aplikasi yang dihasilkan berbasis web. Dengan aplikasi berbasis web, aplikasi pendaftaran akan dapat diakses di mana saja oleh calon siswa baru.

76

5.2 Saran

Dalam pengembangan aplikasi pendaftaran dan seleksi penempatan level ini, dapat diajukan beberapa saran, yaitu:

1. Aplikasi dapat dikembangkan dengan menambahkan fitur Short Message Service (SMS) atau pesan singkat yang dikirim ke telepon genggam pengguna untuk memudahkan notifikasi.

2. Adapun saran yang diberikan untuk pengembangan aplikasi pendaftaran dan seleksi penempatan level selanjutnya aplikasi dapat terintegrasi dengan sistem lain.

77

DAFTAR PUSTAKA

Aditya, A.N. 2011. Jago PHP dan MySQL Dalam Hitungan Menit, Jakarta: Dunia Komputer.

Anhar. 2010. Panduan Menguasai PHP dan MySQL Secara Otodidak. Jakarta Selatan: Media Kita.

Arief, M.Rudianto. 2011. Pemrograman Web Dinamis Menggunakan Php dan Mysql. Yogyakarta: ANDI.

Depdiknas. 2008. Kamus Besar Bahasa Indonesia. Jakarta: Gramedia Pustaka Indonesia.

Ellsworth, J. H., & Ellsworth, M. V. (1997). Marketing on the Internet : Multimedia Strategy for the WWW. Jakarta: Grasindo.

Hanson, Ward. 2000. Pemasaran Internet. Jakarta: Penerbit Salemba Empat. Herek French dan Heather Saward. 1982. The Dictionary of Management. London:

Pans Book.

Jogiyanto, H. M. (2004). Analisis dan Desain Sistem Informasi. Yogyakarta: Andi Offset.

Kendall, K. E., & Kendall, J. E. (2003). Analisis dan Perancangan Sistem, Edisi Ke 5. Jakarta: PT. Prenhallindo.

McLeod, Raymond, Jr. 2008. Sistem Informasi Manajemen. Edisi IX. Jakarta: PT. Prenhallindo.

McLeod, Raymond, Jr. 2004. Sistem Informasi Manajemen, Edisi Bahasa Indonesia. Jakarta: PT. Indeks.

78

Sunyoto, Agus. 2008. Manajemen Sumber Daya Manusia. Jakarta: IPWI

Turban, E. (2003). Decision Support Systems and Intelligent Systems (Sistem Pendukung Keputusan dan Sistem Cerdas) Jilid 1. Yogyakarta: Andi Offset.