Difference between revisions of "IS480 Team wiki: 2013T1 Kungfu Panda Technologies"
Jump to navigation
Jump to search
Yh.koon.2010 (talk | contribs) |
Yh.koon.2010 (talk | contribs) |
||
Line 32: | Line 32: | ||
== References: Technologies Used == | == References: Technologies Used == | ||
<br/> | <br/> | ||
+ | {| class="wikitable" | ||
+ | |- | ||
+ | | style="background: #000000; color: #FFFFFF; text-align: center;" | <b>No</b> | ||
+ | | style="background: #000000; color: #FFFFFF;text-align: center;" | <b>Frontend/Backend</b> | ||
+ | | style="background: #000000; color: #FFFFFF;text-align: center;" | <b>Technology</b> | ||
+ | | style="background: #000000; color: #FFFFFF;text-align: center;" | <b>Link</b> | ||
+ | |- | ||
+ | | style="background: #FFF380;text-align: center;" | 1 | ||
+ | | style="background: #FFF380;text-align: center;" | Frontend | ||
+ | | style="background: #FFF380;text-align: center;" | [[Image:]] | ||
+ | | style="background: #FFF380;text-align: center;" | | ||
+ | |- | ||
+ | | style="background: #FFF380;text-align: center;" | 2 | ||
+ | | style="background: #FFF380;text-align: center;" | Frontend | ||
+ | | style="background: #FFF380;text-align: center;" | [[Image:]] | ||
+ | | style="background: #FFF380;text-align: center;" | | ||
+ | |- | ||
+ | | style="background: #FFF380;text-align: center;" | 3 | ||
+ | | style="background: #FFF380;text-align: center;" | Frontend | ||
+ | | style="background: #FFF380;text-align: center;" | [[Image:]] | ||
+ | | style="background: #FFF380;text-align: center;" | | ||
+ | |- | ||
+ | | style="background: #FFF380;text-align: center;" | 4 | ||
+ | | style="background: #FFF380;text-align: center;" | Frontend | ||
+ | | style="background: #FFF380;text-align: center;" | [[Image:]] | ||
+ | | style="background: #FFF380;text-align: center;" | | ||
+ | |} | ||
== Front-End: Design & Technology Considerations== | == Front-End: Design & Technology Considerations== | ||
<strong>Single Page Application</strong> | <strong>Single Page Application</strong> |
Revision as of 19:26, 24 November 2013
References: Technologies Used
No | Frontend/Backend | Technology | Link |
1 | Frontend | [[Image:]] | |
2 | Frontend | [[Image:]] | |
3 | Frontend | [[Image:]] | |
4 | Frontend | [[Image:]] |
Front-End: Design & Technology Considerations
Single Page Application
- Reusable Codes
- More responsive application
- Reduce load on Server
- HTML loading etc.
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
Reasons for Server-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: Technical Complexity
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.
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.
Sample Backend Tibco Service
Service: Transaction_PartialLoanRepayment_Create
Entity-Relationship Diagram for SMU Core Services Database