Online Food Delivery Application
A.Cross-platform vs Native Application Cross-platform application is written based on only one code base supporting multiple platforms whereas native app is developed specifically for a mobile operating system.
B.PhoneGap PhoneGap is a mobile app development framework by Adobe System, which is used to develop mobile applications for multiple platforms [1]. To develop apps using PhoneGap, the developer can be illiterate about native programming languages, only requirement are to be familiar with web-development languages like, HTML, CSS, and JavaScript. There is no doubt that PhoneGap is very instinctive for web developers. PhoneGap can access different types of device API like accelerometer, contacts, file system, and network connectivity, geo location, camera, notification etc.
C.jQuery Mobile JQuery Mobile is a framework for developing mobile apps. It works on almost all smart phones device. JQuery Mobile uses HTML5 and CSS3 for laying out pages.
D.AngularJS AngularJS is a powerful JavaScript based development framework which provides a complete client-side solution to create RICH Internet Application (RIA) [2]. Application written in AngularJS is cross-browser compliant. AngularJS automatically handles JavaScript code suitable for each browser.
E.Font Awesome Font Awesome is a font and icon toolkit based on CSS and LESS [3]. Dave Gandy made it for use with the Twitter Bootstrap. Font Awesome gives you scalable vector icons that can be customized — size, color, shadow, and anything that can be done with the power of CSS.
F.HTML, CSS and Javascript All smart-phone devices support web standards including HTML5, CSS3, and JavaScript. These web standards are open, reliable and efficient. Cross Platform apps depend on these three standards.
G.Ajax Ajax stands for Asynchronous JavaScript and XML [4]. Ajax can update a web page without reloading the page. Ajax send and receive data in the background.
H.JSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used to transmit data between a server and application (client), as an alternative to XML. A Food Wastage Reduction JSON read data from a web server, and display data in application page.
I.PHP and MySQL PHP is a server-side scripting language (the code is executed on the server). MySQL is a Relational Database Management System (RDBMS) that uses Structured Query Language (SQL) [5].
APPLICATION ARCHITECTURE
The application has three parts, these are: application (front end), admin (back end) and database.
A.Front End The application sector used index.html as the whole page wrapping. We have retrieved data from database server via JSON to display food information on food page and send data to server so that we can authenticate user log-in and registration. User login and registration of the page is absolutely vital for the user to access the website. The page contains linking of others page of the application.
B.Back End All the data of the application cab be updated from back end. Back end contains admin log-in system and different types of navigation task. We have used MySQL database. We need to define the database hostname, database username, database password to establish the connection.
C.Database The database contains different types of table like; category, menu, message, register, user etc. All the log-in credentials is secured with md5 encryption [7]. We have used SSL (Secure Sockets Layer) which is a standard security technology for establishing an encrypted link between a server and an application [8]. First a browser or application service attempts to connect to a website that is secured with SSL, then the browser request the server identity. Server sends a copy of SSL certificate to the browser and browser check is trusted or not. If so browser sends a message to the server, the server sends a digitally signed acknowledgement to start an SSL encrypted session. Encrypted data will be shared between the server and browser via https protocol Read More
