Search for publications, researchers, or questions or Discover by subject area Recruit researchers

Join for free Login

Download full-text PDF Download citation Copy link

Article PDF Available

Dashboard settings design in SVARA using user-centred design method

August 2018 · TELKOMNIKA (Telecommunication Computing Electronics and Control) 17(2):615

DOI:10.12928/telkomnika.v17i2.8762 Download full-text PDF
Authors:

Muhammad Yusril Rolly Maulana Read full-text

Rezka
Helmi Setyawan Awangga Afriyanti
Politeknik Pos Indonesia Politeknik Pos Indonesia

Citations (2) References (24) Figures (3)

Figures

Discover the world's research

20+ million members
135+ million publications
700k+ research projects
User-centered User interface User interface
design cycle [16] initial display o… display add… Join for free

Figures - uploaded by Muhammad Yusril Helmi Setyawan Author content

Content may be subject to copyright.

Public Full-text 1

Content uploaded by Muhammad Yusril Helmi Setyawan Author content

Content may be subject to copyright.

TELKOMNIKA, Vol.17, No.2, April 2019, pp.615~619

ISSN: 1693-6930, accredited First Grade by Kemenristekdikti, Decree No: 21/E/KPT/2018
DOI: 10.12928/TELKOMNIKA.v17i2.8762  615

Dashboard settings design in SVARA using

user-centred design method
 Muhammad Yusril Helmi Setyawan*, Rolly Maulana Awangga, Rezka Afriyanti
Department Informatics Engineering, Politeknik Pos Indonesia, Sariasih St. No.54 Bandung,
telp/fax: 022-2009562/022-2009568, Indonesia
*Corresponding author, e-mail: yusrilhelmi@poltekpos.ac.id

Abstract
Download full-text PDF SVARA is the first Social
Download citationMedia audio application
Copy link in Indonesia developed by PT. Zamrud
Teknologi Khatulistiwa. At present, this application does not have feature settings to display content and
other basic settings on the user's side. This situation results in users not having the role to manage the
appearance of the dashboard according to their preferences. Settings are done entirely by administrators
using scripts and must take APIs with regular PHP scripts. And this is very troublesome. So to give a role
to the view of user management, the application needs to be made a dashboard setting feature as a
follow-up. Through this paper, the researchers propose designing this dashboard feature using the
User-Centered Design (UCD) method. The design results show that this method has a positive correlation
with user involvement support in the application development process.

Keywords: application design, dashboard setting, svara, UCD method, user interfacer

Copyright © 2019 Universitas Ahmad Dahlan. All rights reserved.

1. Introduction
The Svara application is an initiative developed by PT. Zamrud. SVARA application
consists of frontend and backend side. The frontend side of the SVARA app is on Android, iOS,
and the Web. The frontend side of this application is used by the user, while on the backend
side of the SVARA application itself is a dashboard used to perform statistical management of
data obtained on the frontend side of SVARA applications. Thus, on the back end can be done
statistical data management on the use of content and report revenue sharing from the data
obtained on the frontend side with access restrictions on the dashboard by the role of each user
who uses SVARA applications. The back end side of the SVARA application is an essential part
to be a useful reference by PT. Zamrud Khatulistiwa Technology. One of the features found in
the SVARA application dashboard is the application settings feature.
Dashboard backend Svara application on Application Setting feature is a dashboard that
works for setting the display content and other basic settings. Currently, the dashboard on
SVARA back-end application is still simple by taking the API with a regular PHP script.
Therefore, to make it easier for the admin to adjust the appearance of the content as desired
then it needs to be done for better development again. So if users want to change the display
settings on the content no longer need to create by using the script. This feature can help the
admin or curator, to change or customize the look by the desire. This feature is a feature used to
perform various settings on the SVARA application. During the development of the application
setting feature, the methodology used is UCD (User-Centered Design). So based on the above
background, the main problem to be analyzed is how the process of analysis on the design
features application dashboard settings and how the application of UCD method on the feature.

2. Related Works
The UCD process ensures a stable integration of later users throughout all phases of
the project. An overview of user involvement and methods used depicted. UCD has a life cycle
stage design, so the design is made to be better. The stage in UCD will iterate until the
prototype was evaluated [1]. Several approaches are known to seek information on user needs
and knowledge to feed the design process [2-4]. These approaches frequently applied in

Received October 5, 2017; Revised January 28, 2018; Accepted February 12, 2018

616  ISSN: 1693-6930

designing ICT systems. If UCD applied to more complex environments, it would often be
referred to as User Experience Design (UX) as described above. A conventional method in UE
is to establish cycles of prototyping and user testing. These are used to optimize the design
iteratively [5].
 Within software development, there are numerous methods for designing software
applications [6, 7]. All stress the need to meet technical and functional requirements for the
software. It is equally important to consider the user requirements if the bene as outlined above
are to realized. User-centered design (UCD) is concerned with incorporating the user’s
perspective into the software development process to achieve a usable system [8].
User-centered design (UCD) is a group of methods and principles aimed at supporting the
design of useful, usable, pleasurable and meaningful products or services for people. The
central
Download full-text PDFprinciple of these methods
Download citationis that they describe
Copy linkhow to gain and apply knowledge about
human beings and their interaction with the environment, to design products or services that
meet their needs and aspirations [9].

3. Research Method
UCD method is one of the methods for developing the system in building the interface
with the user with more involved tasks, needs and information from the user to design the
appropriate design. With more user focus, the UCD method is one of the most suitable methods
for what problems the user needs. Another opinion also suggests that the UCD method is a
well-known approach to seeking information about user needs with useful knowledge to feed the
design process.This approach often applied to design ICT systems. UCD centers on cognitive
science, psychology, and computer science to make systems more useful and easier
to use [8].In the field of software development, there are many methods for designing software
applications.All emphasize the need to meet the technical and functional requirements for
software. It is equally important to consider the needs of users. Appended human design (UCD)
concerned with combining the user’s perspective into the software development process to
achieve a usable system [10].
The principles to considered in UCD are Active engagement from users and a clear
understanding of users and task requirements. One of the critical strengths of human-centered
design is the active involvement of end users who know the context in which the system will be
used [11]. Possible allocation of functions is between users and systems. It is essential to
determine the aspect of the job or task that should be handled by people, and that can handle
by software and hardware. This division of labor must base on the appreciation of human ability,
their limitations and a thorough understanding of the particular demands of the task [8].
Interactive design. The system developed must be defined, designed, and performed multiple
tests. Based on the results of behavioral tests of the function, it will also conclude the success
rate of the product (application) [12].
The UCD concept consists of User familiarity/familiarity, using terms commonly used
and recognized by users in general. Consistency, consistent in operations and phrases used
throughout the system, so it is not confusing. Minimal shock / Does not make the user surprised:
The user can predict the process that occurs by an existing order. User guide, There are ways
to use the system to make it easier to run the system [13, 14]. Regarding the implementation of
this system, Figure 1 describes the stages of the UCD method. Phase UCD method contains a
planning process that is human-centered, determines the context of use, sets requirements,
produces designs and evaluates design requirements [15].

4. Results and Analysis

4.1. Plan the Human-Centered Process
At this stage the researcher conducts a literature study of this method done by reading
and understanding reference books, journals, and other media related to data processing in
general that support and reinforce existing theories, so as to inculcate the commitment that the
design using the User-Centered Design (UCD) can be applied to the Application Setting
feature [17-18].

TELKOMNIKA Vol. 17, No. 2, April 2019: 615-619

TELKOMNIKA ISSN: 1693-6930  617

Download full-text PDF Download citation Copy link

Figure 1. User-centered design cycle [16]

4.2. Specify Context of Use

Specify the context of use Identify who will use the system. Will explain what and under
what conditions, they will use the system [19-21]. This stage the researcher will identify the user
who will use the application setting feature. The first one is Admin; Here Admin has access to all
features available on Svara Dashboard application one of them on Application Setting feature,
the second one is Curator (radio), here Curator (radio) has limited access to every feature
contained in dashboard application Svara. One feature that can be accessed by Curator (radio)
is the Application settings feature. In the application settings feature, Curator (radio) can adjust
the look of the feature by the wishes of the Curator (radio).

4.3. Specify Requirements

Specify User, and Organizational Requirements Identify user needs and organizational
needs [22, 23]. This stage the researchers will identify against a detailed list of user needs
through interview techniques. Based on the interviews of the needs, there is some information
needed to be related to the design of the feature: Manage on existing content: create, update,
delete and Manage in the viewing position (drag and drop).

4.4. Product Design Solutions

Product Design Solutions Builds the design as a solution to the system analyzed [24].
This stage is the design stage of the solution. Where the researcher will build the design as a
solution of the system analyzed appearance on the application settings feature is a page that
has a function. Referring to Figure 2 and Figure 3 below, it is explained, that at the stage of the
product design solution will build the design in the Application Settings feature. In this feature,
there are feature preview pages and content-added pages. Each page has specific functions.

Figure 2. User interface initial display of application setting feature

Dashboard settings design in SVARA using... (Muhammad Yusril Helmi Setyawan)

618  ISSN: 1693-6930

Download full-text PDF Download citation Copy link

Figure 3. User interface display add content

The user interfaces display can help users to customize the appearance of content as
desired through easy-to-use media [25]. So if the user wants to change the display settings on
the content, there's no need to make it using complicated scripts anymore. Figure 3 shows the
ease presented by the application feature to help users add or change content according to
their preferences.

5. Conclusion
The use of the UCD system method in building user interfaces on applications has
involved more tasks, needs, and information from users to the appropriate design. The design
results show that this method has a positive correlation with user involvement support in the
application development process. From these conclusions, some suggestions are expected to
help that the provision of features to provide the user role in managing their preferences is a
significant effort to provide convenience in operating this application. Related to this, UCD is the
right method for designing its development.

References
[1] S Wardhana, MK Sabariah, V Effendy, D S Kusumo. User interface design model for parental control
th
application on a mobile smartphone using user-centered design method. in 2017 5 International
Conference on Information and Communication Technology (ICoIC7). 2017: 1–6.
[2] Jidin, Aiman Zakwan, Norfadzlia Mohd Yusof, Tole Sutikno. Arduino based paperless queue
management system. TELKOMNIKA Telecommunication Computing Electronics and Control. (2016):
839-845.
[3] Karna, Nyoman Bogi Aditya, Iping Supriana, Ulfa Maulidevi. Intelligent Interface for
Knowledge-Based System. TELKOMNIKA Telecommunication Computing Electronics and Control.
2014: 1096-1104.
[4] Salazar-Castro, J A, et al. Interactive interface for efficient data visualization via a geometric
th
approach. Signal Processing, Images and Computer Vision (STSIVA). 2015 20 Symposium on.
IEEE. 2015.
[5] H-J Bullinger, W Bauer, G Wenzel, R Blach, Towards user-centered design (UCD) in architecture
based on immersive virtual environments. Computers in Industry. 2010; 61(4): 372–379.
[6] A Martini et al. A novel 3D user interface for the immersive design review. 2015 IEEE Symposium on
3D User Interfaces (3DUI), Arles. 2015: 175-176.
[7] TB Morgan, D Jarrell, JM Vance. Poster: Rapid development of natural user interaction using Kinect
sensors and VRPN. 2014 IEEE Symposium on 3D User Interfaces (3DUI), MinneapolisMN.
2014: 63-164
[8] M Maguire. Methods to support the human-centered design. International Journal of
Human-Computer Studies. 20001; 55(4): 587–634.

TELKOMNIKA Vol. 17, No. 2, April 2019: 615-619

 619
TELKOMNIKA ISSN: 1693-6930 

[9] M van der Bijl-Brouwer, K Dorst. Advancing the strategic impact of human-centered design. Design
Studies. 2017; 53(Supplement C): 1–23.
[10] J Brunner, E Chuang, C Goldzweig, C L Cain, C Sugar, E M Yano. User-centered design to improve
clinical decision support in primary care. International Journal of Medical Informatics, 2017;
104: 56–64.
Download full-text PDF Download citation Copy link
[11] Amelia Bateman, Oliver K.Zhao, Andrea V.Bajcsy, Mathew C.Jennings, Bryan N.Toth, Alexa
J.Cohen, Emily L.Horton, Anish Khattar, Ryan S.Kuo , Felix A.Lee, Meilin K.Lim, Laura W.Migasiuk,
Ramkesh Renganathan, AmyZhang, Márcio A.Oliveira A user-centered design and analysis of an
electrostatic haptic touchscreen system for students with visual impairments, International Journal of
Human-Computer Studies. 2018;109(Supplement C): 102–111.
[12] M Fauquex, S Goyal, F Evequoz, Y Bocchi. Creating people-aware IoT applications by combining
nd
design thinking and user-centered design methods. in 2015 IEEE 2 World Forum on the Internet of
Things (WF-IoT). 2015: 57–62.
[13] RM Awangga, M Yusril, H Setyawan. Ontology design of influential people identification using
centrality. in Journal of Physics: Conference Series. 2018; 1007(1): 012012.
[14] RM Awangga, SF Pane, K Tunnisa, IS Suwardi. K means clustering and meanshift analysis for
grouping the data of coal term in puslitbang tekmira. TELKOMNIKA Telecommunication Computing
Electronics and Control. 2018; 16(3). 1351-1357.
[15] KA Thursky, M Mahemoff. User-centered design techniques for a computerized antibiotic decision
support system in an intensive care unit. International Journal of Medical Informatics. 2007; 76(10):
760–768.
[16] ISO (1999). ISO 13407: Human-centred Design Processes for Interactive Systems. Geneva:
International Standards Organisation. Also available from the British Standards Institute, London
[17] N Costa, E Holder, S MacKinnon. Implementing human-centered design in the context of a graphical
user interface redesign for ship maneuvering, International Journal of Human Computer Studies.
2017; 100(Supplement C): 55–65.
[18] K Siebenhandl, G Schreder, M Smuc, E Mayr, M Nagl. A User-Centered Design Approach to
Self-Service Ticket Vending Machines. in IEEE Transactions on Professional Communication. 2013;
56(2): 138-159.
[19] P Biswas, P Langdon. User interface design for developing countries. 2014 IEEE International
Conference on Electronics, Computing and Communication Technologies (CONNECT), Bangalore.
2014: 1-5.
[20] T Pfeiffer, J Hellmers, E Schön, J Thomaschewski, Empowering User Interfaces for Industrie 4.0,
in Proceedings of the IEEE. 2016; 104(5): 986-996.
[21] Y Demazeau. Ethics and design of user-centered multi-agent systems, 2014 IEEE International
Symposium on Ethics in Science, Technology, and Engineering, Chicago, IL. 2014: 1-2.
[22] G Oh, I Park, S Lee, J Ko. Software design for GUI display in the wearable device. 2016 International
SoC Design Conference (ISOCC), Jeju. 2016: 239-240.
[23] G Miao, L Hongxing, X Songyu a, L Juncai. Research on User Interface Transformation Method
Based on MDA. 2017 16th International Symposium on Distributed Computing and Applications to
Business, Engineering and Science (DCABES). Anyang. 2017: 150-153.
[24] A Subramanian. Integration of Natural User Interface in a Real-World Environment. 2015 IEEE
International Conference on Computational Intelligence & Communication Technology, Ghaziabad.
2015: 714-718.
[25] A Hueni, R Bolliger, A Luescher, P Wigger, R Mosimann, M Gwerder. Streamlined User Interfaces for
Field Spectroradiometers. IGARSS 2018 - 2018 IEEE International Geoscience and Remote Sensing
Symposium, Valencia. 2018: 3385-3388.

Dashboard settings design in SVARA using... (Muhammad Yusril Helmi Setyawan)

 © 2019. This work is published under
https://creativecommons.org/licenses/by-nc-nd/4.0/(the “License”).
Notwithstanding the ProQuest Terms and Conditions, you may use thi
content in
Download full-text PDF accordance
Download citation withCopy
thelink terms of the License.
Citations (2) References (24)

Download full-text PDF Download citation Copy link

... With more user focus, the UCD method is one of the most suitable methods for the recognition of the user's
problems. 26, 27 The general phases of the UCD process include: ...
... The results of a study performed by Setyawan et al indicated that this method had a positive relationship with
supporting user's participation in the process of application development. 27 In studies in which a similar method
has been used, researchers designed a safety dashboard for patients as well. Their findings showed that this
method increased patients' participation. ...

Development, Implementation, and User Evaluation of COVID-19 Dashboard in a Third-Level Hospital in Iran
Article
Dec 2021
Somayeh Fazaeli · Taleb Khodaveisi · Ali Khorsand Vakilzadeh · Atousa Ariafar, Mohsen Shokoohizadeh, Saeed
Mohammad-Pour

View Show abstract

... As a major concern nowadays on pandemic Covid-19 situation, the adaptation of Dashboard as a centralized
information and easily accessible by providing the workers greater support for the decision makers tools which
majority of the them are working from home [12]. The basis of the interactive interface is to incorporate
information visualization in the context of providing information to end-users, which then assists them in making
better and prompt decisions [13]- [17] . According to the previous research on the development of a maintenance
dashboard, the occurrences of the event in the system can be classified and categorized into specific levels. ...

Dashboard for analyzing SCADA data log: a case study of urban railway in Malaysia
Article Full-text available
Sep 2021
Nazwa Hidayah Mohamad · Hairulazwan Hashim · A. H. Nor Aziati · Mohd Ismarul Azhar Ismail

View Show abstract

Recommendations Discover more

Project
Download full-text PDF Download citation Copy link
K-Nearest neighbor algorithm on implicit feedback to determine SOP
Muhammad Yusril Helmi Setyawan

View project

Project

Internet of Things
Rolly Maulana Awangga

Logistic, E-KTP
View project

Project

Machine Learning
Rolly Maulana Awangga

View project

Project

Software Engineering
Rolly Maulana Awangga · Siti Fathonah ·  · [...] · Seta Permana

View project

Article Full-text available

How to design a cartographic continuum to help users to navigate between two topographic styles?
May 2018 · Proceedings of the ICA
Jérémie Ory · Guillaume Touya · Charlotte Hoarau · Sidonie Christophe

Geoportals and geovisualization tools provide to users various cartographic abstractions that describe differently a geographical
space. Our purpose is to be able to design cartographic continuums, i.e. a set of in-between maps allowing users to navigate
between two topographic styles. This paper addresses the problem of the interpolation between two topographic abstractions
with different ... [Show full abstract]
View full-text

Article Full-text available

On the Design Method of Economically Optimal Size of Projects

January 2010 · International Journal of Economics and Finance
Hu Yueting

This paper analyzed the most disputed issue on the economically optimal size design of the size-variable projects. The paper
confirms that the concept that the size at which the NPV of the size-variable project getting its maximum value is the
 economically optimal size is incorrect and that the size is the maximum size rather than the economically optimal one. The
economically optimal size can be ... [Show full abstract]
View full-text

Download full-text
Company PDF
Support Download citation
Business solutions Copy link
Article
About us Comments on “On
Help Center
the Advertising
design of feedforward neural networks for binary mapping [1]”
News Recruiting
September 1995 · Neurocomputing
Careers
Tsong-Chih Hsu · Sheng-De Wang

In the paper [1], the authors present a new design technique that builds a feedforward net for an arbitrary set of binary
associations. The design method is a decomposition-based design technique and claim that the average number of intermediate
operation
© 2008-2023 is aroundGmbH.
ResearchGate 12nk forAllA rights
and Breserved.
of the same dimension (k × n). We will propose an alternative method, based on thePrivacy · Copyright · Imprint
Terms ·
augmented operation and the ... [Show full abstract]
Read more

Conference Paper

A Design Method for Modified PID Control Systems for Multiple-input/Multiple-output Plants to Attenu...
January 2010
Takaaki Hagiwara · Karin Yamada · Yoshinori Ando · [...] · Shun Matsuura

The Proportional-Integral-Derivative (PID) controller structure is very widely used in industrial applications. However, there exist
plants that cannot be stabilized by a PID controller. To overcome this problem, Yamada and Hagiwara proposed a design method
for modified PID controllers that make the control system for any unstable plant stable, and the method produces admissible
sets of ... [Show full abstract]
Read more