Tambahkan tata letak

Seperti yang telah Anda lihat di bab sebelumnya, menggunakan tata letak dalam aplikasi Shiny penting untuk menata antarmuka dan memudahkan penggunaan.

Saat ini aplikasi hanya memiliki sedikit objek (satu judul, dua input, satu keluaran word cloud) sehingga masih bisa dikelola tanpa tata letak. Namun, aplikasi akan berkembang pada latihan berikutnya dan memiliki tata letak sidebar akan bermanfaat. Sebaiknya tambahkan tata letak ke aplikasi Anda lebih awal, karena menempatkan elemen UI Shiny baru ke dalam tata letak yang sudah ada lebih mudah daripada menata ulang aplikasi yang lebih besar dan tidak terstruktur di kemudian hari.

Seperti yang umum dilakukan pada aplikasi Shiny dan aplikasi interaktif lainnya, input akan ditempatkan di sidebar yang lebih kecil, sementara keluaran utama (word cloud) akan berada di panel utama yang lebih besar.

Latihan ini adalah bagian dari kursus

Studi Kasus: Membangun Aplikasi Web dengan Shiny di R

Petunjuk latihan

Tugas Anda berikutnya adalah menambahkan tata letak sidebar ke aplikasi Shiny saat ini. Tidak ada elemen UI baru yang perlu ditambahkan selain struktur untuk tata letak. Secara khusus:

Tambahkan tata letak sidebar ke UI.
Di dalam tata letak sidebar, tetapkan panel sidebar untuk menampung dua input.
Juga di dalam tata letak sidebar, tetapkan panel utama yang memuat keluaran word cloud (baris 12).

Latihan interaktif praktis

Cobalah latihan ini dengan menyelesaikan kode contoh berikut.

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)

Edit dan Jalankan Kode

Latihan ini adalah bagian dari kursus

Studi Kasus: Membangun Aplikasi Web dengan Shiny di R

SkillTag.level.intermediateSkillTag.label

4.9+

Mulai Kursus Gratis

In the first chapter, you'll review the essentials of Shiny development. You'll get reintroduced to the basic structure of a Shiny application, as well as some core Shiny concepts such as inputs, outputs, and reactivity. Completing this chapter will help refresh your Shiny knowledge and ensure you have the required skills to develop Shiny apps for real-life scenarios.

Exercise 1: Introduction Exercise 2: Simple text Exercise 3: Formatted text Exercise 4: Adding structure to your app Exercise 5: Inputs and outputs Exercise 6: Adding inputs Exercise 7: Adding placeholders for outputs Exercise 8: Constructing output objects Exercise 9: Reactivity 101 Exercise 10: Reactivity: simple reactive variable Exercise 11: Reactivity: composed reactive variable Exercise 12: Reactive contexts

Imagine you're preparing a figure for a manuscript using R. You spend a lot of time recreating the same plot over and over again by rerunning the same code but changing small parameters each time. The size of the points, the color of the points, the plot title, the data shown on the plot—these criteria all have to be just right before publishing the figure. To save you from the hassle of rerunning the code many times, you will learn how to create a Shiny app to make a customizable plot.

Exercise 1: Make the perfect plot using Shiny Exercise 2: Explore the Gapminder data Exercise 3: More exploration of the Gapminder data Exercise 4: Adding simple inputs to modify a plot Exercise 5: Add a plot title: text input Exercise 6: Change the point size: numeric input Exercise 7: Fit a smooth curve: checkbox input Exercise 8: More input types Exercise 9: Add colours to your plot: radio buttons Exercise 10: Add a continent selector: select input Exercise 11: Add a year filter: numeric slider input Exercise 12: Advanced features to improve your plot Exercise 13: Add colours to your plot: color input Exercise 14: Making your plot larger Exercise 15: Make your plot interactive

Let’s say your supervisor is impressed by the plot you created with Shiny and now wants to get familiar with the dataset you used in the plot. They don't want to simply have a raw data file, they want an interactive environment where they can view the data, filter it, and download it. This chapter will guide you in creating such an application—a Shiny app for exploring the Gapminder dataset.

Exercise 1: Explore a dataset with Shiny Exercise 2: See the data in a table Exercise 3: Filter by life expectancy Exercise 4: Select a continent to view Exercise 5: Allow "All" continents to be viewed Exercise 6: More ways to view data: plot and download Exercise 7: Plot the data Exercise 8: Download the filtered data Exercise 9: Reactive variables Exercise 10: Reactive variables reduce code duplication Exercise 11: More benefits of reactive variables Exercise 12: Visual enhancements Exercise 13: Make the table interactive Exercise 14: Place different outputs on different tabs Exercise 15: Add CSS to modify the look of the app

Your friend really likes word clouds and has written an R function to generate them. They want to share this function with all their friends, but not all of them know how to use R. You offer to help by building a Shiny app that uses their function to let people create their own word clouds. This will allow all their friends—even the ones who are unfamiliar with R—to generate word clouds using a point-and-click interface. This chapter will guide you through the steps required to build this app.

Exercise 1: Word cloud di Shiny Exercise 2: Aplikasi Shiny word cloud Exercise 3: Ubah parameter word cloud Exercise 4: Tambahkan tata letak

Latihan Saat Ini

Exercise 5: Menambahkan sumber kata Exercise 6: Gunakan kata-kata Anda sendiri Exercise 7: Unggah berkas teks (ui)Exercise 8: Unggah berkas teks (server)Exercise 9: Menggabungkan semua sumber kata Exercise 10: Pilih sumber data (ui)Exercise 11: Pilih sumber data (server)Exercise 12: Tampilkan atau sembunyikan input yang diperlukan secara kondisional Exercise 13: Menyetel ulang reaktivitas secara halus Exercise 14: Jangan terus-menerus membuat word cloud baru Exercise 15: Reaktivitas: dampak isolasi Exercise 16: Buat word cloud baru sesuai permintaan Exercise 17: Penutup: Silakan buat aplikasi Anda sendiri!