ASSIGNMENT

SEPTEMBER 2022 SEMESTER

SUBJECT CODE : CUI101

SUBJECT TITLE : USER INTERFACE DESIGN

LEVEL : BACHELOR

STUDENT’S NAME : MUHAMAD GHUFRAN TRIPA SYAVEYENDA

MATRIC NO. : C30109200055

PROGRAMME : BICT (HONS)

ACADEMIC : LISTYO E. PROBOWO

LEARNING CENTRE : CBN INDONESIA

INSTRUCTIONS TO STUDENTS

1) This assignment consists of FIVE (5) questions. Answer ALL questions.

2) Plagiarism in all forms is forbidden. Students who submit plagiarised assignment will be
penalised.

3) Your assignment will be examined based on the followings

4) This assignment carries a 60% weightage toward final grade.

THERE ARE FIVE [5] PAGES OF QUESTIONS, INCLUDING THIS PAGE.

Question 1

a) Based on the below situation:

A hotel has installed a sandwich making robot to supply room service

You have been asked to program a software agent interface that guests can phone to
order sandwiches.

Write a short scenario describing how a guest would order a sandwich using your
interface.

[10 Marks]

b) Refer to an article about a product as below:

Before we had Netflix, we had to rent movies or pay for cable to watch movies
or shows. Now, you can watch thousands of shows, movies, documentaries,
and cartoons for $8.99 a month.

However, Netflix delivers more than what it promises. I have subscriptions to

You can subscribe to Netflix for indie films and find yourself watching true
crime documentaries. Netflix does this very smoothly.

As you know, people get bored easily, and taking this into account, Netflix
finds content for your taste and creates even more content according to your
watch history. Netflix has been producing its own original shows and movies
for years, and year by year, they work on more projects for their users.

Their entertainment strategy depends purely on customers’ tastes and

If you don’t remember the movie you saw on social media a few days ago but
know one of the actors, you can search by the actor’s name and find the movie
you’re looking for listed in the results. The same goes for the genre, language,
the main audience of the movie or show.

Netflix is one example of products which is based on “user centered design”.

Briefly explain the term “user centered design” related to the above scenario.

([5 Marks]

[Total : 15 Marks]

Question 2

As a Designer at the IT Department of Asia e University, you are assigned a task to design a
new interaction design for MyPLS educational portal. Propose an improvement of the user
interface design of MyPLS so that it can be an effective user interface to students in using
that web portal.

[10 Marks]

Question 3

Flutter is an open-source framework by Google for building beautiful, natively compiled, multi
platform applications from a single codebase. Flutter widgets are just pieces of your user
interface.

Based on the aplication interface as shown in Figure 1 below, do simple research and briefly
explain the type of Flutter widgets which is used in designing the above application interface.
 Figure 1

Hint: The above widget helps us to create expandable/collapsible lists.

[10 Marks]

Question 4

Based on the statement below:

“Personas are fictional characters, which you create based upon your research in order to
represent the different user types that might use your service, product, site, or brand in a
similar way.”

You are required to give ONE (1) example of “persona” based on the statement above.
[10 Marks]

Question 5
Prepare a sequence diagram for a bookstore system based on the following scenario:-

 A customer selects books to be purchased from a book store.

 The customer brings the selected books to the cashier.

 The cashier scans each book using the bookstore system.

 The cashier requests payment from the customer.

 The customer gives cash to the cashier.

 The cashier verified the cash and give the balance (if any).

 The purchased books are handed over to the customer.

[15 Marks]

END OF ASSIGNMENT QUESTIONS

QUESTION 1

a.

Users can open available web pages. In the guest's initial view, the available menu is shown.
After that, the guest can choose the product he wants to order and the amount. If it has been
selected, the product will be displayed on the cart page. On this page guests can confirm
orders, where guests will be redirected to the checkout page. This page displays the total cost
of the order. Once confirmed again, the food will come to the guest room immediately.

b.

So the use of the word "user-centered design" describes the appearance of the application,
each user will be adjusted to what the user likes / wants. So in each user the display of
content in the user application is different because the content displayed will be in accordance
with the user's habits in using the application.

QUESTION 2
As a UI designer, I will change several website appearances. First I will change the website
navbar to be more attractive and modern, like adding color when the user is hovering over the
navbar. Then I will add a tutorial for new users, because it will make it easier for them to use
the website. And the student dashboard display will be changed to be more attractive as
possible so that students don't get bored with the existing display.

QUESTION 3

In the image above the user uses the container widget. With this widget it really helps us in
placing widgets and adjusting the layout or size and spacing between widgets. Then add a
text widget in it.

QUESTION 4

Tini is a student who loves shopping. Every month he usually buys at least 5 products from
various online shops. He is a picky and detailed person. So every product that he sees will be
compared and considered with products from other online shops. Sometimes he also likes to
compare the goods in the online shop with those in the offline store.

QUESTION 5