Week 6 FYP2

Week 6
Date: 10/03/2014 (Monday)

Title: Constructing the Login Interface of the program

This is the first step in developing the program is to create the flowchart. Flowchart is important in determine the overall look of flow of the program and to guide in building the program. 

 Flowchart :

 

Explanation of the flowchart :

The process of the program starts with login interface. In this interface, the users need to key in their username and password that they have registered in the website. The program will then search in customer’s database for the customer’s account information. If the username and password matched the username and password in the database, the program then will open the interface of the user account or else the program will display “Incorrect username or Password”.

In the user account interface, the users are required to scan the barcode of the product. The barcode will provide the product’s identification to the program. If the user decides to add the product to the shopping list, the program will first search the supermarket’s database for the product’s information. If the identification of the product matches the identification in the database, the program will display the information in the shopping list or else the program will display “Product not found”.

When the user decided to submit the shopping list, an interface will appear. The interface requires the user to enter the description and date for the shopping list. Finally, the information will be sent to the customer’s database. The description and date will be stored in the shopping information section while the shopping list will be stored in the shopping list section.  The information can be retrieved by the website to be displayed.

Constructing of the Login Interface 

First step of constructing the Login Interface is to construct the overall look of the interface.

Overall look :

 

 After completing the look of the interface, the source code need to be added in order for the interface to work. The source has the code needed for the interface to interact with the database.