SKRIPSI - repository.bsi.ac.id fileii PERSEMBAHAN Syukur bagi saya amatlah sederhana kupersembahkan...

128
PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEB PADA SMK PANCAKARYA TANGERANG SKRIPSI Diajukan untuk memenuhi syarat kelulusan Strata satu ( S1 ) ARIEF KURNIAWAN 11135839 Program Studi Sistem Informasi Sekolah Tinggi Manajemen Informatika dan Komputer NUSA MANDIRI Jakarta 2017

Transcript of SKRIPSI - repository.bsi.ac.id fileii PERSEMBAHAN Syukur bagi saya amatlah sederhana kupersembahkan...

PERANCANGAN SISTEM INFORMASI AKADEMIK

BERBASIS WEB PADA SMK PANCAKARYA

TANGERANG

SKRIPSI

Diajukan untuk memenuhi syarat kelulusan Strata satu ( S1 )

ARIEF KURNIAWAN

11135839

Program Studi Sistem Informasi

Sekolah Tinggi Manajemen Informatika dan Komputer

NUSA MANDIRI

Jakarta

2017

ii

PERSEMBAHAN

Syukur bagi saya amatlah sederhana kupersembahkan untuk orang tua tercinta

serta seseorang yang selalu di hati. Bukanlah suatu aib jika kamu gagal dalam

suatu usaha, yang merupakan ibadahlah jika kamu tidak bangkit dari kegagalan

itu.

(Ali bin Abu Thalib)

Dengan megucap puji syukur kepada Allah S.W.T. Skripsi ini kupersembahkan

untuk:

1. Kedua orang tuaku tercinta yang telah membesarkan aku dengan kasih

sayang yang tulus serta mendidik, membimbing, ,mendukung, memotivasi,

serta memberi apa yang terbaik bagiku dan selalu mendoakan aku untuk

meraih keberasilan dan kesuksesan.

2. Kepada Kakakku Sri Wahyuni yang selalu mendukungku.

3. Kepada Bapak Drs. H. Suparno S. Jaya. M.pd selaku Kepala Sekolah

SMK Pancakarya Tangerang, dan kepada Bapak Agus Susanto S.kom

selaku Staff Tata Usaha yang telah mengizinkan penulis melakukan riset.

4. Dosen pembimbing Ibu Mia Rosmiati M.Kom terima kasih sudah

membimbing saya sampai akhirnya saya dapat menyelesaikan skripsi tepat

waktu.

5. Sahabatku terutama Moko, Indra, Mayvika dll yang selalu ada bersamaku

dalam penyusunan skripsi ini dari awal.

6. Kepada teman-teman STMIK Nusa Mandiri Jakarta kelas 11.7AB.05 yang

ikut memberikan masukan dan ide dan saran-saran yang baik

iii

SURAT PERNYATAAN KEASLIAN SKRIPSI

Yang bertanda tangan dibawah ini :

Nama : Arief Kurniawan

NIM : 11135839

Perguruan Tinggi : STMIK Nusa Mandiri

Dengan ini menyatakan bahwa skripsi yang telah saya buat dengan judul:

“Perancangan Sistem Informasi Akademik Berbasis Web Pada SMK

Pancakarya Tangerang ”, adalah asli (orisinil) atau tidak plagiat (menjiplak) dan

belum pernah di terbitkan/di publikasikan dimanapun dan dalam bentuk apapun.

Demikianlah surat pernyataan ini saya buat dengan sebenar-benarnya tanpa ada

paksaan dari pihak manapun juga. Apabila dikemudian hari ternyata saya

memberikan keterangan palsu dan atau tidak ada pihak lain yang mengklaim

bahwa tertentu, saya bersedia diproses baik secara pidana maupun perdata dan

kelulusan saya dari Sekolah Tinggi Manajemen Informatika & Komputer Nusa

Mandiri dicabut/dibatalkan.

Dibuat di : Jakarta

Pada tanggal : 31 Januari 2017

Yang menyatakan,

(Arief Kurniawan)

iv

SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA

ILMIAH UNTUK KEPENTINGAN AKADEMIS

Yang bertanda tangan dibawah ini :

Nama : Arief Kurniawan

NIM : 11135839

Perguruan Tinggi : STMIK Nusa Mandiri

Program studi : Sistem Informasi

Dengan ini menyetujui untuk memberikan ijin kepada pihak Sekolah Tinggi

Manajemen Informatika & Komputer Nusa Mandiri, Hak bebas Royaliti

Nonekslusif (Non-exclusive Royalty Free Right), atas karya ilmiah kami yang

berjudul: “Perancangan Sistem Informasi Akademik Berbasis Web Pada

SMK Pancakarya Tangerang”, berserta perangkat yang diperlukan (apabila

ada).

Dengan Hak Bebas Royalti Non eksklusi ini pihak Sekolah Tinggi Manajemen

Informatika & Komputer Nusa Mandiri berhak menyimpan, mengalih media

atau format-kan, pengelolaannya dalam pangkalan data (Database),

mendistribusikannya dan menampilkan atau mempublikasikannya di internet atau

media lain untuk kepentingan akademis tanpa perlu memintan ijin dari kami

selama tetap mencantumkan nama kami sebagai penulis /pencipta karya ilmia

tersebut.

Saya bersedia menanggung secara pribadi, tanpa melibatkan pihak Sekolah

Tinggi Manajemen Informatika & Komputer Nusa Mandiri, segala bentuk

tuntutan hukum yang timbul atas pelanggaranya. Hak Cipta dalam karya ilmiah

saya ini.

Demikian pernyataan ini saya buatkan dengan sebenarnya.

Dibuat di : Jakarta

Pada tanggal : 31 Januari 2017

Yang menyatakan,

(Arief Kurniawan)

v

PERSETUJUAN DAN PENGESAHAN SKRIPSI

Yang bertanda tangan dibawah ini :

Nama : Arief Kurniawan

NIM : 11135839

Program Studi : Sistem Informasi

Jenjang : Strata Satu (S1)

Judul Skripsi : Perancangan Sistem Informasi Akademik berbasis

Website pada SMK Pancakarya Tangerang

Untuk dipertahankan pada periode II-2016 dihadapan penguji dan diterima

sebagai bagian persyaratan yang diperlukan untuk memperoleh Sarjana Ilmu

Komputer (S.Kom) pada Program Strata Satu (S1) Program Studi Sistem

Informasi di Sekolah Tinggi Manajemen & Komputer Nusa Mandiri.

Jakarta, 8 Februari 2017

PEMBIMBING SKRIPSI,

Dosen Pembimbing : Mia Rosmiati M.Kom ………………………

DEWAN PENGUJI

Penguji I :……………………….. ……………………...

Penguji II :……………………….. ……………………...

vi

PANDUAN PENGGUNAAN HAK CIPTA

Skripsi sarjana yang berjudul “Perancangan Sistem Informasi

Akademik Berbasis Web Pada SMK Pancakarya Tangerang” adalah hasil

karya tulis asli Arief Kurniawan dan bukan hasil terbitan sehingga peredaran

karya tulis hanya berlaku dilingkungan akademik saja, serta memiliki hak cipta.

Oleh karena itu, dilarang keras untuk menggandakan baik sebagian maupun

seluruhnya karya tulis ini, tanpa seijin penulis.

Referensi kepustakaan diperkenankan untuk dicatat tetapi pengutipan atau

peringkasan isi tulisan hanya dapat dilakukan dengan seizin penulis dan disertai

ketentuan pengutipan secara ilmiah dengan menyebutkan sumbernya.

Untuk keperluan perizinan pada pemilik dapat menghubungi informasi

yang tertera di bawah ini:

Nama : Arief Kurniawan

Alamat : Jl. Timbul Jaya Rt. 08, Rw. 04 Kel. Duri kosambi,

Kec. Cengkareng, Jakarta Barat

No.Telp : 0896-5767-8720

E-mail : [email protected]

vii

KATA PENGANTAR

Puji syukur kehadirat Allah SWT atas limpahan rahmat dan karuniaNya

serta shalawat dana salam penulis sampaikan kepada Nabi Muhammad SAW.

Alhamdulillah pada akhirnya penulis dapat menyelesaikan skripsi ini dengan

judul “PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS

WEB PADA SMK PANCAKARYA TANGERANG”.

Tujuan penulisan skripsi in dibuat sebagai salah satu syarat kelulusan

Program Strata Satu (S1) STMIK Nusa Mandiri. Sebagai bahan penulisan diambil

berdasarkan hasil penelitian (eksperimen), observasi dan beberapa sumber

literature yang mendukung penulisan ini. Penulis menyadari bahwa tanpa

bimbingan dan dorongan dari semua pihak, maka penulisan skripsi ini tidak akan

lancar, oleh karena itu pada kesempatan ini ijinkan penulis menyampaikan ucapan

terima kasih kepada :

1. Ketua STMIK Nusa Mandiri.

2. Pembantu Ketua I Nusa Mandiri.

3. Ketua Program Studi STMIK Nusa Mandiri.

4. Ibu Mia Rosmiati, M.Kom selaku dosen pembimbing skripsi.

5. Staff/Karyawan/Dosen di lingkungan STMIK Nusa Mandiri.

6. Bapak Drs. H. Suparno S. Jaya. M.pd selaku Kepala Sekolah SMK

Pancakarya Tangerang.

7. Agus Susanto S.kom selaku Staff Tata Usaha SMK Pancakarya

Tangerang.

viii

8. Kedua orang tua tercinta yang telah memberikan dukungan moral ataupun

spiritual.

9. Rekan-rekan mahasiswa.

Serta semua pihak yang terlalu banyak untuk disebut satu persatu sehingga

terwujudnya penulisan ini. Penulis menyadari bahwa penulis skripsi ini masih

jauh sekali dari sempurna, untuk itu penulis mohon kritik dan saran yang bersifat

membangun demi kesempurnaan penulisan dimasa yang akan datang.

Akhirnya kata semoga skripsi ini dapat berguna bagi penulis khususnya

dan bagi para pembaca yang berminat pada umumnya.

Jakarta, 31 Januari 2017

Penulis

(Arief Kurniawan)

ix

ABSTRAK

Arief Kurniawan (11135839), Perancangan Sistem Informasi Akademik

Berbasis Web Pada SMK Pancakarya Tangerang.

Sistem Informasi Akademik pada SMK Pancakarya Tangerang masih dilakukan

secara manual, karena semua data diolah dengan cara ditulis pada media kertas

lalu disimpan di ruang arsip. Hal ini mengakibatkan proses pengolahan dan

penyajian data agak terhambat. Pencarian data terkadang memerlukan waktu lama

karena harus mencari dulu di ruang arsip ketika siswa memerlukan informasi yang

telah tersimpan.

SMK Pancakarya Tangerang memerlukan terobosan sistem baru untuk

mendukung sistem informasi akademik yang bisa diakses oleh siswa secara

langsung melalui website. Dengan adanya sistem informasi akademik berbasis

web ini diharapkan dapat membantu guru untuk mempermudah proses pengolahan

data akademik dan mempermudah siswa dalam mendapatkan informasi akademik

yang dibutuhkan.

Kata Kunci : Sistem Informasi, Akademik, Website

x

ABSTRACT

Arief Kurniawan (11135839), Based Academic Information System Design

Ideas On SMK Pancakarya Tangerang. .

Academic Information System at SMK Pancakarya Tangerang is still done

manually, as all data is processed by a paper written on the media is then stored

in the archives. This resulted in the processing and presentation of data is

somewhat impeded. Search data may sometimes take longer because it must first

find in the archives when students need information that has been stored.

SMK Pancakarya Tangerang require a breakthrough new system to support

academic information system that can be accessed by students directly through

the website. With the web-based academic information system is expected to help

teachers to facilitate the process of academic data processing and facilitate

students in getting the required academic information.

Keywords: Information Systems, Academic, Website

xi

DAFTAR ISI

Halaman

LEMBAR JUDUL SKRIPSI ................................................................................... i

LEMBAR PERSEMBAHAN .................................................................................. ii

LEMBAR PERNYATAAN KEASLIAN SKRIPSI .............................................. iii

LEMBAR SURAT PERNYATAAN PUBLIKASI KARYA ILMIAH UNTUK

KEPENTINGAN AKADEMIS ............................................................................... iv

LEMBAR PERSETUJUAN DAN PENGESAHAN SKRIPSI ............................. v

LEMBAR PANDUAN PENGGUNAAN HAK CIPTA ........................................ vi

KATA PENGANTAR .............................................................................................. vii

ABSTRAK ................................................................................................................ ix

DAFTAR ISI ............................................................................................................ ix

DAFTAR SIMBOL .................................................................................................. xiii

DAFTAR GAMBAR ................................................................................................ xv

DAFTAR TABEL ................................................................................................... xvii

DAFTAR LAMPIRAN ............................................................................................ xviii

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

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

1.2. Identifikasi Permasalahan ................................................................... 3

1.3. Perumusan Masalah ............................................................................ 3

1.4. Maksud danTujuan ............................................................................. 4

1.5. Metode Penelitian ............................................................................... 4

1.5.1. Teknik Pengumpulan data ........................................................ 4

A. Observasi .............................................................................. 4

B. Wawancara ........................................................................... 4

C. Studi Pustaka ........................................................................ 5

1.5.2. Model Pengembangan Sistem .................................................. 5

A. Analisa Kebutuhan Sistem ................................................... 5

B. Desain ................................................................................... 5

C. Code generation ................................................................... 6

D. Pengujian (Testing) .............................................................. 6

E. Support.................................................................................. 6

1.6. Ruang Lingkup ................................................................................... 6

BAB II LANDASAN TEORI .............................................................................. 8

2.1. Tinjauan Pustaka ................................................................................ 8

2.1.1. Konsep Dasar Sistem Informasi ............................................... 8

2.1.2. Konsep Dasar Pemrograman .................................................... 12

2.2. Penelitian Terkait ................................................................................ 22

xii

BAB III ANALISA SISTEM BERJALAN .......................................................... 24

3.3. Tinjauan Institusi ............................... ................................................ 24

3.1.1. Sejarah Institusi ........................................................................ 24

3.1.2. Struktur Organisasi dan Fungsi ................................................ 25

3.2. Proses Bisnis Sistem ........................................................................... 31

3.3. Spesifikasi Dokumen Sistem Berjalan ............................................... 33

BAB IV RANCANGAN SISTEM DAN PROGRAM USULAN ....................... 34

4.1. Analisa Kebutuhan Software .............................................................. 34

4.2. Desain ................................................................................................. 55

4.2.1. Database .................................................................................. 55

4.2.2. Software Architecture............................................................... 64

4.2.3. User Interface........................................................................... 65

4.3. Code Generation ................................................................................ 75

4.4. Testing ................................................................................................ 77

4.5. Support ............................................................................................... 93

4.5.1. Publikasi Web ......................................................................... 93

4.5.2. Spesifikasi Hardware dan Software ......................................... 94

4.6. Spesifikasi Dokumen Sistem Usulan .................................................. 95

BAB V PENUTUP ................................................................................................ 98

5.1. Kesimpulan ......................................................................................... 98

5.2. Saran-saran ......................................................................................... 98

DAFTAR PUSTAKA ............................................................................................... 99

DAFTAR RIWAYAT HIDUP ................................................................................ 101

LEMBAR KONSULTASI BIMBINGAN .............................................................. 102

SURAT KETERANGAN RISET ........................................................................... 103

LAMPIRAN .............................................................................................................. 104

xiii

DAFTAR SIMBOL

1. Simbol Unifield Modelling Language (UML)

A. Simbol Use Case Diagram

1. Actor

Menspesifikasikan himpuan peran yang pengguna mainkan

ketika berinteraksi dengan use case.

2. Dependency

Hubungan dimana perubahan yang terjadi pada suatu elemen

mandiri (independent) akan mempengaruhi elemen yang

bergantung padanya elemen yang tidak mandiri (independent).

3. Generalization

Hubungan dimana objek anak (descendent) berbagi perilaku

dan struktur data dari objek yang ada di atasnya objek induk

(ancestor).

4. Include

Menspesifikasikan bahwa use case sumber secara eksplisit.

5. Extend

Menspesifikasikan bahwa use case target memperluas perilaku

dari use case sumber pada suatu titik yang diberikan.

6. Association

Apa yang menghubungkan antara objek satu dengan objek

lainnya.

7. Use Case

Deskripsi dari urutan aksi-aksi yang ditampilkan sistem yang

menghasilkan suatu hasil yang terukur bagi suatu aktor

8. Collaboration

Interaksi aturan-aturan dan elemen lain yang bekerja sama

untuk menyediakan prilaku yang lebih besar dari jumlah dan

elemen-elemennya (sinergi).

xiv

B. Simbol Actifity Diagram

1. Actifity

Memperlihatkan bagaimana masing-masing kelas

antarmuka saling berinteraksi satu sama lain

2. Action

State dari sistem yang mencerminkan eksekusi dari suatu

aksi

3. Initial Node

Bagaimana objek dibentuk atau diawali.

4. Actifity Final Node

Bagaimana objek dibentuk dan dihancurkan

5. Fork Node

Satu aliran yang pada tahap tertentu berubah menjadi

beberapa aliran

2. Simbol Entity Relationship diagram (ERD)

1. ENTITY

Menggambarkan sesuatu yang dapat dibedakan dimana

informasi yang berkaitan dengannya dikumpulkan.

2. RELATIONSHIP

Menggambarkan hubungan yang terjadi antara satu entity

atau lebih entity.

3. ATRIBUTE

Menggambarkan karakteristik dari entity atau

relationship yang menyediakan penjelasan detail tentang

relationship tersebut.

4. CONNECTION

Hubungan antara entity dengan atributnya dan himpunan

entitas dengan himpunan relasinya

xv

DAFTAR GAMBAR

Halaman

Gambar II.1 Fase-fase waterfall ................................................................................. 9

Gambar II.2 Logical Relational Structure ................................................................. 21

Gambar III.1 Struktur Organisasi .............................................................................. 26

Gambar III.2 Activity Diagram Penilaian .................................................................. 32

Gambar IV.1 Use Case Diagram Sistem Informasi Akademik Halaman Siswa ....... 36

Gambar IV.2 Use Case Diagram Sistem Informasi Akademik Halaman

Administrator ............................................................................................................. 37

Gambar IV.3 Use Case Diagram Sistem Informasi Akademik Halaman Guru ........ 39

Gambar IV.4 Activity Diagram Halaman Login ........................................................ 40

Gambar IV.5 Activity Diagram Halaman Siswa Melihat Data Pribadi ..................... 41

Gambar IV.6 Activity Diagram Halaman Siswa Melihat dan Mencetak Nilai ......... 41

Gambar IV.7 Activity Diagram Halaman Siswa Melihat dan Mencetak .................. 42

Gambar IV.8 Activity Diagram Halaman Melihat Jadwal Mengajar Guru .............. 42

Gambar IV.9 Activity Diagram Halaman Admin Mengelola Data Guru .................. 43

Gambar IV.10 Activity Diagram Halaman Admin Mengelola Data Siswa .............. 44

Gambar IV.11 Activity Diagram Halaman Admin Mengelola Data Kelas ............... 45

Gambar IV.12 Activity Diagram Halaman Admin Mengelola Data Mata

Pelajaran .................................................................................................................... 46

Gambar IV.13 Activity Diagram Halaman Admin Mengelola Data Jurusan............. 47

Gambar IV.14 Activity Diagram Halaman Admin Mengelola Data Jadwal

Pelajaran .................................................................................................................... 48

Gambar IV.15 Activity Diagram Halaman Admin Mengelola Data Akademik

Sekolah ...................................................................................................................... 49

Gambar IV.16 Activity Diagram Halaman Admin Mengelola Data Laporan .......... 50

Gambar IV.17 Activity Diagram Halaman Admin Mengelola Galery Web ............. 51

Gambar IV.18 Activity Diagram Halaman Guru Mengelola Data Pribadi ............... 52

Gambar IV.19 Activity Diagram Halaman Guru Menginput Nilai Siswa ............... 53

Gambar IV.20 Activity Diagram Halaman Guru Melihat dan Mencetak Jadwal

Mengajar Siswa ......................................................................................................... 54

Gambar IV.21 Activity Diagram Halaman Logout ................................................... 54

Gambar IV.22 Entity Relationship Diagram (ERD) .................................................. 55

Gambar IV.23 Logical Record Structure (LRS) ....................................................... 56

Gambar IV.24 Component Diagram ......................................................................... 64

Gambar IV.25 Deployment Diagram ........................................................................ 65

Gambar IV.26 Tampilan Halaman Login Admin ...................................................... 66

Gambar IV.27 Tampilan Halaman Home Admin ...................................................... 66

Gambar IV.28 Tampilan Halaman Data Siswa ......................................................... 67

Gambar IV.29 Tampilan Halaman Input Data Siswa .............................................. 67

Gambar IV.30 Tampilan Halaman Data Guru ........................................................... 68

Gambar IV.31 Tampilan Halaman Input Data Guru .................................................. 68

xvi

Gambar IV.32 Tampilan Halaman Jadwal Pelajaran ................................................. 69

Gambar IV.33 Tampilan Halaman Input Jadwal Pelajaran ...................................... 69

Gambar IV.34 Tampilan Halaman Mata Pelajaran .................................................... 70

Gambar IV.35 Tampilan Halaman Input Mata Pelajaran .......................................... 70

Gambar IV.36 Tampilan Halaman Jurusan ................................................................ 71

Gambar IV.37 Tampilan Halaman Kelas ................................................................... 71

Gambar IV.38 Tampilan Halaman Home Siswa........................................................ 72

Gambar IV.39 Tampilan Halaman Data Nilai Siswa ................................................. 72

Gambar IV.40 Tampilan Halaman Jadwal Pelajaran Siswa ..................................... 73

Gambar IV.41 Tampilan Halaman Data Kelas Siswa ................................................ 73

Gambar IV.42 Tampilan Halaman Input Nilai Siswa ................................................ 74

Gambar IV.43 Tampilan Halaman Jadwal Mengajar ................................................ 74

Gambar IV.44 Tampilan Halaman Utama ................................................................. 75

xvii

DAFTAR TABEL

Halaman

Tabel IV.1. Deskripsi Use Case Diagram Sistem Informasi Akademik Halaman

Siswa ........................................................................................................................ 36

Tabel IV.2. Deskripsi Use Case Diagram Sistem Informasi Akademik Halaman ........

Administrator ............................................................................................................ 37

Tabel IV.3. Deskripsi Use Case Diagram Sistem Informasi Akademik Halaman .......

Guru ......................................................................................................................... 39

Tabel IV.4. Spesifikasi File Tabel Admin ............................................................... 57

Tabel IV.5. Spesifikasi File Tabel Berita ................................................................. 57

Tabel IV.6. Spesifikasi File Tabel Guru .................................................................. 58

Tabel IV.7. Spesifikasi File Tabel Jadwal ............................................................... 59

Tabel IV.8. Spesifikasi File Tabel Jadwal_Akademik ............................................. 60

Tabel IV.9. Spesifikasi File Tabel Jurusan .............................................................. 60

Tabel IV.10. Spesifikasi File Tabel Kelas ............................................................... 61

Tabel IV.11. Spesifikasi File Tabel Mata_Pelajaran ............................................... 62

Tabel IV.12. Spesifikasi File Tabel Nilai ................................................................ 62

Tabel IV.13. Spesifikasi File Tabel Siswa ............................................................... 63

Tabel IV.14. Hasil Pengujian Black Box Testing Form Login Admin ..................... 77

Tabel IV.15. Hasil Pengujian Black Box Testing Form Input Data Siswa ................ 78

Tabel IV.16. Hasil Pengujian Black Box Testing Form Input Data Guru ................ 82

Tabel IV.17. Hasil Pengujian Black Box Testing Input Data Jadwal Pelajaran ........ 86

Tabel IV.18. Hasil Pengujian Black Box Testing Input Data Jurusan ...................... 88

Tabel IV.19. Hasil Pengujian Black Box Testing Input Data Kelas ......................... 89

Tabel IV.20. Hasil Pengujian Black Box Testing Input Data Mata Pelajaran .......... 90

Tabel IV.21. Hasil Pengujian Black Box Testing Input Data Jadwal Akademik ..... 90

Tabel IV.22. Hasil Pengujian Black Box Testing From Login Siswa ...................... 91

Tabel IV.23. Hasil Pengujian Black Box Testing Input Data Nilai Siswa ............... 92

Tabel IV.24. Spesifikasi Hardware dan Software .................................................... 94

xviii

DAFTAR LAMPIRAN

Halaman

Lampiran A-1 Rapor Semester .................................................................................. 104

Lampiran A-2 Leger Semester ....................................................................................... 105

Lampiran B-1 Data Nilai Rapor Siswa ....................................................................... 106

Lampiran B-2 Data Guru ................................................................................................ 107

Lampiran B-3 Data Siswa ............................................................................................... 108

Lampiran B-4 Jadwal Pelajaran...................................................................................... 109

Lampiran B-5 Jadwal Mengajar ..................................................................................... 110

1

BAB I

PENDAHULUAN

1.1. Latar Belakang Masalah

Dalam kehidupan suatu negara, pendidikan memegang peranan yang

sangat penting untuk menjamin kelangsungan hidup negara dan bangsa, karena

pendidikan merupakan tempat untuk meningkatkan dan mengembangkan kualitas

sumber daya manusia. Perkembangan teknologi pada era globalisasi ini telah

berkembang pesat dan dapat dilihat dari pemakaian Sistem Informasi penilaian

berupa Sistem Informasi di sekolah-sekolah untuk mempermudah pengaksesan

Informasi penilaian untuk siswa dan guru. Salah satunya adalah SMK

PANCAKARYA Tangerang sudah waktunya mengembangkan Sistem Informasi

manajemennya khususnya Sistem Informasi penilaian agar mempermudah untuk

mengakses penilaian.

Pemanfaatan teknologi informasi ini sangat dibutuhkan oleh SMK

PANCAKARYA Tangerang untuk meningkatkan efisiensi dan produktivitas bagi

manajemen pendidikan. Guru dan pengurus sekolah tidak lagi disibukkan oleh

pekerjaan-pekerjaan operasional, yang sesungguhnya dapat digantikan oleh

aplikasi perangkat lunak. Dengan demikian dapat memberikan keuntungan pada

efisiensi waktu dan tenaga. Penghematan waktu dan kecepatan penyajian

informasi akibat penerapan teknologi informasi tersebut akan memberikan

kesempatan kepada guru dan pengurus sekolah untuk meningkatkan kualitas

komunikasi dan pembinaan kepada siswa.

2

Menurut Nisa, dkk (2015 : 2),“pengelolaan informasi yang cepat, tepat dan

akurat di nilai sangat penting karena dapat membantu berkembangnya sebuah

lembaga maupun instansi. Salah satu bentuk implementasi sistem informasi yang

cepat, tepat dan akurat ini adalah sistem informasi berbasis website yang

memanfaatkan teknologi komputer dan teknologi internet”.

Pada SMK PANCAKARYA Tangerang pengolahan data siswa khusus

pengolahan data nilai masih menggunakan cara konvensional/manual dalam arti

manual masih dalam pengerjaannya dengan tulis tangan. Nilai-nilai ulangan

harian, tugas, ujian tengah semester, ujian akhir semester siswa dan raport

terkumpul dalam bentuk kertas yang jumlahnya banyak dan mempersulit guru

atau wali kelas untuk mengontrolnya. SMK PANCAKARYA Tangerang

permasalahan yang sering terjadi diantaranya tidak sedikit kertas ulangan, tugas,

ujian tengah semester dan ujian akhir semester siswa hilang akibat terselip atau

bahkan ada yang hilang karena tidak sengaja terbuang. Siswa juga harus

menunggu terlalu lama untuk mengetahui nilai mereka, karena harus menunggu

wali kelas membagikan kertas ulangan harian dan kertas tugas yang sudah siswa

kerjakan.

Setelah itu guru mata pelajaran memberikan nilai tersebut kepada wali

kelas untuk dimasukkan ke raport siswa. Raport yang sudah diisi oleh wali kelas

diserahkan kepada bagian kurikulum dan tata usaha untuk diarsip. Oleh karena itu

perlu adanya sistem informasi berbasis Web untuk mengolah data-data tersebut.

Sehingga dengan adanya Sistem Informasi ini wali kelas tidak perlu menyerahkan

nilai kepada siswa. Wali kelas cukup menginput nilai-nilai siswa ke aplikasi

sistem tersebut dan dengan otomatis akan tersimpan kedalam database yang

3

nantinya informasi nilai harian, tugas, ujian tengah semester dan ujian akhir

semester dapat dilihat oleh siswa secara online menggunakan nis dan password

mereka masing-masing. Nilai yang dimasukkan akan membentuk e-raport yang

dapat dilihat oleh wali kelas dan siswa.

Dengan adanya Sistem Informasi ini diharapkan akan mempermudah kerja

guru dan tata usaha dalam mengelolah data nilai siswa. Dari uraian diatas, maka

penulis tertarik untuk menyusun sksripsi yang berjudul “Perancangan Sistem

Informasi Akademik Berbasis WEB pada SMK Pancakarya Tangerang”.

1.2. Identifikasi Permasalahan

Berdasarkan uraian latar belakang masalah, dapat diidentifikasikan

sejumlah masalah sebagai berikut:

1. Belum adanya Sistem Informasi Akademik di SMK Pancakarya Tangerang

mengakibatkan terbatasnya penyampaian informasi dari guru ke siswa.

1.3 Perumusan Masalah

Rumusan masalah yang dapat dikemukakan dalam penelitian ini adalah

sebagai berikut:

1. Bagaimana merancang dan membuat sistem informasi Akademik di SMK

Pancakarya Tangerang berbasis web yang dapat membantu proses

penyampaian informasi dari guru ke siswa ?

4

1.4. Maksud dan Tujuan

Dalam penulisan skripsi ini, penulis mempunyai maksud yaitu:

1. Memudahkan pihak sekolah dalam pembuatan laporan data siswa.

2. Memudahkan siswa untuk dapat mencetak raport melalui web.

3. Memberikan alternatif pemacahan masalah pada sistem pengolahan data

nilai siswa berbasis web.

Sedangkan tujuan dari penulisan skripsi ini adalah sebagai salah satu

syarat kelulusan pada program Strata Satu (SI) untuk program studi Sistem

informasi pada sekolah Tinggi Manajemen Informatika dan komputer (STMIK)

Nusa Mandiri Jakarta.

1.5. Metode Penelitian

Metode penelitian berfungsi sebagai acuan dalam pengumpulan maupun

pengolahan data. Dalam menunjang penulisan dan penyusunan Skripsi ini, ada

beberapa metode pengumpulan data yang dipergunakan diantaranya :

1.5.1. Tekhnik Penulisan Data

A. Observasi (Observation)

Penulis mencari dan mengumpulkan data dengan cara mengamati secara

langsung proses pendaftaran siswa baru beserta penjadwalan pada

bimbingan belajar.

B. Wawancara (Interview)

Memperoleh keterangan dengan cara memberikan pertanyaan kepada

operator sekolah yang berkaitan dengan sistem pengolahan nilai siswa

5

SMK PANCAKARYA Tangerang untuk mencari kelengkapan dan

kebenaran suatu data, agar menjadi informasi yang benar dan akurat.

C. Studi Pustaka (Library Research)

Dengan studi pustaka, penulis mengumpulkan data yang berkaitan dalam

pembuatan suatu program dengan mempelajari berbagai sumber buku yang

berkaitan dengan pembuatan program dan membaca situs-situs website

yang ada di internet.

1.5.2. Model Pengembangan Sistem

Analisa sistem didefinisikan bagaimana memahami dan menspesifikasikan

dengan detail apa yang harus dilakukan oleh sistem. Proses-proses standar

yang digunakan untuk membangun suatu sistem informasi meliputi analisa

kebutuhan software, desain, code generation, testing dan juga support

berikut pemaparannya :

A. Analisa Kebutuhan Sistem

proses pengumpulan kebutuhan dilakukan secara intensif untuk

mespesifikasikan kebutuhan perangkat lunak agar dapat dipahami

perangkat lunak seperti apa yang dibutuhkan oleh user. Spesifikasi

kebutuhan perangkat lunak pada tahap ini perlu untuk didokumentasikan.

B. Desain (Design)

Desain dan pembuatan website berkonsentrasi pada desain system UML

(Unifield Modelling Language), ERD (Entity Relationship Digram),

Database, Software Architecture, dan User Interface.

6

C. Code Generation

Dalam proses membangun sebuah web, penulis memanfaatkan perangkat

lunak yaitu Adobe Dreamweaver CS6, dengan menggunakan bahasa

pemrogramman php terstruktur yang dijabarkan melalui perintah-perintah

atau script dan dijalankan pada suatu server local yang disebut localhost

yang disimpan dalam database MySQL.

D. Pengujian (Testing)

Tahap selanjutnya yaitu pengujian atas kelayakan sebuah website terhadap

sistem yang ada pada SMK PANCAKARYA Tangerang. Pengujian yang

dilakukan menggunakan blackbox testing. Selanjutnya, akan diperoleh

hasil apakah website dan sistem yang ada sudah sesuai dengan kebutuhan

atau belum.

E. Support

Spesifikasi Hardware yang diterapkan yaitu laptop, RAM (Random Acces

Memory) 2gb, Printer Canon, Modem, Flashdisk. Untuk software yang

digunakan adalah Adobe Dreamweaver CS6, MYSQL, Xampp, Windows 7,

Adobe PhotoShop, Microsoft Visual Slide dan Mozilla Firefox. Lalu untuk

publish web akan dilakukan dengan menggunakan domain.

1.6. Ruang Lingkup

Dalam pembuatan website berdasarkan uraian dan penjelasan maka ruang

lingkup atau batasan masalah pada skripsi ini sebagai berikut:

1. Halaman admin (front end) berisi tentang pengolahan data guru. siswa,

mata pelajaran, kelas, jurusan siswa dan info.

7

2. Halaman siswa (front end) berisi tentang data diri, edit data diri,

informasi nilai, cetak nilai mid semester dan bisa mendaftar

ekstrakulikuler.

3. Halaman wali kelas (fornt end) berisi tentang data diri guru, edit data

diri, pengolahan data nilai siswa dan cetak e-raport.

8

BAB II

LANDASAN TEORI

2.1. Tinjauan Pustaka

Tinjauan pustaka diperlukan dalam penyusunan skripsi untuk

mendapatkan kesempurnaan, dengan tinjauan pustaka diharapkan mampu

memberikan konstribusi besar terhadap penyusunan skripsi. Isi dari tinjauan

pustaka dapat berupa dasar-dasar teori ini digunakan sebagai acuan awal dalam

penyusunan skripsi. Berikut adalah beberapa teori yang berhubungan dengan

skripsi yang akan dibahas.

2.1.1. Konsep Dasar Sistem Informasi

Sistem Informasi merupakan hal yang sangat penting bagi manajemen

dalam pengambilan suatu keputusan. Untuk mendalami pengertian Sistem

Informasi disini maka dijelaskan pengertian Sistem Informasi :

Menurut Sutabri (2012:46),”Sistem Informasi adalah suatu sistem didalam

suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian

yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan

kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar

tertentu dengan laporan-laporan yang diperlukan”.

Metode rekayasa piranti lunak yang digunakan peneliti adalah metode

waterfall. waterfall model atau yang bisa disebut Classic Lifecyle model

dikembangkan oleh Winston Royce pada tahun 1970. Waterfall model

9

merupakan paradigma yang tertua dalam bidang rekayasa perangkat lunak.

Pendekatan Model Air terjun (WaterFall), menempatkan semua aktifitas sesuai

dengan tahapan pada model waterfall dengan memisahkan dan membedakan

antara spesifikasi dan pengembangan.

Pada model ini, setiap tahapnya diakhiri dengan validasi dan verifikasi

serta evolusi untuk meminimalkan masalah yang mungkin terjadi pada tiap

tahapannya (Sommerville, 2007:65).

Berikut Fase-fase dalam model waterfall menurut referensi Sommerville :

Sumber: Sommerville (2007:66)

Gambar II.1. Fase-fase Waterfall

1. Requirement Definition (Analisa Kebutuhan)

Dalam langkah ini merupakan analisa terhadap kebutuhan sistem.

Pengumpulan data dalam tahap ini bisa melakukan sebuah penelitian, wawancara

atau study literatur. Seorang analisis sistem akan menggali informasi sebanyak-

10

banyaknya dari user sehingga akan tercipta sebuah sistem komputer yang bisa

melakukan tugas-tugas yang diinginkan oleh user tersebut. Tahapan ini akan

menghasilkan dokumen user requitment atau bisa dikatakan sebagai data yang

berhubungan dengan keinginan user dalam pembuatan sistem. Dokumen inilah

yang akan menjadi acuan analisis sistem untuk menterjemahkan kedalam bahasa

pemrograman.

2. System and Software Design (Perancangan Sistem dan Perangkat Lunak)

Proses design akan menerjemahkan syarat kebutuhan ke sebuah

perancangan perangkat lunak yang dapat diperkirakan sebelum dibuat koding.

Proses ini berfokus pada struktur data, arsitektur perangkat lunak, representasi

interface, dan detail (algoritma) prosedural. Tahapan ini akan menghasilkan

dokumen yang disebut software requirement. Dokumen inilah yang akan

digunakan programmer untuk melakukan aktivitas pembuatan sistemnya.

3. Implementation and Unit Testing (Implementasi dan Pengujian)

Pada tahapan ini, perancangan perangkat lunak diatur dalam pengaturan

unit program dengan pengimplementasikan perangkat lunak dalam pengkodean

dan tahapan inilah yang merupakan tahapan secara nyata dalam mengerjakan

suatu sistem. Dalam pengertiannya penggunaan komputer akan dimaksimalkan

dalam tahapan ini. Setelah pengkodean selesai maka akan dilakukan testing

terhadap sistem yang telah dibuat tadi. Tujuan testing adalah menemukan

kesalahan-kesalahan terhadap sistem tersebut dan kemudian bisa diperbaiki.

11

4. Integration and System Testing (Integrasi dan Pengujian Sistem)

Tahapan ini bisa dikatakan akhir dalam pembuatan sebuah sistem. Setelah

melakukan analisa, design dan pengkodean maka sistem yang sudah jadi

digunakan oleh user.

5. Operation and Maintenance (Operasi dan Pemeliharaan)

Pemeliharaan ini dilakukan karena software tentu memiliki perubahan, dan

perubahan terjadi karena software memiliki kesalahan karena software

membutuhkan pengembangan yang sesuai dengan perkembangan lingkungan.

Kelebihan dari model ini adalah selain karena pengaplikasian

menggunakan model ini mudah, kelebihan dari model ini adalah ketika semua

kebutuhan sistem dapat didefinisikan secara utuh, eksplisit, dan benar di awal

proyek, maka Software Engineering (SE) dapat berjalan dengan baik dan tanpa

masalah. Meskipun seringkali kebutuhan sistem tidak dapat didefinisikan

seeksplisit yang diinginkan, tetapi paling tidak, problem pada kebutuhan sistem di

awal proyek lebih ekonomis dalam hal uang (lebih murah), usaha, dan waktu yang

terbuang lebih sedikit jika dibandingkan problem yang muncul pada tahap-tahap

selanjutnya.

Kekurangan yang utama dari model ini adalah kesulitan dalam

mengakomodasi perubahan setelah proses dijalani. Fase sebelumnya harus

lengkap dan selesai sebelum mengerjakan fase berikutnya. Masalah dengan

waterfall:

1. Perubahan sulit dilakukan karena sifatnya yang kaku.

12

2. Karena sifat kakunya, model ini cocok ketika kebutuhan

dikumpulkan secara lengkap sehingga perubahan bisa ditekan

sekecil mungkin. Tapi pada kenyataannya jarang sekali

konsumen/pengguna yang bisa memberikan kebutuhan secara

lengkap, perubahan kebutuhan adalah sesuatu yang wajar terjadi.

3. Waterfall pada umumnya digunakan untuk rekayasa sistem yang

besar yaitu dengan proyek yang dikerjakan di beberapa tempat

berbeda, dan dibagi menjadi beberapa bagian sub-proyek.

2.1.2. Konsep Dasar Pemrograman

Bab ini akan menjelaskan konsep pemrograman terstruktur, HTML,

Internet, Website, Dreamweaver, PHP, MySQL, UML, LRS, Blackbox Testing,

ERD, Sistem Basis Data, CSS dan SQL.

A. Konsep Pemrograman Terstruktur

Menurut Sukamto dan Shalahuddin (2013:67),“Pemrograman terstruktur

adalah konsep atau paradigma atau sudut pandang pemrograman yang

membagibagi program berdasarkan fungsi-fungsi atau prosedur-prosedur yang

dibutuhkan program komputer”.

Modul-modul (pembagian program) biasanya dibuat dengan

mengelompokkan fungsi-fungsi dan prosedur-prosedur yang diperlukan sebuah

proses tertentu. Fungsi-fungsi dan prosedur-prosedur ditulis secara sekuensial atau

terurut dari atas ke bawah sesuai dengan kebergantungan antar fungsi atau

prosedur (fungsi atau prosedur yang dapat dipakai oleh fungsi atau prosedur

dibawahnya harus yang sudah ditulis atau dideklarasikan diatasnya).

13

Pemodulan pada pemrograman terstruktur dibagi berdasarkan fungsifungsi

dan prosedur-prosedur. Oleh karena itu, pemodelan pada pemrograman

terstruktur lebih fokus bagaimana memodelkan data dan fungsi-fungsi atau

prosedur-prosedur yang harus dibuat. Jenis paradigma pemrograman yang

digunakan dapat dideteksi dari bahasa pemrograman apa yang akan digunakan

untuk membuat program, baru setelah itu ditentukan paradigma pemrograman apa

yang akan digunakan.

B. HTML

Menurut Shalahuddin dan Sukamto (2008:19),“HTML atau HyperText

Markup Language adalah suatu format data yang digunakan untuk membuat

dokumen hypertext (teks pada komputer yang memungkinkan user saling

mengirimkan informasi”.

Sedangkan menurut Anhar (2010:40),“HTML adalah sekumpulan simbol-

simbol atau tag-tag yang dituliskan dalam sebuah file yang digunakan untuk

menampilkan halaman pada web browser”.

C. Internet

Menurut Irwan (2011:2),“Internet merupakan kependekan dari kata

“internetwork” yang berarti rangkaian komputer yang berhubungan menjadi

beberapa rangkaian jaringan, sistem komputer terhubung secara global dan

menggunakan TCP/IP sebagai protokol”.

Menurut Febrian (2008:27),“Internet yang kita kenal saat ini pertama kali

dikembangkan tahun 1969 dengan nama ARPAnet (US Defense Advanced

Research Project Agency) oleh Departemen Pertahanan Amerika Serikat”.

14

ARPAnet dibangun dengan sasaran untuk membuat jaringan komputer

yang tersebar untuk menghindari pemusatan informasi di satu titik yang

dipandang rawan untuk dihancurkan apabila terjadi peperangan. Di awal 1980-an

ARPAnet terpecah menjadi dua jaringan, yaitu ARPAnet dan MInet (sebuah

jaringan militer), akan tetapi keduanya mempunyai hubungan sehingga

komunikasi antar jaringan tetap dapat dilakukan. Pada mulanya jaringan

interkoneksi ini disebut DARPA Internet tapi lama-kelamaan disebut Internet saja.

D. Website

Menurut Masaleno (2011:272),“Website merupakan suatu koleksi

dokumen HTML pribadi atau perusahaan dalam server web”.

Sebuah server web dapat berisi lebih dari satu situs. Website ini didasari

dari adanya perkembangan teknologi informasi dan komunikasi. Melalui

perkembangan teknologi informasi, tercipta suatu jaringan antar komputer yang

saling berkaitan. Jaringan yang dikenal dengan istilah internet secara

terusmenerus menjadi pesan–pesan elektronik, termasuk e-mail, transmisi file, dan

komunikasi dua arah antar individu atau komputer.

E. Dreamweaver

Menurut Sibero (2011:384),”Dreamweaver merupakan sebuah produk web developer yang dikembangkan oleh Adobe Sistems Inc, sebelumnya produk Dreamweaver dikembangkan oleh Macromedia Inc, yang

kemudian sampai saat ini perkembangannya diteruskan oleh Adobe Sistems Inc, Dreamweaver dikembangkan dan dirilis dengan kode nama Creative Suit (CS)”.

15

F. PHP

Menurut Kristanto (2010:1),“PHP (hypertext processor) adalah bahasa

pemrograman yang digunakan secara luas untuk penanganan pembuatan dan

pengembangan web dan biasa digunakan pada HTML”.

PHP merupakan script yang banyak dipakai untuk memprogram situs web

dinamis. PHP merupakan script yang menyatu dengan HTML dan berada pada

server (sever slide HTML embedded scripting). Dengan menggunakan PHP maka

maintenance suatu situs website menjadi lebih mudah, proses update data dapat

dilakukan dengan menggunakan aplikasi yang dibuat dengan script PHP dan

dengan PHP dapat membuat beragam aplikasi kompleks yang membutuhkan

koneksi ke database. PHP dapat dijalankan pada berbagai macam sistem operasi

misalnya windows, linux dan max OS. Selain apache , PHP juga mendukung

beberapa web server lain, misalkan Microsoft IIS, Caudium dan lain-lain. Sistem

manajemen database yang sering digunakan bersama PHP adalah MySQL.

G. MySQL

Menurut Anhar (2010:21),“MySQL (My Structure Query Language)

adalah sebuah perangkat lunak sistem manajemen basis data SQL (Database

Manajement System) atau DBMS, dari sekian banyak DBMS seperti Oracle,

MSSQL, Postagre SQL dan lain-lain”.

H. UML

Menurut Nugroho (2010:6),“UML (Unifield Modelling Language) adalah

‘bahasa’ pemodelan untuk system atau perangkat lunak yang berparadigma

‘berorientasi objek’ ”.

16

Pemodelan (modeling) sesungguhnya digunakan untuk penyederhanaan

permasalahan-permasalahan yang kompleks sedemikian rupa sehingga lebih

mudah dipelajari dan dipahami. Bahasa pemodelan grafis telah ada diindustri

perangkat lunak sejak lama. Pemicu utama di balik semuanya adalah bahwa

Bahasa pemrograman berada pada tingkat abstraksi yang terlalu tinggi untuk

memfasilitasi diskusi tentang desain. Dengan menggunakan notasi-notasi seperti

UML, alur logika dari perangkat lunak yang akan dikembangkan bisa mudah

untuk dipahami. Berdasarkan pendapat yang dikemukakan diatas dapat ditarik

kesimpulan bahwa “Unifield Modelling Language” adalah sebuah Bahasa yang

berdasarkan grafik atau gambar untuk memvisualisasikan, menspesifikasikan,

membangun dan mendokumentasikan dari sebuah system pengembangan

perangkat lunak berbasis objek (Object Oriented Programing)”.

Berikut ini adalah definisi mengenai 5 diagram UML yaitu:

1. Use Case Diagram

Use Case Diagram merupakan inti fungsionnalitas koheren yang

diekspresikan sebagai transaksi-transaksi yang terjadi antara actor dan

system.

2. Class diagram

Menggambarkan struktur object system. Diagram ini menunjukkan class

object yang menyusun system dan juga hubungan antara class object

tersebut.

3. Sequence Diagram

Secara grafis menggambarkan bagaimana objek berinteraksi dengan satu

sama lain melalui pesan pada sekuensi sebuah use case atau operasi.

17

4. State Chart Diagram

Digunakan untuk memodelkan Behavior objek khusus yang dinamis.

Diagram ini mengilustrasikan siklus hidup objek berbagai keadaan yang

dapat diasumsikan oleh objek dan event-event (kejadian) yang

menyebabkan objek beralih dari satu state ke state yang lain.

5. Activity Diagram

Secara grafis digunakan untuk menggambarkan rangkaian aliran aktivitas

baik proses bisnis maupun use case. Activity Diagram.

I. Entity Relationship Diagram (ERD)

Menurut Sukamto dan Shalahuddin (2013:43),“Pemodelan awal basis data

yang paling banyak digunakan adalah menggunakan Entity Relationship Diagram

(ERD)”.

ERD dikembangakan berdasarkan teori himpunan dalam bidang

matematika. ERD digunakan dalam pemodelan basis data relasional. Sehingga

penyimpanan basis data menggunakan OODBMS maka perancangan basis data

tidak perlu menggunakan ERD. ERD memiliki beberapa aliran notasi seperti

notasi Chen (dikembangkan oleh Peter Chen), Barker (dikembangkan oleh

Richard Barker, Ian Palmer, Herry Ellis), notasi Crow’s Foot, dan beberapa notasi

lain. Namun yang banyak digunakan adalah notasi dari Chen.

Berikut adalah simbol-simbol yang digunakan pada ERD dengan notasi

Chen :

1. Entitas

Menurut Sukamto dan Shalahuddin (2013:43),”Entitas merupakan data inti

yang akan disimpan, bakal tabel pada basis data, benda yang memiliki data

18

dan harus disimpan datanya agar dapat diakses oleh aplikasi komputer

serta penamaan entitas biasanya lebih ke kata benda dan belum merupakan

nama tabel”.

2. Atribut

Menurut Sukamto dan Shalahuddin (2013:43),“Atribut adalah field atau

kolom data yang butuh disimpan dalam suatu entitas”.

3. Atribut kunci primer

Menurut Sukamto dan Shalahuddin (2013:43),”Atribut kunci primer

adalah field atau kolom data yang butuh disimpan dalam suatu entitas dan

digunakan sebagai kunci akses record yang diinginkan, biasanya berupa id

kunci primer dapat lebih dari satu kolom, asalkan kombinasi dari beberapa

kolom tersebut dapat bersifat unik (berbeda tanpa ada yang sama)”.

4. Atribut multi nilai (multi value)

Menurut Sukamto dan Shalahuddin (2013:43),“Atribut multi nilai adalah

field atau kolom data yang butuh disimpan dalam suatu entitas yang dapat

memiliki nilai lebih dari satu”.

5. Relasi

Menurut Sukamto dan Shalahuddin (2013:43),“Relasi adalah yang

menghubungkan antar entitas biasanya diawali dengan kata kerja”.

6. Asosiasi (association)

Menurut Sukamto dan Shalahuddin (2013:43),“Asosiasi merupakan

penghubung antara relasi dan entitas dimana di kedua ujungnya memiliki

multiplicity kemungkinan jumlah pemakaian”.

19

Kemungkinan jumlah maksimum keterhubungan antara entitas satu

dengan entitas lain disebut dengan kardinalitas. Misalkan ada kardinalitas 1 ke N

atau sering disebut dengan one to many menghubungkan entitas A dan entitas B

maka ERD biasanya memiliki hubungan binary (satu relasi menghubungkan dua

buah entitas). Beberapa metode perancangan ERD menoleransi hubungan relasi

ternary (satu relasi menghubungkan tiga buah relasi) atau N-ary (satu relasi

menghubungkan banyak entitas), tapi banyak metode perancangan ERD yang

tidak mengizinkan hubungan ternary atau N-ary.

J. Sistem Basis Data

Menurut Sutanta (2011:29),”basis data adalah suatu kumpulan data

terhubung (interrelated data) yang disimpan secara bersama-sama dalam suatu media, tanpa mengatap satu sama lain atau tidak perlu suatu kerangkapan data (kalaupun ada maka kerangkapan data tersebut harus

seminimal mungkin dan terkontrol [controlled redundancy]), data

tersimpan dengan cara-cara tertentu sehingga mudah digunakan/atau ditampilkan kembali, data dapat digunakan oleh satu atau lebih

programprogram aplikasi secara optimal, data disimpan tanpa mengalami

ketergantungan dengan program yang akan menggunakannya, data disimpan sedemikian rupa sehingga proses penambahan, pengambilan, dan

modifikasi data dapat dilakukan dengan mudah dan terkontrol”.

K. SQL (Structure Query Language)

Menurut Cahyono (2006:13),“SQL merupakan singkatan dari Structure

Query Language, digunakan untuk berkomunikasi dengan suatu database”.

Berdasarkan ANSI (American National Standards Institute) SQL

merupakan bahasa standar untuk relational database management systems.

Pernyataan-pernyataan SQL digunakan untuk melakukan fungsi-fungsi seperti

update data pada database, atau pengembalian data dari database. Beberapa

relational DBMS menggunakan SQL antara lain : Oracle, Sybase, Microsoft SQL

20

Server, Access, Ingers, MySQL, Postgre dan masih banyak lagi. Meskipun hampir

semua DBMS menggunakan SQL, banyak DBMS yang memiliki digunakan

khusus untuk DBMS tersebut.

SQL memiliki beberapa versi antara lain : SQL1 atau dikenal dengan SQL-

86, SQL2 atau yang dikenal dengan SQL-92 dan SQL3 yang dikenal dengan SQL-

99. Java telah mendukung versi SQL hingga SQL-99.

L. CSS (Cascading Style Sheet)

Menurut Saputra (2010:7),“Cascading Style Sheet adalah suatu

pemrograman web yang digunakan untuk mengendalikan dan membangun

berbagai komponen dalam web sehingga tampilan web akan lebih rapih,

terstruktur, interaktif, dan seragam”.

Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word

yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer,

images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa

berkas. Pada umumnya CSS dipakai untuk memformat tampilan halaman web

yang dibuat dengan bahasa HTML dan XHTML. CSS dapat mengendalikan

ukuran, gambar dan warna bagian tubuh pada teks, warna tabel, ukuran border,

warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi

antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah

bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan

adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan

format yang berbeda.

21

M. Logical Relational Structure (LRS)

Menurut Frieyadie (2007:13),“LRS merupakan hasil dari pemodelan Entity

Relational Ship (ER) beserta atributnya sehingga bisa terlihat hubungan-hubungan

antar entitas”.

Logical Relational Structure (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 pada kedua link tipe record.

Penggambaran LRS seperti gambar berikut :

<Nama Tabel>

<Nama Field Kunci Utama>

<Nama Field 2>

...

<Nama Field N>

Sumber: Frieyadie (2007:13)

Gambar II.2 Logical Relational Structure

N. Pengujian Unit (Blackbox Testing)

Menurut Sukamto dan Shalahuddin (2011:213),”Black Box Testing

(Pengujian kotak hitam) yaitu menguji perangkat lunak

dari segi spesifikasi fungsional tanpa menguji desain dan program.

Pengujian dimaksudkan untuk mengetahui apakah fungsi-fungsi,

masukan,dan keluaran dari perangkat lunak sesuai dengan spesifikasi yang

dibutuhkan”.

Pengujian kotak hitam dilakukkan dengan membuat kasus uji yang bersifat

mencoba semua fungsi dengan memakai perangkat lunak apakah sesuai dengan

spesifikasi yang dibutuhkan. Kasus uji yang dibuat untuk melakukan pengujian

22

kotak hitam harus dibuat dengan kasus yang benar dan kasus yang salah, misalkan

untuk kasus proses login maka kasus uji yang dibuat adalah:

1. Jika user memasukkan nama pemakai (username) dan kata sandi

(password) yang benar.

2. Jika user memasukkan nama (username) dan kata sandi (password) yang

salah, misalnya nama pemakai benar tapi kata sandi salah, atau sebaliknya

atau keduanya salah.

2.2. Penelitian Terkait

SMK Ciledug Al-musaddadiyah Garut merupakan salah satu lembaga

pendidikan yang bekerja untuk menciptakan murid-murid yang berahlakul

karimah dan berprestasi berdasarkan imam dan takwa. Untuk saat ini

disediakan oleh pihak sekolah sangat membantu siswa dalam proses

belajar mereka. Namun disamping fasilitas yang lengkap, SMK Ciledug

Al-musaddiyah Garut masih memiliki kelemahan yang cukup kompleks

dalam pengelolaan data khususnya pengelolaan informasi nilai siswa.

Untuk mengurangi kelemahaan tersebut, SMK Ciledug Al-musaddiyah

Garut perlu memiliki sebuah system yang dapat memudahkan guru dan

siswa dalam memberikan dan mendapatkan informasi secara mudah dan

cepat. Metodologi yang digunakan dalam perancangan system informasi

ini menggunakan Unified Approach (UA), metodologi ini dapat digunakan

sebagai metodologi untuk menganalisis dan merancang Sistem Informasi

Akademik Nilai Siswa Berbasis Web di SMK Ciledug Al-musaddiyah.

Hasil penelitian ini menunjukan bahwa penggunaan sistem informasi

akademik nilai siswa berbasis web telah mengakomodasi guru dan staf

yang bertugas untuk dapat mengelola data-data nilai harian siswa, dengan

mudah dapat diakses lewat internet.(Kurnia, dkk 2012:17)

Sistem Informasi pengolahan data nilai siswa berbasis web merupakan

suatu sistem yang memberikan informasi laporan keaktifan siswa secara

online yang berupa laporan nilai serta informasi siswa yang bersangkutan

dengan berbasiskan web, sehingga membantu kecepatan dan kualitas

dalam penyampaian informasi. Permasalahan yang terjadi dalam

pengolahan nilai raport di SMA Muhamadiyah Pacitan saat ini masih

bersifat konvensional, yaitu masih ditulis dibuku raport dan leger nilai

sehingga banyak waktu dan tenaga diperlukan untuk memproses tugas

tersebut. Penelitian ini bertujuan untuk membangun suatu sistem informasi

23

nilai yang mempermudah pengecekan, pencatatan dan laporan data siswa

yang terkomputerisasi. Selain itu dengan berbasiskan web maka informasi

data dapat diakses kapan saja. Aplikasi ini menggunakan multiuser yang

terdiri admin dan siswa pada bagian login saat akan membuka aplikasi

sehingga keamanan program ada. Sistem ini bekerja memasukkan dan

menyimpan data laporan nilai dan absensi serta menampilkan info dari

sekolah tersebut sehingga lebih mudah mengetahui informasi yang akan

disampaikan oleh pihak sekolah.

Penelitian ini telah menghasilkan sebuah sistem pengolahaan nilai yang

membantu kerja dari para guru dan wali kelas dan dapat mempermudah

pengguna untuk melakukan proses pengolahan nilai agar pengelolaan nilai

dapat di olah secara efektif dan efisien, sehingga bisa langsung di akses

serta informasi (pengumuman) dapat tersampaikan dengan baik. Selain itu

antarmuka sistem diimplementasikan sesuai dengan tampilan raport yang

sudah ada sehingga sistem dapat digunakan dengan mudah dan

menghasilkan perhitungan nilai yang akurat.(Wardani 2013:2)

24

BAB III

ANALISA SISTEM BERJALAN

3.1. Tinjauan Institusi

Penulis di sini melakukan penelitian pada Sekolah Menengah Kejuruan

(SMK) PANCAKARYA Tangerang. Adapun fasilitas yang ada di sekolah

tersebut antara lain meliputi gedung dua lantai permanen, 9 ruang kelas, ruang

guru, ruang kepala sekolah, ruang tata usaha, Lab. Komputer, Lab. IPA, Lab.

Bahasa, perpustakaan, lapangan olahraga, masjid, kantin, dan toilet. SMK

PANCAKARYA Tangerang ini menyediakan sarana-prasarana pendidikan yang

cukup memadai, mutu pendidikan dan juga membantu pemerintah dalam

mencerdaskan kehidupan bangsa sesuai dengan Pancasila dan Undang-undang

Dasar 1945.

3.1.1. Sejarah Institusi

SMK PANCAKARYA Tangerang didirikan pada tahun 1994 dengan

SK.KANWIL DEP. DIKBUD. PROV JAWA BARAT NO.273 Pada awal

pendiriannya SMK Pancakarya Tangerang di bina oleh guru-guru SMK Negeri 1

Tangerang, dan pada awal pembelajaraannya dengan di bawah naungan

YAYASAN PANCAKARYA TANGERANG, atas kemajuan dan kepercayaan

masyarakat SMK Pancakarya Tangerang berhasil membangun gedung yang masih

sederhana dengan sistem bertahap.

25

Selama perkembangan SMK Pancakarya Tangerang telah dikepalai oleh

beberapa orang, adapun urutan kepala sekolah dari mulai berdiri sampai sekarang

adalah :

1. H. Abung Haryono K. (Alm.)

2. Drs. Ingan Girsang

3. H. W Andy Sudrjat, M. S.Pd

4. Drs. H. Bambang Yudiono, M.Pd

5. Drs. H. Suparno S. Jaya, M.Pd

Walaupun pada awal pendiriannya SMK Pancakarya Tangerang masih tersendat-

sendat, tetapi berkat dedikasi dan semangat para guru-guru dan pengelola dapat

bertahan dan berkembang sampai sekarang.

3.1.2. Struktur Organisasi dan Fungsinya

Pada SMK Pancakarya Tangerang ini setiap elemen Sekolah, mulai dari

Kapala sekolah, Wakil kepala sekolah, siswa/i, guru, karyawan, staff sampai

dengan pengurus sekolah harus memiliki jobdesc masing-masing, guna

menerapkan sistem kerja yang efektif. Untuk lebih jelasnya mengenai struktur

Organisasinya dan fungsi pada SMK Pancakarya Tangerang adalah sebagai

Berikut :

26

Sumber: Dokumen SMK Pancakarya Tangerang

Gambar III.1 Struktur Organisasi

Pembagian tugas dan wewenang serta tanggung jawab dari masing-masing

bagian adalah:

1. Kepala Sekolah

Tugas dan tanggung jawab :

a. Melaksanakan proses belajar mengajar secara efektif dan efisien.

b. Mengatur sistem adiministrasi sekolah.

c. Mengatur hubungan-hubungan sekolah dengan masyarakat dan

instansi terkait.

d. Mengatur dan mendayagunakan tenaga dan sarana guna tercapainya

tujuan pendidikan.

PIMPINAN YAYASAN

TATA USAHA

Agus susanto, S.kom

SEKRETARIAT

Dra. Hj. Iwang Suwangsih

KEPALA SEKOLAH

Drs. H. Suparno S. Jaya, M.pd

WAKIL KEPALA SEKOLAH

H. W. Andy Sudrajat M, S.pd

BIDANG KURIKULUM

Drs. H. Asep Riskanda,

M.pd

BIDANG SARANA

DAN PRASARANA

Drs. H. Bambang Y,

M.pd

BIDANG KETENAGAAN

Drs. Suryansah

BIDANG KESISWAAN

Drs. Ingan Girsang

27

e. Membimbing dan mendorong kegiatan kerja guru dan karyawan

yang penuh tanggung jawab serta disiplin kerja.

f. Melaporkan keadaan dan perkembangan sekolah kepada yayasan.

g. Melaporkan pelaksanaan tugas edukatif dan administrasi yang

berhubungan dengan kantor wilayah DEPDIKNAS (Departemen

Pendidikan Nasional).

2. Wakil Kepala Sekolah

Tugas dan tanggung jawab :

a. Mewakili kepala sekolah jika kepala sekolah tidak berada di

sekolah.

b. Melaksanaan pembinaan di bidang kesiswaan, kurikulum, humas

serta sarana dan prasarana.

c. Membantu kepala sekolah dalam pembinaan personil.

d. Membantu kepala sekolah dalam melaksanakan hubungan

masyarakat kegiatan.

e. Membantu kepala sekolah dalam merencanakan dan melaksanakan

anggaran sekolah dan mewakili kepala sekolah dalam kegiatan di

luar sekolah jika kepala sekolah berhalangan hadir.

3. Bidang Kurikulum

Tugas dan tanggung jawab :

a. Menyusun program pengajaran (program semester / tahunan),

b. Menyusun pembagian tugas guru dan jadwal pelajaran,

c. Menerapkan kriteria persyaratan kenaikan kelas,

d. Mengatur jadwal peneriamaan buku laporan pendidikan,

28

e. Mengkoordinasikan dan mengarahkan penyusunan satuan

pelajaran,

f. Menyelenggarakan kegiatan belajar mengajar dan pembinaan

kurikulum,

g. Menyusun laporan pelaksanaan pelajaran,

h. Meneliti absensi guru dan menindak lanjuti,

i. Merencanakan pengelompokan siswa/kelas,

j. Mengelola indeks prestasi,

k. Mengelola nilai ulangan harian/ catur wulan,

l. Mengelola nilai rapor,

m. Merencanakan dan menyelenggarakan kegiatan pendalaman

materi,

n. Memanggil siswa yang prestasi akademisnya memerlukan

perhatian,

o. Mengundang orang tua dalam hubungan dengan prestasi akademis

siswa yang bersangkutan untuk konsultasi,

p. Mengkoordinasikan kagiatan perpustakaan,

q. Mengkoordinasikan pelakanaan pembelajran Al-quran

r. Memberikan laporan kepada kepala sekolah.

4. Bidang Kesiswaan

Tugas dan tanggung jawab :

a. Menyusun program pembinaan kesiswaan.

b. Melaksanakan bimbingan, pengarahan dan pengendalian kegiatan

siswa dalam rangka menegakan disiplin dan tata tertib sekolah.

29

c. Membimbing siswa untuk belajar dengan baik dan berpartisipasi

dalam kegiatan siswa.

d. Menyusun program dan jadual pembinaan secara berkala dan

insidentil (Life Skill).

e. Membina dan melaksanakan koordinasi 6 K (Keamanan,

Kebersihan, Ketertiban, Kerindangan, Keindahan, dan

Kekeluargaan).

f. Melaksanakan pemilihan calon siswa teladan.

g. Mengedakan pemilihan siswa untuk mewakili sekolah dalam

kegiatan di luar sekolah.

h. Mengatur mutasi siswa.

i. Menyusun laporan pelaksanaan kegiatan kesiswaan secara berkala.

j. Membanatu Kepala Sekolah merencanakan penerimaan siswa

baru.

k. Menyelenggarakan Masa Orientasi Siswa (MOS).

l. Mengkoordinasikan kegiatan ekstra kurikuler.

m. Meneliti absensi siswa serta mengambil langkah-langkah sebagai

implementasi absensi siswa.

n. Menyelenggarakan acara class meeting.

o. Mengkoordinasikan kegiatan UKS.

p. Mengkoordinasikan kegiatan BP/BK.

q. Memberikan laporan kepada Kepala Sekolah

30

5. Bidang sarana dan prasarana

Tugas dan tanggung jawab :

a. Merencanakan kebutuhan sarana dan prasarana untuk menunjang

proses belajar dan mengajar.

b. Merencanakan program pengadaannnya.

c. Mengatur pemanfaatan sarana dan prasarana.

d. Mengelola perawatan dan perbaikan saran dan prasarana.

e. Mengatur pembukuannya.

f. Mengatur kegiatan bagian kerumah tanggaan sekolah.

g. Mengkoordinir tugas dan tanggung jawab satpam sekolah serta

bagian kebersihan sekolah.

h. Melakukan koordinasi dengan bagian sarana dan prasarana LPIH.

i. Mengkordinasikan penyediaan sarana Laboratorium.

j. Mengelola perawatan taman sekolah.

k. Memberikan laporan kepada Kepala Sekolah.

6. Tata Usaha

Tugas dan tanggung jawab :

a. Bertanggung jawab atas terlaksananya urusan surat-menyurat,

inventaris kerumahtanggaan, dan informasi pelaksanaan kegiatan

dilingkungan sekolah.

b. Melaksanakan administrasi siswa.

c. Menyiapkan dan mengisi buku induk siswa.

d. Mengisi buku klaper.

e. Mengisi buku mutasi siswa.

31

f. Mempersiapkan data perkembangan siswa.

g. Mengisi data siswa setiap bulan.

h. Membuat rekapitulasi absensi siswa, guru, dan karyawan.

i. Membuat statistik perkembangan siswa, guru, dan karyawan setiap

tahun.

j. Mengarsipkan data kepegawaian dan siswa.

k. Menyiapkan, mencatat, dan mengarsipkan surat-surat yang

berhubungan dengan kegiatan sekolah.

l. Menyimpan dan memelihara dokumen-dokumen penting sekolah.

m. Membuat database siswa, guru, dan karyawan.

3.2. Prosedur Bisnis Sistem

Proses pengolahan nilai bertujuan untuk mendapatkan nilai akhir setiap

pelajaran yang akan dimasukkan ke dalam rapor semester. Proses ini diawali

dengan walikelas yang mengumpulkan nilai-nilai pelajaran dari setiap guru mata

pelajaran. Nilai ini akan dihitung lagi sehingga akan ditemukan nilai akhir dari

setiap pelajaran. Setelah mendapat nilai akhir, walikelas langsung memasukkan

nilai tersebut ke dalam rapot setelah itu langkah selanjutnya adalah walikelas

menyerahkan rapor tersebut kepada Kepala Sekolah. Kepala Sekolah akan

mengecek rapor tersebut dan mendatanganinya, lalu walikelas akan menyerahkan

rapor kepada orang tua setelah selesai maka proses pengolahan nilai pun selesai.

32

A. Activity Diagram Sistem Berjalan

Gambar III.2 Activity Diagram Penilaian

Kepala sekolah Walikelas Guru Pelajaran Orang tua Murid

Mengumpulkan nilai

hasil belajar

Menerima nilai pelajaran

lain

Menerima hasil rapor

Mengecek dan

menandatangani rapor

Menyerahkan rapor

Menghitung semua nilai

pelajaran

Menerima rapor

Menerima rapor

Menyerahkan rapor

Mengumpulkan nilai

Memberikan nilai

Menyerahkan rapor

Input rapor

Mendapatkan nilai akhir

Meminta nilai pelajaran

lain

33

3.3. Spesifikasi Sistem Berjalan

a. Nama Dokumen : Rapor semester

Fungsi : Sebagai bukti hasil belajar murid selama satu

semester

Sumber : Wali kelas

Tujuan : Orang Tua Murid

Media : Kertas

Frekuensi : Setiap Akhir

Format : Lampiran A-1

b. Nama Dokumen : Lembaran Leger Semester

Fungsi : Sebagai laporan penilaian

Sumber : Guru

Tujuan : Walikelas

Media : Kertas

Frekuensi : Setiap Akhir

Format : Lampiran A-2

34

BAB IV

RANCANGAN SISTEM DAN PROGRAM USULAN

4.1. Analisa Kebutuhan software

1. Tahapan Analisis

Sistem informasi Akademik adalah suatu sistem yang dirancang untuk

keperluan pengelolaan data-data akademik dengan penerapan teknologi komputer

baik hardware maupun software sehingga seluruh proses kegiatan akademik dapat

terkelola menjadi informasi yang bermanfaat dalam pengelolaan manajemen

sekolah dan pengambilan keputusan-keputusan bagi pengambil keputusan atau top

manajemen di lingkungan sekolah. Berikut ini sepesifikasi kebutuhan (system

requirement) dari sistem informasi akademik:

Halaman Siswa:

A1. Siswa dapat melakukan login

A2. Siswa dapat melihat data pribadi siswa

A3. Siswa dapat melihat dan mencetak nilai

A4. Siswa dapat melihat dan Mencetak jadwal mata pelajaran

A5. Siswa dapat Logout

Halaman Administrator:

B1. Admin dapat melakukan login

B2. Admin dapat mengelola data Guru

35

B3. Admin dapat mengelola data siswa

B4. Admin dapat mengelola data kelas

B5. Admin dapat mengelola data mata pelajaran

B6. Admin dapat mengelola Jurusan

B7. Admin dapat mengelola data jadwal pelajaran

B8. Admin dapat mengelola data akademik sekolah

B9. Admin dapat mengelola data laporan

B10. Admin dapat mengelola galery web

B11. Admin dapat Logout

Halaman Guru:

C1. Guru dapat melakukkan Login

C2. Guru dapat mengelola data pribadi

C3. Guru dapat input nilai

C4. Guru dapat melihat dan Mencetak jadwal mengajar Siswa

C5. Guru dapat Logout

36

2. Use Case Diagram

1. Use Case Diagram Sistem Informasi Akademik Halaman Siswa

Gambar IV.1 Use Case Diagram Sistem Informasi Akademik Halaman Siswa

Deskripsi Use Case Diagram Sistem Informasi Akademik Halaman Siswa

Tabel IV.1

Deskripsi Use Case Diagram Sistem Informasi Akademik Halaman Siswa

Use Case Name Siswa

Requirement A1, A2, A3, A4, A5

Goal Siswa dapat login, melihat data pribadi

siswa, melihat nilai, melihat jadwal

mata pelajaran, mencetak nilai, Logout

Pre-conditions Siswa harus login terlebih dahulu untuk

dapat menggunakan menu tertentu

uc halaman siswa

Siswa

Melakukan LoginMelihat data pribadi

melihat dan

mencetak nilai

Melihat dan mencetak

jadwal mata pelajaran

Melakukan Logout

«extend»

«extend»

«extend»

«extend»

37

Post-conditions Sistem menampilkan halaman siswa

Failed end condition -

Primary Actory Siswa

Main Flow/Basic Path 1. Siswa memilih data siswa.

2. Sistem menampilkan from siswa

3. Siswa memilih tombol submit

4. Sistem menyimpan data siswa

Invariant -

2. Use Case Diagram Sistem Infomasi Akademik Halaman Administrator

Gambar IV.2 Use Case Diagram Sistem Informasi Akademik Halaman

Administrator

uc Admin

Admin

Melakukan

Login

Mengelola data

Guru Mengelola data

siswa

Mengelola data

kelas

Mengelola data

mata pelajaran

Mengelola jurusan

Mengelola jadwal

pelajaran

Mengelola Jadwal

Akademik sekolah

Melakukan

LogoutMengelola data

laporan

Mengelola

Galery

«extend»«extend»

«extend»

«extend»

«extend»

«extend»

«extend» «extend»«extend»

«extend»

38

Deskripsi Use Case Diagram Sistem Informasi Akademik Halaman Administrator

Tabel IV.2

Deskripsi Use Case Diagram Sistem Informasi Akademik Halaman

Administrator

Use Case Name Admin

Requirement B1, B2, B3, B4, B5, B6, B7, B8, B9,

B10, B11

Goal Admin dapat mengelola data

Pre-conditions Admin telah Login

Post-conditions Data admin tersimpan, terupdate,

terhapus

Failed end condition Gagal menyimpan, mengupdate, dan

menghapus

Primary Actory Administrator

Main Flow/Basic Path 1. Admin melihat daftar admin.

2. Sistem menampilkan from data

admin

3. Admin menginput data admin

4. Admin memilih tombol submit

5. Sistem menyimpan data admin

Alternate Flow / Invariant 1 4a. Admin mengedit data admin

Invariant 2 4a. Admin menghapus data admin

39

3. Use Case Diagram Sistem Informasi Akademik Halaman Guru

Gambar IV.3

Use Case Diagram Sistem Informasi Akademik Halaman Guru

Deskripsi Use Case Diagram Sistem Informasi Akademik Halaman Guru

Table IV.3

Deskripsi Use Case Diagram Sistem Informasi Akademik Halaman Guru

Use Case Name Siswa

Requirement C1, C2, C3, C4, C5,

Goal Guru dapat menambah dan mengedit

Pre-conditions Guru telah login

Post-conditions Data nilai tersimpan, terupdate,

terhapus

uc halaman guru

Guru

Melakukan LoginMengelola data guru

Input data nilai

Melihat dan mencetak

jadwal mengajar guru

Melakukan Logout

«extend»

«extend»

«extend»

«extend»

40

Failed end condition Gagal menyimpan, mengupdate dan

menghapus

Primary Actory Guru

Main Flow/Basic Path 1. Guru memilih daftar nilai.

2. Guru memilih tombol cari

3. Sistem menampilkan from data

nilai

4. Guru menginput data nilai

5. Guru memilih tombol save

6. Sistem menyimpan data nilai

Invariant -

3. Activy Diagram

1. Activty Diagram Halaman Login

Gambar IV.4 Activity Diagram Halaman Login

act Login

SistemLogin

masukan username dan

password

Cek login

Tampilan halaman

home

Valid ?

( tidak valid )

41

2. Activty Diagram Halaman Siswa Melihat Data Pribadi

Gambar IV.5 Activity Diagram Halaman Siswa Melihat Data Pribadi

3. Activty Diagram Halaman Siswa Melihat dan Mencetak Nilai

Gambar IV.6 Activity Diagram Halaman Siswa Melihat dan Mencetak Nilai

act data siswa

SistemSiswa

Masuk halaman home

siswa

Pilih menu data

PribadiTampil data pribadi

act siswa melihat dan mencetak nilai

SistemSiswa

Masuk halaman home

siswa

Pilih menu nilaiTampil data nilai

Cetak

tersimpan

( Tidak )

( iya )

42

4. Activty Diagram Halaman Siswa Melihat dan Mencetak Jadwal Mata

Pelajaran

Gambar IV.7 Activity Diagram Halaman Siswa Melihat dan Mencetak

Jadwal Mata pelajaran

5. Activty Diagram Halaman Melihat Jadwal Mengajar Guru

Gambar IV.8 Activity Diagram Halaman Melihat Jadwal Mengajar Guru

act Melihat dan Mencetak Jadwal Pelajaran

SistemSiswa

Masuk halaman home

siswa

Pilih Jadwal Mata

Pelajaran

Tersimpan

Cetak

Tampil Jadwal Mata

Pelajaran

(Tidak)

( Ya )

act jadwal mengajar guru

SistemJadwal Mengajar Guru

Masuk halaman home

siswa atau guru

Pilih menu jadwal

mengajar Guru

Tampil jadwal

mengajar guru

43

6. Activty Diagram Halaman Admin Mengelola Data Guru

Gambar IV.9 Activity Diagram Halaman Admin Mengelola Data Guru

act Mengelola data guru

sistemAdmin

Masuk halaman home

admin

Pilih menu data guru Menampilkan data guru

Tambah data guru

Menampilkan form tambah

data

Edit data ?

Pilih data yang akan di

edit

Menampilkan form edit

data

Pilih data yang akan

dihapusMenghapus data

Update ke database

( tidak )

( iya )

44

7. Activty Diagram Halaman Admin Mengelola Data Siswa

Gambar IV.10 Activity Diagram Halaman Admin Mengelola Data Siswa

act mengelola data siswa

sistemAdmin

Masuk halaman home

admin

Pilih menu data Siswa Menampilkan data Siswa

Tambah data Siswa

Menampilkan form tambah

data

Edit data ?

Pilih data yang akan di

edit

Menampilkan form edit

data

Pilih data yang akan

dihapusMenghapus data

Update ke database

( tidak )

( iya )

45

8. Activty Diagram Halaman Admin Mengelola Data Kelas

Gambar IV.11 Activity Diagram Halaman Admin Mengelola Data Kelas

act Mengelola data kelas

sistemAdmin

Masuk halaman home

Admin

Pilih menu data kelas Menampilkan data kelas

Tambah data kelas

Menampilkan form tambah

data

Edit data ?

Pilih data yang akan di

edit

Menampilkan form edit

data

Pilih data yang akan

dihapusMenghapus data

Update ke database

( tidak )

( iya )

46

9. Activty Diagram Halaman Admin Mengelola Data Mata Pelajaran

Gambar IV.12 Activity Diagram Halaman Admin Mengelola Data Mata

Pelajaran

act data mata pelajaran

sistemAdmin

Masuk halaman home

admin

Pilih menu data mata

pelajaranMenampilkan data mata

pelajaran

Tambah data mata

pelajaran

Menampilkan form tambah

data

Edit data ?

Pilih data yang akan di

edit

Menampilkan form edit

data

Pilih data yang akan

dihapusMenghapus data

Update ke database

( tidak )

( iya )

47

10. Activty Diagram Halaman Admin Mengelola Data Jurusan

Gambar IV.13 Activity Diagram Halaman Admin Mengelola Data Jurusan

act jurusan

sistemAdmin

Masuk halaman home

admin

Pilih menu jurusan Menampilkan data jurusan

Tambah jadwal Jurusan

Menampilkan form tambah

data

Edit data ?

Pilih data yang akan di

edit

Menampilkan form edit

data

Pilih data yang akan

dihapusMenghapus data

Update ke database

( tidak )

( iya )

48

11. Activty Diagram Halaman Admin Mengelola Data Jadwal Pelajaran

Gambar IV.14 Activity Diagram Halaman Admin Mengelola Data Jadwal

Pelajaran

act jadwal pelajaran

sistemAdmin

Masuk halaman home

admin

Pilih menu Jadwal

pelajaran

Menampilkan data jadwal

pelajaran

Tambah jadwal pelajaran

Menampilkan form tambah

data

Edit data ?

Pilih data yang akan di

edit

Menampilkan form edit

data

Pilih data yang akan

dihapusMenghapus data

Update ke database

( tidak )

( iya )

49

12. Activty Diagram Halaman Admin Mengelola Data Akademik Sekolah

Gambar IV.15 Activity Diagram Halaman Admin Mengelola Data Akademik

Sekolah

act Akademik Sekolah

sistemAdmin

Masuk halaman home

admin

Pilih menu data Akademik

Sekolah

Menampilkan data

Akademik Sekolah

Tambah Akademik Sekolah

Menampilkan form tambah

data

Edit data ?

Pilih data yang akan di

edit

Menampilkan form edit

data

Pilih data yang akan

dihapusMenghapus data

Update ke database

( tidak )

( iya )

50

13. Activty Diagram Halaman Admin Mengelola Data Laporan

Gambar IV.16 Activity Diagram Halaman Admin Mengelola Data Laporan

act data laporan

sistemAdmin

Masuk halaman home

admin

Pilih menu data laporan Menampilkan data laporan

Tambah laporan

Menampilkan form tambah

data

Edit data ?

Pilih data yang akan di

edit

Menampilkan form edit

data

Pilih data yang akan

dihapusMenghapus data

Update ke database

( tidak )

( iya )

51

14. Activty Diagram Halaman Admin Mengelola Galery Web

Gambar IV.17 Activity Diagram Halaman Admin Mengelola Galery Web

act mengelola data Galery

sistemAdmin

Masuk halaman home

admin

Pilih menu Galery Menampilkan galery

Tambah data galery

Menampilkan form tambah

data

Edit data ?

Pilih data yang akan di

edit

Menampilkan form edit

data

Pilih data yang akan

dihapusMenghapus data

Update ke database

( tidak )

( iya )

52

15. Activty Diagram Halaman Guru Mengelola Data Pribadi

Gambar IV.18 Activity Diagram Halaman Guru Mengelola Data Pribadi

act mengelola data pribadi guru

sistemGuru

Masuk halaman home guru

Pilih menu profil guru Menampilkan profil guru

Edit data ?

Pilih data yang akan di

edit

Menampilkan form edit

data

Update ke database

( tidak )

( iya )

53

16. Activty Diagram Halaman Guru Menginput Nilai Siswa

Gambar IV.19 Activity Diagram Halaman Guru Menginput Nilai Siswa

act nginput nilai

sistemGuru

Masuk halaman home guru

Pilih menu data nilai Menampilkan data nilai

pilih data nilai yang akan di

tambah

Menampilkan form tambah

data nilai

Edit data ?

Pilih data yang akan di

editMenampilkan form edit

data

Pilih data yang akan

dihapusMenghapus data

Simpan ke database

tambah data nilai

( tidak )

( iya )

54

17. Activty Diagram Halaman Guru Melihat dan Mencetak Jadwal

Mengajar Siswa

Gambar IV.20 Activity Diagram Halaman Guru Melihat dan Mencetak

Jadwal Mengajar Siswa

18. Activty Diagram Halaman Logout

Gambar IV.21 Activity Diagram Halaman Logout

act Melihat dan Mencetak Jadwal Mengajar

SistemGuru

Masuk halaman home

Guru

Pilih Jadwal Mengajar

Tersimpan

Cetak

Tampil Jadwal Mengajar

(Tidak)

( Ya )

act logout

sistemLogout

Masuk ke halaman home

pilih menu logout

Keluar dari halaman home( tidak ) ( iya )

55

4.2. Desain

Pada tahapan ini akan menjelaskan tentang desain database, desain

software architecture dan desain interface dari system yang sedang dibuat.

4.2.1. Database

Dalam spesifikasi file yang terdapat pada sistem usulan pengolahan nilai

siswa yang menjelaskan beberapa spesifikasi yang digunakan dan

berkaitan dengan sistem usulan yang dibuat ini sebagai berikut :

1. Entity Relationship Diagram

Gambar IV.22 Entity Relationship Diagram (ERD)

guruMenginput

Mengajar

mendapatkan

nilai Memiliki Mata_pelajaran

jadwal

terdapat

siswamendapatkan mendapatkan

kelasmemilikijurusan

M

I

I

M

M

IMI

M I

M

I M

I

I

I

nm_guru

id_mapel

foto

jenis_kelamin

alamat

agama

tgl_lahir

tmp_lahir

id_mapelnip

nil_tugas3

rata-rata

grade nil_uas

nil_uts

nil_tugas2

nil_tugas1

id_mapel

nis

jurusan

id_jurusan

id_jurusan

kelasid_kelas

foto

jenis-kelamin

agama

alamat

tanggal_lahir

tempat_lahir

namanis

id-kelas

nm_mapel

jam_selesai

id_kelas

jam_mulai

hari

id_mapel

nip

id_jadwal

nip

56

2. Logical Record Structure

Gambar IV.23 Logical Record Structure (LRS)

3. Spesifikasi File

Perancangan basis data merupakan langkah yang digunakan untuk

membantu mempermudah dalam pembuatan sebuah sistem informasi,

diantaranya:

A. Spesifikasi File Tabel Admin

Nama Database : akademik_skripsi

Nama File : admin

Akronim : admin.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 110 Byte

Kunci Field : username

guru

nip

nm_guru

id_mapel

tmp_lahir

tgl_lahir

alamat

agama

jenis_kelamin

foto

jadwal

id_jadwal

nip

hari

jam_mulai

jam_selesai

id_kelas

jurusan

id_jurusan

jurusan

kelas

id_kelas

id_jurusan

kelas

walikelas

mata_pelajaran

id_mapel

nm_mapel

siswa

nis

nama

id_kelas

tempat_lahir

tgl_lahiralamat

agama

jenis_kelamin

foto

nilai

nis

id_mapel

nil_tugas1

nil_tugas2

nil_tugas3

nil_uts

nil_uas

rata_rata

grade

nip

1M

M

1

M1

1

1MM

M

I

1

1

57

Tabel IV.4

Spesifikasi File Tabel Admin

No Elemen Data Nama_field Tipe Size Keterangan

1 Username Username Varchar 10 Primary key

2 Password Password Varchar 50

3 nama admin nama_admin Varchar 50

B. Spesifikasi File Tabel Berita

Nama Database : akademik_skripsi

Nama File : berita

Akronim : berita.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 31 Byte

Kunci Field : id_berita

Tabel IV.5

Spesifikasi File Tabel Berita

No Elemen Data Nama_field Tipe Size Keterangan

1 Id berita id_berita Int 11 Primary key

2 Judul Judul Varchar 20

3 Tanggal berita tanggal_berita Date -

4 Gambar Gambar Text -

5 Isi berita isi_berita Text -

58

C. Spesifikasi File Tabel Guru

Nama Database : akademik_skripsi

Nama File : guru

Akronim : guru.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 107 Byte

Kunci Field : nip

Tabel IV.6

Spesifikasi File Tabel Guru

No Elemen Data Nama_field Tipe Size Keterangan

1 Nip Nip Varchar 11 Primary key

2 Nama guru nm_guru Varchar 30

3 Id mapel id_mapel Int 11

4 Tempat lahir tmp_lahir Varchar 20

5 Tanggal lahir tgl_lahir Date -

6 Alamat Alamat Text -

7 Agama Agama Varchar 20

8 Jenis kelamin jenis_kelamin Varchar 15

9 Foto Foto Text -

59

D. Spesifikasi File Tabel Jadwal

Nama Database : akademik_skripsi

Nama File : jadwal

Akronim : jadwal.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 50 Byte

Kunci Field : id_jadwal

Tabel IV.7

Spesifikasi File Tabel Jadwal

No Elemen Data Nama_field Tipe Size Keterangan

1 Id jadwal id_jadwal Int 3 Primary key

2 Id mapel id_mapel int 3

3 Nip Nip varchar 11

4 Hari Hari varchar 10

5 Jam mulai jam_mulai varchar 10

6 Jam selesai jam_selesai varchar 10

7 Id kelas id_kelas int 3

E. Spesifikasi File Tabel Jadwal_Akademik

Nama Database : akademik_skripsi

Nama File : jadwal_akademik

Akronim : jadwal_akademik.myd

Tipe File : File Master

60

Akses File : Random

Panjang Record : 3 Byte

Kunci Field : id_jadmik

Tabel IV.8

Spesifikasi File Tabel Jadwal_Akademik

No Elemen Data Nama_field Tipe Size Keterangan

1 Id jadmik id_jadmik int 3 Primary key

2 Tanggal Tanggal date -

3 Jadmik Jadmik text -

F. Spesifikasi File Tabel Jurusan

Nama Database : akademik_skripsi

Nama File : jurusan

Akronim : jurusan.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 28 Byte

Kunci Field : id_jurusan

Tabel IV.9

Spesifikasi File Tabel Jurusan

No Elemen Data Nama_field Tipe Size Keterangan

1 Id jurusan id_jurusan Int 3 Primary key

2 Jurusan Jurusan Varchar 25

61

G. Spesifikasi File Tabel Kelas

Nama Database : akademik_skripsi

Nama File : kelas

Akronim : kelas.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 16 Byte

Kunci Field : id_kelas

Tabel IV.10

Spesifikasi File Tabel Kelas

No Elemen Data Nama_field Tipe Size Keterangan

1 Id kelas id_jurusan int 3 Primary key

2 Kelas Kelas varchar 10

3 Id jurusan id_jurusan int 3

H. Spesifikasi File Tabel Mata_pelajaran

Nama Database : akademik_skripsi

Nama File : mata_pelajaran

Akronim : mata_pelajaran.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 53 Byte

Kunci Field : id_mapel

62

Tabel IV.11

Spesifikasi File Tabel Mata_Pelajaran

No Elemen Data Nama_field Tipe Size Keterangan

1 Id mapel id_mapel int 3 Primary key

2 Nama mapel nm_mapel varchar 50

I. Spesifikasi File Tabel Nilai

Nama Database : akademik_skripsi

Nama File : nilai

Akronim : nilai.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 53 Byte

Kunci Field : -

Tabel IV.12

Spesifikasi File Tabel Nilai

No Elemen Data Nama_field Tipe Size Keterangan

1 Nis Nis varchar 11

2 Id mapel id_mapel int 3

3 Nil tugas1 nil_tugas1 int 4

4 Nil tugas2 nil_tugas2 int 4

5 Nil tugas3 nil_tugas3 int 4

6 Nil UTS nil_uts int 4

63

7 Nil UAS nil_uas int 4

8 Rata-rata rata-rata int 4

9 Grade Grade int 4

10 Nip Nip varchar 11

J. Spesifikasi File Tabel Siswa

Nama Database : akademik_skripsi

Nama File : siswa

Akronim : siswa.myd

Tipe File : File Master

Akses File : Random

Panjang Record : 108 Byte

Kunci Field : nis

Tabel IV.13

Spesifikasi File Tabel Siswa

No Elemen Data Nama_field Tipe Size Keterangan

1 Nis Nis varchar 10 Primary key

2 Nama Nama varchar 30

3 Id kelas id_kelas int 3

4 Tempat lahir tempat_lahir varchar 30

5 Tanggal lahir tanggal_lahir date -

6 Alamat Alamat text -

7 Agama Agama varchar 20

64

8 Jenis kelamin jenis_kelamin varchar 15

9 Foto Foto text -

4.2.2. Software Architecture

Dalam bagian ini Software Architecture akan menggambarkan bagaimana

sistem dari software tersebut dapat dipetakan. Dalam bagian ini akan dijelaskan

dalam dua diagram yaitu deployment diagram dan component diagram. Berikut

penjabaran dari Software Architecture.

1. Component Diagram

Component diagram menggambarkan struktur dn hubungan antar

komponen piranti lunak, termasuk ketergantungan diantaranya. Component

digram juga dapat berupa interface yang berupa kumpulan layanan yang

disediakan oleh komponen untuk komponen lainnya.

Gambar IV.24 Component Diagram

cmp Component Diagram

Aplikasi Sistem

Informasi

Akademik

akademik_skripsi

style.css

Jquery.js

Xampp

Admin Sistem

Informasi

akademik

Mysql

65

2. Deployment Diagram

Deployment diagram dalam sistem usulan ini menggambarkan bagaimana

sistem website SMK Pancakarya Tangerang secara fisik terlihat. Berikut gambar

dari Deployment diagram sistem usulan .

Gambar IV.25 Deployment Diagram

4.2.3. User Interface

Sebuah website yang dinamis biasanya memiliki dua jenis tampilan

website yaitu halaman frontend dan halaman backend. Halaman frontend adalah

halaman utama website yang dapat diakses oleh banyak pengunjung, sedangkan

halaman backend adalah sebagai halaman control yang mengatur content dari

halaman utama yang dapat diakses oleh siapa saja yang sudah di beri izin. Berikut

66

ini adalah desain program website baik dari halaman frontend maupun halaman

backend.

a. Form Login Admin

Gambar IV.26 Tampilan Halaman Login Admin

b. Form Home Admin

Gambar IV.27 Tampilan Halaman Home Admin

67

c. Form Data Siswa

Gambar IV.28 Tampilan Halaman Data Siswa

d. Form Input Data Siswa

Gambar IV.29 Tampilan Halaman Input Data Siswa

68

e. Form Data Guru

Gambar IV.30 Tampilan Halaman Data Guru

f. Form Input Data Guru

Gambar IV.31 Tampilan Halaman Input Data Guru

69

g. Form Jadwal Pelajaran

Gambar IV.32 Tampilan Halaman Jadwal Pelajaran

h. Form Input Jadwal Pelajaran

Gambar IV.33 Tampilan Halaman Input Jadwal Pelajaran

70

i. Form Mata Pelajaran

Gambar IV.34 Tampilan Halaman Mata Pelajaran

j. Form Input Mata Pelajaran

Gambar IV.35 Tampilan Halaman Input Mata Pelajaran

71

k. Form Jurusan

Gambar IV.36 Tampilan Halaman Jurusan

l. Form Kelas

Gambar IV.37 Tampilan Halaman Kelas

72

m. Form Home Siswa

Gambar IV.38 Tampilan Halaman Home Siswa

n. Form Data Nilai Siswa

Gambar IV.39 Tampilan Halaman Data Nilai Siswa

73

o. Form Jadwal Pelajaran Siswa

Gambar IV.40 Tampilan Halaman Jadwal Pelajaran Siswa

p. Form Data Kelas Siswa

Gambar IV.41 Tampilan Halaman Data Kelas Siswa

74

q. Form Input Nilai Siswa

Gambar IV.42 Tampilan Halaman Input Nilai Siswa

r. Form Jadwal Mengajar

Gambar IV.43 Tampilan Halaman Jadwal Mengajar

75

s. Form Halaman Utama

Gambar IV.44 Tampilan Halaman Utama

4.3. Code Generation

<!DOCTYPE html>

<html>

<head>

<title>Login Admin</title>

<link rel="shortcut icon" href="../asset/gambar/icon_eskalasi.png">

<link rel="stylesheet" type="text/css" href="../asset/css/style_l.css" />

<script type="text/javascript">

function validasi_input()

{

var user = document.login.username.value;

var pass = document.login.password.value;

76

var valid = true;

if (user == '') {

alert("Username belum diisi!");

valid = false;

}

else if (pass == '') {

alert("Password belum diisi");

valid = false;

}

return valid;

}

</script>

</head>

<body>

<div id="kotak">

<div id="atas">

LOGIN ADMIN

</div>

<div id="bawah">

<form name="login" action="aksi/log_adm.php" onSubmit="return

validasi_input()" method="post">

<input class="masuk" type="text" autocomplete="off"

77

placeholder="Username" name="username"><br/>

<input class="masuk" type="password" autocomplete="off"

placeholder="Password" name="password"><br/>

<input id="tombol" name="login" type="submit" value="LOGIN">

</form>

</div>

</div>

</body>

</html>

4.4. Testing

A. Form Login Admin

Tabel IV.11.

Hasil Pengujian Black Box Testing Form Login Admin

No Skenario

Pengujian

Tes Case Hasil yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1

Mengosongkan

semua data isi

login lalu klik

tombol “login”

Username:

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

login dan

menampilkan

pesan

“username

belum di isi !”

Sesuai

harapan

Valid

2

Hanya mengisi

data

“username” dan

mengosongkan

“password” lalu

klik tombol

“login”

Username:

(admin)

Password:

(kosong)

Sistem akan

menolak akses

login dan

menampilkan

pesan

“password

belum di isi !”

Sesuai

harapan

Valid

3 Hanya mengisi Username: Sistem akan Sesuai Valid

78

data “password”

dan

mengosongkan

data

“username” lalu

klik tombol

“login”

(kosong),

password:

(admin)

menolak akses

login dan

penampilkan

pesan

“username

belum di isi !”

harapan

4

Menginputkan

dengan kondisi

salah satu data

benar dan satu

lagi salah, lalu

langsung klik

tombol “login”

Username:

admin

(benar)

password:

arief

(salah)

Sistem akan

menolak akses

login dan

menampilkan

pesan

“username

atau password

salah !”

Sesuai

harapan

Valid

5

Menginput data

yang benar lalu

klik tombol

“login”

Username

: (saputro)

password:

(admin)

Sistem

menerima

akses login

menampilkan

pesan “

selamat datang

dihalaman

admin”

Sesuai

harapan

Valid

B. Form Input Data Siswa

Tabel IV.11.

Hasil Pengujian Black Box Testing Form Input Data Siswa

No Skenario

Pengujian

Tes Case Hasil yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1

Mengosongkan

semua data

siswa lalu klik

tombol

“simpan”

NIS: (kosong)

Nama: (kosong),

Kelas: (kosong),

Tempat Lahir:

(kosong),

Tanggal Lahir:

(kosong),

Alamat: (kosong),

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan “Form

masih kosong

!”

Sesuai

harapan

Valid

2 Hanya mengisi NIS: Sistem akan Sesuai Valid

79

data “NIS”dan

mengosongkan

“Nama, Kelas,

Tempat Lahir,

Tanggal Lahir,

Alamat,

Agama, Jenis

Kelamin,

Foto” lalu klik

tombol

“Simpan”

(1234567890)

Nama: (kosong),

Kelas: (kosong),

Tempat Lahir:

(kosong),

Tanggal Lahir:

(kosong),

Alamat: (kosong),

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

menolak

akses dan

menampilkan

pesan “nama

belum di isi

!”

harapan

3

Hanya mengisi

data “NIS,

Nama”dan

mengosongkan

“Kelas,

Tempat Lahir,

Tanggal Lahir,

Alamat,

Agama, Jenis

Kelamin,

Foto” lalu klik

tombol

“Simpan”

NIS:

(1234567890)

Nama: (Eko),

Kelas: (kosong),

Tempat Lahir:

(kosong),

Tanggal Lahir:

(kosong),

Alamat: (kosong),

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan “kelas

belum di

pilih !”

Sesuai

harapan

Valid

4

Hanya mengisi

data “NIS,

Nama,

Kelas”dan

mengosongkan

“Tempat Lahir,

Tanggal Lahir,

Alamat,

Agama, Jenis

Kelamin,

Foto” lalu klik

tombol

“Simpan”

NIS:

(1234567890)

Nama: (Eko),

Kelas: (X A),

Tempat Lahir:

(kosong),

Tanggal Lahir:

(kosong),

Alamat: (kosong),

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan

“Tempat

Lahir belum

di isi !”

Sesuai

harapan

Valid

5

Hanya mengisi

data “NIS,

Nama, Kelas,

Tempat

Lahir”dan

mengosongkan

“Tanggal

Lahir, Alamat,

Agama, Jenis

NIS:

(1234567890)

Nama: (Eko),

Kelas: (X A),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(kosong),

Alamat: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan

“Tanggal

belum di

pilih !”

Sesuai

harapan

Valid

80

Kelamin,

Foto” lalu klik

tombol

“Simpan”

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

6

Hanya mengisi

data “NIS,

Nama, Kelas,

Tempat Lahir,

Tanggal

Lahir”dan

mengosongkan

“Alamat,

Agama, Jenis

Kelamin,

Foto” lalu klik

tombol

“Simpan”

NIS:

(1234567890)

Nama: (Eko),

Kelas: (X A),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat: (kosong),

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan

“Alamat

belum di isi

!”

Sesuai

harapan

Valid

7

Hanya mengisi

data “NIS,

Nama, Kelas,

Tempat Lahir,

Tanggal Lahir,

Alamat”dan

mengosongkan

“Agama, Jenis

Kelamin,

Foto” lalu klik

tombol

“Simpan”

NIS:

(1234567890)

Nama: (Eko),

Kelas: (X A),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat:

(Jl.Jembatan

Besi),

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan

“Agama

belum di

pilih !”

Sesuai

harapan

Valid

8

Hanya mengisi

data “NIS,

Nama, Kelas,

Tempat Lahir,

Tanggal Lahir,

Alamat,

Agama”dan

mengosongkan

“Jenis

Kelamin,

Foto” lalu klik

NIS:

(1234567890)

Nama: (Eko),

Kelas: (X A),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat:

(Jl.Jembatan

Besi),

Sistem akan

menolak

akses dan

menampilkan

pesan “Jenis

Kelamin

belum di

pilih !”

Sesuai

harapan

Valid

81

tombol

“Simpan”

Agama: (Islam),

Jenis Kelamin:

(kosong),

Foto: (kosong),

9

Hanya mengisi

data “NIS,

Nama, Kelas,

Tempat Lahir,

Tanggal Lahir,

Alamat,

Agama, Jenis

Kelamin”dan

mengosongkan

“Foto” lalu

klik tombol

“Simpan”

NIS:

(1234567890)

Nama: (Eko),

Kelas: (X A),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat:

(Jl.Jembatan

Besi),

Agama: (Islam),

Jenis Kelamin:

(Laki-laki),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan “Foto

belum di

pilih !”

Sesuai

harapan

Valid

10

Menginput

semua data

dengan benar

lalu klik

tombol

“Simpan”

NIS:

(1234567890)

Nama: (Eko),

Kelas: (X A),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat:

(Jl.Jembatan

Besi),

Agama: (Islam),

Jenis Kelamin:

(Laki-laki),

Foto: (100.JPG),

Sistem akan

menerima

dan

menampilkan

pesan “Data

Berhasil

disimpan.”

Sesuai

harapan

Valid

11

Memasukkan

semua isian

data siswa,

tetapi jika

memasukkan

kurang dari 10

angka pada

field NIS

NIS: (123456789)

Nama: (Eko),

Kelas: (X A),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat:

(Jl.Jembatan

Sistem akan

menolak

akses dan

menampilkan

pesan “NIS

harus 10

angka !”

Sesuai

harapan

Valid

82

Besi),

Agama: (Islam),

Jenis Kelamin:

(Laki-laki),

Foto: (100.JPG

12

Memasukkan

semua isian

data siswa,

tetapi jika

memasukkan

karakter

alphabet pada

field NIS

NIS:

(1234aaabbb)

Nama: (Eko),

Kelas: (X A),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat:

(Jl.Jembatan

Besi),

Agama: (Islam),

Jenis Kelamin:

(Laki-laki),

Foto: (100.JPG

Sistem akan

menolak

akses dan

menampilkan

pesan “NIS

harus angka

!”

Sesuai

harapan

Valid

C. Form Input Data Guru

Tabel IV.11.

Hasil Pengujian Black Box Testing Form Input Data Guru

No Skenario

Pengujian

Tes Case Hasil yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1

Mengosongkan

semua data

siswa lalu klik

tombol

“simpan”

NIP: (kosong)

Nama: (kosong),

Mengajar:

(kosong),

Tempat Lahir:

(kosong),

Tanggal Lahir:

(kosong),

Alamat: (kosong),

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan “Form

masih kosong

!”

Sesuai

harapan

Valid

83

2

Hanya mengisi

data “NIP”dan

mengosongkan

“Nama, Kelas,

Tempat Lahir,

Tanggal Lahir,

Alamat,

Agama, Jenis

Kelamin,

Foto” lalu klik

tombol

“Simpan”

NIP:

(1234567890)

Nama: (kosong),

Mengajar:

(kosong),

Tempat Lahir:

(kosong),

Tanggal Lahir:

(kosong),

Alamat: (kosong),

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan “nama

belum di isi

!”

Sesuai

harapan

Valid

3

Hanya mengisi

data “NIP,

Nama”dan

mengosongkan

“Mengajar,

Tempat Lahir,

Tanggal Lahir,

Alamat,

Agama, Jenis

Kelamin,

Foto” lalu klik

tombol

“Simpan”

NIS:

(1234567890)

Nama: (Eko),

Mengajar:

(kosong),

Tempat Lahir:

(kosong),

Tanggal Lahir:

(kosong),

Alamat: (kosong),

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan

“Mengajar

belum di

pilih !”

Sesuai

harapan

Valid

4

Hanya mengisi

data “NIP,

Nama,

Mengajar”dan

mengosongkan

” Tempat

Lahir, Tanggal

Lahir, Alamat,

Agama, Jenis

Kelamin,

Foto” lalu klik

tombol

“Simpan”

NIP:

(1234567890)

Nama: (Eko),

Mengajar:

(Matematika),

Tempat Lahir:

(kosong),

Tanggal Lahir:

(kosong),

Alamat: (kosong),

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan

“Tempat

Lahir belum

di isi !”

Sesuai

harapan

Valid

84

5

Hanya mengisi

data “NIP,

Nama,

Mengajar,

Tempat

Lahir”dan

mengosongkan

“Tanggal

Lahir, Alamat,

Agama, Jenis

Kelamin,

Foto” lalu klik

tombol

“Simpan”

NIP:

(1234567890)

Nama: (Eko),

Mengajar:

(Matematika),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(kosong),

Alamat: (kosong),

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan

“Tanggal

belum di

pilih !”

Sesuai

harapan

Valid

6

Hanya mengisi

data “NIP,

Nama,

Mengajar,

Tempat Lahir,

Tanggal

Lahir”dan

mengosongkan

“Alamat,

Agama, Jenis

Kelamin,

Foto” lalu klik

tombol

“Simpan”

NIP:

(1234567890)

Nama: (Eko),

Mengajar:

(Matematika),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat: (kosong),

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan

“Alamat

belum di isi

!”

Sesuai

harapan

Valid

7

Hanya mengisi

data “NIP,

Nama,

Mengajar,

Tempat Lahir,

Tanggal Lahir,

Alamat”dan

mengosongkan

“Agama, Jenis

Kelamin,

Foto” lalu klik

tombol

“Simpan”

NIP:

(1234567890)

Nama: (Eko),

Mengajar:

(Matematika),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat:

(Jl.Jembatan

Besi),

Agama: (kosong),

Jenis Kelamin:

(kosong),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan

“Agama

belum di

pilih !”

Sesuai

harapan

Valid

85

8

Hanya mengisi

data “NIP,

Nama,

Mengajar,

Tempat Lahir,

Tanggal Lahir,

Alamat,

Agama”dan

mengosongkan

“Jenis

Kelamin,

Foto” lalu klik

tombol

“Simpan”

NIP:

(1234567890)

Nama: (Eko),

Mengajar:

(Matematika),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat:

(Jl.Jembatan

Besi),

Agama: (Islam),

Jenis Kelamin:

(kosong),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan “Jenis

Kelamin

belum di

pilih !”

Sesuai

harapan

Valid

9

Hanya mengisi

data “NIP,

Nama,

Mengajar,

Tempat Lahir,

Tanggal Lahir,

Alamat,

Agama, Jenis

Kelamin”dan

mengosongkan

“Foto” lalu

klik tombol

“Simpan”

NIP:

(1234567890)

Nama: (Eko),

Mengajar:

(Matematika),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat:

(Jl.Jembatan

Besi),

Agama: (Islam),

Jenis Kelamin:

(Laki-laki),

Foto: (kosong),

Sistem akan

menolak

akses dan

menampilkan

pesan “Foto

belum di

pilih !”

Sesuai

harapan

Valid

10

Menginput

semua data

dengan benar

lalu klik

tombol

“Simpan”

NIP:

(1234567890)

Nama: (Eko),

Mengajar:

(Matematika),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat:

(Jl.Jembatan

Besi),

Agama: (Islam),

Jenis Kelamin:

(Laki-laki),

Foto: (100.JPG),

Sistem akan

menerima

dan

menampilkan

pesan “Data

Berhasil

disimpan.”

Sesuai

harapan

Valid

86

11

Memasukkan

semua isian

data siswa,

tetapi jika

memasukkan

kurang dari 10

angka pada

field NIP

NIP: (123456789)

Nama: (Eko),

Mengajar:

(Matematika),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat:

(Jl.Jembatan

Besi),

Agama: (Islam),

Jenis Kelamin:

(Laki-laki),

Foto: (100.JPG

Sistem akan

menolak

akses dan

menampilkan

pesan “NIP

harus 10

angka !”

Sesuai

harapan

Valid

12

Memasukkan

semua isian

data siswa,

tetapi jika

memasukkan

karakter

alphabet pada

field NIP

NIP:

(1234aaabbb)

Nama: (Eko),

Mengajar:

(Matematika),

Tempat Lahir:

(Wonogiri),

Tanggal Lahir:

(1-1-1995),

Alamat:

(Jl.Jembatan

Besi),

Agama: (Islam),

Jenis Kelamin:

(Laki-laki),

Foto: (100.JPG

Sistem akan

menolak

akses dan

menampilkan

pesan “NIP

harus angka

!”

Sesuai

harapan

Valid

D. Form Input Data Jadwal Pelajaran

Tabel IV.11.

Hasil Pengujian Black Box Testing Input Data Jadwal Pelajaran

No Skenario

Pengujian

Tes Case Hasil yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1

Mengosongkan

semua data

Jadwal Pelajaran

lalu klik tombol

“Simpan”

Guru:

(kosong),

Hari:

(kosong),

Kelas:

(kosong),

Jam

Sistem akan

menolak akses

dan

menampilkan

pesan “Form

masih kosong

!”

Sesuai

harapan

Valid

87

Mulai:

(kosong),

Jam

Selesai:

(kosong)

2

Hanya mengisi

data “Guru” dan

mengosongkan

“Hari, Kelas,

Jam Mulai, Jam

Selesai” lalu

klik tombol

“Simpan”

Guru:

(eko),

Hari:

(kosong),

Kelas:

(kosong),

Jam

Mulai:

(kosong),

Jam

Selesai:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Hari

Belum di

pilih”

Sesuai

harapan

Valid

3

Hanya mengisi

data “Guru,

Hari” dan

mengosongkan

“Kelas, Jam

Mulai, Jam

Selesai” lalu

klik tombol

“Simpan”

Guru:

(eko),

Hari:

(Senin),

Kelas:

(kosong),

Jam

Mulai:

(kosong),

Jam

Selesai:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Kelas

Belum di

pilih”

Sesuai

harapan

Valid

4

Hanya mengisi

data “Guru,

Hari, Kelas” dan

mengosongkan

“Jam Mulai,

Jam Selesai”

lalu klik tombol

“Simpan”

Guru:

(eko),

Hari:

(Senin),

Kelas: (X

A), Jam

Mulai:

(kosong),

Jam

Selesai:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Jam

Mulai Belum

di isi”

Sesuai

harapan

Valid

88

5

Hanya mengisi

data “Guru,

Hari, Kelas, Jam

Mulai” dan

mengosongkan

“Jam Selesai”

lalu klik tombol

“Simpan”

Guru:

(eko),

Hari:

(Senin),

Kelas: (X

A), Jam

Mulai:

(07:00),

Jam

Selesai:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Jam

Selesai Belum

di isi”

Sesuai

harapan

Valid

6

Menginput

semua data

dengan benar

lalu klik tombol

“Simpan”

Guru:

(eko),

Hari:

(Senin),

Kelas: (X

A), Jam

Mulai:

(07:00),

Jam

Selesai:

(08:30)

Sistem akan

menerima dan

menampilkan

pesan “Data

Berhasil

disimpan.”

Sesuai

harapan

Valid

E. Form Input Data Jurusan

Tabel IV.11.

Hasil Pengujian Black Box Testing Input Data Jadwal Pelajaran

No Skenario

Pengujian

Tes Case Hasil yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1

Mengosongkan

semua data isi

Jurusan lalu klik

tombol

“Simpan”

Jurusan:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Jurusan

Belum di isi !”

Sesuai

harapan

Valid

2

Menginput data

dengan benar

lalu klik tombol

“Simpan”

Jurusan:

(Akutansi)

Sistem akan

menerima dan

menampilkan

pesan “Data

Jurusan sukses

disimpan.”

Sesuai

harapan

Valid

89

F. Form Input Data Kelas

Tabel IV.11.

Hasil Pengujian Black Box Testing Input Data Kelas

No Skenario

Pengujian

Tes Case Hasil yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1

Mengosongkan

semua data isi

Kelas lalu klik

tombol

“Simpan”

Jurusan:

(kosong),

Kelas:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Form

masih kosong

!”

Sesuai

harapan

Valid

2

Hanya mengisi

data “Jurusan”

dan

mengosongkan

“Kelas, wali

kelas” lalu klik

tombol

“Simpan”

Jurusan:

(akutansi),

Kelas:

(kosong)

Wali kelas:

(Kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Kelas

Belum di isi !”

Sesuai

harapan

Valid

3

Hanya mengisi

data “Jurusan,

kelas” dan

mengosongkan

“wali kelas” lalu

klik tombol

“Simpan”

Jurusan:

(akutansi),

Kelas: (X-

AK-1)

Wali kelas:

(Kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Wali

kelas belum

dipilih !”

Sesuai

harapan

Valid

4

Menginput data

dengan benar

lalu klik tombol

“Simpan”

Jurusan:

(Akutansi),

Kelas: (X-

AK-1)

Wali Kelas:

(Moko)

Sistem akan

menerima dan

menampilkan

pesan “Data

Berhasil

disimpan.”

Sesuai

harapan

Valid

90

G. Form Input Data Mata Pelajaran

Tabel IV.11.

Hasil Pengujian Black Box Testing Input Data Mata Pelajaran

No Skenario

Pengujian

Tes Case Hasil yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1

Mengosongkan

semua data isi

Mata Pelajaran

lalu klik tombol

“Simpan”

Mata

Pelajaran:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Mata

Pelajaran

Belum di isi !”

Sesuai

harapan

Valid

2

Menginput data

dengan benar

lalu klik tombol

“Simpan”

Mata

Pelajaran:

(Agama)

Sistem akan

menerima dan

menampilkan

pesan “Data

Berhasil

disimpan.”

Sesuai

harapan

Valid

H. Form Input Jadwal Akademik

Tabel IV.11.

Hasil Pengujian Black Box Testing Input Jadwal Akademik

No Skenario

Pengujian

Tes Case Hasil yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1

Mengosongkan

semua data isi

Jadwal

Akademik lalu

klik tombol

“Simpan”

Tanggal:

(kosong),

Jadwal

Akademik:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan

“Tanggal

Belum di pilih

!”

Sesuai

harapan

Valid

2

Hanya mengisi

data “Tanggal”

dan

mengosongkan

“Jadwal

Akademik” lalu

klik tombol

“Simpan”

Tanggal: (1-

1-2015),

Jadwal

Akademik:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Jadwal

akademik

Belum diisi !”

Sesuai

harapan

Valid

3 Menginput data Tanggal: (1- Sistem akan Sesuai Valid

91

dengan benar

lalu klik tombol

“Simpan”

3-2017),

Jadwal

Akademik:

(Akan

Mengadakan

UAS)

menerima dan

menampilkan

pesan “Data

Berhasil

disimpan.”

harapan

I. Form Login Siswa

Tabel IV.11.

Hasil Pengujian Black Box Testing Form Login Siswa

No Skenario

Pengujian

Tes Case Hasil yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1

Mengosongkan

semua data isi

login lalu klik

tombol “login”

NIS:

(kosong)

Password:

(kosong)

Sistem akan

menolak akses

login dan

menampilkan

pesan “NIS

belum di isi !”

Sesuai

harapan

Valid

2

Hanya mengisi

data NIS dan

mengosongkan

password, lalu

klik tombol

“login”

NIS:

(12136442

11)

Password:

(kosong)

Sistem akan

menolak akses

login dan

menampilkan

pesan

“password

belum di isi !”

Sesuai

harapan

Valid

3

Hanya mengisi

data password

dan

mengosongkan

data NIS, lalu

klik tombol

“login”

NIS:

(kosong),

password:

(1995-08-

11)

Sistem akan

menolak akses

login dan

penampilkan

pesan

“NIS belum di

isi !”

Sesuai

harapan

Valid

4

Menginputkan

dengan kondisi

salah satu data

benar dan satu

lagi salah, lalu

langsung klik

tombol “login”

NIS:

12136442

11 (benar)

password:

1995-08-

12 (salah)

Sistem akan

menolak akses

login dan

menampilkan

pesan “NIS

atau password

salah !”

Sesuai

harapan

Valid

92

5

Menginput data

yang benar lalu

klik tombol

“login”

NIS:

(12136442

11)

password:

(1995-08-

11)

Sistem

menerima

akses login

menampilkan

pesan “

selamat datang

dihalaman

Siswa”

Sesuai

harapan

Valid

J. Form Input Data Nilai Siswa

Tabel IV.11.

Hasil Pengujian Black Box Testing Form Input Data Nilai Siswa

No Skenario

Pengujian

Tes Case Hasil yang

Diharapkan

Hasil

Pengujian

Kesimpulan

1

Mengosongkan

data

“Nilai Tugas 1,

Nilai Tugas 2,

Nilai Tugas 3,

Nilai UTS,

Nilai UAS”

lalu klik

tombol

“Simpan”

Nilai Tugas 1:

(kosong),

Nilai Tugas 2:

(kosong)

Nilai Tugas 3:

(kosong)

Nilai UTS:

(kosong)

Nilai UAS:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Nilai

Tugas 1 Belum

di pilih !”

Sesuai

harapan

Valid

2

Hanya mengisi

data “Nilai

Tugas l” dan

mengosongkan

“Nilai Tugas 2,

Nilai Tugas 3,

Nilai UTS,

Nilai UAS”

lalu klik

tombol

“Simpan”

Nilai Tugas 1:

(80),

Nilai Tugas 2:

(kosong)

Nilai Tugas 3:

(kosong)

Nilai UTS:

(kosong)

Nilai UAS:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Nilai

Tugas 2 Belum

diisi !”

Sesuai

harapan

Valid

3

Hanya mengisi

data “Nilai

Tugas l, Nilai

Tugas 2” dan

mengosongkan

“ Nilai Tugas

3, Nilai UTS,

Nilai UAS”

Nilai Tugas 1:

(80),

Nilai Tugas 2:

(80)

Nilai Tugas 3:

(kosong)

Nilai UTS:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Nilai

Tugas 3 Belum

diisi !”

Sesuai

harapan

Valid

93

lalu klik

tombol

“Simpan”

Nilai UAS:

(kosong)

4

Hanya mengisi

data “Nilai

Tugas l, Nilai

Tugas 2, Nilai

Tugas 3,” dan

mengosongkan

“Nilai UTS,

Nilai UAS”

lalu klik

tombol

“Simpan”

Nilai Tugas 1:

(80),

Nilai Tugas 2:

(80)

Nilai Tugas 3:

(80)

Nilai UTS:

(kosong)

Nilai UAS:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Nilai

UTS Belum

diisi !”

Sesuai

harapan

Valid

5

Hanya mengisi

data “Nilai

Tugas l, Nilai

Tugas 2, Nilai

Tugas 3, Nilai

UTS,” dan

mengosongkan

“Nilai UAS”

lalu klik

tombol

“Simpan”

Nilai Tugas 1:

(80),

Nilai Tugas 2:

(80)

Nilai Tugas 3:

(80)

Nilai UTS:

(80)

Nilai UAS:

(kosong)

Sistem akan

menolak akses

dan

menampilkan

pesan “Nilai

UAS Belum

diisi !”

Sesuai

harapan

Valid

5

Menginput

data dengan

benar lalu klik

tombol

“Simpan”

Nilai Tugas 1:

(80),

Nilai Tugas 2:

(80)

Nilai Tugas 3:

(80)

Nilai UTS:

(80)

Nilai UAS:

(80)

Sistem akan

menerima dan

menampilkan

pesan “Data

Berhasil

disimpan.”

Sesuai

harapan

Valid

4.5. Support

4.5.1. Publikasi Web

Mengakses website ini bisa dengan menggunakan browser yang tersedia

seperti Mozilla firefox, google chrome, atau internet explorer dengan cara

mengetikan alamat website yang dituju kedalam address bar yang terdapat pada

browser yang digunakan.

94

Publikasi situs web Akademik berbasis web pada SMK Pancakarya

Tangerang di internet dapat diakses dengan alamat URL, proses registrasi domain

dimulai dengan melakukan pengecekan nama domain yang dikehendaki apakah

sudah dimiliki oleh instansi lain atau belum.

Pendaftaran nama domain dan hosting menggunakan jasa perusahaan

penyedia layanan server hosting, yaitu dapat diakses di alamat URL

www.hostinger.co.id.

4.5.2. Spesifikasi Hardware dan Software

Di dalam mengimplementasikan perancangan dan pembuatan situs web

yang penulis jadikan sebagai penulisan skripsi tentunya membutuhkan sarana-

sarana pendukung atau tools, yaitu yang terdiri dari perangkat keras dan

perangkat lunak. Berikut gambaran umum struktur hubungan antara komponen

dari sistem keseluruhan sacara fisik.

Tabel IV.

Spesifikasi Hardware dan Software

Kebutuhan Keterangan

Sistem operasi Windows 7 Ultimate

Processor Intel core® Core™ i3 2348M (2.3GHz,

3MB L3 cache

Memory size (RAM) 2 Gb

Harddisk 500 Gb

Monitor 14 inc

Keyboard Standard

95

Mouse Standard

Browser Google Chrome, Mozila Firefox

Bahasa script pemrograman PHP. HTML, CSS, Jquery

Web editor Adobe dreamweaver CS6

Server module PHP Myadmin

Web Server Apache

Database My SQL

UML designer Enterprise Architect & Microsoft Visio

4.6. Spesifikasi Dokumen Sistem Usulan

Spesifikasi dokumen sistem usulan merupakan serangkaian dari bentuk

dokumen untuk mendukung terbentuknya file-file yang diusulkan oleh penulis

untuk mendapatkan informasi yang disajikan, maka dibutuhkan masukan-

masukan untuk sistem.

a. Nama Dokumen : Data Nilai Rapor Siswa

Fungsi : Untuk melihat nilai siswa

Sumber : Web

Tujuan : Siswa

Media : Cetak Komputer

Jumlah : 1 Lembar

Frekuensi : Setiap Semester

Format : Lampiran B-1

b. Nama Dokumen : Data Guru

Fungsi : Untuk Melihat Data Guru

Sumber : web

96

Tujuan : Guru

Media : Cetak Komputer

Jumlah : 1 Lembar

Frekuensi : Setiap Akhir Tahun

Format : Lampiran B-2

c. Nama Dokumen : Data Siswa

Fungsi : Untuk Melihat Data Siswa

Sumber : Web

Tujuan : Siswa

Media : Cetak Komputer

Jumlah : 1 Lembar

Frekuensi : Setiap Kenaikan Kelas

Format : Lampiran B-3

d. Nama Dokumen : Jadwal Pelajaran

Fungsi : Untuk Melihat Jadwal Pelajaran

Sumber : Web

Tujuan : Siswa

Media : Cetak Komputer

Jumlah : 1 Lembar

Frekuensi : Setiap Memulai Kelas Baru

Format : Lampiran B-4

97

e. Nama Dokumen : Jadwal Mengajar

Fungsi : Untuk Melihat Jadwal Mengajar

Sumber : Web

Tujuan : Siswa

Media : Cetak Komputer

Jumlah : 1 Lembar

Frekuensi : Setiap Memulai Kelas Baru

Format : Lampiran B-5

98

BAB V

PENUTUP

5.1. Kesimpulan

Pada akhir penulisan ini, penulis akan menjabarkan beberapa kesimpulan

yang diperoleh melalui hasil pengamatan selama melakukan penulisan skripsi dan

setelah pembuatan website Sistem Informasi akademik ini. Berikut ini beberapa

kesimpulan yang dapat penulis ambil, yaitu :

1. Dengan adanya sistem Informasi Akademik berbasis web di SMK

Pancakarya Tangerang dapat membantu proses penyampaian informasi

dari guru ke siswa menjadi lebih cepat dan mudah.

2. Sistem Informasi berbasis web pada saat ini memang sudah menjadi

kebutuhan yang tidak bisa ditolak oleh pihak-pihak yang bernaung dalam

dunia pendidikan, terutama sekolah karena Siste Informasi yang dapat di

akses secara sepat tanpa terbatas waktu dan tempat menjadikan kebutuhan

dari masyarakat saat ini.

3. Setelah Sistem Informasi di Implementasi, kegiatan pengelohan data

secara manual, sudah dapat dilakukan secara online tanpa harus berada di

sekolah.

4. Mysql, sebagai server database untuk aplikasi PHP, kemudahannya dalam

integrasi ke berbagai aplikasi web (terutama PHP) cukup membantu

dalam pengembangan Sistem Informasi akademik sekolah SMK

Pancakarya Tangerang.

98

5.2. Saran-Saran

Adapun saran-saran yang dapat penulis sampaikan adalah sebagai berikut:

1. Perlunya diadakan pelatihan (trainning) khusus bagi pengguna (user) agar

dapat menggunakan sistem informasi dengan baik dan benar.

2. Sistem informasi berbasis web yang telah dibuat hendaknya di

maintenance dengan baik dan benar untuk mencapai tujuan yang

diharapkan.

3. Mengingat pentingnya data-data pada database maka diperlukan sistem

backup untuk mencegah hal-hal yang tidak diinginkan, termasuk

pemasangan antivirus. Dan user atau administrator haruslah orang-orang

yang dapat dipercaya.

99

DAFTAR PUSTAKA

Anhar.2010.Panduan Menguasai PHP & MySQL Secara Otodidak. Jakarta:Media

Kita.

Cahyono, Adi.2006.Panduan Praktis Pemrograman Database menggunakan

MySQL dan Java.Bandung:Informatika.

Febrian, Jack.2008.Menggunakan Internet.Bandung:Informatika.

Frieyadie. 2007. Belajar Sendiri Pemrograman Database menggunakan FoxPro

9.0. Jakarta : PT. Elex Media Komputindo.

Irwan.2011.Panduan Berinternet Untuk Orang Awan. Palembang : Maxikom.

Kristanto, Andri. 2010. Panduan Menguasai PHP dan MySQL. Jakarta:Mediakita.

Masaleno, Andino. 2011. Kamus Istilah Komputer & Informatika. Jogyakarta :

Flashbook.

Nisa, Khoirun, Mochamad Wahyudi dan Lestari.2015.Sistem Informasi

Akademik berbasis Web Pada Smk AL-MIFTAHIYAH di Jakarta

Utara.ISSN:2089-8711.Sistem Informasi Akademik .Vol.IV, No.2,

Agustus 2015:142-150.

Nugroho, Adi. 2010. Rekayasa Perangkat Lunak Berorientasi Objek Dengan

Metode USDP. Yogyakarta: Andi.

Salahuddin, Muhammad, dan Rosa Ariani Sukamto.2008. Java di Web.

Bandung:Informatika.

Saputra, Ramadani. 2010. Simple Step Programming With CSS. Jakarta:PT Elex

Media Komputindo.

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

Mediakom

Sommerville, Ian.2007.Software Engineering Eighth Edition. England:Adison

Wesley.

Sukamto, Rosa Ariani dan M Shalahuddin, 2011, Modul Pembelajaran Rekayasa

Perangkat lunak.

Sukamto, Rosa Ariani dan M Shalahuddin, 2013, Rekayasa Perangkat Lunak

Terstruktur dan Berbasis Objek. Bandung. Informatika.

Sutabri, Tata, S.Kom.,MM. 2012. Analisis Sistem Informasi, Penerbit Andi,

Yogyakarta.

Sutanta, Edhy.2011.Basis Data Dalam Tinjauan Konseptual.Yogyakarta:Andi

Offset.

100

Kurnia, Tedi, Dini Destiani, Asep Deddy Supriatna.2012.Perancangan Sistem

Informasi Akademik Nilai Siswa Berbasis Web (Studi kasus : SMK

Ciledug Al-Musaddadiyah Garut).ISSN:2320-7339.Garut:Jurnal

STT-Garut All Right Reserved Vol.09, No.17, 2012:1-9.

Wardani, Susy Kusuma.2013.Sistem Informasi Pengolahan Data Nilai Siswa

Berbasis Web Pada Sekolah Menengah Atas (SMA)

Muhammadiyah Pacitan.ISSN:2302-5700.IJNS

(Indonesia Journal on Networking and Security). Vol.2,

No.2 April 2013:30-37.

101

DAFTAR RIWAYAT HIDUP

I. Biodata Mahasiswa

N.I.M : 11135839

Nama Lengkap : Arief Kurniawan

Tempat & Tanggal Lahir : Jakarta, 11 Agustus 1995

Alamat Lengkap : Jl. Timbul jaya Rt. 08 Rw. 04 No. 37

Kel. Duri Kosambi Kec. Cengkareng

Jakarta Barat

Email : [email protected]

Telp : 0896 5767 8720

II. Riwayat Pendidikan Formal dan Non-Formal

1. MI Al-khairiyah Jakarta Barat, Lulus Tahun 2007

2. SMP Al-Huda Jakarta Barat, Lulus Tahun 2010

3. SMAN 95 Jakarta, Lulus Tahun 2013

4. D3 BSI (Bina Sarana Informatika), Lulus Tahun 2016

Jakarta, 05 Februari 2016

Arief Kurniawan

103

SURAT KETERANGAN RISET

104

Lampiran A-1 Rapor Semester

105

Lampiran A-2 Leger Semester

106

Lampiran B-1 Data Nilai Rapor Siswa

107

Lampiran B-2 Data Guru

108

Lampiran B-3 Data Siswa

109

Lampiran B-4 Jadwal Pelajaran

110

Lampiran B-5 Jadwal Mengajar