HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2012T2 Viaxeiros Application Development"

From IS480
Jump to navigation Jump to search
Line 58: Line 58:
 
<div style="padding:0.4em 1em 1em;">
 
<div style="padding:0.4em 1em 1em;">
  
<br/><font face= "Elephant" size=4.8 color="#2f2929"> ''' Usability Test 1 ''' </font><br/>
+
<br/><font face= "Elephant" size=4.8 color="#2f2929"> ''' Usability Test 1 (3rd - 6th January '13)''' </font><br/>
 
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"
 
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"
 
|scope="row"  width="1200" style="text-align: left; background: #F5F5F5"|
 
|scope="row"  width="1200" style="text-align: left; background: #F5F5F5"|
Line 64: Line 64:
 
<font face= "Elephant" size=3.2 color="#4D268F"> ''' GOALS ''' </font><br/>
 
<font face= "Elephant" size=3.2 color="#4D268F"> ''' GOALS ''' </font><br/>
 
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"
 
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"
|scope="row"  width="900" style="text-align: left; background: #FFF8C6"|
+
|scope="row"  width="1200" style="text-align: left; background: #FFF8C6"|
 
'''1. Make sure all the new features are workable and ready for Deployment 1'''<br><br>
 
'''1. Make sure all the new features are workable and ready for Deployment 1'''<br><br>
 
'''2. Obtain feedback to improve the usability and performance of the App'''
 
'''2. Obtain feedback to improve the usability and performance of the App'''
Line 70: Line 70:
  
  
<font face= "Elephant" size=3.2 color="#4D268F"> ''' SCOPE OF TEST ''' </font>
+
<font face= "Elephant" size=3.2 color="#4D268F"> ''' TEST SCOPE ''' </font>
 
{| class="wikitable"  
 
{| class="wikitable"  
 
|-
 
|-
Line 85: Line 85:
 
|-
 
|-
 
| style="background:#feffcb;" | '''<center>3</center>''' || style="background:#feffcb;" | '''<center>TRAVELOGUE</center>'''|| style="background:#feffcb;" |   
 
| style="background:#feffcb;" | '''<center>3</center>''' || style="background:#feffcb;" | '''<center>TRAVELOGUE</center>'''|| style="background:#feffcb;" |   
*Viewing My Travelogue Listing
+
*View My Travelogue Listing
*Viewing Individual Travelogue
+
*View Individual Travelogue
*Viewing Individual Place in My Travelogue
+
*View Individual Place in My Travelogue
*Downloading My Travelogue
+
*Download My Travelogue
*Viewing Travelogue Offline (without map)
+
*View Travelogue Offline (without map)
*Viewing Places in Travelogue Offline (without map)
+
*View Places in Travelogue Offline (without map)
 
|-
 
|-
 
| style="background:#fff2a4;" | '''<center>4</center>''' || style="background:#fff2a4;" | '''<center>MEMORIES</center>'''|| style="background:#fff2a4;" |   
 
| style="background:#fff2a4;" | '''<center>4</center>''' || style="background:#fff2a4;" | '''<center>MEMORIES</center>'''|| style="background:#fff2a4;" |   
*Capturing of Photos via Camera
+
*Capture Photos via Camera
*Uploading of Photos via Gallery
+
*Select a Photo via Gallery
 
|}
 
|}
  
Line 107: Line 107:
  
  
<font face= "Elephant" size=3.2 color="#4D268F"> ''' DOCUMENTS REPOSITORY ''' </font><br/>
+
<font face= "Elephant" size=3.2 color="#4D268F"> ''' UT1 DOCUMENTS REPOSITORY ''' </font><br/>
 
{| class="wikitable"  
 
{| class="wikitable"  
 
|-
 
|-
Line 119: Line 119:
 
<br>
 
<br>
  
<br/><font face= "Elephant" size=4.5 color="#2f2929"> ''' Usability Test 2 ''' </font><br/>
+
<br/><font face= "Elephant" size=4.5 color="#2f2929"> ''' Usability Test 2 (14th February '13) ''' </font><br/>
 
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"
 
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"
|scope="row"  width="1200" style="text-align: left; background: #F5F5F5"|
+
|scope="row"  width="1200" style="text-align: left; background: #dff4ca"|
  
 
<font face= "Elephant" size=3.2 color="#4D268F"> ''' GOALS ''' </font><br/>
 
<font face= "Elephant" size=3.2 color="#4D268F"> ''' GOALS ''' </font><br/>
 +
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"
 +
|scope="row"  width="1200" style="text-align: left; background: #FFF8C6"|
 +
'''1. Make sure all the new features implemented are workable and do not affect the old features from UT1'''<br><br>
 +
'''2. Obtain feedbacks from our users to improve the usability, experience and performance of the App'''
 +
|}
  
  
<font face= "Elephant" size=3.2 color="#4D268F"> ''' SCOPE OF TEST ''' </font><br/><br/>
+
<font face= "Elephant" size=3.2 color="#4D268F"> ''' TEST SCOPE ''' </font>
 
 
 
 
<font face= "Elephant" size=3.2 color="#4D268F"> ''' TESTING METHODOLOGY ''' </font><br/><br/>
 
 
<imagemap>
 
<imagemap>
Image:Door1.jpg|250px|alt=Alt text
+
Image:Door1.png|320px|right|alt=Alt text
 
default [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_Viaxeiros_Application_Development/User_Testing_2 Welcome to User Testing 2]
 
default [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_Viaxeiros_Application_Development/User_Testing_2 Welcome to User Testing 2]
 
desc none
 
desc none
 
</imagemap>
 
</imagemap>
 +
{| class="wikitable"
 +
|-
 +
! style="width:20pt; background:#ffee8b;" | <center>S/N</center> !! style="width:150pt; background:#ffee8b;" | <center>MAIN FUNCTION</center> !! style="width:320pt; background:#ffee8b;" | <center>FEATURES TESTED</center>
 +
|-
 +
| style="background:#feffcb;" | '''<center>1</center>'''|| style="background:#feffcb;" | '''<center>LOGIN</center>'''|| style="background:#feffcb;" | 
 +
*Facebook Login
 +
*Qiito Email Login
 +
|-
 +
| style="background:#fff2a4;" | '''<center>2</center>''' || style="background:#fff2a4;" | '''<center>DISCOVERY</center>'''|| style="background:#fff2a4;" | 
 +
*View Featured Travelogues
 +
*View Featured Places
 +
*View Featured Photos
 +
*<font color="#FF0000">'''View Expanded Google Map in Individual Travelogue'''</font>
 +
*<font color="#FF0000">'''View Expanded Google Map in Individual Place'''</font>
 +
|-
 +
| style="background:#feffcb;" | '''<center>3</center>''' || style="background:#feffcb;" | '''<center>MY TRAVELOGUE</center>'''|| style="background:#feffcb;" | 
 +
*<font color="#FF0000">'''Add all places to new Travelogue'''</font>
 +
*<font color="#FF0000">'''Add a place to existing Travelogue'''</font>
 +
*View My Travelogue Listing
 +
*View Individual Travelogue <font color="#FF0000">'''(with expanded map)'''</font>
 +
*View Individual Place in My Travelogue <font color="#FF0000">'''(with expanded map)'''</font>
 +
*Download My Travelogue
 +
*View Travelogue Offline (without map)
 +
*View Places in Travelogue Offline (without map)
 +
|-
 +
| style="background:#fff2a4;" | '''<center>4</center>''' || style="background:#fff2a4;" | '''<center>MY MEMORIES</center>'''|| style="background:#fff2a4;" | 
 +
*Capture Photos via Camera
 +
*<font color="#FF0000">'''Upload Photos via Camera/Gallery to Qiito's Server'''</font>
 +
|-
 +
| style="background:#feffcb;" | '''<center><font color="#FF0000">5</font></center>''' || style="background:#feffcb;" | '''<center><font color="#FF0000">MY PROFILE</font></center>'''|| style="background:#feffcb;" | 
 +
*<font color="#FF0000">'''View My Followers'''</font>
 +
|}
 +
<font color="#FF0000">'''*those in RED are newly added features'''</font>
  
  
<font face= "Elephant" size=6.5 color="#2f2929"> '''[[IS480_Team_wiki:_2012T2_Viaxeiros_Application_Development/User_Testing_2 | Find out more ]]''' </font><br/><br/>
+
<font face= "Elephant" size=3.2 color="#4D268F"> ''' TESTING METHODOLOGY ''' </font><br/>
 +
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"
 +
|scope="row"  width="1200" style="text-align: left; background: #FFF8C6"|
 +
'''Our participants for UT2 consist of Existing and new Qiito App Users. For existing users, we asked our friends from UT1 to test on our App to see if our App has improved from UT1. We also target new users by inviting our fellow SMU friends from different schools to try out our App. '''<br><br>
 +
'''We conducted our Usability Testing 2 in a SR. Firstly, our team will brief them what our App is for. If the participants have Android phones, we will ask them to download our app from GooglePlay. If they have no Android phones, we will pass them our phones to test on. Like UT1, we gave our participants a sheet of instructions consisting a set of scenario-based tasks. We would then sit beside them and observe how they interact with our application. We should not guide them unless they are confused or don't know how to proceed. Our team would also note down the areas which are confusing.'''<br><br>
 +
'''After they have done with the tasks, we will then ask them to fill up an [https://docs.google.com/forms/d/1gB2qKNWdQu2tJ4zHeDXYnXwYWC5HlPQm7OlpaQ7ki_k/viewform Online Feedback Form]'''
 +
<imagemap>
 +
Image:UserTesting2.jpg|800px|center|alt=Alt text
 +
default [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2012T2_Viaxeiros_Application_Development/User_Testing_2 Welcome to User Testing 2]
 +
desc none
 +
</imagemap> <br/>
 +
|}
  
  
<font face= "Elephant" size=3.2 color="#4D268F"> ''' SUPPORTING DOCUMENTS ''' </font><br/><br/>
+
<font face= "Elephant" size=3.2 color="#4D268F"> ''' UT2 DOCUMENTS REPOSITORY ''' </font><br/>
 
+
{| class="wikitable"
 +
|-
 +
! style="width:120pt; background:#fdff98;" | <center>DOCUMENT NAME</center> !! style="width:140pt; background:#fdff98;" | <center>DOCUMENT LINKS</center>
 +
|-
 +
| style="background:#feffcb;" | '''<center>Scenario-Based Tasks</center>'''|| style="background:#feffcb;" | '''<center>[[Media:User_Testing_2_Scenario.docx‎|Click Here]]</center>'''
 +
|-
 +
| style="background:#feffcb;" | '''<center>UT 2 Feedback Form</center>'''|| style="background:#feffcb;" | '''<center>[https://docs.google.com/forms/d/1gB2qKNWdQu2tJ4zHeDXYnXwYWC5HlPQm7OlpaQ7ki_k/viewform Online Feedback Form]</center>'''
 +
|}
 +
|} <br/>
 
|}
 
|}
 
 
 
</div>
 
</div>
 
|}
 
  
 
<!------------------------------------Storyboard--------------------------------------->
 
<!------------------------------------Storyboard--------------------------------------->

Revision as of 02:16, 25 February 2013

Viaxerios Logov1.png

Welcome to Viaxeiros FYP Wiki Page

Navigation 3.png
User Requirements Analysis

Survey 1

You can find the questions to our survey here
A summary review of the survey could be found here
Summary findings (Charts) could be found here


Feedback (Google Deployment)

Watch out for this space


Usability Tests


Usability Test 1 (3rd - 6th January '13)

GOALS

1. Make sure all the new features are workable and ready for Deployment 1

2. Obtain feedback to improve the usability and performance of the App


TEST SCOPE

S/N
MAIN FUNCTION
FEATURES TESTED
1
LOGIN
  • Facebook Login
  • Qiito Email Login
2
DISCOVERY
  • View Featured Travelogues
  • View Featured Places
  • View Featured Photos
3
TRAVELOGUE
  • View My Travelogue Listing
  • View Individual Travelogue
  • View Individual Place in My Travelogue
  • Download My Travelogue
  • View Travelogue Offline (without map)
  • View Places in Travelogue Offline (without map)
4
MEMORIES
  • Capture Photos via Camera
  • Select a Photo via Gallery


TESTING METHODOLOGY

Our participants for UT1 are mainly our close friends. Each of us would get a friend to conduct User Testing with.

Firstly, our team will brief them what our App is for. As our App has not been deployed yet, we will pass them our phone and a sheet of instructions consisting a set of scenario-based tasks. We would then sit beside them and observe how they interact with our application. We should not guide them unless they are confused or unsure how to proceed.

After they are done with the tasks, we will then give them a feedback form for them to fill up.


UT1 DOCUMENTS REPOSITORY

DOCUMENT NAME
DOCUMENT LINKS
Scenario-Based Tasks
Click Here
UT 1 Feedback Form
Click Here



Usability Test 2 (14th February '13)

GOALS

1. Make sure all the new features implemented are workable and do not affect the old features from UT1

2. Obtain feedbacks from our users to improve the usability, experience and performance of the App


TEST SCOPE

Alt text
S/N
MAIN FUNCTION
FEATURES TESTED
1
LOGIN
  • Facebook Login
  • Qiito Email Login
2
DISCOVERY
  • View Featured Travelogues
  • View Featured Places
  • View Featured Photos
  • View Expanded Google Map in Individual Travelogue
  • View Expanded Google Map in Individual Place
3
MY TRAVELOGUE
  • Add all places to new Travelogue
  • Add a place to existing Travelogue
  • View My Travelogue Listing
  • View Individual Travelogue (with expanded map)
  • View Individual Place in My Travelogue (with expanded map)
  • Download My Travelogue
  • View Travelogue Offline (without map)
  • View Places in Travelogue Offline (without map)
4
MY MEMORIES
  • Capture Photos via Camera
  • Upload Photos via Camera/Gallery to Qiito's Server
5
MY PROFILE
  • View My Followers

*those in RED are newly added features


TESTING METHODOLOGY

Our participants for UT2 consist of Existing and new Qiito App Users. For existing users, we asked our friends from UT1 to test on our App to see if our App has improved from UT1. We also target new users by inviting our fellow SMU friends from different schools to try out our App.

We conducted our Usability Testing 2 in a SR. Firstly, our team will brief them what our App is for. If the participants have Android phones, we will ask them to download our app from GooglePlay. If they have no Android phones, we will pass them our phones to test on. Like UT1, we gave our participants a sheet of instructions consisting a set of scenario-based tasks. We would then sit beside them and observe how they interact with our application. We should not guide them unless they are confused or don't know how to proceed. Our team would also note down the areas which are confusing.

After they have done with the tasks, we will then ask them to fill up an Online Feedback Form

Alt text


UT2 DOCUMENTS REPOSITORY

DOCUMENT NAME
DOCUMENT LINKS
Scenario-Based Tasks
Click Here
UT 2 Feedback Form
Online Feedback Form


Storyboard

You can find our Storyboard here: Version 1


Technical Complexity

1. ActionBarSherlock

An Action Bar is a bar at the top of the screen which is used across the application to identify the application brand and to support navigation. As Action Bar is not available for pre-honeycomb Android devices, we decided to make use of the ActionBarSherlock library, an open-sourced library designed to facilitate the implementation of Action Bar natively across all versions of Android devices using a single API. This library also provides additional features such as Fragments which is currently not present in the standard ActionBar mode.

2. Fragments

To integrate with the Sherlock Action Bar used as a header bar, fragments are used to allow multiple interfaces within a single activity. This allows a better manipulation of functions when users navigate through the application. For example, the navigation between a web view and a native view with differing interface will only require two different fragments, instead of creating a new activity. In addition, due to the flexibility of fragments, each of them can be recycled and used in other activities within the application, reducing the need for repeated codes.

3. Image Loading

To speed up the display of pages and improve user experience, we have made use of “lazy loading” to enable the display of native pages (template) first while images are downloaded and displayed on the pages as and when they are ready. We have been able to do so with the use of the “Asynchronous” feature available in Android development.

4. URL Tracking

The android application that we are building for Qiito is a mixture of Qiito’s current mobile web and pure native pages. Some of the native pages include travelogue listing, travelogues and places. To enable switching between mobile web and native pages, there is a need to monitor the changes in URL. Should a following URL point to a webpage that requires native display, example travelogue listing, travelogues or places, there will be a need to call the native codes for display. Else, the mobile web should be called instead.

5. Different phone models with different OS versions

Since the Android software is offered on many different phone models, our team needs to cater for different image sizes to these phones. This is because phones tend to vary in size, features and user experience. Thus, this further complicates the native design process as additional time is required in resizing images and there is difficulty in ensuring consistency of the application for the rest of the other models. Additional testing is required as different sizes of phone models are tested to ensure that the images are displayed correctly.
Furthermore, older Android OS, which may not be able to support the newer OS, will not have the luxury to enjoy certain functionalities. Thus, extra time is needed to search for the best implementations without reducing usability of the application.

6. Offline Map Display (Pending)

Whilst overseas, users may have difficulty obtaining data connectivity to have access to the full functionalities of Google Maps. With the implementation of OSMDroid (Open Street Map Droid), the application will cache a specific map area pertaining to the user’s itinerary. This allows users to view the touring area on the offline map, complete with zooming features and search function of that particular area. Being an open-sourced package increases the difficulty of implementation, due to lack of proper documentation to explore customized functions. There are also certain restriction of its usage due to it being free, thus algorithms for download are required to be stricter.

7. QBeam – Augmented Reality View (Pending)

Even as locals, users may be surprised to discover unknown places of interest around their town. This is where QBeam comes in to help with the discovery, by displaying places of interests surrounding the user’s current location. This will be viewed through the lens of the phone camera, complete with the direction and distance away from the user. The team will be looking into exploring the Vuforia and Wikitude SDKs for Android in later iterations to deploy the Augmented Reality View function.



Resources

Below are the tools are resources our team is currently employing during this project:

[Eclipse IDE For Mobile Developers] Our trusty IDE that provides our coding environment!
[Subclipse] Subclipse is an Eclipse Team Provider plug-in providing support for Subversion within the Eclipse IDE.
[Android SDK Package] Providing the API libraries and developer tools necessary to build, test, and debug apps for our application.
[ActionBarSherlock] This library supports the use of ActionBar across all versions of Android using a single API.
[Fragments] Library that provides multiple interfaces within an Activity.
[OSMDroid] Map library we are exploring and deploying for our offline map viewing functionality.