BaşlayınÜcretsiz Başlayın

Bir yerleşim ekle

Önceki bölümlerde gördüğün gibi, bir Shiny uygulamasında yerleşim (layout) kullanmak arayüzü düzenlemek ve kullanımı kolaylaştırmak için önemlidir.

Uygulamada şu anda çok az nesne var (bir başlık, iki girdi, bir kelime bulutu çıktısı), bu yüzden yerleşim olmadan da idare edilebilir. Ancak, sonraki egzersizlerde uygulama büyüyecek ve bir kenar çubuğu yerleşimine sahip olmak faydalı olacak. Yeni Shiny UI öğelerini mevcut bir yerleşime yerleştirmek, daha sonra büyük ve yapısız bir uygulamayı yeniden düzenlemekten daha kolay olduğu için, yerleşimi erken eklemek iyi bir fikirdir.

Shiny uygulamalarında ve diğer etkileşimli uygulamalarda yaygın olarak yapıldığı gibi, girdiler daha küçük olan kenar çubuğunda tutulacak, ana çıktı (kelime bulutu) ise daha büyük olan ana panelde yer alacak.

Bu egzersiz

Vaka Çalışmaları: R ile Shiny Kullanarak Web Uygulamaları Geliştirme

kursunun bir parçasıdır
Kursu Görüntüle

Egzersiz talimatları

Sıradaki görevin, mevcut Shiny uygulamasına bir kenar çubuğu yerleşimi eklemek. Yerleşim yapısı dışında yeni bir UI öğesi eklenmeyecek. Özellikle:

  • UI'a bir kenar çubuğu yerleşimi ekle.
  • Kenar çubuğu yerleşiminin içinde, iki girdiyi barındıracak bir kenar çubuğu paneli tanımla.
  • Yine aynı yerleşimin içinde, kelime bulutu çıktısını içeren (12. satır) bir ana panel tanımla.

Uygulamalı interaktif egzersiz

Bu örnek kodu tamamlayarak bu egzersizi bitirin.

ui <- fluidPage(
  h1("Word Cloud"),
  # Add a sidebar layout to the UI
  ___(
    # Define a sidebar panel around the inputs
    ___(
      numericInput("num", "Maximum number of words",
                   value = 100, min = 5),
      colourInput("col", "Background color", value = "white")
    ),
    # Define a main panel around the output
    ___(
      wordcloud2Output("cloud")
    )
  )
)

server <- function(input, output) {
  output$cloud <- renderWordcloud2({
    create_wordcloud(artofwar,
                     num_words = input$num, background = input$col)
  })
}

shinyApp(ui = ui, server = server)
Kodu Düzenle ve Çalıştır