Course: Multimedia & Human Computer Interaction
Course Code: COMP6341
Lecturer: Raymond Bahana, S.T., M.Sc.

Project Name: E-Ducation Kidd
Team Members: Bill Clinton

Tasks Distribution

We divide the menu into three sections, studying section, games/playing section, and credits section. I created the games section along with the menu layout, loading screens, and layout for main menu while Bill created the study section with its menu layout and credits section. Since we will use audio in the project, I also asked my other three friends from other major to help us with voice actors.

Documentation

1. Loading Screens

When the game runs, there will be two loading screens. The Loading screens are basically an introduction for the game and also introduce the educational institutions under BINUS University International, Computer Science Major.

 

2. Main Menu

After loading screens have finished, a main menu will appear, along with two menus for studying session and games session.

There is also a small menu on the bottom right corner of the main menu layout. From main menu, the program will navigate user to the next layout according to the menu chosen.

3. Games Session

User will be directed to a sub-layout for games session if the user chose games session menu from the main menu.

As I said before, this menu has 3 sub-menus. “Feed Pluto”, “Number Guessing”, and “Decorating House” game. “Feed Pluto” and “Number Guessing” is a counting based game, whereas “Decorating House” is a shape based game. There is also a home navigation on the top right side of the screen to navigate user back to the main menu.

3a. “Feed Pluto” Game

This game is a counting-based game where the user has to feed a dog, named Pluto from the Disney Mickey Mouse. Before jumping on into the actual game, there is an instruction to play this game.

The instruction itself is very simple and self explanatory. Of course with parents’ guidance, children will understand it better. The interaction between the objects and user itself only occurs with mouse click. Left click on the ‘paper bag’ will add a bone into the dog’s plate. When the user is sure about the answer, they only need to click the dog to verify the answer. If they miscounted or not sure about the answer, clicking the plate will reset the ‘bones added’ to 0.

When the game starts, a random number will be generated. User only need to feed the dog according to the number randomized. Whether the answer is correct or incorrect, another number will be randomized. Sound effect will be played for each answer, indicates correct or incorrect answer. After user has solved 10 problems, a scoreboard will appear. Additionally, there is a ‘home’ and ‘back’ navigation on the top left corner.

The scoreboard will tell user both the number of correct and incorrect answers. Then, there will be a navigation whether to retry the game or back to the main menu.

 

3b. “Number Guessing” Game

“Number Guessing” game is another game with counting-based game. This time, user will have to listen to the number pronounced. User only need to click the numbers given. If user did not hear the number pronounced or was not sure about it, they only need to click the ‘sound logo’ provided and it will repeat the current number.

On the start of the game, a random number is generated, afterwards a sound will be played according to the number randomized. User has to guess what number is being played. There is also sound effects that will tell the user whether they answered it correct or incorrect.

At the end of the game, a scoreboard will revealed and asked user if they want to play again or go back to main menu.

 

3c. “Decorating House” Game

This game is a shape-based game. This time, user has to perform a drag-and-drop behavior. There will be 8 items provided, and user places them to the 8 shapes which are black colored. Before jumping on to the game, user can select which character they want. There are 2 choices, boy’s room and girl’s room. The only difference between those 2 is only the items. Girl’s room has ‘girly’ items than the items on the boy’s room.

Before the game starts, there is an instruction layout. I also included example with pictures so that the user can understand it better. They only need to move the items to the corresponding basic shape. While moving the items, the program will count the time until user has finished all items.

 

 

 

 

Closing and Suggestion

Overall, that is our game for the Final Project Multimedia & Human Computer Interaction. I express my gratitude towards my lecturer Mr. Bahana, teaching assistant Mrs. Senorita, and all people who participate in helping both of us in making this project. Any kinds of  critics and suggestion are welcome.

 

Course: Multimedia & Human Computer Interaction
Course Code: COMP6341
Lecturer: Raymond Bahana, S.T., M.Sc.

Project Name: E-Ducation Kidd
Team Members: Bill Clinton

Introduction

This project is aimed for the Final Project of Multimedia & Human Computer Interaction course. We were asked to create a game application and the main target user is for children who is under 3 years old.

Our mindset from the beginning is keeping the game simple, practical, and easy to understand for them yet enjoyable to play with. Moreover, they actually learn something while they are playing. We kept the idea “using the mouse only”, since our user is just toddlers and they are not understand enough to use another controls(keyboards, controllers, etc.) It is easy by just clicking with the mouse and keeping it fun for them.

As an additional points, we tried to make the design looks cute and funny by featuring famous cartoon characters(E.g: Disney characters). Usually, they will get interested and immersed in both playing and studying if they like the characters. Moreover, they also learn with fast pace.

 

Overview

We finally decided to create 4 categories, there are: Colors, Counting, English, and Basic Shape. We divide into 2 sections, studying session and game/playing session. We assume that children who is under 3 years old(which is still in kindergarten) has not studied about those 4 categories mentioned above, so that’s why we create a study session.

Study session menu consists of 4 sub-menus. They are study session for basic colors, counting, English, and basic shapes. For basic colors, we provided 8 basic colors(red, green, blue, yellow, brown, white, black, and purple) and the items which have those colors. Counting study session will help children to learn numbers from 1 to 10. Basic shapes will introduce them to 2 dimensional shapes(circle, oval, square, rectangle, triangle, heart, star, and rhombus) along with the example of items which we see often in daily life. While English study session will introduce them basic vocabulary in English and the order is based on alphabetical order.

While the game session consists of 3 sub-menus. They are “Feed Pluto”, “Decorating House”, and “Number Guessing” game. “Feed Pluto” and “Number Guessing” is a counting game. “Feed Pluto” requires the user to feed a dog(Pluto from Disney Mickey Mouse) bones according to the number appears on the screen. “Number Guessing” on the other hand, requires user to guess the correct number according to the number pronounced by a narrator. “Decorating House” is a drag and drop based game, which involves basic shapes. User has to drag the items to its corresponding basic shape, which is in black color. For example, a triangle ruler should be placed to the black triangle provided. In the end of the game, there will be a scoreboard for both the numbers of correct answers and wrong answers for “Number Guessing” and “Feed Pluto” game while “Decorating House” will show how fast the user is to complete the game.

Finally, there is a credit session is just basically introduce the people behind the production of the game. There are main programmers, voice actors, lecturers and teaching assistant, and also the source web of pictures that we used in this project.