Difference between revisions of "IS480 Team wiki: 2011T2 Imateam Final Wiki2"
Kikoh.2009 (talk | contribs) |
|||
(35 intermediate revisions by 2 users not shown) | |||
Line 47: | Line 47: | ||
===Planned vs Actual=== | ===Planned vs Actual=== | ||
+ | </div><br> | ||
The following table highlighted our planned vs actual schedule since midterm.<br> | The following table highlighted our planned vs actual schedule since midterm.<br> | ||
− | [[Image:Imaplan. | + | [[Image:Imaplan.jpg]]<br><br> |
− | < | + | [[Image:Clickdl.png|70px]] [[Media:Imaplanactual.docx|<span style="color: #000000; padding: 10px 15px 0 15px; font-size: 14px;">Click to download our detailed Actual vs Planned Tasks</span>]] |
− | < | + | <br><br> |
− | [[Image:Clickdl.png|70px]] [[Media:ActualTasks.docx|<span style="color: #000000; padding: 10px 15px 0 15px; font-size: 14px;">Click to download our detailed Project Schedule</span>]] | + | [[Image:Clickdl.png|70px]] [[Media:ActualTasks Final.docx|<span style="color: #000000; padding: 10px 15px 0 15px; font-size: 14px;">Click to download our detailed Project Schedule (Tasks)</span>]] |
− | <br> | + | <br><br> |
<div style="border-left: #fd773d solid 12px; padding: 0px 30px 0px 18px; font-family: Arial, Helvetica;"> | <div style="border-left: #fd773d solid 12px; padding: 0px 30px 0px 18px; font-family: Arial, Helvetica;"> | ||
Line 67: | Line 68: | ||
'''Implementing Design Into Drupal Website'''<br> | '''Implementing Design Into Drupal Website'''<br> | ||
One of the most technically complex aspects of Drupal was implementing our design into Drupal. Designing, creating and building a theme is pretty straightforward, but implementing it into Drupal as a custom theme and making it look like what we’ve planned and envisioned is an entirely different challenge altogether. This involved creating subthemes, tweaking subthemes with CSS and custom template files and developing an overall responsive web design. | One of the most technically complex aspects of Drupal was implementing our design into Drupal. Designing, creating and building a theme is pretty straightforward, but implementing it into Drupal as a custom theme and making it look like what we’ve planned and envisioned is an entirely different challenge altogether. This involved creating subthemes, tweaking subthemes with CSS and custom template files and developing an overall responsive web design. | ||
+ | |||
+ | ===<div style="color: #ffffff; font-size:0%">Bug Metrics</div>=== | ||
+ | {| border="0" cellspacing="0" cellpadding="0" width="100%" | ||
+ | | style="background-color:#000000;" width="0" | | ||
+ | {| style="width="30%"; font-size:95%; text-align: justify;" padding:-2px; background:ffffff" cellpadding="0" cellspacing="0" | ||
+ | | rowspan="1" width="30%" colspan="2" height="37px" valign="top" style="background:#dfd8ce; border:2px solid #7e786f; border-bottom:0; padding:0; padding-right:1em; margin:0; -moz-border-radius-topright:1em" | <div style="margin-top: -20px; padding-left:3px"></div><div style="padding-left:10px; margin-top:20px; font-size:130%"><font color="#000000">Bug Metrics</font></div> | ||
+ | |} | ||
+ | | style="border-bottom:2px solid #7e786f; background:#ffffff;" width="8" | | ||
+ | | style="border-bottom:2px solid #7e786f; background:#ffffff;" width="100%"| | ||
+ | |} | ||
+ | {| style="width:100%; margin-bottom:.5em; font-size:100%; text-align: justify;" padding:-2px; background:FFFFFF" cellpadding="0" cellspacing="0" | ||
+ | | rowspan="1" width="100%" colspan="2" valign="top" style="background:#dfd8ce; border:2px solid #7e786f; border-bottom:0; border-top:0; padding:0; margin:0" | | ||
+ | <div style="padding:10px; text-align: justify;"> | ||
+ | <font color="#000000"><font size ="2px"> | ||
+ | ====Bug Severity Index==== | ||
+ | [[Image:bugequation.png]]<br><br> | ||
+ | [[Image:bugindex.png]] | ||
+ | |||
+ | ====Action Plan==== | ||
+ | [[Image:actionplan.png]] | ||
+ | ====Bug List==== | ||
+ | [[Image:Clickdl-brown.png|70px]] [[Media:Imabug.xlsx|<span style="color: #000000; padding: 10px 15px 0 15px; font-size: 14px;">Click to download our detailed list of bugs</span>]]<br><br> | ||
+ | |- | ||
+ | | colspan="2" class="radius_bottom" style="background:#7e786f; border:2px solid #7e786f" |<div style="font-size:0">[[image:pix.gif|15px]]</div> | ||
+ | |||
+ | |} | ||
+ | |||
+ | <div style = "text-align:right;"><font ="color:#000000; size:"12px;"><u>[[IS480_Team_wiki:_2011T2_Imateam_midterm#Top|Back to Top]]</u></font></div> | ||
==<div style="background: #000000; padding: 5px; font-weight: bold; font-size:80%"><font color= #f4ede3>Quality of Product</font></div>== | ==<div style="background: #000000; padding: 5px; font-weight: bold; font-size:80%"><font color= #f4ede3>Quality of Product</font></div>== | ||
Line 90: | Line 119: | ||
<tr> | <tr> | ||
<td>Metrics</td> | <td>Metrics</td> | ||
− | <td>[https://wiki.smu.edu.sg/is480/IS480_Team_wiki: | + | <td>[https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2011T2_Imateam_Quality_Management Bug Metric] , [https://wiki.smu.edu.sg/is480/IS480_Team_wiki:_2011T2_Imateam_Project_Management#Schedule_Metric Schedule Metric]</td> |
</tr> | </tr> | ||
Line 140: | Line 169: | ||
<td rowspan="2">Handover</td> | <td rowspan="2">Handover</td> | ||
<td>Code</td> | <td>Code</td> | ||
− | <td> | + | <td>http://letsconnet.com</td> |
</tr> | </tr> | ||
<tr> | <tr> | ||
− | <td> | + | <td>Manuals</td> |
− | <td>[https://wiki.smu.edu.sg/is480/ | + | <td>[https://wiki.smu.edu.sg/w/is480/images/7/78/Admin_Manual_Final.doc Admin Manual], |
+ | [https://wiki.smu.edu.sg/w/is480/images/b/ba/User_Manual_Final.doc User Manual]</td> | ||
</tr> | </tr> | ||
</table> | </table> | ||
Line 200: | Line 230: | ||
**Pass or Fail status | **Pass or Fail status | ||
**Time taken for each task | **Time taken for each task | ||
− | **Number of 'wrong' | + | **Number of 'wrong' moves made before successful completion of task<br><br> |
− | [[Image:Clickyellow-trans.png]]Click [[IS480_Team_wiki:_2011T2_Imateam_User_Testing|here]] to be linked to our Final User Testing page with our detailed methodology and results analysis | + | [[Image:Clickyellow-trans.png]]Click [[IS480_Team_wiki:_2011T2_Imateam_User_Testing#User_Testing.28Final.29|here]] to be linked to our Final User Testing page with our detailed methodology and results analysis |
<br><br> | <br><br> | ||
|- | |- | ||
Line 236: | Line 266: | ||
[[Image:Imareflection.png|800px|center]] | [[Image:Imareflection.png|800px|center]] | ||
− | [[Image: | + | [[Image:Imaisk2.png|800px|center]] |
[[Image:Imasteph.png|800px|center]] | [[Image:Imasteph.png|800px|center]] | ||
[[Image:Imaalicia.jpg|800px|center]] | [[Image:Imaalicia.jpg|800px|center]] | ||
+ | |||
+ | [[Image:imafelix.png|800px|center]]<br><br> | ||
+ | |||
+ | [[Image:imasponsor.png|800px|center]] | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
==<div style="background: #000000; padding: 5px; font-weight: bold; font-size:80%"><font color= #f4ede3>Slides & Poster</font></div>== | ==<div style="background: #000000; padding: 5px; font-weight: bold; font-size:80%"><font color= #f4ede3>Slides & Poster</font></div>== | ||
+ | |||
+ | {| | ||
+ | | [[Image:IMATEAMPoster.jpg|thumb|Click to view our poster!]]<br> | ||
+ | |} | ||
+ | [[Image:Clickdl.png|80px]] [[Media:ImateamFinalfyp.pdf|<span style="color: #000000; padding: 10px 15px 0 15px; font-size: 14px;">Download our FINAL presentation slides</span>]] | ||
+ | |||
==== | ==== |
Latest revision as of 16:08, 23 April 2012
It’s all said and done, it’s real, and it’s been fun.
Project Progress | Project Management | Quality of Product | Reflections | Slides & Poster |
Contents
Project Progress
Project Highlights
Project Challenges
Project Achievements
Project Management
Project Status
Planned vs Actual
The following table highlighted our planned vs actual schedule since midterm.
Click to download our detailed Actual vs Planned Tasks
Click to download our detailed Project Schedule (Tasks)
Technical Complexity
Coding Custom Drupal Module
One of the biggest technically challenging parts of our project was developing a custom Drupal module (Business Card Module) that was both unique, non-existent in the Drupal community and starting Drupal coding as a newbie. Drupal modules are all coded in PHP, but the complexity comes with coding using the Drupal API and the complex implementation of the Drupal hooks system, which basically provides a way for a module to extend the functionality of another module. In short, a hook is a function callback, which allows us to change the behaviour of Drupal core and other modules, thus extending their functionalities into other modules as well.
The entire team were roughly familiar with PHP, which we’ve encountered a few times in other modules and also in polytechnic, but learning the way Drupal utilizes the hook system in modules and the overall structure of a Drupal custom module was an entirely different challenge altogether.
Customizing Contributed Modules
One of the pros of using Drupal is the amount of modules available for use in the community. These contributed modules were fantastic working by itself on a website, but making the module work for our website, and do what we need it to do required us to change certain parts of the module in both coding and configuration. However, changing a contributed module ourselves required us to adopt defensive design patterns since the modules we use are subject to patches and bug fixes by their contributor. Thus, adopting a defensive design pattern when changing certain parts of the module simply means that we had to implement our code in such a way that it could be reconfigured on the fly without any extra coding, since any patches whatsoever would completely wipe out our changes.
One of the changes we spent a lot of time on was customizing the import attendees into system and conference groups function. Our Drupal system consisted of over 200+ tables in our database, where a change in one parameter in a table would affect parameters in several others. In Drupal 7, importing of list for administrators were not ported yet from the Drupal 6 version, thus, we had to customize and develop our own codes to create this function for our system.
Implementing Design Into Drupal Website
One of the most technically complex aspects of Drupal was implementing our design into Drupal. Designing, creating and building a theme is pretty straightforward, but implementing it into Drupal as a custom theme and making it look like what we’ve planned and envisioned is an entirely different challenge altogether. This involved creating subthemes, tweaking subthemes with CSS and custom template files and developing an overall responsive web design.
Bug Metrics
|
Quality of Product
Project Deliverables
Stage | Specfication | Modules |
---|---|---|
Project Management | Minutes | Supervisor Minutes, Sponsor Minutes , Team Minutes |
Metrics | Bug Metric , Schedule Metric | |
Requirements | Deliverables | Deliverables |
Scope | Scope | |
Analysis | Use Cases | Use Case Diagrams |
UI Mockups | Logos, Mockup Placeholders, Web Platform Designs | |
Design | System Architecture Diagram | System Architecture Diagram |
Deployment Diagram | Deployment Diagram | |
Testing | User Testing (Midterm) | Methodology, Analysis, Changes Made |
User Testing (Final) | Methodology, Analysis, Changes Made | |
Handover | Code | http://letsconnet.com |
Manuals | Admin Manual, User Manual |
Quality Achieved
|
We’ve achieved a very robust and powerful website with a rather unique design using Drupal. Enveloping the concept of business cards and the idea of speed networking onto a single platform, together with various other functions that would enhance the experience of both conference goers and organizers. The use of the Drupal framework in our system allows flexibility where the system easily accommodates changes. Drupal in essence, is designed for scalability with several improvements was made to the Drupal 7 core from the Drupal 6 core, in addition to improving scalability by optimizing the current server as well. | |
User Testing
|
Click here to be linked to our Final User Testing page with our detailed methodology and results analysis
| |
Deployment
|
Connet is hosted on a virtual dedicated server that runs Windows Server 2008 R2 with 3GB RAM, 45GB storage and 1,500GB/month of bandwidth. The deployment process of our applications involves pulling the latest version from SVN and copying the files over to the server via FTP connection. In the event of FTP failing, file transfer will be done via Remote Desktop Connection. Our application is currently hosted on the development server at http://letsconnet.com/. Our sponsors can access it at anytime using the Internet. | |
Reflections
Slides & Poster
Download our FINAL presentation slides