PENGEMBANGAN APLIKASI PENGENDALI KOMPUTER JARAK JAUH ALTERMOTE MENGGUNAKAN TEKNOLOGI WI-FI PADA SMARTPHONE BERBASIS ANDROID

Transkripsi

1 PENGEMBANGAN APLIKASI PENGENDALI KOMPUTER JARAK JAUH ALTERMOTE MENGGUNAKAN TEKNOLOGI WI-FI PADA SMARTPHONE BERBASIS ANDROID Dario Hitani Binus University, Jakarta, DKI Jakarta, Indonesia Canggih Perdana Jauhari Binus University, Jakarta, DKI Jakarta, Indonesia dan Kevin Santoso Binus University, Jakarta, DKI Jakarta, Indonesia Abstrak Peranan notebook dan smartphone telah menjadi sesuatu yang tidak dapat dilepaskan dan menjadi instrumen penting dalam kehidupan masyarakat modern seperti aplikasi presentasi untuk smartphone. Melihat kondisi tersebut, dikembangkan sebuah aplikasi dengan tujuan untuk meningkatkan fungsionalitas smartphone. Tujuan penelitian ini adalah mengembangkan aplikasi bernama AlterMote yang menjadikan smartphone Android sebagai alat bantu presentasi dan pengganti mouse serta keyboard pada notebook atau komputer menggunakan media Wi-Fi sebagai sarana konektivitas. Metodologi penelitian yang digunakan adalah metode analisis dan metode perancangan. Metode analisis terdiri dari studi literatur, analisis aplikasi sejenis, wawancara, dan kuesioner. Metode perancangan menggunakan Extreme Programming (XP)

2 yang terdiri dari tahap planning, design, coding, dan testing. Hasil yang dicapai adalah sebuah aplikasi client yang berjalan pada smartphone Android dan aplikasi server yang berjalan pada komputer berbasis sistem operasi Microsoft Windows, Mac OS, dan Linux. Dengan menggunakan aplikasi AlterMote, user dapat menggunakan fungsi mouse, keyboard dan presentation tools pada komputer dengan menggunakan smartphone Android. Simpulan yang diperoleh adalah aplikasi yang menjadikan smartphone Android sebagai sebuah alat bantu presentasi yang mempermudah kegiatan presentasi user. Kata Kunci : AlterMote, Wi-Fi, Smartphone, Android 1. Pendahuluan Peranan notebook dan smartphone pada saat ini semakin penting dan telah menjadi suatu bagian yang penting dalam kehidupan sehari-hari masyarakat. Notebook memberikan berbagai macam fasilitas yang pada dasarnya sama dengan sebuah Personal Computer (PC), namun dengan ukuran yang lebih kecil sehingga mudah untuk dibawa kemana saja. Di sisi lain, smartphone memberikan fasilitas dasar yang dimiliki oleh sebuah mobile phone pada umumnya, dan didukung dengan beberapa fasilitas dari sebuah PC. Sebagian besar masyarakat modern yang mengikuti perkembangan teknologi telah memiliki kedua devices tersebut dan selalu membawanya kemana saja. Melihat kondisi tersebut, maka keberadaan smartphone dapat digunakan sebagai salah satu alternatif untuk mengatasi kesulitan yang sering dihadapi oleh para pemilik notebook, yaitu menggunakan touchpad dan sejenisnya sebagai pengganti mouse. Dengan merancang sebuah aplikasi AlterMote, maka smartphone tersebut dapat berperan sebagai

3 sebuah mouse sehingga tidak perlu lagi membawa mouse. Aplikasi tersebut akan memanfaatkan fasilitas Wireless Fidelity (Wi-Fi) sebagai media koneksi antara smartphone dengan notebook. Aplikasi yang diberi nama AlterMote ini terdiri dari dua aplikasi yang berjalan di server (notebook) dan client (smartphone). Aplikasi server akan berjalan pada notebook (komputer) dengan sistem operasi Microsoft Windows, Linux, dan Mac OS sedangkan aplikasi client berjalan pada smartphone berbasis sistem operasi Android. Aplikasi client dapat ditampilkan pada layar dengan orientasi portrait maupun landscape dan terdapat dua tombol di layar yang berfungsi sebagai left-click dan right-click. Selain itu aplikasi ini juga menyediakan fitur mouse, keyboard, on-screen pointer, highlighter dan presentation tools, yang dapat digunakan untuk membantu melakukan presentasi. 2. Metodologi Ruang lingkup penelitian mencakup pengembangan aplikasi client pada smartphone Android dan aplikasi server pada komputer. Aplikasi client berfungsi untuk menerima input dari user dan mengirim input tersebut ke aplikasi server yang akan menerima dan menggunakannnya untuk menggerakkan kursor mouse, mengetik teks serta menjalankan presentation tools. Pembahasan skripsi tidak mencakup permasalahan mengenai security pada smartphone. Pembahasan yang dilakukan akan meliputi 3 bagian, yaitu : 1. Metode analisis 2. Metode perancangan 3. Evaluasi aplikasi

4 2.1. Metode Analisis Metode analisis yang digunakan telah sekaligus mencakup metode pengumpulan data, antara lain adalah studi literatur, analisis aplikasi sejenis, wawancara, dan kuesioner. Studi literatur dilakukan guna untuk mendapatkan teoriteori pendukung sebagai landasan dasar dalam penelitian. Analisis aplikasi sejenis dilakukan kepada tiga aplikasi, yaitu PPT Remote, Touch Mouse, dan Gmote. Ketiga aplikasi tersebut memiliki kemiripan dari segi fitur atau fungsi yang ditawarkan serta sistem kerjanya yang terdiri dari aplikasi client dan server. Sedangkan parameter yang digunakan sebagai pembanding adalah ketersediaan fitur, media konektivitas, dan sistem operasi tempat berjalannya aplikasi server. Gambar 1 - Hasil Analisis Aplikasi Sejenis

5 Berdasarkan gambar 1, ketiga aplikasi tersebut masing-masing memiliki kelebihan dan kekurangan. Kemudian terdapat juga fitur yang tidak dimiliki oleh ketiga aplikasi tersebut, yaitu fitur resume slide show, on-screen pointer, dan change highlighter color. Fitur on-screen pointer adalah fitur untuk membantu user memberikan fokus pada poin tertentu pada layar komputer. Diberi nama on-screen pointer karena pointer tersebut berada pada layar komputer, tidak seperti alat laser pointer yang bisa diarahkan ke media lain. Untuk metode pengumpulan data, dilakukan melalui wawancara dan kuesioner. Wawancara dilakukan kepada narasumber yang pekerjaannya meliputi kegiatan presentasi seperti pengajar dan karyawan untuk evaluasi aplikasi yang telah dikembangkan. Sedangkan kuesioner disebarkan kepada Forum Android Indonesia dan grup Indonesian Android Community untuk proses analisis user dan kepada mahasiswa untuk proses evaluasi aplikasi Metode Perancangan Untuk metode perancangan digunakan metode Extreme Programming (XP), yang merupakan salah satu jenis dari agile software development. XP dipilih sebagai metode pengembangan aplikasi karena XP mengakomodasi perubahan tanpa harus mengulang keseluruhan proses yang tidak dimiliki oleh metode lain seperti Waterfall dan perubahan dalam XP lebih fleksibel dibandingkan metode agile software development lainnya seperti Scrum.

6 Tahap-tahap yang digunakan dalam metode XP terdiri dari empat bagian pokok, yaitu : 1. Planning 2. Design 3. Coding 4. Testing Pada tahap planning dilakukan analisis user melalui kuesioner dan analisis aplikasi sejenis untuk mengetahui dan menyusun stories. Stories terdiri dari sekumpulan story yang menggambarkan fitur dan fungsi yang dibutuhkan oleh aplikasi yang dikembangkan. Pada tahap design dilakukan perancangan UML dan perancangan layar aplikasi. UML yang digunakan terdiri dari class diagram, use case diagram, sequence diagram, dan activity diagram. Perancangan layar aplikasi AlterMote terdiri dari rancangan layar aplikasi server dan client sebagai berikut : 1. Rancangan Layar Aplikasi Server Gambar 2 - Rancangan Layar Aplikasi Server

7 Layar pada aplikasi server akan menampilkan alamat IP dari komputer yang diperlukan untuk melakukan koneksi dengan aplikasi client. Selain itu juga diberikan informasi kepada user bahwa aplikasi telah berjalan dan petunjuk singkat untuk menggunakan aplikasi. 2. Rancangan Layar Aplikasi Client - Layar Menu Utama Gambar 3 - Rancangan Layar Menu Utama Layar menu utama terdiri dari tiga bagian yaitu: 1. Connection Bagian menu ini terdiri dari 1 (satu) textbox dan 1 (satu) tombol connect yang digunakan untuk memasukkan alamat IP dan melakukan koneksi dengan aplikasi server.

8 2. Preferences Bagian menu ini terdiri dari 1 (satu) tombol preferences yang digunakan jika user ingin mengubah pengaturan aplikasi. Menu preferences tampil di layar ketika user menekan tombol menu pada smartphone. 3. Help Bagian menu ini terdiri dari 1 (satu) tombol help yang digunakan untuk menampilkan pop-up menu yang berisi panduan untuk menggunakan aplikasi. Menu help tampil di layar ketika user menekan tombol menu pada smartphone. - Layar Menu Preferences Gambar 4 - Rancangan Layar Menu Preferences

9 Layar menu preferences akan menampilkan pilihan pengaturan yang bisa diubah sesuai keinginan user. - Layar Menu Help Gambar 5 - Rancangan Layar Menu Help Layar menu help akan memberikan petunjuk singkat kepada user mengenai langkah-langkah yang dilakukan untuk menggunakan berbagai fitur yang disediakan.

10 - Layar Kontrol Aplikasi Gambar 6 - Rancangan Layar Kontrol Aplikasi Gambar 7 - Rancangan Layar Kontrol Aplikasi Setelah Tombol Menu Ditekan

11 Layar ini akan menampilkan keseluruhan fitur dari aplikasi. Fitur tersebut terdiri dari : 1. Fitur mouse Fitur ini berkaitan dengan fungsi yang dimiliki oleh mouse. Contohnya left click, right click, dan sebagainya. 2. Fitur keyboard Fitur ini berkaitan dengan fungsi yang dimiliki oleh keyboard. 3. Fitur presentation tools Fitur ini berkaitan dengan fungsi-fungsi yang khusus digunakan pada saat presentasi. Contohnya start slide show, on-screen pointer, highlighter, dan sebagainya.

12 Pada tahap coding dilakukan proses refactoring yang merupakan implementasi dari XP. Refactoring adalah proses mengubah struktur kode menjadi lebih sederhana dan tidak mempengaruhi hasil dari kode. Contoh penerapan refactoring diperlihatkan melalui gambar baris kode berikut : Gambar 8 - Kode Sebelum Proses Refactoring Gambar 9 - Kode Setelah Proses Refactoring

13 Pada gambar 8, baris kode ke 50 dan 61 dilakukan proses refactoring karena terjadi typecasting yang berlebihan. Hasil refactoring dapat dilihat pada gambar 9, dimana baris kode tersebut telah disederhanakan. Untuk tahap testing, pada aplikasi yang telah dikembangkan dilakukan acceptance test dalam bentuk berupa evaluasi aplikasi berdasarkan delapan aturan emas, lima faktor manusia terukur, evaluasi terhadap aplikasi sejenis, dan hasil kuesioner beserta wawancara Evaluasi Aplikasi Berikut adalah hasil evaluasi aplikasi terhadap delapan aturan emas [15] : 1. Berusaha untuk konsisten Aplikasi yang dikembangkan menggunakan jenis dan warna tulisan yang seragam untuk semua tampilan, baik pada aplikasi client maupun server. Gambar 10 - Contoh Konsistensi Aplikasi Client

14 Gambar 11 - Contoh Konsistensi Aplikasi Server 2. Melayani semua user Aplikasi client dapat digunakan oleh semua user karena memiliki menu help yang berisi panduan bagi user yang baru menggunakan aplikasi. Selain itu diberikan pula label untuk menjelaskan fungsi dari setiap tombol pada user. Gambar 12 - Contoh Melayani Semua User

15 3. Memberikan umpan balik yang informatif Aplikasi client memberikan umpan balik kepada user melalui perubahan bentuk, atau warna pada tombol ketika ditekan. User juga diberikan pesan sederhana yang memberitahukan apakah aplikasi client telah terhubung dengan aplikasi server maupun saat user salah memasukkan format alamat IP. Gambar 13 - Contoh Umpan Balik Yang Informatif

16 4. Merancang dialog untuk menghasilkan keadaan akhir Ketika user selesai mengubah konfigurasi aplikasi pada menu preferences, aplikasi akan menampilkan pesan bahwa perubahan konfigurasi telah berhasil. Gambar 14 - Contoh Dialog Untuk Keadaan Akhir 5. Memberikan pencegahan dan penanganan kesalahan yang sederhana Aplikasi client memiliki penanganan kesalahan sederhana ketika user salah memasukkan alamat IP yang sesuai dengan menekan tombol back pada smartphone untuk kembali ke menu utama dan memasukkan alamat IP yang benar.

17 Gambar 15 - Contoh Penanganan Kesalahan 6. Pengendalian internal User diberikan kemampuan untuk mengatur konfigurasi aplikasi sesuai dengan yang diinginkan dan bebas memilih tombol yang ada. Gambar 16 - Contoh Pengendalian Internal

18 7. Mengurangi beban ingatan jangka pendek Aplikasi client hanya terdiri dari 4 (empat) tampilan layar sehingga memudahkan bagi user untuk mengingat. Selain itu juga terdapat menu help dan label pada tombol untuk membantu user. Gambar 17 - Contoh Ingatan Jangka Pendek

19 Berdasarkan lima faktor manusia terukur, maka hasil evaluasi aplikasi adalah sebagai berikut : 1. Waktu belajar Pada pertanyaan nomor 2 dalam kuesioner evaluasi mengenai kemudahan dalam memahami aplikasi, dapat diketahui bahwa responden menilai aplikasi ini mudah untuk dipahami. 2. Kecepatan kinerja Pada beberapa pertanyaan dalam kuesioner evaluasi mengenai kinerja fitur-fitur aplikasi, dapat diketahui bahwa responden menilai fitur tersebut mudah untuk digunakan. 3. Tingkat kesalahan user Pada pertanyaan nomor 3 dalam kuesioner evaluasi mengenai kemudahan dalam menggunakan aplikasi, dapat diketahui bahwa responden menilai aplikasi ini mudah digunakan. 4. Daya ingat Pada pertanyaan nomor 2 dalam kuesioner evaluasi mengenai ketersediaan fitur panduan, responden menilai fitur ini sangat berguna sehingga user tidak perlu mengingat cara dalam menggunakan aplikasi. 5. Kepuasan subjektif Berdasarkan hasil wawancara dan kuesioner evaluasi, dapat disimpulkan fitur yang disediakan dalam aplikasi telah memenuhi kebutuhan responden.

20 Berdasarkan hasil yang diperoleh dari hasil kuesioner evaluasi dan wawancara, dapat disimpulkan bahwa keseluruhan fitur pada aplikasi AlterMote telah memenuhi kebutuhan. Untuk panduan yang disediakan dan penggunaan aplikasi juga mendapatkan hasil yang positif. Selain itu juga diperoleh komentar dan saran yang berguna untuk membantu pengembangan aplikasi AlterMote selanjutnya. 3. Simpulan Berdasarkan analisis terhadap hasil evaluasi, maka hal-hal yang dapat disimpulkan dari pengembangan aplikasi AlterMote ini adalah : 1. Aplikasi AlterMote memiliki kelebihan dibandingkan aplikasi lain yang sejenis dengan adanya fitur on-screen pointer dan highlighter. 2. Dengan adanya fitur help maka aplikasi AlterMote dapat digunakan oleh tiga jenis user, yaitu first time (novice) user, knowledgeable-intermittent user, dan expert frequent user karena memiliki panduan yang sangat jelas. 3. Dengan menggunakan aplikasi AlterMote dapat menggantikan fungsi alat laser pointer pada saat melakukan presentasi dan menambah fungsionalitas smartphone berbasis sistem operasi Android. 4. Dengan menggunakan aplikasi AlterMote, maka user yang memiliki notebook dengan sistem operasi Microsoft Windows, Mac OS, dan Linux serta memiliki smartphone berbasis sistem operasi Android tidak perlu lagi membawa mouse.

21 Referensi [1] Anonim1. (2011). What Is Android? Retrieved November 7, 2011, from Android Developers: [2] Anonim2. (2011). Application Fundamentals. Retrieved November 7, 2011, from Android Developers: [3] Anonim3. (2011). Retrieved November 7, 2011, from Wi-Fi Alliance: [4] Anonim4. (2011). Retrieved November 7, 2011, from [5] Anonim5. (2011). FAQ What is Eclipse? Retrieved November 7, 2011, from [6] Anonim6. (2011). Android Developer Tools. Retrieved November 7, 2011, from Android Developers: [7] Chronis, I., Madan, A., & Pentland, A. (2009). SocialCircuits : The Art of Using Mobile Phones For Modeling Personal Interactions. ICMI-MLMI '09 Workshop on Multimodal Sensor- Based Systems and Mobile Phones for Social Computing (1). [8] Karray, F., Alemzadeh, M., Saleh, J. A., & Arab, M. N. (2008). Human-Computer Interaction : Overview on State of the Art. International Journal On Smart Sensing And Intelligent Systems, 1 (1), 138. [9] Meier, R. (2009). Professional Android Application Development. Indianapolis, Indiana, United States of America: Wiley Publishing, Inc. [10] Mobile Marketing Association. (2008). Mobile Applications Categories. Mobile Applications, 5, 1-2. [11] Pressman, R. S. (2005). Software Engineering : A Practitioner's Approach (6th ed.). New York, United States of America: The McGraw-Hill Companies, Inc. [12] Rubin, A. (2007). Where's My Gphone? Retrieved November 7, 2011, from The Official Google Blog: [13] Schildt, H. (2011). Java The Complete Reference (8th ed.). New York: The McGraw-Hill Companies, Inc.

22 [14] Schmidt, A.-D., Peters, F., Lamour, F., Scheel, C., Camtepe, S. A., & Albayrak, S. (2009). Monitoring Smartphones for Anomaly Detection. Mobile Networks and Applications, 14 (1), [15] Shneiderman, B., & Plaisant, C. (2010). Designing The User Interface : Strategies For Effective Human-Computer Interaction (5th ed.). United States of America: Pearson Education, Inc. [16] Steele, J., & To, N. (2011). The Android Developer's Cookbook : Building Applications with the Android SDK. United States of America: Pearson Education, Inc. [17] Tanenbaum, A. S., & Wetherall, D. J. (2010). Computer Networks (5th ed.). United States of America: Prentice Hall. [18] TIOBE Programming Community Index. (2011). Retrieved November 7, 2011, from TIOBE Software: [19] Whitten, J. L., & Bentley, L. D. (2007). Systems Analysis and Design Methods (7th ed.). New York: The McGraw-Hill Companies, Inc.

23 REMOTE CONTROL APPLICATION FOR COMPUTER ALTERMOTE DEVELOPMENT USING WI-FI TECHNOLOGY ON ANDROID BASED SMARTPHONE Dario Hitani Binus University, Jakarta, DKI Jakarta, Indonesia Canggih Perdana Jauhari Binus University, Jakarta, DKI Jakarta, Indonesia dan Kevin Santoso Binus University, Jakarta, DKI Jakarta, Indonesia Abstract The role of notebooks and smartphones have become something that can not be released and become an important instrument in modern society such as presentation applications for the smartphone. Seeing these conditions, an application developed with the aim to improve smartphone functionality. The purpose of this study was to develop an application called AlterMote that make Android smartphone as a tool for presentation and a replacement mouse and keyboard on a notebook or a computer using the media as a means of Wi-Fi connectivity. The research methodology used is the method of analysis and design methods. The analytical method consists of literature studies, analysis of similar applications, interviews, and questionnaires. Design method using Extreme Programming (XP) which consists of the

24 planning, design, coding, and testing. The result achieved is a client application that runs on Android smartphones and an application server running on a computer running Microsoft Windows operating system, Mac OS, and Linux. By using AlterMote application, user can use the mouse, keyboard, and presentation tools on a computer using Android smartphone. The conclusions obtained are applications that make the Android smartphone as a presentation tool that eases the user presentation. Keywords : AlterMote, Wi-Fi, Smartphone, Android 1. Introduction The role of notebooks and smartphones has become an important part of everyday life. Notebook provides a wide range of features that are essentially the same as a Personal Computer (PC), but with smaller size so it is easier to carry anywhere. On the other hand, smartphone provides basic features owned by a mobile phone in general, and supported by some features of a PC. Most of modern society that always keeps up with technology already have both devices and always take them anywhere. Seeing these conditions, the existence of a smartphone can be used as an alternative to overcome the difficulties often faced by the owners of notebook, which is using the touchpad and the like as a mouse replacement. By designing an application called AlterMote, the smartphone can act as a mouse so there is no need to bring the mouse. The application will utilize the feature of Wireless Fidelity (Wi-Fi) as a medium of connection between smartphone and notebook.

25 AlterMote consists of two applications running on the server (notebook) and client (smartphone). Server application will run on a notebook (computer) running the operating system Microsoft Windows, Linux, and Mac OS while the client application will run on a Android-based smartphone. Client application can be displayed on screen with portrait and landscape orientation, and there are two buttons on the screen that serves as a left-click and right-click. In addition this application also provides features of mouse, keyboard, on-screen pointer, highlighter and presentation tools, which can be used to help delivering a presentation. 2. Methodology The scope of research includes development of client application on the Android smartphone and application server on the computer. Client application serves to receive input from the user and send input to the application server that will accept and use it to move the mouse cursor, type text and run the presentation tools. Thesis does not include a discussion of security issues on the smartphone. The discussion consists in three parts, namely : 1. Method of analysis 2. Design method 3. Evaluation of applications

26 2.1. Method of Analysis Analytical methods used will also include data collection methods such as the study of literature, analysis of similar applications, interviews, and questionnaires. The study of literature was conducted to study to get support theories as a basic foundation in the study. Analysis of similar applications are made to the three applications, namely PPT Remote, Touch Mouse, and Gmote. These applications have similarities in terms of features or functions offered as well as its system which are consisted of client and server applications. The parameters used for comparison are the availability of features, media connectivity, and operating systems for server-side application. Figure 1 The Results of Similar Application Analysis

27 Based on Figure 1, all three applications each have their own advantages and disadvantages. Then there are also features that are not included yet, such as : resuming slide show, on-screen pointer, and change highlighter color. On-screen pointer feature is a feature to help users focus on specific points on the computer screen. The feature is named on-screen pointer because the pointer icon will be shown on a computer screen, unlike a real laser pointer that can be shown on other media. The data collection method will be conducted through interviews and questionnaires. Interviews were conducted to the person whose job includes activities as a faculty member and giving presentations. The questionnaire is distributed to Forum Android Indonesia and Indonesian Android Community group for the purpose of user analysis, and to the students for the application evaluation process The Design Method Design method used for development of this application is Extreme Programming (XP), which is one type of agile software development. XP was chosen as the method of application development since XP can accommodate changes without having to repeat the whole process, which is not possible by other methods such as Waterfall. Furthermore, changes of requirement in XP is more flexible than other methods of agile software development like Scrum.

28 The stages used in the XP method consists of four main parts, namely : 1. Planning 2. Design 3. Coding 4. Testing At the planning stage of the analysis carried out through questionnaires and analysis of user applications to find and compile similar stories. Stories consists of a set of story that describes the features and functions needed by applications that are developed. At the design stage carried UML design and drafting application screen. UML is used consisting of class diagrams, use case diagrams, sequence diagrams and activity diagrams. AlterMote application screen design consists of the design screen and client server application as follows: 1. Screen design of Server Application Figure 2 Screen Design of Server Application

29 The screen on the application server will display the IP address of the computer needed to connect the client application. It also provided information to the user that the application is running and brief instructions for using the application. 2. Screen design of Client Application - Main Menu screen Gambar 3 Screen design of Main Menu The main menu screen consists of three parts : 1. Connection This menu consists of sections 1 (a) textbox and 1 (one) connect button is used to enter the IP address and connect to the application server.

30 2. Preferences This menu consists of one preferences button which used if the user wants to change the application settings. Preferences menu appears on the screen when the user presses the menu button on the smartphone. 3. Help This menu consists of one help button that is used to display a pop-up menu containing guidelines for using the application. Help menu appears on the screen when the user presses the menu button on the smartphone. - Preferences Menu Screen Figure 4 Screen Design of Preferences Menu

31 Preferences menu screen will display several options that can be configured according to user s preference. - Help Menu Screen Figure 5 Screen Design of Help Menu This screen will provide a quick reference to the user on how to use the application s features.

32 - Application Control Screen Figure 6 Screen Design of Application Control Figure 7 Screen Design of Application Control After Pressing Menu Button

33 This screen will display the overall features of the application. They consists of : 1. Mouse Feature This feature is related to the functions held by mouse. For example left click, right click, and so forth. 2. Keyboard Feature This feature is related to the functions held by keyboard. 3. Presentation Tools Feature This feature is related to the specific functions that are used at the time of presentation. For example start a slide show, on-screen pointer, highlighter, and so forth.

34 In the coding stage, refactoring is done which is a part of XP implementation. Refactoring is a process to modify the code s structure without affecting the result that the code will produce. The example of refactoring is shown in the picture below : Figure 8 The Code Before Refactoring Figure 9 The Code After Refactoring

35 In the figure 8, the refactoring is done on line 50 and 61 due to excessive typecasting. The result can be seen in figure 9. For the testing phase, the applications have been developed to do acceptance test in the evaluation of applications based on the eight golden rules, five measurable human factors, evaluation of similar applications, and the results of the questionnaire along with an interview Evaluation of Applications Here are the results of the evaluation of the application of the eight golden rules : 1. Trying to be consistent The application will be using uniform color and font type for all views, both on Client side and Server side. Figure 10 Example of Consistency on Client Side

36 Figure 11 Example of Consistency on Server Side 2. Accommodate all kinds of user Client side application can be used by all kinds of user because it has a guide for new users. In addition it also has labels explaining the function of each button. Figure 12 Example of Accommodating All Kinds of User

37 3. Provide Informative Feedback The client application provides feedback to the user through the changes in shape, or color when the button is pressed. Users are also given a simple message that tells whether the client application has connected with the application server or when users enter the IP address. Figure 13 Example of Informative Feedback

38 4. Designing the dialog to produce the final state When user finished changing the configuration on preferences menu, the application will display a message that the configuration has been saved successfully. Figure 14 Example of Dialog to Produce The Final State 5. Provide prevention and simple error handling The client application has a simple error handling when users enter the corresponding IP address by pressing the back button on your smartphone to return to the main menu and enter the correct IP address.

39 Figure 15 Example of Error Handling 6. Internal locus of control User are given the ability to configure the application according to their own will. Figure 16 Example of Internal Locus of Control

40 7. Reducing the burden of short-term memory The client application consists of four views thus making it easier for the user to remember. In addition, there are help menus and labels to assist users. Figure 17 Example of Short-Term Memory

41 Based on five measurable human factors, the application of evaluation results are as follows: 1. Time to learn On question number 2 in the evaluation questionnaire regarding the ease of understanding the application, it can be seen that the respondents assess these applications are easy to understand. 2. Performance speed On some questions in the questionnaire evaluation of the performance features of the application, it can be seen that the respondents rated these features easy to use. 3. User error rate On question number 3 in the evaluation questionnaire regarding the ease of using the application, it can be seen that the respondents assess this application easy to use. 4. Memory On question number 2 in the evaluation questionnaire regarding the availability of guidelines, respondents rated this feature very useful so the user does not need to remember how to use the application. 5. Subjective satisfaction Based on interviews and questionnaires of evaluation, it can be concluded that the features provided in the application meets the needs of respondents.

42 Based on the results obtained from the evaluation questionnaires and interviews, it can be concluded that the overall features of the application has met the requirements AlterMote. For guidelines and application usage is also provided positive results. It also acquired the useful comments and suggestions to help further the development of applications AlterMote. 3. Conclusion Based on analysis of the result of the evaluation, then the things that can be inferred from this AlterMote application development are : 1. AlterMote applications have an advantage over other similar applications with the features on-screen pointer and highlighter. 2. With the help features of the application AlterMote can be used by three types of user, the first time (novice) users, knowledgeable intermittent user-and expert frequent user because it has very clear guidelines. 3. By using AlterMote application can replace the function of a laser pointer during a presentation and add the functionality of a smartphone based on Android operating system. 4. By using AlterMote application, the user who has a notebook with Microsoft Windows operating system, Mac OS, and Linux as well as having a smartphone based on Android operating system no longer need to carry a mouse.

43 Reference [1] Anonim1. (2011). What Is Android? Retrieved November 7, 2011, from Android Developers: [2] Anonim2. (2011). Application Fundamentals. Retrieved November 7, 2011, from Android Developers: [3] Anonim3. (2011). Retrieved November 7, 2011, from Wi-Fi Alliance: [4] Anonim4. (2011). Retrieved November 7, 2011, from [5] Anonim5. (2011). FAQ What is Eclipse? Retrieved November 7, 2011, from [6] Anonim6. (2011). Android Developer Tools. Retrieved November 7, 2011, from Android Developers: [7] Chronis, I., Madan, A., & Pentland, A. (2009). SocialCircuits : The Art of Using Mobile Phones For Modeling Personal Interactions. ICMI-MLMI '09 Workshop on Multimodal Sensor- Based Systems and Mobile Phones for Social Computing (1). [8] Karray, F., Alemzadeh, M., Saleh, J. A., & Arab, M. N. (2008). Human-Computer Interaction : Overview on State of the Art. International Journal On Smart Sensing And Intelligent Systems, 1 (1), 138. [9] Meier, R. (2009). Professional Android Application Development. Indianapolis, Indiana, United States of America: Wiley Publishing, Inc. [10] Mobile Marketing Association. (2008). Mobile Applications Categories. Mobile Applications, 5, 1-2. [11] Pressman, R. S. (2005). Software Engineering : A Practitioner's Approach (6th ed.). New York, United States of America: The McGraw-Hill Companies, Inc. [12] Rubin, A. (2007). Where's My Gphone? Retrieved November 7, 2011, from The Official Google Blog: [13] Schildt, H. (2011). Java The Complete Reference (8th ed.). New York: The McGraw-Hill Companies, Inc.

44 [14] Schmidt, A.-D., Peters, F., Lamour, F., Scheel, C., Camtepe, S. A., & Albayrak, S. (2009). Monitoring Smartphones for Anomaly Detection. Mobile Networks and Applications, 14 (1), [15] Shneiderman, B., & Plaisant, C. (2010). Designing The User Interface : Strategies For Effective Human-Computer Interaction (5th ed.). United States of America: Pearson Education, Inc. [16] Steele, J., & To, N. (2011). The Android Developer's Cookbook : Building Applications with the Android SDK. United States of America: Pearson Education, Inc. [17] Tanenbaum, A. S., & Wetherall, D. J. (2010). Computer Networks (5th ed.). United States of America: Prentice Hall. [18] TIOBE Programming Community Index. (2011). Retrieved November 7, 2011, from TIOBE Software: [19] Whitten, J. L., & Bentley, L. D. (2007). Systems Analysis and Design Methods (7th ed.). New York: The McGraw-Hill Companies, Inc.