85
SISTEM INFORMASI PENDAFTARAN SISWA BARU PADA SMA AL - KHAIRIYAH JAKARTA UTARA TUGAS AKHIR Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma Tiga (D.III) LULU YULIANTI H NIM : 12145872 Jurusan Manajemen Informatika Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika Jakarta 2017

TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

  • Upload
    others

  • View
    31

  • Download
    0

Embed Size (px)

Citation preview

Page 1: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

SISTEM INFORMASI PENDAFTARAN SISWA BARU

PADA SMA AL - KHAIRIYAH

JAKARTA UTARA

TUGAS AKHIR

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

LULU YULIANTI H

NIM : 12145872

Jurusan Manajemen Informatika

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

Jakarta

2017

Page 2: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah
Page 3: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah
Page 4: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah
Page 5: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah
Page 6: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah
Page 7: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

KATA PENGANTAR

Alhamdulillah, Dengan mengucapkan puji syukur kehadirat Allah SWT,

yang telah melimpahkan rahmat dan karunia-Nya, sehingga pada akhirnya penulis

dapat menyelesaikan tugas ini dengan baik. Dimana tugas akhir ini penulis sajikan

dalam bentuk buku yang sederhana. Adapun judul tugas akhir, yang penulis

ambil sebagai berikut, “Sistem Informasi Pendaftaran Siswa Baru Pada SMA Al

– Khairiyah Jakarta Utara”.

Tujuan penulisan tugas akhir ini dibuat sebagai salah satu syarat kelulusan

program Diploma III AMIK BSI Jakarta. Sebagai bahan penulisan diambil

berdasarkan hasil penelitian (eksperimen), observasi dan beberapa sumber literatur

yang mendukung penulisan ini. Penulis menyadari bahwa tanpa bimbingan dan

dorongan dari semua pihak, maka penulisan tugas akhir ini tidak akan lancar.

Oleh karena itu pada kesempatan ini, izinkanlah penulis menyampaikan ucapan

terima kasih kepada:

1. Direktur AMIK BSI Jakarta.

2. Ketua Program Studi Manajemen Informatika AMIK BSI Jakarta.

3. Ibu Anggi Oktaviani selaku Dosen Pembimbing Tugas Akhir.

4. Ibu Rahayu Swastika selaku Asisten Pembimbing Tugas Akhir.

Page 8: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah
Page 9: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah
Page 10: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

ABSTRAK

Lulu Yulianti H (12145872), Sistem Informasi Pendaftaran Siswa Baru Pada

SMA AL - Akhiriyah Jakarta Utara

Dalam memperoleh data untuk penyusunan penulisan tugas akhir ini, penulis

mencoba beberapa metode penelitian diantaranya adalah metode pengamatan

langsung (riset) dan kepustakaan. Didalam membantu melakukan pencarian sekolah

yang bermutu . sistem Perancangan Pendaftaran Siswa Baru ini dibuat untuk

menyampaikan informasi seputar SMA AL – Khairiyah Jakarta kepada masyarakat

luas melalui internet. Selain itu, bagi calon siswa yang akan mendaftar di SMA AL –

Khairiyah Jakarta dapat memudahkan mereka dalam mendaftar secara online. Tujuan

dari penelitian ini adalah untuk mengembangkan sistem informasi perancangan

pendaftaran siswa baru pada SMA AL – Khairiyah Jakarta secara mudah dan efisien

dalam pengelolaan dan penyeleksian calon siswanya.Metode pengumpulan data yang

digunakan dalam penyusunan Tugas Akhir ini adalah Observasi, Studi Pustaka, dan

Wawancara. Dalam pembuatan web pendaftaran online ini dikembangkan dengan

menggunakan script PHP , MYSQL dan script CSS. Desainnya dibangun

menggunakan Macromedia Dreamweaver 8. Kesimpulannya Sistem Informasi

Pendaftaran Siswa Baru Online SMA AL – Khairiyah Jakarta ini telah selesai dibuat

dengan menggunakan PHP dan MySQL.

Kata kunci : Perancangan Sistem Informasi, Penerimaan Siswa Baru,

Pendaftaran Online.

Page 11: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

ABSTRACT

Lulu Yulianti H (12145872) Designing Registration of New Students At SMA AL –

Khairiyah Jakarta .

In obtaining the data for the preparation of this thesis , the author tried several

methods of research include direct observation method ( research ) and literature . In

helping to search quality school . New Student Registration System design is made to

convey information about SMA AL – Khairiyah Jakarta to the general public via the

internet . In addition , for prospective students who will enroll in vocational SMA AL

– Khairiyah Jakarta can facilitate them in registering online . The purpose of this

research is to develop an information system design new student enrollment in

vocational SMA AL – Khairiyah Jakarta is easy and efficient in managing and

selecting prospective students . Data collection methods used in the preparation of

this final project is the observation , Library Studies , and Interview . In making this

online registration web development using PHP scripting , MySQL and CSS scripts .

The design is built using Macromedia Dreamweaver 8. In conclusion the New

Student Registration Information System Online SMA Jakarta AL – Khairiyah has

been created using PHP and MySQL .

Keywords : Designing Registration, Design of Information System, Online

Registering, New Student Registration System

Page 12: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

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

Abstraksi .......................................................................................................... ix

Daftar Isi .......................................................................................................... xi

Daftar Gambar ................................................................................................ xiii

Daftar Tabel .................................................................................................... xiv

Daftar Simbol................................................................................................... xv

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

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

1.2. Maksud dan Tujuan .................................................................... 2

1.3. Metode Penelitian ...................................................................... 3

1.4. Ruang Lingkup .......................................................................... 5

1.5. Sistematika Penulisan ................................................................. 5

BAB II LANDASAN TEORI ....................................................................... 7

2.1. Konsep dasar Web ...................................................................... 7

2.1.1. Website ............................................................................ 7

2.1.2. Bahasa Pemrograman........................................................ 11

2.1.3. Adobe Dreamweaver CS6 ................................................ 14

2.1.4. Basis Data ......................................................................... 15

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

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

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

2.2.3. Logical Relationship Structured (LRS) ............................. 22

2.2.4. Pengujian Web .................................................................. 24

BAB III PEMBAHASAN ................................................................................ 26

3.1. Tinjauan Sekolah ........................................................................ 26

Page 13: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

3.1.1. Sejarah Sekolah ............................................................... 26

3.1.2. Struktur Organisasi dan Fungsi ........................................ 27

3.2. Analisis Kebutuhan .................................................................... 30

3.3. Perancangan Perangkat Lunak ..................................................... 32

3.3.1. Rancangan Antar Muka .................................................... 32

3.3.2. Rancangan Basis Data ...................................................... 45

3.3.3. Rancangan Struktur Navigasi ........................................... 55

3.4. Implementasi dan Pengujian Unit ................................................ 57

3.4.1. Implementasi .................................................................... 57

3.4.2. Pengujian Unit .................................................................. 71

BAB IV PENUTUP ........................................................................................ 73

4.1. Kesimpulan ................................................................................. 73

4.2. Saran ........................................................................................... 74

DAFTAR PUSTAKA

DAFTAR RIWAYAT HIDUP

SURAT KETERANGAN PKL/RISET

Page 14: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

DAFTAR GAMBAR

Halaman

1. Gambar II.1 Struktur Navigasi Linear ...................................................... 17

2. Gambar II.2 Struktur Navigasi Hirarki ..................................................... 18

3. Gambar II.3 Struktur Navigasi Non Linear ............................................... 19

4. Gambar II.4 Struktur Navigasi Campuran ................................................ 20

5. Gambar III.1 Contoh Struktur Organisasi................................................. 28

6. Gambar III.2 Rancangan Antar Muka Beranda User ................................. 33

7. Gambar III.3 Rancangan Antar Muka Menu Profil Sekolah ...................... 34

8. Gambar III.4 Rancangan Antar Muka Jurusan .......................................... 35

9. Gambar III.5 Rancangan Antar Muka Pendaftaran ................................... 36

10. Gambar III.6 Rancangan Antar Muka Pendaftaran Input Nilai .................. 37

11. Gambar III.7 Rancangan Antar Muka Calon Siswa yang Diterima ........... 38

12. Gambar III.8 Rancangan Antar Muka Login Admin ................................. 39

13. Gambar III.9 Rancangan Antar Muka Data Jurusan Admin ...................... 40

14. Gambar III.10 Rancangan Antar Muka Tambah Jurusan Admin ............... 41

15. Gambar III.11 Rancangan Antar Muka Data Pendaftar Admin ................. 42

16. Gambar III.12 Rancangan Antar Muka Penerimaan Siswa Baru Admin.... 43

17. Gambar III.13 Rancangan Antar Muka Data Calon Siswa ....................... 44

18. Gambar III.14 Contoh Entity Relationship Diagram ................................. 45

19. Gambar III.15 Contoh Logical Record Structure ...................................... 46

20. Gambar III.16 Struktur Navigasi User ...................................................... 55

21. Gambar III.17 Struktur Navigasi Admin ................................................... 56

22. Gambar III.18 Halaman Beranda User ...................................................... 57

23. Gambar III.19 Halaman Profil Sekolah........................................................58

24. Gambar III.20 Halaman Jurusan ............................................................... 59

25. Gambar III.21 Halaman Form Pendaftaran Siswa Baru ............................ 60

26. Gambar III.22 Halaman Pendaftar Diterima ............................................. 61

27. Gambar III.23 Halaman Login Admin ...................................................... 62

28. Gambar III.24 Halaman Data Jurusan ....................................................... 63

29. Gambar III.25 Halaman Data Tambah Jurusan ......................................... 64

30. Gambar III.26 Halaman Data Pendaftar .................................................... 65

31. Gambar III.27 Halaman Data Penerimaan ................................................ 66

32. Gambar III.28 Halaman Data Siswa Diterima ........................................... 67

33. Gambar III.29 Halaman Laporan Siswa Diterima........................................68

Page 15: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

DAFTAR TABEL

Halaman

1. Tabel III.1 Spesifikasi File User…................................................................... 47

2. Tabel III.2 Spesifikasi File Admin.................................................................... 48

3. Tabel III.3 Spesifikasi File Jurusan................................................................... 49

4. Tabel III.4 Spesifikasi File Pendaftaran............................................................ 50

5. Tabel III.5 Spesifikasi File Nilai…................................................................... 51

6. Tabel III.6 Spesifikasi File Siswa…………..................................................... 53

7. Tabel III.7 Hasil Pengujian Blackbox Testing Halaman Admin….................... 71

Page 16: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

DAFTAR SIMBOL

A. Entity Relationship Diagram

ATRIBUT MULTI VALUE

Atribut yang memiliki nilai lebih dari satu.

RELATIONSHIP

hubungan yang tejadi antara satu entitas atau lebih. Kumpulan

relationship yang sejenis disebut relationship set.

ATRIBUTATAU ELEMEN DATA

karakteristik dalam entity atau relationship yang mengerjakan

penjelasan detail tentang entity atau relationship atau dengan

kata lain adalah kumpulan elemen data yang membentuk suatu

entitas.

WEAK ENTITY

Suatu entity dimana keberadaan dari entity tersebut tergantung

dari entity lain.

ENTITAS ATAU OBYEK DATA

Kumpulan obyek atau seesuatu yang dapat dibedakan atau dapat

diidentifikasi secara unik.

Page 17: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

CONNECTION

Digunakan sebagai penghubung entitas yang membedakan entitas

tersebut dengan entitas lainnya.

Page 18: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Semakin sulitnya para siswa dan siswi lulusan sekolah menengah pertama

(SMP), untuk mendaftarkan diri pada sekolah lanjutan (SMA dan SMK) negeri yang

diinginkan. Dikarenakan persaingan dalam merebutkan bangku sekolah, dalam hal ini

nilai ujian negara menjadi panutan dalam mendapatkan bangku disekolahan. Untuk

memberikan pendidikan minimal 12 tahun, juga dalam membantu Indonesia dalam

kegiatan pasar bebas, maka banyak sekali para orang tua yang mendaftarkan anaknya

pada sekolah menengah atas (SMA) swasta yang berpotensi.

Salah satu sekolah SMA swasta favorit yang berpotensi di DKI Jakarta Utara

yaitu SMA AL-KHAIRIYAH ini juga masih menggunakan sistem pendaftaran

secara manual. Dimana proses pendaftarannya masih kurang efisien dan efektif karna

terlalu banyak dokumen-dokumen yang menumpuk dan menghambat proses

pendaftaran bagi pihak sekolah, maka dari itu pihak sekolah membuat sistem baru

dengan cara online agar mempermudah proses berjalannya sistem informasi

penerimaan siswa baru secara efektif. Sekolah SMA AL-KHAIRIYAH ini memang

hanya memiliki 2 jurusan saja, yaitu jurusan IPA dan IPS. Akan tetapi lulusan SMA

ini memiliki peluang kerja yang sangat tinggi dan juga dapat membantu para siswa

dan siswinya dalam mengejar cita-cita, serta dalam membatu mendidik siswa dan

Page 19: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

siswinya untuk berprestasi, maka dari itu banyaknya orang tua mendaftarkan anak-

anaknya pada SMA AL –KHAIRIYAH ini.

Berdasarkan masalah diatas penulis mencoba membahas ruang lingkup yang

kecil dalam proses penerimaan siswa baru. Sehubungan dengan hal tersebut sebagai

bahan penulisan Tugas Akhir dengan judul :

“PENDAFTARAN SISWA BARU

PADA SMA AL-KHAIRIYAH

JAKARTA UTARA”

1.2. Maksud dan tujuan

Adapun maksud dari pembuatan Tugas Akhir ini adalah :

a. Memberikan suatu kemudahan kepada pihak sekolah dan calon siswa baru

dalam sistem informasi penerimaan siswa baru agar lebih efisien dan efektif.

b. Membuat sistem informasi penerimaan siswa baru berbasis web.

c. Membantu pihak panitia penerimaan dalam membuat laporan yang lebih

efisien.

d. Hasil perancangan program ini diharapkan dapat memperlancar dan

memperbaiki proses penerimaan siswa baru.

Sedangkan tujuan dari penulisan Tugas Akhir ini adalah sebagai salah satu syarat

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

Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika (AMIK

BSI).

Page 20: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

1.3. Metode Penelitian

Dalam penyusunan tugas akhir ini, penulis menggunakan beberapa metode

penelitian, yaitu :

1.3.1. Metode Pengembangan Perangkat Lunak

Menurut Sukamto dan Shalahuddin (2013:28) “Model air terjun (Waterfall)

menyediakan pendekatan alur hidup perangkat lunak secara sekuensial atau terurut

dimulai dari analisis, perancangan sistem dan perangkat lunak ,pengujian, dan tahap

pendukung (support).

Metode yang digunakan pada pengembangan perangkat lunak ini menggnakan

metode water fall yang tebagi menjadi tiga tahapan, yaitu;

1. Analisis Kebutuhan

Pada metode ini penulis menganalisa suatu kebutuhan SMA AL - KHAIRIYAH

dalam membuat website. Untuk membuat program web penerimaan siswa baru

yang akan dipasarkan ke masyarakat luas.

2. Perancangan Sistem dan Perangkat Lunak

Dalam metode ini penulis merancang sebuah website yang nantinya akan

berguna untuk sekolah SMA AL - KHAIRIYAH, dan penulis juga menggunakan

beberapa perangkat lunak seperti Notepad++ untuk meletakkan script/coding,

Apache sebagai web server dan Mozilla FireFox sebagai salah satu web browser

yang digunakan.

3. Implementasi dan Pengujian Unit

Pada metode ini penulis akan melakukan implementasi perancangan web yang

telah penulis buat untuk sekolah SMA AL - KHAIRIYAH, dan penulis juga akan

Page 21: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

melakukan uji coba unit setelah sistem tersebut siap untuk di uji sebagai sebuah

web pemasaran.

1.3.2. Teknik Pengumpulan Data

Teknik pengumpulan data yang digunakan oleh penulis dalam melakukan

pengumpulan data untuk pembuatan Tugas Akhir adalah :

1. 1. Observasi

Pada metode ini penulis melakukan pengamatan pada proses penerimaan yang

terjadi di SMA AL – KHAIRIYAH yang akan dijadikan sebagai objek penulisan

tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru.

2. Wawancara

Disini penulis melakukan wawancara langsung kepada pihak sekolah yang

diwakili oleh Bapak Udin tata usaha dan guru-guru yang bertanggung jawab

langsung dalam proses penerimaan siswa baru. Agar informasi yang penulis

dapatkan terkoordinasi dengan baik dan sesuai dengan permasalahan yang

diangkat.

3. Studi Pustaka

Dengan metode ini penulis menggambarkan masalah secara jelas dan objektif

berdasarkan teori-teori yang penulis pelajari selama perkuliahan. Selain itu,

penulis juga mendapatkan data melalui pengumpulan serta membaca beberapa

literatur sebagai bahan acuan dari referensi yang berkenaan dengan materi tugas

akhir.

Page 22: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

1.4. Ruang Lingkup

Ruang lingkup permasalahan yang akan dibahas penulis dalam tugas akhir ini

hanya meliputi pembahasan tentang penerimaan siswa baru, mulai dari registrasi

pendaftaran siswa baru, melengkapi data siswa, berupa biodata siswa, dan nilai .dan

melakukan penginputan data yang dibutuhkan untuk melengkapi registrasi yang

kurang, sampai melihat informasi penerimaan siswa baru penginputan yang telah

diperbaharui. Kemudian siswa dapat melihat informasi apakah di terima atau tidak

oleh sekolah yang bersangkutan.

1.5. Sistematika Penulisan

Sistematika penulisan Tugas Akhir ini agar tersusun dengan baik maka penulis

membagi dalam beberapa bab, yaitu :

BAB I PENDAHULUAN

Merupakan bab yang menguraikan tentang masalah umum, maksud

dan tujuan, ruang lingkup, metode-metode penelitian dan sistematika

penulisan.

BAB II LANDASAN TEORI

Dalam bab ini membahas konsep dasar web yang meliputi pengertian

internet, web, Dreamweaver CS5, PHP dan MYSQL, teori

pendukungyaitu mengenai pengertian ERD (Entity Relationship

Diagram), komponen ERD serta pengertian LRS ( Logical Record

Structure).

BAB III ANALISA SISTEM BERJALAN

Page 23: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Pada bab ini penulis membahas masalah umum tinjauan perusahaan

sejarah perusahaan, struktur organisasi dan fungsinya, analisis

kebutuhan, perancangan perangkat lunak, rancangan antar muka

(Interface), basis data, entity relationship diagram, logical record

structure, struktur navigasi, implementasi dan pengujian unit.

BAB IV PENUTUP

Merupakan bab terakhir yang menguraikan kesimpulan dan saran dari

penulis mengenai pembahasan Tugas Akhir.

Page 24: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

BAB II

LANDASAN TEORI

2.1. Konsep Dasar Web

2.1.1. Website

1. Internet

Menurut Williams dan Sawyer (2007:17) “Internet adalah jaringan komputer

diseluruh dunia yang menghubungkan ratusan bahkan ribuan jaringan yang lebih

kecil, misalnya jaringan pendidikan, komersial, nirlaba dan militer, bahkan jaringan

individual”. Seperti halnya jaringan komputer lokal maupun jaringan komputer area,

internet juga menggunakan protocol komunikasi yang sama yaitu TCP/IP

(transmission control protocol/internet protocol).

a. Application Layer

Lapisan aplikasi (Application Layer) adalah lapisan yang berisi semua protokol

dan metode yang mengatur komunikasi antar proses layanan komunikasi.

b. Transport Layer

Lapisan Transport (Transport Layer) adalah lapisan yang mengatur lalu lintas

pengiriman maupun penerimaan data.

c. Internet Layer

Lapisan Internet (Internet Layer) adalah lapisan yang berfungsi mengatur proses

fragmentasi dan defragmentasi paket bergantung dari jenis protokol lapisan

internet.

Page 25: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

d. Link Layer

Lapisan Penghubung (Link Layer ) adalah lapisan yang mengatur hubungan

antara host dengan node. Host sebagai pengirim dan node adalah lokasi tujuan

dari Host.

2. World Wide Web (WWW)

Menurut Williams dan Sawyer (2007:17) mengemukakan bahwa “World Wide

Web (WWW), atau web didefinisikan sebagai sistem interkoneksi komputer internet

(disebut server) yang mendukung doukumen-dokumen berformat multimedia”. Kata

multimedia yang berarti “banyak media”, berkaitan dengan teknologi yang

menyajikan informasi dilebih dari satu media , misalnya teks, gambar tidak begerak,

gambar bergerak, dan suara. Dengan kata lain web menyediakan informasi dalam

beragam bentuk. Dengan adanya web, user dapat memperoleh atau menemukan

informasi yang diinginkan dengan cara mengikuti link (hyperlink) yang disediakan di

dalam dokumen yang ditampilkan oleh aplikasi web browser.

Saat ini web telah menjadi antarmuka (inteface) standar untuk layanan-

layanan lain yang ada di internet. Misalnya email. Dengan menggunakan teknologi

web, user akan lebih mudah dalam berinteraksi dengan data yang tersimpan di dalam

suatu web server, tanpa harus menuliskan perintah apapun. Permintaan dokumen atau

data dari suatu web server dapat dilakukan hanya dengan mengikuti (klik) link yang

disediakan di dalam dokumen.

Dalam teknologi web, informasi akan disajikan dalam bentuk dokumen yang

disebut halaman web. Halaman web merupakan hasil terjemahan kode-kode program

Page 26: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

dari file-file yang tersimpan di dalam suatu komputer yang berperan sebagai server

web (web server). Komputer yang mengakses informasi disebut dengan klien web

(web client). Informasi dari web server diakses oleh web client melalui aplikasi yang

disebut dengan web browser, sering disingkat browser.

3. Aplikasi Berbasis Web

a. Web Browser

Menurut Sibero (2014:12) “Web browser adalah aplikasi perangkat lunak

yang digunakan untuk mengambil dan menyajikan sumber informasi web”. Sumber

informasi web diidentifikasikan dengan Uniform Resource Indentifier (URL) yang

dapat terdiri dari halaman web, video, gambar, ataupun konten lainnya.

Sejarah web browser dimulai pada tahun 1991 saat Tim Berners-Lee membuat

aplikasi web browser pertama pada komputer NeXT dengan nama World Wide Web

Browser, kemudian di tahun 1993 NCSA (National Center Supercomputing

Application) mengembangkan web browser grafis bernama NCSA Mosaic, yang

kemudian dilanjutkan pada tahun 1994 merilis Netscape Navigator dan pada tahun

1998 berubah menjadi Mozile Firefox.

Microsoft Corp ikut meramaikan perkembangan web browser dengan merilis

Internet Explorer pada tahun 1995, dan diikuti oleh Opera pada tahun 1996. Tidak

ketinggalan Apple Inc juga ikut meramaikan pasar web Browser dengan merilis

Safari pada tahun 2003. Dan ditahun 2008 Google Inc merilis web browser dengan

nama Google Chrome.

Page 27: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

b. Web Server

Menurut Madcoms (2011:229) 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 yang terkait seperti gambar, dan lain-

lain. Web server yang penulis gunakan adalah Apache2TRIAD.

c. Apache2TRIAD

Apache juga dikembangkan oleh komunitas open source di internet, saat ini

apache merupakan web server yang paling popouler. Berdasrkan hasil penelitian

Netcraft Web Server Survey pada tahun 2002, 63% website didunia meggunakan

apache sebagai web server. Menurut Nugroho (2009:2) “Apache adalah paket

program web (Web Programing) lengkap yang dapat digunakan secara gratis dan

legal. Untuk menjalankan PHP dibutuhkan web server yang juga dikenal dengan

istilah HTTPD (Hypertext Transfer Protocol Daemon) atau HTTP server, yaitu

service yang bekerja untuk melayani permintaan / request dari HTTP client (web

browser) ke komputer server. PHP dapat bekerjasama dengan banyak web server,

salah satunya web server yang dikenal dan sudah terbukti ketangguhannya serta

konektivitasnya dengan PHP adalah Apache”.

Page 28: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

2.1.2. Bahasa Pemograman

1. PHP

Madcoms (2011:228) mengemukakan bahwa “PHP adalah sebuah bahasa

scripting yang terpasang pada HTML”. Sebagian besar sintaksnya mirip dengan

bahasa pemograman C, Java, asp dan Perl, ditambahkan beberapa fungsi PHP yang

spesifik dan mudah dimengerti. Sejarah PHP dimulai pada tahun 1995, ketika

Rasmus Lerdorf seorang programmer development contractor mengembangkan

script Perl/CGI untuk mengetahui jumlah pembaca online resume-nya. Script

tersebut mengerjakan dua hal, yaitu, mencatat informasi pengunjung, dan

menampilkan jumlah pengunjung kehalaman web. Waktu itu belum ada tools seperti

yang dibuat oleh Rasmus, sehingga banyak developer yang mengirimkan e-mail,

menanyakan skrip yang dibuatnya. Hal itulah yang membuat Rasmus melepasnya dan

memberinya nama PHP (Personal Home Page).

PHP adalah produk open source yang dapat digunakan secara gratis tanpa

harus membayar untuk menggunakannya. File installer dapat di download secara

gratis di alamat http://www.php.net.

Interpreter PHP dalam mengeksekusi kode PHP pada sisi server (disebut

server–side), sedangkan tanpa adanya interpreter PHP, maka semua skrip dan

aplikasi PHP yang dibuat tidak akan dapat dijalankan.

Page 29: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

2. HTML

Menurut Arief (2011:23) “HTML adalah singkatan dari HyperText Markup

Language, merupakan salah satu format yang digunakan dalam pembuatan dokumen

dan aplikasi yang berjalan di halaman web. Dokumen ini dikenal sebagai web page.

Dokumen HTML merupakan dokumen yang di sajikan pada web browser.

Tag adalah kode yang di gunakan untuk me-mark-up (memoles) teks ASCII menjadi

file HTML.

3. CSS ( Cascade Style Sheet )

Menurut Madcoms (2011:116) “ Cascading Style Sheets (CSS) adalah suatu

kumpulan kode-kode untuk memformat, yang mengendalikan tampilan isi dalam

suatu halaman web”. Penggunaan style CSS pada format suatu halaman diletakkan

terpisah dari tampilan halaman. Kode CSS dapat berupa kode yang berada dalam file

lain atau dalam salah satu bagian dari dokumen HTML, dan biasanya diletakkan di

bagian kepala atau tag <head>.

Perkembangan CSS sendiri diawali pada tahun 1996, dimana W3C (World

Wide Web), sebuah konsorsium untuk standarisasi web, menyusun draft proposal

untuk membuat CSS ini dan akhirnya dapat berjalan. Selanjutnya pada pertengahan

tahun 1998, W3C mengembangkan CSS2 yang diperbarui untuk kepentingan media

lain (tidak hanya untuk PC web browser ). Akhirnya mulai pada tahun 2000, telah

Page 30: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

dikembangkan CSS3 oleh W3C yang sampai saat ini masih terus diperbaharui lagi.

Contoh penulisan CSS:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>CSS GUIDE</title>

<style type="text/css">

h1 {

color:gold;

font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

text-align:center;

}

</style>

</head>

<body>

</body>

</html>

4. Java Script

Menurut Siberto (2011:150) “Java Script adalah suatu bahasa pemograman

yang dikembangkan untuk dapat berjalan pada web browser”. Pada awalnya Java

Script dikembangkan pada web browser Netscape oleh Brenden Erich dengan nama

Mocha, kemudian berubah menjadi Live-Script dan akhirnya sampai sekarang ini

menjadi JavaScript. JavaScript yang awalnya dikembangkan pada web browser

Netscape kemudian menjadi populer dikalangan pengguna dan pengembang web.

Perkembangan Java Script menarik perhatian produsen web browser seperti

Microsoft yang kemudian mengembangkan bahasa scriptnya dengan nama Jscript.

Dikarenakan masing-masing pengembang memiliki aturan dan standar yang berbeda

serta akibat dari persaingan pasar, maka pada tahun 1996 Netscape menyerahkan

Page 31: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

JavaScript pada EMCA (European Computer Manufacture Assosiation)

Internasional, yaitu suatu organisasi internasional nirlaba untuk dipertimbangkan

sebagai standar industri, yang kemudian oleh EMCA Internasional mengeluarkan

JavaScript Standar dengan nama EMCAScript.

Sebagai bahasa skrip yang berjalan pada web browser atau sisi klien (Client

Side), Java Script tidak memiliki fumgsi untuk menjalankan suatu perintah pada

server atau sisi server (Server Side). Dengan keterbatasan itu, para pengembang

JavaScript kemudian menambahkan suatu mekanisme agar Java Script dapat

berinteraksi dengan server.

Mekanisme tersebut adalah AJAX (Asynchronous JavaScript and XML), yaitu

mekanisme komunikasi antara JavaScript yang berada di sisi klien dengan bahasa di

sisi sever seperti PHP dan lainnya. Prinsip kerja AJAX adalah menjalankan suatu

alamat perintah pada server dan menerima data yang dikembalikan oleh server.

5. jQuery

Jquery dikembangkan oleh John Resig pada tahun 2006 di BarCamp NYC.

Menurut Munigmini (2012:2) “jQuery adalah Javascript Library atau kumpulan kode

atau fungsi Javasript siap pakai, sehingga mempermudah kita untuk membuat kode

JavaSript. Atau dalam kesimpulannya jQuery menyederhanakan kode Javascript”.

2.1.3. Adobe Dreamweaver CS6

Macromedia Dreamweaver merupakan program penyuntingan halaman web

keluaran Adobe Systems yang dulu di kenal sebagai Macromedia Dreamweaver

Page 32: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

keluaran Macromedia Dreamweaver. Menurut Madcoms (2011:4) mengemukakan

bahwa “ Macromedia Dreamweaver adalah software terkemuka untuk membangun

dan mengedit web dengan menyediakan kemampuan visual dan tingkat kode, yang

dapat digunakan untuk membuat website berbasis standar dan desain untuk dekstop,

mobile, smartphone dan perangkat lainnya”. Program ini banyak digunakan oleh

pengembang web karena fitur – fiturnya yang menarik dan kemudahan

penggunaanya.

Versi terbaru Dreamweaver 6 memiliki cukup banyak perubahan dan

peningkatan fasilitas maupun kualitas. Dalam versi terbarunya, Adobe Dreamweaver

6 memiliki fitur-fitur baru yang diharapkan dapat memenuhi kebutuhan pengguna

secara maksimal dalam membangun sebuah website.

2.1.4. Basis Data

1. Pengertian Basis Data

Menurut Fathansyah (2012:3) “Basis Data dalah kumpulan data yang saling

berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan

(rududansi) yang tidak perlu, untuk memenuhi berbagai kebutuhan”. Basis data dan

lemari arsip sesungguhnya memiliki prinsip kerja dan tujuan yang sama. Prinsip

utamanya adalah pengaturan data atau arsip. Dan tujuan utamanya adalah kemudahan

dan kecepatan dalam pengambilan kembali data atau arsip. Perbedaanya hanya

terletak pada media penyimpananya yang digunakan.

Page 33: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

2. MySQL

Software server MySQL pertama dibuat oleh Michael “Monty” Windenius dan

kawan-kawannya, pada tahun 1994. MySQL database ini bersedia bebas dan siapa

saja dapat mengembangkan software ini tanpa biaya. Sama halnya dengan PHP,

MySQL merupakan jenis software yang termasuk open source. Perangkat lunak

sumber terbuka (Inggris: open source software) adalah jenis perangkat lunak yang

kode sumber-nya terbuka untuk dipelajari, diubah, ditingkatkan dan disebarluaskan,

karena sifat ini umumnya pengembangannya dilakukan oleh satu kelompok terbuka

yang bertujuan mengembangkan perangkat lunak bersangkutan.

Menurut WK (2010:2) “MySQL adalah sebuah database yang memiliki

struktur relasional terdapat tabel-tabel untuk menyimpan data dan tabel tersebut

terdiri dari kolom dan baris serta sebuah kolom untuk mendefinisikan jenis informasi

apa yang harus disimpan”. Dengan menggunakan script PHP dan PERL software

database ini dapat berfungsi atau berjalan pada semua platform sistem operasi yang

biasa digunakan (windows, Linux, OS/2, berbagai varian Unix).

2.2. Teori Pendukung

2.2.1. Struktur Navigasi

Menurut Simmarmata (2010:310) menyatakan “ Struktur Navigasi merupakan

petunjuk bagi pengunjung mengenai halaman-halaman yang terdapat pada situs ”.

berfungsi untuk membantu pengguna menjelajahi situs web untuk mencari informasi

yang diinginkan secara mudah.

Page 34: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Menurut Binanto (2010:269) ada 4 macam bentuk dasar dan struktur navigasi

yang bias digunakan dalam proses pembuatan website, yaitu:

1. Struktur Navigasi Linear

Struktur navigasi linear hanya mempunyai 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.

Sumber : Binanto (2010:269)

Gambar II.1.

Struktur Navigasi Linear

2. Struktur Navigasi Hirarki

Struktur Navigasi Hirarki biasa disebut struktur bercabang, merupakan suatu

struktur yang mengandalkan percabangan untuk menampilkan data berdasarkan

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 diaktifkan, maka tampilan tersebut akan bernama Master Page (halaman utama

Page 35: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

kedua), dan seterusnya. Pada struktur navigasi ini tidak diperkenankan adanya

tampilan secara linear.

Sumber : Binanto (2010:269)

Gambar II.2.

Struktur Navigasi Hirarki

3. Struktur Navigasi Non-Linear

Struktur navigasi non-linear atau struktur tidak berurut merupakan

pengembangan dari struktur navigasi-linear. Pada struktur ini diperkenankan

membuat navigasi bercabang. Percabangan yang dibuat pada struktur non-linear ini

berbeda dengan percabangan pada struktur hirarki, karena pada percabangan non-

linear ini walaupun terdapat percabangan, tetapi tiap-tiap tampilan mempunyai

kedudukan yang sama yaitu tidak ada Master Page dan Slave Page.

Page 36: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Sumber : Binanto (2010:269)

Gambar II.3.

Struktur Navigasi Non-Linear

4. Struktur Navigasi Campuran

Struktur Navigasi campuran merupakan gabungan dari ketiga struktur

sebelumnya yaitu linear,non-linear dan hirarki. Struktur navigasi ini juga biasa

disebut dengan struktur navigasi bebas. Struktur navigasi ini banyak digunakan dalam

pembuatan website karena struktur ini dapat digunakan dalam pembuatan website

sehingga dapat memberikan ke-interaksian yang lebih tinggi.

Page 37: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Sumber : Binanto (2010:269)

Gambar II.4.

Struktur Navigasi Campuran

2.2.2. ERD (Entity Relationship Diagram)

Menurut Rosa dan Shalahuddin (2010:212) ERD (Entity Relationship

Diagram) adalah merupakan “sebuah diagram yang digunakan untuk merancang

hubungan antara table-tabel dalam basis data”. ERD merupakan dokumen data

perusahaan dalam ringkasan cara dengan mengidentifikasi tipe data entity dan

hubungan antar entity. Atribut merupakan properti atau bagian dari suatu entity.

Relationship menggambarkan hubungan antar entity

ERD menggunakan sejumlah notasi dan simbol untuk menggambarkan

struktur dan hubungan antar data. Pada dasarnya ada 3 macam simbol yang

digunakan, yaitu:

Page 38: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

1. Entity

Adalah suatu objek yang dapat di identifikasi dalam lingkungan pemakai,

sesuatu yang penting bagi pemakai dalam konteks sistem yang akan dibuat. Sebagai

contoh adalah barang, pemasok, pekerja dan lain-lain. Seandainya A adalah barang,

sedang B adalah pelanggan maka B adalah isi dari pelanggan. Karena itu harus

dibedakan antara entitas sebagai bentuk umum dari deskripsi dan isi entitas seperti A

dan B dalam contoh diatas. Entitas digambarkan dalam bentuk persegi empat.

2. Atribut

Entitas mempunyai elemen yang disebut atribut dan berfungsi

mendeskripsikan karakter entitas, misalnya atribut nama barang dari entitas barang.

Setiap ERD bisa berisi lebih dari satu atribut. Entitas digambarkan dalam bentuk

elips.

3. Relationship (relasi)

Contoh kasus antara entitas barang dan entitas pelanggan terdapat hubungan

menjual, sedang isi hubungannya dapat berupa tanggal jual atau berupa yang lainnya.

Relationship digambarkan dalam bentuk intan (diamond).

4. Cardinality (Kardinalitas)

Kardinalitas relasi menunjukan jumlah maksimum tupel yang dapat berelasi

dengan entitas pada entitasyang lain. Dari jumlah kemungkinan banyaknya hubungan

antar entitas tersebut, kardinalitas relasi merujuk kepada hubungan maksimum yang

Page 39: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

terjadi dari entitas yang satu ke entitas yang lain dengan begitu juga sebaliknya.

Terdapat tiga macam kardinalitas relasi yaitu :

a. One to One

Tingkat hubungan satu ke satu, dinyatakan dalam satu kejadian pada entitas

pertama, hanya mempunyai satu hubungan dengan satu kejadian pada entitas yang

kedua dan sebaliknya.

b. One to Many atau Many to One

Tingkatan hubungan satu ke banyak adalah sama dengan banyak ke satu.

Tergantung dari arah mana hubungan tersebut dilihat. Untuk satu kejadian pada

entitas yang pertama dapat mempunyai banyak hubungan dengan kejadian pada

entitas yang kedua, dan sebaliknya.

c. Many to Many

Tingkat hubungan banyak ke banyak terjadi jika tiap kejadian pada sebuah

entitas akan mempunyai banyak hubungan dengan kejadian pada entitas lainnya. Baik

dilihat dari sisi entitas yang pertama, maupun dilihat dari sisi yang kedua.

2.2.3. Logical Record Structure (LRS)

Menurut Wulandari (2011) “Logical Record Structure dibentuk dengan

nomor dari tipe record. Beberapa tipe record digambarkan oleh kotak empat persegi

panjang dan dengan nama yang unik. Beda LRS dengan diagram entity relationship

diagram nama tipe record berada diluar kotak field tipe record ditempatkan. LRS

terdiri dari link-link diantara tipe record. Link ini menunjukkan arah dari satu tipe

record lainnya. Banyak link dari LRS yang diberi tanda field-field yang kelihatan

Page 40: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

pada kedua link tipe record. Penggambaran LRS mulai dengan menggunakan model

yang dimengerti. Dua metode yang dapat digunakan, dimulai dengan hubungan

kedua model yang dapat dikonversikan ke LRS. Metode yang lain dimulai dengan

entity relationship diagram dan langsung dikonversikan ke LRS.

1. Konversi ERD ke LRS, entity relationship diagram harus diubah kedalam bentuk

LRS (struktur record secara logik). Dari bentuk LRS inilah yang nantinya dapat

di transformasikan ke bentuk relasi (tabel).

2. Konversi ERD ke LRS sebuah model sistem yang digambarkan dengan sebuah

ERD akan mengikuti pola permodelan tertentu. Dalam kaitanya dengan konversi

ke LRS. Untuk perubahan yang terjadi adalah mengikuti aturan-aturan berikut :

a. Setiap entitas diubah kebentuk kotak dengan nama entitas, berada diluar

kotak dan atribut berada didalam kotak.

b. Sebuah relationship kadang disatukan, dalam sebuah kotak bersama entitas,

kadang sebuah kotak bersama-sama dengan entitas, kadang disatukan dalam

sebuah kotak tersendiri.

3. Konversi LRS ke relasi (tabel) relasi atau tabel adalah bentuk pernyataan data

secara grafis 2 (dua) dimensi, yang terdiri dari kolom dan baris. Relasi adalah

bentuk visual dari sebuah file, dan tiap tuple dalam sebuah field atau yang dalam

bentuk lingkaran diagram entity relationship dikenal deengan sebutan atribut.

Konversi dari logical record structure dilakukan dengan cara :

a. Nama logical record structure menjadi nama relasi

b. Tiap atribut menjadi sebuah kolom didalam relasi

Page 41: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

2.2.4. Pengujian Web (Black Box Testing)

Menurut Pratama (2014 : 50) “Pengujian di sisi pengembang dilakukan oleh

pengembang atau programmer dari aplikasi bersangkutan, atau mereka yang mengerti

dan terlibat di dalam pengembangan sistem tersebut”. Pengujian di sisi pengembang

umum disebut dengan blackbox testing”. Pengujian ini menekankan pada sejauh

mana fungsionalitas sistem informasi berjalan dengan baik sesuai dengan yang

diinginkan oleh pengguna dan pengembang.

Terdapat setidaknya empat buah jenis pengujian di sisi pengembang

(blackbox) ini. Keempat jenis pengujian tersebut meliputi :

1. Pengujian Interface (tatap muka) aplikasi

Pengujian Interface (tatap muka) aplikasi sistem informasi betujuan untuk

mengetahui fungsionalitas dari 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 di sisi pengembang maupun sebagai pengguna.

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

Page 42: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

pengguna. Inputan yang diberikan oleh pengguna kedalam sistem informasi dapat

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

4. Pengujian keamanan sistem

Pengujian 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, otentifikasi via e-mail) serta user atau pengguna

(misalkan : ada tidaknya perbedaan hak akses untuk setiap kelompok pengguna).

Page 43: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

BAB III

PEMBAHASAN

3.1 Tinjauan Sekolah

3.1.1. Sejarah Sekolah

Pada tahun pelajaran tahun 1979 – 1980 Drs. H.P. Supardjo merintis untuk

mendirikan sebuah SMA di YPI AL – KHAIRIYAH Jakarta utara yang di pimpin

oleh Kh. Zarqani. Pada tanggal 7 Juli 1983 berdasarkan keputusan direktur jendral

pendidikan dasar dan menengah tertanggal 23 Februari 1983 Nomer 018/C/KEP/I 83

No data sekolah A.02 04 40 06 mendapatkan setatus tercatat dan pada tanggal 9

Februari 1985 dengan nomer: SP.354/101.1A/I. 85 SMA AL – KHAIRIYAH

mendapatkan surat persetujuan mendirikan atau menyelenggarakan sekolah swasta

dari kepala kantor wilayah DEPDIKBUD DKI JAKARTA atas nama mentri

pendidikan dan kebudayaan RI.

SMA AL - KHAIRIYAH Jakarta merupakan sebagian dari sub sistem

pendidikan nasional, maka mewujudkan tujuan pendidikan nasional tersebut melalui

tahapan yang terarah dan terencana dengan mentargetkan ketercapaian melalui Visi

dan Misi SMA AL - KHAIRIYAH Jakarta

1. Visi SMA AL - KHAIRIYAH Jakarta

“Menghasilkan lulusan yang unggul dalam iptek dan imtaq serta berkarakter

bangsa indonesia”.

Page 44: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

2. Misi SMA AL - KHAIRIYAH Jakarta

a. Mengembangkan sikap ilmiah, bertoleransi, bekerja sama, saling

menghargai, disiplin, jujur, kerja keras, kreatif dan mandiri.

b. Menciptakan suasana pembelajaran yang menantang, menyenangkan,

komunikatif, tanpa takut salah dan demokratis

c. Mengembangkan sikap dan perilaku islami dilingkungan dalam dan luar

sekolah.

d. Menanamkan kepedulian social dan lingkungan, cinta damai, cinta tanah

air, semangat kebangsaan, dan hidup demokratis.

3.1.2 Struktur Organisasi dan Fungsinya

A. Struktur Organisasi

Sebagaimana diketahui bahwa struktur organisasi adalah penggambaran secara

grafik struktur kerja dari suatu organisasi, penggambaran ini dimaksudkan untuk

mempermudah dalam koordinasi setiap bagian dari satuan kerja personil dalam

melakukan fungsi dari organisasi sekolah. Adapun penggambaran struktur organisasi

pada SMA AL - KHAIRIYAH Jakarta Utara .

Page 45: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Adapun struktur organisasi yang terdapat di SMA AL - KHAIRIYAH ini sebagai

berikut :

STRUKTUR ORGANISASI

SMA AL - KHAIRIYAH JAKARTA

B. Fungsi – Fungsi

Adapun Fungsi-fungsi dari struktur organisasi yang berada di SMA AL -

KHAIRIYAH adalah sebagai berikut :

1. Kepala Sekolah

a. Mengawasi kegiatan sekolah

b. Memimpin kegiatan sekolah dan bawahan

c. Memberi dorongan dan penghargaan kepada bawahan yang berprestasi

dalam bekerja

d. Melaksanakan pembelajaran yang efektif dan efisien

2. Wakil Kepala Sekolah

Page 46: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Membantu kepala sekolah dalam mengatur dan mengawasi seluruh kegiatan

kegiatan yang ada di sekolah

3. Komite Sekolah

Perwakilan dari wali murid untuk mengawasi dan membantu seluruh kegiatan

yang ada di sekolah.

4. Sekertariat Bendahara

Membuat pembukuan dan mengatur keuangan di dalam sebuah sekolah.

5. Tata Usaha

Membantu bendahara sekolah dalam membuat pembukuan dan keuangan

sekolah.

3.2. Analisa Kebutuhan

Mengidentifikasi kebutuhan yang diperoleh berdasarkan kebutuhan pengguna

dan kebutuhan sistem.

1. Kebutuhan Pengguna

Pada aplikasi ini penulis membagi kebutuhan pengguna kedalam 2 kategori

pengguna, yaitu:

a. Admin

1) Admin dapat menambahkan data jurusan pada aplikasi serta mengedit dan

menghapus data jurusan

2) Admin dapat melihat data pendaftaran siswa baru serta dapat menampilkan

data siswa dengan mengklik menu detail kemudian admin dapat melakukan

aksi berupa menerima atau menolak siswa tersebut jika rata-rata nilai

Page 47: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

mencukupi kriteria dengan mengklik tombol diterima atau ditolak, jika nilai

tidak mencukupi kriteria maka siswa otomatis tidak di terima dan admin

hanya dapat melihat data siswa

3) Admin dapat melihat data siswa yang baru masuk pada aplikasi pada menu

data pendaftar kemudian klik menu terima untuk menampilkan data siswa

pada menu aplikasi user agar dapat diakses oleh siswa

4) Admin sewaktu-waktu dapat merubah, menampikan dan menghapus data

siswa .

b. Siswa atau Pendaftar

1) Siswa dapat melihat menu-menu yang terdapat pada aplikasi berupa menu

berupa, beranda, profil sekolah, pendaftaran (PSB), lihat pendaftaran baru,

2) Siswa yang akan mendaftar dapat mengklik menu pendaftaran siswa baru

yang berada pada menu kiri (left menu) kemudian mengisi data dengan

lengkap No STTB SMP, nama lengkap, jenis kelamin, tanggal lahir, tempat

lahir, nama ayah dan ibu, pekerjaan orang tua, jurusan pilihan, sekolah

asal dan tahun lulus kemudian klik tombol daftar untuk menimpan data

siswa dan selanjutnya mengisi nilai mata pelajaran pada form yang telah

disediakan aplikasi PSB.

3) Siswa juga data melihat siswa lain yang telah diterima pada sekolah yang

bersangkutan tetapi tidak dapat memview data atau mengedit data.

Page 48: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

4) Siswa juga dapat melihat apakah dia diterima disekolah yang bersangkutan

atau tidak dengan mengklik menu data pendaftar diterima.

2. Kebutuhan Sistem

Pada kebutuhan sistem akan dijelaskan mengenai hal-hal yang dibutuhkan oleh

sistem aplikasi Penerimaan Siswa Baru (PSB) yang penulis buat.

a. Data Siswa

Data siswa dibutuhkan untuk mengklasifikasin data berdasarkan nilai sebagai

acuan diterima atau tidaknya siswa pada sekolah yang bersangkutan dalam hal ini

SMA AL - KHAIRIYAH Jakarta.

b. Login

Data login dibutuhkan untuk mengakses menu pada aplikasi Penerimaan

Siswa Baru (PSB) secara penuh atau admin sebagai pengendali aplikasi penerimaan

siswa baru.

c. Data Admin

Sebagai data pengguna untuk admin. Admin bertugas untuk mengawasi

seluruh aktifitas aplikasi. Admin juga merupakan level pengguna tertinggi.

3.3. Perancangan Perangkat Lunak

3.3.1. Rancangan Antar Muka

Menjelaskan rancangan antar muka (interface) yang terdapat pada aplikasi

penerimaan siswa baru (PSB) yang telah penulis buat.

Page 49: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

1. Rancangan Antar Muka Beranda User

Gambar III.2

Rancangan Antar Muka Beranda User

2. Rancangan Antar Muka Menu Profil Sekolah

Gambar III.3

HEADER

Beranda

Profil Sekolah

Jurusan

Pendaftaran

Pendaftar Diterima

Login Admin

FOOTER

Selamat Datang

Portal Informasi & Penerimaan Siswa Baru

SMA AL – KHAIRIYAH Jakarta Utara

HEADER

Beranda Profil Sekolah

Jurusan

Pendaftaran

Pendaftar Diterima

Login Admin

FOOTER

Profil Sekolah

VISI, MISI dan Sejarah SMA AL -

KHAIRIYAH

INFO PENDAFTARAN

INFO PENDAFTARAN

Page 50: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Rancangan Antar Muka Profil Sekolah

3. Rancangan Antar Muka Jurusan

Gambar III.4

Rancangan Antar Muka Jurusan

4. Rancangan Antar Muka Pendaftaran

HEADER

Beranda Profil Sekolah

Jurusan

Pendaftaran

Pendaftar Diterima

Login Admin

No Pendaftaran

No. STTB SMP

Nama Lengkap

Jenis Kelamin

Tanggal Lahir

Pekerjaan Ibu

99

xxxxxxxxx

99999

xxxxxxxxx x

999999

HEADER

Beranda

Profil Sekolah

Jurusan

Pendaftaran

Pendaftar Diterima

Login Admin

FOOTER

Jurusan

IPA

IPS

999 9999

Tempat Lahir xxxxxxxxx Nama Ayah xxxxxxxxxxxx Pekerjaan Ayah xxxxxxxxx Nama Ibu xxxxxxxxxxxx

Jurusan Pilihan

INFO PENDAFTARAN

INFO PENDAFTARAN

Page 51: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.5

Rancangan Antar Muka Pendaftaran

5. Rancangan Antar Muka Pendaftaran Input Nilai

Gambar III.6

Rancangan Antar Muka Pendaftaran Input Nilai

6. Rancangan Antar Muka Calon Siswa Yang Diterima

INPUT NILAI

FOOTER

Daftar

HEADER

Beranda Profil Sekolah

Jurusan

Pendaftaran

Pendaftar Diterima

Login Admin

FOOTER

FORM INPUT NILAI Nilai PKN

Nilai B. Indonesia

Nilai B. Inggris

Nilai Matematika

Nilai IPA

Nilai IPS

Ujian Akhir Nasional

9999

9999

9999 9999

Simpan

9999

9999

9999

HEADER

Menu Utama Profil Sekolah

Pendaftaran Siswa Baru

Data Pendaftar Baru

Pendaftar Diterima

Login Admin

No

Pendaftaran Nama

Jurusan

Dipilih

Sekolah

Asal

99999 xxxxxxxxxx xxxxxx Xxxx

99999 xxxxxxxxxx xxxxxx xxxx

99999 xxxxxxxxxx xxxxxx xxxx

CALON SISWA YANG DITERIMA

xxxxxxxxxxxx

Sekolah Asal xxxxxxxxxxxx

Tahun Lulus xxxxxxxxxxxx

INFO PENDAFTARAN

INFO PENDAFTARAN

Page 52: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.7

Rancangan Antar Muka Calon Siswa yang Diterima

7. Rancangan Antar Muka Login Admin

Gambar III.8

Rancangan Antar Muka Login Admin

8. Rancangan Antar Muka Jurusan

FOOTER

Username

Password

Login

LOGO FORM LOGIN

Reset

FOOTER

HEADER

HEADER

Page 53: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.9

Rancangan Antar Muka Data Jurusan Admin

10. Rancangan Antar Muka Tambah Jurusan

11.

12.

13.

14.

15.

Content

Jurusan

Pendaftar

Siswa

Laporan

Profil

Profil

Admin

Akun

Logout

No Kategori Aksi

1 IPA Edit

Delete

2 IPS Edit

Delete

Home / Category

Data Jurusan Input

FOOTER

LOGO

Content

Jurusan

Pendaftar

Siswa

Laporan

Profil

Profil

Admin

Akun

Logout

Home / Category

Form Jurusan

Simpan

LOGO

HEADER

Nama Jurusan

Logo

browse

Page 54: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.10

Rancangan Antar Muka Tambah Jurusan Admin

16. Ranacangan Antar Muka Data Pendaftar

Gambar III.11

Rancangan Antar Muka Data Pendaftaran Admin

17. Rancangan Antar Muka Penerimaan Siswa Baru

FOOTER

HEADER

LOGO

Content

Jurusan

Pendaftar

Siswa

Laporan

Profil

Profil

Admin

Akun

Logout

No

Pendaftar

Nama Jurusan Sekola

h Asal

Status Aksi

xxx xxxxx

x

xxxxx xxxxxx xxxx

xx

Detail

xxx

xxxxx

x

xxxxxx xxxxxx

x

xxxx

x

Detail

Home / Category Data Pendaftar

FOOTER

HEADER

LOGO

Content

Jurusan

Pendaftar

Siswa

Laporan

Profil

Profil

Admin

No

Pendaftar

Nama Jurusan Sekolah

Asal

Status

xxx xxxx

xx

xxxxx xxxxxx Diterima

xxx

xxxx

xx

xxxxxx xxxxxxx Diterima

Home/Data Pendaftar

Data Penerimaan

Page 55: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.12

Rancangan Antar Muka Penerimaan Siswa Baru Admin

18. Rancangan Antar Muka Data Siswa Baru

Gambar III.13

Rancangan Antar Muka Data Siswa Baru Admin

3.3.2. Rancangan Basis Data

1. Entity Relationship Diagram (ERD)

HEADER

FOOTER

LOGO

Content

Jurusan

Pendaftar

Siswa

Laporan

Profil

Profil

Admin

Akun

Logout

NIS Nama Jurusan Sekolah

Asal

Aksi

xxx xxxx

xx

xxxxx xxxxxx Detail

xxx

xxxx

xx

xxxxxx xxxxxxx Detail

Home/Data Siswa

Data Calon Siswa

FOOTER

Page 56: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.14

Entity Relationship Diagram

2. Logical Relational Structure(LRS)

Page 57: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.15

Logical Record Structure (LRS)

3. Spesifikasi File

Spesifikasi File merupakan kumpulan item data yang di atur di dalam suatu

record dimana item-item data tersebut dimanipulasi untuk memproses data tertentu,

di dalam perancangan program ini penulis memberi namadatabase adalah psbdb.

Page 58: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

spesifikasi ini terdiri dari file-file yang akan dibuat untuk sebuah program beserta

record-record yang diperlukan antara lain:

1. Spesifikasi File User

Nama File : User

Akronim : user.MYD

Fungsi : Sebagai tempat menyimpan data user

Tipe File : File Master

Organisasi File : Indexed Squential

Akses File : Random

Media : Harddisk

Penjang Record : 110 Karakter

Kunci Field : username

Software : Mysql

Tabel III.1.

Spesifikasi Tabel User

No Elemen Data Nama Field Type Size Keterangan

1 Username Username Varchar 10 Primary Key

2 Password Password Varchar 100

a. Spesifikasi File 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 : 172 Karakter

Kunci Field : id_admin

Software : Mysql

Page 59: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Tabel III.2.

Spesifikasi File Admin

No Elemen Data Akronim Type Width Deskripsi

1. Id_admin Id_admin Int 11 Auto_Increament, Primary Key

2. Nama Nama Varchar 50

3. Username Username Varchar 10

4. Password Password Varchar 100

5. Blokir Blokir Tinyint 1

b. Spesifikasi File Jurusan

Nama File : Jurusan

Akronim : jurusan

Fungsi : Untuk menyimpan data nama jurusan

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 114 Karakter

Kunci Field : kd_jurusan

Software : Mysql

Tabel III.3.

Spesifikasi File Jurusan

No Elemen Data Akronim Type Width Deskripsi

1. Kd_Jurusan kd_jurusan Int 4 Auto_Increament, Primary Key

2. Nm_Jurusan nm_jurusan Varchar 60

3. Logo_Jurusan logo_jurusan Varchar 50

c. Spesifikasi File Pendaftaran

Nama File : Pendaftaran

Akronim : pendaftaran

Fungsi : Untuk menyimpan data biodata siswa

Page 60: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 564

Kunci Field : no_pendaftaran

Software : Mysql

Tabel III.4.

Spesifikasi File Pendaftaran

No Elemen Data Akronim Type Width Deskripsi

1. No_pendaftaran no_pendaftaran Varchar 8 Auto_Increament,

Primary Key

2. Tanggal Tanggal Datetime

3. Kd_jurusan kd_jurusan Varchar 5 Foreign Key

4. No_sttb no_sttb Varchar 20

5. Nama Nama Varchar 75

6. Jenis_kelamin Jenis_kelamin Varchar 1

7. Tmp_lahir tmp_lahir Varchar 75

8. Tgl_lahir tgl_lahir Date -

9. Sekolah_asal sekolah_asal Varchar 75

10. Tahun_lulus tahun_lulus Varchar 4

11. Nama_Ayah Nama_ayah Varchar 75

12. Pkr_Ayah pkr_ayah Varchar 75

13. Nama_ibu Nama_ibu Varchar 75

14. Pkr_ibu Pkr_ibu Varchar 75

15. Status Status Tinyint 1

d. Spesifikasi File Nilai

Nama File : Nilai

Akronim : nilai

Fungsi : Untuk menyimpan data nilai

Tipe File : File Transaksi

Page 61: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 16 karakter

Kunci Field : no_pendaftaran

Software : Mysql

Tabel III.5.

Spesifikasi File Nilai

No Elemen Data Akronim Type Width Deskripsi

1. No_pendaftaran No_pendaftara

n

Varcha

r

8

2. Nis Nis Varcha

r

8

3. Nilai PPKN Pkn Float - Auto_Increamen

t, Primary Key

4. Nilai Bahasa

Indonesia

B_indo Float -

5. Nilai Bahasa Inggris B_ing Float -

6. Nilai Matematika Mtk Float -

7. Nilai IPA Ipa Float -

8 Nilai IPS Ips Float -

9 Nilai UAN Uan Float -

e. Spesifikasi File Siswa

Nama File : Siswa

Akronim : siswa

Fungsi : Untuk menyimpan data siswa

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 202

Kunci Field : no_siswa

Page 62: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Software : Mysql

Tabel III.6.

Spesifikasi File Siswa

No Elemen Data Akronim Type Width Deskripsi

1. NIS Nis Varchar 8 Auto_Increament,

Primary Key

2. No_Sttb No_sttb Varchar 20

3. Kd_jurusan kd_jurusan Varchar 5

4. Nama Nama Varchar 75

5. Jenis_kelamin Jenis_kelamin Varchar 1

6. Tmp_lahir tmp_lahir Varchar 75

7. Tgl_lahir Tgl_lahir Date -

8. Sekolah_asal sekolah_asal Varchar 75

9. Tahun_lulus tahun_lulus Varchar 4

10. Nama_Ayah Nama_ayah Varchar 75

11. Pkr_Ayah pkr_ayah Varchar 75

12. Nama_ibu Nama_ibu Varchar 75

13. Pkr_ibu Pkr_ibu Varchar 75

f. Spesifikasi File Ajaran

Nama File : Ajaran

Akronim : ajaran

Fungsi : Untuk menentukan tanggal mulai, batas pendaftaran, dan

minimal rata-rata nilai calon siswa

Tipe File : File Master

Organisasi File : Indexed Sequential

Akses File : Random

Media : Harddisk

Panjang Record : 32

Kunci Field : id_ajaran

Software : Mysql

Tabel III.7.

Page 63: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Spesifikasi File Ajaran

No Elemen Data Akronim Type Width Deskripsi

1. Id_ajaran Ajaran Integer 11 Auto_Increament,

Primary Key

2. Tahun_ajaran Tahun_ajaran Varchar 10

3. Tgl_mulai Tgl_mulai Date -

4. Tgl_akhir Tgl_akhir Date -

5. Min_nilai Min_nilai Float -

6. kuota Kuota Integer 11

3.3.3. Rancangan Struktur Navigasi Halaman User

1. Rancangan Struktur Navigasi User

Gambar III.16

Struktur Navigasi Siswa atau Pendaftar 2. Rancangan Struktur Navigasi Admin

Page 64: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.17

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 pendaftaran

berdasarkan rancangan antar muka.

1. Halaman Beranda User

Page 65: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Halaman ini beranda pengguna merupakan halaman utama pada aplikasi

pendaftaran siswa baru SMA AL - KHAIRIYAH Jakarta, pada halaman ini user dapat

melihat visi misi, jurusan dan struktur organisasi SMA AL - KHAIRIYAH Jakarta.

Gambar III.18

Halaman Beranda User

2. Halaman Profil Sekolah

Halaman profil menampilkan foto guru-guru SMA AL – KHAIRIYAH Jakarta

dan profil sekolah yang bersangkutan berupa sejarah singkat sekolah, mengulas

secara singkat strukur organisasi yang ada pada sekolah serta visi dan misi SMA AL -

KHAIRIYAH Jakarta.

Page 66: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.19

Halaman Profil Sekolah

3. Halaman Jurusan

Halaman jurusan menampilkan 2 pilihan jurusan yang akan user pilih

Page 67: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.20

Halaman Jurusan

6. Halaman Pendaftan Siswa Baru

Halaman ini menampilkan form pengisian pendaftaran siswa baru SMA AL

– KHAIRIYAH Jakarta berupa biodata siswa yang mencakup nomor pendaftran,

nomor STTB, nama lengkap, jenis kelamin, tanggal lahir, tempat lahir, nama ayah,

pekerjaan ayah, nama ibu, pekerjaan ibu, jurusan pilihan, sekolah asal dan tahun lulus

kemudian klik daftar untuk menyimpan data dan mengisi nilai berupa nilai mata

pelajaran sebagai prasyarat yang di ajukan sekolah.

Page 68: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.21

Halaman Form Pendaftaran Siswa Baru

7. Halaman Pendaftar Diterima

Pada halaman ini, apalikasi akan menampilkan data siswa yang telah diterima

oleh SMA AL – KHAIRIYAH Jakarta.

Page 69: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III. 22

Halaman Pendaftar diterima

8. Halaman Login Admin

Administrator harus melakukan login terlebih dahulu untuk dapat mengakses

menu pada aplikasi yang tersedia jika login berhasil, maka menu-menu yang sesuai

dengan kategori user akan ditampilkan.

Page 70: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.23

Halaman Login Admin

9. Halaman Data Jurusan

Halaman ini hanya bisa diakses oleh admin yang terdaftar. Halaman ini

digunakan untuk mengedit dan menghapus data jurusan pada aplikasi.

Page 71: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.24

Halaman Data Jurusan

10. Halaman Tambah Jurusan

Halaman ini hanya bisa diakses oleh admin. Halaman ini berfungsi untuk

menambahkan data jurusan pada aplikasi.

Page 72: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.25

Halaman Tambah Jurusan

11. Halaman Data Pendaftar

Halaman ini hanya bisa diakses oleh admin. Halaman ini akan menampilkan

data siswa yang telah mendaftar. Pada halaman ini terdapat menu detail, menu ini

digunakan untuk menampilan data siswa yang telah mendaftar. Pada menu ini juga

terdapat menu diterima atau tidaknya siswa. Jika diterima maka data siswa akan

tampil pada menu data penerimaan.

Page 73: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.26

Halaman Data Pendaftar

12. Halaman Detail Pendaftar

Halaman ini hanya bisa diakses oleh admin. Halaman ini merupakan kelanjutan dari

menu sebelumnya, setelah klik diterima maka data siswa yang bersangkutan akan

mencul pada menu ini. Kemudian admin akan mengklik menu detail agar data siswa

yang diterima tersebut dapat tampil pada halaman user atau siswa pendaftar pada

menu pendaftar diterima.

Page 74: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.27

Halaman Detail Pendaftar

13. Halaman Data Siswa Diterima

Halaman ini hanya dapat diakses oleh admin. Halaman ini akan menampilkan

jumlah data siswa yang telah diterima oleh SMA AL - KHAIRIYAH Jakarta. Pada

menu ini terdapat menu lain yaitu detail. Menu detail digunakan untuk

menampilkan data siswa dan nilai siswa.

Page 75: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.28

Halaman Data Siswa Baru

14. Halaman Laporan Siswa diterima

Halaman ini hanya dapat diakses oleh admin. Halaman ini akan menampilkan

jumlah data siswa yang telah diterima oleh SMA AL - KHAIRIYAH Jakarta.

Page 76: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Gambar III.29

Halaman Laporan Penerimaan Siswa

B. Spesifikasi Sistem Komputer

Berikut adalah spesifikasi perangkat keras dan perangkat lunak minimum

yang dibutuhkan untuk mengimplementasikan aplikasi e-commerce untuk penjualan

distro online.

1. Spesifikasi Perangkat Keras

a. Server

1) CPU

Page 77: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

a) Processor Inter Core 2 Duo

b) RAM DDR2 4GB

c) Harddisk 500 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar 1024x768

5) Koneksi internet kecepatan 2 Mbps.

b. Client

1) CPU

a) Processor Inter Core 2 Duo

b) RAM DDR2 2GB

c) Harddisk 20 GB

2) Mouse

3) Keyboard

4) Monitor dengan resolusi layar 1024x768

5) Koneksi internet 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).

Page 78: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

b. Aplikasi Bundle Web Server seperti: Apache2TRIAD yang terdiri dari 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 Lihat seperti Mozilla Firefox, Opera, Internet Explorer,

Google Chrome.

2. Client

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

Linux (Ubuntu, Fedora dan lain-lain).

b. Aplikasi Web browser seperti Mozilla Firefox,Opera, Internet Explorer,

Google Chrome.

3.4.2. Pengujian Unit

Merpakan pengujian terhadap program yang dibuat menggunakan blackbox

testing.

Table III.7.

Hasil Pengujian Black Box Testing Halaman admin

No Scenario

pengujian Test case

Hasil yang

diharapkan

Hasil

pengujian Kesimpulan

1 User name

dan password

tidak diisi

kemudian

klik tombol

login

User name:

(kosong)

Password :

(kosong)

System akan

menolak akses

user dan

menampilkan

“user name

dan password

harap diisi

Sesuai

harapan

Valid

Page 79: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

kembali”.

2 Mengetikkan

user name

dan password

tidak diisi

atau kosong

kemudian

klik tombol

login.

User

name:admin

Password :

(kosong)

System akan

menolak akses

dan user dan

menampilkan

“password

salah, harus

diisi.

Sesuai

harapan

Valid

3 User name

tidak diisi

dan password

diisi

kemudian

klik tombol

login

User name :

(kosong)

Password:

admin

System akan

menolak akses

user dan

menampilkan”

user name,

harus diisi ”.

Sesuai

harapan

Valid

5 Mengetikkan

user name

dan password

dengan data

yang benar

kemudian

klik tombol

login.

User name :

admin (benar)

Password :

admin(benar)

System akan

menerima

akses login dan

kemudian

langsung

menampilkan

menu dari

web.

Sesuai

harapan

Valid

Page 80: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

BAB IV

PENUTUP

4.1 Kesimpulan

Pada bab ini, penulis juga mengamati dan mempelajari akhirnya penulis dapat

menyusun tugas akhir ini bahwa web juga sangat penting bagi masyarakat luas

tentang adanya perancangan pendaftaran siswa baru secara online dan penulis

memberikan kesimpulan dan saran yang berkaitan dengan judul pendaftaran siswa

baru online agar bertujuan untuk memberikan kemudahan dalam mencari informasi

yang dibutuhkan bagi calon siswa dan orang tua / wali untuk melakukan pendaftaran

kapanpun dan dimanapun tanpa batas tempat dan waktu .

Dalam penulisan Tugas Akhir ini penulis memberikan kesimpulan sebagai

berikut :

1. Diharapkan dan diterapkan sistem perancangan pendaftaran di SMA AL -

KHAIRIYAH Jakarta masih menggunakan sistem pendaftaran manual,

sehingga para pelajar kesulitan dalam mengetahui syarat-syarat dan ketentuan

untuk pendaftaran baru. Dengan dibuatnya sistem baru keterlambatan arus

informasi dapat dicegah karena pengolahan data dan pencarian data, dan

pembuatan laporan sudah dilakukan secara terkomputerisasi sehingga informasi

yang dihasilkan menjadi berkualitas.

2. Diterapkannya sistem Pendaftaran online agar dapat mepermudah dalam

memberikan informasi yang dibutuhkan untuk calon-calon siswa. Dengan

Page 81: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

penerapan Pendaftaran Siswa Baru secara online ini dapat mempermudah calon

siswa dan masyarakat luas dengan baik . Dengan adanya penerapan pendaftaran

secara online oleh SMA AL - KHAIRIYAH Jakarta ini dapat meningkatkan

kualitas sekolah, maka pengembangan sistem perancangan berbasis web di

SMA AL – KHAIRIYAH Jakarta ini berguna untuk meningkatkan efisiensi dan

efektifitas pengelolaan data informasi pendaftaran di SMA AL - KHAIRIYAH

Jakarta sehingga dalam memberikan pelayanan informasi dengan baik dan tidak

mengalami keterlambatan.

3. Pengembangan sistem perancangan pendaftaran siswa baru berbasis web di

SMA AL - KHAIRIYAH Jakarta memudahkan dalam menyebarluaskan

informasi secara umum tentang sekolah SMA AL - KHAIRIYAH Jakarta,

sehingga diharapkan mampu memberikan informasi yang aktual atau terkini

serta mudah di akses oleh masyarakat atau siswa dimanapun dan kapanpun.

1.2 Saran

Page 82: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

Pada laporan penelitian ini banyak terdapat keterbatasan, sehingga untuk lebih

mengembangkan hasil pengerjaan Sistem Perancangan Pendaftaran Siswa Baru

Secara Online Berbasis Web ini, penulis memberikan sedikit saran yang dapat

digunakan sebagai landasan pengerjaan sistem yang penulis buat ini, agar hasil yang

didapat menjadi lebih baik.

1. Diharapkan adanya sistem keamanan agar keamanan sistem lebih terjaga.

Agar aktivitasi pendaftaran dapat berjalan dengan baik, maka diperlukan

adanya perlindungan dan perawatan terhadap perangkat lunak dan perangkat

keras yang digunakan dapat membantu dalam pengolahan data penerimaan

siswa baru serta dapat menyajikan informasi yang dibutuhkan untuk membantu

dalam mengambil keputusan.

2. Untuk mengoptimalkan program disekolah, sebaiknya sistem pengolahan data

penerimaan siswa baruyang dilakukan secara manual diperbaharui dengan

sistem yang baru yang sudah ada dan harus adanya anti virus agar sistem tetap

terjaga .

Demikian kesimpulan dan saran yang penulis berikan. Untuk peneliti

berikutnya supaya dapat lebih disempurnakan lagi. Semoga sistem yang diusulkan

bermanfaat dan dapat membantu website SMA AL - KHAIRIYAH Jakarta.

Page 83: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah

DAFTAR PUSTAKA

A.S., Rosa dan M. Shalahuddin. 2013. Rekayasa Perangkat Lunak Terstruktur dan

Berbasis Objek. Bandung: Informatika.

Fathansyah. 2012. Basis Data. Edisi Revisi. Bandung : Informatika.

Madcoms. 2011. Membongkar Misteri Adobe Dreamweaver CS6 dengan PHP dan

MySQL. Yogkarta : Andi

Munigmini. 2011. jQuery Tutorial. Diambil dari:

http://wifakitchenset.com/dowload/jquery-id.pdf. (5 Desember 2014)

Nugroho, Bunafit. 2009. Aplikasi Pemrograman Web Dinamis dengan PHP dan

MySQL (Studi Kasus, Membuat Sistem Informasi Pengolahan Data Buku).

Simmamarta, Jenner. 2010. Rekayasa Web.Yogyakarta: C.V Andi Offset.

Binanto, Iwan. 2010. Multimedia Digital Dasar Teori dan Pengembangannya.

Yogyakarta: C.V Andi Offset.

Pratama, Eka. 2014. Sistem Informasi dan Implementasinya. Bandung: Informatika.

Arief, M. Rudyanto. 2011. Pemograman Web Dinamis Menggunakan PHP dan

MySQL

Siberto, Alexander F.K. 2011. Kitab Suci Web Programming. Yogyakarta:

Mediacom.

Siberto, Alexander F.K. 2014. Web Programming Power Pack. Yogyakarta:

Mediacom.

William dan Sawyer. 2007. Using Informations Techonolgy. Edisi 7. Yogyakarta:

Andi.

Wahana Komputer. 2010. Panduan Belajar MySQL Database Server. Jakarta:

Mediakita.

Wulandari, Lestari. 2011. Desain dan Perancangan Sistem Informasi Akademik pada

STIMIK U’BUDIYAH Indonesia Banda Aceh. Diambil dari:

http://ejournal.uui.ac.id/jurnal/LESTARI_WULANDARI._T-skv

lestari_wulandari.pdf (24-11-2014).

Page 84: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah
Page 85: TUGAS AKHIR - repository.bsi.ac.id · tugas akhir untuk memperjelas pembuatan web penerimaan siswa baru. 2. Wawancara Disini penulis melakukan wawancara langsung kepada pihak sekolah