SEKE 2012 Proceedings - Knowledge Systems Institute

may introduce the extra learning curve and initial investment
for the early separations than the commonly used server-side
rendering mechanism (taking almost more than double time,
see Table II). However, in the long term, the developers will
benef t from this in the evolution and extension of the Web
applications.
IX. CONCLUSION
We gave a comprehensive analysis of advantages and
disadvantages of client-side rendering mechanism in different
viewpoints of practice and experience. The experimental
evaluations proved a proposed example framework supports
the demands of users well and could bring the diverse new
opportunities about the extensible reuse of Web applications.
There is still a lot of work to be done before it becomes
a more mature technology since it currently cannot arrive
at a solution satisfactory to both users and developers. The
dynamic visual effects are realized by client script functions,
which bring the f exible operation but increase the development
cost for some developers or development scenarios.
Therefore, as shown in Figure 8, the developers need to make
a proper balance between the opinions and options of users
and themselves usually.
Fig. 8.
Balance between Web application users and developers
As future work, we will explore further the problems of
system security, scalability, and server-side database update
of client-side rendering mechanism. Additionally, besides the
currently developing JavaScript libraries and frameworks, we
will develop more various supporting technologies for eff cient
client rendering in future.
X. ACKNOWLEDGEMENT
We gratefully acknowledge the advice and experiment
support from Bo Liu (Fuji Xerox, Japan). This work was
supported by a Grant-in-Aid for Scientif c Research A
(No.22240007) from the Japan Society for the Promotion of
Science (JSPS).
REFERENCES
[1] Closure. http://code.google.com/closure/.
[2] Peter Dolog. Designing adaptive Web applications. In The Proceedings
of the 34th Conference on Current Trends in Theory and Practice of
Computer Science, pages 23–33, 2008.
[3] Dust. http://akdubya.github.com/dustjs/.
[4] Extreme Scale: Thin Server Achitecture.
http://www.slideshare.net/spacemonkeylabs/thin-server-architecture.
[5] Nadia Fernandes, Daniel Costa, Sergio Neves, Carlos Duarte, and Luis
Carrico. Evaluating the accessibility of rich internet applications. In The
Proceedings of the 9th International Cross-Disciplinary Conference on
Web Accessibility, number 13, 2012.
[6] Fiz. http://f z.stanford.edu/home/home.
[7] Francisco J. Garcia, Raul Izquierdo Castanedo, and Aquilino A. Juan
Fuente. A double-model approach to achieve effective model-view
separation in template based Web applications. In The Proceedings of
the 7th International Conference on Web Engineering, pages 442–456,
2007.
[8] Haml. http://haml-lang.com/.
[9] Hao Han and Bo Liu. Problems, solutions and new opportunities: Using
pagelet-based templates in development of f exible and extensible Web
applications. In The Proceedings of 12th International Conference on
Information Integration and Web-based Applications and Services, pages
677–680, 2010.
[10] HTML5. http://www.w3.org/TR/html5/.
[11] Jade. http://jade-lang.com/.
[12] Jin Jing, Abdelsalam Sumi Helal, and Ahmed Elmagarmid. Clientserver
computing in mobile environments. ACM Computing Surveys,
31(2):117–157, 1999.
[13] jQuery. http://jquery.com/.
[14] Peng Li and Eric Wohlstadter. Script InSight: Using models to explore
JavaScript code from the browser view. In The Proceedings of the 9th
International Conference on Web Engineering, pages 260–274, 2009.
[15] Lourdes Moreno, Paloma Martinez, Belen Ruiz, and Ana Iglesias.
Toward an equal opportunity web: Applications, standards, and tools
that increase accessibility. Computer, 44(5):18–26, 2011.
[16] Mustache. http://mustache.github.com.
[17] node.js. http://nodejs.org/.
[18] Stephen Oney and Brad Myers. Firecrystal: Understanding interactive
behaviors in dynamic Web pages. In The Proceedings of the 2009 IEEE
Symposium on Visual Languages and Human-Centric Computing, pages
105–108, 2009.
[19] Terence John Parr. Enforcing strict model-view separation in template
engines. In The Proceedings of the 13th International Conference on
World Wide Web, pages 224–233, 2004.
[20] Prototype. http://www.prototypejs.org/.
[21] Peri Tarr, Harold Ossher, William Harrison, and Jr. Stanley M. Sutton.
N degrees of separation: multi-dimensional separation of concerns. In
The Proceedings of the 21st International Conference on Software
Engineering, pages 107–119, 1999.
[22] Michiaki Tatsubori and Toyotaro Suzumura. HTML templates that f y: a
template engine approach to automated off oading from server to client.
In The Proceedings of the 18th International Conference on World Wide
Web, pages 951–960, 2009.
[23] Thin Server Achitecture. http://www.thinserverarchitecture.com/.
[24] underscore.js. http://documentcloud.github.com/underscore/.
[25] Upgrade the UI to an XML Layout.
http://developer.android.com/guide/tutorials/hello-world.html.
[26] XSL Transformations. http://www.w3.org/TR/xslt20/.
[27] Fan Yang, Nitin Gupta, Nicholas Gerner, Xin Qi, Alan Demers, Johannes
Gehrke, and Jayavel Shanmugasundaram. A unif ed platform for data
driven Web applications with automatic client-server partitioning. In
The Proceedings of the 16th International Conference on World Wide
Web, pages 341–350, 2007.
[28] S. Jae Yang, Jason Nieh, Matt Selsky, and Nikhil Tiwari. The performance
of remote display mechanisms for thin-client computing. In The
Proceedings of the General Track of the Annual Conference on USENIX
Annual Technical Conference, pages 131–146, 2002.
130