Komponen shinydashboard

Membangun Dashboard dengan shinydashboard

Png Kee Seng

Researcher

Apa itu shinydashboard?

shinydashboard adalah shinyApp dengan output dashboard
- UI diperlukan
- Server diperlukan
shinyApp() dibutuhkan untuk menyatukan UI dan server
Perhatikan UI didefinisikan dengan dashboardPage(), bukan fluidPage()

ui <- dashboardPage(header, sidebar, body)

server <- function(input, output){
...
}

shinyApp(ui, server)

Antarmuka pengguna (UI)

UI kini berisi lebih banyak bagian
1. Header
2. Sidebar
3. Body
UI shinydashboard disusun dengan dashboardPage()

header <- dashboardHeader(...)

sidebar <- dashboardSidebar(...)

body <- dashboardBody(...)

# ui shinydashboard
ui <- dashboardPage(header, sidebar, body)

Pratinjau UI

Rincian komponen UI shinydashboard.

Mengulas analogi restoran

UI seperti restoran
Server seperti pelayan
UI dapat dipecah lagi menjadi komponen lebih kecil

Pengguna shinyApp seperti pelanggan restoran.

Pelayan menyampaikan pesanan ke dapur dan membawa makanan kepada kita.

¹ Gambar oleh macrovector di Freepik

UI sebagai santapan multi-menu

Di UI:
- Header seperti papan nama
- Sidebar seperti daftar menu
- Output dan input seperti hidangan dan pesanan
Satu menu disajikan sekaligus
Ada instruksi untuk tiap menu
Tiap menu seperti shinyApp
- Dapat memiliki banyak set input dan output

Setiap menu seperti shinyApp dengan beberapa input dan output.

¹ Gambar oleh brgfx di Freepik

shinydashboard kosong

library(shinydashboard)
library(shiny)

header <- dashboardHeader(title = "My first dashboard")

sidebar <- dashboardSidebar()

body <- dashboardBody()

ui <- dashboardPage(header, sidebar, body)

Merender shinydashboard

header <- dashboardHeader(title = "My first dashboard")

sidebar <- dashboardSidebar()

body <- dashboardBody()

ui <- dashboardPage(header, sidebar, body)


server <- function(input, output) {
}


shinyApp(ui, server)

Merender shinydashboard

Sebuah shinydashboard kosong

Ayo berlatih!

Membangun Dashboard dengan shinydashboard