HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2012T1 Timber Werkz UI"

From IS480
Jump to navigation Jump to search
 
(38 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<!--Navigation Bar-->
 
<!--Navigation Bar-->
{| style="background-color:#FFFFFF; color:#000000 padding: 5px 0 0 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" align="center" border="0" font face="Calibri" |
+
{| style="background-color:#FFFFFF; color:#000000 padding: 0px 0 0 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" align="center" border="0" font face="Calibri" |
 +
| style="padding:0.6em;  font-size:110%; background-color:#ffffff; border-bottom:2px solid #632E00; text-align:center; " width="10%"  | [[IS480_Team_wiki:_2012T1_Timber_Werkz|<font color="#c93756"><b>HOME</b><font>]]
 +
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;
 +
| style="padding:0.6em; font-size:110%; background-color:#ffffff; border-bottom:2px solid #632E00; text-align:center; color:#000000" width="12%" |<font color="#c93756"><b>PROJECT OVERVIEW</b><font>
 +
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;
 +
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;
 +
| style="padding:0.6em; font-size:110%; background-color:#ffffff; border-bottom:2px solid #632E00; text-align:center; color:#000000" width="24%" |<font color="#c93756"><b>PROJECT MANAGEMENT</b><font>
 +
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;
 +
| style="padding:0.6em; font-size:110%; background-color:#ffffff; border-bottom:2px solid #632E00;  text-align:center; color:#000000" width="24%" |<font color="#c93756"><b>DOCUMENTATION</b><font>
 +
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;
  
| style="padding:0 .6em;  font-size:120%; background-color:#ffffff; border-left: 2px solid #B5B537; border-bottom:2px solid #B5B537; border-top:2px solid #B5B537; text-align:center; " width="10%" | [[IS480_Team_wiki:_2012T1_Timber_Werkz |<font color="#000000" face="Calibri">'''TimberWerkz Main'''</font>]]
+
|}
| style="border-bottom:2px solid #B5B537; border-top:2px solid #B5B537; background:none;" width="2%" | &nbsp;
 
  
| style="padding:0.6em; font-size:120%; background-color:#ffffff; border-bottom:2px solid #B5B537; border-top:2px solid #B5B537; text-align:center; color:#000000" width="12%" | [[IS480_Team_wiki:_2012T1_Timber_Werkz_IntroducingTW |<font color="#000000" face="Calibri">'''About TimberWerkz'''</font>]]
+
{| style="background-color:#FFFFFF; color:#000000 padding: 2px 0 0 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" align="center" border="0" font face="Calibri" |
| style="border-bottom:2px solid #B5B537; border-top:2px solid #B5B537; background:none;" width="2%" | &nbsp;
 
  
| style="padding:0.6em; font-size:120%; background-color:#ffffff; border-bottom:2px solid #B5B537; border-top:2px solid #B5B537; text-align:center; color:#000000" width="12%" | [[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectOverview |<font color="#000000" face="Calibri">'''Overview'''</font>]]
+
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" |
| style="border-bottom:2px solid #B5B537; border-top:2px solid #B5B537; background:none;" width="2%" | &nbsp;
+
*[[IS480_Team_wiki:_2012T1_Timber_Werkz#Latest_Events|<font color="#0040FF" face="">'''Latest Events'''</font>]]
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz#Notifications |<font color="#0040FF" face="">'''Notifications'''</font>]]
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz#Project_Progress |<font color="#0040FF" face="">'''Progress'''</font>]]
 +
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;
  
| style="padding:0 .6em; background-color:#ffffff; font-size:120%; border-bottom:2px solid #B5B537; border-top:2px solid #B5B537; text-align:center; color:#000000" width="12%" |[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectManagement |<font color="#000000" face="Calibri">'''Project Management'''</font>]]
+
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |
| style="border-top:2px solid #B5B537;border-bottom:2px solid #B5B537; background:none;" width="2%" | &nbsp;
+
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectOverview|<font color="#0040FF" face="">'''Project Description'''</font>]]
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectStakeholders|<font color="#0040FF" face="">'''Stakeholders'''</font>]]
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_IntroducingTW|<font color="#0040FF" face="">'''About Us'''</font>]]
 +
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;
  
| style="padding:0.6em; font-size:120%; background-color:#F2F266;  border-bottom:2px solid #B5B537; border-top:2px solid #B5B537; text-align:center; color:#000000" width="12%" | [[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectDocumentation|<font color="#000000" face="Calibri">'''Documentation'''</font>]]
+
| style="padding:0.6em; font-size:100%; background-color:#ffffff;  border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |
| style="border-bottom:2px solid #B5B537; border-top:2px solid #B5B537; background:none;" width="2%" | &nbsp;
+
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectManagement|<font color="#0040FF" face="">'''Schedule & Scope'''</font>]]
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Milestones|<font color="#0040FF" face="">'''Milestones'''</font>]]
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Metrics|<font color="#0040FF" face="">'''Metrics'''</font>]]
 +
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;
  
| style="padding:0.6em; font-size:120%; background-color:#ffffff;  border-bottom:2px solid #B5B537; border-top:2px solid #B5B537;  text-align:center; color:#000000" width="12%" | [[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectResources |<font color="#000000" face="Calibri">'''Resources'''</font>]]
+
| style="padding:0.6em; font-size:100%; background-color:#ffffff;  border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Risks|<font color="#0040FF" face="">'''Risks'''</font>]]
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectFramework|<font color="#0040FF" face="">'''Framework'''</font>]]
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Deliverables |<font color="#0040FF" face="">'''Deliverables'''</font>]]
 +
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;
  
| style="padding:0.6em; font-size:120%; background-color:#ffffff;  border-bottom:2px solid #B5B537; border-top:2px solid #B5B537; border-right:2px solid #B5B537; text-align:center; color:#000000" width="12%" | [[IS480_Team_wiki:_2012T1_Timber_Werkz_LearningExp |<font color="#000000" face="Calibri">'''Learning Experiences'''</font>]]
+
| style="padding:0.6em; font-size:100%; background-color:#ffffff;  border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectDocumentation|<font color="#0040FF" face="">'''Meeting Minutes'''</font>]]
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams |<font color="#0040FF" face="">'''Diagrams'''</font>]]
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_UI |<font color="#0040FF" face="">'''UI & Videos'''</font>]]
 +
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;
  
 +
| style="padding:0.6em; font-size:100%; background-color:#ffffff;  border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_UsabilityTest |<font color="#0040FF" face="">'''Usability Tests'''</font>]]
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectResources |<font color="#0040FF" face="">'''Resources'''</font>]]
 +
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_LearningExp |<font color="#0040FF" face="">'''Learning Exp'''</font>]]
 
|}
 
|}
 +
<br>
 +
<big>[[IS480_Team_wiki:_2012T1_Timber_Werkz_MidTerm_Wiki|<font color="#4D268F" face=""><ins>'''<< MID-TERM WIKI'''</ins></font>]]</big>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<big>[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki|<font color="#D00303" face=""><ins>'''<< FINAL WIKI'''</ins></font>]]</big>
 +
<br><br>
 +
<!--body-->
 +
__FORCETOC__
 +
==<font color="#c93756">'''UI Mockups'''</font>==
 +
===<font color="#4D268F">'''UI Mockups for each Stories'''</font>===
  
{| style="background-color:#ffffff; #c93756; border-top: 2px solid #ffffff; border-bottom: 2px solid #B5B537; color:#000000" width="100%" cellspacing="0" cellpadding="4" valign="top" border="0" |
+
'''Current as at 28 November 2012'''.
 
 
| style="font-size:80%; text-align:center; color:#000000" width="10%" |[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectDocumentation |<font color="#726E6D"><b>MEETING MINUTES</b></font>]]
 
 
 
| style="font-size:80%; text-align:center; color:#000000" width="10%" |[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams |<font color="#726E6D"><b>TECHNICAL DIAGRAMS</b></font>]]
 
 
 
| style="font-size:95%; text-align:center; color:#000000" width="10%" |[[IS480_Team_wiki:_2012T1_Timber_Werkz_UI |<font color="#c93756"><b>UI MOCKUPS</b></font>]]
 
 
 
|}
 
 
 
 
 
<!--body-->
 
<br>
 
<font color="#c93756"><big><big>'''UI Mockups'''</big></big></font>
 
----
 
<br>
 
'''Current as at 31 July 2012'''.
 
<br>Refer to the [https://docs.google.com/spreadsheet/ccc?key=0AuNjOu2GtpU7dFB0TmhtSkJSRzNPWlA4eE1FaWloMkE#gid=3 Product Backlog] for more details.
 
 
<br>
 
<br>
 
{| class="wikitable" style="text-align: center; height:100px"
 
{| class="wikitable" style="text-align: center; height:100px"
Line 53: Line 71:
 
|-
 
|-
  
! scope="row" rowspan="2"| Manage<br>Landing Page
+
!scope="row" colspan="5" height:100px style="text-align: left; color:#D31601"|&nbsp;CORE FEATURES
|style="text-align: center;"|S48
 
|style="text-align: left;"|View Artiste Landing Page
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#home_page_page v0.1]
 
|style="text-align: center;"|-
 
|-
 
 
 
|style="text-align: center;"|S49
 
|style="text-align: left;"|View Production House Landing Page
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#home_page_production_house_page v0.1]
 
|style="text-align: center;"| -
 
|-
 
 
 
!scope="row" colspan="5" height:100px|&nbsp;
 
 
|-
 
|-
  
 
<!--Manage Account Chapter-->
 
<!--Manage Account Chapter-->
  
! scope="row" rowspan="5"| Manage Account
+
! scope="row" rowspan="8" style="background: #F2F5A9"| Manage Account
 
|style="text-align: center;"|S1
 
|style="text-align: center;"|S1
 
|style="text-align: left;"|Sign Up
 
|style="text-align: left;"|Sign Up
Line 100: Line 105:
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|style="text-align: center;"|[http://www.youtube.com/watch?v=HjDtJFJRU3o&feature=youtu.be video]
 
|style="text-align: center;"|[http://www.youtube.com/watch?v=HjDtJFJRU3o&feature=youtu.be video]
 +
|-
 +
 +
|style="text-align: center;"|S75
 +
|style="text-align: left;"|Edit Production House User
 +
|style="text-align: center;"|[http://dl.dropbox.com/u/89248088/html/v0.9/index.html#production_user_management_page v0.1]
 +
|style="text-align: center;"|-
 +
|-
 +
 +
|style="text-align: center;"|S76
 +
|style="text-align: left;"|Invite Casting Manager
 +
|style="text-align: center;"|[http://dl.dropbox.com/u/89248088/html/v0.9/index.html#production_user_management_page v0.1]
 +
|style="text-align: center;"|-
 +
|-
 +
 +
|style="text-align: center;"|S77
 +
|style="text-align: left;"|Self-Register Account
 +
|style="text-align: center;"|[http://dl.dropbox.com/u/89248088/html/v0.9/index.html#self_registration_page_page v0.1]
 +
|style="text-align: center;"|-
 
|-
 
|-
  
Line 107: Line 130:
 
<!--Manage Portfolio Chapter-->
 
<!--Manage Portfolio Chapter-->
  
! scope="row" rowspan="8"| Manage Account
+
! scope="row" rowspan="6" style="background: #F2F5A9"| Manage Portfolio
 
|style="text-align: center;"|S6
 
|style="text-align: center;"|S6
 
|style="text-align: left;"|View Artiste Portfolio
 
|style="text-align: left;"|View Artiste Portfolio
Line 124: Line 147:
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#artisteedit_portfolio_page v0.2]
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#artisteedit_portfolio_page v0.2]
 
|style="text-align: center;"|[http://www.youtube.com/watch?v=4KCxAkmOlgc&feature=youtu.be video]
 
|style="text-align: center;"|[http://www.youtube.com/watch?v=4KCxAkmOlgc&feature=youtu.be video]
|-
 
 
|style="text-align: center;"|S64
 
|style="text-align: left;"|Create Production House General Guideline
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S9
 
|style="text-align: left;"|Edit General Guideline
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
 
|-
 
|-
  
Line 153: Line 164:
 
|style="text-align: left;"|Set Featured Video
 
|style="text-align: left;"|Set Featured Video
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
|style="text-align: center;"|-
+
|style="text-align: center;"|[http://youtu.be/veFTPUBtj5o video]
 
|-
 
|-
  
Line 159: Line 170:
 
|-
 
|-
  
<!--Manage Photos-->
+
<!--Manage Casting Call-->
  
! scope="row" rowspan="3"| Manage Photos
+
! scope="row" rowspan="9" style="background: #F2F5A9"| Manage Casting Call
|style="text-align: center;"|S19
+
|style="text-align: center;"|S21
|style="text-align: left;"|Add Photo to Portfolio
+
|style="text-align: left;"|Create Casting Call
 +
|style="text-align: center;"|[http://dl.dropbox.com/u/89248088/html/v0.7/index.html#add_casting_call_page v0.1]
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 +
|-
 +
 +
|style="text-align: center;"|S22
 +
|style="text-align: left;"|View Casting Call
 +
|style="text-align: center;"|[https://dl.dropbox.com/u/89248088/html/v0.6/index.html#casting_call_main_page v0.1]
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
|-
  
|style="text-align: center;"|S51
+
|style="text-align: center;"|S23
|style="text-align: left;"|View Photos
+
|style="text-align: left;"|Update Casting Call
 +
|style="text-align: center;"|[https://dl.dropbox.com/u/89248088/html/v0.9/index.html#add_casting_call_page v0.2]
 +
|style="text-align: center;"|-
 +
|-
 +
 
 +
|style="text-align: center;"|S24
 +
|style="text-align: left;"|Delete Casting Call
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
|-
  
|style="text-align: center;"|S52
+
|style="text-align: center;"|S25
|style="text-align: left;"|Delete Photo from Portfolio
+
|style="text-align: left;"|Invite Artistes
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
|-
  
!scope="row" colspan="5" height:100px|&nbsp;
+
|style="text-align: center;"|S26
 +
|style="text-align: left;"|View Applicants
 +
|style="text-align: center;"|[http://dl.dropbox.com/u/89248088/html/v0.7/index.html#casting_calls_applicants_page v0.1]
 +
|style="text-align: center;"|-
 
|-
 
|-
  
<!--Manage Videos-->
+
|style="text-align: center;"|S27
 
+
|style="text-align: left;"|Schedule an interview
! scope="row" rowspan="3"| Manage Videos
+
|style="text-align: center;"|[http://dl.dropbox.com/u/89248088/html/v0.9/index.html#casting_calls_snow_white_audition_info_page v0.1]
|style="text-align: center;"|S20
+
|style="text-align: center;"|[http://youtu.be/M-Ncu6X-94M video]
|style="text-align: left;"|Add Video to Portfolio
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
 
|-
 
|-
  
|style="text-align: center;"|S53
+
|style="text-align: center;"|S74
|style="text-align: left;"|View Videos
+
|style="text-align: left;"|Add Interviewees in an Interview
|style="text-align: center;"|-
+
|style="text-align: center;"|[http://dl.dropbox.com/u/89248088/html/v0.9/index.html#casting_calls_select_interviewees_page v0.1]
|style="text-align: center;"|-
+
|style="text-align: center;"|[http://youtu.be/ZTmeoJV6QxM video]
 
|-
 
|-
  
|style="text-align: center;"|S54
+
|style="text-align: center;"|S31
|style="text-align: left;"|Delete Videos from portfolio
+
|style="text-align: left;"|Accept/Reject Applicant
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
Line 209: Line 232:
 
<!--Manage Search-->
 
<!--Manage Search-->
  
! scope="row" rowspan="8"| Manage Search
+
! scope="row" rowspan="8" style="background: #F2F5A9"| Manage Search
 
|style="text-align: center;"|S55
 
|style="text-align: center;"|S55
 
|style="text-align: left;"|View Artiste Main Search Page
 
|style="text-align: left;"|View Artiste Main Search Page
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#artiste_search_main_page v0.1]
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#artiste_search_main_page v0.1]
|style="text-align: center;"|-
+
|style="text-align: center;"|[http://www.youtube.com/watch?v=ikQRB6VdlBQ&feature=youtu.be video]
 
|-
 
|-
  
Line 219: Line 242:
 
|style="text-align: left;"|View Production House Main Search Page
 
|style="text-align: left;"|View Production House Main Search Page
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#prod_search_main_page v0.1]
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#prod_search_main_page v0.1]
|style="text-align: center;"|-
+
|style="text-align: center;"|[http://www.youtube.com/watch?v=gZ2KS2wqYaU&feature=youtu.be video]
 
|-
 
|-
  
Line 225: Line 248:
 
|style="text-align: left;"|View Artiste Search Results
 
|style="text-align: left;"|View Artiste Search Results
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#prod_search_main_page v0.1]
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#prod_search_main_page v0.1]
|style="text-align: center;"|-
+
|style="text-align: center;"|[http://www.youtube.com/watch?v=H9d-gTYngtw&feature=youtu.be video]
 
|-
 
|-
  
Line 231: Line 254:
 
|style="text-align: left;"|View Casting Call Search Results
 
|style="text-align: left;"|View Casting Call Search Results
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#artiste_search_main_page v0.1]
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#artiste_search_main_page v0.1]
|style="text-align: center;"|-
+
|style="text-align: center;"|[http://www.youtube.com/watch?v=nnl8dEpSXnM&feature=youtu.be video]
 
|-
 
|-
  
Line 243: Line 266:
 
|style="text-align: left;"|View Favourite Search Result
 
|style="text-align: left;"|View Favourite Search Result
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#search_favourites_artiste_page v0.1]
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#search_favourites_artiste_page v0.1]
|style="text-align: center;"|-
+
|style="text-align: center;"|[http://www.youtube.com/watch?v=0_RRNznsrOA&feature=youtu.be video]
 
|-
 
|-
  
Line 261: Line 284:
 
|-
 
|-
  
<!--Manage Experiences-->
 
 
! scope="row" rowspan="6"| Manage Experiences
 
|style="text-align: center;"|S60
 
|style="text-align: left;"|View Experiences
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#portfolio_experience_page v0.1]
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S10
 
|style="text-align: left;"|Create Experience
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#portfolio_edit_experience_page v0.1]
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S11
 
|style="text-align: left;"|Add Photos to Experience
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S12
 
|style="text-align: left;"|Add Videos to Experience
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S13
 
|style="text-align: left;"|Update Experience
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#portfolio_edit_experience_page v0.1]
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S14
 
|style="text-align: left;"|Delete Experience
 
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#portfolio_experience_pagee v0.1]
 
|style="text-align: center;"|-
 
|-
 
 
!scope="row" colspan="5" height:100px|&nbsp;
 
|-
 
 
<!--Manage Casting Call-->
 
 
! scope="row" rowspan="11"| Manage Casting Call
 
|style="text-align: center;"|S21
 
|style="text-align: left;"|Create Casting Call
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S22
 
|style="text-align: left;"|View Casting Call
 
|style="text-align: center;"|[https://dl.dropbox.com/u/89248088/html/v0.6/index.html#casting_call_main_page v0.1]
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S23
 
|style="text-align: left;"|Update Casting Call
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S24
 
|style="text-align: left;"|Delete Casting Call
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S25
 
|style="text-align: left;"|Invite Artistes
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S26
 
|style="text-align: left;"|View Applicants
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S27
 
|style="text-align: left;"|Schedule an interview
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S28
 
|style="text-align: left;"|Create Interview Record
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S29
 
|style="text-align: left;"|Add Photos to an interview record
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S30
 
|style="text-align: left;"|Add Videos to an interview record
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
|style="text-align: center;"|S31
 
|style="text-align: left;"|Accept/Reject Applicant
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
!scope="row" colspan="5" height:100px|&nbsp;
 
|-
 
  
 
<!--Manage Applications-->
 
<!--Manage Applications-->
  
! scope="row" rowspan="6"| Manage Applications
+
! scope="row" rowspan="6" style="background: #F2F5A9"| Manage Applications
 
|style="text-align: center;"|S33
 
|style="text-align: center;"|S33
 
|style="text-align: left;"|Apply For Casting Call
 
|style="text-align: left;"|Apply For Casting Call
|style="text-align: center;"|-
+
|style="text-align: center;"|[http://dl.dropbox.com/u/89248088/html/v0.7/index.html#view_casting_call_page v0.1]
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
|-
Line 392: Line 302:
 
|style="text-align: center;"|S35
 
|style="text-align: center;"|S35
 
|style="text-align: left;"|View Application
 
|style="text-align: left;"|View Application
|style="text-align: center;"|-
+
|style="text-align: center;"|[http://dl.dropbox.com/u/89248088/html/v0.7/index.html#view_application_page v0.1]
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
|-
Line 398: Line 308:
 
|style="text-align: center;"|S36
 
|style="text-align: center;"|S36
 
|style="text-align: left;"|Update Application
 
|style="text-align: left;"|Update Application
|style="text-align: center;"|-
+
|style="text-align: center;"|[http://dl.dropbox.com/u/89248088/html/v0.7/index.html#update_application_page v0.1]
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
|-
Line 404: Line 314:
 
|style="text-align: center;"|S37
 
|style="text-align: center;"|S37
 
|style="text-align: left;"|Confirm / Reschedule Audition Date
 
|style="text-align: left;"|Confirm / Reschedule Audition Date
|style="text-align: center;"|-
+
|style="text-align: center;"|[http://dl.dropbox.com/u/89248088/html/v0.7/index.html#submit_audition_timeslot v0.1]
|style="text-align: center;"|-
+
|style="text-align: center;"|[http://youtu.be/8RXKJK-kKXk video]
 
|-
 
|-
  
 
|style="text-align: center;"|S38
 
|style="text-align: center;"|S38
|style="text-align: left;"|Accept/Reject Offers
+
|style="text-align: left;"|Withdraw Application
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
Line 415: Line 325:
  
  
!scope="row" colspan="5" height:100px|&nbsp;
+
!scope="row" colspan="5" height:100px style="text-align: left; color:#D31601"|&nbsp;SECONDARY FEATURES
 
|-
 
|-
  
 
<!--Manage Messages-->
 
<!--Manage Messages-->
  
! scope="row" rowspan="4"| Manage Messages
+
! scope="row" rowspan="4" style="background: #F2F5A9"| Manage Messages
 
|style="text-align: center;"|S39
 
|style="text-align: center;"|S39
 
|style="text-align: left;"|View Inbox
 
|style="text-align: left;"|View Inbox
Line 445: Line 355:
 
|-
 
|-
  
 
+
!scope="row" colspan="5" height:100px style="text-align: left; color:#D31601"|&nbsp;TERTIARY FEATURES
!scope="row" colspan="5" height:100px|&nbsp;
 
 
|-
 
|-
  
<!--Manage System-->
+
<!--Manage Landing Page-->
  
! scope="row" rowspan="7"| Manage System
+
! scope="row" rowspan="2" style="background: #F2F5A9"| Manage<br>Landing Page
|style="text-align: center;"|S43
+
|style="text-align: center;"|S48
|style="text-align: left;"|Create Account
+
|style="text-align: left;"|View Artiste Landing Page
|style="text-align: center;"|-
+
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#home_page_page v0.1]
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
|-
  
|style="text-align: center;"|S44
+
|style="text-align: center;"|S49
|style="text-align: left;"|Batch Import Accounts
+
|style="text-align: left;"|View Production House Landing Page
|style="text-align: center;"|-
+
|style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#home_page_production_house_page v0.1]
|style="text-align: center;"|-
+
|style="text-align: center;"| -
|-
 
 
 
|style="text-align: center;"|S45
 
|style="text-align: left;"|Change User Status
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
 
|style="text-align: center;"|S46
 
|style="text-align: left;"|Delete User
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
 
|style="text-align: center;"|S8
 
|style="text-align: left;"|Edit Email Template
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
 
|style="text-align: center;"|S72
 
|style="text-align: left;"|Edit Landing Page
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
 
|style="text-align: center;"|S73
 
|style="text-align: left;"|Edit Messages
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
 
!scope="row" colspan="5" height:100px|&nbsp;
 
|-
 
 
 
<!--Manage Contacts->
 
 
 
! scope="row" rowspan="7"| Manage Contacts
 
|style="text-align: center;"|S65
 
|style="text-align: left;"|View Contacts
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
 
|style="text-align: center;"|S66
 
|style="text-align: left;"|View Contact details in Artiste Portfolio
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
 
|style="text-align: center;"|S67
 
|style="text-align: left;"|Block contact details in Artiste Portfolio
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
 
|style="text-align: center;"|S68
 
|style="text-align: left;"|Lock contact details in Artiste Portfolio
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
 
|style="text-align: center;"|S69
 
|style="text-align: left;"|Send Request for contact details
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
 
|style="text-align: center;"|S70
 
|style="text-align: left;"|Approve request for contact details
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
 
|style="text-align: center;"|S71
 
|style="text-align: left;"|Reject request for contact details
 
|style="text-align: center;"|-
 
|style="text-align: center;"|-
 
|-
 
 
 
 
 
 
 
 
 
  
 
|}
 
|}
 +
'''[http://bit.ly/prototype_1 Full UI Mockup Repository]'''
 +
<br><br>
 +
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_UI#Top|Back to Top]]</div>
  
 +
===<font color="#4D268F">'''Purpose and Methodology'''</font>===
 +
----
 +
[[Image:TWUIMockup.png|thumb|right|650px|'''An Example of a Create Audition UI Mockup developed using Pencil''']]
 +
<br><br><br>
 +
*UI Mockups are developed to communicate and ensure that business requirements are properly understood between the client and our team.
 +
<br>
 +
*It also serves as a blueprint and prototype for our team to refer and subsequently improve on during our development in each Sprint.
 +
<br>
 +
*TimberWerkz uses '''[http://pencil.evolus.vn/en-US/Downloads/Application.aspx Pencil 1.3]''', an opensource GUI Prototyping Tool for this purpose
 +
<br style="clear:both" />
  
 +
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_UI#Top|Back to Top]]</div>
  
  
Line 556: Line 396:
  
  
 +
<!--
  
 
+
<p><br>Select any one of the following Chapters to view the UI mockups of stories.  
 
 
<!--<p><br>Select any one of the following Chapters to view the UI mockups of stories.  
 
 
As mentioned in the Project Backlog, a ''story'' is the smallest unit of delivery of the application and a set of stories can be grouped together as a ''chapter''.
 
As mentioned in the Project Backlog, a ''story'' is the smallest unit of delivery of the application and a set of stories can be grouped together as a ''chapter''.
  
Line 613: Line 452:
  
 
|}
 
|}
 +
 
-->
 
-->
 +
 +
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_UI#Top|Back to Top]]</div>

Latest revision as of 23:09, 28 November 2012

HOME   PROJECT OVERVIEW     PROJECT MANAGEMENT   DOCUMENTATION  
         


<< MID-TERM WIKI          << FINAL WIKI

UI Mockups

UI Mockups for each Stories

Current as at 28 November 2012.

Chapter Story ID Story Name UI Video
 CORE FEATURES
Manage Account S1 Sign Up v0.1 video
S2 View My Account - -
S3 Log In v0.1 video
S4 Change Password - video
S5 Reset Password - video
S75 Edit Production House User v0.1 -
S76 Invite Casting Manager v0.1 -
S77 Self-Register Account v0.1 -
 
Manage Portfolio S6 View Artiste Portfolio v0.5 -
S63 View Production House Portfolio v0.1 -
S7 Edit Artiste General Information v0.2 video
S16 Set Profile Picture v0.1 -
S17 Set Featured Photos - -
S18 Set Featured Video - video
 
Manage Casting Call S21 Create Casting Call v0.1 -
S22 View Casting Call v0.1 -
S23 Update Casting Call v0.2 -
S24 Delete Casting Call - -
S25 Invite Artistes - -
S26 View Applicants v0.1 -
S27 Schedule an interview v0.1 video
S74 Add Interviewees in an Interview v0.1 video
S31 Accept/Reject Applicant - -
 
Manage Search S55 View Artiste Main Search Page v0.1 video
S56 View Production House Main Search Page v0.1 video
S57 View Artiste Search Results v0.1 video
S58 View Casting Call Search Results v0.1 video
S59 Add Favourite Search Result - -
S60 View Favourite Search Result v0.1 video
S61 Set Artiste Search Filters v0.1 -
S62 Set Production House Search Filters v0.1 -
 
Manage Applications S33 Apply For Casting Call v0.1 -
S34 Accept/Reject Invitation - -
S35 View Application v0.1 -
S36 Update Application v0.1 -
S37 Confirm / Reschedule Audition Date v0.1 video
S38 Withdraw Application - -
 SECONDARY FEATURES
Manage Messages S39 View Inbox - -
S40 View Sent Messages - -
S41 Compose Messages - -
S42 Delete Messages - -
 TERTIARY FEATURES
Manage
Landing Page
S48 View Artiste Landing Page v0.1 -
S49 View Production House Landing Page v0.1 -

Full UI Mockup Repository

Back to Top

Purpose and Methodology


An Example of a Create Audition UI Mockup developed using Pencil




  • UI Mockups are developed to communicate and ensure that business requirements are properly understood between the client and our team.


  • It also serves as a blueprint and prototype for our team to refer and subsequently improve on during our development in each Sprint.


  • TimberWerkz uses Pencil 1.3, an opensource GUI Prototyping Tool for this purpose


Back to Top





Back to Top