KERJA PRAKTIK

RANCANG BANGUN SISTEM E-ARSIP SMA

NEGERI 1 PETANG BERBASIS WEB DENGAN
FRAMEWORK LARAVEL

I KADEK AGUS ARISTIA PERAMANA 19101035

I GDE BAGUS NGURAH ADITYA DARMAGIRI 19101160
I GUSTI AGUNG INDRA YOGA 19101085

Dosen Pembimbing
CRISTINA PURNAMA YANTI,S.KOM.,M.S.KOM

PROGRAM STUDI TEKNIK INFORMATIKA

STMIK STIKOM INDONESIA
DENPASAR 2021
 HALAMAN PENGESAHAN

RANCANG BANGUN SISTEM E-ARSIP SMA NEGERI 1

PETANG BERBASIS WEB DEGAN FRAMEWORK LARAVEL

I Kadek Agus Aristia Peramana 19101035

I Gde Bagus Ngurah Aditya Darmagiri 19101160
I Gusti Agung Indra Yoga 19101035

Menyetujui

Dosen Pembimbing Pihak Perusahaan

(Christina Purnama Yanti, S.kom.,M.Kom.) (I Wayan Karyawan, S.Pd)

NIDN. 0801109301

Mengetahui
Kepala Program Studi Teknik Informatika

(Komang Kurniawan Widiartha, S.Kom., M.Cs.)

NIDN. 0826048702

ii
 KATA PENGANTAR

Puji syukur penulis panjatkan kepada Tuhan Yang Maha Esa,

karena berkat rahmat-Nya Kerja Praktik dengan judul RANCANG
BANGUN SISTEM E-ARSIP SMA NEGERI 1 PETANG BERBASIS
WEB DENGAN LARAVEL dapat diselesaikan.
Penulis menyadari dalam menyelesaikan laporan Kerja Praktik
ini tidak terlepas dari berbagai pihak yang telah membantu dalam
membimbing dan membantu baik secara moral, materi, dan ilmu
pengetahuan. Untuk itu penulis menyampaikan terima kasih kepada :
1. Bapak I Dewa Made Krishna Muku, M.T., sebagai Ketua STMIK
STIKOM Indonesia.
2. Bapak Komang Kurniawan Widiartha, S.Kom., M.Cs., sebagai
Kepala Program Studi Teknik Informatika STMIK STIKOM
Indonesia.
3. Ibu Christina Purnama Yanti, S.kom.,M.Kom., sebagai Pembimbing
Kerja Praktik.
4. Bapak I Wayan Karyawan, S.PD sebagai Pembimbing Lapangan.
5. Dan seterusnya.
Untuk itu kritik dan saran dari semua pihak untuk
penyempurnaan sangan penulis hargai.

Denpasar, 1 Oktober 2021

( Tanggal saat ditandatangani)

Penulis

iii
 DAFTAR ISI

HALAMAN PENGESAHAN .......................................................ii

KATA PENGANTAR ..................................................................iii
DAFTAR ISI ................................................................................ iv
DAFTAR GAMBAR ..................................................................vii
DAFTAR TABEL .......................................................................vii
DAFTAR LAMPIRAN ..............................................................viii
BAB I ............................................................................................ 2
1.1 Latar Belakang ................................................................. 2
1.2 Rumusan Masalah ............................................................ 4
1.3 Batasan Masalah............................................................... 4
1.4 Tujuan Kerja Praktik ........................................................ 5
1.5 Manfaat Kerja Praktik ...................................................... 5
1.6 Sistematika Penulisan ....................................................... 6
BAB II ........................................................................................... 7
2.1 Gambaran Umum Perusahaan .......................................... 7
2.2 Visi dan Misi Perusahaan ................................................. 7
2.3 Lokasi Perusahaan ............................................................ 8
2.4 Struktur Organisasi ........................................................... 8
2.5 Alasan Memilih Tempat Kerja Praktik ............................ 9
BAB III ........................................................................................ 10
3.1 Konsep Dasar Sistem Informasi ..................................... 10
3.1.1 Sistem ............................................................................. 10
3.1.2 Karakteristik Sistem ....................................................... 11
3.1.3 Pengertian Informasi ...................................................... 13
3.2 Definisi Arsip Dan Keasipan .......................................... 13
3.2.1 Jenis-jenis Arsip .................................................. 13
3.2.2 Arsip Elektronik .................................................. 14
iv
 3.3 Pengertian Database ....................................................... 15
3.4 Perancangan sistem ........................................................ 15
3.4.1 Context Diagram (CD) ........................................ 16
3.4.2 System Flow Diagram ......................................... 17
3.4.3 Event List ............................................................ 19
3.4.4 Data Flow Diagram (DFD) .................................. 19
3.4.5 Entity Relationship Diagram (ERD) ................... 19
3.5 HTML (Hypertext Markup Language)........................... 20
3.6 CSS (Cascading Style Sheets) ........................................ 20
3.7 Javascript ........................................................................ 20
3.8 Database ......................................................................... 21
3.9 Mysql.............................................................................. 21
3.10 PHP ................................................................................ 21
BAB IV ....................................................................................... 23
4.1 Metode Pengumpulan Data ............................................ 23
4.2 Data Primer .................................................................... 23
4.3 Data Sekunder ................................................................ 24
4.4 Analisis Sistem ............................................................... 25
4.4.1 Analisis Sistem yang Berjalan ............................. 25
BAB V ......................................................................................... 29
5.1 Implementasi Sistem ...................................................... 29
5.2 Even list .......................................................................... 29
5.3 Conteks diagram ............................................................. 30
5.4 Data Flow Diagram ........................................................ 30
5.4.1 System Flow Upload................................................ 31
5.4.2 System Flow Download ........................................... 32
5.5 Erd .................................................................................. 33
5.6 Struktur table .................................................................. 34
5.7 User Interface................................................................. 36
5.7.1 Rancangan Tampilan Login User .............................. 36

v
 5.7.2 Rancangan Tampilan Buat Akun............................... 37
5.7.3 Rancangan Tampilan Menu ‘Home’ ......................... 38
5.7.4 Tampilan Tempat Download dan Upload Rapot ....... 38
5.7.5 Rancangan Tampilan Tempat Download dan Upload
File 39
5.7.6 Rancangan Tampilan Dashbord Admin ................... 40
5.7.7 Rancangan Tampilan Tabel Guru ............................ 40
5.7.8 Rancangan Tampilan Form Tambah Data Guru ...... 41
5.7.9 Rancangan Tampilan Tabel Rapot ........................... 42
5.7.10 Rancangan Tampilan Form Tambah Data Rapot..... 42
5.7.11 Rancangan Tampilan Tabel Kelas ........................... 43
5.7.12 Rancangan Tampilan Form Tambah Data Kelas ..... 43
5.7.13 Rancangan Tampilan Table File .............................. 44
5.7.14 Rancangan Tampilan Form Tambah File ................ 44
5.7.15 Rancangan Tampilan Jenis File ............................... 45
5.7.16 Rancangan Tampilan Form Tambah Data Jenis File
45
BAB VI ....................................................................................... 46
6.1 Simpulan......................................................................... 46
6.2 Saran (style sub BAB) .................................................... 46
DAFTAR PUSTAKA.................................................................. 48
DAFTAR LAMPIRAN ............................................................... 49
BIODATA PENULIS 1............................................................... 55
BIODATA PENULIS 2............................................................... 56
BIODATA PENULIS 3............................................................... 57

vi
 DAFTAR GAMBAR

Gambar 2.1 Lokasi SMA NEGERI 1 PETANG .........................8S

Gambar 2.2 Struktur Organisasi SMA NEGERI 1 PETANG ....... 9
Gambar 4.1 Flow Diagram Proses Input surat menyurat file ...... 26
Gambar 4.2 Flow Diagram Proses menyimpan rapot ................. 27
Gambar 5.1 Conteks Diagram ..................................................... 30
Gambar 5.2 flowchart apload ...................................................... 31
Gambar 5.3 Flochart download ................................................... 32
Gambar 5.4 ERD ......................................................................... 33
Gambar 5.5 Tampilan Login User ............................................... 37
Gambar 5.6 Tampilan Regester ................................................... 37
Gambar 5.7 Tampilan Home ....................................................... 38
Gambar 5.8 Tampilan Tempat Download dan Upload Rapot ..... 39
Gambar 5.9 Tampilan Tempat Download dan Upload File ........ 39
Gambar 5.19 Tampilan Dashbord admin .................................... 40
Gambar 5.11 Tampilan Tabel Guru............................................. 41
Gambar 5.12Tampilan Form Tambah Guru ................................ 41
Gambar 5.13 Tampilan Tabel Guru............................................. 42
Gambar 5.14 Tampilan Form Tambah Rapot.............................. 42
Gambar 5.15 Tampilan Tabel Kelas............................................ 43
Gambar 5.16 Tampilan Form Tambah Kelas .............................. 43
Gambar 5.17 Tampilan Tabel File .............................................. 44
Gambar 5.18 Tampilan Form Tambah Data File ........................ 44
Gambar 5.29 Tampilan Tabel Jenis File...................................... 45
Gambar 5.20 Tampilan Form Tambah Data Jenis File ............... 45

DAFTAR TABEL

Tabel 3.1 Arsip Elektronik .......................................................... 14

Tabel 3.2 Simbol Document Flow Diagram................................ 16
Tabel 3.3 Simbol System Flow Diagram .................................... 17
Tabel 5.1 Tabel User ................................................................... 34
Tabel 5.2 Tabel Guru................................................................... 34
Tabel 5.3 Tabel Kelas.................................................................. 35
vii
Tabel 5.4 Tabel Jenis File............................................................ 35
Tabel 5.5 Tabel Rapot ................................................................. 35
Tabel 5.6 Tabel Upload ............................................................... 36

DAFTAR LAMPIRAN

viii
HALAMAN SENGAJA DIKOSONGKAN

1
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Perkembangan terknologi komputer dan sistem informasi pada

saat ini telah mengalami peningkatan yang sangat pesat dalam membantu
kebutuhan manusia, dimana hal ini sejalan dengan kebutuhan masyarakat
terhadap informasi yang mana membuat kebutuhan sehari-hari semakin
mudah . Masyarakat saat ini cenderung cepat dalam mengikuti arus
perkembangan teknologi menuntut adanya ketersediaan informasi yang
cepat, tepat dan akurat. Setiap instansi pemerintahan maupun swasta pasti
membutuhkan sistem informasi yang mampu menunjang kinerjanya
untuk mendapatkan serta menghasilkan informasi dengan cara yang lebih
efektif dan efisien, karena teknologi informasi merupakan teknologi yang
di gunakan untuk mengolah data, memproses, mendapatkan, menyusunm
menyimpan, memanipulasi data untuk menghasilkan informasi yang
berkualitas. Teknologi yang sering di gunakan orang-orang banyak salah
satunya adalah website, website merupakan halaman informasi yang
digunakan melalui internet sehingga, dapat digunakan oleh siapapun di
seluruh dunia tanpa batas. Saat ini website tidak hanya di gunakan sebagai
tempat untuk mendapatkan informasi, tetapi website juga digunakan
untuk kegiatan menyinpan arsip maupun mendownloadnya.
Website adalah media yang digunakan untuk menampung data
teks, gambar, suara, dan animasi yang dapat ditampilkan di internet dan
dapat diakses oleh komputer yang terhubung dengan internet secara
global. Website merupakan media informasi berbasis jaringan komputer
yang dapat diakses dimana saja dengan biaya relatif murah. Website
merupakan bentuk implementasi dari bahasa pemograman web (web

2
programming). Pembuatan sebuah situs web tidak bisa terlepas dengan
bahasa pemrograman, dalam hal ini penulis menggunakan PHP sebagai
bahasa scripting dan MySQL sebagai database server. PHP dan MySQL
adalah pasangan bahasa scripting dan database server yang banyak
diminati akhir-akhir ini. Ketangguhan, jaminan keamanan yang tinggi,
dan kemudahan mempelajari membuat keduanya banyak dipilih untuk
digunakan. PHP (Hypertext Preprocessor) merupakan bahasa
pemograman berbasis web yang memiliki kemampuan untuk memproses
dan mengolah data secara dinamis dan salah satu juga Laravel adalah
salah satu framework yang dapat membantu untuk memaksimalkan
penggunaan PHP di dalam proses pengembangan website PHP menjadi
bahasa pemrograman yang sangat dinamis, tapi semenjak adanya
Laravel, dia menjadi lebih powerful, cepat, aman, dan simpel. Setiap rilis
versi terbaru, Laravel selalu memunculkan teknologi baru di antara
framework PHP lainnya.
SMA Negeri 1 Petang merupakan sekolah menengah atas yang
berada di kecamatan Petang. Arsip merupakan salah satu hal yang sangat
penting di SMA Negeri 1 Petang. Semakin banyaknya surat keluar dan
masuk yang ada pada SMA Negeri 1 Petang yang membuat cukup banyak
berkas yang mana kebutuhan tempa pengarsipan surat keluar dan surat
masuk dan surat lainya yang penting, untuk menjaga keamanan pada
setiap arsip-arsip tertentu agar tidak rusak atau tidak terjadi kehilangan
file pada setiap data. Di dalam pekerjaan, penyimpanan arsip bukan
sekedar kegiatan menyimpan saja, tetapi menyangkut cara penyimpanan,
keamanan, dan kemudahan untuk menemukan arsip yang di perlukan.
Penyimpanan arsip dikatakan baik apabila pada waktu diperlukan maka
data yang yang di perlukan dapat di akses dengan cepat, dan tepat.

3
Kemajuan teknologi menuntun semua kepada pihak untuk memanfaatkan
teknologi dengan segala aspek kehidupan termasuk pengolahan
kearsipan.
Berdasarkan masalah yang ada maka dalam kerja praktik ini
mencoba merancang dan membangun aplikasi e-arsip berbasis web yang
menggunakan framework laraver sebagai wadah, guna mempermudah
dalam mengakses dan mengelola arsip surat masuk dan surat keluar pada
SMA Negeri 1 petang . Denagan adanya aplikasi diharapkan dapat
membantu atau mempermudah dalam mengakses dan mengelola arsip
surat keluar masuk serta surat penting lainnya, sehingga dapat menjadi
acuan sumber infomasi yang akurat bagi SMA Negeri 1 Petang dalam
proses pengambilan keputusan, dan tidak ada lagi kesulitan dalam
pencarian arsip surat keluar dan surat masuk,surat hilang ataupun surat
rusak.

1.2 Rumusan Masalah

Berdasarkan latar Belakang yang telah diuraikan di atas maka,
penulisan rumusaskan masalah yang dihadappi adalah bagaimana
merancang dan membangun aplikasi pengololaan arsip surat dan
rapot yang di upload dan di download berbasis Web pada SMA
Negeri 1 Petang
1.3 Batasan Masalah
Berdasarkan latar belakang yang tertuang diatas, maka
dirumuskan masalah yaitu:
1) Penggunaan aplikasi ini adalah guru atau staff di SMA Negeri
1 Petang , yang berhak mengakses adalah user dan admin
dengan menginputkan username dan password untuk login.

4
 2) Pembatasan akses pada user dan admin sebagai administrator
utama.
3) Aplikasi ini dapat mengaupload dan mendownload arsip surat
dan rapot di SMA Negeri 1 Petang secara terkomputerisasi.
4) Aplikasi ini berbasis web.

1.4 Tujuan Kerja Praktik

Berdasarkan latar belakang dan rumusan masalah diatas, maka
tujuan dari kerja praktik ini adalah:
1) Menghasilkan aplikasi pengelolaan arsip surat dan rapot
berbasis web yang dapat mengupload dan mendownload
arsip surat dan rapot secara mudah dan aman
2) Menghasilkan output laporan surat dan laporan rapot secara
detail
3) Membangun Sisterm Informasi Kearsipan berbasis web
pada SMA N 1 Petang agar user mudah menggunakannya
(user friendly)

1.5 Manfaat Kerja Praktik

Bagi Kelompok yang Kerja Praktik pada SMA N 1
Mendapatkan manfaat yaitu lebih percaya diri dalam melakukan
pembicaraan pada kelas dengan mendapatkan kesempatan mengajar
mengawasi kelas, dapat pengalaman lebih dalam tengtang sekolah
dari sudut pandang guru yang sedang mengajar. dan kontribusi yang
di harapkan pada system memberikan kontribusi adalah berikut :
1) Bagi Penyusun

5
 Dapat berjalan sesuai rencana dan kerja praktik mendapatkan
nilai yang memuaskan
2) Dapat memberikan mafaat yaitu kemudahan akan menyimpan
file dan upload menjadi sangat mudah di akses
1.6 Sistematika Penulisan
Penulisan laporan penelitian ini dibagi menjadi lima bab, yaitu:
BAB I PENDAHULUAN
Mengulas tentang latar belakang, masalah, batasan masalah,
tujuan, manfaat, dan sistematika penulisan.
BAB II TINJAUAN UMUM PERUSAHAAN
Pada bab ini mengulas tentang gambaran umum dari
perusahaan atau institusi yang menjadi tempat dilaksanakan
Kerja Praktik.
BAB III LANDASAN TEORI
Pada bab ini berisi kerangka teori. Kerangka teori
menjelaskan mengenai pengertian setiap komponen dalam
proses analisis dan perancangan
BAB IV ANALISIS DAN PERANCANGAN
Pada bab ini mengulas mengenai metode yang dilakukan
selama proses penelitian, mulai dari pengumpulan data,
perancangan.
BAB V IMPLEMENTASI DAN PEMBAHASAN
Bab ini membahas implementasi rancangan ulang ke dalam
prototype. Analisis validasi usability juga disajikan.
BAB V PENUTUP
Bab ini berisi simpulan dan saran selama penelitian
dilakukan.

6
 BAB II
TINJAUAN UMUM PERUSAHAAN

2.1 Gambaran Umum Perusahaan

SMA Negeri 1 Petang untuk pertama kali menerima siswa pada
tahun 1989 dengan menggunakan fasilitas SD Negeri Pangsan. 10 Juni
1990, SMA Negeri 1 Petang diresmikan oleh Menteri pendidikan dan
Kebudayaan RepublikIndonesia.
Pada tahun 2019 adalah tahun 30 berlangsungnya pelaksanaan
pembelaajran di SMA Negeri 1 Petang telah menamatkan sebanyak 28
angkatan dan ditahun Pelajaran 2020/2021, siswa yang sedang belajar
sebanyak 732 orang dari kelas XI dan XII, jika di tambah dengan kelas X
sebanyak 320 Orang, maka keseluruhan Siswa yang menimba ilmu di
SMA Negeri 1 Petang adalah sebanyak 1052 Orang.
Dalam Perkembangannya SMA Negeri 1 Petang telah di pimpin
oleh 8 kali pergantian Kepemimpinan, dan yang saat ini adalah I Wayan
Sucipta, S.PD.

2.2 Visi dan Misi Perusahaan

Visi :
▪ Kreatif dalam berbagi inovasi teknologi
▪ Berprestasi dalam bidang akademik dan non akademik
▪ Berprestasi dalam penataan lingkungan
Misi :
▪ Memanfaatkan Teknologi Informasi dan Komunikasi
(TIK) dalam kegiatan pembelajaran dan pengolahan
sekolah
▪ Melaksanakan pelatihan Teknologi Informasi
▪ Melaksanakan proses pembelajaran secara optimal
7
2.3 Lokasi Perusahaan
SMA Negeri 1 Petang berlokasi di Ds.Petang, Kec.Petang,
Badung –Bali yang bertepatan pada foto lokasi di bawah ini.

Gambar 2.1 Lokasi SMA NEGERI 1 PETANG

2.4 Struktur Organisasi

Dalam melaksanakan segala tugas dan kegiatan di SMA Negeri
1 Petang disusunlah struktur oeganisasi guna menunjang pelaksanaan
tugas dan kegiatan sehari-hari. Adapun struktur organisasinya dapat
dilihat pada table di bawah ini:

8
 Gambar 2.2 Struktur Organisasi SMA NEGERI 1 PETANG

2.5 Alasan Memilih Tempat Kerja Praktik

Alasan penulis memilih SMA Negeri 1 Petang sebagai tempat
kerja praktik karena selama sekolah ini berdiri, SMA Negeri 1 Petang
selalu mengalami penumpukan barang di gudang yang tidak layak dijual
kembali kepada konsumen. Sehingga dengan masalah yang diuraikan
diatas, penulis mengusulkan sebuah solusi yaitu perancangan aplikasi
peramalan stok barang yang diharapkan dapat membantu bagian gudang
dan pimpinan cabang dalam mengelola persediaan barang di gudang
perusahaan

9
 BAB III
LANDASAN TEORI

3.1 Konsep Dasar Sistem Informasi

Pada umumnya setiap organisasi memiliki sistem informasi dalam
mengumpulkan, menyimpan, melihat, dan menyalurkan informasi dalam
membuat perancangan sistem informasi. Konsep dasar sistem merupakan
sekelompok komponen berbasis computer yang di buat oleh manusia
dalam mengolah data, mengolah, menghimpun kerangka kerja serta
mengkoordinasikan sumber daya manusia dan komputer untuk mengubah
sistem input menjadi output untuk mencapai tujuan dan sasaran yang telah
ditetapkan sebelumnya.
Informasi adalah data yang tekah diklarifikasi atau diolah atau
diinterpresentasikan untuk digunakan dalam proses pengambilan
keputusan. Sistem pengolahan informasi akan mengolah data menjadi
informasi atau mengolah data dari bentuk tak berguna menjadi berguna
bagi yang menerimanya

3.1.1 Sistem
Secara garis besar sisem merupakan kumpulan komponen dan elemen
yang saling terintegrasi, komponen yang teroganisir dan bekerja sama
dalam mewujudkan suatu tujuan tertentu.
Menurut (Mulyani, 2016) menyatakan bahwa “system bisa didiartikan
sebagai sekumpulan subsistem, komponen ataupun elemen yang saling
bekerja sama dengan tujuan yang sama untuk menghasilkan output yang
sudah ditentukan sebelumnya”.
Berdasarkan pendapat para ahli di atas , dapat di simpulkan bahwa
system merupakan suatu kumpulan subsistem, komponen ataupun elemen
10
yang saling bekerja sama untuk menghasilkan output dalam mencapai
tujuan.

3.1.2 Karakteristik Sistem

Secara umum sebuah sistem terdiri dari input,proses,dan output. Suatu
sistem dapat dikatakan sebagai sistem yang baik apabila sistem tersebut
memiliki karakteristik-karakteristik tertentu. Menurut (Oktafianto dan
Muslihudin, 2016), karakteristik sebuah sistem dapat dijelaskan sebagai
berikut:

a. Komponen Sistem (Components)

Suatu sistem terdiri dari sejumlah komponen yang saling
berinteraksi, yang bekerja sama membentuk suatu kesatuan.
Komponen-komponen sistem tersebut dapat berupa suatu bentuk
subsistem. Setiap subsistem memiliki sifat-sifat sistem yang
menjalankan suatu fungsi tertentu dan mempengaruhi proses
sistem secara keseluruhan. Suatu sistem dapat mempunyai sistem
yang lebih besar yang disebut sebagai Supra sistem.
b. Batasan sistem (Boundary)
Ruang lingkup sistem merupakan daerah yang membatasi sistem
dengan sistem lainnya atau sistem dengan lingkup luarnya.
Batasan sistem ini memungkinkan suatu sistem dipandang
sebagai satu kesatuan yang tidak dapat dipisah-pisahkan.

c. Lingkup Luar Sistem (Environtment)

Apapun yang berada di luar batas dari sistem dan mempengaruhi
sistem tersebut dinamakan dengan lingkungan luar sistem.

11
 Lingkungan luar yang bersifat menguntungkan wajib dipelihara
dan yang merugikan harus dikendalikan agar tidak mengganggu
kelangsungan sistem.

d. Penghubung Sistem (Interface)

Media penghubung diperlukan untuk mengalirkan sumber-
sumber daya dari sub sistem ke sub sistem lainnya dinamakan
dengan penghubung sistem.

e. Masukan Sistem (Input)

Energi yang di masukkan kedalam sistem disebut masukan
sistem, yang dapat berupa pemeliharaan (maintenance input) dan
sinyal (signal input). Sebagai contoh, didalam suatu unit sistem
komputer, program adalah maintenance input yang di gunakan
untuk mengoprasikan komputer. Sementara data adalah sinyal
input yang akan di olah menjadi informasi.

f. Keluaran Sistem (Output)

Hasil dari energi yang telah di olah dan diklasifikasikan menjadi
keluaran yang berguna dinamakan dengan keluaran sistem
(Output). Informasi merupakan contoh keluaran sistem.

g. Pengolahan sistem (Proses)

Untuk mengolah masukan menjadi keluaran diperlukan suatu
pengolahan yang dinamakan dengan pengolahan sistem.

h. Sasaran Sistem (Objective)

12
 Sistem pasti memiliki tujuan atau sasaran yang sangat
menentukan input yang dibutuhkan oleh sistem dan keluaran yang
dihasilkan.

3.1.3 Pengertian Informasi

Semua yang verkaitan dengan teori dijelaskan menggunakan bahasa
yang jelas dan dapat dipahami. Teori yang diuraikan harus memiliki
referensi atau rujukan. Bila menggunakan istilah asing, harap
menggunakan style italic. Penulisan pada bagian ini menggunakan style
Paragraf.

3.2 Definisi Arsip Dan Keasipan

Istilah arsip atau dalam bahasa Belanda disebut archief, dalam bahasa
inggris disebut archive yang berasal dari bahasa Yunani, yaitu “arche”
yang berarti permulaan. Kemudian dari kata “arche” berkembang menjadi
kata “ta archia” yang berarti catatan.(Rosalin, 2017).

Kearsipan mempunyai peranan sebagai pusat informasi, sebagai

sumber informasi, dan sebagai alat pengawasan yang sangat di perlukan
dalam setiap organisasi dalam rangka kegiatan perancangan,
penganalisaan, pengembangan laporan, pertanggung jawaban, penilaian
dan pengendalian setepat-tepatnya.(Riasmiati, 2016)

3.2.1 Jenis-jenis Arsip

Bentuk arsip beragam dan dapat dibedakan beberapa jenis arsip, yaitu:

1. Arsip menurut nilai atau kegunaannya:

2. Arsip bernilai informasi
3. Arsip bernilai administrasi

13
Arsip bernilai sejarah Arsip menurut fungsinya:

1. Arsip dinamis adalah arsip yang digunakan secara langsung dalam

kegiatan pencipta arsip dan disimpan selama jangka waktu tertentu.
2. Arsip statis yaitu arsip yang udah tidak dipergunakan secara
langsung dalam kegiatan perkantoran sehari hari-hari.

3.2.2 Arsip Elektronik

Sistem kearsipan elektronik pada dasarnya memiliki konsep yang
sama dengan teknik kearsipan konvensional. Jika pada kearsipan
konvensional memiliki kabinet yang secara fisik berfungsi untuk
menyimpan dokumen- dokumen penting yang dimiliki perusahaan, maka
sitem kearsipan elektronik memiliki kabinet virtual yang di dalamnya
berisi map virtual atau folder. Selanjutnya di dalam folder akan berisi
lembaran- lembaran arsip yang telah dikonversi ke dalam bentuk file
gambar (*.bmp, jpg, dll) atau dokumen (*.doc, txt, dll).

Tabel 3.1 Arsip Elektronik

14
 Kearsipan elektronik berbasis komputer memiliki beberapa
kemudahan yang diberikan antara lain:

1. Mudah dioperasikan
2. Tampilan yang menarik
3. Fasilitas pencarian dokumen
4. Pencatatan lokasi fisik dokumen
5. Fasilitas gambar dan suara
6. memiliki keakuratan dalam keamanan data
7. Laporan kondisi arsip
8. Terhubung dengan jaringan computer

3.3 Pengertian Database

Menurut Toni menjelaskan bahwa basisdata merupakan sebuah sistem
file-file dan data yang terrintegrasi, dimana file dan data tersebutyang
mempunyai sebuah premiere key untuk melakukan pengulangan data.

3.4 Perancangan sistem

Suatu kegiatan di dalam menciptakan suatu konsep kerja terpadu
antara manusia dengan mesin yang dihimpun menjadi satu untuk maksud
dan tujuan tertentu atau bersama guna menghasilkan informasi yang
akurat untuk proses pengambilan keputusan di dalam mendukung
fungsi operasi manajemen di suatu organisasi. Suatu kegiatan di
dalam menciptakan suatu kondisi baru / solusi yang didasari atas evaluasi
dari konsepsi yang serasi serta bentuk permasalahan atau kasus
yang ada.(Irawan dkk., 2017)

15
3.4.1 Context Diagram (CD)
DFD pertama dalam proses bisnis. Menunjukan context dimana proses
bisnis berada. Menunjukan semua proses bisnis dalam satu proses tunggal
atau proses nol. Context diagram juga menunjukan sebuah entitas luar
yang menerima informasi dari atau memberikan informasi ke sistem.

Tabel 3.2 Simbol Document Flow Diagram

No. Simbol Keterangan

Titik Terminal Menunjukan awal dan akhir dari
1. proses.

Dokumen Menunjukan dokumen input/output

2. baik untuk proses manual mekanik,
ataupun komputer
Decision Menunjukkan kondisi tertentu yang
3. akan menghasilkan dua kemungkinan
jawaban, yaitu “ya” atau “tidak”.
Proses Manual Menunjukkan pengelolaan yang tidak
4. di lakukan komputer.

Input/Output Berfungsi menyatakan proses input

5. atau output tanpa tergantung jenis
peralatannya.
Garis Alir Simbol yang menghubungkan antara
6. simbol satu dengan symbol yang
lainnya. Menunjukkan arus dari
proses.

16
 Arsip Menunjukkan tempat penyimpanan
7. offline.

Konektor Menyambungkan suatu rangkaian

8. proses yang terpisah di halaman yang
berbeda.

Terdapat beberapa aturan yang digunakan dalam Document flow

diagram yaitu :

1. Dimulai dan diakhiri dengan terminator “MULAI” dan

“SELESAI”
2. Sebuah proses memerlukan dokumen inputan untuk
menghasilkan dokumen keluaran.
3. Perpindahan jalur ditandai dengan berpindahnya dokumen dan
satu bagian ke bagian yang lainnya.
4. Dokumen yang di kirimkan atau diterima pihak lain di beri
keteranggan annotation.

3.4.2 System Flow Diagram

System flowchart merupakan alat bantu yang banyak di gunakan
untuk menggambarkan sistem secara pisikal.

Tabel 3.3 Simbol System Flow Diagram

No. Simbol Deskripsi

Titik Terminal Menunjukan awal dan akhir dari proses.
1.

17
 Dokumen Menunjukan dokumen input/output baik
2. untuk proses manual mekanik, ataupun
komputer.
Decision Menunjukkan kondisi tertentu yang akan
3. menghasilkan dua kemungkinan
jawaban, yaitu “ya” atau “tidak”.
Proses Manual Menunjukkan pengelolaan yang tidak di
4. lakukan komputer.

Manual Input Berfungsi memasukkan data secara

5. manual Keyboard

Direct Data Media penyimpanan data yang dapat

6. dibaca/disimpan secara acak.

No Simbol Deskripsi
Garis Alir Simbol yang menghubungkan antara
7. simbol satu dengan symbol yang lainnya.
Menunjukkan arus dari proses.
Arsip Menunjukkan tempat penyimpanan
8. offline.

konektor Menyambungkan suatu rangkaian proses

9. yang terpisah di halaman yang berbeda.

multi documen Digunakan untuk menyaakan keluaran

10. yang di print dalam bentuk
dokumen,akan tetapi keluarannya lebh
dari satu dokumen.

18
 3.4.3 Event List
Event list adalah daftar kejadian digambarkan dalam bentuk kalimat
sederhana dan berfungsi untuk memodelkan kejadian yang terjadi dalam
lingkungan sehari-hari dan membutuhkan tanggapan atau respon dari
sistem. Suatu kejadian mewakili satu aliran data atau proses dalam
diiagram konteks serta deskripsi penyimpanan yang digunakan untuk
memodelkan data harus diperhatikan dalam kaitannya dalam daftar
kejadian.

3.4.4 Data Flow Diagram (DFD)

Data Flow Diagram (DFD) adalah diagram yang menggunakan
notasi simbol untuk menggambarkan arus data sistem. Kita dapat
menggunakan DFD untuk dua hal utama yaitu untuk membuat
dokumentasi dari sistem informasi yang ada, atau untuk menyusun
dokumentasi untuk sistem informasi yang baru.(Fatimah dan Samsudin,
2019)

3.4.5 Entity Relationship Diagram (ERD)

ERD merupakan suatu model untuk menjelaskan hubungan antar data
dalam database berdasarkan objek-objek dasar data yang mempunyai
hubungan antar relasi. ERD ditemukan oleh Peter Chen dalam buku Entity
Relational Model-Toward a Unified of Data. Chen mencoba merumuskan
dasar-dasar model dan setelah itu dikembangkan dan dimodifikasi oleh
Chen dan banyak pakar lainnya. Pada saat itu ERD dibuat sebagai bagian
dari perangkat lunak yang juga merupakan modifikasi khusus, karena
tidak ada bentuk tunggal dan standar dari ERD. Kegunaan ERD adalah
untuk memodelkan struktur data dan hubungan antar data, untuk
menggambarkannya digunakan beberapa notasi dan simbol.

19
3.5 HTML (Hypertext Markup Language)
Hypertext Markup Language atau HTML adalah bahasa markup
yang digunakan untuk membuat struktur halaman website. HTML
terdiri dari kombinasi teks dan simbol yang disimpan dalam sebuah file.
Dalam membuat file HTML, terdapat standar atau format khusus yang
harus diikuti. Format tersebut telah tertuang dalam standar kode
internasional atau ASCII (American Standard Code for Information
Interchange). File HTML diakhiri dengan ekstensi .html atau .htm.
Ekstensi file ini bisa dilihat dengan mengunakan web browser apa pun
(seperti Google Chrome, Safari, atau Mozila Firefox). Browser tersebut
membaca file HTML dan merender kontennya sehingga user internet
bisa melihat dan membacanya.

3.6 CSS (Cascading Style Sheets)

CSS adalah kepanjangaan dari Cascading Style Sheets yang berguna
untuk menyederhanakan proses pembuatan website dengan mengatur
elemen yang tertulis di bahasa markup. CSS dipakai untuk mendesain
halaman depan atau tampilan website (front end). CSS menangani
tampilan dan ‘rasa’ dari halaman website.
Ada banyak hal yang dapat Anda lakukan menggunakan CSS
dibandingkan dengan bahasa pemrograman inti seperti HTML dan PHP.
Ketika menggunakan CSS, Anda dapat mengatur warna teks, jenis font,
baris antar paragraf, ukuran kolom, dan jenis background yang dipakai.

3.7 Javascript
Berbicara soal pengertian JavaScript sangatlah mudah. JavaScript
merupakan bahasa pemrograman yang menjadikan website Anda lebih
hidup dan menarik. Bahasa ini berbeda dari HTML (yang mengatur
konten) dan CSS (yang mengelola layout). Berbeda dari PHP, bahasa
20
 pemrograman ini berjalan di perangkat pengunjung situs Anda dan
bukan di server.
3.8 Database

Database (pangkalan data) merupakan istilah teknologi jaringan

komputer yang memiliki banyak manfaat berupa penyimpanan data yang
saling berhubungan dan perangkat lunaknya seharusnya mengacu
sebagai sistem manajemen basis data (data management system atau
DBMS). Secara umum, database berfungsi sebagai wadah tempat
informasi dan data disimpan pada suatu program.

3.9 Mysql
MySQL adalah sebuah DBMS (Database Management System)
menggunakan perintah SQL (Structured Query Language) yang banyak
digunakan saat ini dalam pembuatan aplikasi berbasis website. MySQL
dibagi menjadi dua lisensi, pertama adalah Free Software dimana
perangkat lunak dapat diakses oleh siapa saja. Dan kedua adalah
Shareware dimana perangkat lunak berpemilik memiliki batasan dalam
penggunaannya.

3.10 PHP
Sebagai sebuah scripting language, PHP menjalankan instruksi
pemrograman saat proses runtime. Hasil dari instruksi tentu akan
berbeda tergantung data yang diproses.
PHP merupakan bahasa pemrograman server-side, maka script dari PHP
nantinya akan diproses di server. Jenis server yang sering digunakan
bersama dengan PHP antara lain Apache, Nginx, dan LiteSpeed.

21
Selain itu, PHP juga merupakan bahasa pemrograman yang bersifat open
source. Pengguna bebas memodifikasi dan mengembangkan sesuai
dengan kebutuhan mereka.

22
 BAB IV
ANALISIS DAN PERANCANGAN

4.1 Metode Pengumpulan Data

Untuk mempermudah penyusunan laporan ini, penulis menggunakan
beberapa metode dalam proses pengumpulan data. Beberapa metode yang
digunakan oleh penulis dalam pengumpulan data untuk laporan ini adalah
sebagai berikut :

4.2 Data Primer

Pengumpulan data primer yang diperoleh dalam proses Rancang
Bangun Sistem E-arsip Sma Negeri 1 Petang adalah :

1) Metode Wawancara
Wawancara merupakan metode pengumpulan data dengan
menanyakan langsung kepada narasumber. Tujuan dari wawancara
ialah mendapatkan informasi mengenai pertanyaan-pertanyaan
yang diajukan oleh pewawancara. Dalam rancang bangun aplikasi
E-arsip, perlu dilakukan wawancara kepada pihak sekolah untuk
mengenal dan mengetahui proses surat menyurat yang ada di SMA
Negeri 1 Petang. Wawancara dilakukan langsung dengan Bapak I
Wayan Karyawan, S.Pd selaku Wakasek dan pembingbing lapangan
di SMA Negeri 1 Petang mengenai bagian surat menyurat, kususnya
dalam Mengarsipkan surat dan rapot .
2) Metode Observasi
Observasi merupakan metode pengumpulan data dengan mengamati
secara langsung ke tempat atau obyek penelitian untuk melihat lebih
dekat kegiatan yang dilakukan. Penulis melakukan observasi

23
 langsung untuk mendapatkan data mengenai proses surat menyurat
yang telah berjalan selama ini di SMA Negeri 1 Petang
4.3 Data Sekunder

Data sekunder yang digunakan penulis dalam mengembangkan

sistem adalah dokumen yang berupa dokumentasi dari perusahaan dan
dokumen kepustakaan dari penelitian sejenis yang terdahulu. Yang
sekiranya dapat membantu peneliti dalam menyelesaikan penelitian.
Metode yang digunakan untuk mendapatkan data sekunder dapat berupa:
1) Dokumentasi
Wawancara merupakan metode pengumpulan data dengan
menanyakan langsung kepada narasumber. Tujuan dari wawancara
ialah mendapatkan informasi mengenai pertanyaan-pertanyaan
yang diajukan oleh pewawancara. Dalam Rancang Bangun Sistem
E-arsip, perlu dilakukan wawancara kepada pihak sekolah untuk
mengenai dan mengetahui proses surat menyurat yang ada di Sma
Negeri 1 Petang. Wawancara dilakukan langsung dengan Bapak I
Wayan Karyawan, S.Pd selaku Wakasek Sarpras sekolah di Sma
Negeri 1 Petang mengenai bagian administrasi tahap-tahap
bagaimana mengarsip surat-menyurat.

2) Kepustakaan
Dalam penelitian ini, penulis mengumpulkan sumber-sumber yang
sebagian besar berasal dari gurunya langsung, yang mendukung
teori penulis dan kemudian di olah sesuai dengan kebutuhan peneliti.
Penulis mempelajari buku-buku hasil penelitian yang berkaitan baik
buku multimedia, desain dan jurnal.

24
4.4 Analisis Sistem
Analisis Analisis merupakan suatu kegiatan yang bertujuan
untuk mempelajari atau mengevaluasi suatu bentuk permasalahan yang
ada pada suatu sistem. Sedangkan sistem adalah suatu kesatuan yang
utuh, terdiri dari dua komponen yang saling berintegrasi dan beroperasi
untuk mencapai tujuan tertentu dalam lingkungannya. Jadi analisis sistem
adalah penguraian dari suatu informasi yang utuh ke dalam bagian-bagian
komponennya yang dimaksud untuk mengidentifikasikan dan
mengevaluasi permasalahan, kesempatan, hambatan yang terjadi dan
kebutuhan yang diharapkan sehingga diusulkan perbaikan.
Adapun analisis teknologi yang telah diterapkan dan diusulkan
dalam sistem E-arsip pada SMA NEGERI 1 PETANG adalah sebagai
berikut :

4.4.1 Analisis Sistem yang Berjalan

Analisis yang sedang berjalan secara keseluruhan sangat perlu bagi
penulis untuk dapat mengetahui kelemahan dan segala sesuatu yang
terlibat dalam sistem tersebut. Berdasarkan observasi yang dilakukan
penulis pada SMA NEGERI 1 Petang, mekanisme kerja yang berjalan
yaitu dimulai dari bagian Guru yang menginputkan data-data file ataupun
rapot yang akan di apload pada program dan peran TU adalah memberi
lebel apakah ini termasuk jenis surat apa rapot atau file surat resmi.
Dengan data yang sudah di isi pada TU maka guru dapat mengapload
surat menyurat dengan data yang benar.

25
1. Pengarsipan data surat atau file
Proses pada system awal diterima oleh guru yang dimana akan
di periksa sebelum diterima di tangan TU untuk di tentukan data
tersebut termasuk dalam file jenis apa, setelah itu data tipe akan
di gabungkan dengan file yang lain.

Gambar 4.1 Flow Diagram Proses Input surat menyurat file

2. Pengarsipan data rapot

26
Seluruh hasil penerimaan awalnya akan di tanda tangani oleh
staff TU dan guru sebagai formalitas, setelahnya ya itu mengscan
file tetsebut untuk di pisahkan file pdf dan yang asli, yang asli
akan di simpan pada lemari guru dimana akan di ambil pada saat
pembagian rapot dan pdf akan di simpan pada data terpisah pada
data file.

Gambar 3.2 Flow Diagram Proses menyimpan rapot

27
HALAMAN SENGAJA DIKOSONGKAN

28
 BAB V
IMPLEMENTASI DAN PEMBAHASAN

5.1 Implementasi Sistem

Pada Bab ini akan membahas permasalahan yang dihadapi oleh SMA
Negeri 1 Petang, maka diharapkan pembuatan aplikasi E-arsip berbasis
web sebagai wujud penerapan teknologi informasi dapat menjadi solusi
untuk mempermudah staff TU dalam mengakses dan mengelola E-arsip,
sehingga dapat menjadi acuan informasi yang akurat bagi SMA Negeri 1
Petang dalam proses mengambil keutusan, dan tidak ada lagi kesulitan
dalam pencarian Arsip surat .
5.2 Even list
Berikut merupakan event list dari aplikasi E-arsip SMA Negeri 1
Petang :

1. Pengelolaan Data User :

a. Buat akun
b. Logout
c. Login
2. Pengelolaan Database Guru :
a. Tambah data guru
b. Cari data guru
c. Hapus data guru
3. Pengelolaan Database Kelas:
a. Tambah data kelas
b. Cari data kelas
c. Edit data kelas
d. Hapus data kelas
4. Pengelolaan Database File :
29
 a. Tambah data file
b. Cari data file
c. Edit data file
d. Hapus data file
5. Pengelolaan Database jenis file
a. Jenis file
5.3 Conteks diagram
Dari Conteks diagram ini menjelaskan bahwa bagaimana alur secara
umum dari aplikasi pengarsipan pada SMAN 1 Petang. Dalam sistem ini
terdapat satu elemen yaitu : Administrasi / Staf TU . Gambar conteks
diagram dapat dilihat pada gambar 5.1 berikut:

Gambar 4.1 Conteks Diagram

5.4 Data Flow Diagram

Systen flow merupakan penggambaran hasil dari perancangan yang
dimuat setelah menganalisi proses alur pekerjaan secara keseluruhan.
Dalam pembuatan aplikasi pengarsipann surat untuk di arsip dan di

30
download yang menghasilkan dua system fload yaitu system apload dan
system flow download.

5.4.1 System Flow Upload

Pada system flow surat dan rapot upload akan dijelaskan proses
pengarsipan secara terkomputerisasi, dimana proses pengaploadtan
terjadi dalam aplikasi tersebut , contoh akan langsung bisa di lihat di
bawah.

Gambar 5.2 flowchart apload

31
5.4.2 System Flow Download
Pada System flowchart download akan dijelaskan setelah
apload pada flow diatas maka setelahnya download mana
kita, jika memerlukan data tersebut. Dan contoh di bawah
ini .

Gambar 5.3 Flochart download

32
5.5 Erd
Entity Relationship Diagram (ERD) adalah diagram dari sistem yang
menggambarkan hubungan antar entitas beserta relasinya yang
saling berhubungan. Pada ERD aplikasi E Arsip ini terdapat 5 table
yaitu kelas, guru, jenis_file, file_apload dan rapot. ERD untuk
Aplikasi E-arsip untuk SMA Negeri 1 Petang dapat dilihat pada
gambar 5.4 berikut :

Gambar 5.4 ERD

33
5.6 Struktur table
Struktur tabel pada aplikasi E-arsip SMA Negeri 1 Petang ada yaitu
tabel user, tabel guru, tabel kelas, tabel jenis file, tabel file .
a. Tabel User
Tabel user berisi informasi dari pengguna yang digunakan untuk login
ke dalam aplikasi sehingga pengguna memiliki hak akses pada aplikasi.
Tabel user dapat dilihat pada tabel 5.1 berikut :

Tabel 5.1 Tabel User

No. Nama Kolom Tipe Data Panjang Keterangan

1. Id bigint 20 Primary Key
2. Name Varchar 255 Not Null
3. Email Varchar 255 Not Null
4. Password Varchar 255 Not Null
5. Remember_token Varchar 100 Not Null

b. Tabel guru
Tabel guru berisi data diri guru yang disambungkan pada table kelas
dan rapot. Tabel guru dapat dilihat pada tabel 5.2 berikut :

Tabel 4.2 Tabel Guru

No. Nama Kolom Tipe Data Panjang Keterangan

1. Id Bigint 20 Primary
Key
2. Nip int 11 Not Null
3. Nama_guru Varchar 255 Not Null
4. alamat Varchar 255 Not Null
5. Tempat_lahir Varchar 255 Not Null
6. Tgl_lahir date 20 Not Null
7. Mata_pelajaran Varchar 255 Not Null
8. Tlp Varchar 255 Not Null

34
c. Tabel Kelas
Tabel Kelas berisi data untuk rapot . Tabel kelas dapat dilihat pada
tabel 5.3 berikut :

Tabel 5.3 Tabel Kelas

No. Nama Kolom Tipe Panjang Keterangan

Data
1. Id bigint 20 Primary
Key
2. Nama_kelas Varchar 255 Not Null
3. Nama_walikelas int 11 Not Null

d. Tabel Jenis file

Tabel Jenis file berisi tipe file yang dipakai pada table lainya untuk
menentukan tipe . Tabel jenis file dapat dilihat pada tabel 5.4 berikut :

Tabel 5.4 Tabel Jenis File

No. Nama Kolom Tipe Data Panjang Keterangan

1. Id bigint 20 Primary
Key
2. Jenis_file Varchar 255 Not Null

e. Tabel Rapot

Tabel rapot berisi hasil upload berdasarkan table jenis file, table
kelas, dan table guru, Table rapot dapat dilihat pada tabel 5.5 berikut :

Tabel 5.5 Tabel Rapot

No. Nama Kolom Tipe Panjang Keterangan

Data
1. Id bigint 20 Primary
Key
2. Nis int 11 Not Null
3. Nama_walikelas_id int 11 Not Null
35
 4. Nama_kelas_id int 11 Not Null
5. Jenis_file_id int 11 Not Null
6. File_rapot text 10 Not Null
7. Nama_pemilik_rapot varchar 255 Not Null

f. Tabel Upload

Tabel upload berisi tempat untuk menyimpan file pada kolum file
upload yang bertipe jenis file, Table upload dapat dilihat pada tabel 5.6
berikut :

Tabel 5.6 Tabel Upload

No. Nama Kolom Tipe Panjang Keterangan

Data
1. Id bigint 20 Primary
Key
2. Id_jenis_file int 11 Not Null
3. Keterangan_file varchar 255 Not Null
4. Nama_pengupload varchar 255 Not Null
5. Nama_file varchar 255 Not Null
6. File_upload text 10 Not Null

5.7 User Interface

User Interface digunakan sebagai gambaran antar muka pada
aplikasi yang akan dibuat, hal ini dilakukan untuk memudahkan dalam
memahami aplikasi yang akan dibuat.

5.7.1 Rancangan Tampilan Login User

Gambar 5.5 merupakan rancangan tampilan Login User yang
menampilkan halaman ketika user ingin masuk ke dalam aplikasi. Untuk
masuk, user harus menginputkan username dan password terlebih
dahulu.

36
 Gambar 5.5 Tampilan Login User

5.7.2 Rancangan Tampilan Buat Akun

Gambar 5.6 Merupakan rancangan tampilan buat akun yang
menampilkan halaman ketika user ingin membuat akun

Gambar 5.6 Tampilan Regester

37
5.7.3 Rancangan Tampilan Menu ‘Home’
Gambar 5.7 merupakan rancangan tampilan menu ‘Home’ yang
menampilkan halaman utama pada aplikasi. Pada menu ‘Home’ terdapat
menu ‘Content’, menu ‘About’, menu ‘Login’, menu ‘Page File’ menu
‘Page rapot’. User dapat memilih dan masuk kedalam menu yang
disediakan. Selain itu, user juga dapat keluar dari aplikasi dengan
menekan tombol ‘Logout’.

Gambar 5.7 Tampilan Home

5.7.4 Tampilan Tempat Download dan Upload Rapot

Gambar 5.8 merupakan rancangan tampilan menu Download dan
Upload Rapot pada aplikasi, Terdapat menu table yang jika sudah di
inputkan maka dapat di download

38
 Gambar 5.8 Tampilan Tempat Download dan Upload Rapot

5.7.5 Rancangan Tampilan Tempat Download dan Upload File

Gambar 5.9 merupakan rancangan tampilan menu Download dan
Upload file pada aplikasi, Terdapat menu table yang jika sudah di
inputkan maka dapat di download.

Gambar 5.9 Tampilan Tempat Download dan Upload File

39
5.7.6 Rancangan Tampilan Dashbord Admin
Gambar 5.10 merupakan rancangan tampilan menu Dashbord
pada menu Home admin, Ada beberapa menu yang menampilkan jumlah
yang di input. Pada menu sidebar terdapat Button yang dapat pindah ke
page table.

Gambar 5.10 Tampilan Dashbord admin

5.7.7 Rancangan Tampilan Tabel Guru

Gambar 5.11 merupakan rancangan tampilan menu tabel guru ,
yang pada table tersebut dapat di tambah di edit dan di hapus sesuai
kebutuhan

40
 Gambar 5.11 Tampilan Tabel Guru

5.7.8 Rancangan Tampilan Form Tambah Data Guru

Gambar 5.12 merupakan rancangan tampilan menu Form tambah
guru yang jika sudah di inputkan sesuai form dapat di simpan

Gambar 5.12 Tampilan Form Tambah Guru

41
5.7.9 Rancangan Tampilan Tabel Rapot
Gambar 5.13 merupakan rancangan tampilan menu tabel rapot , yang
dapat di tambah di Download dan di hapus.

Gambar 5.13 Tampilan Tabel Guru

5.7.10 Rancangan Tampilan Form Tambah Data Rapot

Gambar 5.14 merupakan rancangan tampilan menu Form tambah
rapot yang jika sudah di inputkan sesuai form dapat di simpan

Gambar 5.14 Tampilan Form Tambah Rapot

42
5.7.11 Rancangan Tampilan Tabel Kelas
Gambar 5.15 merupakan rancangan tampilan menu tabel kelas , yang
dapat di tambah di edit dan di hapus sama seperti table sebelumnya

Gambar 5.15 Tampilan Tabel Kelas

5.7.12 Rancangan Tampilan Form Tambah Data Kelas

Gambar 5.16 merupakan rancangan tampilan menu Form tambah
rapot yang jika sudah di inputkan sesuai form dapat di simpan.

Gambar 5.16 Tampilan Form Tambah Kelas

43
5.7.13 Rancangan Tampilan Table File
Gambar 5.17 merupakan rancangan tampilan menu tabel file , yang
dapat di tambah di edit dan di hapus.

Gambar 5.17 Tampilan Tabel File

5.7.14 Rancangan Tampilan Form Tambah File

Gambar 5.18 merupakan rancangan tampilan menu tabel kelas , yang
dapat di tambah di edit dan di hapus

Gambar 5.18 Tampilan Form Tambah Data File

44
5.7.15 Rancangan Tampilan Jenis File
Gambar 5.19 merupakan rancangan tampilan menu tabel kelas , yang
dapat di tambah di edit dan di hapus

Gambar 5.19 Tampilan Tabel Jenis File

5.7.16 Rancangan Tampilan Form Tambah Data Jenis File

Gambar 5.20 merupakan rancangan tampilan menu tabel kelas , yang
dapat di tambah di edit dan di hapus

Gambar 5.20 Tampilan Form Tambah Data Jenis File

45
 BAB VI
PENUTUP

6.1 Simpulan
Berdasarkan laporan kerja praktek yang dilaksanakan di sekolah
SMA Negri 1 Petang, maka dapat di ambil kesimpulan sebagai
berikut :
1. Berdasarkan hasil analisa yang telah dilakukan diketahui
bahwa dalam proses pengelolaan arsip di SMAN 1 Petang
ini masih dilakukan dengan cara manual, yaitu dengan
mengumpulkan dokumen/arsip surat masuk dan surat
keluar didalam sebuah buku agenda.
2. Penelitian ini menghasilkan perancangan sistem informasi
pengelolaan arsip surat berbasis web, yang dapat membantu
pihak sekolah dalam mengarsipkan surat maupun data-data.
3. Aplikasi Arsip Surat ini kegunaannya menginputkan surat
yang ingin disimpan sehingga dapat meminimalkan
kehilangan dan rusaknya dokumen-dokumen penting dan
mempermudah untuk di temukan.

6.2 Saran (style sub BAB)

Sehubungan dengan pengalaman yang telah didapatkan dalam
mengikuti kegiatan Kerja Praktek (KP), maka dalam kesempatan ini
penulis menyarankan agar Aplikasi rancang ini agar dapat dijadikan
sebagai sistem untuk mempermudah pengarsipan surat maupun data-
data pada sekolah SMA Negri 1 Petang.

46
HALAMAN SENGAJA DIKOSONGKAN

47
 DAFTAR PUSTAKA

Fatimah, dan Samsudin 2019. "Perancangan Sistem Informasi E-Jurnal

Pada Prodi Sistem Informasi Diuniversitas Islam Indragiri".
Jurnal Perangkat Lunak, 1(1), 33–49.
https://doi.org/10.32520/jupel.v1i1.782.
Irawan, A., Risa, M., dkk. 2017. "PERANCANGAN SISTEM
INFORMASI PENJUALAN PAKAIAN PADA CV NONNINTH
INC BERBASIS ONLINE", 3(2), 74–82.
Mulyani, S. 2016. "Analisis dan Perancangan Sistem Informasi
Manajemen Keuangan Daerah: Notasi Pemodelan". Abdi
Sistematika. diambil dari
https://books.google.co.id/books?id=_7nPDgAAQBAJ&printsec=
frontcover#v=onepage&q&f=false.
Oktafianto, dan M., dan Muslihudin 2016. "Analisis dan Perancangan
Sistem Informasi Menggunakan Model Terstruktur dan UML -
Muhamad Muslihudin, Oktafianto - Google Buku". Analisis dan
Perancangan Sistem Informasi Menggunakan Model
Terstruktur dan Uml. diambil dari
https://books.google.co.id/books?hl=id&lr=&id=2SU3DgAAQB
AJ&oi=fnd&pg=PR3&dq=perancangan+sistem+menurut+para+a
hli&ots=T0m19tXZUZ&sig=BtK3l6ozuc574i9Ptct7g1F8JNE&re
dir_esc=y#v=onepage&q=perancangan sistem menurut para
ahli&f=false.
Riasmiati, A. 2016. "Manajemen Kearsipan". Khazanah: Jurnal
Pengembangan Kearsipan, 9(3), 65–70.
https://doi.org/10.22146/khazanah.22880.
Rosalin, S. 2017. "Manajemen Arsip Dinamis - Google Buku". diambil
7 Desember 2021, dari
https://books.google.co.id/books?hl=id&lr=&id=ITNTDwAAQB
AJ&oi=fnd&pg=PR5&dq=pengertian+arsip&ots=2CpQZEkIhK&
sig=fe1gGW2Rn4gmGBN8S-p9r-
ZkFSY&redir_esc=y#v=onepage&q=pengertian arsip&f=false.

48
 DAFTAR LAMPIRAN

Lampiran 1. Uraian Tugas Kelompok

No NIM Nama Jurusan Peran Uraian Tugas

1 19101160 I Gde Bagus Ngurah TI-MTI Ketua Back-End dan Bab 1 & 4
Aditya Darma Giri
2 19101035 I Kadek Agus Aristia TI-MTI Anggota Forn-End dan Bab 2 & 5
Peramana
3 19101085 I Gusti Agung Indra Yoga TI-MTI Anggota UI/UX dan Bab 3 & 6

49
Lampiran 2. Lembar Penilaian

50
51
52
Lampiran 3. Data Wawancara

Narasumber : I Wayan Karyawan, S.Pd. (Wakasek SMA Negeri 1

Petang.
Pewawancara : Kelompok KP

P : Apa masalah yang ada di SMA Negeri 1 Petang yang terjadi

sat ini ?
N : Kalau menurut saya masalah yang benar-benar nyata yang
dihadapi SMA Negeri 1 Petang saat ini adalah tentang
pengarsipan data-data penting pada sekolah.
P : Apakah ada program/aplikasi untuk mengatasi hal tersebut ?
N : Saat ini belum ada, kalian bias membuat aplikasi/program
untuk mengatasi hal tersebut.

Denpasar, 8 Oktober 2021

( Tanggal saat ditandatangani)

Narasumber

I Wayan Karyawan, S.Pd.

53
Lampiran 4. Dokumentasi Kerja Praktik

54
 BIODATA PENULIS 1

Nama : I Kadek Agus Aristia Peramana

Alamat : Br.Petang suci, Petang
TTL : Denpasar, 06 Juni 2000
Telepon : 085 737512478
Email : agusaristiya662000@gmail.com
Angkatan : 2019
Moto : Tertawalah Walau Dalam Masalah

Latar Belakang Pendidikan :

2006 – 2012 : SD No 1 Petang
2013 – 2015 : SMP Negeri 1 Petang
2016 – 2018 : SMA Negeri 1 Petang
2019 – 2024 : STMIK STIKOM Indonesia

Pengalaman Organisasi :
2018 – 2019 : Ketua Club IT SMA Negeri 1 Petang

Pengalaman Kerja :
2019 – sekarang : Membuka Toko Prema Digital Computer

55
 BIODATA PENULIS 2

Nama : I Gde Bagus Ngurah Aditya Darma

Giri
Alamat : Denpasar barat, jl pulau misol gg4 no8
TTL : Denpasar, 2001 juli 174
Telepon : 0812 4686 9046
Email : bagusaditya1899@gmail.com
Angkatan : 2019
Moto : Hidup berjuang bukan rencana

Latar Belakang Pendidikan :

2007 – 2012 : SD 12 Dauh Puri
2013 – 2016 : SMP Negeri 4 Denpasar
2017 – 2019 : SMK TI Bali Global
2019 – 2024 : STMIK STIKOM Indonesia

Pengalaman Organisasi :
-
Pengalaman Kerja :
2019 – 2021 : cheker Money Changer AMC

56
 BIODATA PENULIS 3

Nama : I Gusti Agung Indra Yoga

Alamat : Br.Lateng, Sibang Kaja
TTL : Denpasar, 31 Oktober 2000
Telepon : 0882 1903 0336
Email : gungindra188@gmail.com
Angkatan : 2019
Moto : Hidup susah itu mudah

Latar Belakang Pendidikan :

2007 – 2012 : SD 2 Sibang kaja
2013 – 2015 : SMPN 3 Abiansemal
2016 – 2018 : SMK PGRI 2 Badung
2019 – 2024 : STMIK STIKOM Indonesia

Pengalaman Organisasi :
2018 – 2019 : Anggota Pramuka Bantara SMK PGRI 2 Bagung

Pengalaman Kerja :
2019 – sekarang : Bekerja di Perusahaan Percetakan

57