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
Related
I am using calendar mode of Datebox with my jQuery Mobile project, everything works fine but when I use useFocus to open calendar wherever I click on the input field, it isn't stable in iPhone (or other iOS devices), sometimes it opens and many times it acts like crashing. But the same is working good in Desktop browsers, when I use without useFocus it works right in mobile devices also, I see same stability issue in plugin website demos too. How can we correct this issue?
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.
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.
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 received the task to add a mobile-friendly version of our website. Apps for iPhone and Android already exist (and their browsers are really good), so the focus of this website lies on Symbian and Blackberry devices.
As I am a lazy programmer, I wanted to use some frameworks that help me in developing this website. I have found numerous frameworks like iUI or iWebkit that focus on iPhone and Android devices and bring a very nice look and feel to mobile websites. And there are other frameworks like PhoneGap which focus on building applications for mobile devices.
But I have not found a framework that is targetted on mobile websites for Symbian and / or Blackberry. Is there something like that or do I have to start from scratch? Or are the browsers for these devices so bad that I have to write very basic HTML?
Jonas
I only know mobile web templates for UI in nokia phone. They are good for blackberry too
BlackBerry browser isn't awful, it gets an Acid3 score of 93/100.
I do the clear majority of my web-browsing on my BlackBerry, almost all of it in Opera Mini. I haven't even tried the Acid tests on Opera Mini, I know it'd just be a waste. :) But, Opera means I don't have to do side-to-side scrolling, back and forward are lightning fast (retrieved from memory when they can), it has rudimentary tabs, and the latency is probably 1/10th or better the latency of the native browser.
I'd rather see your application work well in Opera than work perfect in the native browser.