Pusdiklat - Kementerian Komunikasi dan Informatika #JadiJagoanDigital
VISUALISASI DATA
Topik 5 : Visualization on Looker Studio
Mata pelatihan ini memberikan peserta kemampuan untuk mempraktikkan penggunaan Looker Studio
Deskripsi Pelatihan
Tujuan Pembelajaran
Setelah mengikuti pembelajaran ini, peserta diharapkan mampu
mempraktikkan penggunaan Looker Studio
Hasil Belajar Indikator Hasil Belajar
Setelah pembelajaran, peserta dapat
1.Memodifikasi Pengaturan Layout
2.Menerapkan Chart
3.
Menerapkan Data Control
4.
Melakukan Share dan Publikasi
Outline Materi
1. Pengaturan Theme & Layout
• Memilih Theme & Layout Default
• Pengaturan Custom Theme
• Pengaturan Custom Layout
2. Chart
• Jenis-Jenis Chart di Looker
• Calculated Field
• Filter
3. Data Control
• Overview Data Control
• Drop-Down List
• Date Range Control
4. Share dan Publikasi
• Import Report Sebagai PDF
• Membagikan Report Menggunakan Email
• Membagikan Report Menggunakan Tautan
• Menyematkan Report Pada Website
You’re Here
Define Prototype Build Deploy
Pengaturan Layout
Memilih Theme & Layout Default
Looker Studio menyediakan fleksibilitas untuk menyesuaikan tema (theme) dan layout dari laporan. Berikut beberapa fitur yang tersedia untuk mengatur tema dan layout di Looker Studio
Pilih Theme and Layout
1
Pilih tema bawaan yang disediakan oleh Looker
2
Memilih Theme & Layout Default
Looker Studio turut menyediakan pilihan ukuran canvas report melalui menu Theme and layout.
Sebagai informasi, layout landscape direkomendasikan untuk digunakan jika media penayangan utama dashboard melalui layar monitor (desktop/laptop)
Sedangkan layout portrait direkomendasikan
untuk digunakan jika media penayangan utama
dashboard melalui layar smartphone/tablet
Custome Theme
Anda juga dapat mengatur tema sesuai kebutuhan melalui Langkah berikut Custom Theme
Pilih Theme and Layout
1
Pilih Customize
2
Pengaturan Custom Theme
Warna latar belakang
Warna dan jenis font pada elemen dashboard
Warna latar belakang, garis, dll dari elemen dashboard
Bayangan garis tepi dari chart dan data control
Pengaturan Custom Theme
Warna dan jenis font untuk elemen seperti
table header
Warna dan jenis font untuk text box
Pengaturan Custom Theme
Mengatur warna yang digunakan oleh chart
Warna yang merujuk perbandingan dari chart
Pengaturan Custom Theme
Mengatur lebar bar chart
Warna latar belakang serta jenis font dari navigasi antar
halaman dashboard
Pengaturan Custom Theme
Pengaturan theme secara custom juga dapat dilakukan dengan mengekstrak theme dari gambar atau url gambar, seperti logo instansi, atau komposisi warna menarik dari gambar atau foto yang tersedia di situs pinterest.com, pexels.com dan sebagainya.
Photo by Google DeepMind
Pengaturan Custom Layout
Anda juga dapat mengatur layout dengan memilih custome canvas size dan mengubah ukuran width dan height sesuai kebutuhan
Custom Layout
Menyisipkan Gambar
& Text Box
Menyisipkan Gambar
Pilih Icon berikut
1
Jika dari Komputer/Laptop (Local), pilih gambar yang ingin diunggah
2
Sesuaikan Ukuran dan Letak pada halaman Dashboard
3
Terdapat dua opsi,
• Unggah dari Komputer/laptop
• Menggunakan tautan gambar
Tampilan gambar yang disisipkan ke dalam Dashboard
Menyisipkan Text Box
Pilih Icon berikut
1
Sesuaikan letak dan ukuran pada halaman Dashboard
2
Ketikkan teks yang ingin ditampilkan
3
Jika ingin mengubah font, ukuran, warna, dan lain sebagainya, gunakan menu Text Properties
4
Chart
Pengaturan Chart
Dalam Looker, Anda dapat mengatur tampilan dan konfigurasi berbagai jenis chart (grafik) dengan berbagai opsi yang disesuaikan sesuai kebutuhan. Berikut beberapa pengaturan yang umumnya tersedia untuk mengubah tampilan chart di Looker
Terdapat 2 Tab pengaturan Chart di Looker Studio, yaitu
• Data Setup
• Style
Pengaturan Chart (2)
Data Setup
Data Source
Sumber data yang dihubungkan ke dalam Looker Studio, cara menghubungkan data telah dibahas di materi sebelumya
Dimension
Merujuk pada atribut atau variabel kategorik yang digunakan untuk membagi atau mengelompokkan data dalam laporan atau visualisasi data
Metric
Merujuk pada ukuran atau variabel numerik yang digunakan untuk mengukur atau mengevaluasi kinerja atau hasil dalam data.
Biasanya mencerminkan jumlah, nilai, atau persentase dari suatu entitas atau konsep dalam data
Dimensi biasanya digunakan di sumbu X, sedangkan metrik digunakan di sumbu Y
Pengaturan Chart (3)
Style Tab
Style Tab memiliki pengaturan yang berbeda berdasarkan jenis chart yang dipilih, pada umumnya yang bisa diatur pada tab ini diantaranya
Color
Menentukan warna elemen chart, dapat menggunakan warna statis atau menerapkan format bersyarat untuk mengubah warna berdasarkan nilai data
Legend
menampilkan atau menyembunyikan legenda, serta mengatur posisi dan tata letaknya di chart
Background & Border
Mengatur latar belakang serta garis tepi chart
Dataset
Pada bagian ini, seluruh contoh menggunakan Dataset Penjualan, yang bisa diakses pada LMS
Berikut Data Dictionary dari Dataset Penjualan
Table
Pilih Add a chart
1
Pilih Table
2
Letakkan di halaman report
3
Pada tabel ini akan ditampilkan Total Penjualan dari tiap Provinsi
4
Variabel Kategorik
Variabel Numerik
Tampilan tabel Total Penjualan dari tiap Provinsi
Pie Chart
Pilih Add a chart
1
Pilih Pie Chart
2
Pada Pie Chart ini, akan ditampilkan Total Penjualan dari tiap Kategori
3
Variabel Kategorik
Variabel Numerik
Tampilan Pie Chart Total Penjualan dari tiap Ketegori
Bar Chart
Pilih Add a chart
1
Pilih Bar Chart
2
Pada Bar Chart ini, akan ditampilkan total penjualan dari tiap kategori
3
Variabel Kategorik
Variabel Numerik
Progress Dashboard
Latihan
Buatlah Bar Chart yang menampilkan Total Penjualan dari Tiap Sub Kategori, Kemudian letakkan di sebelah Bar Chart
“Total Penjualan per Kategori”
Scorecard
Pada Looker Studio, Scorecard adalah elemen visual yang digunakan untuk menampilkan ringkasan metrik tunggal atau indikator kinerja utama (Key Performance Indicators/KPIs) dalam format yang mudah dipahami dan dapat diakses dengan cepat
Menggunakan Scorecard Pilih Add a chart
1
Pilih Scorecard
2
Pada Scorecard ini, akan ditampilkan Jumlah Transaksi yang dilakukan
3
Variabel Numerik
Aggregation Count (CT) untuk
menghitung rentang suatu kolom
Progress Dashboard
Latihan
Buatlah Scorecard yang menampilkan 1. Total Pendapatan
2. Total Pembelian
Kemudian letakkan di sebelah Scorecard
“Jumlah Transaksi”
Time Series (1)
Pilih Add a chart
1
Pilih Time Series
2
Pada Time Series ini, kita akan menampilkan tren penjualan setiap bulan
3
Variabel Kategorik
Variabel Numerik
Time Series (2)
Untuk menampilkan Time Series berdasarkan bulan, maka kita perlu menyesuaikan pada pengaturan Dimension
4
Pilih simbol kalender
Pilih Date Type
5
Pilih Date & Time, lalu pilih Year Month
5
Time Series (3)
Tampilan time series tren penjualan setiap bulan
4
Selain dalam bentuk Line, Time Series jugadapat ditampilkan dalam bentuk Bar melalui pengaturan Style
5
Pilih Bars
Time Series dalam bentuk Bar
Progress Dashboard
Google Map (1)
Pada Looker Studio, Geo Chart digunakan untuk memvisualisasikan data berdasarkan lokasi geografis seperti negara, wilayah, kota, atau bahkan kode pos.
Sebelum menggunakan Geo Chart, perlu dipastikan bahwa Field yang digunakan untuk menyimpan Data Geografis telah menggunakan Data Type yang tepat dengan menggunakan Langkah-Langkah berikut.
Pilih Resource kemudian Manage added data sources
1
Pilih Edit
2
Google Map (2)
Cek Type pada Field yang memuat informasi geografis dalam hal ini “Kota”
dan “Provinsi”
3
Ubah Type pada Field “Provinsi”, Pilih Geokemudian Country subdivision (1st level) (untuk Provinsi), dan
4
Sesuaikan Type dengan informasi geografis yang terdapat pada field, jika negara pilih Country, kota pilih City, dan lain sebagainya
Jika selesai, pilih Done
5
Google Map (3)
Pilih Add a chart
1
Pilih Google Maps
2
Pada Google Map ini, akan ditampilkan sebaran total penjualan tiap provinsi
3
Menggunakan Geo Chart
Google Map (4)
Tampilan Google Map
Progress Dashboard
Calculated Field
Calculated Field
Pada Looker Studio, Calculated Field berfungsi untuk membuat metrik atau dimensi baru berdasarkan data yang sudah ada di laporan Anda.
Calculated Field
Aritmatika
• Penjumlahan
• Pengurangan
• Perkalian
• Pembagian
Data Transformation
• Mengubah kapitalisasi teks
• Menggabungkan teks
• Mengambil sebagian karakter
• Menambahkan prefix
Logic
Memeriksa apakah
kondisi tertentu
terpenuhi
Calculated Field
Pada dataset Penjualan, kita akan mencoba menghitung Harga Jual sebenarnya (setelah dikalkulasi dengan Jumlah Barang dan Diskon)
Pilih Add a field
1 2
Isi Field Name, kemudian isi Formula sesuai kebutuhanMenggunakan Calculated Field – Contoh 1
Calculated Field
Pilih Update, kemudian Done
3
Field baru hasil Calculated Field diawalidengan symbol “fx”
4
Menggunakan Calculated Field – Contoh 1
Calculated Field
Perbandingan penggunaan field Harga Jual dan Harga Jual NETT
4
Menggunakan Calculated Field – Contoh 1
Latihan
1. Perbarui Chart yang masih menggunakan field Harga Jual, ganti menggunakan field hasil Calculated Field harga jual sebenarnya
2. Hitung harga beli sebenarnya &
keuntungan menggunakan Calculated Field
3. Tambahkan Scorecard harga beli sebenarnya & keuntungan
Jika langkah-langkah di atas dikerjakan, tampilan dashboard kurang lebih akan seperti pada gambar di samping
Calculated Field
Pada contoh kasus ini, akan ditambahkan field yang berisi apakah pembelian menggunakan diskon atau tidak
Menggunakan Calculated Field – Contoh 2
Pilih Add a field
1 2
Isi Field Name, kemudian isi Formula sesuai kebutuhanPilih Update, kemudian Done
3
Calculated Field
Menggunakan Calculated Field – Contoh 2
Penggunaan Pie Chart untuk perbandingan jumlah status diskon
4
Menggunakan Calculated Field – Contoh 3
Calculated Field
Pada contoh kasus ini, akan dibuat buble map untuk menggambarkan sebaran data per provinsi menggunakan data latitude dan longitude provinsi tersebut. Pada dataset sudah tersedia kolom bernama Provinsi Latitude dan Provinsi Longitude. Data pada kedua kolom tersebut bertipe text sehingga di looker studio perlu dikonversi menjadi data Latitude, Longitude
Konversi data text menjadi Latitude, Longitude
1
Menggunakan Calculated Field – Contoh 3
Calculated Field
Setelah berhasi mengkonversi kolom Provinsi Latitude dan Provinsi Longitude, gabungkan kedua kolom tersebut menjadi satu kolom yang memuat koordinat latitude dan longitude tiap provinsi menggunakan fungsi CONCAT di calculated field. Kolom baru tersebut akan diberi nama Provinsi_LatLong
Menggabungkan informasi latitude dan longitude dalam sebuah kolom baru
2
Menggunakan Calculated Field – Contoh 3
Calculated Field
Hasil gabungan kolom yang memuat informasi latitude & longitude provinsi bernama Provinsi_LatLong dijadikan acuan Location untuk menampilkan bubble map Sebaran Penjualan Per Provinsi bersamaan dengan kolom Harga Jual Nett sebagai acuan ukuran bubble pada peta
Menerapkan ke dalam Bubble Map
3
Filter
Filter
Pada Looker Studio, Filter berfungsi menyaring data berdasarkan atribut atau syarat yang ditentukan
Contoh filter:
• “Exclude data jika field harga kosong (null)”
• “ Tampilkan penjualan diatas 500000”
dsb
Filter
Pengaturan Filter
Sumber Data Nama Filter
Opsi:
Include, menyertakan data Exclude, mengecualikan data
Kolom yang ingin difilter
Opsi:
Equal to (=), Contains, Starts with, Regex Match, Regex Contains.
In.
Is Null
Filter
Pada contoh berikut, kita hanya ingin mengecualikan data yang tidak menggunakan diskon (diskon sama dengan 0)
Contoh 1
Pilih chart yang ingin diterapkan filter, pada tab Setup, pilih ADD A FILTER
1
Sesuaikan pengaturan chart untuk mengecualikan fielddiskon yang berisi 0. Sebagai saran, dalam penamaan filter sebaiknya se-eksplisit mungkin untuk memudahkan orang lain (rekan kerja/anggota tim) memahami fungsi filter tersebut tanpa harus membuka pengaturan filter lebih jauh. Misal dalam contoh di bawah yaitu:
Exclude_Diskon_=0
2
Jika selesai, pilih SAVE
3
Filter
Contoh 1
Perbandingan chart sebelum dan setelah diterapkan filter
4
Data Control
Data Control (1)
Data Control merupakan salah satu fitur di Looker Studio yang memungkinkan pengguna untuk menyaring atau memfilter data berdasarkan kriteria tertentu sehingga hanya data yang relevan sesuai dengan kebutuhan yang ditampilkan
Data Control pada Looker Studio
Data Control (2)
Menggunakan Drop-Down List
Digunakan untuk memfilter data berdasarkan field yang ada di sumber data yang digunakan. Cara menggunakannya sebagai berikut.
Pilih Add a control
1
Pilih Drop-down list
2
Pada Data Control ini akan digunakan field
“Provinsi” untuk menyaring data berdasarkan provinsi
3
Data Control (3)
Tampilan Data Control Drop-down list
Latihan
Tambahkan Data Control / Filter berikut, 1. Kategori Barang (Drop Down List) 2. Pendapatan (Slider)
3. Tanggal (Date Range Control)
Jika langkah-langkah di atas dikerjakan, tampilan dashboard kurang lebih akan seperti pada gambar di samping
Share dan Publikasi
Share dan Publikasi (1)
Mengimpor Report Sebagai PDF Pilih File
1
Pilih Download as, kemudian PDF
2
Sesuaikan pengaturan halaman yang ingin di-impor, kemudian pilih DOWNLOAD
3
Share dan Publikasi (2)
Mengimpor Report Sebagai PDF – Opsi Tambahan
• Ignore custom background color, menghapus latar belakang report pada pdf (latar belakang transparan)
• Add a link back to the report, memberikan tautan report looker pada bookmark file pdf yang diimpor
• Password protect report, melindungi file pdf menggunakan password
Share dan Publikasi (3)
Membagikan Report Menggunakan Email Pilih Share
1
Pilih kolom untuk memasukkan email
2
Masukkan email tujuan
3
Pilih salah satu hak akses, Editor (dapat menyunting report) atau Viewer (hanya melihat report)
Pilih Send
4
Share dan Publikasi (4)
Pilih Share
1
Membagikan Report Menggunakan Tautan (Link)
Lakukan perubahan pada Link Settings
2
Restricted, hanya pengguna yang ditambahkan yang dapat mengakses Report
Unlisted, hanya pengguna yang memiliki tautan yang dapat mengakses Report
Public, semua orang dapat menemukan dan melihat Report
Pilih salah satu hak akses, Editor (dapat menyunting report) atau Viewer (hanya melihat report)
Pilih Copy link, lalu Save
3
Menyematkan (Embed) Report Pada Website
Share dan Publikasi (5)
Untuk menyematkan Report pada website, pastikan mempunyai akses untuk menyunting HTML source code pada website yang ingin disematkan report Looker Studio
Pilih simbol pada menu Share
1
Pilih Embed report
2
Sesuaikan Width dan Height, kemudian salin atau COPY TO CLIPBOARD
3
Share dan Publikasi (5)
Salin kode pada halaman website
4
Tampilan Dashboard yang disematkan pada halaman website
Tips & Trik
Tips & Trik
• Jika ada elemen berulang yang serupa, buatlah elemen dengan gaya dan ukuran yang diperlukan, lalu salin elemen tersebut dan modifikasi. Pendekatan ini menghemat banyak waktu dan lebih konsisten.
• Gunakan tombol Shift dengan panah untuk mendapatkan kontrol yang lebih halus atas penempatan jika perlu.
• Tempatkan beberapa chart pada halaman secara kasar terlebih dahulu dan lakukan pemosisian di akhir untuk menghemat waktu dan energi.
• Dua cara untuk menyesuaikan semua kolom secara bersamaan.
a) Tahan tombol Shift dan seret garis kolom,
b) Klik kanan tabel. Pilih Ubah Ukuran Kolom dan pilih opsi Fit To Data atau Distribute Merata
• Pada calculated field, pastikan formula sudah benar. Karena Looker Studio tidak selalu memberikan informasi mendetail tentang data apa yang salah
#JadiJagoanDigital Digital Talent Scholarship digitalent.kominfo DTS_kominfo
