I have created a software for restaurants. Some restaurants have tablets on each table so that their customer can order food/drink without a waiter. I have finished coding my software, and now I have another task:
Each tablet (for example, Galaxy A7 Tab Lite), must run my local app on chrome (for example, http://192.168.1.100:3000)
Problem is: Chrome showing the tabs, the bottom navigation bar and user can access the settings through the notifications bar, enable/disable wifi, etc, such as in these images:
As the tablet's use will be for the user to only access my webpage (so he can order food/drinks), the web page should be:
- full screen, so that the tabs view do not appear
- navigation bar and notifications bar should be locked/disabled
I've tried THIS tutorial for fullscreen. I tried adding my website to the Home screen, but when I clicked, it would just open as a regular tab, no fullscreen mode.
The reason for that is (as funny as it may sound) that in some restaurants, some kids were able to exit the application and were downloading games to the tablet, were watching Netflix, were adding their photo as the Android's background image, etc. The user has to interact only with my web app.
So, is there a way to achieve this? Maybe some Android settings, chrome tweaking, third party apps, custom ROM?