Tuesday, June 26, 2012

Fresh and Easy Shop for Shools Admin Tool

This is one of my biggest .NET project and I am happy with the end result. This project has 12 database tables and 50 stored procedures. This application is completely Ajax and web services driven. I also used EJS Javascript template engine.

Main functionality including:
  1. Administrator activity log
  2. Find possible duplicate school records. This is done using Full-text search against school name and address
  3. Search schools
  4. Result pagination
  5. Update 1 or more schools at a time
  6. Add new school attributes
  7. Create and update admin users
  8. Multiple user level with different permissions
  9. Export school data to Excel 








Friday, April 13, 2012

Volkswagen Inventory Search

This application allows users to search Volkswagen's new and used car inventory. The key features are multiple vehicles search with dynamic search filter sets. filters' enable/disable state change on each search.
The application's built using JavascriptMVC framework. It is completely Ajax driven with web services. I worked on this application for one and a half month mainly focusing on complex Omniture tracking, bug fixes and feature improvement.

http://web.vw.com/inventory-search



Monday, March 19, 2012

How to debug Javascript in IE7

Most developers know Firebug which is a nice debugging tool for Firefox. When it comes to IEs, Microsoft has a better debugging tool for it. It is called Visual Web Developer Express. Many people think it is only for .NET development. I will show you how to do Javascript debugging using Visual Web Developer Express.
  1. Install Visual Web Developer Express. It is free. http://www.microsoft.com/visualstudio/en-us/products/2010-editions/visual-web-developer-express
  2. Update some IE settings. Tools->Internet Options->Advanced. Uncheck "Disable script debugging". Check "Display a notification about every script error".
  3. Fire up Visual Web Developer Express and create a New Web Site.
  4. Run the new web site in debugging mode. (F5)
  5. At this point, IE is launched with the new web site in it.
  6. Type in the web page you want to debug into address bar.
  7. Switch back to Visual Web Developer Express and you should see all the Javascript files of the page are loaded under Solution Explorer.
  8. Double click on the Javascript file, set break points and start debugging. Use controls on the top to start, stop, step over, etc.

Friday, June 10, 2011

Facebook iFrame tab scrollbars don't go away fix

In the iFramed page, add the following style.
body{
   overflow:hidden;
}
#fb-root{
   display:none;
}

Thursday, March 24, 2011

VW Blog Network

From Jetta blog to the VW blog network. Use WordPress 3 multi sites feature.


http://blogs.vw.com/

VW The Great Comparison

Used 3rd party API for comparison data. Complex Javascript. Used DOMDocument and DOMXpath to parse the API XML data

Development time: 3 weeks.
Site URL: http://web.vw.com/vwcompare/

Tuesday, October 5, 2010