PERANCANGAN SISTEM INFORMASI AKADEMIK

BERBASIS WEB
Studi Kasus : ( SMK PELITA RAYA )

PROPOSAL KERJA PRAKTEK

Disusun oleh:

Diego Friyananda (8020170088)

M.Padli Eka Saputra (8020170330)
Pijai Kumar Simamora (8020170341)

Untuk memenuhi Persyaratan Penelitian

Pada Matakuliah Kerja Praktek

PROGRAM STUDI TEKNIK INFORMATIKA

UNAMA JAMBI
2020

i
 LEMBAR PENGESAHAN

Judul Penulisan Ilmiah : PERANCANGAN SISTEM INFORMASI

AKADEMIK BERBASIS WEB PADA SMK
PELITA RAYA JAMBI

NAMA / NIM : 1.Diego Friyananda (8020170088)

2. M.Padli Eka Saputra (8020170330)

3. Pijai Kumar Simamora(8020170341)

Tanggal Sidang :

Mengesahkan

Ketua Program TI Pembimbing KP

(Beny,S,KOM,Msc) (Desy Kisbianty, ST, MSI)

NIK YDB : 07.84.055 NIK YDB :

ii
 LEMBAR PERNYATAAN KEASLIAN

Kami yang bertanda tanggan dibawah ini adalah mahasiswa STIKOM Dinamika

Bangsa dari Program Studi Teknik Informatika :

1. Diego Friyananda (8020170088)

2. M.Padli Eka Saputra (8020170330)
3. Pijai Kumar Simamora (8020170341)

Dengan ini menyatakan bahwa :

1. Laporan kerja praktek kami asli secara ide dan isi.

2. Laporan kerja praktek kami tidak merupakan hasil plagiat.
3. Laporan kerja peraktek kami tidak melanggar ketentuan lain yang
ditetapkan oleh STIKOM Dinamika Bangsa

Apabila dikemudian hari ternyata lapora kerja kami terbukti secara sah
memenuhi unsur diatas, maka kami menyatakan kesediaan untuk diberi sanksi
yang berlaku.

Jambi, April 2020

Penulis I Penulis II Penulis III

Diego Fryananda M.Padli Eka Saputra Pijai Kumar Simamora

iii
 ABSTRAK

Diego Friyananda : 8020170088

Muhammad Padli Eka Saputra : 8020170330
Pijai Kumar Simamora : 8020170341

“PERANCANGAN SISTEM INFORMASI AKADEMIK BERBASIS WEB ”

Kerja Praktek : Program Studi Teknik Informatika, Universitas Dinamika Bangsa

Jambi, 2020

Kata Kunci : Web, Sistem Informsi, Java Scrip, Laravel

(Jumlah Halaman)

Perkembangan teknologi informasi saat ini telah berkembang sangat pesat

yang membawa kita memasuki sebuah dunia baru, dunia dimana komunikasi
memegang peranan yang penting dalam kehidupan. Berbagai macam fasilitas
disediakan untuk memenuhi semua kebutuhan akan komunikasi. Salah satu
aplikasi yang saat ini marak digunakan adalah website. Perkembangan
website yang pesat sudah merambah di berbagai aspek kehidupan, sebagai
contoh di bidang ekonomi, bidang hiburan dan bidang lainnya, tidak terkecuali
dalam dunia pendidikan. Dalam hal ini penulis tertarik untuk merancang suatu
sistem informasi berbasis web untuk mempermudah pengolahan data yang
terorganisir sehingga memudahkan dalam pengaksesan data dan penyampaian
informasi yang tersedia. Dalam perancangan ini penulis menggunakan software
dan laptop serta menggunakan permodelan perancangan menggunakan metode
Waterfall..

Daftar Pustaka (2017)

iv
ABSTRAC

v
 KATA PENGANTAR

Puji syukur penyusun panjatkan kehadirat Tuhan Yang Maha Esa yang
telah memberikan rahmatnya sehigga penyusun dapat menyelesaikan proposal
penelitian ini sekaligus dengan rancangan program tepat pada waktunya.

Penyusun juga mengucapkan terima kasih yang sebesar-besarnya kepada

seluruh pihak yang telah membantu dalam penulisan proposal penelitian ini,antara
lain :

1. Bapak Ir.Eddy Anthony, SH, MM selaku Ketua Yayasan Dinamika

Bangsa Jambi.
2. Bapak Dr. Ir. Herry Mulyono, MM selaku Pembina Yayasan Dinamika
Bangsa Jambi.
3. Bapak Setiawan Assegaff, ST, MMSI, PhD selaku Ketua STIKOM
Dinamika Bangsa Jambi.
4. Bapak Beny, S.Kom, M.Sc selaku Ketua Program Studi Teknik
Informatika.
5. Ibu Desy Kisbianty, ST, MSI selaku Pembimbing Kerja Praktek.
6. Dosen STIKOM Dinamika Bangsa Jambi yang telah banyak membantu
sehingga penulisan proposal penelitian ini dapat diselesaikan dengan baik.
7. Orang tua dan Keluarga Penyusun yang telah merawat, membimbing,
memberikan kasih sayang dan dukungan baik berupa moral maupun
material serta doa sehingga proposal penelitian ini dapat diselesaikan.
8. Tak lupa ucapkan terima kasih untuk teman-teman dan seluruh pihak yang
tidak dapat disebutkan satu persatu yang telah memberikan saran, kritik,
dorongan semangat dan bantuan baik secara langsung maupun tidak
langsung kepada penyusun dalam menyelesaikan proposal penelitian ini.

Dalam penyusunan laopra kerja praktek ini, Penyusun sangat menyadari

masih terdapat banyak kekurangan. Untuk itu, Penyusun sangat mengharapkan
saran dan kritik yang membangun dari pembaca. Semoga laporan kerja praktek ini

vi
dapat memberikan manfaat bagi pihak yang membacanya. Akhir kata, penyusun
mengucapkan terimakasih.

Jambi, April 2020

Penyusun

vii
 DAFTAR ISI

HALAMAN JUDUL....................................................................................i
LEMBAR PENGESAHAN.........................................................................ii
LEMBAR PERNYATAAN KEASLIAN...................................................iii
ABSTRAK....................................................................................................iv
ABSTRAC....................................................................................................v
KATA PENGANTAR..................................................................................vi
DAFTAR ISI.................................................................................................viii
DAFTAR TABEL........................................................................................x
DAFTAR GAMBAR....................................................................................xi
DAFTAR LAMPIRAN................................................................................xii
BAB I PENDAHULUAN.......................................................................1
1.1 Latar Belakang Masalah.......................................................1
1.2 Perumusan Masalah...............................................................1
1.3 Batasan Masalah....................................................................1
1.4 Tujuan dan Manfaat Penelitian..............................................2
1.4.1 Tujuan Penelitian.......................................................2
1.4.2 Manfaat Penelitian....................................................3
1.5 Sistematika Penulisan..........................................................3
BAB I : PENDAHULUAN..............................................3
BAB II : LANDASAN TEORI........................................3
BAB III : METODOLOGI PENELITIAN......................3
BAB IV : ANALISIS DAN PERANCANGAN..............4
BAB V : IMPLEMENTASI DAN PENGUJIAN............4
BAB VI : PENUTUP.......................................................4
BAB II LANDASAN TEORI................................................................5
2.1 Perancangan........................................................................5
2.2 Sistem..................................................................................6
2.3 Sistem Informasi.................................................................7

viii
 2.4 Web.....................................................................................8
2.4.1 Web Browser..............................................................8
2.4.2 Web Server.................................................................9
2.5 Bahasa Pemrograman.............................................................10
2.5.1 HTML......................................................................10
2.5.2 PHP..........................................................................11
2.5.3 CSS...........................................................................12
2.5.4 Java Script................................................................13
2.5.5 Basis Data................................................................14
2.5.6 Mysql.......................................................................15
2.5.7 Framework...............................................................16
2.5.8 Laravel.....................................................................17

BAB III METEDOLOGI PENELITIAN.................................................18

3.1 Waktu dan Tempat Penelitian................................................18

3.2 Alat dan Bahan Penelitian......................................................18
3.2.1 Alat Penelitian..........................................................18
3.2.2 Bahan Penelitian........................................................19
3.3 Jadwal Penelitian...................................................................19

DAFTAR PUSTAKA...................................................................................21

ix
 DAFTAR TABEL

Tabel 3.1 Kegiatan Penelitian........................................................................20

x
 DAFTAR GAMBAR

Gambar 2.1 Contoh web browser..................................................................8

Gambar 2.2 Web server 1.......................................................................................9
Gambar 2.3 Skrip Html..................................................................................11
Gambar 2.4 Skrip PHP2.................................................................................12
Gambar 2.5 Skrip CSS...................................................................................13
Gambar 2.6 Skrip JavaScript.........................................................................14
Gambar 2.7 Contoh Database MySQL..........................................................15
Gambar 2.8 Framework Laravel....................................................................17
Gambar 3.1 Kerangka Kerja Penelitian.........................................................
Gambar 3.2 Metode Waterfall.......................................................................

xi
DAFTAR LAMPIRAN

xii
 BAB I

PENDAHULUAN

1.1 LATAR BELAKANG MASALAH

Perkembangan teknologi informasi saat ini telah berkembang sangat pesat
yang membawa kita memasuki sebuah dunia baru, dunia dimana komunikasi
memegang peranan yang penting dalam kehidupan. Berbagai macam fasilitas
disediakan untuk memenuhi semua kebutuhan akan komunikasi. Salah satu
aplikasi yang saat ini marak digunakan adalah website. Perkembangan
website yang pesat sudah merambah di berbagai aspek kehidupan, sebagai
contoh di bidang ekonomi, bidang hiburan dan bidang lainnya, tidak terkecuali
dalam dunia pendidikan. Seiring dengan era globalisasi teknologi saat ini,
kebutuhan dalam dunia bisnis dan pendidikan menjadi sesuatu yang sangat
penting kemajuan suatu perusahaan berada Jl. Kopral Ramli No.17 Kel, Talang
Bakung, Kec. Jambi Sel., Kota Jambi, Jambi 36135, Kota Jambi Prov. Jambi.
SMK Pelita Raya juga masih menggunakan prosedur-prosedur manual dalam
pengolahan data akademik. sehingga membutuhkan sebuah website akademik
untuk menyampaikan informasi ke masyarakat tentang profil sekolah, pendidikan
sekolah, fasilitas sekolah, organisasi sekolah dan lain-lain.

Berdasarkan permasalahan di atas, penulis merancang sistem informasi

akademik berbasis website, untuk mempermudah pengolahan data yang
terorganisir sehingga memudahkan dalam pengaksesan data dan penyampaian
informasi yang tersedia.

1.2 RUMUSAN MASALAH

Berdasarkan uraian latar belakang masalah dapat dirumuskan masalah
penelitian yaitu “Perancangan Sistem Informasi Akademik pada SMK Pelita Raya
Berbasis Webiste ”.

13
1.3 BATASAN MASALAH
Agar pembahasan dalam penelitian ini sesuai dengan latar belakang masalah
dan hasil penelitian yang baik dan terarah perlu dilakukan pembatasan, maka
dilakukan batasan masalah sebgai berikut:

1. Bahasa Pemrograman yang dipakai dalam pengembangan dan

perancangan sistem adalah Bahasa Pemrograman PHP dan DBMS yang

digunakan adalah MySQL.

2. Data Sistem akademik yang akan dibuat dibatasi pada data

Guru,data siswa, data nilai raport siswa , data jadwal pengajar, data

absensi guru, data KKM permata pelajaran, data walikelas dan kelas, di

SMK Pelita Raya Kota Jambi yang sesuai dengan standar Kurikulum

2013.

3. Jenis permodelan yang akan digunakan adalah Use Case, Class Diagram,
dan Activity Diagram.

4. Website ini hanya dikelola oleh Admin dan operator.

5. Untuk pengimputan nilai raport siswa dilakukan oleh admin sekolah

6. Untuk pengimputan data sikap siswa dan catatan siswa dilakukan oleh
walikelas

1.4. TUJUAN DAN MANFAAT PENELITIAN

1.4.1 TUJUAN PENELITIAN

Adapun tujuan yang ingn dicapai pada penelitian ini adalah sebagai berikut:

1. Merancang website Sistem Informasi Akademik pada SMK Pelita Raya

Kota Jambi sebagai alat bantu proses pengolahan dan penyimpanan data
sekolah

14
 2. Memudahkan staf it / admin dalam mengola data siswa di SMK Pelita
Raya Kota Jambi.

3. Memudahkan siswa dan guru melihat jadwal mata pelajaran yang akan
datang

4. Memudahkan walikelas dalam mengecek nilai siswa

5. Memudahkan Staf it dalam mengola data nilai raoprt siswa

1.4.2 MANFAAT PENELITIAN

Adapun manfaat penelitian ini adalah:

1. Dengan adanya sisitem ini diharapkan dapat memudahkan admin TU

dalam mengola data guru, data walikelas dan siswa dengan baik dan benar.

2. Bagi peneliti dapat menambah pengetahuan dan wawasan tentang

Informasi Akademik.

1.4 SISTEMATIKA PENULISAN

Sistematika dari penulisan ini guna memberikan gambaran secara umum
mengenai keseluruhan bab yang saling berhubungan satu sama lainya dan sesuai
dengan ruang lingkup judul, sistematika penulisan ini antara lain sebagai berikut :

BAB I : PENDAHULUAN

Pada bab ini di bahas tentang latar belakang masalah,

perumusan masalah, pembatasan masalah, tujuan penelitian,
metode penelitian dan sistematika penulisan.

BAB II : LANDASAN TEORI

pada bab ini kami membuat landasan teoritis yang

mendasari pembahasan laporan secara khusus berisi definisi

15
 – defenisi yang melandasi penelitian yang di dapat dengan
melakukan studi pustaka sebagai dasar dalam melakukan
analisis dan perancangan.

BAB III : METODOLOGI PENELITIAN

Pada bab ini membahas tentang metode penelitian yang di

pakai dalam penulisan karya ilmiah ini yang meliputi semua
tahapan dalam perancangan sistem.

BAB IV : ANALISA PERANCANGAN SISTEM

Pada bab ini membahas analisa terhadap permasalahan dan

perancangan sistem informasi akademik smk pelita raya
kota jambi. Yang mana berisikan analisa sistem yang
sedang berjalan,analisa kebutuhan informasi sistem yang
ditawarkan, perancangan aplikasi, struktur menu, keluaran
sistem dan fungsi tombol yang terdapat dalam aplikasi
tersebut.

BAB V : IMPLEMENTASI DAN PENGUJIAN

pada bab ini akan menjelaskan mengenai implementasi dan

pengujian hasil perancangan sistem gateway yang telah
dibuat.

BAB VI : PENUTUP

Pada bab ini penulis membuat kesimpulandan saran yang

diharapkan bermanfaat kedepanya bagi siswa SMK Pelita
Raya Kota Jambi

16
17
 BAB II

LANDASAN TEORI

2.1 PERANCANGAN

Perancangan adalah salah satu hal penting dalam proses pembuatan sebuah
program. Tujuan dari perancangan adalah untuk memberikan gambaran pada
programer dan semua pihak yang terlibat dn pembuatan sbuah program.
Perancangan herus berguna dan mudah dipahami sehingga mudah untuk
digunakan.

Menurut Bentley dan Whitten (2009:160) “melalui buku yang berjudul

“system analysis and design for the global enterprise” juga menjelaskan bahwa
perancangan sistem adalah teknik pemecahan masalah dengan melengkapi
komponen-komponen kecil menjadi kesatuan komponen sistem kembali ke sistem
yang lengkap. Teknik ini diharapkan dapat menghasilkan sistem yang lebih baik”.

Kenneth dan Jane (2006:12)” menjelaskan bahwa perancangan sistem

adalah kegiatan merancang detil dan rincian dari sistem yang akan dibuat sehingga
sistem tersebut sesuai dengan requirement yang sudah ditetapkan dalam tahap
analisa system”.

Dari pengertian diatas dapat disimpulkan bahwa perancangan adalah suatu

proses yang mendefinisikan secara detail pengembangan sistem baru yang
memilki spesifikasi untuk memecahkan masalah dengan menggunakan teknik
yang berfariasi dan menghasikan rekomendasi analisis sistem.

2.2 SISTEM

Sistem, Menurut Churchman (2011) sistem adalah seperangkat bagian-

bagian yang dikoordinasikan untuk melaksanakan seperangkat tujuan.

Menurut Prof. Dr. Mr. S. Prajudi Atmosudirdjo dalam bukunya menyatakan,

suatu sistem terdiri atas objek-objek atau unsur-unsur atau komponen-komponen

18
yang berkaitan dan berhubungan satu sama lain sedemikian rupa sehingga unsur-
unsur tersebut merupakan sebuah kesatuan pemrosesan atau pengolahan tertentu.
(Sutabri, 2012:17).

Peran sistem informasi terhadap kemajuan organisasi sudah tidak

diragukan lain. Dengan dukungan sistem informasi yang baik maka sebuah
perusahaan akan memiliki berbagai keunggulan kompetitif sehingga mampu
bersaing dengan perusahaan lain. Persaingan bisnis dalam era informasi telah
mencapai tahapan kompetisi yang sangat ketat, dimana sistem pengelolaan bisnis
secara konvesional tidak lagi memadai. Oleh karena itu teknologi informasi
berperan sebagai alat bantu untuk memudahkan pengelolaan suatu sumber daya
yang dimiliki oleh suatu organisasi.

Sehingga dapat disimpulkan bahawa sistem merupakan rangkaian bagian –

bagian yang saling berhubungan dan saling berpengaruh satu sama lain yang
dikoordinasikan untuk melaksanakan seperangkat tujuan tertentu.

2.3 PENGERTIAN INFORMASI

Menurut Tata Sutabri (2012) : “Informasi adalah data yang telah

diklasifikasikan atau diolah atau diinterpretasikan untuk digunakan dalam proses
pengambilan keputusan.”

Menurut Gordon B. Davis (dalam Al-Bahra Bin Ladjamudin, 2013:8),

“Informasi adalah data yang telah diolah menjadi sebuah bentuk yang
berguna dan nyata atau berupa nilai yang dapat dipahami dalam keputusan
sekarang maupun

Marlinda (Dalam Widiati, 2014:2) mendefinisikan informasi sebagai

berikut : “Informasi adalah data yang telah diolah menjadi bentuk
yang lebih berarti bagi penerimanya yang menggambarkan suatu kejadian-
kejadian yang nyata yang digunakan untuk pengambilan keputusan.”

19
 Dapat disimpulkan bahwa informasi adalah data yang diolah atau menjadi
bentuk yang berguna bagi yang menerimanya dengan sumber yang nyata
dan dapat dipahami di dalam keputusan sekarang maupun masa depan.

2.3 SISTEM INFORMASI

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. (Sutabri, 2012:20).

Sistem Informasi dapat didefinisikan sebagai suatu sistem di dalam suatu

organisasi yang mempertemukan kebutuhan pengolahan transaksi harian,
mendukung operasi, bersifat material dan kegiatan strategi dari suatu organisasi
dan menyediakan pihak luar tertentu dengan laporan-laporan yang diperlukan

Dari pendapat di atas dapat disimpulkan bahwa sistem informasi merupakan

gabungan dari manusia, hardware, software, jaringan komunikasi dan data yang
saling berinteraksi untuk menyimpan, mengumpulkan, memproses, dan
mendistribusikan informasi untuk mendukung pengambilan keputusan dalam
suatu organisasi.

2.4 SISTEM INFORMASI AKADEMIK

Menurut Agustin (2012) :

”Sistem informasi akademik adalah segala macam hasil interaksi antara

elemen di lingkungan akademik untuk menghasilkan informasi yang kemudian
dijadikan landasan pengambilan keputusan, melaksanakan tindakan, baik oleh
pelaku proses itu sendiri maupun dari pihak luar.”

20
 Menurut Imelda & Erik (2014) dalam jurnalnya berjudul Perancangan
Sistem Informasi Akademik Pada Sekolah Dasar Negeri Sukajadi 9
Bandung mengungkapkan :

“Sistem Informasi Akademik adalah Sistem yang memberikan layanan

informasi yang berupa data dalam hal yang berhubungan dengan akademik.
Dimana dalam hal ini pelayanan yang diberikan yaitu seperti:
penyimpanan data untuk siswa baru, penentuan kelas, penentuan jadwal
pelajaran, pembuatan jadwal mengajar, pembagian wali kelas, proses
penilaian”.

2.5 PENGERTIAN WEBSITE

“Website merupakan halaman informasi yang disediakan melalui

jalur internet sehingga dapat diakses diseluruh dunia selama terkoneksi
dengan jaringan internet. Website merupakan komponen atau kumpulan
komponen yang terdiri dari teks, gambar, suara animasi sehingga lebih
merupakan media informasi yang menarik untuk dikunjungi” (Andi dan
Madcoms, 2011).

Menurut Quasney, Sebok, & Freund (2011:13) :

“Website adalah sebuah kumpulan dari halaman web yang berhubungan.

Beberapa website mengizinkan pengguna untuk mengakses music dan video
yang bisa diunduh atau didwonload, atau di transfer ke media penyimpanan di
dalam sebuah komputer. Banyak orang menggunakan website dengan maksud
untuk berbagi informasi pribadi, foto dan video dengan dunia.”

Menurut Yuhefizar, Mooduto & Hidayat (2009:2) : “Website adalah

kesuluruhan halaman-halaman web yang terdapat dalam sebuah domain yang
mengandung informasi. Sebuah website biasanya dibangun atas banyak halaman
web yang saling berhubungan. Hubungan antara satu halaman web dengan

21
halaman web lainya disebut dengan hyperlink, sedangkan teks yang dijadikan
media penghubung disebut dengan hyper text.

2.6 PENGERTIAN BAHASA PEMROGRAMAN

Dalam penulisan tugas Metodologi Penelitian ini penulis menggunakan

bahasa pemrograman. bahasa pemrograman ini akan menunjang dan dapat
menentukan secara persis data apa saja yang akan diolah oleh komputer. Adapun
bahasa pemrograman yang di pakai sebagai berikut:

2.6.1 HTML

Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang

digunakan untuk membuat sebuah halaman web, menampilkan berbagai
informasi di dalam sebuah penjelajah web internet dan pemformatan
hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat
menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang
dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII
normal sehingga menjadi halaman web dengan perintah-perintah HTML.
Menurut Arief (2011:23) “HTML atau HyperText Markup Language
merupakan salah satu format yang digunakan dalam pembuatan dokumen dan
aplikasi yang berjalan dihalaman web”
Adapun contoh skrip dari html adalah sebagai berikut:

Gambar 2.3 Skrip html

Dari beberapa pendapat diatas dapat disimpulkan bahwa HTML

(HyperText Markup Language) adalah Suatu format bahasa Scripting yang

22
digunakan untuk meneyebarluaskan informasi, pembuatan dokumen dan
aplikasi yang berjalan dihalaman web.

2.6.2 PHP

PHP adalah Bahasa pemrograman berupa script yang bersifat open source
yang digunakan untuk membuat halaman website untuk menghasilakn isi web
yang sesuai dengan permintaan client .

PHP atau kependekan dari Hypertext Preprocessor adalah salah satu

bahasa pemrograman open source yang sangat cocok atau dikhususkan untuk
pengembangan Web dan dapat di tanamkan pada sebuah skrip HTML. Bahasa
PHP dapat dikatakan menggambarkan beberapa bahasa pemrograman seperti C,
Java, dan Perl serta mudah untuk dipelajari. (A.M. Hirin &Virgi. 2011)

Adapun contoh skrip dari PHP adalah sebagai berikut:

Gambar 2.4 Skrip PHP

PHP diciptakan untuk mempermudah pengembang web dalam menulis

halaman web dinamis dengan cepat, bahkan lebih dari itu kita dapat
mengeksplorasi hal-hal yang luar biasa dengan PHP. Sehingga dengan demikian
PHP sangat cocok untuk para pemula, menengah maupun expert
sekalipun.

23
 Dari beberapa pendapat diatas dapat disimpulkan bahwa PHP adalah
bahasa Pemrograman yang memiliki Suatu aturan untuk membuat halaman web
yang Dinamis .

2.6.3CSS

Salah satu bahasa desain web yang dapat mengatur format tampilan sebuah
halaman web dengan perancangan desain text berupa font, color, margins, size
dan lain-lain.

Menurut Sibero (2013:112) menyatakan bahwa, “Casading Style Sheet

memiliki arti Gaya Menata Halaman Bertingkat, yang artinya setiap satu elemen
yang telah diformat dan memiliki anak dan telah diformat, maka anak dari
elemen tersebut secara otomatis mengikuti format element induknya”.

Casading Style Sheet (CSS) digunakan untuk membuat web menjadi

lebih rapi dan terstruktur. Adapun contoh skrip dari CSS adalah sebagai berikut:

Gambar 2.5 Script CSS

Berdasarkan pendapat yang dikemukanan diatas dapat disimpulkan

bahwa, CSS adalah Salah satu bahasa desain web yang dapat mengatur format
tampilan.

24
2.6.4 Java Script

Bahasa pemrograman yang bersifat client side yang permrosesanya

dilakukan oleh client sering digunakan pada web browser untuk menciptakan
halaman web yang menarik.

Menurut Kadir dan Triwahyuni (2013:325) “JavaScript adalah bahasa

pemrograman yang biasa diletakkan bersama kode HTML untuk
menentukan suatu tindakan”.

Sedangkan Menurut Sibero (2013:150) “Javascript adalah bahasa skrip

(Scripting language), yaitu kumpulan intruksi perintah yang digunakan untuk
mengendalikan beberapa bagian dari sistem operasi”.

Gambar 2.6 script Javascript

Berdasarkan pendapat yang dikemukanan diatas dapat disimpulkan

bahwa, JavaScript adalah Bahasa pemrograman atau bahasa skrip yang berisi
kumpulan intruksi perintah yang dilletakkan bersama kode HTML.

2.6.5 Basis Data

Basis data kumpulan data yang tersimpan didalam komputer yang

digunakan suatu program untuk memperoleh informasi dari basis data
tersebut.dibawah ini akan dijelaskan beberapa teori sebagai berikut:

25
 Menurut Kadir dan Triwahyuni (2013:339) “Basis data adalah suatu
pengorganisasian sekumpulan data yang saling terkait sehingga memudahkan
aktivitas untuk memperoleh informasi”.

Berdasarkan pendapat yang dikemukanan diatas dapat disimpulkan

bahwa, Database / Basis data adalah Kumpulan atau koleksi data
yang saling berhubungan antara data yang satu dengan yang lainya untuk
memudahkan mendapatkan suatu informasi .

2.6.6 MysQl

Sistem manajemen database bersifat open source yang digunakan untuk

mengimport data dan mengeksport data.

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

sebuah perangkat lunak sistem manajemen basis data SQL(Database
Management System) atau DBMS dari sekian banyak DBMS, seperti Oracle, MS
SQL, Postagre SQL, dan lain-lain”.

Gambar 2.7 Contoh Database MySQL

Sedangkan Menurut Arief (2011:151) “MySQL adalah salah satu jenis

database server yang sangat terkenal dan banyak digunakan untuk
membangun aplikasi web yang menggunakan database sebagai sumber dan
pengelolaan datanya”.

26
 Berdasarkan pendapat yang dikemukanan diatas dapat disimpulkan
bahwa, MySQL adalah software yang bersifat open source yang banyak
digunakan untuk membangun aplikasi web serta menjalankan fungsi pengolahan
data.

2.7 MODEL PENGEMBANGAN WATERFALL

Sommerville (2011 : 29) dalam bukunya yang berjudul “Software
Engineering” berpendapat bahwa :
“The waterfall model takes the fundamental process activities
of specifica- tion, development, validation, and evolution and
represents them as separate process phases such as requirements
specification, software design, implementation, testing, and so on.”

Dapat diartikan bahwa model waterfall mengambil aktivitas proses dasar

dari tahap spesifikasi, pengembangan, validasi, dan evolusi dan mewakili mereka
sebagai fase proses yang terpisah seperti spesifikasi kebutuhan, desain software,
implementasi, pengujian, dan sebagainya.

Kemudian lebih lanjut dalam buku yang sama (2011 : 30), Sommerville

juga berpendapat sebagai berikut :

“Because of the cascade from one phase to another, this model is known as
the 'waterfall model' or software life cycle. The waterfall model is an
example of a plan-driven process-in principle, you must plan and
schedule all of the process activities before starting work on them.”
Karena mengalir dari satu fase ke tahapan lainnya, model ini dikenal

sebagai 'model air terjun' atau siklus hidup perangkat lunak. Model air terjun

adalah contoh proses berbasis rencana pada prinsipnya, Anda harus

27
merencanakan dan menjadwalkan semua aktivitas proses sebelum mulai

mengerjakannya.

Gambar 2. 1 Waterfall Model

Sommerville (2011 : 31) kemudian mendefinisikan tahapan -

tahapan pengembangan dasar dari model waterfall sebagai berikut :

1. Requirements analysis and definition

“The system's services, constraints, and goals are established by consultation

with system users. They are then defined in detail and serve as a system

specification.”

Layanan, batasan, dan tujuan sistem ditetapkan melalui konsultasi dengan

calon pengguna sistem. Tiga hal ini kemudian didefinisikan secara rinci dan

berfungsi sebagai spesifikasi dari sistem.

28
2. System and software design

“The systems design process allocates the requirements to either

hardware or software systems by establishing an overall system architecture.
Software design involves identifying and describing the fundamental software
system abstractions and their relationships.”

Proses perancangan sistem mengalokasikan persyaratan ke sistem

perangkat keras atau sistem perangkat lunak dengan membangun arsitektur

sistem secara keseluruhan. Desain perangkat lunak melibatkan identifikasi dan

penggambaran abstraksi sistem perangkat lunak fundamental dan hubungannya.

3. Implementation and unit testing

“During this stage, the software design is realized as a set of programs or

program units. Unit testing involves verifying that each unit meets its

specification.”

Selama tahap ini, perancangan perangkat lunak dianggap sebagai

seperangkat program atau unit-unit program. Pengujian unit melibatkan proses

verifikasi bahwa setiap unit telah memenuhi spesifikasi.

4. Integration and system testing

“The individual program units or programs are integrated and tested as a

complete system to ensure that the software requirements have been met. After

testing, the software system is delivered to the customer.”

29
 Unit atau program program individual terintegrasi dan diuji sebagai

sistem yang lengkap untuk memastikan persyaratan perangkat lunak terpenuhi.

Setelah pengujian, sistem perangkat lunak dikirimkan ke pelanggan.

5. Operation and maintenance Normally

“This is the longest life cycle phase. The system is installed and put into
practical use. Maintenance involves correcting errors which were not
discovered in earlier stages of the life cycle, improving the implementation of
system units and enhancing the system's services as new requirements are
discovered.”

Ini adalah fase siklus hidup terpanjang. Sistem dipasang dan akan

langsung dipraktikan. Pemeliharaan melibatkan koreksi kesalahan yang tidak

ditemukan pada tahap awal siklus hidup, memperbaiki implementasi dari unit-

unit sistem dan meningkatkan layanan dari sistem karena persyaratan baru akan

ditemukan.

2.8 UNIFIED MODELING LANGUAGE (UML)

Menurut Yuni Sugiarti (2013:34) :

“UML (Unified Modeling Language) adalah sebuah bahasa yang telah
menjadi standar dalam industri untuk visualisasi, merancang dan
mendokumentasikan sistem piranti lunak. UML menawarkan sebuah standar
untuk merancang model sebuah sistem. Dengan menggunakan UML kita dapat
membuat model untun semua jenis aplikasi piranti lunak dimana aplikasi
tersebut dapat berjalan pada piranti keras, sistem operasi dan jaringan apapun,
serta ditulis dalam bahasa pemrograman apapun.”

Menurut Shalahuddin (2011, h.117) dalam bukunya yang berjudul

Rekayasa Perangkat Lunak (Terstruktur dan Berorientasi Objek mengungkapkan

30
: “UML merupakan bahasa visual untuk permodelan dan komunikasi

mengenai sebuah sistem dengan menggunakan diagram dan teks-teks

pendukung. Karena UML juga menggunakan class dan operation dalam konsep

dasarnya, maka UML lebih cocok untuk penulisan piranti lunak dalam bahasa

berorientasi objek.”

Menurut Adi Nugroho (2010:6) :

“UML (Unified Modeling Language) adalah bahasa pemodelan untuk
sistem atau perangkat lunak yang berparadigma (berorientasi objek). Pemodelan
(modeling) sesungguhnya digunakan untuk penyederhanaan permasalahan-
permasalahan yang kompleks sedemikian rupa sehingga lebih mudah dipelajari
dan dipahami.”
Berdasarkan beberapa pendapat yang dikemukakan diatas dapat ditarik

kesimpulan bahwa Unified Modeling Language (UML) adalah sebuah bahasa

untuk visualisasi, merancang dan mendokumentasikan sistem piranti lunak serta

penyerderhanaan permasalahan yang kompleks sehingga sistem lebih mudah

dipelajari dan dipahami.

2.9 Model Unified Modeling Language (UML)

Menurut Widodo (2011:10) :

“Beberapa literature menyebutkan bahwa UML menyediakan sembilan
jenis diagram, yang lain menyebutkan delapan karena ada beberapa diagram
yang digabung, misanya diagram komunikasi, diagram urutan dan diagram
pewaktuan digabung menjadi diagram interaksi”.
Model-model itu dapat dikelompokkan berdasarkan sifatnya yaitu statis

atau dinamis. Jenis diagram itu antara lain:

1. Diagram kelas (Class Diagram)

31
 Bersifat statis, Diagram ini memperlihatkan himpunan kelas-kelas,
antarmuka-antarmuka, kolaborasi-kolaborasi, serta relasi-relasi. Diagram
ini umum dijumpai pada pemodelan sistem berorientasi objek. Meskipun
bersifat statis, sering pula diagram kelas memuat kelas-kelas aktif.

2. Diagram paket (Package Diagram)

Bersifat statis. Diagram ini memperlihatkan kumpulan kelas-kelas,

merupakan bagian dari diagram komponen.

3. Diagram use-case (Usecase Diagram)

Bersifat statis. Diagram ini memperlihatkan himpunan use-case dan

aktor- aktor (suatu jenis khusus dari kelas). Diagram ini terutama sangat
penting untuk mengorganisasi dan memodelkan perilaku suatu sistem
yang dibutuhkan serta diharapkan pengguna.

4. Diagram interaksi dan sequence (Sequence Diagram)

Bersifat dinamis. Diagram urutan adalah iterasiksi yang menekankan

pada pengiriman pesan dalam suatu waktu tertentu.

5. Diagram komunikasi (Communication Diagram)

Bersifat dinamis. Diagram sebagai pengganti diagram kolaborasi UML

yang menekankan organisasi struktural dari objek-objek yang menerima
serta mengirim pesan.

6. Diagram statechart (Statechart Diagram)

Bersifat dinamis. Diagram status memperlihatkan keadaan-keadaan

pada sistem, memuat status (state), transisi, kejadian serta aktivitas.

7. Diagram aktivitas (Activity Diagram)

32
 Bersifat dinamis. Diagram aktivitas adalah tipe khusus dari diagram
status yang memperlihatkan aliran dari suatu suatu aktivitas ke aktivitas
lainnya dalam suatu sistem. Diagram ini terutama penting dalam
pemodelan fungsi-fungsi suatu sistem dan memberi tekanan pada aliran
kendali antar objek.

8. Diagram komponen (Component Diagram)

Bersifat statis. Diagram komponen ini memperlihatkan organisasi

serta kebergantungan sistem/perangkat lunak pada komponen-komponen
yang telah ada sebelumnya.

9. Diagram deployment (Deployment diagram)

Bersifat statis. Diagram ini memperlihatkan konfigurasi saat aplikasi

dijalankan (run-time). Memuat simpul-simpul beserta komponen-
komponen yang di dalamnya.
2.10 Class Diagram
Diagram kelas atau class diagram menggambarkan struktur sistem
dari segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem.
Tabel 2.1 Class Diagram

(Rosa A.S. dan M. Shalahuddin2011/123

No Simbol Keterangan
1. Kelas Kelas pada struktur sistem.
Nama_kelas

+atribut

+operasi()

33
2. Antarmuka / Interface Sama dengan konsep interface dalam
pemrograman berorientasi objek.

3. Asosiasi / Association Relasi antar kelas dengan makna

__________________ umum, asosiasi biasanya juga disertai
dengan multiplicity.
4. Asosiasi Berarah / Directed
Association Relasi antar kelas dengan makna kelas
yang satu digunakan oleh kelas yang
lain, asosiasi biasanya juga disertai
dengan multiplicity.

34
 5. Generalisasi Relasi antar kelas dengan
makna generalisasi-spesialis
(umum khusus).

6. Ketergantungan / Dependency
Relasi antar kelas dengan makna
ketergantungan antar kelas.

7. Agregasi / Aggregation
Semua bagian (whole-part)

2.11 Use Case Diagram

Use case atau diagram use case merupakan pemodelan untuk kelakuan
(behavior) sistem informasi yang akan dibuat. Use case mendeskripsikan sebuah
interaksi antara satu atau lebih actor dengan sistem informasi yang akan dibuat.

o Simbol Deskripsi

1 Use Case Fungsionalitas yang disediakan sistem

sebagai unit-unit yang saling bertukar pesan antar

unit atau aktor; biasanya dinyatakan dengan
menggunakan kata kerja di awal frase nama use
case.

2. Aktor
Orang, proses, atau sistem lain yang berinteraksi
dengan sistem informasi yang akan dibuat di
luar sistem informasi yang akan dibuat itu
sendiri.

35
3. Asosiasi / Association
Komunikasi antara aktor dan use case yang
_______________
berpartisipasi pada use case atau use case
memiliki interaksi dengan aktor.

4. Ekstensi / Extend Relasi use case tambahan ke sebuah

use case dimana use case yang
<<extend>> ditambahkan dapat berdiri sendiri walau
------------> tanpa use case tambahan itu; mirip
dengan prinsip inheritance pada
pemrograman berorientasi objek.

5. Generalisasi Hubungan generalisasi dan spesialisasi

/Generalization
(umum-khusus) antara dua buah use case
dimana fungsi yang satu adalah fungsi yang lebih
umum dari lainnya.

6. Menggunakan / includes / Relasi use case tambahan ke sebuah use

uses case dimana use case yang ditambahkan
memerlukan use case ini untuk menjalankan
<<include>>
fungsinya atau sebagai syarat dijalankan use
----------------------> case ini
«uses»

36
2.12 Actvity Diagram
Diagram akrivitas atau activity diagram menggambarkan workflow
(aliran kerja) atau aktivitas dari sebuah sistem atau proses bisnis.
Tabel 2.3 Activity Diagram
(Rosa A.S. dan M. Shalahuddin 2011 : 131)

No Simbol Keterangan Fungsi

1. Status awal Status awal aktivitas sistem, sebuah
diagram aktivitas memiliki sebuah
status awal.

2. Aktivitas
Aktivitas yang dilakukan sistem, aktivitas
Aktivitas
biasanya diawali dengan kata kerja.

3. Percabangan / Decision
Asosiasi percabangan dimana jika ada
pilihan aktivitas lebih dari satu.

4. Penggabungan / Join Asosiasi penggabungan dimana lebih dari

satu aktivitas digabungkan menjadi satu.

5. Status akhir
Status akhir yang dilakukan sistem,
sebuah diagram aktivitas memiliki
sebuah status akhir.

37
 6. Swimlane
Nama

Swimlane Memisahkan organisasi bisnis

yang bertanggung jawab terhadap
aktivitas yang terjadi.
Nama

2.15 FLOWCHART

eWolf Community (2012:16) menjelaskan, Flowchart adalah

simbol- simbol pekerjaan yang menunjukkan bagan aliran proses yang
saling terhubung. Flowchart digunakan untuk mempermudah penyususnan
program.

No Simbol Keterangan No Simbol Keterangan

1 Simbol 8 Simbol
pemrosesan konektor
yang terjadi untuk
pada sebuah menyambung
Alur kerja proses pada
lembar kerja
yang berbeda
2 Simbol 9 Simbol
Input/Output masukan atau
yang keluaran dari
mendefinisikan atau ke sebuah
masukan dan dokumen
keluaran
proses
3 Simbol yang 10 Simbol yang
menyatakan menyatakan
piranti bagian
keluaran, seperti dari program
Layar monitor,dll (sub program)
Adapun simbol-simbol dari Flowchart adalah sebagai berikut:

38
 4 Simbol untuk 11 Symbol
memutuskan masukan
proses atau keluaran
lanjutan dari dari
kondisi tertentu atau ke sebuah
pita
magneti
c
5 Simbol yang 12 Simbol
mendefinisikan database atau
proses yang basis data
dilakukan
secara manual

6 Simbol Start 13 Simbol

atau End yang konektor
mendefinisikan untuk
awal atau akhir menyambung
dari proses pada
sebuah lembar kerja
flowchart yang sama

7 Simbol untuk
menghubungka
nantar
proses atau
antar simbol

2.16 XAMPP
“ XAMPP merupakan paket PHP dan MySQL berbasis open source, yang
digunakan sebagai alat pembantu pengembangan aplikasi berbasis PHP. XAMPP
mengombinasikan beberapa paket perangkat lunak berbeda kedalam satu paket”
(Riyanto,2010:1).
Menurut Betha Sidik, dalam bukunya yang berjudul
Pemrograman Web
Dengan PHP (2012 : 72), menyebutkan bahwa :
"XAMPP ( X(windowsllinux) Apache MySQL PHP dan Perl) merupakan paket
server web PHP dan database MySQL yang paling popular dikalangan
pengembang web dengan menggunakan PHP dan MySQL sebagai databasenya".

39
Nugroho (2013:1) menjelaskan bahwa :
“XAMPP adalah paket program web lengkapyang dapat dipakai untuk
belajar pemograman web, khususnya PHP dan MySQL. XAMPP adalah
perangkat lunak bebas, yang mendukung banyak sistem operasi,
merupakan kompilasi dari beberapa program. Fungsinya adalah sebagai server
yang berdiri sendiri (localhost), yang terdiri atas program Apache HTTP Server,
MySQL database, dan penerjemah bahasa yang ditulis dengan bahasa
pemrograman PHP dan Perl.”
Berdasarkan pengertian yang didapat maka dapat disimpulkan bahwa
XAMPP merupakan sebuah paket aplikasi yang memiliki Apache (web server),
MySQL (database), PHP (server side scripting), Perl, FTP server, Php MyAdmin
yang dapat dijalankan pada banyak sistem operasi dan menggunakan
MySQL sebagai database server.

Gambar 2. 2 XAMPP

40
2.17 PENELITIAN TERDAHULU

1. Djaelangkara, Sengkey, Lantang (2015)

Dalam penelitian mereka yang berjudul “Perancangan Sistem

Informasi Akademik Sekolah Berbasis Web Studi Kasus Sekolah
Menengah Atas Kristen 1 Tomohon”, menghasilkan sebuah sistem
informasi akademik berbasis web dimana memiliki fitur sebagai berikut :
a. Siswa dapat melihat jadwal mata pelajaran beserta guru pengajar,
nilai UTS, nilai UAS, nilai Rapor dan proses cetak data.
b. Guru dapat melihat jadwal mengajar, input nilai UTS, UAS dan
Rapor dan rekapan nilai.
c. Admin dapat mengelola jadwal, mengelola user, dan melakukan
penguncian input nilai ataupun membuka kunci untuk mencegah
kecurangan pengisian nilai.

Dari penelitian yang mereka lakukan, kesimpulan yang didapatkan yaitu :

a. Mempermudah para staff tata usaha dan guru dalam
proses pengolahan data akademik siswa yang sebelumnya hanya
dilakukan secara manual.
b. Sistem Informasi Akademik Sekolah Berbasis WEB pada
SMA Kristen 1 Tomohon dapat menghasilkan informasi
akademik yang lebih akurat dalam hal pengolahan, pencarian
informasi data siswa, guru, dan nilai akademik siswa.
c. Aplikasi ini hanya bisa digunakan oleh siswa-siswi dan guru yang
ada di SMA Kristen 1 Tomohon.

41
 2. Sulindawaty (2015)
Dalam penelitiannya yang berjudul “Implementasi Sistem Informasi
Akademik Berbasis Web Pada Sekolah Menengah Pertama (SMP) Swasta
Nusa Penida Medan” menghasilkan sebuah sistem dimana memiliki fitur
sebagai berikut
a. Siswa dapat melihat informasi penting (pengumuman) yang ada
pada SMP Swasta Nusa Penida Medan, data nilai, jadwal
b. Guru dapat melihat informasi penting yang ada pada SMP
Swasta Nusa Penidamedan, data jadwal, data mata pelajaran, data
guru dan siswa, absensi dan nilai.
c. Admin dapat melakukan pengolahan data informasi, data siswa,
data guru, nilai, data jadwal dan informasi fasilitas.
d. Orangtua dapat melihat informasi penting bagi anak mereka.

Dari Penelitian yang dilakukan, kesimpulan dari hasil penelitian adalah :

a. Dalam perancangan sistem menggunakan software berbasis

web dengan software pendukung lainnya untuk memudahkan
dalam menjalankan sistem.
b. Informasi akademik sekolah dapat lebih cepat disampaikan dan
lebih menghemat waktu dan biaya untuk menyampaikan suatu
informasi.
Sistem informasi akademik berbasis web memudahkan para guru
untuk menyampaikan informasi kepada siswa, memudahkan para siswa dan
pengunjung website untuk melihat informasi penting dalam sekolah.

42
 BAB III
METODE PENELITIAN

3.1 WAKTU DAN TEMPAT PENELITIAN

Dalam pelaksanaan penelitian ini,penulis melakukan penelitian Tesis di
SMK Pelita Raya Kota Jambi yang Beralamat di Jl. Kopral Ramli No.17 Kel, Talang
Bakung, Kec. Jambi Sel., Kota Jambi, Jambi 36135, Kota Jambi Prov. Jambi.

3.2 ALAT DAN BAHAN PENELITIAN

3.2.1 Alat Penelitian
Alat bantu (tools) yang digunakan dalam menyelesaikan penelitian ini
adalah:
a. Perangkat Keras (Hardware)
Perangkat keras pendukung yang digunakan oleh peneliti dengan
spesifikasi sebagai berikut:
- Laptop Asus A407UB, dengan spesifikasi processor CPU (Intel Core i3
6006u)
- RAM 4 GB
- Printer Canon MP 237
- Dan beberapa perangkat keras lainnya
b. Perangkat Lunak (Software)

- Browser Mozila Firefox dan Google Chrome.

- Sistem Operasi Windows 10 Pro

- Microsoft Word

- Bahasa Pemrograman PHP

- Visual Code Text Editor

43
 - Framework Laravel

- Cms Wordpress

c. Alat Bantu Analisia

- Diagram Use Case, untuk menggambarkan arsitektur bisnis terhadap
sistem yang direncanakan.
- Class Diagram, untuk menggambarkan arsitektur data terhadap sistem
yang direncanakan.
- Analisis Portofolio Aplikasi, untuk menggambarkan arsitektur aplikasi
yaitu memetakan aplikasi yang ada saat ini dan juga kebutuhan aplikasi
dimasa akan datang dalam mendukung bisnis organisasi.

3.2.2 Bahan Penelitian

Bahan yang digunakan dalam penelitian ini adalah proses-proses yang
sedang berjalan pada SMK Pelita Raya meliputi aktivitas pada data guru, data
murid, dan data staff sekolah

3.3 JADWAL PENELITIAN

Agar menghindari terjadinya ketidak teraturan dalam pencarian, observasi
data, dan pengerjaan tugas Kerja Praktek ini. Kami membuat jadwal kegiatan
penelitian yang berisi gambaran kegiatan dan waktu yang direncanakan dalam
tahap-tahap penelitian. Pelaksanaan penelitian ini direncanakan selama 4 (empat)
bulan, yaitu dari bulan April 2020 sampai dengan bulan Juli 2020 dengan jadwal
sebagai berikut :

44
 BULAN (MINGGU KE)
No KEGIATAN APRIL MEI JUNI JULI
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1. Identifikasi Masalah
2. Studi literature
3. Pengumpulan Data
Membuat perencanaan
sistem informasi
Akademik dengan
4.
menggunakan
Framework Laravel dan
Cms Wordpress
5. Pembuatan Laporan
Table 3.1 kegiatan penelitian

45
 BAB IV

ANALISIS DAN PERANCANGAN

4.1 SEJARAH SINGKAT SMA PELITA RAYA JAMBI.

Pada tahun 2003, Yayasan Pendidikan Pelita Raya hadir di Jambi dengan Akte
Pendirian No.57 Tanggal 27 Desember 2003 dan bergerak dalam bidang pendidikan
dengan SK Pendirian Sekolah No.425.11/313/DK/2004 Tanggal 26 Juni 2004.

4.2 VISI DAN MISI SMK PELITA RAYA JAMBI.

Sebagai lembaga pendidikan tentunya SMK PELITA RAYA JAMBI

mempunyai visi dan misi.

a. Visi:
Menjadikan SMP-SMA-SMK Pelita Raya Jambi terbaik dan
terpercaya.
b. Misi:
Pembelajaran menggunakan Kurikulum KTSP dengan motto Learning
by Doing. Melengkapi sarana dan prasarana pembelajaran dengan
baik Mempersiapkan Guru agar membimbing anak didik dengan

46
 kasih dan menggunakan "hati" Manajemen Guru dan Karyawan
senantiasa memberikan dan melakukan yang terbaik 

4.3 TARGET DAN SASARAN INFORMASI AKADEMIK

Setiap program yang dibuat dan digunakan pasti memiliki target yang
ingin dicapai dan juga memiliki sasaran yang dituju. Adapun target dan
sasaran yang ingin dicapai adalah :
1. Merancang website Sistem Informasi Akademik pada SMK Pelita Raya
Kota Jambi sebagai alat bantu proses pengolahan dan penyimpanan data
siswa dan guru.

2. Memudahkan guru dalam mengola data siswa di SMK Pelita Raya Kota
Jambi.

3. Mempermudah siswa dalam mengakses informasi di sekolah

4.4 ANALISA KEBUTUHAN SISTEM

Berdasarkan permasalahan yang dibahas sebelumnya, pada bab analisa

kebutuhan sistem ini adalah proses pemecahan sistem menjadi beberapa
sub sistem yang lingkupnya lebih kecil, dengan maksud agar lebih mudah dalam
mengidentifikasikan permasalahan-permasalahan, hambatan-hambatan, dan
kesempatan-kesempatan yang ada dalam sistem, serta untuk mengetahui
kebutuhan-kebutuhan sistem. Sehingga pada akhirnya nanti akan bisa diusulkan
metode-metode perbaikan pada sistem.
Pada bagian ini akan diperlihatkan bagaimana proses sistem yang terjadi
sebenarnya, mengidentifikasi kebutuhan-kebutuhan sistem, baik kebutuhan
fungsional maupun kebutuhan non fungsional.

4.1.1 Kebutuhan Fungsional Sistem

Permodelan fungsional sistem menggambarkan proses atau fungsi yang
harus dikerjakan oleh sistem untuk melayani kebutuhan pengguna (user).
Berdasarkan kebutuhan user umum, siswa, guru, dan admin. maka fungsi utama

47
yang harus di lakukan oleh sistem informasi akademik untuk SMK PELITA
RAYA JAMBI adalah sebagai berikut:

1. User Umum
Fungsionalitas sistem untuk user umum adalah untuk mencari informasi
seputar SMK PELITA RAYA JAMBI. Baik itu informasi sarana dan
prasarana yang dimiliki SMK PELITA RAYA JAMBI maupun informasi-
informasi lain yang diberikan oleh SMK PELITA RAYA JAMBI.

2. Siswa
Fungsionalitas sistem untuk siswa adalah sebagai berikut :
a. Fungsi Login
Digunakan oleh siswa untuk mengakses sistem sehingga siswa dapat
mengakses informasi SMK PELITA RAYA, profil sekolah, pendidikan
sekolah, fasilitas sekolah, organisasi sekolah dan lain-lain.
b. Fungsi mencari informasi
Digunakan oleh siswa untuk melihat nilai, nama-nama guru yang ada, dan daftar
organisasi sekolah
c. Fungsi Logout
Digunakan oleh siswa atau guru untuk keluar dari system

3. Guru
Fungsionalitas sistem untuk guru adalah sebagai berikut:
a. Fungsi Login
Digunakan oleh guru untuk mengakses sistem sehingga guru dapat
menambahkan data atau menghapus data yang ada disistem, menghapus, dan
update informasi
b. Fungsi Logout
Digunakan oleh guru untuk keluar dari sistem.
c. Fungsi mengolah informasi
Digunakan untuk mengupdate, menambah, menghapus, ataupun untuk merubah
data yang ada di sistem

48
4. Admin
Bagian ini memiliki fungsi dan hak akses yang paling luas. Seorang admin dapat
memasukkan data-data/informasi. Fungsionalitas sistem untuk admin adalah
sebagai berikut:

a. Fungsi Login
Digunakan oleh admin untuk login dan masuk kesistem. Sebelum admin dapat
menambah, merubah, manghapus, dan mengupdate data dan informasi di SMK
PELITA RAYA JAMBI.
b. Fungsi Logout
Digunakan oleh admin untuk keluar dari sistem.
c. Fungsi mengelola informasi
Fungsi ini digunakan oleh admin untuk menambah, menghapus, mengupdate
informasi seputar data password siswa, guru, sarana dan prasarana serta data
nilai-nilai serta menyimpannya di database system
d. Fungsi mengelolah guru
Fungsi ini digunakan oleh admin untuk menambah, mengubah, dan
menghapus data guru yang non aktif atau tidak bekerja lagi pada SMK
PELITA RAYA JAMBI.
e. Fungsi mengelolah siswa
Fungsi ini digunakan oleh admin untuk menambah, mengubah, dan menghapus
data siswa yang non aktif atau tidak bersekolah lagi pada SMK PELITA
RAYA JAMBI.
f. Fungsi mengelolah jadwal mata pelajaran
Fungsi ini digunakan oleh admin untuk mengelolah, dan mengupdate jadwal
mata pelajaran yang ada di SMK PELITA RAYA JAMBI.
g. Fungsi mengelolah sarana dan prasarana
Fungsi ini digunakan oleh admin untuk mengelolah, menambah, mengupdate
sarana dan prasarana yang ada di SMK PELITA RAYA JAMBI.
h. Fungsi untuk membuat laporan

49
 Fungsi ini digunakan oleh admin untuk membuat dan mencetak laporan-
laporan mengenai laporan data siswa, data guru, serta data sarana dan
prasarana yang ada di SMK PELITA RAYA JAMBI.

4.4.2 Kebutuhan Non Fungsional Sistem

Berdasarkan kebutuhan fungsional sistem yang telah dijelaskan
sebelumnya, maka diharapkan sistem yang dirancang mampu memiliki hal-hal
tersebut berikut:
1. Usability
a. Mudah digunakan oleh user umum, admin, siswa dan guru dalam
mengakses informasi SMK PELITA RAYA JAMBI.
b. Informasi yang ditampilkan selalu update jika ada informasi baru yang
diterima oleh admin ataupun guru.
c. Informasi dan tampilan user interface mudah dipahami oleh user umum,
dan siswa
2. Functionality
a. Mempermudah dalam memperoleh informasi
b. Sistem dapat diakses 24 jam sehari
c. Sistem mudah digunakan oleh user umum, siwa, dan guru
d. Tampilan dalam sistem mudah dan enak dilihat
3. Security
a. Informasi nilai. Data-data berupa data sarana dan prasarana, data
informasi penting sekolah tidak akan ditampilkan ke publik
b. Setiap guru dan siswa diberikan password dan user nama yang berbeda-
beda
c. Web dilindungi oleh script atau keamanan khusus sehingga data-data di
dalam web tidak dapat di akses oleh orang yang tidak bertanggung
jawab

50
4.5 RESIKO SISTEM INFORMASI AKADEMIK
4.5.1 Karakteristik Sistem
Langkah awal dalam memanajemen resiko sistem informasi
akademik adalah dengan mengetahui semua informasi yang berhubungan dengan
sistem, yang meliputi :

1. Hardware
-Laptop Asus A407UB, dengan spesifikasi processor CPU (Intel Core i3
6006u)
-RAM 4 GB
-Printer Canon MP 237
-Dan beberapa perangkat keras lainnya
2. Software

-Browser Mozila Firefox dan Google Chrome.

-Sistem Operasi Windows 10 Pro

-Microsoft Word

-Bahasa Pemrograman PHP

-Visual Code Text Editor

-Framework Laravel

-Cms Wordpress

3. Misi sistem

Misi sistem meliputi proses yang dilakukan oleh sistem akademik online
ini, seperti siswa diharuskan mendaftarkan diri terlebih dahulu (jadi siawa
melalui proses sign up), setelah itu barulah siswa dapat melihat nilai, jadwal

51
 mata pelajaran, dan guru bisa melakukan sign up untuk memasukan nilai
siswa dan mencetak laporan.

4.5.2 Identifikasi ancaman

Setelah mengetahui semua informasi yang berhubungan dengan system,
maka langkah selanjutnya adalah dengan mengidentifikasi kemungkinan
ancaman yang akan muncul. Dan setelah melakukan identifikasi tersebut, maka
dapat diketahui beberapa ancaman yang muncul, antara lain yaitu :
1. Ancaman Dari Lingkungan Luar
a. Ancaman dari alam yang berasal dari gempa bumi, banjir, tanah
longsor.
b. Ancaman yang berasal dari luar berupa persaingan bisnis atau
siswa maupun kejahatan yang dilakukan oleh hacker ataupun
orang yang tidak bertanggung jawab
2. Ancaman Dari Lingkuman Dalam
Ancaman yang muncul dari lingkungan dalam sistem meliputi:
managemen perusahaan yang buruk, masalah jaringan internet dan
keamanan yang rendah

4.5.3 Identifikasi kerentanan

Identifikasi kerentanan(vulnerability identification) merupakan tahap
dimana kita harus melakukan identifikasi terhadap hal-hal yang nantinya akan
berakibat pada kerugian akademik. Adapun hal-hal yang dapat mengakibatkan
kerugiaan akademik antara lain adalah :
1. Bocornya data penting akademik berupa data nilai, nomor induk siswa
bocor ke pihak yang tidak bertanggung jawab yang menyebabkan hacker
dapat masuk ke dalam system

52
 2. Penyebaran akses berupa tersebarnya password transaksi nilai oleh staff
administrasi akademik yang memiliki akses.
3. Jaringan internet yang lambat dan jelek membuat lambatnya proses akses
ke system.
4. Keamanan yang rendah menyebabkan gampangnya hacker masuk ke
system dan mengambil data-data yang penting.

4.5.4 Ccontrol Analysis

Control Analysis merupakan tahap dimana kita harus menganalisis
kontrol yang harus dilakukan untuk meminimalisasikan ancaman-ancaman yang
ada. Tahap ini dapat dilakukan dengan :
1. Meningkatkan keamanan jaringan agar tidak mudah dimasuki oleh hacker
2. Meningkatkan keamanan web maupun jaringan agar tidak mudah dimasuki
virus yang berbahaya
3. Menyeleksi dengan ketat sumber daya manusia terutama staff atau
karyawan yang bekerja di bagian staff akademik agar tidak melakukan
kecurangan ataupun kejahatan dengan menjual dan menyebar luaskan data
penting.
4. Memberi pemahaman kepada karyawan agar tidak memberikan password
dan user siswa ke pihak lain, serta memberikan hukuman kepada staff yang
ketahuan melanggar.

4.5.5 Impact Analysis

Impact Analysis merupakan tahap mengukur nilai kerugian yang dialami
perusahaan atau dampak buruk yang ada akibat dari ancaman-ancaman yang
dimiliki. beberapa dampak buruk yang menyebabkan kerugian, diantaranya
ialah :
1. Tingkat biaya yang diperlukan untuk memperbaiki kerusakan system.
2. Tidak berfungsinya web sistem informasi akademik yang diakibatkan dari
koneksi jaringan yang bermasalah.

53
 3. Kehilangan kerahasiaan data akademik yang diakibatkan adanya ancaman
dari insider dan hacker, serta virus.

4.6 ANALISIS PROSES

4.6.1 DFD (Data Flow Diagram)
Untuk perancangan arus data dalam sistem informasi akademik
ini digunakan metode Data Flow Diagram (DFD), DFD merupakan metode
pengembangan sistem yang terstruktur dan jelas. DFD sistem informasi
akademik ini dimulai dari diagram konteks, diagram berjenjang, DFD level 0
sampai DFD level 1.
1. Diagram Konteks
Diagram konteks merupakan diagram yang menggambarkan aliran data
secara umum, dimana yang ditampilkan adalah proses dan lingkungan luar yang
berhubungan dengan proses pengolahan data tersebut. Pada sistem informasi
akademik terdapat 3 external entity yaitu siswa, guru, admin, beserta user umum.
Adapun bentuk dan diagram konteks pengolahan data sistem informasi akademik
pada SMK PELITA RAYA JAMBI dapat dilihat pada gambar 4.1 berikut ini:

54
 Gambar 4.1

Pada gambar 4.1 menunjukkan admin melakukan input data password, data
guru, data sarana dan prasarana dan data mata pelajaran. yang nantinya akan
dijadikan sebagai bahan laporan yang akan diserahkan kepada guru.
Sementara guru memberika data nilai siswa dan nantinya akan diproses dan
akan di simpan dalam table nilai dan diproses sehingga dapat dilihat oleh siswa.
Sementara itu user umum dapat browsing dan searching ke website SMK PELTA
RAYA JAMBI dan akan mendapatkan informasi sarana dan prasarana serta
fasilitas apa saja yang dimiliki oleh SMK PELITA RAYA JAMBI .

2. Diagram Proses

Diagram berjenjang (hierarchy charts) merupakan penjabaran proses-

proses pada sistem informasi perpustakaan. Pada diagram berjenjang dapat
dilihat level dari setiap proses-proses secara lebih jelas dan terstruktur.
Diagram berjenjang sistem informasi akademik dapat dilihat pada gambar :

55
 Gambar 4.2 Diagram Proses

3. Diagram Level 0
Diagram nol atau juga disebut dengan diagram zero merupakan
diagram tentang uraian kegiatan dari turunan pertama setelah diagram konteks.

Gambar 4.3 diagram Level 0

Admin memegang peranan yang penting dalam menjalankan sistem

informasi ini. Seorang admin bertanggung jawab terhadap proses dari sistem
informasi ini.

a. Proses 1 Pengolahan Password

56
 Admin melakukan input password berupa username, password, dan level
password serta confirnasi password yang nantinya akan di informasikan
kepada siswa dan guru serta secara rahasia atau secreat sehingga hanya
diketahui oleh admin dan user itu sendir tanpa diketahui pihak luar.
b. Proses 2 Pengolahan Guru
Admin melakukan input data guru yang akan tersimpan ke dalam tabel guru
serta melakukan update ataupun melakukan penghapusan data guru tersebut.
Seorang guru hanya memiliki akses didalam sistem ini yaitu untuk data
input nilai siswa-siswi yang dibimbingnya.
c. Proses 3 Pengolahan Siswa
Admin melakukan input, update, menghapus dan menambahkan data siswa
yang akan disimpan dalam tabel siswa dan secara otomatis data siswa yang
terdaftar mimiliki hak akses dalam sistem informasi untuk melihat laporan
nilai, ataupun data-data penting siswa yang bersangkutan yang tellah di
input oleh pengajar atau wali kelas sesuai mata pelajaran yang sedang di
pelajari.
d. Proses ke 4 Pengolahan data Mata Pelajaran
Admin melakukan proses input data mata kuliah yang nantinya akan
tersimpan ke dalam tabel mata pelajaran.
e. Proses ke 5 Pengolahan Nilai
Proses ini dilakukan oleh guru dengan melakukan input data nilai dan
absensi siswa yang dibimbingnya berdasarkan mata pelajaran ke dalam
sistem berdasarkan data manual dilapangan, nilai yang diinput oleh guru
tersebut akan tersimpan ke dalam tabel nilai sementara.
f. Proses ke 6 Pengolahan Sarana dan Prasarana
Admin melakukan input data sarana dan prasarana SMK PELITA RAYA
JAMBI yang akan tersimpan ke dalam tabel sarana. Data ini nantinya
berguna sebagai laporan informasi mengenai daftar sarana dan prasarana
yang dimiliki SMK PELITA RAYA JAMBI.
g. Proses ke 7 Proses Daftar Laporan

57
 Proses dimana menampilkan laporan berupa informasi baik kepada guru
maupun daftar nilai, daftar sarana dan prasarana SMK PELITA RAYA
JAMBI serta daftar jadwal mata pelajaran pada tiap-tiap ruangan. Data-data
tersebut diambil dari data yang telah masuk dalam database pada tiap-tiap
tabel.

4. Diagram level 1 pembuatan laporan

Diagram level 1 pembuatan laporan merupakan diagram yang menjelaskan
proses pertama dari diagram yang terdapat pada diagram leval 0. Diagram
ini menjelaskan tentang proses laporan nilai

Gambar 4.4 Gambar diagram Level 1 Pembuatan Laporan

5. ERD (Entity Relationship Diagram)

Entity Relationship Diagram adalah sebuah gambar yang menunjukkan

informasi yang dibuat, disimpan, dan digunakan oleh sistem.

58
 Gambar 4.5 Entity Relationship Diagram

BAB V
PENUTUP

5.1 KESIMPULAN

Berdasarkan analisis dan Perancangan Sistem Informasi Akademik pada

SMK Pelita Raya Jambi maka dapat ditarik kesimpulan sebagai berikut :

1. Pengolahan sistem informasi akademik pada SMK Pelita Raya

Jambi belum menerapkan system berbasis Graphic User Interface

(GUI).

2. Penelitian ini menghasilkan sebuah rancangan sistem informasi

akademik yang menyediakan layanan-layanan berupa informasi

yang terdiri dari : informasi data-data guru, staf, biodata siswa-siswi,

dan informasi tentang profil SMK Pelita Raya Jambi.

59
3. Untuk menguji rancangan tersebut maka dibuat prototype sistem

informasi akademik, yang berbasis web yang dapat

diimplementasikan lebih lanjut sehingga menghasilkan sistem

informasi akademik yang dapat diterapkan

pada SMK Pelita Raya Jambi.

60
5.2 SARAN

Berdasarkan penelitian yang telah dilakukan maka dapat

dikemukakan saran-saran sebagai berikut :

1. Rancangan sistem ini perlu dikembangkan sehingga benar-

benar dapat diterapkan pada SMK Pelita Raya Jambi untuk

mendukung seluruh proses akademiknya.

2. Untuk dapat mendukung sistem yang telah dirancang perlunya

Sumber Daya Manusia dan fasilitas yang baik untuk mendukung

implementasi dari sistem agar dapat berjalan dengan baik.

3. Apabila sistem informasi akademik yang direkomendasikan ini akan

diimplementasikan, perlu dilakukan uji coba baik itu terhadap siswa,

admin, guru, staf dan maupun siswa-siswi. Sehingga dapat diketahui

kelebihan dan kekurangan yang ada pada sistem informasi akademik

yang direkomendasikan ini.

4. Dalam pembuatan sistem informasi akademik ini belum

memperhatikan masalah keamanan data (security), maka untuk

penelitian lebih lanjut dapat dilengkapi dengan sistem keamanan

data.

1
5. Dalam pembuatan sistem informasi akademik database belum

dimasukan semua tabel pada phpmyadmin, maka untuk penelitian

lebih lanjut dapat dilengkapi databasenya.

DAFTAR PUSTAKA
Irawan. (2017). Pengembangan Sistem Informasi Evaluasi Dosen Oleh

Mahasiswa (Edom) Pada Stikom Dinamika Bangsa Jambi, 11(2), 938–

953.

Kristanto, A. (2013). Perancangan Sistem Informasi dan Aplikasinya. In

Gava Media. https://doi.org/10.1017/CBO9781107415324.004
Larasati, H., & Masripah, S. (2017). ANALISA DAN PERANCANGAN SISTEM
INFORMASI PEMBELIAN GRC DENGAN METODE WATERFALL. None.

Widodo, P. P., & Herlawati. (2011). Menggunakan UML Unified Modeling

Language. Bandung: Informatika.