IT 14 020 Examensarbete 15 hp Mars 2014 Mobile audience response system Jonatan Moritz Institutionen för informationsteknologi Department of Information Technology Abstract Mobile audience response system Jonatan Moritz Teknisk- naturvetenskaplig fakultet UTH-enheten Utnarm is an employment fair and is held once every year in November and is always striving towards a Besöksadress: better and meaningful fair. Last year they took a step Ångströmlaboratoriet Lägerhyddsvägen 1 towards that goal. An application for Android and Hus 4, Plan 0 IPhone were developed and released. It had the basic functions that could be used that year. This year Postadress: Utnarm wants to improve the applications and fulfill Box 536 751 21 Uppsala the students’ experience. An audience response system could result in Telefon: companies getting a closer connection to the students 018 – 471 30 03 during lectures. The apps are easy accessible for Telefax: students. 018 – 471 30 00 This thesis describes the implementation of a system on two different platforms and the similarities and Hemsida: differences between them. This is accomplished by, http://www.teknat.uu.se/student using the model-view-controller design pattern in object-oriented programming, the help of the human interface guidelines and with a focus on usability and user experience. The result showed that there are differences and similarities and that it is easy to forget about them when focusing on an application. The functionality should be the same but the user interface should be different to make the user feel at home. Handledare: Stefan Carlsson Ämnesgranskare: Lars Oestreicher Examinator: Olle Gällmo IT 14 020 Tryckt av: Reprocentralen ITC ! ! ! ! ! ! ! ! ! ! Sammanfattning! Utnarm!är!en!karriärmässa!som!anordnas!en!gång!per!år!i!november.!De!har!som! mål!att!göra!den!bättre!och!meningsfullare!varje!år.!Förra!året!tog!de!ett!steg! närmare!genom!att!skapa!applikationer!till!Android!och!IPhone.!Den!fylldes!med! de!grundläggande!funktionerna!som!de!tänkte!behövdes!under!det!året.!I!år!har! man!chans!att!utöka!dessa!applikationer!för!att!förbättra!studenternas! upplevelse.!! En!mentometerfunktion!skulle!kunna!resultera!i!att!studenterna!får!en!närmare! kontakt!med!företagen!under!föreläsningar.!Apparna!är!lätta!att!ta!hem!om!man! äger!en!smartphone.!! Denna!uppsats!beskriver!implementationen!av!mentometersystemet!på!två!olika! plattformar!och!likheter!och!skillnader!mellan!de!två.!Detta!är!utfört!genom!att! använda!sig!av!modelDviewDcontroller!designmönstret!i!objectDorienterad! programmering.!Med!hjälp!av!människans!interaktionsriktlinjer,!som!både! Google!och!Apple!har!tagit!fram!för!att!öka!användarupplevelsen,!har!en! jämförelse!gjorts!mellan!Android!och!IPhone!ur!ett! användargränssnittsperspektiv.!! Resultatet!blev!att!det!finns!skillnader!och!likheter!som!är!lätta!att!glömma!bort! när!man!fokuserar!på!en!applikation.!Funktionaliteten!ska!vara!densamma!på! båda!plattformar!men!användargränssnittet!måste!ändras!för!att!användaren!ska! känna!sig!hemma.! ! ! ! 2! ! ! ! 3! Content! 1.! BACKGROUND-..........................................................................................................................-6! 1.1! ABOUT!UTNARM!....................................................................................................................................!6! 1.2! SMARTPHONES!.......................................................................................................................................!6! 1.3! SMARTPHONE!APPLICATION!................................................................................................................!6! 1.4! AUDIENCE!RESPONSE!SYSTEM!.............................................................................................................!7! 1.5! PURPOSE!..................................................................................................................................................!7! 1.6! RESEARCH!QUESTION!............................................................................................................................!7! 2.! THEORY-......................................................................................................................................-8! 2.1! INTERACTION!DESIGN!...........................................................................................................................!8! 2.2! USER!EXPERIENCE!.................................................................................................................................!8! 2.3! USABILITY!...............................................................................................................................................!8! 2.4! MODEL!VIEW!CONTROLLER!(MVC)!..................................................................................................!9! 2.5! DESIGN!PRINCIPLES!...............................................................................................................................!9! 2.5.1! Visibility,.............................................................................................................................................,9! 2.5.2! Feedback,........................................................................................................................................,10! 2.5.3! Constraints,....................................................................................................................................,10! 2.5.4! Mapping,..........................................................................................................................................,10! 2.5.5! Consistency,....................................................................................................................................,10! 2.5.6! Affordance,.....................................................................................................................................,11! 2.6! HUMAN!INTERFACE!GUIDELINES!......................................................................................................!11! 3.! METHOD-...................................................................................................................................-12! 3.1! NATIVE!OR!CROSSDPLATFORM!..........................................................................................................!12! 3.2! NATIVE!DEVELOPMENT!......................................................................................................................!12! 4.! IMPLEMENTATION-...............................................................................................................-14! 4.1! DESIGN!PRINCIPLES!–!IOS!..................................................................................................................!14! 4.1.1! Visibility,..........................................................................................................................................,14! 4.1.2! Feedback,........................................................................................................................................,14! 4.1.3! Constraints,....................................................................................................................................,14! 4.1.4! Mapping,..........................................................................................................................................,15! 4.1.5! Consistency,....................................................................................................................................,15! 4.1.6! Affordance,.....................................................................................................................................,15! 4.2! DESIGN!PRINCIPLES!–!ANDROID!.......................................................................................................!15! 4.2.1! Visibility,..........................................................................................................................................,15! 4.2.2! Feedback,........................................................................................................................................,16! 4.2.3! Constraints,....................................................................................................................................,16! 4.2.4! Mapping,..........................................................................................................................................,16! 4.2.5! Consistency,....................................................................................................................................,16! 4.2.6! Affordance,.....................................................................................................................................,16! 4.3! MODEL!...................................................................................................................................................!17! 4.4! VIEW!......................................................................................................................................................!18! 4.4.1! Alternatives,...................................................................................................................................,18! 4.4.2! Solution,...........................................................................................................................................,20! 4.5! CONTROLLER!........................................................................................................................................!22!