HeaderSIS.jpg

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

From IS480
Jump to navigation Jump to search
Line 78: Line 78:
 
<strong>  Sample Backend Tibco Service </strong> <br/>
 
<strong>  Sample Backend Tibco Service </strong> <br/>
 
Service: Transaction_Withdrawal_Create <br/>
 
Service: Transaction_Withdrawal_Create <br/>
[[Image:Sample-core-services.png]]
+
[[Image:Sample-core-services-complicated.png]]
 
<br/>
 
<br/>
 
<br/>
 
<br/>

Revision as of 21:58, 23 November 2013

KP-NewHeader.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-complicated.png

Technology Complexity


ER Diagram

KP-Core Services ER Diagram.png