Information Technology Reference
In-Depth Information
Building a Meme Media Platform
with a JavaScript MVC Framework and HTML5
Jun Fujima
Fraunhofer IDMT, Children's Media Department, 99094 Erfurt, Germany
jun.fujima@idmt.fraunhofer.de
Abstract.
Meme media technology is developed for provoking and sup-
porting the evolution of knowledge on computers and the Internet. With
the development of World Wide Web, the Web comes to have elemen-
tal functionalities for realizing meme media-based knowledge evolution.
Webble World, the latest meme media platform, was implemented for
seamless integration of meme media technology into the modern Web
technologies. However, because it works on a browser plugin, it is slightly
getting detached from other Web-related technologies. To achieve more
seamless integration, we explore the possibility of developing a meme
media platform with pure Web technologies. First, we look back on the
original meme media architecture to understand what is necessary to
implement the platform. Then, we pick up a JavaScript framework for
building structured Web applications, called AngularJS. Consequently,
we develop a prototypical implementation of a meme media platform and
some example meme media objects on the platform. Because the plat-
form is implemented only with HTML and pure JavaScript, it works on
modern Web browsers that support the latest HTML5 and JavaScript
specifications.
Keywords:
meme media, HTML5, MVC framework, web application
platform, web-based middleware.
1 Introduction
World Wide Web (WWW) is a powerful platform for recent computer appli-
cations. In December 2012, the specification of the next generation of HTML,
known as HTML5, became a candidate recommendation of World Wide Web
Consortium (W3C). Thereby, separated Web-based state-of-the-art technologies
for building rich Web application, especially in the development of the inter-
active user interface, has proceeded to be unified. Only with those standard
technologies, developers can implement modern Web applications.
In past days, such a rich Web application was developed with browser plugins
like Adobe Flash or Microsoft Silverlight. However, in most case, those plugins
do not work on recent mobile devices such as mobile phones or tablets. Owning
to HTML5 and its related technologies such as Cascading Style Sheet (CSS),
Scalable Vector Graphics (SVG), HTML Canvas, or WebGL, the cross-platform
support in Web application development become possible.
