Development (Chapter 5)
- Details
- Category: Level 3, CET300 Computing Project (Dissertation)
- Published: Friday, 12 February 2021 14:31
- Hits: 894
5. Development
The aim of the project was to develop a mobile application and during the development it was necessary to follow the professional guidelines for the implementation of the mobile application. During the development, the Agile method was used as the designed functions were built step by step and tested one by one. So it makes it more flexible to adapt quickly to change. The features have been tested on both virtual devices in the development environment and the Android platform. It took a week or two to create the features and test the prototype. This chapter summarizes the development and testing step by step and within it the problems that arise and their solutions.
5.1 Main Page
The initial design of the main screen would have required registration and login, however, at the customer's suggestion, these are not required as the clientele of the application is 2-5 years old. With this in mind, another main page needed to be developed.
Images at both the top and bottom of the Main page are used to show items that are healthy or unhealthy using the scrollView for educational purposes. The images were framed in red and green to distinguish between good and bad elements. Clicking on the images will display the name of the item and its happy or sad face.
The image in the middle of the Main page suggests that the app is about healthy eating and clicking on it will take you to the Game page.
It made it difficult for the user age group to find suitable images and was a very time consuming task. The images were framed in different colours in order to distinguish between healthy (green) and unhealthy (red) foods. The colour blue, on the other hand, has been used during games to let the user decide which group that item belongs to.
5.2 Information Page
The Information page provides information about the application in text form. This Information page contains the name of the application and the developer, within which project, where and when the application was made. By pressing the back button, you can return to the main page, which is indicated by a sound that you have stepped back.
5.3 Video Page
The Video page shows the use of games with a short video, helping users how to use the application accompanied by a pleasant musical sound, with the back button it is possible to return to the starting point accompanied by a sound.
5.4 Game Screen
Using the Game Card with four CardViews, different cards are displayed that symbolize the style of the game. In this case, the four games are Card, Puzzle, Bad Or Good and Memory. Each card is displayed in a different colour, with a separate icon and text display. By using colours and icons, we draw children’s attention to this. Clicking on the selected CardView will take you to the associated activity.
Card game research has plenty of card games that could have served as a basis during development, although no card games with a similar structure could be found in research that would have been appropriate for the project, so this game is based on our own development.
The task of the Card Game is to insert the appropriate image to which it belongs according to the colour in the blank red or green framed fields. Healthy elements symbolize green and unhealthy elements symbolize red. The selectable images can be found in the scrollView at the bottom of the game with a blue frame.
The game only counts a good hit, not a bad hit. For good or bad hits, a sound indicates that the task has been performed correctly and the image is in the correct or incorrect location and a happy / sad face is displayed. The Card Game has three levels, the first with four empty fields, the second with eight empty fields and the third with twelve empty fields to make the task more difficult. The score is counted continuously until the end of the third level.
At the end of each level, the game tells you how you completed the level, how many hits you had, and you have two choices to choose from, exit, or choose the next / new game level.
Images in scrollView are displayed only once, avoiding duplicate images.
5.6 Puzzle Game
The Puzzle Game is also based on its own development, the task is for the player to logically put the pieces of the picture together in the empty fields where they need to be inserted. The split images can be found at the bottom of the Puzzle game with a red / green frame. The images in scrollView display the amount of images corresponding to the level, with the four, nine, and twelve pieces displayed. The Puzzle Game also has three levels, the first with a 2x2 empty field, the second with a 3x3 empty field and the third with a 4x4 empty field making the task more difficult. The score is calculated separately for each level, not until the end of the third level.
Improvements include the ability to move the image to the correct location if the image is pasted in the wrong location. The sound indicates to the user whether the image has been inserted in the correct or incorrect location, which is confirmed by a happy / sad face and scores only the image inserted in the correct location.
Like the Card game, the checkout, happy / bad face usage, beep, number of hits, and selectable options work the same way in the Puzzle Game. At the end of the third level, it is possible to exit or replay the third level.
5.7 Bad or Good Game
Like previous games, the Bad or Good Game is based on its own development, with the goal of placing healthy or unhealthy items / food from the cards shown above in the basket or trash underneath. Teaching Kids this way about a healthy lifestyle.
In this game, you count good and bad hits. At the end of the game, it only prints good hits for positive user feedback. Like other games, Bad or Good has three different levels and at the end of the game you can exit the game or choose the next level / new game. Of course, the happy / sad face, announcement and sound signal were also used here.
5.8 Memory Game
At Memory Game, a video found on a website served as the basis for game development (Radeff, T., 2017.) It underwent several changes while the final game design was implemented. These include resizing the cards, changing the background, and creating three different difficulty colours.
The point of the Memory game is to find the same pictures so we match them. The pairs found disappear from the game and the game counts the pairs found. As in previous games, there are three levels to match 2 images at Level 1, 4 images at Level 2, and 6 images at Level 3. In the case of the Memory game, as in the previous games, the use of the happy / sad face, a beep at the end of the game offers the possibility of both exit or the next level / new game.
All four games feature a back button that gives you the option to step back. In addition, the View.OnLongClickListener procedure used to move images is used to long-click images and this is the method that the system calls when it dispatches a drag event to the listener. The three methods of the View.OnDragListener procedure are:
- DragEvent.ACTION_DRAG_STARTED:
- DragEvent.ACTION_DROP:
- DragEvent.ACTION_DRAG_ENDED:
In games, the text was replaced with sound at the customer’s request. What this statement imports:
import android.speech.tts.TextToSpeech;
onCreate, initialise
The text message is transmitted to the user as a voice message when NEEDED.
