instabay - fsd (sprint #4) v1.0

43
FSD: InstaBay Phase 1 For: Sprint #4 By: SparkWorks Version: 1.0 The information in this document and any attachment(s) is confidential and may be legally privileged. If you are not the reviewer, copying or other use of this document or any of its content is strictly prohibited and may be unlawful.

Upload: weliandrian145451

Post on 22-Nov-2015

21 views

Category:

Documents


2 download

DESCRIPTION

InstaBay - FSD (Sprint #4) management IT Project

TRANSCRIPT

  • FSD: InstaBay Phase 1 For: Sprint #4 By: SparkWorks

    Version: 1.0

    The information in this document and any attachment(s) is confidential and may be legally privileged. If you are not the reviewer, copying or other use of this document or any of its content is strictly prohibited and may be unlawful.

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 2

    1 TABLE OF CONTENTS

    2 Publication Details ................................................................................................................................... 4

    3 Overview .................................................................................................................................................. 5

    4 Activity Flow ............................................................................................................................................ 6

    5 Functional Specification ......................................................................................................................... 10

    5.1 Like Item, Like Seller.................................................................................................................... 10

    5.1.1 Description .................................................................................................................... 10

    5.1.2 Draft UI / UX Design ...................................................................................................... 10

    5.1.3 Global Process............................................................................................................... 15

    5.1.4 Flow / Activities ............................................................................................................ 16

    5.1.5 Rules & Validations ....................................................................................................... 16

    5.2 Purchase History ......................................................................................................................... 17

    5.2.1 Description .................................................................................................................... 17

    5.2.2 Draft UI / UX Design ...................................................................................................... 17

    5.2.3 General List Data Loading Rules ................................................................................... 20

    5.2.4 Global Process............................................................................................................... 21

    5.2.5 Flow / Activities ............................................................................................................ 21

    5.2.6 Rules & Validations ....................................................................................................... 22

    5.3 Sell History .................................................................................................................................. 23

    5.3.1 Description .................................................................................................................... 23

    5.3.2 Draft UI / UX Design ...................................................................................................... 23

    5.3.3 General List Data Loading Rules ................................................................................... 26

    5.3.4 Global Process............................................................................................................... 27

    5.3.5 Flow / Activities ............................................................................................................ 27

    5.3.6 Rules & Validations ....................................................................................................... 30

    5.4 Invite People (Contacts & Facebook) .......................................................................................... 31

    5.4.1 Description .................................................................................................................... 31

    5.4.2 Draft UI / UX Design ...................................................................................................... 31

    5.4.3 General List Data Loading Rules ................................................................................... 35

    5.4.4 Global Process............................................................................................................... 36

    5.4.5 Flow / Activities ............................................................................................................ 36

    5.4.6 Rules & Validations ....................................................................................................... 37

    5.5 Buy Item ...................................................................................................................................... 38

    5.5.1 Description .................................................................................................................... 38

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 3

    5.5.2 Draft UI / UX Design ...................................................................................................... 38

    5.5.3 General List Data Loading Rules ................................................................................... 40

    5.5.4 Global Process............................................................................................................... 41

    5.5.5 Flow / Activities ............................................................................................................ 41

    5.5.6 Rules & Validations ....................................................................................................... 42

    6 Approvals ............................................................................................................................................... 43

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 4

    2 PUBLICATION DETAILS

    CONFIDENTIALITY DISCLOSURE STATEMENT

    This document contains confidential material proprietary to SparkWorks. The material, ideas, and concepts contained herein are to be used exclusively to evaluate the capabilities of SparkWorks and to provide assistance to SparkWorks in response to the inquiry of InstaBay. The information and the ideas herein SHALL NOT be duplicated or disclosed in whole or in part to anyone outside of SparkWorks or be used for purposes other than evaluation of SparkWorks capabilities.

    DOCUMENT CONTROL RECORD

    Document Title : FSD: InstaBay Phase 1

    Subject Classification : For: Sprint #4

    Security Classification : Confidential

    VERSION CREATION / REVISION DATE

    CREATED / REVISED BY

    REMARKS

    1.0 10 June 2013 Ricardo Alexander

    Final 1.0

    This document is stored and maintained electronically. If any doubt exists as to the issue status of a printed copy, reference should be made to the Document Owner for verification.

    Best Regards

    Ricardo Alexander

    SparkWorks

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 5

    3 OVERVIEW

    This document describes the flow / process, activities, rules, design, and details for InstaBay Phase 1, specifically for Sprint #3 that contains these functions:

    Social o Invite People

    Using Email (Contacts) Using Facebook

    o Like Seller Item

    o Like Item Transaction

    o Purchase History o Sell History / Seller Admin o Buying / Buy Process

    The UI and UX design below are not final (just a draft version), the main goals are to show the fields, elements, rules, action, and validation related to the screen. There will be a final sprint FSD that focuses on UI, UX, and Design.

    By signing and approving this document means that both sides agrees to work on the specifications listed in this document, and any changes will be regarded as a Change Request. The cost for the Change Request will not be discussed in this document, and will be decided based on the agreement of both sides.

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 6

    4 ACTIVITY FLOW

    The diagram below shows the activity flow of the app involving the screen being developed on Sprint #1 and Sprint #2, and Sprint #3.

    Figure 1 - Initial Activity

    Figure 2 - Second Activity

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 7

    Figure 3 - Menu & Navigation Activity

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 8

    Figure 4 - Action Activity

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 9

    Figure 5 - Main Menu

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 10

    5 FUNCTIONAL SPECIFICATION

    5.1 LIKE ITEM, LIKE SELLER

    5.1.1 Description

    The like item and like seller enable the current user to like an item or like a seller. This action will be available from New, Featured, Favorite, User Store, User Profile, and Item Details screen.

    The UI and UX design below are not final (just a draft version), the main goals are to show the fields, elements, rules, action, and validation related to the screen. There will be a final sprint FSD that focuses on UI, UX, and Design.

    5.1.2 Draft UI / UX Design

    Fields & Elements (the fields, elements, and information that will be displayed on the screen):

    1. Like Item Icon (act as a button) 2. Like Seller Icon (act as a button)

    Figure 6 - New

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 11

    Figure 7 Featured

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 12

    Figure 8 Favorite

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 13

    Figure 9 - Item Details

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 14

    Figure 10 - User Store

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 15

    Figure 11 - User Profile

    Important Points:

    The header toolbar of the device will be shown The menu bar will be shown The love icon are touchable (buttons) There are certain action when touching event occurred (see details below)

    5.1.3 Global Process

    Screen shown Press the icon Action executed depends on the

    icon pressed

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 16

    5.1.4 Flow / Activities

    There will be data loading process from the backend web services (when requested only). There will be internet activities running on the background within this screen.

    5.1.4.1 Like Item Icon Pressed

    5.1.4.2 Like User Icon Pressed

    5.1.5 Rules & Validations

    There are no rules or validations for this screen.

    Pressed the like item icon

    The item is liked by the current user

    The like item icon change color / state

    Pressed the like user icon

    The user is liked by the current user

    The like user icon change color / state

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 17

    5.2 PURCHASE HISTORY

    5.2.1 Description

    The purchase history module will list all items that have been purchased by the current user. There will be 2 screens, one for the listing, and one for the details when the list item is clicked / pressed. The purchase history will be a view only function / module.

    The UI and UX design below are not final (just a draft version), the main goals are to show the fields, elements, rules, action, and validation related to the screen. There will be a final sprint FSD that focuses on UI, UX, and Design.

    5.2.2 Draft UI / UX Design

    Fields & Elements (the fields, elements, and information that will be displayed on the screen):

    1. List a. Picture b. Order Date & Time c. Order Number d. Title e. Store Name f. Seller Name g. Qty h. Total Amount i. Paid Flag j. Shipped Flag

    2. Details a. Picture b. Order Date & Time c. Order Number d. Title e. Full Description f. Buyer Name g. Store Name h. Seller Name i. Qty j. Total Amount k. Paid Flag l. Payment Date m. Payment Method n. Bank Name o. Account Name p. Account Number q. Other Payment Info r. Shipped Flag s. Shipment Date t. Carrier u. Tracking Number v. Ship To w. Address x. Other Info

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 18

    Figure 12 - Purchase History List

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 19

    Figure 13 - Details (1)

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 20

    Figure 14 - Details (2)

    Important Points:

    The header toolbar of the device will be shown The menu bar will be shown Date & Time format example: May 3, 2013 at 14:52 There are certain action when sliding / touching event occurred (see details below) The Paid and Shipped flag on the list and details are read only All the data on the details screen are read only

    5.2.3 General List Data Loading Rules

    All item list data will be fetched from the backend web services The text data will be fetched first The image will be fetched after the text data have been fetched Each batch of getting data from the backend web services will get a maximum of 10 items Scrolling to the bottom of the screen will trigger the loading process (old items), and append it to

    the bottom

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 21

    5.2.4 Global Process

    5.2.5 Flow / Activities

    There will be data loading process from the backend web services (when requested only). There will be internet activities running on the background within this screen.

    5.2.5.1 Initial Load

    Purchase history menu pressed

    Purchase history list screen are

    shown Load the data

    Pressed on one of the item

    The details screen are

    shown

    The purchase history screen

    shown

    Shows the loading bar

    Load the text data first from the backend web

    services

    Load the images after the text data have been loaded

    The purchase history data are

    shown

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 22

    5.2.5.2 Slide / Scroll Screen

    5.2.5.3 Item Area Pressed (Purchase History List)

    5.2.5.4 Back Button Pressed

    5.2.6 Rules & Validations

    There are no rules or validations for this screen.

    The details screen shown

    Shows the loading bar

    Load the text data first from the backend web

    services

    Load the images after the text data have been loaded

    The details data are shown

    Scroll the screen The screen will

    scroll

    If it reach the bottom, it will loads another

    data (old items)

    Pressed the item area The details screen will

    be shown

    Back button pressed Go to the previous

    screen

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 23

    5.3 SELL HISTORY

    5.3.1 Description

    The sell history module will list all items that have been sold by the current user. There will be 2 screens, one for the listing, and one for the details when the list item is clicked / pressed. The sell history will be a view only function / module.

    The UI and UX design below are not final (just a draft version), the main goals are to show the fields, elements, rules, action, and validation related to the screen. There will be a final sprint FSD that focuses on UI, UX, and Design.

    5.3.2 Draft UI / UX Design

    Fields & Elements (the fields, elements, and information that will be displayed on the screen):

    3. List a. Picture b. Order Date & Time c. Order Number d. Title e. Buyer Name f. Qty g. Total Amount h. Paid Flag i. Shipped Flag

    4. Details a. Picture b. Order Date & Time c. Order Number d. Title e. Full Description f. Buyer Name g. Store Name h. Seller Name i. Qty j. Total Amount k. Paid Flag l. Payment Date m. Payment Method n. Bank Name o. Account Name p. Account Number q. Other Payment Info r. Shipped Flag s. Shipment Date t. Carrier u. Tracking Number v. Ship To w. Address x. Other Info

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 24

    Figure 15 - Sell History List

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 25

    Figure 16 - Details (1)

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 26

    Figure 17 - Details (2)

    Important Points:

    The header toolbar of the device will be shown The menu bar will be shown Date & Time format example: May 3, 2013 at 14:52 There are certain action when sliding / touching event occurred (see details below) The Paid and Shipped flag on the list are read only The Paid and Shipped flag on the details are clickable, if checked then the textbox below will be

    enabled All the data on the details screen are read only, except for the Paid & Shipped area

    5.3.3 General List Data Loading Rules

    All item list data will be fetched from the backend web services The text data will be fetched first The image will be fetched after the text data have been fetched Each batch of getting data from the backend web services will get a maximum of 10 items Scrolling to the bottom of the screen will trigger the loading process (old items), and append it to

    the bottom

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 27

    5.3.4 Global Process

    5.3.5 Flow / Activities

    There will be data loading process from the backend web services (when requested only). There will be internet activities running on the background within this screen.

    5.3.5.1 Initial Load

    Sell history menu pressed

    Sell history list screen are

    shown Load the data

    Pressed on one of the item

    The details screen are

    shown

    The sell history screen shown

    Shows the loading bar

    Load the text data first from the backend web

    services

    Load the images after the text data have been loaded

    The sell history data are shown

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 28

    5.3.5.2 Slide / Scroll Screen

    5.3.5.3 Item Area Pressed (Sell History List)

    5.3.5.4 Paid Flag Checked (Details)

    The details screen shown

    Shows the loading bar

    Load the text data first from the backend web

    services

    Load the images after the text data have been loaded

    The details data are shown

    Scroll the screen The screen will

    scroll

    If it reach the bottom, it will loads another

    data (old items)

    Pressed the item area The details screen will

    be shown

    Checked the paid flag All payment info will be

    enabled

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 29

    5.3.5.5 Paid Flag Unchecked (Details)

    5.3.5.6 Paid Save Button Pressed (Details)

    5.3.5.7 Shipped Flag Checked (Details)

    5.3.5.8 Shipped Flag Unchecked (Details)

    5.3.5.9 Shipped Save Button Pressed (Details)

    Unchecked the paid flag

    All payment info will be disabled

    Pressed the Save button

    All payment info will be saved to the server

    Checked the shipped flag

    All shipment info will be enabled

    Unchecked the shipped flag

    All shipment info will be disabled

    Pressed the Save button

    All shipment info will be saved to the server

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 30

    5.3.5.10 Back Button Pressed

    5.3.6 Rules & Validations

    There are no rules or validations for this screen.

    Back button pressed Go to the previous

    screen

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 31

    5.4 INVITE PEOPLE (CONTACTS & FACEBOOK)

    5.4.1 Description

    The invite people module will enable the current user to invite people using their phonebook (emails only) or through facebook friend (must be facebook connected first).

    The UI and UX design below are not final (just a draft version), the main goals are to show the fields, elements, rules, action, and validation related to the screen. There will be a final sprint FSD that focuses on UI, UX, and Design.

    5.4.2 Draft UI / UX Design

    Fields & Elements (the fields, elements, and information that will be displayed on the screen):

    1. Invite Menu a. Invite using Phonebook b. Invite using Facebook

    2. Invite Using Phonebook a. Search Function b. Photo c. Name d. Checkbox / Flag e. Personal Message f. Invite Button

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 32

    Figure 18 - Invite Menu

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 33

    Figure 19 - Invite Using Phonebook

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 34

    Figure 20 - Create Personal Message

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 35

    Figure 21 - Invite Using Facebook

    Important Points:

    The header toolbar of the device will be shown The menu bar will be shown There are certain action when sliding / touching event occurred (see details below) The facebook invite dialog is using the standard dialog from Facebook API

    5.4.3 General List Data Loading Rules

    All item list data will be fetched from the backend web services The text data will be fetched first The image will be fetched after the text data have been fetched Each batch of getting data from the backend web services will get a maximum of 10 items Scrolling to the bottom of the screen will trigger the loading process (old items), and append it to

    the bottom

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 36

    5.4.4 Global Process

    5.4.5 Flow / Activities

    There will be data loading process from the backend web services (when requested only). There will be internet activities running on the background within this screen.

    5.4.5.1 Initial Load

    5.4.5.2 Invite Menu Button Pressed (Invite Menu)

    Invite menu pressed

    Invite menu screen are

    shown

    Choose the invitation method

    Invitation will be sent to the

    selected users

    Invite menu screen shown

    Choose the invitation method

    The invite screen will be shown

    (depends on the method)

    Select the people that you want to

    invite Press invite

    An invitation will be sent

    Pressed the Invite using Phonebook button

    The phonebook invitation screen will be

    shown

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 37

    5.4.5.3 Invite Button Pressed (Invite Using Phonebook)

    5.4.5.4 Invite Button Pressed (Personal Message)

    5.4.5.5 Back Button Pressed

    5.4.6 Rules & Validations

    There are no rules or validations for this screen.

    Pressed the Invite using Facebook button

    The facebook app request invitation will

    be shown

    Pressed the Invite button

    The selected people will be keep, then the

    personal message screen will be shown

    Pressed the Invite button

    An email will be sent by the backend to the

    selected people, and it will includes the personal

    message

    Back button pressed Go to the previous

    screen

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 38

    5.5 BUY ITEM

    5.5.1 Description

    The buy item module will enable user to buy an item from another user (store). Both the seller and the buyer will get a notification email on each transaction.

    The UI and UX design below are not final (just a draft version), the main goals are to show the fields, elements, rules, action, and validation related to the screen. There will be a final sprint FSD that focuses on UI, UX, and Design.

    5.5.2 Draft UI / UX Design

    Fields & Elements (the fields, elements, and information that will be displayed on the screen):

    1. Item Name 2. Store Name 3. Seller Name 4. Qty 5. Price 6. Total Amount 7. Payment Method 8. Shipment Method 9. Recipient Name 10. Recipient Address 11. Save Address Flag 12. Additional Notes 13. Confirm Button

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 39

    Figure 22 - Buy (1)

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 40

    Figure 23 - Buy (2)

    Important Points:

    The header toolbar of the device will be shown The menu bar will be shown There are certain action when sliding / touching event occurred (see details below)

    5.5.3 General List Data Loading Rules

    All item list data will be fetched from the backend web services The text data will be fetched first The image will be fetched after the text data have been fetched Each batch of getting data from the backend web services will get a maximum of 10 items Scrolling to the bottom of the screen will trigger the loading process (old items), and append it to

    the bottom

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 41

    5.5.4 Global Process

    5.5.5 Flow / Activities

    There will be data loading process from the backend web services (when requested only). There will be internet activities running on the background within this screen.

    5.5.5.1 Initial Load

    Buy button pressed

    Buy item screen are shown

    Press confirm

    The transaction will be saved

    Buy button pressed Buying screen

    shown Fill in data

    Press confirm

    An email notification will be

    sent to both the buyer and the seller

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 42

    5.5.5.2 Confirm Button Pressed

    5.5.5.3 Back Button Pressed

    5.5.6 Rules & Validations

    There are no rules or validations for this screen.

    Confirm Button Pressed

    The transaction

    will be saved on the server

    An email notification

    will be sent to both the

    buyer and the seller

    If save address saved, then the address

    will be saved on the current

    user profile

    Back button pressed Go to the previous

    screen

  • FOR: SPRINT #4 TITLE FSD: INSTABAY PHASE 1

    AUTHOR RICARDO ALEXANDER VERSION 1.0 CLASSIFICATION CONFIDENTIAL STATUS FINAL RELEASE

    Page 43

    6 APPROVALS

    Below are the lists of PICs that have approved and signed this document.

    Full Name Company Job Title Signature Sign Date