I have been developing asp.net websites for a few years, however I have never created a mobile version and do not know where to start. Can someone provide info on where or how to start creating a mobile version of an asp.net website? Thanks.
ASP.NET for Mobile has no seperate template for Visual Studio 2010 onwards, If you want to develop ASP.NET 4.0 webforms for mobile , you can use general asp.net 4.0 webforms in VS 2010.
Insert the following code only in <head> tag of Html.
I’ve spent the last 2 months getting up to speed with the mobile revolution and now have a good handle on it. I guess two months ago I was in your position!
Jquery Mobile is a great place to start it gives you a very simple way of handling the page transitions. Page transitions e.g.. having the page slide across the screen to the next is what users have come to expect from their mobile experience. So check out
http://jquerymobile.com and click Docs and Demos. If you view the site in Chrome you will see the page transitions in action.
You can of course use your own javascript but why bother. If you are going to use jquerymobile you can’t use WebForms, you will have to use MVC, it has something to do with AJAX and WebForms not liking each other, trust me I’m saving you the frustration
I went through having to build the whole site twice.
MVC4 is going with jquerymobile built in, here is a tutorial created by Rick Anderson all about mobile devices:
http://www.asp.net/mvc/tutorials/aspnet-mvc-4-mobile-features I did the tutorial about a month back and it didn’t all work, I think that is still just on the wrong side of the bleeding
edge, so I am still working with MVC3 and Razor.
One problem I found is that people don’t like to type URL’s into their phone to find your site and if they do and you a lucky enough to get them to bookmark it and add an icon to their desktop, you have little control over the way your icon displays and
usually looks ugly. You also can’t put a mobile site up on the app store or android market where the user can simply download your app to their phone and install, adding your nice little icon to their application folder.
So I’ve taken it one step further and I’m now building empty native apps with what is called a WebView in it and loading up the mobile site in that. It also has its pros and cons but I can create an icon and load the empty native app to the market and users
can then download my mobile website. You will need to do a tutorial on native apps, I have gone down the java road developing in a program called Eclipse which seems to be the API of choice with Android as I have an Android phone. Don’t let that worry you
though, compared to WebForms and MVC Native apps are very easy to build!
So with at least three empty Native apps, Windows, Android and IPhone, jQueryMobile and MVC3 I am able to create a market downloadable mobile website and the user thinks they are using a native app.
markpringle
Member
86 Points
59 Posts
Mobile version of my website. Where do I start?
Oct 25, 2011 02:40 PM|LINK
I have been developing asp.net websites for a few years, however I have never created a mobile version and do not know where to start. Can someone provide info on where or how to start creating a mobile version of an asp.net website? Thanks.
gsaadeh
Member
736 Points
141 Posts
Re: Mobile version of my website. Where do I start?
Oct 25, 2011 03:20 PM|LINK
You could start by downloading a mobile HTML5 barebone template and build your site on top of it.
You could also check these great tools to create a mobile site, some of them are free
http://spyrestudios.com/10-great-tools-to-create-a-mobile-version-of-your-site/
if you're looking for an advanced mobile site then check out JQuery mobile, you can leverage some great controls.
Anindita.Bas...
Contributor
2448 Points
416 Posts
Re: Mobile version of my website. Where do I start?
Oct 25, 2011 03:34 PM|LINK
ASP.NET for Mobile has no seperate template for Visual Studio 2010 onwards, If you want to develop ASP.NET 4.0 webforms for mobile , you can use general asp.net 4.0 webforms in VS 2010.
Insert the following code only in <head> tag of Html.
For testing purpose, download the following emulators (Windows Phone,Windows Mobile, Android,i-Phone).http://www.asp.net/Mobile/device-simulators
Details : http://asp.net/mobile.If you want to develop ASP.NET MVC website for Mobile : http://anindita9.wordpress.com/2011/08/30/asp-net-mvc-website-for-mobile-using-oracle-db/Horizon_Net
Star
8277 Points
1435 Posts
Re: Mobile version of my website. Where do I start?
Oct 25, 2011 08:20 PM|LINK
Hi,
additionally to the other two posts, I think jQuery mobile could be very helpful for you - http://jquerymobile.com/
If my post solves your problem, please mark as answer.
roopeshreddy
All-Star
20143 Points
3327 Posts
Re: Mobile version of my website. Where do I start?
Oct 27, 2011 01:46 AM|LINK
Hi,
Now ASP.NET Mobile web development is pretty easy! It's almost the same way as we develop for Desktop web application!
You can check the following link,
http://roopeshreddy.wordpress.com/2010/07/25/mobile-development-in-asp-net/
http://roopeshreddy.wordpress.com/category/asp-net/
Hope it helps u...
Roopesh Reddy C
Roopesh's Space
bojangles
Participant
974 Points
642 Posts
Re: Mobile version of my website. Where do I start?
Oct 28, 2011 10:58 PM|LINK
Hi Mark Pringle,
I’ve spent the last 2 months getting up to speed with the mobile revolution and now have a good handle on it. I guess two months ago I was in your position!
Jquery Mobile is a great place to start it gives you a very simple way of handling the page transitions. Page transitions e.g.. having the page slide across the screen to the next is what users have come to expect from their mobile experience. So check out http://jquerymobile.com and click Docs and Demos. If you view the site in Chrome you will see the page transitions in action.
You can of course use your own javascript but why bother. If you are going to use jquerymobile you can’t use WebForms, you will have to use MVC, it has something to do with AJAX and WebForms not liking each other, trust me I’m saving you the frustration I went through having to build the whole site twice.
MVC4 is going with jquerymobile built in, here is a tutorial created by Rick Anderson all about mobile devices: http://www.asp.net/mvc/tutorials/aspnet-mvc-4-mobile-features I did the tutorial about a month back and it didn’t all work, I think that is still just on the wrong side of the bleeding edge, so I am still working with MVC3 and Razor.
One problem I found is that people don’t like to type URL’s into their phone to find your site and if they do and you a lucky enough to get them to bookmark it and add an icon to their desktop, you have little control over the way your icon displays and usually looks ugly. You also can’t put a mobile site up on the app store or android market where the user can simply download your app to their phone and install, adding your nice little icon to their application folder.
So I’ve taken it one step further and I’m now building empty native apps with what is called a WebView in it and loading up the mobile site in that. It also has its pros and cons but I can create an icon and load the empty native app to the market and users can then download my mobile website. You will need to do a tutorial on native apps, I have gone down the java road developing in a program called Eclipse which seems to be the API of choice with Android as I have an Android phone. Don’t let that worry you though, compared to WebForms and MVC Native apps are very easy to build!
So with at least three empty Native apps, Windows, Android and IPhone, jQueryMobile and MVC3 I am able to create a market downloadable mobile website and the user thinks they are using a native app.
Hope all my trial and error helps you out,
Cheers,
Mike.