I'm planning to develop a web application that targets the iPhone. I will use APT.NET to develop the application. I will probably use ASP.NET MVC.
I'm researching how I will imitate the native iPhone look and feel in my web application. I'm looking for an approach that will be easy to use with the ASP.NET platform.
So far, I found iUI (code.google.com/p/iui/). iUI a collection of CSS stylesheets and javascripts to imitate the native iPhone look and feel. I'm not sure yet how easy it is to integrate with ASP.NET as most samples are static html.
What are good ways to imitate the native iPhone look and feel in a web app developed with the ASP.NET platform?
Regards,
Syl
I just want to let you know that I also found http://iwebkit.net/. I will test it in the upcoming days.
If you have other suggestions, I will greatly appreciate.
Thanks
Take a look at these:
Rock the iPhone with ASP.NET MVC
Create iPhone Applications using ASP.NET AJAX
The server-side platform you use is irrelevant to the front-end look and feel, it is the same techniques on any platform.
I have also used the iUI framework with great success, using a Django backend. The front-end is determined purely by the HTML, CSS and JavaScript that you serve up, which is independant of the server-side code.
ASP.NET MVC gives you a lot more control over your markup than plain-old WebForms, so it should be ideal for this.
I'm the OP. I'm updating this question with a new answer:
jquerymobile
Related
I'm looking for a Framework to create mobile applications, if possible writing all code in Java. The idea is create for all mobiles Android, iOS, Windows Phone etc.
I found: Sencha, Vaadin and others.
What's the best ?
if you need to build cross mobile application you can use phonegap http://phonegap.com/ it is better you can use javascript and HTML and CSS to build applications.
Xamarin is another great one. I think you're asking the wrong question though. There isn't really a BEST one, its more what fits into your style. Some might say phonegap is the best, but you can't use code behind in phonegap only HTML CSS and JavaScript. So you gotta find what works best with what you want to do.
Also, look up chrome web apps. You can now develop apps using chrome rendering engine and usual html css and other web based code types and package into apps for the different os app stores.
Everyone is talking about Ionic, I am using it and I love it. Here are some slides to introduce you.
I would use ionic framework, is based on apache cordova, and use AngularJS. If you dont know AngularJS you have other alternatives like goratchet made by bootstrap creators. The only 'problem' is that you'll have to use javascript, html and css, not Java.
I am using ionic framework as well. The best part is you do simple command like ionic build ios to have an ios version of your app, as well as ionic build android for android version.
AngularJS is actually easy to learn (as long as you have basic understanding of JS), the best resource would be egghead.io. I use Ruby on Rails as backend to render an API for my ionic app to consume, so i pretty much don't need to use NodeJS or other JS framework as backend. Also, there is a lot of support for ionic. You can always search Google for a codepen example if you need help.
Is there some-kind of open-source (or commercial) toolkit, framework or iOS component that would simplify process of making iPhone app for news-like website?
I know there are on-line services that create a native iPhone app from your blog (Wordpress, Blogger, ...), but we have a custom-build news site and we need a native iPhone app. Is there something cool to begin with, some kind of framework or toolkit that would offer you a basic setup like data fetching, caching, categorizing and common UI in terms of native iOS UIKit elements? Or is the only way to go do-it-yourself-from-beginning-to-the-end?
As far as I know, there are a couple of SDKs that will allow you to create full Apps using html, css and javascript.
Phonegap (http://phonegap.com/)
Cordova (http://cordova.apache.org/)
I have an ASP.NET (not MVC) application.
I would like to create a version that is optimised for browsers on the IPhone and on Android.
Some questions
Is it possible to detect IPhone/Android when the site is accessed
Are there any gotchas/tips for developing ASP.NET for these devices.
We're using a combination of .net webforms and jQuery mobile.
For our viewstate, it's been pretty well neutered already so only minor stuff is going down to the device.
Bear in mind that there are around 3 different mobile api's. Each of which has their own drawbacks. You might want to investigate each.
Also, we took the approach that the mobile site was a completely different website than our standard one. When the user comes in, we do some browser sniffing and push them to mobile if it matches with a link to move back to the full one if they want.
Webforms aren´t good for mobile, it generates big pages because viewstate. And you can´t control rendering (some more in .net4).
You can detect device using a db of capabilities like WURFL (I recommend 51degrees) o maybe using some like http://detectmobilebrowser.com/
I don´t know what kind of webapp but you could make a new app, maybe using MVC. Please look this resource.
I've been digging around for this one. I understand that there two possible ways to develop for the iPhone.
via web kit frameworks, such as jqtouch and iwebkit, and
using the iPhone's api
I notice quite a few people using web kit frameworks, especially jqtouch. What are the benefits of using a webkit framework versus using the iPhone's api directly?
One point that springs into mind, is the fact that using a web kit framework makes it accessible through other smart phones? Not just the iPhone?
Are there any differences in terms of graphic enhancements? i.e. will transitions or animation look different?
I am a web developer by heart. It will be an advantage if I can develop an iPhone app with knowledge that I already know, that being the Ruby on Rails web framework.
I have also read this slideshow, which seems pretty detailed on various web kits.
Your suggestions / feedback is appreciated.
Just came across the following by Oreilly which seems to answer a good detail of differences between a native and web app development for the iPhone.
We are developing an ASP.Net web application and need that application to work properly on iPhone
Are there any memory constraints for an ASP.Net web application to work properly on iPhone
are there any issues with usage of ASP.net controls like gridview/ tab view etc.
would there be any issues with 3rd party controls like Ajax RADSchduler from Telerik
any other other constraints for a web application to work on iPhone.
Thnx
Amit
If we are talking about a standard asp.net website, memory constraints aren't really the issue. Asp.net just generates (ugly) html with some javascript. Nothing really special about that. Memory in this setup is important server-side. Offcours asp.net tends to generate lots of bloat when viewstate is enabled (without it, too). And this IS an issue when it comes to bandwidth, especially for mobile applications.
When using the Asp.net Ajax Toolkit, it should work crossbrowser. Apple Safari version 2.0 or later versions are supported.
Checkout the docs for the 3rd party controls, which browsers are supported. If Safari is supported, it should work.
But i would suggest using asp.NET MVC instead of standard asp.net controls, because it allows full control over html and javascript. This will ensure minimum use of bandwith and maximum javascript performance. Or any other language/framework with full control like php/codeigniter or python/django. And maybe a javascript library like mootools, jquery or prototype.
I think having a real iPhone to test on would be most optimal.
As for integrating third-party components you should be able to ask the vendor about their support. These Telerisk and Infrastigistic components look great, but you need to ask yourself do you need that amount of power and options, if you follow the mantra of the iPhone and Apple in general you'll want to keep it as simple as possible.
One approach is to develop a different view for the iPhone, keeping the display basic and optimized to the dimensions of the screen and the touch system rather than cursor.
Since Safari is based on Webkit you can get some basic compatibility testing on your local PC.