Perancangan Sistem (System Design)


🎯 1. Pengertian Perancangan Sistem

https://images.openai.com/static-rsc-4/k9ugK2796jPLvkdcNeD-BhoXDIqBEGOrEKcbJEZY5G0AqPfuobx2HJrT21kzx1Xz9rTdV7cCq0ngrs6yyEghr8p-veAPCEpZguI4DgIZlaGwjPBlGznlP82oRmkoE-WENGKgGvzEWKzCy5nkeJJ0uCM6WmSZ3Z-is53oDuH5ymWZ5Lm3gkuAy51tQ2lv4Icn?purpose=fullsize
https://images.openai.com/static-rsc-4/y6ztdR7VRXrTjE2k3XRAOPKOxVIzG7SgB2Eb3v31EJF7x_lK2sEbB2PVxgEEu2yg0wFwAicHObscKukR_Bz5SjOOmcVKMGtHtvND5_RyJcC0rqOXBR_hqEwrzvXgmRbttOyINuHBWncdy5gTl-55bMpB3YcAgvZfgMPvm_e0SKFqMGF_YSwqeD1LEhgpC3hf?purpose=fullsize
https://images.openai.com/static-rsc-4/6DLiBx5iYOHROjqOcMmaam7IoBiPKCHT20rcY1r4PchPLdXfjxUSO5llAtHaxr97DmkhnZUniid4_LqgVoMBFljbVbUzX6D3TcrXMdEtuiSb-w7TWTctXpKjQdtF8qQYPFL0o7HUINWLIG1nktY0u_aJ1DjIF3JixH0_g36ChiDP8oawkkxKxII8c46Xzc7g?purpose=fullsize

8

Perancangan Sistem (System Design) adalah proses dalam Rekayasa Perangkat Lunak untuk menerjemahkan kebutuhan sistem (requirement) menjadi arsitektur dan desain teknis yang siap diimplementasikan.

πŸ’‘ Narasi:

Jika analisis kebutuhan adalah β€œapa yang dibutuhkan”, maka perancangan sistem adalah β€œbagaimana sistem tersebut dibangun”. Tahap ini menentukan struktur, komponen, serta hubungan antar bagian sistem.


🎯 2. Tujuan Perancangan Sistem

TujuanPenjelasan
Menerjemahkan kebutuhanDari abstrak menjadi teknis
Membuat blueprintPanduan implementasi
Mengurangi kompleksitasSistem lebih terstruktur
Meningkatkan kualitasDesain yang baik = sistem stabil
Mempermudah pengembanganCoding lebih terarah

πŸ’‘ Narasi:

Perancangan sistem yang baik akan menghemat waktu coding dan mengurangi kesalahan pada tahap implementasi.


πŸ”„ 3. Tahapan Perancangan Sistem

https://images.openai.com/static-rsc-4/6DLiBx5iYOHROjqOcMmaam7IoBiPKCHT20rcY1r4PchPLdXfjxUSO5llAtHaxr97DmkhnZUniid4_LqgVoMBFljbVbUzX6D3TcrXMdEtuiSb-w7TWTctXpKjQdtF8qQYPFL0o7HUINWLIG1nktY0u_aJ1DjIF3JixH0_g36ChiDP8oawkkxKxII8c46Xzc7g?purpose=fullsize
https://images.openai.com/static-rsc-4/rYmFHHgfslj5_3vcp06SvS54Dcc3His4mcu-inwjqpm4YoFeK5IIRwgm2Q1YYyzh-FeTPqv7ge49wUv1Er5JukASRGD8WM1ELlvi6ABjyB_iRSsvT6fjPmMuI4eRhzB8eqHw4KGSqbMeJShyT8dbx7qPMoRLJrjkRuJZA7LBSwpUvdzNnO4SRd1jczxgfo2g?purpose=fullsize
https://images.openai.com/static-rsc-4/jWdZE-CD0hniQqNZ85b0DHmh5WWOgF3cM8R7YYL9Md09xHE7Lp5KvfHDPE5mIRkfg6R8Sjnlj_7JjZ8eqfGOatxwFgzI32PH-A0Fmx9xSFb16-ZYYTVcynvytOXm5eOcG7zaOn9ZAvUDPY-GabQV_90FKYZBeQfrTUnvey-7dzzMcuYWdT6TIhx62rSCYtYS?purpose=fullsize

7

πŸ“Œ Tahapan:

  1. High-Level Design (HLD)
  2. Low-Level Design (LLD)
  3. Detail Design & Review

πŸ’‘ Narasi:

Desain dilakukan secara bertahap dari gambaran umum ke detail teknis.


🧱 4. High-Level Design (HLD)

https://images.openai.com/static-rsc-4/SWaTkPfqFTpv4GTqXMot_7urFrzOmHmIbDU_UeM6c2pJKGyQZY8soHpCSdSiySr_bGoDJNisB_ePsqR13ScmGurTIvHnIL5tO8ZxsiHpMhkuFOo9lZc9aLJlD6LHn2H_NoIrJCPBcJE4o5RfNLl8ivwrk3DD52e4gCEfk0M2k_GOCDcQQaSNwKjJYnpZLgAi?purpose=fullsize
https://images.openai.com/static-rsc-4/nQGpJ2aqIDYU269ajwp2uzS9ihVxIOI1_MimJeTFd9aNkcGrmbQ72hHKtjoMNyDHfybTuY-Zqlh-5N8yJdch7r9lkTWzk9X7uRj7F7My4XcS_WErhzaN0difP7bHgdRjE2dhnKcS0M0T1VbSVQDzR6BwYngsAbuwmKjkcn8w44UhQVIpbMf8j8Quw03AOE2B?purpose=fullsize
https://images.openai.com/static-rsc-4/itbRkNNMGJGbDQlMoUyxcS5wHH2dN6b9N422ESST2F_ETY1g_fSNu0S-QFe0kklz7QfEJD3u-LTEYWkiSTz4na9ICONtVoR0ltvHRIRiLwTn1B15sYKGQBKRyOy_fakjVgLN-pVoUYnHy6iBcB2S3hdkgpdYWoqclTGrQpV0n7j0A2fSAucce5UiPH0mgcxh?purpose=fullsize

9

πŸ“Œ Fokus:

  • Arsitektur sistem
  • Modul utama
  • Interaksi antar komponen

πŸ“‹ Contoh:

  • Arsitektur 3-tier (Presentation, Application, Data)
  • Client-Server

πŸ’‘ Narasi:

HLD memberikan gambaran besar sistem seperti peta kota sebelum membangun jalan.


πŸ”§ 5. Low-Level Design (LLD)

https://images.openai.com/static-rsc-4/4Hr-3gM3u_fAg919PAUeuCf1oFwBRJt7qkadvaUoXTyhSsDUbwT-EsSPQFsdtRZxMHvhZzIvfdHsIyMyzRMEEFUrKkyc1cq2ydks4DmJNo4hFlc0XZ58r98PkL5h-Pvsq0bonO2QzBry9n_vrRAYrFy0el24FLhtJUUkMy5rFRVBIzxfyR7xlDwMPHlKOJLQ?purpose=fullsize
https://images.openai.com/static-rsc-4/mJctyYHmtgdHOdpGfI0k8Q54giMMBhPclW0vxiYTnYgxEYeNjECqWqlWJiLWVezP8ZUkKRx5DKSXNMAA5h_SImOwXwzBpYbbB7BXRARwMAobrGc7FYEfV4X8Zx2aT-GxTPL2HnrztHGtUVSkJOh1p4Jx5sU3nUOgWRJhpZjn595Hz3m3OlJq1MVqaDI2g3eF?purpose=fullsize
https://images.openai.com/static-rsc-4/oOF6VEjwRSjQZvzqSitl9X4AQEQdBzytRUwT4sDkcch-JK6-xXp2whcZKYakP-HEplpppLXbcbP3wPleqzlnTqFZcKtO2UoomY_P-grXsin-10VsfgmcXU280hj-0ujjckYfSdeSiQ0w9Djk8mUjpu77QvXFOmf_7xFoRBa16ILYgTT7uMX-3t4K-tjOCfV6?purpose=fullsize

6

πŸ“Œ Fokus:

  • Detail modul
  • Struktur database
  • Algoritma

πŸ“‹ Output:

  • Class Diagram
  • Sequence Diagram
  • ERD (Entity Relationship Diagram)

πŸ’‘ Narasi:

LLD menjelaskan detail teknis yang akan langsung digunakan oleh programmer.


πŸ—οΈ 6. Arsitektur Sistem

https://images.openai.com/static-rsc-4/jrfL14dfJcZeIxm31hNYzGCEfbuITC1fvWpOEr2wEQPDVFIsrV1rvH9ibb1IIiykC7qB6TC1EJcLVogT34XsgEFsU9Svb4CMhcIRDWJemNnyD_4n1zWv1u9HtGTzRj7sRGz6cCLTCKym9n27z9iG_BvPsIxidVpR2hypYRmUpuP_AyupA5xnkiK7Z2t_cadV?purpose=fullsize
https://images.openai.com/static-rsc-4/hvTRY9n1MPERSvxEkmnsKr620zHbRx6-l6SAs0PU_o0KyaCMcshrRSbeh_E9dvWdXC4xopSuwaZuV_F27uYnaAAkjkFqm19hpWZKjrjhUgKCGXuobIKDOt8jnVNZFq3yBdHmxpDUAxPS2rXmeG0OLk09jg4wMZLwfFPznJuAfZkLDeTFz47KMRHQpWFrmLK-?purpose=fullsize
https://images.openai.com/static-rsc-4/VVLs7DZwM_rNx97kS-SsclyrT8mUvf2x9Nf4z6kk2ku2UE7uA7qCFGkuQhou-zpXyJ6XfkEyrhOPuGmRY9UK_41kS9-Od6s2oOVsQbqMC3JZLH34gWjz_trTB4fcnjolu41-OcwA9vYIisxtI3tE9AXH7MWKOQqaJeQuceo9k3-ZLbEOk-OkP6QxcRG2fr_L?purpose=fullsize

7

πŸ“Œ Jenis Arsitektur:

  • Monolithic
  • Layered Architecture
  • Microservices
  • MVC (Model-View-Controller)

πŸ’‘ Narasi:

Pemilihan arsitektur sangat mempengaruhi skalabilitas dan performa sistem.


🧩 7. Prinsip Desain Perangkat Lunak

πŸ“Œ Prinsip Utama:

  • Modularity β†’ Sistem dibagi modul
  • Cohesion β†’ Keterkaitan dalam modul
  • Coupling β†’ Ketergantungan antar modul
  • Abstraction β†’ Penyederhanaan sistem
  • Encapsulation β†’ Pembungkusan data

πŸ’‘ Narasi:

Prinsip ini membantu menghasilkan desain yang mudah dikembangkan dan dipelihara.


πŸ—‚οΈ 8. Desain Database

https://images.openai.com/static-rsc-4/8sMbaYpCCEFfWP5qjsFSKARiHfKylXmbp-DglmD4c4_L1B2D7P2efVOgAh-k2mS1RFi6mCPCXKn48DyB1sDyjFQVcLls2zRwcXUA-AWSSICZ0YtlimuEjPF_Fy23EEn2nonRDb2l7bXZBCJdZkw1xxuNJbDh1MeBSgSUo9WTD2Jvlklmqybc177I15_001XL?purpose=fullsize
https://images.openai.com/static-rsc-4/9CYQ4u55JxwEAapllWcz1EqjIMk7exVTUC_nZH7mIqO5ZNRctuITbaPNTJxcCfBxa2AQ1HFP7xL-WOw75kiHoO7Vg0e3XpAHgPx1AhELEgSy6opDGCbutXC4iTjsR-tTb-a06wPKsVahRngq2m9KwTLBZmsyiwE5ZA0pGXQm59apUnzzf2EbnLCiybRDnl59?purpose=fullsize
https://images.openai.com/static-rsc-4/kbdMi0cyu_P8L476A0NW65X0EdQZODKyOrITjPk9LYGX5zTOpH6hHkD0NK2Gx2u9OC-gY5cPtoOKF7eH47BS8C1jiMDfNBgdXQNX8q8JfidvXL6zHBPPxygdJXishKW6dRzbhxQgDuxlueBS9MOcq9GXHOR5-YluItnHs-jnY3SGYd7KVqW9I7Z81WI26tBL?purpose=fullsize

6

πŸ“Œ Tahapan:

  1. Identifikasi entitas
  2. Menentukan atribut
  3. Relasi antar tabel
  4. Normalisasi

πŸ’‘ Narasi:

Database adalah inti dari sistem informasi, sehingga desainnya harus efisien dan terstruktur.


πŸ–₯️ 9. Desain Antarmuka (UI/UX)

https://images.openai.com/static-rsc-4/DHDzlu1qySBMXIsVmQE2I-1kF6AJff-oBj2pAhdq_Gyzq0DCMg0IYbCFprnRY8g7ctchTI9RaKX3XE-6xCbIEAqMgnCDx22HJ55tvCAx7lHxQOW0iheRYbl-om6-ALxuJYdVIXA4Skjy5vFD0DPjjTzdK4zLN96hxHWdgHGSUIHVIwdyl3gdlm2ODMVfftMN?purpose=fullsize
https://images.openai.com/static-rsc-4/y_o2Qdjyh59XHYf50TCja1_HM7k60n2naQWCJE8p9vUY6s6TvFb8hVnpOWU8Mj3XXnSlD5jKKLevc30wE70jH-s9gGZGgXzEZlop5JEqEFOm3_0Wg6QAFL6hw3Tn9K0eJSqYfHZX7wP7PGPNYaq8_3OZ2B0Ux71ie0pQRnj6yDGN2urF8hFyJnlqTeiqH82l?purpose=fullsize
https://images.openai.com/static-rsc-4/QfGAGTeRN7HS34405JTTnJ66ozqUk2aSVVX8E01-nRifKb3r0EjtahpsRXa8MguZPtr7Q5yFpWtzslRnxUOnQsHxKpKOhdm-jmrfJuhlgJCe7_f8y1Q8_LTWU8lYC-Y58nC7Xs5drin_1udPJaZhL3DMK6twInKrFPb7o12QqdsuMu_e0gRjYg0V199f0OWT?purpose=fullsize

6

πŸ“Œ Fokus:

  • User Interface (UI)
  • User Experience (UX)

πŸ“‹ Output:

  • Wireframe
  • Mockup
  • Prototype

πŸ’‘ Narasi:

Desain antarmuka menentukan kenyamanan pengguna dalam menggunakan sistem.


πŸ”„ 10. Diagram UML dalam Desain

πŸ“Œ Jenis:

  • Use Case Diagram
  • Class Diagram
  • Sequence Diagram
  • Activity Diagram

πŸ’‘ Narasi:

UML digunakan sebagai bahasa standar untuk memvisualisasikan desain sistem.


πŸ“Š 11. Perbandingan HLD vs LLD

AspekHLDLLD
FokusArsitekturDetail teknis
LevelUmumDetail
OutputDiagram sistemDiagram UML

⚠️ 12. Tantangan dalam Perancangan Sistem

TantanganPenjelasan
KompleksitasSistem besar
Perubahan requirementDesain harus adaptif
SkalabilitasSistem harus berkembang
IntegrasiBanyak sistem terhubung

πŸ§ͺ 13. Studi Kasus

πŸ“Œ Sistem E-Commerce:

  • HLD: Arsitektur web
  • LLD: Database produk, user
  • UI: Halaman toko
  • Backend: transaksi

πŸ’‘ Narasi:

Studi kasus membantu memahami bagaimana desain diterapkan dalam dunia nyata.


πŸ“Š 14. Alur Perancangan Sistem

TahapOutput
RequirementKebutuhan
HLDArsitektur
LLDDetail desain
ReviewValidasi desain

🧠 15. Best Practice

  • Gunakan prinsip desain
  • Dokumentasikan dengan jelas
  • Gunakan UML
  • Lakukan review desain
  • Pertimbangkan scalability

πŸŽ“ 16. Kesimpulan

  • Perancangan sistem adalah jembatan antara analisis dan implementasi
  • Terdiri dari HLD dan LLD
  • Menentukan kualitas software
  • Membantu pengembangan lebih terarah

πŸ’‘ Narasi Penutup:

Mahasiswa yang memahami system design akan mampu membangun sistem yang tidak hanya berjalan, tetapi juga efisien, scalable, dan mudah dikembangkan.


πŸ“Œ 17. Latihan / Diskusi

  1. Apa itu system design?
  2. Jelaskan HLD dan LLD!
  3. Apa pentingnya arsitektur sistem?
  4. Sebutkan prinsip desain software!
  5. Buat contoh desain sistem sederhana!

πŸ“Ž 18. Tugas Praktik

  • Buat desain sistem aplikasi kampus
  • Buat ERD sederhana
  • Buat wireframe UI