HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2015T2 Marreo Design & Prototype"

From IS480
Jump to navigation Jump to search
 
(3 intermediate revisions by 2 users not shown)
Line 22: Line 22:
 
{| style="background-color:white; color:white ;; border:1px solid #ec4f73; margin-left: auto; margin-right: auto;" width="1080px" height=50px cellspacing="0" cellpadding="0" valign="top"  |
 
{| style="background-color:white; color:white ;; border:1px solid #ec4f73; margin-left: auto; margin-right: auto;" width="1080px" height=50px cellspacing="0" cellpadding="0" valign="top"  |
  
| style="padding:0 .3em;  solid #000000;  padding: 10px; text-align:center; background-color:white; border-right:1px solid #ec4f73; " width="20%" | [[IS480 Team wiki: 2015T2 Marreo/Project Overview| <font face = "Arial" color="#3C2415"><b>Project Description</b></font>]]
+
| style="padding:0 .3em;  solid #000000;  padding: 10px; text-align:center; background-color:white; border-right:1px solid #ec4f73; " width="16.5%" | [[IS480 Team wiki: 2015T2 Marreo/Project Overview| <font face = "Arial" color="#3C2415"><b>Project Description</b></font>]]
  
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; border-right:1px solid #ec4f73; " width="20%" | [[IS480 Team wiki: 2015T2 Marreo_Motivation| <font face = "Arial" color="#101010"><b>Market Research</b></font>]]
+
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; border-right:1px solid #ec4f73; " width="16.5%" | [[IS480 Team wiki: 2015T2 Marreo_Motivation| <font face = "Arial" color="#101010"><b>Market Research</b></font>]]
  
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white;  border-right:1px solid #ec4f73;" width="20%" | [[IS480 Team wiki: 2015T2 Marreo_Project Scope| <font face = "Arial" color="#101010"><b>Project Scope</b></font>]]
+
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white;  border-right:1px solid #ec4f73;" width="16.5%" | [[IS480 Team wiki: 2015T2 Marreo_Project Scope| <font face = "Arial" color="#101010"><b>Project Scope</b></font>]]
  
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; border-right:1px solid #ec4f73;" width="20%" | [[IS480 Team wiki: 2015T2 Marreo_User Tests| <font face = "Arial" color="#101010"><b>User Tests</b></font>]]
+
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; border-right:1px solid #ec4f73;" width="16.5%" | [[IS480 Team wiki: 2015T2 Marreo_User Tests| <font face = "Arial" color="#101010"><b>User Testing</b></font>]]
  
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:#ffe5eb; " width="20%" | [[IS480 Team wiki: 2015T2 Marreo_Design & Prototype| <font face = "Arial" color="#101010"><b>Design & Prototype</b></font>]]
+
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:#ffe5eb;  border-right:1px solid #ec4f73;" width="16.5%" | [[IS480 Team wiki: 2015T2 Marreo_Design & Prototype| <font face = "Arial" color="#101010"><b>Design & Prototype</b></font>]]
 +
 
 +
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white;" width="16.5%" | [[IS480 Team wiki: 2015T2 Marreo/Marketing| <font face = "Arial" color="#101010"><b>Marketing</b></font>]]
  
 
|}
 
|}
Line 42: Line 44:
 
'''Persona 1'''
 
'''Persona 1'''
 
<br/><br/>
 
<br/><br/>
Desmond is a 26 year old fresh graduate who just proposed to his girlfriend of 9 years. He and his girlfriend are both Singaporean Chinese individuals with traditional family backgrounds. He has no prior experience with planning a traditional Chinese wedding. He plans to have his wedding in a year’s time on his 10th Anniversary. Desmond loves to play soccer with his friends. He created a Facebook page to plan their weekly matches to keep track of members and their attendance so that it is easier for them to book venues for their games. He asked many of his soccer kakis for advice on marriage planning but none of them had any idea as they were all focusing on their career advancement. Desmond also has a habit of using budget and to-do mobile applications to track his expenditure and tasks respectively. He was very excited when he came across the Mr & Mrs (SG) Wedding Application on Graph Paper as it came along with a guide on how to plan a wedding specially tailored for Singaporeans. He immediately signed up for it and started using the functions provided by the application.
+
Desmond is a 26 year old fresh graduate who just proposed to his girlfriend of 9 years. He and his girlfriend are both Singaporean Chinese individuals with traditional family backgrounds. He has no prior experience with planning a traditional Chinese wedding. He plans to have his wedding in a year’s time on his 10th Anniversary. Desmond loves to play soccer with his friends. He created a Facebook page to plan their weekly matches to keep track of members and their attendance so that it is easier for them to book venues for their games. He asked many of his soccer kakis for advice on marriage planning but none of them had any idea as they were all focusing on their career advancement. Desmond also has a habit of using budget and to-do mobile applications to track his expenditure and tasks respectively. He was very excited when he came across the Marry.SG Wedding Application on Graph Paper as it came along with a guide on how to plan a wedding specially tailored for Singaporeans. He immediately signed up for it and started using the functions provided by the application.
 
<br/><br/>
 
<br/><br/>
 
'''Persona 2'''
 
'''Persona 2'''
 
<br/><br/>
 
<br/><br/>
Rani’s boyfriend just proposed to her. She is totally excited about planning for the big day, but she is not sure of all the things she needs to plan out for the series of events leading up to her wedding. Her parents are aware of the necessary items and the traditions that needs to be observed during the wedding events. However, they are not very good with recording expenditure and planning out itineraries. Rani has always dreamed of how her wedding should be and wishes for her wedding to be planned out to be like the wedding of her dreams. There are a lot of information out there in Google, and Rani wishes there was a single platform for her to record down all her findings and plan for her wedding at the same time. Her friend recommended Mr & Mrs (SG) as it has simple planning tools for Rani to use to start with her wedding planning.
+
Rani’s boyfriend just proposed to her. She is totally excited about planning for the big day, but she is not sure of all the things she needs to plan out for the series of events leading up to her wedding. Her parents are aware of the necessary items and the traditions that needs to be observed during the wedding events. However, they are not very good with recording expenditure and planning out itineraries. Rani has always dreamed of how her wedding should be and wishes for her wedding to be planned out to be like the wedding of her dreams. There are a lot of information out there in Google, and Rani wishes there was a single platform for her to record down all her findings and plan for her wedding at the same time. Her friend recommended Marry.SG as it has simple planning tools for Rani to use to start with her wedding planning.
  
 
==<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Scenarios</font></div>==
 
==<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Scenarios</font></div>==
Line 53: Line 55:
 
Desmond logged in to the application with his email address, and selected his race and put in his wedding date as the day he and his girlfriend got together as he plans to have the marriage on that day. He then shared the Graph Paper canvas with his girlfriend so that she could also have a look and collaborate with him to plan their wedding together.
 
Desmond logged in to the application with his email address, and selected his race and put in his wedding date as the day he and his girlfriend got together as he plans to have the marriage on that day. He then shared the Graph Paper canvas with his girlfriend so that she could also have a look and collaborate with him to plan their wedding together.
 
<br/><br/>
 
<br/><br/>
Desmond has 12 months left to his planned wedding. He logs into the Mr & Mrs (SG) application powered by Graph Paper, and is shown a Graph Paper prepopulated with components to help a user plan out a wedding in Singapore. Since Desmond had chosen to have a guided template for Chinese, components like the To-Do List had been prepopulated with a guided template that catered to arrange Chinese weddings.
+
Desmond has 12 months left to his planned wedding. He logs into the Marry.SG application powered by Graph Paper, and is shown a Graph Paper prepopulated with components to help a user plan out a wedding in Singapore. Since Desmond had chosen to have a guided template for Chinese, components like the To-Do List had been prepopulated with a guided template that catered to arrange Chinese weddings.
 
<br/><br/>
 
<br/><br/>
 
He scanned through the items prepopulated in the To-Do List component and saw items such as Guo Da Li and Hui Li prepopulated there. According to the To-Do List, the first few things Desmond should do was to “Meet both sides of the family”, “Decide on number of events”, “Set your budget”, “Register your marriage”, “Select your ROM date”, “Book wedding venue”, so on and so forth.
 
He scanned through the items prepopulated in the To-Do List component and saw items such as Guo Da Li and Hui Li prepopulated there. According to the To-Do List, the first few things Desmond should do was to “Meet both sides of the family”, “Decide on number of events”, “Set your budget”, “Register your marriage”, “Select your ROM date”, “Book wedding venue”, so on and so forth.
Line 65: Line 67:
 
Since Rani had a rough idea of all the tasks she had to carry out in order for her marriage to be carried out smoothly, she went on to use the To-Do List function to list out all the to-dos she had to do and added the time period for each to-do.  
 
Since Rani had a rough idea of all the tasks she had to carry out in order for her marriage to be carried out smoothly, she went on to use the To-Do List function to list out all the to-dos she had to do and added the time period for each to-do.  
 
<br/><br/>
 
<br/><br/>
==<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>To-Do-List</font></div>==
+
 
===Mock ups===
+
<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>RSVP Canvas</font></div>
[[File:Marreo to do version 1.png|link=]]
+
[[File:2015-01-24 15.51.31.jpg|600px]]
===Coding progress===
+
<br/><br/>
<br/>
+
 
Using Polymer<br/><br/>
+
<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Overall Canvas</font></div>
[[File:To-do polymer.png|700px|link=]]<br/><br/>
+
[[File:weddingCanvas.jpg|570px]]
Using Meteor.js<br/><br/>
+
[[File:2015-01-24 15.51.30.jpg|500px]]
[[File:To-do 2.png|700px|link=]]<br/><br/>
+
<br/><br/>
Final look and feel using Meteor.js<br/><br/>
+
 
[[File:To-do.png|link=]]
+
<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Timeline</font></div>
==<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Discover</font></div>==
+
[[File:Timeline cart.jpg]]
===Mock ups===
+
<br/><br/>
[[File:Marreo discover v1.png|link=]]
+
 
[[File:Marreo discover v2.png|link=]]
+
<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Notes</font></div>
===Coding progress===
+
[[File:Note cart.jpg]]
Final look and feel using Meteor.js<br/><br/>
+
<br/><br/>
[[File:Discover.png|link=]]
+
 
</div>
+
<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Discover (List of Vendors)</font></div>
 +
[[File:Discover_cart_2.jpg|500px]][[File:Discover_cart.jpg|500px]]
 +
<br/><br/>
 +
 
 +
<div style="background: #ec4f73; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#FFF>Guest List</font></div>
 +
[[File:Guest-cart-1.jpg|300px]][[File:Guest-cart-2.jpg|300px]][[File:Guest-cart-3.jpg|300px]] <br/>
 +
[[File:Guest-cart-4.jpg|300px]][[File:Guest-cart-5.jpg|300px]][[File:Guest-cart-6.jpg|300px]] <br/>
 +
 
 +
<br/><br/>

Latest revision as of 20:30, 17 April 2015

Marreo logo.png


Icon home.png
Icon aboutus.png
Icon projectoverview.png
Icon projectmgt.png
Icon documentation.png
Home
About Us
Project Overview
Project Management
Documentation


Banner projectoverview.png
Project Description Market Research Project Scope User Testing Design & Prototype Marketing



Personas

Persona 1

Desmond is a 26 year old fresh graduate who just proposed to his girlfriend of 9 years. He and his girlfriend are both Singaporean Chinese individuals with traditional family backgrounds. He has no prior experience with planning a traditional Chinese wedding. He plans to have his wedding in a year’s time on his 10th Anniversary. Desmond loves to play soccer with his friends. He created a Facebook page to plan their weekly matches to keep track of members and their attendance so that it is easier for them to book venues for their games. He asked many of his soccer kakis for advice on marriage planning but none of them had any idea as they were all focusing on their career advancement. Desmond also has a habit of using budget and to-do mobile applications to track his expenditure and tasks respectively. He was very excited when he came across the Marry.SG Wedding Application on Graph Paper as it came along with a guide on how to plan a wedding specially tailored for Singaporeans. He immediately signed up for it and started using the functions provided by the application.

Persona 2

Rani’s boyfriend just proposed to her. She is totally excited about planning for the big day, but she is not sure of all the things she needs to plan out for the series of events leading up to her wedding. Her parents are aware of the necessary items and the traditions that needs to be observed during the wedding events. However, they are not very good with recording expenditure and planning out itineraries. Rani has always dreamed of how her wedding should be and wishes for her wedding to be planned out to be like the wedding of her dreams. There are a lot of information out there in Google, and Rani wishes there was a single platform for her to record down all her findings and plan for her wedding at the same time. Her friend recommended Marry.SG as it has simple planning tools for Rani to use to start with her wedding planning.

Scenarios

Scenario 1: Desmond using the To-do List function with template

Desmond logged in to the application with his email address, and selected his race and put in his wedding date as the day he and his girlfriend got together as he plans to have the marriage on that day. He then shared the Graph Paper canvas with his girlfriend so that she could also have a look and collaborate with him to plan their wedding together.

Desmond has 12 months left to his planned wedding. He logs into the Marry.SG application powered by Graph Paper, and is shown a Graph Paper prepopulated with components to help a user plan out a wedding in Singapore. Since Desmond had chosen to have a guided template for Chinese, components like the To-Do List had been prepopulated with a guided template that catered to arrange Chinese weddings.

He scanned through the items prepopulated in the To-Do List component and saw items such as Guo Da Li and Hui Li prepopulated there. According to the To-Do List, the first few things Desmond should do was to “Meet both sides of the family”, “Decide on number of events”, “Set your budget”, “Register your marriage”, “Select your ROM date”, “Book wedding venue”, so on and so forth.

Scenario 2: Rani using the To-do List, Notebook and Discover function without template

Rani signs in to Graph Paper using her Facebook account. She selects the default canvas without any prepopulated templates. She starts of by using the Notebook function. She uses the notes to make a list of the songs she would like to play for the guests as her wedding. She also uses it to assign roles and tasks family and friends who would be helping out for her wedding.

Rani has a brief idea of the colours and type of saree she would like to wear for her wedding. She then looks at the vendors in the Discover function to check out bridal boutiques that sell indian bridal outfits. She likes the vendor Pernia Popup Shop and is considering buying her outfit from there.

Since Rani had a rough idea of all the tasks she had to carry out in order for her marriage to be carried out smoothly, she went on to use the To-Do List function to list out all the to-dos she had to do and added the time period for each to-do.

RSVP Canvas

2015-01-24 15.51.31.jpg

Overall Canvas

WeddingCanvas.jpg 2015-01-24 15.51.30.jpg

Timeline

Timeline cart.jpg

Notes

Note cart.jpg

Discover (List of Vendors)

Discover cart 2.jpgDiscover cart.jpg

Guest List

Guest-cart-1.jpgGuest-cart-2.jpgGuest-cart-3.jpg
Guest-cart-4.jpgGuest-cart-5.jpgGuest-cart-6.jpg