Describe the purpose and user requirements for the app. (P2)



1640205952500Unit 8 – Mobile App DevelopmentTask 2Richard Collins164166Describe the purpose and user requirements for the app. (P2)Describe the purpose and user requirements for the app. The purpose of this application is to teach children, around the ages of 3-6, the alphabet. It shows them and interacts with them and gets them to sound out and use the alphabet in the mini-games in-bedded in the app. Each alphabet letter is co-ordinated with colourful images of items suitable which begin with the letter which a person is trying to learn via the app. With all these put together, this app is designed to be fun for the users and create a useful learning environment on their Android device.In the application we are changing how children 3+ learn the alphabet, making it fun and educational at the same time. Inside of the application we have a variety of games, such as tapping objects, flinging objects, drawing objects and reading objects. This is the variety which was requested by the user who wanted this application. It is the hope that the mix of games will appeal to all different types of children who have different learning styles. The user required an application which featured a login screen and a home screen, which would clearly display the alphabet for ease of learning. The user required the app to be usable by age groups of 3+. The app is targeted towards parents of such children, so they can download it and go through the alphabet with them. The user wanted a variety of games for each letter, as well as pronunciations for each of the letters.a detailed proposed solution, using a range of suitable tools flowchartspseudocodePseudocode A - Apple GameDeclare as Username as StringDeclare as Password as StringAssign Username as RichardAssign Password as ESCIf username and/or password incorrectGo back to Login ScreenElseIf Username and Password correctGo to Screen2Click button “A”Audio will play which states “A is for Apple”Longclick the ButtonIt will open relevant game screen for letter AIf Letter A is longclickOpen the Apple ScreenTouch the AppleIt will make the apple move, resize, add scores and play audioClick reset buttonIt will reset gameClick Back buttonWill return to Main ScreenPseudocode B - Banana GameDeclare as Username as StringDeclare as Password as StringAssign Username as RichardAssign Password as ESCIf username and/or password incorrectGo back to Login ScreenElseIf Username and Password correctGo to Screen2Click button “B”Audio will play which states “B is for Banana”Longclick the ButtonIt will open relevant game screen for letter BIf Letter B is longclickOpen the Banana ScreenFling/Drag finger in random directionBanana will move in that direction until reaches edgeClick reset buttonIt will reset gameClick Back buttonWill return to Main ScreenPseudocode C – Cat GameDeclare as Username as StringDeclare as Password as StringAssign Username as RichardAssign Password as ESCIf username and/or password incorrectGo back to Login ScreenElseIf Username and Password correctGo to Screen2Click button “C”Audio will play which states “C is for Cat”Longclick the ButtonIt will open relevant game screen for letter CIf Letter C is longclickOpen the Cat ScreenTap the CatCat will “say” a random phraseRandom phrase will appear next to wording “the cat says”Click reset buttonIt will reset gameClick Back buttonWill return to Main ScreenPseudocode D – Dog GameDeclare as Username as StringDeclare as Password as StringAssign Username as RichardAssign Password as ESCIf username and/or password incorrectGo back to Login ScreenElseIf Username and Password correctGo to Screen2Click button “D”Audio will play which states “D is for Dog”Longclick the ButtonIt will open relevant game screen for letter DIf Letter D is longclickOpen the Cat ScreenTap the CatCat will “say” a random phraseRandom phrase will appear next to wording “the cat says”Click reset buttonIt will reset gameClick Back buttonWill return to Main ScreenPseudocode E – Egg GameDeclare as Username as StringDeclare as Password as StringAssign Username as RichardAssign Password as ESCIf username and/or password incorrectGo back to Login ScreenElseIf Username and Password correctGo to Screen2Click button “E”Audio will play which states “E is for Egg”Longclick the ButtonIt will open relevant game screen for letter EIf Letter E is longclickOpen the Egg ScreenTouch the EggIt will make the Egg move, resize and say a phrasePhrase will appear above the Egg Screen Click reset buttonIt will reset gameClick Back buttonWill return to Main ScreenPseudocode F – Fun GameDeclare as Username as StringDeclare as Password as StringAssign Username as RichardAssign Password as ESCIf username and/or password incorrectGo back to Login ScreenElseIf Username and Password correctGo to Screen2Click button “F”Audio will play which states “F is for Fun”Longclick the ButtonIt will open relevant game screen for letter FIf Letter F is longclickOpen the Fun ScreenDraw an image that represents funClick reset buttonIt will reset game and wipe canvasClick Back buttonWill return to Main ScreenPseudocode G – Goat GameDeclare as Username as StringDeclare as Password as StringAssign Username as RichardAssign Password as ESCIf username and/or password incorrectGo back to Login ScreenElseIf Username and Password correctGo to Screen2Click button “G”Audio will play which states “G is for Goat”Longclick the ButtonIt will open relevant game screen for letter GIf Letter G is longclickOpen the Goat ScreenFling the Goat towards the grass piecesGrass pieces randomly moveGoat impacts grassGrass disappears Click reset buttonIt will reset gameClick Back buttonWill return to Main ScreenPseudocode H – Holiday GameDeclare as Username as StringDeclare as Password as StringAssign Username as RichardAssign Password as ESCIf username and/or password incorrectGo back to Login ScreenElseIf Username and Password correctGo to Screen2Click button “H”Audio will play which states “H is for Holiday”Longclick the ButtonIt will open relevant game screen for letter HIf Letter H is longclickOpen the Holiday ScreenFling the Sun Sun will bounce off edges and other images Click reset buttonIt will reset gameClick Back buttonWill return to Main Screena description of the main program tasks (data input and output, screen layouts and navigation)394525569215Screen 1 – Main Screen00Screen 1 – Main Screen126873069215LOGIN SCREEN00LOGIN SCREEN6686551657350338328022860Learning the Alphabet Touch Letter to hear Sound Longclick to play GAMES!00Learning the Alphabet Touch Letter to hear Sound Longclick to play GAMES!44005522860009163055080LOGIN SCREEN00LOGIN SCREEN142113090805Username0Username1268730914401421130234950Password0Password12687302362204164329217804Login00Login1354455227965Enter!0Enter!Login ScreenScreen1 – Main ScreenThe login screen is designed to be the first screen loaded when the application is first opened. In this screen the user using the application is asked to enter his/her login details, which need to be set in the design of the application. The design is simplistic with a similar colour scheme. There are two boxes to enter details into, these are the Username and Password boxes. The Username box enters details as normal as a textbox but the password box is designed to dot-out the password which is entered, ensuring the highest level of security in case someone is watching the user enter his/her password.If entering the correct details, a voice will state “welcome” and the word “valid” will show below the password box but above the enter box.If incorrect details are entered, a sound will play and the word “invalid” will show in the exact same place as where “valid” would show.This is the second screen on the application. This screen features 8 of the letters of the English Alphabet, A through H. The buttons are teal with red writing to ensure that they stand out for those who may struggle with vision problems. If a button is pushed, a sound will play which will read out the letter and a relevant word which begins with the letter that is pushed. Example “A is for Apple”. Each of the words which are read out are related to the games which are imbedded into the application.If a button is long-clicked, held down for a few seconds, then the application will load the relevant game which is associated with the specific letter. Each letter has its own game, which is one of a variety of games, which involve either tapping, flinging or drawing objects.3945255198120B for Banana00B for Banana1268730207644A for Apple00A for Apple3383280237490004400552374900056388019050Back00Back5162553873604421505295275001478280199390003383280120016Score: 0Score: 487680234315Score: 0Score: 516255244475Reset0ResetApple ScreenBanana ScreenThis is the game screen for the “A” button. In this game you have an Apple, which moves around the screen on a time based movement. In order to score, you have to tap the Apple, which will add 1 point to your score and read out “A is for Apple”.The Apple will move every few seconds and every time it is touched. Every time it is touched it also gets smaller or larger at random intervals. This game is designed to offer only a small challenge to the user while teaching them the letter “A” at the same time.The Apple is randomised by Random Fraction x Canvas Width – Apple Width.Random Fraction x Canvas Height – Apple Height.This makes the Apple move around the screen at random intervals.This is the game screen for the “B” button. In this game you have a Banana, which you fling in any direction you wish. Each time will add one point to your score, resize and play a cartoonish sound.If the Banana reaches the edge, then it will bounce of the edge and fling itself in a random direction and play a second type of cartoonish sound.The user can fling the Banana at any time, before or after it has hit the edge.This game is not designed to be a challenge as such as a fun way to learn the specific letter.The Banana is randomised byBanana image - X Direction = Random Fraction x Canvas Width – Apple Width.Banana image - Y Direction = Random Fraction x Canvas Height – Apple Height.This makes the Banana go in different directions on the X and Y Axis.1373505312420C for Cat00C for Cat4050030312420D for Dog00D for Dog5257803136900034690053136900035623503180080Reset0Reset360997592710Back00Back67627562230Back00Back54483004381500378142543815003564255153035052578048260The Cat Says: 00The Cat Says: 6305551079504535805306705001497330325755005450205271145003783330271145003467100284480Score: 0Score: 600075231140Score: 0Score: 628650241300Reset0ResetCat ScreenDog ScreenThis is the game screen for the “C” button. In this game you have a Cat which when pushed, will generate a random word beginning with “C” next to the sentence “The Cat Says:”The Cat moves and resizes every time it is touched. The Cat also plays a purring sound every time touched. The purring can only occur every 500ms. This game is not designed to be physically challenging but instead mentally challenging. It is designed that the children who use this app, will sound out the words which are generated by touching the cat. There is a large list of words to generate from, which are generated at random.Each of the words begin with the letter “C”The Randomised word is picked byCatImg.touched Set Label1.Text to pick a random item list = make a list C is for ClockC is for CollegeC is for CabbageC is for ChinchillaC is for ChihuahuaC is for ChuckleC is for CatC is for ComputerC is for CarC is for ColourC is for CodeC is for ChildrenC is for CoalC is for CameraC is for CountryThis is the game screen for the “D” button. In this game you have a Dog, which you fling in any direction you wish. There are 4 bowls of dog food, which if the dog reaches, they disappear. If the Dog reaches the edge, then it will bounce of the edge and fling itself in a random direction and play a second type of cartoonish sound.The user can fling the Dog at any time, before or after it has hit the edge.This game is designed to be a small challenge as the bowls of food move on a time based The 4 Dog bowl images are randomised byImage - X Direction = Random Fraction x Canvas Width – Bowl Width.Image - Y Direction = Random Fraction x Canvas Height – bowl Height.This makes the Dog Bowl images go in different directions on the X and Y Axis.4345305207645F for Fun00F for Fun1325880207645E for Egg00E for Egg35458403350260Reset0Reset3593465262890Back00Back647700262890Back00Back6000753350260Reset0Reset5715003016885Score: 0Score: 346710018288000525780180340003464532220069Draw an Image that describes FUN00Draw an Image that describes FUN35440451984790601980863600135445522796500Egg ScreenFun ScreenThis is the game screen for the “E” button. In this game you have an Egg which when pushed, will generate a random word beginning with “E” The Egg moves and resizes every time it is touched. The Egg also plays a movement sound every time touched. The movement sound can only occur every 500ms. This game is not designed to be physically challenging but instead mentally challenging. It is designed that the children who use this app, will sound out the words which are generated by touching the egg. There is a large list of words to generate from, which are generated at random.Each of the words begin with the letter “E”The Randomised word is picked byEggImg.touched Set Label1.Text to pick a random item list = make a list E is for ElephantE is for EggE is for EagleE is for EarE is for ElevatorE is for EscalatorE is for EelE is for Endeavour E is for EmpowerE is for EvilE is for ExcavatorE is for ExtremeE is for EvenE is for Electricity E is for EarphonesThis is the game screen for the “F” button. In this game you have a blank canvas in which you are asked to draw an image which correlates with the word “Fun”This game is designed to be fun for the user, a child, to draw images and learn what is seen as fun for the child.The drawing board uses a solid white background to allow for full usage of it as a canvas.The paint colour is default set to Blue. This means that any drawings done under this setting, will be blue automatically.If the user is done with their drawing or has made a mistake or is not happy with what they have drawn, they can click the reset button, which will clear the canvas and reset it to the white blank background as when first loaded.385000556515H for Holiday00H for Holiday117348056515G for Goat00G for Goat32461203733800029160349420003364983124726Back00Back3657603210560Reset0Reset413385123190Back00Back390746125536033633921230630522033515895400630555228600002438781223342001361854489980033267651829820049866551773180023831557112000659130139700024032475080005937251069400324485317932Score: 0Score: 3359785186487Reset0ResetGoat ScreenHoliday ScreenThis is the game screen for the “G” button. In this game you have a Goat, which you fling in any direction you wish. There are 4 pieces of grass, which if the Goat reaches, they disappear. If the Goat reaches the edge, then it will bounce of the edge and fling itself in a random direction and play a second type of cartoonish sound.The user can fling the Goat at any time, before or after it has hit the edge.This game is designed to be a small challenge as the pieces of grass move on a time based The 4 pieces of grass images are randomised byImage - X Direction = Random Fraction x Canvas Width – Grass Width.Image - Y Direction = Random Fraction x Canvas Height – Grass Height.This makes the Grass images go in different directions on the X and Y Axis.This is the game screen for the “H” button. In this game you have a screen which is designed as a Holiday vacation spot. There are 3 assets in this game.The idea of this game is to fling the sun, which will bounce off of the Palm Trees and Beach Chairs. The person flings it, it bounces on those items and on the edges, playing a bounce sound each time.The game is not designed to be challenging but instead fun for the user, showing what the “ideal” holiday can be.The sun uses the same code as the Dog Game, Goat Game and Banana Game. NavigationProduce a design for a mobile app, including: (P3)a list of any pre-defined programs/code snippets (including any functions or sub-routines)25804371187246a fully-referenced source table, documenting the sources appropriatelyImage AssetsAssetTypeDescriptionSourcesUsed?AppleImage – jpgSmall red apple icon which is clearly and highly details. The dimensions are 80x94 but it is resized in the App to 50x50 to be able to fit clearly in the canvas with room to move about as the game requires. ScreenBananaImage – JpgA medium sized image of a banana. The banana is lightly detailed. The dimensions of the original image are: 350x263 but it is resized in the App to 50x50 to be able to fit clearly in the canvas. This gives it room to be flung around the screen as the game requires. ScreenCatImage – PNGA medium sized image of a cartoon Cat. This cat is only detailed as a cartoon style animal. There is no super defined features on this image as it is a cartoon style image. The dimensions of this image are 256x256 but it is resized in the App to 50x50 to be able to fit clearly in the canvas. The cat is only small in the canvas to leave room for the sentence at the top of the screen which is part of the game. ScreenDogImage - PNGA medium sized image of a cartoon Dog. This Dog is only detailed as a cartoon style animal. There is no super defined features on this image as it is a cartoon style image. The dimensions of this image are 256x256 but it is resized in the App to 50x50 to be able to fit clearly in the canvas. This gives it room to be flung around the screen to hit the Dog food bowl icons as the game requires. ScreenFood BowlImage – PNGThis is a medium sized image of a cartoon style dog food bowl. There is a small detailed writing on the image which clearly says the word “Doggie”. The bowl itself is gold with a brown lump on top to show the food being present inside of the bowl. The Dimensions of this image are 256x256 but it is resized in the App to 30x30 to be able to move about the screen clearly and not be too easy for the dog image to collide with one of the 4 copied versions of this image. ScreenFour TimesEggImage – JpgThis is a medium sized image of an Egg. It is only slightly detailed and has no super defined features. The dimensions of this image are: 160x120 but it is resized in the App to 50x50 to be able to fit clearly in the canvas, allowing for the line of words to appear at the top of the screen when the user touches the egg. ScreenGoatImage – JpgThis is a medium sized cartoon image of a goat, with no super defined details as it is only a cartoon image. The goat is shown to be standing forwards and looking to the side. There is very little detail to this image, with only simple colours and black lines being used, it is likely a Vector image. The dimensions of this image are: 490x531 but it is resized in the App to 50x50 to be able to fit on the canvas with the other 4 images, which are small stacks of grass. ScreenGrassImage – PNGThis is a small cartoon image of grass. There are no super defined details as it is only a cartoon image. The grass is created using simplistic colours with edging colours being a darker shade of green. The dimensions of this image are: 128x128 but it is resized in the App to 30x30 to be able to fit on the canvas four times and be able to randomly move about without colliding quickly and easily with the 4 images of grass or the goat image. ScreenFour TimesPalm TreesImage - JpgThis is a medium sized cartoon image of two palm trees sitting on a small mound of desert sand. This image has been created using different shades of different colours. This is a cartoon image, so it does not have any super defined details. The dimensions of this image are: 132x137 but it is resized in the App to 140x140. This is so it is bigger than the table and chairs, which creates for the fun of flinging the sun around, to hit the palm trees and/or chairs. ScreenTable/ChairsImage - JpgThis is a medium sized cartoon image of a set of table and chairs which are designed for the beach. The table and chairs have a parasol as well. The image is of cartoon design so it does not feature any super defined details. The dimensions of this image are132x123 but it is resized in the App to 100x100, this is so that it is smaller than the palm trees, making for more fun with flinging the sun around to hit the palm trees and/or Table/chairs. ScreenSunImage - JpgThis is a medium sized cartoon image. It is a simplistic design with only light shading to show the reflection of the sun as seen from Earth. The sun is a cartoonish design, featuring a circle surrounded by triangles to show the brightness and gleaming of the sun. This is a cartoon image that would usually appear in a kids’ cartoon. The dimensions of this image are: 125x126 but it is resized in the App to 80x80 so that there is plenty of room for the sun to be flung towards either the beach chairs or palm trees. ScreenLogin BannerImage – PNGThis is an image which I created in Microsoft Word, using the rounded rectangle shape from the shapes tools. This is a simplistic blue rounded rectangle with the clear white writing inside that states “LOGIN SCREEN” in all capitals. This is at the top of the login screen to clearly indicate to the user where they are within the App.Created by Me in Microsoft Word – Not Online anywhereZ:\Users\Bertie\OneDrive\Documents\U8\Assignment-3 AppLogin ScreenSound/Audio Assets AssetTypeDescriptionSourcesUsed?Sound0 – Mp3This is a warning/alert sound which plays if the person has tried to log in using the wrong details. This is not a very loud sound, but it is designed to warn the user that they have made a mistake. ScreenSound1 – Mp3This is a cartoon slipping sound, designed to play every time the user touches the apple. I added this to create the effect that the apple has “slipped” away from the user after touching it and re-appeared on the screen elsewhere. ScreenSound2 – Mp3This is a cartoon jumping sound. This sound was created by someone online to resemble the Mario Bros? Jumping Sound, when the character Mario jumps, this sound is played. In my game, I have designed it so that when the user flings the banana this sound will play. ScreenSound3 – Mp3This is a recording someone has taken of a cat purring. I have added this sound as my screen is featuring a cat. When the user touches the cat, the cat generates a sentence “The Cat says” and a random word beginning with “C”. The sound has been added so that the cat will purr every time the user touches the cat. ScreenSound4 – Mp3This is a cartoonish sound of a dog panting. This sound is added to the dog asset and is activated when the dog is flung in any direction. The dog will only make this sound when input is used, it will not continue for more than a few seconds ScreenSound5 – Mp3This is a cartoon sound of a dog eating its food. This is added and activated when the dog impacts on one of the food bowl assets, which is the goal of the game. As the dog impacts on the bowl, the sound is played. ScreenSound6 – Mp3This is a cartoon bounce sound, which plays if and when the dog asset bounces on one of the 4 edges of the screen. This sound will only play when the dog asset has impacted with the edge of the screen and will only last a few seconds ScreenSound7 – Mp3This is a movement sound. This is a sound from a film/TV show of something being inside an egg like shell and moving. This is designed to play every time the user inputs a touch with the egg asset ScreenSound8 – Mp3This is a sound of a goat bleating. This sound is added to the cartoon goat asset and is only activated when the user inputs a fling in any direction from the goat. This sound will only be activated by input and will not last any more than a few seconds. ScreenSound9 – Mp3This is the sound of grass being eaten. This sound will only activated when the goat asset has impacted with one of the four grass assets around the screen, as is the aim of the game. This sound is not played any other way and only lasts for a few seconds ScreenSound10 – Mp3This is a different cartoon sound from the other bounce sound, this one makes more of a “boink” noise, as seen in cartoons when a character hits his/her head on something. This sound will be activated when the goat asset hits one of the 4 edges of the screen. It cannot be activated any other way. ScreenSound11 – Mp3This is a whistling type sound when the user inputs a fling movement in any direction on the Sun asset. It only plays when the sun is flung in any direction. ScreenSound12 – Mp3This is a pop type sound, which plays when the Sun asset reaches and hits either the Palm Trees or the Deck Chair image assets. It only makes this sound upon impact, it cannot play any other way. ScreenA test plan, to test for the logic and functionality.No.Test DescriptionNo.InputExpected OutputActual OutputNotes1Input Testing1NormalUN – RichardPW - ESCLoad up and reach the Alphabet main screen2ErroneousUN – RihardPW - ECCError Message regarding login.3ExtremeUN – AuE334532PW – T43219v)(Error Message Regarding Login2Tap Button Tests1NormalTap ButtonLoad up page connected to button2ErroneousLong Hold ButtonPage does not load up3ExtremeFling ButtonNo response from button3Sound Testing1NormalPerform Action related to soundSound plays as action is performed2ErroneousTap screen instead of assetNo sound played3ExtremeLongclick assetNo sound played4Game 1 Test – Flinging the Banana1NormalFling banana in any directionBanana moves across screen in direction of it being flung2ErroneousTap banana instead of flingNo movement from banana asset3ExtremeFling background instead of bananaNo movement from banana asset5Game 2 Test – Drawing “Fun”1NormalDraw random image with fingerLines follow finger and draw what the user has drawn2ErroneousToo light of touchDepending on screen, lines should show and disappear making a “dotted” type line3ExtremeMove finger hovering over screen with no contactNo lines or input appearing at all.6Asset Bouncing Test1NormalFling assetAsset bounces on edges or other asset and moves in alternate direction2ErroneousTap asset as bouncesAsset bounces again on edge before having time to respond3ExtremeFling asset too many timesAsset fails to reach edges due to over flingingProduce a detailed design for a mobile app (M2)a brief outline of any alternative solutions for the intended software program and why these alternative designs were rejectedScreen ImageDescription-2190116252412518688051924050008305801962150001905218122500-28568652695575-28759156000750-28587703294380Reset0Reset-2897505261620Back00Back-6858016954500This originally was an idea for my “C for Cat” screen. In this game the user would tap/longtouch on the cat, to make it bounce, depending on how long needed.The screen would continuously move, as if the cat was moving down the path to the left.The walls would vary in height, width and spacing. Sometimes there would be two walls or more together, requiring longer touches.As the cat got further and further, the speed would increase slightly to be able to not remain repetitive and boring. Every time the user touched the cat, a small purring or meowing sound would have been heard. When the cat impacted onto a wall, a cat screeching sound would have been heard, like in the cartoons such as Tom and Jerry.The idea of this game was based on FlappyBird, a simplistic yet highly addictive game with the younger generation. It was very popular during its initial release. I decided not to go ahead with this design, due to how complicated the design became and even when I tried to simplify the design, it still struggled to be programmed by the MIT App Inventor software. It became too much of a struggle in the period of time allotted to this task, to try to figure out how I could have made this game in MIT App Inventor.116152326666400040054442296BackReset00BackReset60044658772300-6858017399000This was originally my design for the “F for Football” screen, which became “F for Fun” screen instead.This game was simple, you had to get the football into the goal. You fling the football at the goal and if it hits, it’s a point on the users score. After 3 successful hits, the goal would start moving from left to right, to increase the difficulty. After 6 successful hits, the football would also start moving left to right, increasing the difficulty again. The idea behind this game was sound but I felt it would have gotten repetitive and easy to beat after a few times of playing it. There was also issues with making the game play out in stages, getting the goal/football to move after a certain score. With the limited time available, I felt I wouldn’t be able to do this and work on this entire App at the same time.332285111079500-2890546113413BackReset00BackReset635-870267500This was my original “D for Dance” screen, which became “D for Dog” screen after this idea was rejected.In this screen, it would have seen two cartoon characters and when touched, a few different actions would happen, different each time.Each time the characters were touched, they would start dancing either slow, medium or fast. Music would play a short clip, which would correlate to the type of dance the characters were doing.I rejected this idea because of the repetitiveness of the actions, eventually each dance would be done, over and over again. There was also issues with being able to code this into working. There was not many tutorials for this time of App animations available online and I felt I did not have enough time to be able to research more into it and have time to develop this screen as well as the rest of the App. 65472974489900-3721253276BackReset00BackReset-6858017589500This was the “H for Human” Screen which was replaced by the “H for Holiday” Screen.In this screen, I had different ideas of what I wanted to do. My first idea was to have different parts of the body broken into segments and when touched, they would speak out the name of that particular part of the body.My second idea was to have the person colour in the human body outline and when it was full, it would have spoken and spelt out the word “Human”These ideas were good, but I felt they were far too complicated to design with the MIT App Inventor. Issues with coding and placement of each of the assets lead to this idea being rejected before even being finished as a concept.-16206113085200-19910572506953EX-CEL-SI-OR00EX-CEL-SI-OR-2253615231637000-2182357599164The Elephant Says:EXCELSIOR!00The Elephant Says:EXCELSIOR!-2882817118634BackReset00BackReset635-712406500This was my “E for Elephant” screen which was replaced by my “E for Egg” screen.In this screen, it had a simplistic design, every time you touched the elephant, he would make a Trumpet noise and then a speech bubble would appear with different words beginning with “E”I did very much like this idea but when it came around to the finishing details, I preferred the “E for Egg” format better for spelling out clear words which begin with “E”The Egg version of this screen was more practical and gave a clearer version of generating the words beginning with “E”Justify the design decisions, (D2)Design justification that describes how the chosen design fulfils the purpose and user requirements and how the app is suitable for the end usersDemonstrate the quality and thoroughness of the design work.Review of the design in light of any constraints, such as variable screen sizes.I feel as if the designs I have chosen for the App meet the purpose because it is including all that is appealing to the target audience as well as what was asked by the user. The App features a total of 10 screens, 8 mini-games which are in-bedded into letters, 1 Login Screen which requires the user’s login details and the Main alphabet screen in which everything is linked together.The designs I have used for the application have been produced to the highest detail I possibly could create. I have created these like this because to be able to work from the document, we need all the details possible to be clear and accurate to the original and chosen design. We have used clear image screen designs so that when we come round to creating the actual application. We have used a flowchart and pseudocode to clearly show how each of the games and screens should run, showing the processes, inputs and outputs expected from the screens. We have identified each of the assets and their location so that we can easily use them when it comes to creating the actual application. The assets are listed and sourced in an asset table, to clearly lay them out and make them easy to find.The first designs, which are the ones I chose to go with for the overall Application, I believe to be the strongest for the purpose and client requirements. These designs are clear and concise; they show all of the needed details which have been requested by the user. These designs have all of the assets which are utilised throughout the application, listed in a table. This table is broken down to each screen, as to easily locate an asset for a specific screen. Each of these assets have had their sources listed as to ensure that all credit is given to the respective designers of each asset, as well as to locate other files which may be relevant to a specific asset.Each of the assets chosen have been chosen due to their uniqueness and relevance to the user requirements. Each of the assets share the common identity as being “bright, colourful and/or cartoonish”. I chose to use this overall theme in my assets due to the intended target audiences of the application, which happen to be young children. With these colourful assets, concentration is going to be higher, compared to more real world imagery which would be seen as “duller”.When I was designing this App, I had to think carefully about each of the screens and how it will affect the target audience. The mini games had to be suitable, not too difficult and not all featuring the same content re-lettered for each letter, to be able to keep the attention of the children users. Each of the games were chosen due to their relative in either easiness or compatibility with the age group of the target audience. Since the target audience for this App is the children in which the parents will give this App too, we had to make sure the games could be completed and achievements earned by Children. If the games were too difficult, it would frustrate the children and give the wrong message in learning the alphabet. With the games we have used, if the child fails to achieve, he/she just has to try again and keep trying until they succeed, which is the general outlook on trying to learn anything new, for any age group.The words chosen were anywhere on the scale of easy to hard for around 3+ year olds. Shorter words, such as Cat, Dog, Elephant and Computer where chosen as these are general words, which are learnt in school around this age. Some of the harder words include Excelsior, Escalator, Empower, Chihuahua and Chinchilla. These are harder words for this age group, which gives them something to fight to achieve. The theory is that if the children learn these new words via this App and go to school with their new found knowledge, it will spread and other children will catch on, wanting to try out application and learn these new words too. This App is trying to make education fun at a time in kid’s life when fun is all about playing. This way, we’re bringing the playtime fun into education, learning new things via a different method than that employed by schools.In this App, we chose specifically not to use any games which would make the mind increase the activity too much and over stimulate the child. Research has found that people who play fast paced, very interesting video games (or App games) for periods of time, struggle to concentrate during more “boring” times in their life, such as lessons. This makes for the child to act out and causes problems in educational life. We specifically thought about the targeted audience and not to make this App a part of the problem, instead of a solution. If this App was too fast paced, it would have added to the problems of trying to keep children attentive and listening during lessons which he/she may consider boring. The designs of the screens were designed to be enjoyed but not to over stimulate too much the user. We used some “wild” colours, such as bright Red’s and Teal’s but limited its usage on each screen. We chose to use white backgrounds to ensure that the entire App wasn’t overfilled with masses of colour, which would in turn distract the child user from the overall purpose of the App.Using simplistic Cartoon images, instead of high resolution detailed real world images has added to the thoroughness of this App. Children will not look at real world images for long, as the colours of “life” are boring to the mind of a child. Cartoons are far more colourful and animated with much more interesting features compared to real life. We used these images to ensure that the child user would pay attention to the games and the overall learning that the App is providing.We have had many issues with the original and alternate designs, when it comes to programming and designing. When we were designing the App we had many ideas which sounded very interesting and feasible but when it came to either putting them on paper or making a practice version, it was impossible to do. There were some ethical constraints behind some of the original/alternate designs, as we felt that some of the games were too “flashy” or “in depth” which would distract the user from actually learning instead of just playing games.There were some minor legal constraints in regards to content in which we wanted to use, such as cartoon images, which had been copyrighted to people. If the App was released to the general market, we would have had to seek permission from each of the respectable copyright owners to ensure that they were ok with us using their creative work for our App. ................
................

In order to avoid copyright disputes, this page is only a partial summary.

Google Online Preview   Download