{"id":11174,"date":"2026-06-05T11:59:53","date_gmt":"2026-06-05T03:59:53","guid":{"rendered":"https:\/\/www.archimetric.com\/id\/designing-secure-web-administration-interfaces-a-uml-use-case-modeling-approach\/"},"modified":"2026-06-05T11:59:53","modified_gmt":"2026-06-05T03:59:53","slug":"designing-secure-web-administration-interfaces-a-uml-use-case-modeling-approach","status":"publish","type":"post","link":"https:\/\/www.archimetric.com\/id\/designing-secure-web-administration-interfaces-a-uml-use-case-modeling-approach\/","title":{"rendered":"Merancang Antarmuka Administrasi Web yang Aman: Pendekatan Pemodelan Kasus Penggunaan UML"},"content":{"rendered":"

Pendahuluan<\/h2>\n

Di era digital modern, keamanan situs web bukan sekadar pertimbangan tambahan tetapi merupakan kebutuhan dasar. Kerangka kerja regulasi dan standar keamanan menuntut pemisahan ketat antara antarmuka administrasi dengan fungsi pengguna biasa untuk mencegah akses tidak sah dan meminimalkan potensi pelanggaran keamanan. Merancang sistem yang aman seperti ini memerlukan pemahaman yang jelas mengenai peran pengguna, izin, dan interaksi sistem.<\/p>\n

\"\"<\/p>\n

Studi kasus ini mengeksplorasi desain arsitektur antarmuka administrasi web yang aman, memanfaatkan pemodelan kasus penggunaan UML untuk memetakan fungsi administrasi yang kompleks. Dengan meninjau pemisahan tanggung jawab antara Administrator Situs Web dan staf Help Desk, serta mendetailkan pengelolaan kelompok pengguna, sesi, dan log, kami menunjukkan bagaimana alat pemodelan yang kuat dapat menerjemahkan kebijakan keamanan yang ketat menjadi peta sistem visual yang dapat dijalankan.<\/p>\n

Latar Belakang dan Persyaratan Keamanan<\/h2>\n

Persyaratan keamanan situs web menuntut pemisahan antarmuka administrasi dari fungsi umum yang disediakan bagi pengguna. Pemisahan ini diperlukan oleh kerangka kepatuhan seperti Undang-Undang Sarbanes-Oxley (SOX) di AS dan sangat direkomendasikan oleh ISO 17799. Untuk mencapai hal ini, sistem harus memiliki aplikasi terpisah untuk administrator dan untuk pengguna biasa.<\/p>\n

Direkomendasikan oleh Panduan OWASP untuk Membangun Aplikasi Web dan Layanan Web yang Aman, versi 2.0, bahwa aplikasi administrasi situs web tidak boleh dapat diakses dari internet publik tanpa melalui jaringan manajemen khusus. Akses harus dibatasi hanya pada Virtual Private Networks (VPNs) yang telah diautentikasi secara kuat atau pusat operasi jaringan yang dipercaya.<\/p>\n

Selain itu, kecuali untuk administrator penuh, sebagian antarmuka administrasi harus tersedia bagi staf Help Desk. Ini memastikan mereka memiliki alat yang diperlukan untuk membantu pelanggan yang mengalami masalah saat menggunakan situs web yang berorientasi pelanggan, tanpa memberi mereka kendali penuh terhadap sistem.<\/p>\n

Arsitektur Administrasi Tingkat Atas<\/h2>\n

Diagram kasus pengguna tingkat atas menggambarkan fungsi administrasi utama yang dapat disediakan oleh situs web administrasi. Dua aktor utama yang menggunakan antarmuka administrasi ini adalahAdministrator Situs Web<\/strong> dan Help Desk<\/strong>. Aktor Help Desk menggunakan subset ketat dari fungsi yang tersedia bagi Administrator Situs Web. Semua kasus pengguna tingkat atas yang ditampilkan bersifat abstrak, karena masing-masing mewakili kelompok komprehensif atau ‘paket’ dari fungsi administrasi.<\/p>\n

Dalam PlantUML:<\/p>\n

@startuml\r\narah kiri ke kanan\r\n\r\nskinparam packageStyle persegi panjang\r\n\r\naktor \"Administrator Situs Web\" sebagai WA\r\naktor \"Help Desk\" sebagai HD\r\n\r\npersegi panjang \"Situs Web Administrasi\" {\r\nusecase \"Kelola Kelompok Penggunan{abstrak}\" sebagai UC1\r\nusecase \"Kelola Penggunan{abstrak}\" sebagai UC2\r\nusecase \"Kelola Sesi Penggunan{abstrak}\" sebagai UC3\r\nusecase \"Kelola Logn{abstrak}\" sebagai UC4\r\n}\r\n\r\nWA -- UC1\r\nWA -- UC2\r\nWA -- UC3\r\nWA -- UC4\r\n\r\nHD -- UC2\r\n\r\n@enduml<\/pre>\n
\"\"<\/p>\n
Analisis Kasus Pengguna yang Rinci<\/h2>\n
Kelola Kelompok Pengguna<\/h3>\n
The\u00a0Kelola Kelompok Pengguna<\/strong> kasus pengguna abstrak diperdalam oleh Buat Kelompok<\/strong>,\u00a0Perbarui Kelompok<\/strong>, dan\u00a0Hapus Kelompok<\/strong> kasus pengguna. Fungsi ini memungkinkan administrator situs web untuk membuat kelompok pengguna yang berbeda\u2014misalnya, menetapkan hak akses yang bervariasi atau opsi langganan. Selanjutnya, kelompok pengguna ini dapat dimodifikasi untuk menyesuaikan izin atau dihapus sepenuhnya ketika tidak lagi diperlukan.<\/p>\n
Kode PlantUML:<\/p>\n
@startuml\r\narah kiri ke kanan\r\n\r\nskinparam packageStyle persegi panjang\r\n\r\naktor \"Administrator Situs Web\" sebagai WA\r\n\r\npersegi panjang \"Situs Web Administrasi\" {\r\nusecase \"Kelola Kelompok Penggunan{abstrak}\" sebagai AbstractUC\r\nusecase \"Buat Kelompok\" sebagai UC1\r\nusecase \"Perbarui Kelompok\" sebagai UC2\r\nusecase \"Hapus Kelompok\" sebagai UC3\r\n}\r\n\r\n' Hubungan generalisasi\r\nUC1 --|> AbstractUC\r\nUC2 --|> AbstractUC\r\nUC3 --|> AbstractUC\r\n\r\n' Asosiasi aktor\r\nWA -- UC1\r\nWA -- UC2\r\nWA -- UC3\r\n\r\n@enduml<\/pre>\n
\"\"<\/p>\n
Kelola Pengguna<\/h3>\n
Kasus penggunaan manajemen pengguna tersedia bagi kedua\u00a0Administrator Situs Web<\/strong>\u00a0dan\u00a0Meja Bantuan<\/strong>. Modul ini menyediakan kumpulan fungsi standar pengguna CRUD (Buat, Dapatkan\/Cari, Perbarui, Hapus).<\/p>\n
Dua kasus penggunaan tambahan,\u00a0Kunci Pengguna<\/strong>\u00a0dan\u00a0Buka Kunci Pengguna<\/strong>, khusus untuk keamanan situs web. Sebagai contoh, jika jumlah percobaan login yang gagal mencapai jumlah yang telah ditentukan dalam waktu tertentu menggunakan kata sandi yang salah, akun pengguna harus dikunci sementara untuk mencegah serangan tebakan kata sandi secara paksa. Meskipun penguncian dan pembukaan kunci ini biasanya otomatis dilakukan oleh sistem deteksi intrusi atau subsistem otentikasi situs web, fungsi manual sangat penting. Misalnya, seorang pengguna mungkin menghubungi dukungan dan secara eksplisit meminta untuk mengunci akun mereka karena diduga telah diretas.<\/p>\n
Kode PlantUML:<\/p>\n
@startuml\r\narah kiri ke kanan\r\n\r\nskinparam packageStyle rectangle\r\n\r\naktor \"Administrator Situs Web\" sebagai WA\r\naktor \"Meja Bantuan\" sebagai HD\r\n\r\npersegi panjang \"Website Admin\" {\r\nusecase \"Kelola Penggunan{abstrak}\" sebagai AbstractUC\r\nusecase \"Buat Pengguna\" sebagai UC1\r\nusecase \"Perbarui Pengguna\" sebagai UC2\r\nusecase \"Hapus Pengguna\" sebagai UC3\r\nusecase \"Cari Pengguna\" sebagai UC4\r\nusecase \"Kunci Pengguna\" sebagai UC5\r\nusecase \"Buka Kunci Pengguna\" sebagai UC6\r\n}\r\n\r\n' Hubungan generalisasi\r\nUC1 --|> AbstractUC\r\nUC2 --|> AbstractUC\r\nUC3 --|> AbstractUC\r\nUC4 --|> AbstractUC\r\nUC5 --|> AbstractUC\r\nUC6 --|> AbstractUC\r\n\r\n' Asosiasi aktor\r\nWA -- UC1\r\nWA -- UC2\r\nWA -- UC3\r\nWA -- UC4\r\nWA -- UC5\r\nWA -- UC6\r\n\r\nHD -- UC4\r\nHD -- UC5\r\nHD -- UC6\r\n\r\n@enduml<\/pre>\n
\"\"<\/p>\n
Kelola Sesi Pengguna<\/h3>\n
Sesi pengguna dibuat baik untuk setiap permintaan masuk baru yang belum termasuk dalam sesi yang ada, atau segera setelah pengguna diautentikasi. Administrator Situs Web harus memiliki kemampuan untuk memantau berapa banyak sesi yang telah dibuat, melihat data statistik mengenai penggunaan sesi, menemukan sesi tertentu, memeriksa status sesi aktif, dan membatalkan (menghapus) sesi jika terdeteksi ancaman keamanan.<\/p>\n
Kode PlantUML:<\/p>\n
\n
@startuml\r\n\r\narah kiri ke kanan\r\n\r\nskinparam packageStyle rectangle\r\n\r\naktor \"Administrator Situs Web\" sebagai WA\r\n\r\npersegi panjang \"Website Admin\" {\r\n\r\n\u00a0 usecase \"Kelola Sesi Penggunan{abstrak}\" sebagai AbstractUC\r\n\r\n\u00a0 usecase \"Cari Sesi\" sebagai UC1\r\n\r\n\u00a0 usecase \"Tampilkan Sesi\" sebagai UC2\r\n\r\n\u00a0 usecase \"Batalkan Sesi\" sebagai UC3\r\n\r\n}\r\n\r\n' Hubungan generalisasi\r\n\r\nUC1 --|> AbstractUC\r\n\r\nUC2 --|> AbstractUC\r\n\r\nUC3 --|> AbstractUC\r\n\r\n' Asosiasi aktor\r\n\r\nWA -- UC1\r\n\r\nWA -- UC2\r\n\r\nWA -- UC3\r\n\r\n@enduml<\/pre>\n<\/div>\n
\"\"<\/p>\n
Kelola Log<\/h3>\n
Daftar fungsi administratif yang termasuk dalam manajemen log tergantung pada persyaratan keamanan khusus yang didukung oleh situs web. Ini merupakan persyaratan keamanan standar, sebagaimana dijelaskan dalam Panduan OWASP 2.0, bahwa catatan log baru hanya boleh ditambahkan, sementara catatan log lama tidak boleh ditimpa atau dihapus. Ini dapat diimplementasikan dengan menulis log ke perangkat write-once\/read-many (WORM), seperti CD-R atau penyimpanan awan yang tidak dapat diubah.<\/p>\n
Administrator Situs Web harus mampu memantau status sistem pencatatan log. Status ini mencakup memverifikasi bahwa pencatatan log berfungsi sepenuhnya (misalnya, memastikan ada ruang disk yang cukup dan koneksi basis data stabil) serta memastikan bahwa file log lama dipindahkan ke penyimpanan permanen sesuai jadwal untuk arsip. Selain itu, administrator harus mampu mencari dan melihat catatan log yang terkait dengan pengguna tertentu atau situasi keamanan yang luar biasa.<\/p>\n
Kode PlantUML:<\/p>\n
@startuml\r\narah kiri ke kanan\r\n\r\nskinparam packageStyle rectangle\r\n\r\naktor \"Administrator Situs Web\" sebagai WA\r\n\r\npersegi panjang \"Website Admin\" {\r\nusecase \"Kelola Logn{abstrak}\" sebagai AbstractUC\r\nusecase \"Tampilkan Status Log\" sebagai UC1\r\nusecase \"Cari Catatan Log\" sebagai UC2\r\n}\r\n\r\n' Hubungan generalisasi\r\nUC1 --|> AbstractUC\r\nUC2 --|> AbstractUC\r\n\r\n' Asosiasi aktor\r\nWA -- UC1\r\nWA -- UC2\r\n\r\n@enduml<\/pre>\n
\"\"<\/p>\n
Menerapkan Model dengan Visual Paradigm<\/h2>\n
Untuk secara efektif menerjemahkan persyaratan keamanan dan alur kerja administratif ini menjadi kerangka kerja pengembangan yang dapat dijalankan, organisasi mengandalkan alat pemodelan yang kuat. Visual Paradigm mendukung sepenuhnya diagram UML Use Case yang komprehensif di seluruh perangkat lunak desktop yang kuat dan aplikasi web berbasis cloud-nya. Platform ini memperlakukan kasus penggunaan sebagai model data yang luas, bukan hanya bentuk elips, yang menghubungkan elemen visual langsung ke kebutuhan, alur kerja, dan spesifikasi.<\/p>\n
Fitur Inti Diagram<\/h3>\n
    \n
  • \n
    Dukungan Notasi Lengkap:<\/strong>\u00a0Mengimplementasikan semua spesifikasi UML OMG standar termasuk Aktor, Kasus Penggunaan, Batas Sistem, dan tautan Asosiasi.<\/p>\n<\/li>\n
  • \n
    Hubungan Lanjutan:<\/strong>\u00a0Mudah memetakan perilaku kompleks dengan hubungan include, extend (dengan titik ekstensi), dan generalisasi bawaan.<\/p>\n<\/li>\n
  • \n
    Alat Katalog Sumber Daya:<\/strong>\u00a0Fitur antarmuka yang memenangkan penghargaan yang memungkinkan Anda menyeret koneksi dari sebuah bentuk untuk langsung membuat dan menghubungkan elemen baru.<\/p>\n<\/li>\n
  • \n
    Sunting Langsung:<\/strong>\u00a0Memungkinkan Anda mengganti nama bentuk dan menyesuaikan ekstensi langsung di dalam tata letak kanvas.<\/p>\n<\/li>\n
  • \n
    Overshoot Grafis Notasi Kustom:<\/strong>\u00a0Ganti gambar batang standar dan vektor oval dengan gambar yang disesuaikan untuk presentasi yang lebih baik kepada kelompok pemangku kepentingan.<\/p>\n<\/li>\n<\/ul>\n
    Alat Pemodelan & Spesifikasi Lanjutan<\/h3>\n
      \n
    • \n
      Editor Alur Kejadian:<\/strong>\u00a0Dokumentasikan langkah-langkah rinci di balik kasus penggunaan menggunakan editor yang mendukung kondisi if-then-else, perulangan, dan langkah bersarang.<\/p>\n<\/li>\n
    • \n
      Sistem Catatan Kasus Penggunaan:<\/strong>\u00a0Catatan bawaan untuk mencatat permintaan klien, yang kemudian dapat secara otomatis mengonversi catatan menjadi langkah skenario aktif.<\/p>\n<\/li>\n
    • \n
      Integrasi Pengujian:<\/strong>\u00a0Tentukan prosedur pengujian khusus langkah dan hasil yang diharapkan langsung di dalam matriks Detail Kasus Penggunaan.<\/p>\n<\/li>\n
    • \n
      Tautan Sub-Diagram & Kelas:<\/strong>\u00a0Hubungkan diagram perilaku mendalam (seperti diagram Urutan atau Aktivitas) ke satu kasus penggunaan individu untuk menggambarkan logika sistem internal.<\/p>\n<\/li>\n<\/ul>\n
      Penambahan Fitur AI & Otomasi Generasi Berikutnya<\/h3>\n