Visualizing interactions in angularJS-based single page web applications

Gefei Zhang, Jianjun Zhao

Research output: Chapter in Book/Report/Conference proceedingConference contribution

Abstract

AngularJS is a popular framework for single page web applications. In AngularJS applications, the pro-gramming logic is implemented in Javascript, while the layout is defined separately in HTML files. Due to this separation, data and control ow is usually hard to track. We propose a method to visualize the data and control flow in AngularJS-based single page web applications and separate interactions from each other. Our method helps to get a better understanding of the application's work flow, to realize the boundaries of the interactions, and to know what is updated in an interaction and what is not.

Original languageEnglish
Title of host publicationProceedings - SEKE 2018
Subtitle of host publication30th International Conference on Software Engineering and Knowledge Engineering
PublisherKnowledge Systems Institute Graduate School
Pages403-408
Number of pages6
ISBN (Electronic)1891706446
DOIs
Publication statusPublished - Jan 1 2018
Event30th International Conference on Software Engineering and Knowledge Engineering, SEKE 2018 - Redwood City, United States
Duration: Jul 1 2018Jul 3 2018

Publication series

NameProceedings of the International Conference on Software Engineering and Knowledge Engineering, SEKE
Volume2018-July
ISSN (Print)2325-9000
ISSN (Electronic)2325-9086

Other

Other30th International Conference on Software Engineering and Knowledge Engineering, SEKE 2018
CountryUnited States
CityRedwood City
Period7/1/187/3/18

Fingerprint

Websites
HTML
Flow control

All Science Journal Classification (ASJC) codes

  • Software

Cite this

Zhang, G., & Zhao, J. (2018). Visualizing interactions in angularJS-based single page web applications. In Proceedings - SEKE 2018: 30th International Conference on Software Engineering and Knowledge Engineering (pp. 403-408). (Proceedings of the International Conference on Software Engineering and Knowledge Engineering, SEKE; Vol. 2018-July). Knowledge Systems Institute Graduate School. https://doi.org/10.18293/SEKE2018-066

Visualizing interactions in angularJS-based single page web applications. / Zhang, Gefei; Zhao, Jianjun.

Proceedings - SEKE 2018: 30th International Conference on Software Engineering and Knowledge Engineering. Knowledge Systems Institute Graduate School, 2018. p. 403-408 (Proceedings of the International Conference on Software Engineering and Knowledge Engineering, SEKE; Vol. 2018-July).

Research output: Chapter in Book/Report/Conference proceedingConference contribution

Zhang, G & Zhao, J 2018, Visualizing interactions in angularJS-based single page web applications. in Proceedings - SEKE 2018: 30th International Conference on Software Engineering and Knowledge Engineering. Proceedings of the International Conference on Software Engineering and Knowledge Engineering, SEKE, vol. 2018-July, Knowledge Systems Institute Graduate School, pp. 403-408, 30th International Conference on Software Engineering and Knowledge Engineering, SEKE 2018, Redwood City, United States, 7/1/18. https://doi.org/10.18293/SEKE2018-066
Zhang G, Zhao J. Visualizing interactions in angularJS-based single page web applications. In Proceedings - SEKE 2018: 30th International Conference on Software Engineering and Knowledge Engineering. Knowledge Systems Institute Graduate School. 2018. p. 403-408. (Proceedings of the International Conference on Software Engineering and Knowledge Engineering, SEKE). https://doi.org/10.18293/SEKE2018-066
Zhang, Gefei ; Zhao, Jianjun. / Visualizing interactions in angularJS-based single page web applications. Proceedings - SEKE 2018: 30th International Conference on Software Engineering and Knowledge Engineering. Knowledge Systems Institute Graduate School, 2018. pp. 403-408 (Proceedings of the International Conference on Software Engineering and Knowledge Engineering, SEKE).
@inproceedings{0d626ede543f44cb848ae5c4956a3f27,
title = "Visualizing interactions in angularJS-based single page web applications",
abstract = "AngularJS is a popular framework for single page web applications. In AngularJS applications, the pro-gramming logic is implemented in Javascript, while the layout is defined separately in HTML files. Due to this separation, data and control ow is usually hard to track. We propose a method to visualize the data and control flow in AngularJS-based single page web applications and separate interactions from each other. Our method helps to get a better understanding of the application's work flow, to realize the boundaries of the interactions, and to know what is updated in an interaction and what is not.",
author = "Gefei Zhang and Jianjun Zhao",
year = "2018",
month = "1",
day = "1",
doi = "10.18293/SEKE2018-066",
language = "English",
series = "Proceedings of the International Conference on Software Engineering and Knowledge Engineering, SEKE",
publisher = "Knowledge Systems Institute Graduate School",
pages = "403--408",
booktitle = "Proceedings - SEKE 2018",

}

TY - GEN

T1 - Visualizing interactions in angularJS-based single page web applications

AU - Zhang, Gefei

AU - Zhao, Jianjun

PY - 2018/1/1

Y1 - 2018/1/1

N2 - AngularJS is a popular framework for single page web applications. In AngularJS applications, the pro-gramming logic is implemented in Javascript, while the layout is defined separately in HTML files. Due to this separation, data and control ow is usually hard to track. We propose a method to visualize the data and control flow in AngularJS-based single page web applications and separate interactions from each other. Our method helps to get a better understanding of the application's work flow, to realize the boundaries of the interactions, and to know what is updated in an interaction and what is not.

AB - AngularJS is a popular framework for single page web applications. In AngularJS applications, the pro-gramming logic is implemented in Javascript, while the layout is defined separately in HTML files. Due to this separation, data and control ow is usually hard to track. We propose a method to visualize the data and control flow in AngularJS-based single page web applications and separate interactions from each other. Our method helps to get a better understanding of the application's work flow, to realize the boundaries of the interactions, and to know what is updated in an interaction and what is not.

UR - http://www.scopus.com/inward/record.url?scp=85056808419&partnerID=8YFLogxK

UR - http://www.scopus.com/inward/citedby.url?scp=85056808419&partnerID=8YFLogxK

U2 - 10.18293/SEKE2018-066

DO - 10.18293/SEKE2018-066

M3 - Conference contribution

AN - SCOPUS:85056808419

T3 - Proceedings of the International Conference on Software Engineering and Knowledge Engineering, SEKE

SP - 403

EP - 408

BT - Proceedings - SEKE 2018

PB - Knowledge Systems Institute Graduate School

ER -