3
Interactive means are interrelated. This means that between the user users and media
programs there is a reciprocal relationship, the user provides a response to the demand media display
program, then proceed with the presentation of information next concept presented by the media
programs are [3].
Entrance exam is a test to determine whether or not a person acceptable candidates wishing to enter
the school, offices, companies and so on [4]. In the 3-dimensional design space we will
know the three axis coordinates of the axis x, axis y, and z-axis [5].
2.2 3D Modeling In 3D computer graphics, 3D modeling is the process
of developing a mathematical representation of each of the three-dimensional object either inanimate or
living via specialized software. This product is referred to as 3D models. See objects in three
dimensions 3D means seeing the object in true form. 3D depiction would be helpful to clarify the
intent of actually visualized. 3D depiction is a further development
of 2D
drawing.
Figure 2.1 Comparison of 2D and 3D object
appearance 3D modeling process requires the design of which is
shared by several stages to its formation. As the object what you want to set up a basic object, method
of 3D object modeling, lighting and animation object motion in the order process to be performed.
Figure 2.2 3D Modeling Process
The purpose and function of each part is a process that
will be
explained as
follows:
a. Motion Capture Model 2D , which is the first
step to determine the shape of the object model to be built in 3D. In this stage of the process of determining
the 2D object has a sense that the 2D object that will be formed is the basis for 3D modeling.
b. Basic 3D Modelling Method
, There are several methods used for 3D modeling. There are types of
object modeling method tailored to his needs like with NURBS and polygons. Modeling polygon is a
triangle and square shapes that determine the surface area of a character. Each polygon determines a flat
field by putting a line of polygons so that we can create the surface forms. To obtain a smooth surface,
it takes a lot of polygons. When only using a few polygons, the object will be divided into several
fractions obtained polygon. While modeling with NURBS Non-Uniform Rational Bezier Spline is the
most popular method to construct an organic model. On the NURBS curve can be formed with only three
points only. Compared with polygon curve which requires a lot of points vertices, this method makes
it easier to control. One point of CV control vertices to control one area to the texture.
c. Process Rendering
, Rendering is the final process of the whole process modeling or computer
animation. In rendering, all the data already entered in the process of modeling, animation, texturing,
lighting with certain parameters will be translated in a form of output. Rendering part that is often used:
Field Rendering, Field rendering is often used to reduce the strobing effect caused by rapid movement
of an object in the video rendering.
• Shader, Shader is an addition that is used in 3D specific software in the process of rendering special.
Usually shaders needed to meet the specific needs of
4
special effects such as lighting effects, atmosphere, fog and so forth.
d. Texturing
, this texturing process to determine the characteristic of a material object in terms of texture.
Texture can then be used to create many variations of color pattern, the level of smoothness roughness of
an object layer in more detail. e. Image and Display
, is the end result of the entire process of modeling. Usually the object model which
will be output is an image for correction needs coloring, lighting, or a visual effect which is inserted
at the stage teksturing modeling [6]. 2.3 Definition of Virtual Reality
According Wexelblat 1993, virtual reality is a display and control technologies that can cover a person in a
virtual environment generated interactively by computer [7]. Meanwhile, according Jounghyoun
Kim 2005, virtual reality is a field of study that aims to create a system that provides artificial experience
to users. There is no standard definition of virtual reality. The most common definition of virtual reality
is the artificial environment created with computer hardware and computer software and presented to the
user so the user is to feel like in a real environment. 2.4 Software Application Development
2.4.1 Macromedia Flash 8 Macromedia Flash 8 is a vector-based animation
programs are very popular and most widely used today to create animated and professional web
applications dynamic and interactive. Also flash can also be used to create animated logos, cartoons,
games, interactive menus, e-cards, screen savers, a form of interactive, multimedia applications, to
mobile applications [8]. 2.4.2 3ds Max
For the current 3ds Max 3D software is one of the most popular and best selling in the market. This is
understandable because 3ds Max has advantages over other 3D software. One of the advantages that exist in
the completeness of its features. This software supports almost all existing aspects of 3D graphics
technology at this time [9]. 2.4.3 Adobe Director
Adobe Director is a software made by Adobe which is used for the production of interactive CDs,
presentations, product catalogs, games and others. Director is able to import many formats such as
movie, bitmap, vector, 3-dimensional and audio. Adobe Program Director to make an animation or
interactive multimedia because it has the facility to make arrangements per-frame animation. So also
with three-dimensional animation that can be created with this software [10].
2.4.4 Adobe Photoshop CS 2 Photosop CS 2 is part of Adobe creative tools, a
package design program for people who work, either by printing a picture or graphic network [11].
Macromedia Dreamweaver 2.4.5 Macromedia Dreamweaver is all web design software
that offers a way to design a website with two steps at once in a while, which is designing and
programming. Dreamweaver has a mini window called the HTML source, where HTML codes written
[2]. 2.4.6 ArchiCAD
ArchiCAD is one berbantu computer drawing program CAD Computer Aided Design are quite
popular. ArchiCAD is designed specifically for architects to design the building appropriately.
ArchiCAD offers a different approach than the existing CAD programs. Depictions in ArchiCAD
dilakkukan is oriented to the building is not in the picture [12].
2.5 Multimedia Application Development Methods
Figure 1.0 Multimedia Application Development
Cycle
5
1. System Requirements At this stage a general definition of IMS Interactive
Multimedia System and its environment is determined.
This stage has the key functions as follows: a. To provide a definition of a system like making an
outline of goals and objectives of the system being designed.
b. To verify who the user of the system that will be created and if there are other specific requirements
that need to be considered. For example, if we design a learning package to teach the user about the hard of
hearing then use the audio as a media conduit of information is not very suitable.
c. Evaluation of hardware, software, and authoring tools
needed and
select appropriately.
d. Consider the exact delivery platforms required by the system. If the interactive multimedia system
running on a network WAN, LAN, then we need a different approach in designing and building the
system than if we use the system type CD-ROM. 2. Design Considerations
The purpose of this step is to clearly describe the detailed design guidelines. These steps include:
a. Metaphor Design Choosing a real model to be used as a key solution
for system interface design for example movies, books,
games, etc..
b.Format and type of information, namely to define the type of information needed to be integrated into
the system, such as text, graphics, sound, video, and animation.
c. Navigation structure, namely to declare an navigation strategy is clear, including the features and
structure of a link that will avoid the problems associated with hypermedia systems, such as
disorientation. d. Preparation and Media Integration
At this stage prepared media use and integrate into a design of control systems such as navigation control.
Because using the database, the researchers added the design development phase system consisting of
design considerations: a. Design flowchart.
b. Designing DFD. c. Design ERD.
d. Designing Database. e. Design STD State Transition Diagram.
3. Implementation
Implementation phase consists of: a. Creating prototyping and
b. Perform beta testing of a prototype for possible problems
design and control. 4. Evaluation
The system was evaluated against the objectives set out early. Different evaluation approaches can be
used consists of formative or summative approach. III. RESEARCH METHOD
The research method used is: 3.1 Data Collection Methodology
3.1.1 Observation Method Observation method was carried out directly by
visiting the Academic Building center UIN Jakarta, Rectorate Building Planning and Building Section
Faculty of Dawah and Ushuluddin, which aims to obtain data and information needed for a search
application making the location of the exam in 3 dimensions with a web-based virtual reality and
information on the existing buildings on campus I UIN Jakarta.
3.1.2 Interview Method This interview was conducted directly with the
Academic center entrance exam organizers, namely the Head Head of Department Mr Marzuki Mahmud
Academic centers, MA. Interviews were conducted on February 10, 2010, located in the living Head of
the Academic center at the Academic Building center UIN Syarif Hidayatullah Jakarta Jl. Ir.H.
Juanda No.59, Ciputat. 3.1.3 Questionnaire
Distribution of questionnaires carried out on 40 participants UMB exam on May 22, 2010. The data
used to meet the needs of manufacturing applications. 3.14 Library Studies
Search for information by studying books on multimedia databases and websites. Some examples
of titles of books to be studied were Multimedia Tools To Enhance Competitive Advantage, written
by Suyanto, Designing Interactive Multimedia Systems by Mohammad Dastbaz and Building Web
6
Applications with PHP and MYSQL by Sutarman which can be seen in the references.
3.2 Multimedia Development Methods Multimedia development method used is IMSDD
Interactive
Multimedia System
Design and
Development which includes 4 stages of system requirements, design considerations, implementation
and evaluation. 3.2.1 System Requirements
a. System Definition In this stage of defining the system with the plan
outlines goals and objectivity of the system. The system built is an interactive multimedia system that
will provide information about entrance examinations in the form of location information and schedule the
exam at UIN Jakarta. The purpose of the construction of this system is to design a web-based multimedia
system that allows examinees in locating and organizing information about the exam, which is
presented in an interactive and easy to use. b. Profiles and User Needs
Applications made in accordance with the needs of users and user profiles that use the application.
Distributing questionnaires to 40 participants performed a test to find out what information is
needed by the user. c. Consideration of Hardware and Software
Evaluate the need for hardware and platform available, the specification of hardware, software and
other devices used in research to create applications. d. Distribution Considerations
Researchers disseminate information to users via media website with easy and quick consideration in
the dissemination of information. 3.2.2 Design Considerations
The purpose of this step is to clearly describe the detailed design guidelines. These steps include:
a. Metaphor Design Determining a model of the real world are used as
key to the system interface design solutions. Modeling of real world used as metaphors in the
design of this system is a web designing 3-D Virtual Home.
b. Information Type The format and type of information, the information
needed is in the form of text, video, graphics, animation, adobe shockwave movie and audio player.
c. Navigation Structure Designing an application navigation structure in
accordance with existing content, navigation structure design of composite on the application frontend and
backend applications hierarchy. d. Media Preparation and Integration
Attention to other media that may be integrated in the development of the system, such as relations with the
integration of design content controls on data collection.
e.
Flowchat Design,
DFD, ERD,
database specification and STD.
f. Screen Design The design of the display screen is made of frontend
and backend applications which are useful as development
applications.
3.2.3 Implementation After making the problem definition and system
design, the next step performed is implementation, implementation phase consists of:
a. Prototype. In the prototype stage, created a visualization of the
system built, in the form of application development as the main application frontend and backend as
supporting applications. b. Beta Testing
Conduct beta testing or testing of prototyping are made for possible design problems and control.
3.2.4 Evaluation At this stage the application is evaluated by testing
the applications and distribute questionnaires to the 40 participants exam SPMB Mandiri UIN on July 7,
2010 and interviews to Mr. Marzuki Mahmud as head of center Academic on July 8, 2010 to obtain the
results of evaluation of the application made. IV. RESULTS and DISCUSSION
4.1 System requirements Analyzing the application of defining system
requirements, user profiles, devices need both hardware, software and other devices that can assist
in building applications. 4.1.1 Defining System
Interactive multimedia applications search site entrance exam is a medium that contains information
7
on the administration of entrance exams and exam locations are on Campus I UIN Jakarta by using the
media websites. This application is equipped with a search feature location based on the name and
number of examinees and there are 3-dimensional modeling of search location of the exam room in
virtual reality at the Building Faculty of Dawah and Ushuluddin as an example of the test locations are
used. 4.1.2 Requirements and User Profiles
Based on the interview and questionnaire in appendix 1 and 2, the researchers get the information needs of
users of applications and user profiles that can use this application, namely:
Users need a location plan for the buildings used as places UIN exam location and test location search
that can be used by media websites. If participants already know about the location of building a test site
through the website so participants do not have to go UIN Jakarta to see the location of the test building.
Academic Party center, organizer of the entrance examination requires a system that allows prospective
students in finding the location of the exam with a search facility by name or location of the exam
number and menu animation map of the location and the search for the exam room with 2-dimensional
visualization and 3-dimensional virtual reality. 4.1.3 Hardware and Software Considerations
Based on the stage of defining a system that researchers do, as for consideration of hardware and
computer software and other supporting devices to build a search application interactive site entrance
exam are as follows: 1. Hardware Requirements
Is a need for computer hardware that will be used to build a virtual reality application site plan the
entrance examination. Computer hardware that need to be prepared are:
a. Laptop Intel Core 2 Duo 2.4 GHz. b. 2 GB of RAM.
c. VGA Card Nvidia Geforce 9600 GT 512 MB. d. Hard drive with 320 GB capacity.
e. Monitor 15 with a screen size of 1280 x 800 pixels.
f. Keyboard and mouse as input devices. g. Sound Card and Virtual Surround Sound.
2. Software Requirements Is a need for computer software that will be used to
build search applications interactive site entrance exam. Computer software that need to be prepared
are: a. ArchiCAD 10 for 3D modeling of the Faculty
Building. b. Adobe Photoshop CS 2 is used to design the
website
interface and
then implemented
in Macromedia
Dreamweaver and to design a map of the location and building information.
c. Adobe Director 11 for making virtual reality applications
can interact
with the
user. d. 3ds MAX 8 to provide building material object that
was created and then export the file with the format. Max into
W3D format. e. Macromedia Flash Professional 8 is used to create
animations on the website. f. Macromedia Dreamweaver 8 for designing
interfaces that have been designed in advance using Adobe Photshop
CS 2 which is then used as the interface language websites with HTML coding.
g. XAMPP is an application package that allows the module to install PHP, Apache Web Server and
MySQL Database.
h. PHP is a programming language used in the implementation of the website and to call or show the
existing data in the database.
i. MySQL for database design and data processing on the database backend.
3. Needs Other Devices Is a need for other devices needed to build a search
application interactive site entrance exam. Devices that need to be prepared are:
• Digital Camera Used for taking pictures photos are required as a
data source application creation. • Handycam
Used to record video in digital format. Mp4. 4.1.4 Consideration of Distribution System
In
applications with
multimedia information
dissemination via the 3-dimensional media website, several things must be considered. By distributing
information through the media faster web site to
8
disseminate information and data can be updated anytime and anywhere.
4.2 Design Considerations At this stage of the design considerations design