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

MULTIMEDIA APPLICATION | Acknowledgment 1

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.

MULTIMEDIA APPLICATION | Acknowledgment 2

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

MULTIMEDIA APPLICATION | Table of Contents 3

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

MULTIMEDIA APPLICATION | Table of Figures 4

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.

MULTIMEDIA APPLICATION | Project Introduction 5

1. Objectives of the Movie

To make a colorful Entertaining cartoon In 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 interface One 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 user My 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.

MULTIMEDIA APPLICATION | 1. Objectives of the Movie 6

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 either clicking 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 Language The 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 understand simple 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 old This 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 heart Though 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 cartoons Users 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.

MULTIMEDIA APPLICATION | 2. Target users background 7

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, and meaningful. 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

MULTIMEDIA APPLICATION | 3. Target Users Requirements 8

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 have tried 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 text I 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. Audio I 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. Video I 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.

MULTIMEDIA APPLICATION | 4. Concept Art and Character Design 9

 Character Design There are 6 characters in the cartoon. Each has following roles to play in the cartoon 1. Martin Pep Main Character 2. Selina Pep Martins wife 3. Tom Black - Martins wifes brother 4. Mr. Bush Wise man 5. Sparkey - Martins dog 6. Neighbors, Workers Each character above can be explained in detail as follows 1. Martin Pep

Figure 1 : Martin Pep

MULTIMEDIA APPLICATION | 4. Concept Art and Character Design 10

This is the main character of the story. This character runs thorough out the cartoon in every scene. Aged 27 Martin pep lives in the outskirts of Greenwich with his wife. Martin pep is a character that is not lazy but is poor due to his destiny. He was born to a poor family and had no proper education. Hes current work for living is pulling rickshaws in his neighborhood. He is a good person who listens to other people. This character shows the user how a man can success by listening to others and thinking clearly. Pep is dressed up in a blue sweater and brown trouser. He wears grey shoes and a head cap. Later in the story hes appearance changes when he becomes rich. Then he wears a red robe with yellow stars on it.

2. Selina Pep

Figure 2 : Selina Pep

This is the main characters wife. Shes is a obedient wife to her husband. This character is shown in several places. She encourages pep in everything with full trust. She also live with pep in his MULTIMEDIA APPLICATION | 4. Concept Art and Character Design 11

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

Figure 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 what 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.

MULTIMEDIA APPLICATION | 4. Concept Art and Character Design 12

4. Mr. Bush

Figure 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.

MULTIMEDIA APPLICATION | 4. Concept Art and Character Design 13

5. Sparkey

Figure 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

Figure 6 : Neighbors

These characters only play in two scenes only. Both categories have the same character in different colored cloths. Bit muscular guys. MULTIMEDIA APPLICATION | 4. Concept Art and Character Design 14

5. Abstract
This story takes place in early 90s in outskirts of Greenwich which is located in England. The main character Martin pep who is 27 year old British person lives with his wife and wifes brother in a shaggy looking house. Been born poor they lived a very hard life. Tom, martins wifes brother who is a lazy person doesnt do any work. Because of that martin had to find money to him also. From family they had inherited a rickshaw which is very valuable to them. Martin decided to pull people here and there for money in this rickshaw to collect money. As usual he was taking a gentleman to his destination. Most of the time people who go in the rickshaw gets friendly with him and talks until they had reached their destination. But this gentleman was looking very serious and did not talk with him at all. So martin was curious why this person was not talking with him. After some dialogues he found out that this person is a professor and that he had to pay for him to talk. After paying the professor from the hire money he gets four valuable advices. First advice is 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. The professor leaves him without paying martin because he had spent the hire money on professors words. On his way back to his house he found himself near a lake. On the middle of the lake he saw a gold spatula. Also there was this boat that looked like it was calling him to go the island and take the spatula. But suddenly he remembered about the first advice that professor gave. He immediately walked away from the lake. After walking for hours with his rickshaw he stopped at a stream of water to get some rest. While he was there some of his neighbors came carrying a coffin. They ask him to dispose the body. First he thought of saying he cant do it then again he remembered the professors second advise. He takes the coffin from them and saw a body og a beggar. He was tired and he lost his money to the professor because of that he just goes through the beggars body. Then he finds a purse with loads of pounds. Overjoyed by this he disposes the body and return home quickly.

MULTIMEDIA APPLICATION | 5. Abstract 15

Once he is in his house he tells the about the professor and about the lake. But he hides the part where he found lot of money from Tom. He tells his wife selina everything and asks her permission to go the city and start a business. Tom who heard the story ignores it completely and go out of the house to gamble. After tom leaves the house martin gives selina some of the pounds he found on the beggars body. Then he leaves his wife next day to the town to start a new business. When he is in the town he feels so lost. After thinking for a while he remembers the professors third advice. Then he found out that he knows a lot about the rickshaw business. Not been educated well he decides to play at his own strength. He buys a couple of rickshaws and hires some people and started the business. As time goes by he became a wealthy businessman. But then he never forgot about his home. He sent money to them regularly. After some while he returns home looking majestically in his own rickshaw pulled by a man. His wife and Tom couldnt recognize him. He saw that tom looked injured. From the villagers he fo und out that tom tried to get a spatula from a lake and was almost dead when a crocodile attacked him. Villagers had to rescue him. Also he found out that the Tom had spent all the money he sends on gambling. After all this he tries to give a one chance to check weather hes loyal to him or not. He goes to his house and asks Tom, his wife for money telling that hes not married. After hearing about the large sum of money he quickly agrees and sells his sister. After this incident he revels his identity to them making them surprised. Scolding Tom for what he has done and again remembers the words of the professor. Then Tom realizes that he had broken all four advices. One which nearly cost him his life. Martin is kind hearted man who pitied Tom although he will not forgive Tom for selling their self honor. Martin gives some money to Tom. Martin and selina then gets out of the house together and sets off to their new house which martin had built in the city leaving crippled Tom alone. After they went Tom regrets for everything he has done and was all alone. The End.

MULTIMEDIA APPLICATION | 5. Abstract 16

6. Application Structure

Production SCREEN

Loading SCREEN

Main menu

SCREEN 4

Credits

Lessons

SCREEN 5

SCREEN 12

SCREEN 6

SCREEN 13

SCREEN 7

SCREEN 14

SCREEN 8

SCREEN 15

SCREEN 9

SCREEN 16

SCREEN 10

SCREEN 17

SCREEN 11

SCREEN 18

MULTIMEDIA APPLICATION | 6. Application Structure 17

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.

MULTIMEDIA APPLICATION | 7. Navigation Structure 18

8. Story board
640 1)

480

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 640 2)

480

MULTIMEDIA APPLICATION | 8. Story board 19

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.

MULTIMEDIA APPLICATION | 8. Story board 20

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.

MULTIMEDIA APPLICATION | 8. Story board 21

Screen: 8 of 20 Scene Name: coffin care Scene Description: Martin is near a stream of water going to drink some water. Then two neighbors come carrying a coffin to the screen asking martin to dispose of the coffin.

Screen: 9 of 20 Scene Name: Coffin luck Scene Description: Martin goes through the pockets of the beggars body. Finds a bag full of pounds. Jumps around with joy. Then walks away from the screen

Screen: 10 of 20 Scene Name: Home Scene Description: Martin comes home and tell what happened to him in brief to Tom And selina. Some details are hidden from Tom

MULTIMEDIA APPLICATION | 8. Story board 22

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

MULTIMEDIA APPLICATION | 8. Story board 23

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.

MULTIMEDIA APPLICATION | 8. Story board 24

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.

MULTIMEDIA APPLICATION | 8. Story board 25

Screen:

20 of 20

Scene Name: lessons Screen Scene Description: In this screen I have shown the advices from the Mr. Bush in writing clearly shown to the user. There is soft background music going on in the back to make it interesting.

MULTIMEDIA APPLICATION | 8. Story board 26

9. Creative and unique features in the movie

Creative and unique design This cartoon is one of my own ideas. The characters, back grounds, effects and structures all 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 cartoon In 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.

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

10. Reference
1)

MULTIMEDIA APPLICATION | 10. Reference 28