Scrollbar- GUI Component

SCROLLBAR

A. PENJELASAN SCROLLBAR

1. Definisi

Alat Penggeser atau yang sering kita sebut sebagai Scrollbar adalah sebuah control yang digunakan untuk menggeser layar naik turun maupun kiri kanan. Scrollbar sendiri sering kita temukan di sisi kanan maupun bawah pada layar smartphone. Bentuk dari scrollbar adalah persegi panjang yang dapat di tekan lalu digeser secara vertikal maupun horizontal. Fungsi dari scrollbar untuk menggulirkan sebuah page ke bawah maupun kanan sehingga dapat melihat bagian-bagian yang tersembunyi pada page tersebut.

2. Tipe

Scrollbar sendiri memiliki 2 macam tipe sesuai dengan penempatan dan fungsinya. Tipe yang pertama adalah Vertical Scrollbar yaitu scrollbar yang berada pada sisi kanan sebuah window dan penempatannya tegak lurus. Vertical scrollbar digunakan untuk menggulirkan page ke atas dan kebawah. Setelah itu, tipe yang kedua adalah Horizontal scrollbar. Scrollbar ini terdapat pada sisi bawah sebuah window dan penempatannya mendatar. Biasanya scrollbar ini digunakan untuk menggulirkan page ke kiri maupun ke kanan.

3. Anatomi

Anatomi scrollbar seperti dibawah ini :

Gambar 1. Anatomi Scrollbar

Seperti yang ditunjukkan pada gambar diatas, terdapat perbedaan penempatan antara vertical scrollbar dengan horizontal scrollbar. Dan scrollbar tersebut dapat digeser sesuai penempatannya yang tegak lurus ataupun mendatar.

4. Penempatan

Penempatan scrollbar terbagi menjadi 2. Penempatan yang pertama adalah pada sisi kanan sebuah window yang berguna untuk menaik turunkan page, sedangkan penempatan yang kedua pada sisi bawah sebuah window yang berguna untuk menggeser page ke kanan maupun kiri.

5. Behaviour

Behaviour adalah kebiasaan pengguna saat menggunakan sebuah control. Kebiasaan pengguna saat menggunakan scrollbar adalah dengan cara menekan scrollbar hingga scrollbar dapat di pindahkan ke atas dan bawah ataupun ke kanan atau kiri. Selain itu, terkadang pengguna menggunakan mouse untuk menggerakkan scroll bar, namun saat ini terdapat fitur gesture dengan dua jari sehingga scrollbar tidak perlu di tekan untuk pergerakannya.

6. Penggunaan

Penggunaan dari scrollbar adalah melihat sisi tersembuMicrosoft nyi dari page, karena biasanya page tidak menampilkan dengan rasio fit to screen. Maka dari itu dibutuhkan scrollbar agar semua informasi dapat tersampaikan pada pengguna. Selain itu, karena adanya scrollbar vertical dan horizontal maka penggunaannya menjadi 2, yaitu menaik turunkan page dan juga menggeser page ke kanan maupun kiri.

7. Spesifikasi

Spesifikasi dari scrollbar adalah berbentuk persegi panjang dan terletak pada sisi kanan maupun bawah page. Selain itu scrollbar dapat ditekan sehingga proses bergulirnya page dapat berjalan cepat. Scrollbar sendiri akan muncul ketika terdapat page yang tersembunyi.

Gambar 2. Contoh Spesifikasi Scrollbar

B. PENERAPAN SCROLLBAR PADA APLIKASI

Scrollbar sendiri telah banyak diterapkan pada aplikasi di smartphone maupun website. Bahkan scrollbar telah digunakan oleh perusahaan ternama untuk menjadi salah satu control di aplikasinya seperti Microsoft hingga google. Aplikasi anak bangsa pun banyak yang sudah menggunakan fitur scrollbar. Sebagai salah satu contoh, aplikasi anak bangsa yang menggunakan scrollbar adalah Cicil. Cicil merupakan sebuah sebuah perusahaan teknologi finansial yang bertujuan memberikan akses kemudahan pembiayaan bagi mahasiswa untuk membeli barang kebutuhan kuliah berupa laptop, smartphone, dengan cara cicilan tanpa kartu kredit. Cicil sendiri memiliki sebuah website atau aplikasi yang bernama cicil.co.id. Aplikasi tersebut dapat di akses melalui komputer maupun smartphone.

1. Pembahasan Scrollbar Pada Cicil

Cicil sendiri memiliki website atau aplikasi yang didalamnya tentu saja terdapat scrollbar. Cicil dapat diakses melalui smartphone maupun komputer. Sebagai contoh pengaksesan pada komputer, aplikasi cicil berjalan dengan baik dan tampilannya pun menarik. Sementara untuk control scrollbar penempatannya sesuai sehingga dapat memaksimalkan fungsi scrollbar untuk melihat informasi tersembunyi yang terdapat pada aplikasi cicil. Scrollbar pada aplikasi cicil hanya terdapat vertical scrollbar untuk menggeser layar naik maupun turun. Tidak terdapat horizontal scrollbar pada aplikasi ini. Sedangkan saat pengaksesan melalui smartphone maka aplikasi cicil memiliki vertical dan horizontal scrollbar. Pada penggunaan di smartphone, aplikasi ini berjalan dengan baik dan tampilannya pun menyesuaikan dengan layar pada smartphone. Penempatan vertical dan horizontal scrollbar sudah tepat.

Pada vertical scrollbar fungsinya sudah tepat untuk melihat informasi yang tersembunyi di atas maupun bawah layar. Sedangkan terdapat keluhan tentang horizontal scrollbar. Horizontal scrollbar yang muncul pada layar smartphone tidak memiliki fungsi apapun, karena informasi sudah terdapat di tengah layar. Namun horizontal scrollbar membuat aplikasi cicil seakan-akan berada pada desktop view dan tidak fit pada layar smartphone kita.https://blogs.msdn.microsoft.com/oldnewthing/20040510-00/?p=39413 Diharapkan untuk tampilan aplikasi cicil pada smartphone dapat diperbaiki, saran saya lebih baik menghilangkan horizontal scrollbar cicil dan menyesuaikan aplikasinya pada layar smartphone. Karena dengan begitu aplikasi akan lebih nyaman untuk dilihat serta tidak menggangu penggunaan aplikasi tersebut saat pengaksesan lewat smartphone.