https://wiki.smu.edu.sg/is480/api.php?action=feedcontributions&user=Regina.lee.2009&feedformat=atomIS480 - User contributions [en-gb]2024-03-28T22:54:08ZUser contributionsMediaWiki 1.33.1https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki&diff=111855IS480 Team wiki: 2012T1 Timber Werkz Final Wiki2012-11-28T07:23:50Z<p>Regina.lee.2009: /* Sponsor Comments */</p>
<hr />
<div>{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1200" style="text-align: left; background: #FFF8C6"|<br />
<big><big><big><big><font color="#CE2B2B" face="">'''IS480 FINAL WIKI'''</font></big></big></big></big><br />
|}<br />
<big>[[IS480_Team_wiki:_2012T1_Timber_Werkz|<font color="#000000" face=""><ins>'''<< MAIN WIKI'''</ins></font>]]</big><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[[IS480_Team_wiki:_2012T1_Timber_Werkz_MidTerm_Wiki|<font color="#4D268F" face=""><ins>'''<< MID-TERM WIKI'''</ins></font>]]<br />
<br><br />
[[Image:TW_developed_by.jpg|550px|right]]<br />
<br><br />
<br><br />
==<font color="#CE2B2B">'''Project Progress Summary'''</font>==<br />
[[Image:TWoneminute.png|300px|thumb|'''View our one minute pitch [http://www.youtube.com/watch?v=bXfZqfpIMV4 HERE]''']]<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="700" style="text-align: left; background: #FFF8C6"|<br />
'''1.&nbsp;&nbsp;&nbsp;'''<font color="#4D268F"><big><b>Final Presentation Slides</b></big></font><br><br><br />
'''2.&nbsp;&nbsp;&nbsp;'''<font color="#4D268F"><big><b>[http://casting3.hopto.org/ Casting3 Deployed Site Link]</b></big></font><br />
|}<br><br><br />
<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="700" style="text-align: left; background: #FFF8C6"|<br />
* Timberwerkz has completed '''13 sprints''' in total and is '''now finishing its final milestone'''. <br />
<br />
* We have '''completed''' all primary, secondary and tertiary features within '''[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectManagement#Project_Schedule|<font color="#4D268F" face=""><ins>schedule</ins></font>]]''' listed in the '''[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectManagement#Priority_Circle|<font color="#4D268F" face=""><ins>priority circle</ins></font>]]'''<br />
<br />
* This is where we are on the timeline:<br />
|}<br />
[[Image:TW_milestone_v5.jpg|1050px]]<br />
<br><br />
<br />
===<font color="#4D268F">Project Highlights</font>===<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="100" style="background-color:#4D268F"| <font color="#ffffff">Event (#)</font><br />
! scope="col" width="600" style="background-color:#4D268F"| <font color="#ffffff">Highlights / Issue Description</font><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|Sprint 10<br />
|style="text-align: left;"|<br>'''Audition Scheduling: Hungarian Algorithm changed to First-Come First-Served Algorithm'''<br />
Client requested to change the current audition scheduling algorithm from Hungarian Algorithm to FCFS algorithm to better suit the auditioning process flow of the company.<br />
<br />
Team accepted the change request and put in extra hours to fulfill the change requirement.<br />
<br><br><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|Sprint 11<br />
|style="text-align: left;"|<br>'''Business Development Executive (Point-of-Contact from Client) left her position'''<br />
<br />
The Business Development Executive, who is the POC from our client has left the company. We had to work with another Executive Assistant during the interim period for about 1 week. Subsequently on November 9, we had to update the new Business Development Executive about the system and to manage new change requests. <br />
<br />
Refer to [https://docs.google.com/document/d/11PSUJcW8yQgdstQdVMZfWH7GAK02Fznkaryk3GP0I8c/edit# Client Meeting 10] for our first meeting with the new Business Development Executive.<br />
<br><br><br />
|}<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br />
===<font color="#4D268F">Project Challenges</font>===<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="100" style="background-color:#4D268F"| <font color="#ffffff">Event (#)</font><br />
! scope="col" width="600" style="background-color:#4D268F"| <font color="#ffffff">Challenges</font><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|Developing the Audition Assignment Algorithm<br />
|style="text-align: left;"|<br><br />
*Developing the [[IS480_Team_wiki:_2012T1_Timber_Werkz_MidTerm_Wiki#Technical_Complexity | Audition Assignment Algorithm]] required thorough research and self-study of the Hungarian Algorithm<br />
*Team also had consultations with Professor Hady Wirawan Lauw from the School of Information Systems, SMU<br />
*Considered as a technical complexity<br />
*However, a change request required us to change this algorithm to a First-Come First Served one to better suit the client's business requirements<br><br><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|Usability Test 2<br />
|style="text-align: left;"|<br><br />
*Faced difficulties in getting a real Casting Call for a field test because it does not coincide with our UT2 schedule.<br />
*Managed to conduct a UT2 Lab Test instead on 25 October 2012<br><br><br />
|}<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br />
===<font color="#4D268F">Project Achievements</font>===<br />
<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1000" style="text-align: left; background: #FFF8C6"|<br />
'''<big>1. Usability Testing Methodology</big>'''<br />
<br />
:*Methodology was '''<font color="#000000">beneficial in providing a clear visibility and approach</font>''' in managing improvements from participants' feedback <br />
<br />
:*Learn about our '''[[IS480_Team_wiki:_2012T1_Timber_Werkz_UsabilityTest | <ins>Usability Tests</ins>]]'''<br />
<br />
:*Invited by Professor Benjamin Gan to his IS306 Interaction Design Prototyping class to share lessons learnt and improvements that can be made. <br>'''[https://docs.google.com/file/d/0BwXGnbL-305eUnExVHhlcXBMMXM/edit Presentation Slides]'''<br />
[[Image:TWnote.png|right]]<br />
<br><br />
'''<big>2. Change Request Management Process</big>'''<br />
<br />
:*Process was '''<font color="#000000">beneficial in prioritising and managing change requests</font>''' from the client<br />
<br />
:*It also '''<font color="#000000">helps us to keep within the project schedule</font>''' by focusing on the 'important or necessary' requests<br />
<br />
:*Learn about our '''[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectDocumentation#Change_Request_Management | <ins>Change Request Management Process</ins>]]'''<br />
<br />
:*View our '''[https://docs.google.com/spreadsheet/ccc?key=0AuNjOu2GtpU7dFB0TmhtSkJSRzNPWlA4eE1FaWloMkE#gid=15 Change Request Log]'''<br />
|}<br />
<br><br />
<br />
==<font color="#CE2B2B">'''Project Management'''</font>==<br />
===<font color="#4D268F">Schedule (Planned VS Actual)</font>===<br />
<br />
<br />
<br />
[[Image:TW timeline v5full.png|950px]]<br />
<br style="clear:both" /><br><br />
<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1000" style="text-align: left; background: #FFF8C6"|<br />
'''Brief Summary'''<br><br><br />
Since the Mid Terms, everything went as planned, except for the following changes to the project schedule:<br />
<br><br><br />
'''Change #1''': Minor changes to the dates to reflect the actual date of User Testing 2 and Final Presentation<br><br />
'''Change #2''': Addition of a new '''Field Test''' session. Oak3 Films is using our application in one of its Casting Call auditions<br />
<br><br><br />
[https://wiki.smu.edu.sg/w/is480/images/2/23/TW_timeline_v5.jpg <font color="#4D268F"><ins>'''High resolution timeline link'''</ins></font>]<br />
|}<br />
<br />
<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br><br />
<br />
===<font color="#4D268F">Metrics</font>===<br />
<br />
====Schedule Metric====<br />
<br />
<br />
The diagrams below show the burn-down & schedule ratio charts of Sprints 9 - 14 since MidTerms.<br />
<br />
<br><br />
:<big>'''Burn-down Charts'''</big><br><br><br />
:[[Image:TW_BurnDownFinal.png|525px]]<!--[[Image:|525px]]--><br />
<br />
<br><br><br />
<br />
:<big>'''Schedule Ratio Charts'''</big><br><br><br />
:[[Image:TW_BurnDownFinal2.png|525px]]<!--[[Image:|525px]]--><br />
<br><br />
:{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="600" style="text-align: left; background: #FFF8C6"|<br><br />
'''Key Issues'''<br><br><br />
1. '''Sprint 10:'''<br />
*Delay in the last 3 days of Sprint 10.<br />
*Team needs to settle the following important change requests:<br />
:1. Change Hungarian algorithm-based audition scheduling to first-come-first-served basis<br />
:2. Export audition schedule to CSV file<br />
:3. Submit required video with YouYube URL<br />
:4. Include time interval of 15 minutes for scheduling<br />
<br><br />
'''Links'''<br><br />
'''1. [[IS480_Team_wiki:_2012T1_Timber_Werkz_Metrics#Schedule_Metric|Schedule Metric Calculation]]'''<br><br />
'''2. [[IS480_Team_wiki:_2012T1_Timber_Werkz_Metrics#Documentation|Schedule Metric Documentations]]'''<br><br><br />
|}<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br />
<br />
====Bug Metric====<br />
<br />
<br />
:{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="600" style="text-align: left; background: #FFF8C6"|<br />
'''Key Issues'''<br><br><br />
'''1. Sprint 11:'''<br />
*Highest Bug severity points (72)<br />
*Team was preparing for Usability Test 2<br />
*More rigorous done testing on the system<br />
<br><br />
'''Links'''<br><br />
'''1. [https://docs.google.com/spreadsheet/ccc?key=0AuNjOu2GtpU7dFB0TmhtSkJSRzNPWlA4eE1FaWloMkE#gid=12 Bug Metric Documentation (Scroll right for Bug Score Table)]'''<br><br />
|}<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br><br />
<br />
===<font color="#4D268F">Technical Complexity</font>===<br />
<br><br />
Technical complexity listed in order of highest complexity:<br><br />
<br />
{| class="wikitable" style="text-align: center; height:200px"<br />
|+ <br />
|-<br />
! scope="col" width="100" style="background-color:#4D268F"| <font color="#ffffff">Complexity</font><br />
! scope="col" width="700" style="background-color:#4D268F"| <font color="#ffffff">Description</font><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|1. Multifunctional Calendar<br />
|style="text-align: left;"|<br />
*'''What the feature is'''<br />
:*Simplify the complex process of scheduling auditions using commonly recognized calendar interface<br />
:*Casting Manager can create an audition schedule by clicking and dragging slots<br />
:*Artistes can select slots that are available<br />
*'''What was complex'''<br />
:*Implementing drag and drop efficiently in the calendar<br />
:*Assign elements to be “draggable”<br />
::*Auditionee slots that exist on the calendar<br />
::*Auditionees that has not selected a slot<br />
:*Assign elements to be “droppable”<br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|2. Photo <br>Upload Plugin <br><br>(Similar from<br> Mid Term)<br />
|style="text-align: left;"|<br />
*'''What the feature is'''<br />
:*A Production House or an Artiste can set a profile picture to best represent himself/herself when the portfolio is edited<br />
*'''What was complex'''<br />
:*Process considerations & implementation such as:<br />
::#Select Photo (using HTML5 Canvas API)<br />
::#Cropping (JavaScript API, ebserver crops photo)<br />
::#Uploading Photos to Amazon S3 Bucket<br />
::#Cross browser support and Cropping aspect ratio<br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|3. Video <br>Upload Plugin <br><br><font color="#7D0021">'''(Maroon text <br>reflects addition<br>from Mid Term)'''</font><br />
|style="text-align: left;"|<br />
*'''What the feature is'''<br />
:*An artiste is required to upload a YouTube Video attachment when s/he is applying for a role in a Casting Call<br />
*'''What was complex'''<br />
:*'''Get Access Token: Youtube Developer API'''<br />
::*Request for one-time access token<br />
::*Convert one-time access token to persistent session token<br />
:*<font color="#7D0021">'''Upload new video from file'''<br />
::*Set video metadata. E.g. Title, Description -> upload URL<br />
:*'''Use existing YouTube video via URL'''<br />
::*Locate thumbnail preview and display title</font><br />
|}<br />
<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br><br />
<br />
==<font color="#CE2B2B">'''Quality of Product'''</font>==<br />
===<font color="#4D268F">Project Deliverables</font>===<br />
{| class="wikitable" style="text-align: center; height:350px"<br />
|+ <br />
|-<br />
! scope="col" width="100" style="background-color:#4D268F"| <font color="#ffffff">Stage</font><br />
! scope="col" width="150" style="background-color:#4D268F"| <font color="#ffffff">Specification</font><br />
! scope="col" width="300" style="background-color:#4D268F"| <font color="#ffffff">Modules</font><br />
|-<br />
<br />
! scope="row" rowspan="2" style="background: #FBF8C7"|Project Management<br />
|style="text-align: center;"|Minutes <br> (Brown colour code for <br> minutes after Mid-Terms)<br />
|style="text-align: left;"|<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectDocumentation#Meeting_Minutes_.28Sorted_Latest_First.29|Client Minutes]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectDocumentation#Team_Meeting|Team Minutes]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectDocumentation#Supervisor_Meeting|Supervisor Minutes]]<br />
|-<br />
<br />
|style="text-align: center;"|Metrics<br />
|style="text-align: left;"|<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Metrics#Schedule_Metric|Schedule Metric]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Metrics#Bug_Metric|Bug Metric]]<br />
|-<br />
<br />
! scope="row" rowspan="3" style="background: #FBF8C7"|Requirements<br />
|style="text-align: center;"|Product Backlog<br />
|style="text-align: left;"|<br />
*[https://docs.google.com/spreadsheet/ccc?key=0AuNjOu2GtpU7dFB0TmhtSkJSRzNPWlA4eE1FaWloMkE#gid=3 Product Backlog (not locked)]<br />
|-<br />
<br />
|style="text-align: center;"|Change Requests Log<br />
|style="text-align: left;"|<br />
*[https://docs.google.com/spreadsheet/ccc?key=0AuNjOu2GtpU7dFB0TmhtSkJSRzNPWlA4eE1FaWloMkE#gid=15 Change Request Log (not locked)]<br />
|-<br />
<br />
|style="text-align: center;"|UI Mockups & Videos<br />
|style="text-align: left;"|<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_UI|UI Mockups & Videos]]<br />
|-<br />
<br />
! scope="row" rowspan="1" style="background: #FBF8C7"|Analysis<br />
|style="text-align: center;"|Use Case<br />
|style="text-align: left;"|<br />
*[https://docs.google.com/spreadsheet/ccc?key=0AuNjOu2GtpU7dFB0TmhtSkJSRzNPWlA4eE1FaWloMkE#gid=3 Product Backlog (not locked)]<br />
|-<br />
<br />
! scope="row" rowspan="2" style="background: #FBF8C7"|Design<br />
|style="text-align: center;"|Deployment Diagram<br />
|style="text-align: left;"|<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Deployment_Diagram|version 0.4]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Versions|Earlier Versions]]<br />
|-<br />
<br />
|style="text-align: center;"|Logical Diagram<br />
|style="text-align: left;"|<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Logical_Diagram|version 1.2]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Versions_2|Earlier Versions]]<br />
|-<br />
<br />
! scope="row" rowspan="2" style="background: #FBF8C7"|Testing<br />
|style="text-align: center;"|Usability Test 1<br />
|style="text-align: left;"|<br />
*[https://docs.google.com/document/d/1TS99iTCSLIkEY0XGxq2d-pnzOcWPuZKmxzwEAmfbims/edit User Test 1 Plan (not locked)]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_UsabilityTest#Supporting_Documents_UT1|Supporting Documents]]<br />
|-<br />
<br />
|style="text-align: center;"|Usability Test 2<br />
|style="text-align: left;"|<br />
*[https://docs.google.com/document/d/1SMrs7RGpbMa0RRNFAC8Nqsa0OfPPfd28ejGwAu83ckM/edit User Test 2 Plan (not locked)]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_UsabilityTest#Supporting_Documents_UT2|Supporting Documents]]<br />
|-<br />
<br />
! scope="row" rowspan="3" style="background: #FBF8C7"|Handover<br />
|style="text-align: center;"|Manuals<br />
|style="text-align: left;"|*[[IS480 Team wiki:User Manual|User Manual]]<br />
<br />
|-<br />
<br />
|style="text-align: center;"|Code<br />
|style="text-align: left;"|<br />
<br />
|-<br />
<br />
|style="text-align: center;"|Deployment Diagram<br />
|style="text-align: left;"|<br />
<br />
<br />
|}<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br><br />
<br />
===<font color="#4D268F">Quality</font>===<br />
<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="50" style="background-color:#4D268F"| <font color="#ffffff"></font><br />
! scope="col" width="300" style="background-color:#4D268F"| <font color="#ffffff">Quality Attributes</font><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7" rowspan="2"|SYSTEM<br />
|style="text-align: left;"|<br />
:<big>'''1. Scalable Design Architecture:'''</big><br><br><br />
:Casting3’s architecture is designed to allow the development of a fault tolerant and scalable environment.<br> <br />
:(see deployment diagram: '''[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Deployment_Diagram | production environment]]''')<br />
<br />
:*Web server, File storage, Database and Email System exist as separate components that are independent of each other.<br>This setup ensures that each component can be scaled individually without affecting others.<br />
:*File Storage uses Amazon’s Simple Storage Service (S3), while the Email system utilizes Amazon’s Simple Email Service (SES).<br>Both services scale automatically based on utilization levels without user intervention.<br />
:*Web server and Database exists as single instances. <br>However, clustering technologies have not been implemented on either of the components as it is currently an unnecessary overhead.<br><br />
|-<br />
<br />
|style="text-align: left;"|<br />
:<big>'''2. Configurable and extensible application design. (following Yii’s MVC framework):'''</big><br><br><br />
<br />
:*'''Extensibility:''' <br><br />
::*Allows extensibility for development of new features by providing automatic test scripts such as PHPUnit and Selenium.<br />
::*Quickly and accurately ensure that modifications to the system does not break existing features by running automatic tests.<br />
<br />
:*'''Configurability:'''<br><br />
::*All system configurations are stored in a common configuration file, allowing easy customization of access credentials for database access and AWS services.<br><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7" rowspan="2"|APPLICATION<br />
|style="text-align: left;"|<br />
:<big>'''1. Usability:'''</big><br><br><br />
:*Casting3 emphasizes strongly on usability of the system and strives to reduce the learning curve of new users by providing extensive help for first time users such as:<br />
::*Screenshots of overlays<br />
::*Screenshots of tooltips<br />
::*Screenshot of video<br><br />
|-<br />
<br />
|style="text-align: left;"|<br />
:<big>'''2. Javascript MVC:'''</big><br><br><br />
:*Implemented simple Javascript-HTML templating engine to provide a well defined MVC framework between javascript and HTML.<br />
:*Javascript should not contain any HTML syntax. However, some situations require Javascript to insert HTML syntax to provide dynamic content. <br />
:*Hence, we have developed a lightweight templating engine that retrieves and manipulate HTML templates for Javascript.<br />
<br><br />
::*'''Template Engine (Javascript function)'''<br />
:::[[Image:Template_Engine_(Javascript_function).png|450px]]<br />
::*'''HTML Template (in HTML page)'''<br />
:::[[Image:HTML_Template_(in_HTML_page).png|450px]]<br />
::*'''Manipulating template'''<br />
:::[[Image:Manipulating_template.png|450px]]<br><br />
|}<br />
<br />
<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br />
<br />
===<font color="#4D268F">Deployment</font>===<br />
<br><br />
'''Casting3 has 3 separate deployed environments. These are development, staging and production environment.''' <br><br />
'''The responsibilities for each of these environment are for code integration, product testing, and public release respectively.'''<br />
<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="150" style="background-color:#4D268F"| <font color="#ffffff">Environment</font><br />
! scope="col" width="200" style="background-color:#4D268F"| <font color="#ffffff">URL</font><br />
! scope="col" width="400" style="background-color:#4D268F"| <font color="#ffffff">UserID / Password</font><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|<br />
Development<br />
|style="text-align: center;"|<br />
'''[http://dev-casting3.hopto.org http://dev-casting3.hopto.org]'''<br />
|style="text-align: left;"|<br />
*'''Casting Manager:''' cm@cm.com / 123<br />
*'''Artiste:''' artiste@artiste.com / 123<br />
*'''Production House:''' prod@prod.com / 123<br />
*'''[http://casting3.hopto.org/ Or Sign Up]''' <br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|<br />
Staging<br />
|style="text-align: center;"|<br />
'''[http://casting3.hopto.org http://casting3.hopto.org]'''<br />
|style="text-align: left;"|<br />
*'''Casting Manager:''' cm@cm.com / 123<br />
*'''Artiste:''' artiste@artiste.com / 123<br />
*'''Production House:''' prod@prod.com / 123<br />
*'''[http://casting3.hopto.org/ Or Sign Up]''' <br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|<br />
Production<br />
|style="text-align: center;"|<br />
'''[http://175.41.160.252 http://175.41.160.252]'''<br />
|style="text-align: left;"|<br />
*'''[http://casting3.hopto.org/ Sign Up]''' <br />
|}<br />
<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br><br />
<br />
===<font color="#4D268F">Usability Test 2</font>===<br />
<br />
<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1200" style="text-align: left; background: #F5F5F5"|<br />
<br />
====<font color="#c93756">Objectives</font>====<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1000" style="text-align: left; background: #FFF8C6"|<br />
'''1. Determine that the usage of the features in the [http://casting3.hopto.org application] are consistent to the expectations of <ins><font color="#D00000 ">real</font></ins> users (Casting Managers & Artistes)'''<br><br><br />
'''2. Obtain feedback from users such as to improve the usability (learnability, efficiency, errors, satisfaction) and aesthetics of our application'''<br />
|}<br><br />
<br><br />
====<font color="#c93756">Lab Test Details & Outcome</font>====<br />
<br />
[[Image:P1019045.JPG|450px|thumb|'''Usability Test 2:''' Real users (Artistes) participating in the test at Oak3 Films]]<br />
<br><br />
UT2 Lab Test was successfully conducted on '''25 October 2012, 2–6pm at Oak3 Films.'''<br><br />
These are the following participants:<br />
:#'''1 Casting Manager'''<br />
:#'''5 Artistes'''<br />
<br />
<br><br><br />
<br />
'''Feedback Links:'''<br />
:'''1. [https://docs.google.com/spreadsheet/ccc?key=0AhS1AYvg7B7DdGF1OGxGelQ2bzljOWhTZUZ5U0p6X1E#gid=0 Casting Manager Feedback]'''<br><br />
:'''2. [https://docs.google.com/spreadsheet/ccc?key=0AgWbd4V2n6c-dHY4clprVjZ4UTNucVZsVW9rN1UwWXc#gid=0 Artistes Feedback]'''<br><br />
:'''3. [https://docs.google.com/spreadsheet/ccc?key=0AgWbd4V2n6c-dHY4clprVjZ4UTNucVZsVW9rN1UwWXc#gid=1 Response Plan to Artiste Feedback]'''<br><br />
:'''4. [https://docs.google.com/file/d/0BzUq1d4sV8JQRkxVRVBpeDV1SGM/edit Quantitative Feedback]'''<br><br />
<br />
<br><br><br><br />
'''Extract of Solutions to Most Common Feedback:'''<br />
<br><br><br />
[[Image:UT21.png|900px]]<br><br><br><br />
[[Image:TW_UT22.png|900px]]<br />
<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br />
|}<br />
<br />
<br><br><br />
<br />
==<font color="#CE2B2B">'''Reflections'''</font>==<br />
===<font color="#4D268F">Team Reflection</font>===<br />
<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1000" style="text-align: left; background: #FFF8C6"|<br />
<br><br />
<big><font color="#CE2B2B">'''What we could have done better... in future!'''</font></big><br />
<br><br><br />
:*'''Project Management'''<br />
::*'''Schedule Metric'''<br />
:::* The "Remaining Effort" Line in the Burn Down Chart can be tweaked to form a curve based on the past trends of Burn Down Charts as shown:<br />
:::* [[Image:TW BurnDownChart.png|600px]]<br />
:::* Our team's Burn Down Charts typically start with a huge gap at the beginning since we included buffer time in each sprint for change requests and other unforeseen circumstances. Hence, by comparing remaining efforts required to the remaining time available in the form of a curve, it allows us to detect any schedule delay early.<br />
:::* Refer to the current burn down chart [[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Schedule_Metric| '''here''']].<br />
<br><br><br />
::*'''Bug Resolution Effort Metric'''<br />
:::*It will also be good to track the amount of time we took to resolve a bug<br />
:::*This will provide us with greater visibility, instead of the current way which is to calculate manually from a Sprint Documentation<br />
:::*[[Image:EffortTracker.png|400px]]<br />
<br><br> <br />
::*'''Change Request Management'''<br />
:::*Gather statistics & display them graphically using the following data:<br />
::::#No. of Change Requests Raised<br />
::::#No. of Requests Implemented<br />
::::#No. of Requests Placed On Hold/Not Implemented<br />
:::*This will allow our team to monitor change requests more effectively<br />
:::*It can also be used as a tool for the client to be kept informed and updated<br />
|}<br />
<br><br><br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br />
===<font color="#4D268F">Individual Reflection</font>===<br />
<br />
{| class="wikitable" style="text-align: center; height:350px"<br />
|+ <br />
|-<br />
! scope="col" width="100" style="background-color:#4D268F"| <font color="#ffffff">Member</font><br />
! scope="col" width="400" style="background-color:#4D268F"| <font color="#ffffff">Reflections</font><br />
! scope="col" width="100" style="background-color:#4D268F"| <font color="#ffffff">Member</font><br />
! scope="col" width="400" style="background-color:#4D268F"| <font color="#ffffff">Reflections</font><br />
|-<br />
<br />
! scope="row" style="background: #FBF8C7"|[[Image:TWjunru.png|120px]]<br />
|style="text-align: left;"|<br />
*It was a rewarding experience to be a Project Manager for a project that involves real clients and business requirements.<br><br> <br />
*Learnt to be more flexible (especially with the valuable feedback from the client) and to prioritize and make changes according to the schedule and time limitation. <br />
|style="background: #FBF8C7"|[[Image:TWwk.png|120px]]<br />
|style="text-align: left;"|<br />
*Better understood how to manage the expectations of the clients; and to negotiate and justify our ideas.<br><br> <br />
*Also learnt to communicate and explain the consequences of change requests raised to allow the client to have a better perspective <br />
|-<br />
<br />
! scope="row" style="background: #FBF8C7"|[[Image:TWnikita.png|120px]]<br />
|style="text-align: left;"|<br />
*Understood the real value of user testing because what developers see and what the users experience is totally different<br><br> <br />
*With that, we have to learn how to balance the testers feedbacks with the original functions the client is looking out for<br />
|style="background: #FBF8C7"|[[Image:TWgen.png|120px]]<br />
|style="text-align: left;"|<br />
*I've enjoyed myself in this journey, I gained skills in developing in PHP and learnt how to program with Jquery and AngularJS. I also learnt how these are integrated together and the usefulness of frameworks, especially when learning about the Yii framework.<br><br><br />
*Picked up other interesting skills, such as, video editing (doing voice overs, animating videos etc) and copywriting skills when developing user manual and writing the script for the help videos.<br />
<br />
|-<br />
<br />
! scope="row" style="background: #FBF8C7"|[[Image:TWreg.png|120px]]<br />
|style="text-align: left;"|<br />
*Learnt to analyze and understand client’s requirements and create a system that will aid in their business processes<br><br> <br />
*Understood the importance of questioning and seeking the right answers in terms of what the client wants; and think through to see whether it will be useful if implemented<br />
|style="background: #FBF8C7"|[[Image:TWcal.png|120px]]<br />
|style="text-align: left;"|<br />
*It was a good experience working with the client as I get to understand better about how to manage change requests and the significance of User Tests<br><br> <br />
*Team dynamics is really important to carry us through tough times; and I'm grateful that all of us were willing to help each other out during our busy periods of Weeks 12 - 15 in SMU! <br />
|-<br />
<br />
! scope="row" colspan="4" style="background: #FBF8C7; text-align: left"|<br />
<br>'''&nbsp;&nbsp;&nbsp;Additional Links: [[IS480_Team_wiki:_2012T1_Timber_Werkz_IntroducingTW#The_Team | <ins>Roles & Responsibilities</ins>]], [[IS480_Team_wiki:_2012T1_Timber_Werkz_LearningExp#Reflections | <ins>Learning Experiences</ins>]]'''<br><br><br />
<br />
|}<br />
<br />
<br><br><br />
<br />
===<font color="#4D268F">Sponsor Comments</font>===<br />
<br />
<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1000" style="text-align: left; background: #FFF8C6"|<br />
Casting3 will enhance talent management processes in the entertainment industry. Creating a new community on this interactive networking platform, potential actors/actresses can upload auditions virtually to secure a role while casting managers can source from a larger pool of talent more efficiently.<br />
<br><br />
<br><br />
The team at Timber Werkz has helped to create a platform suited to the industry’s needs. Self-motivated and enthusiastic, they have often advised on feasibility of technical requests and provided innovative solutions during the development of this project.<br />
|}<br />
<br />
<br><br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div></div>Regina.lee.2009https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki&diff=111852IS480 Team wiki: 2012T1 Timber Werkz Final Wiki2012-11-28T07:23:14Z<p>Regina.lee.2009: /* Sponsor Comments */</p>
<hr />
<div>{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1200" style="text-align: left; background: #FFF8C6"|<br />
<big><big><big><big><font color="#CE2B2B" face="">'''IS480 FINAL WIKI'''</font></big></big></big></big><br />
|}<br />
<big>[[IS480_Team_wiki:_2012T1_Timber_Werkz|<font color="#000000" face=""><ins>'''<< MAIN WIKI'''</ins></font>]]</big><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[[IS480_Team_wiki:_2012T1_Timber_Werkz_MidTerm_Wiki|<font color="#4D268F" face=""><ins>'''<< MID-TERM WIKI'''</ins></font>]]<br />
<br><br />
[[Image:TW_developed_by.jpg|550px|right]]<br />
<br><br />
<br><br />
==<font color="#CE2B2B">'''Project Progress Summary'''</font>==<br />
[[Image:TWoneminute.png|300px|thumb|'''View our one minute pitch [http://www.youtube.com/watch?v=bXfZqfpIMV4 HERE]''']]<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="700" style="text-align: left; background: #FFF8C6"|<br />
'''1.&nbsp;&nbsp;&nbsp;'''<font color="#4D268F"><big><b>Final Presentation Slides</b></big></font><br><br><br />
'''2.&nbsp;&nbsp;&nbsp;'''<font color="#4D268F"><big><b>[http://casting3.hopto.org/ Casting3 Deployed Site Link]</b></big></font><br />
|}<br><br><br />
<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="700" style="text-align: left; background: #FFF8C6"|<br />
* Timberwerkz has completed '''13 sprints''' in total and is '''now finishing its final milestone'''. <br />
<br />
* We have '''completed''' all primary, secondary and tertiary features within '''[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectManagement#Project_Schedule|<font color="#4D268F" face=""><ins>schedule</ins></font>]]''' listed in the '''[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectManagement#Priority_Circle|<font color="#4D268F" face=""><ins>priority circle</ins></font>]]'''<br />
<br />
* This is where we are on the timeline:<br />
|}<br />
[[Image:TW_milestone_v5.jpg|1050px]]<br />
<br><br />
<br />
===<font color="#4D268F">Project Highlights</font>===<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="100" style="background-color:#4D268F"| <font color="#ffffff">Event (#)</font><br />
! scope="col" width="600" style="background-color:#4D268F"| <font color="#ffffff">Highlights / Issue Description</font><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|Sprint 10<br />
|style="text-align: left;"|<br>'''Audition Scheduling: Hungarian Algorithm changed to First-Come First-Served Algorithm'''<br />
Client requested to change the current audition scheduling algorithm from Hungarian Algorithm to FCFS algorithm to better suit the auditioning process flow of the company.<br />
<br />
Team accepted the change request and put in extra hours to fulfill the change requirement.<br />
<br><br><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|Sprint 11<br />
|style="text-align: left;"|<br>'''Business Development Executive (Point-of-Contact from Client) left her position'''<br />
<br />
The Business Development Executive, who is the POC from our client has left the company. We had to work with another Executive Assistant during the interim period for about 1 week. Subsequently on November 9, we had to update the new Business Development Executive about the system and to manage new change requests. <br />
<br />
Refer to [https://docs.google.com/document/d/11PSUJcW8yQgdstQdVMZfWH7GAK02Fznkaryk3GP0I8c/edit# Client Meeting 10] for our first meeting with the new Business Development Executive.<br />
<br><br><br />
|}<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br />
===<font color="#4D268F">Project Challenges</font>===<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="100" style="background-color:#4D268F"| <font color="#ffffff">Event (#)</font><br />
! scope="col" width="600" style="background-color:#4D268F"| <font color="#ffffff">Challenges</font><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|Developing the Audition Assignment Algorithm<br />
|style="text-align: left;"|<br><br />
*Developing the [[IS480_Team_wiki:_2012T1_Timber_Werkz_MidTerm_Wiki#Technical_Complexity | Audition Assignment Algorithm]] required thorough research and self-study of the Hungarian Algorithm<br />
*Team also had consultations with Professor Hady Wirawan Lauw from the School of Information Systems, SMU<br />
*Considered as a technical complexity<br />
*However, a change request required us to change this algorithm to a First-Come First Served one to better suit the client's business requirements<br><br><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|Usability Test 2<br />
|style="text-align: left;"|<br><br />
*Faced difficulties in getting a real Casting Call for a field test because it does not coincide with our UT2 schedule.<br />
*Managed to conduct a UT2 Lab Test instead on 25 October 2012<br><br><br />
|}<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br />
===<font color="#4D268F">Project Achievements</font>===<br />
<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1000" style="text-align: left; background: #FFF8C6"|<br />
'''<big>1. Usability Testing Methodology</big>'''<br />
<br />
:*Methodology was '''<font color="#000000">beneficial in providing a clear visibility and approach</font>''' in managing improvements from participants' feedback <br />
<br />
:*Learn about our '''[[IS480_Team_wiki:_2012T1_Timber_Werkz_UsabilityTest | <ins>Usability Tests</ins>]]'''<br />
<br />
:*Invited by Professor Benjamin Gan to his IS306 Interaction Design Prototyping class to share lessons learnt and improvements that can be made. <br>'''[https://docs.google.com/file/d/0BwXGnbL-305eUnExVHhlcXBMMXM/edit Presentation Slides]'''<br />
[[Image:TWnote.png|right]]<br />
<br><br />
'''<big>2. Change Request Management Process</big>'''<br />
<br />
:*Process was '''<font color="#000000">beneficial in prioritising and managing change requests</font>''' from the client<br />
<br />
:*It also '''<font color="#000000">helps us to keep within the project schedule</font>''' by focusing on the 'important or necessary' requests<br />
<br />
:*Learn about our '''[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectDocumentation#Change_Request_Management | <ins>Change Request Management Process</ins>]]'''<br />
<br />
:*View our '''[https://docs.google.com/spreadsheet/ccc?key=0AuNjOu2GtpU7dFB0TmhtSkJSRzNPWlA4eE1FaWloMkE#gid=15 Change Request Log]'''<br />
|}<br />
<br><br />
<br />
==<font color="#CE2B2B">'''Project Management'''</font>==<br />
===<font color="#4D268F">Schedule (Planned VS Actual)</font>===<br />
<br />
<br />
<br />
[[Image:TW timeline v5full.png|950px]]<br />
<br style="clear:both" /><br><br />
<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1000" style="text-align: left; background: #FFF8C6"|<br />
'''Brief Summary'''<br><br><br />
Since the Mid Terms, everything went as planned, except for the following changes to the project schedule:<br />
<br><br><br />
'''Change #1''': Minor changes to the dates to reflect the actual date of User Testing 2 and Final Presentation<br><br />
'''Change #2''': Addition of a new '''Field Test''' session. Oak3 Films is using our application in one of its Casting Call auditions<br />
<br><br><br />
[https://wiki.smu.edu.sg/w/is480/images/2/23/TW_timeline_v5.jpg <font color="#4D268F"><ins>'''High resolution timeline link'''</ins></font>]<br />
|}<br />
<br />
<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br><br />
<br />
===<font color="#4D268F">Metrics</font>===<br />
<br />
====Schedule Metric====<br />
<br />
<br />
The diagrams below show the burn-down & schedule ratio charts of Sprints 9 - 14 since MidTerms.<br />
<br />
<br><br />
:<big>'''Burn-down Charts'''</big><br><br><br />
:[[Image:TW_BurnDownFinal.png|525px]]<!--[[Image:|525px]]--><br />
<br />
<br><br><br />
<br />
:<big>'''Schedule Ratio Charts'''</big><br><br><br />
:[[Image:TW_BurnDownFinal2.png|525px]]<!--[[Image:|525px]]--><br />
<br><br />
:{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="600" style="text-align: left; background: #FFF8C6"|<br><br />
'''Key Issues'''<br><br><br />
1. '''Sprint 10:'''<br />
*Delay in the last 3 days of Sprint 10.<br />
*Team needs to settle the following important change requests:<br />
:1. Change Hungarian algorithm-based audition scheduling to first-come-first-served basis<br />
:2. Export audition schedule to CSV file<br />
:3. Submit required video with YouYube URL<br />
:4. Include time interval of 15 minutes for scheduling<br />
<br><br />
'''Links'''<br><br />
'''1. [[IS480_Team_wiki:_2012T1_Timber_Werkz_Metrics#Schedule_Metric|Schedule Metric Calculation]]'''<br><br />
'''2. [[IS480_Team_wiki:_2012T1_Timber_Werkz_Metrics#Documentation|Schedule Metric Documentations]]'''<br><br><br />
|}<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br />
<br />
====Bug Metric====<br />
<br />
<br />
:{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="600" style="text-align: left; background: #FFF8C6"|<br />
'''Key Issues'''<br><br><br />
'''1. Sprint 11:'''<br />
*Highest Bug severity points (72)<br />
*Team was preparing for Usability Test 2<br />
*More rigorous done testing on the system<br />
<br><br />
'''Links'''<br><br />
'''1. [https://docs.google.com/spreadsheet/ccc?key=0AuNjOu2GtpU7dFB0TmhtSkJSRzNPWlA4eE1FaWloMkE#gid=12 Bug Metric Documentation (Scroll right for Bug Score Table)]'''<br><br />
|}<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br><br />
<br />
===<font color="#4D268F">Technical Complexity</font>===<br />
<br><br />
Technical complexity listed in order of highest complexity:<br><br />
<br />
{| class="wikitable" style="text-align: center; height:200px"<br />
|+ <br />
|-<br />
! scope="col" width="100" style="background-color:#4D268F"| <font color="#ffffff">Complexity</font><br />
! scope="col" width="700" style="background-color:#4D268F"| <font color="#ffffff">Description</font><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|1. Multifunctional Calendar<br />
|style="text-align: left;"|<br />
*'''What the feature is'''<br />
:*Simplify the complex process of scheduling auditions using commonly recognized calendar interface<br />
:*Casting Manager can create an audition schedule by clicking and dragging slots<br />
:*Artistes can select slots that are available<br />
*'''What was complex'''<br />
:*Implementing drag and drop efficiently in the calendar<br />
:*Assign elements to be “draggable”<br />
::*Auditionee slots that exist on the calendar<br />
::*Auditionees that has not selected a slot<br />
:*Assign elements to be “droppable”<br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|2. Photo <br>Upload Plugin <br><br>(Similar from<br> Mid Term)<br />
|style="text-align: left;"|<br />
*'''What the feature is'''<br />
:*A Production House or an Artiste can set a profile picture to best represent himself/herself when the portfolio is edited<br />
*'''What was complex'''<br />
:*Process considerations & implementation such as:<br />
::#Select Photo (using HTML5 Canvas API)<br />
::#Cropping (JavaScript API, ebserver crops photo)<br />
::#Uploading Photos to Amazon S3 Bucket<br />
::#Cross browser support and Cropping aspect ratio<br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|3. Video <br>Upload Plugin <br><br><font color="#7D0021">'''(Maroon text <br>reflects addition<br>from Mid Term)'''</font><br />
|style="text-align: left;"|<br />
*'''What the feature is'''<br />
:*An artiste is required to upload a YouTube Video attachment when s/he is applying for a role in a Casting Call<br />
*'''What was complex'''<br />
:*'''Get Access Token: Youtube Developer API'''<br />
::*Request for one-time access token<br />
::*Convert one-time access token to persistent session token<br />
:*<font color="#7D0021">'''Upload new video from file'''<br />
::*Set video metadata. E.g. Title, Description -> upload URL<br />
:*'''Use existing YouTube video via URL'''<br />
::*Locate thumbnail preview and display title</font><br />
|}<br />
<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br><br />
<br />
==<font color="#CE2B2B">'''Quality of Product'''</font>==<br />
===<font color="#4D268F">Project Deliverables</font>===<br />
{| class="wikitable" style="text-align: center; height:350px"<br />
|+ <br />
|-<br />
! scope="col" width="100" style="background-color:#4D268F"| <font color="#ffffff">Stage</font><br />
! scope="col" width="150" style="background-color:#4D268F"| <font color="#ffffff">Specification</font><br />
! scope="col" width="300" style="background-color:#4D268F"| <font color="#ffffff">Modules</font><br />
|-<br />
<br />
! scope="row" rowspan="2" style="background: #FBF8C7"|Project Management<br />
|style="text-align: center;"|Minutes <br> (Brown colour code for <br> minutes after Mid-Terms)<br />
|style="text-align: left;"|<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectDocumentation#Meeting_Minutes_.28Sorted_Latest_First.29|Client Minutes]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectDocumentation#Team_Meeting|Team Minutes]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectDocumentation#Supervisor_Meeting|Supervisor Minutes]]<br />
|-<br />
<br />
|style="text-align: center;"|Metrics<br />
|style="text-align: left;"|<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Metrics#Schedule_Metric|Schedule Metric]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Metrics#Bug_Metric|Bug Metric]]<br />
|-<br />
<br />
! scope="row" rowspan="3" style="background: #FBF8C7"|Requirements<br />
|style="text-align: center;"|Product Backlog<br />
|style="text-align: left;"|<br />
*[https://docs.google.com/spreadsheet/ccc?key=0AuNjOu2GtpU7dFB0TmhtSkJSRzNPWlA4eE1FaWloMkE#gid=3 Product Backlog (not locked)]<br />
|-<br />
<br />
|style="text-align: center;"|Change Requests Log<br />
|style="text-align: left;"|<br />
*[https://docs.google.com/spreadsheet/ccc?key=0AuNjOu2GtpU7dFB0TmhtSkJSRzNPWlA4eE1FaWloMkE#gid=15 Change Request Log (not locked)]<br />
|-<br />
<br />
|style="text-align: center;"|UI Mockups & Videos<br />
|style="text-align: left;"|<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_UI|UI Mockups & Videos]]<br />
|-<br />
<br />
! scope="row" rowspan="1" style="background: #FBF8C7"|Analysis<br />
|style="text-align: center;"|Use Case<br />
|style="text-align: left;"|<br />
*[https://docs.google.com/spreadsheet/ccc?key=0AuNjOu2GtpU7dFB0TmhtSkJSRzNPWlA4eE1FaWloMkE#gid=3 Product Backlog (not locked)]<br />
|-<br />
<br />
! scope="row" rowspan="2" style="background: #FBF8C7"|Design<br />
|style="text-align: center;"|Deployment Diagram<br />
|style="text-align: left;"|<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Deployment_Diagram|version 0.4]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Versions|Earlier Versions]]<br />
|-<br />
<br />
|style="text-align: center;"|Logical Diagram<br />
|style="text-align: left;"|<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Logical_Diagram|version 1.2]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Versions_2|Earlier Versions]]<br />
|-<br />
<br />
! scope="row" rowspan="2" style="background: #FBF8C7"|Testing<br />
|style="text-align: center;"|Usability Test 1<br />
|style="text-align: left;"|<br />
*[https://docs.google.com/document/d/1TS99iTCSLIkEY0XGxq2d-pnzOcWPuZKmxzwEAmfbims/edit User Test 1 Plan (not locked)]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_UsabilityTest#Supporting_Documents_UT1|Supporting Documents]]<br />
|-<br />
<br />
|style="text-align: center;"|Usability Test 2<br />
|style="text-align: left;"|<br />
*[https://docs.google.com/document/d/1SMrs7RGpbMa0RRNFAC8Nqsa0OfPPfd28ejGwAu83ckM/edit User Test 2 Plan (not locked)]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_UsabilityTest#Supporting_Documents_UT2|Supporting Documents]]<br />
|-<br />
<br />
! scope="row" rowspan="3" style="background: #FBF8C7"|Handover<br />
|style="text-align: center;"|Manuals<br />
|style="text-align: left;"|*[[IS480 Team wiki:User Manual|User Manual]]<br />
<br />
|-<br />
<br />
|style="text-align: center;"|Code<br />
|style="text-align: left;"|<br />
<br />
|-<br />
<br />
|style="text-align: center;"|Deployment Diagram<br />
|style="text-align: left;"|<br />
<br />
<br />
|}<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br><br />
<br />
===<font color="#4D268F">Quality</font>===<br />
<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="50" style="background-color:#4D268F"| <font color="#ffffff"></font><br />
! scope="col" width="300" style="background-color:#4D268F"| <font color="#ffffff">Quality Attributes</font><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7" rowspan="2"|SYSTEM<br />
|style="text-align: left;"|<br />
:<big>'''1. Scalable Design Architecture:'''</big><br><br><br />
:Casting3’s architecture is designed to allow the development of a fault tolerant and scalable environment.<br> <br />
:(see deployment diagram: '''[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Deployment_Diagram | production environment]]''')<br />
<br />
:*Web server, File storage, Database and Email System exist as separate components that are independent of each other.<br>This setup ensures that each component can be scaled individually without affecting others.<br />
:*File Storage uses Amazon’s Simple Storage Service (S3), while the Email system utilizes Amazon’s Simple Email Service (SES).<br>Both services scale automatically based on utilization levels without user intervention.<br />
:*Web server and Database exists as single instances. <br>However, clustering technologies have not been implemented on either of the components as it is currently an unnecessary overhead.<br><br />
|-<br />
<br />
|style="text-align: left;"|<br />
:<big>'''2. Configurable and extensible application design. (following Yii’s MVC framework):'''</big><br><br><br />
<br />
:*'''Extensibility:''' <br><br />
::*Allows extensibility for development of new features by providing automatic test scripts such as PHPUnit and Selenium.<br />
::*Quickly and accurately ensure that modifications to the system does not break existing features by running automatic tests.<br />
<br />
:*'''Configurability:'''<br><br />
::*All system configurations are stored in a common configuration file, allowing easy customization of access credentials for database access and AWS services.<br><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7" rowspan="2"|APPLICATION<br />
|style="text-align: left;"|<br />
:<big>'''1. Usability:'''</big><br><br><br />
:*Casting3 emphasizes strongly on usability of the system and strives to reduce the learning curve of new users by providing extensive help for first time users such as:<br />
::*Screenshots of overlays<br />
::*Screenshots of tooltips<br />
::*Screenshot of video<br><br />
|-<br />
<br />
|style="text-align: left;"|<br />
:<big>'''2. Javascript MVC:'''</big><br><br><br />
:*Implemented simple Javascript-HTML templating engine to provide a well defined MVC framework between javascript and HTML.<br />
:*Javascript should not contain any HTML syntax. However, some situations require Javascript to insert HTML syntax to provide dynamic content. <br />
:*Hence, we have developed a lightweight templating engine that retrieves and manipulate HTML templates for Javascript.<br />
<br><br />
::*'''Template Engine (Javascript function)'''<br />
:::[[Image:Template_Engine_(Javascript_function).png|450px]]<br />
::*'''HTML Template (in HTML page)'''<br />
:::[[Image:HTML_Template_(in_HTML_page).png|450px]]<br />
::*'''Manipulating template'''<br />
:::[[Image:Manipulating_template.png|450px]]<br><br />
|}<br />
<br />
<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br />
<br />
===<font color="#4D268F">Deployment</font>===<br />
<br><br />
'''Casting3 has 3 separate deployed environments. These are development, staging and production environment.''' <br><br />
'''The responsibilities for each of these environment are for code integration, product testing, and public release respectively.'''<br />
<br />
{| class="wikitable" style="text-align: center; height:50px"<br />
|+ <br />
|-<br />
! scope="col" width="150" style="background-color:#4D268F"| <font color="#ffffff">Environment</font><br />
! scope="col" width="200" style="background-color:#4D268F"| <font color="#ffffff">URL</font><br />
! scope="col" width="400" style="background-color:#4D268F"| <font color="#ffffff">UserID / Password</font><br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|<br />
Development<br />
|style="text-align: center;"|<br />
'''[http://dev-casting3.hopto.org http://dev-casting3.hopto.org]'''<br />
|style="text-align: left;"|<br />
*'''Casting Manager:''' cm@cm.com / 123<br />
*'''Artiste:''' artiste@artiste.com / 123<br />
*'''Production House:''' prod@prod.com / 123<br />
*'''[http://casting3.hopto.org/ Or Sign Up]''' <br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|<br />
Staging<br />
|style="text-align: center;"|<br />
'''[http://casting3.hopto.org http://casting3.hopto.org]'''<br />
|style="text-align: left;"|<br />
*'''Casting Manager:''' cm@cm.com / 123<br />
*'''Artiste:''' artiste@artiste.com / 123<br />
*'''Production House:''' prod@prod.com / 123<br />
*'''[http://casting3.hopto.org/ Or Sign Up]''' <br />
|-<br />
<br />
! scope="row" style="background-color:#FBF8C7"|<br />
Production<br />
|style="text-align: center;"|<br />
'''[http://175.41.160.252 http://175.41.160.252]'''<br />
|style="text-align: left;"|<br />
*'''[http://casting3.hopto.org/ Sign Up]''' <br />
|}<br />
<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br><br><br />
<br />
===<font color="#4D268F">Usability Test 2</font>===<br />
<br />
<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1200" style="text-align: left; background: #F5F5F5"|<br />
<br />
====<font color="#c93756">Objectives</font>====<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1000" style="text-align: left; background: #FFF8C6"|<br />
'''1. Determine that the usage of the features in the [http://casting3.hopto.org application] are consistent to the expectations of <ins><font color="#D00000 ">real</font></ins> users (Casting Managers & Artistes)'''<br><br><br />
'''2. Obtain feedback from users such as to improve the usability (learnability, efficiency, errors, satisfaction) and aesthetics of our application'''<br />
|}<br><br />
<br><br />
====<font color="#c93756">Lab Test Details & Outcome</font>====<br />
<br />
[[Image:P1019045.JPG|450px|thumb|'''Usability Test 2:''' Real users (Artistes) participating in the test at Oak3 Films]]<br />
<br><br />
UT2 Lab Test was successfully conducted on '''25 October 2012, 2–6pm at Oak3 Films.'''<br><br />
These are the following participants:<br />
:#'''1 Casting Manager'''<br />
:#'''5 Artistes'''<br />
<br />
<br><br><br />
<br />
'''Feedback Links:'''<br />
:'''1. [https://docs.google.com/spreadsheet/ccc?key=0AhS1AYvg7B7DdGF1OGxGelQ2bzljOWhTZUZ5U0p6X1E#gid=0 Casting Manager Feedback]'''<br><br />
:'''2. [https://docs.google.com/spreadsheet/ccc?key=0AgWbd4V2n6c-dHY4clprVjZ4UTNucVZsVW9rN1UwWXc#gid=0 Artistes Feedback]'''<br><br />
:'''3. [https://docs.google.com/spreadsheet/ccc?key=0AgWbd4V2n6c-dHY4clprVjZ4UTNucVZsVW9rN1UwWXc#gid=1 Response Plan to Artiste Feedback]'''<br><br />
:'''4. [https://docs.google.com/file/d/0BzUq1d4sV8JQRkxVRVBpeDV1SGM/edit Quantitative Feedback]'''<br><br />
<br />
<br><br><br><br />
'''Extract of Solutions to Most Common Feedback:'''<br />
<br><br><br />
[[Image:UT21.png|900px]]<br><br><br><br />
[[Image:TW_UT22.png|900px]]<br />
<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br />
|}<br />
<br />
<br><br><br />
<br />
==<font color="#CE2B2B">'''Reflections'''</font>==<br />
===<font color="#4D268F">Team Reflection</font>===<br />
<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1000" style="text-align: left; background: #FFF8C6"|<br />
<br><br />
<big><font color="#CE2B2B">'''What we could have done better... in future!'''</font></big><br />
<br><br><br />
:*'''Project Management'''<br />
::*'''Schedule Metric'''<br />
:::* The "Remaining Effort" Line in the Burn Down Chart can be tweaked to form a curve based on the past trends of Burn Down Charts as shown:<br />
:::* [[Image:TW BurnDownChart.png|600px]]<br />
:::* Our team's Burn Down Charts typically start with a huge gap at the beginning since we included buffer time in each sprint for change requests and other unforeseen circumstances. Hence, by comparing remaining efforts required to the remaining time available in the form of a curve, it allows us to detect any schedule delay early.<br />
:::* Refer to the current burn down chart [[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Schedule_Metric| '''here''']].<br />
<br><br><br />
::*'''Bug Resolution Effort Metric'''<br />
:::*It will also be good to track the amount of time we took to resolve a bug<br />
:::*This will provide us with greater visibility, instead of the current way which is to calculate manually from a Sprint Documentation<br />
:::*[[Image:EffortTracker.png|400px]]<br />
<br><br> <br />
::*'''Change Request Management'''<br />
:::*Gather statistics & display them graphically using the following data:<br />
::::#No. of Change Requests Raised<br />
::::#No. of Requests Implemented<br />
::::#No. of Requests Placed On Hold/Not Implemented<br />
:::*This will allow our team to monitor change requests more effectively<br />
:::*It can also be used as a tool for the client to be kept informed and updated<br />
|}<br />
<br><br><br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div><br />
<br />
===<font color="#4D268F">Individual Reflection</font>===<br />
<br />
{| class="wikitable" style="text-align: center; height:350px"<br />
|+ <br />
|-<br />
! scope="col" width="100" style="background-color:#4D268F"| <font color="#ffffff">Member</font><br />
! scope="col" width="400" style="background-color:#4D268F"| <font color="#ffffff">Reflections</font><br />
! scope="col" width="100" style="background-color:#4D268F"| <font color="#ffffff">Member</font><br />
! scope="col" width="400" style="background-color:#4D268F"| <font color="#ffffff">Reflections</font><br />
|-<br />
<br />
! scope="row" style="background: #FBF8C7"|[[Image:TWjunru.png|120px]]<br />
|style="text-align: left;"|<br />
*It was a rewarding experience to be a Project Manager for a project that involves real clients and business requirements.<br><br> <br />
*Learnt to be more flexible (especially with the valuable feedback from the client) and to prioritize and make changes according to the schedule and time limitation. <br />
|style="background: #FBF8C7"|[[Image:TWwk.png|120px]]<br />
|style="text-align: left;"|<br />
*Better understood how to manage the expectations of the clients; and to negotiate and justify our ideas.<br><br> <br />
*Also learnt to communicate and explain the consequences of change requests raised to allow the client to have a better perspective <br />
|-<br />
<br />
! scope="row" style="background: #FBF8C7"|[[Image:TWnikita.png|120px]]<br />
|style="text-align: left;"|<br />
*Understood the real value of user testing because what developers see and what the users experience is totally different<br><br> <br />
*With that, we have to learn how to balance the testers feedbacks with the original functions the client is looking out for<br />
|style="background: #FBF8C7"|[[Image:TWgen.png|120px]]<br />
|style="text-align: left;"|<br />
*I've enjoyed myself in this journey, I gained skills in developing in PHP and learnt how to program with Jquery and AngularJS. I also learnt how these are integrated together and the usefulness of frameworks, especially when learning about the Yii framework.<br><br><br />
*Picked up other interesting skills, such as, video editing (doing voice overs, animating videos etc) and copywriting skills when developing user manual and writing the script for the help videos.<br />
<br />
|-<br />
<br />
! scope="row" style="background: #FBF8C7"|[[Image:TWreg.png|120px]]<br />
|style="text-align: left;"|<br />
*Learnt to analyze and understand client’s requirements and create a system that will aid in their business processes<br><br> <br />
*Understood the importance of questioning and seeking the right answers in terms of what the client wants; and think through to see whether it will be useful if implemented<br />
|style="background: #FBF8C7"|[[Image:TWcal.png|120px]]<br />
|style="text-align: left;"|<br />
*It was a good experience working with the client as I get to understand better about how to manage change requests and the significance of User Tests<br><br> <br />
*Team dynamics is really important to carry us through tough times; and I'm grateful that all of us were willing to help each other out during our busy periods of Weeks 12 - 15 in SMU! <br />
|-<br />
<br />
! scope="row" colspan="4" style="background: #FBF8C7; text-align: left"|<br />
<br>'''&nbsp;&nbsp;&nbsp;Additional Links: [[IS480_Team_wiki:_2012T1_Timber_Werkz_IntroducingTW#The_Team | <ins>Roles & Responsibilities</ins>]], [[IS480_Team_wiki:_2012T1_Timber_Werkz_LearningExp#Reflections | <ins>Learning Experiences</ins>]]'''<br><br><br />
<br />
|}<br />
<br />
<br><br><br />
<br />
===<font color="#4D268F">Sponsor Comments</font>===<br />
<br />
<br />
{| cellpadding="9" style="border: 1px solid darkgray; text-align: center; height:50px"<br />
|scope="row" width="1000" style="text-align: left; background: #FFF8C6"|<br />
Casting3 will enhance talent management processes in the entertainment industry. Creating a new community on this interactive networking platform, potential actors/actresses can upload auditions virtually to secure a role while casting managers can source from a larger pool of talent more efficiently.<br />
<br />
The team at Timber Werkz has helped to create a platform suited to the industry’s needs. Self-motivated and enthusiastic, they have often advised on feasibility of technical requests and provided innovative solutions during the development of this project.<br />
|}<br />
<br />
<br><br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_Final_Wiki#Top|Back to Top]]</div></div>Regina.lee.2009https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams&diff=111725IS480 Team wiki: 2012T1 Timber Werkz TechDiagrams2012-11-28T05:43:59Z<p>Regina.lee.2009: /* Logical Diagram */</p>
<hr />
<div><!--Navigation Bar--><br />
{| 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" |<br />
| 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>]]<br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz#Latest_Events|<font color="#0040FF" face="">'''Latest Events'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz#Notifications |<font color="#0040FF" face="">'''Notifications'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz#Project_Progress |<font color="#0040FF" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectOverview|<font color="#0040FF" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectStakeholders|<font color="#0040FF" face="">'''Stakeholders'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_IntroducingTW|<font color="#0040FF" face="">'''About Us'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectManagement|<font color="#0040FF" face="">'''Schedule & Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Milestones|<font color="#0040FF" face="">'''Milestones'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Metrics|<font color="#0040FF" face="">'''Metrics'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Risks|<font color="#0040FF" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectFramework|<font color="#0040FF" face="">'''Framework'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Deliverables |<font color="#0040FF" face="">'''Deliverables'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectDocumentation|<font color="#0040FF" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams |<font color="#0040FF" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_UI |<font color="#0040FF" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" | <br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_UsabilityTest |<font color="#0040FF" face="">'''Usability Tests'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectResources |<font color="#0040FF" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_LearningExp |<font color="#0040FF" face="">'''Learning Exp'''</font>]]<br />
|}<br />
<br><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><br><br />
<!--body--><br />
==<font color="#c93756">'''Deployment Diagram'''</font>==<br />
<br><br />
'''Deployment Diagram Version 0.4'''<br />
[[Image:Deployment_Diagram_v0.4.jpg|960px]]<br />
<br style="clear:both" /><br />
<br />
<br><br />
===Versions===<br />
'''<font color="#4D268F"><big>Deployment Diagram</big></font>''' earlier versions:<br />
{|<br />
|[[Image:Deployment_Diagram_v0.1.png|thumb|upright=0.5|V0.1]]<br />
|[[Image:Deployment_Diagram_v0.2.png|thumb|upright=0.35|V0.2]]<br />
|[[Image:Deployment_Diagram_v0.3.jpg|thumb|upright=0.5|V0.3]]<br />
|}<br />
<br />
<br><br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Top|Back to Top]]</div><br />
<br />
==<font color="#c93756">'''Logical Diagram'''</font>==<br />
<br><br />
'''Logical Diagram (Overview) Version 1.3'''<br />
[[Image:Logical_Diagram_v1.3_without_fields.jpg|960px]]<br />
<br style="clear:both" /><br />
<br />
<br><br />
'''Logical Diagram Version 1.3'''<br />
<br><br />
[[Image:Logical_Diagram_v1.3.jpg|960px]]<br />
<br style="clear:both" /><br />
<br />
<br><br />
===Versions===<br />
'''<font color="#4D268F"><big>Logical Diagram</big></font>''' earlier versions:<br />
{|<br />
| [[Image:Logical_Diagram_v0.1.png|thumb|upright=0.35|left|V0.1]]<br />
| [[Image:Logical_Diagram_v0.2.png|thumb|upright=0.35|left|V0.2]]<br />
| [[Image:Logical_Diagram_v0.4.png|thumb|upright=0.5|left|V0.4]]<br />
| [[Image:Logical_Diagram_v0.6.png|thumb|upright=0.45|left|V0.6]]<br />
| [[Image:Logical_Diagram_v0.8.png|thumb|upright=0.5|left|V0.8]]<br />
| [[Image:Logical_Diagram_v0.9.jpg|thumb|upright=0.5|left|V0.9]]<br />
| [[Image:Logical_Diagram_v1.0.png|thumb|upright=0.5|left|V1.0]]<br />
| [[Image:Logical_Diagram_v1.1.jpg|thumb|upright=0.5|left|V1.1]]<br />
| [[Image:Logical_Diagram_v1.2.jpg|thumb|upright=0.5|left|V1.2]]<br />
|}<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Top|Back to Top]]</div></div>Regina.lee.2009https://wiki.smu.edu.sg/is480/index.php?title=File:Logical_Diagram_v1.3.jpg&diff=111723File:Logical Diagram v1.3.jpg2012-11-28T05:43:30Z<p>Regina.lee.2009: </p>
<hr />
<div></div>Regina.lee.2009https://wiki.smu.edu.sg/is480/index.php?title=IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams&diff=111722IS480 Team wiki: 2012T1 Timber Werkz TechDiagrams2012-11-28T05:43:12Z<p>Regina.lee.2009: /* Logical Diagram */</p>
<hr />
<div><!--Navigation Bar--><br />
{| 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" |<br />
| 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>]]<br />
| style=" border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" |&nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
| 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><br />
| style="border-bottom:2px solid #632E00; background:none;" width="2%" | &nbsp;<br />
<br />
|}<br />
<br />
{| 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" |<br />
<br />
| style="padding:0 .6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; " width="10%" | <br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz#Latest_Events|<font color="#0040FF" face="">'''Latest Events'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz#Notifications |<font color="#0040FF" face="">'''Notifications'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz#Project_Progress |<font color="#0040FF" face="">'''Progress'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectOverview|<font color="#0040FF" face="">'''Project Description'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectStakeholders|<font color="#0040FF" face="">'''Stakeholders'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_IntroducingTW|<font color="#0040FF" face="">'''About Us'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectManagement|<font color="#0040FF" face="">'''Schedule & Scope'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Milestones|<font color="#0040FF" face="">'''Milestones'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Metrics|<font color="#0040FF" face="">'''Metrics'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" |&nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Risks|<font color="#0040FF" face="">'''Risks'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectFramework|<font color="#0040FF" face="">'''Framework'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_Deliverables |<font color="#0040FF" face="">'''Deliverables'''</font>]]<br />
| style="border-bottom:2px solid #806517; background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" |<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectDocumentation|<font color="#0040FF" face="">'''Meeting Minutes'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams |<font color="#0040FF" face="">'''Diagrams'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_UI |<font color="#0040FF" face="">'''UI & Videos'''</font>]]<br />
| style="border-bottom:2px solid #806517;background:none;" width="2%" | &nbsp;<br />
<br />
| style="padding:0.6em; font-size:100%; background-color:#ffffff; border-bottom:2px solid #806517; text-align:left; color:#000000" width="12%" | <br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_UsabilityTest |<font color="#0040FF" face="">'''Usability Tests'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_ProjectResources |<font color="#0040FF" face="">'''Resources'''</font>]]<br />
*[[IS480_Team_wiki:_2012T1_Timber_Werkz_LearningExp |<font color="#0040FF" face="">'''Learning Exp'''</font>]]<br />
|}<br />
<br><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><br><br />
<!--body--><br />
==<font color="#c93756">'''Deployment Diagram'''</font>==<br />
<br><br />
'''Deployment Diagram Version 0.4'''<br />
[[Image:Deployment_Diagram_v0.4.jpg|960px]]<br />
<br style="clear:both" /><br />
<br />
<br><br />
===Versions===<br />
'''<font color="#4D268F"><big>Deployment Diagram</big></font>''' earlier versions:<br />
{|<br />
|[[Image:Deployment_Diagram_v0.1.png|thumb|upright=0.5|V0.1]]<br />
|[[Image:Deployment_Diagram_v0.2.png|thumb|upright=0.35|V0.2]]<br />
|[[Image:Deployment_Diagram_v0.3.jpg|thumb|upright=0.5|V0.3]]<br />
|}<br />
<br />
<br><br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Top|Back to Top]]</div><br />
<br />
==<font color="#c93756">'''Logical Diagram'''</font>==<br />
<br><br />
'''Logical Diagram (Overview) Version 1.2'''<br />
[[Image:Logical_Diagram_v1.3_without_fields.jpg|960px]]<br />
<br style="clear:both" /><br />
<br />
<br><br />
'''Logical Diagram Version 1.2'''<br />
<br><br />
[[Image:Logical_Diagram_v1.2.jpg|960px]]<br />
<br style="clear:both" /><br />
<br />
<br><br />
===Versions===<br />
'''<font color="#4D268F"><big>Logical Diagram</big></font>''' earlier versions:<br />
{|<br />
| [[Image:Logical_Diagram_v0.1.png|thumb|upright=0.35|left|V0.1]]<br />
| [[Image:Logical_Diagram_v0.2.png|thumb|upright=0.35|left|V0.2]]<br />
| [[Image:Logical_Diagram_v0.4.png|thumb|upright=0.5|left|V0.4]]<br />
| [[Image:Logical_Diagram_v0.6.png|thumb|upright=0.45|left|V0.6]]<br />
| [[Image:Logical_Diagram_v0.8.png|thumb|upright=0.5|left|V0.8]]<br />
| [[Image:Logical_Diagram_v0.9.jpg|thumb|upright=0.5|left|V0.9]]<br />
| [[Image:Logical_Diagram_v1.0.png|thumb|upright=0.5|left|V1.0]]<br />
| [[Image:Logical_Diagram_v1.1.jpg|thumb|upright=0.5|left|V1.1]]<br />
| [[Image:Logical_Diagram_v1.2.jpg|thumb|upright=0.5|left|V1.2]]<br />
|}<br />
<br />
<div style = "text-align:right; padding: 0px 30px 0px 45px;">[[IS480_Team_wiki:_2012T1_Timber_Werkz_TechDiagrams#Top|Back to Top]]</div></div>Regina.lee.2009https://wiki.smu.edu.sg/is480/index.php?title=File:Logical_Diagram_v1.3_without_fields.jpg&diff=111716File:Logical Diagram v1.3 without fields.jpg2012-11-28T05:40:28Z<p>Regina.lee.2009: </p>
<hr />
<div></div>Regina.lee.2009