CHAPTER 3 METHODOLOGY

3.1 Introduction
This chapter will explain on requirement modeling for research methodology used in the
developing 3D interactive customizing furniture. In this study, the functioning design is the
important part of the whole development process to ensure smooth progress and maintain the
quality of the project which involved the development and evaluation. Therefore, this application
proposed to implement the agile model within the instructional design process to improve
development.

3.2 Project formulation Framework
(a) Method
To develop this application, Vuforia developing method and agile modeling will be used. Agile
methodology in which it is differ from other methodologies Diagram below shows an overview of the
data flow of the Vuforia software development kit in an application environment. The diagram below
shows that an overview of the data flows of the Vuforia AR SDK in an application environment. It
consists of Vuforia Engine that include inside the SDK, the Target Management System hosted on the
developer portal called Target Manager, and optionally, the Cloud Target Database.



3.3 Requirements Analysis

The first phase in the agile model is a requirement analysis phase. Early analysis should be made and
identify the project requirement. During this phase the problem statement, project objectives, project
scopes, methodology, significance of study and outline of this proposal is analyzed. Due to hardware
limitations in a mobile, a less vector model will be modeled. This it to make all android devices could run
this application. The content for the application will be based on the standard Form 5 Biology textbook
curriculum.
Here are the software and hardware requirements for this project.
3.3.2 Hardware Requirement

1. Desktop Computer
2. Android devices
a. Samsung Note 10.1


3.3.3 Software Requirement

1. Windows 7 (OS)
a. Windows 7 is used to develop this application due to the compatibility with the
recent software that will be used in developing the application.
2. 3Ds Max
a. This software is used to model 3D model. The furniture and room model will be
modeled with this software.
3. Unity 3D Pro
a. This is where the AR application will be developed.
4. Vuforia SDK for Unity
5. Android SDK
6. Adobe Photoshop
a. This tool helps to draw the design of the user interface for the application.

3.4 Prototype development
(a) Phase 1: Analysis
This phase is a systematic exploration of the way of interactive are and the way interaction
should be. In this phase, all data and knowledge regarding this application were studied and
collected. Project requirement will be determined in order to complete this application in the next
stage. The problem statement of the project identified based on research. Besides that, the
objective of the project was identified in order to make sure this application reaches its goal at
the end of the process. The project scope and significance of the study were determined in order
to develop a suitable application for the user.
(b) Phase 2: Design


This phase purpose is to design the application based on the gap found. Design phase also
involved process of designing the user interface.
(1). Design Flow

















Figure 3.4 Design flow
Create 3D modeling
using 3DS Max

Import 3D model into
Unity3D

Design Application
Interface
Create Image marker in
Vuforia developer
website

Publish Application in
Mobile

Create Image button
using adobe Photoshop

Design Storyboard

Collect information
through document
from website



II) Interaction flow

















Figure above shows that the flow how the user will interact with the application. Once the
system read marker it will show room where user will decor the furniture in that room. Several
buttons will show up such as add object, move, rotate, instruction and color room. Add object
button is to let user choose which furniture that will decorate. This system only can add object up
until three at the same time. After choosing furniture, there will be next button which is select
color furniture. Each type of furniture has three different colors. The object that have been added
can be view in large scale. On top of that, move button is to translate any furniture that has been
added, user will choose which of furniture that need to be move. After selecting furniture that
need to move, arrow button move will be show up. Rotate button is the same function like move
button, the difference is user can rotate the furniture. Button color room, this button to change
Main Menu
Add Object
Move Rotate Change Color
Room
Select
Furniture
Select Color
Select
Furniture
View Arrow
Button Move
View Button
Rotate
Select Color
Add
View(if
object exists)
Select
Furniture
Instruction
wall color painting. There are several colors that provided in order user to select which one they
want. Lastly is button instruction, where this button provided any information on how to use this
application


(c) Phase 3: Development
This phase is focused on using the information gathered in the requirement and design phase, and
the performance solution is created. During the development phase, the technique was to develop
the application is determined. This application is to create virtual furniture and combine with real
environment so user can feel during decorating furniture like they decorate their home. All kinds
of media used to develop this application will be integrated. Besides that, hardware and software
requirement that will be used to develop this application determined. To develop this application,
software that will be used are 3Ds Max, Adobe Photoshop CS6 and Unity3D software.

i) Developmental Process
a) Created 3D furniture and room model
Furniture



Room

This model was create mostly using object plane and box, by combining this two
simple object can produce a simple room that looks like rectangle. Each of the walls will be have
a hole in order to add the window. 3Ds max provide free window in library in order for user to
use it.

b) Create button Image
By using Adobe Photoshop create simple image button.




c) Exporting furniture into format .Obj
This format can support in Unity3D and much faster to load the object rather
than using .max file. The object size need to rescale according to the marker.











d) Creating marker and place on top marker
Vuforia developer website provides service which is converting image file
format into marker format that can support on Unity3D.



After convert image to marker then import it into Unity3D. A simple image
will be as a marker that will be read by camera in order to view the virtual
object. On top of marker will be the place of where the virtual object will be
show up.


e) Creating button
This is a GUI button that was created using coding which is using C#
language. After creating GUI button, an image button that have been
exported will be add on the GUI button






After import the image button into library, most of button that using text
will be replace as image in order to make it attractive.


f) Add Function for each button
Each button has own functionality, all the function fully in coding. Several
function made such as move, add furniture, view furniture, rotate and change
color room.













(b) Phase 4: Test and feedback

The application will be tested on the different manufactures of Android devices. This test is to
get information about user satisfaction and usability of an application. Questions will be getting
from QUIS (Questionnaire for User Interface Satisfaction). The purpose using QUIS because
QUIS is it deals with fairly with general questions about usability and the interface it usually
suitable for most applications.