Final Presentation

Akash Gurung

Nur Hazirah

Priya Pathak

Roohiya Dudekula

Saloni Rawat

Saraniya Elengovan 1

Creating a Android app and

accompanying web application

for Jove Pater Media (JPM)

Project Overview

2

Agenda

1

2

3

4

Team

Project Overview

X-Factor / Value to Sponsor

Demonstration

5

6

7

8

Technical

Project Management

User Test 2

Learning Outcomes

3

Client Stakeholders

• Jove Pater Media

• Pioneer comic publishing house

• Long-Term Goal: – Be recognised as a significant

participant of the global comic industry

4

Akash Gurung:

Developer

Roohiya Dudekula:

Quality Controller

Saraniya Elengovan:

Developer

Saloni Rawat:

Designer

Nur Hazirah:

Lead Developer

Priya Pathak:

Project Manager

5

Team Roles Stakeholders

Project Overview

6

7

Project Description Project

Overview

Android: One stop platform for

customers to be able to

read, view, download

and purchase comics on

the go

Web application: Administrators are able

to control the content

on app

Front-End: Android Application

Back-end: Accompanying Web App

Admin User Guide

8

Deliverables to Client Project

Overview

• Handover: 6th December 2013

• Training: 6th December 2013

9

Deliverables to Client Project

Overview

Android Versions

Jellybean Gingerbread Dynamic layout to

different sizes

to

Phone Specifications Project

Overview

10

Sony Xperia Z Samsung Note Samsung Note 2 LG Optimus G

11

Devices Project

Overview

Scope Overview Project

Management

12

User Type Project

Management

13

Admin Customer

X-Factor

14

Enhanced Viewing Project

Management

15

1

2

3

1 3

2

Value to Sponsor

16

2 view types: Pinch Zoom / Double Tap Project

Management

17

Pinch

Zoom /

Double

Tap

2 Purchase Options Project

Management

18

Hardcopy Comic Softcopy Comic

Demonstration

19

• Login / Logout

• Create admin

• Edit password

• Delete admin

• Forget password

Website: Account Mgmt Demo

20

• Website: Add a comic and click on feature

• Show the comic appear on the application

Featured Demo

21

• Website: Upload a comic for today’s date

• Application: Show comic appearing for today

What’s New Demo

22

• Website:

– Payment Details

– Generate Most Popular

• Application: Show it appearing on application

Most Popular Demo

23

• Website

– Fix softcopy price as 0.0

– Add price and number available to hardcopy

• Application

Free and Hardcopy Demo

24

• Website: – CRUD series

– CRUD creator

– CRUD comic

• Application: – Browse by Series

– Application: Browse by Creator

– Application: Browse by Rating

– Application: Browse by Genre

Browse Demo

25

• Application

Search Demo

26

• Website: CRUD video

• Application:

– View video

Video Demo

27

• Application (Download and My Comics): – Purchase one hardcopy

– Purchase one softcopy free

– Purchase one softcopy paid

• Website – Customer details

– Purchase details

– View hardcopy orders

– View hardcopy order detail

– Change status

Payment Demo

28

• Website:

– CRUD coordinates

• Application:

– View comic

Enhanced Viewing Demo

29

• Application

– My Settings

– Double tap and zoom in out

Pinch Zoom Demo

30

Technical

31

Technologies Used Technical

Application Website

Server

Google Endpoints

Google App

Engine

32

Technologies Used Technical

Main

Coding

Language

Others

33

Architecture Diagram Technical

34

Deployment Project

Management

35

• Deployed to Google Play Store

• Deployment Status: White label

• Number of downloads: 19

Technical Complexities

36

Enhanced View Process Technical

37

Step 1: Website

• Choose panels

for each image

jQuery Plug in:

Image area

select

Modified codes to

allow selection of

rectangles

Issue:

Aspect ratio

• Only able to

choose square

Enhanced View Process Technical

38

x1

y1

x2

y2

Width

Height

Enhanced View Process Technical

39

Bitmap region

decoder

Chosen panel

becomes a

zoomed in

bitmap

Step 2: Android Application

Enhanced View Process Technical

40

On

Application

Project Management

41

Changes in Scope Project

Management

42

Initial

Secondary

1. Search for

website

2. QR

(purchase

of

hardcopy

comics)

Wish List

1. Related

comics

2. Guided

viewing

Current

Core

1. Enhanced

viewing

Secondary

1. Related

comics

2. Payment

Wish List

1. Search for

website

2. QR

Timeline Project

Management

46

Schedule Project

Management

Iteration 1

(7 days)

• Requirements

• Market

Research

• Project scope

• Roles

• Schedule

• Technology

Iteration 2

(14 days)

• Milestones

• Deliverables

• Diagrams

Iteration 3

(14 days)

• Metric

• Prototype

• Research

47

Schedule Project

Management

Iteration 4

(19 days)

• Setup database

• Website layout

• Account Management

Iteration 5

(39 days)

• Content

Management

• Comic

Management

• Purchase

Management

• App Layout

• App

navigation

• Acceptance 48

Schedule Project

Management

Iteration 6

(17 days)

• App layout

• Content

Management

• Comic

Management

• Purchase management

• Video

Management

Iteration 7

(19 days)

• Application

layout

• Comic

management

• Search

management

• Purchase

management

• UT 1

• Mid-Term 49

Schedule Project

Management

Iteration 8

( days)

• Application layout

• Account management

• Content management

• Comic management

• Purchase management

• Search management

Iteration 8

( days)

• Application layout

• Account management

• Content management

• Comic management

• Search management

• UT 2 (Application)

• UT 3 (Website)

50

Schedule Project

Management

Iteration 9

( days)

• Application layout

• Comic management

• Analytics management

• Purchase management

• UT 2

• Finals

Iteration 9

( days)

• Application layout

• Comic management

• Analytics management

• Purchase management

• Finals

51

Schedule Metric Project

Management

At the end of every iteration

Formula

Frequency

Schedule Metric = Estimated time

Actual time x 100

52

Action Plan Project

Management

Score Action Plan Status

SM < 50

1. Immediately, inform supervisor and sponsor about the slip within 24 hours.

2. Re-estimate the tasks for the future iterations.

3. Deduct the number of days behind schedule from buffer days. 4. If there is no more buffer day, decide the functionalities to drop.

Behind schedule

50 < SM <= 90 1. Re-estimate the tasks for the future iterations. 2. Deduct the number of days behind schedule from buffer days. 3. If there is no more buffer day, decide the functionalities to drop.

Behind schedule

90 < SM <= 110

Estimate is fairly accurate and the team is roughly on track. 1. Add/Deduct the number of days behind schedule from buffer

days. 2. If there is no more buffer day, decide the functionalities to drop.

On schedule

110 < SM <= 150

Gross over-estimated the effort required. 1. Re-estimate the tasks for the future iterations. 2. Add the number of days gained to buffer days.

Ahead of schedule

150 < SM 1. Immediately, inform your supervisor about the slip within 24

hours. 2. Then use the same mitigation as the category 110 < SM < 150

Ahead of schedule

53

Schedule Metric Score Project

Management

100 100 100

73.7

89.2

100

89.5

75.3

85.7

0

20

40

60

80

100

120

1 2 3 4 5 6 7 8 9

Pe

rce

nta

ge

Iteration

Schedule Metric

55

Actions Taken Project

Management

• Reason for major delay in Iteration 8:

– Payment

– Enhanced viewing

• Action plan:

– Did not drop any functionality

– Rescheduled iteration by delaying

iteration 8

56

Actions Taken Project

Management

• Reason for major delay in Iteration 9:

– Payment

• In-app billing takes time to test as application

needs to be deployed.

• Deployment takes a minimum of 2 hours

• Action plan:

– Team will not implement UT 2 feedback

– Use time to fix payment issue

57

Bug Metric Project

Management

59

At the end of every iteration

Formula

Frequency

Bug Metric =

(Number of Bugs in High Impact Category x 5)]

∑[(Number of Bugs in Low Impact Category x 1) x

Calculation Project

Management

60

Bug Impact Description Score

Low Minor UI issues. The system retains full functionalities. 1

High The application is still able to run with some non-critical

functionalities not working. 5

Critical System has crashed. / System runs but application has lost

core functionalities. 10

Score Action

BM =< 7 Use the planned debugging time in the iteration or if not

enough time push to next iteration.

7 < BM < 15 Use buffer time

BM >= 15 Stop next iteration and fix bugs

Single 10 point bug Stop next iteration and fix bugs

Bug Metric Score Project

Management

62

0 0 0

9

13 14

12

33

17

0

5

10

15

20

25

30

35

1 2 3 4 5 6 7 8 9

Pe

rce

nta

ge

Iteration

Bug Metric

Bug Metric Score Project

Management

63

• Reason for Iteration 8:

– Payment

– Enhanced viewing

• Action plan:

– Stop current iteration and fix bugs

– Team members not part of Payment and

EV team continued with Iteration 9

functions

Bug Metric Score Project

Management

64

• Reason for Iteration 9:

– Payment: In-app billing

• Action plan:

– Do no implement feedback for UT 2

– Use buffer period

65

Medium High High

Low Medium High

Low Low Medium

L

ow

M

ed

ium

Hig

h

Low Medium High

Like

liho

od

Impact

Risk Metric Project

Management

Risk Likelihood Impact Threat

Level

Mitigation

Strategy

Unable to

complete

enhanced viewing

for “View Comic”

due to technical

complexities such

as customizing

aspect rations of

the coordinates

according to

different phone

specifications.

High

High:

Unable to

meet the

expected

scheduled

deadline

High

• Dropped a

functionality

(QR)

• Reschedule

66

Risk and Mitigation Project

Management

New

Risk Likelihood Impact Threat

Level Mitigation Strategy

Unable to fix in-

app billing

related bugs

due to time

required for

deployment

High

High: Result

in slower

deliverables

and the

team may

not meet

the

expected

scheduled

deadline

High

• Drop a

functionality or

task

• Team did not

implement UT 2

feedback

67

Risk and Mitigation Project

Management

New

Risk Likelihood Impact Threat Level

Mitigation Strategy

Downtime of

members due

to sickness

Medium

High:

Unable to

meet the

expected

scheduled

deadline

Medium

• Re-allocate tasks

to other team

members the

tasks or use up

buffer time.

68

Risk and Mitigation Project

Management

Old

User Test 2

69

Participants

• Jove Pater Media

• SMU students

• External parties

Date

• 27 November 2013

• 28 November 2013

70

Client User Test 3

Client SMU Outsiders

Number of Users 4 23 12

Total 39

71

Criteria

• Group 1: Never viewed any comic application

• User must have used an Android phone

Users and User Criteria User Test 3

Sony Xperia Z Samsung Note Samsung Note 2 LG Optimus G

72

Devices User Test 3

Usefulness of Product

• Functions

• Reading of comics

Navigation

Layout of Applications

• How easy is it to find things

• How easy is it to move from one place to

another

• Aesthetics

• Clarity

• Attractiveness

73

Objective User Test 3

• Observation notes

• Comments provided for the tasks

• Subjective ratings

• Overall comments provided by users

• Probe users with questions to get more

detailed answers and better understanding

74

Measures User Test 3

• UI and

Navigation

Carousel

Swipe

• Functions

Login

Reading

Payment

Settings

Browse

Search

75

What was tested? User Test 3

Result User Test 3

76

Task 1: General

Please write your initial thoughts about the application

Positive

•Colourful, organized and attractive.

•The layout is very intuitive, simple and clean

Negative

•The loading of the comics is laggy due to internet connection

•Pictures are not clear

•Banner bar is not clear and indicate what is the app is about

(No banner name)

Result User Test 3

77

Task 2: Layout

Did you notice Carousel (banner) on the Featured page and

attempted to swipe through the pictures?

Yes No

28 users 11 users

Observation Note:

None of the 35 (excluding clients) users knew that the carousel

images were clickable.

Result User Test 3

78

Task 3: Layout and Navigation

Please name the 5th comic that was available on the app on

the 20th of November 2013.

Yes No

37 users 2 users

Reason for NO:

Did not notice the dates in What’s New section

79

Task 4: Navigation

Please go onto find more details about the comic Captain

Marvel Jr. such as ‘Synopsis’, ‘Written By’ and preview the comic

and also view the video.

Result User Test 3

36

0 2 3

1

37

0

5

10

15

20

25

30

35

40

Completed Efforts

Yes

Somewhat

No

81

Task 6: Navigation

You can view the comic using two viewing methods, either

Pinch Zoom or Enhanced Viewing. These can be selected in the

settings page. Please select Enhanced viewing for the next task.

90

3 7

12

88

0

10

20

30

40

50

60

70

80

90

100

Completed Efforts

Yes

Somewhat

No

Result User Test 3

82

Task 7: Enhanced Viewing, Payment and Login

Please purchase a softcopy comic from Featured section. Once

the comic has been downloaded, please try out the Enhanced

viewing experience

90

3 7

12

88

0

10

20

30

40

50

60

70

80

90

100

Completed Efforts

Yes

Somewhat

No

Result User Test 3

Result User Test 3

83

Observation:

Since the team did not explain to users how enhanced viewing

works, the users had a little bit of difficulty figuring out how the

function worked. But 90% of the users were able to figure it out

after few clicks.

Positive

•Allows for easier read

•The layout is very intuitive, simple and clean

Negative

•Unable to zoom after click on a panel

•No tutorial or guide to Enhanced viewing

•Not clear pictures

84

Strongly Disagree 1

Disagree 2

Neutral 3

Agree 4

Strongly Agree 5

Question UT 2 UT 1

I found the application too complex. 1.92 1.74

I thought the application was easy to use. 4.23 3.23

It was easy to get used to the application. 3.56 3.67

I would recommend this application to my peers. 3.77 3.10

The buttons are helpful. 4.54 3.62

Tasks can be performed in a straightforward manner. 3.62 3.28

It’s is relatively easy to move from one part of a task to

another. 3.51 2.87

Using this application is frustrating. 1.59 1.87

The organization of the menus or information lists seems

quite logical. 4.08 3.41

The application is very attractive. 5.05 2.54

Result

Overall Feedback User Test 3

“Tabs makes navigation easy, aesthetics are appealing.”

“Browsing by different categories makes things easier for viewing

and searching”

“There needs to be an in-app back button .”

“The textboxes there are some gaps .”

“Need tutorial for Enhanced Viewing.”

“Some of the headers (especially browse) are not informative

enough, so hard to keep track of where you at.”

Recommendations User Test 3

Reduce the number of options available for swipe.

Learning Outcomes

89

I have understood that it is not only the team’s technical skills that results in a

successful project. It is the dedication and

communication that helps us achieve a

positive outcome.

I have gained a better understanding of

how to develop an Android application. I have also learn the importance of a

methodological approach as it can

reduce a lot of future issues one may face.

90

Akash and Hazirah Team

Reflections

I have experienced the stress of technical

setback and delayed schedule. Through these I have learnt to cope with such

stresses, plan ahead and always be

positive.

I have realized the important role constant communication plays in team dynamics. If

we do not communicate up front the team

will have unresolved issue which will reflect

in the end product.

91

Priya and Roohiya Team

Reflections

I have understood the need for time

management and priorities. When working in a team there is a need for a balance

between personal and team priorities.

I have learnt the need of clear project

management procedures. This helps us get

back to track when there are temporary

breakdowns.

92

Saloni and Saraniya Team

Reflections