Lakkakula's Blog

June 15, 2009

Web 2.0 Portal using Asp.Net MVC, Microsoft Ajax Client Templates and jQuery with drag and drop widget personalization

Filed under: Ajax Client Templates, Asp.Net, Asp.Net MVC, jQuery, MVC — Venkata Uma lakkakula @ 12:38 am

A few years back when I saw web 2.0 Ajax start pages like netvibes I was fascinated by the Ajax capabilities and coolness in dynamic web portals. As an enthusiastic Asp.Net developer I always wanted to develop my own Ajax Portal. While searching on web I came across several implementations and samples. Two of those samples are worth mentioning here. First one is from DHTML Goodies and other is from Omar Al Zabir. First one is mostly developed using plain old javascript, thus making it fairly complex to code and maintain. Though it lacks database implementation it can be added easily and server side php code can be replaced by Asp.Net webservices or page-methods. Later one is developed using cutting edge Asp.Net technologies, Omar did an excellent job implementing an Ajax web 2.0 portal using Asp.Net, you can read about it on Omar’s blog. As this implementation uses Asp.Net update panels it can not be treated as pure Ajax solution.

Here I will walk you through my lightweight and robust implementation of Web 2.0 Portal using Asp.Net MVC, Microsoft Ajax Client Templates and jQuery with drag and drop widget personalization. jQuery and Microsoft Ajax Client Templates makes client side programming extremely easy.

In coming weeks I will be blogging on how to develop this portal. Below is an image of the portal end state. You can access this portal at http://aspspider.info/lakkakula/local.aspx (note that the portal is partially implemented, I will continue to work on it as I blog in coming weeks).

In this series:
1. Introduction
2. Part 1 – Portal Core Functionality
3. Part 2 – Drag and Drop Widget Personalization
4. Part 3 – Building Widget Gallery
5. Part 4 – Introduce Tabs and Users
6. Part 5 – Enhancements and Conclusion

Shout it

kick it on DotNetKicks.com

lg_small


About these ads

8 Comments »

  1. [...] to Vote[FriendFeed] Web 2.0 Portal using Asp.Net MVC, Microsoft Ajax Client Templates and jQuery with drag …Tuesday, June 16, 2009 from [...]

    Pingback by ASP.NET MVC Archived Buzz, Page 1 — June 16, 2009 @ 2:32 pm

  2. [...] ASP.NET MVC – Web 2.0 Portal using Asp.Net MVC, Microsoft Ajax Client Templates and jQuery with drag…  (Suggested by Elijah Manor) [...]

    Pingback by The Technology Post for June 16th, 2009 | rapid-DEV.net — June 17, 2009 @ 6:56 am

  3. [...] this series: 1. Introduction 2. Part 1 – Portal Core Functionality 3. Part 2 – Drag and Drop Widget Personalization [...]

    Pingback by Developing Web 2.0 Portal using Asp.Net MVC, Microsoft Ajax Client Templates and jQuery with drag and drop widget personalization – Part 1 « Lakkakula's Blog — June 21, 2009 @ 1:25 pm

  4. Wow… I’m looking forward to when this entire guide has been written. I am certain that there will be a lot of nifty tips and trick during the 5 parts… I respectfully demand that you hurry up with writing the rest, not affecting the articles quality of course.

    Comment by Jakob Bjerre — June 21, 2009 @ 3:53 pm

  5. Great article!

    Found a little bug, if you move out all widget from the sidebars(left/right) or the main content, you can’t put them back.

    Beside that,you’re Pionneer!

    Comment by Mario — August 5, 2009 @ 12:45 pm

    • @Mario, Thanks for the finding. I fixed it now. You just have to use the style .col{min-height:100px}

      Comment by Venkata Uma lakkakula — August 8, 2009 @ 1:03 pm

  6. Thanks,

    Great article, hopefully you will finished it up soon.

    Thanks,

    A

    Comment by Ahmad — September 17, 2009 @ 10:38 am

  7. hi, it also may be useful

    Comment by java ghost — November 24, 2009 @ 3:39 pm


RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

The Shocking Blue Green Theme Blog at WordPress.com.

Follow

Get every new post delivered to your Inbox.

%d bloggers like this: