To read this content please select one of the options below:

Responsive HTML generation using SuperSQL

Kento Goto (Department of Information and Computer Science, Keio University, Yokohama-shi, Kanagawa-ken, Japan)
Ryosuke Koshijima (Department of Information and Computer Science, Keio University, Yokohama-shi, Kanagawa-ken, Japan)
Motomichi Toyama (Department of Information and Computer Science, Keio University, Yokohama-shi, Kanagawa-ken, Japan)

International Journal of Web Information Systems

ISSN: 1744-0084

Article publication date: 21 August 2017

413

Abstract

Purpose

With the rapid spread of smartphones and tablets, it is becoming necessary for web developers to create responsive web pages which are visually appealing on devices of various sizes. However, building responsive UIs is a very challenging task, requiring deep knowledge of HTML and CSS. This paper aims to propose an approach to generate responsive web pages using SuperSQL, which is an extension of SQL that can format data retrieved from a database into various kinds of structured documents.

Design/methodology/approach

By incorporating the methodology of bootstrap, a grid-based framework for front-end development, the authors have made it possible to create responsive web pages from simple SuperSQL queries. In addition, by utilizing SuperSQL’s unique feature that can describe the structure of the output web page, the authors have proposed and implemented a mechanism to automatically optimize the web content’s size and position.

Findings

In the evaluation, the authors created some actual web applications with and without the use of SuperSQL and compared the code amount (number of lines). As a result, when using the proposed system, the amount of code was reduced to about 1/5. The authors also compared the layout generated by the proposed automatic layout generation mechanism with the responsive layout that was generated manually. As a result, the automatic layout generation mechanism created the same layout as the manually created layout 74.8 per cent of the time, and the user satisfaction level turned out to be 85.8 per cent.

Originality/value

The way to generate a responsive HTML by using a single SuperSQL query, and the mechanism for automatic responsive layout generation.

Keywords

Acknowledgements

This paper is an extension of work originally reported in Proceedings of the 18th Inter-national Conference on Information Integration and Web-based Applications and Services.

Citation

Goto, K., Koshijima, R. and Toyama, M. (2017), "Responsive HTML generation using SuperSQL", International Journal of Web Information Systems, Vol. 13 No. 3, pp. 324-351. https://doi.org/10.1108/IJWIS-04-2017-0032

Publisher

:

Emerald Publishing Limited

Copyright © 2017, Emerald Publishing Limited

Related articles