Penerapan Metode User Centered Design (UCD) Untuk Meningkatkan Usability Pada Aplikasi Media Sosial Client (mikroblog) Berbasis Web
PENERAPAN METODE
USER CENTERED DESIGN (UCD)
USABILITY PADA APLIKASI MEDIA SOSIAL
CLIENT (MIKROBLOG) BERBASIS WEB
SKRIPSI
Diajukan untuk Menempuh Ujian Akhir Sarjana Program Strata Satu Jurusan Teknik Informatika
Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia
SISFIKA YANTI SILALAHI
10106422
JURUSAN TEKNIK INFORMATIKA
FAKULTAS TEKNIK DAN ILMU KOMPUTER
ABSTRAK
PENERAPAN METODE USER CENTERED DESIGN UNTUK MENINGKATKAN USABILITY PADA APLIKASI MEDIA SOSIALCLIENT (MIKROBLOG) BERBASIS WEB
Oleh
Sisfika Yanti Silalahi
10106422
Mikroblog adalah suatu bentuk blog yang memungkinkan penggunanya untuk menulis teks pembaharuan singkat yang biasanya kurang dari 140 karakter dan mempublikasikannya. Peningkatan pengguna mikroblog juga dipacu dengan lahirnya
website media sosial mikroblog, salah satu yang banyak digunakan saat ini adalah
twitter. Namun, saat ini pengguna mikroblog tersebut merasa web twitter masih
minim fitur karena hanya dapat melakukan pembaharuan dalam format teks saja. Salah satu solusi untuk masalah diatas adalah membangun aplikasi client berbasis web dengan menerapkan metode UCD. Metode UCD digunakan untuk menganalisis kebutuhan pengguna dengan melakukan aktivitas UCD yaitu: kuisioner, interview,
tasks modelling dan prototyping. Dari hasil analisis tersebut dapat diketahui batasan
yang dialami pengguna saat ini misalnya: pengguna belum dapat memperpendek suatu link, mengunggah gambar, dan melakukan terjemahan. Sehingga twitter client yang dibangun tidak hanya terbatas melakukan pembaharuan dalam format text saja.
Pembangunan aplikasi twitter client didukung dengan memanfaatkan API
twitter (Application Programming Interface) sebagai fitur komunikasi untuk
membangun client dengan sifat mikroblog tersebut sehingg dapat menambahkan layanan lain yang belum disediakan web twitter. Aplikasi twitter client juga dibangun berdasarkan prinsip-prinsip perancangan UCD yang tujuannya untuk meningkatkan usability yaitu: user familiarity, consistency, minimal surprise ,
recoverability, dan user guidance. Dengan demikian tingkat usability twitter client
yang dibangun sesuai dengan karakteristik usability yaitu: learnibility, efficiency,
satisfaction, memorability, dan errors. Aplikasi twitter client dapat diakses dengan
tersedianya koneksi internet yang baik dan pengguna yang telah memiliki akun di twitter dan mengerti cara kerja twitter.
Kata kunci : mikroblog, twitter client, API twitter, user centered design, usability.
ABSTRACT
IMPLEMENTATION OF USER CENTERED DESIGN METHODS TO
INCREASE USABILITY IN SOCIAL MEDIA APPLICATION CLIENT
(MICROBLOG) WEB-BASED
by
Sisfika Yanti Silalahi
10106422
Microblogging is a form of a blog that allows users to write brief text updates that
are usually less than 140 characters and make them public. Improved user is also
encouraged by the establishment of Micro-blogging social media micro-blogging site,
one that is widely used today is twitter. However, current users find web twitter
microblogging is still minimal because the feature can only update them in text
format only. One solution to this problem is to build a web-based client applications
by applying UCD methods. UCD methods used to analyze the user needs to perform
activities of UCD are: questionnaires, interviews, modeling and prototyping tasks.
From the analysis results can be known limitations experienced by current users for
example: users can not shorten a link, upload images, and do the translation. So
twitter client that is built not only limited to the renewal in text format only.Twitter client application development is supported by using the twitter API
(Application Programming Interface) as a feature of communication to build the
client with the properties of micro-blogging so you can add other services not yet
provided a web twitter. Twitter client application can be accessed with the
availability of a good internet connection and users who already have an account on
twitter and understand how to work twitter. Thus users can use the twitter client
application with additional features that are the result of the UCD process that can
improve the usability (usability) twitter client built. This is evident because the user
has to upload images, shortening the url, and do the translation.Keywords: microblogging, twitter client, API twitter, user centered design,usability
KATA PENGANTAR
Puji Syukur kehadirat Tuhan Yang Maha Esa yang telah menganugerahkan kenikmatan dan kesehatan lahir batin serta kemampuan kepada penulis, sehingga skripsi yang berjudul PENERAPAN METODE USER
CENTERED DESIGN (UCD) UNTUK MENINGKATKAN USABILITY PADA
APLIKASI MEDIA SOSIAL CLIENT (MIKROBLOG) BERBASIS WEB dapat diselesaikan oleh penulis sesuai dengan waktu yang telah disediakan.
Keberhasilan penulis dalam menyelesaikan skripsi ini tidak lepas dari peran serta beberapa pihak yang telah memberikan sumbangan pikiran, bimbingan, serta dorongan semangat pada penulis.
Penulis menyadari bahwa dalam skripsi yang penulis buat masih belum sempurna. Hal ini karena keterbatasan pengetahuan dan pengalaman yang penulis miliki.
Akhirnya, penulis berharap semoga tugas akhir ini dapat bermanfaat khususnya bagi penulis dan umumnya bagi pembaca. Dan penulis ingin mengucapkan terima kasih kepada yang terhormat dan tercinta :
1. TUHAN YESUS KRISTUS yang telah memberikan berkat, cinta, kasih dan penyertaan-Nya hingga detik ini, selalu membimbing dalam setiap langkah yang saya ambil.
2. Kedua orang tua dan keluarga yang dengan tulus selalu mendoakan,
3. Dr. Ir. Eddy Suryanto Soegoto, M.Sc., selaku Rektor Universitas Komputer Indonesia.
4. Dr. Arry Akhmad Arman, selaku Dekan Fakultas Teknik dan Ilmu Komputer Universitas Komputer Indonesia.
5. Ibu Mira Kania Sabariah, S.T., M.T., selaku Ketua Jurusan Teknik Informatika Fakultas Teknik dan Ilmu Komputer Unikom.
6. Ibu Kania Evita Dewi, S.Pd., M.Si., selaku dosen wali IF-9 yang telah membantu dalam kelancaran dari berbagai permasalahan mengenai perkuliahan.
7. Bapak Irawan Afrianto S.T., M.T., selaku dosen pembimbing yang telah membimbing saya selama mengerjakan skripsi ini. Terima kasih atas dukungan semangat yang selalu menjadi sumber inspirasi saya.
8. Ibu Dian Dharmayanti, S.T., selaku dosen penguji I dan Iskandar Ikbal, S.T., selaku dosen penguji III yang telah memberikan saran serta kritiknya dalam penyempurnaan skripsi ini.
9. Kepada Evan Gabriel Sabattio dan Panggi Libersa kedua sahabat yang selalu memberikan semangat dan dukungan kepada saya selama mengerjakan skripsi ini.
10. Kepada teman-temanku IF-IX ’06, seluruh mahasiswa Teknik Informatika terimakasih atas doa dan dukungannya. Sukses selalu buat kalian semua.
Akhir kata, penulis berharap semoga skripsi ini bisa sangat berguna dan bermanfaat bagi penulis dan pembaca.
Bandung, Febuari 2011 Penulis
DAFTAR ISI
LEMBAR JUDUL LEMBAR PENGESAHAN ABSTRAK .............................................................................................................. i
ABSTRACT .............................................................................................................. ii
KATA PENGANTAR ........................................................................................... iii DAFTAR ISI .......................................................................................................... vi DAFTAR TABEL ................................................................................................. xii DAFTAR GAMBAR ........................................................................................... xvi DAFTAR SIMBOL .............................................................................................. xxi DAFTAR LAMPIRAN ...................................................................................... xxiii
BAB I PENDAHULUAN ....................................................................................... 1
1.1 Latar Belakang Masalah ........................................................................... 1
1.2 Perumusan Masalah .................................................................................. 3
1.3 Maksud dan Tujuan................................................................................... 3
1.4 Batasan Masalah ....................................................................................... 3
1.5 Metodologi Penelitian ............................................................................... 4
1.6 Sistematika Penulisan ............................................................................... 6
BAB II TINJAUAN PUSTAKA ............................................................................. 8
2.1 Definisi User Centered Design ................................................................. 8
2.1.2 Aturan Dalam UCD ............................................................................ 11
2.4 Mikroblog Twitter ................................................................................... 25
2.9.2 Definisi Unified Modelling Language ............................................... 34
2.9.1 Sejarah Unified Modelling Language ................................................ 33
2.9 UML ........................................................................................................ 32
2.8 Google Translate ..................................................................................... 32
2.7 Img.ly ...................................................................................................... 31
2.6 Twkl.in .................................................................................................... 30
2.5 API .......................................................................................................... 28
2.4.2 Kelebihan dan Kelemahan Twitter ..................................................... 27
2.4.1 Kegunaan Mikroblog Twitter ............................................................. 26
2.3 Mikroblog ............................................................................................... 24
2.1.3 Proses UCD ........................................................................................ 13
2.2 Media Sosial............................................................................................ 22
2.1.7 User interaction .................................................................................. 20
2.1.6 Usability ............................................................................................. 18
17
2.1.5.2 Terminologi Prototype .................................................................
16
2.1.5.1 Dimensi Prototype ........................................................................
2.1.5 Prototype ............................................................................................ 15
2.1.4 Metode UCD ..................................................................................... 14
2.9.3 Diagram Dasar Unified Modelling Language .................................... 35
2.10.2 Mendaftarkan Aplikasi di Twitter ...................................................... 43
3.1.3.1 Metode UCD ............................................................................... 59
3.1.5.1 Login ........................................................................................... 93
3.1.5 Analisis Kebutuhan Fungsional ......................................................... 91
3.1.4.3 Analisis Pengguna ....................................................................... 90
3.1.4.2 Analisis Kebutuhan Perangkat Lunak (Software) ....................... 90
3.1.4.1 Analisis Kebutuhan Perangkat Keras (Hardware) ...................... 90
3.1.4 Analisis Kebutuhan Non Fungsional ................................................. 89
3.1.3.3 Analisis Metode UCD Terhadap Usability ................................. 87
3.1.3.2 Proses UCD ................................................................................. 60
3.1.3 Analisis Aplikasi Terhadap Metode UCD ......................................... 58
2.11 PHP ......................................................................................................... 44
3.1.2.1 Kelebihan dan Kelemahan Twitter.............................................. 53
3.1.2 Analisis Mikroblog Twitter ................................................................ 51
3.1.1 Analisis Masalah ................................................................................ 50
3.1 Analisis Sistem........................................................................................ 50
BAB III ANALISIS DAN PERANCANGAN SISTEM ...................................... 50
2.12 Java Script ............................................................................................... 46
2.11.2 Kelebihan PHP ................................................................................... 46
2.11.1 Sejarah PHP........................................................................................ 44
3.1.5.2 Follow ......................................................................................... 94
3.1.5.5 Delete Tweet ............................................................................... 98
3.1.5.16 Unfavorite ................................................................................. 111
3.1.5.24 Mentions .................................................................................... 121
3.1.5.23 List Members ............................................................................ 120
3.1.5.22 DM ............................................................................................ 119
3.1.5.21 Followers ................................................................................... 117
3.1.5.20 Following .................................................................................. 116
3.1.5.19 Lists ........................................................................................... 114
3.1.5.18 Refresh Timeline ....................................................................... 113
3.1.5.17 Show Conversation ................................................................... 112
3.1.5.15 Favorite ..................................................................................... 110
3.1.5.6 Unblock ....................................................................................... 99
3.1.5.14 Original Retweet ....................................................................... 108
3.1.5.13 Translation My Tweet ............................................................... 107
3.1.5.12 Translation................................................................................. 106
3.1.5.11 Delete DM ................................................................................. 105
3.1.5.10 Create DM ................................................................................. 103
3.1.5.9 Shorten URL ............................................................................. 102
3.1.5.8 Upload Image ............................................................................ 101
3.1.5.7 Block ......................................................................................... 100
3.1.5.25 Hide Mention ............................................................................ 122
3.1.5.27 Retweet ...................................................................................... 124
3.1.5.28 Reply ......................................................................................... 126
3.1.5.29 Restore Previous Tweet............................................................. 127
3.1.5.30 All Updates ............................................................................... 128
3.2 Class Diagram ....................................................................................... 129
3.2.1 Spesifikasi Kelas .............................................................................. 131
3.2.1.1 Kelas Twitteroauth .................................................................... 131 .............................................................
3.2.1.1.1 Deskripsi Atribut 131 ..........................................................
3.2.1.1.2 Deskripsi Layanan 132
3.2.1.2 Kelas Twitese ........................................................................... 134 .............................................................
3.2.1.2.1 Deskripsi Atribut 134 ..........................................................
3.2.1.2.2 Deskripsi Layanan 135
3.2.1.3 Kelas Oauth_lib ........................................................................ 136 .............................................................
3.2.1.3.1 Deskripsi Atribut 136 ..........................................................
3.2.1.3.2 Deskripsi Layanan 137
3.2.1.4 Kelas Translate ......................................................................... 138 .............................................................
3.2.1.4.1 Deskripsi Atribut 138 ..........................................................
3.2.1.4.2 Deskripsi Layanan 139
3.2.1.5 Kelas Shorten_url ..................................................................... 139 .............................................................
3.2.1.5.1 Deskripsi Atribut 139 ..........................................................
3.2.1.5.2 Deskripsi Layanan 140
3.3.2 Perancangan Antarmuka .................................................................. 141
4.3.1.2 Kasus dan Hasil Pengujian Alpha ............................................ 170
5.1 Kesimpulan ........................................................................................... 191
BAB V KESIMPULAN ...................................................................................... 191
4.4.1.2 Kesimpulan Pengujian Beta ..................................................... 186
4.4.1.1 Rencana Pengujian Beta ........................................................... 179
4.4 Pengujian Beta ...................................................................................... 179
4.3.1.3 Kesimpulan Pengujian Alpha ................................................... 179
4.3.1.1 Rencana Pengujian Alpha ........................................................ 169
3.3.3 Perancangan Pesan ........................................................................... 165
4.3.1 Pengujian Alpha ................................................................................. 169
4.3 Pengujian............................................................................................... 169
4.2 Implementasi Antar Muka .................................................................... 167
4.1.2 Perangkat Lunak Yang Digunakan ....................................................... 165
4.1.1 Perangkat Keras Yang Digunakan ........................................................ 165
4.1 Implementasi Sistem ............................................................................. 165
BAB IV IMPLEMENTASI DAN PENGUJIAN ................................................ 166
5.2 Saran ..................................................................................................... 192 DAFTAR PUSTAKA ......................................................................................... 193
DAFTAR GAMBAR
Gambar I.1. Model Waterfall ................................................................................. 6 Gambar II.1. Prinsip Perancangan UCD ............................................................... 11 Gambar II.2. Proses UCD ..................................................................................... 13 Gambar II.3. Logo twitter ..................................................................................... 25 Gambar II.4. Logo twkl.in..................................................................................... 30 Gambar II.5. Logo img.ly ..................................................................................... 31 Gambar II.6. Logo google translate ...................................................................... 32 Gambar II.7. Logo Oauth ...................................................................................... 39 Gambar II.8 Oauth Authentication Flow ............................................................. 40 Gambar II.9. Cara kerja Oauth-1........................................................................... 41 Gambar II.10.Cara kerja Oauth-2.......................................................................... 41 Gambar II.11.Cara kerja Oauth-3 ......................................................................... 42 Gambar II.12.Cara kerja Oauth-4.......................................................................... 42 Gambar II.13.Logo PHP ....................................................................................... 44 Gambar III.1 Fitur-fitur Twitter ............................................................................ 51 Gambar III.2 Hubungan pertemanan pada twitter................................................. 53 Gambar III.3 Trending Topics .............................................................................. 54 Gambar III.4 Hasil pencarian kata kunci "YAHOO" ............................................ 55 Gambar III.5. Kegunaan twitter sebagai alat komunikasi pejabat pemerintah dan
Gambar III.7. Keterbatasan fitur twitter ................................................................ 68 Gambar III.8. Fitur Shorten URL .......................................................................... 75 Gambar III.9. Fitur Upload image ........................................................................ 76 Gambar III.10. Fitur Translation ........................................................................... 77 Gambar III.11. Fitur Retweet ................................................................................ 78 Gambar III.12. Fitur Sweep timeline .................................................................... 79 Gambar III.13. Fitur Show conversation............................................................... 80 Gambar III.14. Fitur Refresh timeline................................................................... 81 Gambar III.15. Sketsa aplikasi twitter client (home) ............................................ 83 Gambar III.16. Sketsa Translation setting ............................................................ 83 Gambar III.17. Sketsa Upload image .................................................................... 84 Gambar III.18. Sketsa show conversation............................................................. 84 Gambar III.19 Petikan fungsi twitter .................................................................... 87 Gambar III.20. Use case diagram .......................................................................... 92 Gambar III.21. Diagram sequence login ............................................................... 94 Gambar III.22. Diagram sequence follow ............................................................ 95 Gambar III.23. Diagram sequence unfollow ......................................................... 96 Gambar III.24. Diagram sequence update tweet ................................................... 97 Gambar III.25. Diagram sequence delete tweet .................................................... 98 Gambar III.26. Diagaram sequence unblock....................................................... 100 Gambar III.27. Diagram sequence block ............................................................ 101
Gambar III.30. Diagram sequence create DM .................................................... 104 Gambar III.31 Diagram sequence delete DM ..................................................... 105 Gambar III.32. Diagram sequence translation .................................................... 107 Gambar III.33. Diagram sequence translate my tweet ........................................ 108 Gambar III.34. Diagaram sequence original retweet .......................................... 109 Gambar III.35. Diagram sequence favorite ......................................................... 110 Gambar III.36. Diagram sequence unfavorie ...................................................... 111 Gambar III.37. Diagram sequence show conversatiom ..................................... 113 Gambar III.38. Diagram sequence refresh timeline ........................................... 114 Gambar III.39. Diagram sequence lists .............................................................. 115 Gambar III.40. Diagram sequence following ..................................................... 117 Gambar III.41. Diagram sequence followers ..................................................... 118 Gambar III.42. Diagram sequence DM .............................................................. 118 Gambar III.43. Diagram sequence list members ................................................ 120 Gambar III.44. Diagram sequence mentions....................................................... 122 Gambar III.45. Diagram sequence hide mention ................................................ 123 Gambar III.46. Diagram sequence search ........................................................... 124 Gambar III.47. Diagram sequence retweet ......................................................... 125 Gambar III.48. Diagram sequence reply ............................................................. 126 Gambar III.49. Diagram sequence restore previous tweet ................................. 128 Gambar III.50. Diagram sequence all upadtes .................................................... 129
Gambar III.53. Perancangan antarmuka halaman utama .................................... 142 Gambar III.54. Perancangan antarmuka halaman profile ................................... 143 Gambar III.55. Perancangan antarmuka halaman following .............................. 144 Gambar III.56. Perancangan antarmuka halaman all updates ............................. 145 Gambar III.57. Perancangan antarmuka halaman mentions .............................. 146 Gambar III.58. Perancangan antarmuka halaman utama DM ............................. 147 Gambar III.59. Perancangan antarmuka halaman list you created...................... 148 Gambar III.60. Perancangan antarmuka halaman follow ................................... 149 Gambar III.61. Perancangan antarmuka halaman follwing ................................ 150 Gambar III.62. Perancangan antarmuka halaman favorite ................................. 151 Gambar III.63. Perancangan antarmuka halaman retweets ................................. 152 Gambar III.64. Perancangan antarmuka halaman search .................................... 153 Gambar III.65. Perancangan antarmuka halaman trending topics ...................... 154 Gambar III.66. Perancangan antarmuka halaman following .............................. 155 Gambar III.67. Perancangan antarmuka halaman shorten URL ......................... 156 Gambar III.68. Perancangan antarmuka halaman translation ............................. 157 Gambar III.69. Perancangan antarmuka halaman translate tweet ....................... 158 Gambar III.70. Perancangan antarmuka halaman upload image ........................ 158 Gambar III.71. Perancangan antarmuka halaman restore previous tweet ........... 160 Gambar III.72. Perancangan antarmuka halaman show conversation ................ 161 Gambar III.73. Perancangan antarmuka halaman block ..................................... 162
Gambar III.76. Perancangan perancangan pesan ................................................ 165
DAFTAR TABEL
Tabel 3.1. Hasil jawaban pertanyaan no 1 ............................................................ 62Tabel 3.2. Hasil jawaban pertanyaan no 2 ............................................................ 63Tabel 3.3. Hasil jawaban pertanyaan no 3 ............................................................ 63Tabel 3.4. Hasil jawaba pertanyaan no 4 ............................................................. 64Tabel 3.5. Hasil jawaban pertanyaan no 5 ............................................................ 64Tabel 3.6. Hasil jawaban pertanyaan no 6 ............................................................ 65Tabel 3.7. Hasil jawaban pertanyaan no 7 ............................................................ 65Tabel 3.8. Hasil jawaban pertanyaan no 8 ............................................................ 66Tabel 3.9. Tabel skenario login ............................................................................. 93Tabel 3.10. Tabel skenario follow......................................................................... 94Tabel 3.11. Tabel skenario unfollow..................................................................... 95Tabel 3.12. Tabel skenario update tweet ............................................................... 97Tabel 3.13. Tabel skenario delete tweet ................................................................ 98Tabel 3.14. Tabel skenario unblock ...................................................................... 99Tabel 3.15. Tabel skenario block ........................................................................ 100Tabel 3.16. Tabel skenario upload image ........................................................... 101Tabel 3.17. Tabel skenario shorten URL ............................................................ 102Tabel 3.18. Tabel skenario create DM ................................................................ 103Tabel 3.19. Tabel skenario delete DM ................................................................ 105Tabel 3.21. Tabel skenario translate my tweet .................................................... 107Tabel 3.22. Tabel skenario original retweet ........................................................ 109Tabel 3.23. Tabel skenario favorite.................................................................... 110Tabel 3.24. Tabel skenario unfavorite................................................................. 111Tabel 3.25. Tabel skenario show conversation ................................................... 112Tabel 3.26. Tabel skenario refresh timeline ........................................................ 114Tabel 3.27. Tabel skenario lists........................................................................... 115Tabel 3.28. Tabel skenario following ................................................................. 116Tabel 3.29. Tabel skenario followers .................................................................. 117Tabel 3.30. Tabel skenario DM........................................................................... 119Tabel 3.31. Tabel skenario list members ............................................................ 120Tabel 3.32. Tabel skenario mentions .................................................................. 121Tabel 3.33. Tabel skenario hide mention ............................................................ 122Tabel 3.34. Tabel skenario search ....................................................................... 123Tabel 3.35. Tabel skenario retweet ..................................................................... 124Tabel 3.36. Tabel skenario reply ......................................................................... 126Tabel 3.37. Tabel skenario restore previous tweet .............................................. 127Tabel 3.38. Tabel skenario all updates ................................................................ 128Tabel 3.39. Tabel spesifikasi kelas ..................................................................... 131Tabel 3.40. Tabel deskripsi kelas twitteroauth.................................................... 131Tabel 3.41. Tabel deskripsi kelas twitese............................................................ 134Tabel 3.44. Tabel deskripsi kelas shorten url ...................................................... 139Tabel 4.1 Tabel implementasi antarmuka ........................................................... 167Tabel 4.2. Tabel rencanan pengujian alpha ......................................................... 169Tabel 4.3. Tabel pengujian login......................................................................... 170Tabel 4.4. Tabel pengujian update tweet ............................................................ 171Tabel 4.5. Tabel pengujian reply tweet ............................................................... 171Tabel 4.6. Tabel pengujian retweet ..................................................................... 172Tabel 4.7. Tabel pengujian search....................................................................... 173Tabel 4.8. Tabel pengujian shorten url................................................................ 174Tabel 4.9. Tabel pengujian translate my tweet ................................................... 175Tabel 4.10. Tabel pengujian translate my tweet ................................................. 176Tabel 4.11. Tabel pengujian upload image ......................................................... 177Tabel 4.12. Tabel pengujian create list ............................................................... 177Tabel 4.13. Tabel pengujian send DM ................................................................ 178Tabel 4.14. Tabel hasil jawaban pertanyaan no 1 ............................................... 180Tabel 4.15. Tabel hasil jawaban pertanyaan no2 ................................................ 181Tabel 4.16. Tabel hasil jawaban pertanyaan no 3 ............................................... 181Tabel 4.17. Tabel hasil jawaban pertanyaan no 4 ............................................... 181Tabel 4.18. Tabel hasil jawaban pertanyaan no 5 ............................................... 182Tabel 4.19. Tabel hasil jawaban pertanyaan no 6 ............................................... 182Tabel 4.20. Tabel hasil jawaban pertanyaan no 7 ............................................... 182Tabel 4.23. Tabel hasil jawaban pertanyaan no 10 ............................................. 184Tabel 4.24. Tabel hasil jawaban pertanyaan no 11 ............................................. 185Tabel 4.25. Tabel hasil jawaban pertanyaan no 12 ............................................. 185DAFTAR SIMBOL
1. Simbol pada uml No Simbol Keterangan
Simbol notasi aktor Segala sesuatu yang berinteraksi
1 langsung dengan sistem aplikasi kompter.
Actor1
Simbol notasi use case
2 Deskripsi fungsi dari sebuah sistem dari
UseCase1 Class2 perspektif pengguna
Simbol class
3 Pembentuk utama dari sistem aplikasi berorientasi objek.
«extends»
Simbol extends
4 Perilaku use case yang memperluas perilaku use case yang lain Simbol include
include
5 Perilaku use case yang merupakan bagian dari use case yang lain.
Simbol note
6 Untuk menuliskan pesan yang akan muncul pada sequence diagram.
Simbol arus / flow
7 Untuk menyatakan jalannya arus suatu proses Simbol Object Lifeline
Object1
Digunakan untuk menuliskan nama
8 objek yang digunakan pada sebuah kelas.
DAFTAR LAMPIRAN
Lampiran A Tampilan Antarmuka .................................................................. A-1 Lampiran B Listing Program .......................................................................... B-1 Lampiran C Hasil Kuesioner ........................................................................... C-1
DAFTAR PUSTAKA
[1] Karat, J. (1997). User-Centered Software Evaluation Methodologies. Handbook of human Computer Interaction.M.G.Halander,Elsevier Science.
[2] Hariyanto, Bambang.2004.Rekayasa Sistem Berorientasi Objek. Bandung : Informatika.
[3] Interaksi Manusia dan Komputer.(2007) 10-2010, 11:00
[4]Atha.(2008). Rancangan Sistem Pameran Online Menggunaka Metode UCD (User
Centered Design).
5-10-2010, 19:00 [5] Pengertian Prototyping.(2008) 8-10-2010, 11:30 [6, 12-10-2010 , 22:00 [7] Fauzi,Ahmad. 2009. All About Twitter. Jakarta: Yureka.
[8] Application Programming Interface.(2009) api-http://ipangsan.web.id/api- application-program-interface/, 12-10-2010, 19:00
[9] Ahira,Anne. (2010). Apa Itu Google Translate10-2010 , 21:20 [10]Baskoro,Wiku.(2010).Another Bigs News From Twitter. 10-2010, 22:00 [11] Indonesia Peringkat Tertinggi Pengguna Twitter. 13-10-2010 , 09:00 [12] Manfaat Twitter dan Dampak Negatifnya.(2010). 12-10-2010, 18:20 [13]Media Sosial.(210-2010, 17:30 [14] Mikroblog.(2010)10-2010 , 17:50 [15]Pengertian Application Programming Interface.(2010). 12-10-2010 , 21:00 [16] Oa10-2010 , 21:30 [17] What is Usability.(2010) 2010, 17:00
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah
Manusia dengan segala kegiatannya yang beragam melahirkan perubahan cara berkomunikasi kepada manusia lain. Perubahan komunikasi tersebut bukan hanya terjadi pada media yang digunakan ,tetapi pada isi dari komunikasi yang dibuat. Kebutuhan akan komunikasi singkat dan efektif melahirkan suatu istilah baru yang dinamakan Mikroblog. Mikroblog adalah suatu bentuk blog yang memungkinkan penggunanya untuk menulis teks pembaharuan singkat yang biasanya kurang dari 140 karakter dan mempublikasikannya, baik untuk dilihat semua orang atau kelompok terbatas yang dipilih oleh pengguna tersebut. Peningkatan pengguna mikroblog juga dipacu dengan lahirnya website media sosial mikroblog, salah satu yang banyak digunakan saat ini adalah twitter. Hal ini juga ditunjukkan dengan meningkatnya pengguna twitter. Namun, web twitter sendiri masih minim fitur karena pengguna hanya dapat melakukan pembaharuan dalam format teks saja. Pengguna belum dapat memperpendek suatu link, mengunggah gambar, dan melakukan terjemahan. Hal tersebut merupakan salah satu batasan yang dialami pengguna saat ini.
Salah satu solusi untuk masalah diatas adalah membangun aplikasi client yang memenuhi kebutuhan tersebut, namun tetap berpegangan pada prinsip kerja twitter.
Dengan menambahkan beberapa fitur, sehingga pengguna merasa berkurangnya maka aplikasi client yang dibangun adalah berbasis web karena untuk kemudahan akses, yaitu hanya dengan menggunakan web browser (umumnya sudah tersedia di PC) sehingga tidak perlu menginstal aplikasi client khusus.
Pembangunan aplikasi client dilakukan dengan menerapkan user centered
design (UCD) yang merupakan salah satu metode perancangan yang menjadi dasar
dari perencanaan, perancangan, dan pembangunan aplikasi. UCD membawa konsep bahwa pengembangan suatu produk baik itu perangkat keras atau perangkat lunak (termasuk website) berorientasi pada pengguna, telah terbukti membuat tingkat
usability menjadi lebih baik seperti yang dikemukakan oleh Frank Spiller dalam User
Centered Design 101. Aktivitas UCD yang dilakukan pada tugas akhir ini adalah
penyebaran kuisioner, interview, tasks modelling dan prototyping. Pembangunan aplikasi client didukung dengan tersedianya API twitter (Application Programming
Interface) sebagai fitur komunikasi untuk membangun client dengan sifat-sifat
mikroblog tersebut sehingga dapat menambahkan layanan lain yang belum disediakan web twitter.
Oleh karena itu untuk membangun aplikasi twitter client berbasis web maka penulis mengambil judul “Penerapan Metode User Centered Design Untuk
Usability Pada Aplikasi Media Sosial Client (Mikroblog) Berbasi Meningkatkan Web.”
1.2 Perumusan Masalah
Dari uraian latar belakang di atas, maka dapat diidentifikasikan masalah yang dihadapi yaitu, bagaimana menerapkan metode user centered design pada aplikasi media sosial client mikroblog (twitter) berbasis web.
1.3 Maksud Dan Tujuan
Maksud dari pembangunan aplikasi ini adalah menerapkan metode user centered design pada aplikasi media sosial client mikroblog berbasis web.
Adapun tujuan dari pembangunan aplikasi ini yaitu :
1. Melakukan kajian agar diperoleh pemahaman tentang kegunaan (usability) dengan menerapkan metode UCD.
2. Dengan metode UCD diharapkan dapat meningkatkan kegunaan (usability) terhadap aplikasi media sosial client mikroblog (twitter) berbasis web.
3. Meningkatkan kemudahan dan kegunaan dalam penggunaan media sosial
client mikroblog (twitter) khususnya bagi pengguna yang sudah memiliki
akun twitter dan mengerti cara kerja twitter, misalnya dalam hal mengunggah gambar, memperpendek sebuah tautan, dan melakukan terjemahan.
1.4 Batasan Masalah 1.
Aplikasi mikroblog yang digunakan adalah twitter.
2. Aplikasi media sosial mikroblog client yang dibangun berbasis web.
3. Aktivitas dari metode UCD yang dilakukan pada tugas akhir ini adalah penyebaran kuesioner, interview, tasks modelling dan prototyping. Kuisioner yang dilakukan pada aktivitas ini digunakan untuk mengumpulkan data untuk melakukan analisis kebutuhan pengguna.
4. Sistem yang dibangun dengan bahasa pemograman PHP, Javascript, dengan memanfaatkan API Twitter, twkl.in, dan Img.ly , google translate serta protokol keamanan autentikasi Oauth dengan metode perancangan menggunakan Unified Modelling Language (UML).
5. Aplikasi client memiliki keterbatasan dalam melakukan request ke server
twitter, karena itu ada beberapa layanan yang tidak dapat diakses untuk
memaksimalkan jumlah request aplikasi ke twitter sehingga tetap menjaga kenyamanan pengguna, misalnya pengguna tidak dapat melakukan pengaturan
account (data pribadi) karena hanya dapat dilakukan di web twitter
6. Aplikasi bersifat publik (dapat digunakan oleh siapa saja) dengan asumsi pengguna aplikasi harus sudah memiliki akun twitter dan mengerti cara kerja
twitter.
7. Karateristik/ kriteria pengukuran kegunaan (usability) akan diukur dengan
melakukan kuisioner di tahap pengujian sistem untuk mengetahui respon pengguna secara langsung.
1.5 Metodologi Penelitian
Metodologi yang digunakan dalam pembangunan tugas akhir ini adalah sebagai berikut :