Assignment 3

1.
a) Provide a definition of multimedia. Briefly explain the major categories of multimedia
titles.

Multimedia

Description
It is the interaction of multiple forms of media supported by the computer
and it is also use of computers to present text, graphics, video, animation,

Major categories of

and sound in an integrated way.

Entertainment

multimedia titles.

Multimedia

i) Entertainment
ii) Education
iii) Corporate

developers

add

elements

to

go

beyond

entertainment

communication
iv) Reference

Storytelling

Mental challenges

Sense of accomplishment

Accommodation of different learning styles

Nonlinear Presentation
Motivates learner
Provides feedback to learner

Education

Corporate communication
Marketing

Attracts attention

CD-ROM catalogs and magazines

Kiosks

Web sites

Presentations

Electronic slide shows

CD-ROM employee training materials

Encyclopedias include sounds and videos

Reference

games

to

Dictionaries include pronunciations

Large amount of information can be stored on CD-ROM

b) List and describe the multimedia production phase in developing a multimedia title
Phase
1. Planning

Description
A planning meeting is a crucial part of the multimedia development
process; it creates a shared vision for everyone working on the project.
The meeting usually kicks off a project, bringing together the team. During
the meeting, the project manager communicates the major goals and lays
out the milestones. The meeting may include a discussion of the target

2. Script Writing

audience and how each division can help support the overarching goal.
Most multimedia projects have a story behind them. After the initial
meeting, the people in charge of the background story write a script,
creative brief or outline. The text hits the main points of the project and

3. Storyboard

uses language that appeals to the audience in jargon, tone and style.
A multimedia project usually includes multiple pieces: audio, video,
imagery, text for voiceovers and on-screen titles. Story boarding ties
everything together; a story board panel for a scene includes a sketch of
the visual elements, the voiceover or title text, and any production notes. It
guides the process, keeps everyone in check and gives structure to the

4. Designing

project.
During the design stage, designers take over the visual aspects of the
project to determine how it looks and feels. Using the notes from the
storyboard, they create graphics, design the navigation and give direction
to photographers and videographers regarding the correct shots.
Depending on the project, the design stage might include graphic design,
web design, information design, photography or image collection. Design

5. Editing

is always done with an eye toward the audience

Editing is one of the most involved and complex stages of the multimedia
development process. The people responsible for editing the project turn
the various pieces into a cohesive product, taking into consideration the
time constraints, story line and creative specifications. Depending on the
scope of the project, pieces of the project may be edited separately. For
projects with a large amount of video, editing is often the longest stage of

the process; a minute of final video can take hours of editing. The editing
stage usually involves internal review iterations and may also include
6. Production

rounds of client review and editing.

The production stage is when all the parts of a multimedia project come
together. The production staff gathers all of the edited assets in one place
and puts them together in a logical sequence, using the story board as a
guide. The rough draft is then put through rounds of review and final edits,
both internally and with the client. To ensure that a project has the desired
impact on the target audience, a company may engage in user testing as
part of production. During this stage, test members of the audience use
the multimedia piece while team members observe. Depending on the
goals of the project, the staff might observe users' reactions or have them
answer questions to see if the project hits the right marks. After user
testing, there are usually further adjustments to the project. Once the team
and clients are satisfied, the project goes out for distribution.

c) With the aid of example, explain the following

i.
Multimedia cartography
ii.
Navigation in multimedia: Spatial, Temporal and Thematic
iii.
Temporal and Non-temporal Cartographic animation.
iv.
Why are the internet and the World Wide, Web WWW an interesting medium to
present and disseminate geospatial data?

Description

Example

Multimedia

Multimedia Cartography is a group of multimedia

cartography

projects. As the name implies cartography is the

main

issue

of

these

project.

Multimedia

cartography is based on traditional cartography

and is its further development.
The concept of multimedia cartography as well
as its differences to traditional cartography is
discussed in this unit. You will learn what
interactivity of an application is and you will get to
Navigation in

know the difference between various map types.

Spatial

multimedia

Spatial navigation is the process of orientating

and

moving

through

virtual

Spatial

project.

Implementations range from static-passive to

interactive-dynamic.

The

following

tools

frequently serve as spatial navigation element:

Arrow buttons
Reference maps
Indices
Destination, etc

The following application is an example of how

Temporal

spatial navigation can be realized. Have a look at

it by exploring its navigation tools.
Temporal
Temporal navigation guides users through the
existing time segments of an application. Tools
representing

temporal

navigation

are,

for

example, list and slider or play-button, clock, etc.

The following example includes a time bar with a
slider. Mainly the play, stop and pause buttons
are used to control the animation. In addition you
can manipulate the animation by clicking on an
arbitrarily time segment in the time bar. In doing

Thematic

so, the slider jumps to the chosen year (hint:

animation works only on Internet Explorer).

Hierarchic

Thematic
Thematic navigation takes the user through an
application that features modifiable attributes of
an application. The structure and arrangement of
the navigation elements play a significant role.
There are two different ways to structure such
arrangements:
1. Hierarchic
Step by step the user is led through
navigation settings. The application leads you
through the different steps.
2. Unstructured
The given selections are freely arranged. It is
left open to users to define the order of the
settings.

Temporal

Direct relation between display time and world

Cartographic

time -Temporal animation is used to display time

animation.

in a temporal sequence
i)

Display time the moment the viewer of

an animation actually sees the images

ii) World time time scale of reality-the

moment event takes place in real world
iii) Examples of temporal animations would
include changes in per capita income, the
increase in population density.

Unstructured

Non-

Non-temporal animation is used to explain spatial

temporal

relations by representing individual map images

cartographic

in a sequence that is not related to time

animation

i)

Display time in non-temporal animations

is not directly linked with world time

ii) Displayed maps are used to show spatial

relations

or

to

clarify

attribute

characteristics of spatial phenomenon

iii) Can be split into displaying successive
buildup

or

showing

changing

representations
iv) Examples

Choropleths

with

different

classification methods, display same set

of

data

with

different

cartographic

representation example from dot map to

a Chropleth to Isoline map
Internet and

Accessibility and actuality are presented here as

the World

the real benefits of the WWW medium for the

Wide Web,

dissemination of geospatial information through

WWW

maps. In addition, the Web allows different

modes of using web maps that address different
map use goals. An argument is made that a great
deal of web map use research will be required to
develop more effective cartographic tools to
better serve the needs of the users. Part of this
research will have to be directed towards the
characteristics of the web map users and the
nature of their questions. Currently, we are
witnessing a significant diversification of the user
profile combined with an exponential growth of
the total number of Internet users worldwide. The
global distribution of the Internet is still very
uneven, but there are now signs that the

geographical

anomalies

will

be

somewhat

reduced in the years to come. There are a

number of other problems and limitations with
which users are confronted in their use of maps
on the web. However, the Web already is the
major medium for the dissemination of maps and
it has a great potential for further growth. But, this
growth

will

have

to

cartographic research.

be

accompanied

by

2.
a) Briefly explain the key design aspect that need to be given attention for good web map
design.
Key design
Legible

Description
Making display element legible.
i) Any element must be large enough to be seen.
ii) Any element must contrast sufficiently with its background.

Arranging

Arranging display elements.

i)

Group related items through the use of space, graphical boundaries or

similarities in lightness, colours, texture or orientation. Unrelated items

should be visually different or spatially separated from one another.

ii) Reveal the authors view of the relative levels of importance among the
elements.
iii) Design should be consistent and predictable. Elements that are equivalent
logically or functionally should be similar visually. Consistency should also
be apparent in the pattern or arrangement of elements on the screen.
iv) The design of the page should reveal the intended sequence that readers
are expected to process it.

Readable

Choose the fonts designed specifically for the screen, for example:

Picture and

1. Verdana
2. Geneva
3. Georgia
4. In general, san serif fonts are preferred
i) Use 12 or 14 point size text for continuous reading.
ii) Avoid the overuse of Bold and Italic.
iii) Avoid all capitals text.
iv) Avoid line shorter than 40 characters or longer than 60 characters.
Using pictures and illustrations

illustration

Icons

i) Avoid using pictures that are only decorative.

ii) Supplement all visuals with explanatory text or labels to ensure that they
are interpreted as intended.
iii) Use visuals to reveal the structure or organization of the information.
Using icons
i) Label all icons
ii) Whenever possible use conventions icons whose use and meaning the
user is already likely to be familiar with.
iii) Design icon groups that differ in their characteristics to ensure the
speed and accuracy of visual search for particular icons in a display.

Animation

Using animation
i) Use motion/animation only when necessary:
ii) To attract the viewers attention.
iii) To convey actual changes over time.

b) Marketing and promoting Malaysia to become a premier destination in global market

place is important as tourism as one of the important sectors for the services industry in
Malaysia. One of the special interest tourism promotion campaigns in 2015 is on
providing experience Fun in the Sun with the focus on water sports. With its pristine
beaches and waters, Malaysia is an ideal destination for water sports.
You were asked to design a guide in hard copy format as well as to develop a web
based interactive multimedia map guide for tourists to experience the sun, sand and the
sea called E-Guide to Water Sports in Malaysia. The guide should provide various
options of interesting locations and show all matters relating to the type of exciting
activities, the distribution of services and facilities as well as other water sports related
events.
Based on your knowledge and experiences on multimedia and webpage design,
suggest the possible approaches and discuss all the considerations needed including
methodology, flowchart and storyboard, layout sketches, source of data,
hardware

and

software

specifications,

symbolizations

and

other

design

specifications in order to design the hardcopy and the E-Guide to Water Sports in
Malaysia.

i.

Introduction
Malaysia is one of the nation have a lot of interesting place that can be visit by inside and

outside tourist. Tourism is one of the quickest developing divisions for administrations industry in
Malaysia. One of the special interest tourism promotion campaigns in 2015 is on providing
experience Fun in the Sun with the focus on water sports. With its pristine beaches and waters,
Malaysia is an ideal destination for water sports. The promoting and advancement fight entitled
Discover the Beauty of Malaysia is an exertion planning to change Malaysia's picture from being a
"shabby" terminus to turn into a head end of the line in the worldwide commercial centre. Water
sport is probably the latest trend for people all over the world to choose, especially for those who
need some fun and freedom for awhile from the urban cities during the holidays.
There have many interesting places that located at each of state in Malaysia. All places
have their own special for those who want to do the water sport for holidays. With that, the
purposes of this project are:

To promote the events and products of nature and water places in Langkawi to tourists and

public
Making map as guidance for tourists
To guide visitor those want a good place of water sport and give them opportunity to
decide where the best places of the water sport by using hard copy and pamphlet

that display all the information about interesting places.

Making an official website
Many website that have shown the best water sport in Langkawi but less in their
information. So this new website will show all the information that will need by user.
Study Area

Methodology
Method
1. Planning

Description
a. Purpose
To promote the events and products of nature and water sport in Langkawi to tourists
and public which is making map as guidance for tourists
i)

To guide visitor those want a good holidays and give them the best places to
relax by using hard copy and pamphlet that display all the information about

interesting places.
ii) Making an official website
1. Many website that have shown the best cool holidays spots but less
in their information. So this new website will show all the
information that will need by user.
b. Estimate the costing
Estimating the costing based on the activity that involve while collecting the data until
producing the final product of softcopy and hardcopy.
i) Basemap
= RM 10
Transportation
= RM 150
Printing the hardcopy = RM 30

ii)
iii)

c. Where and how to get the data (Thematic or digital)

Data
Digital

Where to Get
- JUPEM
-Jabatan Perancangan
Bandar dan Desa

Thematic

How to Get
- Downloaded from website of JUPEM or
can be collected at JUPEM office
- Get it from office

(JPBD)
-Pusat Pelancongan

-Get it from office

-Pusat Sukan dan

-Get it from office

Rekreasi

d.

What software and hardware that will used to produced map and web

Map

Hardware
- PC Computer
- Laptop

Software
-Adobe Photoshop CS6, Adobe Illustrator
CS4 For designing and Auto Cad For
store the data and digitizing.

Website

- PC Computer
- Laptop

- Adobe Flash CS5 For interactive map.

e. What

the possible outcome in hardcopy and softcopy.

Possible Outcome
Hardcopy

-Size of paper (A3)

Softcopy

-Layout of map
-Storyboard design

f.

specification on producing the map and web

The specification on producing the map based on what client want and
following the regulation of map symbol designing by JUPEM for design
refinement, the evaluation preliminary ideas /design filters.

g. Schedule of work
DATE
Week 1

DISCUSSION
-Meeting with client

Week 2

-Discuss the requirement that client need

-Planning
a. Where and how to get the data (Thematic or
digital)
b. Estimate the costing
c. What software that will used to produced map
and web
d. What the possible outcome in hard copy and
softcopy
e. What the specification on producing the map
and webs
f. Doing the story board
g. What time can be done
-Second meeting with client for discuss about the

What
the

planning.
Week 3 & 4 -Data collection
Week 5, 6 -Data input
&7
i. Starting the project which are digitize or extract
the digital data
-Map design
Week 8
- Third meeting with client for showing the first draft
-If have any rejection, redesign the map as
requested by him/her
Week 9
-Redesign the map
-Submit the second draft to client. If have any

2. Data
collecting
and
compiling

Week 10

rejection, redesign the map as requested by him/her

- Redesign the map

Week 11

-Submit the final draft to client.

If have any
rejection, redesign the map as requested by him/her
-Submit final draft to client

a. Data collection
i)
what are the data collected (digital or thematic)
ii)
where the sources of all that
iii)
where that the data collected
what are the data
Digital

Thematic

where the sources

where that the data collected

Department of

Website and office of

Surveying and Mapping

Department of Surveying and

Malaysia (JUPEM)

Mapping Malaysia (JUPEM)

Kuala Lumpur

Kuala Lumpur

-Jabatan Pelancongan

- Website and office of Jabatan

Perlancongan

-Jabatan Sukan Dan

- Website and office of Jabatan

Rekreasi

Sukan dan Rekreasi

b. Compilation
i) Compiling the data to proceed the editing
ii) Compile the thematic to inset into web info
Compile all the data features and making the generalization to choose the

important data features. For example: Choosing the main road rather than
small road.
Map design

a. Story board

TITLE PROJECT
HOME

LOCATION

ABOUT
TOURIS

WHAT TO
DO

b. Map layout

TITLE
N

BASE MAP

LEGEND

Map Insect

Map Insect

c. Flowchart
WEB-DESIGN

Home Pages

Home
About water
sports
activities
What to See
& Do

How to Go

Events
About
Exit Us

Menu Pages

Transportatio
n
Foods
Residence

Content Pages

Transportatio
n

Bus
Taxi
Flight

Foods
Local
Western
Sea

Facilities

Activities

Facilities
Residences

Hotel
ATM
Hospital
Villa
Toilet
Home

d. Data Filter
Production Filter

Base map Malaysia from JUPEM.

Combine the part of map in Adobe Illustrator and start digitizing.
Technique-Digital

Format Filter

Topographic of Malaysia from JUPEM

location of map (zoom out zoom in) 1 : 17 000
Scale of map: 1 : 150 00

Symbol
Activities (Water Sports)

Scuba Diving

Kayaking

Swimming

Fishing

Transportation

Accommodation

Flight

Home stay

Car

Resort

Train

Hotel

Bus

Color Filter
CATEGOR

CHARACT

ERISTICS
Category

COLOUR

River
Land

Main road
Railway road

30

Arial
0 (Regular)
60

41

Arial
9 (Regular)
0
Arial (Regular)
0

100

Size

Color

6.5pt
0

Arial (Regular)

Highway
Transportation

Arial (Regular)

Secondary road
Water

M style Y
Text

7pt
6pt

5pt
9pt

Lettering
Filter

Accommodation

100

100

Map
i) Title Arial (17pt)
ii) Detail Arial (7pt)
iii) Legend Arial (10pt)
Website
i) Title Arial (20pt)
ii) Detail Arial (11pt)
Pamphlet
i)

Title Arial (18pt)

Detail Arial (12pt

Final
Product

a. Map output
Type of map
Hardcopy

Description
Pamphlet style with an A3 size, half and tri

folded.
Include the pamphlet an easy-friendly thematic
map and information of water sports activity

places.
Print out the pamphlet in the size that has

been chose.
Using CMYK colour as the base and use it so
that the people can understand.

Soft copy

Designing a web using adobe flash.

Using thematic data and together attach with
the

complete

map

design

with

detailed

information.
Interactive website of

Malaysia
As the usage of color using RGB, test it right

water sports in

on the software used (Flash,etc)