TUGAS AKHIR...SISTEM INFORMASI AKADEMIK PENERIMAAN SISWA BARU PADA SMK BINA MANDIRI 2 SUKABUMI TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III ADI

SISTEM INFORMASI AKADEMIK PENERIMAAN SISWA

BARU PADA SMK BINA MANDIRI 2 SUKABUMI

TUGAS AKHIR

Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III

ADI CAHYO PURNOMO

NIM : 12143055

Program Studi Manajemen Informatika

Akademi Manajemen Informatikadan Komputer Bina Sarana Informatika

Jakarta

2017

PDF compression, OCR, web optimization using a watermarked evaluation copy of CVISION PDFCompressor

http://www.cvisiontech.com











KATA PENGANTAR

Assalamu’alaikum Wr. Wb

Alhamdulillah puji syukur penulis panjatkan khadirat Allah SWT atas

limpahan rahmat dan hidayah-Nya, sehingga penulis dapat menyelesaikan Tugas

Akhir ini dengan baik. Tidak lupa Salam dan Sholawat tetap tercurah kepada

Rasulullah sebagai penyempurna akhlak umat manusia dan pembawa kabar baik

bagi orang-orang yang beriman dan bertaqwa. Adapun judul Tugas Akhir yang

penulis buat dengan judul “Sistem Informasi Akademik Penerimaan Siswa

Baru Pada SMK BINA MANDIRI 2 SUKABUMI”.

Tujuan penulis membuat Tugas Akhir ini adalah sebagai salah satu syarat

kelulusan Program Diploma Tiga (D.III) Jurusan Manajemen Informatika di

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

(AMIK-BSI).

Tugas Akhir ini dapat terselesaikan atas Bimbingan, petunjuk, saran dan

bantuan dari berbagi pihak. Oleh karena itu pada kesempatan ini penulis dengan

ketulusan hati, ingin menyampaikan ucapan terima kasih kepada yang terhormat :

1. Direktur Akademi Manajemen Informatika dan Komputer Bina Sarana

Informatika.

2. Ketua Jurusan Manajemen Informatika AMIK BSI.

3. Bapak M Hilman Fakriza selaku Dosen Pembimbing Tugas Akhir.

4. Bapak Samudi selaku Asisten Dosen Pembimbing Tugas Akhir.

5. Kepalas sekolah, guru dan seluruh jajaran staff SMK BINA MANDIRI 2

6. Staff/karyawan/dosen dilingkungan Akademi BSI.

7. Kedua orang tua tercinta dan segenap keluarga yang telah memberikan

kasih sayang dan dukungannya yang tak terhingga.

8. Teman-teman jurusan Manajemen Informatika angkatan 2014 yang

namanya tidak bisa disebutkan satu persatu.

Serta semua pihak yang tidak dapat penulis sabutkan satu persatu. Penulis

sangat menyadari bahwa dalam penyusunan Tugas Akhir ini masih jauh dari unsur

kesempurnaan, masih banyak terdapat kekeliruan dan kekurangan yang

disebabkan oleh keterbatasan ilmu maupun minimnya pengalaman yang penulis





ABSTRAKSI

Adi Cahyo Purnomo (12143055), Sistem Informasi Akademik Penerimaan

Siswa Baru Pada SMK BINA MANDIRI 2 SUKABUMI

Penerimaan siswa baru merupakan salah satu proses yang ada di instansi pendidikan seperti sekolah yang berguna untuk menyaring calon siswa yang terpilih sesuai kriteria yang ditentukan oleh sekolah tersebut untuk menjadi siswa didiknya. Pada umumnya proses penerimaan siswa baru dilakukan melalui tahapan pendaftaran, tes seleksi, dan pengumuman penerimaan siswa. Dalam penelitian ini penerapannya pada SMK Bina Mandiri 2 yang selama ini dilakukan secara manual atau sudah terkomputerisasi tetapi menggunakan Microsoft Office Excel, yang memungkinkan masih banyak kekurangan data, penghitungan nilai tes secara manual yang memungkinkan terjadinya kesalahan. Rumusan masalah dari penelitian ini adalah bagaimana membuat sistem informasi penerimaan siswa baru di SMK Bina Mandiri 2. Metode penelitian yang digunakan adalah pustaka, observasi, analisis, perancangan, uji coba dan implementasi.

Sistem informasi penerimaan siswa baru ini dibangun dengan bahasa pemrograman PHP serta memanfaatkan database MySQL sebagai database server. Hasil dari penelitian ini adalah sistem informasi penerimaan siswa baru berbasis web yang memiliki kemampuan memberikan kemudahan bagi orang tua calon siswa baru untuk memperoleh semua informasi tentang penerimaan siswa baru dan melakukan proses pendaftaran online.

Kata Kunci : Perangkat Lunak, Sistem Informasi Akademik.



ABSTRACT

Adi Cahyo Purnomo (12143055), Sistem Informasi Akademik Penerimaan

Siswa Baru Pada SMK BINA MANDIRI 2 SUKABUMI

Admission of new students is one of the processes that exist in

educational institutions such as schools that are useful for screening prospective

students who are selected according to the criteria determined by the school to be

students students. In general, the process of admission of new students is done

through the stages of registration, selection tests, and announcement of

acceptance of students. In this research, the application to SMK Bina Mandiri 2

which has been done manually or has been computerized but using Microsoft

Office Excel, which allows still many lack of data, the calculation of test values

manually that allows the error. The formulation of the problem of this research is

how to create a new student admissions information system in SMK Bina Mandiri

2. The research method used is literature, observation, analysis, designing, testing

and implementation.

This new student admissions information system is built with PHP

programming language as well as utilizing MySQL database as database

server. The results of this study is a new web-based admissions information

system that has the ability to provide convenience for parents of new prospective

students to obtain all information about the admission of new students and

conduct the online registration process.

Keywords : Software, Inventory Information System



DAFTAR ISI

Lembar Judul Tugas Akhir ......................................................................................... i Lembar Pernyataan Keaslian Tugas Akhir ................................................................. ii Lembar Pernyataan Persetujuan Publikasi Karya Ilmiah ........................................... iii Lembar Persetujuan dan Pengesahan Tugas Akhir .................................................... iv Lembar Konsultasi Tugas Akhir ................................................................................ v Kata Pengantar ........................................................................................................... viii Abstrak ....................................................................................................................... x Daftar Isi ..................................................................................................................... xii Daftar Simbol ............................................................................................................. xiv Daftar Gambar ............................................................................................................ xviii Daftar Tabel ............................................................................................................... xix BAB I PENDAHULUAN ... . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1

1.1. Latar Belakang Masalah ................................................................... 1 1.2. Maksud dan Tujuan .................................................................... 2 1.3. Metode Penelitian ............................................................................. 2

1.4. Ruang Lingkup ................................................................................. 3

1.5.Sistematika Penulisan ........................................................................ 3

BAB II LANDASAN TEORI ............................................................ 5

2.1. Konsep Dasar Web ............................................................. 5

2.1.1. Pengertian Internet ........................................................ 6

2.1.2. Bahasa Pemograman ................................................ .8

2.1.3. Basis Data ........................................................................... 11

2.1.4. Model Pengembangan Perangkat Lunak ............................. 14

2.2. Teori Pendukung .............................................................................. 16

2.2.1. Struktur Navigasi ................................................................. 16

2.2.2. ERD (Entity Relationship Diagram) .................................... 19

2.2.3. LRS (Logical Record Structure) .......................................... 22

2.2.4. Alat Pendukung .................................................................. 23

2.2.5. Pengujian Web (Blackbox Testing) ..................................... 24 BAB III PEMBAHASAN .................................................................................... 26

3.1. Tinjauan Perusahaan ...................................................................... 26 3.1.1. Sejarah Perusahaan .............................................................. 27 3.1.2. Struktur Organisasi dan Fungsi ........................................... 29

3.2. Analisa Kebutuhan ......................................................................... 31 3.2.1. Kebutuhan Fungsional ......................................................... 31 3.2.2. Kebutuhan Non Fungsional ................................................. 32

3.3. Perancangan Perangkat Lunak ....................................................... 33 3.3.1. Rancangan Antar Muka ...................................................... 33



3.3.2. Rancangan Basis Data ......................................................... 51 3.3.3. Rancangan Struktur Navigasi .............................................. 58

3.3. Implementasi, Pengkodean dan Pengujian Unit ........................... 60 3.3.1. Implementasi ........................................................................ 60 3.3.3. Pengujian Unit .................................................................... 69

BAB IV PENUTUP .............................................................................................. 80

4.1. Kesimpulan .................................................................................... 80 4.2. Saran ............................................................................................. 80

DAFTAR PUSTAKA ............................................................................................... 82 DAFTAR RIWAYAT HIDUP................................................................................. 84



DAFTAR SIMBOL

Entitas / Entity Entitas adalah suatu objek yang dapat diidentifikasi dalam lingkungan pemakai

Relasi Relasi Menunjukkan adanya hubungan di antara sejumlah entitas yang berbeda

Atribut Atribut berfungsi mendeskripsikan karakter entitas (atribut yang berfungsi sebagai key diberi garis bawah)

Garis Garis sebagai penghubung antara relasi dengan entitas atau dengan atribut



DAFTAR GAMBAR Halaman Gambar II.1 Struktur Navigasi Linier ................................................................. 17 Gambar II.2 Struktur Navigasi Non-Linier ......................................................... 17 Gambar II.3 Struktur Navigasi Hirarki ............................................................... 18 Gambar II.4 Struktur Navigasi Campuran .......................................................... 18 Gambar II.5 Simbol atau Notasi Diagram E-R ................................................... 19 Gambar II.6 Diagran E-R Untuk Relasi Satu Ke Satu ........................................ 20 Gambar II.7 Diagran E-R Untuk Relasi Satu Ke Banyak ................................... 21 Gambar II.8 Diagran E-R Untuk Relasi Banyak Ke Banyak .............................. 22 Gambar III.1 Struktur Organisasi Sekolah .......................................................... 29 Gambar III.2 Rancangan Halaman Utama ......................................................... 34 Gambar III.3 Rancangan Halaman Panduan ...................................................... 35 Gambar III.4 Rancangan Halaman Registrasi ..................................................... 36 Gambar III.5 Rancangan Halaman Berhasil Registrasi ...................................... 37 Gambar III.6 Rancangan Halaman Informasi ..................................................... 38 Gambar III.7 Rancangan Halaman Menu Data Pendaftar .................................. 39 Gambar III.8 Rancangan Halaman Menu Gagal Login Siswa ............................ 40 Gambar III.9 Rancangan Halaman Menu Berhasil Login Siswa ........................ 41 Gambar III.10 Rancangan Halaman Menu Login Admin ................................... 41 Gambar III.11 Rancangan Halaman Menu Admin Home ................................... 42 Gambar III.12 Rancangan Halaman Menu Admin Manajemen Admin.............. 43 Gambar III.13 Rancangan Halaman Menu Admin Edit Admin ......................... 44 Gambar III.14 Rancangan Halaman Menu Admin Tambah Admin ................... 44 Gambar III.15 Rancangan Halaman Menu Admin Waktu Tes ........................... 45 Gambar III.16 Rancangan Halaman Menu Admin Edit Waktu Tes ................... 45 Gambar III.17 Rancangan Halaman Menu Admin Tambah Waktu Tes ............. 46 Gambar III.18 Rancangan Halaman Menu Admin Cek Pendaftaran ................. 47 Gambar III.19 Rancangan Halaman Menu Admin Edit Pendaftar ..................... 48 Gambar III.20 Rancangan Halaman Menu Admin Pengumuman ...................... 49 Gambar III.21 Rancangan Halaman Menu Admin Edit Pengumuman ............... 50 Gambar III.22Rancangan Halaman Menu Admin Tambah Pengumuman ......... 50 Gambar III.23 Entity Relatinonal Diagram (ERD) ............................................. 51 Gambar III.24 Logical Relational Structure (LRS) ............................................. 52 Gambar III.25 Struktur Navigasi User ............................................................... 59 Gambar III.26 Strukture Navigasi Admin .......................................................... 59 Gambar III.27 Halaman Utama User .................................................................. 60 Gambar III.28 Halaman Panduan ....................................................................... 60 Gambar III.29 Halaman Registrasi ...................................................................... 61 Gambar III.30 Halaman Menu Informasi ........................................................... 61 Gambar III.31 Halaman Menu Data Pendaftar.................................................... 62 Gambar III.32 Halaman Menu Data Siswa ......................................................... 62 Gambar III.33 Halaman Menu Login Admin ...................................................... 63 Gambar III.34 Halaman Menu Manajemen Admin ............................................ 63 Gambar III.35 Halaman Menu Manajemen Tambah Admin .............................. 64



Gambar III.36 Halaman Menu Manajemen Edit Admin ..................................... 64 Gambar III.37 Halaman Menu Admin Waktu Tes .............................................. 65 Gambar III.38 Halaman Menu Admin Tambah Waktu Tes ................................ 65 Gambar III.39 Halaman Menu Admin Edit Waktu Tes ...................................... 66 Gambar III.40 Halaman Menu Admin Data Calon Siswa ................................... 66 Gambar III.41 Halaman Menu Admin Edit Data Calon Siswa ........................... 67 Gambar III.42 Halaman Menu Admin Edit Pengumuman .................................. 67 Gambar III.43 Halaman Menu Admin Tambah Pengumuman ........................... 68



DAFTAR TABEL

Halaman Tabel III.1 Spesifikasi File Admin ..................................................................... 53 Tabel III.2 Spesifikasi File Nilai ........................................................................ 54 Tabel III.3 Spesifikasi File pengumuman .......................................................... 55 Tabel III.4 Spesifikasi File Siswa....................................................................... 56 Tabel III.5 Spesifikasi File Tes .......................................................................... 57 Tabel III.6 Spesifikasi File Waktu Tes ............................................................... 58 Tabel III.7 Hasil Pengujian Black Box Testing Halaman Login Admin ........... 70 Tabel III.8 Hasil Pengujian Black Box Testing Halaman Login Siswa ............. 71 Tabel III.9 Hasil Pengujian Black Box Testing Halaman Registrasi ................. 72 Tabel III.10 Hasil Pengujian Black Box Testing Halaman Edit Admin ............. 73 Tabel III.11 Hasil Pengujian Black Box Testing Halaman Tambah Admin ........ 74 Tabel III.12 Hasil Pengujian Black Box Testing Halaman Tambah Waktu Les . 75 Tabel III.13 Hasil Pengujian Black Box Testing Halaman Edit Waktu Les ........ 76 Tabel III.14Hasil Pengujian Black Box Testing Halaman Edit Data Pendaftar. 77 Tabel III.15Hasil Pengujian Black Box Testing Halaman Edit Pengumuman ... 78 Tabel III.16 Hasil Pengujian Black Box Testing Halaman Tambah Pengumum. 79



BAB 1

PENDAHULUAN

1.1 Latar Belakang Masalah

Dalam dunia pendidikan, teknologi komputer dan Internet dapat

dimanfaatkan untuk mendukung perkembangan pembelajaran mandiri jarak jauh,

terutama dengan mengedepankan kemudahan dan fleksibilitas antar pengguna.

Selain itu, menggunakan media internet dalam dunia pendidikan akan

memberikan kontribusi yang positif bagi penambahan wawasan peserta didik. Hal

ini disebabkan oleh banyaknya informasi informasi yang diperlukan dan tersedia

di media internet tersebut.

SMK BINA MANDIRI 2 adalah sekolah menengah kejuruan yang terletak di

Jalan Raya Karang Tengah Cireunde Desa Girijaya Kecamatan Nagrak Sukabumi.

dalam Proses penerimaan siswa baru SMK BINA MANDIRI 2 masih

menggunakan metode konvensional dimana calon siswa datang ke sekolah untuk

mengisi formulir pendaftaran.

Berdasarkan pengamatan yang di lakukan pada SMK BINA MANDIRI 2,

jumlah pendaftar yang mendaftar setiap tahunya terus meningkat, ini

menyebabkan panitia penerimaan siswa baru tidak dapat mengelola semuanya

dengan baik dan merasa kerepotan menangani hal tersebut. Di karnakan proses

penyeleksian yang masih manual sehingga di rasa kurang optimal dan

memerlukan waktu yang cukup lama baik dalam menyusun laporan ataupun

memutuskan calon siswa baru yang akan di terima. Padahal ideal nya

penyeleksian siswa baru harus di tentukan secepat mungkin untuk mendukung

sistem yang lainnya. Berdasarkan latar belakang tersebut, maka di rancang



aplikasi penerimaan siswa baru dan menulis laporan tugas akhir yang berjudul

“SISTEM INFORMASI AKADEMIK PENERIMAAN SISWA BARU PADA

SMK BINA MANDIRI 2 SUKABUMI”

1.2 Ma ksud dan Tujuan

Dalam Penulisan Tugas Akhir ini penulis bermaksud :

1. Menciptakan suatu media penerimaan siswa baru yang tidak harus datang

langsung ke sekolah.

2. Memaksimalkan kemajuan teknologi yang bukan hanya dalam hal informasi

tapi juga dalam hal edukasi.

Adapun tujuan dari penulisan tugas akhir ini adalah sebagai salah satu syarat

kelulusan program Diploma Tiga (D.III) jurusan manajemen informatika di

Akademik Manajemen Informatika dan Komputer (AMIK BSI).

1.3 Metode Penulisan

Pengumpulan Data

1. Observasi

Langkah yang berupa penelitian langsung ke sekolah SMK BINA

MANDIRI 2, dengan cara ini penulis mampu mengetahui masalah

yang terjadi pada Sekolah tersebut.

2. Wawancara

Melakukan tanya jawab, meminta keterangan atau pendapat

mengenai aplikasi penerimaan siswa baru kepada warga sekolah.

3. Studi Pustaka



Studi Pustaka dari buku- buku Sistem Informasi, Basis Data, E-

Learning dan penggunaan tekhnologi PHP, MySQL serta pencarian

informasi lainnya yang dapat mendukung proses penelitian yang

bersumber dari beberapa alamat internet.

1.4 Ruang Lingkup

Ruang lingkup digunakan untuk membatasi pembahasan agar penulisan

mencapai sasaran dan mencegah terlalu luasnya masalah. Maka pembahasan

mengenai profil sekolah dan lebih lanjut difokuskan pada pengolahan data-data

akademik (data pribadi, nilai siswa, jadwal pendaftaran, info pendaftaran) mulai

dari memasukan data, mengubah data, dan menampilkan data. Sistem hanya bisa

dikelola oleh Admin dan diakses oleh calon siswa. Disini akses calon siswa bisa

diwakilkan oleh orang tuanya, sehingga orang tua pun bisa mengakses website ini.

Untuk mengakses web ini calon siswa di wajibkan untuk melakukan registrasi dan

mengisi data pribadi.kemudian baru bisa melakukan login atau masuk ke halaman

web Tools yang digunakan untuk website ini adalah phpMyAdmin, MySql.

1.5 Sistematika Penulisan

Sistematika penulisan laporan tugas akhir ini adalah sebagai berikut :

BAB I PENDAHULUAN

Bab ini membahas tentang latar belakang masalah , maksud dan

tujuan, metode penelitian, ruang lingkup dan sistematika penulisan

yang dipakai pada penulisan tugas akhir ini.

BAB II LANDASAN TEORI

Bab ini membahas tentang teori-teori yang digunakan penulis

sebagai dasar untuk menyusun tugas akhir ini.



BAB III PEMBAHASAN

Bab ini membahas tentang implementasi aplikasi penerimaan siswa

baru pada jaringan komputer, spesifikasi hardware maupun

software yang dipakai.

BAB IV PENUTUP

Bab ini membahas tentang kesimpulan dan saran yang penulis

ambil dari penulisan tugas akhir ini.

DAFTAR PUSTAKA

LAMPIRAN



BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

Menurut Sidik (2014:1) “Web pada awalnya adalah ruang informasi dalam

internet, dengan menggunakan teknologi hypertext, pemakai dituntut untuk

menemukan informasi dengan mengikuti link yang disediakan dalam dokumen

web yang ditampilkan dalam browser web”.

Kini internet identik dengan web, karena kepopuleran web sebagai standar

interface pada layanan-layanan yang ada di internet, dari awalnya sebagai

penyedia informasi, kini digunakan juga untuk komunikasi dari e-mail sampai

dengan chatting, sampai dengan melakukan transaksi bisnis. Selain itu web telah

diadopsi oleh perusahaan sebagai sebagian dari strategi teknologi informasinya,

karena beberapa alasan yaitu:

1. Akses informasi mudah

2. Setup server lebih mudah

3. Informasi mudah didistribusikan

4. Bebas platform; informasi dapat disajikan oleh browser pada sistem operasi

mana saja karena adanya standar dokumen berbagai tipe data dapat disajikan.



2.1.1. Pengertian Internet

Menurut Wahyuningsih, (2017:5) “Internet merupakan singkatan dari

interconnected networking yaitu system yang menghubungkan antar jaringan

dengan memanfaatkan kemajuan teknologi telekomunikasi menggunakan satelit”.

Sehingga kata “Online” merupakan istilah yang lazim digunakan ketika kita

sedang terhubung melalui internet. Hal tersebut menjelaskan bahwa aktifitas

online selalu berkaitan dengan pengguna internet, sedangkan internet adalah

bagian dari teknologi jaringan. Di dalam penggunaannya, internet memiliki

beberapa istilah, diantaranya:

1. WWW (World Wide Web)

Menurut Pratama (2015:152) “WWW (World Wide Web) atau lebih dikenal

sebagai web yang selalu berkaitan dengan HTTP (Hyper Text Transfer Protocol)

dan terkadang dengan HTTPS (Hyper Text Transfer Protocol Secure) sebagai

protocol yang digunakannya”. WWW merupakan contoh aplikasi berbasis client-

server melalui aplikasi web server.

2. Web Browser

Menurut Rachmanto (2017:19) “Web browser adalah perangkat utama yang

kita perlukan untuk menampilkan halaman web dari hasil pengkodean”.

3. Web Server

Menurut Madcoms (2016:4) “Web server adalah suatu program komputer

yang mempunyai tanggung jawab atau tugas menerima permintaan HTTP dari

komputer klien, yang dikenal dengan nama web browser dan melayani mereka

dengan menyediakan respon HTTP berupa konten data, biasanya berupa halaman



web yang terdiri dari dokumen HTML dan objek terkait seperti gambar dan lain-

lain”.

4. Website

Menurut Hariyanto (2015:2) “Website dapat diartikan sebagai kumpulan

halaman yang menampilkan informasi data teks, data gambar, data animasi, suara,

video dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis

yang membentuk satu rangkaian bangunan yang saling terkait, dimana masing-

masing dihubungkan dengan jaringan-jaringan halaman (hyperlink)”.

Website juga merupakan salah satu media penyampaian informasi dan

publikasi yang mudah diakses dari mana saja, kapan saja tanpa terbatas oleh

wilayah geografis yang dapat dimanfaatkan oleh sekolah.

5. URL (Uniform Resource Locator)

Menurut Pratama (2015:152) “URL harus mencantumkan alamat dari

komputer server yang dituju maupun komputer pemberi layanan”. Misalkan

dalam hal ini yaitu menyertakan alamat server atau komputer tujuan dalam bentuk

IP Address maupun domain.

6. ISP (Internet Service Provider)

Menurut Andi (2017:2) “ISP (Internet Service Provider ) adalah organisasi

yang menyediakan layanan untuk menggunakan maupun mengakses jaringan

internet”. Layanan internet yang disediakan oleh ISP antara lain meliputi akses

internet, web hosting, registrasi domain, transit internet, dan kolokasi.

7. DNS (Domain Name Space)



Menurut Andi (2017:5) “DNS (Domain Name Space) adalah sebuah sitem

yang menyimpan informasi tentang nama host ataupun nama domain dalam

bentuk basis data tersebar (distributed)”. Secara kasar, DNS dapat dikatakan

sebagai “penerjemah” nama domain menjadi angka-angka numeric yang terdapat

di dalam IP supaya lebih mudah diingat.

8. IP (Internet Protocol)

Menurut Andi (2017:6) “IP (Internet Protocol) adalah protocol lapisan

jaringan atau protocol lapisan internetwork yang digunakan oleh protokol TCP/IP

untuk melakukan pengamatan dan routing paket data”.

2.1.2. Bahasa Pemrograman

Telah diketahui bahwa program adalah sekumpulan instruksi yang

digunakan untuk mengatur perangkat keras komputer agar melaksanakan tindakan

tertentu. Kegiatan yang berkaitan dengan penulisan program biasa disebut

pemrograman.

Seperti halnya manusia yang menggunakan bahasa untuk berkomunikasi,

komputer pun juga memiliki bahasa tersendiri. Supaya manusia dapat

berkomunikasi dengan komputer, pemrogram perlu menuliskan program dalam

bahasa yang bisa dimengerti oleh komputer. Bahasa inilah yang disebut dengan

bahasa pemrograman atau bahasa komputer. Bahasa pemrograman terdiri atas

sekumpulan instruksi yang ditunjukan agar orang bisa menuangkan perintah yang

nantinya adakan dijalankan oleh komputer, dikutip dari Kadir (2014:192).

Beberapa bahasa pemrograman yang biasa digunakan yaitu:

1. PHP



Menurut Winarno dkk (2013:59) “PHP atau PHP Hypertext Preprocessor,

adalah sebuah bahasa pemrograman web berbasis server (server-side)”. Artinya,

kode ini dijalankan di server, kalau tidak ada server, maka kode PHP tidak bisa

dijalankan.

Sedangkan menurut Andi (2012:76) “PHP merupakan bahasa pemrograman

berbasis web yang memiliki kemampuan untuk memproses dan mengolah data

secara dinamis”. PHP dapat dikatakan sebagai sebuah server-side embedded script

language, artinya sintak-sintak dan perintah program yang ditulis akan

sepenuhnya dijalankan oleh server tetapi dapat disertakan pada halaman HTML

biasa.

2. HTML

Menurut Winarno dkk (2013:1) “HTML merupakan singkatan dari

Hypertext Markup Language, artinya bahasa ini adalah bahasa markup untuk

memformat konten halaman web”. Atau dengan kata lain, bahasa untuk mengatur

bagaimana penampilan dan pemformatan konten di web.

HTML memiliki 4 jenis elemen yaitu:

a. Struktural

Tanda yang menentukan level atau tingkatan dari tulisan (misalnya, < h1

>Golf< /h1 > memerintahkan browser untuk menampilkan “Golf” sebagai tulisan

tebal besar yang menunjukkan sebagai Heading 1.

b. Presentasi

Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan

level dari tulisan tersebut (contoh, < b >tebal< /b > akan menampilkan tulisan



tebal. Tanda presentasi ini sudah lazim digantikan oleh CSS dan tidak

direkomendasikan untuk mengatur tampilan tulisan via HTML.

c. Hiperteks

Tanda yang berfungsi membuat link di dokumen, baik link di dokumen itu

sendiri atau ke dokumen lain (contoh, < a href=http://www.wikipedia.org/>

Wikipedia </a> akan membuat link ke situs wikipedia.org.

d. Widget

Elemen widget yang membuat objek-objek lain seperti tombol (<button>),

list (<li>), dan garis horizontal (<hr>).

3. CSS

Menurut Hariyanto (2015:31) “CSS adalah kumpulan kode program yang

digunakan untuk mendesain atau mempercantik tampilan halaman HTML”.

Dengan CSS, kita bisa mengubah desain dari text, warna, gambar dan latar

belakang dari (hamper) semua kode tag HTML.

CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang

saling melengkapi. HTML ditujukan untuk membuat struktur atau konten dari

halaman web. Sedangkan CSS digunakan untuk tampilan dari halaman web

tersebut.

4. JQuery

Menurut Hidayatullah (2017:399) “JQuery adalah kumpulan fungsi-fungsi

JavaScript yang sudah dibentuk sebagai suatu objek”. Sehingga penggunaan



JQuery ini bisa dikategorikan sebagai library yang nantinya kita hanya perlu

menggunakan fungsi-fungsi di dalam library tersebut.

JQuery dikenal dengan slogan “Write less, do more” artinya penulisan kode

yang sedikit tetapi memiliki beberapa aksi (action). JQuery juga merupakan

library open source dengan lisensi GNU General Public License dan MIT license.

Ukuran file JQuery tidak lebih dari 200kb. JQuery juga sudah support plugin-

plugin tambahan untuk fungsi-fungsi pada masalah yang lebih spesifik. Untuk

mendapatkan plugin-plugin tersebut dapat mengakses http://plugins.jquery.com/.

5. JavaScript

Menurut Sianipar (2015:1) “JavaScript merupakan bahasa script populer

yang dipakai untuk menciptakan halaman web yang dapat berinteraksi dengan

pengguna dan dapat merespon event yang terjadi pada halaman”. JavaScript

merupakan perekat yang menyatukan halaman-halaman web. Akan sangat susah

menjumpai halaman web komersial yang tidak memuat kode JavaScript.

2.1.3. Basis Data

Menurut Hidayatullah (2017:142) “Basis data dapat didefinisikan sebagai

himpunan kelompok data yang saling berhubungan yang diorganisasikan

sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan

mudah”. Prinsip utamanya adalah pengaturan data. Tujuan utamanya kemudahan

dan kecepatan dalam pengambilan kembali data.

Adapun aplikasi basis data yang digunakan dalam pembuatan aplikasi web

sekolah ini diantaranya:

1. MySQL



Menurut Jubilee (2014:2) “MySQL adalah RDBMS yang cepat dan mudah

digunakan, serta sudah banyak digunakan untuk berbagai kebutuhan”. MySQL

dikembangkan oleh MySQL AB Swedia. Berikut keunggulan dari MySQL:

a. Berlisensi open-source, sehingga dapat digunakan secara gratis.

b. Merupakan program yang powerfull dan menyediakan fitur yang lengkap.

c. Menggunakan bentuk standar bahasa data SQL.

d. Dapat bekerja dengan banyak sistem operasi dan dengan bahasa-bahasa

pemrograman seperti PHP, PERI,C, C++, JAVA, dan lain-lain.

e. Bekerja dengan cepat dan baik, bahkan dengan data set yang banyak.

f. Sangat mudah digunakan dengan PHP untuk pengembangan aplikasi web.

g. Mendukung banyak database, sampai 50 juta baris atau lebih dalam suatu

tabel.

h. Dapat dikostumisasi sesuai dengan keinginan.

2. PhpMyAdmin

Menurut Madcoms (2016:186) “phpMyAdmin adalah sebuah aplikasi open

source yang berfungsi untuk memudahkan manajemen MySQL”. Dengan

menggunakan phpMyAdmin, kita dapat membuat database, membuat tabel, meng-

insert, menghapus dan meng-update data dengan GUI dan terasa lebih mudah,

tanpa perlu mengetikkan perintah SQL secara manual.

Karena berbasis web, maka phpMyAdmin dapat dijalankan di banyak OS,

selama dapat menjalankan web server dan MySQL. PhpMyAdmin dapat di-

download secara gratis di http://www.phpmyadmin.net. Jika kita menggunakan



paket software web server Xampp, maka tidak perlu meng-instal phpMyAdmin

secara terpisah.

3. Bootstrap

Menurut Jubilee (2016:1) “Bootstrap adalah framework front-end yang

intuitif dan powerful untuk pengembangan aplikasi web yang lebih cepat dan

mudah”. Bootstrap menggunakan HTML, CSS, dan JavaScript.

Berikut ini kelebihan-kelebihan Bootstrap yaitu:

a. Menghemat waktu

b. Fitur yang responsive

c. Desain yang konsisten

d. Mudah digunakan

e. Didukung oleh semua browser popular

f. Gratis

4. Adobe Photoshop

Menurut Hendratman (2016:1) “Adobe Photoshop adalah software gratis

berbasis Bitmap (pixel), yang biasa dipakai untuk mengedit foto, membuat

ilustrasi bahkan desain web”. Sehingga banyak digunakan di studio foto,

percetakan, production house, biro arsitektur, pabrik tekstil dan bidang yang

berkaitan dengan Teknologi Informatika (IT).

2.1.4. Model Pengembangan Perangkat Lunak

Menurut Pressman (2015:42) “Model Waterfall adalah model klasik yang

bersifat sistematis, berurutan dalam membangun software”. Nama model ini



sebenarnya adalah “Linear Sequential Model”. Model ini sering disebut juga

dengan “classic life cycle” atau metode waterfall. Model ini termasuk ke dalam

model generic pada rekayasa perangkat lunak dan pertama kali di perkenalkan

oleh WinstonRoyce sekitar tahun 1970 sehingga sering dianggap kuno, tetapi

merupakan model yang paling banyak dipakai dalam Software Enginering (SE).

Model ini melakukan pendekatan secara sistematis dan berurutan. Disebut dengan

waterfall karena tahap demi tahap yang dilalui harus menunggu selesainya tahap

sebelumnya dan berjalan berurutan.

Dalam pengembangannya metode waterfall memiliki beberapa tahapan

yang berurut yaitu : requirement (analisis kebutuhan), design system (desain

sistem), Coding (pengkodean) & Testing (pengujian), Penerapan Program,

pemeliharaan.

Tahapan-tahapan dari metode waterfall sebagai berikut:

1. Analisis Kebutuhan (Requirement Analisis)

Tahap ini pengembang sistem diperlukan komunikasi yang bertujuan untuk

memahami perangkat lunak yang diharapkan oleh pengguna dan batasan

perangkat lunak tersebut. Informasi ini biasanya dapat diperoleh melalui

wawancara, diskusi atau survei langsung. Informasi dianalisis untuk mendapatkan

data yang dibutuhkan oleh pengguna.

2. Desain Sistem (System Design)

Spesifikasi kebutuhan dari tahap sebelumnya akan dipelajari dalam fase ini

dan desain sistem disiapkan. Desain Sistem membantu dalam menentukan



perangkat keras (hardware) dan sistem persyaratan dan juga membantu dalam

mendefinisikan arsitektur sistem secara keseluruhan.

3. Implementation

Pada tahap ini, sistem pertama kali dikembangkan di program kecil yang

disebut unit, yang terintegrasi dalam tahap selanjutnya. Setiap unit dikembangkan

dan diuji untuk fungsionalitas yang disebut sebagai unit testing.

4. Integration & Testing

Seluruh unit yang dikembangkan dalam tahap implementasi diintegrasikan

ke dalam sistem setelah pengujian yang dilakukan masing-masing unit. Setelah

integrasi seluruh sistem diuji untuk mengecek setiap kegagalan maupun

kesalahan.

5. Operation & Maintenance

Tahap akhir dalam model waterfall. Perangkat lunak yang sudah jadi,

dijalankan serta dilakukan pemeliharaan. Pemeliharaan termasuk dalam

memperbaiki kesalahan yang tidak ditemukan pada langkah sebelumnya.

Perbaikan implementasi unit sistem dan peningkatan jasa sistem sebagai

kebutuhan baru.

Kelebihan menggunakan metode air terjun (waterfall) adalah metode ini

memungkinkan untuk departementalisasi dan kontrol. proses pengembangan

model fase one by one, sehingga meminimalis kesalahan yang mungkin akan

terjadi. Pengembangan bergerak dari konsep, yaitu melalui desain, implementasi,

pengujian, instalasi, penyelesaian masalah, dan berakhir di operasi dan

pemeliharaan.

2.2. Teori Pendukung



2.2.1. Struktur Navigasi

Dalam penggunaan sebuah program website diperlukan struktur navigasi

sebagai bentuk penggambaran dari halaman-halaman apa saja yang tersedia

didalam website. Layaknya petunjuk arah, navigasi memudahkan pengguna untuk

“berselancar” didalam sebuah website.

Objek yang digunakan dalam navigasi dapat berupa tombol atau teks yang

disisipkan hyperlink untuk mengakses suatu halaman tertentu.

Menurut Andriansyah (2016:61) “Struktur navigasi dapat diartikan sebagai

alur dari suatu program yang menggambarkan rancangan hubungan antar area

yang berbeda sehingga memudahkan proses pengorganisasian seluruh elemen

website”.

Menurut Binanto (2010:269-270), ada empat macam bentuk navigasi, yaitu:

1. Struktur Navigasi Linier

Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang

berurut yang menampilkan satu demi satu tampilan layar secara berurut menurut

urutannya. Tampilan yang dapat ditampilkan pada struktur jenis ini adalah satu

halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman

sebelumnya atau dua halaman sesudahnya, pengguna akan melakukan navigasi

secara berurutan, dalam frame atau byte informasi satu ke yang lainnya.

Sumber : Binanto (2010a:269)



Gambar II.1. Struktur Navigasi Linier

2. Struktur Navigasi Tidak Berurut (Non-Linier)

Struktur navigasi non-linier merupakan pengembangan dari struktur

navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang.

Percabangan yang dibuat pada struktur non-linier ini berbeda dengan percabangan

pada struktur hirarki, karena pada percabangan non-linear ini walaupun terdapat

percabangan tetap tiap-tiap tampilan mempunyai kedudukan yang sama yaitu

tidak ada Master Page dan Slave Page, pengguna akan melakukan navigasi

dengan bebas melalui isi proyek dengan tidak terikat jalur yang sudah ditentukan

sebelumnya.

Sumber : Binanto (2010c:270)

Gambar II.2. Struktur Navigasi Non-Linier

3. Struktur Navigasi Hirarki



Struktur dasar ini disebut juga struktur linier dengan percabangan karena

pengguna melakukan navigasi disepanjang cabang pohon struktur yang terbentuk

oleh logika isi.

Sumber : Binanto (2010b:269)

Gambar II.3. Struktur Navigasi Hirarki

4. Struktur Navigasi Campuran (Composite)

Struktur navigasi jenis ini pengguna akan melakukan navigasi dengan bebas

(secara non-linier), tetapi terkadang dibatasi presentasi linier film atau informasi

penting dan pada data yang paling terorganisasi secara logis pada suatu hirarki.

Sumber : Binanto (2010d:270)

Gambar II.4. Struktur Navigasi Campuran



2.2.2. ERD (Entity Relationship Diagram)

Menurut Fathansyah (2015:81) “Model Entity-Relationship yang berisi

komponen-komponen Himpunan Entitas dan Himpunan Relasi yang masing-

masing dilengkapi dengan atribut-atribut yang merepresentasikan seluruh fakta

dari ‘dunia nyata’ yang kita tinjau, dapat digambarkan dengan lebih sistematis

dengan menggunakan Diagram Entity-Relationship (Diagram E-R)”.

Notasi-notasi simbolik di dalam Diagram E-R yang digunakan adalah:

A. Persegi panjang, menyatakan Himpunan Entitas.

B. Lingkaran atau Elip, menyatakan Atribut (Atribut yang berfungsi sebagai

key di garis bawahi).

C. Belah ketupat, merupakan Himpunan Relasi.

D. Garis, sebagai penghubung antara Himpunan Relasi dengan Himpunan

Entitas dan Himpunan Entitas dengan Atributnya.

E. Kardinalitas Relasi dapat dinyatakan dengan banyaknya garis cabang atau

dengan pemakaian angka (1 dan 1 untuk relasi satu-ke-satu, dan N untuk

relasi satu-ke-banyak atau N dan N untuk relasi banyak-ke-banyak).

Berikut contoh notasi simbolik di dalam Diagram E-R antara lain:

Himpunan Entitas E Himpunan Relasi R

Atribut a sebagai key Link

Sumber : Fathansyah (2015a:82)

Gambar II.5. Simbol atau Notasi Diagram E-R

E

a

R



Berikut adalah contoh penggambaran relasi antar himpunan entitas lengkap

dengan kardinalitas relasi dan atribut-atributnya:

1. Relasi satu-ke-satu (one-to-one)

Contoh:

Adanya relasi antara himpunan entitas Dosen dengan himpunan entitas

Jurusan. Himpunan relasinya kita beri nama ‘Mengepalai’. Para relasi ini, setiap

dosen paling banyak mengepalai satu jurusan (walaupun memang tidak semua

dosen yang menjadi ketua jurusan). Dan setiap jurusan pasti dikepalai oleh paling

banyak satu orang dosen. Maka penggambarannya adalah:

Sumber : Fathansyah (2015b:82)

Gambar II.6. Diagram E-R Untuk Relasi Satu Ke Satu

Pada Diagram E-R diatas dapat dilihat bahwa himpunan entitas Dosen dan

himpunan entitas Jurusan masing-masing memiliki 2 buah atribut saja. Sementara

itu, pada himpunan relasi Mengepalai juga terdapat 2 buah atribut yang secara

bersama-sama berfungsi juga sebagai key pada himpunan relasi tersebut. Karena

kedua atribut atau key tersebut sebetulnya berasal dari atribut key dari masing-

masing himpunan entitas yang dihubungkannya, maka keduanya digolongkan

sebagai Key Asing (Foreign-Key). Adanya kedua atribut key tersebut selanjutnya

akan dapat menunjukkan dosen mana yang mengepalai suatu jurusan (menjadi

ketua jurusan), atau sebaliknya jurusan mana yang dikepalai seorang dosen.



2. Relasi satu-ke-banyak (one-to-many)

Contoh:

Adanya relasi antara himpunan entitas Dosen dengan himpunan entitas

Kuliah. Himpunan relasinya diberi nama ‘Mengajar’. Pada relasi ini, setiap dosen

dapat mengajar lebih dari satu mata kuliah, sedang setiap mata kuliah diajar hanya

oleh paling banyak satu orang dosen. Maka penggambarannya adalah:

Sumber : Fathansyah (2015c:83)

Gambar II.7. Diagram E-R Untuk Relasi Satu Ke Banyak

Key Asing (Foreign-Key) dari himpunan relasi Mengajar diatas adalah

nama_dos dan kode_kul, yang masing-masing berasal dari himpunan entitas

Dosen dan himpunan entitas Kuliah. Tetapi disamping kedua atribut key tersebut,

ada pula 2 atribut tambahan yang tidak berasal dari salah satu himpunan entitas

yang dihubungkannya. Hal ini memang dimungkinkan dan bahkan umum terjadi.

Dengan adanya keempat atribut tersebut pada himpunan relasi Mengajar, maka

dapat kita ketahui jadwal pelaksanaan setiap mata kuliah beserta dosen yang

mengajarkannya.



3. Relasi banyak-ke-banyak (many-to-many)

Contoh:

Adanya relasi antara himpunan entitas Mahasiswa dengan himpunan entitas

Kuliah. Himpunan relasinya diberi nama ‘Mempelajari’. Pada relasi ini, setiap

mahasiswa dapat mempelajari lebih dari satu mata Kuliah. Demikian juga

sebaliknya, setiap mata kuliah dapat dipelajari oleh lebih dari satu orang

mahasiswa. Maka penggambarannya adalah:

Sumber : Fathansyah (2015d:84)

Gambar II.8. Diagram E-R untuk Relasi Banyak Ke Banyak

Keberadaan himpunan relasi Mempelajari diatas akan memliki dua fungsi,

yaitu untuk menunjukkan mata kuliah mana saja yang diambil oleh seorang

mahasiswa (atau mahasiswa mana saja yang mengambil mata kuliah tertentu) dan

indeks nilai yang diperoleh seorang mahasiswa untuk mata kuliah tertentu (tentu

saja setelah data indeks nilai tersebut disimpan).

2.2.3. LRS (Logical Record Structure)

Menurut Andriansyah (2016:53) “LRS merupakan transformasi dari

penggambaran ERD dalam bentuk yang lebih jelas dan mudah untuk dipahami.



Penggambaran LRS hampir mirip dengan penggambaran normalisasi file, hanya

saja tidak digambarkan symbol asterix (*) sebagai simbol primary key (kunci

utama) dan foreign key (kunci tamu)”.

2.2.4. Alat Pendukung

1. Adobe Dreamweaver CS6

Menurut Mandar (2017:1) “Adobe Dreamweaver merupakan aplikasi

pengembang yang berfungsi untuk mendesain web yang dibuat, dikembangkan,

dan diproduksi oleh Adobe System”. Sampai saat ini versi terbaru dari Adobe

Dreamweaver adalah Adobe Dreamweaver CS6 yang dirilis pada tanggal 21 April

2012 dengan harga $399 USD.

Aplikasi pengembang web ini sangat digemari oleh web desainer dalam

merancang web sebab perangkat lunak komputer ini memiliki kelebihan dan

kemudahan dalam penggunaannya. Dengan menggunakan aplikasi ini,

pengembang web dapat dilakukan secara visual sehingga hasil perancangan web

dapat langsung terlihat tanpa harus menggunakan aplikasi bantu peramban seperti

Google Crome, Firefox, atau Internet Explorer. Teknologi web yang didukung

oleh Adobe Dreamweaver sangat beragam, salah satunya adalah teknologi untuk

kebutuhan pengembang web berbasis mobile.

2. XAMPP

Menurut Madcoms (2016:186) “Xampp adalah sebuah paket kumpulan

software yang terdiri dari Apache, MySQL, PhpMyAdmin, PHP, Perl, Filezilla

dan lain-lain”. Xampp berfungsi untuk memudahkan instalasi lingkungan PHP,

dimana biasanya lingkungan pengembang web memerlukan PHP, Apache,

MySQL dan PhpMyAdmin serta software-software yang terkait dengan



pengembangan web. Dengan menggunakan Xampp, tidak perlu lagi menginstal

aplikasi-aplikasi tersebut satu persatu. Paket aplikasi perlu di extract dan di-instal

terlebih dahulu, dengan memilih jenis Xampp sesuai dengan jenis OS-nya. Setelah

sukses menginstal Xampp, kita dapat langsung mengaktifkan MySQL.

2.2.5. Pengujian Web (Blackbox Testing)

Menurut Pratama (2014:50-51) “Blackbox Testing adalah pengujian di sisi

pengembang dilakukan oleh pengembang atau programmer dari aplikasi

bersangkutan, atau mereka yang mengerti dan terlibat di dalam pengembangan

sistem tersebut”. Pengujian ini menekankan pada sejauh mana fungsionalitas

sistem informasi berjalan dengan baik sesuai dengan yang diinginkan oleh

pengguna dan pengembang.

Blackbox Testing mempunyai empat jenis pengujian yaitu:

1. Pengujian Interface (tatap muka) aplikasi.

Pengujian Interface (tatap muka) aplikasi sistem informasi bertujuan untuk

mengetahui fungsionalitasdari setiap elemen interface yang ada di setiap halaman

pada aplikasi sistem informasi. Elemen ini berupa tombol (button) yang

menjalankan aksi sesuai yang diharapkan oleh pengguna dan pengembang.

2. Pengujian fungsi dasar sistem.

Pengujian fungsi dasar sistem bertujuan untuk mengetahui sejauh mana

kinerja dari setiap fungsi dasar sistem yang ada di dalam aplikasi sistem

informasi. Fungsi-fungsi ini dalam penerapannya membentuk satu atau sejumlah

modul. Modul ini dapat digunakan baik di sisi pengembang maupun sebagai

pengguna (misal: instalasi modul melalui akun administrator).



3. Pengujian form handle sistem.

Pengujian form handle sistem bertujuan untuk mengetahui seperti apa dan

sejauh mana respon oleh sistem informasi terhadap inputan yang diberikan oleh

pengguna. Inputan yang diberikan oleh pengguna ke dalam sistem informasi dapat

berupa inputan bernilai (misalkan: data) maupun inputan kosong.

4. Pengujian keamanan sistem.

Pengjian keamanan sistem bertujuan untuk mengetahui sejauh mana tingkat

keamanan yang dimiliki oleh sistem informasi untuk dapat memberikan

kenyamanan kepada para pengguna. Keamanan dicek dari sisi sistem (misalkan:

SQL injection), kebijakan (misalkan: ada tidaknya penanganan minimal jumlah

karakter untuk password, otentikasi via e-mail), serta pengguna (misalkan: ada

tidaknya perbedaan hak akses untuk setiap kelompok pengguna).



BAB III

PEMBAHASAN

3.1. Tinjauan Sekolah

Sekolah Menengah Kejuruan BINA MANDIRI 2 merupakan instansi yang

bergerak dibidang pendidikan milik Swasta atau yayasan. Sekolah ini memiliki

ruang kelas untuk kegiatan belajar mengajar siswa-siswinya serta dukungan

lapangan yang bisa berfungsi untuk kegiatan olah raga para siswa dan ruang

praktek untuk praktik belajar kejuruan serta ruang perpustakaan untuk ruang baca

siswa.

A. Profil Sekolah

1. Nama Sekolah : SMK BINA MANDIRI 2

2. Kepala Sekolah : M. Tata Wardhana.S.Pd.I

3. Akreditasi Sekolah : B (Baik)

4. Nomor Statistik Sekolah : 402020613424

5. Nomor Statistik Bangunan : 00114171312001

6. Nomor Pokok Sekolah Nasional : 69888463

7. Surat Keputusan / SK : 421.3/910/DISDIK/ 24 Desember 2014

8. Tahun berdiri : 2008

9. Alamat : Jalan Raya KarangTengah Cireundeu Km7

Desa Girijaya Kecamatan Nagrak

10. Telepon : (0266) 237526

11. Kelurahan / kecamatan : Nagrak

12. Kabupaten / Provinsi : Sukabumi



3.1.1. Sejarah Sekolah

Berawal dari kepedulian tokoh masyarakat dilingkungan Kampung

Cireundeu Desa Girijaya Kecamatan Nagrak, Kabupaten Sukabumi tentang

pendidikan generasi remaja yang minim kemampuan dan legaliatas pendidikan,

untuk menjawab tantangan dunia kerja dan kehidupan masyarak secara umum,

timbulah gagasan untuk mendidirikan lembaga pendidikan yang bisa memenuhi

semua tujuan yang dimaksud. Maka cikal Bakal SMK Bina Mandiri 2 Kab.

Sukabumi pun secara bertahap tumbuh, SMK Bina Mandiri 2 Kabupaten

Sukabumi yang beralamat di Jalan Karangtengah Cireundeu KM.7 Desa Girijaya

RT 006/ RW 002 Kecamatan Nagrak Kab. Sukabumi, Berdiri Sejak Tahun 2006.

Pada Tahun 2014 penantian lama terjawab, yaitu secara Administrasi dan

Lokasi SMK Bina Mandiri 2 Kab. Sukabumi menjadi sekolah yang mandiri.

Artinya lokasi sudah milik sendiri dan Izin Oprasional Sekolah (IOS) pun telah

disahkan oleh Kementrian Pendidikan Wilayah Sukabumi, dengan Nomor

421.3/910/DISDIK Tanggal 24 Desember 2014.

Berikut daftar kepala sekolah yang pernah menjabat di SMK BINA MANDIRI2 :

1. Asep Sukma S.PD menjabat periode 2006– 2014

2. M Tata Wardana S.PD menjabat periode 2014 –( sampai sekarang)

Sumber : Administrasi SMK BINA MANDIRI 2

Setiap lembaga pendidikan tentunya mempunyai gambaran atau tujuan di

masa depan (Visi) dan cara untuk mencapai tujuan itu (Misi). Adapun visi misi

SMK BINA MANDIRI 2 yaitu:



1. Visi

“Terwujudnya SMK unggulan, bermutu dan berwawasan global di

bidang teknologi informasi serta membekali peserta didik dengan

IMTAQ dan IPTEK yang seimbang untuk dapat menjawab tantangan

masa depan”.

2. Misi

a. Mengembangkan kegiatan pendidikan keahlian yang mengarah kepada

pembekalan life skill teknologi informasi dan wawasan global.

b. Menerapkan sistem pembelajaran yang memanfaatkan teknologi

informasi terkini.

c. Membentuk lulusan yang memiliki integritas moral, etika, spiritual dan

berjiwa wirausaha serta seimbang antara IMTAQ dan IPTEK.

d. Menyiapkan tenaga ahli di bidang teknologi informasi yang terampil,

bertanggungjawab dan mampu menjawab tantangan masa depan.

3. Tujuan Sekolah

Menyiapkan peserta didik agar :

a. Memiliki kualitas keimanan dan ketakwaan kepada Allah SWT.

b. Memiliki Sumber Daya Manusia yang profesional.

c. Bermutu dalam pelaksanaan pembelajaran dan pengelolaan

administrasi, untuk menghasilkan lulusan yang handal.

d. Memiliki wawasan yang luas tentang imtaq, perkembangan iptek dan

sosial budaya

e. Memiliki tanggung jawab sosial terhadap lingkungan.

f. Memiliki keunggulan yang berakar dari ciri khas daerah.



3.1.2. Struktur Organisasi dan Fungsi

1. Struktur Organisasi

Gambar III.1. Struktur Organisasi Sekolah

Sumber : Petunjuk Teknis Pengelolaan Administrasi SMK BINA MANDIRI 2

Periode Tahun 2016 / 2017

2. Tugas Pokok dan Fungsi

A. Komite Sekolah

Sebagai lembaga pendukung, baik yang berwujud finansial, pemikiran

maupun tenaga dalam menyelenggarakan pendidikan disuatu pendidikan.



B. Kepala Sekolah

Sebagai seorang pemimpin, membuat suatu perencanaan sekolah setiap

tahunnya. Perencanaan program seklah tersebut yang menyangkut tujuan

yang dicapai, materi belajar yang bersifat akademis maupun praktis serta

perencanaan tenaga pendidik.

C. Wakil Kepala Sekolah

Wakil Kepala Sekolah mempersiapkan rapat-rapat guru,menelaah mempelajari

dan menguasai kurikulum yang sedang berlaku ,memberi tugas guru memberi

arahan pembuatan program

D. Bendahara

Mengelola kegiatan keuangan sekolah dan bertanggung jawab kepada

kepala sekolah

E. Operator

Operator mengurus data siswa dan tenaga pendidik

F. Tata Usaha

Mempunyai tugas mengkoordinir dan melaksanakan ketatausahaan sekolah

serta bertanggung jawab kepada kepala sekolah

G. Kabid Kesiswaan

Merencanakan,mempersiapkkan dan melaksanakan kegiatan penerimaan

siswa baru. Mempersiapakan MOS,membina dan memantau kegiatan OSIS

H. Kurikulum

Mempersiapkan rapat-rapat guru,menelaah mempelajari dan menguasai

kurikulum yang sedang berlaku ,memberi tugas guru memberi arahan pembuatan

program



I. Sarana

Memelihara dan mengawasi barang-barang inventaris sekolah, mengusulkan

kepada kepala sekolah tentang barang-barang bangunan dan gedung yang

perlu diperbaiki

J. Humas

Mempersiapkan pembentukan komite sekolah , mempersiapkan rapat-rapat

pengurus komite sekolah , mempersiapkan dan mengatur pertemuan orang

tua siswa/wali dalam rangka penyampaian program sekolah

K. Siswa

Mematuhi dan mentaati segala peraturan yang sudah ditetapkan sekolah.

L. Guru Mapel

Guru mapel berfungsi untuk mengelola kelas, pengisisan daftar kumpulan

nilai, pembuatan catatan khusus tentang siswa, pengisisan buku laporan

penilaian hasil belajar, pembagian buku laporan hasil belajar.

3.2. Analisis Kebutuhan

Dalam menganalisa kebutuhan perlu dilakukan analisis kebutuhan pada

sistem untuk menentukan dan mengungkapkan kebutuhan sistem. Kebutuhan ini

meliputi kebutuhan pengguna, kebutuhan perangkat keras dan kebutuhan

perangkat lunak.

3.2.1. Kebutuhan Fungsional

Pada sistem informasi akademik penerimaan siswa baru pada SMK BINA

MANDIRI 2 kebutuhan pengguna sebagai berikut:

1. Administrator

a. Admin melakukan login ke dalam sistem administrator.



b. Admin dapat mengubah, menambah, menghapus data admin.

c. Admin dapat mengubah, menambah, menghapus data pendaftaran calon

siswa.

d. Admin dapat menginput menambah dan mengedit waktu tes

e. Admin dapat menginput, menambah dan mengedit pengumuman.

f. Admin melakukan logout.

2. Siswa

a. Siswa melakukan login

b. Siswa dapat melihat panduan registrasi.

c. Siswa melakukan registrasi.

d. Siswa dapat mencetak formulir.

e. Siswa dapat melihat informasi.

f. Siswa dapat melihat data pendaftar.

g. Siswa melakukan logout.

3.2.2. Kebutuhan Non Fungsional

Kebutuhan non fungsional adalah kebutuhan yang berdasarkan pada

kebutuhan dari suatu sistem yang harus dimiliki. Kebutuhan non fungsional juga

berisi informasi-informasi apa saja yang harus ada dan dihasilkan oleh sebuah

sistem. Berikut ini adalah kebutuhan non fungsional dari sistem informasi

akademik penerimaan siswa baru pada SMK BINA MANDIRI 2:

a. Operasional

1) Sistem operasi yang umum digunakan adalah seperti Microsoft

Windows, Linux atau MacOs.



2) Prosesor yang digunakan minimal Pentium 4 atau lebih

3) Kebutuhan memory yang digunakan minimal 1 GB

4) Untuk mengakses portal atau website membutuhkan web browser dan

koneksi internet

b. Security / Keamanan

1) Sistem memberikan keamanan untuk akses admin dengan adanya

penggunaan username dan password agar bisa masuk ke sistem

2) Keamanan password dalam database juga diatur dengan menerapkan

enskripsi MD5.

c. Informasi

1) Digunakan untuk menginformasikan apabila admin melakukan

kesalahan dalam menginput username dan password ketika login

2) Digunakan untuk menginformasikan apabila pengguna melakukan

kesalahan dalam menginput username dan password ketika login

3.3. Perancangan Perangkat Lunak

3.3.1. Rancangan Antar Muka

Rancangan antar muka (Interface) dimaksudkan untuk memudahkan

pengguna website ini diharapkan dapat digunakan oleh banyak pengguna dari

berbagai latar belakang dan juga karena tidak semua pengguna adalah orang yang

mengerti dan ahli dalam bidang pengoperasian komputer. Rancangan Interface

dari website Sistem Informasi Akademik SMK BINA MANDIRI 2 sebagai

berikut:



1. Rancangan Halaman Utama

Gambar III.2. Rancangan Halaman Utama

Tampilan halaman utama berfungsi untuk menampilkan informasi tentang

panduan, informasi dan data pendaftar serta untuk melakukan login user. Di dalam

tampilan halaman utama terdapat beberapa menu yaitu header, home, panduan,

registrasi, informasi, data pendaftar, login, content, footer.



2. Rancangan Halaman Panduan

Gambar III.3. Rancangan Halaman Login

Menu panduan ada di halaman utama, ketika menu panduan di klik lalu

akan mucul kotak informasi tentang syarat dan tata cara registrasi yang

harus di lakukan calon siswa.



3. Rancangan Halaman Registrasi

Gambar III.4. Rancangan Halaman Registrasi

Untuk calon siswa yang ingin mendaftar di haruskan untuk melakukan

registrasi dengan mengisi NISN (nomor induk siswa nasional) dan

password, serta mengisi data diri.setelah selesai siswa bisa melakukan login.



4. Rancangan Halaman Menu Berhasil Registrasi

Gambar III.5. Rancangan Menu Berhasil Registrasi

Untuk calon siswa yang sudah mengisi semua data diri pada form

registrasi,maka akan keluar tampilan menu seperti di atas.



5. Rancangan Halaman Menu Informasi

Gambar III.6. Rancangan Halaman Menu Informasi

Halaman menu informasi berfungsi untuk menampilkan atau menambahkan

informasi terbaru terkait pengumuman penerimaan siswa baru.



6. Rancangan Halaman Menu Data Pendaftar

Gambar III.7. Rancangan Halaman Menu Data Pendaftar

Halaman menu data pendaftar berfungsi untuk menampilkan semua data

calon siswa baik yang sudah di acc ataupun belum di acc.



7. Rancangan Halaman Menu Gagal Login Siswa

Gambar III.8. Rancangan Halaman Menu Gagal Login Siswa

Halaman Menu Gagal login siswa ini berfungsi jika ada siswa yang ingin

melakukan login tetapi salah mengetikan nisn atau password mereka, siswa

harus mengetikan nisn dan password mereka sesuai dengan nisn dan

password yang mereka buat pada saat melakukan registrasi.



8. Rancangan Halaman Menu Berhasil Login Siswa

Gambar III.9. Rancangan Halaman Menu Berhasil Login Siswa

Jika siswa berhasil login ke dalam sistem makan akan keluar tampilan data

diri siswa,status pendaftaran, nilai tes dan menu cetak formulir.

9. Rancangan Halaman Menu Login Admin

Gambar III.10. Rancangan Halaman Menu Login Admin



Pada halaman menu login admin pengguna di haruskan memasukan

NIP(nomor induk pegawai) pada kotak username dan tanggal lahir sebagai

password setelah selesai klik login.

10. Rancangan Halaman Menu Admin Home

Gambar III.11. Rancangan Halaman Menu Admin Home

Jika admin berhasil login maka sistem akan masuk pada menu admin seperti

gambar di atas.



11. Rancangan Halaman Menu Admin Manajemen Admin

Gambar III.12. Rancangan Halaman Menu Admin Manajemen Admin

Dalam halaman manajemen admin, admin dapat menambah admin baru

dengan mengklik menu tambah admin atau mengedit data admin yang sudah

ada dengan cara mengklik menu edit.



12. Rancangan Halaman Menu Admin Edit Data Admin

Gambar III.13. Rancangan Halaman Menu Admin Edit Data Admin

Halaman menu edit data admin ini berfungsi untuk mengedit data admin jika ada

perubahan data.

13. Rancangan Halaman Menu Admin Tambah Admin

Gambar III.14. Rancangan Halaman Menu Admin Tambah Admin

Halaman menu tambah admin ini berfungsi untuk menambah admin.



14. Rancangan Halaman Menu Admin Waktu Tes

Gambar III.15. Rancangan Halaman Menu Admin Waktu Tes

Halaman menu admin untuk membuat jadwal tes masuk calon siswa.

15. Rancangan Halaman Menu Admin Edit Waktu Tes

Gambar III.16. Rancangan Halaman Menu Admin Edit Waktu Tes



Halaman menu admin edit waktu tes, jika admin ingin mengedit atau merubah

jadwal tes maka klik menu edit isi kolom nama tes, keterangan dan waktu tes, jika

sudah klik simpan. Maka menu waktu tes akan terupdate.

16. Rancangan Halaman Menu Admin Tambah Waktu tes

Gambar III.17. Rancangan Halaman Menu Admin Tambah Waktu Tes

Halaman menu admin tambah waktu tes, jika ada penambahan jadwal tes maka

klik menu edit isi kolom nama tes, keterangan dan waktu tes, jika sudah klik

simpan. Maka menu waktu tes akan bertambah.



17. Rancangan Halaman Menu Admin Cek Pendaftaran

Gambar III.18. Rancangan Halaman Menu Admin Cek Pendaftaran

Saat admin membuka halaman cek pendaftaran, maka akan keluar semua

data siswa yang sudah melakukan registrasi.



18. Rancangan Halaman Menu Admin Edit Pendaftar

Gambar III.19. Rancangan Halaman Menu Admin Edit Pendaftar

Pada halaman Admin cek pendaftaran, jika admin ingin merubah status

calon siswa dari menunggu menjadi di terima, klik edit maka sistem akan

menampilkan data calon siswa secara keseluruhan. Pada bagian status

menjadi di terima jika calon siswa memenuhi syarat masuk ke SMK BINA

MANDIRI 2 setelah itu kllik update record, maka pada tampilan menu di



data pendaftar di halaman user otomatis status calon siswa akan beerubah

menjadi di terima.

19. Rancangan Halaman Menu Admin Pengumuman

Gambar III.20. Rancangan Halaman Menu Admin Pengumuman

Halaman Menu Admin Pengumuman, disini admin dapat mengedit atau

menambahkan pengumuman terkait pendaftaran atau penerimaan siswa

baru.



20. Rancangan Halaman Menu Admin Edit Pengumuman

Gambar III.21. Rancangan Halaman Menu Admin Edit Pengumuman

Untuk mengedit pengumuman dapat di lakukan dengan mengklik edit lalu

rubah judul ataupun isi pengumuman, jika sudah klik update record.

21. Rancangan Halaman Menu Admin Tambah Pengumuman

Gambar III.22. Rancangan Halaman Menu Admin Tambah

Pengumuman

Untuk menambahkan pengumuman baru admin bisa mengklik menu tambah

pengumuman lalu masukan judul dan isi pengumuman terbaru, jika sudah

klik inser record.



3.3.2. Rancangan Basis Data

A. Entity Relational Diagram (ERD)

Gambar III.23. Entity Relational Diagram (ERD)



B. Logical Relational Structure (LRS)

Gambar III.24. Logical Relational Structure (LRS)



C. Spesifikasi File

Di dalam pembuatannya, website ini di tunjang oleh file-file atau tabel yang

terbentuk dari transformasi ERD (file-file penunjang untuk web). File-file ini

tersimpan pada sebuah database dengan nama “bm.sql” dengan parameter-

parameter sebagai berikut:

1. Tabel Admin

Nama File : Admin

Akronim : admin

Fungsi : Untuk menyimpan data admin

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 126 Karakter

Kunci Field : id_admin

Software : Mysql

Tabel III.1. Spesifikasi File Admin

No Elemen Data Nama Field Tipe Size Keterangan

1 Id Admin id_user Integer 11 Primary Key

2 Username nama_user Varchar 30

3 Password password Varchar 30

4 Nama Lengkap type_user varchar 30

5 Nip tanggal_lahir varchar 25



2. Tabel Nilai

Nama File : Nilai

Akronim : nilai

Fungsi : Untuk menyimpan nilai ijazah calon siswa



Akses File : Random

Media : Harddisk

Panjang Record : 66.8 Karakter

Kunci Field : id_nilai

Software : Mysql


1 Id Nilai id_nilai int 5 Primary Key

2 Username Username text 30

3 Nilai Mtk nilai_mtk decimal 5.2

4 Nilai Bing nilai_bing decimal 5.2

5 Nilai Bindo nilai_bindo decimal 5.2

6 Nilai Ipa nilai_ipa decimal 5.2

7 Id_siswa Id_siswa Integer 11 Foreign Key

Tabel III.2. Spesifikasi File Nilai

3. Tabel Pengumuman

Nama File : pengumuman

Akronim : pengumuman

Fungsi :Untuk menyimpan data pengumuman siswa





Akses File : Random

Media : Harddisk


Kunci Field : id_pengumuman

Software : Mysql

No

Elemen Data Nama Field Tipe Size Keterangan

1 Id Pengumuman Id_pengumuman integer 11 Primary Key

2 Judu_l Pengumuman

Judul_pengumuman varchar 100

3 Isi_ Pengumuman

Isi_pengumuman text 250

4 Tanggal_ Pengumuman

Tanggal_pengumuman

datetime 8

5 Id_admin Id_admin Integer 11 Foreign_key

Tabel III.3. Spesifikasi File Pengumuman

4. Tabel Siswa

Nama File : Siswa

Akronim : siswa

Fungsi : Untuk menyimpan data calon siswa



Akses File : Random

Media : Harddisk

Panjang Record : 433Karakter

Kunci Field : id_siswa

Software : Mysql



Tabel III.4. Spesifikasi File Siswa

5. Tabel Tes

Nama File : Tes

Akronim : tes

Fungsi : Untuk menyimpan data informasi calon siswa



Akses File : Random

Media : Harddisk



1 Id siswa id_Siswa Integer 11 Primary Key

2 Username Username Text 250

3 Password Password Varchar 30

4 Nama Lengkap Nama_Lengkap Varchar 30

5 Jenis Kelamin Jenis_Kelamin Integer 1

6 Agama Agama Integer 1

7 Jurusan Jurusan Text 250

8 Tempat Lahir Tempat_Lahir Varchar 30

9 Tanggal Lahir Tanggal_Lahir date 8

10 Nama Orang Tua

Nama_Orang_Tua Varchar 30

11 Alamat Siswa Alamat_Siswa Varchar 30

12 Sekolah Asal Sekolah_Asal Varchar 30

13 Foto Foto Varchar 200

14 Status Status Integer 1

15 Nilai Tes Nilai_Tes Decimal 10

16 Tahun Ajaran Tahun_Ajaran Varchar 18

17 Tanggal Acc Tanggal_Acc Date 8

18 Id_admin Id_admin integer 11 Foreign Key



Kunci Field : id_tes

Software : Mysql

Tabel III.5. Spesifikasi File Tes

6. Tabel Waktu Tes

Nama File : Waktu Tes

Akronim : Waktu Tes

Fungsi : Untuk menyimpan data waktu tes calon siswa



Akses File : Random

Media : Harddisk


Kunci Field : id_waktutes

Software : Mysql


1 Id Tes Id_Tes Integer 5 Primary

Key

2 Username Username Text

3 Tes Akademis Tes_Akademis Integer 20

4 Tes Akademis Bakat Tes_Akademis_bakat Integer 1

5 Tes Bakat Tes_Bakat Integer 11

6 Id_admin Id_admin integer 11 Foreign

key



Tabel III.6. Spesifikasi File Waktu Tes

3.3.3. Rancangan Struktur Navigasi

Rancangan struktur navigasi digunakan untuk menggambarkan secara garis

besar isi dari seluruh website dan bagaimana menggambarkan hubungan antara

isi-isi website. Struktur navigasi website ini adalah struktur navigasi campuran

(composite). Melalui struktur navigasi ini terlihat bagaimana isi dan susunan dari

website secara menyeluruh.

Pembuatan struktur navigasi ini akan sangat membantu nantinya ketika akan

membuat rancangan seluruh halaman website. Struktur navigasi yang baik adalah

yang mampu memberitahukan kepada pengguna tentang lokasi mereka sekarang

dan lokasi yang bisa dikunjungi dari lokasi sekarang berada.


1 Id Waktu Tes Id_Waktu_Tes Integer 5 Primary Key

2 Nama Tes Nama_Tes Varchar 25

3 Keterangan Keterangan Varchar 250

4 Waktu Test Waktu_Tes datetime 8

5 Id_admin Id_admin integer 11 Foreign keys



1. Struktur Navigasi User

Gambar III.25. Struktur Navigasi User

2. Struktur Navigasi Admin

Gambar III.26. Struktur Navigasi Admin



3.4. Implementasi dan Pengujian Unit

3.4.1. Implementasi

A. Implementasi Rancangan Antar Muka

Implementasi rancangan antar muka pada sistem informasi penerimaan

siswa baru berdasarkan hasil rancangan antar muka.

1. Halaman Utama User

Gambar III.27. Halaman Utama User

2. Halaman Panduan

Gambar III.28. Halaman Panduan



3. Halaman Registrasi

Gambar III.29. Halaman Registrasi

4. Halaman Menu Informasi



Gambar III.30. Halaman Menu Informasi

5. Halaman Menu Data Pendaftar

Gambar III.31. Halaman Menu Data Pendaftar

6. Halaman Menu Data Siswa



Gambar III.32. Halaman Menu Data siswa



7. Halaman Menu Login Admin

Gambar III.33. Halaman Menu Login Admin

8. Halaman Menu Manajemen Admin

Gambar III.34. Halaman Menu Manajemen Admin



9. Halaman Menu Manajemen Admin Tambah Admin

Gambar III.35. Halaman Menu Manajemen Admin Tambah Admin

10. Halaman Menu Manajemen Admin Edit Admin

Gambar III.36. Halaman Menu Manajemen Admin Edit Admin



11. Halaman Menu Admin Waktu Tes

Gambar III.37. Halaman Menu AdminWaktu Tes

12. Halaman Menu Admin Tambah Waktu Tes

Gambar III.38. Halaman Menu Admin Tambah Waktu Tes



13. Halaman Menu Admin Edit Waktu Tes

Gambar III.39. Halaman Menu Admin Edit Waktu Tes

14. Halaman Menu Admin Data Calon Siswa

Gambar III.40. Halaman Menu Admin Data Calon Siswa



15. Halaman Menu Admin Edit Data Calon Siswa

Gambar III.41. Halaman Menu Admin Edit Data Calon Siswa

16. Halaman Menu Admin Pengumuman

Gambar III.42. Halaman Menu Admin Edit Pengumuman



17. Halaman Menu Admin Tambah Pengumuman

Gambar III.43. Halaman Menu Admin Tambah Pengumuman

B. Spesifikasi Sistem Komputer

Berikut ini adalah spesifikasi perangkat keras danperangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan sistem informasi akademik

pendaftaran siswa baru pada SMK BINA MANDIRI 2.

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

(a) Processor Intel® Pentium® Core 2 Duo

(b) RAM DDR2 4 GB

(c) Hard Disk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 2 Mbps.



b. Client

1) CPU

(a) Processor Intel® Pentium® 4

(b) RAM DDR2 1GB

(c) Hard Disk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar minimum 1024x768

5) Koneksi internet dengan kecepatan 56 kbps.

2. Spesifikasi Perangkat Lunak

1. Server

a. Sistem operasi yang umum digunakan seperti: Microsoft Windows atau

Linux (Ubuntu, Fedora, dan lain-lain).

b. Aplikasi bundle web server seperti: Xampp, WampServer, php2triad yang

terdiri dari beberapa komponen, diantaranya:

(1) Aplikasi Apache Server v2

(2) Aplikasi PHP Server v5

(3) Aplikasi MySQL Server v5

(4) Aplikasi phpMyAdmin v3

c. Aplikasi Web Browser seperti Mozilla Firefox, Opera, Safari, Internet

Explorer, Google Chrome.

3.4.2. Pengujian Unit

Pengujian terhadap program yang dibuat menggunakan black box testing

yang fokus terhadap proses masukan dan keluaran program.



1. Pengujian Terhadap Form Login Admin

No Skenario Pengujian

Test Case Hasil Pengujian

Hasil Yang Di harapkan

Kesimpulan

1 Username dan Password tidak diisi lalu klik login

Username (kosong) Password (kosong)

Sistem akan menolak masuk ke halaman admin

Sesuai

harapan

Valid

2 Mengetikan username tapi Password tidak Diisi, lalu klik login

Username: adi Password: (kosong)

Sistem akan menolak Masuk ke halaman login

Sesuai

harapan

Valid

3 Tidak mengetikan username,tapi password diisi dan pilih hak akses admin, lalu klik login

Username: (kosong) Password: (19911115)

Sistem akan menolak Masuk ke halaman login

Sesuai

harapan

Valid

4 Mengetikan Salah satu kondisi salah Pada username atau password lalu klik login

Username: as (salah) Password: 21041992 (bener)

Sistem akan menolak masuk ke halaman Login

Sesuai

harapan

Valid

5 Mengetikan Salah satu kondisi salah Pada username atau password lalu pilih hak akses admin, lalu klik login

Username: Adi (benar) Password: 21 (salah)

Sistem akan menolak masuk ke halaman Login

Sesuai

Harapan

Valid

6 Username, password, benar sebagai admin lalu klik login

Username: Adi (benar) Password: 19911115 (benar)

Sistem akan menerima dan diarahkan ke Dashboard Admin

Sesuai

harapan

Valid

Tabel III.7.

Pengujian Black Box Testing Halaman Login Admin



2. Pengujian Terhadap Form Login Siswa




Kesimpulan

1 Username dan Password tidak diisi lalu klik login

Username (kosong) Password (kosong)

Sistem akan menolak Lalu akan menampilkan “GAGAL login ! username atau password salah”

Sesuai

harapan

Valid

2 Mengetikan username tapi Password tidak Diisi, lalu klik login

Username: 3001 Password: (kosong)

Sistem akan menolak Lalu akan menampilkan “GAGAL login ! username atau password salah

Sesuai

Harapan

Valid

3 Tidak mengetikan username,tapi password diisi, lalu klik login

Username: (kosong) Password: (01072017)


Sesuai

harapan

Valid

4 Mengetikan Salah satu kondisi salah Pada username atau password, lalu klik login

Username: 30 (salah) Password: 01072017 (bener)


Sesuai

harapan

Valid

5 Mengetikan Salah satu

Username: 0001517915

Sistem akan menolak dan

Sesuai Valid



kondisi salah Pada username atau password lalu klik login

(benar) Password: 00000001 (salah)

Menampilkan “GAGAL login ! username atau password salah

Harapan

6 Username, password klik login

Username: 0001517915 (benar) Password: 20000808 (benar)

Sistem akan menerima dan diarahkan ke Dashboard guru

Sesuai

harapan

Valid

Tabel III.8.

Hasil Pengujian Black Box Testing Halaman Login Siswa 3. Pengujian Terhadap Halaman Registrasi




Kesimpulan

1 Jika Kolom Tidak diisi semua lalu klik tombol Simpan

Kolom kosong (tidak diisi semua)

Sistem akan menolak dan akan menampilkan “Please Select a file”

Sesuai

Harapan

Valid

2 Jika ada salah satu kolom yang tidak terisi lalu klik tombol Simpan

Ada salah satu kolom tidak terisi

Sistem akan menolak dan akan menampilkan “Please Select a file”

Sesuai

Harapan

Valid

3 Kolom terisi semua lalu klik tombol Simpan

Kolom terisi semua

Sistem akan menerima dan data akan tersimpan

Sesuai

harapan

Valid

Tabel III.9. Pengujian Black Box Testing Halaman Registrasi

4. Pengujian Terhadap Halaman Edit Admin



No Skenario

Pengujian

Test Case Hasil

Pengujian

Hasil

Yang Di

harapkan

Kesimpulan

1 Jika Kolom

Tidak diisi

semua lalu

klik tombol

update record

Kolom

kosong

(tidak diisi

semua)

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

2 Jika ada salah

satu kolom

yang tidak

terisi lalu klik

tombol update

record

Ada salah

satu kolom

tidak terisi

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

3 Kolom terisi

semua lalu

klik tombol

update record

Kolom

terisi

semua

Sistem akan

menerima

dan data akan

tersimpan

dan data

Admin

berubah

Sesuai

harapan

Valid

Tabel III.10.

Pengujian Black Box Testing Halaman Edit Admin



5. Pengujian Terhadap Halaman Tambah Admin

No Skenario

Pengujian

Test Case Hasil

Pengujian

Hasil

Yang Di

harapkan

Kesimpulan

1 Jika Kolom

Tidak diisi

semua lalu

klik tombol

insert record

Kolom

kosong

(tidak diisi

semua)

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

2 Jika ada salah

satu kolom

yang tidak

terisi lalu klik

tombol insert

record

Ada salah

satu kolom

tidak terisi

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

3 Kolom terisi

semua lalu

klik tombol

insert record

Kolom

terisi

semua

Sistem akan

menerima

dan data akan

tersimpan

dan data

Admin

berubah

Sesuai

harapan

Valid

Tabel III.11.

Pengujian Black Box Testing Halaman Tambah Admin



6. Pengujian Terhadap Halaman Tambah Waktu Tes

No Skenario

Pengujian

Test Case Hasil

Pengujian

Hasil

Yang Di

harapkan

Kesimpulan

1 Jika Kolom

Tidak diisi

semua lalu

klik tombol

insert record

Kolom

kosong

(tidak diisi

semua)

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

2 Jika ada salah

satu kolom

yang tidak

terisi lalu klik

tombol insert

record

Ada salah

satu kolom

tidak terisi

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

3 Kolom terisi

semua lalu

klik tombol

insert record

Kolom

terisi

semua

Sistem akan

menerima

dan data akan

tersimpan

dan data

waktu tes

berubah

Sesuai

harapan

Valid

Tabel III.12.

Pengujian Black Box Testing Halaman Tambah Waktu Tes



7. Pengujian Terhadap Halaman Edit Waktu Tes

No Skenario

Pengujian

Test Case Hasil

Pengujian

Hasil

Yang Di

harapkan

Kesimpulan

1 Jika Kolom

Tidak diisi

semua lalu

klik tombol

update record

Kolom

kosong

(tidak diisi

semua)

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

2 Jika ada salah

satu kolom

yang tidak

terisi lalu klik

tombol update

record

Ada salah

satu kolom

tidak terisi

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

3 Kolom terisi

semua lalu

klik tombol

update record

Kolom

terisi

semua

Sistem akan

menerima

dan data akan

tersimpan

dan data

waktu tes

berubah

Sesuai

harapan

Valid

Tabel III.13.

Pengujian Black Box Testing Halaman Edit Waktu Tes



8. Pengujian Terhadap Halaman Edit Data Pendaftar

No Skenario

Pengujian

Test Case Hasil

Pengujian

Hasil

Yang Di

harapkan

Kesimpulan

1 Jika Kolom

Tidak diisi

semua lalu

klik tombol

update record

Kolom

kosong

(tidak diisi

semua)

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

2 Jika ada salah

satu kolom

yang tidak

terisi lalu klik

tombol update

record

Ada salah

satu kolom

tidak terisi

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

3 Kolom terisi

semua lalu

klik tombol

update record

Kolom

terisi

semua

Sistem akan

menerima

dan data akan

tersimpan

dan data

Siswa

berubah

Sesuai

harapan

Valid

4 Jika kolom

status berisi di

tolak lalu klik

update record

Kolom

terisi

semua

Sistem akan

menerima

dan data akan

tersimpan

dan status

Siswa

berubah

Sesuai

harapan

Valid

Tabel III.14.

Pengujian Black Box Testing Halaman Edit Data Pendaftar



9. Pengujian Terhadap Halaman Edit Pengumuman

No Skenario

Pengujian

Test Case Hasil

Pengujian

Hasil

Yang Di

harapkan

Kesimpulan

1 Jika Kolom

Tidak diisi

semua lalu

klik tombol

update record

Kolom

kosong

(tidak diisi

semua)

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

2 Jika ada salah

satu kolom

yang tidak

terisi lalu klik

tombol update

record

Ada salah

satu kolom

tidak terisi

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

3 Kolom terisi

semua lalu

klik tombol

update record

Kolom

terisi

semua

Sistem akan

menerima

dan data akan

tersimpan

dan data

pengumuman

berubah

Sesuai

harapan

Valid

Tabel III.15.

Pengujian Black Box Testing Halaman Edit Pengumuman



10. Pengujian Terhadap Halaman Tambah Pengumuman

No Skenario

Pengujian

Test Case Hasil

Pengujian

Hasil

Yang Di

harapkan

Kesimpulan

1 Jika Kolom

Tidak diisi

semua lalu

klik tombol

insert record

Kolom

kosong

(tidak diisi

semua)

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

2 Jika ada salah

satu kolom

yang tidak

terisi lalu klik

tombol insert

record

Ada salah

satu kolom

tidak terisi

Sistem akan

menolak dan

akan

menampilkan

“Please fill

out this field”

Sesuai

Harapan

Valid

3 Kolom terisi

semua lalu

klik tombol

insert record

Kolom

terisi

semua

Sistem akan

menerima

dan data akan

tersimpan

dan data

pengumuman

berubah

Sesuai

harapan

Valid

Tabel III.16.

Pengujian Black Box Testing Halaman Tambah Pengumuman



BAB IV

PENUTUP

4.1. Kesimpulan

Dari pembahasan pada bab-bab sebelumnya, dapat diambil kesimpulan

bahwa dengan adanya website akademik penerimaan siswa baru pada SMK BINA

MANDIRI 2 ini dapat mempermudah proses penerimaan siswa baru.

Sistem informasi ini merupakan aplikasi sistem komputerisasi yang dibuat

berbasis web dan memuat database pengolahan data nilai secara terpusat sehingga

dapat mengolah database tersebut menjadi informasi yang dibutuhkan oleh siswa

dan administrator.

Sistem informasi akademik penerimaan siswa baru ini juga memiliki

kelebihan yaitu dapat diakses dimana saja kapan saja dengan jaringan internet,

peningkatan efisiensi dan efektifitas dalam proses seleksi.

4.2. Saran

Berdasarkan kesimpulan diatas, maka penulis bermaksud memberikan saran

sebagai alternative pemikiran dan harapan agar aspek ilmu pengetahuan tidak

bersifat monoton dan terpaku pada disiplin ilmu pengetahuan itu sendiri.

Adapun saran-saran yang dapat penulis sampaikan sebagai berikut:

1. Aplikasi yang telah dibuat hendaknya dioperasikan secara baik dan benar

untuk mencapai tujuan yang diharapkan.

2. Untuk Selanjutnya sebaiknya di adakan batas waktu pendaftaran,sehingga

admin tidak harus menginformasikan lagi melalui halaman informasi.

3. Untuk pembayaran pendaftaran sebaiknya juga di lakukan secara online.



Demikian kesimpulan dan saran yang diberikan penulis mengenai

Perancangan Sistem Informasi Akademik penerimaan siswa baru dalam tugas

akhir ini. Penulis merasa penjelasan dan penyusunan masih jauh dari sempurna,

saran dan kritik yang dapat membangun dalam penyempurnaan penulisan tugas

akhir ini.



DAFTAR PUSTAKA

ANDI Offset. 2017. Kiat Sukses & Cara Memulai Bisnis Web Hosting.

Semarang: WAHANA KOMPUTER.

ANDI Offset. 2012. Membangun Web Interaktif dengan Adobe Dreamweaver

CS5.5, PHP, dan MySQL. Semarang: WAHANA KOMPUTER.

Andriansyah, Doni. 2016. Sistem Informasi Pendaftaran Event Dengan PHP

Untuk Panduan Skripsi. Cirebon: CV. ASFA Solution.

Hariyanto, Agus. 2015. Membuat Web Profil Sekolah + PPDB Online.

Yogyakarta: Lokomedia.

Hidayatullah, Priyanto dan Jauhari Khairul Kawistara. 2017. Pemrograman WEB

Edisi Revisi. Bandung: INFORMATIKA.

Jubilee Enterprise. 2016. Pemrograman Bootstrap untuk Pemula. Jakarta: PT.

Elex Media Komputindo.

Jubilee Enterprise. 2014. MySQL untuk Pemula. Jakarta: PT. Elex Media

Komputindo.

Jubilee Enterprise. 2016. Pemrograman Bootstrap untuk Pemula. Jakarta: PT.


MADCOMS Madiun. 2016. Pemrograman PHP dan MySQL untuk Pemula.

Yogyakarta: ANDI.

Pratama, I Putu Agus Eka. 2014. Sistem Informasi dan Implementasinya.

Bandung: Penerbit Bandung.

Pratama, I Putu Agus Eka. 2015. Handbook Jaringan Komputer. Bandung:

INFORMATIKA.

Pressman, R.S. 2015. Rekayasa Perangkat Lunak: Pendekatan Praktisi Buku 1.

Yogyakarta: ANDI.

Rachmanto, Ricky. 2017. 9 Langkah Praktis Membuat Website Gratis. Jakarta:

PT. Elex Media Komputindo.

Sianipar, R.H. 2015. Pemrograman JavaScript Teori dan Implementasi. Bandung:

Penerbit Bandung.

Sidik, Betha dan Husni Iskandar Pohan. 2014. Pemrograman WEB dengan

HTML. Bandung: INFORMATIKA.



Wahyuningsih, Dian dan Rakhmat Makmur. 2017. E-Learning. Bandung:

INFORMATIKA.

Winarno, Edy dan Ali Zaki. 2013. Buku Sakti Pemrograman PHP. Jakarta: PT.








Documents

TUGAS AKHIR...SISTEM INFORMASI AKADEMIK PENERIMAAN SISWA BARU PADA SMK BINA MANDIRI 2 SUKABUMI TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III ADI