Bagian-bagian dari shinyApp

Bahkan mesin yang paling rumit dapat diuraikan menjadi komponen-komponen penyusunnya. Dalam video, analogi restoran digunakan untuk menjelaskan bahwa shinyApp juga dapat dipecah menjadi komponen-komponen. Memahami komponen ini akan membantu Anda merangkai shinyApp pertama Anda.

Apa saja komponennya? Pilih semua yang sesuai.

Latihan ini merupakan bagian dari kursus

Membangun Dashboard dengan shinydashboard

Latihan interaktif langsung

Ubah teori menjadi aksi dengan salah satu latihan interaktif kami

Latihan ini merupakan bagian dari kursus

Membangun Dashboard dengan shinydashboard

SkillTag.level.beginnerSkillTag.label

4.7+

Mulai Kursus Gratis

Sebelum Anda membangun shinydashboard, Anda perlu memahami terlebih dahulu apa itu shinyApp. Pada bab ini, Anda akan mempelajari apa itu shinyApp dan komponen apa saja yang membentuk sebuah shinyApp. Di akhir bab, Anda akan mampu merender shinyApp Anda sendiri.

Exercise 1: Memulai dengan shiny app Exercise 2: Bagian-bagian dari shinyApp

Latihan Saat Ini

Exercise 3: shinyApp kosong Exercise 4: Jenis input Exercise 5: Berlatih menggunakan sliderInput Exercise 6: Menyisipkan beberapa input Exercise 7: checkboxInput dan checkboxGroupInput Exercise 8: Jenis keluaran Exercise 9: textOutput dengan interaksi Exercise 10: Menu dropdown Exercise 11: shinyApp pertama Anda

Pada bab sebelumnya, Anda telah mempelajari tentang aplikasi shiny. Di bab ini, Anda akan menyadari bahwa shinydashboard sebenarnya hanyalah aplikasi shiny dengan lebih banyak fitur yang dapat disesuaikan. Output dan input yang sama yang dibahas pada bab sebelumnya dapat digunakan dengan cara yang persis sama di sini. Anda kemudian akan belajar melakukan wireframing sederhana untuk sebuah dashboard, di mana Anda dapat menentukan penempatan output dan input pada dashboard.

Exercise 1: Komponen sebuah shinydashboard Exercise 2: Komponen UI shinydashboard Exercise 3: Dashboard pertama Anda (kosong)Exercise 4: Header dan sidebar Exercise 5: Fungsi header dan sidebar Exercise 6: Menyetel header Exercise 7: Menyiapkan sidebar Exercise 8: Bagian body Exercise 9: Wireframing dengan box Exercise 10: Wireframing Exercise 11: Shinydashboard pertama Anda Exercise 12: Fungsi pembantu Exercise 13: Pengaturan header dan bilah sisi Exercise 14: Bagian body, dan melengkapi UI Exercise 15: Membangun dashboard pertama Anda

Pada bab ini, Anda akan meningkatkan shinydashboard dengan memasukkan elemen interaktif. Ini mencakup grafik, peta geospasial, dan tabel yang dapat digunakan pengguna dashboard secara interaktif dan real-time.

Exercise 1: Plot interaktif dengan plotly Exercise 2: Membuat plot plotly Anda sendiri Exercise 3: Memahami keterbatasan plotly Exercise 4: Peta geospasial dengan sf Exercise 5: Jenis objek sf Exercise 6: Plot sf dengan plot()Exercise 7: Plot sf dengan ggplot Exercise 8: Peta geospasial dengan leaflet Exercise 9: Layer pada peta leaflet Exercise 10: Membuat peta leaflet pertama Anda Exercise 11: Elemen interaktif dalam shinydashboard Exercise 12: Membuat beberapa fungsi pembantu Exercise 13: shinydashboard pertama Anda dengan elemen interaktif

Sekarang Anda telah familiar dengan shinydashboard, kita dapat menambahkan elemen desain. Kita akan dapat mengubah warna latar, memodifikasi dimensi kotak, dan seterusnya. Kita juga akan membahas beberapa prinsip dasar UI/UX yang baik. Terakhir, kami akan menunjukkan bagaimana status dan pemformatan CSS dapat dimanfaatkan.

Exercise 1: Praktik UI/UX yang Baik Exercise 2: Memahami prinsip UI/UX Exercise 3: Wireframing dengan prinsip UI/UX Exercise 4: Status, warna, dan skin Exercise 5: Mengatur status Exercise 6: Mengatur warna Exercise 7: Mengubah skin shinydashboard Exercise 8: Kustomisasi dengan pemformatan CSS Exercise 9: Praktik UI/UX yang baik dan pemanasan Exercise 10: Status dan melengkapi UI Exercise 11: Kustomisasi shinydashboard Anda dengan CSS Exercise 12: Penutup