LAPORAN PRAKTEK KERJA

INDUSTRI (Prakerin)
Disusun Untuk Memenuhi Sebagian Persyaratan Mengikuti Kelulusan Tahun
Pelajaran 2023/2024

Disusun Oleh :

Nama NIS Kompetensi Keahlian

Nosa Putra 10.21.63.140 Rekayasa Perangkat Lunak

PEMERINTAH PROVINSI JAWA BARAT

DINAS PENDIDIKAN

SMK BINA MANDIRI MULTIMEDIA

Jalan Raya Cileungsi Jonggol Km.1 Desa Cileungsi Kidul Kec. Cileungsi Kab. Bogor Provinsi
Jawa Barat.

Tlp. (021) 82491984 Fax. (021) 82482930. E-Mail: smkbinamandiri_bm3@yahoo.com

Website : smkbm3.sch.id
 LAPORAN PRAKTEK KERJA
INDUSTRI (Prakerin)
Disusun Untuk Memenuhi Sebagian Persyaratan Mengikuti Kelulusan Tahun
Pelajaran 2023/2024

Disusun Oleh :

Nama NIS Kompetensi Keahlian

Nosa Putra 10.21.63.140 Rekayasa Perangkat Lunak

PEMERINTAH PROVINSI JAWA BARAT

DINAS PENDIDIKAN

SMK BINA MANDIRI MULTIMEDIA

Jalan Raya Cileungsi Jonggol Km.1 Desa Cileungsi Kidul Kec. Cileungsi Kab. Bogor Provinsi
Jawa Barat.

Tlp. (021) 82491984 Fax. (021) 82482930. E-Mail: smkbinamandiri_bm3@yahoo.com

Website : smkbm3.sch.id
 LEMBAR PENGESAHAN

Laporan Praktek Kerja Industri (PRAKERIN) ini diajukan sebagai bukti

dari siswa bahwa mengikuti kegiatan di industri selama kurang lebih tiga bulan
dimulai pada tanggal 31 Januari 2023 sampai dengan 15 Mei 2023. Laporan ini
dibuat dan disahkan sebagai salah satu syarat untuk mengikuti Penilaian Akhir
Sekolah (PAS), dan bentuk pertanggung jawaban siswa terhadap sekolah.

Cileungsi, 29 Mei 2023

Mengetahui

Guru Pembimbing Pembimbing prakerin

SMK Bina Mandiri Multimedia PT. Nandya Karya

Perkasa.

Raka Kurnia Adi Wiguna, S.Pd

Nita W.P.S.

Menyetujui

Kepala Jurusan HRD

Rekayasa Perangkat Lunak PT.Nandya Karya
Perkasa

Raka Kurnia Adi Wiguna, S.Pd

Heriyadi

Kepala Sekolah SMK Bina

Mandiri Multimedia

Eryandi, S.Pd., M.Pd

iii
 LEMBAR PERSETUJUAN PENGUJI

Laporan ini telah disetujui, diuji dan disahkan pada :

Hari : Jum’at
Tanggal : 16 Juni 2023

Mengetahui :

Penguji 1

( Anisa Nurfadhilah )

iv
 IDENTITAS SISWA

Nama Siswa : Nosa Putra

Nomor Induk Siswa (NIS) : 10.21.63.140

Program Keahlian : Rekaya Perangkat Lunak
Tempat/Tanggal Lahir : Bogor , 25 September 2005
Jenis Kelamin : Laki-Laki
Golongan Darah :-

Catatan Kesehatan : Baik

No. Telp/Hp siswa : 0813-8515-8355

Nama Sekolah : SMK BINA MANDIRI MULTIMEDIA

Alamat Sekolah : Jalan Cileungsi Raya Jonggol Km. 1 Desa

Cileungsi Kidul Kec. Cileungsi Kab. Bogor

Provinsi Jawa Barat.
No Telepon Sekolah : (021) 82491984 Fax. (021) 82482930

Alamat Orang Tua/Wali : Perum. Griya Cileungsi Lima

Blok E6 No. 18, Kec. Cileungsi, Kab. Bogor

No. Telp Orang Tua/Wali : 0821-8539-1218

Penyusun

Nosa Putra
NIS : 10.21.63.140

v
 KATA PENGANTAR
Puji Syukur kami panjatkan kehadirat Allah Subhanahuwata’ala, karena hanya
dengan hidayah dan TaufikNya-lah, penyusunan laporan Prakerin ini dapat
diselesaikan dengan baik sesuai jadwal yang telah ditetapkan.
Laporan Prakerin ini kami susun berdasarkan hasil pelaksanaan kegiatan Prakerin
di PT. Nandya Karya Perkasa, sebagai bukti kegiatan yang telah kami laksanakan.
Selain itu laporan Prakerin ini mudah-mudahan dapat menjadi sumber referensi bagi
rekan-rekan adik tingkat kami yang dan telah melaksanakan Prakerin.
Pada kesempatan ini tidak lupa kami mengucapkan terimakasih kepada:

1. Bapak Eryandi, S.Pd. M.Pd selaku Kepala SMK Bina Mandiri

Multimedia.
2. Bapak Andi Muhammad Yusup, S.Kom selaku Wakil Kepala Sekolah
Bidang Kurikulum SMK Bina Mandiri Multimedia.
3. Bapak Purwanto, S.Kom selaku Wakil Kepala Bidang HubunganIndustri
SMK Bina Mandiri Multimedia.
4. Bapak Gani Abilawa Cakrabuana,S.Pd selaku Wakil Kepala
Kesiswaan SMK BinaMandiri Multimedia.
5. Bapak Raka Kurnia Adi Wiguna, S.Pd selaku Kepala Program
Keahlian Rekaya Perangkat Lunak SMK Bina Mandiri Multimedia.
6. Ibu Fitri Yuningsih, S.Pd selaku Wali Kelas.

7. Raka Kurnia Adi Wiguna, S.Pd selaku guru pembimbing prakerin dari
SMK Bina Mandiri Multimedia.
8. Bapak Hadi Yudiansyah selaku pimpinan PT. Nandya Karya Perkasa.

9. Seluruh staff dan guru SMK Bina Mandiri Multimedia.

Kami menyadari bahwa dalam penyusunan laporan PKL ini belumlah sempurna
dan masih banyak kekurangannya. Karenanya saran dan masukan untuk
menyempurnakan laporan ini sangat kami nantikan. Semoga laporan ini dapat
memberi manfaat.

Cileungsi, 29 Mei 2023

Penyusun

Nosa Putra

vi
 DAFTAR ISI

LAPORAN PRAKTEK KERJA INDUSTRI (Prakerin) .................................. i

LEMBAR PENGESAHAN ............................................................................... iii
LEMBAR PERSETUJUAN PENGUJI ............................................................ iv
IDENTITAS SISWA .......................................................................................... v
KATA PENGANTAR ....................................................................................... vi
DAFTAR ISI .................................................................................................... vii
DAFTAR GAMBAR ......................................................................................... ix
DAFTAR TABEL .............................................................................................. x
DAFTAR LAMPIRAN ..................................................................................... xi
BAB I PENDAHULUAN ................................................................................... 1
1.1 Latar Belakang ....................................................................................... 1
1.2 Landasan Hukum dan Tujuan ................................................................. 1
1.2.1 Landasan Hukum Prakerin............................................................... 1
1.3 Tujuan diadakannya Prakerin ................................................................. 2
1.4 Sistematika Penulisan ............................................................................. 3
BAB II TINJAUAN UMUM PERUSAHAAN .................................................. 4
2.1 Siswa Pelaksana Prakerin ....................................................................... 4
2.2 Profil DU/DI (Nandya Karya Perkasa) ................................................... 4
2.3 Sejarah Perusahaan................................................................................. 4
2.4 Struktur Organisasi Perusahaan .............................................................. 6
2.5 Logo Perusahaan .................................................................................... 6
2.6 Pelaksanaan Kegiatan ............................................................................. 6
BAB III PELAKSANAAN PRAKTEK KERJA INDUSTRI ........................... 7
3.1 Identifikasi Jenis Pekerjaan Selama Pelaksanaan Prakerin ...................... 7
3.2 Uraian Praktis ........................................................................................ 7
3.2.1 Pengertian Aplikasi Pendukung Project............................................ 7
3.2.2 Uraian Project .................................................................................. 8
BAB IV PENUTUP .......................................................................................... 12
4.1 Kesimpulan .................................................................................................. 12
4.2 Saran ............................................................................................................ 12
DAFTAR PUSTAKA ....................................................................................... 13
LAMPIRAN 1 .................................................................................................. 14
LAMPIRAN 2 .................................................................................................. 15

vii
LAMPIRAN 3 .................................................................................................. 16
LAMPIRAN 4 .................................................................................................. 17
LAMPIRAN 5 .................................................................................................. 18
LAMPIRAN SOURCE CODE ........................................................................ 19

viii
 DAFTAR GAMBAR

Gambar 2.1 Tempat Perusahaan ......................................................................... 4

Gambar 2.2 Struktur Organisasi Perusahaan ....................................................... 6
Gambar 2.3 Logo Perusahaan............................................................................. 6

Gambar 3.1 Tampilan Login............................................................................... 8

Gambar 3.2 Tampilan Home .............................................................................. 9
Gambar 3.3 Tampilan Transaksi data masuk atau barang masuk ........................ 9

Gambar 3.4 Tampilan Transaksi data keluar atau barang keluar ......................... 9

Gambar 3.5 Tampilan Data Admin..................................................................... 10

Gambar 3.6 Tampilan Data supplier ................................................................... 10

Gambar 3.7 Tampilan Data Lokasi Penempatan Barang ..................................... 11

Gambar 3.8 Tampilan Data Barang .................................................................... 11

ix
 DAFTAR TABEL

Tabel 2.1 Nama Identitas Siswa Prakerin ........................................................... 4

Tabel 3.1 Jenis Pekerjaan ................................................................................... 7

x
 BAB I
PENDAHULUAN

1.1 Latar Belakang

Dalam Sistem Pendidikan Nasional Sekolah Menengah Kejuruan (SMK)
merupakan salah satu subsistem yang mempunyai fungsi dan peranan secara
langsung dalam pengembangan sumber daya manusia sebagai Integral
Program Pembangunan Ekonomi.
Sebagai subsistem dari Sistem Pendidikan Nasional Sekolah Menengah
Kejuruan (SMK) berfungsi menyiapkan tenaga kerja yang mempunyai
kemampuan profesional. Hal ini dilakukan karena selama ini pelajaran
praktik kejuruan yang dilakukan di sekolah masih belum banyak di mulai
sehingga belum banyak memberikan keahlian yang profesional terhadapsiswa
didik.
Dengan mengikuti garis besar kebijakan pemerintah dalam bidang
pendidikan dan mempelajari situasi di Indonesia dewasa ini prinsip
penguasaan keahlian profesi, maka perlu diterapkan Praktek Kerja Industri
(Prakerin) dalam bentuk praktek industri untuk sekolah menengah kejuruan
umumnya dan khususnya di SMK Bina Mandiri Multimedia sesuai dengan
situasi dan kondisi yang ada.
Dengan Praktek Kerja Industri (Prakerin) para siswa diharapkan nantinya
mendapatkan ilmu pengetahuan dari dunia usaha atau dunia industri selain
ilmu pengetahuan yang di dapat melalui pendidikan sekolah.

1.2 Landasan Hukum dan Tujuan

1.2.1 Landasan Hukum Prakerin

A. Undang-undang No. 20 tahun 2003, tentang Sistem Pendidikan

Nasional: Pendidikan adalah usaha sadar dan terencana untuk
mewujudkan suasana belajar dan proses pembelajaran agarpeserta
didik aktif mengembangkan potensi dirinya untuk memiliki
kekuatan spiritual keagamaan, pengenalan diri, kepribadian,
kecerdasan, akhlak, serta keterampilan yang diperlukan dirinya,
masyarakat, bangsa dan negara.

1
 2

B. Kepmen pendidikan dan kebudayaan No. 323/u/1990 tentang

Pendidikan Menengah yang antara lain:
1. Penyelenggaraan sekolah menengah dapat bekerja sama dengan
Masyarakat terutama dunia usaha/industri dan para dermawan
untuk memperoleh sumber daya dalam rangka menunjang
penyelenggaraan dan pengembangan pendidikan.
2. Pada sekolah menengah dapat dilakukan uji coba gagasan baru
yang diperlukan dalam rangka pengembangan pendidikan
menengah.
C. Peraturan Pemerintah No. 29 tahun 1990 tentang Pendidikan
Menengah yang antara lain:
1. Penyelenggaraan sekolah menengah dapat bekerja sama dengan
masyarakat terutama dunia usaha /industri dan paradermawan
untuk memperoleh sumber daya dalam rangka menunjang
penyelenggaraan dan pengembangan pendidikan.
2. Pada sekolah menengah dapat dilakukan uji coba gagasan baru
yang diperlukan dalam rangka pengembangan pendidikan
menengah.
D. Kemendikbud No. 080/V/1930 tentang kurikulum sekolah
menengah kejuruan yang menyatakan:
1. Menggunakan unit produksi sekolah beroperasi secara
professional sebagai wahana pelatihan kejuruan.
2. Melaksanakan sebagai kelompok mata pelajaran kejuruan di
sekolah, dan sebagai nilai di dunia usaha/industri.
3. Melaksanakan kelompok mata pelajaran keahlian kejuruan
sepenuhnya di masyarakat dunia usaha/industri.

1.3 Tujuan diadakannya Prakerin

a) Mengimplementasikan materi yang selama ini didapatkan di sekolah.
b) Membentuk pola pikir yang membangun bagi siswa-siswi Prakerin.
c) Melatih siswa untuk berkomunikasi/ berinteraksi secara profesional
didunia kerja yang sebenarnya.
d) Membentuk semangat kerja yang baik bagi siswa-siswi Prakerin.
e) Menambah dan mengembangkan ilmu pengetahuan dasar yang dimiliki
oleh siswa-siswi Prakerin sesuai bidang masing-masing.
 3

f) Menambah jenis keterampilan yang dimiliki siswa agar dapat

dikembangkan dan diimplementasikan dalam kehidupan sehari-hari.
g) Menjalin kerjasama yang baik antara sekolah dengan dunia industri
maupun dunia usaha.
1.4 Sistematika Penulisan
Laporan hasil Prakerin yang kami laksanakan disusun sedemikian rupa
agar mudah dipahami dan dimengerti oleh pihak-pihak yang memerlukannya.
Untuk itu kami menyusun laporan ini secara sistematis, sesuai dengan sistem
penulisan yang berlaku di SMK Bina Mandiri Multimedia. Adapun
sistematika penulisan laporan ini adalah sebagai berikut :
Pada bagian depan Laporan berisi :
Lembar judul, Lembar Pengesahan, Kata Pengantar dan daftar Isi.
Pada bagian isi Laporan diuraikan sebagai berikut :
BAB I PENDAHULUAN
Bab ini berisi latar belakang prakerin, tujuan penulisan laporan,
manfaat penyusunan, dan sistematika.
BAB II TINJAUAN UMUMPERUSAHAAN
Berisikan tentang tempat dan waktu Prakerin, objek Prakerin,
sejarah perkembangan tempat Prakerin.
BAB III PELAKSANAAN PRAKTEK KERJA INDUSTRI
Berisikan tentang kegiatan Prakerin, dan aspek ilmiah dalam
pelaksanaan Prakerin.
BAB IV PENUTUP
Berisikan kesimpulan dan saran selama pelaksanaan Praktek
Kerja Industri ini.
DAFTAR PUSTAKA
LAMPIRAN
 BAB II
TINJAUAN UMUM PERUSAHAAN

2.1 Siswa Pelaksana Prakerin :

Tabel 2.1 Nama Identitas Siswa Prakerin

Nama NIS Program Keahlian

Nosa Putra 10.21.63.140 Rekayasa Perangkat Lunak
Guru Pembimbing :Raka Kurnia Adi Wiguna, S.Pd
Waktu Pelaksanaan Prakerin : 31 Januari s/d 15 Mei 2023

2.2 Profil DU/DI (PT. Nandya Karya Perkasa)

1. Nama DU/DI : PT. Nandya Karya Perkasa
2. Bidang Usaha : Automotive Parts
3. Alamat : Jl. Raya KH Umar, KP.Rawailat
RT.003/009, Kec. Cileungsi, Kab.
Bogor - Jawa Barat 16820
4. Nama Pimpinan : Hadi Yudiansyah
5. Nama Pembimbing Prakerin : Marlina
6. Foto Tempat Prakerin :

Gambar 2.1 Tempat Perusahaan.

2.3 Sejarah Perusahaan

PT. Nandya Karya Perkasa adalah pabrik pembuat Metal Stamping Parts
dan Dies yang melakukan riset pengembangan produk yang berfokus pada
kepuasan pelanggan.
PT. Nandya Karya Perkasa adalah salah satunya, perusahaan tersebut
mempunyai pegawai yang banyak dan menjalankan sistem kontrak. Selain
kondisi tersebut PT. Nandya Karya Perkasa mempunyai supplier yang banyak
dengan jarak lokasi jauh dari PT. Nandya Karya Perkasa.

4
 5

PT. Nandya Karya Perkasa membuka diri terhadap peran serta aktif
masyarakat di luar perusahaan berkaitan dengan pengelolaan lingkungan,
Kesehatan dan keselamatan kerja.
PT.Nandya Karya Perkasa pada saat ini mempunyai sebuah sistem
informasi berupa website yang masih berbentuk statis dan belum dilengkapi
dengan database khusus untuk data karyawan dan supplier. Kemudian
PT.Nandya Karya Perkasa ini telah mempunyai sebuah sistem informasi yang
dinamakan dengan sysinfo.
Demi kelancaran informasi dan seiring berkembangnya jaman maka
PT.Nandya membutuhkan company profile yang dilengkapi dengan data
karyawan dan data supplier. Hal ini ditujukan agar konsumen pegawai dan
masyarakat lebih mudah berkomunikasi jarak jauh. Company profile
merupakan aplikasi berbasis web yang menawarkan berbagai layanan,
company profile dapat menjadi salah satu pilihan bagi perusahaan dalam
menyebarkan informasi.

PT.Nandya Karya Perkasa memiliki visi dan misi sebagai berikut :

2.3.1 Visi

Menjadikan PT.Nandya Karya Perkasa, produsen part metal pada

kendaraan bermotor terkemuka dan terpercaya di Indonesia.

2.3.2 Misi

1. Menjaga kualitas produk selalu mengusung pedoman pengawetan

yang konsisten berdasarkan standar internasional.
2. Memastikan penyerahan tepat waktu.

3. Meningkatkan kualitas sumber daya manusia dengan memberikan

pelatihan yang memenuhi standar minimal kompetensi yang di
persyaratkan..
 6

2.4 Struktur Organisasi Perusahaan

Gambar 2.2 Struktur Organisasi Perusahaan.

2.5 Logo Perusahaan

Gambar 2.3 Logo Perusahaan.

2.6 Pelaksanaan Kegiatan

Kegiatan prakerin dilaksanakan pada tanggal 31 Januari 2023 s/d 15

Mei 2023. Ditempatkan di bagian Semi Final Good di dalam perusahaan.
Pekerjaan yang dilakukan meliputi : menginput data surat jalan masuk dan
keluar, menggunakan aplikasi Accurate dan Excel. Tidak sedikit kegiatan yang
dilakukan, namun kegiatan – kegiatan tersebut cukup untuk meliputi dasar yang
biasa dikerjakan sebagai karyawan DU/DI di perusahaan.
 BAB III
PELAKSANAAN PRAKTEK
KERJA INDUSTRI

3.1 Identifikasi Jenis Pekerjaan Selama Pelaksanaan Prakerin

Tabel 3.1 Jenis Pekerjaan

No Jenis Pekerjaan Selama Prakerin
Semi Final Good

1 - Menginput Data
- Packing Part
.

3.2 Uraian Praktis

3.2.1 Pengertian Aplikasi Pendukung Project

1.XAMPP

XAMPP adalah sebuah Software Web Server yang digunakan

untuk mengembangkan dan merancang situs website pada situs
lokal. Aplikasi ini juga sering disebut sebagai localhost XAMPP
karena fungsinya sebagai pembuat server lokal di perangkat
komputer.

Aplikasi ini bersifat open source dan dapat dioper asikan

pada berbagai sistem operasi, seperti Windows, Mac OS, dan
Linux. Dengan menginstall XAMPP maka tidak perlu lagi
melakukan instalasi dan konfigurasi web server Apache, PHP
dan MySQL secara manual.

7
 8

2.Visual Studio Code

Visual Studio Code pertama kali diperkenalkan pada tanggal
29 April 2015 oleh Microsoft di konferensi Build 2015 untuk
Linux, MacOS, dan Windows. Visual Studio Code merupakan
source-code editor yang dapat digunakan untuk beragam bahasa
pemrograman. Versi pratinjau dirilis tidak lama setelah itu.
Visual Studio Code dibangun menggunakan aplikasi web
Node.js dan kerangka Electron.

3.Laravel

Laravel merupakan framework yang dapat membantu web

developer dalam memaksimalkan penggunaan PHP dalam
proses pengembangan website. Seperti diketahui, PHP sendiri
merupakan bahasa pemograman yang cukup dinamis. Dimana
kehadiran Laravel kemudian membuat PHP menjadi
lebih powerful, cepat, aman, dan simple. Terlebih lagi,
framework ini selalu memunculkan teknologi terbarunya di
antara framework PHP lain.

3.2.2 Uraian Project

1. Tampilan Login.
Disini Admin bisa menginput atau memasukan data
username dan password dari data admin.

Gambar 3.1 Tampilan Login.

 9

2. Tampilan Home.

Disini Admin bisa melihat tampilan dari website inventory

dan mengontrol statistik dari website inventory.

Gambar 3.2 Tampilan Home.

3. Tampilan Transaksi data masuk atau barang masuk.

Admin bisa menambahkan data barang yang masuk ke

dalam database gudang.

Gambar 3.3 Tampilan Transaksi data masuk atau barang masuk.

4. Tampilan Transaksi data keluar atau barang keluar.

Disini Admin bisa menambahkan data barang yang keluar ke

dalam database gudang.

Gambar 3.4 Tampilan Transaksi data masuk atau barang masuk.

 10

5. Tampilan Data Admin.

Disini Admin bisa menambah, mengedit, dan menghapus

data diri ke dalam database admin.

Gambar 3.5 Tampilan Data Admin.

6. Tampilan Data Supplier.

Disini Admin bisa menambah, mengedit, dan menghapus

data supplier ke dalam database supplier.

Gambar 3.6 Tampilan Data Supplier.

 11

7. Tampilan Data Lokasi Penempatan Barang.

Disini Admin menambah, mengedit, dan menghapus data

Lokasi Penempatan Barang ke dalam database.

Gambar 3.7 Tampilan Data Lokasi Penempatan Barang.

8. Tampilan Data Barang.

Disini Admin bisa menambah, mengedit, dan menghapus
data barang ke dalam database.

Gambar 3.8 Tampilan Data Barang.

 BAB IV
PENUTUP

4.1 Kesimpulan

Kegiatan prakerin di PT. Nandya Karya Perkasa, pekerjaan yang dilakukan

meliputi : input data dan mengarsip berkas. Menginput data menggunakan aplikasi
Libreoffice dan Excel. Setelah melaksanakan kegiatan prakerin ini, banyak ilmu
baru yang didapatkan selama kegiatan Prakerin ini yang tidak biasanya didapatkan
disekolah.
Kegiatan prakerin ini sangat berguna bagi penulis, karena dengan adanya
kegiatan ini penulis jadi bisa meningkatkan pemahaman serta pengetahuan baru
dibidang perkantoran, dan sekaligus juga dapat mengasah skill dan ilmu yang
penulis miliki.

4.2 Saran

Sebelum diadakannya kegiatan prakerin, sekolah sudah mempersiapkan para

siswanya dengan ilmu dan pengetahuan yang cukup, agar ketika kegiatan prakerin
dilaksanakan para siswa sudah siap baik secara mental dan juga fisik serta sekolah
juga mengajarkan bagaimana siswa harus bersikap baik dan disiplin ketika
melaksanakan kegiatan prakerin.

12
 DAFTAR PUSTAKA

Penjelasan XAMPP
https://www.jagoanhosting.com/blog/xampp-adalah/

Penjelasan Visual Studio Code

https://www.dewaweb.com/blog/mengenal-visual-studio-code/

Penjelasan Laravel
https://academy.alterra.id/blog/laravel-adalah/

13
LAMPIRAN 1

14
 15

LAMPIRAN 2
 16

LAMPIRAN 3
 17

LAMPIRAN 4
 18

LAMPIRAN 5
 19

LAMPIRAN SOURCE CODE

Codingan Login Codingan Login

<!DOCTYPE html><html lang="en"> <?php

<head> session_start();
<meta charset="utf-8"> session_destroy();
<meta name="viewport" content="width=device- header("Location:login.php");
width, initial-scale=1.0"> ?>
<title>Document</title>
<link rel="stylesheet"
href="../assets/css/bootstrap.min.css">
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/
dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-
rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW
1RWuH61DGLwZJEdK2Kadq2F9CUG65"
crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="row justify-content-center mt-5">
<div class="col-lg-5 mt-5">
<div class="card mt-3">
<div class="card-header bg-primary text-white
text-center">
<h2>Form Login</h2>
</div>
<form action="" method="post">
<div class="card-body">
<label for="" class="form-
label">Username</label>
<input type="text" name="username" class="form-
control" required>
<label for="" class="form-
label">Password</label>
<input type="password" name="password"
class="form-control" required>
</div>
<div class="card-footer">
<div class="d-grid gap-2">
<button type="submit" name="login" class="btn
btn-primary">Login</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<script src="../assets/js/jquery.js"></script>
<script src="../assets/js/bootstrap.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/
dist/js/bootstrap.bundle.min.js" integrity="sha384-
kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjX
kk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"></script>
</body>
</html>