Flash Deliveries App: User Interface and Functionality, Thesis of Computer Science

Download Flash Deliveries App: User Interface and Functionality and more Thesis Computer Science in PDF only on Docsity!

INTRODUCTION TO VISUAL AND INTERACTIVE

PROGRAMMING

INDIVIDUAL ASSIGNMENT

Table of Contents

• 1.0 Description of the program
• 2.0 Strategy Planning
• 3.0 Program Design
  • 3.1 Abstracting and Modularizing
• 3.2 Pseudocode
• 4.0 Testing Results
• 5.0 User’s Manual Book
• 6.0 Conclusion
• References

raw lamb. Lastly, the 99 speedmart store has a maggi cup image, a pocky image, a mamee monster image and an image of a packet of vitagen. The sounds used are “the clicking sound” and “the unlocked sound.” Finally, the target audience in mind during the development process of this application ranges from teenagers to adults. This is because all teenagers nowadays have a mobile phone or a laptop as it is a necessity to be able to attend online school classes. Other than that, since the lockdown prohibits anyone from going out of their houses, parents aren’t able to buy all of their daily necessities. Thus, since teenagers are more advanced in terms of technology compared to their parents, they can introduce this app to their parents which will then allow them to be able to purchase all the items needed. Since all items will be delivered in less than a day’s time, this app is very convenient and will definitely attract a lot of users.

2.0 Strategy Planning

Start with the documentation of the program Moving on to the final portion of the assignment, which is the programme documentation, which covers every single detail of the programme. Testing and debugging of the program Testing the script several times and debugging any problems discovered to guarantee the programme is user friendly for everyone. Starting the coding process for the programme Start coding the scripts for each sprite in order to ensure that each sprite works according to their given role in the programme. Writing the pseudocode for this program To have a clear image of how the code will look before the coding process and not waste any time while coding this programme. Selecting suitable designs for programme Selecting suitable images for the sprites and deciding on a proper phone background. Setting a deadline to complete this task Setting a dealine to complete this task can help ensure that there are no errors with the programme and that this task can be completed before the due date. Identifying elements of the program Listed down all important elements needed for the program. (e.g. Input, Process and Output) Finnalizing my idea to make to make a delivery app which will be given the title of^ Finalizing the idea "Flash Deliveries". Listing down and shortlisting ideas Generating creative ideas that can be used to make an the interactive program such as games, quizzes and etc.

Durian – An image of a durian that appears if user enter the fruit store instead and can be selected to add to cart. Return Arrow – A sprite that appears in the first and second pages of the app that lets the user return to page 1 or the main menu page Next Page Arrow – A sprite that appears only in the first page of the app that lets the user go to the next page Cart – A sprite that represents a cart icon which appears as soon as you open the app that will be on the top right. Allows the user to see items, price of each item, total price and lets them confirm their order. Phone Images – An image that appears in the top left of the screen to represent the Wi-Fi, data and battery life in a mobile phone. Meat Store - An image that represents a meat store in the second page of the app. Chicken – An image of a chicken that appears if the users enter the meat store and can be selected to add to cart. Fish – An image of a fish that appears if the users enter the meat store and can be selected to add to cart. Lamb– An image of a lamb that appears if the users enter the meat store and can be selected to add to cart. Prawn– An image of a prawn that appears if the users enter the meat store and can be selected to add to cart. 99 Speedmart icon – An image that represents the 99 speedmart logo that will appear in the second page of the app Maggi Cup – An image of a Maggi cup that appears when the users enter the 99 speedmart store and can be selected to add to cart. Mamee Monster – An image of a mamee monster snack that appears when the users enter the 99 speedmart store and can be selected to add to cart. Pocky– An image of a pocky that appears when the users enter the 99 speedmart store and can be selected to add to cart. Vitagen– An image of a vitagen pack that appears when the users enter the 99 speedmart store and can be selected to add to cart.

Return Page 2 arrow – A sprite that appears only when a user enters a store in page 2 to allow them to return back to the stores page 2 menu. Dialog Sprite 2 – A sprite that appears after the user confirms their order which will tell them their total and that the driver is on the way. Cart Instructions – A sprite that appears when users enter a store and will give them instructions on how to use the cart. Confirm Order – A sprite that appears along with dialog sprite 2 that shows that the order has been confirmed. Decide what scripts are needed for your project, and what they should do

1. This script is needed to bring the user to the unlocked sprite page from the locked sprite page.
2. This script is needed to ask the user their login id and password for security measures

5. These scripts are used by the stores in page 1 to either display or hide based on the broadcast messages received.

6. This script is used to ask the user if they want to enter a store and will bring them into the store.

8. These scripts are used to display the food items when the user enters a store, and the user can add items they want to the cart by clicking on “Yes”.

Mouse click sound – will play when a specific sprite is clicked. All done sound – will play after the user clicks on confirm order in the cart. List all instruction to operating the project

1. Click on the locked icon to unlock the phone
2. Enter your login id (name) and password
3. Click on the app icon
4. Select Yes to enter the app
5. Wait for the dialog to finish
6. Choose on a store icon either from the first or second page
7. Wait for the cart instructions to finish
8. Select items needed
9. Check the cart to see if all items have been added
10. Select “Confirm Order” in the cart
11. Wait till the delivery man image appears Describe the following phases in your project? Early stage  Choosing suitable images of app icon, stores and food for the app.  Choosing a suitable phone background, and phone aesthetics, locked and icon, and suitable music.  Choosing a suitable cart icon for the app  Coding the script for the locked and unlocked icon as well as the first page for the stores.  Setting up the main page for the stores in the first page as well as setting up the food items in the store.  Setting up the first page of the app.

Middle  Coding the second page of stores for the app.  Setting up and coding the cart feature for the app that will show the user what’s in their cart.  Coding the calculations for the items of the cart so that the price will increase when the user selects an item.  Choosing a suitable design for the confirm order part of the app  Choosing a suitable sound for the confirm order part  Inserting the mouse clicking sound and Iphone locked/ unlock sound into the program and coding it into specific sprites  Testing the overall program so far and debugging any errors found. Finish  Coding the sprite for the confirm order part and inserting the music found for it.  Choosing a design for a delivery driver background  Coding the delivery driver background to show only after the user has clicked confirm order. It will appear after the confirm order part.  Testing the entire program and debugging any and all errors that appear.  Start the documentation process for this project.

be used to greet the user after signing in. Onion – Increases the price by RM6.50 when the user selects an onion. Orange – Increases the price by RM1.40 when the user selects an orange. Pocky – Increases the price by RM3.20 when the user selects a pocky. Prawn – Increases the price by RM27.00 when the user selects a prawn. Spinach – Increases the price by RM5.00 when the user selects a spinach. Vitagen – Increases the price by RM4.70 when the user selects a vitagen.

3.2 Pseudocode

1. Unlocking the phone. START Display Locked sprite Say “Click on me to unlock” When Locked sprite = clicked Broadcast (lockscreen) Receive (lockscreen) Display Unlocked sprite Play sound “Iphone lock/unlock sound” Ask “Please enter your login id (name)” Set name to answer Ask “Please enter your password” Broadcast (login) END
2. Displaying the delivery app icon. START Receive (login) Display App icon sprite Say “Hello,” Name! Say “To start, click on the icon!” When I am clicked

Open App = Ask “Yes”,”No” IF (answer = Yes) Broadcast (YES) END

3. Displaying the first page of stores, arrows, and cart after entering the app. START Received (YES) Display Vegetable Store, Fruit Store, Return Arrow, Next Page Arrow, Phone Images, Flash, and Cart sprites Say “Welcome to Flash Deliveries!” Say “Choose on an icon on the left to get started.” Say “For more store options click the right arrow.” END
4. Allowing to go to the next page of the app to access more stores on page 2. START When I am clicked Broadcast (Next Page) Receive (Next Page) Display Meat Store, 99 Speedmart Icon, and Return Arrow sprites END
5. Allowing the user to enter the stores and view the items details. START When Open Store clicked = Ask “Yes”,“No” Play sound “Mouse click sound” IF (answer = Yes) Broadcast (Store 1) Display Cart, Onion, Long Beans, Spinach, and Broccoli sprites. Broadcast (Store 2) Display Cart, Apple, Orange, Grape, and Durian sprites. Broadcast (Page 2 Store 1) Display Cart, Chicken, Fish, Lamb, and Prawn sprites. Broadcast (Page 2 Store 2) Display Cart, Maggi Cup, Mamee Monster, Pocky, and Vitagen sprites. Say “To view items in cart, just click on the cart icon.” Say “To remove item from cart, just click on the price of that item.” When Onion is clicked = Ask [“Onion 1 Packet:RM6.50”, “Add to cart”, “Yes”,”No”