Build Web-based Mobile Application

Question

Good evening guys, I am participating in a project volunteer to a group and we have a web application ready, developed in PHP with the Laravel framework. We need a data inclusion form for this application to be created also for mobile environments, because users should use it also while they are moving, because, even if they have no network, or the same is inconsistent, the data would be registered by the application (in a form of offline work) and the same would synchronize with the server.

I have already developed a prototype of a PWA of a notepad that I created in javascript, css and html, seeking a hybrid approach, but the result in IOS was not as expected, and I still do not know if leaving for a PWA would be the best approach.

So I would like help on the following points:

• As I already have the back-end developed for the Web application, I can reuse it? and how would it work?

• I was also researching Google’s firebase tool for data synchronization

• Would you be able to communicate the data through a web service? Any tips?

If anyone has any experience on the subject I would be very grateful for help, there may be a more objective way to accomplish, thank you!

Answer 1

Good afternoon!

Use the Ionic, Phonegap or Nativescript to make your hybrid application. I would recommend using a Webview (Ios or Android) because you already have a web application, but if you want to save the data if the user is offline, Webview does not have this feature. With the aforementioned hybrid platforms you can store this information until the device accesses the internet again.

In Ionic I could find a quick and easy solution to use the resource called Ionic Storage. "Ionic Storage is a simple way to store key/value data in either a PWA (Progressive Web App) or a native application." Source: How to Store Data Offline with Ionic Storage

I hope I helped. A hug!