APLIKASI BIMBINGAN KONSELING DI SEKOLAH

MENENGAH KEJURUAN YAYASAN PEMBINA PENDIDIKAN

TEKNOLOGI GARUT

LAPORAN PRAKTEK KERJA NYATA

Disusun sebagai syarat lulus mata kuliah Kerja Praktek

Oleh :
Fahmi Fauzi (NIM. 1406048)
Hagi Hadiansyah (NIM. 1406061)

SEKOLAH TINGGI TEKNOLOGI GARUT

PROGRAM STUDI INFORMATIKA
2017
 LEMBAR PENGESAHAN

APLIKASI BIMBINGAN KONSELING DI SEKOLAH MENENGAH

KEJURUAN YAYASAN PEMBINA PENDIDIKAN TEKNOLOGI GARUT

Oleh :
Fahmi Fauzi NIM.1306050
Hagi Hadiansyah NIM.1306122

Menyetujui :

Pembimbing Akademik, Pembimbing Lapangan,

Dewi Tresnawati,M.T Aji Nurhuda.

NIDN. 0414128703

Mengetahui :
Program Studi Teknik Informatika
Ketua

Rinda Cahyana, MT.

NIDN. 00171079

2
 KATA PENGANTAR

Bismillahirahmanirahim
Syukuroalhamdulillah pujiodan syukur penulisopanjatkan kehadirat Allah
SWT, atas yang telah memberikan rahmat danoridho-NYA sehingga penulis dapat
menyelesaikan laporan kerja praktek ini, odengan judul “Aplikasi Bimbingan
Konseling Di Sekolah MenengahoKejuruan Yayasan Pembina Pendidikan
Teknologi Garut BerbasisoWeb”.
Dalamopenyusunan laporan kerja praktek ini, penulis banyak
mengalami hambatanodan kesulitan dalamopenyempurnaan isi tulisan laporan
kerja praktek. selain itu, penulisomenghadapi berbagai kesulitan di lapangan.
Tetapi berkat dorongan dan dukungan dari berbagai pihak penulis dapat
menyelesaikan laporan kerjaopraktek ini.
Untuk itu, dengan segala hormatopenulis ingin menyampaikan rasa
terimakasih yang sebanyak-banyak nya kepadaosemua pihak yang telah berperan
dalam membantu penyusunan laporan ini darioawal sampai akhir, terutama kepada
yang terhormat :
1. Bapak Dr. H. Hilmi Aulawi, oST,MT, selaku ketua SekolahoTinggi
TeknologioGarut.
2. Bapak Rinda Cahyana, MT, selaku ketua Program Studi Teknik
Informatika.
3. Bapak Ridwan Setiawan, M.Kom, selaku sekertaris Program Studi
Teknik Informatika.
4. Ibu Dewi Tresnawati, MT, selaku pembimbing Akademik.
5. Bapak dan Ibu Dosen serta staff Sekolah Tinggi Teknologi Garut.
6. Orang tua kami yang telah memberi semangat dari awal sampai
sekarang untuk menyelesaikan laporan ini.
7. Teman-teman dan Rekan-rekan seperjuangan Teknik Informatika 2014.
8. Seluruh pihak yang telah membantu selama penyusunan laporan kerja
praktek ini dari awal sampai akhir.
Memang dalam penulisan laporan kerja praktek ini jauh dari kata sempurna,
maka dari itu kritik dan saran dapat berguna untuk melengkapi kekurangan tersebut.

3
 Akhir kata semoga Allah SWT membalas segala kebaikan kepada pihak-
pihak yang telah membantu dalam mengerjakan laporan kerja praktek ini dan
semoga bermanfaat.

Garut, Januari 2018

Penulis

4
 DAFTAR ISI

LEMBAR PENGESAHAN .................................................................

KATA PENGANTAR ........................................................................ i
DAFTAR ISI .................................................................................... iii
DAFTAR GAMBAR ........................................................................ v
DAFTAR TABEL ............................................................................ vi
1. PENDAHULUAN ........................................................................... 1
1.1 Latar Belakang ............................................................................... 1
1.2 Identifikasi Masalah ....................................................................... 2
1.3 Tujuan Kerja .................................................................................. 2
1.4 Lingkup Kerja ................................................................................ 2
1.5 Manfaat dan Hasil Kerja ................................................................ 3
1.6 Tempat dan Waktu Kerja ............................................................... 3
1.7 Sistematika Laporan ...................................................................... 3
2. LANDASAN TEORI .......................................................................... 5
2.1 Aplikasi .......................................................................................... 5
2.2 Pengertian Website.......................................................................... 5
2.3 Rapid Application Development (RAD) ......................................... 6
2.4 Basis Data ...................................................................................... 7
2.5 Diagram Konteks(ContextDiagarm) .............................................. 8
2.6 Data Fow Diagram (DFD) ........................................................... 10
2.7 Entity Relationship Diagram (ERD)........................................... 11
2.8 Work Breakdown Structure (WBS) ............................................ 13
2.9 Black Box Testing ........................................................................ 13
2.10 HTML (Hypertext Markup Languange) .................................... 14
2.11 PHP (Hypertext Preprocessor) ................................................... 14
2.12 CSS (Cascading Stylesheet) ...................................................... 14
2.13 MySQL ........................................................................................ 15
3. HASIL DAN PEMBAHASAN ......................................................... 16
3.1 Skema Kerangka Kerja ................................................................... 1
3.2 WBS ............................................................................................. 16

5
 3.2.1 Time Estimates ........................................................................... 17
3.2.2 Milestone Identification ............................................................. 18
3.3 Tahap Perancangan Aplikasi ........................................................ 18
3.3.1 Tahap Perencanaan .................................................................... 18
3.3.2 Sistem Berjalan .......................................................................... 18
3.4 Desain Workshop RAD................................................................. 20
3.4.1 Perancangan ERD ...................................................................... 20
3.5 Perancangan Konteks Diagram..................................................... 23
3.6 Perancangan DFD ......................................................................... 23
3.7 Pengujian ...................................................................................... 31
4. KESIMPULAN DAN SARAN ......................................................... 32
4.1 Kesimpulan .................................................................................. 32
4.2 Saran ............................................................................................ 32
DAFTAR PUSTAKA ......................................................................33

6
 DAFTAR GAMBAR

Gambar 2.1 Ilustrasi metodologi Rapid Application Development ............... 7

Gambar 3.1 Work Breakdown Structure ...................................................... 16
Gambar 3.2 Activity Sequencing perancangan sistem .................................. 17
Gambar 3.3 Identifikasi Milestone ............................................................... 18
Gambar 3.4 Sistem yang berjalan untuk Admin dan Guru. ......................... 19
Gambar 3.5 Rancangan ERD Sistem ........................................................... 22
Gambar 3.6 Konteks Diagram...................................................................... 23
Gambar 3.7 DFD Level 1 ............................................................................. 24
Gambar 3.8 DFD Level 2 Pengelolaan Data Guru ....................................... 25
Gambar 3.9 DFD Level 2 Pengelolaan Data Siswa ..................................... 26
Gambar 3.10 DFD Level 2 Pengelolaan Data Kelas .................................... 27
Gambar 3.11 DFD Level 2 Pengelolaan Data Pelanggaran ......................... 28
Gambar 3.12 DFD Level 2 Pengelolaan data Jurusan ................................... 29
Gambar 3.13 DFD Level 2 Pengelolaan Data Kelas Jurusan ...................... 30
Gambar 3.14 Tampilan Menu Login Admin ................................................ 31
Gambar 3.15 Tampilan Data Guru ............................................................... 32
Gambar 3.16 Tampilan Data Kelas .............................................................. 32
Gambar 3.17 Tampilan Data Jurusan ........................................................... 33
Gambar 3.18 Tampilan Data Kategori Pelanggaran Siswa .......................... 34
Gambar 3.19 Tampilan Data Pelanggaran Siswa ......................................... 34
Gambar 3.20 Tampilan Data Kelas Jurusan ................................................. 35
Gambar 3.21 Tampilan Data Siswa ............................................................. 35
Gambar 3.22 Tampilan Menu Login Guru .................................................. 36
Gambar 3.23 Tampilan Menu Dashboard Aplikasi ..................................... 35
Gambar 3.24 Tampilan Menu Pelanggaran siswa........................................ 37

7
 DAFTAR TABEL

Tabel 2.1 Simbol Context Diagram ............................................................... 9

Tabel 2.2 Simbol Data Flow Diagram ......................................................... 10
Tabel 2.3 Diagram Notasi ERD (Entity Relationship Diagram).................. 12
Tabel 3.1 Time Estimasi Pengembangan Sistem.......................................... 17
Tabel 3.2 Testing Pengujian Guru menggunakan metode Black box ......... 38
Tabel 3.3 Testing Pengujian Guru menggunakan metode Black box .......... 39

8
 BAB I
PENDAHULUAN

1.1. Latar Belakang

Sekolah Menengah Kejuruan YayasanoPembina Pendidikan Teknologi
Garut adalah sekolah berbasis Teknologiodan Industri yang senantiasa
mengaplikasikan sekaligus mengadopsi teknologi yang ada untuk menjadi bahan
material muatan kurikulum pada setiap jurusan, sehingga diharapkan mampu
menciptakan sekaligus mengantarkan lulusannyaomenjadi sumber daya manusia
yang profesional. Peran penting dalam sekolah adalah pengajar atau guru serta
peserta didik atau siswa. Siswa diajarkan banyak pendidikan, baik formal maupun
nonformal. Di sekolahosiswa tidak hanya dituntut dalam pelajaran saja, akan tetapi
juga pengembangan diri.
Kegiatan pengembangan diri merupakan kegiatan pendidikanodi luar mata
pelajaran sebagai bagian integral dari kurikulum sekolah. Kegiatan pengembangan
diri adalah upaya pembentukan watak dan kepribadian peserta didik oyang
dilakukan melalui kegiatan pelayanan konseling berkenaan dengan masalah pribadi
dan kehidupan sosial. Di samping itu, kegiatan pengembangan diri, khususnya
pelayanan konselingoditujukan guna pengembangan kreativitas dan karir. Untuk
satuan pendidikanokhusus, pelayanan konselingomenekankan peningkatan
kecakapan hidup sesuai dengan kebutuhan khusus peserta didik.
Bimbinganokonselingoadalah pelayanan bantuan untuk peserta didikobaik
individu atau kelompok agar mandiri dan berkembang secara optimal dalam
hubungan pribadi, sosial, belajar, karir dengan melalui berbagai jenis layanan dan
kegiatan pendukung atas dasar norma-norma yang berlaku. BimbinganoKonseling
sebagai wakil dari sekolahoberperan penting untuk pengembangan diri siswa untuk
membantu peningkatan kualitas lulusan yang cerdas dan memiliki kepribadian kuat.
BimbinganoKonselingobertugas untuk memonitor, mengevaluasi, dan melakukan
kegiatan konseling bagi siswa yang membutuhkan.

9
 Saat ini pengelolaan bimbinganokonselingodi Sekolah Menengah Kejuruan
YayasanoPembinaOPendidikan TeknologioGarut belum mendapatkan dukungan
dari suatu sistem yang terkomputerisasi, sehingga sulit mendapatkan laporan
dengan cepat dan tepat. Guru BimbinganoKonselingotidak memiliki catatan
bimbingan dan konseling yang sebelumnya, sehingga guru tidak dapat melihat
permasalahan yang terjadi sebelumnya yang dapat membantu memberikan solusi
atas permasalahan yang terjadi saat ini,membutuhkan waktu yang lama dalam
pencarian data maupun pembuatan laporan. Oleh karena itu, pengelolaan
bimbinganokonseling secara terkomputerisasi sangat diperlukan oleh Bagian
BimbinganoKonseling SekolahoMenengah Kejuruan Yayasan Pembina
PendidikanoTeknologioGarut guna melakukan dokumentasi data dan monitoring
siswa.

1.2. Identifikasi Masalah

Berdasarkan latar belakang masalah diatas, dapat teridentifikasi masalah
yaitusebagai berikut :
1. Informasi bimbinganokonselingodi Sekolah Menengah KejuruanOYayasan
Pembina PendidikanoTeknologiobelum mendapatkan dukungan dari suatu
sistem yang terkomputerisasi, sehingga sulit mendapatkan laporan dengan cepat
dan tepat.
2. Guru Bimbingan Konselingotidak memiliki catatan bimbingan dan konseling
yang sebelumnya, sehingga guru tidak dapat melihat permasalahan yang terjadi
sebelumnya yang dapat membantu memberikan solusi atas permasalahan yang
terjadi saat ini.
3. Membutuhkan waktu lama dalam pencarian data maupun pembuatan laporan.

1.3. Tujuan Kerja

Berdasarkan masalah tersebut, tujuan kerja praktik adalah untuk merancang
dan membangun aplikasi pengelolaan bimbinganokonselingodi Sekolah Menengah
KejuruanoYayasan Pembina Pendidikan TeknologioGarut.

10
1.4. Lingkup Kerja
Dalam merancang dan membangun aplikasi pengelolaanobimbingano
konseling di Sekolah Menengah Kejuruan Yayasan Pembina Pendidikan Teknologi
Garut, lingkup kerja meliputi sebagai berikut :
1. Menganalisis data-data yang dibutuhkan dalam pembuatan sistem
aplikasiOpengelolaanobimbinganokonseling.
2. Merancang sistem yang berdasarkan hasil analisis.
3. Melakukan pengujian terhadap program aplikasiOpengelolaan bimbingan
konseling.
1.5. Manfaat Hasil Kerja
Manfaat hasil Praktik Kerja NyataOdalam pembuatan aplikasi pengelolaan
bimbinganokonselingoadalah sebagai berikut:
1. Dapat memberikan layanan yang terbaik kepada sekolah jika membutuhkan data
siswa lengkap.
2. Dapat memberikan kemudahan dalam mengakses data siswa.

1.6. Tempat dan Waktu Kerja

Tempat pelaksanaan Praktik Kerja Nyata di Sekolah Menengah Kejuruan
Yayasan Pembina Pendidikan Teknologi Garut, berada di Jalan Nusa Indah Nomor
17 Desa Jayaraga Kecamatan Tarogong Kidul Kabupaten Garut. Adapun waktu
Praktik Kerja Nyata dilaksanakan dari tanggal 28 Agustus 2017 – 28 November
2017

1.7. Sistematika Laporan

Sistematika laporan kerja praktik diperlukan untuk menyajikan ringkasan
isi dari setiap bagian sebagai berikut :
1. PENDAHULUAN, meliputi latar belakang, rumusan masalah, tujuan kerja,
lingkup kerja, manfaat hasil, tempat dan waktu kerja, serta sistemaika
laporan.

11
2. LANDASAN TEORI, berisi kutipan literatur untuk membangun
pemahaman terhadap tujuan kerja dan tahapan untuk mencapai tujuan
tersebut.
3. HASIL DAN PEMBAHASAN, berisi hasil aktivitas dari seluruh tahapan
kerja yang dilakukan, evaluasi diri, dan pembahasan penyelesaian masalah.
4. KESIMPULAN DAN SARAN, berisi point penting dari bagian hasil dan
pembahasan, dan saran terkait kelemahan dan hambatan yang ada.

12
 BAB II
LANDASAN TEORI

2.1 Pengertian Aplikasi

Aplikasiomenurut Roger dan PressmanO(2012) adalah sekumpulan

instruksi yang menyediakan fungsi serta performa yang diinginkan, yang meliputi
program yang dieksekusi dalam sebuah komputer dengan berbagai ukuran dan
arsitektur serta data yang mengkombinasikan nomor dan teks serta representasi dari
gambar, video dan audio. Aplikasiotelah menjadi elemen kunci dalam evolusi
sistem berbasisokomputer dan produk yang telah berkembang sebagai alat dalam
memecahkan masalah serta analisa informasi.
Aplikasiomenurut KamusoBesar Bahasa Indonesia (KBBI) merupakan
penerapan dari rancang sistem untuk mengolah data yang menggunakan aturan atau
ketentuan bahasa pemrogramanotertentu, yang dibuat untuk mengerjakan dan
melaksanakan tugas khusus dari pengguna. Selain itu, aplikasi juga merupakan
rangkaian kegiatan atau perintah yang dieksekusi oleh komputer.
Aplikasiomenurut Jogiyanto dan Hartono (2001) adalah penggunaan dalam
komputer, oinstruksi, atau pernyataan yang disusun sedemikian rupa sehingga dapat
memproses input menjadi output

Jadi dapat disimpulkan bahwa aplikasi merupakan sekumpulan instruksi

yang dibuat dan disusun sedemikian rupa dalam komputerodengan menggunakan
bahasa pemrogramanotertentu untuk menghasilkanooutput atau keluaran yang
diinginkan.

2.2 Pengertian websiteo

Menurut Hidayat (2010), “Webomerupakan media penyampaian informasi
yang popular saat ini. Webomenyajikan informasi menggunakan
HypertextoMarkupoLanguageosehingga dapat menyajikan informasiodengan
berbagai format data seperti teks, gambar, bahkan video dan dapat diakses
menggunakan berbagai aplikasi klien. Selain dikenal sederhana dan mudah, adanya
teknologioserver side programming pada webomemungkinkan penyajian informasi
yang lebih menarik dan dinamis dengan pengelolaan yang terorganisasi.”

13
 Sedangkan menurut Arief M Rudianto (2011), “Weboadalah salah satu
aplikasioyang berisikan dokumen-dokumenomultimediaoo (teks, gambar, animasi,
video) di dalamnya yang menggunakan protocol HTTPo (Hypertext Transfer
Protocol) dan untuk mengaksesnya menggunakan browser.”
Kelebihan aplikasi berbasis website :
1. Aplikasi berbasis websiteohanya perlu melakukan penginstalan sistem pada
server.
2. Aplikasi berbasis websiteohanya membutuhkan browser sebagai aplikasi
untuk mengaktikannya serta dapat dijalankan dalam lintas platform.

2.3 RapidoApplicationoDevelopmento (RAD)

RADoadalah model pengembangan perangkat lunak sekuensial linier yang

menekankan pada siklus perkembangan yang sangat pendek. Menurut Kendall
(2010), terdapat tiga fase dalam RADoyang melibatkan penganalisis dan pengguna
dalam tahap penilaian, perancangan, dan penerapan yaitu :
1. Requirements Planning (Perencanaan Syarat-Syarat)
Dalam fase ini, pengguna dan penganalisisoobertemu untuk
mengidentifikasikanootujuan-tujuan aplikasi atau sistem serta untuk
megidentifikasikan syarat-syarat informasi yang ditimbulkan dari tujuan-
tujuan tersebut. Orientasiodalam fase ini adalah menyelesaikan masalah-
masalahoperusahaan. Meskipun teknologioinformasiodan sistem bisa
mengarahkan sebagian dari sistem yang diajukan, fokusnya akan selalu
tetap pada upaya pencapaian tujuan-tujuan perusahaan.
2. RADoDesignoWorkshop (Workshop Desain RAD)
Fase ini adalah fase untuk merancang dan memperbaiki yang bisa
digambarkan sebagaioworkshop. Penganalisisodan dan pemrogramodapat
bekerja membangun dan menunjukkan representasiovisual desain dan pola
kerja kepada pengguna. Workshop desainoini dapat dilakukan selama
beberapa hari tergantung dari ukuran aplikasioyang akan dikembangkan.

14
 3. Implementationo (Implementasi)
Pada fase implementasioini, penganalisisobekerja dengan para pengguna
secara intens selama workshop dan merancang aspek-aspek bisnisodan
nonteknis perusahaan. Segera setelah aspek-aspek ini disetujui dan sistem-
sistem dibangun dan disaring, sistem-sistem baru atau bagian dari sistem
diujicoba dan kemudian diperkenalkan kepada organisasi.
Kelebihan metode RADoadalah :
1. Sangat berguna dilakukan pada kondisi useroyang kurang memahami
kebutuhanoapa saja yang dilakukan pada proses pengembanganoperangkat
lunak.
2. RADomegikuti tahapan pengembanganosistem seperti umumnya, tetapi
mempunyai kemampuan untuk menggunakan kembali komponenoyang ada
(reusable project) osehingga pengembang tidak perlu membuat dari awal
lagi dan waktu lebih singkat yaitu antara 60-90 hari.
3. Karena mempunyai kemampuan untuk menggunakan komponeno yang
sudah ada dan waktu yang lebih singkat maka membuat biaya menjadi lebih
rendah dengan menggunakan oRAD.

Requirements Planning RAD Design Workshop Implementation

(Perencanaan Syarat-Syarat) (Workshop desain RAD) (Implementasi)

De
mo
ns
tra
te
Develop

Prototype
Cycles

Analysis and
Testing Deployment
Quick Design fine
Re

Gambar 2.1 Ilustrasiometodologi RapidoApplicationoDevelopment.

(Kendall : 2010)

2.4 BasisoDatao
Basisodataosebagai kumpulanodataoyang umumnya mendeskripsikan
aktivitas satu organisasioatau lebih yang saling berhubungan sebagai
mekanisme yang digunakanountuk menyimpan informasioatau daraoStephens
dan Plew (2002). Basisodataodapat dianalogikan sebagai tempat yang berisi

15
 sekumpulan data yang menyatakan representasi fakta yang mewakili suatu
objekoseperti manusia (pegawai, siswa, guru, murid, dan sebagainya) yang
direkan dalam bentuk angka huruf, simbol, teks, gambar, bunyi, atau
kombinasinya.vDalamopemanfaatanokomputerodalamosebuahoorganisasi
menggunakan basis data. Perangkatokomputerotersebut biasanya digunakan
untuk menjalankan fungsi pengelolaan sistem informasioyang sekarang ini
sudah menjadi suatu keharusan, demi meningkatkan efisiensi, daya saing,
keakuratan, kecepatan operasionaloorganisasiodan perusahaan tersebut.

2.5 DiagramoKontekso (ContextoDiagarm)

Menurut Andri dan Kristanto (2008) ContextoDiagramomerupakan tingkatan
tertinggi dalam diagram aliran dataodan hanya memuat satu proses yang
menunjukkan sistem secara keseluruhan. Proses tersebut diberi nomor nol. Semua
entitas eksternal yang ditunjukkan pada diagramokonteksoberikut aliran data-aliran
data utama menuju dan dari sistem. Diagramotersebut tidak memuat penyimpanan
data dan tampak sederhana untuk diciptakan, begitu entitas-entitasoeksternal serta
aliran data-aliran data menuju dan dari sistem diketahui menganalisis dari
wawancara dengan user dan sebagai hasil analisis dokumen.
ContextoDiagramodimulai dengan penggambaran terminator, aliran data,
aliran kontrolopenyimpanan, dasn proses tunggal yang menunjukkan keseluruhan
sistem. Bagian termudah adalahomenetapkan proses (yang hanya terdiri dari satu
lingkaran) dan diberi nama yang mewakili sistem. Nama dalam hal ini dapat
menjelaskan proses atau pekerjaan atau dalam kasus ekstrim berupa nama
perusahaanoyang dalam hal ini mewakili proses yang dilakukan keseluruhan
organisasi.
Terminatoroditunjukkan dalam bentuk persegi panjang dan berkomunikasi
langsung dengan sistemomelalui aliran data atau penyimpanan eksternal Antar
terminator tidak diperbolehkan komunikasi langsung. Pada kenyataannya
hubungan antar terminator dilakukan, tetapi secara definitif karena terminator
adalah bagian dari lingkungan, maka tidak relevan jika dibahas dalamocontext
diagram.

16
 Tabel 2.1 SimboloContextoDiagramo

Simbol Arti

oTerminator

AliranoData/ DataoFlowo

Proses / Processo

1. Jika terdapat banyak terminatoroyang mempunyai banyak masukan dan

keluaran diperbolehkan untuk digambarkan lebih dari satu kali sehingga
mencegah penggambaran yang terlalu rumit, dengan ditandai secara khusus
untuk menjelaskan bahwa terminatoroyang dimaksud adalah identik. Tanda
tersebut dapat berupa asteriko (*) atau pagar (#).
2. Jika terminatoromewakili individu sebaiknya diwakili oleh peran yang
dimainkan personil tersebut. Alasan pertama adalah personil yang berfungsi
untuk melakukan itu dapat berganti sedang ContextoDiagramoharus tetap
akurat walaupun personil berganti. Alasan kedua adalah seorang personil
dapat memainkan lebih dari satu peran.
3. Karena fokus uitama adalah mengembangkan model, maka penting untuk
membedakanosumber (resource) dan pelaku (handler)., pelaku adalah
mekanisme, perangkat atau mediaofisikoyang mentransportasikan data
ke/dari sistem, karena pelaku seringkali familier dengan pemakai dalam
implementasi sistem berjalan, maka sering menonjol sebagai sesuatu yang
harus digambarkan lebih dari sumber dataoitu sendiri. Sedangkan sistem
baru dengan konsep pengembangan teknologinya membuat pelaku menjadi
sesuatu yang tidak perlu digambarkan.

17
2.6 DataoFowoDiagramo(DFD)
DataoFlowoDiagram atau DFDoadalah suatu model logika atau proses
yang dibuat untuk menggambarkan darimana asal data dan kemana tujuan data yang
keluar dari sistem, dimana data disimpan, proses apa yang menghasilkanodata
tersebut dan interaksioantara data yang tersimpan dan proses yang dikenakan pada
data tersebut (Kristanto 2008). Komponen dasar DFDodapat diperlihatkan dalam
tabel 2.2.
Tabel 2.2 SimboloDataoFlowoDiagramo(Kristanto : 2008)
Simbol Nama Keterangan

oExternal Entity EntitasoLuar, digunakan untuk

menggambarkan asal atau tujuan data.

Processo Proseso (process), digunakan untuk

menginformasikan input ke output.

oData Flow AliranoData (data flow), digunakan untuk

menggambarkan aliran data yang berjalan.
Penyimpanan datao (data store),
DataoStore digunakan untuk menggambarkan data
yang disimpan atau diarsipkan.

Pada DFDobisa dijabarkan menjadi beberapa level yang merupakan

jaringanokerja aliran data beserta penyimpananodatanya pada fungsi yang
berhubungan satu sama lain yang disebut dengan DFDolevelled. DFDolevelled ini
digunakan pada saat diperlukan. DFDolevelled akan terjadi penurunan level dimana
dalam penurunan level yang lebih rendah harus mampu merepresentasikan proses
tersebut ke dalam spesifikasi proses yang jelas. Jadi dalam DFDolevelled dapat
dimulai dari DFDolevel 0 kemudian turun ke DFDolevel 1 dan seterusnya.

18
2.7 EntityoRelationshipoDiagramo (ERD)
Menurut Pohan dan Bahri (1997) EntityoRelationshipoDiagramoadalah
model konseptual yang mendeskripsikanohubungan antar penyimpanan (dalam
DFD). Karena itu, ERDoberbeda dengan DFD (DFDomemodelkan fungsi sistem),
atau dengan STD (State transition diagram, yang memodelkan sistemdari segi
ketergantungan terhadap waktu). ERDopertama kali dideskripsikan oleh Peter
Chenoyang dibuat sebagai bagian dari perangkat lunak CASE. Terdapat dua macam
ERD, yaitu conseptual ERDodan physical ERD. ERD merupakan sejumlah notasi
dan symbol untuk mengambarkan struktur dan hubungan antar data. Pohan mebagi
simbol-simbol ERD menjadi tiga, yaitu:

1. Entitaso
Entitas adalah suatu obyek yang dapat diidentifikasi dalam lingkungan
pemakai, sesuatu yang pentingobagi pemakai dalam konteksosistem yang
akan dibuat. Entitasomerupakan objekoyang dapat bersifat fisik atau
bersifat konsep dan dapat dibedakan satu dengan yang lainnya berdasarkan
attributeoyang dimilikinya.
2. Attribute entityo
Attributeoentityomempunyai elemen yang disebut atribut, dan berfungsi
mendeskripsikanokarakte entity. Dalam hal ini untuk setiap ERDobiasa
terdapat lebih dari satu atribut misalnya entityoitem mempunyai atribut
deskripsi_item, warna_item, dan ukuran_item. Atribut digambarkan
menggunakan simboloellips.
3. Relasio
Hubunganoini dinamakan relationship (relasi). Dalam ERDohubungan ini
dapat terdiri sejumlah entityoyang disebut sebagai derajat hubungan. Tetapi
pada umumnya hampir semua modelhanya menggunakan hubungan dengan
derajat dua (binary-relationship).

19
 Tabel 2.3 DiagramoNotasioERD (EntityoRelationshipoDiagram)
Entitas, merupakan suatu objekoyang dapat
diidentifikasiodalam lingkungan

Relasi, menunjukan adanya hubungan antar entitaso

Atribut, berfungsi mendeskripsikan karakter entitaso

Garis/ Line, sebagai penghubung antara relasiodan

entitaso

Dalam ERDohubungan (relasi) dapat terdiri dari sejumlah entityoyang

disebut dengan derajat hubungan. Derajat hubungan maksimum disebut dengan
kardinalitasosedangkan derajat minimum disebut dengan modalitas. Jadi
kardinalitasorelasi menunjukkan jumlah maksimum entityoyang dapat berelasi
dengan entity (misalnya A dan B) dapat berupa :
1. Satu ke satu (one to one/ 1-1)
Setiap entitasopada himpunan entitas A dapat berelasi dengan paling banyak
satu entitasopada himpunan entitas B, demikian juga sebaliknya.
2. Satu ke banyak (one to many/ 1-N)
Setiap entitasopada himpunanoentitas A dapat berelasi dengan banyak
entitasopada himpunan entitas G, tetapi tidak sebaliknya.
3. Banyak ke Banyak (many to many/ N-N)
Setiap entitasopada himpunanoentitas A dapat berelasi dengan banyak
entitasopada himpunan entitas B, demikian juga sebaliknya.

20
2.8 WorkoBreakdownoStructureo(WBS)
Menurut Ann Gardon (2014) WorkoBreakdownoStructureo(WBS) adalah
suatu metode pengorganisaianoproyek menjadi struktur pelaporan hierarakis. WBS
digunakan untuk melakukanobreakdownoatau memecahkan tiap proses pekerjaan
menjadi lebih detail.hal ini dimaksudkan agar proses perencanaan proyek memiliki
tingkat yang lebih baik. WBSodisusunobedasarkan dasar pembelajaran seluruh
dokumen proyek yang meliputi kontrak, gambar-gambar, dan spesifikasi. Proyek
kemudian diuraikan menjadi bagian-bagian dengan mengikuti pola strukturodan
hirarki tertentu menjadi item-item pekerjaanoyang cukup terperinci, yang disebut
sebagai WorkoBreakdownoStructure.
Pada prinsipnya WorkoBreakdownoStructureo(WBS) adalah pemecahan
atau pembagian pekerjaan ke dalam bagian yang lebih kecil (sub-kegiatan), alasan
perlunya WBSoadalah :
1. PengembanganoWBS di awal ProjectLifeCycleomemungkinkan diperolehnya
pengertian cakupan proyek dengan jelas, dan proses pengembangan WBS ini
membantu semua anggota untuk lebih mengerti tentang proyek selama tahap
awal.
2. WBSomembantu dalam pengawasan dan peramalan biaya, jadwal, dan
informasi mengenai produktifitasoyang meyakinkan anggota manajemen
proyekosebagai dasar untuk membuat perundingan.

2.9 BlackoBoxoTestingo

Menurut Pressmano(2010), Black-Boxotestingoberfokus pada persyaratan

fungsional perangkatolunak yang memungkinkan engineersountuk memperoleh set
kondisi inputoyang sepenuhnya akan melaksanakan persyaratan fungsionalountuk
sebuah program. Black-Box testingoberusaha untuk menemukan kesalahan dalam
kategori berikut:

1. Fungsioyang tidak benar atau fungsi yang hilang.

2. Kesalahan antarmuka.
3. Kesalahan dalam strukturodata atau akses databaseoeksternal.
4. Kesalahan perilaku (behavior) atau kesalahan kinerja.
5. Inisialisasi dan pemutusanokesalahan.

21
2.10 HTMLo (HypertextoMarkupoLanguange)

HypertextoMarkupoLanguageo (HTML) menurut Prasetyo (2015) adalah

sebuah bahasaopemrogramanoyang digunakan untuk mendesain sebuah halaman
website. berkas yang dibuat dalam perangkatolunak pengolah kata dan disimpan
dalam format ASCII normal sehingga menjadi halamanowebodengan perintah-
perintahoHTML. HTMLoadalah sebuah standar yang digunakan secara luas untuk
menampilkan halamanoweb. HTMLosaat ini merupakan standar internetoyang
didefinisikanodanodikendalikanopenggunaannyaooleh oWorldoWideoWeboConso
rtium (W3C).

2.11 PHPo (HypertextoPreprocessor)

Menurut R.H. Sianipar (2013) PHPomerupakan script yang terintegrasi

dengan HTMLodan berada pada server (serveroside HTMLoembedded scripting).
PHPoadalah scriptoyang digunakan untuk membuat halaman websiteoyang
dinamis. Dinamis berarti halaman yang akan ditampilkanodibuat saat halaman itu
diminta oleh client. Salah satu keunggulan PHPoadalah kemampuannya untuk
melakukan koneksi ke berbagai macamosoftwareosistem manajemen basis
data/DatabaseomanagementoSystem (DBMS), sehingga dapat menciptakan suatu
halaman weboyang dinamis.
Pada awalnya PHPomerupakan kependekan dari PersonaloHome
Page (Situs personal). PHPopertama kali dibuat oleh RasmusoLerdorf pada
tahun 1995. Pada waktu itu PHPomasih bernama FormoInterpreted (FI), yang
wujudnya berupa sekumpulan skrip yang digunakan untuk mengolah data formulir
dari web.

2.12 CSSo(CascadingoStylesheet)

Menurut Saputra (2012) “CSSoatau yang memeliki kepanjangan

CascadingoStyleoSheetomerupakanosuatuobahasaopemrogramanoweboyangodig
unakan untuk mengendalikan dan membangun berbagai dalam komponenoweb
sehingga tampilan web akan lebih rapi, terstruktur, dan seragam.

22
 CSSomerupakan pemrograman wajib yang harus dikuasai oleh setiap
pembuat program web (Web Programmer), terlebih lagi itu adalah pendesain webo
(WeboDesigner). CSSoini dikembangkan oleh WorloWide WeboConsurtium
(W3C) dan menjadi bahasa standar dalam pembuatan web. CSSodifungsikan
sebagai penopang atau pendukung, dan pelengkap dari file html yang berperan
dalam penataan kerangka dan layout.

2.13 MySQLo

Menurut R.H. Sianipar (2013) MySQLoadalah perangkatolunakoyang

dipakai untuk menyimpan dataoberupa informasi teks dan juga angka yang bersifat
open source dan dapat dijalankan pada semua sistem operasi. MySQLomerupakan
database yang pertama kali didukung oleh bahasa pemrograman script untuk
internet yaitu PHPodan Perl. MySQLotermasuk RDBMSo (RelationaloDatabase
ManagementoSystem), itulah sebabnya istilah tabel, baris, dan kolom digunakan
pada MySQL. MySQLobisa odijalankan dengan 2 cara, yaitu:
a. Menggunakan consoleomelalui command promt.
b. Menggunakan server lokal pada komputer yang digunakan yaitu localhost.

23
 BAB III
HASIL DAN PEMBAHASAN

3.1 Skema KerangkaoKerjao

Agar dalam pengembanganosistem berjalan dengan baik dan terarah, maka
diperlukan skemaokerangka kerja yang didalamnya berisi langkah-langkah yang
harus dilakukan pengembang, mulai dari tahap awaloperumusan masalah sampai
tahap akhir kesimpulan. PerancanganoAplikasioBimbinganoKonselingoDi
Sekolah Menengah Kejuruan Yayasan Pembina Pendidikan Teknologi Garut
dilakukan berdasarkan tahapan pengembanganosistem perangkat lunakoyang
dilakukan untuk mencapai tujuan yang ingin dicapai berdasarkan metode yang
digunakan.

3.2 WBSo
Pada pengembanganosistem berbasisoweb yang didukung dengan teori - teori
tersebut, skema kerangka kerja yang digambarkan dalam WBSo yang mengurutkan
setiap proses yang terjadi di dalam sistem, dimana dalam WBSodirancang
mengikuti tahapan RAD (Kendall,2010). Berikut ini merupakan gambaran WBS
berdasarkan tujuan dan metode pengembangan sistem :

Gambar 3.1 WorkoBreakdownoStructureo

24
 Berdasarkan pada workobreakdownostructureopada gambar 3.2 dan metode
yang digunakan pada perancangan sistem, maka dijelaskan keterkaitan aktivitas
menggunakan activity sequencing sebagai berikut :
2 minggu

Studi Literatur

B1

1 minggu 1 minggu 1 minggu 1 minggu

Perancangan Diagram Data Flow Tampilan Antar

B2
ERD Konteks Diagram Muka

4 minggu 2 minggu

Coding Testing

B3

Gambar 3.2 ActivityoSequencingoperancanganosistem

3.2.1 TimeoEstimateso
Timeoestimates merupakan salah satu teknik dalam tahap perencanaan
proyekodengan mengukur waktu penyelesaan proyek penelitian. Setiap aktivitas
yang telah digambarkan dengan activity sequencingopada gambar 3.3, maka
selanjutnya mengetimasi waktu pada setiap aktivitas pada tabel timeoestimates
sebagai berikut :

Tabel 3.1 TimeoEstimasioPengembangan Sistem

No Aktivitas Durasi Estimasi
1. Studi literatur 2 Minggu
2. Perancangan ERD 1 minggu
3. Perancangan Diagram Konteks 1 minggu
4. Perancangan DFD 1 minggu
5. Desain antarmuka 1 minggu
6. Coding 4 minggu
7. Testing 2 minggu
Total = 12 minggu/ 3 bulan

25
3.2.2 MilestoneoIdentificationo
Identifikasi milestone atau titik tempuh pada yang menandakan kejadian
awal atau akhir sebuah aktifitas. Adapun milestoneodalam pengembangan sistem
ini sebagai berikut:

Studi literatur
Tujuan
Implementasi Utama

M
ulai Workshop Design

Gambaro3.3 IdentifikasioMilestoneo

3.3 Tahap Perancangan Aplikasio

Tahap perancangan aplikasiodilakukan melalui tahapan dari metodologi

RapidoApplicationoDevelopment (RAD) yang terdiri dari tiga tahapan utama yaitu,
tahap perencanaan, desain workshop, serta tahap implementasiountuk menentukan
hasil
3.3.1 Tahap Perencanaano
Tahap perencanaanodilakukan untuk mengidentifikasiomasalah yang
terjadi mengenaiosistem dan objek data yang terkait ke dalam sistem berdasarkan
studi literatur yang dilakukan dalam bentuk observasi, wawancara, serta studi
pustaka.

3.3.2 Sistem Berjalan

Deskripsioproseduropengolahan nilai siswa serta pembuatan rapor sementara
yang dilakukan di Sekolah Dasar Negeri yang dideskripsikan ke dalam bentuk
flowchartoadalah sebagai berikut.

26
 Gambar 3.4 Sistem yang berjalan untuk Adminodan Guru.

Adminomelakukan loginolalu memasukan username dan password jika

login gagal akan kembali ke menu login, jika berhasil maka akan masuk menu
utama Dashboardodan Masterdata, di dalam Masterdata akan menampilkan data-
data guru, kelas, jurusan, kategori pelanggaran, pelanggaran, kelas jurusan, siswa.
Guruomelakukan login lalu memasukan usernameopassword jika login
gagal akan kembali ke menu login. Jika berhasil maka akan masuk menu utama
Dashboardodan Pelanggaran siswa, Masukan point pelanggaran siswa bila
menambahkan point pelanggaran siswa.

27
3.4 Desain WorkshopoRADo
Dalam tahap ini dilakukan perancangan aplikasi yang dilakukan mulai dari
pembuatan entitas yang terkait dalam sistem, membuat aktivitasokeseluruhan,
mengurutkan setiap aktivitas yang terjadi pada sistem, hingga melakukan
pembuatan desain antar muka yang akan digunakan pada sistem.

3.4.1 Perancangan ERDo

Dalam membuatosistem, terdapat objek sistem yang ada pada proses

berjalannya sistem. Dan setiap objekotersebut saling keterkaitan satu sama lain lalu
dijabarkan ke dalam bentukoERD. Tetapi sebelum merancang ERD, kita harus
menentukan setiap entitasodan atribut yang terdapat dalam sistem agar dapat kita
analisa setiap keterkaitan antar entitas yang terjadi dalam sistem.

1. Entitas Guru
attribut :
- kode_guru (Primary Key)
- nip
- nama_guru
- kelamin
- alamat
- no_telepon
- status_aktif
- username
- password

2. Entitas Kelas
Atribut :
- kode_kelas (Primary Key)
- tingkat kelas
- nama_kelas
3. Entitas siswa
Atribut :
- kode_siswa (Primary Key)
- nis
- nama_siswa
- kelamin
- alamat
4. Entitas Pelanggaran
Atribut :

28
 - Nama_pelanggaran
- Kategori_pelanggaran
- Point_pelanggaran
5. Entitas admin
Atribut :
- kode_admin (Primary Key)
- nama_admin
- username
- password
Setelah ditentukan setiap entitas dan atribut yang termasuk ke dalam
sistem, selanjutnya dibuat ERD untuk dapat menentukan keterkaitan dari
entitas yang ada.

29
Gambar 3.5 Rancangan ERD Sistem

30
3.5 PerancanganoKonteksoDiagramo

Diagramokonteksotidak menggambarkan penyimpanan data dan hanya

memuat satu proses yaitu proses sistem secara keseluruhan, dimana dalam diagram
konteks menunjukan aliran data utama menuju sistem dan aliran data utama dari
sistem. Adapun diagram konteksoyang diusulkan untuk aplikasioPengolahan Nilai
Siswa Sekolah Dasar Negeri Berbasis Web adalah sebagai berikut :

Gambar 3.6 KonteksoDiagramo

3.6 PerancanganoDFDoo

Dalam DFDodigambarkan proses dari setiap aktivitas yang terjadi dalam

sistem yang menunjukan darimana dan kemana tujuan data yang keluar dari sistem,
dimana data disimpan, proses apa yang menghasilkan data tersebut dan interaksi
antara data yang tersimpan dan proses yang dikenakan pada data tersebut. Berikut
DFDoyang ada dalam sistem :

31
 1. DFD Level 1 Aplikasi Bimbingan konseling di sekolah menengah kejuruan
yayasan pendidikan

Gambar 3.7 DFD Level 1

2. DFD Level 2 Pengelolaan Data Guru

32
 status login
manambah data guru
data guru guru

status login
mengubah data guru
data guru guru

status login
menghapus data guru
data guru guru

status login
melihat data data guru
data guru guru

status login

mencari data data guru

pencarian data guru
guru
data guru

Gambar 3.8 DFD Level 2 Pengelolaan Data Guru

a. Proses menambah guru yaitu memeriksa status login lalu memasukkan data
ke dalam tabel guru.
b. Proses mengubah guru dengan memeriksa status login lalu mengubah data
guru yang ada pada tabel guru
c. Proses menghapus guru dengan memeriksa status login lalu menghapus data
guru dalam tabel guru
d. Proses melihat data guru dengan memeriksa status login lalu melihat data
guru yang ada pada tabel guru.
e. Proses mencari data guru yang ada pada tabel guru dengan memeriksa status
login lalu mencari data guru pada tabel guru
f.
3. DFD Level 2 Pengelolaan Data Siswa
status login
manambah data siswa
data siswa siswa

status login
mengubah data siswa
data siswa siswa

status login
menghapus data siswa
Gambar 3.9 DFD Level
data siswa siswa 2 Pengelolaan Data Siswa

status login
melihat data data siswa
data siswa siswa

33
status login

mencari data data siswa

pencarian data siswa
siswa
data siswa
a. Proses menambah siswa yaitu memeriksa status login lalu memasukkan data
ke dalam tabel siswa.
b. Proses mengubah siswa dengan memeriksa status login lalu mengubah data
siswa yang ada pada tabel siswa
c. Proses menghapus siswa dengan memeriksa status login lalu menghapus data
guru dalam tabel siswa
d. Proses melihat data siswa dengan memeriksa status login lalu melihat data
siswa guru yang ada pada tabel siswa
e. Proses mencari data siswa yang ada pada tabel guru dengan memeriksa status
login lalu mencari data guru pada tabel siswa

4. DFD Level 2 Pengelolaan Data Kelas

status login
manambah data kelas
data kelas kelas

status login
mengubah data kelas
data kelas kelas

status login
menghapus data kelas
data kelas kelas

status login
melihat data data kelas
data kelas kelas

status login

mencari data data kelas

pencarian data kelas
kelas
data kelas

Gambar 3.10 DFDoLevel 2 Pengelolaan Data Kelas

a. Proses menambah kelas yaituomemeriksa status login lalu memasukkan data

ke dalam tabel kelas

34
b. Proses mengubah kelas dengan memeriksa status login lalu mengubah data
kelas yang ada pada tabel kelas
c. Proses menghapus kelas dengan memeriksa status login lalu menghapus data
kelas dalam tabel kelaso
d. Proses melihat data kelas dengan memeriksa status login lalu melihat data
kelas yang ada pada tabel kelas.
e. Proses mencari data kelas yang ada pada tabel kelas dengan memeriksa
status login lalu mencari data guru pada tabel kelas

5. DFD Level 2 Pengelolaan Data Pelanggaran

Gambar 3.11 Pengelolaan Data Pelanggaran

a. Proses menambah pelanggaran yaitu memeriksa status login lalu

memasukkan data ke dalam tabel pelanggaran
b. Proses mengubah pelanggaran dengan memeriksa status login lalu mengubah
data pelanggaran yang ada pada tabel kelas

35
c. Proses menghapus pelanggaran dengan memeriksa status login lalu
menghapus data pelanggaran dalam tabel pelanggaran
d. Proses melihat data pelanggaran dengan memeriksa status login lalu melihat
data pelanggaran yang ada pada tabel pelanggaran.
e. Proses mencari data pelanggaran yang ada pada tabel pelanggaran dengan
memeriksa status login lalu mencari data pada tabel pelanggaran.

6. DFD Level 2 PengelolaanoDataoJurusan

Gambar 3.12 Pengelolaan data Jurusan

a. Proses menambah Jurusan yaitu memeriksa status login lalu memasukkan

data ke dalam tabel Jurusano
b. Proses mengubah Jurusan dengan memeriksa status login lalu mengubah data
Jurusan yang ada pada tabel Jurusano
c. Proses menghapus Jurusan dengan memeriksa status login lalu menghapus
data Jurusan dalam tabel Jurusan

36
 d. Proses melihat data Jurusan dengan memeriksa status login lalu melihat data
Jurusan yang ada pada tabel Jurusan.
e. Proses mencari data Jurusanoyang ada pada tabel Jurusanodengan memeriksa
status login lalu mencari data pada tabel Jurusan.

7. DFD Level 2 Pengelolaao DataoKelasoJurusan

Gambar 3.13 PengelolaanoDataoKelasoJurusan

a. Proses menambah kelas jurusanoyaitu memeriksa status loginolalu

memasukkan data ke dalam tabel kelas jurusan.
b. Proses mengubah kelasojurusan dengan memeriksa status loginolalu
mengubah data kelas jurusan yang ada pada tabel kelas jurusan.
c. Proses menghapus kelasojurusan dengan memeriksa status login lalu
menghapus data kelas jurusan dalam tabel kelas jurusan.
d. Proses melihat data kelas jurusan dengan memeriksaostatus login lalu melihat
data kelas jurusan yang ada pada tabel kelas jurusan.
e. Proses mencari data kelas jurusan yang ada pada tabel kelasojurusan dengan
memeriksa status loginolalu mencari data pada tabel kelas jurusan.

37
3.7 Pengujian
Setelah aplikasioyang dibangun melalui tahap analisis kebutuhan selesai
maka harus diuji terlebih dahulu sebelum digunakan. Hal ini dilakukan untuk
menguji bahwa aplikasi yang sudah dibuat menjadi suatu perangkat lunak yang
dapat digunakan secara baik atau perluodisempurnakan lagi.

Gambar 3.14 Tampilan Menu Login Admin

Tampilan menu login untuk admin.

38
 Gambar 3.15 Tampilan Data Guru
Tampilan data guru yang dikelolaooleh admin, disini admin dapat
menghapus, mengubah, dan menambah data guru.

Gambar 3.16 Tampilan Data Kelas

39
 Tampilan data kelas siswaoyang dikelola oleh admin, disini admin dapat
menghapus, mengubah, dan menambahkan kelas siswa.

Gambar 3.17 Tampilan Data Jurusan

Tampilan dataojurusanoyang dikelola ooleh admin, disini admin daapat
menghapus, mengubah, dan menambahkan data jurusan.

40
 Gambar 3.18 Tampilan Data Kategori Pelanggaran Siswa
Tampilanokategoriopelanggaran siswa yang di kelolaooleh admin, disini
adminodapat mengubah, menghapus, dan menambahkan data kategori
pelanggaran siswa.

Gambar 3.19 Tampilan Data Pelanggaran Siswa

Tampilanodata pelanggaranosiswa yang dikelolaooleh admin, disini admin
dapat menghapus, mengubah, dan menambahkan data pelanggaran siswa.

41
 Gambar 3.20 Tampilan Data Kelas Jurusan
Tampilan data kelas jurusan yang dikelola oleh admin, disini admin dapat
menghapus, mengubah, dan menambahkan data kelas jurusan.

Gambar 3.21 Tampilan Data Siswa

Tampilanodata osiswa yang dikelola oleh admin, disini adminodapat menghapus,
mengubah, dan menambahkan data siswa.

42
 Gambar 3.22 Tampilan Menu Login Guru
Tampilan guruomelakukanologin.

Gambar 3.23 Tampilan Menu Dashboard Aplikasi

Pada gambar diatas menunjukan tampilanomenu dashboardoyang hanya
dapat dilihat oleh guru

43
 Gambar 3.24 Tampilan Menu Pelanggaran siswa
Tampilan menuopelanggaramosiswa yang dikelola oleh guru, disini guru
hanya dapat menambahkan pelanggaran dan melihat pelanggaran siswa.

44
 Table 3.2 Testing Pengujian Admin menggunakan metode Black box

Kelas Uji Skenario Hasil yang dituju Kesimpulan

Login(berhasil) Memasukkan Masuk ke halaman Berhasil
username dan admin sesuai kategori
password Admin
Login(gagal) Memasukkan Muncul pemberitahuan Berhasil
username dan gagal, dan kembali ke
password menu login
Logout(berhasil) Klik tombol Data tersimpan dan Berhasil
logout akan kembali ke menu
login
Tambah data Klik tombol Data bertambah dan Berhasil
(tertampil) tambah (untuk bisa dilihat pada
menambah data) halaman profil
Edit data Klik tombol Edit Data berubah dan bisa Berhasil
(berubah) (untuk mengubah dilihat pada halaman
data) profil
Hapus data Klik tombol Data terhapus dan tidak Berhasil
(terhapus) Hapus (untuk terlihat pada halaman
menghapus data) profil
Update data Klik tombol Data tersimpan dan bisa Berhasil
(tertampil) Update (untuk dilihat pada halaman
menyimpan data)

45
 Table 3.3 TestingoPengujian Guru menggunakan metode Black box

Kelas Uji Skenario Hasil yang dituju Kesimpulan

Login(berhasil) Memasukkan Masuk ke halaman Berhasil
username dan admin sesuai kategori
password Guru
Login(gagal) Memasukkan Muncul pemberitahuan Berhasil
username dan gagal, dan kembali ke
password menu login
Logout(berhasil) Klik tombol Data tersimpan dan Berhasil
logoutoo akan kembali ke menu
login
Cari NIS siswa Masukan NISo Nama dan NIS siswa Berhasil
(tertampil) siswa (untuk tertampil dan bisa
mencari nama dilihat pada halaman
siswa) profil
Tambah Klik tombolo Pelanggaran bertambah Berhasil
pelanggaran Tambah (untuk dan bisa dilihat pada
(tertampil) menambah halaman profil
pelanggaran)
Save datao Klik tombolo Data tersimpan dan bisa Berhasil
(tertampil) Save (untuk dilihat pada halaman
menyimpan data)

46
 BAB IV
KESIMPULAN DAN SARAN

4.1 KESIMPULAN
Berdasarkan dari hasilopengamatan dan perancangan yang telah dilakukan
dalam pembahasan-pembahasan pada bab-bab sebelumnya, maka dapat diambil
sebuah kesimpulan
1. Dengan adanya aplikasiobimbingan konselingoberbasis webo
memepermudah untuk bagian bimbingan konseling, serta file atau data tidak
akan mudah cepar rusak, seperti ditulis manual.
2. Dengan adanya aplikasioini akan dapat mempermudah bagian konseling
mendata data siswa yang melakukan pelanggaran.
3. Dengan adanya aplikasi guru akan lebih mudah melihat data siswa yang
melakukan pelanggaran.
4. Aplikasi bimbingan konseling berbasis website ini dibuat dengan bahasa
pemograman PHPo dan databaseoMySQL.

4.2 SARAN
Saran pengembangan yang masih dapat dilakukan dalam aplikasi
bimbingan konseling ini antara lain :
1. Tampilan website dibuat lebih mudah untuk dioprasikan dan dibuat agar
lebih resvonsive.
2. Fitur aplikasi diharapkan agar tidak hanya mengelola kegiatan bimbingan
konseling saja, tetapi juga dapat mengelola data siswa.

47
48