190916 FM-BINUS-AA-FPT-66/R6

Soal Praktikum
Practicum Case

COMP8129
User Experience
Teknik Informatika O161-COMP8129-YF01-05
Computer Science
Periode Berlaku Semester Ganjil 2016/2017 Revisi 00
Valid on Odd Semester Year 2016/2017 Revision 00

Learning Outcomes
 Describe the concept of UX and its elements.
 Identify and analyze the good UX and methods to plan, analysis, design and build UX.

Topic
 Session 05 – Dynamic Panel 2

Sub Topics
 Drag and Drop Image Interaction
 Image Carousel
 Light Box

Halaman : 1 dari 4
Page 1 of 4
 190916 FM-BINUS-AA-FPT-66/R6

Soal
Case
Bluejack Review Game
Bluejack Review Game established in West Jakarta in 2016. Bluejack Review Game is the
largest community in Indonesia to review a new game. Bluejack Review Game is a visionary
company. Therefore to expand its bussines, they wanted to build a mobile apps so they can reach
more users.
Mr.Fudiko as the head of the company has already gives you the requirement and the library
that you have to use. This requirement that Mr.Fudiko provide will gives you more detail about the
modules. Here is the following requirements:

 Home used to display list game for review. The Components used in this page are:

Figure 1 Home Page

o Action Bar used to display title of the content.

o Navigation Bar used to display button for back, home, and recent.
o Image Carousel used to create a slider using dynamic panel, the slider has a next and
previous button.

Halaman : 2 dari 4
Page 2 of 4
 190916 FM-BINUS-AA-FPT-66/R6

 Next Button used to change next image.

 Previous Button used to change previous image.
 If you click slider image, then show pop up that image using light box.

o List Game by image, you can remove image using drag and drop to remove area.
 If an image dragged from the list, then display remove image area.

Figure 2 Drag and Drop to remove image

 If image dragged to remove area, then display pop up message “Success Remove
Image” and the image will be removed.

Figure 3 Popup Success Remove Image

Halaman : 3 dari 4
Page 3 of 4
 190916 FM-BINUS-AA-FPT-66/R6

Figure 4 Image Removed

If there is something you don’t understand, feel free to ask your Assistant

Halaman : 4 dari 4
Page 4 of 4