LAPORAN KERJA PRAKTEK

PERANCANGAN APLIKASI SARANA DAN PRASARANA (SARPRAS)

PADA SMK NEGERI3 MEDAN

DISUST]N OLEH :

MUHAMMAD ARIr' SIREGAR 178160009

PROGRAM STUDI TEKI{IK INFORMATIKA

FAKULTAS TEKIYIK

UNTYERSruAS MEDAN AREA

2020

UNIVERSITAS MEDAN AREA

Mahasiswa

LEMBAR PENGESAHAN

Sebagai salah satu syarat dalam rnelaksanakan perkuliahan mata kuliah

kerja praktek oleh:

MUHAMMAD ARIF SIREGAR 178160009

Medan, l3 .Iuli 2020

Menyetujui,

Dosen Pembirnbing

d\,^t 7 '\vMUHAMMAD ARIF SIREGAR

NPM: 178i60009

Mengetahui

Ketua Program Studi Teknik lnformatika

I\4I]HATT]IR, ST", I\4 KOM

NIDN: 0l0l llq2ili

t

ffi*

ii

UNIVERSITAS MEDAN AREA

UNIVERSITAS MEDANAREAFAKULTAS TEKNIK

PROGRAM STUDI TEKNIK INFORMATIKA: Jdan Kolam Nomor 1 illedan E$ate I (061) 7360168,7366878,7364348 E (061) 7368012 Medan 20223: Jalan Setiabudi Nomor 79 / Jalan Sei Serayu Nomor 70 A A (061) 8225602 B (061i 8226331 Mdan 2A122lfetrsfie: www.teknik.uma.ac.id E.mail: univ_medanarea@urna.ac.id

Kmpus I

Kanpus ll

BERITA ACARA DAN NITAI SEMTNAR KERIA PRAKTEK

Pada hari ini 10 Desemoer 2020 tetah diselenggarakan Seminar Kerja praktekProgram studi reknik Informatika untuk Tahun Akademik 2020/2021, atas:

NamaNIMProgram Studi]enjang Pendidikan]udul Kerja Praktek

TempatSeminar

Tanda Tangan Pembawa Seminar :

NilaiPembawaSeminar : A (95)

Seminar Keria Praktek bersangkutan disetujui/ trdak disetujui dengan catatanperubahan seperti yang tercantum pada tahel berikut :

Sar .rM.

Seminar:

0 Desember 2020

S.Kom, M.Kom

Muhammad Arif Siregar1787ffi(DTeknik Informatika51(Sarjana)Perancangan Aplikasi Sarana Dan Prasarana padaSMKN 3 MedanCloudX

Seminar:S ar an: Rizki Muliono S.Kom, M.Kom

K* Proili

PANITIA SEMINAR KERIA PRAKTEK:

Muhathir, ST., M.Kom

Rizki Muliono S.Kom, M.Kom

-.-- H:lrI\ /<a;ini;1

UNIVERSITAS MEDAN AREA

ABSTRAK

Dimasa pandemi ini makin maraknya penggunaan teknologi,dapat terbukti banyaknya pendidikan

yang menggunakan it sebagai media sarana dan prasarana yang dapat membantu mempermudah atau

meringankan urusan dalam pendidikan. Pada umumnya sekolah memiliki sebuah fasilitas yang di gunakan

pada proses belajar dan mengajar, fasilitas tersebut dapat berupa alat atau barang,yang masih menggunakan

kertas (manual) dalam mencatat barang barang dan dalam pencarian data alat atau barang, memeriukan

w-aktu yang lumayan lama (manual) oleh karena itu sangat dibutuhkan aplikasi yang dapat menyimpan

data-data barang di dalam system/terkomputerisasi yaitu sarpras.

Sistem sarpras merupakan bagian dari sistem informasi dalam mengelolah dan menyimpan data

barang secara online melalui media teknologi. Keuntungan yang dapat di peroleh dari sistem sarana dan

prasarana ini iyalah penyimpanan data yang tidak manr,ral atau tidak menggunakan alat tulis dan juga dapat

dengan mudah di cari data data barang yang ingin kita ketahui tanpa memeriukan waktu yang lama.

Keuntungan lain yang bisa didapatkan adalah walaupun ieptop rusak data tersebut masih tetap ada di

database. Diharapkan berdasarkan permasalahan yang ada , dapat tercipta sebuah sistem sarana dan

prasarana.

[.ATA KUNCI : TEKNOLOGI, SISTEM IIYFORMASI, SARANA DAN PRASARANA

iii

t

UNIVERSITAS MEDAN AREA

ABSTRACT

During this pandemic, the use of technology is increasingly prevalent, it is evident that many

education uses it as a mealls and infrastructure that can help simpiify or ease matters in education. ln

general, sshools have a facility that is used in the learning and teaching process, these facilities can be in

the lbrm of tools or goods, which still use paper (rnanual), in recording goods and in searching for data for

tools or goods, it takes quite a long time (manual). Therefore an application that can store data on goods in

a computerized system is needed, namely sarpras

The sapras system is part of the information system in managing and storing data on goods online

through technology media. The advantage that can be obtained from this system of facilities and

infrastructure is data storage that is not manual or does not use stationery and can also be easily searched

for data on items we want to know without requiring a long time.

Another advantage that can be obtained is that even though the laptop is damaged the data is still in the

database. It is hoped that based on the existing problems. a system of f-acilities and infrastructure can be

created. Keywords. technol ogy, information sy stems, t-acil iti es and i nfrastructure

iv

E

UNIVERSITAS MEDAN AREA

KATA PEI\GANTAR

Puji dan syukur penulis atas ke hadirat allah su.t yang telah rnelimpahkan semua

anugrah kepada seluruh umat, sehingga laporan kerja praktek, ini berhasil diselesaikan

dengan baik. Laporan kerja praktek disusun berdasarkan hasil pengamatan dan observasi

pada smk negeri 3 medan.

Laporan kerja praktek ini tidak akan selesai tanpa birnbingan " nasehat serta

petunjuk dari berbagai pihak.untuk itu. penulis rnengucapkan terima kasih kepada pihak

pihak yang memberikan saran. Penulis menyadari bahwa laporan hasil kerta praktek ini

masih memiliki kekurangan. Oleh karena itu penulis mengharapkan kritik, saran yang

akhirnya dapat membangun sebagai perbaikan pada jenjang pendidikan yang lebih tinggi

di masa akan datang.

Penulis berharap laporan kerja praktek ini dapat bermanfaat baik di kalangan

pendidikan maupun masyarakat. Akhir kata penulis mengucapkan terima kasih dan

semoga allah swt senantiasa menuangkan (rnelimpahkan) taufiq dan hidayah-nya kepada

kita semua.

I

i

UNIVERSITAS MEDAN AREA

DAFTAR ISI

KATA PENGANTAR ...........DAFTAR ISI............ ..............viBAB r .....................1PENDAHULUAN ...................1

1.1 LATARBELAKANG ..... .................1

1.2 RUMUSAN MASALAH ......,. .. . ....... i1.3 TUruAN. . .......2

1.4 MANFAAT............... ...............2

l 5 WAKTU DAN KP ( KERJA PRAKTEK ). .... . . ... .. .................2

BAB II..... ...............3TINJAUAN TEORI. ...............3

2.t SISTEMINFORMASI.............. . .........32.2 SARANA DAN PRASARANA ... ....3

2.3 XAMPP ........4

2.4 PHP,. . ...... . .....5

2.s MYSQL ...........52.6 CSS .......5

BAB rII ...,..............6PEMBAHASAIiI HASIL / PELAKSANAAN KERJA PRAKTEK ...........6

3.I RUANG LINGKUP MATERI/KEGIATAN . . ,..6

3.2 BENTUK KEGIATAN............. . . ... .......6

3 3 HASIL KERJA PRAKTEK ........7

3.3.1 ANALISISKEBUTUHANDATA ......83 3.2 ANALISIS KEBUTUHAN USER ...... .8

3 3.3 ANAIISIS SISTEM YANG BER.IALAN. , . ... .......8

3.3.4 FLOWCHART...... .... ..........8

3 3.5 CI,ASS DIAGRAM 9

3.3.6 SEQUENCE DIAGRAM....... ..... . ... .. . .93.3.7 ACTIVITY DIAGRAM . . 10

3.3.8 KEBUTUHAN SISTEM PERANGKAT KERAS . . .17

3 3.9 KEBUTUHAN SISTEM PERANGKAT LLTNAK . . -. . ...17

STRUKTUTTABEL ...17TABEL ADFIII{ ...".1i

TAB}]I, CLIT]NT , 18

vi

UNIVERSITAS MEDAN AREA

4.1

4.2

BAB rV....PENUTUPKESIMPULAN

SARAN....

DAFTAR PTISTAKA .......LAMPIRAN LAMPIRAN

,526

vii

UNIVERSITAS MEDAN AREA

BAB I

PENDAHULUAN

I.I LATAR BELAKANG

SMKN 3 Medan adalah sekolah negri yang terletak di Jl.STM no.12B Sitirejo II,

Kec. Medan Arnplas Kota Medan, Surnatra Utara 20217. Merniliki jurnlah kelas 38 rornbel,

Jurusar atau peminatan yaitu Teknik Kimia Industri dan Teknik Kimia Analis yang merniliki

akreditasi sekolah A. rnemiliki prestasi yaitu lomba kompetensi sisr.va tingkat nasional,meraih

mendali ertas, SMKN 3 Medan rnerniliki lapangan yang sangat luas dan kelas kelas yang sudah

di perbaiki.

Di masa pandemik ini teknologi sangat berperan pentig baik dalam proses belajar,

rnengajar dan sebagainya. Dalam meningkatkan kinerja agar lebih efesien dan efektif harus

rnengganti yang manual ke system yang terkornputerisasi. Pada saat saya rnelakukan KP

tnenemukan berbagai masalah di antaranya masih banyak data yang di sirnpan di kertas (manual )

sehingga dapat rnenimbulkan data tersebut hilang, rusak dan tidak efisien j uga efektif dikarenakan

dalarn proses pencarian data tersebr.rt memerlukan waktu yang lurnayan larna. Diantara masalah

tersebut yaitu pengarsipan data, data sarana dan prasarana, data labor,data siswa yang sudah tamat

dan sebagainya.

Berbagai masalah yang ada penulis fokus ke pada bagian sarana dan prasarana,

dikarenakan system yang masih manual atau belum terkomputerisasi. dan juga dalam proses

perninjaman dan juga pencariart yang nrasih tidak efektif dan efesien. Dari masalah tersebut saya

rnenciptakan aplikasi SARPRAS di niana dalarn rnenjawab permasalahan tersebut. Pada aplikasi

SARPRAS ini pegawai tidak perlu lagi mencari data di kerla yang memerlukan waktu yang cukup

lama dan juga dengan adanya aplikasi ini dapat rnembantu mempercepat dan menjaga data

sehinggal lebih efesien dan ef'ektif'.

1.2 RUMUSAN MASALAH' Bagauriana mengimplementasikan aplikasr sarpras pada smk negeri 3 medan agar

3erfungsi dengan baik ?

tt

UNIVERSITAS MEDAN AREA

1.3 TTIJUAN

Adapun tujuan nya adalah mengubah yang manual rnenjadi terkomputerisasi,

menghasilkan aplikasi sarana dan prasarana berbasis web, rnernperoleh kebutuhan

rninirnal perangkat lunak sarana dan prasarana berbasis web, untuk rnenciptakan proses

yang lebih efektif dan efesien.

MANFAAT

Adapun manfaatnya yaitu memudahkan pegawai dalam mencari data data yang

dibutuhkan dalarn wakyu singkat, rnenjadikan aplikasi sararla dan prasarana berbasrs web

ini membantu smk negeri, ineningkatkan kinerja dan mengurangi penggunaan keftas,

menciptakan kinerla yang jauh lebih efesien dan efektif

] 5 WAKTU DAN KP ( KERJA PRAKTEK )

Waktu yang dilaksanakan penulis nntuk kp ini adalah I (satu) bulan terhitung dari tanggal

1-1 agtrstus sampai 14 september 2A2A. Lokasi yang rnenjadi tempat kerja praktek penulis adalah

-rnk negeri 3 rnedan. Alarnat/telp. Kantor : JL. STM NO l2B, SITIREJO ll KEC MEDAN

\MPLAS, KOTA MEDAN. SUMATERA UTARA

r.4

UNIVERSITAS MEDAN AREA

BAB II

TINJAUAN TEORI

] I SISTEM INFORMASI

Menurut (Dengen, 2009) berpendapat bairwa Sistern lnfonnasi mempakan

,'ekumpulan,susunan terdiri dari sejurnlah perangkat keras, perangkat lunak dan tenaga

pelaksanaannya yang bekerja dalarn sebuah proses berurutan, secara serentak saling mendukung

agar menghasilkan suatu produk.

Sistern Informasi menurut (Susanto, 2008) adalah " kurnpulan dari subsistem apapun baik pisik

rnaupun non pisik yang salirg beftergantungan antar safu sama lain, bekerja sama secara harmonis

Lurtuk rnencapai satu sasaran yaitu mengolah data sehingga memperoleh infonnasi yang berarti dan

:-.erguna". (Stair, 2007) rnenjabarkan bahwasannya sistern infonnasi berbasis komputer (CBIS), dalarn

.ejurnlah organisasi terdiri dari beberapa komponen - komponen berikut :

, Perangkat keras, yaitu komponen yang dirnanfaatkan agar dapat rnelengkapi sejurnlah kegiatan

:rasukan data, memproses data, dan juga keluaran data.

. Perangkat lunak, program dan instruksi yang diberikan kekomputer.

- Database yaitu kumpulan data, infonnasi yang diorganisasikan sebagus mugkin sehingga

'rernperoleh ke mudahan pada saat diakses pengguna.

: Telekomunikasi, yaitu suatu alat yang menghubungkan antara pengguna srsteln dengan sistem

. .rnputer secara serentak kedalam jaringan kerja yang lebili efektif

, \4anusia, pesefia dari suatu sejumlah sistem infomasi, yaitu rnenajer, analisis, programmer, dan

.rerator, dan juga tanggung jawab terhadap perawatan sistern.

- ] SARANA DAN PRASARAI{A

Menurut Mulyasa (Mulyasa, 2003) sarana pendidikan adalah peralatan, perlengkapan yang

-:ara spontan digunakan dan juga mernbantu progres pendidikan, khususnya progres belajar

ingaiar,semacam gedung, ruangan kelas, meja. kursi. dan juga alat-alat, media pengajaran. Dengan

-.,n\'8 Ssron& pendidikan akan dapat berperan efektif ketika penggunaan sarana tersebut diperdayakan

-:r tenaga kependidikan yarg bersangkutan secara optirnal. (Bamawi, 2012)

UNIVERSITAS MEDAN AREA

berpendapat bahwa prasarana pendidikan adalah kurnpulan perangkat kelengkapan dasar yang

secara tidak spontan menunjang pelaksanaan proses pendidikan di dalarn sekolah. Oleh karena itu

sarana,prasarana pendidikan adalah sejumlah kesatuan yang mendukung tercapai dan terjalankan

proses belajar, mengajar dengan baik dan juga optimal.

] 3 XAMPP

Menurut (MADCOMS, 2016) "Xampp adalah kumpulan software yang terdapat Apache"

\lySQL, PhpMyAdmin, PHP, Perl, Filezilla," Xarnpp bergrura dalarn hal meringankan instalasi

rrngkungan PHP, biasanya dalam pengembangan web memerlukan PHP, Apache, MySQL serta

PhpMyAdmin. XAMPP adalah sejurnlah software web server Apache yang didalamnya sudah tersaji

Jatabase server MySQL, mendukung PHP prograrnming. XAMPP merupakan singkatan X (bagi empat

-istem operasi), Apache, MySQL, PHP, Perl rnengimplementasikan mengenai Apache dan MySQL

:dalali sebagai berikut:

1) Sekilas mengenai Apaclie

Apache merupakan salali satu modul dalarn perangkat lunak XAMPP yang berguna

sebagai web selver. Software ini ada untuk berbagar' macan sistern operasi, diantaranya

lJnix, GNU, FreeBSD, Linux, Solaris, Novell NetWare, ArnigaOS, Mac OS X, Microsoft

Windows, OS / 2, TPF, dan juga eCornStation.

2) Sekilas Mengenai MySQL

SQL adalah seblrah bahasa yang sering dimanfaatkan dalarn hal relational database

management systems (RDBMS). SQL diperdayakan untuk rnelakukan beberapa perintah

seperti update data data dalam web. Agar dapat rnenjalankan berbagai tugas tersebut

dibutuhkan perangkat lunak pada Database Managernent Systems (DBMS) diantaranya

MySQL. Oracle, Microsoft SQL Server, Microsoft Access, dan masih banyak lagi. Setiap

software database rnerniliki bahasa perintah / sintaks yang beragam, narnun pada prinsipnya

rnempunyai makna dan juga fungsi yang sama

4

UNIVERSITAS MEDAN AREA

)4 PHP

Menurttt (Firman, 2016) php adalah 5able5 pemrograman open source yang sangat pas

.ltau terfokus untuk pengembangan web dan juga dapat ditanamkan pada skripsi hhnl. Bahasa php

Japat dibilang suatu yang menggarnbarkan sejurnlah 5able5 pemrograman diantaranya c, java, dan

irga perl sefta mudah untuk dipahami. Php adalah 5able5 scripting server - side, dimana

.'.lnrosesan data diperbuat pada sisi sen'er. Sederhananya, serverlah yang akan rnelakukan

:'enerjemahan sknp pada program, setelah itu hasilnya akan dikirim kepada client yang melakukan

.'r'rizinan.

: 5 MYSQL

Menurut (Maulana, 2016) memaparkan MySQL adalah sebagian jenis database server

.lng marak atau terkenal. Kepopuleran disebabkan Mysql memanfaatkan SQL sebagai bahasa

.'ial dalam mengakses databasenya. Mysql termuat -jenis RDBMS (Relational Database

.latlagement Systern). Pada Mysql. sebuah database tercantrnn satu atau beberapa tabel. Tabel

--:-drri atas beberapa baris dan setiap baris tennuat satu atau beberapa kolorn. dalam mengelola

:tabase Mysql ada beberapa cara yaitu melalui prornpt DOS (tool command line).

CSS

CSS (Cascading Style Sheet) adalah stylesheet language yang dirnanfaatkan sebagai

:ndeskripsikan penyajian dokunen yang dibuat dalarn mark up language. CSS adalah sebuah

rttlrleil yang sangat berguna dalarn melakukan pengaturan pada konrponen halaman web, fokus

--r dokumen ini adalah memfonnat pada halaman web yang standar menjadi bentuk web yang

,:niliki kualitas yang lebili indah dan rnenarik dalam penyajiannya.

:6

UNIVERSITAS MEDAN AREA

BAB III

PEMBAHASAN HASIL / PELAKSANAAN KERJA PRAKTEK

RUANG LII\GKUP MATERVKEGIATAF{

Lokasi yang rnenjadi ternpat kerja praktek penulis adalah SMK Negeri 3 Medan.

Alamat : Jl. STM No.12B, Sitirejo II Kec Medan Amplas, Kota Medan, Sumatera Utara

Sekolah SMK Negeri 3 Medan ini dibangun pada tahun 1964 berlokasi di Jalan STM No.l2 B

iarnpung Baru Medan. SMK Negeri 3 Medan rnerupakan salah satu sekolah menengah kejuman yang

ida pada kota Medan. Sekolah ini mernfokuskan pada kejuruan teknik kimia. Sekolah Menengah

{e.iuruan Negeri 3 Medan juga rnenyediakan pendidikan khusus Program Keahlian yaitu kirnia

lndustry dan kimia analisis. Pada saat kami di SMKN 3 lvledan saya mewawancarai pks rintuk

:retnperoleh informasi,dalarn wawancara yang saya dapatkan yaitu rnasih banyak dan systern yang

.la dalam sekolah, masih manual contohnya yaitu dalam mencatat barang barang yang ada didalarn

.:kolal-r tersebut baik itu kursi,rneja dari sebagairrya rnasih dalarn kerlas dan memerlukan waktu dalam

:r'rSeS poflcariannya sehingga sangat tidak efisien dan efektif,oleh sebab itu saya ingin berusaha

:enciptalian aplikasi yang dapat rnemudahkan dalam mencata barang tersebut secara online atau

::'komputerisasi. Setelah rrenernukan masalah tersebuk karni pun rnerancang aplikasi tersebut agar

,pat digunakan. Setelah tiba waktunya saya memperlihatkan hasil yang telah saya buat,rnemang tidak

i jltu sempurna tapi saya akan lebih rneningkatkan aplikasi tersebut agar dapat digrmakan dengan

.'.aik baiknya

] BENTTIK KEGIATANUntuk rnendapatkan sebuah infonnasi dan garnbaran urnurn untuk membangun

. 'Lrah sistem dan irnplernentasi yang baik, rnemerlukan sebuah diskusi dan komunikasi dengan

:r suru dan staff bagian sarana dan prasarana yang mengurus tentang alat alat yang ada di

.' .riah.

.r-tpun metode yang digunakan uutuk menghasilkan sebuah kesimpulan untuk membangun

','rn Aplikasi SARPRAS berbasis Web pada SMK Negeri 3 Kota Medan adalah: Wawancara,

'.'rr asi dan perancangan sistern.

UNIVERSITAS MEDAN AREA

AMA KEGLATAN

AHAP KOMUNIIGSI

WAWANCARA

OBSERVASI DAN

PENGAMATAN

SISTEM YANG

BERJALAN

PENGI]MPULAN DATA

TATIAP PERENCANAAN

SPESIFiKASI DAN

KEBUTUHAN

SISTEM YANG AKAN

DIBANGUN

MENGANALISIS SISTEM

YANC

AKAN DIBANGTII{

TAIIAP

PEMBANGUNAN

PENGKODINGAN

SiSTEM

IMPLEMENTASI DAN

PENGUJlAN

SISTEM

UMENTASI

PEBUATAN LAPORAN

TABEL JADWAL KEGIATAN

J.3 HASIL KERJA PRAKTEK

Adapun hasil kerja praktek diperoleh dari rvarvancara serta observasi pada smk negeri

. )ia inedan.

YO. VITNGGU

KE-1 KE-2 KE-3 KE.4

t.

,

6.

UNIVERSITAS MEDAN AREA

3.3.1 ANALISTS KEBUTUHAN DATA

A. DATA BARANG

Digunakan untuk memasukkan dan menyimpan data barang yang ada di sekolah

tersebut

B. DATA RUANGAN

Digunakan untuk nremasukkan dan menyimpan data prasarana yang ada di lingkup

sekolah.

3.3.2 AI'{ALISIS KEBUTUHAN USER

Melakukan proses input, edit dan hapus kebutuhan data untuk administrator, sedangkan

r-rser dapat meminjam barang dan melihat apakah barang yang di piryam telah di setujui,dan

melihat apakah kondisi barang tersebut masih bagus apa sudah rusak

3.3.3 ANALISIS SISTEM YANG BERJALAN

Setelah melakukan wawancara, diskusi serta observasi terhadap staff bagian sarana dan

prasarana yang mengurus tentang perninjaman barang dan penanggung jawab apa saja yang ada

di sekolah pada smk negeri 3 medan masih meggunakan cara manual.

Berdasarkan analisa diatas, maka penulis mengusulkan sistem yang lebih efektif dan lebih

atnan terhadap kehilangan atau kerusakan data, yaitu sistem informasi sarana dan prasarana

berbasis web. Sistenr ini lebih efektif dibandingkan sistem yang sebelumnya, karena petugas

lrdak perlu lagi rnencatat ke dalam buku. Petugas hanya tinggal memasukkan data ke sistem yang

ierhubung dengan database sistem sehingga membuat pekerjaan petugas lebih etlsien. Analisis

t ang berjalan tentang sarana dan prasarana sekolah dapat diuraikan dengan salah satunya adalah

:lorvchart, class diagraln, sequence diagrarn, activity diagrarn

J.3.4 FLOWCHART

Menurut (Nurrnalina, 2017) florvchart adalah representasi secara simbolis dari

.:.jurnlah algoritma untuk menyelesaikan beberapa masalah , dengan florvchart akan

':eringankan User melakukan proses pengecekan bagian bagian yang terlupakan dalarn analisis

-:asalah. Flowchart juga melayani dan memahami urutan urutan logika yang rumit.

orvchirt adalah se-iumlah jenis diagram yang rnewakili algoritma, alur kerja i proses, yang

-';nampilkan tahap - tahap dalarn hal simbol-simbol grafis, urutannya disambungkan dengan

,nah. Diagram ini rnervakili ilustrasi atau gambaran dalam penyelesaian suatu masalah.

It

UNIVERSITAS MEDAN AREA

Flowchart dimanfaatkan sebagai media dalam menganalisis, mendesain, mendokumentasikan

atau memanajemen sejumlah proses atau program di berbagai bidang (SEVOCAB, 2008).

Ada 4 jenis flowchart secara umum menurut (Sterneckert, 2003 ) antara lain:

l. Florvchart dokurren, menampilkan suatu kontrol dari beberapa sistem alirandokumen

2. Flowchart data. menampilkan kontrol dari sejurnlah sistem aliran data

3. Florvchart sistem, menampilkan kontrol dari sejumlah aliran secara fisik

4. Flowchart program, menampilkan kontrol dari sebagian program didalam sistem.

Flowchart dimanfaatkan sebagai media dalam rnendesain,mendokumentasikan proses.

Sepertijenis diagram yang ada, diagram ini meringanlian dalarn menarnpilkan apa yang sedang

terjadi, dengan demikian dapat menrbantu mengerti sebuah progres. Dan mungkin saja

menentukan kelemahan fitur.

Terdapat sejurnlah garnbaran flowchart, dan setiap bentuk mempunyai urutan dan peranan

uiasing-masing. Dua bentuk persegi yang sangat sering dirnanfaatkan dalam flowchart yaitu:

1. Langkah pemrosesan. disebut sebagai Langkah dalam pernilihan. dan dinotasikan

persegi panjang

2. Keputusan, biasanya dinotasikan dalam bentuk belah ketupat.

3.3.5 CLASS DIAGRAM

Merupakan keterkaitan antar kelas, penjelasan lengkap dalarn tiap-tiap kelas dalam model

Jesain dari seiurnlah sistem, juga rnernperlihatkan ketentuan dan tanggung jawab entitas yang

lemilih perilaku sistem. Class diagram menampilkan itern-item dan juga operasi-operasi dari

sebuah kelas dan constraint yang saling berkaitan dengan objek yang dikoneksikan. Class

Jiagram secara khusus meliputi : kelas, relasi assosiations, generalitation aggregation, attribut ,

operasi dan visibility, tingkat akses objek eksternal kepada suatu operasi atau attribut. HubLrngan

,rntar kelas memiliki keterangan yang baca dengan multiplicity / cardtnality.

J.].6 SEQUENCE DIAGRAM

Sequence diagram memaparkan kelakuan objek pada use case dalam mendeskripsikan

.i aktu hidup objek, pesan yang dikirimkan dan diterima antar objek. Menurut (Dede Wira Trise

:)utra, 2019 ) sequence diagrarn medesain kelakuan objek pada use case dengan mendeskripsikan

.iaktu hidup objek dan pesan yang dikirimkan, diterirna antar objek. Gambaran sequence

.11agram dibuat rninimal sebanyak pendefinisan use case yang mempunyar proses sendiri atau

ang penting semua use case yang telah diartikan sebagai interaksi jalannya pesan sudah dicakup

UNIVERSITAS MEDAN AREA

pada sequence diagram sehingga semakin banyak use case yang didefinisikan, maka akan

sequence diagram yang harus dibuat juga semakin banyak

3.3.7 ACTIVTTY DIAGR{M

Activity diagram menampilkan workflow (aliran kerja), aktivitas dari suatu sistern atau

progres bisnis. Menurut (Setiady, 2014) activity diagram memaparkan workflow (aliran keqa)

atau kelakuan dari sejurnlah sistem atau proses bisnis. Yang menjadi acuan disini adalah

bahwa diagram aktivitas memaparkan aktivitas sistem bukan apa yang dilakukan actor, jadi

aktivitas yang dapat dilakukan oleh sistem. Dibawah ini merupakan activity diagrarn

desain template papan bunga. Menggambarkan kelakuan objek pada use case dengan

rnendeskripsikan waktu hidup objek dan message yang dikirirnkan dan diterima antar

objek. Dibawah ini merupakan sequence diagram pilih desain template papan bunga.

10

t

UNIVERSITAS MEDAN AREA

A FLOWCHART

:i:F

1l

AOtfit{

UNIVERSITAS MEDAN AREA

CLASS DIAGRAM

;q:3-.-*--******+ w'ce(i

Ji.^".-..-- --*-,.*--{,*,'.."--.-...--"-,*-*.*',-.-.--.;!1I;:i:i,i-rf/ffiffi

+ ld-Jrif

+ na6..*-bri&1$

i Fe&6prP*n

* inri$r*b*$*g+ **!*CqLFu,.rq,

1t!iwx:1,*trbet,

+d-be|*h$ .

r ffii{:brrHg. :ritr{rr+l-}Eeftg

r *arq*si,#.!.;ssr

+.ltEBed-i{tEi$}

n s*Ee:hstrlE ,

+ ;*8iih

i rdr*gE: ptuias

r *dl:

.eJew

12

n Bfrgg*j_ilEsbii;

+ *-$affi*

+ ft*i-*a.{&*

r ;Ai6t Gl\,&E

i iaggelkemb.!

titttiltlil

---__4......-"_

t

UNIVERSITAS MEDAN AREA

SEQUENCE DIAGRAM ADMIN:wwffi

i aksesrlashb*ard I litliFrrr*1tSry,i------,: Irl,, dastrboard Snrpras r I

t{*** ****JI tanroilan dashboard - i[ '-'---'-- :--

I}JiI memaneqil dashbosrd . I

-

sirnp** da{a sarpras

! inrput ilata s*sprcsi proses relesaif [apiEExa urp,as-

.- - - - - - Il'hapiis data sarpras I II

I nreminta d$ta akanir dixtujuiI

I "' rrerlYirnptnt psrutrahan dat* Il*-*"*'-*. -*---#i prpsesselesai -3

r h;n;tiiiilaialar6ras- - * *"" 1*m3,:gqrslp:tt _ .- _ _ _ "jnrasirkkanptrubahan i! menampllkan data

t

-* " .*'-"-" **.","--. **#

me*ynlpfi11

;*e*rhrhanpmses selesai

ft**nm,lr**r,rBiniam '* -*"--"i

I tonflrnraslI

- * --- $I proses selesai - I

13

WI

I1

l

IlI

I!

I

II

UNIVERSITAS MEDAN AREA

SEQTTENCE DIAGRA}I T SER

ffiwI

;

I

lttttllpanggildashh*ard i I.'**.***_;1l-ry:ry _*_",*-**>f iI t*nrnlta* dashborrd I II

I bcun l*:r:.::r::: ---------nir-,- I t$*** **i{*y*** iFro:essete*ai iI 1 dastrb**rd rn*nupiniafii I t[ , X kiik m*r.rlr 6]iniar* Itlrt

I ^-^-;.;*;^"- II 1 I oen8i:far date ;

1l1lt I ;Froseseelasal ;H--* *J-* L--- *-**-rtlti

| 1 r ^1r.L r^-*-^r -,-:--, ,i pll?h tenggal pinjam i

l1

lprosesselesal

1il

UNIVERSITAS MEDAN AREA

M Ei TIDAX*+

IYA i

{CTTVITY DIAGRAM PE}III\JAMAN USER

i-ri c)!e:

ar;=ffiil r DAK

q.--'-.'**'

o

o i:p, dsi.;3a:e

,-ri

J ;' i /\ l lt:, ir1 ti l"i ii t!.'t

,r{-" *. -*, **"_*t

llnli it:rii.itrll ll1

1.?ifrlirt.!,'1f ,

ri_r itt tit Li..:j., l{ t a

f)n i::r,1,,:.!l

-i!rr,i.a!:j.: irr,.,

'\,-.:: . :ii I :.r..ri:"1.i l!:rj j ili i)l:rii\4 !:il ii

i:r L', irrt tr

UNIVERSITAS MEDAN AREA

.{CTIVITY DIAGRAM PEMINJAMAN ADMIN

! i--, Ll

-iDiA(

t+

?

*

16

ffi{

-tI

UNIVERSITAS MEDAN AREA

3.3.8 KEBUTTIHAN SISTENI PERANGKAT KERAS

Kebutuhan perangkat keras yang digunakan dalarn pembuatan system ini terdiri dari :

\. Laptop

B. Processor intel core i5-8250u

C. Memory yang digunakan 4 gb

f Harddisk berukuran I tb

3. Keyboard dan mouse

3.3.9 KEBUTUHAN SISTEM PERANGKAT LUNAK

Kebutuhan perangkat lunak yang digunakan dalam pembuatan system ini adalah

...bagai berikut:

{. Sistem operasi windorvs 10 ultimate 64 bit

B. Xarnpp versi 3.2.2

('. Bahasa pemrograman php

D. Web browser google chrome

E. Database mysql

F. Text editor sublime text

STRUKTUT TABEL

\dapun struLlur tabel database yang akan dirancang untuk sistem yang akan dibangun adalah

.ebagai berikut

TABEL ADMIN

FIELD NAME T\?E SIZE

ID-ADMIN INT 11

USERNAME VARCHAR 20

PASSWORD VARCHAR i00

NAMA VARCHAR 40

17

UNIVERSITAS MEDAN AREA

ID LEVEL iNT 10

TABEL CLIEI{T

FIELD NAME T\?E SIZE

CLIENT-ID INT 128

USERNAME VARCHAR 128

PASSWORD VARCHAR 128

FIRSTNAME VARCHAR 128

LASTNAME VARCHAR r28

THUMBNAILS VARCHAR 200

TABEL CONTENT

TABEL CONTENT

FIELD NAME TYPE SIZE

CONTENT ID VARCHAR 100

TITLE I\/IEDIUMTEXT

FIELD NAME TYPE SIZE

DEV-ID INT il

DEV-NAME VARCHAR 100

TABEL SLOT LOKASI

FIELD NAME TYPE SIZE

STDEV ID INT ll

STDEV LOCATION NAME VARCHAR r28

THUMBNAILS VARCHAR 100

18

I

UNIVERSITAS MEDAN AREA

IMPLEMENTASI

Adapun hasil dan rancangan sistem yang telah dibuat dengan data yang penulis

dapatkan pada lokasi tempat kerja praktek adalah sebagai berikut.

I. FORM TAMPILAN UTAMA DAN LOGIN

Gambar di bawah ini adalah tampilan utama dan sekalian tempat buat login ke dalam

aplikasi sarpras

S! ltnlr.iaea Emrg;e*l* x +

+ . G Oiedholt&eEiar,

Selamat Datang

Daftar Barangh t:.Bia ;ai! rrgrn $pinj# $n dliiir berarg drbrriih

th

al tr .., 'ill l-i ) .

rrJ:.' o ; ('i ,. ...-."

rJ

#

a,lt" t.

F,

1g

-ox* q * *O i

Ptrnl$miltrngS.bhi

UNIVERSITAS MEDAN AREA

FORM TAMPILAN ADMiN

Pada gambar di barvah merupakan tampilan utama admrn

DasirL:old

Ini adalah proses dimana admin

EtIC()6^*ft4*

tidak setuju untuk peminjaman barang

k&r&*

menyetujui dan

,,,,, E

Perminban Pemln eman

PGmitu F.ntnj.E.r

l{c. 8i.3n9 N'NJ pcminjnD Jrbltrn/(cli! ,nl Birars Isl Pinjin

E

tr ^E;:<li 4

Ini adalah proses dimana kon{irmasi barang yang sudah selesai di pinjam

2A

Peminjaman Barang Sekolah

a oashboard

Il Pemit 6tr

? Pemintnan Pemi.{aM

It BarangDipiqam

, Xonfimci Bararg (embali?

I aarang (wbali

ffi Barang

I Urr

o Lotput

6':^66+?i.Ci* xlt{r?}th.Bc}p

+ C Ol@hoil,q+r4laanr.'lri^rr6s.Fil

Pernir{aman Earang Sekolah

a kturd

t Pdnl.na

lU*,

n4@

oxq,-o *a i

W*icnnre, adrlrin

Dasbbaand

ffiffi

1

3-ir;i1(i l),!,rLrfil

t.ri

x

!a

UNIVERSITAS MEDAN AREA

gr'.a9 Din rjiF

\o itlra Br:fE \.ili o.Bi.j3,f li.irr,r i. :! lnl Br.i.g rrr p i,rr

ox*O i

q ,id:lir

\o $oeirm

^. o r.a.. ..- E

^ o i (,) ,,:,-,,,, E

tE@r.,

) lr:ill'(t:t:ir Hi L E

FORM TAMPILAN USER

PENGISIAN DATA

",&

Pada bagian user dapat meminjam yang akan di setujui admirLpengisiaan data , melihat

stock apakan barang yang di pinjam masih ada atau tidak.

Etu',1!rMaa&$s.d'n x + - O X

6 ) C Orch@rk')ri(,i#.D$r 6 Q t f O i

Selamat Datang*eE

Daftar Earang

Ad.f

I sux rsoep, r uroo* I

I srr xrf,'A xr6," I

E4

I

21

A x.6iqtlr

Peminiaman Barang Sekolah

F ftmi4lna'

E &6q

t ser

I,t

_e.\F,

!CD

i r:rr{ I

:.i.

Tgl {efibar.

:a

C*.ak

r:--:---l

_ii;

UNIVERSITAS MEDAN AREA

fi f-i.i_iiri.t x I l11aw*1, x,|.re1.r1*11.1".I.e1a}ry I Elpe*,e.""r...,.'*,tu# x +

t' C O l*trastiHr#a*!.$e$-ln,tds,ixpiu*.|sE=*g:&ld,baangs2

'Peminjaman Barangutcl1llc

rqhmhtrD

khuJ{M

. .k.krq

5JB, JmtsnMq

t!r p6F

. lttx&U

,@

ai:

i

-6

cl *. iO

^ o , () ,. i,',,,, B

-0

t e * *€)

^c:,i41,,]-.. e

x

xs

x* .t

]

6,I :41*.

ia ti

SETELAH DI KONFIRMASI

HBr'mBs;NiOdk@ WI-Qxkdt.rlBer

: rgl6*{.m

,t*i*u:

1I@

rco

I

@Emk&s-@-m

6 kEA:A- r(Co

22

'$ [9 .. .i-l

UNIVERSITAS MEDAN AREA

G 1-.;*+"01* * t- llx"*y., I , .T ,*r*Tle".yyT_ x.. E0 ft.s*bseriEniqlm.h

€ g 0!*rlhq;sglrar,cmrri.GiFhp';;*ea*=.4

pkilril& s$ie$ briq t dri*r{ 6k rde.t$D.qi.@! qi gflek fijpsxr$ wieiWiopa&4D&ril{&tts

I s{xteiMMiffiedg.?!6 ti**idr, Sffi : Fri SlSdq !i }(is tue*{d Il@MHmErorr:{s

@

:t p Tlseheretosearch tr ,.. & ,.1

-oxs s * *c i

^ o ,; (i . i,',,,, B

UNIVERSITAS MEDAN AREA

1.1

BAB TV:

PENUTT]P

KESIMPULAN

Aplikasi sarpras merupakan aplikasi yang sudah terkomputerisasi. Dengan adanya

aplikasi ini di harapkan mampu mernudahkan,memberikan ke efesien dan ke efektifan dalarn

pencatatan data yang awalnya masih menggunakan kertas ( manual ) beralih ke web site tanpa

perlu takut hilang dan juga rusak. Keelektifitas dan keefesienan rvaktu, kerja dapat tercipta

dengan adanya aplikasi sarana dan prasarana.

1,2 SARAN

Adapun saran penulis unutk aplikasi sarpras berbasis rveb ini adalah rneningkatkan u,eb

ini dengan lebih efisien lagi ,merancang web ini rnenjadi aplikasi android, rnenjadikan

pernbelajaran ke pada saya umum nya agar rnenciptakan aplikasihasil pembuatan penulis sendiri

bukan arnbil ternplet lagi.

1

24

UNIVERSITAS MEDAN AREA

DAFTAR PUSTAKA

BAHRT,P D (1997). DTAGRAMCONTEKS

BARNAWT. (2012). SARANA DAN PRASARANA.47_ 48.

DEDE WIRA TRISE PUTRA, R A. (2019 ). SEQUENCE DIAGRAM. (INII,'NTI

L,TO DIi 1, I,TN G t,A}I G I TAG L r L IMT, ) DALA M }, Ii rulNCAN (;A N S I S T, Ii M. 33

DENGEN. (2009). SI STEM INFORMA SI. P I,: N G O IAH A N D,4 7-A }TII H AB I I, I 7'A S IP E AIYA LAH (-; U]VA A N NA RKO B A, ] 4.

FIRMAN, W. &. (2016). PHP.

KzuSTANTO. (2008) DFD 35.

MADCOMS. (2016) XAMPP. 19

MAULANA (2016) MYSQL

MULYASA (2003). SARANA DAN PRASARANA. 4e.

){URMALINA, S. &. (2017). FLOWCHART.

PRESSMAN, S (2012) DFD"

StrTiADY, H (2014) ACTiVITY DIAGRAM. SISTEIz{ IlVt-O}tMASt PliA,lliSANAN DAt\r

PE]V,I(IAI,AN BE:RBASIS WLB PADA DIJI4/I FLONST' .4SEVOCAB (2 008). IN S O I ;TWARli AIV D .SI'S7Z/,1S t i NGl N l, l' R] \VG t/O C A B ( I LARY 7'E R M :

F LO W(' H A Rr }IE 7'}?I EV 1., D.

STAIR. (2007). KOMPONEN SISTEM INFORMASl. SIST'[.,M INI;OIIMASI RIiRBASIS,g.

STERNECKERT, A B. (2003). IN CR177(.:AI, IN(:IDEN|' MANAGEMI:NL"

susANTo, A. (2008) sisrEM INFORMAST . stsT't.tut INt'oRt\LLst ,4K::':ANSI.

?5

UNIVERSITAS MEDAN AREA

$p.r

LAMPIRAN.LAMPIRAN

t'Ax til.TA.ri I t:xrilxI'l{(}R(;RA M S',t't r J}t T}:X Nt X,ly r( rn rtATtx

^JrLa Xdra rtorr* I ilrd:a l tlrlr, ttrdri IOIIJ

j r ourt rt \ r r JtA\, t,l rt Brrtrlr\(; r.Apl x(; ,r rr

l{o ll*lnnsr

ttu Lr*l.d

lH*u t rr,ltit

lbhtrl

FOAIH rEI{tt,A tAH ffi M$t{H $rht{; t,AfAt{{;At{$*agai Prmbimbiag l.apngaa li*rjr lt*ttct rr!*h&$ii*,e;

Narna r ./{1on*.rr*grJ,

r,rrh{ : ".}1.{.t{trs. ".

5ctcloh rncngii"uri Jrulll:xrnlurn licri:r t'raltcl. mahari..lra tcr,xhlrt, rtihjril.;rn !ll ,\l

y,"rrri ;:,t#,

zva :1

$15,rV--.---- i .

rcu, 'i Ql

...*r t n...lr:*:l*.t"...........

nsPIiiPli:r..ll-A lr\ lJ D[-S]il{ll'\1,\\l,l:1. I,l'ill A,,\tJ

{lJ()lr(rl . \1,{}l(}

t.B,u

11 ,l,'),(l

[?,t.,

LLn{mlu.rt (r,ltrrl. rrrrr,,t0tlr.rr!,rrr i, f,.l,r, 1,.i.

KomuniL:ri m.'nlenl;;i-lr rrrJnF IJrtr ir:rlrrl:':r,ri.rri:ra'JJ drLtlf. rl;tr) lr(J:,l.ir}_lI ru.P(,1

.polltii-ranprntT1J..:rlr;,lrlrnlinll:lrilrrht;!lllim:mpu;n mrl]:riin l.rrj:rr:rrr r!ll;m tirn.pti-r Jlrrt I.t'l' 11g!1;171 , t ti..' LIrr rhrrh ttt ita dra '' flriti'i..TiI:trt L,rrrl;rDu ,lilJm Jl.lt..t!;!. ltfr

_ -^r:1ll rr-.,.'n..;gai rulr:n ,ilr 1..r,il \rrrr: f (.,.liil

l.n:t:mpu:n nrrrcrf on r:rf.t:r! ,{aiy:r nroll tilJ;,r ;rr'ih. r,[;.lr;ir I,-r,:-.,r.rn :.rr[, .:,1.r.

lnirialif drn nrrl:iuJgr !e,u:u trr:;s r.lirurujr j,rrr).rKrcatifitar marlt;rt3r:i h.:fihi-1ti'ln. )irnr i1it.:rpill.;rn

:Lt;r.r r!lr_rti,.iti,, r rtbrl { r lrrrg brrl.r,i,.,rl.uqrrlirr 1.1 rrrl

l.;r-iTlril.:n i,nlUL mf atlt,hi ;,:,rr:tn \i,tit i-,f,ri;tl.Ulliriplin rilr &prt r:rclrc.sil:rr Irtilri.u JJ rlJl;rl

Kcrjo dan hri.ri;r ^:rtrr,r rlcltii rl.rn ..J-1. i(-n .,rJt i,l.rn_!;r.ldapusi infrirr:*:r i:;ut. Jrsxi'1|;11,.ilLo.r ;rt-l: l,,r,l jri

i;n::l:!lr.rJn 1:r-, l:: ):rn!, hrri gde l

rr-_- -r-._:._ l'g.rll:,rlrl ::.1i.:n lu:t, rrltr rlibrrrl.:n t,lcltt-tnrct6:rln _ "- tt-., t ,..,,, , , .i.)n!il p(llj3tJn h:i.l.tlrr;J,lTussr

;1-r rf,'.: a l-.trrc:(-.;t,ll lrilrr,

,'f

L'irItr' ,

10,0

'I'O1'AL Nil..{r :

30e," i fl{ AnLT

flqt,i7

Fcmbimbiag

Narnr

NIX/NISN

talqtan

I-spa nga n

[]rs.5uuirnanlo

: trJB r!0Bt9980l I ttx.lt

\t!ka-dl: B idanu S.:rprar

{4r.,on t4 | .Q.2 i.:I!Ml.

26

UNIVERSITAS MEDAN AREA

:!::

].:

*olr -

I

B

DISKUSI DENGAN KEPALA SEKOLAH TENTANG UPACARA SECARA VIRTUAL

ffiEq;. - I',&*

.i :,:ffi'' ''h*"- 'i',

q

UNIVERSITAS MEDAN AREA

- '' 'a-"tr*

'- ' -*:-.-..

ffieRAPAT RUTIN BERSAMA

LIPUTAN DARI TVRI

KEPALA SEKOLAH BERSERTA JAJARAN NYA

28

In

ffi

T., |:

UNIVERSITAS MEDAN AREA

PENGISIAN DATA SIANJAD ( SISTEM INFORMASI ANALISIS JABATAN )

29

UNIVERSITAS MEDAN AREA