ArcGIS Web Application wont load on mobile device - android

I have created an app with ArcGIS Web App Builder and when hosted on a local server it works fine, but when I build the app using Apache Cordova and load the APK file onto the phone and install it. That app will not load on the phone and stay on the splash screen. Any ideas?

This may be an obvious question, but is the original Arcgis app based on esri web-server applications or do you have your own esri server? In previous conversations with esri, they have indicated that apps must run through (or are ultimately controlled by) their servers and cannot be stand-alone without a server account. Someone on stackoverflow can add more insight, but one test of this is to see if the whole web package will run without a web connection. Usually, you will find that basemaps,and other embedded files interact with the esri mothership.

Related

Suggestion: Native or Web App depending upon my idea?

What I want to develop: Crude Overview?
Suppose 10 web links present on my (native/web) app, and user will scroll through links. And when user clicks on any of the link, it will open that website. And user might wish to close this website and again views the list of those URLs on my app and the cycle may go on as per his wish. Also, user can create custom list of those links. Also, these lists will be updated regularly, may be on monthly basis. Which I guess I just need to update data files and not app.
No, it is not similar to browser bookmarks but in very crude terms you can relate it. Anyways, I will accessing user's bookmarks with his permission which I guess can be easily done with the APIs available.
Right now, technologies in my mind.
1) Phonegap ( to be precise, its phonegap build - as I don't have MAC) with JQuery mobile and deploy as native app,or
2) SenchaTouch and deploy as web app or native app using sencha cmd.
3) I want to use MongoDB along with above 1st or 2nd option. Is it required or JSON can suffice? Also, I may need some security by encrypting this data while storage at user's mobile and also while collecting user's custom lists.
4) In future, I would also need Node.js for the purpose of collecting MongoDB or JSON data files in above 3rd point. Is there any other way so that it can be integrated with phonegap or senchaTouch.
Please suggest things if existing resources can help me develop my idea and guide me what to use!
Note: All technologies I am picking up are focused on single code base with minimal focus on platform specific changes-iOS/android/Windows/Blackberry.
I want to go for Native app rather than web app. Why?
1) I feel that it would perform faster if I deploy my idea as android/iOS/Windows app rather than web application.
2) My cost of hosting the application on server will go to null because I am using local storage of the user's mobile.
3) Since I want a feature in my app which stores user custom settings so it would be better if I deploy it as mobile app rather than web app so that I don't have to maintain user specific settings which may make my DataBase hosted on server to grow immense in future.
4) Also,I feel that there is no sense in hosting this application on a dedicated server because there would be less user interaction with my backend. But later I would plan a feature to collect data/settings done by user to improve feed for which I think I need to use Node.js. But then also there is no requirement of hosting frontend to a dedicated server. Hence, I can use dedicated server to serve my own purpose of analytics to improve feed rather than service user's purpose of unnecessary access to my web application always through the server and fetching lists of links which are maintained on server in custom manner for him.
My dilemma!
My above points are valid to prefer deploying as native app over rather than web app. But I feel what if I keep my app as offline web app which runs on the default browser of the user but loads the jquery and other data and scripts from the storage in mobile. Is this possible? I am unaware of this.
If this is available then it is the best thing for me to adopt as my application redirects to other websites. Because, if I am deploying my app as native app then it would ruin user experience of opening my app and selecting an option whose URL opens up in default user's mobile browser which is a different app and then there are many chances that user will switch back to my app and then again he would be redirected to that mobile browser. And obviously I cannot develop my own browser in my app as I would have to develop several things from security and other perspective which would be a cumbersome task. So, having my offline web app will be opened in user's default browser itself without annoying him to switch back and forth between my app and browser as in previous case and thus creating seamless experience.
Also, I am not sure whether we can create offline inbuilt browser plugins as we can do in chrome browser on desktop. If so, then I think I would have to concentrate differently on different mobile browsers Safari, Chrome, mozilla which I feel is not worthy. Please throw some light on this for me.
I have no idea why people are downvoting my question as I feel that it is kind of unique question.
Here is what I found more and with the help of my friend
1) I don't have to use MongoDB as my application is not much complex. So simple JSON will suffice.
2) I'll be using Phonegap for android and windows phone and phonegap build for iOS along with jQMobile. So the app will be in the native form only.
3) I'll be using inApp browser for seamless experience although it is not as perfect as having my idea as web app.
4) No need for senchaTouch as it is heavier than phonegap and not required for me idea.
5) My next look forward is comparing the above points with offline web app built using JQMobile and JSON and finally whatever I decide I will share.
EDIT:
I am finally going with phonegap for native deploy rather than offline web app or web app hosted on server for reasons that I found on several blogs.
People downvoted my ques so I feel that it is not worth writing answer further but if you want the detailed reason you can always add a comment.
Thank you
You should definitely go for web. It is cross platform. If you do an android App, or iOS App, they are restricted to the specific devices. So I definitely recommend Web App

Sync data between Android App and Chrome App using Google Drive

I want to write a small Android App and also a small Google Chrome App, which should keep their data synchronized. I decided to use Google Drive to synchronize the data.
Like Google Keep seems to do it :
Google Keep saves all your notes to your Google Drive, so everything is backed up and available, should anything happen to the original device or computer on which the notes were made.
Currently I am only working on the Android App. After searching for a way to create a hidden folder to store the data I found the Application Folder.
While this seems to be perfect for my Android App my question is: can I also access this app folder from a google chrome app?
If not is there a good way to synchronize data between an Android App and a Chrome App using Google Drive?
Thanks for your help
"question is: can I also access this app folder from a google chrome app?"
yes
"If not is there a good way to synchronize data between an Android App and a Chrome App using Google Drive?"
There are numerous sync strategies you can employ, eg ...
Full refresh
Poll changes feed
Set up a push notification
Which is right for you depends on your specific preferences
Chrome Apps for Mobile (using the cca tool) have an implementation of chrome.syncFileSystem that will use Drive storage to sync data between a chrome desktop and hybrid android app automatically for you!
The downside is that chrome.syncFileSystem does not currently use Drive Application Data folder (it wasn't available when we implemented the API).
The upside is, if you only care about syncing data, and not necessarily how it is synced, and you already want to implement a chrome app anyway, using the cca tool should really be an awesome solution for you.

How does a web application work as mobile application?

This maybe a basic question, but I really wanted to ask it.
Consider a web application which is deployed on a cloud server and I want it to be available offline on a mobile(android device). Is it possible? Or will there be a separate installation on every mobile? How does phone gap or cordova help achieve it?
Yes it is possible. Cordova is an android application that has a webview (like a browser) for you to display an html app which is normally build with html+javascript. But cordova/phonegap applications should be made simpler than usual web application since smartphones has limited resources, unlike normal servers. There will be separate installation per mobile.
Phone Gap, Cordova etc. build native application, each user must install it to work offline. You can also build such native application manually by yourself with WebView. It can be easy to build but may require to changes in business logic to separate handle offline case, like store data locally and then sync when go online - this depend of application.

Storing Files locally on Mobile Device using a Webapp

I need to create an application that does the following:
Is available for Android and iOS devices primarily, Windows phone support would be nice
Allows the user to use the app offline
Allows the user to download files (PNGs and HTMLs) from a webserver to be displayed later within the webapp (needs to be able to be viewed offline)
Doesn't require user to redownload all the PNGs and HTMLs if they clear their browser cache (would be nice if there was a way to keep them from clearing the web app cache too, but I understand if this is not possible)
What tools do I use for this? So far, I'm at HTML5 web app and I understand how to cache the site, but how do I get the files (PNGs and HTMLs) to be saved locally and not subject to being cleared should the user clear the browser cache? Is native for iOS, Android, and Windows the only way to go here?
Any help is appreciated...
If you want your app to work on multiple platforms and be available offline, your best bet would be to wrap your app in something like PhoneGap and package it up for the various platforms.
This allows for one common "HTML-based web app" code base but will require compiling for the different platforms respectively.

Android Hybrid Application and Remote Server Communication

I am learning to develop Hybrid Application for Android platform (which will be extended to other mobile platforms later). I have read a number of articles and have got a start but have not come across something which explains this.
I want to store the UI (HTML/JavaScript/CSS) files on the mobile device and display it via the WebView. This will communicate with a remote server to fetch data via a WebService.
What I have not understood specifically is:
Will the UI files (HTML/JavaScript/CSS) be installed on the file
system of android device or will there be a local embedded WebServer
on the android device.
If the HTML/JavaScript/CSS files are on the file system how do they
communicate with the remote WebService. Let’s say I want to make an
AJAX call to the remote server… will it be handled by UI
(HTML/JavaScript) files displayed via WebView or by the JAVA
Container in which the WebView is sitting in? What I did not
understand is how can an HTML/JavaScript sitting on the file system
make AJAX calls.
If a local embedded WebServer is required on mobile device can you
suggest me some? And if this is true will the same architecture work
on others platforms as well like iOS, Symbian, BlackBerry etc.
If anyone feels this is not the right way to go please let me know your thoughts on the architecture.
Kindly point me to the right articles or explain your thought on this particular scenario.
I would suggest you to go with a different approach for these problem. Had I been in your place I would have done the following:
I am assuming that you are making these as a java based web application. Even of you go for PHP or other web development language things will reamin pretty much the same.
1)Will the UI files (HTML/JavaScript/CSS) be installed on the file system of android device or will there be a local embedded WebServer on the android device.
No. The UI files that you are toking about are nothing but web pages in your web application. these web pages are stored on the server not on your local file system. We make use of browser to connect to the remote server these pages are then fetched from their by your browser processed and then displayed to you.
2)If the HTML/JavaScript/CSS files are on the file system how do they communicate with the remote WebService. Let’s say I want to make an AJAX call to the remote server… will it be handled by UI (HTML/JavaScript) files displayed via WebView or by the JAVA Container in which the WebView is sitting in? What I did not understand is how can an HTML/JavaScript sitting on the file system make AJAX calls.
Web page is downloaded from server and displayed to you in your browser. In the web page itself we write scripts to make AJAX calls on appropriate events like on click of some button, or change in value of some field or # the time of page load etc. When you want to make a AJAX call is all dependent on your project requirement.
3)If a local embedded WebServer is required on mobile device can you suggest me some? And if this is true will the same architecture work on others platforms as well like iOS, Symbian, BlackBerry etc.
Now as I have mentioned earlier that the data is stored on the remote server so you dont need a web server on your mobile device (unless you want to use your mobile device as the hosting or server device). As these is a web based solution you dont have to think about the platform of your mobile phone. Be it a android, blackberry, Apple or a symbian phone all you do is connect to the server with the web browser that is their in your phone.

Categories

Resources