Kajian Artikel Ilmiah IMK - On the Benefits of Providing Versioning Support for End Users: An Empirical Study

On the Benefits of Providing Versioning Support for End Users: An Empirical Study

SANDEEP K. KUTTAL, ANITA SARMA, and GREGG ROTHERMEL, University of Nebraska-Lincoln

DOI: http://dx.doi.org/10.1145/2560016

ABSTRACT

End users with little formal programming background are creating software in many different forms, including spreadsheets, web macros, and web mashups. Web mashups are particularly popular because they are relatively easy to create, and because many programming environments that support their creation are available. These programming environments, however, provide no support for tracking versions or provenance of mashups. We believe that versioning support can help end users create, understand, and debug mashups. To investigate this belief, we have added versioning support to a popular wire-oriented mashup environment, Yahoo! Pipes. Our enhanced environment, which we call “Pipes Plumber,” automatically retains versions of pipes and provides an interface with which pipe programmers can browse histories of pipes and retrieve specific versions. We have conducted two studies of this environment: an exploratory study and a larger controlled experiment. Our results provide evidence that versioning helps pipe programmers create and debug mashups. Subsequent qualitative results provide further insights into the barriers faced by pipe programmers, the support for reuse provided by our approach, and the support for debugging provided.

Categories and Subject Descriptors: D2.9 [Software Engineering]: Management—Software configuration management; D2.5 [Software Engineering]: Testing and Debugging—Debugging aids; H1.2 [Models and Principles]: User/MachineSystems—Human factors; human information processing; H5.2 [Information Interfaces and Presentation]: User Interfaces—Evaluation/methodology

General Terms: Human Factors

Additional Key Words and Phrases: End-user software engineering, versioning, Mashups, Yahoo! Pipes, reuse, debugging, programming barriers

ACM Reference Format:

Sandeep K. Kuttal, Anita Sarma, and Gregg Rothermel. 2014. On the benefits of providing versioning support for end users: An empirical study. ACM Trans. Comput.-Hum. Interact. 21, 2, Article 9 (February 2014), 43 pages.

DOI: http://dx.doi.org/10.1145/2560016

Pengkaji: Zahratul Rahmi, G64120066

Ulasan

End-user programming menjadi fenomena yang meluas. Sejumlah end-users membuat aplikasi perangkat lunak untuk kebutuhannya sendiri dengan menggunakan alat pemrograman dan lingkungan seperti Scratch, Labview, web macros, and web mashup environments. Para reasearcher end-user programming fokus pada penggunaan prinsip-prinsip rekayasa perangkat lunak dan teknik yang menyediakan dukungan tersebut dengan tujuan membantu end-users dalam usaha mereka. Version support memungkinkan developer untuk menelusuri alternatif sumber daya, menentukan versi ini berbeda dengan yang lain dan memilih versi tertentu atau kembali ke versi sebelumnya. Dalam sebuah penelitian, mengamati bahwa terdapat kebutuhan untuk version control untuk meningkatkan pemeliharaan dan penggunaan kembali visual, domain-specific languages. Dukungan versioning dapat membantu pengguna dalam eksplorasi melalui versi di repositori serta eksplorasi perubahan itu sendiri. Artikel ini menyelidiki apakah versioning support dapat membantu end-user programmer dalam pembuatan program dan debugging. Mashup web adalah aplikasi yang menggabungkan data, fungsi dan elemen antarmuka dari dua atau lebih sumber untuk menciptakan layanan baru. Mashup populer karena peran dalam tren utama, dimana end-user dapat membuat konten dinamis untuk web, membangun aplikasi perangkat lunak situsional, serta membangun dan berbagi aplikasi melalui repositori host publik.

Yahoo! Pipes adalah salah satu lingkunan penciptaan mashup paling populer yang tersedian dan digunakan oleh profesional dan end-user programmer. Mashup ini berbasis web visual programming yang dikenalkan oleh Yahoo! dengan tujuan memungkinkan para pengguna untuk rewire web, dan juga cocok untuk solusi dataflow berbasis masalah pemrosesan dengan menggabungkan perintah sehingga salah satu output berindak sebagai input untuk yang lainnya, serta menfasilitasi menghubungkan modul dan transfer data. Pipes Plumber adalah pendekatan yang digunakan untuk kemampuan versioning pada Yahoo! Pipes, termasuk fitur, arsitektur, dan antarmuka yang digunakan.  Fitur Versioning, versioning support disediakan oleh sistem manajemen konfigurasi yang dibangun untuk profesional yang mengharuskan untuk mempelajari perintah dan konsep tertentu. Untuk mendapatkan versioning support Yahoo! Pipes mempertimbangkan setiap fitur versioning yang tersedia pada profesional sistem manajemen konfigurasi dan membuat  fitur analog yang cocok. Sistem arsitektur, untuk implementasi versioning support dibuat sebuah proxy wrapper menyadap kode JSON yang dapat transmisi user’s client dan Yahoo! Pipes server. Hal ini memungkinkan Pipes Plumber akan beroperasi pada sebagian web browser. Pada sistem arsitektur ini menggunakan sebuah proxy server untuk mengatur komunikasi antara web browser dan Yahoo! Pipes server. Penggunaan Internet Content Adaptation Protocol (ICAP), sebuah proxy wrapper memodifikasi respon pesan yang diterima dengan memasukkan widgets yang terhubung dengan versioning dan debugging kedalam UI sebelum mengirim pesan ke client. Interface (antarmuka), UI Pipe Plumber menambahkan 4 widget pada antarmuka Yahoo! Pipes client, yaitu Undo, Redo, Tested dan History. Undo dan Redo adalah tombol yang memungkinkan user untuk menelusuri antara version yang bertalian pada pipe. Tested adalah tombol yang memungkinkan user untuk mengidentifikasi yang mereka percaya pada kebenaran pipes. History of pipe menampilkan modul tambahan atau dihilangkan pada pipe per version sehingga user dapat melihat perbedaan antara version dan diimplementasikan dalam bentuk drop-down list.

Empirical studies, terdapat 2 pembelajaran user. Pertama, eksplorasi studi melibatkan 9 partisipan dan fokus pada pipe creation dan memahami tugas dalam ketiadaan dan kehadiran versioning support. Kedua, ekperimen yang dikontol, melibatkan 24 partisipan dan fokus pada pipe creation dan debugging tugas dalam ketiadaan dan kehadiran versioning support. Analisis kualitatif penggunaan versioning, investigasi kualitifitas peran dan dampak versioning pada memperbolehkan user untuk penggunaan kembali dan debug program pada sebuah domain web mashup. Secara keseluruhan tujuannya adalah untuk investigasi reasearch bagaimana versioning bermaanfaat bagi programer dalam reduksi hambatan pembelajaran, membantu dalam penggunaan kembali bagian pipe dan memperbaiki kemampuan debug. Proggramming barriers, studi utama end-users membuat mashup untuk observasi tantangan penting yang dihadapi user, dengan menentukan tantangan yang muncul pada Yahoo! Pipes dan memahami kemampuan asal pipe dan kemampuan untuk mengubah ke tipe awal dari pipe yang akan dikurangi tantangannya. Reuse, ditemukan menjadi mekanisme utama bagi end-users untuk membuat program baru,  tetapi reuse bukan tugas yang mudah maka dilakukan investigasi bagaimana end-users menunjukkan penggunaan kembali pada Yahoo! Pipes. Debugging, adalah bagian integral programming. Debugging membutuhkan waktu yang lama dan tidak mudah dan sebaiknya dibantu pada programming lingkungan dengan cara menyusun observasi dengan menggunakan klasifikasi framework dari strategi debugging.

Kesimpulan, artikel ini menunjukkan perluasan Pipes Plumber menjadi Yahoo! Pipes yang menyediakan versioning support untuk programer mashup menggunakan lingkungan. Hasil empirikal studi penggunaan lingkungan pada penciptaan mashup dan tugas debugging menyediakan bukti yang versioning support dapat membantu programer mashup menciptakan dan debug mashup. Analisis kualitatif mengungkapkan tambahan wawasan yang hambatan  alamat versioning dihadapi oleh programer mashup, penggunaan kembali masalah dan masalah debugging.

Aesthetic and Minimalist Design

Aesthetic and Minimalist Design adalah Sistem hanya menghasilkan informasi yang relevan, informasi yang tidak relevan mengurangi visibilitas dan usability dari sistem. Inilah beberapa kesalahan pada www.pesansaja.com :

Background dari website berwarna biru

Tampilan menu Hubungi Kami

Tampilan pada website ini, warna background berwarna biru yang menyerupai warna biru pada hyperlink. Hal ini dapat menggangu penderita buta warna yang dikarenakan warna tulisan dan background yang sama. Maka hal ini perlu diperhatikan dengan mengubah warna background dengan warna lain. 

Dalam hal ini skala rating untuk severity of usage problem yang diberikan adalah 4.

Terdapat 2 button bar twitter di halaman home

Tampilan halaman home

Sharing button bar dibutuhkan dalam sebuah website untuk dapat menghubungkan ke media sosial. pada website ini terdapat sharing button bar yaitu twitter, tetapi terdapat 2 button bar twitter. Hal ini mengganggu dari design website ini. Sehingga button bar twitter cukup satu saja pada bagian kanan karena button bar twitter pada bagian kiri tidak terlalu kelihatan.

Dalam hal ini skala rating untuk severity of usage problem yang diberikan adalah 4.

Consistency and Standards

Consistency and Standards adalah Pengguna tidak perlu mempertanyakan lagi mengenai perbedaan pemahaman pada sebuah kata dan kalimat, situasi dan aksi. Semua harus sudah mengikuti standar yang ada. Inilah beberapa kesalahan pada www.pesansaja.com :

Menubar berada pada bagian footer

Tampilan menubar

Menubar dari website harusnya diletakkan dibagian atas, tetapi pada website ini menubar diletakkan dibagian bawah website seperti footer yang tidak sesuai dengan standar tata letak menubar. Menurut saya seharusnya menubar nya dipindahkan ke bagian atas dari website sesuai dengan posisi seharusnya.

Dalam hal ini skala rating untuk severity of usage problem yang diberikan adalah 4.

Nama label berada pada sebelah kanan dari kolom input

Form registrasi pemesanan

Nama label dari kolom input pada website ini berada pada sebelah kanan dari kolom inputnya. Hal ini tentunnya tidak memenuhi standar website umumnya. Untuk itu seharusnya tata letak nama label disesuikan dengan standar umunya yaitu pada sebelah kiri dari kolom input.

Dalam hal ini skala rating untuk severity of usage problem yang diberikan adalah 3. 

Recognation Rather Than Recall - pesansaja.com

Recognation Rather Than Recall adalah pembuatan objek, aksi dan pilihan harus jelas terlihat. Pengguna tidak haras mengingat-ingat informasi dari satu halaman ke halaman lain. Instruksi dan informasi pada sistem haras mudah diakses dan jelas terlihat pada saat dibutuhkan. Inilah beberapa kesalahan pada www.pesansaja.com :

Tidak terdapat icon close pada setiap menu

Menu gerai yang tidak memiliki icon close

Tampilan menu pada website ini tidak terdapat icon close yang dibutuhkan user untuk dapat keluar dari menu yang dipilih. Tetapi terdapat icon home yang mengembalikan ke halaman beranda pada website ini. Meskipun terdapat icon home, tidak terlihat jelas bahwa icon tersebut dapat membuat usser kembali ke halaman beranda. Maka, akan lebih baik icon home tersebut diganti dengan icon close yang lebih dikenal oleh user kegunaannya. 

Dalam hal ini skala rating untuk severity of usage problem yang diberikan adalah 2. 

Tampilan home yang terlihat hanya gambar-gambar

Tampilan home website

Terlihat pada tampilan home yang hanya dipenuhi oleh gambar makanan, bila hanya dilihat sekilas user tidak akan menyadari bahwa gambar tersebut memiliki penjelasan seperti gambar dibawah ini.

Tampilan home ddengan penjelasan dari gambar

Hal ini dapat menyebabkan kebingungan user dalam memahami arti gari gambar-gambar yang terdapat pada website ini yang sebenarnya menunjukkan jenis makanan yang dapat dipilih oleh user. Oleh karena itu diperlukan penjelasan langsung dari gambar sehingga tidak menyebabkan kebingungan dari penggunaan website ini.

Dalam hal ini skala rating untuk severity of usage problem yang diberikan adalah 3. 

Error Prevention - pesansaja.com

Error Prevention adalah pencegahan kesalahan, sistem harusnya memberikan suatu interaksi pencegahan kepada user ketika melakukan kesalahan dalam sistem sehingga user dapat berhati-hati dalam melakukan tindakan lanjutan. Prinsip ini mengetengahkan bagaimana sistem menangani error, sehingga pengguna dapat mengerti mengapa error terjadi, dan sistem dapat menangani error dengan desain yang baik yang menggunakan bahasa yang mudah dipahami sehingga pengguna dapat lebih berhati-hati dalam melakukan tindakan selanjutnya. Inilah beberapa kesalahan pada www.pesansaja.com :

Tidak terdapat konfirmasi jika user melakukan 

pembatalan pemesanan

Keranjang sebelum melakukan pembatalan pemesanan

Keranjang setelah melakukan pembatalan pemesanan

Pada gambar diatas tidak terlihat perbedaan sebelum dan setelah melakukan pembatalan pemesanan. Sal ini dapat mengakibatkan user harus mencari lagi item apabila mengalami kesalahan, item yang yang sebenarnya tidak ingin dihapus. Dan bisa juga user tidak menyadari bahwa telah melakukan pembatalan bila tidak terdapat konfirmasi. Oleh karena itu seharusnya ditambahkan notifikasi jika akan melakukan penghapusan dengan memberikan pertanyaan tentang pembatalan pemesanan.

Dalam hal ini skala rating untuk severity of usage problem yang diberikan adalah 3.

Tidak terdapat konfirmasi email saat melakukan lakukan 

registrasi pemesanan

Form registrasi pemesanan

Pada gambar diatas menunjukkan bahwa pilihan konfirmasi pemesanan hanya dilakukan melalui sms dan telepon, tidak terdapat konfirmasi pemesanan dan konfirmasi registrasi akun pada email. konfirmasi registrasi akun sangat dibutuhkan oleh user untuk mengetahui apakah telah pernah melakukan transaksi dengan website ini. untuk itu, perlu ditambahkan pilihan konfirmasi melalui emai yang akan dapat memberikan kepercayaan user saat melakukan transaksi dan pemesanan melalui website ini.

Dalam hal ini skala rating untuk severity of usage problem yang diberikan adalah 2. 

Flexibility and Efficiency of Use - pesansaja.com

Flexibility and Efficiency of Use adalah bagaimana membuat sebuah sistem yang mengakomodasi pengguna yang sudah ahli dan pengguna yang masih pemula Berikan alternatif untuk pengguna yang berbeda dari pengguna biasa (secara fisik, budaya, bahasa, dan lain-lain). Inilah beberapa kesalahan pada www.pesansaja.com :

Menu bar berada dibagian footer dari website

Menubar dari website harusnya diletakkan dibagian atas, tetapi pada website ini menubar diletakkan dibagian bawah website seperti footer yang membuat user pemula kebingungan menggunakan website ini menentukan letak menubar nya. Menurut saya seharusnya menubar nya dipindahkan ke bagian atas dari website yang dapat memudahkan dalam pemakaian website oleh user pemula.

Pilihan menu pada menubar susah dibedakan dengan 

tulisan pada footer

Pemilihan jenis dan warna tulisan pada menubar sama dengan jenis dan warna footer, perbedaannya hanya pada size dari tulisan. Dan saran pada website ini seharusnya jenis tulisan pada menubar dan pada footer dibedakan dan footer tidak pada baris yang sama.

Dalam hal ini skala rating untuk severity of usage problem yang diberikan adalah 4.

Visualisasi Informasi Kedatangan Wisatawan Mancanegara ke Indonesia 2009-2013

Visualisasi informasi diperlukan untuk mempermudah pengguna dalam membaca informasi yang tersedia. Pada visualisasi informasi ini mengambil data Kedatangan Wisatawan Mancanegara ke Indonesia 2009-2013 yang bersumber dari buku Statistika Indonesia 2014 halaman 338. Tools yang digunakan pada visualisasi ini yaitu infogr.am.

Berikut link hasil visualisasi informasi yang dibuat:

https://infogr.am/kedatangan_wisatawan_mancanegara_ke_indonesia_menurut_kebangsaan_2009_2013