Rich Internet Application 
(RIA) New Dimension With 
HTML5, CSS3 and 
Javascript Technology 
Shamsul Anuar Abdul Wahid /Department of ICT 
MIMOS Berhad 
Malaysia 
shamsul.wahid@mimos.my 
Zee Kum Khoon / Department of ICT 
MIMOS Berhad 
Malaysia 
kk.zee@mimos.my
What is required in Rich Internet 
Application? 
Visual 
Continuity 
Dynamic Data 
Retrieval 
Personalization 
Multimedia
RIA Technologies 
Plug In 
Technology 
Web 2.0 
Application 
Full 
Javascript 
based RIA
Web 2.0 RIA Application Reference 
• World Wide Web as target platform 
• Browser Implementation 
– Issues 
Lively Kernel 
• Postback 
• Offline Capability 
• Same origin policy 
• Limited Persistence Connection 
• Interoperability and compatibility 
• Javascript as the programming language for 
web
Architecture 
Client Layer 
Browser 
Stage 
HTML/CSS3 
Javascript 
Presenting information and 
interpreting user commands 
Render stage execution code 
Workspace for the 
presentation layer 
Knockout.JS Structuring the web content 
View 
View Model 
Model 
Persistence.JS 
Local Storage 
and presenting information 
Structuring the web 
application and provide 
persistence data storage 
Non-volatile data storage in 
the web browser
Lesson Learnt 
• Persistence Local Storage 
• Single Page Application Concept 
• Dynamic Data Retrieval Synchronization 
• Asynchronous Communication Methods
New Technologies 
• Asynchronous Servers 
• Back End as a Service 
• Javascript engine / code generators / 
optimization
Acknowledgement 
My acknowledgement goes to all the Staff 
Engineer in MIMOS for their openness to share 
their view and knowledge in particular to web 
technologies. 
Thank You!

Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript Technology

  • 1.
    Rich Internet Application (RIA) New Dimension With HTML5, CSS3 and Javascript Technology Shamsul Anuar Abdul Wahid /Department of ICT MIMOS Berhad Malaysia shamsul.wahid@mimos.my Zee Kum Khoon / Department of ICT MIMOS Berhad Malaysia kk.zee@mimos.my
  • 2.
    What is requiredin Rich Internet Application? Visual Continuity Dynamic Data Retrieval Personalization Multimedia
  • 3.
    RIA Technologies PlugIn Technology Web 2.0 Application Full Javascript based RIA
  • 4.
    Web 2.0 RIAApplication Reference • World Wide Web as target platform • Browser Implementation – Issues Lively Kernel • Postback • Offline Capability • Same origin policy • Limited Persistence Connection • Interoperability and compatibility • Javascript as the programming language for web
  • 5.
    Architecture Client Layer Browser Stage HTML/CSS3 Javascript Presenting information and interpreting user commands Render stage execution code Workspace for the presentation layer Knockout.JS Structuring the web content View View Model Model Persistence.JS Local Storage and presenting information Structuring the web application and provide persistence data storage Non-volatile data storage in the web browser
  • 6.
    Lesson Learnt •Persistence Local Storage • Single Page Application Concept • Dynamic Data Retrieval Synchronization • Asynchronous Communication Methods
  • 7.
    New Technologies •Asynchronous Servers • Back End as a Service • Javascript engine / code generators / optimization
  • 8.
    Acknowledgement My acknowledgementgoes to all the Staff Engineer in MIMOS for their openness to share their view and knowledge in particular to web technologies. Thank You!