TABLE OF CONTENTS

TITLE PAGE

DECLARATION
DEDICATION iii
ACKNOWLEDGEMENT iv
ABSTRACT v
ABSTRAK vi
TABLE OF CONTENTS vii
LIST OF FIGURES xii
LIST OF ABBREVIATIONS xiv
LIST OF APPENDICES xv

CHAPTER 1 INTRODUCTION
1.1 Introduction
1.2 Problem Background
1.3 Project Aim
1.4 Project Objectives
1.5 Project Scope
1.6 Project Importance
1.7 Report Organization

CHAPTER 2 LITERATURE REVIEW

2.1 Introduction
2.2 Company Organization Structure
2.3 Current System Analysis
2.3.1 ShareTheMeal
2.3.2 Tooba
2.3.3 Yayasan Food Bank Website
2.4 Comparison between Existing Systems
2.5 Literature Review on Technology Used
 2.5.1 Web Application Framework
2.5.1.1 Laravel Framework
2.5.1.2 Flutter Framework
2.5.1.3 Ionic Framework
2.5.2 Chosen Web Framework
2.6 Chapter Summary

CHAPTER 3 SYSTEM DEVELOPMENT METHODOLOGY

3.1 Introduction
3.2 Methodology Choice and Justification
3.3 Phases of the Chosen Methodology
3.3.1 System Planning
3.3.2 Phase 1: Requirements
3.3.3 Phase 2: Design
3.3.4 Phase 3: Develop
3.3.5 Phase 4: Test
3.3.6 Phase 5: Deploy
3.3.7 Phase 6: Review
3.4 Technology Used Description
3.4.1 Laravel Framework
3.4.2 Laragon Localhost Server
3.4.3 HeidiSQL Database
3.4.4 Visual Studio Code
3.5 System Requirement Analysis
3.5.1 Software Requirement
3.5.2 Hardware Requirement
3.6 Chapter Summary

CHAPTER 4 REQUIREMENT ANALYSIS AND DESIGN

4.1 Introduction
4.2 Requirement Analysis
4.2.1 Requirement Elicitation Result
4.2.1.1 Interview Session with the Stakeholder
 4.2.1.2 Survey on the individual opinion of Food
Donation
4.2.2 Use Case Diagram
4.2.3 Sequence Diagram
4.2.4 Activity Diagram
4.3 Project Design
4.3.1 Class Diagram
4.3.2 System Architecture
4.4 Database Design
4.5 Interface Design
4.5.1 Menu and Screen Design
4.5.2 System Navigation and Content Design
4.6 Test Case Design
4.7 Chapter Summary

CHAPTER 5 IMPLEMENTATION AND TESTING

5.1 Introduction
5.2 Coding of System Main Functions
5.2.1 Donate Food Surplus
5.2.2 Pickup or Delivery Confirmation
5.2.3 Manage Donation
5.2.4 View Donation Status
5.3 Interfaces of System Main Functions
5.4 System Testing
5.4.1 Black box Testing
5.4.2 User Acceptance Testing (UAT)
5.5 Chapter Summary

CHAPTER 6 CONCLUSION
6.1 Introduction
6.2 Project Limitation and Constraints
6.3 Achievement of Project Objectives
6.4 Suggestions for Future Improvement
REFERENCES 62
 LIST OF TABLES

TABLE NO. TITLE PAGE

Table 2.1 Comparison between existing systems and I-KASEH Food

Donation Application
Table 3.1 Software Requirement
Table 3.2 Hardware Requirement
Table 4.1 Description of actors in the Food Donation Application
Table 4.2 Description of use cases of Food Donation Application
Table 4.3 Data Description with their respective attributes.
Table 4.4 Test case design for Login (username)
Table 5.1 Black box design for the contact number input validation
 LIST OF FIGURES

FIGURE NO. TITLE PAGE

Figure 2.1 Organization Chart of I-KASEH

Figure 2.2 The Manual Operation of I-KASEH
Figure 2.3 Donate money interface in ShareTheMeal application [1]
Figure 2.4 Browse available charitable projects interface in Tooba application
[2]
Figure 2.5 Make payment interface in Tooba [2]
Figure 2.6 The website homepage interface in Yayasan Food Bank Malaysia
website [3]
Figure 2.7 Make payment interface in Yayasan Food Bank Malaysia website
[3]
Figure 2.8 Donate food section in Yayasan Food Bank Malaysia website [3]
Figure 3.1 Development phases of Agile Model in one sprint [8]
Figure 4.1 Feedback result of heard about Food Donation activities
Figure 4.2 Feedback result of preferred type of donation
Figure 4.3 Feedback result for has respondents ever donate money or food to
the needy
Figure 4.4 Feedback result for which platform use to donate
Figure 4.5 Feedback result for how often respondent donate
Figure 4.6 Feedback result for the reason people hesitate to donate
Figure 4.7 Feedback result on the features that must include in the app
Figure 4.8 Feedback result for the application will encourage to donate more
Figure 4.9 Use Case Diagram of Food Donation Application
Figure 4.10 Sequence Diagram of UC005 Donate Food Surplus
Figure 4.11 Activity Diagram of UC005 Donate Food Surplus
Figure 4.12 Class Diagram of the Food Donation Application
Figure 4.13 MVC System Architecture [12]
Figure 4.14 The ERD of the I-KASEH Food Donation application
Figure 4.15 Main Page for Donor
Figure 4.16 Main Page for NGO
Figure 4.17 System navigation and content design for the Donor
Figure 4.18 System navigation and content design for the NGO
Figure 5.1 Snippet code of Add Food Details and View Food List Functions
Figure 5.2 Snippet code of Update and Delete Food Details Functions
Figure 5.3 Snippet code of Delivery Function
Figure 5.4 Snippet code of Insert Function for Donation and Foods Details
Figure 5.5 Snippet code of View All Donations Functions for NGO
Figure 5.6 Snippet code of Update Donation Status Function
Figure 5.7 Snippet code of View All Donation Function for Donor
Figure 5.8 Interface of View Donation Status Use Case
Figure 5.9 Interface of Donate Food Use Case
Figure 5.10 Interface of Manage Donation Use Case
Figure 5.11 UAT Test Case Design for Register
 LIST OF ABBREVIATIONS

NGO - Non-Governmental Organization

I-KASEH - Persatuan Kebajikan Masyarakat Insane Negeri Johor
WFP - World Food Programme
GSM - Global System for Mobile Communication
LTE - Long-Term Evolution
Wi-Fi - Wireless Fidelity
UTM - Universiti Teknologi Malaysia
GPS - Global Positioning System
SDLC - Artificial Neural Network
API - Application Programming Interface
JSON - JavaScript Object Notation
MVVM - Model-View-View-Model
MVC - Model-View-Controller
UML - Unified Modelling Language
CLI - Command-line Interface
SDK - Software Development Kit
VM - Virtual Machine
RAM - Random Access Memory
UI - User Interface
 LIST OF APPENDICES

APPENDIX TITLE PAGE

Appendix A Interview Questions

Appendix B Survey Questions
Appendix C Gantt Chart
Appendix D Software Requirement Specification (SRS)
Appendix E Software Design Document (SDD) 123
Appendix F Software Testing Documentation (STD) 162