Portlet

Portlet

Portlet merupakan bagian paling kecil dari sebuah dashboard.

Berisi list data yang sudah berhasil divisualisasikan dalam bentuk bar chart, pie chart, line chart, table, dll. dengan berbagai menu button yang bisa dipilih , terdapat berbagai macam simbol yang menggambarkan dari setiap Portlet yang sudah dibuat :

Portlet berjenis editor dengan Bar Chart

Portlet-type editor dengan Line Chart

Portlet-type editor dengan Area Chart

Portlet-type editor dengan Pie Chart

Portlet-type editor dengan Datatable

Portlet-type editor dengan Progress Bar

Portlet-type editor dengan Number

Portlet dibuat dari BigQuery

Portlet dibuat dari Custom View

Terdapat bermacam jenis portlet yang bisa dibuat sehingga membuat pengguna bisa lebih fleksible dan lebih mudah ketika membuat sebuah portlet yang sesuai keinginan.

Pada setiap portlet akan disediakan dua tombol action yang berguna untuk melakukan edit pada portlet yang sudah pernah dibuat, dan juga akan menghapus portlet yang sudah tidak digunakan.

Tekan tombol  untuk membuat sebuah portlet baru.

Creating New Portlet

Pengguna akan disediakan sebuah modal pop up yang berisi sebuah form ketika akan membuat sebuah portlet

Tulis nama portlet sesuai dengan chart atau portlet yang akan dibuat, kemudian ada Title sebagai Nama yang akan ditampilkan pada sebuah page , kemudian ada pilihan Type, Type portlet apa yang akan kita buat:

• BigQuery : Sebuah fitur yang digunakan untuk mempermudah dalam melakukan integrasi chart/portlet yang berasal dari BigQuery dengan BigBuilder.

• Editor : Pengguna akan diberi keleluasaan dalam membuat sebuah portlet dari memilih sumber data sendiri kemudian visualisasi apa yang digunakan dan juga bagaimana data itu akan ditampilkan dengan lebih mudah

• Custom View : Fitur ini digunakan untuk pengguna advance sehingga bisa melakukan customisasi dengan lebih leluasa lagi dan UI yang bisa disesuaikan dengan keinginan pengguna

1. BigQuery

Disediakan form yang digunakan untuk mendaftarkan konfigurasi dari BigQuery yang sudah dipublish, dengan informasi seperti Host, Secret Key, Type (Question/Dashboard), id Question

2. Editor

Disediakan berbagai macam kustomisasi dalam pembuatan sebuah portlet, yang memungkinkan pengguna membuat portlet sesuai dengan keinginan dan menggunakan sumber data yang sudah didaftarkan sebelumnya.

Tekan tombol untuk melakukan konfigurasi terhadap portlet yang akan dibuat oleh pengguna, disediakan berbagai macam form yang bisa dilengkapi

Pilih datasource yang akan digunakan dalam membuat portlet tersebut, list datasource ini berasal dari database database yang sudah didaftarkan sebelumnya pada menu Connection dan juga “Virtual table” yang dibuat pada Data Virtualization.

Setelah memilih data source yang digunakan, akan muncul berbagai form seperti:

• Filter: untuk memfilter data di level portlet
• Dimension: untuk memilih column/field yang berisi informasi kualitatif dan kategoris sebagai dimensi
• Measure: untuk memilih column/field merupakan variabel yang bisa dilakukan perhitungan dari satu atau lebih dimensi
• Sort: untuk melakukan penyortiran data di level portlet.

Disediakan juga berbagai macam chart yang bisa digunakan dalam pembuatan portlet tersebut:

• Table
• Number
• Progress
• Line
• Area
• Bar
• Pie

Tekan   untuk melakukan perubahan tambahan berupa visualisasi tambahan atau warna dari portlet

Tekan tombol untuk melakukan sharing atau embedding portlet yang sudah dibuat ke platform lain , dan bisa dibagikan dengan mudah.

Tekan untuk melihat menu lain yang bisa dipilih seperti

• Revision History: Untuk melihat setiap perubahan yang dilakukan pada portlet tersebut
• Archive : Untuk melakukan arsip terhadap portlet yang tidak digunakan tetapi tidak ingin di hapus

3. Custom View

Memungkinkan pengguna untuk melakukan pembuatan portlet dengan lebih leluasa , karena dilakukan dengan menggunakan “kode program”

Tekan untuk melakukan pemrograman terhadap Portlet yang akan dibuat sesuai dengan keinginan

Disediakan berbagai macam editor yang bisa digunakan dalam melakukan pembuatan portlet dengan custom view tersebut, terdapat

• HTML Editor: untuk melakukan kode program untuk file html
• CSS Editor: untuk melakukan kode program untuk file css
• Javascript Editor: untuk melakukan kode program untuk file javascript

Disediakan juga berbagai macam third party yang bisa digunakan dalam pembuatan portlet tersebut.

Edit Portlet

Ketika user sudah membuat sebuah portlet akan tetapi perlu dilakukan perubahan lagi pada portlet tersebut , pengguna bisa melakukan edit portlet