SOFTWARES USED:
1)Third Party system used - XAMPP 2)Framework Used - Joomla! 3.9 3)iFrame used - Pesapal
APPROACH USED : I used the Model-View-Controller design model to develop the user interface. The model represents the data and it is does not depend on the controller or the view. The view displays the model data, and sends user actions such as button clicks to the controller.
BASIC FUNCTIONALITY:
Xampp software is used as the backend to store the database data of all transactions posted to it.
The developed Joomla donations component will be installed as an extension into the Joomla! Framework and it will appear under the Joomla Components after a successful installation process.
Pesapal iFrame is integrated into the developed Joomla Component to enable the transacting of donation funds through pesapal.
A web service is integrated in the Donation Component developed and it uses JSON web tokens to post all payments (Pending,Failed and Completed ONLY) to XAMPP software.
The site administrators can log in to the back-end and view details regarding each donation (Donor’s name, email or phone number and amount), through the Joomla Framework.
A user is able to donate through a Donation Form.
HOW TO SET UP (ON WINDOWS OPERATING SYSTEM):
-
Download Joomla! CMS Framework.(Latest version 3.9 - Download from the website www.joomla.org)
-
Download XAMPP software. (Download from official website www.apachefriends.org)
-
Install XAMPP software in your PC.
-
Start XAMPP software. On the Control panel of the software, click on the actions start for the modules Apache and MySQL.
-
Unzip Joomla Framework in a Joomla Folder, you can name it any name you prefer but in this case, let’s name it joomla.
-
Open the XAMPP installation folder in Local disk C on your PC,then find a folder named htdocs inside the XAMPP installation folder. Open it. The desktop path should look like this(C:\xampp\htdocs).
-
Copy the extracted joomla folder into the htdocs folder.
-
Open your web browser. Type in the search address bar,’Localhost’ (Without the quotes). A XAMPP Welcome information page will load. Click on the phpMyAdmin menu item. Another database configuration page will load.
-
Create a database user account with password and name it the name you prefer,eg,Aver Techs Productions with password @atp2020, Now create a database and name it the name you prefer. In this case, we named it joomladonations.
-
Open a new tab in yor browser and type in the address bar, ‘localhost/joomla’. An installation and configuration page for the Joomla CMS Framework will appear.
-
There will be 3 steps namely, Configuration, Database and Overview. The first step is configuration.
-
Input the Site Name,this is what you want your donation page to named. You can name it Donations Page.
-
Input Super User Account Details which include Email, eg,avertechsproductions20@gmail.com, username,eg, Aver Techs Productions and Password,eg, @atp2020. Select Language as English(United States). Click Next. You will be taken to step two of the installation and configuration process.
-
On the Database Type, select MySQL(PDO). Hostname will be localhost and Username will be Aver Techs Productions. At this stage, you can name the above field the names you prefer. Create a table prefix,eg, prefix jdc_. Then Click on the Next Button. You will be taken to the final process.
-
In the overview Process, you can install simple data, in this case None radio button is selected. Then Click install. Joomla! will be installed. Click on the “Remove installation folder” button to complete the installation process.
-
Click on the “site” button. Your Site will be loaded, in this case, a web page with the title “Donations Page” is Loaded.
-
Inorder to access the adminstration part, open a new tab in your browser and type in the address search bar, ‘localhost/joomla/administrator’. (without the quotes).
-
A login form will appear, fill in your login details and click on the login button. A control Panel will appear. You have successfully confugured Joomla! Framework for use with XAMPP software.