Multimedia Project (MMA) - APIIT

7/30/2019 Multimedia Project (MMA) - APIIT

1/28

MULTIMEDIA APPLICATION | Acknowledgment 1

Student Name: Malith Waniganayake

Intake Code: DF10A1ICT

CB: 004144

Subject: Multimedia Application\

Project Title: Words of Wisdom

Date Completed: 07/04/2011

Submitted To: Ms Jina Daluwatta


2/28

MULTIMEDIA APPLICATION | Acknowledgment 2

Acknowledgment

I take this opportunity to express my sincere thanks to the people who gave me there fullest

support to make this project a successful one. My heartfelt gratitude goes out to Ms. Jina

Daluwatte for her continuous support and guidance. Without her supervision all my efforts could

have been short-sighted. Her valuable advices on the improvement of this study are gratefully

acknowledged.

I would also like to thank Asia Pacific Institute of Information Technology for giving me a

chance to show my colorful ideas from this module. A grateful word of thanks and a warm

gratitude also goes out to my family who provided the chance to fulfill my career objectives and

for the support throughout my studies. And also to my friends who were always very helpful

giving me support at any time.

Im eternally grateful to all, who helped me out in making this project a success.


3/28

MULTIMEDIA APPLICATION | Table of Contents 3

Table of Contents

Contents

Acknowledgment ............................................................................................................................ 2

Table of Contents ............................................................................................................................ 3

Table of Figures .............................................................................................................................. 4

Project Introduction ........................................................................................................................ 5

1. Objectives of the Movie ............................................................................................................. 6

2. Target users background............................................................................................................ 7

3. Target Users Requirements ......................................................................................................... 8

4. Concept Art and Character Design ............................................................................................. 9

5. Abstract ..................................................................................................................................... 15

6. Application Structure ................................................................................................................ 17

7. Navigation Structure ................................................................................................................. 18

8. Story board ................................................................................................................................ 19

9. Creative and unique features in the movie ................................................................................ 27

10. Reference ............................................................................................................................... 28


4/28

MULTIMEDIA APPLICATION | Table of Figures 4

Table of Figures

Figure 1 : Martin Pep ............................................................................ 10

Figure 2 : Selina Pep ............................................................................. 11

Figure 3 : TOM BLACK ...................................................................... 12

Figure 4 : Mr Bush ................................................................................ 13

Figure 5 : Sparkey ................................................................................. 14

Figure 6 : Neighbors .............................................................................. 14

Figure 7 : General Navigation Structure ............................................ 18
http://j/my%20MMA%20DOC.docx%23_Toc289886382http://j/my%20MMA%20DOC.docx%23_Toc289886383http://j/my%20MMA%20DOC.docx%23_Toc289886384http://j/my%20MMA%20DOC.docx%23_Toc289886385http://j/my%20MMA%20DOC.docx%23_Toc289886386http://j/my%20MMA%20DOC.docx%23_Toc289886387http://j/my%20MMA%20DOC.docx%23_Toc289886387http://j/my%20MMA%20DOC.docx%23_Toc289886386http://j/my%20MMA%20DOC.docx%23_Toc289886385http://j/my%20MMA%20DOC.docx%23_Toc289886384http://j/my%20MMA%20DOC.docx%23_Toc289886383http://j/my%20MMA%20DOC.docx%23_Toc289886382


5/28

MULTIMEDIA APPLICATION | Project Introduction 5

Project Introduction

In Multimedia application module we were assigned to design and create an interactive movie

that contains a specific story line and a specific title. I have used Adobe Flash CS4 Professional

as my developing tool to design and create this animated short film. We were supposed to

develop a short film that is either informative or educational. I have created a story based on

Careful listening helps a man to succeed in his life. I have given the title as Words of

Wisdom.

The story goes around a character called Martin Pep. He is a 23 years old poor British national

who lived in outskirt of Greenwich The story takes place in his house and in some places in his

village. The story goes on with Pep getting a once in life time opportunity due to meeting with a

wise old man. The story unfolds a chain of events after this meeting which makes him a

successful man.

This story unfolds in a British lower class society. Backgrounds, music and fonts are used

accordingly to that. The story runs in a sequence manner which one screen helps the other

screen to take place. A narrator voice and all the characters voices are dubbed using human

voices.


6/28

MULTIMEDIA APPLICATION | 1. Objectives of the Movie 6

1. Objectives of the Movie

To make a colorful Entertaining cartoonIn this story cartoon my main target was to design and create colorful and attractive

images so that it will get users attention without any effort. And also my target was to

create a bright and fresh cartoon characters so that users will not lose their attention from

the characters. This is to provide the user with entertainment.

To make a application with a user friendly interfaceOne of my objectives was to make the cartoon with an interface so that the user can

interact with the story. This is to provide education and also entertainment to some

extent. But to do so I had to create an interface which is a user friendly one so that the

user can easily interact. To provide this user friendly interface I had to insert more

colorful and noticeable buttons. I had to create a friendly navigation panel so that the user

can go quickly through the cartoon if they wanted to or they can pause the cartoon at their

will.

Give a meaningful message to the userMy main idea and the target were to provide valuable messages to the users or the

viewers. The whole story is going through these valuable messages. One of the main

advices is that to never take anything which is not yours how much valuable that object

can be. Another advice is that never ignore what your neighbors say to you and ask

from you. The third message is Keep faith in yourself and play at your strength. And

the final advice is Never sell your self-honor to money. All users who view the cartoon

are given these advices in the story.


7/28

MULTIMEDIA APPLICATION | 2. Target users background 7

2. Target users background

Users who have computer literacy up to some extent.The application cartoon has interaction points which user has to interact by eitherclicking the mouse or pressing a key in the keyboard. Due to that factor user must have

basic knowledge on how to use a computer. He/she must have knowledge on how to

control the mouse or the keyboard to navigate through the cartoon.

Users must have knowledge on English LanguageThe application or the cartoon takes place in British society. So all the voices in the

cartoon are dubbed in English language. Because of that all the users must understandsimple English. All the dialogs in the cartoon are written and dubbed in simple English to

make it more understandable to the user.

Users must be 5-20 years oldThis is a carton plus an application. There is a colorful background, lots of attractive

buttons and also energetic characters which directs towards kids of age 5-12. This is to

provide them with entertainment. All the designs are made to attract kids. Aged 12-20 are

the teenagers all the messages or the advices are passed mainly to them. Theme and the

end views are targeted to the teenagers. Also the kids can take advantages from the

advices as well.

Users who are young at heartThough this cartoon is aimed at users who are 5-20 years old, there are people who like to

watch cartoons. This carton can also be a valuable to them.

Users who are interesting in making cartoonsUsers who are interested in making and designing interactive cartoons and applications

with user interaction can get useful tips and get ideas from looking at the carton.


8/28

MULTIMEDIA APPLICATION | 3. Target Users Requirements 8

3. Target Users Requirements

In a cartoon users except attractive backgrounds, colors, characters and interesting story line and

also a meaningful end view. Due to that factor cartoon should be attractive, interesting, andmeaningful. The cartoon should consist colors that are not gloomy and are attractive. Since this

cartoon has interaction points with the user the cartoon should be user friendly. Also cartoons are

meant and made for kids and teenagers the language and the meaning should be simple and

effective.

General Software requirements

To view this cartoon user must have basic set of softwares. If the user intends to change or to

modify the cartoon another set of software tools are required. Listed below are those software

tools.

Adobe Flash Player 10 or later versions Adobe Flash CS4 or later versions Windows XP or Higher versions of Windows Operating systems Safari Web browser to all the MAC OS users

Hardware Requirements

Windows Processor Pentium 4 or higher 256MB VGA 512MB DDR1 RAM 32 bit True color output monitor Mouse, keyboard, Speakers

Macintosh PowerPC G3 500MHz or faster processor Minimum of 512MB of VRam


9/28

MULTIMEDIA APPLICATION | 4. Concept Art and Character Design 9

4. Concept Art and Character Design

From Concept art I have shown my imaginary design for the cartoon. In this cartoon the user will

be able to see several backgrounds with huge variety. From each of these backgrounds I havetried to convey a unique message. The story starts with introduction screen where each character

is introduced to the user. Here I have used a background of an inside of a house. Then the scene

fades away and a background with a traditional British house appears. Like these for almost

every scene I have used different backgrounds to make the cartoon more interesting and

attractive.

All the characters including the backgrounds are unique and designed by me. Martin Pep the

main character in every scene in the cartoon till the end. Buttons such as play, pause, stop, mute,Fast-forward, Rewind are included in the cartoon to make it easy for the user to control the

application. I have made the cartoon run at a frame rate of 15 frame rates for second.

Selection of fonts and animated textI have used font types such as Arial and times new roman in the introduction and also the

subtitles. Comic book designer font such as Comic Sans MS in the introduction and the

buttons and also the halt screens such as the The End screen.

AudioI have used stereo audio with MP3 codec. Thats due to the good quality and also the low

hard disk space requirements. Audio genre has a range from natural music to various

theme sounds.

VideoI have used several video in the cartoon. In the beginning to show the production line and

the loading screen, credits screen. I have used MP4 codec because it has good quality and

also the low hard disk space requirements.


10/28


Character DesignThere are 6 characters in the cartoon. Each has following roles to play in the cartoon

1. Martin PepMain Character2. Selina PepMartins wife3. Tom Black - Martins wifes brother4. Mr. BushWise man5. Sparkey - Martins dog6. Neighbors, Workers

Each character above can be explained in detail as follows

1. Martin Pep

Figure 1 : Martin Pep


11/28


12/28


house. She is 26 years old. She plays a supportive role to the main character martin in the

cartoon.

Selina is dressed in a red sweater and cream color trousers.

3. Tom Black

This is the main characters wifes brother. He lives with Martin in his house. Hes the totally

opposite character of martin. A lazy man who doesnt do any work. He lives from wha t is earned

by martin. He gets blamed by selina for his laziness. In the end of the cartoon his failure is

shown compared to martin. He is a burden to the main character martin.

Tom is dressed in a green color t-shirt and a black color trousers. His not shaven properly and

also he wears a shabby looking hat.

Figure 3 : TOM BLACK


13/28


4. Mr. Bush

Though this character is a minor character, Mr. Bush is a controversial character. Because of him

martins life changes big time. He is a professor of a university in the city London. He has come

to do a research in martins area. Due to martins luck he travels in martins rickshaw .

Conversation between him and martin make a big changes in martins life. He is a quite guy, who

values his words for money.

Mr. Bush is in a full grey suite with a blue tie. Wears black shoes.

Figure 4 : Mr. Bush


14/28


5. Sparkey

This character plays a very minor role in the story. it just stays in the house. Sparkey loves

martin a lot. It tries to go with martin when he leaves to the town

Its colors are white and grey

6. Neighbors, Workers

These characters only play in two scenes only. Both categories have the same character in

different colored cloths. Bit muscular guys.

Figure 5 : Sparkey

Figure 6 : Neighbors


15/28


16/28


17/28


18/28

MULTIMEDIA APPLICATION | 7. Navigation Structure 18

7. Navigation Structure

Figure 7 : General Navigation Structure

This is the general navigation structure of my cartoon. Navigation buttons such as play, pause,

stop, fast forward, and rewind are given to the user in the bottom middle of the page. This is to

make it easy for the user to gain control over the cartoon. Volume control button is given so that

the user can control the volume by pressing it. Home button take the user back to the home

screen where the user can make different choices. Exit button is also given to the user if the user

has to exit the cartoon quickly. Stage area is where the cartoon will take place.


19/28

MULTIMEDIA APPLICATION | 8. Story board 19

8. Story board640

1)

640

2)

Screen: 1 of 20

Scene Name: Production intro

Scene Description:

This is the first screen that the user can see. Background of

this screen will be a natural environment. Words will

appear slowly with an effect on to the screen. There will be

a light music going on in the background. A female voice

will read aloud the words

480

480


20/28


Screen: 2 of 20

Scene Name: Loading Screen

Scene Description: This is the second screen that the user will

see. Background will have a picture of letters falling down.

Also there will be a background music so that the user can

enjoy the wait

Screen: 3 of 20

Scene Name: Main menu

Scene Description: In this screen the users gets three

choices to made by clicking three buttons. Those are

play cartoon, credits and Characters. There is also a

exit button in the corner. As for the background I

have used a picture from the internet. Buttons are

created by me. When the user press play cartoon

button the screen goes to the screen number 4.

Screen: 4 of 20

Scene Name: Intro

Scene Description: In this screen I have used it to

give the user a rough idea about the characters in the

cartoon and their backgrounds. I have used a

narrative voice for the introduction. The back ground

is the inside of martin house.


21/28


Screen: 5 of 20

Scene Name: Sets off

Scene Description: This screen takes place in

Martins house. Martin goes to work by walking past

Tom who is sleeping in the couch. He says bye to

Selina and open the door and walks out leaving

selina and tom behind

Screen: 6 of 20

Scene Name: Twist

Scene Description: In this screen martin enters from

the left pulling his rickshaw with a passenger in it.

Mr. Bush is in the rickshaw. They have a

conversation while they are traveling. The

background changes to make it look like they are

traveling.

Screen: 7 of 20

Scene Name: The golden spatula

Scene Description: Martin is walking home. He sees

a golden spatula in the ground in middle of a lake.

And a boat to cross the lake. Here the user can make

the choice to weather to pick up the spatula or to

walk away.


22/28


23/28


Screen: 11 of 20

Scene Name: Town sweet Town

Scene Description: Martin goes from his village to

the town. He walks from this end of the road to the

town shown in far way.

Screen: 12 of 20

Scene Name: Lost

Scene Description: In the town background martin

feels lost. Talks to himself a lot. He walks from one

end of the screen to the other end thinking what to

do.

Screen: 13 of 20

Scene Name: Time Flys

Scene Description: With tall buildings as the

background the sun and the moon goes around

couple of times to show the time passing. The

narrative voice explains what happens in that time


24/28


Screen: 14 of 20

Scene Name: Returns home

Scene Description: Martin comes home in a

rickshaw pulled by a random man. Martins cloths

changed in to quality robes.

Screen: 15 of 20

Scene Name: Gossip

Scene Description: Martin is seen talking with a

villager in the village.

Screen: 16 of 20

Scene Name: Loyalty shattered

Scene Description: Martin comes Home and asks

selina for money as his wife to check Toms loyalty.

Tom hands over selina for a big bag of money.


25/28


Screen: 17 of 20

Scene Name: Blaming

Scene Description: Martin revels identity. Then

blames Tom for his greediness.

Screen: 18 of 20

Scene Name: Happily ever after

Scene Description: Martin and selina walks out of

the house. They walk away in the background as the

village. The narrative voice explains the rest of it

Screen: 19 of

Scene Name: The End

Scene Description: The end is shown in the middle

of the screen and the narrative voice explains what

happened to the tom and what to take from the story.


26/28


27/28

MULTIMEDIA APPLICATION | 9. Creative and unique features in the movie 27

9. Creative and unique features in the movie

Creative and unique designThis cartoon is one of my own ideas. The characters, back grounds, effects and structuresall are designed by me a created by me especially for this cartoon. Some of the

backgrounds are created by using Adobe Photoshop and Adobe Illustrator. Backgrounds

are changed often so the user will not lose interest in the cartoon. There are multiple

layers in one screen for better effects. There are multiple buttons in the navigation screen

as shown above which has a unique design of shining when clicked. All the buttons give

the full control of the cartoon to the user. I have used fonts like Arial, Times new roman,

etc. to make it look more British like. Thats because the story runs around a man who

lives in England. I have used natural music effects as well as smooth sound effects which

can be found in British song albums. The entire Cartoon is dubbed along with every

character has its own unique voice. Also a unique narration voice is used in the cartoon in

some parts of the cartoon. I have also given an interesting story title Words of wisdom

to make the user curious and interested.

Interactions with the cartoonIn this cartoon there are places where users have to select Martins path. For example

Martin can go and take the gold spatula in screen 7 when the user click on the gold

spatula or he could just walk away when the user click on the arrow on the road.


28/28

10. Reference

1)

Documents

Multimedia Project (MMA) - APIIT