PENGEMBANGAN FRONT END MOBILE WEB IPB CONNECT PADA MODUL ALUMNI DAN MAHASISWA MENGGUNAKAN LEAN UX
FAUZAN ADHIMA
DEPARTEMEN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM INSTITUT PERTANIAN BOGOR BOGOR 2017
PERNYATAAN MENGENAI SKRIPSI DAN SUMBER INFORMASI SERTA PELIMPAHAN HAK CIPTA Dengan ini saya menyatakan bahwa skripsi berjudul Pengembangan Front End Mobile Web IPB Connect pada Modul Alumni dan Mahasiswa menggunakan Lean UX adalah benar karya saya dengan arahan dari komisi pembimbing dan belum diajukan dalam bentuk apa pun kepada perguruan tinggi mana pun. Sumber informasi yang berasal atau dikutip dari karya yang diterbitkan maupun tidak diterbitkan dari penulis lain telah disebutkan dalam teks dan dicantumkan dalam Daftar Pustaka di bagian akhir skripsi ini. Dengan ini saya melimpahkan hak cipta dari karya tulis saya kepada Institut Pertanian Bogor. Bogor, Maret 2017 Fauzan Adhima NIM G64144017
ABSTRAK FAUZAN ADHIMA. Pengembangan Front End Mobile Web IPB Connect pada Modul Alumni dan Mahasiswa menggunakan Lean UX. Dibimbing oleh DEAN APRIANA RAMADHAN. Setiap tahun IPB telah meluluskan banyak alumni dan tercatat telah meluluskan 133.788 alumni per Januari 2016. Saat ini IPB perlu menyediakan fasilitas kepada alumni dan mahasiswa untuk saling memberi dan memperoleh informasi. Aplikasi IPB Connect dikembangkan dengan tujuan menghubungkan dan memperkuat tali silaturahmi antar alumni dan mahasiswa IPB. Pengembangan aplikasi IPB Connect dibuat dengan dua bagian yaitu Front End dan Back End. Pengembangan ini merupakan bagian Front End yang fokus pada desain antarmuka. Pengembangan aplikasi IPB Connect menggunakan metode Lean UX. Metode Lean UX yang dikenalkan oleh Gothelf (2013) memiliki 4 tahapan yaitu Declare Assumptions, Create an MVP, Run an Experiment, dan Feedback and Research. Metode Lean UX mengutamakan kolaborasi tim dan satu user yang menguasai permasalahan untuk saling bertukar pikiran. Aplikasi IPB Connect berbasis mobile web telah berhasil diimplementasikan dan memiliki fitur lowongan pekerjaan, event & reuni, explore alumni dan share memories. Kata kunci: Front End Development, Lean UX, Prototipe, User Experience
ABSTRACT FAUZAN ADHIMA. Development of Mobile Web IPB Connect Front End Alumni And Students Module using Lean UX. Supervised by DEAN APRIANA RAMADHAN. Every year IPB has graduated many alumni and has been recorded to have passed 133,788 alumni as of January 2016. IPB needs to provide facilities to alumni and students for an excange information. IPB Connect application was developed to connecting and strengthening the relationship between alumni and students. IPB Connect application developed by two parts: Front End and Back End. This development is part of the Front End that focuses on design interface. Development of IPB Connect application using Lean UX method. The Lean UX method introduced by Gothelf (2013) has 4 stages: Declare Assumptions, Create an MVP, Run an Experiment, and Feedback and Research. Lean UX method prioritizes team collaboration and one user who understand the problem for exchanging ideas. IPB Connect application based on mobile web has been successfully implemented and have 4 features that are job vacancy, event & reunion, explore alumni and share memories Keywords: Front End Development, Lean UX, Prototype, User Experience
PENGEMBANGAN FRONT END MOBILE WEB IPB CONNECT PADA MODUL ALUMNI DAN MAHASISWA MENGGUNAKAN LEAN UX
FAUZAN ADHIMA
Skripsi sebagai salah satu syarat untuk memperoleh gelar Sarjana Komputer pada Departemen Ilmu Komputer
DEPARTEMEN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM INSTITUT PERTANIAN BOGOR BOGOR 2017
Penguji: 1 Auzi Asfarian, SKomp MKom 2 Firman Ardiansyah SKom MSi
Judul Skripsi : Pengembangan Front End Mobile Web IPB Connect pada Modul Alumni dan Mahasiswa menggunakan Lean UX Nama : Fauzan Adhima NIM : G64144017
Disetujui oleh
Dean Apriana Ramadhan, SKomp MKom Pembimbing I
Diketahui oleh
Dr Ir Agus Buono, MSi MKom Ketua Departemen
Tanggal Lulus:
PRAKATA Puji dan syukur penulis panjatkan kepada Allah subhanahu wa ta’ala atas segala karunia-Nya sehingga karya ilmiah ini berhasil diselesaikan. Tema yang dipilih dalam pengembangan yang dilaksanakan sejak bulan Agustus 2016 ini ialah sistem informasi, dengan judul Pengembangan Front End Mobile Web IPB Connect pada Modul Alumni dan Mahasiswa menggunakan Lean UX. Penulis menyadari bahwa dalam melakukan penulisan skripsi tidak terlepas dari bantuan, dukungan, dan saran dari berbagai pihak. Penulis juga menyampaikan terima kasih kepada: 1 Bapak Sumantri selaku ayah,Ibu Linda Mardiana selaku ibu, Rina Octaviantri dan Cecilia Dwi Triana selaku kakak yang selalu memotivasi dan memberi doa untuk kelancaran dalam melakukan penulisan skripsi. 2 Bapak Edi Supardi dan Ibu Popon yang selalu memberikan motivasi dan doa untuk kelancaran melakukan penulisan skripsi. 3 Arsita Fitri Caesarani yang selalu memberikan motivasi dan doa untuk kelancaran melakukan penulisan skripsi. 4 Bapak Dean Apriana Ramadhan, MKom selaku pembimbing yang telah sabar banyak meluangkan waktu dan pikiran untuk mengarahkan penulis sehingga karya ilmiah ini selesai dibuat. 5 Bapak Auzi Asfarian, SKomp, MKom dan Firman Ardiansyah SKom, MSi selaku penguji yang telah memberikan saran dan ulasan pada karya ilmiah ini. 6 Bapak Dr Ir Agus Buono, MSi MKom selaku Ketua Departemen Ilmu Komputer IPB. 7 Seluruh dosen, tata usaha, dan pegawai Departemen Ilmu Komputer IPB. 8 Arnold, Septian, Lutfi, Pandu, dan Ricky selaku teman satu bimbingan dan tim pengembang aplikasi yang selalu membantu dalam pembuatan karya ilmiah ini. 9 Pak Fajar, Bang Musthafa, Deny, dan Bintang selaku penguji aplikasi. 10 Seluruh teman-teman Program S1 Alih Jenis Ilmu Komputer IPB Angkatan 9. Penulis berharap semoga karya ilmiah ini bermanfaat.
Bogor, Maret 2017 Fauzan Adhima
DAFTAR ISI DAFTAR TABEL
vi
DAFTAR GAMBAR
vi
DAFTAR LAMPIRAN
vi
PENDAHULUAN
1
Latar Belakang
1
Perumusan Masalah
2
Tujuan Penelitian
2
Ruang Lingkup Penelitian
2
METODE
2
Declare Assumptions
3
Create an MVP
6
Run an Experiment
6
Feedback and Research
7
Ruang Lingkup Pengembangan
7
HASIL DAN PEMBAHASAN Iterasi 1 Declare Assumptions
7 8 8
Create an MVP
14
Run an Experiment
17
Feedback and Research
17
Iterasi 2
19
Declare Assumptions
19
Create an MVP
20
Run an Experiment
21
Feedback and Research
21
SIMPULAN DAN SARAN
22
Simpulan
22
Saran
22
DAFTAR PUSTAKA
22
LAMPIRAN
23
RIWAYAT HIDUP
59
DAFTAR TABEL 1 Template worksheet assumptions (Gothelf 2013) 2 Sketsa Fitur 3 Hasil validasi asumsi
4 13 18
DAFTAR GAMBAR 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
Tahapan siklus Lean UX (Gothelf 2013) Template problem statement (Gothelf 2013) Template hypotheses (Gothelf 2013) Format proto-persona (Gothelf 2013) Potongan soal kuesioner Hasil kuesioner berdasarkan tingkat kepentingan fitur Hasil proto-persona Sketsa fitur pencarian lowongan pekerjaan Style guide warna Style guide jenis font Style guide jenis icon Hasil prototype fitur pencarian lowongan pekerjaan Potongan code HTML list lowongan pekerjaan Potongan code controller list lowongan pekerjaan Potongan code service lowongan pekerjaan Form hasil pengujian Sketsa fitur verifikasi account Prototipe fitur verifikasi akun
2 3 5 5 9 9 12 12 14 14 14 15 15 16 16 18 20 20
DAFTAR LAMPIRAN 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
Kuesioner aplikasi IPB Connect Hasil kuesioner Sketsa membuat lowongan pekerjaan Sketsa membuat event & reuni Sketsa mencari event & reuni Sketsa explore alumni Sketsa membuat memory Sketsa mencari memory Sketsa view account Sketsa pengaturan account Sketsa Login Sketsa Registrasi Sketsa tampilan home dan menu Sketsa set & view map location Style guide input form & button
23 26 37 37 37 38 38 38 39 39 39 40 40 40 41
16 Hasil prototype fitur lowongan kerja, event & reuni, explore alumni, dan share memories 17 Hasil perbaikan evaluasi MVP 18 Perbaikan prototipe dari feedback hasil pengujian 19 Pengisian form hasil pengujian 20 Perubahan prototipe registrasi, homepage, dan edit academic 21 Informasi pengujian 22 Penggunaan icon 23 Potongan transkrip percakapan pengujian
42 50 51 53 55 56 57 57
PENDAHULUAN Latar Belakang Kompetensi dan prestasi alumni di lingkungan kerja akan berpengaruh terhadap citra Almamater nya. Peran alumni sangat penting untuk mewujudkan visi dan misi Perguruan Tinggi, khususnya dalam kegiatan akreditasi Perguruan Tinggi. Institut Pertanian Bogor dibentuk secara resmi pada tanggal 1 September 1963 berdasarkan surat keputusan Menteri Perguruan Tinggi dan dan Ilmu Pengetahuan No. 92 tahun 1963 dan disahkan oleh Keputusan Presiden Republik Indonesia No. 279 Tahun 1965. Sampai dengan bulan Januari 2016, IPB telah meluluskan 133.788 mahasiswa (IPB 2016). Hubungan komunikasi antar alumni akan semakin renggang dibandingkan ketika masih aktif sebagai mahasiswa. Alumni yang memiliki posisi strategis dalam pekerjaan memiliki keterbatasan dalam komunikasi dengan alumni lainnya. Hal ini sangat disayangkan karena diharapkan mereka dapat membantu alumni yang masih kesulitan dengan pekerjaannya. Kemudahan dalam bertukar informasi antar alumni menjadi tujuan utama yang harus dicapai oleh Perguruan Tinggi selain prestasi akademis. Komunikasi yang baik antara alumni dengan alumni atau bahkan alumni dengan mahasiswa akan berperan baik dalam perkembangan Perguruan Tinggi. Berdasarkan Peraturan Pemerintah Republik Indonesia No. 66 tahun 2013 tentang Statuta IPB pasal 82, Himpunan Alumni IPB merupakan organisasi alumni resmi di IPB. Himpunan Alumni IPB dibentuk atas prakarsa alumni IPB pada tanggal 5 September 1970 yang berkedudukan di Bogor (HA-IPB 2015). Melalui website alumniipb.org, Himpunan Alumni IPB dapat memberikan informasi kepada alumni, tetapi belum memberikan fasilitas kepada alumni untuk dapat saling bertukar informasi. Berlandaskan Misi pertama Himpunan Alumni IPB yaitu Membangun Komunikasi, Interaksi, dan Jejaring yang kuat antara Alumni dan Himpunan Alumni IPB (HA-IPB 2015) maka dibuatlah aplikasi IPB Connect. Aplikasi IPB Connect adalah solusi untuk alumni dapat saling bertukar informasi. Aplikasi tersebut akan menyediakan fitur lowongan pekerjaan, informasi acara atau reuni, dan informasi identitas setiap alumni. Pada penelitian sebelumnya, Nadhirah ASD (2014) telah melakukan perancangan mobile user experience aplikasi Visit Puncak. Aplikasi tersebut memberikan informasi perkiraan kepadatan kendaraan dan destinasi wisata di kawasan Puncak. Pengembangan aplikasi tersebut memperhatikan aspek usability dan unsur user experience serta menggunakan metode Hartson-Pyla dengan konsep The Wheel yang melibatkan beberapa tahapan dalam sebuah lifecycle. Berdasarkan evaluasi heuristik Nielsen dan penilaian menggunakan severity rating, secara keseluruhan aplikasi Visit Puncak sudah memenuhi kebutuhan usability yang baik. Melalui penelitian sebelumnya, penelitian ini menggunakan metode yang berbeda dengan penerapan aplikasi di platform yang sama yaitu mobile web. Metode yang digunakan dalam pengembangan aplikasi IPB Connect adalah Lean UX. Lean UX merupakan metode pembuatan produk yang lebih cepat dalam kolaborasi tim dengan mengurangi seluruh dokumentasi untuk lebih meningkatkan fokus pada pemahaman tim tentang produk yang sedang dirancang (Gothelf 2013). Pengembangan ini akan menghasilkan prototipe yang akan divalidasi oleh user.
2 Pembuatan prototipe dikembangkan pada tingkat high-fidelity yaitu coded prototype. IPB Connect diharapkan menjadi wadah dalam bertukar informasi antar alumni dan mahasiswa IPB kapanpun dan dimanapun. Perumusan Masalah Perumusan masalah dalam penelitian ini adalah bagaimana membangun aplikasi yang sesuai dengan kebutuhan Alumni dan Mahasiswa IPB agar saling memberi dan memperoleh informasi ?
Tujuan Penelitian Tujuan dari penelitian ini adalah mengembangkan Front End IPB Connect berbasis mobile web pada modul Alumni dan Mahasiswa.
Ruang Lingkup Penelitian Adapun ruang lingkup penelitian ini dibatasi pada: 1 Pembuatan prototype dikembangkan pada tingkatan high-fidelity. 2 Pengembangan dan pengujian aplikasi menggunakan browser Google Chrome 3 Pengembangan dan pengujian aplikasi dilakukan pada device dengan ukuran layar 5.5 Inch.
METODE Penelitian menggunakan metode Lean UX yang dikenalkan oleh Gothelf 2013. Metode ini melibatkan beberapa tahapan dan membentuk sebuah siklus. Terdapat empat Tahapan, yaitu Declare Assumptions, Create an MVP, Run an Experiment, dan Feedback and Research. Tahapan pertama dimulai dari Declare Assumptions. Metode Lean UX membutuhkan satu user yang paham tentang permasalahan apa yang sedang dihadapi untuk terlibat langsung dalam pengembangan aplikasi. Latar belakang dari pembuatan aplikasi didapat dari penjelasan user. Tahapan siklus Lean UX dapat dilihat pada Gambar 1. DECLARE ASSUMPTIONS CREATE AN MVP
FEEDBACK AND RESEARCH
RUN AN EXPERIMENT
Gambar 1 Tahapan siklus Lean UX (Gothelf 2013)
3 Tim pengembang Aplikasi IPB Connect berjumlah 5 orang yang terdiri dari 3 orang front end dan 2 orang back end. Masing-masing pengembangan Front end membuat aplikasi di platform berbeda yaitu Panel Administrator, Web, dan Mobile Web. Pembagian pengembangan backend dibagi menjadi dua untuk modul Alumni & Mahasiswa dan Himpunan Alumni & Rektorat. Declare Assumptions Membuat asumsi dilakukan bersama dengan tim. setiap anggota tim berkesempatan untuk menyuarakan pendapatnya tentang cara terbaik untuk memecahkan masalah. Pembuatan asumsi didasari dari penjelasan user. Langkahlangkah yang dilakukan pada tahap ini adalah sebagai berikut. Problem Statement Mendefinisikan masalah apa yang dihadapi pengguna dan tujuan dari pembuatan produk. Pembuatan problem statement didapat melalui hasil brainstorming masing-masing anggota tim berdasarkan penjelasan yang diberikan user. Adapun format template dalam pembuatan problem statement dapat dilihat pada Gambar 2.
Gambar 2 Template problem statement (Gothelf 2013) Pembuatan problem statement menggunakan Bahasa Indonesia yang diterjemahkan dari template problem statement pada Gambar 2. Pembuatan problem statement tidak harus sama persis dengan template. Template problem statement digunakan sebagai gambaran umum dalam mendefinisikan masalah. Hasil terjemahan template problem statement adalah sebagai berikut: [Layanan kami / produk] dirancang untuk mencapai [tujuan ini]. Kami telah mengamati bahwa produk / jasa tidak memenuhi [tujuan-tujuan tersebut], yang menyebabkan [efek samping ini] untuk bisnis kami. Bagaimana mungkin kita meningkatkan [layanan / produk] sehingga pelanggan kami lebih sukses berdasarkan [kriteria terukur]? Assumptions Worksheet Hasil dari tahapan ini adalah sebuah asumsi dari problem statement yang telah dibuat. Pembuatan asumsi terdiri dari user assumptions dan business assumptions yang tergabung dalam bentuk assumptions worksheet. User assumptions dapat diperoleh melalui kuesioner. Kuesioner dibuat dengan bantuan Google Form kemudian disebarkan ke forum alumni dan mahasiswa. Format assumptions worksheet dapat dilihat pada Tabel 1. Pembuatan assumptions menggunakan Bahasa Indonesia yang diterjemahkan dari template worksheet assumptions pada Tabel 1. Pembuatan asumsi disesuaikan
4 Tabel 1 Template worksheet assumptions (Gothelf 2013)
1 2 3 4 5 6 7 8 9 10 11 12
Assumptions Worksheet Business Assumtions User Assumptions I believe my customers have a 1 Who is the user ? need to ______. Theese needs can be solved with 2 Where does our product fit in his _____. work or life ? My initial customers are (or will 3 What problems does our product be) _______. solve ? The #1 value a customer wants to 4 When and how is our product get out my service is ______. used ? The customer can also get these 5 What features are important ? additional benefits _______. I will acquire the majority of my 6 How should our product look and customers through ______. behave ? I will make money by ______. My primary competition in the market will be ________. We will beat them due to ____. My biggest product risk is ___. We will solve this through ___. What other assumptions do we have that, if proven false, will cause our business/project to fail? _______.
dengan kebutuhan yang diperlukan dan tidak diharuskan membuat seluruh asumsi pada template. Hasil terjemahan template worksheet assumptions dan asumsi yang digunakan adalah sebagai berikut: User assumptions 1 Siapa penggunanya ? 2 Masalah apa yang diselesaikan? 3 Kapan dan bagaimana website ini digunakan? 4 Fitur apa yang paling penting? Business assumptions 1 Diyakini [customer] membutuhkan __________. 2 Kebutuhan ini dapat diselesaikan dengan _________. 3 Resiko dalam yang dihadapai adalah ___________. Prioritizing Assumptions Setelah memiliki daftar asumsi, selanjutnya menentukan pemeringkatan prioritas asumsi. Pemeringkatan prioritas asumsi berdasarkan tingkat risiko dan pemahaman tim pengambang. Tim pengembang saling memberikan tanggapan yang terkait dengan masing-masing fitur yang akan dikembangkan. Tujuan dilakukan pemeringkatan asumsi adalah agar dapat lebih fokus terhadap pembuatan asumsi.
5 Hypotheses Berdasarkan asumsi yang telah dibuat, selanjutnya pembuatan hipotesis. Hipotesis berisi pernyataan spekulasi yang diyakini benar dengan kemungkinan feedback pengguna. Format template hipotesis dapat dilihat pada Gambar 3.
Gambar 3 Template hypotheses (Gothelf 2013) Pembuatan Hypotheses juga menggunakan Bahasa Indonesia yang diterjemahkan dari template hypotheses pada Gambar 3. Pembuatan hypotheses tidak harus sama persis dengan template. Template hypotheses digunakan sebagai gambaran umum dalam pembuatan hipotesis. Hasil terjemahan template hypotheses adalah sebagai berikut: Kami percaya bahwa [melakukan hal ini / membangun fitur ini / menciptakan pengalaman ini] untuk [orang-orang / personas] akan mencapai [hasil ini]. Kami akan tahu ini benar ketika kita melihat [umpan balik ini pasar, ukuran kuantitatif, atau wawasan kualitatif]. Proto-persona Proto-persona digunakan sebagai representasi atau model pengguna yang akan menggunakan aplikasi. Pembuatan persona harus dapat menjawab tiga pertanyaan dasar yaitu apa yang dibutuhkan, diinginkan dan keterbatasan pengguna.. Isi dari proto-persona adalah sketsa dan nama, informasi latar belakang, permasalahan dan kebutuhan, serta solusi potensial. Pembuatan persona didasari dari hasil Kuesioner. Format persona dapat dilihat pada Gambar 4.
1 Sketch and name
3 Pain points and needs
2 Behavioral demographic information
4 Potential solutions
Gambar 4 Format proto-persona (Gothelf 2013)
6 Berdasarkan Gambar 4, proto-persona dibagi menjadi 4 bagian. Bagian 1 dan 2 adalah identitas model persona yang didapat melalui hasil kuesioner. Bagian 3 adalah permasalahan dan kebutuhan pengguna yang didapat dari problem statement. Bagian 4 adalah solusi yang ditawarkan untuk bagian 3 berdasarkan asumsi yang telah dibuat. Collaborative Design Pada tahap ini, tim pengembang bekerja sama dalam sebuah Design Studio dan pembuatan Style Guide. Design Studio adalah aktvitas tim dalam memvisualisasikan solusi yang potensial untuk masalah desain dalam bentuk sketsa. Pembuatan Style Guide mendefinisikan panduan jenis font, warna, bentuk label, menu, icon, dan button. Create an MVP Selanjutnya pada tahap kedua membuat Minimum Viable Product (MVP). Salah satu cara efektif untuk membuat MVP adalah dengan membuat prototipe. Prototipe dapat mensimulasikan pengguna untuk merasakan aplikasi yang akan dibuat. Proses dalam pembuatan prototipe memiliki beberapa tingkatan, yaitu Low Fidelity Prototypes, Mid Fidelity Prototypes, dan High Fidelity Prototypes. Beberapa tingkatan tersebut memiliki kelebihan dan kekurangan masing-masing. Pada penelitian ini pembuatan prototipe akan menggunakan Coded Prototypes, dimana prototipe tersebut termasuk tingkatan High Fidelity Prototypes. Kelebihan High Fidelity Prototypes adalah lebih cepat dalam mengimplementasikan aplikasi ke fase produksi. Coded Prototypes adalah prototipe paling realistis dan prototipe yang berpotensi digunakan untuk fase produksi aplikasi. Prototipe ini juga memiliki 2 tingkatan yaitu hand-coded dan live-data. Perbedaannya adalah Hand-coded menggunakan data dummy sedangkan live-data menggunakan data yang telah terhubung database. Pengembangan aplikasi ini akan menggunakan live-data untuk pembuatan Coded Prototypes. Pada tahap ini, MVP di deploy ke server. Proses deployment dilakukan oleh tim bagian back end. Hal ini bertujuan agar setiap anggota tim dapat melihat perkembangan MVP dan terhubung ke database di server. Pengembangan prototipe akan menggunakan bahasa pemrogramman web yaitu HTML (Hypertext Markup Language) dan Javascript serta framework AngularJS. AngularJS adalah framework Javascript yang dikembangkan oleh Google. Javascript adalah bahasa pemrograman dari sisi klien yang sepenuhnya berjalan di web browser (Nixon 2012). Run an Experiment Selanjutnya pada tahap ketiga, MVP akan diuji dan didemonstrasikan oleh seluruh anggota tim. Percobaan ini dilakukan dengan demos and previews yaitu dengan melakukan percobaan oleh setiap anggota tim sehingga didapat masukan atau feedback terhadap aplikasi. Feedback tersebut dikumpulkan dan setiap feedback dilakukan pembahasan untuk memperoleh solusi yang potensial. Feedback tersebut dapat dijadikan pertimbangan untuk melakukan perbaikan pada MVP.
7 Feedback and Research Pada tahap ini MVP akan diuji dan divalidasi oleh pengguna. Pengujian dilakukan dengan metode Thinking Aloud, yaitu, pengujian yang membiarkan pengguna menggunakan aplikasi secara kontinu sambil berpikir (thinking out loud) (Nielsen 1993). Pengguna akan diberi case atau tugas khusus sambil berpikir. Tujuannya agar pengguna berbicara terus menerus. Semua komentar akan direkam sehingga semua pemikiran akan tertangkap dan hal-hal kecil tidak akan terlewatkan saat analisis terjadi. Pengguna diharapkan mampu menggunakan aplikasi secara baik tanpa mengalami kesulitan dari case yang diberikan. Pengujian dilakukan sebanyak empat orang yang terdiri dari dua mahasiswa dan dua alumni IPB. Hasil dari pegujian ini berupa feedback yang selanjutnya akan bermanfaat untuk perbaikan aplikasi. Setelah pengujian, pengguna diminta untuk mengisi form pengujian hipotesis yang digunakan untuk melakukan validasi hipotesis terhadap asumsi yang dihasilkan pada tahap declare assumptions.
Ruang Lingkup Pengembangan Pengembangan aplikasi ini dilakukan menggunakan perangkat keras berupa laptop dengan spesifikasi sebagai berikut: • Processor Intel core i5-5200U. • RAM 8 GB. • Hardisk 500 GB • VGA Nvidia 2GB Adapun Perangkat lunak yang digunakan sebagai berikut: • Sistem operasi Microsoft Windows 8.1 64bit. • Text editor Sublime Text 2. • Browser Google Chrome. • Git Bitbucket
HASIL DAN PEMBAHASAN User pada pengembangan aplikasi ini adalah Dean Apriana Ramadhan dari Komisi Humas Departemen Ilmu Komputer. Berdasarkan keterangan beliau, IPB saat ini belum menyediakan fasilitas kepada Alumni dan Mahasiswa IPB dalam pertukaran informasi. Salah satu yang menjadi perhatian beliau adalah menyediakan informasi lowongan pekerjaan yang khusus diberikan untuk alumni IPB. Informasi lowongan pekerjaan tersebut juga memberikan fasilitas kepada Alumni IPB yang menduduki posisi strategis dalam perusahaan dan hanya ingin merekrut pegawai dari lulusan IPB. Selain itu, adanya informasi acara reuni juga dibutuhkan untuk dapat menjaga tali silaturahmi antar alumni. Aplikasi ini dikembangkan menggunakan metode Lean UX. Pengembangan aplikasi ini dilakukan sebanyak dua iterasi. Berikut hasil pengembangan aplikasi pada iterasi pertama dan kedua.
8 Iterasi 1 Declare Assumptions Pada metode Lean UX, tahap awal yang dilakukan adalah mendeklarasikan asumsi. Asumsi ini akan digunakan untuk validasi ke user. Pembuatan asumsi mengacu kepada penjelasan user sebelumnya. Pembuatan asumsi memiliki 6 tahapan yang harus dilakukan secara berurutan. Adapun tahapan yang dilakukan pada declare assumptions adalah sebagai berikut: Problem Statement Langkah awal yang dilakukan yaitu dengan mendefinisikan masalah apa yang dihadapin pengguna. Dengan mengetahui masalah yang dihadapi maka akan muncul pertanyaan bagaimana cara mengatasi masalah tersebut. Hal tersebut dituliskan dalam problem statement. Adapun hasil yang didapat dalam pembuatan problem statement adalah sebagai berikut: 1 Aplikasi IPB Connect diharapkan dapat berbagi informasi lowongan pekerjaan. Saat ini, belum ada sarana informasi lowongan pekerjaan yang diinformasikan dari Alumni maupun mahasiswa IPB. Bagaimana cara untuk mendapatkan informasi lowongan pekerjaan yang tepat sesuai dengan pekerjaan yang diinginkan ? 2 Aplikasi IPB Connect diharapkan dapat berbagi informasi event dan reuni. Saat ini, informasi event dan reuni hanya sebatas pesan singkat antar alumni. Bagaimana cara untuk meningkatkan tali silaturahmi antar mahasiswa dan alumni IPB melalui kemudahan akses informasi event/reuni yang jelas dan detail ? 3 Aplikasi IPB Connect diharapkan dapat berbagi informasi data diri. Saat ini, untuk mendapatkan informasi data diri dapat melalui layanan pesan singkat dan media sosial. Tetapi untuk meningkatkan relasi sangat sulit mencari satu persatu alumni yang berbeda angkatan dan bahkan berbeda program studi di media sosial. Bagaimana cara untuk alumni dan mahasiswa dapat saling berbagi informasi data diri yang detail sehingga dapat meningkatkan relasi ? 4 Aplikasi IPB Connect diharapkan dapat berbagi informasi foto kenangan. Saat ini, belum ada wadah untuk sharing foto kenangan antar alumni IPB. Bagaimana cara untuk membuat fitur sharing memories agar foto kenangan yang diunggah dapat memberikan interaksi lebih kepada penggunanya ? Assumptions Worksheet Selanjutnya hasil dari pembuatan problem statement dilakukan analisis untuk mendapatkan asumsi. Asumsi dituliskan pada lembar kerja asumsi yang terdiri dari user assumptions dan business assumptions. Pembuatan user assumptions diperoleh melalui kuesioner. Sebanyak 129 responden yang terdiri dari 71 Mahasiswa dan 58 Alumni. Struktur kuesioner terdiri dari pertanyaan mengenai informasi reponden dan fitur yang akan dihadirkan. Daftar seluruh pertanyaan pada kuesioner dapat dilihat pada Lampiran 1. Salah satu potongan pertanyaan kuesioner
9 dapat dilihat pada Gambar 5 dan tingkat kepentingan fitur yang akan dihadirkan berdasarkan hasil kuesioner dapat dilihat pada Gambar 6.
Gambar 5 Potongan soal kuesioner
Gambar 6 Hasil kuesioner berdasarkan tingkat kepentingan fitur Tingkat kepentingan fitur diukur dengan tingkatan "Sangat Penting", "Penting", "Biasa Saja", dan "Tidak Penting". Penentuan fitur yang paling penting didapat dari jumlah tingkatan “Sangat Penting” terbanyak. Pada Gambar 6, berdasarkan hasil kuesioner dapat disimpulkan bahwa fitur lowongan kerja yang dirasa sangat penting bagi pengguna. Detail keseluruhan hasil kuesioner dapat dilihat pada Lampiran 2. Hasil dari kuesioner akan menjadi acuan pada pembuatan user assumptions. Pembuatan business assumptions didapat dari hasil brainstorming tim pengembang. Adapun hasil yang didapat pada pembuatan asumsi adalah sebagai berikut. User assumptions 1 Siapa penggunanya? Alumni dan Mahasiswa IPB 2 Masalah apa yang diselesaikan? Berbagi dan memperoleh informasi serta mempererat tali silaturahmi antar alumni dan mahasiswa IPB
10
3 Kapan dan bagaimana website ini digunakan? Kapan saja dan dimana saja saat ingin mendapat informasi reuni maupun lowongan pekerjaan melalui smartphone 4 Fitur apa yang paling penting? Fitur lowongan pekerjaan Business assumptions Asumsi #1 1 Diyakini alumni dan mahasiswa butuh fitur lowongan pekerjaan yang memudahkan pencarian lowongan kerja sesuai dengan pekerjaan yang diinginkan 2 Kebutuhan ini dapat diselesaikan dengan membuat fitur lowongan pekerjaan dengan menentukan kriteria pekerjaan untuk mendapatkan pekerjaan yang sesuai. 3 Resiko dalam fitur ini adalah informasi lowongan pekerjaan yang diberikan tidak valid/palsu Asumsi #2 1 Diyakini alumni dan mahasiswa butuh informasi event atau reuni yang jelas dan detail 2 Kebutuhan ini dapat diselesaikan dengan membuat fitur event dengan memberikan detail acara yang lengkap, poster/banner acara, dan titik lokasi acara melalui google maps 3 Resiko dalam fitur ini adalah kemungkinan ada alumni yang tidak dapat mengikuti acara Asumsi #3 1 Diyakini antar alumni dan mahasiswa butuh informasi data diri (profil) dengan mudah dan lengkap untuk meningkatkan relasi 2 Kebutuhan ini dapat diselesaikan dengan membuat fitur Explore Alumni dengan memberikan kemudahan pencarian alumni dan memperoleh informasi data diri, data profil, status pekerjaan, status perkawinan, dll 3 Resiko dalam fitur ini adalah jika alumni/mahasiswa tidak meperbaharui data dirinya Asumsi #4 1 Diyakini alumni dan mahasiswa butuh fitur sharing memories (foto) yang memiliki interaksi lebih. 2 Kebutuhan ini dapat diselesaikan dengan membuat fitur share memories dimana pengguna dapat memberikan Like dan komentar agar foto yang diunggah lebih interaktif 3 Resiko dalam fitur ini adalah alumni/mahasiswa mengupload foto yang tidak relevant
Prioritizing Assumptions Dari daftar asumsi yang didapat maka asumsi dilakukan pemeringkatan prioritas. Pemeringkatan prioritas asumsi diperoleh berdasarkan tingkat risiko dan pemahaman tim. Adapun hasil pemeringkatan prioritas asumsi adalah sebagai berikut:
11 1 2 3 4
Asumsi #1 (Fitur Lowongan kerja) Asumsi #2 (Fitur Event dan reuni) Asumsi #3 (Fitur Explore alumni) Asumsi #4 (Fitur Share memories)
Fitur lowongan kerja menjadi prioritas utama karena besarnya tingkat risiko dalam hasil pencarian lowongan pekerjaan yang tepat sesuai kriteria pengguna dan menyajikan informasi lowongan pekerjaan yang tepat. Fitur Event dan reuni menjadi prioritas kedua karena memiliki risiko yang tinggi dalam menyajikan informasi yang tepat dan memiliki task lebih banyak daripada fitur explore alumni dan share memories. Hasil kuesioner berdasarkan tingkat kepentingan fitur juga menjadi pertimbangan dalam menentukan pemeringkatan prioritas asumsi. Hypotheses Setelah asumsi dibuat, maka asumsi dapat dilakukan pengujian. Agar mempermudah pengujian, maka asumsi diubah dalam format hipotesis Lean UX. Pembuatan hipotesis dilakukan oleh setiap anggota tim. Adapun hasil hipotesis pada tahap ini adalah sebagai berikut: 1 Dipercaya bahwa informasi lowongan pekerjaan yang tepat akan mempermudah pengguna mendapat pekerjaan. Dikatakan benar ketika banyak alumni dan mahasiswa IPB mendapatkan informasi lowongan pekerjaan dengan mudah dan sesuai keinginan dari aplikasi tersebut 2 Dipercaya bahwa informasi event dan reuni yang lebih detail akan memberikan kemudahan akses dan meningkatkan tali saliturahmi pengguna. Dikatakan benar ketika banyak alumni dan mahasiswa IPB dapat menerima informasi event dan reuni dengan jelas. 3 Dipercaya bahwa informasi pencarian data diri alumni yang lebih detail dan mudah akan meningkatkan relasi dan silaturahmi antar alumni dan mahasiswa. Dikatakan benar ketika banyak alumni dan mahasiswa IPB kembali berhubungan dengan kawan lama atau memiliki relasi baru. 4 Dipercaya bahwa share memories (foto) yang dilengkapi dengan fitur like dan komentar akan lebih interaktif. Dikatakan benar ketika foto yang diunggah memiliki banyak like dan komentar. Proto-persona Setelah membuat hipotesis, selanjutnya adalah membuat proto-persona. Isi dari proto-persona meliputi latar belakang, masalah dan kebutuhan pengguna, serta solusi yang potensial. Pembuatan persona mengacu kepada hasil Kuesioner yang dapat dilihat pada Lampiran 2. Hasil dari pembuatan proto-persona dapat dilihat pada Gambar 7. Hasil persona adalah seorang pegawai yang bernama Andi dan berumur 26 tahun. Umur 26 tahun didapat dari responden yang mengisi kuesioner adalah alumni dan mahasiswa IPB angkatan 44 sampai 50. Berdasarkan hasil kuesioner, rata-rata responden menggunakan internet lebih dari 2 jam perhari dan penggunaan smartphone lebih banyak daripada komputer/laptop. Needs dan Solutions didapat dari Problem Statement dan Asumsi. Kebutuhan pengguna adalah berkomunikasi kembali dengan kawan lama semasa kuliah dan ingin mengikuti acara atau reuni yang akan berlangsung.
12
Gambar 7 Hasil proto-persona Keterbatasan pengguna adalah kesulitan dalam memberikan informasi seputar lowongan kerja. Maka solusi yang ditawarkan untuk memenuhi kebutuhan tersebut adalah membuat aplikasi IPB Connect dengan menyediakan informasi alumni, acara reuni dan lowongan kerja. Collaborative Design Pada tahapan ini, pembuatan prototipe dipersiapkan. Setiap anggota tim menyampaikan ide terbaik berdasarkan asumsi yang telah dibuat. Penyampaian ide tersebut dilakukan pada proses design studio dan Selanjutnya adalah penentuan style guide yang disepakati tim. 1. Design studio Pengerjaan pada proses ini, fokus pada fitur yang lebih spesifik. Setiap tim menyiapkan kertas dan pulpen/pensil untuk membuat sketsa pada lembar kerja. Setiap anggota tim bebas menyampaikan pendapat atau ide desain proses yang sedang dibahas pada lembar kerjanya. Hasil dari design studio ini adalah sketsa desain proses yang telah disepakati pada setiap pembahasan fitur. Salah satu sketsa yaitu sketsa fitur pencarian lowongan kerja beserta urutan langkah-langkahnya dapat dilihat pada Gambar 8.
Gambar 8 Sketsa fitur pencarian lowongan pekerjaan
13 Pada Gambar 8 dapat dilihat urutan langkah-langkah dalam melakukan pencarian lowongan pekerjaan. Langkah pertama dimulai dari sebelah kiri. Pertama kali yang dilakukan untuk mencari lowongan pekerjaan yang diinginkan adalah dengan menentukan kriteria nama dan lokasi pekerjaan. Maka akan tampil daftar lowongan pekerjaan yang sesuai kriteria berserta informasi gaji dan perusahaan. Untuk mendapat informasi yang lebih rinci dan jelas, pilih salah satu daftar lowongan kerja tersebut. Hasilnya akan tampil informasi lowongan pekerjaan lengkap dengan syarat-syaratnya dan informasi untuk melamar pekerjaan tersebut. Seluruh Sketsa fitur dapat dilihat pada Tabel 2. Tabel 2 Sketsa Fitur Fitur Lowongan Pekerjaan Event & Reuni Explore Alumni Share Memories Account Umum
Task
Membuat lowongan pekerjaan Mencari Lowongan Pekerjaan Membuat Event & Reuni Melihat Event & Reuni Mencari Alumni Membuat Memory Melihat Memory View Account Pengaturan Account Login Register Tampilan home & menu Set & view location map
Sketsa Lampiran 3 Gambar 8 Lampiran 4 Lampiran 5 Lampiran 6 Lampiran 7 Lampiran 8 Lampiran 9 Lampiran 10 Lampiran 11 Lampiran 12 Lampiran 13 Lampiran 14
2. Style Guide Aplikasi IPB Connect menggunakan design patern Material Design yang disediakan oleh Google. Jenis font yang digunakan adalah Roboto dan desain icon menggunakan Material Icons. Warna biru digunakan sebagai warna utama dikarenakan warna biru adalah warna dasar logo IPB dan sebagai ciri khas IPB yang melambangkan kelompok ilmu pengetahuan. Spesifikasi warna, jenis font dan icon masing-masing dapat dilihat pada Gambar 9, Gambar 10, dan Gambar 11. Style guide button, radio button, checkbox, dan input field yang mengadopsi guidelines Google Material Design dapat dilihat pada Lampiran 15. Penggunaan icon pada aplikasi IPB Connect dapat dilihat pada Lampiran 22. Penentuan warna pada Style Guide digunakan untuk bagian yang berbeda pada Aplikasi. Warna hitam untuk penggunaan warna hitam, Biru untuk warna dasar pada halaman Login dan Registrasi serta bagian Header. Warna putih digunakan untuk warna text pada halaman Login dan Register. Porcelain atau abuabu muda digunakan sebagai warna dasar aplikasi selain halaman Login dan Register. Warna Hijau untuk button konfirmasi dan Warna Merah untuk button Hapus. Penentuan jenis font Roboto dan icon didapat dari standard Material Design.
14
Gambar 9 Style guide warna
Gambar 10 Style guide jenis font
Gambar 11 Style guide jenis icon Create an MVP Tahap ini merupakan implementasi aplikasi yang menghasilkan prototype. Prototype yang akan dibuat berada pada tingkatan high-fidelity. Hasil prototype untuk fitur pencarian lowongan pekerjaan dapat dilihat pada Gambar 12. Hasil prototype untuk fitur lowongan pekerjaan, event & reuni, explore alumni, dan share memories dapat dilihat pada Lampiran 16. Pada Gambar 12 dapat dilihat alur proses pencarian lowongan pekerjaan. Terdapat input field nama dan lokasi pekerjaan serta button search untuk memulai pencarian. Bentuk input field mengikuti style guide Material Design dengan posisi label berada diatas field. Lokasi pekerjaan adalah penentuan wilayah provinsi Indonesia dengan bentuk combo box yang juga dilengkapi fitur auto complete.
15
Gambar 12 Hasil prototype fitur pencarian lowongan pekerjaan Kemudian akan didapat hasil pencarian berupa konten yang berisi informasi umum lowongan pekerjaan. Informasi yang ditampilkan adalah judul lowongan, nama perusahaan, lokasi perusahaan, dan kisaran gaji yang disusun menjadi 4 baris. Bentuk konten menggunakan component dalam style Material Design yang disebut cards. Cards adalah sekumpulan konten yang berfungsi sebagai pintu masuk untuk informasi yang lebih detail (Google 2016). Cards dapat digunakan pada saat ingin menampilkan beberapa konten seperti text dan image. Selain itu cards yang berisi konten text saja, memiliki batasan minimum yaitu sebanyak 4 baris. Kurang dari 4 baris tidak diperkenankan untuk menggunakan cards. Pada bagian bawah layar terdapat button kriteria untuk mengubah kriteria pekerjaan dan button create vacancy untuk memulai pembuatan lowongan pekerjaan. Pilih salah satu konten maka akan tampil detail informasi lowongan pekerjaan tersebut lengkap dengan panduan untuk apply lowongan pekerjaan tersebut. Pembuatan prototype menggunakan bahasa pemrograman HTML, CSS, dan Javascript. Framework yang digunakan adalah AngularJS. Code Javascript pada AngularJS memiliki dua bagian yaitu Controller dan Service. Controller berperan penuh meyediakan fungsi-fungsi pada setiap fitur dan Service berperan dalam melakukan request kepada backend. Potongan code HTML, Controller, dan Service untuk fitur pencarian lowongan pekerjaan masing-masing dapat dilihat pada Gambar 13, Gambar 14, dan Gambar 15.
Gambar 13 Potongan code HTML list lowongan pekerjaan
16 Terlihat pada Gambar 13 “infinite-scroll” yaitu suatu fungsi untuk mengetahui scrolling pada aplikasi sudah berada pada bagian paling bawah maka akan memanggil fungsi “loadMore” yang ada pada Controller. Fungsi “loadMore” berfungsi untuk melakukan request kembali melalui Service untuk mendapatkan list lowongan pekerjaan selanjutnya. Hal ini seperti pagination dimana page selanjutnya akan diteruskan dibagian terbawah. Fungsi “ng-repeat” adalah fungsi yang disediakan AngularJS yang berguna untuk menampilkan list lowongan pekerjaan.
Gambar 14 Potongan code controller list lowongan pekerjaan Terlihat pada Gambar 14 adalah fungsi “initial” untuk mendapatkan list lowongan pekerjaan. Mendapatkan list-nya adalah dengan memanggil Service “LokerSvc” dengan fungsi “getList” yang memiliki parameter “limit”, “page”, dan “query”. Variabel “limit” adalah jumlah list yang akan didapat dan “page” adalah pada halaman keberapa list yang akan didapat. Selain itu, variabel “query” adalah kriteria dalam pencarian pekerjaan. Hasil dari request service tersebut ada di variable “res” dan list lowongan pekerjaan dapat didapat pada “res.data.results”. Pada Gambar 15 terlihat parameter tersebut akan membentuk sebuah url untuk melakukan request ke backend.
Gambar 15 Potongan code service lowongan pekerjaan
17 Run an Experiment Pada Tahap ini prototipe didemonstrasikan dan dievaluasi oleh tim pengembang sebelum akhirnya diuji oleh user. Setiap anggota tim menguji aplikasi yang dilakukan pada tanggal 4 Januari 2017. Pada proses pengujian tersebut, setiap anggota tim melakukan evaluasi terhadap MVP. Hasil dari evaluasi tersebut berupa daftar perbaikan. Perbaikan MVP dari hasil evaluasi dapat dilihat pada Lampiran 17. Adapun hasil evaluasi pada tahapan ini adalah sebagai berikut: 1 Diperlukan tahapan cropping foto pada proses ganti foto profil dengan ukuran panjang dan lebar yang sama. 2 Pada halaman detail lowongan pekerjaan, informasi pembuat lowongan dipindahkan dibagian bawah halaman. Sebelumnya, informasi pembuat lowongan pekerjaan ditempatkan pada sebuah pop up. Hal ini dilakukan karena tombol untuk menampilkan pop up tersebut diletakan dibagian atas halaman sehingga mempersempit ruang informasi pekerjaaan. 3 Pada halaman Memories foto-foto yang ditampilkan dibagi menjadi 3 kolom dirasa terlalu kecil sehingga dirubah menjadi 2 kolom.
Feedback and Research Pada tahap ini, Aplikasi dilakukan pengujian Thinking Aloud. Tujuannya untuk memperoleh feedback dari pengguna. Fokus pengujian hanya pada pengguna baru. Pengujian aplikasi ini dilakukan oleh 4 orang yang terdiri dari 2 mahasiswa dan 2 alumni IPB. Masing-masing pengujian dilakukan dengan tatap muka pada waktu dan tempat yang berbeda serta diberikan tugas khusus yang sama. Informasi pengujian dapat dilihat pada Lampiran 21. Selama proses pengujian, aktivitas aplikasi dan suara penguji direkam. Setelah pengujian aplikasi selesai dilakukan, selanjutnya penguji mengisi form hasil pengujian. Form hasil pengujian akan menguji benar atau salahnya hipotesis dari asumsi yang telah dibuat. Form pengujian dapat dilihat pada Gambar 16 dan hasil dari keseluruhan pengujian yang berupa feedback dapat dilihat sebagai berikut: 1 Pada field email harusnya menggunakan keyboard email. 2 Pada field biaya harga, gunakan separator pada nominalnya. 3 Ketika registrasi harusnya ada konfirmasi password dan ada tombol yang dapat melihat password. 4 Tombol next pada keyboard handphone harusnya pindah ke field selanjutnya. 5 Diperlukan validasi pengguna yang melakukan registrasi. Aplikasi ini khusus digunakan oleh mahasiswa dan alumni IPB. 6 Menyediakan button tambah lowongan kerja pada awal menu lowongan kerja. Karena pada awal mengakses menu lowongan pekerjaan, pengguna dipaksa untuk menentukan kriteria pekerjaan. 7 Peletakan button ke halaman My Post Activity diletakan di list menu. 8 Menyediakan fitur news. 9 Menyediakan fitur donasi. 10 Apply lowongan kerja langsung pada aplikasi.
18 11 Meletakan informasi akun di halaman home dan penggunaan chart yang tidak begitu perlu. Berdasarkan hasil pengujian didapatkan 11 feedback. Potongan transkrip percakapan pengujian terhadap 11 feedback yang didapat dapat dilihat pada Lampiran 23. Feedback yang diterima adalah feedback pada point 1 sampai 7. Feedback tersebut diterima pada aplikasi karena hal itu memang perlu untuk dilakukan perbaikan. Kemudian, permintaan fitur tambahan dijadikan saran untuk pengembangan selanjutnya. Fitur tambahan tersebut yaitu fitur news dan donasi. Fitur news adalah informasi terbaru seputar lingkungan kampus IPB. Fitur donasi adalah fitur dalam penggalangan dana untuk kegiatan Himpunan alumni IPB seperti donasi sosial, bencana alam dan beasiswa. Penambahan fitur verifikasi registrasi yang terdapat pada point 5 dilanjutkan pada iterasi dua. Beberapa hasil perbaikan prototipe dari feedback yang diterima dari hasil pengujian dapat dilihat pada lampiran 18. Asumsi dilakukan validasi melalui form hasil pengujian. Hasil validasi asumsi dapat dilihat pada Tabel 3 dan pengisian form hasil pengujian oleh penguji dapat dilihat pada Lampiran 19. Tabel 3 Hasil validasi asumsi Asumsi
Penguji Bintang JP Deny Dwi P Musthafa Tanfiz Fajar Sidiq
#1 Ya Ya Ya Ya
#2 Tidak Ya Ya Ya
#3 Ya Ya Ya Ya
Gambar 16 Form hasil pengujian
#4 Ya Ya Ya Ya
19 Berdasarkan hasil form pengujian, Asumsi #1, #3, dan #4 dinyatakan valid oleh ke-empat penguji. Pada asumsi #2 dengan penguji Bintang JP menyatakan asumsi #2 tidak valid. Asumsi #2 dinilai tetap valid karena ke-tiga penguji lainnya menyatakan asumsi tersebut valid. Hasil dari form hasil pengujian menyatakan bahwa hipotesis dari asumsi yang telah dibuat adalah benar sehingga aplikasi sudah sesuai dengan apa yang dibutuhkan pengguna.
Iterasi 2 Declare Assumptions Pada iterasi dua ini terjadi permintaan tahapan verifikasi akun pada proses registrasi. Pada iterasi satu belum ada tahapan verifikasi akun, sehingga siapa saja bebas menggunakan aplikasi. Berikut tahapan metode Lean UX pada iterasi dua. Problem Statement Pembuatan problem statement dilakukan bersama oleh tim pengembang. Pada iterasi kedua terjadi penambahan fitur yaitu verifikasi pengguna. Adapun Problem Statement untuk fitur verifikasi pengguna adalah sebagai berikut: Aplikasi IPB Connect diharapkan dapat melakukan registrasi. Saat ini, siapa saja dapat melakukan registrasi dan menggunakan aplikasi ini. Bagaimana cara untuk membuat aplikasi IPB Connect hanya dapat digunakan oleh alumni dan mahasiswa IPB saja agar dapat meminimalisir penyalahgunaan data ? Worksheet Assumptions Pada tahap ini tidak ada perubahan pada user assumptions. Business assumptions ditambahkan untuk memenuhi kebutuhan pada fitur verifikasi pengguna. Adapun penambahan business assumptions adalah sebagai berikut: Asumsi #5 1 Diyakini aplikasi IPB Connect butuh meminimalisir penyalahgunaan data alumni dan mahasiswa. 2 Kebutuhan ini dapat diselesaikan dengan menambah tahapan verifikasi akun pada proses registrasi. Verifikasi dilakukan oleh teman terdekat yang berada pada program studi dan angkatan yang sama. 3 Resiko dalam fitur ini adalah kemungkinan ada akun alumni dan mahasiswa yang tidak terverifikasi Prioritize Assumptions Pada tahap ini tidak ada pemeringkatan asumsi dikarenakan hanya ada satu asumsi. Asumsi fitur verifikasi menjadi prioritas utama pada iterasi kedua. Selanjutnya asumsi fitur verifikasi dipersiapkan untuk pembuatan hipotesis. Hypotheses Pembuatan hipotesis dilakukan bersama oleh tim pengembang. Iterasi kedua akan menghasilkan satu hipotesis karena hanya memiliki satu asumsi. Adapun hipotesis yang dihasilkan dari asumsi tersebut adalah sebagai berikut:
20
Dipercaya bahwa proses registrasi yang dilengkapi dengan tahapan verifikasi akun oleh teman terdekat dapat meminimalisir penyalahgunaan data oleh orang selain alumni dan mahasiswa IPB. Dikatakan benar ketika ada akun yang tidak dikenali tidak terverifikasi atau tidak dapat menggunakan aplikasi.
Collaborative Design Hasil sketsa untuk proses verifikasi account dapat dilihat pada Gambar 17. Pada Gambar 17 dapat dilihat proses registrasi dilakukan penambahan step untuk melakukan upload foto. Hal ini dilakukan agar mempermudah pengguna untuk mengenali teman yang baru mendaftar di aplikasi ini. Selain itu, pada halaman home diberi tambahan button untuk melihat account yang telah diverifikasi dan belum diverifikasi. Selanjutnya pada halaman Unverified account, pengguna dapat melihat detail account baru dan melakukan verifikasi jika mengenali akun tersebut dengan menakan button Verifiy.
Gambar 17 Sketsa fitur verifikasi account Create an MVP Penambahan fitur verifikasi account berdampak pada perubahan MVP. Beberapa perubahan yang terjadi ada pada prototipe registrasi, homepage, dan edit data academic. Berdasarkan sketsa yang telah dibuat pada iterasi kedua, prototipe registrasi terjadi penambahan tahapan untuk upload foto. Prototipe edit academic
Gambar 18 Prototipe fitur verifikasi akun
21 Membatasi pengguna untuk dapat mengubah program studi dan angkatan. Prototipe homepage diberi button verified dan unverified account. Perubahan prototipe registrasi, homepage, dan edit academic dapat dilihat pada Lampiran 20. Verified Account adalah halaman list account satu program studi yang telah terverifikasi, sedangkan Unverified account adalah halaman list account yang belum terverifikasi. Pembuatan prototype untuk tahapan verifikasi account dapat dilihat pada Gambar 18. Setelah registrasi akun baru, maka akun tersebut tidak dapat melakukan login karena akun belum terverifikasi. Verifikasi account tersebut dapat dilakukan oleh teman terdekat satu program studi dan satu angkatan yang dapat dilihat pada Gambar 20. Beberapa konten yang ditampilkan pada Gambar 20 disebut sebagai sebuah list. Desain konten pada list menggunakan guidelines Material Design. Setiap konten menampilkan informasi foto, nama, dan nim serta button verify. Menampilkan informasi foto, nama dan nim secara bersamaan akan lebih membantu pengguna dalam mengenali identitas akun yang akan diverifikasi dibandingkan hanya menampilkan informasi nama atau foto saja. Informasi nama dan nim disusun menjadi 2 baris sedangkan batas maksimum untuk membuat list pada Material Design adalah sebanyak 3 baris. Dengan demikian, Sebelum melakukan verifikasi, pengguna dapat melihat detail account agar lebih yakin dalam melakukan verifikasi. Dengan menekan button Verify, pengguna telah berhasil melakukan verifikasi account dan account baru tersebut dapat menggunakan aplikasi. Proses verifikasi dapat dilakukan dengan minimal 1 pengguna.
Run an Experiment Pada tahap ini MVP kembali dilakukan pengujian oleh setiap anggota tim. Setiap anggota tim melakukan evaluasi terhadap MVP yang telah dibuat. Proses pengujian hanya dilakukan pada penambahan fitur verifikasi akun dan perbaikan pengujian pada iterasi pertama. Proses pengujian ini dilakukan pada tanggal 15 dan 16 Februari 2017. Hasil dari pengujian tidak ada evaluasi dan perubahan pada MVP.
Feedback and Research Pengujian dilakukan kembali oleh ke empat penguji. Aktivitas pengujian yang dilakukan adalah hal-hal yang tercantum pada hasil feedback di tahapan feedback and research iterasi pertama. Feedback yang diterima dan tidak diterima pada iterasi pertama dijelaskan pada kegiatan pengujian ini. Hasil dari pengujian kali ini adalah aplikasi sudah sesuai dengan apa yang diinginkan penguji. Penguji menilai tahapan verifikasi registrasi untuk pengguna baru sudah tepat untuk meminimalisir pengguna yang tidak berhak menggunakan aplikasi. Dengan demikian, Asumsi #5 tervalidasi sehingga aplikasi sudah siap digunakan dan dapat diterima oleh pengguna.
22
SIMPULAN DAN SARAN Simpulan Aplikasi IPB Connect berbasis mobile web telah berhasil dibuat. Aplikasi ini memberikan fasilitas kepada alumni dan mahasiswa IPB untuk dapat berbagi dan memperoleh informasi. Alumni dan mahasiswa dapat memberi dan memperoleh informasi lowongan pekerjaan dan event/reuni. Selain itu alumni dan mahasiswa dapat melakukan pencarian alumni pada fitur explore alumni serta melihat dan membagi foto kenangan pada fitur share memories. Hasil pengujian dari MVP menyatakan asumsi yang telah dibuat adalah benar. Hal ini, menyimpulkan bahwa aplikasi IPB Connect sudah sesuai dengan apa yang dibutuhkan oleh pengguna. Aplikasi IPB Connect sudah dapat diakses di http://www.m.ipb-connect.com. Aplikasi ini juga telah di implementasikan pada aplikasi berbasis android dengan menggunakan webview. Fitur yang tersedia pada aplikasi android sama dengan di mobile web. Saran Penelitian selanjutnya diharapkan dapat mengembangkan aplikasi IPB Connect dengan berbagai fitur. Beberapa fungsi touch gesture pada android perlu diimplentasikan agar dapat meningkatkan interaksi dalam penggunaan aplikasi. Selain itu aplikasi ini diharapkan dapat dilakukan pengujian pada browser lain seperti safari, opera, Mozilla firefox, dll.
DAFTAR PUSTAKA Gothelf J. 2013. LEAN UX: Applying Lean Principles to Improve User Experience, First Edition. California (US): O’Reilly Media, Inc. Hartson R, Pyla P. 2012. The UX Book. Process and Guidelines for Ensuring a Quality User Experience. Waltham (US): Elsevier, Inc. IPB. 2016. Sejarah Institut Pertanian Bogor (IPB). [Internet]. [Diunduh tanggal 16/08/2016]. Dapat diunduh dari: http://ipb.ac.id/about/historyof-ipbembrional-step. Nadhirah ASD. 2014. “Perancangan Mobile User Experience Aplikasi Visit Puncak Untuk Perkiraan Kunjungan Wisatawan Kawasan Puncak Kabupaten Bogor”. Skripsi. Institut Pertanian Bogor. Nielsen J. 1993. Usability Engineering. California (US): Academic Press. Nixon R. 2012. Learning PHP, MySQL, Javascript, and CSS, Second Edition. California (US): O’Reilly Media, Inc. Google Inc. 2016. Material Design [Internet]. [Diakses pada 2017 Februari 24]. Tersedia pada https://material.io/guidelines/ HA-IPB. 2015. Visi & Misi Himpunan Alumni IPB [Internet]. [Diakses pada 2017 April 10]. Tersedia pada http://alumniipb.org/
23
LAMPIRAN Lampiran 1 Kuesioner aplikasi IPB Connect
24 Lampiran 1 lanjutan
25 Lampiran 1 lanjutan
26 Lampiran 2 Hasil kuesioner No.
Identitas
Status
Program Studi
Penggunaan internet
1
Aulia G64154054
Mahasiswa
10/S1/Ilmu Komputer
> 2 jam / hari
2
Maygres Romi G64154060
Mahasiswa
AJ10/ilmu komputer
> 2 jam / hari
3
Dea Ayu G64154051
Mahasiswa
10/S1-AJ/ILKOM
> 2 jam / hari
4
Mutiara G64154046
Mahasiswa
10/S1AJ/Ilmu Komputer
> 2 jam / hari
5
Rafdi G64154042
Mahasiswa
10/S1/Ilmu Komputer
> 2 jam / hari
6
G64154015
Mahasiswa
AJ10/S1/Ilmu Komputer
> 2 jam / hari
7
Mahasiswa
8
Okta Fadhilah G64154053 G64154033
Mahasiswa
10/S1/Ilmu Komputer Alih jenis 10 Ilkom
9
unggul, 13
Mahasiswa
10/S1/IlmuKomputer
> 2 jam / hari > 2 jam / hari > 2 jam / hari
10
Achmad Cahya Aditya - G64154002
Mahasiswa
Ilkom 10 ekstensi
> 2 jam / hari
11
Adji Danu G64154025
Mahasiswa
10/S1/Ilmu Komputer
> 2 jam / hari
Device penggunaan internet Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop, Komputer Desktop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone Komputer Desktop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop
Fitur lowongan kerja Penting
Fitur share memory Penting
Penting
Penting
Penting
Penting
Ya
Penting
Penting
Penting
Penting
Ya
Penting
Biasa Saja
Biasa Saja
Penting
Ya
Penting
Biasa Saja
Sangat Penting
Penting
Ya
Penting
Biasa Saja
Biasa Saja
Penting
Ya
Sangat Penting Penting
Biasa Saja Tidak Penting Penting
Biasa Saja Penting
Penting
Ya
Biasa Saja Penting
Ya
Penting
Biasa Saja
Penting
Sangat Penting
Ya
Penting
Penting
Sangat Penting
Biasa Saja
Ya
Sangat Penting
Fitur event Biasa Saja
Biasa Saja
Fitur explore alumni Penting
Perlu ada IPB Connect? Ya
Ya
27 Penggunaan internet
No.
Identitas
Status
Program Studi
12
Lina G64154004
Mahasiswa
AJ10/S1/Ilkom
< 1 jam / hari
13
Kanua 43
Mahasiswa
14
Kanua 43
Mahasiswa
15
Muhammad zulfa G64154001
Mahasiswa
43/S1/Ilmu Komputer 43/S1/Ilmu Komputer 10/Alih jenis/Ilmu Komputer
> 2 jam / hari > 2 jam / hari > 2 jam / hari
16
Saiful Jais dan G64154038
Mahasiswa
52/S1Eks/Ilmu Komputer
> 2 jam / hari
17
Riani Amalia G64154017
Mahasiswa
10/S1 AJ/Ilmu Komputer
> 2 jam / hari
18
vystia ritri masri G64154065
Mahasiswa
49 D3 IPB/S1/ilmu komputer
> 2 jam / hari
19
Raden Asri G64154007
Mahasiswa
52/Alih Jenis/Ilmu Komputer
> 2 jam / hari
20
Angel / G64154040
Mahasiswa
21
Muhammad Rano Try Astra
Mahasiswa
10/S1/Ilmu Komputer 47/S1/Ilkom
1 - 2 jam / hari > 2 jam / hari
22
G64144015
Mahasiswa
Ekstensi9/S1/Ilmu Komputer
> 2 jam / hari
Device penggunaan internet Handphone / Smartphone, Laptop, Komputer Desktop Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop, Komputer Desktop Handphone / Smartphone, Laptop Handphone / Smartphone Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop
Fitur lowongan kerja Sangat Penting
Fitur share memory Biasa Saja
Penting
Biasa Saja Biasa Saja Biasa Saja
Biasa Saja Biasa Saja Penting
Penting
Ya
Penting
Ya
Penting
Ya
Sangat Penting
Sangat Penting
Sangat Penting
Penting
Ya
Penting
Biasa Saja
Sangat Penting
Sangat Penting
Ya
Penting
Penting
Penting
Penting
Ya
Penting
Penting
Sangat Penting
Sangat Penting
Tidak
Penting
Penting
Penting
Ya
Sangat Penting
Biasa Saja
Penting
Biasa Saja Sangat Penting
Sangat Penting
Penting
Biasa Saja
Penting
Ya
Penting Penting
Fitur event Penting
Fitur explore alumni Penting
Perlu ada IPB Connect? Ya
Ya
28 No.
Identitas
Status
Program Studi
Penggunaan internet
23
Rahayu G64144008
Mahasiswa
51/S1/ilmu komputer
> 2 jam / hari
24
Herdy Dwi Putra G64154014
Mahasiswa
10/S1/Ilmu Komputer
> 2 jam / hari
25
Arie Aditya Nugraha J3D111092 ardo lambang J3D111012 Aizul fadin G64144004
Alumni
48/D3/Teknik Komputer 48/D3/TEKNIK KOMPUTER 51/S1/Ilmu Komputer
> 2 jam / hari > 2 jam / hari > 2 jam / hari
28
Roofiana G64154066
Mahasiswa
10/AJ/Ilmu Komputer
> 2 jam / hari
29
riky sutriadi putra (g64144058)
Mahasiswa
47/S1/Ilmu Komputer
> 2 jam / hari
30
Arnold Gultom
Mahasiswa
9/S1 Ekstensi/Ilmu Komputer
> 2 jam / hari
31
J3D111083
Alumni
48/D3/Teknik Komputer
> 2 jam / hari
32
Nathalia G64144044
Mahasiswa
33
Irma Rismayanti / J3D111066
Alumni
9/S1 Alih Jenis/Ilmu Komputer 48/D3/Teknik Komputer
> 2 jam / hari > 2 jam / hari
34
Suhar G64154005
Mahasiswa
35
Ajeng Putri Perdani / J3D111073
Alumni
AJ10/S1/ilmu komputer 48/D3/Teknik Komputer
> 2 jam / hari > 2 jam / hari
26 27
Alumni Mahasiswa
Device penggunaan internet Handphone / Smartphone, Tablet PC Handphone / Smartphone, Laptop Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone Handphone / Smartphone, Laptop Handphone / Smartphone Handphone / Smartphone, Tablet PC, Laptop
Fitur lowongan kerja Sangat Penting
Fitur share memory Sangat Penting
Sangat Penting
Fitur explore alumni Sangat Penting
Penting
Penting
Penting
Penting
Ya
Sangat Penting Sangat Penting Penting
Penting
Sangat Penting Sangat Penting Penting
Penting
Ya
Penting
Ya
Biasa Saja
Ya
Penting
Penting
Sangat Penting
Penting
Ya
Penting
Biasa Saja
Penting
Penting
Ya
Sangat Penting
Tidak Penting
Biasa Saja
Penting
Ya
Penting
Biasa Saja
Penting
Sangat Penting
Ya
Penting
Penting
Penting
Ya
Penting
Biasa Saja Penting
Sangat Penting
Sangat Penting
Ya
Penting
Penting
Penting
Ya
Sangat Penting
Penting
Sangat Penting Sangat Penting
Sangat Penting
Ya
Biasa Saja Penting
Fitur event
Perlu ada IPB Connect? Ya
29 No.
Identitas
Status
Program Studi
Penggunaan internet
36
Agung Triwicaksoni Pamungkas
Mahasiswa
51/S1/Alih Jenis Ilkom
1 - 2 jam / hari
37
J3D111016
Alumni
48/D3/TEK
> 2 jam / hari
38
Octa Vidya Rachma
Mahasiswa
51/S1/Ilkom
> 2 jam / hari
39
Febriyanto Nugroho G64144018
Mahasiswa
48/S1/Ilmu Komputer
> 2 jam / hari
40
Rizky-j3c111093
Alumni
48/d3/manajemen informatika
> 2 jam / hari
41
Ilham tri mulyawan dan G641440126
Mahasiswa
9/S1 alihjenis/Ilmu Komputet
> 2 jam / hari
42
Rendy Prihansyah (G64154011)
Mahasiswa
10/S1/Ilmu Komputer (ekstensi)
> 2 jam / hari
43
Amanda Rizka Priutami G64144005
Mahasiswa
9/S1/Ilmu Komputer
> 2 jam / hari
44
Novasari Hartini
Mahasiswa
9/S1/Ilmu Komputer
> 2 jam / hari
45
J3D111008
Alumni
48/D3/TEKNIK KOMPUTER
> 2 jam / hari
Device penggunaan internet Handphone / Smartphone, Laptop Handphone / Smartphone, Komputer Desktop Handphone / Smartphone, Laptop, Komputer Desktop Handphone / Smartphone, Laptop, Komputer Desktop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop
Fitur lowongan kerja Penting
Fitur share memory Penting
Penting
Fitur explore alumni Penting
Penting
Penting
Biasa Saja
Biasa Saja
Ya
Sangat Penting
Sangat Penting
Penting
Penting
Ya
Penting
Biasa Saja
Sangat Penting
Sangat Penting
Ya
Sangat Penting
Biasa Saja
Biasa Saja
Biasa Saja
Ya
Sangat Penting
Sangat Penting
Sangat Penting
Biasa Saja
Ya
Penting
Biasa Saja
Penting
Penting
Ya
Penting
Biasa Saja
Biasa Saja
Penting
Ya
Penting
Penting
Biasa Saja
Penting
Ya
Sangat Penting
Biasa Saja
Biasa Saja
Sangat Penting
Ya
Fitur event
Perlu ada IPB Connect? Ya
30 No.
Identitas
Status
Program Studi
Penggunaan internet
46
Muchamad Aang Sopian (G64144033)
Mahasiswa
48/S1/Ilmu Komputer
> 2 jam / hari
47
Ikhsan kurniawan/g64154045
Mahasiswa
Alihjenis X ilkom
> 2 jam / hari
48
J3D111044
Alumni
48/D3/Teknik Komputer
> 2 jam / hari
49
Addinul Masri (G64144001)
Mahasiswa
9/S1/Ilmu Komputer
> 2 jam / hari
50
Febri G64154003
Mahasiswa
10/S1 Alih Jenis/ Ilmu Komputer
> 2 jam / hari
51
Muhamad akbar
Mahasiswa
51/S1/ilmu komputer
> 2 jam / hari
52
G64154022
Mahasiswa
S1 Ilmu Komputer
> 2 jam / hari
53
Mutiara Santika G64144043
Mahasiswa
48/S1/Ilmu Komputer
> 2 jam / hari
54
Afrizal Aulia Azhari
Alumni
48/D3/Informatika
55
Riyadi "Symphony" Prakoso - J3C111043
Alumni
48/D3/Manajemen Informatika
1 - 2 jam / hari > 2 jam / hari
Device penggunaan internet Handphone / Smartphone, Tablet PC, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop, Komputer Desktop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Tablet PC, Laptop, Komputer Desktop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone Handphone / Smartphone, Komputer Desktop
Fitur lowongan kerja Sangat Penting
Fitur share memory Tidak Penting
Sangat Penting
Penting
Penting
Penting
Ya
Penting
Penting
Penting
Penting
Ya
Penting
Penting
Penting
Penting
Ya
Penting
Biasa Saja
Penting
Biasa Saja
Ya
Sangat Penting
Penting
Penting
Penting
Ya
Penting
Biasa Saja
Penting
Penting
Ya
Penting
Biasa Saja
Penting
Penting
Ya
Penting
Biasa Saja Biasa Saja
Penting
Penting
Ya
Sangat Penting
Biasa Saja
Ya
Sangat Penting
Fitur event Biasa Saja
Fitur explore alumni Penting
Perlu ada IPB Connect? Ya
31 Penggunaan internet
No.
Identitas
Status
Program Studi
56
G64154062
Mahasiswa
57
Erixtian Sitorus
Alumni
AJ 10/S1/Ilmu Komputer 48/Dip/INF
> 2 jam / hari > 2 jam / hari
58
Muhammad Gefri Zulfikar
Alumni
48/D3/Informatika
> 2 jam / hari
59
Ika putri puspitasari
Mahasiswa
10/alih jenis S1/ilmu
60
Rizki Zuhendri G64154057
Mahasiswa
10/Ekstensi/Ilmu Komputer
> 2 jam / hari > 2 jam / hari
61
Katri Indar Praksita G14120048
Alumni
49/S1/Statistika
> 2 jam / hari
62
Rizky adyasa j3c211181
Alumni
48/d3/manajemen informatika
> 2 jam / hari
63
Osha Akbar
Alumni
48/D3/INF
> 2 jam / hari
64
Rangga Khrisnamurti / J3C211203 Johannes Santoso (J3D211120)
Alumni
48/D3/Manajemen Informatika 48/D3/Teknik Komputer
> 2 jam / hari > 2 jam / hari
Widyalita G64144066
Mahasiswa
51/S1/ilmu komputer
> 2 jam / hari
65 66
Alumni
Device penggunaan internet Handphone / Smartphone Handphone / Smartphone, Laptop, Komputer Desktop Handphone / Smartphone, Laptop, Komputer Desktop Handphone / Smartphone Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop, Komputer Desktop Handphone / Smartphone Handphone / Smartphone, Laptop Handphone / Smartphone
Fitur lowongan kerja Sangat Penting Biasa Saja
Fitur share memory Sangat Penting Biasa Saja
Sangat Penting Penting
Fitur explore alumni Sangat Penting Penting
Sangat Penting
Biasa Saja
Penting
Penting
Ya
Sangat Penting Sangat Penting
Sangat Penting Biasa Saja
Sangat Penting Penting
Biasa Saja Sangat Penting
Ya
Sangat Penting
Biasa Saja
Sangat Penting
Penting
Ya
Penting
Biasa Saja
Penting
Sangat Penting
Ya
Penting
Penting
Penting
Penting
Ya
Sangat Penting Sangat Penting
Sangat Penting Biasa Saja
Sangat Penting Biasa Saja
Sangat Penting Penting
Ya
Penting
Biasa Saja
Penting
Sangat Penting
Ya
Fitur event
Perlu ada IPB Connect? Ya Ya
Ya
Ya
32 No.
Identitas
Status
Program Studi
Penggunaan internet
67
Restu Puji Hidayat
Alumni
48/D3/Manajemen Informatika
> 2 jam / hari
68
kikoJ3C111XXX
Alumni
48/D3/informatika
> 2 jam / hari
69
Denada anggaia J3C111138
Alumni
48/D3/manajemen informatika
> 2 jam / hari
70
Ihsan Arif Rahman G64144025
Mahasiswa
48/S1/Ilmu Komputer
> 2 jam / hari
71
Alumni
inf48
Alumni
73
komari samaudin j3c11123 Rizki Abdurrahim J3C111099 freddi andrian
Alumni
48/D3/Manajemen Informatika 48/s1/ilmukomputer
74
Nika
Alumni
48/S1/Manajemen
75
Citra Ari Pratiwi G64154070 Zahid faruqi j3c111107
Mahasiswa
10/S1 Alih Jenis/Ilmu Komputer 48/D3/Manajemen Informatika
> 2 jam / hari > 2 jam / hari > 2 jam / hari 1 - 2 jam / hari > 2 jam / hari > 2 jam / hari
77
J3D111004
Mahasiswa
Hardware?
78
Adrian
Alumni
48/D3/INF
79
Indah nur mawani
Alumni
48/S1/manajemen
72
76
Alumni
> 2 jam / hari > 2 jam / hari
> 2 jam / hari
Device penggunaan internet Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone, Komputer Desktop Handphone / Smartphone Handphone / Smartphone, Tablet PC, Laptop, Komputer Desktop Handphone / Smartphone,
Fitur lowongan kerja Biasa Saja
Fitur share memory Penting
Penting
Fitur explore alumni Penting
Penting
Biasa Saja
Sangat Penting
Sangat Penting
Ya
Penting
Sangat Penting
Penting
Penting
Ya
Penting
Penting
Biasa Saja
Penting
Ya
Sangat Penting Penting
Penting
Penting
Ya
Penting
Penting
Ya
Biasa Saja Penting
Biasa Saja Penting
Tidak
Sangat Penting Sangat Penting
Tidak Penting Biasa Saja Biasa Saja Biasa Saja Biasa Saja Biasa Saja
Penting
Penting
Ya
Sangat Penting
Sangat Penting
Ya
Sangat Penting Penting
Biasa Saja Penting
Penting
Penting
Ya
Penting
Sangat Penting
Ya
Penting
Penting
Penting
Penting
Ya
Sangat Penting Penting
Fitur event
Perlu ada IPB Connect? Ya
Ya
33 No.
Identitas
Status
Program Studi
Penggunaan internet
80
Alumni
48/D3/Manajemen Informatika
> 2 jam / hari
Alumni
83
Narendra Moeryudhanto J3C111135 Rezza Prawira Rukmana J3D111047 Fania Widiani Fitri J3C111032 Mirandha Anggraini
84
Bintang Jp Putra
Mahasiswa
48/D3/Teknik Komputer 48/D3/Manajemen Informatika 48/D3/Analisis Kimia 48/S1/Ilmu Komputer
1 - 2 jam / hari > 2 jam / hari > 2 jam / hari > 2 jam / hari
85
Dewi Siregar
Alumni
86
Alumni
87
Lingga Moninggar J3C211187 Rismanto
88
Rahasia wee
Alumni
89
Richard Julian Adam
Alumni
90
J3c111070
Alumni
48/D3/Manajemen Informatika 48/D3/Manajemen Informatika 48/D3/Manajemen Informatika 48/D3/teknik komputer 48/D3/Manajemen Informatika 48/d3/manajemen informatika
> 2 jam / hari > 2 jam / hari > 2 jam / hari > 2 jam / hari > 2 jam / hari > 2 jam / hari
91
Yudi Setianto & J3C111098
Alumni
48/D3/Manajemen Informatika
1 - 2 jam / hari
92
Firdia Izzatul Ilmi dan J3E116048 Aisyah Nurlita U (H44120103)
Mahasiswa
53/D3/SJMP
Mahasiswa
49/S1/Ekonomi Sumberdaya dan Lingkungan
1 - 2 jam / hari > 2 jam / hari
81 82
93
Alumni Alumni
Alumni
Device penggunaan internet Komputer Desktop Handphone / Smartphone
Fitur lowongan kerja
Fitur share memory
Fitur event
Fitur explore alumni
Penting
Penting
Sangat Penting
Sangat Penting
Ya
Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone, Laptop Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Laptop
Tidak Penting Penting
Biasa Saja Penting
Penting
Penting
Ya
Penting
Ya
Sangat Penting Penting
Penting
Sangat Penting Penting
Ya
Penting
Sangat Penting Sangat Penting Penting
Penting
Penting
Penting
Penting
Ya
Sangat Penting Sangat Penting Sangat Penting Penting
Penting
Sangat Penting Penting
Penting
Ya
Penting
Ya
Sangat Penting Penting
Tidak
Sangat Penting
Biasa Saja
Sangat Penting Sangat Penting Penting
Sangat Penting
Ya
Sangat Penting
Penting
Penting
Penting
Ya
Penting
Penting
Penting
Ya
Sangat Penting
Sangat Penting
Sangat Penting
Biasa Saja Penting
Handphone / Smartphone, Laptop
Penting Sangat Penting Penting
Perlu ada IPB Connect?
Ya
Ya
Ya
34 No.
Identitas
Status
Program Studi
94
nuzul dan H24130041
Mahasiswa
50/S1/MANAJEMEN
95
dwi yulia asriningrum J3D116110 Meilisa andini
Mahasiswa Mahasiswa
53/D3/Teknik Komputer 50/s1/manajemen
Mahasiswa
53/D3/akuntansi
98
Novalia Nur Risetyani (J3N116175) bayu bimaji
Alumni
99
j3c11181
Alumni
48/d3/manajemen informatika manajamen informatika
96 97
100 Nida annisa s
102
Pamungkas J3D111108 iOs - J3C111054
103 syaeful aziz 104
j3c111165 J3c111031 Risa tri caesarajmi
105 Muhammad Harry 106
Suharyono H24130112 Ardhi Anugraha J3C111029
> 2 jam / hari > 2 jam / hari > 2 jam / hari > 2 jam / hari > 2 jam / hari 1 - 2 jam / hari
Mahasiswa
48/s1/ilmu komputer
> 2 jam / hari
Alumni
48/D3/Teknik Komputer
> 2 jam / hari
Alumni
48/Manajemen Informatika
> 2 jam / hari
Alumni
tentang dunia kumputer aja 48/D3/manajemen informatika
> 2 jam / hari 1 - 2 jam / hari
Mahasiswa
50/S1/Manajemen
> 2 jam / hari
Alumni
48
> 2 jam / hari
G64144045
101 Dendry Dwi
Penggunaan internet
Alumni
Device penggunaan internet Tablet PC, Laptop Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone, Laptop, Komputer Desktop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop, Modem Handphone / Smartphone, Laptop,
Fitur lowongan kerja Sangat Penting Sangat Penting Sangat Penting Sangat Penting Sangat Penting Penting
Fitur share memory Penting
Penting
Sangat Penting Penting
Fitur event Sangat Penting Biasa Saja Sangat Penting Penting
Fitur explore alumni Penting
Perlu ada IPB Connect? Ya
Penting
Ya
Sangat Penting Penting
Ya
Penting
Penting
Ya
Penting
Penting
Ya
Penting
Penting
Penting
Ya
Sangat Penting
Biasa Saja
Penting
Penting
Ya
Sangat Penting
Biasa Saja
Penting
Sangat Penting
Ya
Sangat Penting Penting
Penting
Penting
Ya
Biasa Saja
Biasa Saja
Sangat Penting Penting
Sangat Penting
Biasa Saja
Penting
Sangat Penting
Ya
Penting
Penting
Sangat Penting
Penting
Ya
Sangat Penting Biasa Saja Biasa Saja
Ya
Ya
35 No.
Identitas
107 Dina Eliantina/
Status
Program Studi
Penggunaan internet
Mahasiswa
48/S1/Ilmu Komputer
> 2 jam / hari > 2 jam / hari > 2 jam / hari
G64144014
108 Kiki Kreisna Rifqi
Mahasiswa
50/S1/Manajemen
(H24130068) Raudya G64160105
Mahasiswa
53/s1/ilmu komputer
110 Raudya G64160105
Mahasiswa
53/s1/ilmu komputer
> 2 jam / hari
111 Raudya G64160105
Mahasiswa
53/s1/ilmu komputer
> 2 jam / hari
112 Nuraeni H44160105
Mahasiswa
53/S1/ESL
113 Intan Rohmatul
Mahasiswa
53/SI/Manajemen sumberdaya lahan
> 2 jam / hari > 2 jam / hari
114 Romida Aprilya
Mahasiswa
115 Dara Ayu Lestari /
Mahasiswa
53/S1/Budidaya Perairan 53/D3/Komunikasi
Alumni
48/d3/analisis kimia
117 Dewi andriani
Alumni
118 suci
Alumni
Angkatan 48, diploma, jurusan Analisis Kimia 48/D3/Teknik Komputer 48
109
Oktafiana A14160030
116
119
J3A116055 Windarmayanti simbolon / J3L11118
indrianti/J3D111068 hardi
Alumni
> 2 jam / hari > 2 jam / hari > 2 jam / hari > 2 jam / hari > 2 jam / hari > 2 jam / hari
Device penggunaan internet Komputer Desktop Handphone / Smartphone, Laptop Handphone / Smartphone Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone, Laptop Handphone / Smartphone Handphone / Smartphone, Notebook Handphone / Smartphone Handphone / Smartphone Handphone / Smartphone, Laptop Handphone / Smartphone
Fitur lowongan kerja
Fitur share memory
Fitur event
Fitur explore alumni
Perlu ada IPB Connect?
Penting
Biasa Saja
Penting
Penting
Ya
Penting
Penting
Penting
Penting
Ya
Sangat Penting
Biasa Saja
Penting
Sangat Penting
Ya
Sangat Penting
Biasa Saja
Penting
Sangat Penting
Ya
Sangat Penting
Biasa Saja
Penting
Sangat Penting
Ya
Penting
Penting Penting
Sangat Penting Penting
Ya
Penting
Sangat Penting Penting
Sangat Penting Penting
Sangat Penting Penting
Sangat Penting Penting
Ya
Sangat Penting
Penting
Sangat Penting Sangat Penting Penting
Penting
Ya
Penting
Penting
Penting
Sangat Penting
Ya
Handphone / Smartphone Handphone / Smartphone, Laptop,
Penting
Penting
Penting
Penting
Ya
Penting
Penting
Penting
Penting
Ya
Ya
Ya
36 Status
Program Studi
Penggunaan internet
120 Thoyyib A
Alumni
48/D3/Manajemen Informatika
> 2 jam / hari
121 Lugas
Alumni
48/D3/Manajemen Informatika
> 2 jam / hari
122 setio G64154044
Mahasiswa
s1
123 J3D211123
Alumni
48
> 2 jam / hari > 2 jam / hari
124 Muhammad Ridwan
Alumni
48 teknik komputer
Alumni
48/D3/Manajemen Informatika
> 2 jam / hari > 2 jam / hari
Mahasiswa
48/S1/Ilmu Komputer
> 2 jam / hari
127 Risca Fajariani
Alumni
(J3C111156) Muhamad irfan J3C111173
Alumni
48/D3/Manajemen Informatika 48/d3/manajemen informatika
> 2 jam / hari > 2 jam / hari
129 Ina Ramadhina Putri
Alumni
48/S1/Statistika
> 2 jam / hari
No.
Identitas
Zulfikar/J3C111082
125
Syahrul J3D111098 Muhammad Fajar Febriano J3C111137
126 Citra Hasana Sagala G64144012
128
Device penggunaan internet Komputer Desktop Handphone / Smartphone, Komputer Desktop Handphone / Smartphone, Laptop Laptop Handphone / Smartphone, Laptop Handphone / Smartphone Handphone / Smartphone, Laptop, Komputer Desktop Handphone / Smartphone, Laptop Tablet PC Handphone / Smartphone, Komputer Desktop Handphone / Smartphone
Fitur lowongan kerja
Fitur share memory
Fitur event
Fitur explore alumni
Perlu ada IPB Connect?
Biasa Saja
Biasa Saja
Penting
Penting
Ya
Penting
Biasa Saja
Penting
Sangat Penting
Ya
Biasa Saja Penting
Penting
Biasa Saja Penting
Penting
Ya
Penting
Ya
Biasa Saja Penting
Biasa Saja Penting
Biasa Saja Sangat Penting
Penting
Ya
Sangat Penting
Ya
Penting
Penting
Penting
Penting
Ya
Penting
Penting
Penting
Penting
Ya
Sangat Penting
Penting
Sangat Penting
Biasa Saja
Ya
Sangat Penting
Sangat Penting
Penting
Sangat Penting
Ya
Penting
37 Lampiran 3 Sketsa membuat lowongan pekerjaan
Lampiran 4 Sketsa membuat event & reuni
Lampiran 5 Sketsa mencari event & reuni
38 Lampiran 6 Sketsa explore alumni
Lampiran 7 Sketsa membuat memory
Lampiran 8 Sketsa mencari memory
39 Lampiran 9 Sketsa view account
Lampiran 10 Sketsa pengaturan account
Lampiran 11 Sketsa Login
40 Lampiran 12 Sketsa Registrasi
Lampiran 13 Sketsa tampilan home dan menu
Lampiran 14 Sketsa set & view map location
41 Lampiran 15 Style guide input form & button
42 Lampiran 16 Hasil prototype fitur lowongan kerja, event & reuni, explore alumni, dan share memories
Prototipe login
Prototipe registrasi account
43 Lampiran 16 lanjutan
Prototipe Menu dan Homepage
Prototipe form lowongan pekerjaan
44 Lampiran 16 lanjutan
Prototipe form event & reuni
45 Lampiran 16 lanjutan
Prototipe list event & reuni
Prototipe detail event & reuni
46 Lampiran 16 lanjutan
Prototipe explore alumni
Prototipe hasil pencarian explore alumni
Prototipe set map location
Prototipe view map location
47 Lampiran 16 lanjutan
Prototipe form share memories Prototipe detail share memories
Prototipe gallery share memories
48 Lampiran 16 lanjutan
Prototipe pengaturan account
Prototipe my post activity
Prototipe account
49 Lampiran 16 lanjutan
Prototipe change photo profile
Prototipe change password
Prototipe ubah data akademik Prototipe ubah data profil
50 Lampiran 17 Hasil perbaikan evaluasi MVP
Perubahan letak created postingan dibagian bawah
Pembagian foto menjadi 2 kolom pada fitur share memories
Tahapan cropping foto
51 Lampiran 18 Perbaikan prototipe dari feedback hasil pengujian
Perbaikan penambahan konfirmasi password dan password dapat dilihat
Perbaikan penambahan My Post Activity pada menu
52 Lampiran 18 lanjutan
Perbaikan penambahan button membuat lowongan pekerjaan
53 Lampiran 19 Pengisian form hasil pengujian
54 Lampiran 19 lanjutan
55 Lampiran 20 Perubahan prototipe registrasi, homepage, dan edit academic
Penambahan upload foto pada proses registrasi
Penambahan button verified & unverified account
Pembatasan untuk melakukan perubahan data program studi dan angkatan
56 Lampiran 21 Informasi pengujian
Nama Status Tanggal pengujian Tempat pengujian
: Musthafa Tanfiz : Alumni : 8 Januari 2017 : Momo Milk Yasmin
Nama Status Tanggal pengujian Tempat pengujian
: Fajar Sidiq : Alumni : 13 Januari 2017 : Gedung HA IPB
Nama Status Tanggal pengujian Tempat pengujian
: Bintang Januar P : Mahasiswa : 6 Januari 2017 : Kocer
Nama Status Tanggal pengujian Tempat pengujian
: Deny Dwi P : Mahasiswa : 6 Januari 2017 : Kocer
57 Lampiran 22 Penggunaan icon Icon
Fungsi Penanda halaman My Post Activity Informasi account
Icon
Tambah data Kembali Langkah mengisi informasi deskripsi lowongan kerja Langkah mengisi informasi berkas lamaran pada lowongan kerja Langkah mengisi informasi perusahaan pada lowongan kerja Penanda telah like foto pada share memories Jadwal acara event
Fungsi Menu beranda/home Menampilkan menu pada side nav Lokasi lowongan pekerjaan Kembali pada step sebelumnya Menuju step selanjutnya Penanda biaya dan kisaran gaji Menu Explore Alumni Show/hide password Ubah foto profil Menu share memories
Hapus data
Informasi akademik
menu event & reuni
Submit dan kirim komentar
Penanda profil akun
Security, ubah password
Penanda untuk melakukan like foto pada share memories Penanda perusahaan pada lowongan pekerjaan
Settings judul lowongan pekerjaan
Lampiran 23 Potongan transkrip percakapan pengujian 1 Pada field email harusnya menggunakan keyboard email. a. Penguji : Musthafa “Harusnya format email ini sudah ke cover dengan virtual keyboardnya, jadi otomatis ada ‘@‘nya.” 2 Pada field biaya harga, gunakan separator pada nominalnya. a. Penguji : Musthafa “Salary masih string ya (keyboardnya)? Salary kan ini itungannya adalah double atau integer harusnya otomatis ini integer (keyboard number) dan belum ada format nya juga (separator)” 3 Ketika registrasi harusnya ada konfirmasi password dan ada tombol yang dapat melihat password. a. Penguji: Musthafa
58
4
5
6
7
8
9
10
11
”Disini ga ada re-password(confirmation password), seharusnya ada re-password. Di aplikasi mobil harusnya ada unhide password.” Tombol next pada keyboard handphone harusnya pindah ke field selanjutnya. a. Penguji : Musthafa “Pencet next tidak melakukan next, saya harus melakukan hide keyboard dulu” Diperlukan validasi pengguna yang melakukan registrasi. Aplikasi ini khusus digunakan oleh mahasiswa dan alumni IPB. a. Penguji : Fajar “Aplikasi ini harusnya hanya bisa digunakan untuk alumni sama mahasiswa saja, masyarakat lain ga boleh masuk. Mungkin harus ada proses validasi akun dahulu waktu proses registrasi. Soalnya pernah kejadian ada orang luar menyalahgunakan data orang IPB. Jangan sampe hal itu terulang disini” Menyediakan button tambah lowongan kerja pada awal menu lowongan kerja. Karena pada awal mengakses menu lowongan pekerjaan, pengguna dipaksa untuk menentukan kriteria pekerjaan. a. Musthafa “agak ribet kalo bikin lowongan pekerjaan harus melewati pencarian lowongan pekerjaan dahulu” b. Bintang “ini kalau membuat lowongan pekerjaan dipaksa untuk melakukan pencarian dulu. Mungkin bisa ditambahkan tombol buat tambah lowongan dibagian bawah sini (halaman job kriteria)” Peletakan button ke halaman My Post Activity diletakan di list menu. a. Penguji : Bintang “Mungkin akses buat ke halaman My Post Activity bisa diletakan di menu, supaya orang lebih mudah.” b. Penguji : Deny “Oh ini tombolnya, susah nyarinya” Menyediakan fitur news. a. Penguji : Deny “Mungkin perlu ada fitur berita terbaru. Supaya pengguna tahu kabar terbaru di IPB” b. Penguji : Bintang “Disini ga ada fitur news. Mungkin kedepannya perlu fitur tersebut” Menyediakan fitur donasi. a. Penguji : Fajar “HA IPB butuh ni fitur donasi untuk kedepannya. Soalnya saat ini memang HA IPB punya kegiatan donasi” Apply lowongan kerja langsung pada aplikasi. a. Penguji : Musthafa “IPB Connect menyediakan buka lowongan kerja, mungkin bisa juga apply nya langsung dari sini. Jadi otomatis kirim ke email yang ada disini” Meletakan informasi akun di halaman home dan penggunaan chart yang tidak begitu perlu. a. Penguji : Musthafa “Mungkin di halaman depan di ganti supaya muncul informasi akun saja chart nya ga perlu ada”
59
RIWAYAT HIDUP Penulis lahir di Bekasi pada tanggal 19 September 1993 dari pasangan Sumantri dan Linda Mardiana. Penulis adalah anak ketiga dari tiga bersaudara. Sebelumnya penulis menempuh pendidikan di SMA Negeri 67 Jakarta pada tahun 2008 hingga 2011. Kemudian penulis melanjutkan pendidikan di perguruan tinggi Institut Pertanian Bogor pada tahun 2011 hingga 2014 untuk menempuh pendidikan diploma III jurusan Manajemen Informatika. Setelah lulus dari Institut Pertanian Bogor program Diploma, penulis melanjutkan pendidikan ke alih jenis sarjana di Institut Pertanian Bogor jurusan Ilmu Komputer fakultas MIPA pada tahun 2014 hingga 2017.
