Mobile App UI

<Event Name>
aLive:events comes to life
Event Owner: On Air/Paused/Stopped
They r here !
Mark X
Joe Smith
John C
Streaming of Event (Video)
Ad space
Event
Stream
Event
Creation
Gift Registry
Coupons/Ads
Contacts
More
Current session
troubleshooting
Previous Sessions
Data Usage
Settings
FAQ
Contact us
SW Version
More
Figure 1: aLive User application (Main Screen for Event Stream Tab)
aLive Backend Servers: The servers perform some of the key functions
including (see Figure 2: High Level architecture),
o
User setup and profile management Setup of a new user
Event management Ensuring the event is multicasted to required

quality standards and maintaining the session
Record/retrieval of a session
Counters and Operations management
Ad-Orchestrator: A server that will interface with other Ad engines on one side
(Northbound) and on the aLive backend Servers on the otherside
(Southbound). In the Southbound (Servers) side, the Ad-Orchestrator will
interface in the following manner:
o
Collect Location, event type, date and time of event from the aLive
Servers
Collect relevant ads and coupons from the Ad agency servers and
pass to the aLive Servers
Provide information to Ad-agency on the number of advertisement

and coupons along with a hit on the Ad or coupon. This will be used
for Billing purposes
Provide interface to setup and manage Ad-agency including billing

information
Ad-Company 1
aLive
Backend
Ad-Company 2
Ad-Orchestrator
aLive Premises/Server Farms
Figure 2: High Level architecture
4.2
aLive User App Flow use cases Summary

UseCase ID
Use Case Description
A.xxx
Install APP and register Member
B.xxx
Setup new Event Originator/Receiver
C.xxx
Event Owner View of ongoing Event
D.xxx
Attendee view of ongoing event
E.xxx
Cross talk between Attendees
Facebook /
Google if
Giftregistry is
populated
F.xxx
Gift Registry
G.xxx
Ad/Coupons
H.xxxx
Recordings download and payment
I.xxxx
Settings
4.3
High Level Implementation Guidelines for the App

1. The implementation is to be done for IOS platform followed by android
2. For IOS platform all screen size (IPAD, Iphone etc.) are to be implemented
3. The application should adapt to the movement of the device
4. No video advertisements in the ad-banner space of the application screen. Only
text and graphics
5. When link of an advertisement (in the Ad-space) is clicked, a new pop-up/safari is
opened. The event in the background is paused
6. Event feed is given priority over the cross talk unless the user chooses cross-talk
over Event in the settings tab
User Interface Use Cases

5.1
Install App (Id: Axxx)
A. Install App
A.1 Welcome to aLive Screen (5sec). Show aLive App picture and website information.
aLive
Your Live events coming to Life !
www.myeventalive.com
A.2 Register Member (Heading)

A.2.1. Show screen Figure 3:
4
aLive:Events come to Life!
Register Member
Display Name
First Name
<DisplayName>
<FName>
Last Name
<LName>
(Will be used in invitation)
Drop Down (Age group)
(Will be used in invitation)
Age Group
Gender M
Userid
<Dropdown>
F
<Userid>
Use Display Name
Password
<psswd>
Passwd Confirm <ppswd>
Emailid
18-25 26-35 36-45 46-55 >56
(8 Characters)
More
Contact us
FAQ
SW Version
<emailid>
Remember my password
Use my location (or enter Zipcode)
Next
More
Figure 3: Register Member
A.2.1.1 Accept User inputs if they are valid

A.2.1.2 Password not matching or invalid. Flash message and show registration
screen
A,2.1.3 Userid or Display name is already in use. Flash message and show
registration screen
A,2.1.4 email Id is wrong (no @ or .). Flash message and show registration screen
A.2.1.5 If Use my Location is unchecked then input should be zipcode (5 digits only)
A.3 Import Contacts (See Figure 4)
Register Member
Import Contacts
From Phone Book
Group created by me in Whatsapp

Create new group(s) now
More
Contact us
FAQ
SW Version
Next
More
Figure 4: Import Contact
A.3.1 Create new group (See Figure 5)

Create New Group

Name
Enter Name
View Group
Add Member
All Done
Search Name
A
B
C
D
E
F
G
H
I
J
K
L
M
N
A
Aamir Husain
Asfaw Hamir
Agatha Christie
B
Bura Hambi
Bina Agavi
C
Charlie Brown
Charles III
More
Contact us
FAQ
SW Version
More
Figure 5: Create New group
Show the list of contacts below.

-
When a contact is chosen go into contacts to select the exact phone

number
After adding to group, go back to showing contacts list
When All done is pressed go back to the registration screen (Figure 4)
A.4 Registration Done (See Figure 6)

Register Member
Terms and Conditions
The terms are part of SSV Technologies, LLC

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
.xxxxxxxxxxxxxxxxxxxxxxxxxx
Accept the Terms

Finish Registration
More
Figure 6: Finish Registration
More
Contact us
FAQ
SW Version
5.2
New Event Setup (Id: Bxxx)
B. Setting up an Event (Heading)

B.1. If event ongoing, Wait till event finishes or stop the event (ask user)
B.1.1 If asked to stop ongoing event, ask for confirmation
B.1.2 If wait, then make sure to put in the queue to ask when event finishes
B.2 New Event Create

It is assumed that the user has pressed Create new event as shown in Event
Info Tab, See B.3, Figure 12. Then the below screen appears.
New Event Setup
Based on the Event

type, a popup appears.
For Birthday the
following is asked:
Event Name : <Event Name>

Date
Dropdown (Eventtype)
Birthday
Baby shower
Party
: <Edate>
Event Type : <Dropdown>

Info for Gift Suggestions
Preliminary Agenda for Invitees
(All info for Birthday person)
Gender
Age group :
Areas of interest: (Multi
selection box)
Start Time: <Starttime>

Cake Cutting Time: <Subevent1>
Good Bye Time: <Endtime>
Customize more
Drop Down (Invitee List)
Existing group
New group
Individual contact
Invitee List: <Drop Down>

Record Event and Store for 7 days
Cancel
Event
Stream
Event Info
Gift Registry
Next
Coupons/Ads
Contact
More
Figure 7: New Event Setup
B.2.1 Show Screen in Figure 7

B.2.1.1 If Customize more then show following pop-screen (see Figure 8):
Agenda of Event
Start Time: <Start time>

Sub Event Name: <SubEvent1>
Time : <SubEvent1Time>
All Time inputs are HH:MM roll on
<Error line. Blank if no error>
All SubEvent names are 15

chararcters long

Ensure Subevent time is between start

and end times. Also, end time is
greater than start time. Else give error
in errorline

End Time: <Endtime>

All Done
Cancel
Figure 8: Customize Agenda
B2.1.2 Recording will be held for max 7 days. User will pay to download the
recording using In APP Purchase mechanism
B.2.2 Screen below (See Figure 9)
New Event Setup
For Event <Event Name>

Inform the attendee group of event:
Immediately after event setup
Remind them 1 week before
Remind them 1 day before
Remind them 5min before
For Non-aLive App attendees:

2 Attendees without aLive App
Send SMS
ReviewInvitation
Event
Stream
Event Info
Gift Registry
(SMS Charges will apply)
Cancel
Prev Next
Coupons/Ads
Contact
More
Figure 9: New Event Setup Second Last page
B.2.2.1 If Cancel pressed ask for confirmation (All information will be lost! Please
confirm <Yes>/<No>
B.2.2.2 If Review Invitation then, show the message attendees will see (Figure
10)
Review Invitation
aLive App Attendee will see:

You are cordially invited for <Event
Name> by <FName> <LName> on
<Eventdate> at <starttime>. Press the
accept button on your aLive app.
Non-aLive App Attend will get SMS:

You are cordially invited for <Event
Name> by <FName> <LName> on
<Eventdate> at <starttime>. Install your
aLive app to participate in event !
OK
Event
Stream
Event
Info
Gift Registry
Change
Coupons/Ads
Contact
More
Figure 10: Review Invitation
B.2.2.3.1 If request for change, allow user to change the text and press save
B.2.2.3.2 After save, show the review screen again (Figure 10)
B.2.2 If OK (Figure 10) then go to Figure 9 (B.2.2)
B.2.3 The Next button is pressed in Figure 9, then the following screen is shown
10
New Event Setup
Gift Registry for <Event Name>

(Can be updated later too !)
Store Name:
25 characters
Store URL:
25 characters
Registree Info:
25 characters
Store Name:
25 characters
Store URL:
25 characters
Registree Info:
25 characters
Import Addmore
Event
Stream
Event Info
Gift Registry
Cancel Prev Done

Coupons/Ads
Contact
Figure 11: Gift Registry at New Event Setup
B.2.3.1 When Done pressed, register the event.

B.3 Event Info
11
More
Event Information
Create New Event

Received Invitations
<Event1> from <Lname> on <Event Date>
Acccept Decline GiftRegistry Viewinvitees
<Event2> from <Lname> on <Event Date>
<Event3> from <Lname> on <Event Date> (Passed)
My Events
<Event1> on <Event Date>
Start Change Viewinvitees
<Event2> on <Event Date> (Passed)
Viewinvitees Buy recording
Event
Stream
Event Info
Gift Registry
Coupons/Ads
Contact
More
Figure 12: Event Info
B.3.1 If accept/Decline is pressed, ensure the originator attendee list is updated

B.3.2 If Create New event is pressed, then go to B.2.
B.3.3 If buy recording is pressed then In APP Purchase screen should open
(See
Figure 14 )
12
5.3 Event Stream Owner View (ID: Cxxx)

C.1 Event Owner View of ongoing event
Dick S presenting
aLive:events comes to life!

They r here !
Event: On Air/Paused/Stopped
Mark X*
Joe Smith
John C*
Streaming of Event (Video
from Camera to be shown
to all participants. Multicast)
Hero H
Myself (O)
Event Info
Gift Registry
Coupons/Ads
Grey means was there

and not there now
Latest joined attendee on
the top
* indicates Cross talk
ongoing. See D.1.1
Ad Space
Dick S
camera
view
Event
Stream
Green means attendee

is currently viewing
Contacts
More
Figure 13: Event Owner view
C.2. When Stop button is pressed. A confirmation is asked to stop the event(yes/no).
Also, as a follow-up, a In-App Purchase screen is popped if the user wants to download
the recording as shown below (see Figure 14):
Event Stopped
Do you want to download the recorded

session for $0.99 using your existing
apple ID?
Purchase
No
Later
Figure 14 : In App Purchase of the recording

13
5.4
Attendee View of Event Stream (ID: Dxxx)
D.1 Attendee View of ongoing event

John C attending
aLive:events comes to life!

They r here !
Press on another green attendee to cross talk !
Mark X
Joe Smith
Myself
Streaming of Event (Video
from the event owner
multicast being shown)
Event
Stream
Event Info
Gift Registry
Hero H
Dick S (O)
Coupons/Ads
Figure 15: Attendee view of ongoing event
14
Contacts
More
Show following when

hovering/press on
another green
attendee
Start Cross Talk
End Cross Talk
Add another attendee
5.5
Cross Talk of Attendees (ID: Exxx)
E.1 Start Cross Talk pressed. Mark X is informed with a pop-up that John C wants to
cross talk. Mark X accepts the cross talk invitation. Screen view of John C after Mark
X accepts is below (Figure 16)
John C Attending

They r here !
Mark X*
Event Video Streaming

(Multicast)
Joe Smith
Mute Unmute
Cross Talk (Private), Ongoing
Myself*
* - Shows are in cross talk

session
Hero H
Video between Attendee and Mark X

(Private Video, no multicast).
Mark X feed being shown here
John C
Camera feed
Event
Stream
Event Info
Gift Registry
Coupons/Ads
Contacts
More
Figure 16: Cross Talk pressed
E.1.2 Cross talk stopped. Ask for confirmation to stop cross talk and then make the
streaming event screen big and return to Figure 15
E.1.3 Add another attendee (Hero H) to ongoing cross talk between Mark X and John
C. John C initiates the add and Hero H is sent a invitation. He accepts. See figure
below of the final screen of John C (see Figure 17)
15
John C Attending

They r here !
Mark X*
Event Video Streaming

(Multicast)
Joe Smith
Myself*
Mute Unmute
Hero H*
Cross Talk (Private), Ongoing
Dick S (O)
Hero H
video being
shown here
Mark X feed
being shown
here
John C
Camera feed
Event
Stream
Event Info
Gift Registry
Coupons/Ads
Contacts
Figure 17: Multiple Attendees in a cross talk session
16
More
5.6
Gift Registry Use cases (ID: Fxxx)
F.1 Gift Registry Tab
Gift Registry
Your Registry for <Event Name> <Date>

View Change
<Event Name> on <Date> by <Fname>

<LName>
View
View option only for

events that have
been accepted and
not passed

<LName>
View
[Event not accepted in Event Info tab]

<LName>
View [Passed]
Event
Stream
Event Info
Gift Registry
Coupons/Ads
Contact
More
Figure 18: Gift Registry Owner View
F.1.1 If Change (Owner only) is pressed then go to the screen in Figure 11

F.1.2 If View is pressed then show below screen
17
Gift Registry
Gift Registry for <Event Name>
Store Name: xxxxxxxxxx

Store URL:
www.cccc.com
Registree Info: John Smith
Store Name:
Store URL:
yyyyyyyyyyyyy
www.xxxx.com
Registree Info: John Smith
Done
Event
Stream
Event Info
Gift Registry
Coupons/Ads
Contact
Figure 19: Gift Registry, View
18
More
5.7 Ads/Coupons Use cases (ID: Gxxx)

G.1 Ads/Coupons
Ads/Coupons loaded real time

when user goes to the tab.
When loading the loading
symbol can be shown
Figure 20: Ad/Coupons
G.1.1 The Ads will be from Iad platform (apple)
5.8
Recording and Purchase (ID: HXXX)
5.9
Settings (ID:Ixxx)
19
References
[1] aLive Backend description document
20

Mobile App UI

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Mobile App UI

Uploaded by

Copyright:

Available Formats

<Event Name>

aLive:events comes to life

Event Owner: On Air/Paused/Stopped

User setup and profile management Setup of a new user

Event management Ensuring the event is multicasted to required

Counters and Operations management

Provide information to Ad-agency on the number of advertisement

Provide interface to setup and manage Ad-agency including billing

aLive Premises/Server Farms

Figure 2: High Level architecture

aLive User App Flow use cases Summary

Use Case Description

Install APP and register Member

Setup new Event Originator/Receiver

Event Owner View of ongoing Event

Attendee view of ongoing event

Cross talk between Attendees

Recordings download and payment

High Level Implementation Guidelines for the App

User Interface Use Cases

Install App (Id: Axxx)

A.2 Register Member (Heading)

aLive:Events come to Life!

(Will be used in invitation)

Drop Down (Age group)

(Will be used in invitation)

Use Display Name

18-25 26-35 36-45 46-55 >56

Figure 3: Register Member

A.2.1.1 Accept User inputs if they are valid

A.3 Import Contacts (See Figure 4)

aLive:Events come to Life!

Group created by me in Whatsapp

Figure 4: Import Contact

A.3.1 Create new group (See Figure 5)

Create New Group

Figure 5: Create New group

Show the list of contacts below.

When a contact is chosen go into contacts to select the exact phone

After adding to group, go back to showing contacts list

When All done is pressed go back to the registration screen (Figure 4)

A.4 Registration Done (See Figure 6)

aLive:Events come to Life!

Terms and Conditions

The terms are part of SSV Technologies, LLC

Accept the Terms

Figure 6: Finish Registration

New Event Setup (Id: Bxxx)

B. Setting up an Event (Heading)

B.2 New Event Create

New Event Setup

Based on the Event

aLive:Events come to Life!

Event Name : <Event Name>

Event Type : <Dropdown>

Preliminary Agenda for Invitees

(All info for Birthday person)

Start Time: <Starttime>

Invitee List: <Drop Down>

Figure 7: New Event Setup

B.2.1 Show Screen in Figure 7

Start Time: <Start time>

All Time inputs are HH:MM roll on

<Error line. Blank if no error>