Hi, im newbie on extending Umbraco so i would like some tips to start with.

I have made a web for a customer that has a  product catalog.

There is a node named Catalog that has children with document type Category with has children with document type Product.

I would like that when the user clicks on the "Catalog" node in the edit page to be a new tab called "manage products" that loads a panel with a dropdownlist with the categories with on selected loads a  grid view (table) with the products. 

I dont know where to start, this is how i have thought it may be:

1. On the "Catalog" document type, create a new tab property called "manage products".
2. Create a new data type that renders all i need (the dropdown and the gridview)
3. Add a property of this new data type to the "Catalog" document type on the new tab.
4. On the "save" event the changes made by the user on the gridview (order the products) could be saved.