Abstract
We present a mechanism to overwrap the existing web-based graphical programming environment IslayPub with another JavaScript program that interactively tutors the user where to click and how to operate IslayPub along the tutorial scenario. The original JavaScript program of IslayPub has only to be modified to include event listeners to hook the user events within the opening \(\langle \)body\(\rangle \) tag and to include a tutorial program at the end. The tutorial program instructs where to click by an arrow near the target component in the IslayPub screen and what to do in a dialog box in each step of the scenario and hooks the user event to check if it complies with the scenario. If the user event implies the expected operation in the step, the tutorial program allows the event to propagate toward the IslayPub program to react to the event and lets the user proceed to the next step. Otherwise, the tutorial program abandons the event and prompts the user to do the right thing. In that way, the user is guided to learn how to operate IslayPub along the tutorial scenario.
This is a preview of subscription content, log in via an institution.
Buying options
Tax calculation will be finalised at checkout
Purchases are for personal use only
Learn about institutional subscriptionsReferences
School of Game Design: How to make a good video game tutorial. https://schoolofgamedesign.com/project/good-video-game-tutorial/. Accessed 29 May 2019
Suzuki, K., Niibori, M., Rashed, A.S., Okamoto, S., Kamada, M.: Development of IslayPub3.0 — educational programming environment based on state-transition diagrams. In: The 4th International Workshop on Web Service and Social Media (WSSM 2015), Proceedings of the 18th International Conference on Network-Based Information Systems, (NBiS 2015), Taipei, pp. 702–705 (2015)
Author information
Authors and Affiliations
Corresponding author
Editor information
Editors and Affiliations
Rights and permissions
Copyright information
© 2020 Springer Nature Switzerland AG
About this paper
Cite this paper
Tanaka, D., Kohana, M., Niibori, M., Ohtaki, Y., Okamoto, S., Kamada, M. (2020). Implementation of Interactive Tutorial for IslayPub by Hooking User Events. In: Barolli, L., Nishino, H., Enokido, T., Takizawa, M. (eds) Advances in Networked-based Information Systems. NBiS - 2019 2019. Advances in Intelligent Systems and Computing, vol 1036. Springer, Cham. https://doi.org/10.1007/978-3-030-29029-0_68
Download citation
DOI: https://doi.org/10.1007/978-3-030-29029-0_68
Published:
Publisher Name: Springer, Cham
Print ISBN: 978-3-030-29028-3
Online ISBN: 978-3-030-29029-0
eBook Packages: Intelligent Technologies and RoboticsIntelligent Technologies and Robotics (R0)