Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
skip to main content
10.1145/3487664.3487722acmotherconferencesArticle/Chapter ViewAbstractPublication PagesiiwasConference Proceedingsconference-collections
short-paper

Declarative Generation of React.js-based Modern Web Pages Using SuperSQL

Published: 30 December 2021 Publication History

Abstract

In recent years, the concept of the modern web has become widespread. This is based on a single page that contains multiple contents in one web page and can switch contents smoothly without page transition, and is excellent in user interface and user experience. In this paper, we propose a system that generates React.js-based modern web pages using SuperSQL. SuperSQL is an extension language of SQL, and it is possible to realize various layout expressions by structuring the output results of relational databases. The system we propose in this paper makes it possible to generate modern web pages declaratively with a smaller amount of code than before. This leads to providing users with a rich web experience while reducing the burden on web page developers.

References

[1]
Adam Chlipala. 2015. Ur/Web: A Simple Model for Programming the Web. In Proceedings of the 42nd Annual ACM SIGPLAN-SIGACT Symposium on Principles of Programming Languages, POPL 2015, Mumbai, India, January 15-17, 2015, Sriram K. Rajamani and David Walker (Eds.). ACM, 153–165. https://doi.org/10.1145/2676726.2677004
[2]
Kengo Haruno, Kento Goto, and Motomichi Toyama. 2016. Modern Web Page Generation by Using Exclusively SuperSQL. In Proceedings of the 20th International Database Engineering & Applications Symposium, IDEAS 2016, Montreal, QC, Canada, July 11-13, 2016, Evan Desai, Bipin C. Desai, Motomichi Toyama, and Jorge Bernardino (Eds.). ACM, 340–345. https://doi.org/10.1145/2938503.2938527
[3]
Facebook Inc.2021. React. Retrieved August 4, 2021 from https://ja.reactjs.org/
[4]
Uber Technologies Inc.2021. Uber. Retrieved August 4, 2021 from https://www.uber.com/jp/ja/
[5]
Ryosuke Koshijima, Kento Goto, and Motomichi Toyama. 2016. Generating responsive web pages using SuperSQL. In Proceedings of the 18th International Conference on Information Integration and Web-based Applications and Services, iiWAS 2016, Singapore, November 28-30, 2016, Gabriele Anderst-Kotsis (Ed.). ACM, 231–240. https://doi.org/10.1145/3011141.3011162
[6]
Toyama lab.2013. SuperSQL. Retrieved August 4, 2021 from http://ssql.db.ics.keio.ac.jp
[7]
Airbnb Global Services Limited. 2021. Airbnb. Retrieved August 4, 2021 from https://www.airbnb.jp/
[8]
Material-UI.2021. Material-UI. Retrieved August 4, 2021 from https://material-ui.com/
[9]
Shotaro Naiki, Masaki Kohana, Shusuke Okamoto, and Masaru Kamada. 2018. A Graphical Front-End Interface for React.js. In Advances in Network-Based Information Systems, The 21st International Conference on Network-Based Information Systems, NBiS-2018, Bratislava, Slovakia, 5-7 September 2018(Lecture Notes on Data Engineering and Communications Technologies, Vol. 22), Leonard Barolli, Natalia Kryvinska, Tomoya Enokido, and Makoto Takizawa (Eds.). Springer, 887–896. https://doi.org/10.1007/978-3-319-98530-5_79
[10]
Junhui Song, Min Zhang, and Hua Xie. 2019. Design and Implementation of a Vue.js-Based College Teaching System. iJET 14, 13 (2019), 59–69. https://www.online-journals.org/index.php/i-jet/article/view/10709
[11]
Motomichi Toyama. 1998. SuperSQL: An Extended SQL for Database Publishing and Presentation. In SIGMOD 1998, Proceedings ACM SIGMOD International Conference on Management of Data, June 2-4, 1998, Seattle, Washington, USA, Laura M. Haas and Ashutosh Tiwary (Eds.). ACM Press, 584–586. https://doi.org/10.1145/276304.276389
[12]
Gefei Zhang and Jianjun Zhao. 2018. Visualizing Interactions in AngularJS-based Single Page Web Applications. In The 30th International Conference on Software Engineering and Knowledge Engineering, Hotel Pullman, Redwood City, California, USA, July 1-3, 2018, Óscar Mortágua Pereira(Ed.). KSI Research Inc. and Knowledge Systems Institute Graduate School, 403–402. https://doi.org/10.18293/SEKE2018-066

Index Terms

  1. Declarative Generation of React.js-based Modern Web Pages Using SuperSQL
    Index terms have been assigned to the content through auto-classification.

    Recommendations

    Comments

    Information & Contributors

    Information

    Published In

    cover image ACM Other conferences
    iiWAS2021: The 23rd International Conference on Information Integration and Web Intelligence
    November 2021
    658 pages
    Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

    Publisher

    Association for Computing Machinery

    New York, NY, United States

    Publication History

    Published: 30 December 2021

    Permissions

    Request permissions for this article.

    Check for updates

    Author Tags

    1. Database
    2. Modern Web
    3. React
    4. SuperSQL
    5. UI/UX

    Qualifiers

    • Short-paper
    • Research
    • Refereed limited

    Conference

    iiWAS2021

    Contributors

    Other Metrics

    Bibliometrics & Citations

    Bibliometrics

    Article Metrics

    • 0
      Total Citations
    • 62
      Total Downloads
    • Downloads (Last 12 months)15
    • Downloads (Last 6 weeks)2
    Reflects downloads up to 09 Nov 2024

    Other Metrics

    Citations

    View Options

    Get Access

    Login options

    View options

    PDF

    View or Download as a PDF file.

    PDF

    eReader

    View online with eReader.

    eReader

    HTML Format

    View this article in HTML Format.

    HTML Format

    Media

    Figures

    Other

    Tables

    Share

    Share

    Share this Publication link

    Share on social media