HeaderSIS.jpg

Difference between revisions of "IS480 Team wiki: 2013T1 Kungfu Panda Technologies"

From IS480
Jump to navigation Jump to search
Line 4: Line 4:
 
{| style="background-color:#133C68; color:#000000 padding: 5px 0 0 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0"|
 
{| style="background-color:#133C68; color:#000000 padding: 5px 0 0 0;" width="100%" cellspacing="0" cellpadding="0" valign="top" border="0"|
 
|-
 
|-
! style="background: #D72C25; color: #D72C25; text-align: center; border-left:solid #F6D049; border-top:solid #F6D049; border-bottom:solid #F6D049" width="50px;" height="50px" | 1
+
 
 
! style="background: #D72C25; color: #D72C25; text-align: center; border-top:solid #F6D049; border-bottom:solid #F6D049" width="100px" height="50px" | [[IS480_Team_wiki:_2013T1_Kungfu_Panda| <span style="color:#F6D049"><font face="Helvetica" size="4"> Home </font></span>]]
 
! style="background: #D72C25; color: #D72C25; text-align: center; border-top:solid #F6D049; border-bottom:solid #F6D049" width="100px" height="50px" | [[IS480_Team_wiki:_2013T1_Kungfu_Panda| <span style="color:#F6D049"><font face="Helvetica" size="4"> Home </font></span>]]
 
! style="background: #D72C25; color: #D72C25; text-align: center; border-top:solid #F6D049; border-bottom:solid #F6D049" width="100px" height="50px" | [[IS480_Team_wiki:_2013T1_Kungfu_Panda_About_Us| <span style="color:#F6D049"><font face="Helvetica" size="4"> About Us </font></span>]]     
 
! style="background: #D72C25; color: #D72C25; text-align: center; border-top:solid #F6D049; border-bottom:solid #F6D049" width="100px" height="50px" | [[IS480_Team_wiki:_2013T1_Kungfu_Panda_About_Us| <span style="color:#F6D049"><font face="Helvetica" size="4"> About Us </font></span>]]     
 
! style="background: #D72C25; color: #D72C25; text-align: center; border-top:solid #F6D049; border-bottom:solid #F6D049" width="200px" height="50px" | [[IS480_Team_wiki:_2013T1_Kungfu_Panda_Project_Overview|<span style="color:#FFFFFF"> <font face="Helvetica" size="4"> Project Overview </font></span>]]
 
! style="background: #D72C25; color: #D72C25; text-align: center; border-top:solid #F6D049; border-bottom:solid #F6D049" width="200px" height="50px" | [[IS480_Team_wiki:_2013T1_Kungfu_Panda_Project_Overview|<span style="color:#FFFFFF"> <font face="Helvetica" size="4"> Project Overview </font></span>]]
 
! style="background: #D72C25; color: #D72C25; text-align: center; border-top:solid #F6D049; border-bottom:solid #F6D049" width="200px" height="50px" | [[IS480_Team_wiki:_2013T1_Kungfu_Panda_Project_Management |<span style="color:#F6D049"> <font face="Helvetica" size="4"> Project Management </font> </span>]]
 
! style="background: #D72C25; color: #D72C25; text-align: center; border-top:solid #F6D049; border-bottom:solid #F6D049" width="200px" height="50px" | [[IS480_Team_wiki:_2013T1_Kungfu_Panda_Project_Management |<span style="color:#F6D049"> <font face="Helvetica" size="4"> Project Management </font> </span>]]
 +
! style="background: #D72C25; color: #D72C25; text-align: center; border-top:solid #F6D049; border-bottom:solid #F6D049" width="100px" height="50px" | [[IS480_Team_wiki:_2013T1_Kungfu_Panda_User_Testing| <span style="color:#F6D049"><font face="Helvetica" size="4"> User Testing</font></span>]] 
 
! style="background: #D72C25; color: #D72C25; text-align: center; border-top:solid #F6D049; border-bottom:solid #F6D049" width="200px" height="50px" | [[IS480_Team_wiki:_2013T1_Kungfu_Panda_Project_Documents |<span style="color:#F6D049"> <font face="Helvetica" size="4"> Project Documents </font> </span>]]
 
! style="background: #D72C25; color: #D72C25; text-align: center; border-top:solid #F6D049; border-bottom:solid #F6D049" width="200px" height="50px" | [[IS480_Team_wiki:_2013T1_Kungfu_Panda_Project_Documents |<span style="color:#F6D049"> <font face="Helvetica" size="4"> Project Documents </font> </span>]]
! style="background: #D72C25; color: #D72C25; text-align: center; border-right:solid #F6D049; border-top:solid #F6D049; border-bottom:solid #F6D049" width="50px;" height="50px" | 0
+
 
 
|}
 
|}
 
</div>
 
</div>

Revision as of 15:12, 25 September 2013

KP-Header.PNG
Home About Us Project Overview Project Management User Testing Project Documents


SMU tBank Our Project Scope Our X-Factor Technologies


KP-TechnologiesUsed.png

Front-End

Front End: Single Page Application

  • Reusable Codes
  • More responsive application
  • Reduce load on Server
    • HTML loading etc.


Front End: Reasons for Client-Side Technologies Used

  • MVC for client side code
    • Making javascript codes modular
  • Backbone’s Router
    • Detects change in URL, which is needed in a SPA
  • Big community for open source support
  • Templating made easy with Underscore JS
  • Stubs are easy to create with backbone’s Model

Front End: Reasons for Client-Side Technologies Used

  • Simple interface with Service Mediation that uses Tibco JMS
  • Low learning curve
  • Open-Source libraries that provide easy conversion from JSON to XML (vice-versa)

Back-End

Communication Model
This model depicts how messages are sent to and fro from our Bank Teller Application (Frontend) through the Enterprise Service bus to retrieve / store information in the database.

Communication-model.png


Integration with Front-End
This diagram shows the translation in message formats within our Teller Application which is used to interpret a SOAP Response or create a SOAP Request message.

Communication-model-teller.png


Sample Backend Tibco Service
Service: Transaction_Withdrawal_Create
Sample-core-services.png

Technology Complexity


ER Diagram

KP-Core Services ER Diagram.png