SISTEM PENERIMAAN SISWA BARU BERBASIS WEB PADA SMK TAMAN SAKTI JAKARTA TUGAS AKHIR


1 1 SISTEM PENERIMAAN SISWA BARU BERBASIS WEB PADA SMK TAMAN SAKTI JAKARTA TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Dip...
Author:  Sri Cahyadi

0 downloads 1 Views 2MB Size

Recommend Documents


LAPORAN TUGAS AKHIR PERANCANGAN SISTEM INFORMASI PENERIMAAN SISWA BARU SMP ISLAM TERPADU PAPB SEMARANG BERBASIS WEB
1 LAPORAN TUGAS AKHIR PERANCANGAN SISTEM INFORMASI PENERIMAAN SISWA BARU SMP ISLAM TERPADU PAPB SEMARANG BERBASIS WEB Laporan ini disusun guna memenuh...

SISTEM INFORMASI PENERIMAAN SISWA-SISWI BARU PADA SMK MUHAMMADIYAH 2 PALEMBANG BERBASIS WEB
1 SISTEM INFORMASI PENERIMAAN SISWA-SISWI BARU PADA SMK MUHAMMADIYAH 2 PALEMBANG BERBASIS WEB LAPORAN AKHIR Disusun Dalam Rangka Memenuhi Syarat Menye...

PERANCANGAN SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB PADA SMK N 6 MUARO JAMBI
1 PERANCANGAN SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB PADA SMK N 6 MUARO JAMBI Adi Saputra, Mulyadi 2, Martono 3 23 Program Studi Teknik I...

PERANCANGAN SISTEM INFORMASI REGISTRASI ULANG PENERIMAAN SISWA BARU BERBASIS WEB
1 PERANCANGAN SISTEM INFORMASI REGISTRASI ULANG PENERIMAAN SISWA BARU BERBASIS WEB Ranti Eka Putri Sistem Komputer, Univsersitas Pembangunan Panca Bud...

PEMBANGUNAN SISTEM INFORMASI PENERIMAAN PEGAWAI BERBASIS WEB TUGAS AKHIR
1 PEMBANGUNAN SISTEM INFORMASI PENERIMAAN PEGAWAI BERBASIS WEB TUGAS AKHIR Diajukan untuk memenuhi sebagian persyaratan mencapai derajat Sarjana Tekni...

SISTEM INFORMASI PENERIMAAN SISWA BARU SMK NEGERI 1 KEMUSU BOYOLALI TUGAS AKHIR
1 SISTEM INFORMASI PENERIMAAN SISWA BARU SMK NEGERI 1 KEMUSU BOYOLALI TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat mencapai gelar Ahli Madya ...

SISTEM INFORMASI PENERIMAAN PESERTA DIDIK BARU SMK SAKTI GEMOLONG BERBASIS WEB RESPONSIVE DENGAN HTML 5 DAN CSS 3
1 SISTEM INFORMASI PENERIMAAN PESERTA DIDIK BARU SMK SAKTI GEMOLONG BERBASIS WEB RESPONSIVE DENGAN HTML 5 DAN CSS 3 SKRIPSI Disusun sebagai salah satu...

RANCANG BANGUN SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB (Studi Kasus Pada SMK Ciledug Al-Musaddadiyah Garut)
1 RANCANG BANGUN SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB (Studi Kasus Pada SMK Ciledug Al-Musaddadiyah Garut) Cucu Suhendar Jurnal Algorit...

SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB PADA SMPN 34 KABUPATEN TEBO
1 SISTEM INFORMASI PENERIMAAN SISWA BARU BERBASIS WEB PADA SMPN 34 KABUPATEN TEBO Susana Eviani, Syafrika Deni Rizki, Mutiana Pratiwi Universitas Putr...

LAPORAN SKRIPSI SISTEM INFORMASI UJIAN PENERIMAAN SISWA BARU PADA MA MAFATTIHUT THULLAB BERBASIS WEB
1 LAPORAN SKRIPSI SISTEM INFORMASI UJIAN PENERIMAAN SISWA BARU PADA MA MAFATTIHUT THULLAB BERBASIS WEB Laporan Ini Disusun Guna Memenuhi Salah Satu Sy...



1

SISTEM PENERIMAAN SISWA BARU BERBASIS WEB PADA SMK TAMAN SAKTI JAKARTA

TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III)

DINA MARIA RM NIM : 12143637 Program Studi Manajemen Informatika Akademi Manajemen Informatika dan Komputerisasi Bina Sarana Informatika Jakarta

2017

2

SURAT PERNYATAAN KEASLIAN TUGAS AKHIR Yang bertandatangan di bawah ini: Nama

: Dina Maria RM

NIM

: 12143637

Program Studi

: Manajemen Informatika

Perguruan Tinggi

: AMIK Bina Sarana Informatika

Dengan ini menyatakan bahwa tugas akhir yang telah saya buat dengan judul:“SISTEM PENERIMAAN SISWA BARU BERBASIS WEB PADA SMK TAMAN SAKTI JAKARTA” adalah asli (orisinil) atau tidak plagiat (menjiplak) dan belum pernah diterbitkan/dipublikasikan dimanapun dan dalam bentuk apapun. Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada paksaan dari pihak manapun juga. Apabila dikemudian hari ternyata saya memberikan keterangan palsu dan atau ada pihak lain yang mengklaim bahwa tugas akhir yang telah saya buat adalah hasil karya milik seorang atau badan tertentu, saya bersedia diproses baik secara pidana maupun perdata dan kelulusan saya dari Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika dicabut/dibatalkan. Dibuat di

: Jakarta

Pada tanggal : 12 Januari 2018 Yang menyatakan, Materai Rp 6000

Dina Maria RM

ii

3

SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS Yang bertandatangan di bawah ini:

Nama NIM Program Studi Perguruan Tinggi

: Dina Maria RM : 12143637 : Manajemen Informatika : AMIK Bina Sarana Informatika

Dengan ini menyetujui untuk memberikan ijin kepada pihak Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika, Hak Bebas Royalti Non-Ekslusif (Non-exclusive Royalti-Free Right) atas karya ilmiah kami yang berjudul: “SISTEM PENERIMAAN SISWA BARU BERBASIS WEB PADA SMK TAMAN SAKTI JAKARTA, beserta perangkat yang diperlukan (apabila ada). Dengan Hak Bebas Royalti Non-Ekslusif ini pihak Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika berhak menyimpan, mengalih-media atau format-kan, mengelolanya dalam pangkalan data (Database), mendistribusikannya dan menampilkan atau mempublikasikannya di internet atau media lain untuk kepentingan akademis tanpa perlu meminta ijin dari kamu selama tetap mencantumkan nama kami sebagai penulis/pencipta karya ilmiah tersebut. Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika, segala bentuk tuntutan hokum yang timbul atas pelanggaran Hak Cipta dalam karya ilmiah saya ini. Demikian pernyataan ini saya baut dengan sebenarnya. Dibuat di : Jakarta Pada tanggal : 12 Januari 2018 Yang menyatakan,

Materai Rp 6000 Dina Maria RM

iii

4

PERSETUJUAN DAN PENGESAHAN TUGAS AKHIR

Tugas Akhir ini diajukan oleh: Nama NIM Program Studi Jenjang Judul Tugas Akhir

: Dina Maria RM : 12143637 : Manajemen Informatika : Diploma Tiga (D.III) : SISTEM PENERIMAAN SISWA BARU BERBASIS WEB PADA SMK TAMAN SAKTI JAKARTA

Untuk dipertahankan pada periode I-2017 dihadapan penguji dan diterima sebagai bagian persyaratan yang diperlukan untuk memperoleh Diploma Ahli Madya (A.Md) pada program Diploma Tiga (D.III) Jurusan Manajemen Informatika di Akademi Manajemen Informatika & Komputer Bina Sarana Informatika.

Jakarta, 10 Oktober 2017 PEMBIMBING TUGAS AKHIR

Dosen Pembimbing

: Mulia Rahmayu, M. Kom ……………………

DEWAN PENGUJI

Penguji I

:

……….…………………

Penguji II

:

……….…………………

iv

5

LEMBAR KONSULTASI TUGAS AKHIR AKADEMI MANAJEMEN INFORMATIKA & KOMPUTER

BINA SARANA INFORMATIKA Nama NIM Dosen Pembimbing Judul Tugas Akhir

: Dina Maria RM : 12143637 : Mulia Rahmayu, M. Kom : SISTEM PENERIMAAN SISWA BARU BERBASIS WEB PADA SMK TAMAN SAKTI JAKARTA

Tanggal

Paraf Dosen

NO

Bimbingan

Pokok Pembahasan

1

04 Oktober 2017

Pengajuan Judul & Bab 1

2

16 Oktober 2017

Revisi Bab 1

3

08 November 2017

Revisi Bab 1

4

25 November 2017

Pengajuan Bab II

5

22 Desember 2017

Acc Bab II

6

05 Januari 2018

Pengajuan Bab II & Program

7

08 Januari 2018

Pengajuan Bab IV

8

12 Januari 2018

Acc Keseluruhan

Pembimbing

Catatan untuk Dosen Pembimbing. Bimbingan Tugas Akhir Dimulai pada tanggal Diakhiri Pada tanggal Jumlah Pertemuan Bimbingan

: 04 Oktober 2017 : 12 Januari 2018 : 8 x Pertemuan Disetujui oleh, Dosen Pembimbing

(Mulia Rahmayu, M. Kom)

v

6

KATA PENGANTAR Puji syukur Alhamdulillah, penulis panjatkan kehadirat ALLAH SWT, yang telah melimpahkan rahmat dan karunianya sehingga pada akhirnya penulis dapat menyelesaikan tugas akhir ini dengan baik dimana tugas akhir ini penulis sajikan dalam bentuk buku yang sederhana, adapun judul penulisan tugas akhir yang penulis ambil adalah sebagai berikut : “SISTEM PENERIMAAN SISWA BARU BERBASIS WEB PADA SMK TAMAN SAKTI JAKARTA”. Tujuan penulisan tugas akhir ini dibuat sebagai salah satu syarat kelulusan Program Diploma Tiga (D.III) AMIK BSI. Sebagai bahan penulisan diambil berdasarkan hasil penelitian, observasi dan beberapa sumber literatur yang mengandung penulisan ini, penulis menyadari bahwa tanpa bimbingan dan dorongan dari semua pihak, maka penulisan tugas akhir ini tidak lancar, oleh karena itu pada kesempatan ini penulis menyampaikan ucapan terima kasih kepada : 1. 2. 3.

4. 5. 6. 7. 8.

Direktur Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika. Ketua Program Studi Manajemen Informatika AMIK BSI. Ibu Muliya Rahmayu, M. Kom Selaku Dosen Pembimbing Tugas Akhir, yang telah memberikan banyak kritik, saran,semangat serta ilmu yang berguna bagi kemajuan penulis Kedua orang tua yang selalu memberikan motivasi yang penulis butuhkan dalam pelaksanaan tugas akhir ini. Staff/karyawan/dosen dilingkungan Akademi BSI. Bapak Werso Yekti Samekto,SE Selaku Kepala Sekolah SMK Taman Sakti Jaakarta Bapak Iwan Darmawan S.pd Selaku Kesiswaan SMK Taman Sakti Jakarta Serta rekan-rekan sejawat dan seperjuangan yang ikut memberikan bantuannya dalam pembuatan tugas akhir.

Serta semua pihak yang terlalu banyak untuk di sebut satupersatu sehingga terwujudnya penulisan tugas akhir ini.penulis menyadari bahwa penulisan tugas akhir ini masih jauh sekali dan belum sempurna, untuk itu penulis mohon kritik dan saran yang bersifat membangun demi kesempurnaan penulis di masa akan datang. Jakarta, 12 Januari 2018 Penulis

(Dina Maria RM)

vi

7

ABSTRAK Dina Maria RM (12143637), SISTEM PENERIMAAN SISWA BARU BERBASIS WEB PADA SMK TAMAN SAKTI JAKARTA Proses Penerimaan Siswa Baru (PSB) di sekolah ini yang masih menggunakan sistem konvensional, sehingga calon siswa terkadang kesulitan mendapatkan informasi untuk melakukan proses pendaftaran. Proses administrasi juga cenderung lambat, karena data belum terintegrasi dan terkelola dengan baik.proses ini juga masih menggunakan arsip dalam bentuk fisik yang rentan mengalami kerusakan atau bahkan hilang. Untuk dapat mengatasi permasalahan yang terjadi pada pendaftaran siswa baru di SMK Taman Sakti dibuatlah “SISTEM PENERIMAAN SISWA BARU BERBASIS WEB PADA SMK TAMAN SAKTI JAKARTA”. Metode yang digunakan perancangan sistem informasi menggunakan Model Waterfall. Hasil akhir dari perancangan system informasi ini adalah adanya sebuah aplikasi yang dapat memberi kemudahan akses informasi dan proses pendaftaran sehingga proses administrasi penerimaan siswa baru menjadi lebih efektif da efisien. Kata Kunci: Perancangan Sistem Informasi Penerimaan Siswa Baru

8

ABSTRACT

Dina Maria RM (12143637), NEW WEB-BASED ADMISSIONS SYSTEM AT SMK TAMAN SAKTI JAKARTA

The process of acceptance of new students (PSB) in this school is still using conventional system, so that prospective students somentimes difficulf to get information to obtain information to conductthe registration process. Administrative process also tend to be slow, because the data has not been well integrated and managed. This process also still uses the archive inphysical form thatis vulnerable to damage or even lost. To be able to overcome the problems that occur in the enrollment of new students in SMK Taman Sakti made “NEW WEB-BASED ADMISSIONS SYSTEM AT SMK TAMAN SAKTI JAKARTA”. The method used in the design of information systems using a Waterfall model. The final result of the design of this information system is the existence of an application that can provide easy access to imformation and registration process so that the new admissions administration process becomes more effective and efficient.

Keyword: Design of new student admissions information system

viii

9

DAFTAR ISI

Halaman Lembar Judul Tugas Akhir ................................................................................. i Lembar Pernyataan Keaslian Tugas Akhir ........................................................ ii Lembar Pernyataan Publikasi Karya Ilmiah ...................................................... iii Lembar Persetujuan dan Pengesahan Tugas Akhir ............................................ iv Lembar Konsultasi Tugas Akhir ....................................................................... v Kata Pengantar ................................................................................................ vii Lembar Abstraksi ............................................................................................ viii Daftar Isi .......................................................................................................... x Daftar Simbol .................................................................................................. xii Daftar Gambar ................................................................................................. xiv Daftar Tabel .................................................................................................... xvi Daftar Lampiran .............................................................................................. xviii BAB I

BAB II

PENDAHULUAN ……………………………………………. 1 1.1 Latar Belakang Masalah ...................................................... 1.1. Maksud dan Tujuan ............................................................. 1.2. Metode Penelitian ................................................................ 1.2.1. Metode Pengumpulan Data ........................................ 1.2.2. Metode Perancangan Sistem ...................................... 1.3. Ruang Lingkup .................................................................... 1.4. Sistematika Penulisan ..........................................................

1 3 3 3 4 6 6

LANDASAN TEORI ………………………………………..

8

2.1. Konsep Dasar Web ............................................................. 2.1.1. Pengertian Penjualan ................................................... 2.1.2. Pengertian Website .................................................... 2.1.3. Pengertian PHP .......................................................... 2.1.4. Pengertian HTML ...................................................... 2.1.5. Pengertian World Wide Web ...................................... 2.1.6. Pengertian MYSQL ................................................... 2.1.7. Pengertian Java Script ................................................ 2.1.8. Pengertian Point of Sale ............................................. 2.2. Teori Pendukung ................................................................. 2.2.1. Struktur Navigasi ....................................................... 2.2.2. ERD(Entity Relationship Diagram) ........................... 2.2.3. Pengujian Web(Black Box Testing) ..........................

8 8 8 9 11 15 16 18 19 20 20 23 26

ix

10

BAB III

PEMBAHASAN ………………………………..……………

28

3.1. Tinjauan Perusahaan ............................................................ 28 3.1.1. Sejarah Perusahaan .................................................... 28 3.1.2. Struktur Organisasi dan Fungsi .................................. 29 3.2. Analisis Kebutuhan ............................................................. 30 3.2.1. Analisa Kebutuhan Pengguna .................................... 30 3.3. Perancangan Perangkat Lunak ............................................ 31 3.3.1. Rancangan Antar Muka ............................................. 31 3.3.2. Rancangan Basis Data ................................................ 36 3.3.3. Rancangan Struktur Navigasi .................................... 87 3.4. Implementasi dan Pengujian Unit ....................................... 91 3.4.1. Implementasi .............................................................. 91 3.4.2. Pengujian Unit ........................................................... 106 BAB IV

PENUTUP………………………………..………………....... 134 4.1. Kesimpulan ......................................................................... 134 4.2. Saran ................................................................................... 135

DAFTAR PUSTAKA ........................................................................................ 136 DAFTAR RIWAYAT HIDUP ......................................................................... 137 SURAT KETERANGAN RISET/ PKL .......................................................... 138 LAMPIRAN ....................................................................................................... 139

x

11

DAFTAR SIMBOL

1.

Simbol ERD ATRIBUT Karakteristik dari entitiy atau relasi yang merupakan penjelasan detail tentang entitas. RELASI Hubungan yang terjadi anatara satu atau lebih entitas. Jenis hubungan antara lain: satu ke satu, satu ke banyak dan banyak ke banyak. GARIS Hubungan antara entitiy dengan atributnya dan himpunan entitas dengan himpunan relasi.

INPUT/OUTPUT Proses input/output data, parameter, informasi.

ENTITAS Kumpulan data dari objek yang dapat di identifiakasi secara unik.

xi

12

DAFTAR GAMBAR Halaman 1. Gambar II.1. Struktur Navigasi Hirarki ................................................. 53 2. Gambar II.2. Struktur Navigasi Liner .................................................... 54 3. Gambar II.3. Struktur Navigasi Non Liner ............................................ 55 4. Gambar II.4. Struktur Navigasi Campuran ............................................ 56 5. Gambar III.1. Struktur Organisasi .......................................................... 57 6. Gambar III.1. Rancangan Antar Muka Halaman Login ......................... 58 7. Gambar III.2. Rancangan Antar Muka Halaman Pendaftaran ................ 59 8. Gambar III.3. Rancangan Antar Muka Halaman admin Pendaftaran… 60 9. Gambar III.4. Rancangan Antar Muka Program Keahlian………... ..... 61 10. Gambar III.5. Rancangan Antar Muka Laporan .................................... 62 11. Gambar III.6. Entity Relationship Diagram ........................................... 63 12. Gambar III.7. Logical Relational Structure ........................................... 64 13. Gambar III.8. Struktur Navigasi Halaman Admin .................................. 65 14. Gambar III.9. Struktur Navigasi Halaman Pendaftaran .......................... 66 15. Gambar III.10. Halaman Admin ............................................................ 67 16. Gambar III.11. Halaman Data Daftar ..................................................... 68 17. Gambar III.12. Halaman Data Pembayaran ........................................... 69 18. Gambar III.13. Halaman Upload Data .................................................... 70 19. Gambar III.14. Halaman Periode Daftar ................................................ 71 20. Gambar III.15. Halaman Program Keahlian .......................................... 72 21. Gambar III.16. Halaman Catatan Tempel ............................................... 73 22. Gambar III.17. Halaman Banner ............................................................ 74 23. Gambar III.18. Halaman Home Sekolah................................................. 75 24. Gambar III.19. Halaman Tentang Kami ................................................. 76 25. Gambar III.20. Halaman Visi dan Misi................................................... 77 26. Gambar III.21. Halaman Program Keahlian ........................................... 78 27. Gambar III.22. Halaman Pendaftaran Siswa .......................................... 79 28. Gambar III.23. Halaman Hubungi Kami ................................................ 80

xii

13

DAFTAR TABEL Halaman

1. Tabel III.1. Spesifikasi File biodata_siswa ............................................. 2. Tabel III.2. Spesifikasi File Informasi ................................................... 3. Tabel III.3. Spesifikasi File konfirmasi_pembayaran ............................. 4. Tabel III.4. Spesifikasi File messages .................................................... 5. Tabel III.5. Spesifikasi File panitia ......................................................... 6. Tabel III.6. Spesifikasi File pesan ........................................................... 7. Tabel III.7. Spesifikasi File pilihan_program_pendaftaran ................... 8. Tabel III.8. Spesifikasi File program_keahlian ...................................... 9. Tabel III.9. Spesifikasi File sistem ......................................................... 10. Tabel III.10. Spesifikasi File siswa ......................................................... 11. Tabel III.11. Spesifikasi File tahun_pendaftaran .................................... 12. Tabel III.12. Spesifikasi File upload_data_diri .......................................

xiii

42 43 44 45 45 46 47 48 48 49 50 51

14

DAFTAR LAMPIRAN

A.1. Halaman Sekolah ................................................................................... A.2. Halaman Sejarah Sekolah ...................................................................... A.3. Halaman Visi dan Misi ........................................................................... A.4. Halaman Program Keahlian .................................................................. A.5. Halaman Footer ..................................................................................... B.1. Form Input Biodata................................................................................. B.2. Halaman Menu Login ............................................................................ B.3. Halaman Menu Utama Admin................................................................ B.4. Halaman Daftar ...................................................................................... B.5. Form Konfirmasi Daftar ......................................................................... B.6. Halaman Upload Bukti Bayar ................................................................ B.7. Form Konfirmasi Pembayaran ............................................................... B.8. Form Upload Data ................................................................................. B.9. Form Edit Data Program Keahlian. ........................................................ B.10. Form Input Detail Periode Pendaftaran ............................................... C.1. Halaman Menu Pendaftaran .................................................................. C.2. Halaman Menu Pembayaran................................................................... C.3. Halaman Upload Data ............................................................................ C.4. Halaman Menu Periode Pendaftaran ...................................................... C.5. Halaman Menu Program Keahlian ......................................................... C.6. Halaman Input Program Keahlian ......................................................... C.7. Halaman Catatan Tempel ....................................................................... C.8. Halaman Menu Banner ........................................................................... C.9. Halaman Input Data Banner .................................................................. C.10. Halaman Menu Laporan ......................................................................

xiv

81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105

15

BAB 1 PENDAHULUAN 1.1. Latar Belakang Masalah Seiring dengan berkembangnya ilmu pengetahuan dan teknologi, kebutuhan masyarakat akan informasi semakin meningkat, masyarakat membutuhkan informasi yang bisa di peroleh tanpa dibatasi oleh ruang dan waktu. Diinginkan suatu sumber informasi yang bisa didapatkan kapan saja dan dimana saja. Kemudahan akses informasi yang menjadi tuntutan, baik dalam kehidupan sehari-hari maupun dalam dunia bisnis. Pengelolahan informasi yang dulu dilakukan secara manual kini mulai berkembang menuju sistem yang terkomputerisasi. Sehingga pengolahan informasi dapat dilakukan secara akurat. Lembaga pendidikan merupakan salah satu lembaga yang sangat membutuhkan sistem yang terkomputerisasi, banyak sekolah yang masih kesulitan dalam mengelolah data murid-muridnya, kemungkinan terjadinya kesalahan manusia dalam proses mengelolah data sangat besar dan jugaproses pengelolahan data masih tergolong lambat sehingga menyebabkan menurunnya produktivitas dalam mengelola data. SMK Taman Sakti merupakan salah satu unit pada Yayasan Pendidikan Taman Sakti. Pada sistem yang sedang berjalan, sekolah tersebut masih melakukan proses administrasi secara manual dimana segala proses administrasi dicatat pada kertas-kertas atau buku-buku catatan. 1

16

Sekolah tersebut menggunakan media cetak dan dalam mengenalkan sekolahnya secara umum Proses pendaftaran siswa baru masih di lakukan secara manual di mana calon siswa baru harus datang ke sekolah tersebut untuk mengisi data formulir pendaftaran yang selanjutnya data pada formulir tersebut diproses secara manual, kelemahan sistem ini adalah bagi calon orang tua siswa baru yang memiliki kesibukan sulit untuk mendapatkan informasi mengenai sekolah dan dalam melakukan proses pendaftaran. Serta pada sistem yang sedang berjalan kemungkinan terjadinya kesalahan manusia/ human error cukup besar dalam proses administrasi dan membutuhkan waktu yang lama untuk melakukan proses pendaftaran. Dengan latar belakang permasalahan di atas, maka dalam Tugas Akhir ini akan dirancang suatu system informasi penerimaan siswa baru yang berbasiskan web yang dapat menampilkann informasi-informasi yang di butuhkan oleh calan siswa/orangtua siswa, memproses pendaftaran calon siswa, data siswa, data status pembayaran keuangan siswa,dan lainya yang berbasis web yang dapat diakses oleh pengguna secara online melalui internet sehingga dapat mempermudah staff sekolah dalam melakukan proses penerimaan siswa dan dapat dijadikan sebagai media informasi bagi siswa, orangtua siswa, guru, maupun staff sekolah dalam mendukung kegiatan di sekolah.

1.2. Maksud dan Tujuan Maksud dari penulisan Tugas Akhir ini adalah : 1.

Mempermudah calon siswa atau orangtua siswa yang berminat untuk mendaftar dalam mencari informasi dan melakukan proses pendaftaran.

17

2.

Mempermudah staff dalam melakukan proses administrasi dan mengurangi munculnya kesalahan manusia sehingga dapat meningkatkan produktivitas kerja dan kualitas pelayanan.

3.

Mengurangi beban biaya kertas dalam melakukan pemasaran dan pendaftaran calon siswa baru.

4.

Membantu mensosialisasikan sistem berbasis web kepada staff, murid dan orangtua murid. Tujuan dari penulisan tugas akhir adalah sebagai syarat kelulusan program

Diploma Tiga (D.III) Program Studi Manajemen Informatika pada Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika (AMIK BSI).

1.3. Metode Penelitian Dalam penulisan tugas akhir ini penulis menggunakan motode water fall (sommerville,2007:66) sebagai pengembangan perangkat lunak adalah : 1.3.1. Metode Pengumpulan Data Dalam penulisan tugas akhir ini penulis menggunakan beberapa metode pengumpulan data, diantaranya adalah: 1.

Wawancara (interview)

Metode ini dilakukan penulis untuk memperoleh informasi langsung dari bagian kesiswaan yaitu bapak Iwan Dermawan S.pd dengan melakukuan tanya jawab secara interaktif agar memperoleh segala bentuk kemudahan dalam perancangan tugas akhir dan kesempurnaan dalam pembuatan Sistem Informasi Pendaftaran Siswa Baru Berbasis Web yang akan dibuat.

18

2.

Pengamatan (Observaation)

Penulis melakukan observasi di SMK Taman Sakti yang beralamat Jl.Komplek Kebersihan No.50 Tegal Alur, Kalideres, Jakarta Barat. Disanah penulis bertemu dengan guru-guru dan staff yang ada di sekolah, selain itu penulis melakukan pengamatan secara langsung.terhadap Pendaftaran Siswa Baru yang sedang berjalan pada SMK Taman Sakti.

3.

Studi Pustaka

Penulis mengumpulkan data serta informasi yang dibutuhkan dalam penyusunan tugas akhir ini dengan menggunakan buku-buku referensi yang berhubungan dengan teori yang disesuaikan dengan judul tugas akhir ini. 1.3.2. Metode Perancangan Sistem Metode yang digunakan pada pengembangan perangkat lunak ini menggunakan metode water fall (sommerville,2007:66) yang terbagi menjadi lima tahapan.

1.

Analisa (analysis) Pada proses ini penulis lebih mengutamakan mengenai proses

pendaftaran siswa baru secara online. Dengan pembuatan perancangan perangkat lunak yang akan diterapkan pada SMK Taman Satkti. Hal ini dilakukan untuk mempermudah proses pendataan siswa dan memberikan kemudahaan tersendiri kepada para calon siswa.

19

2.

Desain (Design) Desain perangkat lunak yang digunakan pada tahapan pembuatan web

ini adalah menggunakan ERD(Entity Relationship Diagram) beserta komponen-komponennya seperti entitas,atribut, dan relasi. Hal ini berguba untuk melengkapi penggambaran grafik dari struktur logika agar tidak menimbulkan kesalahan yang tidak diinginkan untuk langkah selanjutnya. Dan penulis juga menggunakan model LRS(Logical Record Structure), sebagai gambaran dari table-tabel yang terbentuk dari hasil himpunan relasi. 3.

Pengkodean(Coding) Menerjemahkan database yang telah dirancang agar bisa dibaca oleh

bahasa

pemograman

yang

ditentukan,

seperti:

PHP,

Dreamweaver,notepad++, dll. 4.

Dukungan/Perawatan(Maintenance) Merupakan tahapan penerapan system secara keseluruhan disertai

pemeliharaan jika menjadi perubahan struktur, baik dari segi hardware merupakan software,seperti: Upgrade OS, update aplikasi pendukung(MySql,PosgreSQL)dll. 5.

Pengujian(Testing) Penulis melakukan pengujian dengan menggunakan menggunakan black

box sistem umtuk menemukan kemungkinan kesalahan pada pengkodean maupun desain. 1.4. Ruang Lingkup Dalam penulisan tugas akhir ini, penulis membahas tentang perancangan program pengolahan penerimaan siswa berbasis web. Mengingat pembahasan

20

mengenai penerimaan siswa cukup luas dan agar tugas akhir ini dapat tercapai sasaran, maka ruang lingkup pembahasan dibatasi hanya proses admin, program keahlian, pendaftaran siswa baru, sejarah, visi dan misi.

1.5. Sistematika Penulisan Agar penulis data terarah dan mudah dimengerti, maka sistematika penulisan dibagi menjadi beberapa bab sebagai berikut: BAB 1 PENDAHULUAN Dalam bab ini penulis menguraikan latar belakang yang berhubungan dengan penulisan judul. Objek penelitian, tempat riset, rumusan masalah, batasan masalah, tujuan penelitian, metode penelitian, sehingga permasalahan tersebut memiliki titik fokus dan tidak keluar dari judul yang telah dibuat. BAB II LANDASAN TEORI Dalam bab ini penulis menguraikan yang terdiri dari landasan teori system, program atau aplikasi pembantu yang digunakan dalam pembuatan sistem untuk tugas akhir ini, serta konsep-konsep baru dalam menyelesaikan masalah yang berkenan dengan topik dan focus dengan semua yang berhubungan dengan sistem yang dibuat. BAB III PEMBAHASAN Dalam bab ini membahas tentang umum, tujuan perusahaan dengan menguraikan sejarah perusahaan dan struktur organisasi dan fungsi, analisa kebutuhan, perancangan perangkat lunak, dan implementasi pengujian unit.

21

BAB IV PENUTUP Dalam bab ini penulis memberikan kesimpulan dan saran yang diajukan untuk pengembangan proses pengolahan sistem informasi dan pengolahan data SMK Taman Sakti yang telah ditumpahkan dalam sistem yang dibuat.

22

BAB II LANDASAN TEORI

2.1. Konsep Dasar Web 2.1.1. Pengertian Website Menurut Sutarman (2007:7) menjelaskan bahwa "Website merupakan salah satu suber daya internet yang berkembang pesat. Informasi web didistribusikan melalui hypertext, yang yang memungkinkan suatu teks pendek menjadi acuan untuk membuka dokumen lain". Web menyajikan informasi menggunakan Hypertext Markup Lenguage sehingga dapat menampilkan informasi dengan berbagai format data seperti text ,image bahkan video dan dapat diakses menggunakan berbagai aplikasi klien. Selain dikenal sederhana dan mudah, adanya kategori server side programming pada web memungkinkan penyajian informasi yang lebih menarik dan dinamis dengan pengolahan data yang terorganisasi. Website pada awalnya merupakan suatu layanan sajian informasi yang mengunakan konsep hyperlink yang memudahkan surfer atau pengguna internet melakukan penelusuran informasi di internet. Informasi yang disajikan dengan web menggunakan konsep multimedia, Informasi dapat disajikan dengan menggunakan banyak media, seperti teks, suara, gambar, film, atau animasi.

8

23

2.1.2. Pengertian Sistem Informasi Sekolah(SISKO) Sistem Informasi Sekolah adalah Program komputer berupa Software Sistem Informasi Sekolah berbasis web sebagai solusi Administrasi terpadu untuk sekolah, yang mencakup berbagai modul terintegrasi dan bersifat Multiuser sehingga Sistem Informasi Sekolah dapat diakses oleh semua siswa, guru dan karyawan di sekolah. Sistem Informasi Sekolah dirancang untuk sekolah agar dapat memanfaatkan kecanggihan teknologi informasi secara maksimal, Sistem Informasi Sekolah memberikan solusi administrasi manajemen sekolah dengan memanfaatkan teknologi komputer, teknologi komunikasi dan teknologi internet. 2.1.3. Pengertian PHP Menurut Anhar (2010:3) "Personal Home Pages (PHP) adalah bahasa pemrograman web server-side yang bersifat open source". PHP merupakan script yang terintegrasi dengan HTML dan berada pada server (server side HTML embedded scripting) yang digunakan untuk membuat halaman website yang dinamis. Kelahiran PHP bermula saat Rasmus Lerdorf membuat sejumlah skrip Perl yang dapat mengamati siapa saja yang melihat-lihat daftar riwayat hidupnya, yakni pada tahun 1994. Skrip-skrip ini selanjutnya dikemas menjadi tool yang disebut "Personal Home Page".Paket inilah yang menjadi cikal-bakal PHP.Pada tahun 1995, Rasmus menciptakan PHP/FI Versi 2.

24

PHP merupakan singkatan dari PHP Hypertext Preprocessor. Ia merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses di server. Hasilnya yang dikirimkan ke klien, tempat pemakai menggunakan browser. Secara khusus, PHP dirancang untuk membentuk aplikasi web dinamis. Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini. Misalnya, Anda bisa menampilkan isi database ke halaman web. Pada prinsipnya PHP mempunyai fungsi yang sama dengan skrip-skrip seperti ASP(Active Server Page),Cold Fusion, ataupun Perl. Namun, perlu diketahui bahwa PHP sebenarya bisa dipakai secara commandline. Artinya, skrip PHP dapat dijalankan tanpa melibatkan web server maupun browser. Pada versi inilah pemograman dapat menempelkan kode terstruktur di dalam tag HTML. Yang menarik, kode PHP juga bisa berkomunikasi dengan database dan melakukan perhitungan-perhitungan yang kompleks sambil jalan. Pada saat ini PHP cukup populer sebagai peranti pemrograman Web, terutama di lingkungan Linux. Walaupun demikian, PHP sebenamya juga dapat berfungsi pada server-server yang berbasis UNIX, Windows, dan Macintosh. Pada awalnya. PHP dirancang untuk diintegrasikan dengan web server Apache. Namun, belakangan PHP juga dapat bekerja dengan web server seperti PWS (Personal Web Server), IIS (Internet Information Server), dan Xitami. Untuk mencoba PHP, Anda tidak perlu menggunakan komputer berkelas server. 1. Dasar – Dasar PHP : a. Menggunakan Sintaks b. Menggunakan Sintaks

25

2. Variabel digunakan untuk menyimpan data sementara dan nilainya bisa berubah-ubah setiap kali program dijalankan. Adapun aturan dalam penulisan variabel adalah sebagai berikut: a. Mengenal perbedaan huruf besar dan huruf kecil (Case sensitif). b. Variabel di mulai dengan tanda $ c. Harus dimulai dengan huruf atau underscore (tidak boleh dimulai dengan angka). 2.1.4. Pengertian HTML (Hyper Text Markup Leanguage) Menurut Anhar (2010:40) “HTML ( Hyper Text Markup Leanguage ) adalah sekumpulan simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang digunakan untuk menampilkan halaman pada web browser”. HTML atau Hyper Text Markup Leanguage merupakan suatu format data yang digunakan untuk membuat dokumen hypertext yang dapat dibaca dari suatu platform komputer ke platform komputer lainnya tanpa perlu melakukan suatu perubahan apapun. Dokumen HTML disebut sebagai markup language karena mengandung tanda-tanda tertentu yang digunakan untuk menentukan tampilan teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. Dengan sistem Hypertext pada dokumen HTML. 1. Elemen Dasar HTML. Pada sebuah dokumen HTML diperlukan sebuah kode khusus yang disebut tag yang dinyatakan dengan tanda lebih besar (>) dan lebih kecil (<).

26

Contoh penulisan tag pada dokumen HTML, yaitu: a. . Ini adalah tag struktur dokumen yang selalu berada paling atas dan paling bawah yang menandakan bahwa dokumen tersebut adalah dokumen HTML. b. …. Tag ini berisi informasi yang berhubungan dengan dokumen tersebut tapi tidak tercetak pada dokumen. c. Tag ini berada diantara tag dan digunakan untuk menampilkan judul dari dokumen HTML pada browser. d. …. Tag ini berisi semua yang akan ditampilkan pada browser. Tag ini merupakan tag terakhir dari struktur dokumen. e. Paragraf

. Elemen ini menandai sekumpulan teks sebagai suatu paragraph. Tag

digunakan untuk memulai paragraph baru dan diakhiri dengan

. f. Divider
Tag
digunakan untuk membagi-bagi dokumen dalam suatu hirarki yang terstruktur. Dalam dokumen HTML pun dapat digunakan sebuah atribut ALIGN, yaitu untuk mengatur perataan dari teks dalam suatu paragraph.

27

Atribut ALIGN mempunyai tiga buah nilai, yaitu left ( rata kiri ), center ( rata tengah ), dan right ( rata kanan ). g. Image Tag ini berfungsi untuk menampilkan gambar. Ada beberapa atribut pendukungnya seperti : src, title, border, width, dan height . Keterangan atribut: h. Tag ... Tag ini berfungsi ntuk memberikan style pada teks yang akan di format. Atributnya terdiri dari size (untuk ukuran huruf), color (untuk pemberian warna pada huruf), dan face (untuk memilih jenis huruf). i. Tag
Tag yang digunakan untuk berpindah pada baris baru dalam suatu bagian teks. j. Tag Tag ini digunakan untuk memberi penebalan pada teks. k. Tag
...
Digunakan untuk mendefinisikan suatu form yang akan dibentuk. Atribut action akan mengarah pada URL yang telah disebutkan dan atribut method mendefinisikan cara pengiriman data yang akan dilakukan. l. Tag ... Tag ini merupakan bagian dari form yang ditampilkan pada browser berupa suatu tampilan input yang digunakan untuk pengisian data. Atribut type yang berisi format data yang "masuk apakah password text, radio,checkbox, submit, hidden, atau reset. Atribut name mendefinisikan nama atau variabel pada jenis

28

input yang dipilih. Atribut value merupakan isi atau nilai dari jenis input. Atribut size merupakan atribut yang mendefinisikan besar ukuran (dalam karakter) untuk jenis input text dan password. Atribut maxlength merupakan panjang maksimum karakter yang bisa di input. m. Tag
Tag Horizontal Rules ini berguna untuk membuat garis horizontal yang akan memisahkan halaman menjadi kelompok-kelompok. n. Tag ... Tag ini berfungsi untuk membuat tabel. Atribut border berisi angka yang digunakan apabila ingin border memiliki ketebalan garis sesuai dengan angka tersebut. Atribut cellspacing dan cellpadding digunakan apabila antara baris dan kolom pada tabel memiliki batas atau tidak sesuai dengan angka pada atribut tersebut. Atribut width dapat digunakan bila lebar tabel ingin diubahubah sesuai dengan kondisi. o. Tag Tag ini merupakan bagian dari form, tampilannya berupa suatu combo box atau list box. Atribut name mendefinisikan nama combo/list box ini yang daftar pilihannya terdapat pada tag option. p. Tag Atribut value merupakan nilai dari option-option yang ada.

29

2.1.5. Pengertian World Wide Web Menurut Yuhefizar (2008:159) menjelaskan bahwa “World Wide Web adalah suatu metode untuk menampilkan informasi diinternet, baik berupa gambar, teks,suara maupun video yang interaktif dan mempunyai kelebihan untuk menghubungkan satu dokumen dengan dokumen lainya yang dapat diakses melalui Browser”. World Wide Web adalah bagian yang paling menarik dari Internet. Melalui web, para pengguna dapat mengakses informasi-informasi yang tidak hanya berupa teks tapi bias juga berupa suara, animasi, video dan gambar. Kegunaan ini tergolong masih baru dibandingkan surat elektronik, sebenarnya World Wide Web merupakan kumpulan dokumen yang tersimpan di peladen web dan yang peladennya tersebar di lima benua termasuk Indonesia yang terhubung menjadi satu melalui jaringan internet. Dokumen-dokumen infomasi ini disimpan atau dibuat dengan format HTML (Hypertext Markup Leanguage). Suatu halaman dokumen informasi dapat terdiri atas teks yang saling terkait dengan teks lainnya atau bahkan dengan dokumen lain. Keterkaitan halaman lewat teks ini disebut pranala. Dokumen informasi ini tidak hanya tediri dari teks tetapi juga dapat berupa gambar, mengandung suara bahkan klip video. Kaitan antar dokumen yang seperti itu disebut hipermedia. World Wide Web, biasa lebih terkenal disingkat sebagai WWW adalah suatu ruang

informasi

yang

dipakai

oleh

pengenal

global

yang

disebut

Pengidentifikasi Sumber Seragam untuk mengenal pasti sumber daya berguna. WWW sering dianggap sama dengan internet secara keseluruhan, walaupun

30

sebenarnya ia hanyalah bagian daripada internet. WWW merupakan kumpulan peladen web dari seluruh dunia yang mempunyai kegunaan untuk menyediakan data dan informasi untuk dapat digunakan bersama. Jadi dapat disimpulkan bahwa WWW adalah sekelompok dokumen multimedia yang saling bertautan dengan menggunakan tautan hiperteks. Dengan mengklik pranala (hipertaut), maka para pengguna bisa berpindah dari satu dokumen ke dokumen lainnya. 2.1.6. Pengertian MYSQL Database digunakan untuk menyimpan data, demikian pula dengan MySQL, MySQL termasuk jenis Relational Database Management System (RDBMS) yaitu hubungan antar tabel yang berisi data-data pada suatu database. Database pada MySQL terdiri dari tabel-tabel. Setiap tabel mempunyai kolom, baris, serta record untuk menyimpan data. Tabel-tabel tersebut dilink oleh suatu relasi yang memungkinkan untuk mengkombinasikan data dari beberapa tabel ketika seseorang user menginginkan menampilkan informasi dari suatu database. Penggunaan MySQLbiasanya dipadukan dengan menggunakan program aplikasi PHP, karena dengan menggunakan kedua program tersebut telah terbukti akan kehandalannya dalam menangani permintaan data. Menurut Anhar (2010:45) “MySQL (My Structure Query Leanguage) adalah salah satu Database Management System (DBMS) dari sekian banyak DBMS seperti Oracle, MS SQL, Postagre SQL dan lainnya MySQL berfungsi untuk mengolah database menggunakan bahasa SQL”.

31

Untuk menghubungkan dan menjalankan perintah-perintah MySQL dalam script PHP dibutuhkan fungsi-fungsi koneksi tersendiri, beberapa diantaranya: 1. Mysql_select_db() Fungsi ini digunakan untuk memilih sebuah database sebagai database aktif. 2. Mysql_create_db() Fungsi ini digunakan untuk membuat sebuah database baru pada server MySQL. Pendeklarasiannya dalam bentuk: mysql_create_db ($database); 3. Mysql_connect() Fungsi ini digunakan untuk membuka koneksi dengan database MySQL server. Dalam fungsi ini dibutuhkan tiga buah argumen yaitu hostname, username, dan database user password. Pendeklarasiannya dalam bentuk: $connect = mysql_connect($hostname,$username,$password); 4. Mysql_query() Fungsi ini digunakan untuk mengirim perintah SQL ke server SQL untuk dideteksi. 5. Mysql_fetch_array() Fungsi ini akan menghasilkan data berupa array dalam bentuk angka dari isi tabel MySQL.
32

{ include("contohphp1.php"); } ?>

Fungsi ini digunakan untuk mengambil jumlah baris sebagai sebuah hasil. 6. Mysql_close() Fungsi ini digunakan untuk menutup koneksi dengan MySQL. 2.1.7. Pengertian Java Script Menurut Wicaksono. (2011:1) “JavaScript merupakan bahasa Scripting yang bekerja disisi Client/Browser sehingga website bisa lebih interaktif”. JavaScript adalah “bahasa skrip yang populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag script”. Javascript menurut (Sunyoto,2007:17) adalah “bahasa scripting yang popular di internet dan dapat bekerja di sebagian besar browser popoler seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode Javascript dapat disisipkan dalam halaman web menggunakan tag SCRIP”. 2.1.8. Pendaftaran Online Sistem ini berusaha memenuhi kebutuhan masyarakat khususnya bagi orangtua dan calon siswa untuk dapat melaksanakan pendaftaran ke sekolahsekolah dengan aman dan tertib. Banyak produk sistem PSB lainnya yang menyediakan fitur online namun hanya diterapkan untuk pengumuman hasil

33

PSB di internet saja. Sedangkan proses pendaftaran dan seleksi masih dilakukan secara manual. Cara demikian hanya memudahkan akses informasi saja namun kurang efektif. Sistem yang dibuat menyediakan fitur otomatis proses PSB secara langsung menggunakan media internet, mulai dari proses pendaftaran, proses seleksi, hingga pengumuman hasil penerimaan siswa secara langsung nyata melalui internet dan juga email. Kegunaan pendaftaran online sebagai berikut: 1. Mempermudah calon siswa atau orangtua yang berminat untuk mendaftar dalam mencari dan melakukan proses pendaftaran. 2. Mempermudah staff dalam melakukan proses administrasi dan mengurangi munculnya kesalahan manusia sehingga dapat meningkatkan produktivitas kerja dan kulitas pelayanan. 3. Membantu mensosialisasikan sistem berbasis web kepada staff, murid dan orangtua murid. 2.2. Teori Pendukung Untuk mendesain suatu model sistem informasi maka diperlukan peralatan pendukung (tools Program) untuk menggambarkan bentuk sistem secara struktural dan aktual dengan suatu pendekatan analisa terstruktur, tools Program juga berguna untuk mempermudah dalam pembuatan program aplikasi yang akan dibuat, contohnya adalah dalam pembuatan logika dan algoritma program mulai dari input, proses dan output yang akan dihasilkan. Adapun tools Program yang akan dijelaskan sebagai model sistem yang akan dirancang, yaitu:

34

2.2.1. Struktur Navigasi Menurut Hakim (2009:51) "Struktur navigasi adalah Susunan Menu atau hirarki dari suatu situs yang menggambarkan isi dari setiap halaman dan link atau navigasi tiap halaman pada suatu situs web". Struktur navigasi suatu situs web sangat di pengaruhi oleh tujuan dari situs web yang akan dibuat. Struktur navigasi termasuk struktur terpenting dalam pembuatan situs karena itu gambarannya harus sudah ada pada tahap perencanaan. Peta navigasi merupakan rencana hubungan dan rantai kerja dari beberapa area yang berbeda dan dapat membantu mengorganisasikan seluruh elemen dengan pemberian perintah dan pesan. Peta navigasi juga memberikan kemudahan dalam menganalisa ke interaktifan seluruh obyek dan bagaimana pengaruh keinteraktifannya terhadap pengguna. beberapa dasar struktur pembuatan navigasi seperti Linear (menelusuri program secara berurutan), Non linear (tanpa di batasi rute), Hirarki (percabangan), Campuran (gabungan). Pada situs ini digunakan struktur navigasi campuran yang di jadikan acuan dalam membuat peta navigasi Struktur Navigasi Hirarki. 1. Hierarchial (Hirarki) Struktur navigasi hirarki biasa disebut struktur bercabang,merupakan suatu struktur yang mengandalkan percabangan untuk menampilkan data berdasar kan kriteria tertentu. Tampilan pada menu pertama akan disebut sebagai Master Page (halaman utama pertama), halaman utama ini mempunyai halaman percabangan yang disebut Slave Page (halaman pendukung). Jika salah satu halaman pendukung dipilih atau di aktifkan, maka tampilan tersebut

35

akan bernama Master Page (halaman utama kedua), dan seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya tampilan secara linier.

Sumber: Hakim (2009:200 )

Gambar II.1. Struktur Navigasi Hirarki 1. Struktur Navigasi Liner (Satu Alur) Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang berurut, yang menampilkan satu demi satu tampilan layar secara berurut menurut urutannya. Tampilan yang dapat pada struktur jenis ini adalah satu halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman sebelumnya atau dua halaman sesudahnya.

Sumber: Hakim (2009:201)

Gambar II.2. Struktur Navigasi Liner

36

1.

Struktur Navigasi Non Linier. Struktur navigasi non linier atau struktur tidak berurut merupakan

pengembangan dari struktur navigasi linier. Pada struktur ini di perkenankan membuat navigasi bercabang. Percabangan yang dibuat pada struktur non linier ini berbeda dengan percabangan pada struktur hirarki, karena pada percabangan non linier ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai kedudukan yang sama yaitu tidak ada Master Page dan Slave Page.

Sumber: Hakim (2009:202 )

Gambar II.3. Struktur Navigasi Non Liner

37

4. Struktur Navigasi Campuran Struktur penjejakan composite (campuran) merupakan gabungan dari ketiga struktur sebelumnya yaitu Linier, Non Linier dan Hirarki. Struktur penjejakan ini juga biasa disebut struktur penjejakan bebas. Jika suatu tampilan membutuhkan percabangan, maka dapat dibuat percabangan, dan bila dalam percabangan tersebut terdapat suatu tampilan yang sama kedudukannya maka dapat dibuat struktur Linier dalam percabangan tersebut. Struktur penjejakan ini banyak digunakan dalam pembuatan multimedia sebab struktur ini dapat memberikan keinteraksian yang lebih tinggi.

Sumber: Hakim ( 2009:203 )

Gambar II.4. Struktur Navigasi Campuran 2.2.2. ERD ( Entity Relationship Diagram). Menurut Fathansyah (2007:79) ERD “merupakan Model Entity Relationship yang berisi komponen-komponen himpunan entitas dan himpunan

38

relasi

yang

masing-masing

dilengkapi

dengan

atribut-atribut

yang

merepresentasikan seluruh fakta dari “dunia nyata” yang kita tinjau, dapat digambarkan dengan sistematis dengan mengunakan Diagram

Entity

Relationship”. 1. Notasi ERD Ada sejumlah konvensi mengenai Notasi ERD. Notasi klasik sering digunakan untuk model konseptual. Berbagai notasi lain juga digunakan untuk menggambarkan secara logis dan fisik dari suatu basis data. Salah satunya adalah IDEFIX. Notasi-notasi simbolik yang digunakan dalam Entity Relationship Diagram adalah sebagai berikut: a. Entitas (Entity) Entity adalah obyek yang dapat dibedakan dalam dunia nyata. Entity diberi nama dengan kata benda, lokasi dan kejadian. Sedangkan entity set adalah kumpulan dari entity yang sejenis. b. Relasi (Relation) Relasionship adalah hubungan yang terjadi antara satu atau lebih entity. Simbol dari relationship adalah belah ketupat. c. Atribut (Attribute) Atribut adalah karakteristik dari entity atau relationship, yang menyediakan penjelasan detail tentang entity atau relationship tersebut. Jenis-jenis atribut

39

diantaranya Atribut Key, Atribut Simple. Atribut Multivalue, Atribut Composite dan Atribut Deviratif. d. 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)2. Derajat Relasi atau Kardinalitas Menunjukan jumlah maksimum entitas yang dapat berelasi dengan entias pada himpunan entitas yang lain.

a. One to One (1:1) Tingkat hubungan dinyatakan one to one jika suatu kejadian pada entity pertama hanya mempunyai satu hubungan dengan satu kejadian pada entitas kedua. Demikian juga sebaliknya satu kejadian pada entity yang pertama. b. One to Many (1:M) Tingkat hubungan one to many adalah sama dengan many to one (M:1), tergantung dari arah mana hubungan tersebut dilihat. Untuk satu kejadian pada entitas yang pertama dapat mempunyai banyak hubungan dengan kejadian pada entitas kedua. Sebaliknya satu kejadian pada entitas yang kedua hanya bisa mempunyai satu hubungan dengan satu kejadian pada entitas pertama.

40

c. Many to Many (M:M) Tingkat hubungan many to many terjadi jika tiap kejadian pada sebuah entitas mempunyai banyak hubungan dengan kejadian pada entitas lainnya, baik dilihat dari entitas yang pertama maupun dilihat dari sisi entitas yang kedua 3. LRS (Logical Record Structure). Menurut Riyanto (2008:22) “LRS (Logical Record Structure) adalah representasi dari struktur record-record pada tabel-tabel yang terbentuk dari hasil antara himpunan entitas”. Logical Record Structure dibentuk dengan nomor dari tipe record. Logical Record Structure terdiri dari link-link diantara tipe record. Link ini menunjukan arah dari satu tipe record lainnya. Banyak link dari LRS yang diberi tanda field-field yang kelihatan pada kedua link tipe record. Penggambaran LRS mulai dengan menggunakan model yang dimengerti. Dua metode yang dapat digunakan, mulai dengan hubungan kedua model yang dapat dikonversikan ke LRS. Model lain dimulai dengan ER-Diargam dan langsung dikinversikan ke LRS. 2.2.3. Pengujian Web (Black Box Testing) Menurut Simarmata (2010:316) "Black Box Testing adalah pengujian dilakukan dalam bentuk tertulis untuk memeriksa apakah aplikasi berjalan seperti yang diharapkan". Sedangkan menurut Pressman (2010:495) “Black Box Testing berfokus pada persyaratan fungsional perangkat lunak yang memungkinkan engineers

41

untuk memperoleh set kondisi input yang sepenuhnya akan melaksanakan persyaratan fungsional untuk sebuah program”. Black Box Testing berusaha untuk menemukan kesalahan dalam kategori sebagai berikut: 1. Kesalahan antar muka. 2. Fungsi yang tidak benar atau fungsi yang hilang. 3. Kesalahan perilaku (behavior) atau kesalahan kerja. 4. Kesalahan dalam struktur data atau akses database eksternal. 5. Inisialisasi dan pemutusan kesalahan.

42

43

BAB III PEMBAHASAN

3.1. Tinjauan Perusahaan Dalam tinjauan perusahaan ini berisi sejarah perusahaan, struktur organisasi serta fungsi dari masing-masing bagian yang ada di perusahaan tersebut. 3.1.1

Sejarah Perusahaan SMK Taman Sakti Jakarta berdiri pada tahun pelajaran 1987 dengan

Ijin

operasional

102/242/SMK

Taman

Sakti/VII/2012/NSS:

342016207059/NPSS : 4017/20101493 SMK Taman Sakti dengan jumlah siswa 73 yang masuk dan yang aktif 68 siswa. Pada saat itu SMK Taman Sakti di Kepalai oleh Bapak Ridwan , ST dan memiliki wakil kepala sekolah 2 Waka dan 3 Kazur di mana wakil tersebut bernama Bapak Toni Asmara Putra S.Pd dan Bapak Hendrik, S.Pd.I sebagai kepala kesiswaan dan merangkap hubungan industri. Otomotif, untuk kazur di pegang oleh Bapak Suriono, ST dan Listrik, di pegang oleh Bapak Hendra Sahputra, S.Pd dan TKJ, di pegang oleh Nuris Fadhli Silangit, ST. Pada saat itu juga Jurusan Terbagi 3 yaitu: Teknik Kendaraan Ringan (TKR) 25 Siswa, Teknik Komputer Jaringan (TKJ) 40 Siswa, Teknik Instalasi Listrik (TILT) 3 Siswa dan Jumlah Guru pengajar adalah 8 orang.

28

44

3.1.2. Struktur Organisasi dan Fungsi Untuk mengelola perusahaan dengan baik dan optimal, terutama terhadap sumber daya manusia, perusahhan menetapkan manajemen yang yang dituangkan dalam bentuk stuktur organisasi merupakan sarana yang sangat penting untuk menjalankan fungsinya. Adapun struktur organisasi ini sendiri dapat dikatakan sebagai suatu kerangka yang mewujudkan suatu pola tetapi dari hubungan antar kedudukan dan peranan suatu kerjasama. Bentuk kerja sama yang dimiliki oleh SMK Taman Sakti adalah sebagai berikut: KETUA YAYASAN

KEPALA SEKOLAH

TATA USAHA

BENDAHARA

WAKA KURIKLUM

ADMINISTRATOR

KOMITE SEKOLAH

GURU

BIMBINGAN KONSELING

OSIS

SISWA

Sumber : SMK Taman Sakti Gambar III.1. Srtuktur Organisasi

WAKA SARANA PRASARANA

KAJUR OTOMOTIF

KAJUR TEKHNIK KOMPUTER

45

Fungsi dan Tanggung Jawab : 1. Ketua Yayasan Yayasan bertugas dan bertanggung jawab yang dalam menentukan kurikulum dan membuat peraturan-peraturan kurikulum sekolah sesuai dengan kurikulum Dinas Pendidikan Kota Medan, serta sebagai pemimpin utama perguruan. 2. Kepala Sekolah Sekolah bertugas sebagai manajer, edukator, administrator serta sekaligus pemimpin sekolah mengenah kejuruan (SMK) Taman Sakti sebagai berikut: a. Menyusun perencanaan. b. Mengorganisasikan kegiatan c. Mengarahkan kegiatan d. Mengkoordinasikan kegiatan e. Melaksanakan pengawasan f. Melakukan evaluasi terhadap kegiatan g. Menentukan kebijaksanaan. h. Mengadakan rapat i. Mengambil keputusan j. Mengatur proses belajar mengajar. k. Mengatur Administrasi ketatausahaan, Siswa, Ketenagaan, Sarana Prasarana, keuangan / RAPBS l. Mengatur Organisasi Siswa Intra Sekolah ( OSIS ). m. Mengatur hubungan sekolah dengan masyarakat dan instansi terkait.

46

3. Komite Sekolah a. Menyusun AD dan ART Komite Sekolah. b. Mendorong tumbuhnya perhatian dan komitmen masyarakat terhadap penyelenggaraan pendidikan yang bermutu. c. Melakukan kerjasama dengan masyarakat dan pemerintah berkenaan dengan penyelenggaraan pendidikan yang bermutu. d. Menampung dan menganalisis aspirasi, ide, tuntutan, dan berbagai kebutuhan pendidikan yang diajukan masyarakat. e. Memberi

masukan,

pertimbangan,

dan

rekomendasi

kepada

sekolah

mengenai kebijakan dan program sekolah, RAPBS, kriteria kinerja sekolah, kriteria tenaga kependidikan, kriteria fasilitas pendidikan, dan hal-hal lain yang terkait dengan pendidikan. f. Mendorong orang tua dan masyarakat berpartisipasi dalam pendidikan guna mendukung peningkatan mutu dan pemerataan pendidikan. g. Menggalang dana masyarakat dalam rangka pembiayaan penyelenggaraan pendidikan di sekolah. h. Melakukan

evaluasi

dan

pengawasan

terhadap

kebijakan

program,

penyelenggaraan dan keluaran pendidikan di sekolah. 4. Bendahara Bendahara mempunyai tugas mengelola kegiatan sekolah dan bertanggung jawab kepada Kepala Sekolah, meliputi kegiatan sebagai berikut :

47

a. Bersama bendahara komite sekolah mengkoordinator, dan melaksanakan pengumpulan sumbangan dari orang tua. b. Mempersiapkan rapat dengan pengurus komite sekolah dan orang tua/wali siswa dalam upaya dukungan data. c. Mencari dana terutama untuk keperluan mendesak, menjadi orang tua asuh. d. Mengkoordinator guru dan karyawan dalam peningkatan kesejahteraan. e. Menyerahkan gaji awalan rutin setiap bulanan. f. Mendayagunakan uang rutin sesuai dengan mata anggaran yang relevan. g. Menyampaikan pertanggung jawaban pengguna uang rutin ke Dinas Pendidikan terkait. 5. Tata Usaha Tata usaha mempunyai tugas melaksanakan ketatausahaan sekolah dan bertanggung jawab kepada kepala sekolah dan kegiatan penyusunan program kerja tata usaha, pengolaha keuangan sekolah, penyusunan administrasi perlengkapan dan pelaksanaan tata usaha secara umum. 6. Administrator

Administrator bertugas menyelenggarakan administrasi : a. Perencanaan b. Pengorganisasian c. Pengarahan d. Pengkoordinasian e. Pengawasan

48

f. Kurikulum g. Kesiswaan. 7. Waka Kuriklum Bidang Kurikulum mempunyai tugas sebagai berikut : a. Menerima siswa baru, kemudian mengatur jadwal pelajaran dan mengatur keluar masuk siswa. b. Mengadakan kegiatan Mid Test pada pertengahan semester. c. Mengadakan kegiatan Ulangan Umum (Ujian Semester Ganjil), di pertengahan tahun. d. Mengatur jadwal Ramadhan. e. Mengatur jadwal Ujian Nasional, Ujian Sekolah, dan Ujian Praktek. 8. Waka Sara Prasarana a. Merencanakan kebutuhan sarana prasarana untuk menunjang proses belajar mengajar b. Merencanakan program pengadaannya c. Mengatur pemanfaatan sarana prasarana d. Mengelola perawatan, perbaikan dan pengisian e. Mengatur pembakuannya f. Menyusun laporan 9. Bimbingan Konseling

49

Membantu kepala sekolah dalam kegiatan-kegiatan sebagai berikut : a. Penyusunan program dan pelaksanaan bimbingan dan konseling b. Koordinasi dengan wali kelas dalam rangka mengatasi masalah-masalah yang dihadapi oleh siswa tentang kesulitan belajar c. Memberikan layanan dan bimbingan kepada siswa agar lebih berprestasi dalam kegiatan belajar d. Memberikan saran dan pertimbangna kepada siswa dalam memperoleh gambaran tentang lanjutan pendidikan dan lapangan pekerjaan yang sesuai e. Mengadakan penilaian pelaksanaan bimbingan dan konseling f. Menyusun statistik hasil penilaian bimbingan dan konseling g. Melaksanakan kegiatan hasil evaluasi belajar h. Menyusun dan melaksanakan program tindak lanjut bimbingan dan konseling i. Menyusun laporan pelakasanaan bimbingan dan konseling 10. Kajur Otomotif Merencanakan jadwal penggunaan bengkel a. Memonitoring kondisi inventaris bengkel. b. Merencanakan dan mengkoordinasikan perbaikan peralatan. c. Menyusun kebutuhan bahan dan peralatan bengkel KBM. d. Membantu KJL dalam penyusunan program keahlian. e. Menciptakan terlaksananya 5R di bengkel. f. Menyampaikan laporan rutin kondisi bengkel kepada KJL.

50

g. Membuat laporan tertulis setiap tahun. h. Merencanakan pengembangan bengkel. i. Mengawasi keluar masuknya bahan dan alat. 11. Kajur Tekhnik Komputer Tekhnik komputer mempunyai tugas sebagai berikut : a. Menyusun jadwal praktek siswa, b. Mengkoordinator Jobsheet setiap pelaksanaan praktek guru. c. Menyusun kebutuhan dan alat bahan praktek. d. Koordinator pelaksanaan praktek. e. Melakikan perkembangan silabus produktif. f. Koordinator unit jasa/unit produktif. g. Menyusun kurikulum produktif yang disetujui DU/DI h. Bersama dengan sekolah mengembangkan relasi dengan DU/DI. i. Koordinator pelaksanaan ujian kompetensi keahlian. j. Koordinator pelaksanaan wisuda. k. Menyusun program kerja. 12. Guru Tugas dan tanggung Jawab

51

a. Guru yang memberikan materi-materi pelajaran berdasarkan kurikulum yang berlaku kepada siswa b. Serta mendidik siswa menjadi manusia yang bermoral dan berguna bagi nusa dan bangsa. c. Membentuk kepribadian anak yang harmonis sesuai cita-cita dan dasar negara kita Pancasila d. Menyiapkan anak menjadi warga negara yang baik sesuai dengan UndangUndang Pendidikan yang merupakan keputusan MPR No. 2 Tahun 1983 e. Sebagai prantara dalam belajar f. Guru adalah sebagai pembimbing untuk membawa anak didik ke arah kedewasaan. Pendidik tidak maha kuasa, tidak dapat membentuk anak menurut kehendak hatinya g. Guru sebagai penghubung antara sekolah dan masyarakat h. Sebagai penegak disiplin. Guru menjadi contoh dalam segala hal, tata tertib dapat berjalan apabila guru menjalaninya terlebih dahulu i. Sebagai adminstrator dan manajer guru sebagai perencana kurikulum 13. OSIS a. Tugas dan Kewajiban Pengurus OSIS b. Menyusun dan melaksanakan program kerja sesuai dengan anggaran dasar dan anggaran rumah tangga OSIS c. Selalu menjunjung tinggi nama baik kehormatan, dan martabat sekolahnya

52

d. Kepimpinan pengurus OSIS bersifat kolektif e. Menyampaikan laporan pertanggungjawaban kepada perwakilan kelas pada akhir masa jabatannya f. Selalu berkonsultasi dengan pembina. 14. Siswa a. Belajar merupakan tugas pokok seorang siswa, karena melalui belajar dapat menciptakan generasi muda yang cerdas b. Taat pada peraturan sekolah Setiap sekolah memiliki tata tertib yang harus ditaati oleh para siswa, demi terciptanya kondisi sekolah yang kondusif, aman, nyaman untuk siswa dalam belajar dan menjalan c. Aktivitas selama di sekolah Selain itu tata tertib sekolah juga sebagai patokan dan kontrol prilaku siswa di sekolah d. Patuh dan hormat pada guru Tugas seorang siswa di sekolah selanjutnya adalah patuh dan hormat kepada guru.

53

3.2.

Analisa Kebutuhan

3.2.1. Analisa Kebutuhan Pengguna Kebutuhan informasi minimum yang harus dihasilkan oleh sistem ini adalah sebagai berikut,Terdapat admin atau tata usaha sekolah yang bertugas menerima siswa dan mengawasi terjadinya pendaftaran : 1. Kebutuhan Admin a. Membuat pendaftaran untuk setiap pendaftaran baru b. Mengelola Catatan Tempel c. Mengelola data banner d. Mengelola jurusan pendaftaran c. Mengkonfirmasi penerimaan siswa d. Membuat laporan untuk data pendaftar e. Membuat laporan untuk siswa yang diterima e. Membuat laporan untuk siswa yang ditolak 2. Kebutuhan Siswa a. Mengisi form pendaftaran b. Mengupload foto diri c. Mencetak Formulir d. Mengirim pesan chat ke admin e. Mengupload konfirmasi pembayaran f. Upload data diri

54

3.3.

Perancangan Perangkat Lunak Dalam pembahasan tentang rancangan website, penulis menggunakan

perancangan sebagai berikut: 3.3.1. Rancangan Antar Muka Halaman Admin A. Rancangan Antar Muka Login

.

Logi n

Nama

Gambar III.1. Rancangan Antar Muka Login B. Rancangan Antar Muka Halaman Pendaftaran

55

Gambar III.2. Rancangan Antar Muka Halaman Pendaftaran C. Rancangan Antar Muka Halaman Admin Pendaftar

56

Gambar III.3. Rancangan Antar Muka Halaman Admin Pendaftar

57

D. Rancangan Antar Muka Halaman Program Keahlian

Gambar III.4. Rancangan Antar Muka Halaman Program Keahlian

58

E. Rancangan Antar Muka Halaman Laporan

Gambar III.5. Rancangan Antar Muka Laporan

59

3.3.2. Rancangan Basis Data A. Entity Relationship Diagram

Gambar III.6. Entity Relationship Diagram

60

B. Logical Relational Structure

Gambar III.7. Logical Relational Structure

61

C. Sepesifikasi File

Menjelaskan tentang file atau tabel yang terbentuk dari transformasi ERD (dan atau file-file penunjang untuk web). File-file ini tersimpan pada <> dengan parameter-parameter sbb : 1.

Spesifikasi file biodata_siswa

Nama File

: File biodata_siswa

Akronim

: biodata siswa

Tipe File

: Master

Fungsi

: Untuk menyimpan biodata siswa

Organisasi File

: Index Sequential

Akses File

: Random

Record Size

: 415

Kunci Field

: id

Software

: MySQL Tabel III.1. Spesifikasi File biodata_siswa

Elemen data

Nama field

Tipe

Size

Id

Id

Integer

3

No registrasi

No_reg

Varchar

20

Kunci

Kunci

Varchar

10

Keterangan Primary key

62

Nama

Nama

Varchar

30

Jenis kelamin

Jkel

Varchar

10

Tempat lahir

Tem_lahir

Varchar

25

Tanggal

Tgl

Date

3

Bulan

Bulan

Integer

3

Tahun

Tahun

Integer

5

Alamat

Alamat

Text

Golongan darah

Gol_drh

Varchar

10

Kode pos

K_pos

Varchar

7

Tinggi

Tinggi

Integer

4

Berat

Berat

Integer

4

Agama

Agama

Varchar

25

Asal sekolah

Asal_sek

Varchar

30

Alamat sekolah

Alamat_sek

Text

Tahun lulus

Thn_lls

Integer

4

No ijazah

No_ijazah

Varchar

25

Handphone

Hp

Varchar

15

63

Email

Email

Varchar

25

Jurusan satu

Jurusan1

Varchar

10

Jurusan dua

Jurusan2

Varchar

10

Bahasa Indonesia

Bin

Float

Bahasa inggris

Big

Float

Ilmu pengetahuan Ipa

Float

alam Matematika

Mtk

Float

Ayah

Ayah

Varchar

30

Ibu

Ibu

Varchar

30

Wali

Wali

Varchar

30

Alamat wali

Alamat_wali

Text

Handphone wali

Hp_wali

Varchar

15

Kerja wali

Kerja_wali

Varchar

30

2.

Spesifikasi file konfirmasi_pembayaran Nama File

: File Transaksi

Akronim

: konfirmasi pembayaran

Tipe File

: Transaksi

64

Fungsi

: Untuk menyimpan data nama file upload konfirmasi pembayaran

Organisasi File

: Index Sequential

Akses File

: Random

Record Size

:6

Kunci Field

: id_konfirmasi

Software

: MySQL Tabel III.2. Spesifikasi File konfirmasi_pembayaran

Elemen data

Nama field

Tipe

Size

Id_konfirmasi

id_konfirmasi

Integer

3

Id_siswa

Id_siswa

Integer

3

Foto struk

Foto_struk

Text

3.

Keterangan Primary key

Spesifikasi file panitia Nama File

: File panitia

Akronim

: panitia

Tipe File

: File Master

Fungsi

: Untuk menyimpan panitia penyelenggara pendaftaran

Organisasi File

: Index Sequential

Akses File

: Random

Record Size

: 88

65

Kunci Field

: id

Software

: MySQL Tabel III.3. Spesifikasi File panitia

Elemen data

Nama field

Tipe

Size

Id

Id

Integer

3

Nama

Nama

Varchar

25

Kunci

Kunci

Varchar

50

Login

Login

Integer

4

Sedang login

Sedang_login

Varchar

6

4.

Keterangan Primary key

Spesifikasi file pesan Nama File

: File pesan

Akronim

: pesan

Tipe File

: File Transaksi

Fungsi

: Untuk menyimpan pesan dari pendaftar kepada panitia

Organisasi File

: Index Sequential

Akses File

: Random

Record Size

: 55

Kunci Field

: id

Software

: MySQL

66

Tabel III.6. Spesifikasi File pesan Elemen data

Nama field

Tipe

Size

Id

Id

Integer

5

Dari

Dari

Varchar

20

Kepada

Kepada

Varchar

20

Isi pesan

Isi_pesan

Text

Dibaca

Dibaca

Varchar

5.

Keterangan Primary key

10

Spesifikasi file pilihan_program_pendaftaran Nama File

: File pilihan_program_pendaftaran

Akronim

: pilihan_program_pendaftaran

Tipe File

: File Master

Fungsi

: Untuk menyimpan data pilihan program yang akan dipilih calon siswa saat pendaftaran

Organisasi File

: Index Sequential

Akses File

: Random

Record Size

: 69

Kunci Field

: id_program

67

Software

: MySQL

Tabel III.7. Spesifikasi File pilihan_program_pendaftaran Elemen data

Nama field

Tipe

Size

Id program

Id_program

Integer

3

Kode program

Kode_program

Varchar

10

Nama program

Nama_program

Varchar

50

Jumlah penerimaan

Jumlah_penerimaan Integer

3

Id tahun ajaran

Id_tahun_ajaran

3

6.

Integer

Keterangan Primary key

Spesifikasi file program_keahlian Nama File

: File program_keahlian

Akronim

: program keahlian

Tipe File

: File Master

Fungsi

: Untuk menyimpan data penjelasan program keahlian

Organisasi File

: Index Sequential

Akses File

: Random

Record Size

: 33

Kunci Field

: id_program

Software

: MySQL

68

Tabel III.8. Spesifikasi File program_keahlian Elemen data

Nama field

Tipe

Size

Id program

Id_program

Integer

3

Nama program

Kode_program

Varchar

30

Keterangan program

keterangan_program

Text

Gambar program

Gambar_program

Text

7.

Keterangan Primary key

Spesifikasi file siswa Nama File

: File siswa

Akronim

: siswa

Tipe File

: File Master

Fungsi

: Untuk menyimpan data calon siswa seperti foto diri dan status pendafaran

Organisasi File

: Index Sequential

Akses File

: Random

Record Size

: 104

Kunci Field

: id

Software

: MySQL

69

Tabel III.10. Spesifikasi File siswa Elemen data

Nama field

Tipe

Size

Id

Id

Integer

3

No registrasi

No_reg

Varchar

15

Foto

Foto

Varchar

50

Status

Status

Varchar

25

Langkah

Langkah

Integer

11

8.

Keterangan Primary key

Spesifikasi file tahun_pendaftaran Nama File

: File tahun_pendaftaran

Akronim

: tahun pendaftaran

Tipe File

: File Transaksi

Fungsi

: Untuk menyimpan data tahun pendaftaran dengan status masih terbuka atau tidak

Organisasi File

: Index Sequential

Akses File

: Random

Record Size

: 56

Kunci Field

: id_ pendaftaran

Software

: MySQL

70

Tabel III.11. Spesifikasi File tahun_pendaftaran Elemen data

Nama field

Tipe

Size

Id pendaftaran

Id_pendaftaran

Integer

3

Judul pendaftaran

judul_pendaftaran

Varchar

50

Status pendaftaran

status_pendaftaran

enum

Admin pembuat

Admin_pembuat

Integer

Awal pendaftaran

awal_pendaftaran

Date

Akhir pendaftaran

akhir_pendaftaran

date

9.

Keterangan Primary key

3

Spesifikasi file upload_data_diri Nama File

: File upload_data_diri

Akronim

: upload data diri

Tipe File

: File Transaksi

Fungsi

: Untuk menyimpan data pendukung pendaftaran

Organisasi File

: Index Sequential

Akses File

: Random

Record Size

:8

Kunci Field

: id_upload

Software

: MySQL

71

Tabel III.12. Spesifikasi File upload_data_diri Elemen data

Nama field

Tipe

Id upload

Id_upload

Integer

Foto upload

foto_upload

text

Id siswa

Id_siswa

Integer

Jenis upload

jenis_upload

enum

Size 5

Keterangan Primary key

3

3.3.3. Rancangan Struktur Navigasi Struktur navigasi pada website

penerimaan siswa baru ini berfungsi untuk

memperlihatkan keseluruhan dari isi website beserta hubungan antar isi. Website penerimaan siswa baru pada halaman admin, dan halam siswa termasuk kedalam jenis website yang menggunakan struktur navigasi termasuk kedalam jenis composite.

72

Gambar.III.8. Struktur Navigasi Halaman Admin

73

Gambar. III.9. Struktur Navigasi Halaman Pendaftar

74

3.4.

Implementasi dan Pengujian Unit

3.4.1. Implementasi 1. Implementasi Rancangan Antar Muka Rancangan antar muka pada website penerimaan siswa baru terdiri dari: a. Halaman Admin halaman utama ini berisi statistik/prsentasi pendaftaran siswa pada priode pendaftaran terakhir berdasarkan program keahlian yang ditampilkan dalam pie-Diagram dan table persentasi sekaligus jumlah siswa per program keahlian juga di tampilkan alternative ke-dua pilihan program keahlian yang juga di tampilkan dalam pie-diagram dan table persentasi siswa per program keahlian.

Gambar.III.10. Halaman Admin b. Halaman Data Pendaftar Di halaman data pendaftar berisi data pendaftar beserta status pendaftaran saat ini yang dikelompokan menjadi (ditolak, menunggu,

75

konfirmasi, menunggu pembayaran, tunggu konfirmasi pembayaran, menunggu upload data, selesai) Menunggu konfirmasi: Menunggu konfirmasi diterima atau ditolak Ditolak: Jika

ada patokan persyaratan lain yang tidak memenuhi

persyaratan seperti nilaiatau umur maka pilih tolak saat konfirmasi Menunggu Pembayaran: Jika saat konfirmasi diterima maka sttusnya akan menunggu pembayaran hingga pembayaran diterima Tunggu Konfirmasi Pembayaran: setelah bukti pembayaran diupload oleh siswa status akan menjadi tunggu Konfirmasi Pembayaran hingga pembayaran di konfirmasi oleh admin Menunggu Upload Data: Upload data dapat dilakukan kapanpun, jika belum ada data upload admin dapat mengghubungi siswa terkait mengupload data untuk kebutuhan dokumentasi sekolah Selesai: Setelah semua data diupload status akan berubah menjadi selesai.

Gambar.III.11. Halaman Data Daftar

76

c. Halaman Pembayaran Di halaman ini bukti pembayaran sekolah bahwa sudah melunasi biaya administrasi yang ada di sekolah.

Gambar.III.12. Halaman Pembayaran d. Halaman Upload Data

Gambar.III.13. Halaman Upload Data

77

e. Halaman Periode Pendaftaran Periode pendaftaran dibatasi tanggal per-satu periode yang dapat diatur, dan setiap periode dibatasi dengan program pendaftaran, status hanya akaan terbuka setelah tanggal lebih dari atau sama dengan tanggal dari tanggal atau kurang dari sama dengan sampai tanggal dan status akan tertutup jika tanggal saat ini belum melewati tanggal dari tanggal atau telah melewati tanggai sampai tanggal.

Gambar.III.14. Halaman Periode Daftar f. Halaman Program Keahlian Isi dari halaman program keahlian di menu admin ini akan di tampilkan di halaman utama pada halaman publik, hanya beris penjelasan singkat dan foto saja untuk menjelaskan tentang program keahlian yang berada di sekolah.

78

Gambar.III.15. Halaman Program Keahlian g. Halaman Catatan Tempel Berfungsi seperti madding yang berisi sekilas pemberitahuan yang dapat dibaca oleh semua pengunjung.

Gambar.III.16. Halaman Catatan Tempel

79

h. Halaman Banner Berisi gambar menarik yang berfungsi untuk mewakili seribu kata yang tidak mudah di cerna jika dituangkan kedalam jutaan karakter yang diketik dengan membuang jutaan mili detik, kumpulan banner akan di tampilkan dalam bentuk slider di halaman utama, banner juga dapat ditambahkan link/url untuk dilempar ke tab baru.

Gambar.III.17. Halaman Banner i.

Halaman Home Sekolah

Halaman ini menampilkan keseluruhan dari tampilan web sekolah yang telah dibuat sedemikan rupa.

80

Gambar.III.18. Halaman Home Sekolah j.

Halaman Tentang Kami

Menjelaskan secara rinci tentang sejarah sekolah yang berdiri sampai saat ini, memudahkan pengunjung untuk membaca dan mengetahui sejarah sekolah.

Gambar.III.19. Halaman Sejarah

81

k.

Halaman Visi dan Misi

Ini adalah halaman Visi dan Misi yang ada di sekolah dan

Gambar.III.20. Halaman Visi dan Misi l.

Halaman Program Keahlian

Di halaman program keahlian ini berisi semua jurusan yang ada di sekolah dan memudahkan pendaftar untuk memilih jurusan yang mereka suka.

Gambar.III.21. Halaman Program Keahlian

82

m. Halaman Pendaftaran Siswa Baru Di halaman pendaftaran siswa baru ini calon siswa dapat mendaftarkan diri dan mengisi folmulir pendaftaran secara benar dan tepat

Gambar.III.22. Halaman Pendaftaran Siswa Baru

83

j. Halaman Hubungi Kami Di halaman ini pengunjung dapat melihat lokasi sekolahan

Gambar.III.23. Halaman Hubungi Kami 2. Spesifikasi Sistem Komputer Berikut ini adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang

dibutuhkan

untuk

mengimplementasikan

penerimaan siswa baru berbasis web. A. Spesipikasi Perangkat Keras 1). CPU i). Core(TM) i5-M520 CPU @2.40GHz(4CPUs),~2.4GHz ii). RAM DDR3 4GB iii). Hard Disk 250GB 2). Mouse/Touchpad 3). Keyboard 4). Monitor 5). Koneksi Internet

sistem

84

B. Spesifikasi Perangkat Lunak 1). Server a). Sistem Operasi yang digunakan: Windows b). Aplikasi Virtual server Seperti: xampp, wampp, 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. 2). Client a). Sistem Operasi yang mendukung browser dan GUI seperti: Windows, Linux, Mac, dll. b). Aplikasi web seperti Mozilla Firefox, Opera, Safari, Internet Explorer, Google chrome. 3.4.2.

Pengujian Unit

Pengujian unit yang di lakukan terhadap program dengan menggunakan metode Black Box Tetsting yang focus terhadap proses masukan dan keluaran program.

85

1.

Pengujian Form Login

Tabel.III.24. Pengujian Form Login No.

Skenario

Test Case

Pengujian

1.

Hasil yang

Hasil

Diharapkan

pengujian

Username dan Password

Username :

Sistem akan

tidak diisi kemudian klik

(kosong)

memberikan

tombol login

Password: (kosong)

peringatan “

Sesuai

Kesimpulan

Valid

Harapan

Harap isi bidang ini” pada kolom username 2.

Username diisi dan password tidak diisi kemudian klik tombol

Username : (diisi) Password : (kosong)

Sistem akan memberikan peringatan

Sesuai

Valid

Harapan

“Harap isi

login Alamat lengkap : (kosong)

bidang ini” pada kolom Password

3.

Input username dan

Username : (isi

Sistem akan

password asal

sembarang)

memberikan

Sesuai

Valid

86

Password : (isi

peringatan/aler

sembarang

t “user and

Harapan

password don not match” 4.

Mengetikan username dan password dengan data

Username : (dina)

Sistem akan memberikan

Password : (dina)

yang benar kemudian klik

sapaan

tombol login

“Selamat

Sesuai

Valid

Harapan

datang admin dina”

2.

Pengujian Form Pendaftaran Siswa Baru Tabel.III.25. Pengujian Form Pendaftaran Siswa Baru

No.

Skenario

Test Case

Hasil yang

Pengujian

1.

Nama, jenis kelamin, tidak diisi kemudian

Diharapkan

Hasil

Kesimpulan

pengujian

Nama : (kosong) Sistem akan memberikan Jenis kelamin : (kosong)

klik tombol daftar

peringatan “ Harap isi bidang ini” pada kolom nama

Tempat lahir : (kosong)

Sesuai Harapan

Valid

87

Golongan darah : (kosong) (kosong) Berat badan / tinggi: (kosong) Aalamat : (kosong) 2.

Input nama, jenis

Nama : (isi

Sistem akan memberikan

kelamin, asal

sembarang)

peringatan/alert “nama

Jenis kelamin : (isi sembarang)

dan jenis kelamin do not match”

Golongan darah : (isi sembarang) Berat badan / tinggi: (isi sembarang) Aalamat : (isi sembarang)

3.

Ketikan nama,

Nama : (dina)

Sistem akan memberikan

Sesuai Harapan

Valid

88

jenis kelamin

Jenis kelamin :

sapaan “Berhasil

dengan data yang

(perempuan)

disimpan”

benar kemudian klik tombol daftar

Golongan darah : (A) Berat badan / tinggi: (50/150) Aalamat : (babakan)

Sesuai Harapan

Valid

1

BAB IV PENUTUP 4.1.

Kesimpulan Dari uraian tentang pembuatan sistem penerimaan siswa berbasis web

pada SMK taman sakti

Jakarta maka dapat diambil kesimpulan sebagai

berikut : 1.

Sistem Informasi Pendaftaran Siswa Baru di SMK Taman Sakti berhasil dibuat.

2.

Perancangan sistem informasi pendaftaran siswa baru berbasis web ini dapat membantu pihak sekolah dalam menjalankan kegiatan pendaftaran dan penerimaan calon siswa baru.

3.

Calon siswa baru dapat melakukan pendaftaran secara online yaitu dengan cara memanfaatkan jaringan internet dimanapun mereka berada.

4.

Sistem informasi ini dapat menampilkan pengumuman calon siswa baru yang diterima maupun ditolak.

75

2

4.2. Saran-Saran Setelah selesai penulisan tugas akhir ini, penulis mencoba memberikan saransaran, terutama terhadap beberapa hal yang berkaitan dengan sistem penerimaan siswa baru yang ada, antara lain: 1. Akan lebih baik apabila perencanaan dan pengembangan dari aspek data pendaftaran siswa ditingkatkan menjadi adanya registrasi ulang, bagi pihak yang bersangkutan. 2. Sebaiknya sistem ini dilengkapi dengan menu pencadangan calon siswa sehingga memudahkan calon siswa dalam melakukan pendaftaran.

3

Daftar Pustaka

Anhar. 2010. Pengertian PHP. Bandung: MediaKita Anhar. 2010. Pengertian HTML. Bandung: MediaKita Aanhar. 2010. Pengertian MySQL. Bandung: MediaKita Hakim. 2009. Struktur Navigasi. Bandung. Informatika Sutarman. 2007. Pengertian Website. Jakarta: Mitra Wacana Media Yuhefizar. 2008. Pengertian WWW. Jakarta: Informatika Wicaksono. 2011.Pengertian JavaScript. Yogyakarta: Andi Yogyakarta

4

DAFTAR RIWAYAT HIDUP A. Biodata Mahasiswa N.I.M

: 12143637

Nama Lengkap

: Dina Maria Rm

Tempat, Tanggal Lahir

: Pandeglang, 10 Februari 1996

Alamat Lengkap

: KP.Majakolelet Rt013/Rw005 Geredug, Bojong , Pandeglang Banten Telp. 083872097038

B. Riwayat Pendidikan Formal & Non-Formal 1. SD Negeri Geredug 3, Lulus Tahun 2008 2. SMP Negeri 1 Bojong, Lulus Tahun 2011 3. SMK Negeri 4 Pandeglang, Lulus Tahun 2014 C. Riwayat Pengalaman Berorganisasi/Pekerjaan 1. PMR SMPN 1 Bojong Tahun 2010 2. Pramuka Dewan Ambalan Gajah Gumarang Putri Manik SMKN 4

Pandeglang Tahun 2013 3. KSR PMI Bina Sarana Informatika Tahun 2015

Foto 3x4

Jakarta, 12 Januari 2018

(Dina Maria Rm)

5

Lampiran A.1. Halaman Home Sekolah

6

Lampiran A.2. 81 Halaman Sejarah Sekolah

7

Lampiran A.3. 82

Halaman Visi Dan Misi

8

83

Lampiran A.4. Halaman Program Keahlian

84

9

Lampiran A.5. Halaman Footer

85

10

Lampiran B.1. Halaman Input Biodata

86

11

Lampiran. B.2. Halaman Login

87

12

Lampiran B.3. Halaman menu utama admin

88

13

Lampiran B.4. Halaman Daftar

89

14

Lampiran B.5. Halaman konfirmasi daftar

90

15

Lampiran B.6.

Halaman Upload Bukti Bayar

91

16

Lampiran B.7.

Halaman Konfirmasi Pembayaran

92

17

Lampiran B.8.

Halaman Upload Data

93

18

Lampiran B.9.

Halaman Edit Data Program Keahlian

94

19

Lampiran B.10. Halaman input detail periode pendaftaran

95

20

Lampiran C.1. Halaman Menu Pendaftar

96

21

Lampiran C.2.

Halaman Menu Pembayaran

97

22

Lampiran C.3.

Halaman Menu Upload Data

98

23

Lampiran C.4.

Halaman Utama Periode Pendaftaran

99

24

Lampiran C.5. Halaman Menu Program Keahlian

100

25

Lampiran C.6. Input Program Keahlian

101

26

Lampiran C.7. Halaman Catatan Tempel

102

27

Lampiran C.8. Halaman Menu Banner

103

28

Lampiran C.9.

Input Data Banner

104

29

Lampiran C.10.

Halaman Menu Laporan

105

Life Enjoy

" Life is not a problem to be solved but a reality to be experienced! "

Get in touch

Social

© Copyright 2013 - 2019 TIXPDF.COM - All rights reserved.