Advertisement

Implementation of Interactive Tutorial for IslayPub by Hooking User Events

  • Daisuke Tanaka
  • Masaki Kohana
  • Michitoshi Niibori
  • Yasuhiro Ohtaki
  • Shusuke Okamoto
  • Masaru KamadaEmail author
Conference paper
Part of the Advances in Intelligent Systems and Computing book series (AISC, volume 1036)

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.

References

  1. 1.
    School of Game Design: How to make a good video game tutorial. https://schoolofgamedesign.com/project/good-video-game-tutorial/. Accessed 29 May 2019
  2. 2.
    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)Google Scholar

Copyright information

© Springer Nature Switzerland AG 2020

Authors and Affiliations

  • Daisuke Tanaka
    • 1
  • Masaki Kohana
    • 2
  • Michitoshi Niibori
    • 3
  • Yasuhiro Ohtaki
    • 1
  • Shusuke Okamoto
    • 4
  • Masaru Kamada
    • 1
    Email author
  1. 1.Ibaraki UniversityHitachiJapan
  2. 2.Chuo UniversityIchigayaJapan
  3. 3.Learning-i, Ltd., c/o Ibaraki UniversityHitachiJapan
  4. 4.Seikei UniversityMusashinoJapan

Personalised recommendations