Praktek Keamanan Sistem Informasi

 Nama : Zahra Dwi Septiani

NIM : 231011700647

Dosen : Karno Ganjar Prasetyo, S.Kom., M.Kom

Matkul : Keamanan Sistem Informasi

Penjelasan Proses Import File ke phpMyAdmin Menjadi Database

File yang dimasukkan ke dalam phpMyAdmin merupakan file berekstensi .sql yang berisi kumpulan perintah SQL, seperti CREATE DATABASE, CREATE TABLE, INSERT INTO, serta perintah lainnya yang digunakan untuk membangun struktur database dan mengisi data awal. File ini biasanya diperoleh dari pengembang aplikasi atau hasil ekspor (export) database sebelumnya.

Proses dimulai dengan membuat sebuah database baru di phpMyAdmin, misalnya jasa. Setelah database berhasil dibuat, pengguna memilih menu Import, kemudian memilih file .sql yang telah disediakan. Selanjutnya, pengguna menekan tombol Go/Kirim sehingga phpMyAdmin akan menjalankan seluruh perintah SQL yang terdapat pada file tersebut.

Setelah proses import selesai tanpa adanya error, database akan otomatis memiliki struktur yang sama seperti database asli. Di dalam database tersebut akan terbentuk beberapa tabel, misalnya:

• user → Menyimpan data pengguna yang dapat login ke sistem.
• biaya → Menyimpan data tarif atau biaya jasa.
• transaksi → Menyimpan data transaksi pelanggan.

Selain membuat tabel, file SQL juga dapat langsung mengisi data awal (default data) sehingga aplikasi dapat digunakan tanpa harus memasukkan seluruh data secara manual.

Tujuan Import Database

Import file SQL bertujuan untuk:

• Membuat struktur database secara otomatis.
• Membuat seluruh tabel beserta relasinya.
• Mengisi data awal (jika tersedia).
• Mempermudah proses instalasi aplikasi pada komputer atau server baru.
• Menjamin struktur database sesuai dengan kebutuhan aplikasi.

Penjelasan Halaman Login

Pada halaman login terdapat beberapa komponen utama, yaitu:

1. Judul "Login Admin"

   Menunjukkan bahwa halaman ini dikhususkan untuk pengguna yang memiliki hak akses sebagai administrator.

2. Form Username

   Kolom pertama digunakan untuk memasukkan username pengguna. Pada gambar terlihat username yang dimasukkan adalah "zahra".

3. Form Password

   Kolom kedua digunakan untuk memasukkan password. Karakter password disembunyikan dalam bentuk simbol titik (••••••••) untuk menjaga keamanan informasi pengguna.

4. Tombol Login

   Tombol Login digunakan untuk mengirim data username dan password ke server. Sistem kemudian akan melakukan proses validasi dengan mencocokkan data yang dimasukkan dengan data pada tabel user di database MySQL.

Alur Proses Login

Proses login pada aplikasi berlangsung sebagai berikut:

1. Pengguna membuka halaman login melalui browser dengan alamat http://localhost/jasa/.
2. Pengguna memasukkan username dan password pada form yang tersedia.
3. Setelah tombol Login ditekan, aplikasi mengirimkan data ke server menggunakan bahasa pemrograman PHP.
4. Sistem memeriksa kecocokan username dan password dengan data yang tersimpan pada tabel user di database.
5. Jika data sesuai, pengguna berhasil masuk ke halaman utama (dashboard).
6. Jika data tidak sesuai, sistem akan menampilkan pesan bahwa username atau password salah sehingga pengguna tidak dapat mengakses sistem.

Fungsi Halaman Login

Halaman login berfungsi sebagai sistem autentikasi untuk memastikan bahwa hanya pengguna yang memiliki akun terdaftar yang dapat mengakses aplikasi. Dengan adanya proses login, keamanan sistem lebih terjamin karena setiap pengguna harus memasukkan kredensial yang valid sebelum menggunakan fitur-fitur seperti pengelolaan data biaya, transaksi, maupun data pengguna.

Penjelasan Halaman Dashboard Admin

Dashboard Admin berfungsi sebagai pusat navigasi bagi administrator untuk mengelola seluruh data yang terdapat pada sistem. Pada halaman ini ditampilkan informasi mengenai status login pengguna serta menu-menu yang dapat digunakan untuk mengakses berbagai fitur aplikasi.

1. Header Aplikasi

Di bagian atas terdapat navigation bar yang berisi identitas aplikasi dan menu utama, yaitu:

• Aplikasi Jasa Cuci sebagai nama sistem.
• Beranda digunakan untuk kembali ke halaman utama dashboard.
• Transaksi digunakan untuk mengelola data transaksi jasa cuci, seperti menambah, mengubah, maupun melihat transaksi pelanggan.
• Laporan digunakan untuk menampilkan dan mencetak laporan transaksi yang telah dilakukan.
• Data Master digunakan untuk mengelola data utama aplikasi, seperti data pengguna maupun data biaya jasa.

2. Informasi Pengguna

Pada pojok kanan atas ditampilkan nama pengguna yang sedang login, yaitu zahra dwi septiani. Informasi ini menunjukkan bahwa sistem berhasil mengenali akun yang sedang digunakan dan memberikan akses sesuai hak pengguna.

3. Halaman Selamat Datang

Di bagian tengah halaman terdapat pesan:

"Selamat Datang di UAS Keamanan Sistem Informasi"

Pesan ini berfungsi sebagai halaman pembuka setelah pengguna berhasil login. Selain itu terdapat informasi bahwa pengguna yang sedang aktif adalah Admin, sehingga memiliki hak akses penuh terhadap seluruh fitur yang tersedia pada aplikasi.

4. Hak Akses Admin

Sebagai administrator, pengguna memiliki hak untuk:

• Mengelola data master.
• Mengelola data transaksi jasa cuci.
• Melihat dan mencetak laporan.
• Mengelola data pengguna apabila fitur tersebut tersedia.
• Melakukan logout setelah selesai menggunakan aplikasi.

Fungsi Dashboard Admin

Dashboard Admin berfungsi sebagai pusat pengendalian sistem yang memudahkan administrator dalam mengakses seluruh fitur aplikasi. Melalui dashboard ini, admin dapat melakukan pengelolaan data, memantau aktivitas transaksi, serta menghasilkan laporan secara lebih cepat dan terorganisir.

Penjelasan Tampilan Visual Studio Code

Visual Studio Code digunakan sebagai perangkat lunak untuk menulis, mengedit, dan mengelola kode program aplikasi. Proyek yang dibuka bernama JASA, yang berisi kumpulan file PHP, CSS, JavaScript, font, serta database yang saling terhubung untuk membentuk sebuah aplikasi berbasis web.

Struktur Folder Proyek

Pada panel sebelah kiri (Explorer) terlihat beberapa folder dan file utama, yaitu:

• css → Berisi file CSS yang digunakan untuk mengatur tampilan antarmuka aplikasi.
• database → Berisi file database, biasanya berupa file .sql sebagai cadangan atau import database.
• fonts → Menyimpan jenis huruf (font) yang digunakan pada aplikasi.
• js → Berisi file JavaScript yang digunakan untuk menambahkan fungsi interaktif pada halaman web.

Penjelasan File PHP

Beberapa file penting yang terdapat pada proyek antara lain:

• index.php → Halaman utama aplikasi yang berfungsi sebagai halaman login.
• koneksi.php → File yang digunakan untuk menghubungkan aplikasi dengan database MySQL menggunakan konfigurasi host, username, password, dan nama database.
• admin.php → Halaman dashboard administrator setelah proses login berhasil.
• menu.php → Mengatur tampilan menu navigasi pada aplikasi.
• biaya.php → Menampilkan data biaya jasa cuci.
• biaya_baru.php → Digunakan untuk menambahkan data biaya baru.
• biaya_edit.php → Digunakan untuk mengubah data biaya.
• biaya_hapus.php → Digunakan untuk menghapus data biaya.
• transaksi.php → Menampilkan data transaksi pelanggan.
• transaksi_baru.php → Digunakan untuk menambahkan transaksi baru.
• transaksi_edit.php → Digunakan untuk mengubah data transaksi.
• transaksi_hapus.php → Digunakan untuk menghapus data transaksi.
• laporan.php → Menampilkan laporan transaksi.
• cetak_nota.php → Digunakan untuk mencetak nota pembayaran.
• logout.php → Menghapus sesi login dan mengembalikan pengguna ke halaman login.

Penjelasan Kode yang Ditampilkan

Pada bagian tengah VS Code terlihat file index.php yang sedang dibuka. Potongan kode tersebut merupakan program untuk halaman login.

Kode tersebut memiliki fungsi sebagai berikut:

• Memeriksa apakah tombol Login telah ditekan menggunakan fungsi isset().
• Mengambil data username dan password yang dimasukkan pengguna.
• Menampilkan form login apabila pengguna belum berhasil masuk ke sistem.
• Menampilkan pesan kesalahan ($_SESSION['err']) jika username atau password yang dimasukkan tidak sesuai.
• Mengirim data login ke server menggunakan metode POST untuk kemudian divalidasi dengan data yang terdapat pada database.

Penjelasan Langkah-Langkah

1. Masuk ke Direktori Proyek

Perintah yang digunakan:

cd C:\xampp\htdocs\jasa

Perintah cd (Change Directory) digunakan untuk berpindah ke folder tempat aplikasi Jasa Cuci disimpan, yaitu di dalam direktori htdocs milik XAMPP. Setelah berada pada direktori tersebut, seluruh file aplikasi dapat dikelola melalui Command Prompt.

2. Memberikan Hak Akses Read Only

Perintah yang digunakan:

attrib +R index.php

Perintah attrib +R digunakan untuk memberikan atribut Read Only (R) pada file index.php. Dengan atribut ini, file menjadi terlindungi dari perubahan atau pengeditan secara langsung tanpa terlebih dahulu menghapus atribut tersebut. Langkah ini bertujuan untuk meningkatkan keamanan file penting agar tidak mudah dimodifikasi.

3. Memeriksa Atribut File

Perintah yang digunakan:

attrib index.php

Hasil yang ditampilkan:

A  R   C:\xampp\htdocs\jasa\index.php

Keterangan:

• A (Archive) → Menandakan file telah berubah sejak proses pencadangan (backup) terakhir.
• R (Read Only) → Menunjukkan bahwa file memiliki atribut hanya-baca (Read Only), sehingga tidak dapat diubah secara langsung.

Munculnya huruf R menandakan bahwa proses pemberian atribut Read Only berhasil dilakukan.

4. Menampilkan Isi Direktori

Perintah yang digunakan:

dir

Perintah dir digunakan untuk menampilkan seluruh isi folder C:\xampp\htdocs\jasa. Pada hasil tersebut terlihat berbagai file dan folder penyusun aplikasi, seperti:

• index.php
• admin.php
• koneksi.php
• transaksi.php
• laporan.php
• menu.php
• Folder css
• Folder database
• Folder fonts
• Folder js

Daftar tersebut menunjukkan bahwa seluruh komponen aplikasi telah tersimpan pada direktori proyek dan siap dijalankan melalui web server Apache pada XAMPP.

Tujuan Pengujian

Penerapan atribut Read Only bertujuan untuk:

• Melindungi file penting agar tidak mudah diubah.
• Mengurangi risiko perubahan kode secara tidak sengaja.
• Menjaga integritas source code aplikasi.
• Meningkatkan keamanan file sistem pada web server.

Penjelasan Tampilan Disk Management

Disk Management merupakan utilitas bawaan Windows yang berfungsi untuk mengelola media penyimpanan, seperti hard disk dan partisi. Melalui fitur ini, administrator dapat melihat kapasitas penyimpanan, membuat partisi baru, menghapus partisi, memformat drive, maupun memeriksa kondisi disk.

Informasi Hard Disk

Berdasarkan gambar, terdapat dua buah hard disk yang terdeteksi oleh sistem, yaitu:

1. Disk 0

• Status : Basic
• Kapasitas : 19,99 GB
• Drive : C:
• Sistem File : NTFS
• Kondisi : Healthy (System)

Disk 0 merupakan hard disk utama yang digunakan sebagai media instalasi sistem operasi Windows Server. Seluruh file sistem dan aplikasi tersimpan pada partisi C: sehingga berfungsi sebagai drive utama.

2. Disk 1

• Status : Basic
• Kapasitas : 14,99 GB
• Drive : E: (zahra)
• Sistem File : NTFS
• Kondisi : Healthy

Disk 1 merupakan hard disk tambahan yang telah dibuat dan diberi label "zahra". Partisi ini dapat digunakan sebagai media penyimpanan data, backup, atau kebutuhan administrasi lainnya tanpa mengganggu sistem operasi pada drive C:.

Kondisi Partisi

Seluruh partisi memiliki status Healthy, yang menunjukkan bahwa:

• Hard disk berhasil dikenali oleh sistem operasi.
• Sistem file NTFS berfungsi dengan baik.
• Tidak terdapat kerusakan atau masalah pada partisi.
• Seluruh drive siap digunakan untuk menyimpan data.

Fungsi Penggunaan Disk Tambahan

Penambahan hard disk kedua (Disk 1) bertujuan untuk:

• Menyediakan ruang penyimpanan tambahan.
• Memisahkan data dengan sistem operasi.
• Menyimpan file backup aplikasi atau database.
• Mempermudah pengelolaan data oleh administrator.

Implementasi Web Server di Windows XP Client Menggunakan Aplikasi Web Inventaris

 

1. Pendahuluan

Seiring berkembangnya teknologi informasi, berbagai instansi maupun organisasi mulai beralih menggunakan aplikasi berbasis web untuk mempermudah proses pengelolaan data. Salah satu implementasinya adalah aplikasi inventaris barang yang berfungsi untuk mencatat, menyimpan, serta mengelola informasi aset secara terkomputerisasi. Agar aplikasi tersebut dapat diakses melalui jaringan maupun komputer lokal, diperlukan sebuah web server yang berperan sebagai media penghubung antara browser pengguna dengan aplikasi.

Pada kegiatan implementasi ini digunakan sistem operasi Windows XP Client sebagai platform utama dengan memanfaatkan XAMPP sebagai web server lokal. Tujuan implementasi ini adalah agar aplikasi web inventaris dapat dijalankan melalui browser sehingga proses pengelolaan data barang menjadi lebih mudah, cepat, dan terorganisir.

2. Perangkat yang Digunakan

Implementasi web server memerlukan beberapa perangkat lunak pendukung sebagai berikut:

• Sistem Operasi Windows XP Professional
• XAMPP sebagai paket web server
• Apache Web Server
• PHP
• MySQL Server
• phpMyAdmin
• Browser (Mozilla Firefox atau Google Chrome)
• Aplikasi Web Inventaris

3. Proses Implementasi

A. Instalasi XAMPP

Tahapan pertama adalah memasang XAMPP sebagai web server lokal yang telah menyediakan Apache, PHP, dan MySQL dalam satu paket instalasi.

Langkah-langkahnya sebagai berikut:

1. Jalankan file installer XAMPP.
2. Ikuti seluruh proses instalasi hingga selesai.
3. Tentukan direktori penyimpanan, misalnya:

C:\xampp

4. Setelah instalasi selesai, buka XAMPP Control Panel.
5. Jalankan layanan Apache dan MySQL dengan menekan tombol Start.
6. Pastikan kedua layanan telah berstatus Running.

B. Menyalin Aplikasi ke Direktori Web Server

Setelah web server aktif, langkah berikutnya adalah menempatkan aplikasi inventaris pada folder web server.

Tahapan yang dilakukan yaitu:

1. Buka folder aplikasi Web Inventaris.
2. Salin seluruh file aplikasi.
3. Tempelkan ke dalam folder:

C:\xampp\htdocs\web_inventaris

4. Pastikan seluruh file berhasil dipindahkan tanpa ada yang terlewat.

C. Membuat Basis Data

Agar aplikasi dapat menyimpan data inventaris, perlu dibuat sebuah database baru melalui phpMyAdmin.

Langkah-langkahnya:

1. Buka browser.
2. Akses alamat:

http://localhost/phpmyadmin

3. Pilih menu Database.
4. Masukkan nama database:

inventaris_db

5. Klik Create.

D. Mengimpor Database

Database yang telah dibuat kemudian diisi dengan struktur tabel dari file SQL.

Langkah-langkah:

1. Pilih database inventaris_db.
2. Klik menu Import.
3. Tekan tombol Choose File.
4. Pilih file database berekstensi .sql.
5. Klik Go.
6. Tunggu hingga seluruh tabel berhasil dibuat.

E. Mengatur Koneksi Database

Supaya aplikasi dapat terhubung dengan database, lakukan konfigurasi pada file koneksi.

<?php
$host     = "localhost";
$user     = "root";
$password = "";
$database = "inventaris_db";
?>

Setelah selesai, simpan perubahan konfigurasi.

F. Menjalankan Aplikasi

Apabila seluruh proses konfigurasi telah selesai, aplikasi dapat dijalankan melalui browser.

Langkah-langkah:

1. Pastikan Apache dan MySQL masih aktif.
2. Buka browser.
3. Masukkan alamat:

http://localhost/web_inventaris

4. Tekan Enter.
5. Jika konfigurasi benar, halaman login aplikasi akan muncul.

G. Pengujian Aplikasi

Tahap akhir adalah melakukan pengujian terhadap fitur-fitur utama aplikasi.

Pengujian meliputi:

• Login sebagai administrator.
• Menambahkan data inventaris baru.
• Mengubah data barang.
• Menghapus data inventaris.
• Melakukan pencarian data.
• Menampilkan laporan inventaris.

Hasil pengujian menunjukkan bahwa seluruh fungsi utama aplikasi berjalan dengan baik dan dapat digunakan sesuai kebutuhan.

4. Hasil Implementasi

Implementasi web server menggunakan Windows XP Client berhasil dilakukan dengan memanfaatkan XAMPP sebagai server lokal. Aplikasi Web Inventaris dapat diakses melalui browser tanpa mengalami kendala berarti. Seluruh data inventaris dapat disimpan ke dalam database MySQL, sedangkan proses penambahan, perubahan, pencarian, hingga pembuatan laporan dapat dilakukan secara lebih cepat dibandingkan pencatatan manual. Dengan demikian, sistem mampu meningkatkan efisiensi dalam pengelolaan data inventaris.

5. Kesimpulan

Berdasarkan hasil implementasi yang telah dilakukan, dapat disimpulkan bahwa Windows XP Client masih dapat digunakan sebagai media pembelajaran dalam membangun web server lokal menggunakan XAMPP. Integrasi antara Apache, PHP, dan MySQL memungkinkan aplikasi Web Inventaris dijalankan dengan baik melalui browser. Implementasi ini memberikan kemudahan dalam proses pengelolaan data inventaris karena seluruh informasi tersimpan secara terstruktur, mudah diakses, serta lebih efektif dalam mendukung aktivitas administrasi.