bss-tig-app email client funtional design ui v.0.4 20160208 (1)

EMAIL Client Mobile App Project

Customer: TIGRIS Company Limited

Requirement Analysis and Solution Design

Version : 1.0

Date : 29 January 2016

ii

Accepted by: TIGRIS Company Limited

Name Signature

Date

정진원

Managing Director

EMAIL Android App Documentation.docx iii

Version History

Date Author Version Changes made Rationale

29/01/2016 Htet Myat Khin 1.0 Initial draft

EMAIL Android App Documentation.docx 4 of 29

1. Introduction

This document serves to define the detail design of the project as discussed and agreed in

System and Software Requirement Definitions by TIGRIS and Blue Stone. Requirement

Number in SSRD will be used as part of reference of detail design.


1.1 Requirement Definition

SSRD No. Description

RD-001 Show list view sort by Sender/ Subject/ Size/ Date

1. Inbox

2. Sent

3. Important

4. Drafts

5. Trash

6. Spam

RD-002 Functions for Inbox/ Sent/ Spam

1. Reply

2. Reply All

3. Forward

4. Delete

5. Archive

RD-003 Tools for Inbox/ Sent/ Spam

1. Set to Read/ Unread/ Important/ Spam/ Not Spam

2. List by All/ New Mail/ Read Mail/ Unread Mail/ Forwarded Mail

3. Move to specific mail box/ Trash

RD-004 Share Mail to TIGRIS community/ Personal

RD-005 Search by sender/ subject/ contents

RD-006 Trash

1. Delete

2. Reload

3. Move

RD-007 Draft

1. Delete

2. Open Compose Page

RD-008 Mail Detail View

1. Subject

2. Date

3. Sender

4. Receiver

5. Contents

6. Attached File

RD-009 User Defined Box

RD-010 Address Book

RD-011 Push Alarm


SSRD No. Description

RD-012 Compose

1. Subject

2. From

3. To

4. CC

5. BCC

6. Contents

7. Attach File

8. SEND or Save to Draft

Table 1: Requirement Definition

*Note: According to product hierarchy requirement, volume will be planned in product type

level instead of product group level.


1.2 Use Case (Work Flow)

1.2.1 UC-V001: Compose Mail

Type username and password. And click

login button

SD-V001 : Login

Inbox Mail List

Inbox Mail list sort by sender/ subject/ size/

date

SD-V002 : Inbox

List View

SD-V002 : Inbox

Compose mail

SD-V006 : Compose

Compose mail

Click send item

SD-V006 : Compose

Inbox Mail List

Click save item

SD-V006 : Compose

Inbox Mail List

ClickButton

StartEnd

Write mail Mail Send?

Yes

Save as Draft?

NoYes

No Click back item

SD-V006 : Compose

Inbox Mail List

Figure 1: Compose Mail


1.2.2 UC-V002: Delete Mail

Inbox Mail list sort by sender/ subject/ size/

date

SD-V002 : Inbox

List View

Click delete button

SD-V003 : Mail List

List View

Start End

Select Mail(Multi Select)

SD-V004 : Mail List

List View

Left swipe on Mail list(Single select)

SD-V003 : Mail List

List View

Click on mail to read detail

SD-V007 : Mail detail

Mail Detail

Click delete button

SD-V004 : Mail List

List View

Click delete button


Mail Detail

Figure 2: Delete Mail


1.2.3 UC-V003: Reply/ Reply All/ Forward

StartClick on mail to read

detail

SD-V002 : Inbox

Mail Detail


Mail Detail

Click

ButtonClick reply all Button


Mail Detail

Click reply Button


Mail Detail

Click forward Button


Mail Detail

EndView Mail

Detail

Figure 3: Reply/ Reply All/ Forward


1.2.4 UC-V004: Move To

Inbox Mail list

SD-V002 : Inbox

List View

Click Menu item

SD-V004 : Mail List

List View

Start End

Select mail

SD-V004 : Mail List

List View


SD-V002 : Inbox

Mail Detail

Click move to item

SD-V004 : Mail List

List View

Click Menu item


Mail Detail

Click move to item


Mail Detail

Select specific mail box

SD-V008 : Box List

List View

Figure 4: Reply/ Reply All/ Forward


1.2.5 UC-V005: Spam

Inbox Mail list

SD-V002 : Inbox

List View

Click Menu item

SD-V004 : Mail List

List View

Start End

Select mail

SD-V004 : Mail List

List View


SD-V002 : Inbox

Mail Detail

Click Report item

SD-V004 : Mail List

List View

Click Menu item


Mail Detail

Click Report item


Mail Detail

Figure 5: Spam


1.2.6 UC-V006: Mark Important

Inbox Mail list

SD-V002 : Inbox

List View

Start

SD-V002 : Inbox

List View

Click item

Inbox Mail list

SD-V002 : Inbox

List View


SD-V002 : Inbox

Mail Detail

Click mark important item


Mail Detail

Click menu item


Mail Detail

End

Figure 6: Mark Important

1.2.7 UC-V007: Set Read/ Unread

Start Select mail

SD-V002 : Inbox

List View

Click read or unread item

SD-V004 : Mail List

List View

End

Figure 7: Set Read


1.2.8 UC-V009: Archive

Inbox Mail list

SD-V002 : Inbox

List View

Start

Select mail(Multi Select)

SD-V004 : Mail List

List View

Click archive item

SD-V004 : Mail List

List View

End

Left Swipe on Mail list(Single select)

SD-V003 : Mail List

List View

Click archive item

SD-V003 : Mail List

List View

Figure 8: Archive


1.3 Screen Design

1.3.1 SD-V001: Login

1.3.1.1 Screen Layout

Enter Text

Enter Text

Email :

Password :

Login

Figure 9: Login


1.3.1.2 Field Description

Field Name Description Required Field Type LOV Source

Email Tigris Email Name Y <Free Text>

Password Password of User Y <Password>

Table 2: Field Description

1.3.1.3 Control Properties

Control Name Description Validation and Special Feature

Login To access mail User name and password is valid or not

Table 3: Screen Control Properties


1.3.2 SD-V002: Inbox – Mail List


Inbox

Time here

SSender NameSubjectMail Content

Figure 10: Inbox – Mail List

Search

Favorite

Compose

Menu

First Letter of

sender name




Mail List List of inbox Y <List View>




Search Search mail by sender/ subject/ contents

Favorite To set selected mail as favorite

Compose Go to compose page

Menu Show Menu



1.3.3 SD-V003: Mail List - Left Swipe on Mail List


Inbox

Move To Delete Spam

Figure 11: Mail List – Left swipe on Mail List




Group Box Show three buttons on selected mail list Y




Move to Selected mail is moved to Specific Folder

Delete Selected mail is sent to Trash

Spam Selected mails are moved to Spam

Search Search for sender/subject/contents



1.3.4 SD-V004: Mail List – Multi Select


Photo:

Photo:

Photo:

Time here

Time here

SSender NameSubject Mail Content

Photo:SSender NameSubject

Mail Content

Photo:SSender NameSubject

Mail Content

Time here

Move To SpamRead/

Unread

Delete

Figure 12: Mail List – Multi Select

Back

Mark important




Back Back to inbox mail list

Read Selected mails are marked as Read

Unread Selected mails are marked as Unread

Delete Selected mails are moved to Trash

Move to Selected mails are moved to Specific Folder

Mark Important Selected mails are marked as Important

Report Spam Selected mails are moved to Spam



1.3.5 SD-V005: Menu


Inbox

Drafts

Sent

Trash

Important

Spam

UsernameEmail Address

15

photo

Notification

Setting


Figure 13: Account – Volume Confirmation View



Photo Show the user photo N <Picture>

Username Show the username of login person Y <Label>

Email Show the email address of login person Y <Label>




Notification Show the number of unread mail

Inbox Show the inbox mail list

Drafts Show the draft mail list

Sent Show the sent mail list

Spam Show the spam mail list

Trash Show the trash mail list

Important Show the important mail list

Setting Mail setting



1.3.6 SD-V006: Compose


Enter Text

Enter Text

Enter Text

Enter Text

Enter Text

Enter Text

Enter Text

Enter Text

Compose

To :

Subject:

Attach :

Compose

To :

Cc :

Bcc :

Subject:

Attach :Text here . . . . . .

Text here . . . . . .

Figure 14: Compose Mail

Back

Save Sent

Attach

Content




To Email address that you want to send mail Y <Text>

Subject Title of your mail N <Text>

Attach Attach the file that you want to send N <Browse>

CC The email address that you want to send

carbon copy

N <Text>

BCC The email address that you want to send

blind carbon copy

N <Text>

Content Write the text that you want to send N <Text>




Back Save to Draft and go back to mail list

Save Save to Draft

Send Send the mail

Plus Expend the CC and BCC text box

Minus Collapse the CC and BCC text box



1.3.7 SD-V007: Mail Detail


Reply

Reply All

Forward

Mail Contents here

Mail Contents here

Mail Subject Here

Mail Subject Here

DeleteDelete

Move To SpamRead/

Unread

Sender Name

To : Receiver Name Read detail

Sender Name

To : Name, EmailCC : Name, EmailBcc : Name, Email

Back

Content

Clicked

Clicked

Read detail

Clicked

To

previous

mail To Next

mail


Figure 15: Mail Detail



Content Show the mail detail Y <Text>



Back Back to inbox mail list

Delete Moved to Trash

Move to Moved to Specific Folder

Read/Unread Set mail to read or unread

Report Spam Moved to Spam

Read detail To see detail of mail receiver (CC , Bcc)

Reply Reply the mail

Reply All Reply the mail to all person concern with this mail

Forward Forward mail



1.3.8 SD-V008: Settings


Save

Username

Email Address

Mobile Alarm

Mobile Signature

Save

Username

Email Address

Mobile Alarm

Mobile Signature

Enter Text

photophoto

Figure 17: Settings

Off

On Off

On




On On the mobile alarm and signature

notification

Y <Boolean>

Off Off the mobile alarm and signature

notification

Y <Boolean>

Save To save change the settings Y <Button>



Mobile alarm To receive the notification of new incoming email

Mobile signature To input text


bss-tig-app email client funtional design ui v.0.4 20160208 (1)

Documents