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) |
||
(19 intermediate revisions by the same user not shown) | |||
Line 9: | Line 9: | ||
! 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"> | + | ! 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"> 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>]] | ||
Line 41: | Line 41: | ||
| style="background: #FFFFFF;text-align: center;" | 1 | | style="background: #FFFFFF;text-align: center;" | 1 | ||
| style="background: #FFFFFF;text-align: center;" | Frontend | | style="background: #FFFFFF;text-align: center;" | Frontend | ||
− | | style="background: #FFFFFF;text-align: center;" | [[Image:]] | + | | style="background: #FFFFFF;text-align: center;" | [[Image:KP Frontend1.PNG|109x72px]] |
− | | style="background: #FFFFFF;text-align: center;" | | + | | style="background: #FFFFFF;text-align: center;" | http://www.oracle.com/technetwork/java/javase/downloads/index.html |
|- | |- | ||
| style="background: #FFFFFF;text-align: center;" | 2 | | style="background: #FFFFFF;text-align: center;" | 2 | ||
| style="background: #FFFFFF;text-align: center;" | Frontend | | style="background: #FFFFFF;text-align: center;" | Frontend | ||
− | | style="background: #FFFFFF;text-align: center;" | [[Image:]] | + | | style="background: #FFFFFF;text-align: center;" | [[Image:KP Frontend2.PNG|139x45px]] |
− | | style="background: #FFFFFF;text-align: center;" | | + | | style="background: #FFFFFF;text-align: center;" | http://jquery.com/ |
|- | |- | ||
| style="background: #FFFFFF;text-align: center;" | 3 | | style="background: #FFFFFF;text-align: center;" | 3 | ||
| style="background: #FFFFFF;text-align: center;" | Frontend | | style="background: #FFFFFF;text-align: center;" | Frontend | ||
− | | style="background: #FFFFFF;text-align: center;" | [[Image:]] | + | | style="background: #FFFFFF;text-align: center;" | [[Image:KP Frontend3.PNG|93x66px]] |
− | | style="background: #FFFFFF;text-align: center;" | | + | | style="background: #FFFFFF;text-align: center;" | http://getbootstrap.com/ |
|- | |- | ||
| style="background: #FFFFFF;text-align: center;" | 4 | | style="background: #FFFFFF;text-align: center;" | 4 | ||
| style="background: #FFFFFF;text-align: center;" | Frontend | | style="background: #FFFFFF;text-align: center;" | Frontend | ||
− | | style="background: #FFFFFF;text-align: center;" | [[Image:]] | + | | style="background: #FFFFFF;text-align: center;" | [[Image:KP Frontend4.PNG|92x82px]] |
− | | style="background: #FFFFFF;text-align: center;" | | + | | style="background: #FFFFFF;text-align: center;" | http://backbonejs.org/ |
− | + | |- | |
+ | | style="background: #FFFFFF;text-align: center;" | 5 | ||
+ | | style="background: #FFFFFF;text-align: center;" | Frontend | ||
+ | | style="background: #FFFFFF;text-align: center;" | [[Image:KP Frontend5.PNG|157x41px]] | ||
+ | | style="background: #FFFFFF;text-align: center;" | http://underscorejs.org/ | ||
+ | |- | ||
+ | | style="background: #FFFFFF;text-align: center;" | 6 | ||
+ | | style="background: #FFFFFF;text-align: center;" | Backend | ||
+ | | style="background: #FFFFFF;text-align: center;" | [[Image:KP Backend1.PNG|124x40px]] | ||
+ | | style="background: #FFFFFF;text-align: center;" | http://www.tibco.com/company/default.jsp | ||
+ | |- | ||
+ | | style="background: #FFFFFF;text-align: center;" | 7 | ||
+ | | style="background: #FFFFFF;text-align: center;" | Backend | ||
+ | | style="background: #FFFFFF;text-align: center;" | [[Image:KP Backend2.PNG|111x52px]] | ||
+ | | style="background: #FFFFFF;text-align: center;" | http://www.mysql.com/ | ||
+ | |- | ||
+ | | style="background: #FFFFFF;text-align: center;" | 8 | ||
+ | | style="background: #FFFFFF;text-align: center;" | Backend | ||
+ | | style="background: #FFFFFF;text-align: center;" | [[Image:KP Backend3.PNG|124x67px]] | ||
+ | | style="background: #FFFFFF;text-align: center;" | http://www.soapui.org/ | ||
+ | |- | ||
+ | | style="background: #FFFFFF;text-align: center;" | 9 | ||
+ | | style="background: #FFFFFF;text-align: center;" | Backend | ||
+ | | style="background: #FFFFFF;text-align: center;" | [[Image:KP Backend4.PNG|140x46px]] | ||
+ | | style="background: #FFFFFF;text-align: center;" | http://www.jboss.org/drools/ | ||
|} | |} | ||
Line 113: | Line 137: | ||
<strong> Sample Backend Tibco Service </strong> <br/> | <strong> Sample Backend Tibco Service </strong> <br/> | ||
Service: Transaction_PartialLoanRepayment_Create<br/> | Service: Transaction_PartialLoanRepayment_Create<br/> | ||
− | [[Image:Sample-core-services-complicated.png| | + | [[Image:Sample-core-services-complicated.png|798x596px]] |
<br/> | <br/> | ||
<br/> | <br/> |
Latest revision as of 12:45, 25 November 2013
References: Technologies Used
No | Frontend/Backend | Technology | Link |
1 | Frontend | http://www.oracle.com/technetwork/java/javase/downloads/index.html | |
2 | Frontend | http://jquery.com/ | |
3 | Frontend | http://getbootstrap.com/ | |
4 | Frontend | http://backbonejs.org/ | |
5 | Frontend | http://underscorejs.org/ | |
6 | Backend | http://www.tibco.com/company/default.jsp | |
7 | Backend | http://www.mysql.com/ | |
8 | Backend | http://www.soapui.org/ | |
9 | Backend | http://www.jboss.org/drools/ |
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