Difference between revisions of "IS480 Team wiki: 2012T1 Timber Werkz UI"
Jump to navigation
Jump to search
(22 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
<!--Navigation Bar--> | <!--Navigation Bar--> | ||
{| 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="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%" | <font color="#c93756"><b>HOME</b><font> | + | | 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%" | | | style=" border-bottom:2px solid #632E00; background:none;" width="2%" | | ||
| 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="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> | ||
Line 51: | Line 51: | ||
|} | |} | ||
<br> | <br> | ||
+ | <big>[[IS480_Team_wiki:_2012T1_Timber_Werkz_MidTerm_Wiki|<font color="#4D268F" face=""><ins>'''<< MID-TERM WIKI'''</ins></font>]]</big> <big>[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki|<font color="#D00303" face=""><ins>'''<< FINAL WIKI'''</ins></font>]]</big> | ||
+ | <br><br> | ||
<!--body--> | <!--body--> | ||
− | + | __FORCETOC__ | |
− | <font color="#c93756" | + | ==<font color="#c93756">'''UI Mockups'''</font>== |
− | + | ===<font color="#4D268F">'''UI Mockups for each Stories'''</font>=== | |
− | + | ||
− | '''Current as at | + | '''Current as at 28 November 2012'''. |
− | |||
− | |||
<br> | <br> | ||
{| class="wikitable" style="text-align: center; height:100px" | {| class="wikitable" style="text-align: center; height:100px" | ||
Line 71: | Line 71: | ||
|- | |- | ||
− | ! scope="row" | + | !scope="row" colspan="5" height:100px style="text-align: left; color:#D31601"| CORE FEATURES |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
|- | |- | ||
<!--Manage Account Chapter--> | <!--Manage Account Chapter--> | ||
− | ! scope="row" rowspan=" | + | ! 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 118: | 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 125: | Line 130: | ||
<!--Manage Portfolio Chapter--> | <!--Manage Portfolio Chapter--> | ||
− | ! scope="row" rowspan=" | + | ! 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 144: | Line 149: | ||
|- | |- | ||
− | |style="text-align: center;"| | + | |style="text-align: center;"|S16 |
− | |style="text-align: left;"| | + | |style="text-align: left;"|Set Profile Picture |
+ | |style="text-align: center;"|[https://dl.dropbox.com/u/10978163/mockup/index.html#artisteedit_portfolio_page v0.1] | ||
+ | |style="text-align: center;"|- | ||
+ | |- | ||
+ | |||
+ | |style="text-align: center;"|S17 | ||
+ | |style="text-align: left;"|Set Featured Photos | ||
+ | |style="text-align: center;"|- | ||
+ | |style="text-align: center;"|- | ||
+ | |- | ||
+ | |||
+ | |style="text-align: center;"|S18 | ||
+ | |style="text-align: left;"|Set Featured Video | ||
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
+ | |style="text-align: center;"|[http://youtu.be/veFTPUBtj5o video] | ||
+ | |- | ||
+ | |||
+ | !scope="row" colspan="5" height:100px| | ||
+ | |- | ||
+ | |||
+ | <!--Manage Casting Call--> | ||
+ | |||
+ | ! scope="row" rowspan="9" style="background: #F2F5A9"| Manage Casting Call | ||
+ | |style="text-align: center;"|S21 | ||
+ | |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;"| | + | |style="text-align: center;"|S22 |
− | |style="text-align: left;"| | + | |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;"|S23 | ||
+ | |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;"|- | ||
|- | |- | ||
− | |style="text-align: center;"| | + | |style="text-align: center;"|S24 |
− | |style="text-align: left;"| | + | |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;"| | + | |style="text-align: center;"|S25 |
− | |style="text-align: left;"| | + | |style="text-align: left;"|Invite Artistes |
+ | |style="text-align: center;"|- | ||
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
+ | |- | ||
+ | |||
+ | |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;"|- | |style="text-align: center;"|- | ||
|- | |- | ||
− | |style="text-align: center;"| | + | |style="text-align: center;"|S27 |
− | |style="text-align: left;"| | + | |style="text-align: left;"|Schedule an interview |
+ | |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;"|[http://youtu.be/M-Ncu6X-94M video] | ||
+ | |- | ||
+ | |||
+ | |style="text-align: center;"|S74 | ||
+ | |style="text-align: left;"|Add Interviewees in an Interview | ||
+ | |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;"|[http://youtu.be/ZTmeoJV6QxM video] | ||
+ | |- | ||
+ | |||
+ | |style="text-align: center;"|S31 | ||
+ | |style="text-align: left;"|Accept/Reject Applicant | ||
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
Line 231: | Line 284: | ||
|- | |- | ||
− | |||
− | ! | + | <!--Manage Applications--> |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |style="text-align: center;"| | + | ! scope="row" rowspan="6" style="background: #F2F5A9"| Manage Applications |
− | |style="text-align: left;"| | + | |style="text-align: center;"|S33 |
− | |style="text-align: center;"|[ | + | |style="text-align: left;"|Apply For Casting Call |
+ | |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;"|- | ||
|- | |- | ||
− | |style="text-align: center;"| | + | |style="text-align: center;"|S34 |
− | |style="text-align: left;"| | + | |style="text-align: left;"|Accept/Reject Invitation |
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
|- | |- | ||
− | |style="text-align: center;"| | + | |style="text-align: center;"|S35 |
− | |style="text-align: left;"| | + | |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;"|- | ||
|- | |- | ||
− | |style="text-align: center;"| | + | |style="text-align: center;"|S36 |
− | |style="text-align: left;"|Update | + | |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;"|- | ||
|- | |- | ||
− | |style="text-align: center;"| | + | |style="text-align: center;"|S37 |
− | |style="text-align: left;"| | + | |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: left;"|Withdraw Application | |
− | |||
− | |||
− | |||
− | |||
− | |style="text-align: center;"| | ||
− | |style="text-align: left;"| | ||
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
|- | |- | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | !scope="row" colspan="5" height:100px style="text-align: left; color:#D31601"| SECONDARY FEATURES | |
− | |||
− | |||
− | |||
|- | |- | ||
− | + | <!--Manage Messages--> | |
− | |||
− | |||
− | |||
− | |||
− | |style="text-align: center;"| | + | ! scope="row" rowspan="4" style="background: #F2F5A9"| Manage Messages |
− | |style="text-align: left;"| | + | |style="text-align: center;"|S39 |
+ | |style="text-align: left;"|View Inbox | ||
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
|- | |- | ||
− | |style="text-align: center;"| | + | |style="text-align: center;"|S40 |
− | |style="text-align: left;"|View | + | |style="text-align: left;"|View Sent Messages |
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
|- | |- | ||
− | |style="text-align: center;"| | + | |style="text-align: center;"|S41 |
− | |style="text-align: left;"| | + | |style="text-align: left;"|Compose Messages |
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
|- | |- | ||
− | |style="text-align: center;"| | + | |style="text-align: center;"|S42 |
− | |style="text-align: left;"| | + | |style="text-align: left;"|Delete Messages |
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
|style="text-align: center;"|- | |style="text-align: center;"|- | ||
|- | |- | ||
− | !scope="row" colspan="5" height:100px| | + | !scope="row" colspan="5" height:100px style="text-align: left; color:#D31601"| TERTIARY FEATURES |
|- | |- | ||
− | <!--Manage | + | <!--Manage Landing Page--> |
− | ! scope="row" rowspan=" | + | ! scope="row" rowspan="2" style="background: #F2F5A9"| Manage<br>Landing Page |
− | |style="text-align: center;"| | + | |style="text-align: center;"|S48 |
− | |style="text-align: left;"| | + | |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;"| | + | |style="text-align: center;"|S49 |
− | |style="text-align: left;"| | + | |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;"| - |
− | |- | ||
− | | | + | |} |
− | + | '''[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> | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <!-- | ||
− | + | <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 453: | 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 | - |
Purpose and Methodology
- 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