Modules

Sign-up: Sign up is implemented using php, html and javascript. After the user hits the “submit” button on the sign-up page, there is a php validation of the details entered in the various fields. Incorrect details will trigger alerts that informs the user of the details not entered correctly. Correct details will call the index.php page which is the login page. Text fields, labels and the general interface was supported with the bootsrap.css style sheet.

Sign-in page: The sign-in page is also implemented using php, javascript and html with the bootstrap.css used for formatting the page. Correct details entered by a user redirects to the user home page (home.php) otherwise, there is redirection to the sign-up page. On the home page, there is a list of recently added files that are obtained by running direct queries on the home.php script.

Adding posts: There is a button for adding new posts on the user’s home page. There is also a drop down for listing and logging out of datasaver. On the click of the “add new post” button, a dialog box opens. This dialog box is created using the bootstrap’s modal style. When the user hits the “add post” button, there is an ajax call made to dataAction.php which in turn connects to the sql database to insert a record. The page is then reloaded using a function in javascript.

Listing files: There is a drop down menu beside the user name that allows users to view all their posts. Selecting the “My files” option from the drop down will redirect to the User_Page.php(implemented using php, javascript and bootstrap.css) where a query gets the records which are then displayed in a tabular form. Beside the individual posts are the edit and delete buttons.

Editing posts: The edit button allows datasaver users to make changes to their posts. The button opens a dialog box where the user can make changes. The “save changes” button makes an ajax call to dataAction .php which connects to the database to update the record and then reloads the page using a javascript reload function.

Deleting posts: Beside the edit button in the listed posts, there is a “delete” button. At the hit that button, a dialog box appears. A confirmation of deletion by hitting the “yes” button makes an ajax call to dataAction.php where a connection is made to the database to remove a record. The page is then reloaded through a javascript function in the User_Page.php file. Clicking the “no” button will close the dialog box.

Logout: The Logout command can be accessed from the drop-down command beside the User name. Selecting “Logout” sends the user back to the sign-in page.