i

APLIKASI IZIN SISWA BERBASIS WEB

MENGGUNAKAN PHP DAN MySQL DI SMP N 3

SAMBOJA

TUGAS AKHIR

SARDIANSYAH

150309281293

POLITEKNIK NEGERI BALIKPAPAN

JURUSAN TEKNIK ELEKTRONIKA

2018

ii

APLIKASI IZIN SISWA BERBASIS WEB

MENGGUNAKAN PHP DAN MySQL DI SMP N 3

SAMBOJA

TUGAS AKHIR

KARYA TULIS INI DIAJUKAN SEBAGAI SALAH SATU SYARAT

UNTUK MEMPEROLEH GELAR AHLI MADIYA DARI POLITEKNIK

NEGERI BALIKPAPAN

SARDIANSYAH

150309281293

POLITEKNIK NEGERI BALIKPAPAN

JURUSAN TEKNIK ELEKTRONIKA

2018

iii

Karya ilmiah ini kupersembahkan kepada

Ayahanda dan ibunda tercinta

Darwis dan Salbiah

Saudara-saudariku yang saya cintai

Ardiansyah

Fitriani

Juliansyah

Hasbiansyah

Kekasih yang q sayang (Rizky Fauzia)

Dan sahabat-sahabat saya yang saya banggakan

Yuliana suwardina

Julia Maulinda

Windawati

Triyas Aprilia

Peny

Risna

3 TE 2 ( TKJ)

KOSGANTENG

ABSTRAK

Seiring dengan semakin berkembangnya zaman atau duni teknologi dan

informasi saat ini. Pengelolaan data dan penyebaran informasi akan dirasakan

kurang efektif dan efisien apabila sumber informasi tersebut dalam bentuk yang

sulit diakses oleh masyarakat umum. Oleh karena itu maka dibutuhkan suatu solusi

berupa media pendukung yang berupa sebuah sistem informasi yang berbasiskan

website . Pada sekolah SMP N 3 Samboja ,penyebaran informasi dan izin masih

menggunakan sistem manual, informasi izin yang diberikan masih menggunakan

media kertas. Dan diharapkan aplikasi izin yang berbasiskan website ini dapat

memberikan kemudahan kepada siswa SMP N 3 Samboja untuk menyampaikan

sebuah pemberitahuan kepada pihak sekolah bahwa siswa tersebut tidak dapat

hadir/izin.

Tujuan dari dibuatnya sebuat sistem informasi yang berbasiskan website di SMP

N 3 Samboja ini adalah untuk membantu sistem izin dan absensi yang akan lebih

terstruktur. informasi kepada pihak sekolah yang berupa data siswa yang izin, akan

langsung tersimpan di dalam aplikasi izin tersebut. Untuk mengetahui lebih

mendalam mengenai informasi yang ada di SMP N 3 Samboja, di antara lain ialah

informasi visi dan misi sekolah. Dalam proses pengumpulan data mengenai SMP

N 3 Samboja dilakukan dengan cara melakukan penelitian dari berbagai sumber

seperti observasi langsung , buku, wawancara, serta dengan mencari refrensi di

website maupun internet.

Hasil perancangan website ini ialah berupa aplikasi izin yang memiliki fungsi

untuk menampilkan data siswa yang izin, adapun informasi yang ada berupa,visi

dan misi, data pengajar, dan lain – lain.

Keyword :Informasi, Website, Absensi,siswa

ABSTRAK

Along with the development of the era or world of technology and information today.

Data management and information dissemination will be felt less effective and efficient if

the source of information is in a form that is difficult to access by the general public. Therefore, a solution is needed in the form of supporting media in the form of an

information system based on the website. At the Samboja N 3 junior high school, the

dissemination of information and permits is still using a manual system, the permit

information provided still uses paper media. And it is expected that the permit application based on this website can provide convenience for students of SMP S 3 Samboja to deliver

a notice to the school that the student cannot attend / permit.

The purpose of creating an information system based on the website in SMP N 3

Samboja is to help the system of permits and absences that will be more structured.

information to the school in the form of student data that is permitted, will be immediately

stored in the permit application. To find out more about the information in Samboja N 3

Junior High School, among others is information on the school's vision and mission. In

the process of collecting data about Samboja Middle School 3, research is carried out

from various sources such as direct observation, books, interviews, and by looking for

references on websites and the internet.

The results of designing this website are in the form of a permit application that has a

function to display student data that is licensed, as for the information in the form of,

vision and mission, teaching data, and others.

Keyword: Information, website, student

x

DAFTAR ISI

JUDUL......................................................... ................................................ ii

LEMBAR PENGESAHAN... ...................................................................... iii

SURAT PERNYATAAN... ......................................................................... iv

LEMBAR PERSEMBAHAN.. .................................................................... v

LEMBAR PERNYATAN PERSETUJUAN............................................... vi

ABSTRAK ................................................................................................. vii

KATA PENGANTAR ................................................................................. ix

DAFTAR ISI ................................................................................................ x

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

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

DAFTAR LAMPIRAN .............................................................................. xv

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

BAB II LANDASAN TEORI .................................................................... 4

2.1 Pengertian Aplikasi ................................................................................ 4

2.2 Pengertian XAMPP ................................................................................. 5

2.3 Pengertian Notepad ++ .......................................................................... 6

2.4 Pengertian Cpanel .................................................................................. 6

2.5 Pengertian PhpMyadmin ........................................................................ 6

2.6 Pengertian MySQL .................................................................................. 7

2.6.2 Sejarah ................................................................................................. 8

2.6.3 Pengertian Database............................................................................ 8

2.7 Pengertian Web Browser ....................................................................... 8

BAB III METODOLOGI PENELITIAN................................................. 9

3.1 Jenis Penelitian ....................................................................................... 9

xi

3.2 Tempat Dan Waktu Penelitian ............................................................... 9

3.3 Perangkat Keras Dan Perangkat Lunak Yang Di Gunakan .................... 9

3.3.1. Perangkat Keras .................................................................................. 9

3.3.2 Perangkat Lunak ................................................................................ 10

3.4.1 Metodologi Pengumpulan Data ......................................................... 10

3.4.2 Diagram Alir...................................................................................... 12

3.5 Rancangan Aplikasi Izin Berbasis Website .......................................... 16

3.5 Rancangan Database .............18

BAB IV RANCANGAN KEGIATAN ................................................... 20

4.1 Proses Manual izin ............................................................................... 20

4.2 Hasil...................................................................................................... 20

4.2.1 Halama Login ................................................................................... 20

4.2.2 Halaman Home User ......................................................................... 21

4.2.3 Halaman Daftar Guru ........................................................................ 22

4.2.4 Halaman Informasi ............................................................................ 23

4.2.5 Halaman Daftar Izin .......................................................................... 24

4.2.6 Form Login ........................................................................................ 25

4.2.7 Halaman Form Izin ............................................................................ 26

4.2.8 Database ............................................................................................ 27

4.3 Hosting ................................................................................................. 30

4.3.1 Web Aplikasi Izin .............................................................................. 31

4.3.2 Deskripsi Proses Login Form ............................................................ 31

4.3.3 Deskripsi Proses ................................................................................ 32

4.3.4 Hasil Izin ........................................................................................... 33

4.4 Manfaat Program .................................................................................. 33

4.5 Deskripsi Use Case ............................................................................... 34

4.5.1 Use Case Spesification Login............................................................ 34

4.5.2 Use Case Spesification Data Izin ...................................................... 35

4.5.3 Use Case Spesification Home ........................................................... 36

4.5.4 Use Case Spesification Informasi...................................................... 37

xii

4.5.5 Use Case Spesification Data Guru .................................................... 37

4.5.6 Use Case Spesification Form Izin ..................................................... 38

BAB V PENUTUP .................................................................................... 40

5.1 Kesimpulan ........................................................................................... 40

5.2 Saran ..................................................................................................... 40

DAFTAR PUSTAKA................................................................................. 41

LAMPIRAN ............................................................................................... 42

xiii

DAFTAR GAMBAR

Gambar 2.1 phpMyadmin .........................................................................6

Gambar 2.2 MysQl.. .................................................................................7

Gambar 3.1 Alir Pngumpulan Data.. ........................................................10

Gambar 3.2 Use Case ...............................................................................11

Gambar 3.3 ERD ......................................................................................11

Gambar 3.4 Alir masuk Admin... .............................................................12

Gambar 3.5 Diagram Alir User ................................................................13

Gambar 3.6 Diagram input User ..............................................................14

Gambar 3.7 Diagram Alir Ubah Guru ......................................................15

Gambar 3.8 Login .....................................................................................16

Gambar 3.9 Layout Home ........................................................................16

Gambar 3.10 Login Form Izin ................................................................ 17

Gambar 3.11 Formulir Pendaftaran ........................................................ 17

Gambar 4.1 Tampilan Login .................................................................. 20

Gambar 4.2 Code Tampilan Login ......................................................... 21

Gambar 4.3 Home .................................................................................. 21

Gambar 4.4 Code Pemanggil Konten ..................................................... 22

Gambar 4.5 Halaman Guru .................................................................... 22

Gambar 4.6 Code Tampilan Halaman Guru Piket ................................. 23

Gambar 4.7 Halaman Informasi ............................................................. 23

Gambar 4.8 Code Informasi ................................................................... 24

Gambar 4.9 Halaman Tabel Izin ............................................................ 24

Gambar 4.10 Code Program Tabel Izin .................................................. 25

Gambar 4.11 Form Login ....................................................................... 25

Gambar 4.12 Code Proram Login Form ................................................. 26

Gambar 4.13 Halaman form ................................................................... 26

Gambar 4.14 Code Program Home ........................................................ 27

Gambar 4.15 Database Aplikasi ............................................................. 27

xiv

Gambar 4.16 Database Formulir izin ..................................................... 28

Gambar 4.17 Database Login ................................................................. 28

Gambar 4.18 Database Tambah Guru .................................................... 29

Gambar 4.19 Halaman Login Hosting .................................................... 30

Gambar 4.20 Halaman Web Aplikasi Izin ............................................. 31

Gambar 4.21 Input Password Form ....................................................... 31

Gambar 4.22 Form Izin .......................................................................... 32

Gambar 4.23 Hasil Input Data Izin ........................................................ 33

xiv

DAFTAR TABEL

Tabel 3.1.Admin ............................................................................................... 18

Tabel 3.2 Guru Piket ........................................................................................ 18

Tabel 3.3 Login User ........................................................................................ 19

Tabel 3.4 Form Perizinan ................................................................................. 19

Tabel 3.5 Database Login Form ....................................................................... 19

iii

DAFTAR LAMPIRAN

Lampiran 1 Home User Skrip php ............................................................... 42

Lampiran 2 Halaman Daftar Guru ............................................................... 45

Lampiran 3 Halaman Informasi Skrip Php .................................................. 48

Lampiran 4 Halaman Daftar Izin Skrip Php ................................................ 53

Lampiran 5 Halaman Login Form Skrip Php ............................................... 56

Lampiran 6 Halaman Form Izin Skrip Php .................................................. 57

Lampiran 7 Halaman Home Admin ............................................................. 62

Lampiran 8 Halaman Admin Daftar Guru ................................................... 65

Lampiran 9 Halaman Admin Tambah Guru ................................................ 68

Lampiran 10 Login Admin .......................................................................... 69

Lampiran 11 Act Ad Guru Admin ............................................................... 70

Lampiran Act Form Admin .......................................................................... 71

1

BAB I

PENDAHULUAN

1.1 Latar Belakang

Di era moderen seperti ini tentunya sudah banyak cara untuk

menyampaikan informasi kepada sekolah, dan saat ini sistem informasi di

dunia pendidikan juga mulai harus dikembangkan. Di era serba online ini

tentunya dunia pendidikan sangat penting untuk memiliki sesuatu yang dapat

memudahkan kinerja sekolah dalam mengolah data siswa agar lebih falid, dan

mudah untuk di gunakan bagi sekolah dan siswa. Hal tersebut dapat di lakukan

tentunya karna adanya internet, diera seperti ini sangat penting untuk

menggunakannya sebagai salah satu perkembangan zaman yang harus diikuti

oleh dunia pendidikan.

Dalam dunia pendidikan sistem informasi dan komunikasi siswa dan

sekolah merupakan sebuah sistem yang memang harus ada pada dunia

pendidikan, dikarenakan banyaknya siswa yang sering izin untuk hal-hal yang

tak terduga bisa berupa sakit, berupa kegiatan, Dan lain-lain. Yang membuat

siswa tersebut tidak dapat pergi ke sekolah untuk meminta izin ke sekolahnya.

Oleh sebab itulah aplikasi berbasis web ini dibuat untuk mempermudah

perizinan siswa di sekolah tersebut.

kelebihan website sebagai sistem informasi untuk menghemat biaya dan

waktu. Kemudahan mengakses sebuat internet dapat menjadi suatu alasan untuk

mengembangkan sebuah sistem izin siswa berbasis aplikasi website.

Dari sistem yang digunkan oleh sekolah yang berada di Samboja, masih

menggunakan cara manual untuk dapat izin dari sekolah, cara manual tersebut

dapat berupa mengirim surat, mendatangi sekolah, Menggunakan sms, dan lain-

lain.

Hal ini jugalah yang mendasari perlunya penerapan sisitem izin yang

berbasis online ke pada SMP N 3 Samboja, agar sistem perizinan lebih teratur

dan mudah untuk siswa yang memiliki kendala untuk hadir dalam pelajaran

sekolah. Dimana dari 10 sekolah di Samboja belum ada yang memiliki sistem

2

aplikasi perizinan berbasis website. banyak nya sistem manual yang digunakan

membuat absensi siswa menjadi tidak tertata dengan baik, yang mengharuskan

siswa harus mengirim surat terlebih dahulu ke sekolah yang terkadang tidak

dibaca oleh guru.

Dengan adanya aplikasi izin untuk SMP N 3 Samboja ini, di harapkan

siswa dapat menjadi lebih mudah untuk memproses izin jika berhalangan hadir.

Didalam aplikasi tersebut siswa dapat memberikan informasi mengenai ketidak

hadiran melalui aplikasi perizinan yang berbasis web, dan dapat melihat

absensi dirinya.

Mengingat pentingnya hal itu maka dukungan sistem aplikasi perizinan

yang cepat dan akurat sangat dibutuhkan di tempat tersebut. Untuk mengatasi

hal tersebut oleh karena itu penulis dalam tugas akhir ini membuat sistem

aplikasi perizinan di SMP N 3 samboja menggunakan bahasa PHP dan

MySQL yang berbasiskan aplikasi website. Dikarenakan dengan menggunakan

aplikasi perizinan berbasis website, dapat menghubungkan beberapa jaringan

yang ada pada suatu daerah, yang memungkinkan seluruh siswa yan

mengunakan internet dapat mengakses dan melihat absensi mereka, dan

dengan menggunakan tampilan yang menarik, sehingga pembaca tertarik untuk

membacanya.

3

1.2. Rumusan Masalah

Sesuai dengan latar belakang yang di uraikan di atas, maka rumusan

masalah yang di selesaikan adalah :

1. Bagaimana cara mempermudah izin siswa di SMP N 3 Samboja

dengan aplikasi izin yang berbasis web ?

2. Bagaimana mempermudah manajemen absensi dan izin di SMP N

3 Samboja ?

1.3.Batasan Masalah

Agar pembahasan ini tidak menyimpang dari rumusan masalah yang di

angkat dan yang telah di tentukan, maka perlu di adakan pembatasan masalah

yaitu penelitian untuk tugas akhir ini membahas mengenai aplikasi perizinan

berbasis web yang menggunakan aplikasi PHP dan MySQL.

1.4.Tujuan Penelitian

Tujuan saya membuat Aplikasi izin berbasis web menggunakan PHP

dan MySQL di SMP N 3 Samboja adalah :

1. Mempermudah izin siswa SMP N 3 Samboja dengan sistem yang

berbasis web.

2. Mempermudah manajemen absensi dan izin agar lebih efektif dan

efisien di SMP N 3 Samboja.

1.5 Manfaat Penelitian

Dengan adanya aplikasi izin berbasis Web di SMP N3 Samboja maka di

harapkan dapt memberikan manfaat-manfaat sebagai berikut :

1. Memberikan kemudahan dalam managemen absensi siswa.

2. Memberikan fasilitas izin dengan cara mudah.

3. Menghemat waktu, biaya, dengan cara izin onlie

3

4

BAB II

LANDASAN TEORI

2.1 Pengertian Aplikasi

Pengertian aplikasi adalah program siap pakai yang dapat di gunakan untuk

menjalankan perintah-perintah dari pengguna aplikasi tersebut, dengan

tujuan pembuatan aplikasi tersebut, aplikasi mempunyai sebuah arti yaitu

pemecahan masalah yang menggunakan salah satu teknik pemrosesan data

aplikasi yang biasanya berpacu pada sebuah kompetensi yang di inginkan

atau diharapkan maupun pemrosesan data yang di harapkan.

Pengertian aplikasi secara umum adalah alat terapan yang difungsikan

secara khusus dan terpadu sesuai kemampuan yang dimilikinya, aplikasi

merupakan suatu perangkat komputer yang siap pakai bagi user. ( Miftahul

Huda & Supiah : 2009/2015 ).

a) Pengertian aplkasi menurut kamus-kamus besar bahasa indonesia

(1998 :52 adalah penerapan dari rancangan sistem untuk mengelolah

data yang menggunakan atauran atau ketentuan bahasa

pemrograman tertentu. Aplikasi adalah suatu perogram komputer

yang di buat untuk mengerjakan dan melaksanakan tugas khusus dari

pengguna.

b) Pengertian aplikasi menurut Jogyanto (1999:12) adalah penggunaan

dalam suatu komputer, atau instruksi ( instruction) atau sebagai

pernyataan (statment ) yang disusun sedemikian rupa sehingga

komputer dapat memproses sebuah input menjadi output.

c) Menurut Rackhmat Hakim S aplikasi adalah perangkat lunak yang

di gunakan untuk tujuan tertentu, seperti mengelola dokumen,

mengatur windows & permainan (game), dan sebagainya.

d) Menurut wikipedia aplikasi adalah suatu subkelas perangkat lunak

komputer yang memanfaatkan kemampuan komputer langsung

5

e) untuk melakukan suatu tugas yang diinginkan oleh pengguna.

f) Menurut Harip Santoso aplikasi adalah suatu kelompok file yaitu berupa (

form, class report ) yang bertujuan untuk melakukan aktivitas tertentu

yang saling terkait, misalnya aplikasi payroll, aplikasi fixed asset, dan

lain-lain.

2.2 Xampp

Xampp adalah sebuah software web server apache yang didalamnya

sudah tersedia database server mysql dan support php programming.

XAMPP merupakan software yang mudah digunakan, gratis dan

mendukung instalasi di Linux dan Windows. Keuntungan lainnya adalah

cuma menginstal satu kali sudah tersedia Apache Web Server, MySQL

Database Server, PHP Support (PHP 4 dan PHP 5) dan beberapa modul

lainnya. Hanya bedanya kalau yang versi untuk Windows sudah dalam

bentuk instalasi grafis dan linux dalam bentuk file terkompresi. Kelebihan

lain yang berbeda dari versi untuk Windows adalah memiliki fitur untuk

mengaktifkan sebuah server secara grafis, sedangkan Linux masih berupa

perintah-perintah di dalam console. Oleh karena itu yang versi untuk Linux

sulit untuk dioperasikan. Dulu XAMPP untuk Linux dinamakan LAMPP,

sekarang diganti namanya menjadi XAMPP FOR LINUX.

XAMPP merupakan tool yang menyediakan paket perangkat lunak ke

dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi

melakukan instalasi dan konfigurasi web server Apache, PHP

dan MySQL secara manual. XAMPP akan menginstalasi dan

mengkonfigurasikannya secara otomatis untuk anda atau auto konfigurasi.

6

2.3.Notepad ++

Notepad++ adalah suatu text editor yang berjalan pada Operating

System (OS) Windows. Notepad disini menggunakan komponen-

komponen Scintilla agar dapat menampilkan dan menyunting teks dan berkas

source code berbagai bahasa pemrograman. Notepad++ didistribusikan sebagai

Free Software (gratis) Proyek ini dilayani oleh Sourceforge.net dengan telah

diunduh lebih dari 27 juta kali dan dua kali memenangkan

penghargaan SourceForge Community Choice Award for Best Developer Tool.

2.4 Cpanel

cPanel adalah sebuah control panel web hosting pada Linux yang

memberikan tampilan grafis dan peralatan automasi yang dibuat untuk

memudahkan proses hosting di sebuah situs web. cPanel menggunakan 3 tingkat

struktur untuk memberikan fungsi administrator, agen, dan pemilik situs web

untuk mengatur berbagai macam aspek dari situs web dan administrasi server

melalui sebuah penjelajah web standar. Selain memberikan Guide User

Interface untuk memudahkan pengguna, cPanel juga dilengkapi dengan perintah

dalam teks dan berdasarkan API agar vendor perangkat lunak pihak ketiga,

organisasi web hosting dan pengembang untuk automasi sistem standar proses

administrasinya.

2.5 phpMyAdmin

Gambar 2.1 Logo PHP MyAdmin

(Sumber: http://hernawati123.blogspot.co.id)

Menurut Sibero ( 2011: 376 ) phpMyadmin adalah aplikasi web yang di buat

oleh PhpMyadmin.net. PhpMyadmin digunakan untuk administrasi database

MySQL. Program ini di gunakan untuk mengakses database MySQL. Perintah

7

untuk membuat tabel mengunakan form yangsudah tersediah pada PhpMyadmin

atau dapat langsung menuliskan scrip pada menu SQL.

Menurut Arief ( 2011: 429 ) PhpMyadmin adalah salah satu aplikasi GUI

(Graphical User Interface) yang di gunakan untuk mengelolah database

MySQL. Menurut Kurniawan ( 2008: 8 ) PhpMyadmin adalah halaman yang

terdapat pada webserver, fungsi dari halaman ini adalah sebagai pengendali

database MySQL menggunakan webserver.

2.6 MySQL

Gambar 2.2 database MySQL

( Sumber http://miianurul369.blogspot.co.id/ )

MySQL adalah sistem manajemen database yang digunakan untuk menyimpan

data dalam tabel terpisah dan menempatkan semua data dalam satu gudang besar.

Struktur database disusun dalam file fisik dioptimalkan untuk kecepatan. Model logis,

dengan benda-benda seperti database, tabel, baris, dan kolom, menawarkan

lingkungan pemrograman yang fleksibel.

2.6.2 Sejarah

MySQL pada awalnya diciptakan pada tahun 1979, oleh Michael Monty

Widenius, seorang programmer komputer asal swedia. Monty mengembangkan

sebuah sistem database sederhana yang dinamakan UNIREG yang menggunakan

koneksi low-level ISAM database engine dengan indexing. Pada saat itu Monty bekerja

pada perusahaan bernama TcX di Swedia. SQL bagian dari MySQL singkatan

dari "Structured Query Language". SQL adalah bahasa standar yang paling umum

digunakan untuk mengakses database.

2.6.3 Pengertian Database

Basis data (database) adalah kumpulan data yang disimpan secara

sistematis di dalam komputer yang dapat diolah atau dimanipulasi

menggunakan perangkat lunak (program aplikasi) untuk menghasilkan

8

informasi. Pendefinisian basis data meliputi spesifikasi berupa tipe data,

struktur data dan juga batasan-batasan pada data yang akan disimpan. Basis

data merupakan aspek yang sangat penting dalam sistem informasi karena

berfungsi sebagai gudang penyimpanan data yang akan diolah lebih lanjut.

Basis data menjadi penting karena dapat mengorganisasi data, menghidari

duplikasi data, menghindari hubungan antar data yang tidak jelas dan juga

update yang rumit (.termasmedia.com ).

2.7 Web Browser

Web browser secara umum adalah suatu perangkat lunak atau software

yang digunakan untuk mencari informasi atau mengakses situs-situs yang ada

di internet. Perangkat ini akan lebih memudahkan pengguna dalam mengakses

data atau mencari referensi yang dibutuhkan. Ada berbagai macam perangkat

web browser yang kini digunakan seperti Mozilla Firefox, Google Chrome,

Opera, Safari, Internet Explorer dan lain sebagainya.

9

BAB III

METODOLOGI PENELITIAN

3.1. Jenis Penelitian

Jenis Penelitian adalah perancangan dan pembuatan aplikasi

perizinan siswa untuk mempermudah sistem perizinan dan managemen

absensi kehadiran siswa agar lebih efektif dan efisien .

3.2 Tempat dan Waktu Penelitian

Tempat penelitian dilaksanakan di kampus Politeknik Negeri

Balikpapan Jln. Soekarno Hatta km 8 Balikpapan Utara dan tempat

pengambilan data di laksanakan di SMP N 3 Samboja. Jln. Ambalat

Amborawang Laut. Waktu penelitian di mulai pada tanggal 6 Maret 2018

sampai dengan sekarang.

3.3.Perangkat Keras dan Perangkat Lunak Yang Digunakan

Penelitian mengenai pembuatan aplikasi izin siswa berbasis web

dengan menggunakan PHP dan MySQL ini dapat di gunakan sebagai

sistem untuk izin tidak dapat menghadiri pembelajaran di SMP N 3

Samboja, terdapat perangkat keras dan perangkat lunak yang di gunakan

sebagai sistem pendukung pembuatan aplikasi ini dan pengerjaan tugas

akhir .

3.3.1.Perangkat Keras

Berikut adalah daftar perangkat keras yang di gunakan antara lain:

Spesifikasi.

1. Laptop ASUS AMD E10 –X455D

- Processor AMD A10-8700P Radeon R6, 1.80 GHz

- RAM 4,00 GB ( 3,45 GB usable )

- Baterai lifespan

- CPU

10

3.3.2 Perangkat Lunak

Berikut adalah perangkat lunak yang di gunakan antara lain:

1. PHP MyAdmin

2. Apache

3. Browser

4. Notepad++

5. XAMPP

6. MySQL

7. C Panel

3.4.1 Metodologi Pengumpulan Data

Sebelum melakukan perancangan dan pembuatan aplikasi

perizinan berbasis web, perlu adanya perancangan gambaran prinsip kerja

dari program aplikasi yang akan di buat, agar mengetahui bagaimana

program aplikasi ini bekerja sesuai dengan harapan penulis. Di bawah ini

merupakan Flowchart mengenai metode pengumpulan data.

Gambar 3.1 Diagram Alir pengumpulan Data

11

Gambar 3.2 Use Case

Pada gambar 3.2 mengenai use case tersebut menjelaskan bahwa akses

untuk dapat masuk ke dalam aplikasi bila itu user tidak perlu melakukan login

dan dapat melihat isi aplikasi seperti yang sudah di tunjukkan pada gambar di

atas. Dan apabila itu admin maka akan memiliki akses sendiri sesuai dengan

tuga admin yaitu update/ edit data.

Gambar 3.3 ERD Aplikasi

12

3.4.2Diagram Alir

Pada pembuatan aplikasi izin untuk SMP 3 Samboja yang berbasis

website , terapat flowchart yang dapat menjelaskan bagaimana perancangan

kerja dari aplikasi izin berbasis website ini, agar dapat membantu proses izin

siswa. Dan untuk memahami sistem kerja dari aplikasi website yang penulis

buat.

A.Diagram Alir Admin

Gambar 3.4 Diagram Alir Proses Masuk Admin

13

B.Diagram Alir user

Gambar 3.5 Alir User

14

C.Diagram Input Data user

Gambar 3.6 Diagram Alir input

15

D. Diagram Alir Ubah Guru

Gambar 3.7 Diagram Alir ubah Data Guru

16

3.5 Rancangan Aplikasi Izin Berbasis Web

Berikut ini adalah rancangan halaman login untuk user dan admin

mengakses website.

a. Layout Login

Gambar 3.8 Login

b. Layout Home

Gambar 3.9 Halaman Home

Berisi informasi

17

a. Layout Login User

Gambar 3.10 Login form izin

b. Layout Form Izin

Gambar 3.11 formulir Pendaftaran

3.6 Rancangan Database

Formulir Izin Ketidakhadiran

18

3.6.1 Database Admin

Nama field

Tipe data Panjang

Username

Varchar 100

Password

Varchar 100

Tabel 3.1 Admin

Nama Filed

Tipe Data

Panjang

Nama

Varchar

30

Nip

Varchar

30

No.HP

Varchar 30

Tabel 3.2 Guru Piket

Nama Filed Tipe Data Panjang

Username

Varchar 50

Password

Varchar 50

Tabel 3.3 Login User

19

Nama Filed Tipe Data Panjang

Nis

Varchar 50

Guru _piket

Varchar 50

Tanggal_ izin

Varchar 50

Bukti_perizinan

Varchar

Alasan

Varchar 100

Keterangan_alasan

Varchar 200

Nama_Orang Tua Varchar 30

Alamat_Orang Tua Varchar 100

No_Telfon Varchar 50

Tabel 3.4 form Perizinan

Gambar 3.5 Database login form

Nama field

Tipe data Panjang

Username

Varchar 100

Password

Varchar 100

20

BAB IV

HASIL DAN PEMBAHASAN

4.1 Proses Manual Izin

Adapun Pembuatan aplikasi ini dimaksudkan untuk mengatasi proses-

proses izin yang dilakukan dengan cara manual. Cara-cara manual yang masih

digunakan dalam proses tersebut seperti mengirim surat, datang langsung ke

instansi/ sekolah untuk dapat izin, yang dimana proses tesebut dapat memakan

waktu yang banyak, dan kurang efisien untuk proses izin. Dari beberapa sekolah

yang ada di Samboja masih menggunakan sistem manual seperti itu. Oleh sebab

itu perlunya aplikasi yang dapat memudahkan proses izin mereka, dan juga

menjadikan proses absensi lebih terstruktur di sekolah tersebut ,khususnya di

SMP N 3 Samboja.

4.2 Hasil

4.2.1 Halaman Login Admin

Halaman Login ini Berisi password dan user yang digunakan untuk

mengakses aplikasi izin yang berbasis website ini.

Gambar 4.1.Tampilan Login Admin

21

Gambar 4.2 Code Tampilan Login

Pada Halaman ini terdapat beberapa code program yang memiliki fungsi

sebagai pemanggil/tempat penulisan sebuah judul. Selain head terdapat juga

beberapa code yang memiliki berbagai fungsi. Dalam code yang tertera di 4.2

di atas dapat juga berupa permintaan untuk memasukkan perintah username dan

password. Halaman ini memiliki fungsi multi user dimana akses admin dan user

berada di login ini, namun berbeda password. Dan akses login tersebut hanya

untuk admin. Sekrip lengkapnya ada pada lampiran 11 Halaman 67.

4.2.2 Halaman Home user

Halaman home merupakan sebuah halaman awal yang akan muncul jika

user sudah masuk. Dalam halaman home terdapat informasi mengenai aplikasi

dan sistem izin siswa.

22

Gambar 4.3 Home

Gambar 4.4 Code Pemanggil Isi Konten

Code yang berada di gambar 4.4 di atas merupakan code program yang

menampilkan konten tulisan . Dan code tersebut berupa <div> dan diisi dengan

code <p>. Pada halaman program ini, berisi informasi yang ada di dalam

halaman home, yang berfungsi sebagai pemberi informasi kepada pengguna

khusunya siswa sebagai di SMP N 3 Samboja. Lampiran Lengkapnya ada pada

halaman 37 Lampiran 1.

4.2.3 Halaman Daftar Guru

Halaman daftar guru merupakan halaman yang berisi daftar nama – nama

guru yang ada di SMPN 3 Samboja, dan jadwal guru yang bertugas menjadi guru

piket.

Gambar 4.5 Halaman Guru

23

Gambar 4.6 Code Tampilan Halaman Guru Piket

Code program yang ada di Gambar 4.6 merupakan code yang berisikan

nama dan pemanggil database yang berupa code $result Koneksi “select form

izin. Di mana code tersebut berfungsi sebagai koneksi ke dalam database tabel

izin. Untuk sekrip lengkapnya ada pada halaman 58 lampiran 7.

4.2.4 Halaman Informasi

Halaman informasi merupakan halaman yang berisi mengenai visi dan

misi sekolah, dan juga beris mengenai tujuan yag ingin di capai oleh pihak

sekolah.

Gambar 4.7 Halaman Informasi

24

Gambar 4.8 Code Informasi

Gambar diatas merupakan code program pemanggil konten berupa

informasi yang berada dalam halaman pada aplikasi izin. Dalam halaman

program ini terdapat code-code seperti <div> yang digunakan untuk menampung

beberapa element menjadi satu kelompok dan <p> sebagai pemanggil konten

tulisan. Untuk skrip lengkapnya ada pada lampiran 3 halaman 43.

4.2.5 Halaman daftar izin

Halaman daftar izin adalah halaman yang berisikan data siswa yang

sudah mengisi form izin, maka data mereka akan otomatis terinput kedalam

tabel daftar zin. User juga dapat melihat apakah data sudah masuk apa belum

kedalam daftar izin tersebut.

Gambar 4.9 Halaman Tabel Izin

25

Gambar 4.10 Code Program Tabel izin

` Code program yang ada pada gambar 4.10 merupakan code pemanggil

teks yang ada dalam halaman tabel izin. Konten yang berupa nama-nama tabel,

code perintah yang di gunakan <thead> , <tr> sebagai pemanggil, dan perintah

<table border> digunakan untuk membuat tabel. Untuk skrip lengkapnya dapat

dilihat pada halaman 48 lampiran 4.

4.2.6 Form Login

Login form merupakan sebuah akses untuk user/siswa yang ingin

meminta izin kepada pihak sekolah.

Gambar 4.11 Login Form

26

Gambar 4.12 Code Program login Form

Code program yang berada di gambar 4.12 merupakan code yang

berisikan sebuah desain login. Didalam code tersebut terdapat beberapa conten

code seperti <title> , <link>,<body> dan <img> dimana tiap code memiliki

fungsi yang berbeda, sebagaimana fungsinya. Skrip lengkap ada pada halaman

51 Lamipiran 5.

4.2.7 Halaman Form Izin

Halaman form izin merupakan halam dimana siswa yang ingin izin /

tidak dapat hadir dalam proses pembelajaran di waktu tertentu dikarenakan

memiliki kendala apapun , maka siswa tersebut harus mengisi form terlebih

dahulu.

Gambar 4.13 Halaman Form

27

Gambar 4.14 Code Program Form

Code program pada gabar 4.14 berisikan konten-konten yang ada dalam

tampilan form izin seperti code program <div class>, didalamnya terdapat code

program <conten class>. Code-code tersebut memiliki fungsi sebagai pemanggil

konten-konten nama form. Untuk skrip lengkap ada pada halaman 52 lampiran

6.

4.2.8 Database

PhpMyamin adalah Database sebuah system yang di buat untuk

mengorganisasi, menyimpan dan menarik data dengan mudah. Database terdiri

dari kumpulan data yang terorganisir untuk 1 atau lebih penggunaan, dalam

bentuk digital. Database digital di manage menggunakan Database

Management System (DBMS), yang menyimpan isi database, mengizinkan

pembuatan dan maintenance data dan pencarian dan akses yang lain. Beberapa

Database yang ada saat ini adalah : Mysql, Sql Server, Ms.Access, Oracle, dan

PostgreSql.

Gambar 4.15 Database Aplikasi

Database formulir yang di gunakan untuk memanggil data yang

dimasukkan dalam formulir, agar dapat terinput kdalam tabel izin

28

Gambar 4.16 Database formulir izin

Setiap login memiliki database yang berfungsi sebaga penyimpan data

dari user yang mengakses, dan data tersebut sudah di atur oleh pembuat aplikasi

izin/ketidakhadiran siswa di SMP N 3 Samboja. Dan database yang di gunakan

dalam akses login ialah password dan nama user pengguna. Maka data yang

dimasukkan kedalam password yang berupa NIS Dan Nama user, dapat

langsung terinput ke dalam form izin

Gambar 4.17 Database login

Database login multiuser tersebut memiliki fungsi sebagai tempat atau

wadah penyimpanan password dan username, agar dapat masuk kedalam

aplikasi izin siswa yang di buat oleh penulis seperti pada gambar 4.17 diatas.

29

Database tabah guru, merupakan database dari edit untuk mengubah

data-data yang ada di halaman guru piket, yang memugkinkan untuk merubah

data mengenaik guru-guru yang baertugas di hari itu.

Gambar 4.18 Database Tambah Guru

Database tambah guru berfungsi sebagai tempat untuk menyimpan data

dari setiap pendataan dalam penambahan atau mengubah data guru yang ingin

diubah oleh admin. Dalam tiap penambahan data maka akan langsung terinput

kedalam database tersebut seperti pada gambar 4.18 diatas.

30

4.3 Hosting

Setiap proses pembuatan websiite pasti akan di publikasikan , dan

tempat pengaplotan berbeda , disini penulis membuat sistem informasi berupa

aplikasi izin berbasis website di SMP N 3 Samboja menggunakan cPanel seperti

gambar di bawah ini.

Gambar 4.19 Halaman Login Hosting

Pada gambar 4.12 merupakan gambar dari login cPanel, untuk dapat masuk

kedalam halaman home cPanel, dalam proses hosting setiap user yang ingin

melakukan publikasi/pembelian nama domain maka akan melewati terlebih

dahulu proses login seperti gambar yang tercantum diatas.

31

4.3.1 Web Aplikasi Izin

Jika http://www.izinsmp3samboja.jasalayanan.com/loginmulti.php

halaman web ini dibuka maka akan langsung masuk kedalam tampilan seperti

gambar dibawah ini.

Gambar 4.20 Halaman Web aplikasi izin

Dalam proses pembuatan nama domain agar dapat di gunakan oleh

publik maka harus mendaftar terlebih dahulu, dan melakukan proses-proses yang

membuat kita memiliki nama domain sendiri seperti yang tertera di gambar 4.13

diatas.

4.3.2 Deskripsi Proses Login Form

Gambar 4.21 Input password Form

32

Setelah masuk kedalam web izin, maka user/siswa yang ingin izin akan

masuk kedalam login lagi, dimana login tersebut untuk dapat mengaksesnya

siswa menggunakan password dengan menggunakan nama user dan NIS siswa

yang dimana nama dan nis yang di gunakan sebagai password untuk dapat masuk

kedalam form izin, akan langsung terinput kedalam database, dan akan otomatis

tercatat kedalam form.

4.3.3 Deskripsi Proses

Gambar 4.22 Form izin

Setelah siswa yang mendaftarkan dirinya melalui login maka akan

terinput langsung kedalam form izin, yang berupa nama dan NIS mereka.

Setelah itu siswa diharuskan melengkapi data mereka agar proses izin dapat di

lihat oleh admin

33

4.3.4 Hasil Izin

Gambar 4.23 Hasil Input Data Izin

Halman ini berfungsi sebagai tempat penyimpanan data siswa yang

ingin izin . Setiap siswa yang mengisi form akan langsung terinput ke dalam

halaman admin, seperti yang tertera di gambar 4.16 diatas.

4.4 Manfaat Program

Dari apa yang penulis buat, berupa aplikasi izin ketidak hadiran di SMP

N 3 Samboja memiliki manfaat yang sangat banyak bagi instansi tersebut,

dikarenakan aplikasi izin berbasis website ini dapat mempermudah sistem

absensi sekolah. Dikarenakan dengan adanya aplikasi izin ini maka siswa yang

tidak dapat hadir dalam waktu tertentu, tidak harus menulis surat untuk dikirim

ke sekolah, yang dimana cara tersebut kurang efisien dan memakan banyak

waktu. Oleh sebab itu sistem online seperti ini sangat membantu untuk sistem

izin siswa di sekolah. Di zaman serba online ini , perlunya sebuah sistem yang

dapat mempermudah siswa. Dan diharapkan aplikasi izin yang berbasiskan

online ini dapat membantu bagi instansi yang menggunakannya.

Kelebihan yang dimiliki aplikasi izin ini adalah, siswa yang

mengaksesnya dapat melihatdaftar guru dan informasi terbaru mengenai SMP N

3 Samboja. Dan guru pun sebagai user dapat langsung melihat daftar siswa yang

tidak dapat hadir dalam proses pembelajaran. Disaat yang sama pun data siswa

yang tidak hadir tersimpan ke database dan tidak perlu mencari seperti izin

menggunakan SMS maupun WA.

34

Di karenakan aplikasi izin yang berbasis website ini sudah memiliki

tgl,dan data yang di perlukan untuk mendata siswa yang tidak dapat hadir atau

yang telah mengisi formulir izin tersebut.

Sistem aplikasi izin ini menggunakan jaringan online untuk dapat

mengaksesnya. Saat siswa maupun admin dan guru yang ingin masuk ke dalam

website ini harus menggunakan password yang sudah ditentukan.

Khusus siswa yang ingin izin , saat masuk kedalam aplikasi ini maka

siswa tersebut akan login ke dalam login form terlebih dahulu dengan

menggunakan password dari NIS dan Nama mereka.

Dan saat pengguna login maka data mereka akan masuk kedalam

database, di sini penulis menggunakan PhpMayadmin sebagai tempat database

tersebut.

Untuk pengimplementasian aplikasi ke online , penulis telah

memepersiapkan hosting, dan nama domain . Penulis menggunakan nama

domain yaitu: http//www.izinsmp3samboja.jasalayanan.com dan pada

pengujian sistem aplikasi ini sudah sesuai dengan rancangan awal penulis,

sehingga diperoleh hasil yang dapat di lihat pada BAB IV.

4.5 Spesifikasi /Deskripsi Use Case

4.5.1 Use Case Spesipication : Login

a. Brief Description

Use Case ini digunakan oleh user untuk dapat masuk kedalam sistem

b. Primary Actor

Admin

c. Suporting Actor

None

d. Basic Flow

1. Use case ini dimulai ketika Admin memilih untuk melakukan login

35

2. Sistem menampilkan antar muka untuk login

e. Alternatif Flow

None

f. Error Flow

None

g. Pre condtion

None

h. Post Condition

Actor akan masuk mealui login khusus admin

4.5.2 Use Case Spesification : Data Izin

a. Brief Description

Use Case ini digunakan oleh admin untuk melihat data izin yang sudah

masuk kedalam tabel izin. Dan admin dapat menhapus data yang ada di

dalam tabe tersebut.

b. Primary Actor

Admin

c. Supporting Actor

None

d. Basic Flow

1. Use case ini dimulai ketika admin masuk kedalam sistem

2. Sistem akan menampilkan halaman home

3. Admin memilih halaman

4. Sistem akan menampilakan halaman data

5. Admin mengedit data izin

6. Use case ini selesai

e. Alternatif Flow

None

f. Error Flow

None

36

g. Pre Condition

None

h. Post Condition

Admin masuk ke dalam sistem dan menghapus data

4.5.3 Use Case Spesification : Home

a. Brief Descriptione

Use case ini digunakan actor untuk melihat informasi dan menu apa saja

yang ada dalam aplikasi.

b. Primary Actor

Admin dan Sisw

c. Suporting Actor

None

d. Basic Flow

1. Use case ini dimulai dari login ke aplikasi

2. Sistem akan menampilkan halaman home

3. Admin akan melihat menu-menu aplikasi

4. Use case selesai

e. Alternatif Flow

None

f. Error Flow

None

g. Pre Condition

None

h. Post Condition

Admin masuk ke dalam sistem dan mengedit data

37

4.5.4 Use Case Spesification : Informasi

a. Brief Description

Use case ini digunakan oleh actor untuk melihat informasi mengenai

sekolah

b. Primary Actor

Admin dan Siswa

c. Suporting actor

None

d. Basic Flow

1. Use case ini dimulai dari login ke sistem aplikasi

2. Sistem akan menampilkan home dan menu

3. Actor akan masuk ke dalam menu

4. Actor akan melihat informasi

5. Use case selesai

e. Alternatif flow

None

f. Error Flow

None

g. Pre Condition

None

h. Post condition

Admin dapat mengedit informasi

4.5.5 Use Case Spesification : Data Guru

a. Brief Description

Use case ini digunakan oleh actor untuk melihat data-data guru yang

ada di SMP N 3 Samboja.

b. Primary Actor

38

Admin dan Siswa

c. Supporting Actor

None

d. Basic Flow

1. Use case ini dimulai dari actor login ke sistem

2. Sistem akan menampilkan halaman home

3. Actor akan melihat menu daftar guru

4. Actor menginput data guru piket di form izin

5. Actor mengubah/menambah data guru

6. Use case selesai

e. Alternatif Flow

None

f. Error Flow

None

g. Pre condition

None

h. Post conditione

1. Actor dapat melihat data guru

2. Admin dapat mengubah data guru

4.5.6 Use case Spesification : Form izin

a. Bref Description

Use case ini digunakan actor sebagai wadah mengisi data izin

b. Primary Actor

Siswa

c. Supporting Actor

None

39

d. Basic Flow

1. Use case dimulai dari actor masuk ke dalam sistem aplikasi

2. Sistem akan menampilkan home

3. Actor akan masuk ke dalam login form izin

4. Actor akan berhadapan dengan form izin

5. Actor akan mengisi data izin

6. Data izin akan terinput kedalam tabel data izin

7. Use case selesai

e. Alternatif Flow

None

f. Error Flow

None

g. Pre condition

None

h. Post conditione

1. Actor mengisi data form izin dan akan langsung masuk ke dalam

tabel izin.

2. Admin dapat mengubah data guru

40

BAB V

KESIMPULAN DAN SARAN

5.1 Kesimpulan

Dalam penulisan tugas akhir ini penulis telah mendapatkan beberapa

kesimpulan dalam pembuatan aplikasi izin berbasis website di SMP N 3

Samboja yaitu:

a) Aplikasi izin ini dapat digunakan sebagai sistem terbaru dari izin siswa

yang memiliki kendala untuk tidak dapat mengikuti pelajaran disaat

tertentu.

b) Sistem aplikasi izin ini dapat membantu dalam manajemen ketidak

hadiran siswa.

c) Aplikasi izin ini dapat menyimpan data didalam database

5.2 Saran

Adapun saran penulis pada penelitian ini untuk dapat dikembangkan

lebih lanjut ialah.:

a) Dibutuhkan pengembangan lebih lanjut dengan penambahan fitur-fitur

yang lebih lengkap lagi.

b) Dibutuhkan juga pengeditan pada fungsi-fungsi yang ada dalam aplikasi

izin yang penulis buat.

41

DAFTAR PUSTAKA

Huda, Miftahul & Supiah. (2015 ) . Pengertian aplikasi secara umum di akses

tgl 15 april 2016.

Santoso, Harip. (2010).Pengertian aplikasi suatu kelompok file yaitu berupa (

form, class report )

Hernawati (Sumber: http://hernawati123.blogspot.co.id) Pengertian Database.

Sofwan, Akhmad,. (2012).Belajar MySQL Menggunakan Phpmyadmin. Di Akses

pada tanggal 15 april 2016.

Nurul, Mia. (2102). Pengertian mengenai MySQL dan fungsinya ( Sumber

http://miianurul369.blogspot.co.id/ ).

Pujantoko, Yoga. (2009). Tugas Akhir : Pembuatan Website Di SMA Negeri 1

Pracamintaro Menggunakan PHP Dan MySQL. Universitas Sebelas Maret.

Surakarta

41

2