ArticlePDF Available

IRIS STUDIO – IDE PROTOTYPE FOR MODELING ADAPTIVE USER INTERFACES FOR BUSINESS INFORMATION SYSTEMS

Authors:

Abstract and Figures

Business information systems available today are very complex in regard to their functionalities and platform requirements. Adding an additional layer of context-awareness makes the development of such systems very expensive, complicated and time-consuming process. Therefore, we developed a web-based tool for modeling adaptive user interfaces which provides a library of predefined tasks according to the functional areas in the operation of businesses. For developing the prototype, we use a model-driven user interface development approach. The process of creation of the UI using our environment includes four major steps – building a task tree model, defining abstract and concrete user interface models and retrieving the final code. All of these models have a bidirectional connection so that they are easily updated. In the final step of the UI creation process we generate platform-independent XML specification of the UI as well as HTML and CSS downloadable code for web and mobile regarding to the specified models. In this code we also include the designer’s input on the corporate identity of the developed system, including logo, colors, font-family and more. In this paper we also examine the different situations in which our software prototype can be used. We provide examples how designers can define tasks according to the users’ culture, level of experience with the system, physical environment, hardware, software, level of disability, role within the system and more.
Content may be subject to copyright.
International Journal of Pure and Applied Mathematics
Volume 116 No. 4 2017, 1015-1034
ISSN: 1311-8080 (printed version); ISSN: 1314-3395 (on-line version)
url: http://www.ijpam.eu
doi: 10.12732/ijpam.v116i4.17
P
A
ijpam.eu
IRIS STUDIO – IDE PROTOTYPE FOR MODELING
ADAPTIVE USER INTERFACES FOR BUSINESS
INFORMATION SYSTEMS
Margarita Atanasova1§, Anna Malinova2
1,2University of Plovdiv Paisii Hilendarski
Plovdiv 4000, BULGARIA
Abstract: Business information systems available today are very complex in regard to
their functionalities and platform requirements. Adding an additional layer of context-aware-
ness makes the development of such systems very expensive, complicated and time-consuming
process. Therefore, we developed a web-based tool for modeling adaptive user interfaces
which provides a library of predefined tasks according to the functional areas in the operation
of businesses. For developing the prototype, we use a model-driven user interface development
approach. The process of creation of the UI using our environment includes four major steps –
building a task tree model, defining abstract and concrete user interface models and retrieving
the final code. All of these models have a bidirectional connection so that they are easily
updated. In the final step of the UI creation process we generate platform-independent XML
specification of the UI as well as HTML and CSS downloadable code for web and mobile
regarding to the specified models. In this code we also include the designer’s input on the
corporate identity of the developed system, including logo, colors, font-family and more. In
this paper we also examine the different situations in which our software prototype can be
used. We provide examples how designers can define tasks according to the users’ culture, level
of experience with the system, physical environment, hardware, software, level of disability,
role within the system and more.
AMS Subject Classification: 68N19, 68U35
Key Words: business information systems, adaptive user interfaces, context of use, user
interface modeling, code generation
Received: 2017-07-09
Revised: 2017-10-28
Published: November 19, 2017
c
2017 Academic Publications, Ltd.
url: www.acadpubl.eu
§Correspondence author
1016 M. Atanasova, A. Malinova
1. Introduction
With the rapidly evolving technologies and the need of low-cost support of
multi-device and multi-context software applications, model-driven user inter-
face development becomes an important topic not only in scientific research
papers but also in many business conferences. At the threshold of the Web
4.0 era where all devices will be connected in the real and virtual world, and
personal intelligent assistants will help us in our everyday lives, the creation of
context-aware user interfaces will be a mandatory step in the software develop-
ment process.
There are many research topics discussing the advantages and the limitation
of the model-driven user interface development [1, 2, 3]. As a whole it provides
a structured approach where modality and platform independent models can be
specified and used in the real UI development. All stakeholders can take part
in this process including clients, users, product managers, software architects,
designers and developers. Using a proper tool supporting this process reduces
the cost of adaptive UI creation. But still this approach is not widely adopted
by the majority of software companies. One of the limitations of MBUID is the
steep learning curve. Modeling context-aware user interfaces introduces addi-
tional level of complexity which is hard to understand and maintain. Another
limitation is the the lack of an easy way to update the existing models when
changes on the final product are made. Going back and forth between the real
prototype and the models increases the time of development which is inefficient
when the product follows a certain go-to-market strategy.
To address the described challenges, we have developed “Iris Studio”, a
web-based integrated development environment facilitating the user interface
development. The contributions of this paper include our vision on enhancing
this process especially for building UIs for business information systems, which
users often find difficult to use according to different studies [4, 5, 6]. Therefore,
our contributions cover the aspects described below.
Firstly, we support both the design and implementation phases by pro-
viding an integrated tool for maintaining bidirectional connection between all
four levels of abstraction, as suggested by the conceptual Cameleon Reference
Framework (project by Information Society Technologies): Task and Domain,
Abstract User Interface, Concrete User Interface, and Final User Interface [7].
For the first step we have partially adopted the ConcurTaskTrees notation [8, 9].
Additionally, the selection of business functional areas of operation in the
first step of UI creation process, helps us determine what predefined task models
to propose to the developer/designer. We have built-in library for task models
IRIS STUDIO – IDE PROTOTYPE FOR MODELING... 1017
that can be reused to speed up the prototyping process. Moreover, the users
can create and save their own task tree models to extend the library.
In “Iris Studio” the designer can add multiple contexts of use to different
tasks on any of the development cycle steps. That way the designer can create
and preview different combinations of elements in the user interface, simulating
real world situations.
Finally, the underlying business logic model enables us to easily extend the
IDE to generate and run code written in any modern front-end framework for
web applications. We also provide XML code generation. As an example of
specific web technology code generation we transform the concrete model into
HTML and CSS pages, using Bootstrap.
The next sections of this paper are organized as follows: Section 2 presents
related work and an overview of the existing tools for model-driven UI devel-
opment. In Section 3 we present our system – the underlying model, the archi-
tecture and the transformations we made on the input data. We also describe
what the steps of generating final UI are. Section 4 shows different real-world
situations where UI adaptations are needed and how our system handles them.
Section 5 concludes the paper and gives an outlook on future work.
2. Related Work Overview
In this section we will make a brief overview of similar model-driven tools for UI
generation. The strengths and the shortcomings of many early model-based UI
development systems are already a focus of discussion of other scientific papers
[2, 10].
The model-driven approach is used to define high-level models, which are
used for the creation of a detailed specification and client’s requirements anal-
yses from a semantic point of view without a focus on the implementation.
There are different tools supporting this process. Each one of them proposes
different solutions to their users and puts an emphasis on different artifacts of
the MBUID.
Some of them like OpenXava [11] and Mira framework [12] require very
good programming skills for creating the description of the models. Their
target group of users are rather programmers than designers. The final code is
HTML and CSS code. Mira uses Bootstrap so that the result is responsive as
well as modern.
CTTE [13] and Responsive CTT [14] support partially the process of model-
driven development by providing tools for task tree modeling using the Con-
1018 M. Atanasova, A. Malinova
curTaskTrees notation. They produce an XML specification.
SketchiXML [15] supports the creation of concrete UI models using a tablet
and a stylus. The final specification can be obtained as a usiXML code. There
are also several other similar applications that support sketching a user interface
with a tablet and resulting in code generation: SILK [16], JavaSketchIt [17],
Freeform [18].
The users in IdealXML [19] can create task models and abstract UIs. The
end result here is also a user interface specification in usiXML.
Supple [20] is another interesting project aiming at the creation of JavaScript
library, which analyses the skill levels of the users and alters the system accord-
ing to the results. It mainly gathers input to adapt the system for people with
motor and vision impairments. The authors in the Supple project have devel-
oped ARNAULD, a system which changes its graphic interface according to the
user’s behavior [21].
CanonSketch [22] is another tool for defining abstract user interface mod-
els. This tool uses Wisdom notation, which is proposed as a UML extension.
An additional view is also implemented, which generates a possible specific
implementation of the user interface in the form of HTML.
GrafiXML [23] focuses on the generation of multi-platform context-sensitive
user interfaces. It is based on usiXML. The final code can be generated in
(X)HMLT or Java. One of the outlined perspectives in the paper is to make
the UI adaptations during the runtime while now they are in the design time.
Another system that puts its emphasis on the context-aware user interface
generation is MASP [24]. It uses model-driven approach, maintaining all levels
in the Cameleon Reference Framework to support the creation of UIs for smart
homes. The adaptations happen in the runtime. The final code generation
supports XML, WML, HTML, VoiceXML.
Gummy [25] is a visual editor for developing multi-platform user interfaces
facilitating the design process. It is aimed to be user-friendly for designers,
hiding details of the abstract model, but providing functionality of editing the
concrete UI model. At the end Gummy “translates” the concrete elements into
UIML (User Interface Markup Language) and XML.
Damask [26] is a tool for creating user interface prototypes for different de-
vices implementing partially the model-driven approach. It supports VoiceXML
commands. Damask does not aim to create final UI or to add any layer of
context-awareness, but focuses on the multi-platform UI modeling.
CIAT-GUI [27] and Cedar Studio [28] also adopt the Cameleon Reference
Framework supporting the four levels of abstraction. The generated final UI in
CIAT-GUI is in XAML, while CedarStudio generates XML specification with
IRIS STUDIO – IDE PROTOTYPE FOR MODELING... 1019
added attributes to the elements for different contexts of use.
Approaches like GrafiXML, Masp, Supple, Cedar Studio and MIRA present
tools and techniques for supporting the development of adaptive UIs. The
designer input in these approaches is very small to none. The final generated
user interface in nearly all of the reviewed systems is not ready to be used
directly in a real project without any changes. It lacks a way to make visual
changes to the elements or apply corporate identity. Also these tools require
additional knowledge and are hard to understand from a beginner. Our aim
is to propose a solution to these problems by creating an environment, which
supports the designer/developer of adaptive UIs through the whole cycle in the
UI development. The environment has to be self-explanatory and produce final
user interface according to modern business requirements. We maintain all steps
from the clients’ requirements analysis to the downloadable code, which can be
directly implemented into the product. That is why except the XML generation
we implemented one of the most popular front-end libraries Bootstrap. In the
next section we also explain how we can add new technologies for the final code
generation.
3. Iris Studio Architecture
We have developed “Iris Studio”, an IDE prototype for building adaptive user
interfaces, by extending the Cameleon Reference Framework’s four levels of UI
development cycle. The aim is to support and accelerate the creation of user in-
terfaces for business information systems, thereby we propose a modification to
the CRF on the implementation level by adding an additional step for defining
business functional areas of operations. That way “Iris Studio” extracts prede-
fined task models depending on the selected industry, therefore speeding up the
task analysis step and respectively the development process. The functional
areas of operations and the task modeling in our IDE prototype as well as the
transformations made between the task model and the abstract user interface
model are described in another paper [29].
The workflow of creating user interface in Iris Studio is as follows: First, the
user creates a project and selects functional areas of operations. Than models
the user tasks (See Fig. 1), generates abstract UI model (Fig. 2), concrete UI
model (Fig. 3) and final UI (Fig. 4). On the last step the user applies corporate
identity – logo, colors, fonts, repositions the elements if needed and downloads
the final code.
There is no standard notation for defining concrete UI model. Depending
1020 M. Atanasova, A. Malinova
Figure 1: Iris IDE – first step of the UI modeling process – task modeling
Figure 2: Iris IDE – second step of the UI modeling process – generating
Abstract UI model
on the abstract interactive object type (input, output, control or navigation)
and node type (parent or leaf), the tasks can be transformed into different
IRIS STUDIO – IDE PROTOTYPE FOR MODELING... 1021
Figure 3: Iris IDE – third step of the UI modeling process – generating
Concrete UI model
concrete objects. This choice is made by the user as this cannot be automat-
ically selected. For example, if we have abstract interactive object from type
“output” in the concrete UI model generation in Iris Studio the user can select
from multiple types of output concrete objects like: table, pie chart, bar chart,
line chart, paragraph, list, etc. We always transform the root element from the
abstract UI model into a Window concrete element in the concrete UI model.
From the user input we generate the concrete objects and present them in the
screen in a structured way similar to a rapid prototyping tool. We provide
the users a toolbox on the top from which they can add different concrete ob-
jects in the model. They can also put them in a grid, defined by rows and
columns. With the implemented bidirectional connections between the models,
every added object in the concrete model automatically updates and is added
to the abstract model and the task trees. For example, if the user adds a text
area in the concrete model, it appears in the abstract model as an input facet
and as an interaction task type in the task model.
The final user interface (Fig. 4) is automatically generated and loaded into
1022 M. Atanasova, A. Malinova
Figure 4: Iris IDE – fourth step of the UI modeling process – generating
Final UI
an iframe in the client’s browser. We use a master template as a container of
the tasks. This template contains header, top navigation with placeholder for
logo, search bar, left navigation, main container and footer. The modeled tasks
are placed in the main container section. The designer/developer can hide and
show different contexts, thereby seeing different combinations of UI elements
on the screen. Data attributes are added to those elements in the final code so
that they can be managed accordingly by the back-end logic in the real project.
This is also the step where the designer can upload logo, add Google fonts,
change the font color and background colors to the design. In “Iris Studio” one
project can have multiple user interface files. That is why all corporate identity
parameters are stored in the project’s database and are applied to all files in
the same project so that the designer does not need to apply them every time.
We use Google Charts as a charting library for the diagrams representation in
the final UI.
IRIS STUDIO – IDE PROTOTYPE FOR MODELING... 1023
All user interface files in a single project can be downloaded as a .zip archive,
containing HTML, CSS and JavaScript files with linked Bootstrap library from
its’ CDN. The final user interface can also be downloaded as an XML file. We
provide a detailed explanation in the studio’s help section how this file can be
transformed into executable code.
The business logic behind abovementioned steps is shown in Fig. 5. We
maintain different users with multiple projects each. Each project can have
many user interface files. The UI file Class is responsible for model transfor-
mations, data validation and code generation. Every UI file can be added to
a personal library of predefined tasks and reused in different projects. The UI
nodes store all attributes of the task tree model, abstract and concrete mod-
els. They are connected to the contexts of use. Each node can have none,
one or more contexts to which it belongs. The UI nodes are linked between
each other so that the workflow between the tasks can be specified during the
requirements analysis phase. The corporate identity is linked to the project so
that all files in a single project have the same logo, font style and colors. Every
project has a functional area so that the user has access to predefined selection
of ready-to-use task models. The Technology Parser Class is responsible for the
code generation. It transforms the concrete objects into code depending on the
technology. Currently we have implemented parsers for XML and web (HTML,
CSS).
4. User Tasks Modeling for Different Contexts of Use in Iris Studio
In this section we present various examples of task models from the perspective
of different contexts of use that are created using “Iris Studio”. Moreover, this
helps designers focus on the user tasks rather than the implementation.
Task modeling helps user experience designers understand what people want
and how to design the business requirements into a usable, friendly product.
Task analysis is an effective process where UX designers decompose complex
tasks into simpler ones. In this process stakeholders and clients might also be
involved as no coding is required for the tasks’ description.
Designing such task structures is not always easy, especially when different
user profiles and contexts of use should be defined at the same time. The
developed software system enables its users to define each of the tasks to which
context of use is applied. One task might be applicable to several contexts
or to none. The behavior of the final user interface depends on the specific
parameters sent from the back-end during the run-time.
IRIS STUDIO – IDE PROTOTYPE FOR MODELING... 1025
Figure 6: Task model of user task “Search”. Context of use named
“South Korea” for users located in this country is applied
4.1. Cultural Adaptivity
Systems with culturally adaptive user interface can adapt according to the
cultural characteristics of their users [30]. Applications that take into account
the location and the country of their users are considered to be much more
efficient and convenient. A simple example is the user interface of Google.
While the clean design of the search engine is preferred in Europe, the leading
search engine in Russia is Yandex, in China is Baidu and in South Korea is the
colourful Naver [31]. Naver offers to its users many images, advertisements and
different search categories – common technique for websites in South Korea.
An example diagram with described user tasks and their contexts of use,
representing a similar case, is presented below (See Fig. 6). Using our proto-
type, designers can describe user tasks using ConcurTaskTrees notation which
means that we have four main types of tasks (Abstraction, Interaction, System
and User) and different kind of operators between them. In addition to this we
implemented a mechanism for adding contexts to the nodes in the tree. Every
node can be part of different contexts. The result is a combination of variety
of contexts. Contexts might be switched on and off so that the designer might
preview the different combinations in the next steps of the UI modeling process
which are the Abstract User Interface and the Concrete User Interface. In Fig.
6 we are showing how easy it is to determine that these particular tasks (Banner
and News) are related only to the context of use named “South Korea”.
1026 M. Atanasova, A. Malinova
Figure 7: Model of Dashboard for business information system showing
three contexts of use according to different user roles within the system
– Executive Director, Human Resources Manager and Administrator.
4.2. User Roles
Most of the web sites and business information systems have different user
roles and permissions. Carefully planning the visibility of different parts of the
application in early stage of user experience design is essential as the system
grows. Different aspects of this issue are shown in [40, 41] concerning the
Distributed Platform for E-learning (DisPeL). In Fig. 7, by using our software
prototype, we’ve managed to describe a dashboard task model with different
UI components, visible for different user groups. The executive director can
see all reports, while the HR specialist can see only the hiring and headcount
report. The administrator can view Settings and Users links. If the user of the
system does not apply to any of these contexts, they can only see the News and
Search.
All the other roles can see these two tasks (News and Search) as well as
their own. The final user interface is once again generated run-time according
to the parameters that the back-end sends to the front-end. In this example,
we might have 14 different combinations of user interfaces for the dashboard
depending on what user roles are assigned to the person. This will help the UX
designer easily test their prototype with representatives of their personas1.
1“Persona” is a descriptive model of a certain type of user based on data from a customer
survey [32]
IRIS STUDIO – IDE PROTOTYPE FOR MODELING... 1027
Figure 8: Simple Production task with two contexts of use depending
on the environment – in or outside the factory
4.3. Environment
Nowadays information technologies have the resources and the capability to cre-
ate Rich Internet Applications, to personalize the experience, to analyze real
time data while gathering information from different sources (website, sensors
in the mobile devices and many other). That way designers have unlimited pos-
sibilities to prototype adaptive user interfaces in order to improve the usability
of the system.
One of the first examples of worldwide popular adaptive systems is the GPS
navigation. Using the location of the user, the system draws the shortest route
to the end point. When the sun goes down or the car enters a tunnel, the system
interface directly switches to night mode in order not to dazzle the driver. This
is a good example of a user interface that adapts to environmental changes (one
of the four components of the context of use).
Other change of the environment might be the different Internet connection
speed. A context for low Internet speed might be defined where the images
might use lazy-loading mechanism or to not load at all so that the whole website
loads faster.
For business information systems there could also be different changes ac-
cording to the environment. For example, systems, which are responsible for
the manufacturing and production process, can offer different UI functionalities
depending on the user’s location – in the factory or outside the factory. Infor-
mation about the user’s location is typically gathered from global navigation
satellite systems. In Fig. 8 we describe a simple task for a production process
in a web based industrial application.
1028 M. Atanasova, A. Malinova
Figure 9: Task “Add new networking device for monitoring”. Context
of use “Beginner” is added for the Start-up wizard, including tutorials,
videos and help
4.4. Level of Experience
No matter what the target group of an application is there are always three
types of users: beginners, intermediates or experts. Usually UX designers man-
age to combine different UI elements so that the user interface is friendly for
most of the users [42]. A good design approach is adding tasks for beginners
when the user logs into the system for the first time. A quick guide, video tuto-
rial or different notification messages might lead the users through the system
so that they learn quickly the functionality without making unnecessary errors.
Completing a new task for the first time is difficult for the average user of
business information systems. Most of the business applications do not even
support adaptive user interface for users with different skills such as beginners
or experts [33]. On Fig.9 we describe a simple task model for monitoring a
networking device. When a user tries to add a new device in the monitoring
software a choice for how-to tutorial or video appears. Here the UX designer
might add additional “Do not show this tutorial again” checkbox or there might
be different parameters indicating that the user is no longer in the beginners
group. The other two subtasks below the “Add new device for monitoring”
are for entering new device and monitoring meta data information. They are
visible for the default context – for all users that are not beginners.
4.5. Hardware and Software
Mobile and user devices faced significant changes during the last two decades.
They differ not only by screen size and resolution, but also by RAM mem-
ory, battery time, Internet connection capabilities, operating system and many
IRIS STUDIO – IDE PROTOTYPE FOR MODELING... 1029
Figure 10: “Track a Training” user task. Added a context of use “Smart
Watch” which includes only parts of the functionality that can be sup-
ported by the device
more. Designing a software for many different devices requires good planning
in order to deliver the specific functionality which can be supported by these
devices. Usually the focus is one or several device groups that have similar
hardware parameters [34].
Using our software tool for prototyping adaptive user interfaces we propose
a sample model for task “Track a Training”. The device target of the app are
devices, that might track the distance and the duration of the training. This
includes smartphones and smart watches. The default user interface for mobile
phones includes all the functionality, as shown in Fig. 10: track the time and the
distance, enter pulse, show tracking chart, take a photo, show burnt calories,
play music during the training and manage a training with start, pause and
stop buttons. We added context of use for smart watches which includes only
the functionality that can be supported by that particular device – track the
time and the distance, enter pulse, show burnt calories and manage a training.
4.6. People with Disabilities
Adaptive user interfaces for people with disabilities are a common research topic
of many projects as the percentage of this group of people is quite high – 15%
of the world population lives with some form of disability [35]. The users might
differ in traits such as tactile perception, memory, vision, hearing, ability to
navigate in unfamiliar environments and others. The contexts of use for people
with disabilities should be very carefully examined by the UX designers before
any prototyping. Also, whenever possible, accessibility specialist(s) should be
included in the design process. There are different guidelines for the different
disabilities that should be followed in order to create a user-friendly software
1030 M. Atanasova, A. Malinova
Figure 11: “Read a Tale” task with added context of use for people
with ASD
system. For example, the UK Department of Health proposed a methodology
for creation of documents for people with learning disabilities [36].
People with Autism Spectrum Disorders have very different personal pref-
erences and needs. That is why personalization for such users is a key element
for the success of the project [37]. In Fig. 11 we describe a “Read a Tale” task
with added context for people with ASD. Depending on the design guidelines
for such people [38, 39], the text for them should be simplified and should con-
sist of more images. Also a nice to have feature is the system to be able to read
the text to the users with ASD.
5. Conclusion and Future Work
The creation of adaptive user interfaces for different contexts of use benefits a
lot from the model-driven development, especially when the designers have a
proper tool facilitating the process. It this paper we describe “Iris Studio” the
authors’ software prototype that supports the adaptive user interface modeling
process. We also describe different situations that require adaptations according
to contexts of use. There are many possibilities for defining adaptive behavior:
hardware and software, social and physical environment, user skills level, users’
culture, disabilities, roles and other. In this paper we make an overview of other
systems facilitating the model-driven user interface design process. As a future
work we are going to implement a functionality of generating multiple pages
IRIS STUDIO – IDE PROTOTYPE FOR MODELING... 1031
from a single task model. We also intend adding more master page templates
for the final UI. In addition, an evaluation study with real users has to be
conducted so that we analyze the usability of “Iris Studio” and the overall
development time of a final user interface.
6. Acknowledgement
The work described in this paper has been partially supported by the project
FP17-FMI-008 of the Scientific Fund of the University of Plovdiv “Paisii Hilen-
darski”, Bulgaria.
References
[1] J. Van den Bergh, G. Meixner, K. Breiner, A. Pleuss, S. Sauer, H. Hussmann, Model
Driven Development of Advanced User Interfaces, Conference on Human Factors in Com-
puting Systems – Proceedings, (2010), 4429-4432, doi:10.1145/1753846.1754166.
[2] A. Akiki, A. Bandara, Y. Yu, Adaptive Model-Driven User Interface Development Sys-
tems, ACM Computing Surveys, ACM, 47(1), (2014), 64:164:33.
[3] E. Yigitbas, H. Stahl, S. Sauer, G. Engels, Self-adaptive UIs: Integrated Model-Driven
Development of UIs and Their Adaptations, (2017), 126-141, doi:10.1007/978-3-319-
61482-3 8.
[4] H. Topi, W. Lucas, T. Babaian, Identifying Usability Issues with an ERP Implementation,
In Proceedings of the 7th International Conference on Enterprise Information Systems,
Miami, USA: SciTePress, (2005), 128133.
[5] B. Lykkegaard, A. Elbak, IDC – Document at a Glance – LC52T, International Data
Corporation (IDC), (2011).
[6] A. Singh, J. Wesson, Evaluation Criteria for Assessing the Usability of ERP Systems,
In Proceedings of the 2009 Annual Research Conference of the South African Institute
of Computer Scientists and Information Technologists, Emfuleni, South Africa: ACM,
(2009), 8795.
[7] G. Calvary, J. Coutaz, D. Thevenin, Q. Limbourg, L. Bouillon, J. Vanderdonckt, A
unifying reference framework for multi-target user interfaces, Interacting with computers
15 (3), (2003), 289-308.
[8] W3C, Concur Task Trees (CTT) W3C Working Group Submission.
https://www.w3.org/: https://www.w3.org/2012/02/ctt/ (2012), last accessed
2017/05/27.
[9] F. Patern`o, ConcurTaskTrees: An Engineered Notation for Task Models. D. Diaper; N.
A. Stanton, The Handbook of Task Analysis for Human-Computer Interaction (483-503).
Mahwah, New Jersey: Lawrence Erlbaum Associates, Inc. (2003).
[10] G. Meixner, F. Patern`o, J. Vanderdonckt, Past, Present, and Future of Model-Based
User Interface Development, i-com,10(3), (2011), 211.
1032 M. Atanasova, A. Malinova
[11] OpenXava Framework for Rapid Development of Enterprise Web Applications.
http://www.openxava.org/
[12] E. Bertti, D. Schwabe, MIRA: A Model-Driven Framework for Semantic Interfaces for
Web Applications, In book: Web Engineering, (2016), 40-58, doi:10.1007/978-3-319-
38791-8 3.
[13] F. Patern`o, G. Mori, R. Galiberti, CTTE: An Environment for Analysis and Development
of Task Models of Cooperative Applications. In: CHI 2001 Extended Abstracts on Human
Factors in Computer Systems, ACM, ACM Press, New York, (2001), 21-22.
[14] D. Anzalone, M. Manca, F. Patern`o, C. Santoro, Responsive Task Modelling, In proceed-
ings of the 7th ACM SIGCHI Symposium on Engineering Interactive Computing Systems,
ACM, New York, (2015), 126-131, doi:10.1145/2774225.2775079.
[15] A. Coyette, J. Vanderdonckt, Q. Limbourg, SketchiXML: A Design Tool for Informal
User Interface Rapid Prototyping. In: Guelfi N., Buchs D. (eds) Rapid Integration of
Software Engineering Techniques. RISE 2006, Springer, Berlin, Heidelberg, Lecture Notes
in Computer Science, vol. 4401, (2007), 160-176.
[16] J. Landay, B. Myers, Sketching Interfaces: Toward More Human Interface Design, IEEE
Computer 34 (3), (2001), 5664.
[17] A. Caetano, N. Goulart, M. Fonseca, J. Jorge, JavaSketchIt: Issues in Sketching the Look
of User Interfaces, In: Proc. of the 2002 AAAI Spring Symposium – Sketch Understand-
ing, Palo Alto, March 2002, AAAI Press, Menlo Park (2002), 914.
[18] B. Plimmer, M. Apperley, Software for Students to Sketch Interface Designs, In: Proc. of
9th IFIP TC 13 Int. Conf. on Human-Computer Interaction INTERACT’2003, Zurich,
1-5 September, 2003, IOS Press, Amsterdam (2003), 7380.
[19] F. Montero, V´ıctor L´opez Jaquero, IDEALXML: An Interaction Design Tool and a Task-
based Approach to User Interface Design, In: Proc. of the 6th International Conference
on Computer-Aided Design of User Interfaces, CADUI’2006, Bucharest, Romania, June
5-8, 2006, Kluwer Academic Publishers, Boston (2006), 245-252.
[20] SUPPLE: Automatically Generating Personalized User Interfaces
http://iis.seas.harvard.edu/projects/supple/
[21] K. Gajos, D. Weld, Preference elicitation for interface optimization, In proceedings of the
18th annual ACM symposium on User interface software and technology (2005), 173-182,
doi:10.1145/1095034.1095063.
[22] P. Campos, N. Nunes, Canonsketch: a User-Centered Tool for Canonical Abstract Pro-
totyping, In Proceedings of DSV-IS’2004, 11th International Workshop on Design, Spec-
ification and Verification of Interactive Systems, Springer, Berlin (2004), 146-163.
[23] B. Michotte, J. Vanderdonckt, GrafiXML, A Multi-Target User Interface Builder based
on UsiXML, Book title: ICAS, Publisher: IEEE Computer Society Press, Los Alamitos,
Journal: Proc. of 4th International Conference on Autonomic and Autonomous Systems
ICAS’2008, (2008), 15-22, ISBN: 978-0-7695-3093-2.
[24] S. Feuerstack, M. Blumendorf, V. Schwartze, S. Albayrak, Model-based layout genera-
tion, In Proceedings of the working conference on Advanced visual interfaces, May 28-30,
Napoli, Italy (2008), doi:10.1145/1385569.1385605.
IRIS STUDIO – IDE PROTOTYPE FOR MODELING... 1033
[25] J. Meskens, J. Vermeulen, K. Luyten, K. Coninx, Gummy for multi-platform user
interface designs: shape me, multiply me, fix me, use me, In Proceedings of the
working conference on Advanced visual interfaces, May 28-30, Napoli, Italy (2008),
doi:10.1145/1385569.1385607.
[26] J. Lin, J. Landay, Employing Patterns and Layers for Early-Stage Design and Proto-
typing of Cross-Device User Interfaces, In Proceedings of the ACM SIGCHI Confer-
ence on Human Factors in Computing Systems, ACM, Florence, Italy, (2008), 13131322,
doi:10.1145/1357054.1357260.
[27] A. Molina, W. Giraldo, J. Gallardo, M. Redondo, M. Ortega, G. Garc´ıa, CIAT-GUI:
A MDE-compliant environment for developing Graphical User Interfaces of information
systems, Advances in Engineering Software,52, (2012), 10-29.
[28] P. Akiki, A. Bandara, Y. Yu, Cedar studio: an IDE supporting adaptive model-driven
user interfaces for enterprise applications, In Proceedings of the 5th ACM SIGCHI sym-
posium on Engineering interactive computing systems, London, United Kingdom (2013)
doi:10.1145/2494603.2480332
[29] M. Atanasova, A. Malinova, Transforming Concur Task Trees Model Into an Abstract
User Interface, In CBU International Conference Proceedings, Natural Sciences and ICT,
vol. 5, (2017).
[30] K. Reinecke, S. Schenkel, A. Bernstein, Modeling a User’s Culture, In: The Handbook
of Research in Culturally-Aware Information Technology: Perspectives and Models, IGI
Global, (2010).
[31] Search Engine Market Share by Country: 2015 Update, Austin Return On Now Inter-
net Marketing LLC, http://returnonnow.com/internet-marketing-resources/2015-search-
engine-market-share-by-country/, last accessed 2017/05/20
[32] R. Marshall, Sh. Cook, V. Mitchell, S. Summerskill, V. Haines, M. Maguine, R. Sims, D.
Gyi, K. Case, Design and evaluation: End users, user datasets and personas, In Applied
Ergonomics, vol. 46, Part B, Special Issue: Inclusive Design, (2015), 311-317.
[33] A. Singh, J. Wesson, Evaluation Criteria for Assessing the Usability of ERP Systems,
In Proceedings of the 2009 Annual Research Conference of the South African Institute
of Computer Scientists and Information Technologists, Emfuleni, South Africa: ACM,
(2009), 8795.
[34] M. Behan, O. Krejcar, Adaptive Graphical User Interface Solution for Modern User
Devices, In: Pan JS., Chen SM., Nguyen N.T. (eds) Intelligent Information and Database
Systems. ACIIDS 2012. Lecture Notes in Computer Science, vol. 7197, Springer, Berlin,
Heidelberg, (2012).
[35] The World Bank Disability Overview Page, http://www.worldbank.org/en/topic/disabi-
lity/overview, last accessed 2017/29/05.
[36] Department of Health (UK), “Basic Guidelines for People Who Commission Easy Read
Information”, Department of Health, UK, (2009).
[37] P. Stern, L. Shalev, The Role of Sustained Attention and Display Medium in Reading
Comprehension among Adolescents with ADHD and without It, Research in Development
Disabilities, Vol. 34, No. 1, (2013), 431-439.
[38] N. Pavlov, User Interface for People with Autism Spectrum Disorders, Journal of Soft-
ware Engineering and Applications (JSEA), Vol. 7, No. 2, 2014, (2014), 128-134.
1034 M. Atanasova, A. Malinova
[39] N. Pavlov, A. Rahnev, K. Mirchev, T. Gardjeva, D. Krushkova, Responsive User Interface
for People with ASD, International Journal of Pure and Applied Mathematics – IJPAM,
Vol. 111, No. 1, (2016), 105-119.
[40] A. Rahnev, N. Pavlov, V. Kyurkchiev, Distributed Platform for e-Learning – DisPeL,
European International Journal of Science and Technology (EIJST), Vol. 3, No. 1, 2014,
(2014), 95-109.
[41] V. Arnaudova, T. Terzieva, A. Rahnev, A methodological approach for implementation
of adaptive e-learning, CBU International Conference on Innovations in Science and
Education, March 23-25, 2016, Prague, Czech Republic, Vol. 4(2016): CBU International
Conference Proceedings 2016, (2016), 480-487.
[42] S. Stavrev, T. Terzieva, Virtual environment simulator for educational safety crossing,
Proceedings of the 11th Annual International Conference on Computer Science and Ed-
ucation in Computer Science (CSECS 2015), June 4th to June 7th, 2015, Boston, MA,
USA, (2015), 92-98.
... Повечето адаптивни системи за онлайн обучение отчитат параметрите на обучаемия, за да персонализират учебното съдържание [1,3,9,13]. Вземат се предвид най-често няколко параметъра: предпочитания на обучавания и квалификация, стил на учене, налично време за обучение, история на посещенията и ниво на знания. ...
Conference Paper
Full-text available
Adaptive technology allows, with the help of specially developed learning materials and training tools to create self-learning conditions with an individual pace of development. This paper presents some didactic approaches for designing and developing adaptive learning content. Special attention is paid to the methodology in creating learning objects. Different types of electronic learning materials are classified as well. The aim is to design educational courses that are tailored to different learner’s characteristics such as specific goals, preferences, knowledge, style of learning, etc.
Thesis
Full-text available
Основната цел е да се създаде модел, който предоставя структуриран подход за изграждане на адаптивни потребителски интерфейси според изискванията на съвременния бизнес. Моделът трябва да е лесен за приложение и да намали времето и цената на разработка. За да бъде реализирана основната цел на дисертационния труд, е необходимо да бъдат решени следните задачи: 1. Да се идентифицират и анализират изискванията на съвременния бизнес към потребителските интерфейси. 2. Да се изследват проблемите, които пораждат потребителските интерфейси на бизнес информационни системи от страна на: • крайните потребители; • разработчиците; • управителите на софтуерни компании; • управителите на фирми-клиенти. 3. Да се анализират съществуващи подходи, инструменти, системи, архитектури и работни рамки за изграждане на адаптивни потребителски интерфейси. 4. Да се разработи модел на адаптивен потребителски интерфейс за бизнес информационни системи. 5. Да се разработи онлайн интегрирана среда на базата на създадения модел, която да улеснява и ускорява разработката на адаптивни потребителски интерфейси за бизнес информационни системи. 6. Да се проведе експеримент с потребители в реална бизнес среда за оценка на предложения подход.
Article
Full-text available
This paper describes a distributed platform for e-learning (DisPeL). The administration of the learning process and adaptability of the learning content are emphasized as key elements of the platform, which differentiate it from the other e-learning systems. Detailed overview of these two components is made. The paper outlines the model, architecture and user roles of the platform. DisPeL is successfully implemented into several universities in Bulgaria.
Conference Paper
Full-text available
Business applications are difficult to use for the average user. An adaptive user interface improves employees’ productivity and is presented as a solution to this problem. However, developing user interfaces that are adapted to the needs and culture of the enterprise is time-consuming and expensive. We developed a software prototype for generating adaptive user interfaces that makes this process less time-consuming and more efficient. We propose an extension to the Cameleon Reference Framework project by Information Society Technologies, on the implementation level by adding an additional step for defining the Area of Business Operations. That way the prototype can extract business tasks for the selected industry therefore, presenting to the developer a more intelligent selection of predefined tasks. In this article, we also present a programming approach for transforming a task model, as defined by the ConcurTaskTrees notation, into an abstract user interface.
Article
Full-text available
This paper describes the design and implementation of the user interface of Open Book, a reading assistive tool for people with autism spectrum disorders (ASD). The findings in existing research played a vital role in UI implementation. Key screens of the user interface with the main features and functionality of the system are presented. The conducted evaluation by users with ASD and their caregivers clearly proves the usability and benefits of the innovative software product.
Article
Full-text available
The purpose of adaptive e-Learning is to ensure effective teaching by providing an opportunity for students to connect with an environment that suits their needs, behavior, and knowledge. The reason adaptive e-Learning is important is that, for a learning process to be successful, it is necessary to consider teaching materials that address specific characteristics of the student, such as their particular goals, preferences, knowledge, and style of studying, to provide an appropriate teaching strategy. In this article we present a methodological approach for implementing the adaptive e-Learning in the course “Computer information systems in tourism”, offered to students in the program “Tourism” through the Smolyan affiliate of the Plovdiv University “Paisii Hilendarski”, using the Distributed Platform for e-Learning (DisPeL). The platform DisPeL enables a user to report on different aspects of the learning process, for example, the time each student takes to learn a specific topic from the curriculum, and the number of incorrect and correct answers from individuals as well as the entire group of students who were trained over a given period of time.
Conference Paper
Full-text available
In this paper we present a new tool for specifying task models (Responsive CTT), which can be accessed through touch-based mobile devices such as smartphones and tablets as well. The tool is Web-based and responsive in order to provide adapted user interfaces to better support the most common activities in task modelling through various types of devices. We describe the relevant aspects to take into account for this purpose and how we have addressed them in designing the tool. We also report on first user tests.
Conference Paper
Full-text available
In this paper we present a Virtual Environment Simulator for Educational Safety Crossing. The virtual simulation is developed specifically for educating young children from 1st to 4th grade. The simulator's main purpose is to build voluntary and involuntary habits in the children in range of situation, such as: correctly crossing a street on the pathway, abiding traffic lights rules, learning and abiding road signs, safely walking on the sidewalk, safely riding a bicycle, correctly waiting for the bus at a bus stop and so on. Furthermore, the system gives feedback on the child's position and movements. Finally, the platform evaluates the overall performance and grades the child. The virtual platform uses Microsoft's Kinect sensor for taking gesture input. It then transfers this gesture into an interaction within the virtual environment. There are two types of interactions / gestures – the directional movement of a 3D avatar and manipulation of the in-game menu. Software that used is C# and Unity game engine.
Article
Full-text available
Adaptive user interfaces (UIs) were introduced to address some of the usability problems that plague many software applications. Model-driven engineering formed the basis for most of the systems targeting the development of such UIs. An overview of these systems is presented and a set of criteria is established to evaluate the strengths and shortcomings of the state-of-the-art, which is categorized under architectures, techniques, and tools. A summary of the evaluation is presented in tables that visually illustrate the fulfillment of each criterion by each system. The evaluation identified several gaps in the existing art and highlighted the areas of promising improvement.
Article
Localizing user interfaces has been proven beneficial for both user satisfaction and work efficiency; however, current localization methods disregard the many facets in the cultural background of today's typical user by simply adapting to a certain country. The chapter proposes a new approach to localization by modeling the user's culture according to its understanding in cultural anthropology. Contrasting this view with cultural influences on user interface perception and preferences, we obtain an intersection of aspects that need to be included in a cultural user model, and deduce which user interface aspects have to be adaptable. With this, the chapter turns towards the application of our approach with the help of adaptive user interfaces, which allow the flexible composition of different user interface elements. We describe one possibility for implementing such culturally adaptive systems, and exemplify the design of different gradations of user interface aspects with the help of our MOCCA system.