Struktur UI: fluidPage & sidebarLayout
Penjelasan
fluidPage() adalah pembungkus layout paling umum di Shiny — 'fluid' berarti lebar halaman otomatis menyesuaikan ukuran layar (responsive). Di dalam fluidPage(), pola layout yang sangat umum dipakai adalah sidebarLayout(), yang membagi halaman jadi dua kolom: sidebarPanel() (biasanya berisi kontrol input di sebelah kiri) dan mainPanel() (berisi output utama di sebelah kanan). Struktur ini cocok untuk dashboard klasik: user mengatur parameter di sidebar, hasilnya langsung berubah di main panel.
Contoh Konsep
library(shiny)
ui <- fluidPage(
titlePanel("Dashboard Sederhana"),
sidebarLayout(
sidebarPanel(
"Kontrol input di sini"
),
mainPanel(
"Hasil ditampilkan di sini"
)
)
)
server <- function(input, output) {
}
shinyApp(ui = ui, server = server)Praktikum
Lengkapi UI agar punya titlePanel 'Toko Analitik' dan sidebarLayout dengan sidebarPanel berisi teks 'Filter' serta mainPanel berisi teks 'Grafik Penjualan'.
Ketik/edit bebas di sini untuk latihan — kode ini tidak dijalankan.
Tips
Kalau tidak butuh sidebar, kamu bisa langsung menaruh elemen di dalam fluidPage() tanpa sidebarLayout — sidebarLayout hanyalah satu dari beberapa pola layout yang tersedia.