Unit 8- Mobile app development Task 2

[Year]

[Document subtitle]9800216590

West Cheshire College | [Company address]

INTRODUCE

Purpose of this program is to create education mobile app for children to learn letters. This app it will be easy and simple game with lessons to teach children alphabetic letters. This App it’s for children from 5 years old or younger, it will help to understand because this app used images to describe each letter. The best way to learn letters from this app is to learn with parents then child can repeat the words from the chart. This app will have sound lessons for children with tasks to guessing the letter.

This app will be written by using C# programming language, it should be colourfully in nice and peacefully colours. It be simple and easy to use by a child, to play the game only what to have to do is to click play button to load game page.

REQUIREMENTS

I demonstrated two designs of mobile app for children called exploring letters. Two prototypes of mobile apps were created on Microsoft word using shapes and colours. Two designs include home page, game page and help page to demonstrate how it will be like. I pasted to my document part of code what I use to create mobile app on C# program. Mobile app supposed be for children to help learn letters. App include six letters and listening lessons, user should listen and click correct listen what program would pronounce. Proper design which is second one is described in details why I choice that’s colours or fonts.

Mobile app is created for company called Edutek. Includes test plan, table of source and detailed program diagram made on Visio. Letters I created by self on firework program and pasted into program.

App is created on Visual Studio for Microsoft phone platform. App supposed be friendly because is colourfully and bright enough for children, app is in orange colour with green and brown buttons. Letters are written capitals letters, bold and big enough. Letters are in friendly colour I choose red. Sound will include sound effect to pronounce letters.

PROPOSED SOLUTION

My mobile app is a simple children's game with letters and sound. The application has six letters from A to F when the child starts playing, which starts when the Start button is pressed automatically, the voice should say a letter that the child later has to click on the screen. If the child correctly guesses the letter, it gains points and moves to the next level that guesses the second letter. If a child clicks on a wrong litter loses one of his or her life, if he or she goes wrong three times, the child loses the game and starts again. This method allows the children to understand what to do and finally to the correct letter.

GUI DESIGN

Design 1 Home page

Game

Help

Design 2 Home page

Home page design looks quite good on orange background. Tittle of the game is in brown background write by black text. Tittle is bold and has enough big size of font. The buttons are in green background and black colours of the text.

The tittle of the game I called “exploring letters” because it is easy to understand what this game is about, and be easy understanding by children.

Picture is taken from google images. I chose that picture because it would looks quite fun for children and supposed to get interest of this game.

Game

Screen and design of game screen. A background is same as home page and colour of font. Button located underneath of the screen represents ,,back,, is in green background. It is visible and easy on eye. Tittle is in a bit dark green colours of background. Picture of letters is taken form google images.

Help

Help screen design same as home page and game screen is in orange background with green button underneath represented “back” to the home page. Font text is in black, it is very visible and easy to read on orange background. Picture is taken from google images.

ALTERNATIVE DESIGNS

On each designs I choice orange background because hue of orange is not too much brightness but light and peacefully colour of app. This app supposed to be for children, so orange colour should satisfied young players. I think this is looking quite well.

Buttons and tittles are green because it is visible and clear. Text is black because it is easy to read, see and visible on orange and green background.

Exploring letters title is in light brown background because fits to orange background.

I chose orange background because people who has struggle read black text on white background should feel more comfortable and good with this colour. It looking also is pleasant for the child because orange and green is happy and friendly colour.

LIST OF ASSETS

File name Description SourceA.png Letter A will be display

on the screenDeveloped using fireworks

A.mp3 Audio file for letter A Supported by tutor

B. png Letter B will be display on the screen

Developed using fireworks

B.mp3 Audio file for letter B Supported by tutor

C png Letter C will be display on the screen

Developed using fireworks

C.mp3 Audio file for letter C Supported by tutor

D. png Letter D will be display on the screen

Developed using fireworks

D.mp3 Audio file for letter D Supported by tutor

E. png Letter E will be display on the screen

Developed using fireworks

E.mp3 Audio file for letter E Supported by tutor

F. png Letter F will be display on the screen

Developed using fireworks

F.mp3 Audio file for letter F Supported by tutor

HIERARCHY CHART

I will compress the image size to make it smaller for mobile app because it is too big for small screen of phone.

CONSTRAINTS

Skills –the programming of this app will be quite simple and easy to use.

Time – this will be complete by end of semester

Language – C# programming language.

Copyright –I will create and produce images by myself

TEST PLAN

Test.no

Description Action Actual result Evidence

1 Test Play button

click play button

2 Test Help button

Click help button

3 Test home page

Home page should load properly

4 Sound test Click the play button

5 Test Navigation

Click each the navigation button

6 Test of Messages

Show information about score and game win or lose.

Message box showed information “sorry, try again” when I did click wrong letter

7 Run the game test

Game load properly

Game running properly

SAMPLE CODE PROVIDED THAT REQUIRES ADAPTING.

private void img4_MouseLeave(object sender, System.Windows.Input.MouseEventArgs e) { if(soundFile == listColoursL1[3]) { txtMessage.Text ="You have selected " + listColoursL1[3]; btnPlay.IsEnabled = true; score = score + 1; } else { txtMessage.Text ="Sorry, You have selected the wrong colour"; txtCheckCount.Text = check.ToString() + " attempt taken."; } }

private void Play_Click(object sender, RoutedEventArgs e) { //call the method to load the colours when the play button is pressed loadImages();

//select a random number between 0 and 4 number = randomIndex.Next(0, 4);

//select a random number between 0 and 4 soundFile = listColoursL1[number]; //set the source code for the sound SoundClip.Source = new Uri("/Assets/" + soundFile + ".mp3", UriKind.Relative); //set to play SoundClip.AutoPlay = true; SoundClip.Play();

}

//method loads list with file names for letter images and sounds

public void loadImagesSounds() {

listColoursL1.Add("orange"); listColoursL1.Add("blue"); listColoursL1.Add("red"); listColoursL1.Add("yellow"); }

IS THE DESIGN FRIENDLY?

ALTERNATIVE SOLUTION

Good idea to make my app better it was to create a list of letters. If a child clicks on one of them automatically pops up the picture for the child representing the letter. For example, if a child clicks on the letter "A", then a picture of the apple would pop up. But he does not choose this because the app is too small to improve on a professional. This would require the use of additional code or another program.

I could have made the application more colourful but I would not do it because it is difficult to find the right colour from the colour list that the program shows the code to choose the colour.

More pictures would make the app more clear and interesting. Surely the game would turn the attention of the child but then the application would look like a snapshot. The application is too small to accommodate a large number of images.

I could create additional options like typing and spelling. But it would take a lot of time and I got it low and I have to keep on course. It would be too complicated and would probably have a lot of mistakes to correct.

ANOTHER CONSTRAINS

Constrains about design and app is do not develop too much complicated mobile app because it would require additional code and knowledge to use the mobile application development program which is it now Visual Studio C# program.

Do not use too many images or colors because the application is too small, if I used more pictures or added more color apps would come on unclear, not interesting and squeeze.

HOW WILL MY PROPOSED APP FULFIL THE PURPOSE AND THE USER REQUIREMENTS?

My application should be easy to learn alphabet letters because it has presentations and pictures of letters. Pictures of the letters are large, clear and legible for the child. Application also has the sound so that the child can understand the lesson faster and better. The sound connection will give your child the pleasure of learning the letters and easing of understanding. Pictures help your child remember the look of letters to distinguish it from others. The whole application makes the child play and teaches at the same time.

WHY I YOU REJECT MY ALTERNATIVE SOLUTION?

I created and chose this app because I think it will be a really fun and enjoyable mobile application. I think it is most appropriate for the purpose of teaching the children of primary and first letters of the alphabet. The funniest feature of the game is to help children learn how to connect sounds to pictures.