HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2015T2 Marreo/Team Page"

From IS480
Jump to navigation Jump to search
Line 1: Line 1:
[[File:Marreo.png|300px|center|link=]]
+
[[File:Marreo logo.png|300px|center|link=]]
<br/>
+
 
 
<!-- START OF NAVBAR -->
 
<!-- START OF NAVBAR -->
<div style="background-color: #C5EFF7; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo|<span style="color:#3C2415;">Home</span>]]</div>
+
 
<div style="background-color: #4183D7; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Team Page|<span style="color:white;">Team Page</span>]]</div>
+
<div style="width:20%; float: left;">[[File:Icon_home.png|80px|center|link=]]</div>
<div style="background-color: #C5EFF7; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Project Overview|<span style="color:#3C2415;">Project Overview</span>]]</div>
+
<div style="width:20%; float: left;">[[File:Icon aboutus.png|80px|center|link=]]</div>
<div style="background-color: #C5EFF7; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Project Management|<span style="color:#3C2415;">Project Management</span>]]</div>
+
<div style="width:20%; float: left;">[[File:Icon projectoverview.png|80px|center|link=]]</div>
<div style="background-color: #C5EFF7; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Project Documentation|<span style="color:#3C2415;">Project Documentation</span>]]</div>
+
<div style="width:20%; float: left;">[[File:Icon projectmgt.png|80px|center|link=]]</div>
 +
<div style="width:20%; float: left;">[[File:Icon documentation.png |80px|center|link=]]</div>
 +
 
 +
<div style="background-color: #FFFFFF; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo|<span style="color:#333;">Home</span>]]</div>
 +
<div style="background-color: #FFFFFF; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Team Page|<span style="color:#333;">About Us</span>]]</div>
 +
<div style="background-color: #FFFFFF; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Project Overview|<span style="color:#333;">Project Overview</span>]]</div>
 +
<div style="background-color: #FFFFFF; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Project Management|<span style="color:#333;">Project Management</span>]]</div>
 +
<div style="background-color: #FFFFFF; width: 20%; height: 37px; padding-top: 10px; text-align: center; font-weight: bold; float: left;">[[IS480 Team wiki: 2015T2 Marreo/Project Documentation|<span style="color:#333;">Documentation</span>]]</div>
 
<br/>
 
<br/>
 
<!-- END OF NAVBAR -->
 
<!-- END OF NAVBAR -->
  
<!-- CLEAR FLOAT :: DO NOT TOUCH -->
+
[[File:Banner aboutus.png|1080px|center|link=]]
<br/><br/>
+
<!-- END OF NAVBAR -->
<div style="float: none; clear: both; margin-left: auto; margin-right: auto"></div>
+
<!--Sub-Navigation-->
<!-- CLEAR FLOAT :: DO NOT TOUCH -->
+
{| style="background-color:white; color:white ; border:1px solid #4690cd; 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:#daeeff; border-right:1px solid #4690cd; " width="25%" | [[IS480 Team wiki: 2015T2 Marreo/Team Page| <font face = "Arial" color="#3C2415"><b>Roles & Responsibilities </b></font>]]
 +
 
 +
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; border-right:1px solid #4690cd; " width="25%" | [[IS480 Team wiki: 2015T2 Marreo_Stakeholder| <font face = "Arial" color="#101010"><b>Stakeholder</b></font>]]
 +
 
 +
| style="padding:0 .3em;  solid #000000;  padding: 10px; text-align:center; background-color:#white; border-right:1px solid #4690cd; " width="25%" | [[IS480 Team wiki: 2015T2 Marreo/Team Outcome| <font face = "Arial" color="#3C2415"><b>Learning Outcomes</b></font>]]
 +
 
 +
| style="padding:0 .3em;  solid #000000; padding: 10px; text-align:center; background-color:white;" width="25%" | [[IS480 Team wiki: 2015T2 Marreo Photos| <font face = "Arial" color="#101010"><b>Marreo Gallery</b></font>]]
  
<!--Sub-Navigation-->
+
|
{| style="background-color:white; color:white padding: 5px 0 0 0;" width="100%" height=50px cellspacing="0" cellpadding="0" valign="top" border="0" |
 
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; " width="15%" | [[IS480 Team wiki: 2015T2 Marreo/Team Page| <font face = "Arial" color="#3C2415"><b>Roles, Responsibilities and Learning Outcomes</b></font>]]
 
[[File:Marreo Cookie.png|45px|link=]]
 
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; " width="15%" | [[IS480 Team wiki: 2015T2 Marreo_Stakeholder| <font face = "Arial" color="#101010"><b>Stakeholders</b></font>]]
 
  
| style="padding:0 .3em;  solid #000000; text-align:center; background-color:white; " width="15%" | [[IS480 Team wiki: 2015T2 Marreo Photos| <font face = "Arial" color="#101010"><b>Photo Gallery</b></font>]]
 
 
|}
 
|}
  
 +
<!--END OF Sub-Navigation-->
 +
 +
<div style="text-align: left; width:1080px;  margin-left:auto; margin-right:auto; ">
 +
<center>
 +
<span style="color: #4690cd; font-size:50px; font-family:Arial; font-transform:uppercase; font-weight:bold;"> Team Marreo </span><br/>
 +
</center>
 
[[File:Cookie together.png|center|700px|link=]]
 
[[File:Cookie together.png|center|700px|link=]]
 
<br/>
 
<br/>
==<div style="background: #4183D7; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#000000>Project Manager :</font><font color= #FFFFFF> Brindha Menon</font></div>==
+
<div style="background: #4690cd; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#000000>Project Manager :</font><font color= #FFFFFF> Brindha Menon</font></div>
  
 
{| border = "0"
 
{| border = "0"
Line 45: Line 61:
 
|}
 
|}
  
==<div style="background: #4183D7; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#000000>Frontend Developer :</font><font color= #FFFFFF> Chua Min Xuan (Max) </font></div>==
+
<div style="background: #4690cd; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:24px"><font color=#000000>Frontend Developer :</font><font color= #FFFFFF> Chua Min Xuan (Max) </font></div>
  
 
{| border = "0"
 
{| border = "0"
Line 61: Line 77:
 
|}
 
|}
  
==<div style="background: #4183D7; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#000000>Frontend Developer :</font><font color= #FFFFFF> Khiew Shi Kai</font></div>==
+
<div style="background: #4690cd; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:24px"><font color=#000000>Frontend Developer :</font><font color= #FFFFFF> Khiew Shi Kai</font></div>
  
 
{| border = "0"
 
{| border = "0"
Line 78: Line 94:
 
|}
 
|}
  
==<div style="background: #4183D7; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#000000>Backend Developer :</font><font color= #FFFFFF> Muhammad Nur Hakam</font></div>==
+
<div style="background: #4690cd; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:24px"><font color=#000000>Backend Developer :</font><font color= #FFFFFF> Muhammad Nur Hakam</font></div>
  
 
{| border = "0"
 
{| border = "0"
Line 94: Line 110:
 
|}
 
|}
  
==<div style="background: #4183D7; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#000000>Quality Assurance & Business Analyst :</font><font color= #FFFFFF> Seol Hye Ri</font></div>==
+
<div style="background: #4690cd; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:24px"><font color=#000000>Quality Assurance & Business Analyst :</font><font color= #FFFFFF> Seol Hye Ri</font></div>
  
 
{| border = "0"
 
{| border = "0"
Line 115: Line 131:
 
|}
 
|}
  
==<div style="background: #4183D7; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; letter-spacing:-0.1em; font-size:24px"><font color=#000000>User Experience Developer & Deputy Project Manager :</font><font color= #FFFFFF> Tan Gui Shi</font></div>==
+
<div style="background: #4690cd; padding: 15px; font-weight: bold; line-height: 0.3em; text-indent: 15px; font-size:24px"><font color=#000000>User Experience Developer & Deputy Project Manager :</font><font color= #FFFFFF> Tan Gui Shi</font></div>
  
 
{| border = "0"
 
{| border = "0"
Line 130: Line 146:
 
*To learn how to plan a technical project
 
*To learn how to plan a technical project
 
|}
 
|}
 +
 +
 +
</div>

Revision as of 07:53, 1 November 2014

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 aboutus.png
Roles & Responsibilities Stakeholder Learning Outcomes Marreo Gallery


Team Marreo

Cookie together.png


Project Manager : Brindha Menon
Cookie Brindha.png

Responsibilities

  • Come up with project schedule and timeline
  • To schedule internal meetings and client meetings
  • In charge of documentation during all meetings
  • Keep track of progress of team by updating Schedule Metrics of team
  • Allocate tasks to team members
  • Maintain team morale during course of FYP

Learning Outcomes

  • To learn how to deal with obstacles and setbacks faced as a team / an individual
  • To hone my planning skills by planning a big project with a team and client
  • To develop my communication skills
Frontend Developer : Chua Min Xuan (Max)
Cookie Max.png

Responsibilities

  • Work hand in hand with fellow developers to develop functions
  • Research on possible animations that can complement our web application
  • Ensure responsiveness of the web page on browsers and on mobile
  • Ensure compatibility of web application on various browsers

Learning Outcomes

  • To gain a better understanding of the meteor framework
  • To be more well versed in front-end coding using Javascript (coding from a designer perspective)
Frontend Developer : Khiew Shi Kai
Cookie Shikai.png

Responsibilities

  • Work hand in hand with fellow developers to develop functions
  • Styling the user interface with CSS and Javascript
  • Ensure design of components is consistent before integration with Graph Paper
  • Liase with client to keep track of updates on the framework (at our client's end) and to update on progress from our developers' side to them

Learning Outcomes

  • To gain a deeper understanding of javascript and its frameworks (e.g. meteor.js)
  • To manage time and expectations of the project especially with other concurrent projects.
  • To develop great user experience for the end users of Mr & Mrs (SG)
Backend Developer : Muhammad Nur Hakam
Cookie Hakam.png

Responsibilities

  • Work hand in hand with fellow developers to develop functions
  • Develop and code logic behind functions
  • Responsible for integration with frontend development

Learning Outcomes

  • To hone my skills in integrating between front end and back end
  • To become better at logical thinking
  • To gain a deeper understanding of Javascript and its frameworks (e.g. meteor.js)
Quality Assurance & Business Analyst : Seol Hye Ri
Cookie Hyeri.png

Responsibilities

  • Conduct market research on competitors for our web application
  • Help with research and content accumulation for Wedding Planning
  • Come up with robust test cases for each function for internal testing
  • Collate list of bugs found during each internal testing session
  • Communicate with PM on scale of bugs and problems found
  • Update Bug Metrics and keep a close watch on debugging progress

Learning Outcomes

  • Develop research skills on areas which I have not been aware of
  • Learn to do data analysis
  • Explore current market to provide information of high quality
  • Learn new technologies
  • Learn to conduct effective testing
User Experience Developer & Deputy Project Manager : Tan Gui Shi
Cookie GuiShi.png

Responsibilities

  • Develop prototypes at the start of every iteration that involves functionality
  • Assist developers on look-and-feel of web application in terms of user experience and aesthetics
  • Maintain and update Wiki page content
  • Help with research and content accumulation for wedding planning

Learning Outcomes

  • Learn how to produce user friendly interface to satisfy the needs and desires of the people who interact with the application
  • To learn how to plan a technical project