Componentele unui shinydashboard

Crearea dashboardurilor cu shinydashboard

Png Kee Seng

Researcher

Ce este un shinydashboard?

Un shinydashboard este un shinyApp cu ieșire de tip dashboard
- Este necesară o interfață UI
- Este necesar un server
shinyApp() leagă UI și serverul împreună
UI este definit prin dashboardPage(), nu prin fluidPage()

ui <- dashboardPage(header, sidebar, body)

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

shinyApp(ui, server)

Interfața utilizatorului (UI)

UI conține acum mai multe componente
1. Un antet
2. O bară laterală
3. Un corp
UI pentru shinydashboard se asamblează cu dashboardPage()

header <- dashboardHeader(...)

sidebar <- dashboardSidebar(...)

body <- dashboardBody(...)

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

Previzualizarea UI

Descompunerea componentelor UI ale unui shinydashboard.

Revenind la analogia cu restaurantul

UI este ca restaurantul
Serverul este ca chelnerul
UI poate fi defalcat în componente mai mici

Utilizatorul shinyApp este ca un client al restaurantului.

Chelnerul transmite comanda la bucătărie și aduce mâncarea.

¹ Imagine de macrovector pe Freepik

UI ca un meniu cu mai multe feluri

În UI:
- Antetul este ca un panou indicator
- Bara laterală este ca lista de preparate
- Ieșirile și intrările sunt ca preparatele și comenzile
Un singur preparat este afișat la un moment dat
Instrucțiuni sunt furnizate pentru fiecare preparat
Fiecare preparat este ca un shinyApp
- Putem avea mai multe seturi de intrări și ieșiri

Fiecare preparat este ca un shinyApp cu mai multe intrări și ieșiri.

¹ Imagine de brgfx pe Freepik

Un shinydashboard gol

library(shinydashboard)
library(shiny)

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

sidebar <- dashboardSidebar()

body <- dashboardBody()

ui <- dashboardPage(header, sidebar, body)

Randarea shinydashboard

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

sidebar <- dashboardSidebar()

body <- dashboardBody()

ui <- dashboardPage(header, sidebar, body)


server <- function(input, output) {
}


shinyApp(ui, server)

Randarea shinydashboard

Un shinydashboard gol

Să exersăm!

Crearea dashboardurilor cu shinydashboard