I have seen some demos about the jQuery wizard plugin on websites. But all of these are based on the web, and run in the browser.
I want to use this function in my Android application, does anyone has experience with that?
Check out PhoneGap to convert a web app to an Android native app. See also some of our demos, videos and tutorials. Many of them demonstrate native Android apps built with jQuery Mobile.
Related
I know that a website can be displayed on an android app using a WebView. I have created an android application and I want to know if there is a way to display an android application as a website. Is this possible?
No.you can't. Native Mobile functionality are totally different from websites. So you can't convert native android app to website type of application. Instead you can use hybrid application like sencha,titanium, jquery which is flexible to support in all mobile platforms and also website.
I am new to phonegap and android, I have create a hello world application this link and it worked, but I don't know what 's the next step. I try to read API document from above link but it isn't easy to understand. For example, I don't know how to communicate between android code and js (how can I call android method from javascript and get value from android code to display in hmtl). I know ajax, but in this case I don't know how to use it.
So, I 'm looking for phonegap android ebook or a complete documents and tutorials.
Any help would be appreciated.
You dont need to bother about android methods in phonegap. Phonegap has its own method to write a android application. You can just use Jquery mobile along with phonegap to built apps. Basically phonegap is a container for jquery mobile helps to built apps with in built style and user interface and also it has own method to interact mobile device with their own methods.
just go through this following documentation and you will get a better idea about phonegap and jquery mobile.
Phonegap UI development with JQuery Mobile
Phonegap Working Examples
I just wanted to know if someone can explain why is this happening to me.
I am developing a mobile app using phonegap and jquerymobile and one of the features of the app is to guide the user using a navigation tool.
For iOS we have choose Waze. It is really easy to add it:
<a href=" waze://q=Adress">
and it works! It works if we run the app using safari or even if we build a native app using phonegap.
The problem comes when using Android. For android we are using Google Navigation. The code we are using is:
<a href="google.navigation:q=Adress">
It is working ok, but only if we build a native app with our htlm code using phonegap but it is not working if we run the app on Android Web Browser.
We dont want the user to install the app to use this feature...
The question is: Why? Why the html code is working ok inside a webview on a native app but it is not working on Android Browser?
I just had the same issue and used the geo URI and it is working:
Wikimedia Headquarters
for a more detailed explanation see this link: http://en.wikipedia.org/wiki/Geo_URI#Example
The href above will open navigation apps, such as waze on Android (just tested it on the Galaxy S4 with Waze and it is working - it also opens up the Google Maps/Navigation app, which is now a combined app).
Hope this helps! :)
I am gonna develop a mobile application for multiple devices, say iPhone, iPad and Android Devices like Samsung Galaxy, Samsung Tab and Samsung Galaxy Nexus,
The application is about listing set of information from webservice to list in the application, So I decided to go for Mobile Web app using jquery mobile,
I want to publish the app in Appstore and Android Market, So I want to wrap the Mobile web in to a Native app, I thought an idea of implementing it in a UIWebView in iOS and WebView in Android,
Another option I found out is phoneGap,which provide an SDk to wrap an Web app into a Native iOS or Android App.
Can you people suggest me , Is it better to go with WebView in your native application, or is it really required to use phoneGap, Whether apple will approve my Application if I am using Mobile Web app in a UIWebView, Kindly Suggest.
Note: In my application there is no real need of Using any native functionality of iOS like, Camera, Contacts etc, I just wanna have a list with information fetched from the Webservice.
If you don't need any of the native features phonegap/callback gives you, do not use it. It's a bloated project that will probably add a ton of features you don't need, if you only need a wrapped web application.
Just use a regular webview, enable JS, caching etc and load your HTML into it.
Use phonegap. http://phonegap.com/
If u use it you can use the phonegap build service to generate apps for all platforms via it. you will only have to worry about the js, html part of the app, like you said.
Or if you dont want to use the phonegap build, still creating your own apps with phonegap is way easier as you dont have to write ANY native code.
There were some issues in Phonegap before because of which Apple was rejecting Phonegap apps previously. Thats fixed now, so thats no problem. :)
I have a quick question regarding to mobile development, I'm new at this, so please excuse me if I have some mistaken concepts. The scenario and question is the following:
I have a mobile site developed under .Net Framework 4.0, MVC3, Jquery Mobile, HTML5, and CSS3 that looks and works really well from any mobile browser: iOS Safari, Opera Mobile, Android Browser and Blackberry Browser.
I would like to create an app that has a browser in it with the address bar hidden to show this web application and don't let the user see the web address of this web application. The reason why I want this behaviour is this: we have a banking web application site that is intended to be used only through the mobile application. We don't want to create separate apps for each platform, so we would like to use some of those multiplatform frameworks like Phonegap, Appcelerator or such.
I only want to know if it's possible to get this achievement on Phonegap or something like that.
Thanks in advance.
This can be done really easily using Appcelerator.
http://developer.appcelerator.com/apidoc/mobile/1.0/Titanium.UI.WebView
Code:
var webview = Titanium.UI.createWebView({url:'http://www.appcelerator.com'});
var window = Titanium.UI.createWindow();
window.add(webview);
window.open({modal:true});
However, if the app is only using that one webview and no other form of functionality, Apple could well reject it for not using any native functions.
See this note in their documentation...
12.3: Apps that are simply web clippings, content aggregators, or a
collection of links, may be rejected
Hope that helps!
if all you are going to do is host the app inside the webView then I would suggest that PhoneGap is better suited for that approach to mobile application development.
Appcelerator utilizes the native controls/ UI of the platform to build applications and since it is not your intention to use them it is just extra baggage.