I need to develop an iPad application using phonegap(as an hybrid application). I am completely new to this.
I have done some sample in android using html5 css and js with JqueryMobile and phonegap. And some sample in Visual Studio without using Phonegap. So is there anything specific that I need to check creating an app in iPhone vs iPad?
creating an ipad application is same as iPhone application? what all things I need to note down ? please help me..
Thanks...
Basically is the same.
If you are going to use jquery mobile, I suppose they will handle different screen sizes for you.
If not, you should have 2 different css files, one for iPhone and other for iPad (using media queries) and use responsive web design to adjust the UI to the different screens.
Related
I got a ASP.NET MVC website that is working fine in most desktop browers, now I need to make a version for mobile and my though is to use CSS Media Queries for this but I have no clue on how to test the page during development? Is there any desktop application that can be used like a mobile browser?
If all you want to do is test the media queries firing on certain viewport widths simply reduce the width of your browser. You can watch the UI change as different media queries fire.
You can also use browser plugins to define and set viewport resolutions. I use "Resize Window" for Chrome.
There is an Android emulator out there that you can download and run on the desktop, but this is mostly used for testing device specific features.
When it comes down to it the best way to test mobile websites is on the devices you are targeting.
you can try with
if (Request.Browser.IsMobileDevice == true)
{
....
}
To test your website you can use Chrome, there is a nice features included in it. You can change the user-agent and, then, emulate à resolution of an Ipad, Iphone or any smartphone.
It's pretty usefull to test responsive design and stuff :)
Well, in addition, be carefull it's only "simulation" it never remplace some real tests but it's nice for conception and pre-production process !
Here is a link about the change user agent feature of chrome : http://googlesystem.blogspot.fr/2011/12/changing-user-agent-new-google-chrome.html
I would suggest 3 tools that can help you:
Adobe Shadow http://labs.adobe.com/technologies/shadow: It lets you sync up the website you're viewing on your desktop browser to your mobile through the Adobe Shadow App, and you can use Chrome's dev tools on the mobile site through this method.
Remote Debugging with Chrome on Androids https://developers.google.com/chrome/mobile/docs/debugging: like Adobe Shadow you can debug and test your site through the chrome dev tools. However, you'll need an Android phone running on ICS.
Lastly, if you have the Xcode - you can use the iPhone simulator to view your sites. It is very accurate, you don't get the realtime debugging like you would with the previous two, but you can test your site on the fly after each update.
Is there an established method for developing and testing an iOS PhoneGap application on Windows? We're talking about straight HTML/Javascript/CSS here. My first thought was to test with Safari with windows at various sizes (ie. 320x480 for 3GS). However, I don't know how accurate that is with regards to how the UI will respond and how images will display (especially relating to retina displays). Any ideas?
You can try using the Ripple Mobile Enviroment Emulator for Chrome
Ripple
I'm looking to make a single-page web app that works exclusively on the iPad, like Gmail on the iPad and the iPad User Guide. An app like this must be made using a framework that allow web pages to behave in ways much more akin to iPad's native applications (momentum scrolling, split-view panes, UIKit-style interface), but done completely in HTML5, CSS3, and JavaScript (with WebKit and Safari extensions like iOS-specific multi-touch and gesture events).
The only public framework I've found that targets the iPad in this matter is Sencha Touch. Naturally, Google and Apple aren't sharing the libraries they've written (ie. PastryKit, AdLib, etc). Are there any others (the open-source only license for Sencha Touch is prohibitive, and jQTouch is only for small-screen devices like the iPhone 4, and not the iPad)? How would I go about writing momentum scrolling and split-view panes like this? Any good resources/tutorials/books/links on these advanced topics?
For a lot of reasons, people want to write web apps for the iPad that can compete with native.
I don't think you'd have to do it yourself. The sencha touch commercial license is free, so you won't have to open up your own code. On the iPad it looks really good.
You can also use PhoneGap to put a native wrapper around it so most users won't notice it's a web app.
Jquery mobile is also an option but it doesn't look as good as sencha, IMHO
Sencha Touch license
PhoneGap
Also checkout App Titanium... You develop in Javascript, but it renders your app as native code...
Take a look at SproutCore and:
http://blog.sproutcore.com/post/531215199/introducing-sproutcore-touch
http://touch.sproutcore.com/hedwig/
http://www.npr.org/webapp
I have just come across the Mobile application toolkit which enables me to expose my web app built on Asp.NET MVC 2 on an iPhone and other mobile devices. However how would I expose my site on an iPad?
Are there any toolkits out there?
JD
Well, what I do is just using a Framework. I used to use jQTouch but now I'm using jQueryMobile as it works better in Android and Opera Mobile (to use with Nokias or any mobile device) much better that the last time I use jQTouch (before Jonathan took over the project).
if a user is using an iPad or any other desktop browser, I sent the user to my desktop views, if using any other iDevice, Android or Opera Mobile, I set the user to use jQueryMobile Views.
It's quite easy to accomplish this with MVC2, the controllers are the same, methods are the same, you just redirect to a different view.
I choose to should my web application in desktop mode in the iPad cause I add some meta to it and that works fantasticaly fine in the iPad, you could also use any Framework or develop a new html5 view to work with the iPad if you don't want to mess up what you have already.
You need to rememer that in an iPad, there is no "hover" effect, and a click is a tap, though Mobile Safari does a pretty good job on click events, you could create a new set of views that use this new techniques, as well, the full set of Safari CSS3 and other bonus, such as geolocation, browser database, etc
more under Apple Technical Note: Preparing Your Web Content for iPad
I hope this helps, if you need more, please more precise question
I am new to mobile development and I was wondering if the applications I develop using phonegap will work correctly on Blackberry OS 5 since they don't support it yet. I won't need any fancy features in my app and wanted to use phonegap to develop for Android, IPhone and Blackberry. But of course I am having problems with the different versions of Blackberry OS just like everyone else.
Thanx.
I had a chance to test this once. I have put my Phonegap application on 5.0 and observed how it behaves. Application has launched properly. But i Observed following issues.
HTML5 is supported but localStorage and sessionStorage is not supported.You need to find an alternative.
HTML Page transition is too slow. End used will certainly not accept the performance.
Few jQueryMobile API's don't work.
You cannot be sure that page will be viewed same as you see in 6.0+. Few elements get distorted.
You need to test each and every UI element and see if it is working proper.For example datepicker displays date on right side of the page instead of left
Few PhoneGap API's don't work or they crash.For example API to launch camera crashes.
After observing above issues i felt that even if phonegap is supported in 5.0 it doesn't make big sense.
Yes, but to run on OS version 4.x you have to target the PhoneGap BlackBerry application, while to run on OS version 5 or 6 you need to target BlackBerry Widgets / WebWorks -- the same application may work on both if you use compatible features, but you'll need two different builds, as though they were two different kinds of phone.
Now the support for earlier versions of BlackBerry has been withdrawn from Cordova 3.0 onwards, which in turn supports BlackBerry 10 only. Refer the following link for more details.
PhoneGap - BlackBerry Support
Thanks,
prodeveloper