/all-wet

All Wet Purified Drinking Water Station

Primary LanguagePHP

All Wet (Purified Drinking Water Station)

IMPORTANT: THE LATEST SOURCE CODE IS LOCATED AT https://github.com/andresitodeguzman/lahat-basa

Background

Industries today are migrating towards new technological trends, an example of such is the process automation and computer-based information systems. As the trends in technology increases and develops, business globally needs to be more competitive in order to succeed.

One of the businesses in the industry is All Wet, a purified drinking water station located at 61 Sabang, Dasmarinas City in Cavite, Philippines 4114. Its management and employees are striving to provide the best quality service for their customers. As the world slowly adapts to modernization in the workplace, All Wet remains in using outdated and manual processes for their business-critical sales and inventory requirements. Such method made the workflow not streamlined along with multiple problems that arise like difficulty in handling customer transactions. In their current situation, transactions are made manually and an effective method to monitor supplies doesn’t exist.

This system that would be built aims to improve the workflow and transaction processing of the business. It would also provide customers an easy way to interact with All Wet through their mobile phone and desktop computers.

Technical Information

The system built from the Model-View-Controller (MVC) architectural pattern. Leveraging the use of an Application Program Interface (API), helped the rapid deployment of the different clients/user interfaces within the set deadline. With the latest web standards, it was necessary to use the App Shell architecture for the frontend app to achieve the full-offline capability of the system. The frontend system was tested using Google Chrome's lighthouse auditing tool and the application recieved 100 points for accessibility and in the Progressive Web App category. With customers in mind, the system was designed to have a frictionless experience to provide a high conversion rate of users.

The following markup and programming languages are used:

Backend:

  • PHP
  • SQL

Frontend:

  • HTML
  • CSS
  • Javascript

The following technologies and APIs were used:

  • Progressive Web App
  • Service Worker API
  • Cache API
  • App Manifest
  • Geolocation API
  • WebPayments API
  • Globelabs API
  • LocalStorage API
  • SessionStorage API

Project Information

Timeline

  • 2/9/2018 - GitHub Repository was created
  • 2/21/2018 - Prototype presented in Class
  • 3/2/2018 - Start of Development
  • 5/16/2018 - Submission of CD with Source Code
  • 5/23/2018 - Final Presentation

Repository Information

This repository is created to serve as a backup repository and reference for future projects. The software is provided without warranty.