locked
Mobile version of a web application RRS feed

  • Question

  • User-829413436 posted

    Hello,

    Can anyone please point to the right direction for creating a mobile version of the existing web application?

    The web application was build on .NET platform (no MVC) and has multiple user interfaces all linked to the same in-house developed library.

    It's a business application with login screen, lots of encryption, etc.

    Ideally, we'd like it to work on different smartphones. Where do we start?

    Thank you,

    Wednesday, July 9, 2014 2:31 PM

Answers

  • User103196646 posted

    Hello AVR. Thanks for your post!

    To create a mobile version of your current website, I recommend using a responsive design approach - such as Twitter Bootstrap - http://getbootstrap.com/2.3.2/

    Here's an article on using Twitter Bootstrap with ASP.NET: http://www.mytecbits.com/microsoft/dot-net/bootstrap-with-asp-net

    I also recommend getting a mobile emulator so that you can test your website on different mobile devices.

    Here's a free mobile emulator that I like: http://www.keynote.com/solutions/testing/mobile-testing

    Please let me know if you have any additional questions/ concerns/ issues.

    Regards!

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, July 9, 2014 5:19 PM
  • User103196646 posted

    Hello AVR,

    Here's a Microsoft white paper - "How To: Add Mobile Pages to Your ASP.NET Web Forms / MVC Application":

    http://www.asp.net/whitepapers/add-mobile-pages-to-your-aspnet-web-forms-mvc-application

    Regards!

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, July 14, 2014 10:40 AM
  • User281315223 posted

    This ultimately depends on what you want to do, the applications and how you would like to build them and what devices that you want to target. However, it sounds like Responsive Design might be exactly what you need.

    Web Applications and Responsive Design

    If your intention is to develop a web application, then you should be alright as far as it being "universally accessible". Regardless of how you elect to develop it (Web Forms, MVC, etc.) it will run within just about any browser on any device that has access to the web. If your concerns lie with it's appearance, then you might want to consider designing it using a Responsive Design so that it maintains a uniform look across all devices and platforms.

    It will still be a complete ASP.NET application and will allow you to integrate all of the necessary login-screens, security and encryption necessary and Responsive Design will take care of ensuring that it looks good across both desktop, tablet and mobile platforms.

    Consider using one of the many Responsive Design Frameworks that are out there for your site, such as the Twitter Bootstrap. Responsive design focuses on making your site easily usable and accessible from basically any resolution and devices available.

    These could fairly easily be integrated into a Web Forms or MVC application and would basically be all that you would need to use : 

    This would really eliminate having to distinguish between a mobile and traditional (desktop) CSS file for each of the pages within your website. The above articles are specific to integrating Bootstrap (one of the most popular Responsive Design frameworks out there) into your ASP.NET Applications.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, July 14, 2014 10:45 AM

All replies

  • User103196646 posted

    Hello AVR. Thanks for your post!

    To create a mobile version of your current website, I recommend using a responsive design approach - such as Twitter Bootstrap - http://getbootstrap.com/2.3.2/

    Here's an article on using Twitter Bootstrap with ASP.NET: http://www.mytecbits.com/microsoft/dot-net/bootstrap-with-asp-net

    I also recommend getting a mobile emulator so that you can test your website on different mobile devices.

    Here's a free mobile emulator that I like: http://www.keynote.com/solutions/testing/mobile-testing

    Please let me know if you have any additional questions/ concerns/ issues.

    Regards!

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, July 9, 2014 5:19 PM
  • User-829413436 posted

    Hello csharpgreg,

    Thank you for the answer and suggestions.

    I am a bit unclear on what type of mobile site we need. In brief, we have a business application for financial operations/transactions. The mobile site should be like an electronic wallet with various financial account information and some basic operations (like transfer funds from account to account). It has multiple levels of authentication/authorization, etc, which will require web controls and JavaScript.

    Is there any way I can use Visual Studio (any version) to accomplish the task.

    Best Regards,

    Friday, July 11, 2014 10:28 PM
  • User103196646 posted

    Hello AVR,

    Here's a Microsoft white paper - "How To: Add Mobile Pages to Your ASP.NET Web Forms / MVC Application":

    http://www.asp.net/whitepapers/add-mobile-pages-to-your-aspnet-web-forms-mvc-application

    Regards!

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, July 14, 2014 10:40 AM
  • User281315223 posted

    This ultimately depends on what you want to do, the applications and how you would like to build them and what devices that you want to target. However, it sounds like Responsive Design might be exactly what you need.

    Web Applications and Responsive Design

    If your intention is to develop a web application, then you should be alright as far as it being "universally accessible". Regardless of how you elect to develop it (Web Forms, MVC, etc.) it will run within just about any browser on any device that has access to the web. If your concerns lie with it's appearance, then you might want to consider designing it using a Responsive Design so that it maintains a uniform look across all devices and platforms.

    It will still be a complete ASP.NET application and will allow you to integrate all of the necessary login-screens, security and encryption necessary and Responsive Design will take care of ensuring that it looks good across both desktop, tablet and mobile platforms.

    Consider using one of the many Responsive Design Frameworks that are out there for your site, such as the Twitter Bootstrap. Responsive design focuses on making your site easily usable and accessible from basically any resolution and devices available.

    These could fairly easily be integrated into a Web Forms or MVC application and would basically be all that you would need to use : 

    This would really eliminate having to distinguish between a mobile and traditional (desktop) CSS file for each of the pages within your website. The above articles are specific to integrating Bootstrap (one of the most popular Responsive Design frameworks out there) into your ASP.NET Applications.

    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Monday, July 14, 2014 10:45 AM