APLIKASI PENDAFTARAN SISWA BARU BERBASIS WEB

MENGGUNAKAN FRAMEWORK LARAVEL

(STUDI KASUS SMK NEGERI 19 SAMARINDA)

TUGAS AKHIR

Oleh:

M. IRWAN HIDAYAT
NIM 14 615 024

KEMENTERIAN RISET TEKNOLOGI DAN PENDIDIKAN TINGGI

POLITEKNIK NEGERI SAMARINDA
JURUSAN TEKNOLOGI INFORMASI
PROGRAM STUDI TEKNIK INFORMATIKA

SAMARINDA 2017

i
 APLIKASI PENDAFTARAN SISWA BARU BERBASIS WEB
MENGGUNAKAN FRAMEWORK LARAVEL STUDI KASUS SMK
NEGERI 19 SAMARINDA
Diajukan sebagai persyaratan untuk memenuhi derajat Ahli Madya (Amd) pada
Program Studi Teknik Informatika
Jurusan Teknologi Informasi
Politeknik Negeri Samarinda

TUGAS AKHIR

Oleh:

M. IRWAN HIDAYAT
NIM 14 615 024

KEMENTERIAN RISET TEKNOLOGI DAN PENDIDIKAN TINGGI

POLITEKNIK NEGERI SAMARINDA
JURUSAN TEKNOLOGI INFORMASI
PROGRAM STUDI TEKNIK INFORMATIKA

SAMARINDA 2017

i
 HALAMAN PERNYATAAN ORSINALITAS

Saya yang bertanda tangan di bawah ini :

Nama : M. Irwan Hidayat

NIM : 14 615 024

Jurusan : Teknologi Informasi

Program Studi : Teknik Informatika

Jenjang : Diploma III

Judul Tugas Akhir : Aplikasi Pendaftaran Siswa Baru Berbasis Web

Menggunakan Framework Laravel Studi Kasus SMK

Negeri 19 Samarinda

Dengan ini menyatakan bahwa Laporan Tugas Akhir ini adalah hasil karya

sendiri dan semua sumber baik yang dikutip maupun dirujuk telah saya nyatakan

dengan benar.

Jika kemudian hari terbukti ditemukan unsur plagiarisme dalam Laporan Tugas

Akhir ini, maka saya bersedia menerima sanksi sesuai peraturan perundang-undangan

yang berlaku.

Samarinda, Juni 2017

M. Irwan HIdayat
NIM. 14 615 024

ii
 HALAMAN PENGESAHAN PEMBIMBING

APLIKASI PENDAFTARAN SISWA BARU BERBASIS WEB

MENGGUNAKAN FRAMEEWORK LARAVEL STUDI KASUS
SMK NEGERI 19 SAMARINDA

NAMA : M. IRWAN HIDAYAT

NIM : 14 615 024

JURUSAN : TEKNOLOGI INFORMASI

PROGRAM STUDI : TEKNIK INFORMATIKA

JENJANG STUDY : DIPLOMA III

Laporan Tugas Akhir ini telah disahkan

Pada tanggal, ………………….

Menyetujui:

Pembimbing I, Pembimbing II,

Farindika Metandi, BCompSc., MM., M.Cs. Irwansyah, S. Kom., M. Cs.

NIP. 19870308 200801 1 002 NIP. 19771123 200212 1 003

Mengesahkan:

Direktur Politeknik Negeri Samarinda

Ir. H. Ibayasid, M.Sc

NIP. 19590303 198903 1 002

Lulus Ujian Tanggal :

iii
 HALAMAN PERSETUJUAN PENGUJI

APLIKASI PENDAFTARAN SISWA BARU BERBASIS WEB

MENGGUNAKAN FRAMEWORK LARAVEL STUDI KASUS SMK
NEGERI 19 SAMARINDA

NAMA : M. IRWAN HIDAYAT

NIM : 14 615 024

JURUSAN : TEKNOLOGI INFORMASI

PROGRAM STUDI : TEKNIK INFORMATIKA

JENJANG STUDY : DIPLOMA III

Laporan Tugas Akhir ini telah diuji dan disetujui

pada tanggal, …..……………..

Dewan Penguji :

Penguji I,
Nama : Abdul Najib, S.Kom., M.Cs.
Nip : 19711121 200112 1 002 ___________________________

Penguji II,
Nama : Tien Rahayu Tulili, ST. ,M.Tech.
Nip : 19800816 200312 1 002 ___________________________

Penguji III,
Nama : Rihartanto, ST.
Nip :19711205 200312 1 001 ___________________________

Mengetahui :

Ketua Jurusan Ketua Program Studi

Teknologi Informasi Teknik Informatika

Ansar Rizal, ST, M.Kom. Farindika Metandi, BCompSc., MM., M.Cs.

NIP. 19700809 199903 1 001 NIP. 19870308 200801 1 002

iv
 ABSTRAK

Salah satu upaya SMK Negeri 19 Samarinda dalam meningkatkan mutu

pelayanan kepada masyarakat umum khususnya kepada calon siswa baru, maka
dibutuhkan sebuah sistem yang terkomputerisasi salah satuya adalah dengan membuat
proses PSB atau Pendaftaran siswa baru yang tidak dibatasi oleh tempat, waktu dan
tenaga. Salah satu teknologi yang dapat menyelesaikan permasalahan itu adalah dengan
memanfaatkan teknologi website. aplikasi berbasis web ini di bangun menggunakan
konsep Model-view-controller, atau MVC, adalah pola desain yang digunakan dalam
rekayasa perangkat lunak. Tujuan utama dari pola desain ini adalah untuk memisahkan
rangkaian logika dari antarmuka pengguna, dalam rangka untuk fokus pada
pemeliharaan yang lebih baik, kemudahan dalam pengujian, dan aplikasi yang
terstruktur. MVC terdiri dari tiga bagian utama: model, view, dan controller,
penggunaan framework laravel dalam pembuatan aplikasi berbasis web ini adalah
laravel merupakan framework dikembangkan secara khusus untuk Bahasa
pemrograman PHP yang memiliki banyak fitur baru dalam segi bahasa, yang membuat
php terasa lebih moderen dan powerful, juga memudahkan programmer dalam
membangun aplikasi berbasis web.

Kata kunci : Pendaftaran Siswa Baru, MVC (Model View Controller), Framework Laravel

v
 ABSTRACT

One effort SMK Negeri 19 Samarinda in improving the quality of service to the general
public, especially to prospective new students, it takes a computerized system one of
them is to make the process of PSB or Enrollment of new students who are not limited
by place, time and energy. One technology that can solve the problem is to utilize
website technology. This web-based application is built using the Model-view-
controller concept, or MVC, is a design pattern used in software engineering. The main
purpose of this design pattern is to separate the logic sequence from the user interface,
in order to focus on better maintenance, ease of testing, and structured applications.
MVC consists of three main parts: model, view, and controller, the use of laravel
framework in making this web based application is laravel is a framework developed
specifically for PHP programming language that has many new features in terms of
language, which makes php feels more modern and Powerful, also facilitate the
programmer in building web-based applications

Keywords: New student enrollment, MVC (Model View Controller), Laravel Framework

vi
 KATA PENGANTAR

Puji dan syukur penulis panjatkan kepada Allah subhanahu wa ta’ala atas

segala curahan rahmat, taufik, hidayah, dan karunia-Nya, serta shalawat dan salam

penulis haturkan kepada junjungan Nabi Muhammad shallallahu alaihi wasallam

sehingga penulis dapat menyelesaikan Laporan Tugas Akhir yang berjudul “Aplikasi

Pendaftaran Siswa Baru Berbasis Web Menggunakan Framework Laravel Studi Kasus

SMK Negeri 19 Samarinda”. Dalam penyelesaian Laporan Tugas Akhir ini banyak

pihak yang telah membantu baik berupa saran, materi, dan lain-lain, oleh karena itu

dalam kesempatan ini penulis menyampaikan penghargaan yang setinggi-tingginya dan

ucapan terima kasih yang sedalam-dalamnya kepada:

1. Bapak Ir. H. Ibayasid M.Sc selaku Direktur Politeknik Negeri Samarinda

2. Bapak Ansar Rizal, ST., M.Kom selaku Ketua Jurusan Teknologi Informasi

Politeknik Negeri Samarinda.

3. Bapak Farindika Metandi, BCompSc., MM., M.Cs Selaku Pebimbing 1 dan Bapak

Irwansyah, S.Kom., M.Cs. Selaku Pebimbing 2 Tugas Akhir yang telah banyak

meluangkan waktu dan pikiran untuk membantu pembuatan penyusunan Tugas

Akhir ini.

4. Semua staf di Jurusan Teknologi Informasi Politeknik Negeri Samarinda yang

telah memberikan saran dan masukannya kepada kami saat merevisi tugas-tugas

yang diberikan.

5. Orang Tua Bapak dan Ibu Kami tercinta serta Kakak kami yang selalu ikhlas

memberi kasih sayang, tenaga, pikiran serta waktunya kepada penulis. Semoga

Allah SWT selalu menjaga dan melimpahkan rahmat-Nya kepada keluarga kita

vii
6. Kepada teman-teman di Jurusan Teknologi Informasi Politeknik Negeri Samarinda,

yang telah memberikan saran, motivasi, bantuan dan hiburan.

7. Semua pihak yang berperan dalam pelaksanaan penulisan dan penyelesaian laporan

yang tidak dapat penulis sebutkan satu persatu..

Kritik serta saran yang bersifat membangun sangat diharapkan dalam

pembuatan Laporan Tugas Akhir ini sehingga dalam penulisan Laporan Tugas Akhir

ini dapat menjadi lebih baik. Semoga Laporan Tugas Akhir ini dapat diterima dan dapat

bermanfaat bagi semua pihak yang menggunakan.

Samarinda, Juni 2017

Penulis

viii
 DAFTAR ISI

ABSTRAK ........................................................................................................................ v

ABSTRACT ....................................................................................................................vi

KATA PENGANTAR .................................................................................................. vii

DAFTAR ISI ...................................................................................................................ix

DAFTAR GAMBAR .................................................................................................... xii

DAFTAR TABEL .........................................................................................................xiv

1. BAB I PENDAHULUAN ........................................................................................ 1

1.1. Latar Belakang ............................................................................................. 1

1.2. Rumusan Masalah ........................................................................................ 2

1.3. Batasan Masalah ........................................................................................... 2

1.4. Tujuan Penelitian ......................................................................................... 3

1.5. Manfaat Penelitian ....................................................................................... 3

2. BAB II TINJAUAN PUSTAKA ............................................................................. 4

2.1. Kajian Ilmiah ................................................................................................ 4

2.2. Dasar Teori ................................................................................................... 6

2.2.1. Aplikasi ............................................................................................. 6

2.2.2. Basisdata ........................................................................................... 7

2.2.3. MySql................................................................................................ 8

2.2.4. Model View Controller (MVC) ........................................................ 9

2.2.5. Framework Laravel ......................................................................... 10

2.2.6. HTML ............................................................................................. 14

2.2.7. Hypertext Preprocessor (PHP) ........................................................ 14

2.2.8. Data Flow Diagram (DFD) ............................................................. 16

ix
 2.2.9. Xampp ............................................................................................. 16

2.2.10. Apache Server ................................................................................. 16

2.2.11. Mozilla Firefox ............................................................................... 16

2.2.12. Black Box Testing .......................................................................... 17

3. BAB III KERANGKA KONSEP DAN METODE PENELITIAN ................... 18

3.1. Kerangka Konsep Penelitian ...................................................................... 18

3.1.1. Ruang Lingkup Database ................................................................ 19

3.1.2. Ruang Lingkup MVC (Model View Controller)............................. 19

3.1.3. Ruang Lingkup Bahasa Pemrograman ........................................... 19

3.1.4. Ruang Lingkup Penelitian .............................................................. 19

3.2. Metode Penelitian....................................................................................... 20

3.2.1. Riset Awal....................................................................................... 21

3.2.2. Pengumpulan Data .......................................................................... 21

3.2.3. Perancangan .................................................................................... 21

3.2.4. Implementasi ................................................................................... 22

3.2.5. Pengujian ........................................................................................ 22

3.3. Waktu Dan Tempat Penelitian ................................................................... 22

4. BAB IV ANALISIS DAN PERANCANGAN ..................................................... 23

4.1. Analisis Sistem ........................................................................................... 23

4.2. Perancangan ............................................................................................... 23

4. 1. 1 Diagram Konteks ............................................................................ 23

4. 1. 2 DFD Level 0 ................................................................................... 25

4. 1. 3 DFD Level 1 (Login Dan Registrasi Akun) ................................... 27

4. 1. 4 DFD Level 2 (Proses Admin Input Data) ...................................... 28

4. 1. 5 Cardinality And Conectivity Database ........................................... 29

x
 4. 2. 1 Struktur Tabel ................................................................................. 30

4.3. Perancangan Managemnt User ................................................................... 33

4.4. Perancangan Antar Muka ........................................................................... 33

5. 1. 1 Rancangan Layout Login Dan Register Users ................................ 34

5. 1. 2 Rancangan Layout Form Pendftaran dan edit Data Pendaftaran .... 36

5. 1. 3 Rancangan Layout Form Admin Tambah Data Jurusan, Agama

Dan Pekerjaan 38

5. BAB V IMPLEMENTASI DAN PENGUJIAN .................................................. 41

5.1. Implementasi Perangkat ............................................................................. 41

5. 1. 1 Implementasi Perangkat Keras (Hardware) ................................... 41

5. 1. 2 Implementasi Perangkat Lunak (Software)..................................... 41

5.2. Implementasi Antar Muka.......................................................................... 42

5. 1. 1 Halaman Login Dan Register ......................................................... 42

5. 1. 2 Login sebagai Admin ...................................................................... 44

5. 1. 3 Login Sebagai Pendaftar ................................................................. 47

5.3. Pengujian Sistem ........................................................................................ 47

5. 2. 1 Hasl Pengujian Login (Oleh Pendaftar/Admin).............................. 47

5. 2. 2 Hasl Pengujian Logout (Oleh Pendaftar/Admin)............................ 47

5. 2. 3 Hasl Pengujian Fungsi Admin ........................................................ 48

5. 2. 4 Hasil Pengujian Fungsi Pendaftar ................................................... 48

6. BAB VI PENUTUP ............................................................................................... 50

4.1. Kesimpulan ................................................................................................ 50

4.2. Saran ........................................................................................................... 50

DAFTAR PUSTAKA .................................................................................................... 51

xi
 DAFTAR GAMBAR

Gambar 2.1 Alur Kerja PHP ........................................................................................... 15

Gambar 3.1 Kerangka Konsep Penelitian ...................................................................... 18

Gambar 3.2 Metode Penelitian ....................................................................................... 20

Gambar 4.1 Diagram Konteks ........................................................................................ 24

Gambar 4.2 DFD Level 0 ............................................................................................... 25

Gambar 4.3 DFD Level 1 Login Dan Register Akun ..................................................... 27

Gambar 4.4 DFD Level 2 Admin Input Data ................................................................. 28

Gambar 4.5 Cardinality And Conectivity Database ....................................................... 29

Gambar 4.6 Managemnt User......................................................................................... 33

Gambar 4.7 Rancangan Layout Register Users .............................................................. 34

Gambar 4.8 Rancangan Layout Login Users ................................................................. 35

Gambar 4.9 Racangan Layout Form Pendaftaran .......................................................... 36

Gambar 4.10 Rancangan layout edit dan download data pendaftar ............................... 37

Gambar 4.11 Tambah Data Jurusan ............................................................................... 38

Gambar 4.12 Tambah Data Agama ................................................................................ 39

Gambar 4.13 Tambah Data Pekerjaan ............................................................................ 40

Gambar 5.1 Halaman Login ........................................................................................... 42

Gambar 5.2 Halaman Register ....................................................................................... 43

Gambar 5.3 halaman utama admin ................................................................................. 44

Gambar 5.4 halaman tambah data pekerjaan .................................................................. 44

Gambar 5.5 halaman tambah data agama ....................................................................... 45

Gambar 5.6 halaman tambah data jurusan ..................................................................... 45

Gambar 5.7 data pendaftar ............................................................................................. 46

xii
Gambar 5.8 data semua pendaftar .................................................................................. 46

xiii
 DAFTAR TABEL

Tabel 4.1 tabel users ....................................................................................................... 30

Tabel 4.2 tabel pekerjaan ................................................................................................ 31

Tabel 4.3 tabel agama ..................................................................................................... 31

Tabel 4.4 tabel jurusan ................................................................................................... 31

Tabel 4.5 form pendaftaran ............................................................................................ 32

Tabel 5.1 Pengujian Login ............................................................................................. 47

Tabel 5.2 pengujian logout ............................................................................................. 48

Tabel 5.3 Pengujian Fungsi Admin ................................................................................ 48

Tabel 5.4 Pengujian Fungsi Pendaftar ............................................................................ 48

xiv
 1. BAB I
PENDAHULUAN

1.1. Latar Belakang

Salah satu upaya SMK Negeri 19 Samarinda dalam meningkatkan mutu

pelayanan kepada masyarakat umum khususnya kepada calon siswa baru, maka

dibutuhkan sebuah sistem yang terkomputerisasi salah satuya adalah dengan membuat

proses PSB atau Pendaftaran siswa baru yang tidak dibatasi oleh tempat, waktu dan

tenaga. Salah satu teknologi yang dapat menyelesaikan permasalahan itu adalah dengan

memanfaatkan teknologi website.

sistem pendaftaran siswa baru berbasis web ini diharapkan akan membuat

pelaksanaan proses pendaftaran menjadi lebih transparan, akuntabel, dan akomodatif.

Sekolah dapat mengurangi, bahkan menghilangkan kecurangan - kecurangan yang

terjadi pada pelaksanaan proses pendaftaran secara manual. Dengan demikian, tidak

akan ada lagi pihak-pihak yang merasa tidak puas ataupun dirugikan. Selain itu, sistem

ini akan menjadikan proses pendataan dan administrasi lebih mudah dan cepat.

Pelaksanaan proses pendaftaran akan menjadi lebih efisien, baik dalam hal waktu,

tempat, biaya, maupun tenaga

Berdasarkan pemaparan pada paragraf sebelumnya menjadikan dasar bagi peneliti

untuk merancang dan membangun aplikasi pendaftaran siswa baru berbasis web dengan

konsep MVC (Model View Control) menggunakan framework laravel studi kasus SMK

Negeri 19 Samarinda

Alasan peneliti menggunakan framework laravel dalam pembuatan aplikasi ini

adalah laravel merupakan framework dikembangkan secara khusus untuk Bahasa

pemrograman PHP yang memiliki banyak fitur baru dalam segi bahasa, yang membuat

1
 2

php terasa lebih moderen dan powerful, juga memudahkan programmer dalam

membangun aplikasi berbasis web.

Berdasarkan bebrapa uraian diatas maka penulis berkeinginan untuk menyusun

Tugas Akhir dengan judul “Aplikasi Pendaftaran Siswa Baru Berbasis Web

Menggunakan Framework Laravel Studi Kasus SMK Negeri 19 Samarinda”.

1.2. Rumusan Masalah

Berdasarkan uraian latar belakang penelitian, maka yang menjadi rumusan

permasalahan dalam penelitian ini adalah bagaimana merancang dan membangun

aplikasi pendaftaran siswa baru pada SMK Negeri 19 dengan konsep MVC (Model

View Controller) menggunakan framework laravel.

1.3. Batasan Masalah

Pada penelitian ini akan dibatasi agar penyelesaian masalah dapat lebih terarah

pada tujuan tugas akhir ini. Batasan masalah dalam tugas akhir ini adalah :

1. Bahasa pemrograman yang digunakan adalah PHP (Hypertext Preprocessor).

2. Aplikasi dibangun dengan dengan konsep MVC (Model View Controller)

menggunakan framework laravel.

3. Metode yang digunakan hanya sampai pada tahap pengujian.

4. Aplikasi difungsikan hanya untuk merubah proses pendaftaran secara manual

(menggunakan formulir kertas) menjadi terkomputerisasi menggunakan teknologi

web.
 3

1.4. Tujuan Penelitian

Berikut tujuan penelitian dalam Tugas Akhir ini :

1. Merancang dan membangun aplikasi pendafaran berbasis web pada SMK Negeri 19

Samarinda

2. Menerapkan konsep MVC (Model View Controller) menggunakan framework

laravel pada aplikasi pendaftaran siswa baru berbasis web pada SMK Negeri 19

Samarinda

3. Sebagai syarat kelulusan program Diploma III pada program studi Teknik

Informatrtika jurusan Teknologi Informasi Politeknik Negeri Samarinda.

1.5. Manfaat Penelitian

Diharapkan hasil dari penelitian ini memiliki manfaat sebagai berikut :

1. Memahami konsep MVC (Model View Controller) menggunakan framework

laravel

2. Diharapkan dapat membantu SMK Negeri 19 Samarinda dalam meningkatkan

mutu pelayanan kepada masyarakat khususnya calon siswa baru.

3. Diharapkan dapat membantu dalam menjadikan penelitian ini sebagai dasar atau

acuan untuk penelitian selanjutnya dalam membangun dan merancang aplikasi

dengan konsep MVC (Model View Controller) menggunakan framework laravel

 2. BAB II

TINJAUAN PUSTAKA

2.1. Kajian Ilmiah

Beberapa literatur yag gunakan sebagai pedoman dan acuan untuk merancang

sistem inventory barang/aset antara lain:

Penelitian dilakukan oleh (Rahayu, Erwin, & Partono, 2012), yang berjudul

perancangan sistem informasi pendaftaran peserta didik baru berbasis web studi kasus

SMA Negeri Garut tujuan dari dari peneitian tersebut adalah agar pada umumnya orang

tua, sebelum memasukkan anaknya ke suatu sekolah, telah mempertimbangkan dan

mempersiapakan berbagai hal, antara lain kematangan anaknya, Sekolah mana yang

cocok untuk anaknya, termasuk mempermasalahkan bagaimana gurunya, suasana

Sekolah, dan pembiayaannya. tentunya banyak masalah lain yang dipertimbangkan dan

dipersiapkan oleh orang tua untuk anaknya sebelum menentukan Sekolah mana yang

akan diserahi tugas serta tanggung jawab mendidik anaknya.

Pertimbangan orang tua tentang Sekolah yang mereka pilih untuk anaknya,

menurut Pauline dalam artikel psikologinya, Harapan agar anak memperoleh masa

depan yang cerah, tentulah wajar bagi setiap orang tua. Hanya saja kewajaran ini

seringkali berkembang menjadi masalah ketika orang tua menghadapi dilema-dilema

tertentu dalam mengarahkan anak untuk mengambil pilihan terbaik bagi dirinya. Pilihan

ini termasuk pilihan tentang lembaga yang paling sesuai untuk pendidikan anak, untuk

jenjang pendidikan menengah, setidak-tidaknya orang tua dihadapkan kepada pilihan,

apakah akan dimasukan ke SMA mana yang dapat mewujudkan cita-cita orang tua

untuk membina anaknya menjadi anak yang diharapkan mereka.

4
 5

akhir ini adalah merancang sebuah sistem informasi berbasis web sebagai media

atau sarana informasi penerimaan peserta didik baru khususnya di SMAN 14 Garut

guna mempercepat proses pekerjaan, selain itu dengan adanya system ini diharapkan

dapat Memberikan informasi kepada masyarakat syarat-syarat masuk ke SMAN 14

Garut, maka dengan adanya PPDB online informasi dapat diterima oleh masyarakat

dengan cepat. Dapat mengakomodasi kebutuhan dalam mempemudah dan

mempercepat kinerja petugas pendaftaran pendaftaran peserta didik baru dalam

mengelola data pendaftar, dengan demikian waktu antri pendaftaran pada system ini

dapat diminimalkan. Memberikan informasi yang cepat, tepat dan real time, artinya,

calon peserta didik baru dalam melakukan pendaftaran di computer yang terhubungan

dengan internet.

Penelitian yang dilakukan oleh (Cucu, 2015) yang berjudul rancang bangun

sistem informasi penerimaan siswa baru berbasis web studi kasus SMK Ciledug Al-

Musaddadiyah Garut bertujuan untuk memperbaiki proses PSB dan meningkatkan

pelayanan kepada calon siswa, maka dibutuhkan sebuah sistem yang dapat melakukan

proses PSB yang tidak dibatasi oleh tempat. Salah satu teknologi yang dapat

menyelesaikan permasalahan itu adalah dengan memanfaatkan teknologi website.

Aplikasi PSB berbasis website ini diharapkan dapat membantu calon siswa baru dalam

mendapatkan informasi. Sehingga calon siswa akan mendapatkan informasi

pendaftaran dan hasil seleksi pendaftaran tanpa harus datang ke sekolah

Penelitian yang dilakukan oleh (Sulistianingsih, Purnama, & Sukadi, 2012) yang

berjudul sistem informasi penerimaan siswa baru berbasis web pada sekolah menengah

kejuruan (smk) pgri donorojo yang bertujuan merubah Pengolahan data penerimaan

siswa baru di SMK PGRI Donorojo masih dilakukan secara konvensional yaitu calon

pendaftar harus datang langsung ke tempat pendaftaran kemudian mengisi formulir

 6

pendaftaran kemudian data-data pendaftaran dicatat pada buku-buku dan pembuatan

laporan juga menggunakan rekap yang konvensional sehingga sering terjadinya

hilangnya arsip serta waktu yang digunakan untuk membuat laporan memerlukan

waktu yang sangat lama. Dengan adanya permasalahan tersebut maka perlu adanya

sistem informasi penerimaan siswa baru yang online sehingga calon siswa tidak harus

datang langsung ke tempat pendaftaran serta memudahkan petugas dalam pembuatan

laporan. Adapun metode penelitian yang digunakan dalam penelitian ini yaitu pustaka,

wawancara, observasi, analisis sistem, perancangan sistem, dan implementasi sistem.

Dengan adanya penelitian ini diharapkan dapat membantu calon siswa baru dan petugas

penerimaan siswa baru.

Berdasarkan penelitian yang telah ada, maka perbedaan dari beberapa penelitian

yang telah ada sebelumnya dengan yang dilakukan oleh penulis terletak pada teknologi

yang digunakan penulis dalam membangun aplikasi pendaftaran siswa barbasis web

studi kasus SMK Negeri 19 Samarinda, Aplikasi web yang di bangun menggunakan

Konsep MVC (Model View Controller) menggunakan Framewrok Laravel sehingga

terasa lebih moderen dan powerful.

2.2. Dasar Teori

2.2.1. Aplikasi

Aplikasi berbasis web adalah suatu perangkat lunak yang menyediakan suatu

informasi yang distrukturisasi agar memiliki arti dan dibangun pada sebuah paket

presentasi yang teroganisasi, estetis, ergonomis dan interaktif yang dikirimkan ke web

browser untuk ditampilkan dan digunakan oleh pengguna. Kombinasi aplikasi berbasis

web dengan perangkat keras untuk client dan server, sistem operasi, perangkat lunak

jaringan dan web browser akan membentuk suatu sistem berbasis web. Aplikasi atau
 7

sistem berbasis web yang dikembangkan telah menjangkau berbagai aspek seperti

bisnis, komersial, komunikasi, pendidikan, teknik, hiburan, finansial, pemerintahan,

industri, media, kedokteran, politik, sains dan transportasi.

Aplikasi berbasis web memiliki karakteristik yang berbeda dengan perangkat

lunak konvensional. Sehingga pengembangan aplikasi berbasis web harus dilakukan

dengan pendekatan rekayasa khusus yang berbeda dengan pendekatan rekayasa

perangkat lunak konvensional. (Waskito, Wasito, & Indra, 2015)

Aplikasi juga diartikan sebagai penggunaan atau penerapan suatu konsep yang

menjadi pokok pembahasan. Sedangkan menurut Kroenke Aplikasi terdiri dari

sekumpulan menu, formulir, laporan dan program yang memenuhi kebutuhan suatu

fungsional unit/bisnis/organisasi/instansi. Tujuan aplikasi adalah untuk menyediakan

informasi dan membantu pemakai untuk membuat keputusan.

Aplikasi software yang dirancang untuk penggunaan praktisi khusus,

klasifikasi luas ini dapat dibagi menjadi 2 (dua) yaitu:

1. Aplikasi software spesialis, program dengan dokumentasi tergabung yang dirancang

untuk menjalankan tugas tertentu.

2. Aplikasi paket, suatu program dengan dokumentasi tergabung yang dirancang untuk

jenis masalah tertentu.

2.2.2. Basisdata

Menurut Linda Marlinda(2004) dalam jurnal penelitian yang dilakukan oleh

Mujiati(2016), Sistem basis data adalah suatu sistem menyusun dan mengelola record-

record menggunakan komputer untuk menyimpan atau merekam serta memelihara data

operasional lengkap sebuah organisasi atau perusahaan sehingga mampu menyediakan

informasi yang optimal yang diperlukan pemakai untuk proses pengambilan keputusan.
 8

2.2.3. MySql

MySQL adalah database sever yang bersifat open source serta sebuah program

pengakses database untuk digunakan, kinerja query cepat, dan mencukupi untuk

kebutuhan database perusahaan-perusahaan. MySQL itu bekerja menggunakan bahasa

basis data atau yang sering kita dengar dengan sebutan DBMS (Database Management

System). Data Language ini terbagi dua macam, yaitu:

1. DDL (Data Definition Language), yaitu perintah yang digunakan untuk

pendefinisian suatu struktur data. Misalnya menciptakan database, field, dan

sebagainya.

2. DML (Database Manipulation Language), yaitu perintah untuk proses manipulasi

data, misalnya create, read, update, delete (CRUD) (Yuhendra & Poerwanta,

2013).

MySQL adalah Sebuah program database server yang mampu menerima dan

mengirimkan datanya sangat cepat, multi user serta menggunakan peintah dasar SQL

( Structured Query Language ).

MySQL merupakan dua bentuk lisensi, yaitu FreeSoftware dan Shareware.

MySQL yang biasa kita gunakan adalah MySQL FreeSoftware yang berada dibawah

Lisensi GNU/GPL ( General Public License ).

MySQL Merupakan sebuah database server yang free, artinya kita bebas

menggunakan database ini untuk keperluan pribadi atau usaha tanpa harus membeli

atau membayar lisensinya. MySQL pertama kali dirintis oleh seorang programmer

database bernama Michael Widenius . Selain database server, MySQl juga merupakan

program yang dapat mengakses suatu database MySQL yang berposisi sebagai Server,
 9

yang berarti program kita berposisi sebagai Client. Jadi MySQL adalah sebuah database

yang dapat digunakan sebagai Client mupun server.

Database MySQL merupakan suatu perangkat lunak database yang berbentuk

database relasional atau disebut Relational Database Management System ( RDBMS )

yang menggunakan suatu bahasa permintaan yang bernama SQL (Structured Query

Language ). (Saputro, 2012)

2.2.4. Model View Controller (MVC)

Model-view-controller, atau MVC, adalah pola desain yang digunakan dalam

rekayasa perangkat lunak. Tujuan utama dari pola desain ini adalah untuk memisahkan

rangkaian logika dari antarmuka pengguna, dalam rangka untuk fokus pada

pemeliharaan yang lebih baik, kemudahan dalam pengujian, dan aplikasi yang

terstruktur. MVC terdiri dari tiga bagian utama: model, view, dan controller.

1. Model ini terdiri dari beberapa data yang dienkapsulasi bersama dengan

processing logic, dan terpisah dari manipulation logic, yang dirumuskan dalam

controller. Presentation logic terletak di komponen tampilan, model objek

memuat data yang dibutuhkan untuk ditampilkan. Hal ini juga dapat menentukan

beberapa operasi yang dapat memanipulasi data yang dienkapsulasi. Model objek

tidak memerhatikan apapun yang berhubungan dengan GUI.

2. View objek mengacu pada model objek. View objek menggunakan metode read-

only yang ada pada model objek untuk melakukan quey dan mengambil data. Hal

ini dapat terlihat seperti halaman HTML, Windows GUI.

3. Controller objek adalah jembatan antara model dan view objek. Controller objek

tahu bahwa model objek mengharapkan tindakan seperti menambah, mengurangi,

 10

mengalikan, dan membagi, dan juga tahu bahwa GUI akan mengirimkan

beberapa peristiwa yang mungkin memerlukan operasi tersebut.

Aplikasi umumnya dibagi menjadi tiga lapisan terpisah: presentasi, business logic,

dan akses data. Lapisan ini biasanya berbagi satu set objek domain, yang mewakili

semua entitas yang dapat bekerja dengan aplikasi. Pola desain MVC cocok menjadi

lapisan presentasi, di mana ia menangani interaksi pengguna (controller) dengan model

objek tertentu melewati view objek. Setiap aplikasi dapat dibangun menggunakan pola

desain MVC, baik itu aplikasi Winforms, web, PDA, atau dan lain-lain (Balliauw,

2009)

2.2.5. Framework Laravel

Laravel dirilis dibawah lisensi MIT dengan kode sumber yang sudah disediakan

oleh Github, sama seperti framework-framework yang lain, Laravel dibangun dengan

konsep MVC (Model-Controller-View), kemudian Laravel dilengkapi juga command

line tool yang bernama “Artisan” yang bisa digunakan untuk packaging bundle dan

instalasi bundle melalui command prompt. Maka tidak heran jika Framework Laravel

berbasis PHP ini digadang-gadang menjadi primadona framework bagi programmer

PHP untuk membuat aplikasiaplikasi yang lebih elegan dan dinamis. Karena framework

ini menekankan kesederhanaan dan fleksibilitas pada desain-nya, maka dari itu

pengguna framework ini meningkat dari tahun ke tahun. (Aminudin, Cara Efektif

Belajar Framework Laravel, 2015)

A. Fitur-Fitur Framework Laravel

1. Bundles yaitu sebuah fitur dengan system pengemasan modular dan berbagai

bundle telah tersedia untuk di gunakan dalam aplikasi Anda

 11

2. Eloquent ORM merupakan penerapan PHP lanjutan dari pola “active record”

menyediakan metode internal untuk mengatasi kendala hubungan antara objek

database. Pembangun query Laravel Fluent didukung Eloquent.

3. Application Logic merupakan bagian dari aplikasi yang dikembangkan, baik

menggunakan Controllers maupun sebagai bagian dari deklarasi Route.

Sintaks yang digunakan untuk mendefinisikannya mirip dengan yang digunakan

oleh framework Sinatra.

4. Reverse Routing, mendefinisikan hubungan antara Link dan Route, sehingga jika

suatu saat ada perubahan pada route secara otomatis akan tersambung dengan

link yang relevan. Ketika Link yang dibuat dengan menggunakan nama -

nama dari Route yang ada, secara otomatis Laravel akan membuat URI yang

sesuai.

5. Restful Controllers, memberikan sebuah option (pilihan) untuk memisahkan

logika dalam melayani HTTP GET dan permintaan POST.

6. Class Auto Loading, menyediakan otomatis loading untuk class-class PHP, tanpa

membutuhkan pemeriksaan manual terhadap jalur masuknya. Fitur ini mencegah

loading yang tidak perlu.

7. View Composers adalah kode unit logical yang dapat dijalankan ketika sebuah

View di load.

8. IoC Container memungkinkan untuk objek baru yang dihasilkan dengan

mengikuti prinsip control pembalik, dengan pilhan contoh dan referensi dari

objek baru sebagai Singletons.

9. Migrations menyediakan versi sistem control untuk skema database, sehingga

memungkinkan untuk menghubungkan perubahan adalah basis kode aplikasi dan

 12

keperluan yang dibutuhkan dalam merubah tata letak database, mempermudah

dalam penempatan dan memperbarui aplikasi.

10. Unit Testing mempunyai peran penting dalam framework Laravel, dimana unit

testing ini mempunyai banyak tes untuk medeteksi dan mencegah regresi. Unit

testing dapat dijalankan melalui fitur “artisan command -line”.

11. Automatic pagination menyederhanakan tugas dari penerapan halaman,

menggantikan penerapan yang manual dengan metode otomatis yang terintegrasi

ke Laravel.

B. Kelebihan laravel

Adapun kelebihan framework Laravel adalah sebagai berikut

1. Expressif

Laravel adalah framework PHP yang expressif, artinya ketika melihat suatu sintaks

Laravel, seorang programmer diharaplam akan langsung tahu kegunaan dari sintaks

tersebut meskipun belum pernah mempelajarinya apalagi menggunakanya.

Sekarang coba bandingkan dua buah kode berikut yang memiliki tujuan yang sama,

tetapi dengan gaya penulisan yang berbeda.

// kode 1, framework xxx

$uri = Uri::create(„some/uri‟,array(),array(),true);

// kode 2, framework laravel

$url = URL::to_secure(„some/uri‟)

Untuk kode pertama, Anda pasti bertanya-tanya apa sih maksud dari parameter

kedua, ketiga dan keempat, singkatnya parameter ke empat berfungsi sebagai flagging,

true untuk https dan false untuk http.

Laravel melakukan pendekatan yang berbeda dengan membuang parameter yang

sifatnya flagging dan memilih untuk membuat dua fungsi yang berbeda. Menurut saya,
 13

pendekatan semacam ini lebih jelas karena minimal satu parameter fungsi telah

berkurang.

2. Simple

Salah satu yang membuat Laravel begitu simple adalah dengan adanya Eloquent

ORM. Misalnya kita ingin mengambil semua data yang ada di dalam table users, maka

yang diperlukan hanya membuat sebuah class model bernama user: kemudian kita

tinggal memasukan semua data dari tabel users tersebut dengan cara sebagai berikut:

$all_user = User::all();

Dengan begitu, semua data dari tabel users, akan dengan mudah diakses dengan

melakukan looping terhadap variabel $all_user.

Contoh lain, Laravel memiliki kesederhaan dalam masalah routing. Pada

prinsipnya, membangun website hanyalah masalah request-response. Ada request

terhadap halaman x dan Anda juga harus merespon x, maka dalam situasi seperti ini

Laravel menerapkan prinsip routing yang sangat simple.

// output html menggunakan echo

route::get(„halo‟,function()
{
echo „halo, saya web artisan‟; });

// output menggunakan view terpisah

// seperti yang lazim di temui di framework berbasis MVC
route::get(„home‟,function()
{
returnView::make(„home.index‟);});

3. Accessible

Bagi yang sudah terbiasa dengan framework berbasis PHP, saya yakin tidak asing

lagi dengan yang namanya CodeIgniter. CodeIgniter merupakan salah satu PHP

framework paling populer, meskipun ada suatu framework yang bisa dibilang lebih

superior dibanding dengan CodeIgniter, misalnya saja Kohana. Kohana bisa dibilang
 14

memiliki fitur lebih bagus. Namun demikian CodeIgniter memiliki dokumentasi yang

lengkap, sehingga framework ini menjadi lebih mudah untuk digunakan.

Begitu pula dengan laravel sendiri, Laravel pun dibuat dengan dokumentasi yang

selengkap mungkin. Code Developernya dari Laravel sendiri berkomitmen untuk selalu

menyertakan dokumentasi yang lengkap setiap kali rilis versi terbarunya.

2.2.6. HTML

HTML adalah salah satu bahasa pemrograman yang digunakan untuk membuat

suatu halaman website yang dapat dibaca dari web browser. Kode html dibuat dalam

file teks biasa yang disimpan dengan ekstensi "*.htm" atau "*.html". Kode HTML

terdiri dari tag-tag yang memiliki fungsi yang unik. Tag berarti penanda untuk item

baik yang akan ditampilkan oleh web browser maupun tidak. Biasanya tag ini ditulis

berpasangan dan mengapit item yang akan dijelaskan oleh tag tersebut. (Irsan Riza,

2013)

2.2.7. Hypertext Preprocessor (PHP)

Pada awalnva PHP merupakan kependekan dan Personal Home Page. PHP

pertama kali dibuat oleh Rasmus Lerdorf pada tahun 1995. Pada waktu itu PHP masih

bernama FI (Form Interpreted), yang wujudnya berupa sekumpulan script yang

digunakan untuk mengolah data form dan web.

Pada tahun 1997, sebuah perusahaan bernama Zend menulis ulang interpreter

PHP menjadi lebih bersih, lebih baik. dan lebih cepat. Kemudian pada Juni 1998,

perusahaan tersebut merilis interpreter baru untuk PHP dan meresmikan rilis tersebut

sebagai, PHP 3.0 dan singkatan PHP dirubah mnjadi akronim berulang PHP: Hyperteil

Preprocessing.
 15

PHP difokuskan pada scripting server-side, jadi Anda dapat melakukan apa

yang bisa dilakukan CGI dengan menggunakan PHP seperti mengambil data inputan

form, meng-generate konten halaman dinamis, mengirim dan menerima cookies dan

masih banyak lagi. Kemampuan dan support-nya untuk database juga sangat dapat

diandalkan. (Supono & Putratama, 2016)

Bahasa pemrograman PHP merupakan Bahasa pemrograman yang

dikategorikan kepada Server Side Programming, yang artinya bahasa pemrograrnan ini

memerlukan penerjemah dalam hal ini web server untuk menjalankannya. Berikul ini

diberikan gambaran tentang cara kerja bahasa pemrograrnan PHP:

Gambar 2.1 Alur Kerja PHP

Hypertext Preprocessor (PHP) adalah bahasa skrip yang dapat disisipkan

kedalam HTML. PHP banyak dipakai untuk memprogram situs web dinamis. PHP

dapat digunakan untuk membangun CMS (Aditya, 2011).

Beberapa kelebihan PHP dari bahasa pemrograman web (Aditya, 2011), antara

lain :

1. Sebuah bahasa script yang tidak melakukan sebuah komplikasi dalam

penggunaanya.

2. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling mudak karena

memiliki referensi yang banyak.

 16

3. PHP adalah bahasa open source yang dapat digunakan di berbagai mesin (Linux,

Unix, Macintosh, Windows) dan dapat dijadikan secara runtime melalui console

serta juga dapat menjalankan perintah-perintah system.

2.2.8. Data Flow Diagram (DFD)

Data Flow Diagram adalah suatu model logika data atau sistem yang dibuat

untuk menggambarkan dari mana asal data dan kemana tujuan data yang keluar dari

sistem, dimana data tersimpan. DFD bertujuan untuk membuat aliran data seluruhnya

dari sistem (Kristiawan & Sukadi, 2013).

2.2.9. Xampp

Xampp adalah perangkat lunak yang mendukung banyak sistem operasi,

merupakan kompilasi dari beberapa program. Fungsinya exampp adalah sebagai server

yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server,

MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa pemrograman

PHP dan Perl (Aditya, 2011).

2.2.10. Apache Server

Apache Web Server merupakan program aplikasi yang berjalan diserver,

berfungsi untuk menjalankan aplikasi web sehingga bisa diakses oleh klien baik melalui

jaringan intranet maupun internet (Aditya, 2011).

2.2.11. Mozilla Firefox

Mozilla Firefox adalah sebuah web browser yang digunakan untuk

menampilkan informasi dari web server. Softwire ini telah dikembangkan dengan
 17

menggunakan user interface grafis, sehingga user dapat melakukan “point and click”

untuk pindah antar dokumen (Utomo, 2014).

2.2.12. Black Box Testing

Black box testing adalah metode pengujian perangkat lunak yang tes

fungsionalitas dari aplikasi yang bertentangan dengan struktur internal atau kerja (lihat

pengujian whitebox). Pengetahuan khusus dari kode aplikasi atau struktur internal dan

pengetahuan pemrograman pada umumnya tidak diperlukan. Uji kasus dibangun di

sekitar spesifikasi dan persyaratan, yakni aplikasi apa yang seharusnya dilakukan

Uji coba blackbox berusaha untuk menemukan kesalahan dalam beberapa

kategori, diantaranya:

1. Fungsi-fungsi yang salah atau hilang.

2. Kesalahan interface.

3. Kesalahan dalam struktur data atau akses database eksternal.

4. Kesalahan performa.

5. Kesalahan inisialisasi dan terminasi Black Box Testing terfokus pada spesifikasi

fungsional dari perangkat lunak.

 3. BAB III
KERANGKA KONSEP DAN METODE PENELITIAN

3.1. Kerangka Konsep Penelitian

Bahasa Pemrograman

JAVA CSS HTML

PHP

RUANG LINGKUP
PENELITIAN
Framework Framework
Postgree sql MySql Laravel CodeIgniter

Framework Framework
Ms. Access Oracle Zend Yii

MVC
SQL

DATABASE

Gambar 3.1 Kerangka Konsep Penelitian

Berdasarkan kerangka konsep penelitian yang ditunjukkan dalam Gambar 3.1,

ruang lingkup keilmuan yang berhubungan dengan penelitian ini terbagi menjadi 3

bagian, yaitu ruang lingkup Bahasa pemrograman, ruang lingkup database dan ruang

lingkup MVC (Model View Controller)

18
 19

3.1.1. Ruang Lingkup Database

Ruang lingkup database adalah ruang lingkup berupa macam-macam sistem

database yang digunakan untuk membuat databse program atau aplikasi. Beberapa

database, antara lain adalah Oracle, Ms. Office dan MySql.

3.1.2. Ruang Lingkup MVC (Model View Controller)

MVC (Model View Controller) merupakan konsep pemrograman yang

memisahkan antara desain, data, dan proses. Penggunaan MVC pada dasarnya

digunakan untuk mempermudah penegembang aplikasi dalam mengubah suatu bagian

pada aplikasi tanpa harus mengubah bagian lainnya, ada beberapa framework aplikasi

yang menggunakan konsep MVC yaitu framework laravel, framework zend, framework

codeigniter dll.

3.1.3. Ruang Lingkup Bahasa Pemrograman

Ruang lingkup bahasa pemrograman adalah ruang lingkup berupa macam-

macam bahasa pemrograman yang dapat digunakan dalam membuat program atau

aplikasi. Beberapa bahasa pemrograman, antara lain adalah PHP, JavaScript, C++, C#,

Java, JSP, ASP, Visual Basic, Matlab, Pascal, Phyton, dll.

3.1.4. Ruang Lingkup Penelitian

Ruang lingkup penelitian adalah himpunan dari beberapa hal yang terdapat

dalam beberapa ruang lingkup keilmuan yang digunakan atau dilakukan pada penelitian

ini.

Dalam ruang lingkup database penelitian ini menggunakan MySql. Dalam ruang

lingkup MVC (Model View Controller) yang digunakan sebagai konsep dalam

membangun aplikasi berbasis web ini menggunakan framework laravel dan dalam

ruang lingkup bahasa pemrograman, bahasa pemrograman yang digunakan adalah PHP
 20

3.2. Metode Penelitian

START

RISET AWAL

PENGUMPULAN IMPLEMENTASI
DATA
CONTEXT
CODING
DIAGRAM

DEBUGGING
PERANCANGAN NO

CONTEXT
DIAGRAM
BERJALAN
BAIK
DFD
NO

YES
ERD
PENGUJIAN

SIMULASI
PENDAFTARAN
LAYOUT

BERJALAN
BAIK

YES

FINISH

Gambar 3.2 Metode Penelitian

Diagram alir metode penelitian merepresentasikan tahapan-tahapan sistematis dari

penelitian ini. Berdasarkan diagram alir metode penelitian yang ditunjukkan dalam

Gambar 3.2, terdapat empat tahapan utama, yaitu pengumpulan data, perancangan,

implementasi, pengujian, dan operasi

 21

3.2.1. Riset Awal

Riset awal adalah hal yang harus dilakukan pertama kali pada suatu penelitian.

Pada riset awal, dilakukan pembelajaran terhadap segala hal yang terkait dengan topik

penelitian. Beberapa bagian utama yang perlu dipelajari adalah sebagai berikut:

1. Algoritma dan Pemrograman

Mata kuliah yang terkait adalah Pemrograman Dasar dan Struktur data dan

Algoritma.

2. Pemrograman Berbasis Web

Mata kuliah yang terkait adalah Pemrograman Web.

3. Perancangan Aplikasi

Mata kuliah yang terkait adalah Rekayasa Perangkat Lunak dan System Analyst.

4. Konsep Basis Data

Mata kuliah yang terkait adalah Sistem Basis Data, Basis Data Tingkat Lanjut, dan

Administrasi Basis Data.

3.2.2. Pengumpulan Data

Pengumpulan data adalah tahap yang dilakukan untuk mengumpulkan data-data

yang dibutuhkan dan digunakan dalam penelitian ini. Data yang digunakan dalam

penelitian ini adalah data fomulir pendaftaran siswa baru. Lalu, data disimpan dalam

tempat penyimpanan, dalam hal ini merupakan tempat penyimpanan secara elektronis,

yaitu harddisk.

3.2.3. Perancangan

Perancangan merupakan tahapan untuk mengubah kebutuhan-kebutuhan

terhadap sistem yang telah dianalisa menjadi representasi ke dalam bentuk model atau

diagram. Tujuannya adalah untuk merancang sebuah sistem yang baik melalui model
 22

atau diagram sebelum dilakukannya coding atau penulisan program pada tahap

selanjutnya. Model yang dirancang berupa Context Diagram, Data Flow Diagram,

Entity Relationship Diagram, dan tampilan layout

3.2.4. Implementasi

Dalam tahapan ini, dilakukan proses coding yaitu penulisan kode program

(coding) berdasarkan perancangan yang telah dibuat, setelah itu dilakukan debugging

untuk menguji program yang telah dibuat. jika berjalan tidak sesuai dengan

perancangan yang telah dibuat maka selanjutnya tahapan ini akan kembali pada proses

coding, namun Jika berjalan dengan baik, dilanjutkan ke tahap selanjutnya, yaitu

pengujian.

3.2.5. Pengujian

Tahap pengujian adalah proses melakukan simulasi pendaftaran sesuai dengan

fungsi aplikasi ini. jika berjalan dengan baik, maka tahapan akan selesai sampai disini

namun jika berjalan tidak sesuai dengan perancangan yang telah dibuat maka

selanjutnya tahapan ini akan kembali pada proses coding.

3.3. Waktu Dan Tempat Penelitian

Waktu penelitian berdasar pada jadwal pengerjaan Tugas Akhir, yaitu Januari –

Juli 2017. Tempat penelitian dilakukan di Jurusan Teknologi Informasi, Politeknik

Negeri Samarinda.
 23

4. BAB IV
ANALISIS DAN PERANCANGAN

4.1. Analisis Sistem

Aplikasi pendaftaran siswa baru merupakan aplikasi berbasis web yang di gunakan

oleh para calon siswa baru untuk mendaftarkan diri pada SMK Negeri 19 Samarinda.

Aplikasi pendaftaran siswa baru ini memiliki analisis sebagai berikut:

1. Terdapat 2 akses level mahasiswa, yaitu pendaftar dan admin

2. Pendaftar dapat melakukan pendaftaran yaitu mengisi formulir pendaftaran yang

telah disediakan oleh sistem, merubah data pendaftaran, download formulir

pendaftaran yang telah diisi dan cek data pendaftaran

3. Admin dapat menambah atau input data pendaftaran seperti agama, pekerjaan dan

jurusan, dapat menyunting data pendaftaran seperti menghapusdan edit serta dapat

cek data pendaftaran

4.2. Perancangan

4. 1. 1 Diagram Konteks

Diagram konteks memberikan gambaran dari sistem secara garis besar. Sistem

pendaftaran siswa baru yang akan dibangun memiliki 2 entitas yang saling memberikan

dan menerima data melalui sistem pendaftaran siswa baru tersebut. Entitas tersebut

adalah pendaftar dan admin. Diagram konteks yang telah dibuat akan diturunkan atau di

dekomposisi menjadi DFD Level 0

 24

DATA PENDAFTARAN ADMIN

FORM LOGIN
FORM TAMBAH JURUSAN
SISTEM PENDAFTARAN FORM TAMBAH DATA AGAMA
DATA AKUN FORM TAMBAH DATA PEKERJAAN
DATA PENDAFTARAN

FORM REGISTRASI
PENDAFTAR FORM LOGIN
FORM PENDAFTARAN SISWA BARU

Gambar 4.1 Diagram Konteks

 25

4. 1. 2 DFD Level 0

FORM REGISTRASI

1. PROSES
DATA AKUN DATA AKUN
REGISTRASI

DATA AKUN AKUN

PENDAFTA 2. PROSES
FORM LOGIN FORM LOGIN ADMIN
R LOGIN

INFORMASI LOGIN BERHASIL/GAGAL INFORMASI LOGIN BERHASIL/GAGAL

DATA PEKERJAAN FORM TAMBAH JURUSAN

FORM PENDAFTARAN SISWA BARU
DATA AGAMA FORM TAMBAH DATA AGAMA
FORM TAMBAH DATA PEKERJAAN
DATA JURUSAN

DATA PENDAFTARAN
3.
PEKERJAAN AGAMA JURUSAN PROSES
TAMBAH DATA

DATA PENDAFTAR
DATA AGAMA
DATA PEKERJAAN
DATA JURUSAN

DATA 5. PROSES
4. PROSES
PENDAFTAR PENDATAAN
PENDAFTARAN
SISWA BARU SISWA

DATA PENDAFTAR

DATA PENDAFTARAN

Gambar 4.2 DFD Level 0

 26

DFD Level 0 merupakan hasil dekomposisi dari diagram konteks. DFD Level 0

memiliki 5 proses, yaitu proses Tambah data, Proses Pendaftaran siswa baru dan proses

pendataan pendaftaran, berikut ini adalah penjelasan proses:

1. Registrasi User

Proses registrasi user adalah proses di mana users yaitu pendaftar melakukan

registrasi users untuk mendapatkan akun.

2. Login User

Proses Login User adalah proses di mana user melakukan login untuk dapat masuk

ke dalam sistem.

3. Proses tambah data

Proses tambah data adalah proses dimana seorang admin menambahkan data untuk

form pendaftaran yang di isi oleh pendaftar

4. Proses Pendaftaran siswa baru

Proses pendaftaran siswa baru adalah proses dimana calon siswa baru mengisi

formulir pendaftaran pada sistem

5. Proses pendataan pendaftaran

Proses pendataan pendaftar adalah proses dimana user dapat melihat ranking

berdasarkan urutan niai ujian tertinggi sampai yang terendah yang telah di isi pada

formulir pendaftaran serta juga dapat mengunduh data pendaftarannya pada sistem.
 27

4. 1. 3 DFD Level 1 (Login Dan Registrasi Akun)

PENDAFTAR FORM LOGIN

DATA AKUN

FORM REGISTRASI

1.1 PROSES
REGISTRASI

IFORMASI LOGIN BERHASIL/GAGAL

2.1 PROSES
DATA AKUN LOGIN

AKUN

DATA AKUN

IFORMASI LOGIN BERHASIL/GAGAL

FORM LOGIN

ADMIN

Gambar 4.3 DFD Level 1 Login Dan Register Akun

Sebelum dapat mengakses sistem, pengunjung harus melakukan registrasi akun

agar dapat menjadi akun pendaftar atau admin, akun tersebut dapat dimiliki dengan cara

registrasi terlebih dahulu dengan cara mengisi form registrasi berupa nama, email dan

password sebagai admin atau pendaftar, setelah registrasi dan mendapatkan akun,
 28

pengunjung dapat masuk ke dalam sistem dengan mengisi form login terlebih dahulu

yaitu mengisi email dan password yang telah teregistrasi sebelumnya

4. 1. 4 DFD Level 2 (Proses Admin Input Data)

3.1 PROSES
TAMBAH DATA DATA JURUSAN
JURUSAN

DATA JURUSAN

JURUSAN

3.2 PROSES
ADMIN DATA AGAMA TAMBAH DATA DATA AGAMA AGAMA
AGAMA

PEKERJAAN

DATA PEKERJAAN

3.3 PROSES
TAMBAH DATA DATA PEKERJAAN
PEKERJAAN

Gambar 4.4 DFD Level 2 Admin Input Data

 29

DFD Level 3 merupakan Proses dimana admin menambahkan data Pekerjaan,

Agama dan Jurusan yang digunakan untuk keperluan proses pengisian formulir

pendaftaran siswa baru.

4. 1. 5 Cardinality And Conectivity Database

Gambar 4.5 Cardinality And Conectivity Database

Berikut penjelasan relasi pada gambar 4.5 Entity Relationship Diagram

1. Satu table users dapat memiliki banyak table daftars sedangkan table daftars hanya

dapat memiliki satu users saja

 30

2. Satu table users dapat memiliki banyak table pekerjaan sedangkan table pekerjaan

hanya dapat memiliki satu users saja

3. Satu table users dapat memiliki banyak table agama sedangkan table agama hanya

dapat memiliki satu users saja

4. Satu table users dapat memiliki banyak table jurusan sedangkan table daftars hanya

dapat memiliki satu users saja

5. Table password_reset tidak berelasi dengan table lain karena table password_reset

berfungsi sebagai bantuan ketika users lupa dengan passwordnya dan ingin megatur

ulang password tersebut

4. 2. 1 Struktur Tabel

Struktur tabel merupakan urutan isi atau data-data yang ada pada file database.

Rancangan struktur ini dimaksudkan untuk dapat melakukan pemanggilan data pada

table Form pendaftaran. Struktur file yang terdapat pada aplikasi pendaftaran siswa

berbasis baru web seperti pada

Tabel 4.1 tabel users

NO NAMA FIELD UKURAN

1 id int(10)
2 name varchar(20)
3 email varchar(50)
4 password varchar(8)
5 admin tinyint(1)
6 avatar varchar(255)
7 remember_token varchar(100)
8 created_at timestamp
9 updated_at timestamp
10 deleted_at timestamp

Tabel 4.1 merupakan tabel users digunakan untuk menyimpan data diri

pendaftar sebagai user.

 31

Tabel 4.2 tabel pekerjaan

NO NAMA FIELD UKURAN

1 id int(10)
2 pekerjaan varchar(20)
3 user_id int(10)
4 created_at timestamp
5 updated_at timestamp
6 deleted_at timestamp

Tabel 4.2 merupakan tabel yang digunakan untuk menyimpan data pekerjaan

yang digunakan unutuk pendaftar dalam memilih pekerjaan pada form pendaftaran

Tabel 4.3 tabel agama

NO NAMA FIELD UKURAN

1 id int(10)
2 agama varchar(20)
3 user_id int(10)
4 created_at timestamp
5 updated_at timestamp
6 deleted_at timestamp

Tabel 4.3 merupakan tabel yang digunakan untuk menyimpan data agama yang

digunakan unutuk pendaftar dalam memilih agama pada form pendaftaran

Tabel 4.4 tabel jurusan

NO NAMA FIELD UKURAN

1 id int(10)
2 jurusan varchar(20)
3 user_id int(10)
4 created_at timestamp
5 updated_at timestamp
6 deleted_at timestamp

Tabel 4.4 merupakan tabel yang digunakan untuk menyimpan data jurusan yang
digunakan unutuk pendaftar dalam memilih jurusan pada form pendaftaran
 32

Tabel 4.5 form pendaftaran

NO NAMA FIELD UKURAN

1 id int(10)
2 nama varchar(25)
3 jenis_kelamin enum('LAKI-LAKI', 'PEREMPUAN')
4 agama varchar(20)
5 tempat_lahir varchar(20)
6 tgl_lahir date
7 alamat varchar(255)
8 status_anak varchar(2)
9 anak_ke varchar(2)
10 jumlah_saudara varchar(2)
11 tahun_lulus varchar(4)
12 no_ijasah varchar(10)
13 asal_sekolah varchar(20)
14 status_sekolah enum('NEGERI', 'SWASTA')
15 alamat_sekolah varchar(255)
16 nilai_matematika int(3)
17 nilai_bahasa_indonesia int(3)
18 nilai_bahasa_inggrish int(3)
19 nilai_ipa int(3)
20 nilai_un int(3)
21 prestasi varchar(255)
22 prestasi2 varchar(255)
23 pilih_jurusan1 varchar(15)
24 pilih_jurusan varchar(15)
25 nama_ayah varchar(23)
26 pekerjaan varchar(23)
27 pendidikan varchar(23)
28 penghasilan varchar(23)
29 no_telp varchar(12)
30 nama_ibu varchar(23)
31 pekerjaan_ibu varchar(23)
32 pendidikan_ibu varchar(23)
33 penghasilan_ibu varchar(23)
34 no_telp_ibu varchar(12)
35 user_id int(10)
36 created_at timestamp
37 updated_at timestamp
38 deleted_at timestamp
 33

4.3. Perancangan Managemnt User

CALON_SISWA

CREATE

CRUD

USERS
UPDATE

DELETE

ADMIN

Gambar 4.6 Managemnt User

Pada gambar 4.6 merupakan pembagian user beserta hak aksesnya, admin dapat

melakukan proses Create, Read, Update dan Delete sedangkan calon_siswa hanya bisa

melakukan proses Create, Read dan Update saja

4.4. Perancangan Antar Muka

Antarmuka tampilan merupakan media komunikasi antara pemakai dengan

sistem komputer. Hasil perancangan antarmuka pemakai akan memudahkan proses

implementasi nanti. Adapun antarmuka pemakai perangkat lunak yang akan dirancang

ditampilkan sebagai berikut :

 34

5. 1. 1 Rancangan Layout Login Dan Register Users

Gambar 4.7 Rancangan Layout Register Users

Gambar 4.7 Rancangan Layout Register Users merupakan rancangan untuk

pengunjung sistem yag ingin memiliki aku users sebagai pendaftar atau admin,

pengunjung harus mengisi form register berupa nama, email, password dan level users

untuk menetukan users sebagai admin atau pendaftar

 35

Gambar 4.8 Rancangan Layout Login Users

Gambar 4.8 Rancangan Layout Login Users digunakan untuk masuk kehalaman

utama sebagai pendaftaran ataupun admin, dengan melakukan mengisi form login

berupa email dan password terlebih dahulu agar dapat mengakses halaman web sebagai

pendaftar ataupun admin.

 36

5. 1. 2 Rancangan Layout Form Pendftaran dan edit Data Pendaftaran

Gambar 4.9 Racangan Layout Form Pendaftaran

Gambar 4.9 Racangan Layout Form Pendaftaran merupakan halaman dimana

pendaftar dapat mengakses formulir pendaftaran berupa nama, alamat, asal sekolah dll
 37

Gambar 4.10 Rancangan layout edit dan download data pendaftar

Gambar 4.10 Rancangan layout edit dan download data pendaftar meruapakan

halaman dimana pendaftar dapat merubah datanya setelah mengisi formulir pendaftaran,

setelah itu pada halaman ini pendaftar juga dapat mengunduh formulir pendaftaran

yang telah di isi tersebut dalam bentuk pdf guna melanjutkan ke proses pendaftaran

selanjutnya yang telah di atur oleh panitia pendaftaran

 38

5. 1. 3 Rancangan Layout Form Admin Tambah Data Jurusan, Agama Dan

Pekerjaan

Gambar 4.11 Tambah Data Jurusan

Gambar 4.11 Tambah Data Jurusan merupakan proses yang hanya dapat

dilakukan seorang admin yang berguna untuk menambahkan data jurusan untuk data

tambahan formulir pendaftaran calon siswa baru

 39

Gambar 4.12 Tambah Data Agama

Gambar 4.12 Tambah Data Agama merupakan proses yang hanya dapat

dilakukan seorang admin yang berguna untuk menambahkan data agama untuk data

tambahan formulir pendaftaran calon siswa baru

 40

Gambar 4.13 Tambah Data Pekerjaan

Gambar 4.13 Tambah Data Pekerjaan merupakan proses yang hanya dapat

dilakukan seorang admin yang berguna untuk menambahkan data jurusan untuk data

tambahan formulir pendaftaran calon siswa baru

 5. BAB V
IMPLEMENTASI DAN PENGUJIAN

5.1. Implementasi Perangkat

Implementasi perangkat adalah tahap menentukan perangkat yang akan

digunakan untuk pembangunan dan pengujian aplikasi. Tahap ini dibutuhkan untuk

meminimalisir kesalahan akibat tidak sesuainya kebutuhan spesifikasi perangkat pada

saat pembangunan maupun pengujian aplikasi. Implementasi perangkat dibagi menjadi

dua macam, yaitu implementasi perangkat keras (hardware) dan perangkat lunak

(software).

5. 1. 1 Implementasi Perangkat Keras (Hardware)

Perangkat keras yang dibutuhkan untuk pembangunan dan pengujian aplikasi

adalah komputer dengan spesifikasi sebagai berikut:

1. CPU : Intel® Core i3 2.3 GHz

2. RAM : 2 GB

3. Storage : 100 MB untuk aplikasi

4. Keyboard

5. Monitor

6. Touchpad/Mouse

5. 1. 2 Implementasi Perangkat Lunak (Software)

Perangkat lunak yang dibutuhkan untuk pembangunan dan pengujian aplikasi

adalah sebagai berikut:

1. Sistem Operasi : Windows 7 Professional 32-bit atau di atasnya

41
 42

2. Framework : Framework Laravel

3. Web Server : Apache versi 2.4.18

4. Database Server : MariaDB versi 10.1.13

5. Browser : Google Chrome versi 56.0.2924.87

6. Bahasa Pemrograman : PHP versi 7.0.8

5.2. Implementasi Antar Muka

5. 1. 1 Halaman Login Dan Register

Gambar 5.1 Halaman Login

Gambar 5.1 Halaman Login Merupakan halaman awal sebelum masuk ke sistem,

pada alaman ini terdapat form login yang berisi mail dan password yang harus diisi

users sebeum masuk ke halaman utaman sistem

 43

Gambar 5.2 Halaman Register

Gambar 5.2 Halaman Register merupakan halaman yang digunakan untuk

mendapatkan akun users sebagai pendaftar atau admin, pada halaman ini terdapat form

register yang berisi nama, email, password, user level sebagai admin atau pendaftar
 44

5. 1. 2 Login sebagai Admin

Gambar 5.3 halaman utama admin

Gambar 5.4 halaman tambah data pekerjaan

Gambar 5.4 halaman tambah data pekerjaan adalah halaman yang berfungsi untuk

menambah data pekerjaan yang hanya dapat di akses oleh admin, data tesebut akan di

gunakan untuk form pendaftaran

 45

Gambar 5.5 halaman tambah data agama

Gambar 5.5 halaman tambah data agama adalah halaman yang berfungsi untuk

menambah data agama yang hanya dapat di akses oleh admin, data tesebut akan di

gunakan untuk form pendaftaran

Gambar 5.6 halaman tambah data jurusan

Gambar 5.6 halaman tambah data jurusan adalah halaman yang berfungsi untuk

menambah data jurusan yang hanya dapat di akses oleh admin, data tesebut akan di

gunakan untuk form pendaftaran

 46

Gambar 5.7 data pendaftar

Gambar 5.7 data pendaftar merupakan halaman yang menampilkan data pendaftar

yang juga berfungsi untuk admin dalam merubaha dan menghapus data pendaftar jika

diperlukan

Gambar 5.8 data semua pendaftar

Gambar 5.8 data semua pendaftar adalah halaman yang menampilkan data-data

pendaftar yang di urutkan berdasarkan nilai ujian nasional

 47

5. 1. 3 Login Sebagai Pendaftar

5.3. Pengujian Sistem

Pengujian sistem dilakukan untuk mengetahui sejauh mana sistem yang telah

dibuat sudah benar-benar berjalan dengan baik. Pengujian sistem menggunakan Black

Box Testing. Hasil dari pengujian sistem ditunjukkan pada tabel-tabel dibawah ini.

5. 2. 1 Hasl Pengujian Login (Oleh Pendaftar/Admin)

Pada halaman ini untuk melihat apakah fungsi pada halaman login berjalan atau

tidak sebagaimana table 5.1

Tabel 5.1 Pengujian Login

Kasus dan Hasil Uji

Data Masukan Yang Diharapkan Pengamatan Kesimpulan
Masukan username berupa Mengisi username untuk
Dapat diisi Berhasil
email member / admin
Mengisi Password yang
Masukan Password sesuai dengan data yang Dapat diisi Berhasil
dimasukan
Masuk kehalaman home
pendaftar / admin dengan
Klik Login Dapat diisi Berhasil
tambahan menu jika
benar

Jika berhasil login maka akan di alihkan ke halaman selanjutnya sesuai dengan

level users masing-masing yaitu sebagai admin atau sebagai pendaftar

5. 2. 2 Hasl Pengujian Logout (Oleh Pendaftar/Admin)

Pada halaman ini untuk melihat apakah fungsi pada halaman login berjalan atau

tidak sebagaimana table 5.2

 48

Tabel 5.2 pengujian logout

Kasus dan Hasil Uji

Data Masukan Yang Diharapkan Pengamatan Kesimpulan
Klik “Logout” di bagian User keluar dan masuk
Berhasil Berhasil
atas website kehalaman login

Ketika pendaftar atau admin melakukan logout maka akan langsung di alaihkan

ke halaman login awal

5. 2. 3 Hasl Pengujian Fungsi Admin

Tabel 5.3 Pengujian Fungsi Admin

Kasus Dan Hasil Uji

Data Masukan Yang Diharapkan Pengamatan Kesimpulan
Tambahkan data Dapat Diisi dan
Mengisi data untuk jurusan Berhasil
jurusan disimpan
Tambahkan data Dapat Diisi dan
Mengisi data untuk agama Berhasil
agama disimpan
Tambahkan data Dapat Diisi dan
Mengisi data untuk pekerjaan Berhasil
pekerjaan disimpan

5. 2. 4 Hasil Pengujian Fungsi Pendaftar

Tabel 5.4 Pengujian Fungsi Pendaftar

Kasus Dan Hasil Uji

Data Masukan Yang Diharapkan Pengamatan Kesimpulan
Input data form
Mengisi semua data Dapat Diisi dan
pendaftaran siswa Berhasil
pendaftaran disimpan
baru
Dapat Diisi dan
edit data pendaftar memperbarui data pendaftar Berhasil
disimpan
dapat mendownload
download data mendownload data formulir
data formulir Berhasil
formulir pendaftar pendaftar
pendaftar
 49

Pendaftar mengisi formulir pendaftaran sesuai dengan isi form yang disediakan

jika berhasil maka data akan tersimpan, setelah itu pendaftar juga dapat merubah data

diri jika merasa ada yang kurang atau salah jika berhasil data akan trupdate setalah itu

pendaftar dapat mendownload formulir pendaftaran meraka yang telah diisi dalam

bentuk pdf dan melihat data semua pendaftar berdasarkan ranking yang di tentukan

sesuai kriteria yang ditentukan admin atau panitia pendaftaran

 50

6. BAB VI
PENUTUP

4.1. Kesimpulan

Dari pembuatan aplikasi ini, penulis telah merumuskan beberapa kesimpulan,

yaitu :

1. Dengan adanya aplikasi ini, maka proses pendaftaran akan menjadi lebih efisien,

baik dalam hal waktu, tempat, biaya, maupun tenaga

2. Mempermudah pendaftar atau panitia pendaftaran dalam pendataan calon siswa

baru

3. Aplikasi yang dibangun dengan konsep MVC (Model View Controller)

menggunakan framework laravel memilik data yag terstruktur

4.2. Saran

Penulis memberikan beberapa saran atas pembuatan website ini, yaitu sebagai

berikut :

1. Tampilan dapat dikembangan lagi dengan yang lebih baik lagi

2. Fitur-fitur tambahan seperti upload foto, upload scan SKHU akan sangat

dibutuhkan kedepannya
 51

DAFTAR PUSTAKA

Aditya, A. N. (2011). Jago PHP DAN MYSQL Dalam Hitungan Menit, Membahas

PHP Dan MySQL Dari Nol Hingga Mahir, Untuk Pemula. Bekasi: Dunia

Komputer.

Aminudin. (2015). Cara Efektif Belajar Framework Laravel.

Balliauw, M. (2009). ASP.NET MVC 1.0 Quickly. Birmingham, UK: Packt Publishing

Ltd.

C. S. (2015). RANCANG BANGUN SISTEM INFORMASI PENERIMAAN SISWA

BARU BERBASIS WEB (Studi Kasus Pada SMK Ciledug Al-Musaddadiyah

Garut). Jurnal Algoritma, Vol. 01, Hal 1-8.

Irsan Riza. (2013). Pengenalan HTML, CSS dan Java Script.

Kristiawan, B., & Sukadi. (2013). Pembuatan Sistem Informasi Persewaan Mobil Pada

Rental Mobil Akur Pacitan. Indonesian Jurnal on Computer Science - Speed,

Vol. 10. No.4, Hal 53-60.

Rahayu, D. B., E. G., & Partono. (2012). PERANCANGAN SISTEM INFORMASI

PENDAFTARAN PESERTA DIDIK BARU BERBASIS WEB STUDI

KASUS DI SMA NEGERI 14 GARUT. Jurnal Algoritma, vol. 09, Hal 1-7.

Saputro, H. (2012). Modul Pembelajaran Praktek Basis Data (MySQL) .

Sulistianingsih, Purnama, B. E., & Sukadi. (2012). SISTEM INFORMASI

PENERIMAAN SISWA BARU BERBASIS WEB PADA SEKOLAH

 52

MENENGAH KEJURUAN (SMK) PGRI DONOROJO. Indonesian Jurnal on

Computer Science - Speed (IJCSS), Vol. 09.

Supono, & Putratama, V. (2016). Pemrograman Web dengan Menggunakan PHP dan

Framework Codeigniter. Yogyakarta: Deepublish .

Utomo, S. P. (2014). Pembuatan Sistem Informasi Berbasis Website Pada Sd Masjid

Syuhada Yogyakarta Menggunakan Framework Codeigniter Dan Bootstrap.

Yogyakarta: Amikom.

Yuhendra, & Poerwanta, R. (2013). PERANCANGAN SISTEM INVENTORY

SPARE PARTS MOBIL PADA CV. AUTO PARTS TOYOTA BERBASIS

APLIKASI JAVA. Jurnal TEKNOIF, Vol. 1. No.2, Hal 1 - 5.