hafsahha / File-Management-System

Tugas Besar Sistem Operasi Kelompok 10

Simulator Sistem File Virtual

Proyek ini adalah simulator sistem file yang dibangun menggunakan Electron dan Node.js untuk mendemonstrasikan bagaimana sistem operasi mengelola file dan direktori. Simulator ini menggabungkan antarmuka grafis dengan terminal berbasis perintah untuk operasi file.

Identitas Kelompok

• Kelas: C1
• Dosen Pengampu: Dr. Rasim, S.T., M.T.
• Kelompok: 10
• Anggota Kelompok:
  • Daffa Faiz Restu Oktavian – 2309013
  • Devia Nursa’adah – 2006363
  • Hafsah Hamidah – 2311474
  • Lyan Nazhabil Dzuquwwa – 2308428

Gambaran Umum

Recording.2025-06-11.100557.1.mp4

Simulator Sistem File menggunakan sistem file virtual dalam memori, bukan sistem file asli komputer Anda. Hal ini memungkinkan eksperimen yang aman tanpa memengaruhi file asli. Aplikasi ini memiliki antarmuka GUI seperti penjelajah file dan antarmuka terminal berbasis perintah, sehingga edukatif untuk memahami konsep manajemen file pada sistem operasi.

Fitur

• Sistem File Virtual Dalam Memori: Semua operasi dilakukan pada sistem file yang disimulasikan
• Antarmuka Ganda:
  • GUI grafis dengan navigasi file/folder dan operasi
  • Terminal berbasis perintah untuk menjalankan perintah sistem file
• Operasi File:
  • Membuat direktori (mkdir)
  • Membuat file (touch)
  • Navigasi direktori (cd)
  • Menampilkan isi direktori (ls)
  • Menghapus file/folder (rm)
  • Menampilkan isi file (cat)
  • Mengganti nama file/folder (rename)
  • Melihat alokasi memori (visualize atau vis)
• Strategi Alokasi Memori:
  • Alokasi kontigu untuk file kecil
  • Alokasi tertaut untuk penyimpanan terfragmentasi
  • Alokasi terindeks untuk file besar
• Visualisasi Memori:
  • Representasi grafis blok penyimpanan
  • Blok berwarna berdasarkan jenis alokasi
  • Statistik penggunaan memori dan fragmentasi
  • Detail alokasi file dengan metrik efisiensi
  • Skenario uji untuk berbagai strategi alokasi
• Representasi Visual: Ikon untuk membedakan file dan folder

Struktur Proyek

file-management-system/
├── index.html                # Antarmuka HTML utama
├── package.json              # Konfigurasi proyek dan dependensi
├── preload.js                # Mengekspos API Node.js dengan aman ke proses renderer
├── presentation.md           # Dokumentasi presentasi proyek
├── README.md                 # Dokumentasi proyek
├── assets/
│   └── icons/                # Ikon UI
│       ├── delete.svg
│       ├── file.svg
│       └── folder.svg
├── src/
│   ├── editor.html           # Editor untuk file virtual
│   ├── main.js               # Proses utama (titik masuk aplikasi)
│   ├── renderer.js           # Proses renderer (logika UI)
│   ├── memory_visualizer_guide.md # Panduan visualisasi memori
│   ├── memoryVisualizer_fixed.html    # Versi visualisasi memori yang digunakan
│   ├── testMemoryVisualizer.js        # Pengujian untuk visualisasi memori
│   ├── components/           # Komponen UI
│   │   ├── ActionBar.js      # Komponen tombol aksi
│   │   ├── FileList.js       # Komponen tampilan daftar file
│   │   └── FileOperations.js # Penangan operasi file
│   ├── styles/
│   │   └── main.css          # Gaya aplikasi
│   └── utils/
│       ├── fileSystem.js     # Abstraksi interaksi sistem file
│       └── virtualFileSystem.js  # Implementasi sistem file dalam memori

Instalasi

1. Pastikan Anda telah menginstal Node.js di sistem Anda
2. Clone atau unduh repositori ini
3. Buka terminal dan navigasikan ke direktori proyek
4. Instal dependensi:

   npm install
   

Menjalankan Aplikasi

Untuk memulai Simulator Sistem File:

npm start

Cara Menggunakan

Antarmuka GUI

• Navigasi: Klik nama folder untuk masuk ke direktori
• Kembali: Gunakan tombol kembali untuk kembali ke direktori induk
• Refresh: Klik tombol refresh untuk memperbarui daftar file
• Hapus: Gunakan tombol hapus di sebelah file/folder untuk menghapusnya
• Toggle Terminal: Buka antarmuka terminal untuk operasi yang lebih lanjut

Antarmuka Terminal

Terminal mendukung perintah berikut:

• ls [path] - Menampilkan file dan direktori
• cd <path> - Berpindah direktori (gunakan .. untuk naik satu level)
• mkdir <dirname> - Membuat direktori
• rm <path> - Menghapus file atau direktori
• touch <filename> - Membuat file kosong
• nano <filename> - Membuka file untuk diedit
• pwd - Menampilkan path direktori saat ini
• help - Menampilkan perintah yang tersedia
• visualize atau vis - Melihat alokasi memori

Sistem File Virtual

Aplikasi dimulai dengan struktur direktori contoh yang memuat:

• /documents/ - File dokumen contoh
• /pictures/ - File gambar contoh
• /music/ - File musik contoh

Struktur ini dimuat dalam memori dan tidak memengaruhi sistem file asli Anda.

Tujuan Edukasi

Simulator ini dirancang untuk mendemonstrasikan bagaimana sistem operasi mengelola file dan direktori. Simulator ini mengilustrasikan konsep seperti:

• Hierarki dan path sistem file
• Operasi file (pembuatan, penghapusan, navigasi)
• Parsing dan eksekusi perintah
• Interaksi antarmuka pengguna dengan sistem file

Detail Teknis

• Framework: Electron.js
• UI: HTML, CSS, dan JavaScript
• Arsitektur: Menggunakan proses utama dan proses renderer dengan komunikasi IPC
• Sistem File: Implementasi dalam memori untuk tujuan edukasi

Kontribusi

Kontribusi sangat diterima! Silakan buka issue atau kirim pull request untuk peningkatan atau perbaikan bug.

Lisensi

Proyek ini dilisensikan di bawah Lisensi MIT.