Click here to load reader

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

  • View
    3

  • Download
    0

Embed Size (px)

Text of TUGAS AKHIR...SISTEM INFORMASI AKADEMIK PENERIMAAN SISWA BARU PADA SMK BINA MANDIRI 2 SUKABUMI TUGAS...

  • SISTEM INFORMASI AKADEMIK PENERIMAAN SISWA

    BARU PADA SMK BINA MANDIRI 2 SUKABUMI

    TUGAS AKHIR

    Diajukan untuk memenuhi salah satu syarat kelulusan Program Diploma III

    ADI CAHYO PURNOMO

    NIM : 12143055

    Program Studi Manajemen Informatika

    Akademi Manajemen Informatikadan Komputer Bina Sarana Informatika

    Jakarta

    2017

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

    http://www.cvisiontech.com

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

    http://www.cvisiontech.com

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

    http://www.cvisiontech.com

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

    http://www.cvisiontech.com

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

    http://www.cvisiontech.com

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

    http://www.cvisiontech.com

  • KATA PENGANTAR

    Assalamu’alaikum Wr. Wb

    Alhamdulillah puji syukur penulis panjatkan khadirat Allah SWT atas

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

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

    Rasulullah sebagai penyempurna akhlak umat manusia dan pembawa kabar baik

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

    penulis buat dengan judul “Sistem Informasi Akademik Penerimaan Siswa

    Baru Pada SMK BINA MANDIRI 2 SUKABUMI”.

    Tujuan penulis membuat Tugas Akhir ini adalah sebagai salah satu syarat

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

    Akademi Manajemen Informatika dan Komputer Bina Sarana Informatika

    (AMIK-BSI).

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

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

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

    1. Direktur Akademi Manajemen Informatika dan Komputer Bina Sarana

    Informatika.

    2. Ketua Jurusan Manajemen Informatika AMIK BSI.

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

    4. Bapak Samudi selaku Asisten Dosen Pembimbing Tugas Akhir.

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

    6. Staff/karyawan/dosen dilingkungan Akademi BSI.

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

    kasih sayang dan dukungannya yang tak terhingga.

    8. Teman-teman jurusan Manajemen Informatika angkatan 2014 yang

    namanya tidak bisa disebutkan satu persatu.

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

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

    kesempurnaan, masih banyak terdapat kekeliruan dan kekurangan yang

    disebabkan oleh keterbatasan ilmu maupun minimnya pengalaman yang penulis

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

    http://www.cvisiontech.com

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

    http://www.cvisiontech.com

  • ABSTRAKSI

    Adi Cahyo Purnomo (12143055), Sistem Informasi Akademik Penerimaan

    Siswa Baru Pada SMK BINA MANDIRI 2 SUKABUMI

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

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

    Kata Kunci : Perangkat Lunak, Sistem Informasi Akademik.

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

    http://www.cvisiontech.com

  • ABSTRACT

    Adi Cahyo Purnomo (12143055), Sistem Informasi Akademik Penerimaan

    Siswa Baru Pada SMK BINA MANDIRI 2 SUKABUMI

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

    educational institutions such as schools that are useful for screening prospective

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

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

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

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

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

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

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

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

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

    and implementation.

    This new student admissions information system is built with PHP

    programming language as well as utilizing MySQL database as database

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

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

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

    conduct the online registration process.

    Keywords : Software, Inventory Information System

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

    http://www.cvisiontech.com

  • DAFTAR ISI

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    http://www.cvisiontech.com

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

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

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

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

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

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

    http://www.cvisiontech.com

  • DAFTAR SIMBOL

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

    Relasi Relasi Menunjukkan adanya hubungan di antara sejumlah entitas yang berbeda

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

    Garis Garis sebagai penghubung antara relasi dengan entitas atau dengan atribut

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

    http://www.cvisiontech.com

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

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

    http://www.cvisiontech.com

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

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

    http://www.cvisiontech.com

  • DAFTAR TABEL

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

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

    http://www.cvisiontech.com

  • BAB 1

    PENDAHULUAN

    1.1 Latar Belakang Masalah

    Dalam dunia pendidikan, teknologi komputer dan Internet dapat

    dimanfaatkan untuk mendukung perkembangan pembelajaran mandiri jarak jauh,

    terutama dengan mengedepankan kemudahan dan fleksibilitas antar pengguna.

    Selain itu, menggunakan media internet dalam dunia pendidikan akan

    memberikan kontribusi yang positif bagi penambahan wawasan peserta didik. Hal

    ini disebabkan oleh banyaknya informasi informasi yang diperlukan dan tersedia

    di media internet tersebut.

    SMK BINA MANDIRI 2 adalah sekolah menengah kejuruan yang terletak di

    Jalan Raya Karang Tengah Cireunde Desa Girijaya Kecamatan Nagrak Sukabumi.

    dalam Proses penerimaan siswa baru SMK BINA MANDIRI 2 masih

    menggunakan metode konvensional dimana calon siswa datang ke sekolah untuk

    mengisi formulir pendaftaran.

    Berdasarkan pengamatan yang di lakukan pada SMK BINA MANDIRI 2,

    jumlah pendaftar yang mendaftar setiap tahunya terus meningkat, ini

    menyebabkan panitia penerimaan siswa baru tidak dapat mengelola semuanya

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

    penyeleksian yang masih manual sehingga di rasa kurang optimal dan

    memerlukan waktu yang cukup lama baik dalam menyusun laporan ataupun

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

    penyeleksian siswa baru harus di tentukan secepat mungkin untuk mendukung

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

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

    http://www.cvisiontech.com

  • aplikasi penerimaan siswa baru dan menulis laporan tugas akhir yang berjudul

    “SISTEM INFORMASI AKADEMIK PENERIMAAN SISWA BARU PADA

    SMK BINA MANDIRI 2 SUKABUMI”

    1.2 Ma ksud dan Tujuan

    Dalam Penulisan Tugas Akhir ini penulis bermaksud :

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

    langsung ke sekolah.

    2. Memaksimalkan kemajuan teknologi yang bukan hanya dalam hal informasi

    tapi juga dalam hal edukasi.

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

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

    Akademik Manajemen Informatika dan Komputer (AMIK BSI).

    1.3 Metode Penulisan

    Pengumpulan Data

    1. Observasi

    Langkah yang berupa penelitian langsung ke sekolah SMK BINA

    MANDIRI 2, dengan cara ini penulis mampu mengetahui masalah

    yang terjadi pada Sekolah tersebut.

    2. Wawancara

    Melakukan tanya jawab, meminta keterangan atau pendapat

    mengenai aplikasi penerimaan siswa baru kepada warga sekolah.

    3. Studi Pustaka

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

    http://www.cvisiontech.com

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

    Learning dan penggunaan tekhnologi PHP, MySQL serta pencarian

    informasi lainnya yang dapat mendukung proses penelitian yang

    bersumber dari beberapa alamat internet.

    1.4 Ruang Lingkup

    Ruang lingkup digunakan untuk membatasi pembahasan agar penulisan

    mencapai sasaran dan mencegah terlalu luasnya masalah. Maka pembahasan

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

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

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

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

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

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

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

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

    1.5 Sistematika Penulisan

    Sistematika penulisan laporan tugas akhir ini adalah sebagai berikut :

    BAB I PENDAHULUAN

    Bab ini membahas tentang latar belakang masalah , maksud dan

    tujuan, metode penelitian, ruang lingkup dan sistematika penulisan

    yang dipakai pada penulisan tugas akhir ini.

    BAB II LANDASAN TEORI

    Bab ini membahas tentang teori-teori yang digunakan penulis

    sebagai dasar untuk menyusun tugas akhir ini.

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

    http://www.cvisiontech.com

  • BAB III PEMBAHASAN

    Bab ini membahas tentang implementasi aplikasi penerimaan siswa

    baru pada jaringan komputer, spesifikasi hardware maupun

    software yang dipakai.

    BAB IV PENUTUP

    Bab ini membahas tentang kesimpulan dan saran yang penulis

    ambil dari penulisan tugas akhir ini.

    DAFTAR PUSTAKA

    LAMPIRAN

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

    http://www.cvisiontech.com

  • BAB II

    LANDASAN TEORI

    2.1. Konsep Dasar Web

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

    internet, dengan menggunakan teknologi hypertext, pemakai dituntut untuk

    menemukan informasi dengan mengikuti link yang disediakan dalam dokumen

    web yang ditampilkan dalam browser web”.

    Kini internet identik dengan web, karena kepopuleran web sebagai standar

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

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

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

    diadopsi oleh perusahaan sebagai sebagian dari strategi teknologi informasinya,

    karena beberapa alasan yaitu:

    1. Akses informasi mudah

    2. Setup server lebih mudah

    3. Informasi mudah didistribusikan

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

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

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

    http://www.cvisiontech.com

  • 2.1.1. Pengertian Internet

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

    interconnected networking yaitu system yang menghubungkan antar jaringan

    dengan memanfaatkan kemajuan teknologi telekomunikasi menggunakan satelit”.

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

    sedang terhubung melalui internet. Hal tersebut menjelaskan bahwa aktifitas

    online selalu berkaitan dengan pengguna internet, sedangkan internet adalah

    bagian dari teknologi jaringan. Di dalam penggunaannya, internet memiliki

    beberapa istilah, diantaranya:

    1. WWW (World Wide Web)

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

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

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

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

    server melalui aplikasi web server.

    2. Web Browser

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

    kita perlukan untuk menampilkan halaman web dari hasil pengkodean”.

    3. Web Server

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

    yang mempunyai tanggung jawab atau tugas menerima permintaan HTTP dari

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

    dengan menyediakan respon HTTP berupa konten data, biasanya berupa halaman

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

    http://www.cvisiontech.com

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

    lain”.

    4. Website

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

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

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

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

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

    Website juga merupakan salah satu media penyampaian informasi dan

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

    wilayah geografis yang dapat dimanfaatkan oleh sekolah.

    5. URL (Uniform Resource Locator)

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

    komputer server yang dituju maupun komputer pemberi layanan”. Misalkan

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

    IP Address maupun domain.

    6. ISP (Internet Service Provider)

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

    yang menyediakan layanan untuk menggunakan maupun mengakses jaringan

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

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

    7. DNS (Domain Name Space)

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

    http://www.cvisiontech.com

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

    yang menyimpan informasi tentang nama host ataupun nama domain dalam

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

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

    di dalam IP supaya lebih mudah diingat.

    8. IP (Internet Protocol)

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

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

    untuk melakukan pengamatan dan routing paket data”.

    2.1.2. Bahasa Pemrograman

    Telah diketahui bahwa program adalah sekumpulan instruksi yang

    digunakan untuk mengatur perangkat keras komputer agar melaksanakan tindakan

    tertentu. Kegiatan yang berkaitan dengan penulisan program biasa disebut

    pemrograman.

    Seperti halnya manusia yang menggunakan bahasa untuk berkomunikasi,

    komputer pun juga memiliki bahasa tersendiri. Supaya manusia dapat

    berkomunikasi dengan komputer, pemrogram perlu menuliskan program dalam

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

    bahasa pemrograman atau bahasa komputer. Bahasa pemrograman terdiri atas

    sekumpulan instruksi yang ditunjukan agar orang bisa menuangkan perintah yang

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

    Beberapa bahasa pemrograman yang biasa digunakan yaitu:

    1. PHP

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

    http://www.cvisiontech.com

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

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

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

    dijalankan.

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

    berbasis web yang memiliki kemampuan untuk memproses dan mengolah data

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

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

    sepenuhnya dijalankan oleh server tetapi dapat disertakan pada halaman HTML

    biasa.

    2. HTML

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

    Hypertext Markup Language, artinya bahasa ini adalah bahasa markup untuk

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

    bagaimana penampilan dan pemformatan konten di web.

    HTML memiliki 4 jenis elemen yaitu:

    a. Struktural

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

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

    tebal besar yang menunjukkan sebagai Heading 1.

    b. Presentasi

    Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan

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

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

    http://www.cvisiontech.com

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

    direkomendasikan untuk mengatur tampilan tulisan via HTML.

    c. Hiperteks

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

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

    Wikipedia akan membuat link ke situs wikipedia.org.

    d. Widget

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

    list (), dan garis horizontal ().

    3. CSS

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

    digunakan untuk mendesain atau mempercantik tampilan halaman HTML”.

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

    belakang dari (hamper) semua kode tag HTML.

    CSS biasanya selalu dikaitkan dengan HTML, karena keduanya memang

    saling melengkapi. HTML ditujukan untuk membuat struktur atau konten dari

    halaman web. Sedangkan CSS digunakan untuk tampilan dari halaman web

    tersebut.

    4. JQuery

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

    JavaScript yang sudah dibentuk sebagai suatu objek”. Sehingga penggunaan

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

    http://www.cvisiontech.com

  • JQuery ini bisa dikategorikan sebagai library yang nantinya kita hanya perlu

    menggunakan fungsi-fungsi di dalam library tersebut.

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

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

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

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

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

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

    5. JavaScript

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

    yang dipakai untuk menciptakan halaman web yang dapat berinteraksi dengan

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

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

    menjumpai halaman web komersial yang tidak memuat kode JavaScript.

    2.1.3. Basis Data

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

    himpunan kelompok data yang saling berhubungan yang diorganisasikan

    sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan

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

    dan kecepatan dalam pengambilan kembali data.

    Adapun aplikasi basis data yang digunakan dalam pembuatan aplikasi web

    sekolah ini diantaranya:

    1. MySQL

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

    http://www.cvisiontech.com

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

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

    dikembangkan oleh MySQL AB Swedia. Berikut keunggulan dari MySQL:

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

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

    c. Menggunakan bentuk standar bahasa data SQL.

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

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

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

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

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

    tabel.

    h. Dapat dikostumisasi sesuai dengan keinginan.

    2. PhpMyAdmin

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

    source yang berfungsi untuk memudahkan manajemen MySQL”. Dengan

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

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

    tanpa perlu mengetikkan perintah SQL secara manual.

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

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

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

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

    http://www.cvisiontech.com

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

    secara terpisah.

    3. Bootstrap

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

    intuitif dan powerful untuk pengembangan aplikasi web yang lebih cepat dan

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

    Berikut ini kelebihan-kelebihan Bootstrap yaitu:

    a. Menghemat waktu

    b. Fitur yang responsive

    c. Desain yang konsisten

    d. Mudah digunakan

    e. Didukung oleh semua browser popular

    f. Gratis

    4. Adobe Photoshop

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

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

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

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

    berkaitan dengan Teknologi Informatika (IT).

    2.1.4. Model Pengembangan Perangkat Lunak

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

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

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

    http://www.cvisiontech.com

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

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

    model generic pada rekayasa perangkat lunak dan pertama kali di perkenalkan

    oleh WinstonRoyce sekitar tahun 1970 sehingga sering dianggap kuno, tetapi

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

    Model ini melakukan pendekatan secara sistematis dan berurutan. Disebut dengan

    waterfall karena tahap demi tahap yang dilalui harus menunggu selesainya tahap

    sebelumnya dan berjalan berurutan.

    Dalam pengembangannya metode waterfall memiliki beberapa tahapan

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

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

    pemeliharaan.

    Tahapan-tahapan dari metode waterfall sebagai berikut:

    1. Analisis Kebutuhan (Requirement Analisis)

    Tahap ini pengembang sistem diperlukan komunikasi yang bertujuan untuk

    memahami perangkat lunak yang diharapkan oleh pengguna dan batasan

    perangkat lunak tersebut. Informasi ini biasanya dapat diperoleh melalui

    wawancara, diskusi atau survei langsung. Informasi dianalisis untuk mendapatkan

    data yang dibutuhkan oleh pengguna.

    2. Desain Sistem (System Design)

    Spesifikasi kebutuhan dari tahap sebelumnya akan dipelajari dalam fase ini

    dan desain sistem disiapkan. Desain Sistem membantu dalam menentukan

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

    http://www.cvisiontech.com

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

    mendefinisikan arsitektur sistem secara keseluruhan.

    3. Implementation

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

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

    dan diuji untuk fungsionalitas yang disebut sebagai unit testing.

    4. Integration & Testing

    Seluruh unit yang dikembangkan dalam tahap implementasi diintegrasikan

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

    integrasi seluruh sistem diuji untuk mengecek setiap kegagalan maupun

    kesalahan.

    5. Operation & Maintenance

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

    dijalankan serta dilakukan pemeliharaan. Pemeliharaan termasuk dalam

    memperbaiki kesalahan yang tidak ditemukan pada langkah sebelumnya.

    Perbaikan implementasi unit sistem dan peningkatan jasa sistem sebagai

    kebutuhan baru.

    Kelebihan menggunakan metode air terjun (waterfall) adalah metode ini

    memungkinkan untuk departementalisasi dan kontrol. proses pengembangan

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

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

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

    pemeliharaan.

    2.2. Teori Pendukung

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

    http://www.cvisiontech.com

  • 2.2.1. Struktur Navigasi

    Dalam penggunaan sebuah program website diperlukan struktur navigasi

    sebagai bentuk penggambaran dari halaman-halaman apa saja yang tersedia

    didalam website. Layaknya petunjuk arah, navigasi memudahkan pengguna untuk

    “berselancar” didalam sebuah website.

    Objek yang digunakan dalam navigasi dapat berupa tombol atau teks yang

    disisipkan hyperlink untuk mengakses suatu halaman tertentu.

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

    alur dari suatu program yang menggambarkan rancangan hubungan antar area

    yang berbeda sehingga memudahkan proses pengorganisasian seluruh elemen

    website”.

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

    1. Struktur Navigasi Linier

    Struktur navigasi linier hanya mempunyai satu rangkaian cerita yang

    berurut yang menampilkan satu demi satu tampilan layar secara berurut menurut

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

    halaman sebelumnya atau satu halaman sesudahnya, tidak dapat dua halaman

    sebelumnya atau dua halaman sesudahnya, pengguna akan melakukan navigasi

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

    Sumber : Binanto (2010a:269)

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

    http://www.cvisiontech.com

  • Gambar II.1. Struktur Navigasi Linier

    2. Struktur Navigasi Tidak Berurut (Non-Linier)

    Struktur navigasi non-linier merupakan pengembangan dari struktur

    navigasi linier. Pada struktur ini diperkenankan membuat navigasi bercabang.

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

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

    percabangan tetap tiap-tiap tampilan mempunyai kedudukan yang sama yaitu

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

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

    sebelumnya.

    Sumber : Binanto (2010c:270)

    Gambar II.2. Struktur Navigasi Non-Linier

    3. Struktur Navigasi Hirarki

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

    http://www.cvisiontech.com

  • Struktur dasar ini disebut juga struktur linier dengan percabangan karena

    pengguna melakukan navigasi disepanjang cabang pohon struktur yang terbentuk

    oleh logika isi.

    Sumber : Binanto (2010b:269)

    Gambar II.3. Struktur Navigasi Hirarki

    4. Struktur Navigasi Campuran (Composite)

    Struktur navigasi jenis ini pengguna akan melakukan navigasi dengan bebas

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

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

    Sumber : Binanto (2010d:270)

    Gambar II.4. Struktur Navigasi Campuran

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

    http://www.cvisiontech.com

  • 2.2.2. ERD (Entity Relationship Diagram)

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

    komponen-komponen Himpunan Entitas dan Himpunan Relasi yang masing-

    masing dilengkapi dengan atribut-atribut yang merepresentasikan seluruh fakta

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

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

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

    A. Persegi panjang, menyatakan Himpunan Entitas.

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

    key di garis bawahi).

    C. Belah ketupat, merupakan Himpunan Relasi.

    D. Garis, sebagai penghubung antara Himpunan Relasi dengan Himpunan

    Entitas dan Himpunan Entitas dengan Atributnya.

    E. Kardinalitas Relasi dapat dinyatakan dengan banyaknya garis cabang atau

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

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

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

    Himpunan Entitas E Himpunan Relasi R

    Atribut a sebagai key Link

    Sumber : Fathansyah (2015a:82)

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

    E

    a

    R

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

    http://www.cvisiontech.com

  • Berikut adalah contoh penggambaran relasi antar himpunan entitas lengkap

    dengan kardinalitas relasi dan atribut-atributnya:

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

    Contoh:

    Adanya relasi antara himpunan entitas Dosen dengan himpunan entitas

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

    dosen paling banyak mengepalai satu jurusan (walaupun memang tidak semua

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

    banyak satu orang dosen. Maka penggambarannya adalah:

    Sumber : Fathansyah (2015b:82)

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

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

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

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

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

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

    masing himpunan entitas yang dihubungkannya, maka keduanya digolongkan

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

    akan dapat menunjukkan dosen mana yang mengepalai suatu jurusan (menjadi

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

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

    http://www.cvisiontech.com

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

    Contoh:

    Adanya relasi antara himpunan entitas Dosen dengan himpunan entitas

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

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

    oleh paling banyak satu orang dosen. Maka penggambarannya adalah:

    Sumber : Fathansyah (2015c:83)

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

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

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

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

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

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

    Dengan adanya keempat atribut tersebut pada himpunan relasi Mengajar, maka

    dapat kita ketahui jadwal pelaksanaan setiap mata kuliah beserta dosen yang

    mengajarkannya.

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

    http://www.cvisiontech.com

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

    Contoh:

    Adanya relasi antara himpunan entitas Mahasiswa dengan himpunan entitas

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

    mahasiswa dapat mempelajari lebih dari satu mata Kuliah. Demikian juga

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

    mahasiswa. Maka penggambarannya adalah:

    Sumber : Fathansyah (2015d:84)

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

    Keberadaan himpunan relasi Mempelajari diatas akan memliki dua fungsi,

    yaitu untuk menunjukkan mata kuliah mana saja yang diambil oleh seorang

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

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

    saja setelah data indeks nilai tersebut disimpan).

    2.2.3. LRS (Logical Record Structure)

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

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

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

    http://www.cvisiontech.com

  • Penggambaran LRS hampir mirip dengan penggambaran normalisasi file, hanya

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

    utama) dan foreign key (kunci tamu)”.

    2.2.4. Alat Pendukung

    1. Adobe Dreamweaver CS6

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

    pengembang yang berfungsi untuk mendesain web yang dibuat, dikembangkan,

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

    Dreamweaver adalah Adobe Dreamweaver CS6 yang dirilis pada tanggal 21 April

    2012 dengan harga $399 USD.

    Aplikasi pengembang web ini sangat digemari oleh web desainer dalam

    merancang web sebab perangkat lunak komputer ini memiliki kelebihan dan

    kemudahan dalam penggunaannya. Dengan menggunakan aplikasi ini,

    pengembang web dapat dilakukan secara visual sehingga hasil perancangan web

    dapat langsung terlihat tanpa harus menggunakan aplikasi bantu peramban seperti

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

    oleh Adobe Dreamweaver sangat beragam, salah satunya adalah teknologi untuk

    kebutuhan pengembang web berbasis mobile.

    2. XAMPP

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

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

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

    dimana biasanya lingkungan pengembang web memerlukan PHP, Apache,

    MySQL dan PhpMyAdmin serta software-software yang terkait dengan

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

    http://www.cvisiontech.com

  • pengembangan web. Dengan menggunakan Xampp, tidak perlu lagi menginstal

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

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

    sukses menginstal Xampp, kita dapat langsung mengaktifkan MySQL.

    2.2.5. Pengujian Web (Blackbox Testing)

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

    pengembang dilakukan oleh pengembang atau programmer dari aplikasi

    bersangkutan, atau mereka yang mengerti dan terlibat di dalam pengembangan

    sistem tersebut”. Pengujian ini menekankan pada sejauh mana fungsionalitas

    sistem informasi berjalan dengan baik sesuai dengan yang diinginkan oleh

    pengguna dan pengembang.

    Blackbox Testing mempunyai empat jenis pengujian yaitu:

    1. Pengujian Interface (tatap muka) aplikasi.

    Pengujian Interface (tatap muka) aplikasi sistem informasi bertujuan untuk

    mengetahui fungsionalitasdari setiap elemen interface yang ada di setiap halaman

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

    menjalankan aksi sesuai yang diharapkan oleh pengguna dan pengembang.

    2. Pengujian fungsi dasar sistem.

    Pengujian fungsi dasar sistem bertujuan untuk mengetahui sejauh mana

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

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

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

    pengguna (misal: instalasi modul melalui akun administrator).

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

    http://www.cvisiontech.com

  • 3. Pengujian form handle sistem.

    Pengujian form handle sistem bertujuan untuk mengetahui seperti apa dan

    sejauh mana respon oleh sistem informasi terhadap inputan yang diberikan oleh

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

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

    4. Pengujian keamanan sistem.

    Pengjian keamanan sistem bertujuan untuk mengetahui sejauh mana tingkat

    keamanan yang dimiliki oleh sistem informasi untuk dapat memberikan

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

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

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

    tidaknya perbedaan hak akses untuk setiap kelompok pengguna).

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

    http://www.cvisiontech.com

  • BAB III

    PEMBAHASAN

    3.1. Tinjauan Sekolah

    Sekolah Menengah Kejuruan BINA MANDIRI 2 merupakan instansi yang

    bergerak dibidang pendidikan milik Swasta atau yayasan. Sekolah ini memiliki

    ruang kelas untuk kegiatan belajar mengajar siswa-siswinya serta dukungan

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

    praktek untuk praktik belajar kejuruan serta ruang perpustakaan untuk ruang baca

    siswa.

    A. Profil Sekolah

    1. Nama Sekolah : SMK BINA MANDIRI 2

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

    3. Akreditasi Sekolah : B (Baik)

    4. Nomor Statistik Sekolah : 402020613424

    5. Nomor Statistik Bangunan : 00114171312001

    6. Nomor Pokok Sekolah Nasional : 69888463

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

    8. Tahun berdiri : 2008

    9. Alamat : Jalan Raya KarangTengah Cireundeu Km7

    Desa Girijaya Kecamatan Nagrak

    10. Telepon : (0266) 237526

    11. Kelurahan / kecamatan : Nagrak

    12. Kabupaten / Provinsi : Sukabumi

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

    http://www.cvisiontech.com

  • 3.1.1. Sejarah Sekolah

    Berawal dari kepedulian tokoh masyarakat dilingkungan Kampung

    Cireundeu Desa Girijaya Kecamatan Nagrak, Kabupaten Sukabumi tentang

    pendidikan generasi remaja yang minim kemampuan dan legaliatas pendidikan,

    untuk menjawab tantangan dunia kerja dan kehidupan masyarak secara umum,

    timbulah gagasan untuk mendidirikan lembaga pendidikan yang bisa memenuhi

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

    Sukabumi pun secara bertahap tumbuh, SMK Bina Mandiri 2 Kabupaten

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

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

    Pada Tahun 2014 penantian lama terjawab, yaitu secara Administrasi dan

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

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

    disahkan oleh Kementrian Pendidikan Wilayah Sukabumi, dengan Nomor

    421.3/910/DISDIK Tanggal 24 Desember 2014.

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

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

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

    Sumber : Administrasi SMK BINA MANDIRI 2

    Setiap lembaga pendidikan tentunya mempunyai gambaran atau tujuan di

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

    SMK BINA MANDIRI 2 yaitu:

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

    http://www.cvisiontech.com

  • 1. Visi

    “Terwujudnya SMK unggulan, bermutu dan berwawasan global di

    bidang teknologi informasi serta membekali peserta didik dengan

    IMTAQ dan IPTEK yang seimbang untuk dapat menjawab tantangan

    masa depan”.

    2. Misi

    a. Mengembangkan kegiatan pendidikan keahlian yang mengarah kepada

    pembekalan life skill teknologi informasi dan wawasan global.

    b. Menerapkan sistem pembelajaran yang memanfaatkan teknologi

    informasi terkini.

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

    berjiwa wirausaha serta seimbang antara IMTAQ dan IPTEK.

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

    bertanggungjawab dan mampu menjawab tantangan masa depan.

    3. Tujuan Sekolah

    Menyiapkan peserta didik agar :

    a. Memiliki kualitas keimanan dan ketakwaan kepada Allah SWT.

    b. Memiliki Sumber Daya Manusia yang profesional.

    c. Bermutu dalam pelaksanaan pembelajaran dan pengelolaan

    administrasi, untuk menghasilkan lulusan yang handal.

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

    sosial budaya

    e. Memiliki tanggung jawab sosial terhadap lingkungan.

    f. Memiliki keunggulan yang berakar dari ciri khas daerah.

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

    http://www.cvisiontech.com

  • 3.1.2. Struktur Organisasi dan Fungsi

    1. Struktur Organisasi

    Gambar III.1. Struktur Organisasi Sekolah

    Sumber : Petunjuk Teknis Pengelolaan Administrasi SMK BINA MANDIRI 2

    Periode Tahun 2016 / 2017

    2. Tugas Pokok dan Fungsi

    A. Komite Sekolah

    Sebagai lembaga pendukung, baik yang berwujud finansial, pemikiran

    maupun tenaga dalam menyelenggarakan pendidikan disuatu pendidikan.

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

    http://www.cvisiontech.com

  • B. Kepala Sekolah

    Sebagai seorang pemimpin, membuat suatu perencanaan sekolah setiap

    tahunnya. Perencanaan program seklah tersebut yang menyangkut tujuan

    yang dicapai, materi belajar yang bersifat akademis maupun praktis serta

    perencanaan tenaga pendidik.

    C. Wakil Kepala Sekolah

    Wakil Kepala Sekolah mempersiapkan rapat-rapat guru,menelaah mempelajari

    dan menguasai kurikulum yang sedang berlaku ,memberi tugas guru memberi

    arahan pembuatan program

    D. Bendahara

    Mengelola kegiatan keuangan sekolah dan bertanggung jawab kepada

    kepala sekolah

    E. Operator

    Operator mengurus data siswa dan tenaga pendidik

    F. Tata Usaha

    Mempunyai tugas mengkoordinir dan melaksanakan ketatausahaan sekolah

    serta bertanggung jawab kepada kepala sekolah

    G. Kabid Kesiswaan

    Merencanakan,mempersiapkkan dan melaksanakan kegiatan penerimaan

    siswa baru. Mempersiapakan MOS,membina dan memantau kegiatan OSIS

    H. Kurikulum

    Mempersiapkan rapat-rapat guru,menelaah mempelajari dan menguasai

    kurikulum yang sedang berlaku ,memberi tugas guru memberi arahan pembuatan

    program

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

    http://www.cvisiontech.com

  • I. Sarana

    Memelihara dan mengawasi barang-barang inventaris sekolah, mengusulkan

    kepada kepala sekolah tentang barang-barang bangunan dan gedung yang

    perlu diperbaiki

    J. Humas

    Mempersiapkan pembentukan komite sekolah , mempersiapkan rapat-rapat

    pengurus komite sekolah , mempersiapkan dan mengatur pertemuan orang

    tua siswa/wali dalam rangka penyampaian program sekolah

    K. Siswa

    Mematuhi dan mentaati segala peraturan yang sudah ditetapkan sekolah.

    L. Guru Mapel

    Guru mapel berfungsi untuk mengelola kelas, pengisisan daftar kumpulan

    nilai, pembuatan catatan khusus tentang siswa, pengisisan buku laporan

    penilaian hasil belajar, pembagian buku laporan hasil belajar.

    3.2. Analisis Kebutuhan

    Dalam menganalisa kebutuhan perlu dilakukan analisis kebutuhan pada

    sistem untuk menentukan dan mengungkapkan kebutuhan sistem. Kebutuhan ini

    meliputi kebutuhan pengguna, kebutuhan perangkat keras dan kebutuhan

    perangkat lunak.

    3.2.1. Kebutuhan Fungsional

    Pada sistem informasi akademik penerimaan siswa baru pada SMK BINA

    MANDIRI 2 kebutuhan pengguna sebagai berikut:

    1. Administrator

    a. Admin melakukan login ke dalam sistem administrator.

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

    http://www.cvisiontech.com

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

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

    siswa.

    d. Admin dapat menginput menambah dan mengedit waktu tes

    e. Admin dapat menginput, menambah dan mengedit pengumuman.

    f. Admin melakukan logout.

    2. Siswa

    a. Siswa melakukan login

    b. Siswa dapat melihat panduan registrasi.

    c. Siswa melakukan registrasi.

    d. Siswa dapat mencetak formulir.

    e. Siswa dapat melihat informasi.

    f. Siswa dapat melihat data pendaftar.

    g. Siswa melakukan logout.

    3.2.2. Kebutuhan Non Fungsional

    Kebutuhan non fungsional adalah kebutuhan yang berdasarkan pada

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

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

    sistem. Berikut ini adalah kebutuhan non fungsional dari sistem informasi

    akademik penerimaan siswa baru pada SMK BINA MANDIRI 2:

    a. Operasional

    1) Sistem operasi yang umum digunakan adalah seperti Microsoft

    Windows, Linux atau MacOs.

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

    http://www.cvisiontech.com

  • 2) Prosesor yang digunakan minimal Pentium 4 atau lebih

    3) Kebutuhan memory yang digunakan minimal 1 GB

    4) Untuk mengakses portal atau website membutuhkan web browser dan

    koneksi internet

    b. Security / Keamanan

    1) Sistem memberikan keamanan untuk akses admin dengan adanya

    penggunaan username dan password agar bisa masuk ke sistem

    2) Keamanan password dalam database juga diatur dengan menerapkan

    enskripsi MD5.

    c. Informasi

    1) Digunakan untuk menginformasikan apabila admin melakukan

    kesalahan dalam menginput username dan password ketika login

    2) Digunakan untuk menginformasikan apabila pengguna melakukan

    kesalahan dalam menginput username dan password ketika login

    3.3. Perancangan Perangkat Lunak

    3.3.1. Rancangan Antar Muka

    Rancangan antar muka (Interface) dimaksudkan untuk memudahkan

    pengguna website ini diharapkan dapat digunakan oleh banyak pengguna dari

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

    mengerti dan ahli dalam bidang pengoperasian komputer. Rancangan Interface

    dari website Sistem Informasi Akademik SMK BINA MANDIRI 2 sebagai

    berikut:

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

    http://www.cvisiontech.com

  • 1. Rancangan Halaman Utama

    Gambar III.2. Rancangan Halaman Utama

    Tampilan halaman utama berfungsi untuk menampilkan informasi tentang

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

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

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

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

    http://www.cvisiontech.com

  • 2. Rancangan Halaman Panduan

    Gambar III.3. Rancangan Halaman Login

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

    akan mucul kotak informasi tentang syarat dan tata cara registrasi yang

    harus di lakukan calon siswa.

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

    http://www.cvisiontech.com

  • 3. Rancangan Halaman Registrasi

    Gambar III.4. Rancangan Halaman Registrasi

    Untuk calon siswa yang ingin mendaftar di haruskan untuk melakukan

    registrasi dengan mengisi NISN (nomor induk siswa nasional) dan

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

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

    http://www.cvisiontech.com

  • 4. Rancangan Halaman Menu Berhasil Registrasi

    Gambar III.5. Rancangan Menu Berhasil Registrasi

    Untuk calon siswa yang sudah mengisi semua data diri pada form

    registrasi,maka akan keluar tampilan menu seperti di atas.

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

    http://www.cvisiontech.com

  • 5. Rancangan Halaman Menu Informasi

    Gambar III.6. Rancangan Halaman Menu Informasi

    Halaman menu informasi berfungsi untuk menampilkan atau menambahkan

    informasi terbaru terkait pengumuman penerimaan siswa baru.

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

    http://www.cvisiontech.com

  • 6. Rancangan Halaman Menu Data Pendaftar

    Gambar III.7. Rancangan Halaman Menu Data Pendaftar

    Halaman menu data pendaftar berfungsi untuk menampilkan semua data

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

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

    http://www.cvisiontech.com

  • 7. Rancangan Halaman Menu Gagal Login Siswa

    Gambar III.8. Rancangan Halaman Menu Gagal Login Siswa

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

    melakukan login tetapi salah mengetikan nisn atau password mereka, siswa

    harus mengetikan nisn dan password mereka sesuai dengan nisn dan

    password yang mereka buat pada saat melakukan registrasi.

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

    http://www.cvisiontech.com

  • 8. Rancangan Halaman Menu Berhasil Login Siswa

    Gambar III.9. Rancangan Halaman Menu Berhasil Login Siswa

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

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

    9. Rancangan Halaman Menu Login Admin

    Gambar III.10. Rancangan Halaman Menu Login Admin

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

    http://www.cvisiontech.com

  • Pada halaman menu login admin pengguna di haruskan memasukan

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

    password setelah selesai klik login.

    10. Rancangan Halaman Menu Admin Home

    Gambar III.11. Rancangan Halaman Menu Admin Home

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

    gambar di atas.

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

    http://www.cvisiontech.com

  • 11. Rancangan Halaman Menu Admin Manajemen Admin

    Gambar III.12. Rancangan Halaman Menu Admin Manajemen Admin

    Dalam halaman manajemen admin, admin dapat menambah admin baru

    dengan mengklik menu tambah admin atau mengedit data admin yang sudah

    ada dengan cara mengklik menu edit.

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

    http://www.cvisiontech.com

  • 12. Rancangan Halaman Menu Admin Edit Data Admin

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

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

    perubahan data.

    13. Rancangan Halaman Menu Admin Tambah Admin

    Gambar III.14. Rancangan Halaman Menu Admin Tambah Admin

    Halaman menu tambah admin ini berfungsi untuk menambah admin.

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

    http://www.cvisiontech.com

  • 14. Rancangan Halaman Menu Admin Waktu Tes

    Gambar III.15. Rancangan Halaman Menu Admin Waktu Tes

    Halaman menu admin untuk membuat jadwal tes masuk calon siswa.

    15. Rancangan Halaman Menu Admin Edit Waktu Tes

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

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

    http://www.cvisiontech.com

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

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

    sudah klik simpan. Maka menu waktu tes akan terupdate.

    16. Rancangan Halaman Menu Admin Tambah Waktu tes

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

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

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

    simpan. Maka menu waktu tes akan bertambah.

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

    http://www.cvisiontech.com

  • 17. Rancangan Halaman Menu Admin Cek Pendaftaran

    Gambar III.18. Rancangan Halaman Menu Admin Cek Pendaftaran

    Saat admin membuka halaman cek pendaftaran, maka akan keluar semua

    data siswa yang sudah melakukan registrasi.

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

    http://www.cvisiontech.com

  • 18. Rancangan Halaman Menu Admin Edit Pendaftar

    Gambar III.19. Rancangan Halaman Menu Admin Edit Pendaftar

    Pada halaman Admin cek pendaftaran, jika admin ingin merubah status

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

    menampilkan data calon siswa secara keseluruhan. Pada bagian status

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

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

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

    http://www.cvisiontech.com

  • data pendaftar di halaman user otomatis status calon siswa akan beerubah

    menjadi di terima.

    19. Rancangan Halaman Menu Admin Pengumuman

    Gambar III.20. Rancangan Halaman Menu Admin Pengumuman

    Halaman Menu Admin Pengumuman, disini admin dapat mengedit atau

    menambahkan pengumuman terkait pendaftaran atau penerimaan siswa

    baru.

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

    http://www.cvisiontech.com

  • 20. Rancangan Halaman Menu Admin Edit Pengumuman

    Gambar III.21. Rancangan Halaman Menu Admin Edit Pengumuman

    Untuk mengedit pengumuman dapat di lakukan dengan mengklik edit lalu

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

    21. Rancangan Halaman Menu Admin Tambah Pengumuman

    Gambar III.22. Rancangan Halaman Menu Admin Tambah

    Pengumuman

    Untuk menambahkan pengumuman baru admin bisa mengklik menu tambah

    pengumuman lalu masukan judul dan isi pengumuman terbaru, jika sudah

    klik inser record.

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

    http://www.cvisiontech.com

  • 3.3.2. Rancangan Basis Data

    A. Entity Relational Diagram (ERD)

    Gambar III.23. Entity Relational Diagram (ERD)

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

    http://www.cvisiontech.com

  • B. Logical Relational Structure (LRS)

    Gambar III.24. Logical Relational Structure (LRS)

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

    http://www.cvisiontech.com

  • C. Spesifikasi File

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

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

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

    parameter sebagai berikut:

    1. Tabel Admin

    Nama File : Admin

    Akronim : admin

    Fungsi : Untuk menyimpan data admin

    Tipe File : File Master

    Organisasi File : Indexed Sequential

    Akses File : Random

    Media : Harddisk

    Panjang Record : 126 Karakter

    Kunci Field : id_admin

    Software : Mysql

    Tabel III.1. Spesifikasi File Admin

    No Elemen Data Nama Field Tipe Size Keterangan

    1 Id Admin id_user Integer 11 Primary Key

    2 Username nama_user Varchar 30

    3 Password password Varchar 30

    4 Nama Lengkap type_user varchar 30

    5 Nip tanggal_lahir varchar 25

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

    http://www.cvisiontech.com

  • 2. Tabel Nilai

    Nama File : Nilai

    Akronim : nilai

    Fungsi : Untuk menyimpan nilai ijazah calon siswa

    Tipe File : File Master

    Organisasi File : Indexed Sequential

    Akses File : Random

    Media : Harddisk

    Panjang Record : 66.8 Karakter

    Kunci Field : id_nilai

    Software : Mysql

    No Elemen Data Nama Field Tipe Size Keterangan

    1 Id Nilai id_nilai int 5 Primary Key

    2 Username Username text 30

    3 Nilai Mtk nilai_mtk decimal 5.2

    4 Nilai Bing nilai_bing decimal 5.2

    5 Nilai Bindo nilai_bindo decimal 5.2

    6 Nilai Ipa nilai_ipa decimal 5.2

    7 Id_siswa Id_siswa Integer 11 Foreign Key

    Tabel III.2. Spesifikasi File Nilai

    3. Tabel Pengumuman

    Nama File : pengumuman

    Akronim : pengumuman

    Fungsi :Untuk menyimpan data pengumuman siswa

    Tipe File : File Master

    Organisasi File : Indexed Sequential

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

    http://www.cvisiontech.com

  • Akses File : Random

    Media : Harddisk

    Panjang Record : 380 Karakter

    Kunci Field : id_pengumuman

    Software : Mysql

    No

    Elemen Data Nama Field Tipe Size Keterangan

    1 Id Pengumuman Id_pengumuman integer 11 Primary Key

    2 Judu_l Pengumuman

    Judul_pengumuman varchar 100

    3 Isi_ Pengumuman

    Isi_pengumuman text 250

    4 Tanggal_ Pengumuman

    Tanggal_pengumuman

    datetime 8

    5 Id_admin Id_admin Integer 11 Foreign_key

    Tabel III.3. Spesifikasi File Pengumuman

    4. Tabel Siswa

    Nama File : Siswa

    Akronim : siswa

    Fungsi : Untuk menyimpan data calon siswa

    Tipe File : File Master

    Organisasi File : Indexed Sequential

    Akses File : Random

    Media : Harddisk

    Panjang Record : 433Karakter

    Kunci Field : id_siswa

    Software : Mysql

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

    http://www.cvisiontech.com

  • Tabel III.4. Spesifikasi File Siswa

    5. Tabel Tes

    Nama File : Tes

    Akronim : tes

    Fungsi : Untuk menyimpan data informasi calon siswa

    Tipe File : File Master

    Organisasi File : Indexed Sequential

    Akses File : Random

    Media : Harddisk

    Panjang Record : 27 Karakter

    No Elemen Data Nama Field Tipe Size Keterangan

    1 Id siswa id_Siswa Integer 11 Primary Key

    2 Username Username Text 250

    3 Password Password Varchar 30

    4 Nama Lengkap Nama_Lengkap Varchar 30

    5 Jenis Kelamin Jenis_Kelamin Integer 1

    6 Agama Agama Integer 1

    7 Jurusan Jurusan Text 250

    8 Tempat Lahir Tempat_Lahir Varchar 30

    9 Tanggal Lahir Tanggal_Lahir date 8

    10 Nama Orang Tua

    Nama_Orang_Tua Varchar 30

    11 Alamat Siswa Alamat_Siswa Varchar 30

    12 Sekolah Asal Sekolah_Asal Varchar 30

    13 Foto Foto Varchar 200

    14 Status Status Integer 1

    15 Nilai Tes Nilai_Tes Decimal 10

    16 Tahun Ajaran Tahun_Ajaran Varchar 18

    17 Tanggal Acc Tanggal_Acc Date 8

    18 Id_admin Id_admin integer 11 Foreign Key

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

    http://www.cvisiontech.com

  • Kunci Field : id_tes

    Software : Mysql

    Tabel III.5. Spesifikasi File Tes

    6. Tabel Waktu Tes

    Nama File : Waktu Tes

    Akronim : Waktu Tes

    Fungsi : Untuk menyimpan data waktu tes calon siswa

    Tipe File : File Master

    Organisasi File : Indexed Sequential

    Akses File : Random

    Media : Harddisk

    Panjang Record : 280 Karakter

    Kunci Field : id_waktutes

    Software : Mysql

    No Elemen Data Nama Field Tipe Size Keterangan

    1 Id Tes Id_Tes Integer 5 Primary

    Key

    2 Username Username Text

    3 Tes Akademis Tes_Akademis Integer 20

    4 Tes Akademis Bakat Tes_Akademis_bakat Integer 1

    5 Tes Bakat Tes_Bakat Integer 11

    6 Id_admin Id_admin integer 11 Foreign

    key

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

    http://www.cvisiontech.com

  • Tabel III.6. Spesifikasi File Waktu Tes

    3.3.3. Rancangan Struktur Navigasi

    Rancangan struktur navigasi digunakan untuk menggambarkan secara garis

    besar isi dari seluruh website dan bagaimana menggambarkan hubungan antara

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

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

    website secara menyeluruh.

    Pembuatan struktur navigasi ini akan sangat membantu nantinya ketika akan

    membuat rancangan seluruh halaman website. Struktur navigasi yang baik adalah

    yang mampu memberitahukan kepada pengguna tentang lokasi mereka sekarang

    dan lokasi yang bisa dikunjungi dari lokasi sekarang berada.

    No Elemen Data Nama Field Tipe Size Keterangan

    1 Id Waktu Tes Id_Waktu_Tes Integer 5 Primary Key

    2 Nama Tes Nama_Tes Varchar 25

    3 Keterangan Keterangan Varchar 250

    4 Waktu Test Waktu_Tes datetime 8

    5 Id_admin Id_admin integer 11 Foreign keys

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

    http://www.cvisiontech.com

  • 1. Struktur Navigasi User

    Gambar III.25. Struktur Navigasi User

    2. Struktur Navigasi Admin

    Gambar III.26. Struktur Navigasi Admin

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

    http://www.cvisiontech.com

  • 3.4. Implementasi dan Pengujian Unit

    3.4.1. Implementasi

    A. Implementasi Rancangan Antar Muka

    Implementasi rancangan antar muka pada sistem informasi penerimaan

    siswa baru berdasarkan hasil rancangan antar muka.

    1. Halaman Utama User

    Gambar III.27. Halaman Utama User

    2. Halaman Panduan

    Gambar III.28. Halaman Panduan

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

    http://www.cvisiontech.com

  • 3. Halaman Registrasi

    Gambar III.29. Halaman Registrasi

    4. Halaman Menu Informasi

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

    http://www.cvisiontech.com

  • Gambar III.30. Halaman Menu Informasi

    5. Halaman Menu Data Pendaftar

    Gambar III.31. Halaman Menu Data Pendaftar

    6. Halaman Menu Data Siswa

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

    http://www.cvisiontech.com

  • Gambar III.32. Halaman Menu Data siswa

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

    http://www.cvisiontech.com

  • 7. Halaman Menu Login Admin

    Gambar III.33. Halaman Menu Login Admin

    8. Halaman Menu Manajemen Admin

    Gambar III.34. Halaman Menu Manajemen Admin

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

    http://www.cvisiontech.com

  • 9. Halaman Menu Manajemen Admin Tambah Admin

    Gambar III.35. Halaman Menu Manajemen Admin Tambah Admin

    10. Halaman Menu Manajemen Admin Edit Admin

    Gambar III.36. Halaman Menu Manajemen Admin Edit Admin

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

    http://www.cvisiontech.com

  • 11. Halaman Menu Admin Waktu Tes

    Gambar III.37. Halaman Menu AdminWaktu Tes

    12. Halaman Menu Admin Tambah Waktu Tes

    Gambar III.38. Halaman Menu Admin Tambah Waktu Tes

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

    http://www.cvisiontech.com

  • 13. Halaman Menu Admin Edit Waktu Tes

    Gambar III.39. Halaman Menu Admin Edit Waktu Tes

    14. Halaman Menu Admin Data Calon Siswa

    Gambar III.40. Halaman Menu Admin Data Calon Siswa

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

    http://www.cvisiontech.com

  • 15. Halaman Menu Admin Edit Data Calon Siswa

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

    16. Halaman Menu Admin Pengumuman

    Gambar III.42. Halaman Menu Admin Edit Pengumuman

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

    http://www.cvisiontech.com

  • 17. Halaman Menu Admin Tambah Pengumuman

    Gambar III.43. Halaman Menu Admin Tambah Pengumuman

    B. Spesifikasi Sistem Komputer

    Berikut ini adalah spesifikasi perangkat keras danperangkat lunak minimum

    yang dibutuhkan untuk mengimplementasikan sistem informasi akademik

    pendaftaran siswa baru pada SMK BINA MANDIRI 2.

    1. Spesifikasi Perangkat Keras

    a. Server

    1) CPU

    (a) Processor Intel® Pentium® Core 2 Duo

    (b) RAM DDR2 4 GB

    (c) Hard Disk 500 GB

    2) Mouse

    3) Keyboard

    4) Monitor dengan resolusi layar minimum 1024x768

    5) Koneksi internet dengan kecepatan 2 Mbps.

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

    http://www.cvisiontech.com

  • b. Client

    1) CPU

    (a) Processor Intel® Pentium® 4

    (b) RAM DDR2 1GB

    (c) Hard Disk 20 GB

    2) Mouse

    3) Keyboard

    4) Monitor dengan resolusi layar minimum 1024x768

    5) Koneksi internet dengan kecepatan 56 kbps.

    2. Spesifikasi Perangkat Lunak

    1. Server

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

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

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

    terdiri dari beberapa komponen, diantaranya:

    (1) Aplikasi Apache Server v2

    (2) Aplikasi PHP Server v5

    (3) Aplikasi MySQL Server v5

    (4) Aplikasi phpMyAdmin v3

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

    Explorer, Google Chrome.

    3.4.2. Pengujian Unit

    Pengujian terhadap program yang dibuat menggunakan black box testing

    yang fokus terhadap proses masukan dan keluaran program.

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

    http://www.cvisiontech.com

  • 1. Pengujian Terhadap Form Login Admin

    No Skenario Pengujian

    Test Case Hasil Pengujian

    Hasil Yang Di harapkan

    Kesimpulan

    1 Username dan Password tidak diisi lalu klik login

    Username (kosong) Password (kosong)

    Sistem akan menolak masuk ke halaman admin

    Sesuai

    harapan

    Valid

    2 Mengetikan username tapi Password tidak Diisi, lalu klik login

    Username: adi Password: (kosong)

    Sistem akan menolak Masuk ke halaman login

    Sesuai

    harapan

    Valid

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

    Username: (kosong) Password: (19911115)

    Sistem akan menolak Masuk ke halaman login

    Sesuai

    harapan

    Valid

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

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

    Sistem akan menolak masuk ke halaman Login

    Sesuai

    harapan

    Valid

    5 M