You are on page 1of 7

Mock Application for Established Regular User Interaction with Proposed Paintr Application

I. Oeriew
A! "his progra# shall be used as part of a sales pitch to de#onstrate a t$pical user interaction
with the proposed %ocial &etwork and Art'%haring application Paintr
(! "he oerall Paintr application shall be pitched as a serice rese#bling "indr) but
incorporating the functionalit$ for users to share) criti*ue) and collaborate on arious artistic
pro+ects. "he end goal is to create a platfor# that is as usable for both dating and artistic
collaboration) or an$ co#bination of the two.
,! "he application referenced in this docu#ent shall be known as Paintr -e#o. "he
application is intended to si#ulate an e.perience that a user with an established network of
contacts can hae while using our serice.
-! Paintr -e#o is not intended to be a full$'functional application) but a proof of concept for
the co#ponent/s! fro# Paintr that are distinct fro# other %haring0&etworking applications.
II. ,onsiderations0%pecifications
A! Please note #$ liberal use of the word 1Actiit$1. 2hen I learned Android) frag#ents were
not inented $et and eer$thing was done b$ switching to different actiities. If $ou are
co#fortable and confident with the use of frag#ents) $ou can feel free to co#part#entali3e
the 4UI using Android progra##ing constructs howeer $ou see fit as a progra##er. 5ust
ensure that the progra# flows according to this docu#ent6s specifications.
(! Regarding the alues to be stored0used in all pro+ect ariables7
8. I#ages
9ind so#e free i#age libraries fro# the internet) and use the i#ages as placeholders
for the arious i#ages in the progra#. "r$ to use distinct libraries for each class i.e.
pictures of dogs for Me#ber':i#age) pictures of scener$ for Reiew':i#age) and0or
pictures of clowns for Post':i#age. Use whateer libraries $ou can find) but tr$ to
#ake the# distinct and work safe.
If #$ calculations are correct) this should re*uire ; Me#ber i#ages) <; Post i#ages)
and <; Reiew i#ages) and 8 i#age for the intro splash screen.
<. %trings
Eer$ string in eer$ ob+ect shall be a placeholder set to the alue of the ariable
na#e. 9or e.a#ple) eer$ single 1na#e1 string in eer$ Me#ber ob+ect shall be set
to 1na#e1.
E=E& ">OU4> E=ER? O(5E," ,O&"AI&% ">E %AME %"RI&4%) ">E
A%%I4&ME&" O9 ">E%E =ARIA(@E% MU%" (E -O&E U%I&4 U&IAUE
,O-E 9OR E=ER? O(5E,". -o not +ust set a for'loop for all the ob+ects6 string
ariables. If each ob+ect uses one line of .#l0te.t0code) then ariable assign#ent
would re*uire ;; lines total.

B. -ate Ob+ects
%et all date ob+ects /fro# the Reiew class! to a rando# calendar'appropriate alue.
If this is not possible) set all date ob+ects to the current date.
C. Reiew7
On run'ti#e) create ; #e#ber ob+ects) each containing ; Reiew ob+ects and ; Post
ob+ects. %et eer$ ob+ect6s i#age to a placeholder. %et eer$ ob+ect6s strings to the
string ariable na#e. %et eer$ Reiew ob+ect6s date to either rando# or toda$6s date.
,! Oeriew of 4UI flow /%ee 4UID9@O2.png!
8. B'-ot Menu (utton
"he B'dot #enu in the upper right corner shall alwa$s contain < options
>elp
,ontact us
(oth options displa$ a toast with the #essage 1&ot I#ple#ented in -e#o1 and an
OE button that closes the toast
<. &etworkDActiit$
%i#ulates the user6s e.isting network of ,ontacts0Artists
"he spinners at the top shall not be functional
"he Rating spinner should contain the following ele#ents
FG) GG) GGG) GGGG) GGGGG!
"he -istance spinner should contain the following ele#ents
F8)<);) 8H) <H) ;H) 8HHI
%election of list #e#bers opens a Me#berDActiit$ corresponding to the selection
%creen #ust be Must be erticall$ scrollable
(elow the spinners is a single Edit"e.t /or si#ilar! ob+ect allowing for user
ke$board input. Input into this shall filter the list of displa$ed applicants b$ their
1interests1 field contained within the Me#ber ob+ect.
I.E. If the user t$pes in 1Poetr$1) there would be a #ethod in place to iteratiel$
check eer$ 1interests1 ariable fro# the list) perfor#ing a sub'string search to see if
the entire search ter# can be found an$where in the 1interests1 %tring.
In the case of the diagra#) inputting 1Poetr$1 would filter the displa$ed results to
onl$ show Mike and -an.
"he Magnif$ing 4lass is not necessar$) but it would be a nice touch
I a# not particular to design specifications /Row si3e) 9ont %i3e) etc...! but here are
so#e guidelines for how to displa$ the Me#ber ob+ect7
9ont for na#e should be larger and #ore distinct than other fonts.
,olu#n width should be spaced to co#fortabl$ fit the #a.i#u# length of their
corresponding strings.
Roughl$ B'; rows should be iewable on an upright Phone %creen) and roughl$
;'J on an upright tablet screen
B. Me#berDActiit$
%i#ulates the in'depth profile of one particular contact
%electing Reiews or Posts fro# the botto# section changes the actie portion
of the screen to the ReiewD@istDActiit$ and PostD@istDActiit$ screens.
%wiping transitions acco#plish the sa#e thing
9ont proportions should be roughl$ the sa#e as in 4UID9@O2.png
Eeep a separate 9I&A@ string in the Me#berDActiit$ class that stores the string
1Rating71 and displa$ it on the botto#'#ost row ne.t to the picture as shown) so that
the 1rating1 string fro# the Me#ber class will be displa$ed to its right.
"apping on the upper'left hand %end a Message button will open a
MessageDPopup
C. PostD@istDActiit$
%i#ulates a iew of all a #e#ber6s creatie pro+ects
Oerall) the render should be the sa#e as &etworkDActiit$ e.cept where noted
"apping on the upper'left hand %end a Message button will open a
MessageDPopup
;. PostDActiit$
%i#ulates a record of one creatie pro+ect
Oerall) the render for this screen should be the sa#e as Me#berDActiit$ e.cept
where noted
"apping the 4et Art button shall open a MessageDPupup
K. ReiewD@istDActiit$
%i#ulates the entire record of a #e#ber6s peer reiews.
Oerall) the render should be the sa#e as &etworkDActiit$ e.cept where noted
"he reiew button in the top left hand of the screen shall open a ReiewDPopup
L. ReiewDActiit$
%i#ulates a particular reiew fro# a #e#ber6s peer reiew histor$
Oerall) this render for this section should be the sa#e as Me#berDActiit$ e.cept
where noted
A date is present where the distance and interests are on Me#berDActiit$
J. MessageDPopup /%ee Popup.png!
%i#ulates a window used to co##unicate between users
Allows for te#porar$ ke$board input on a te.t window
>as < buttons) both of which close the popup and erase an$ data entered.
M. ReiewDPopup# /%ee Popup.png!
%i#ulates a window used to write a reiew
Allows for te#porar$ ke$board input on a te.t window
>as 8 spinner) containing the strings FG)GG)GGG)GGGG)GGGGGI
%pinner starts at G
>as < buttons) both of which close the popup and erase an$ data entered and reset
the spinner to G
-! %tate -iagra# /%ee %tate.png!
8. "his is +ust another) #ore co#prehensie representation of the oerall progra# flow
described aboe. &ote the following consideration7
"he ertical double'sided arrow connecting ReiewD@istDActiit$ and
PostD@istDActiit$. I #eant that to be the sa#e button0swiping transition as the other
two Me#berDActiit$ '': ReiewD@istDActiit$ and Me#berDActiit$ '':
PostD@istDActiit$
"his should create a /hopefull$! sea#less B'wa$ screen transition) where the user
can freel$ #oe between the Me#berDActiit$) ReiewD@istDActiit$) and
PostD@istDActiit$ using either the @0R swipe or the botto# buttons.
Pressing the back button at an$ point in this B'wa$ structure will return $ou to the
&etworkDActiit$ screen.
Pressing the back button in the PostDActiit$ screen shall cause a return to the
PostD@istDActiit$ screen
Pressing the back button in the ReiewDActiit$ screen shall cause a return to the
ReiewD@istDActiit$ screen.
Pressing the back button in the &etworkDActiit$ screen shall #ini#i3e the
progra#.
<. &ote the red arrows in the diagra#
Each red arrow ob+ect corresponds to a popup #essage /I forgot what these are
called in android) but &O" A "OA%"! that is triggered when the user taps the button
in the top'left hand of the screen. "he graphical orientation for the popup windows
can be found in POPUP.png
"he MessageDPopup shall contain < buttons on the botto# labeled 1%ub#it1 and
1,ancel1) which both cause the popup to close.
"he MesageDPopup shall contain an edit'te.t /or si#ilar! ob+ect at the top that
su##ons an android touchscreen ke$board when tapped) allowing for deice
ke$board input. &one of the user input is saed) and the MessageDPopup should be
reset to blank after pressing 1%ub#it1) 1,ancel1) or the hardware6s (ack'(utton
"he ReiewDPopup shall be identical to the #essage popup) with the addition of a
spinner in the #iddle that brings up a ;'option #enu) with the following ; options7
FG) GG) GGG) GGGG) GGGGG!. 2hen the ReiewDPopup is launched) this should be set
to G /8'star!
B. "he progra# shall be titled Paintr -e#o on the Icon as it appears on the Android
deice ho#e'screen.
C. 2hen the Paintr -e#o is started) a splash screen will be isible for a #ini#u# of B
seconds. Use an$ appropriate picture for this splash screen) but na#e the ariable
"e#porar$D%plash in the code so that I can find and replace it.
E! "he following classes and contained ariables are suggested. >oweer $ou i#ple#ent these
constructs) please ensure to follow the #ini#u# specifications7
8. Me#ber
a! %tring na#e
"he na#e of the #e#ber
Ma.i#u# length <H characters
/1Peter1 in row 8!.
b! %tring interests
"he artistic0personal interests of the #e#ber.
Ma.i#u# length of 8< characters
/1%traight) Musician1 in row 8!
c! %tring rating
%i#ulates the #e#bers aerage score.
Ma. length ; ,haracters.
If possible) encode in a wa$ that allows for the unicode characters 1(lack
%tar1 /UN<KH;! and 12hite ,ircle1 /UN<;,(! can be used in this string.
/GGGoo in row 8!
d! %tring distance
%i#ulates a 4P% deried distance between #e#bers.
Ma. ; characters
/<H k# in row 8!
e! I#age picture
%i#ulates the #e#ber6s profile picture.
&eeds to be high'enough resolution to rese#ble a profile picture
Use an$ appropriate for#at
f! %tring profile
%i#ulates the #e#ber6s autobiograph$.
Ma. length of 8KH characters.
/were no stranger to loe in row 8!
g! @istOReiew: reiews
%i#ulates all of the #e#ber6s peer reiews
Use a @inked@ist or si#ilar structure as appropriate
Is intended to hold ;'8H reiew ob+ects
h! @istOPost: posts
%i#ulates all of the #e#ber6s posts
Use a @inked@ist or si#ilar structure as appropriate
Is intended to hold ;'8H post ob+ects
<. Reiew
a! %tring title
(rief te.t description of the reiew6s tone.
Ma. <H chars
b! %tring na#e
"he #ane of the reiewer.
Ma. 8< characters
c! -ate date
"he date of the supposed reiew
If there is no wa$ to i#ple#ent a date ob+ect) use a string of length 88
d! I#age picture
%i#ulates the reiewer6s profile picture.
%a#e as picture fro# the Me#ber class
e! %tring rating
%i#ulates the indiidual reiew6s rating.
Ma. length ; ,haracters.
If possible) encode in a wa$ that allows for the unicode characters 1(lack
%tar1 /UN<KH;! and 12hite ,ircle1 /UN<;,(! can be used in this string.
f! %tring bod$
%i#ulates the reiew bod$.
Ma. length of 8KH chars
B. Post
a! %tring title
"he title of the post.
Ma.i#u# length <H characters
/1Pencil (andit1 is the string specified in the diagra#!
b! %tring description
(rief description of the nature of the post
Ma.i#u# length of 8< chars
/1-ra#a1) in the e.a#ple!
c! I#age picture
%i#ulates the post6s corresponding icon.
%a#e as picture fro# the Me#ber class
d! %tring bod$
%i#ulates the post6s bod$
Ma.i#u# length of 8KH characters
e! %tring stringD<
&ot sure what to do with this $et.
9or#at it si#ilar to description. Ma. 8H characters.
/1PDPD8D%<1 in the top e.a#ple!
f! %tring stringDB
&ot sure what to do with this $et.
9or#at it si#ilar to description. Ma. ; characters.
/1PDPD8D%B1 in the top e.a#ple!
9inal &ote7
I plan on changing all the placeholder strings b$ hand. Please e.plain how0where $ou put the
ob+ect generation code so that I can change the string alues to so#ething appropriate.
Also) I wrote this docu#ent b$ #$self and in a hurr$ without an$ real proofreading. If
so#ething in the specs looks wa$ off) please e#ail #e for clarification. "his is a si#ple and
straightforward de#o) but I will still be regarding #$ e#ail closel$ during this period.
"hank $ou