Mavo: Creating Interactive Data-Driven Web Applications by Authoring HTML
Many people can author static web pages with HTML and CSS but find it hard or impossible to program persistent, interactive web applications. We show that for a broad class of CRUD (Create, Read, Update, Delete) applications, this gap can be bridged. Mavo extends the declarative syntax of HTML to de...
| Main Authors: | , , |
|---|---|
| Other Authors: | |
| Format: | Article |
| Language: | en_US |
| Published: |
Association for Computing Machinery (ACM)
2017
|
| Online Access: | http://hdl.handle.net/1721.1/111960 https://orcid.org/0000-0001-9462-9835 https://orcid.org/0000-0002-0024-5847 |
| _version_ | 1811082427128348672 |
|---|---|
| author | Verou, Lea Zhang, Amy Xian Karger, David R |
| author2 | Massachusetts Institute of Technology. Computer Science and Artificial Intelligence Laboratory |
| author_facet | Massachusetts Institute of Technology. Computer Science and Artificial Intelligence Laboratory Verou, Lea Zhang, Amy Xian Karger, David R |
| author_sort | Verou, Lea |
| collection | MIT |
| description | Many people can author static web pages with HTML and CSS but find it hard or impossible to program persistent, interactive web applications. We show that for a broad class of CRUD (Create, Read, Update, Delete) applications, this gap can be bridged. Mavo extends the declarative syntax of HTML to describe Web applications that manage, store and transform data. Using Mavo, authors with basic HTML knowledge define complex data schemas implicitly as they design their HTML layout. They need only add a few attributes and expressions to their HTML elements to transform their static design into a persistent, data-driven web application whose data can be edited by direct manipulation of the content in the browser. We evaluated Mavo with 20 users who marked up static designs---some provided by us, some their own creation---to transform them into fully functional web applications. Even users with no programming experience were able to quickly craft Mavo applications. |
| first_indexed | 2024-09-23T12:02:36Z |
| format | Article |
| id | mit-1721.1/111960 |
| institution | Massachusetts Institute of Technology |
| language | en_US |
| last_indexed | 2024-09-23T12:02:36Z |
| publishDate | 2017 |
| publisher | Association for Computing Machinery (ACM) |
| record_format | dspace |
| spelling | mit-1721.1/1119602022-09-27T23:45:03Z Mavo: Creating Interactive Data-Driven Web Applications by Authoring HTML Verou, Lea Zhang, Amy Xian Karger, David R Massachusetts Institute of Technology. Computer Science and Artificial Intelligence Laboratory Massachusetts Institute of Technology. Department of Electrical Engineering and Computer Science Verou, Lea Zhang, Amy Xian Karger, David R Many people can author static web pages with HTML and CSS but find it hard or impossible to program persistent, interactive web applications. We show that for a broad class of CRUD (Create, Read, Update, Delete) applications, this gap can be bridged. Mavo extends the declarative syntax of HTML to describe Web applications that manage, store and transform data. Using Mavo, authors with basic HTML knowledge define complex data schemas implicitly as they design their HTML layout. They need only add a few attributes and expressions to their HTML elements to transform their static design into a persistent, data-driven web application whose data can be edited by direct manipulation of the content in the browser. We evaluated Mavo with 20 users who marked up static designs---some provided by us, some their own creation---to transform them into fully functional web applications. Even users with no programming experience were able to quickly craft Mavo applications. 2017-10-23T18:18:40Z 2017-10-23T18:18:40Z 2016-10 Article http://purl.org/eprint/type/ConferencePaper 978-1-4503-4189-9 http://hdl.handle.net/1721.1/111960 Verou, Lea et al. "Mavo: Creating Interactive Data-Driven Web Applications by Authoring HTML." Proceedings of the 29th Annual Symposium on User Interface Software and Technology, October 16-19, 2016, New York, New York USA, Association for Computing Machinery (ACM), October 2016 © 2016 https://orcid.org/0000-0001-9462-9835 https://orcid.org/0000-0002-0024-5847 en_US http://dx.doi.org/10.1145/2984511.2984551 Proceedings of the 29th Annual Symposium on User Interface Software and Technology Creative Commons Attribution-Noncommercial-Share Alike http://creativecommons.org/licenses/by-nc-sa/4.0/ application/pdf Association for Computing Machinery (ACM) MIT Web Domain |
| spellingShingle | Verou, Lea Zhang, Amy Xian Karger, David R Mavo: Creating Interactive Data-Driven Web Applications by Authoring HTML |
| title | Mavo: Creating Interactive Data-Driven Web Applications by Authoring HTML |
| title_full | Mavo: Creating Interactive Data-Driven Web Applications by Authoring HTML |
| title_fullStr | Mavo: Creating Interactive Data-Driven Web Applications by Authoring HTML |
| title_full_unstemmed | Mavo: Creating Interactive Data-Driven Web Applications by Authoring HTML |
| title_short | Mavo: Creating Interactive Data-Driven Web Applications by Authoring HTML |
| title_sort | mavo creating interactive data driven web applications by authoring html |
| url | http://hdl.handle.net/1721.1/111960 https://orcid.org/0000-0001-9462-9835 https://orcid.org/0000-0002-0024-5847 |
| work_keys_str_mv | AT veroulea mavocreatinginteractivedatadrivenwebapplicationsbyauthoringhtml AT zhangamyxian mavocreatinginteractivedatadrivenwebapplicationsbyauthoringhtml AT kargerdavidr mavocreatinginteractivedatadrivenwebapplicationsbyauthoringhtml |