Journal of Online Learning Research and Practice Volume 7, Number 2, 2019 | Page 34

Spectrum Educational Tool: Animated Scenarios for Teacher Preparation
Figure 2. Prototyping model used in the Spectrum educational tool
In EP, functionalities are integrated
on an interim basis until the final
system is delivered. As discussed, we
developed this application in HTML5
and JavaScript to work on mobile devices.
We sent every case study to users
for functionality testing.
We used a questionnaire in SurveyMonkey
for the usability testing
for this prototype version, where the
teacher education specialists, Human
Computer Interaction (HCI) specialist,
and various students responded to
questions. Based on an analysis of the
results, we completed further improvements.
The Spectrum Educational
Prototype Use-Case Scenarios
A use-case diagram in Unified Modeling
Language (UML) is a behavioral
diagram defined by and created from
use-case analysis. It represents a graphical
overview of functionalities provided
by the system in terms of actors, their
goals, and any dependencies between
those use-cases.
Use case for user
Primary Actor: User
Secondary Actor: None
Description: This use case is for users
who need to register for the first time
to log into the application to access the
case studies. The request sent by the
user goes to the Database (DB) Administrator.
The DB Administrator accepts
the request and approves the login credentials.
Pre-Conditions: The user has a desktop/laptop/mobile
device in working
condition with Internet connectivity
and installed browsers, such as Firefox,
Chrome, or Safari, to open the application.
Post Conditions: The DB Administrator
acknowledges and approves login credentials
for the requested users.
Basic Flow:
• The user sends a registration request
to the DB Administrator with his or
her email, username, and password.
• The DB Admin can accept/reject
23