Disusun Oleh :
YULI YULIANTI
NIM. 18060048
YBS INTERNASIONAL
2021
HALAMAN PENGESAHAN
SISTEM INFORMASI SARANA PRASARANA DI SMK PLUS
ALHASANAH DENGAN QR CODE BERBASIS WEB
Disusun Oleh :
YULI YULIANTI
NIM. 18060048
KATA PENGANTAR
Dengan memanjatkan puji dan syukur kehadirat Allah SWT. yang telah
melimpahkan segala nikmat dan hidayah-Nya terutama nikmat waktu dan sehat
sehingga penyusun dapat menyelesaikan laporan kerja praktik ini yang berjudul
praktik ini disusun untuk memenuhi salah satu syarat dalam menyelesaikan
Tasikmalaya.
Tasikmalaya.
3. Ibu Siti Maesaroh S.T., M.Kom Selaku Ketua Program Studi Teknik
praktik ini masih banyak kekurangan dan jauh dari kata sempurna, maka dari itu
Penyusun
BAB I
PENDAHULUAN
Latar Belakang Masalah
Berkaitan dengan akhir semester VI untuk Program S1 di Stt Ybs
salah satu Instansi atau Perusahaan, dimana proses secara teori yang telah
dan lain-lain. Serta ingin mengetahui aplikasi apa saja yang di pakai untuk
Alhasanah. Hal ini dinilai kurang efektif dan sering kali terjadi kesalahan-
kesalahan ketika mendata barang/inventaris Smk Plus Alhasanah. Oleh
karena itu penulis mencoba untuk membuat suatu program aplikasi untuk
pengalaman dan ilmu dari berbagai perbedaan dan persamaan antara teori
dan praktek.
ALHASANAH”.
Rumusan Masalah
Berdasarkan latar belakang diatas maka penulis dapat merumuskan
dibangun ?
dengan kebutuhan ?
Tujuan Penelitian
Tujuan yang ingin dicapai dalam penyusunan laporan ini adalah
Alhasanah.
Batasan Masalah
Pembatasan masalah pada penulisan laporan ini sebagai berikut :
lebih dalam lagi yang mana ini penting untuk tugas akhir nanti.
lebih efisen dalam mengelola data sarana dan prasarana di Smk Plus
Alhasanah.
a. Observasi
diobservasi.
b. Studi Pustaka
semakin lebih rinci dan teknis pernyataan masalah dan solusi. Setelah
kode telah dihasilkan, tim bergerak naik sisi kanan v, pada dasarnya
teknik sebelumnya.
lunak. Namun, selama tiga dekade, kritik model proses ini bahkan telah
b. Hal ini sering kali sulit bagi nasabah untuk menyatakan semua
Sistematika Penyusunan
Sistematika penyusunan dimaksudkan untuk memberikan
gambaran secara garis besar isi dari penelitian ini dengan ringkas dan
BAB I : PENDAHULUAN
Mencakup latar belakang masalah, rumusan masalah, tujuan
singkat .
BAB V : IMPLEMENTASI
Tasikmalaya.
Untuk tidak ketingalan dari berbagai pergerakan kemajuan, saat ini bangsa
Indonesia telah memasuki era reformasi yang telah ditandai dengan era
membentuk sebuah regu kerja yang ”berkarakter” lahir dari SMK Plus Al-
Tasikmalaya.
Pada waktu pertama dibuka tahun 2008, 164 orang dari 185
awal tahun ajaran maka atas inisiatif ketua yayasan saat ini sedang
dibangun dua Ruang bengkel dan 4 kelas baru serta sarana lainnya yang
Peta Lokasi
apapun, baik fisik ataupun nonfisik yang saling berhubungan satu sama
lain dan bekerja sama secara harmonis untuk mencapai satu tujuan
saling bekerja sama dengan tujuan yang sama untuk menghasilkan output
sistem.
6. Keluaran sistem (output) Hasil dari energi yang telah diolah dan
keluaran sistem.
sistem.
B. Klasifikasi Sistem
komponen lain karena sistem memiliki sasaran yang berbeda untuk setiap
kasus yang terjadi di dalam sistem tersebut. Oleh karena itu sistem dapat
yang berupa pemikiran atau ide-ide yang tidak tampak secara fisik,
manusia.
4. Sistem Terbuka dan Sistem Tertutup Sistem terbuka merupakan
Sistem ini bekerja secara otomatis tanpa danya campur tangan dari
tidak ada sistem yang benar- benar tertutup, yang ada hanyalah
tertutup).
Informasi
Secara Etimologi, Informasi berasal dari bahasa Perancis kuno yaitu
yang diolah menjadi bentuk yang lebih berguna dan lebih berarti bagi yang
telah diorganisasi dan telah memiliki kegunaan dan manfaat”. Hal serupa
Sistem Informasi
Pengertian menurut Kadir (2014:9), Sistem informasi adalah “sebuah
telah ditetapkan.
SARANA PRASARANA
Sarana dan prasarana pendidikan merupakan penunjang bagi
QR CODE
QR Code adalah kode matriks atau barcode dua dimensi yang
berasal dari kata “Quick Response”, dimana isi kode dapat diuraikan
oleh pemindai dan mampu menyimpan data baik secara horizontal maupun
vertikal.
sebuah URL singkat yang kemudian dialihkan ke halaman web yang lain.
kode. Sedangkan kotak yang lebih kecil berguna untuk mengukur besar
kotak. Beberapa komponen yang ada di tengah kode adalah pola waktu,
data informasi, dan nomor versi. Area-area ini dibaca oleh scanner dan
tidak hanya terbatas fungsinya pada pembayaran saja, namun juga dapat
digunakan untuk instrument lain. Dalam hal ini, QR Code berfungsi
(Abdul Kadir,2006)
PHP
PHP Adalah bahasa scripting server-side, Bahasa pemrograman yang
digunakan untuk mengembangkan situs web statis atau situs web dinamis atau
ditafsirkan pada saat runtime. Sedangkan Bahasa scripting adalah bahasa yang
dengan berbagai sistem templat web, sistem manajemen konten web, dan
Apa saja perbedaan diantara keduanya baik dari segi kelebihan dan
kekurangan:
Bahasa Pemrograman :
Bahasa Scripting:
Fungsi PHP
Fungsi PHP adalah membuat atau mengembangkan situs web statis atau
situs web dinamis atau aplikasi Web. Walaupun sebenarnya bukan hanya PHP
ketika tanpa menggunakan tag html apa pun disebut file PHP Murni. Server
HTML ke browser web. Agar server mengidentifikasi kode PHP dari kode
HTML, kita harus selalu menyertakan kode PHP dalam tag PHP.
FRAMEWORK
a. Pengertian Framework
rapi.
b. Fungsi Framework
Salah satu contoh dari kode program terstruktur dapat dilihat dari
framework tersebut.
adanya konsep MVC tersebut, kode program akan tersusun rapi serta
sendiri. Dari sini, anda pasti sudah berpikir bahwa sebenarnya dalam
membuat sebuah aplikasi dapat dilakukan tanpa menggunakan
sebuah perusahaan atau organisasi besar tentu saja hal tersebut tidak
perlu mengecek satu persatu komponen baik dari segi back end
versi yang setiap saat akan selalu ada pembaruan dari segi fitur serta
dan cepat.
website. Dalam hal ini, bukan berarti pembuatan website yang baik
dikerjakan dengan cepat saja. Tetapi, proses pembuatan dapat dilakukan
dengan lebih cepat dan menghasilkan produk yang berkualitas dan sesuai
meliputi CSS, JavaScript, dan PHP. Dan biasanya sering digunakan dalam
a) Framework CSS
lebih bagus dan menarik. CSS selalu digunakan untuk tim front end
● Bootstrap
● Foundation
● Semantic UI
yang lebih mudah. Selain itu, framework yang satu ini juga
● Bulma
● Materialize
Salah satu hal yang menarik pada framework yang satu ini adalah
Tentu saja dalam hal ini juga mencakup tampilan yang responsive
b) Framework JavaScript
JavaScript (JS) merupakan bahasa pemrograman yang digunakan
Kemudian, dapat berjalan di sisi front end maupun back end. Berikut
● AngularJS
● ReactJS
● Vue.js
Vue.js merupakan framework yang bersifat open source dan
● Node.js
● EmberJS
c) Framework PHP
pemrograman tingkat tinggi yang berjalan pada sisi server dan selalu
● CodeIgniter (CI)
CodeIgniter merupakan framework PHP yang menggunakan
● Laravel
(Amazon Web Services). Dan yang paling penting disini, dari segi
add – ons.
● Symfony
Dari nama saja cukup unik, pun memiliki fleksibilitas yang baik.
● Phalcon
baik.
● Zend
Zend memudahkan anda untuk fokus pada komponen dan fungsi yang
LARAVEL
Laravel adalah salah satu framework yang membantu Anda untuk
PHP menjadi bahasa pemrograman yang sangat dinamis, tapi semenjak adanya
Laravel, dia menjadi lebih powerful, cepat, aman, dan simpel. Setiap rilis versi
lainnya.
Laravel fokus di bagian end-user, yang berarti fokus pada kejelasan dan
fungsionalitas aplikasi web yang bekerja sebagaimana mestinya. Hal ini membuat
developer maupun perusahaan menggunakan framework ini untuk membangun
apa pun, mulai dari proyek kecil hingga skala perusahaan kelas atas.
dan menyenangkan, sesuai dengan jargonnya “The PHP Framework For Web
dengan bantuan beberapa fitur unggulan, seperti Template Engine, Routing, dan
Modularity.
Selain itu, ada dua tools Laravel yang jarang dimiliki oleh framework lain
1. Composer
Composer merupakan tool yang di dalamnya terdapat dependencies dan
Anda tinggal menginstall library Google reCaptcha dan secara otomatis library
perintah “$ composer update” dan satu per satu library akan diperbarui secara
otomatis.
2. Artisan
sudah masuk ke versi Laravel 5.8). Dengan adanya fitur add-on, Anda bisa
otentifikasi terbaru.
mendesain layout yang unik. Layout yang didesain dapat digunakan di tampilan
pengembangan..
tampilan; desain tampilan blade akan tetap di-cache sampai dengan ada
modifikasi.
Routing
Di Laravel, semua request dipetakan dengan bantuan rute. Dasar dari
routing adalah merutekan request ke kontroler terkait. Routing ini dianggap dapat
Setidaknya ada tiga kategori routing di Laravel, yaitu basic routing, route
Modularity
terdapat kumpulan modul dan library yang terkait dengan composer. Fitur ini
Testability
phpunit.xml yang dapat disesuaikan dengan aplikasi web yang sedang dibangun.
ekspresif.
membuat dan menjalankan database query. Fitur ini dapat digunakan untuk
menjalankan berbagai operasi database di dalam website dan mendukung berbagai
sistem database.
Authentication Laravel
kebutuhan sistem.
Schema Builder
memanipulasi tabel. Schema ini berjalan baik di berbagai tipe database yang
opsi didokumentasikan dengan baik. Jadi Anda tidak perlu khawatir untuk
E-mail Class
Redis
sudah ada dengan cache general-purpose. Redis terkoneksi dengan session secara
langsung.
juga sering dikenal dengan server struktur data yang dapat menyimpan key
dibutuhkan aplikasi supaya dapat berjalan secara simpel dan perintah yang mudah
dimengerti.
Itulah tadi beberapa fitur yang dimiliki oleh Laravel dan belum tentu bisa
Anda temui di framework lain. Framework ini cukup menarik dan sangat cocok
mengizinkan Anda untuk menggunakan berbagai macam fitur tambahan. Fitur ini
dapat Anda gunakan sebagai aplikasi hosting termasuk routing, migration, test,
views, dan beberapa fitur yang sangat berguna lainnya. Keuntungan lain
menjadi lebih cepat dan kencang, memperketat keamanan dan performanya juga.
Saya akan sedikit membahas mengenai beberapa packages Laravel yang perlu
1. Spatie
2. Entrust
4. Migration Generator
Anda gunakan untuk proses migrasi dari database yang sudah ada.
Laravel.
5. Laravel Debugbar
yang sudah pernah dirender dan juga parameter yang sudah Anda
Laravel Debugbar.
Anda coba.
pembuatan template.
lainnya.
tanpa harus merusak satu pun fungsi aplikasi dan membuat aplikasi
lebih responsif.
MYSQL
MySQL adalah sebuah perangkat lunak sistem manajemen basis
data SQL (bahasa Inggris: database management system) atau DBMS yang
(GPL), tetapi mereka juga menjual dibawah lisensi komersial untuk kasus-
(http://www.mysql.com : 2008)
case yang diberikan oleh sistem. Use case adalah deskripsi fungsi yang
disediakan oleh sistem dalam bentuk teks sebagai dokumentasi dari use case
symbol namun dapat juga dilakukan dalam activity diagrams. Use case
digambarkan hanya yang dilihat dari luar oleh actor (keadaan lingkungan
sistem yang dilihat user) dan bukan bagaimana fungsi yang ada di dalam
sistem.
Simbol Keterangan
berkomunikasi dengan
use case
interaksiantara system
dan actor
Association : Abstraksi
Menunjukan spesialsasi
case
Memumjukan bahwa
case lainnya
b. Class Diagram
diagram.
Simbol Keterangan
Class :
Association :
Apa yang
menghubungkan objek
lainnya.
c. Activity Diagram
dapat juga digunakan untuk aktifitas lainnya seperti use case atau
interaksi.
Simbol/Gambar Keterangan
Activity : Meperlihatkan
bagaimana masing-masing
suatu aksi.
menggambarkan suatu
tersebut. Disamping itu Model ER ini merupakan salah satu alat untuk
Simbol Keterangan
dengannya di kumpulkan
Relationship : sebagai
tersebut.
Perancangan Sistem
lebih aktor dengan sistem yang dibuat. Secara garis besar, use case
digunakan untuk mengetahui apa saja fungsi yang ada dalam sistem
case utama :
1) Skenario Use Case Login
dimasukan dengan
database
meminta pengguna
lagi
Barang,Nama Barang,Tahun,
3. Menyimpan Data
Barang(Kode Barang,Nama
Barang,Tahun,Sumber
Dana,Jumlah Barang)
dirubah
perubahan
dipinjam
Peminjaman
8. Meminta verifikasi
dikembalikan
tabel peminjaman
1. Menginput data
data ruangan
tabel Ruangan
barang ruangan
ruangan
barang ruangan
tabel barang
Tabel 4.5 skenario use case manajemen data
barang
2. Menyimpan data
5.memproses pilihan
tabel barang
rusak
7) Laporan
dibutuhkan
excel
c. Activity Diagram
Gambar 4.29 alur sequence diagram edit manajemen data barang rusak
15) Sequence Diagram Tambah Data Barang Rusak
e. Class Diagram
Tabel User
Id Bigint 20
Email Varchar 70
Email_verified_at Timestamp
Level Enum
Created_at Timestamp
Updte_at Timestamp
Tabel barang
Id Begint 20
Tabel kategori
Id_input_ruangan Integer 11
Id_ruangan_barang Integer 11
Tanggal_masuk Date
Tabel Peminjam
Id_peminjaman Integer 11
Tanggal_pinjam Date
Tanggal_kembali Date
Createdat timestamp
Update_at timestamp
Tabel ruangan
Id_ruangan bigint 20
Tabel masuk
Id_masuk Integer 11
Jumlah_masuk Varchar 50
Tanggal_masuk Date
Tabel keluar
Id_keluar Integer 11
Untuk Text
Tanggal_keluar Date
Id_masuk Integer 11
Jumlah_masuk Varchar 50
Tanggal_masuk Date
Id_keluar Integer 11
Untuk Text
Tanggal_keluar Date
Id_peminjaman Integer 11
Jumlah_pinjam Varchar 11
Tanggal_pinjam Date
Tanggal_kembali Date
Created_at timestamp
Update_at timestamp
Tabel 4.17 tabel keranjang peminjaman
Id_input_ruangan Integer 11
Id_ruangan Integer 11
Tanggal_masuk Date
Id_rusak_ruangan Integer 11
Tanggal_rusak Date
Id_rusak_luar Integer 11
Tanggal_rusak_luar Date
Id_rusak_luar Integer 11
Tanggal_rusak_luar Date
Id_rusak_ruangan integer 11
Id_barang_rusak varchar 200
Tanggal_rusak Date
Created_at timestamp
Tabel migration
Id Integer 11
Batch Integer 11
oleh penulis :
efektif.
lainnya.
Saran
Dari hasil penelitian yang dilakukan penulis di Smk Plus
HALAMAN PENGESAHAN................................................................................2
KATA PENGANTAR............................................................................................3
BAB I.......................................................................................................................5
PENDAHULUAN...................................................................................................5
Rumusan Masalah..............................................................................................6
Tujuan Penelitian...............................................................................................7
Batasan Masalah.................................................................................................7
Manfaat Penelitian.............................................................................................8
Sistematika Penyusunan..................................................................................11
BAB II...................................................................................................................13
Sejarah Umum..................................................................................................13
Peta Lokasi........................................................................................................15
BAB III..................................................................................................................16
KAJIAN TEORI..................................................................................................16
Sistem.................................................................................................................16
Informasi...........................................................................................................20
Sistem Informasi...............................................................................................21
SARANA PRASARANA.................................................................................22
QR CODE.........................................................................................................23
PHP....................................................................................................................25
FRAMEWORK................................................................................................27
LARAVEL........................................................................................................36
MYSQL.............................................................................................................48
BAB IV..................................................................................................................54
Analisis Sistem..................................................................................................54
Perancangan Sistem.........................................................................................54
Perancangan Antarmuka.................................................................................88
BAB V....................................................................................................................92
5.1 Implementasi...............................................................................................92
BAB VI..................................................................................................................96
PENUTUP.............................................................................................................96
Kesimpulan.......................................................................................................96
Saran..................................................................................................................97