SOFEA (Service Oriented Front End Architecture) is a web application architecture where all UI functionality is provided by JavaScript or Flash interacting with web services through AJAX. It provides a single page for UI logic that works with web services to access and update data, rather than interacting directly with the web server. SOFEA decouples application download, presentation flow, and data interchange processes to improve scalability, organize programming, and provide better user experience through lower latency interaction with web services.

1. GROUP-08
142025
142054
142064
142154
142140
SOFEA
Service Oriented Front End Architecture

2. What is SOFEA?
• SOFEA is an abbreviation for Service Oriented Front End
Applications/Architecture.
• It refers to a web application architecture where all of the UI
functionality is provided by JavaScript or flash-based logic.
• It doesn't interact with the web server per se to provide application
level access to data, but rather interacts with web services through
AJAX.
• Essentially, you provide all of the UI logic in a single (or few) web
pages.
• These pages work with web services to access and update data.
CMIS 3224 - WEB DESIGNING & E-
COMMERCE
2

3. CMIS 3224 - WEB DESIGNING & E-
COMMERCE
3
SOFEA

4. Why?
• Because with the SOA (Service Oriented Architecture)
maturity and browser evolution, we can change some
ways that we work on the front-end side and better
utilize the client machine.
• This architecture style is precisely for application web in
SOA and Cloud environments.
• It is intended to bring a revolution that was
brought from SOA on the back-end to the front-end.
CMIS 3224 - WEB DESIGNING & E-
COMMERCE
4

5. • We treat all communication server with web service by
way of REST or SOAP.
• SOFEA can be considered a synonym of Single Page
Application and should not be confused with Framework
or implementation, is style architecture.
CMIS 3224 - WEB DESIGNING & E-COMMERCE
5
How?

6. It is possible to see where the older web frameworks are
living:
CMIS 3224 - WEB DESIGNING & E-COMMERCE
6

7. 3 Web Processes and SOFEA
CMIS 3224 - WEB DESIGNING & E-COMMERCE
7

8. CMIS 3224 - WEB DESIGNING & E-COMMERCE
8
SOFEA Lifecycle

9. CMIS 3224 - WEB DESIGNING & E-COMMERCE
9
Process Allocation for SOFEA

10. Decouple the three orthogonal presentation tier processes
of application download, presentation flow and data
interchange. This is the foundational principle of SOFEA.
explore various Application Download options to exploit
usefully contrary tradeoffs around client footprint, startup
time, offline capability and a number of security related
parameters.
Presentation Flow must be driven by a client side
component and never by a server side component. Client
state must be managed within the client.
The principles of SOFEA
CMIS 3224 - WEB DESIGNING & E-COMMERCE
10

11. The Data Interchange pattern between the two tiers should
follow the peer to peer model rather than the client/server
model to enable more natural event notification.
Data Interchange between the Presentation Tier and the Service
Tier must not become the weakest link in the end to end
application chain of data integrity
Model View Controller (MVC) is a good pattern to use to build
the Presentation Tier.
CMIS 3224 - WEB DESIGNING & E-COMMERCE
11

12. Scalability
Organized programming model
Interoperability
Higher ROI is possible
Better user response and low
latency
Benefits
CMIS 3224 - WEB DESIGNING & E-COMMERCE
12

13. SOFEA Become A Reality
CMIS 3224 - WEB DESIGNING & E-COMMERCE
13

14. THANKYOU