Memahami prinsip UI/UX

Dalam video, beberapa praktik UI/UX yang baik telah disorot. Tujuan membangun dashboard adalah menyajikan informasi kompleks agar mudah dicerna. Dengan mengikuti kiat umum ini, Anda dapat membuat dashboard lebih mudah diakses oleh lebih banyak orang. Meskipun ini bukan satu-satunya praktik baik yang mungkin Anda setujui, prinsip-prinsip ini memberi Anda titik awal.

Berdasarkan poin-poin yang dibahas dalam video, pernyataan mana saja yang benar?

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 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

Latihan Saat Ini

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