You will also need to create some sample data. This will help you in development and also for testing the component. I will help you with the data format. More on this below.
Also, please make sure you are comfortable working in an interactive mode. I don’t like surprises after days of effort spent in the wrong direction. Phone and skype should be ok with you.
Here i can only give you a brief on the overall layout and some basic details that will help you prepare an effort estimate. Once I award the project, then I will share the detailed specs.
The component showcases items related to one particular consumer category such as perfumes or say shoes etc. In it, there is a section that shows advertisements related to the category, another section shows articles or videos related to the category and the 3rd section is a facebook like wall. Please note: I need you to use a third party open source component for the wall and I need to review it before you implement it. So I would suggest you start with this. The first two sections are equal width and occupy the left of the main section while the wall occupies the right part of the main section. There are the usual like, share and comment buttons under the advertisement and the article sections. The main section has a title bar too which shows its user given name, category, a recommend button, FB friends link and All Users who have also chosen the category link and the Remove button. The remove button just removes the category from the user’s profile. The user can have many categories configured in his profile, but you don’t need to bother about that yet.
On clicking the recommend button, a DIV dialog opens with user's facebook friends imported from his facebook profile, who have not chosen this particular consumer category. He can check the ones he wants to reco the category to. Select all option is also there.
On clicking the icon for FB Friends, would list all the friends imported from FB who also are in this category.
The link saying All Users, on click, will display all the users who have chosen the same category including FB friends. FB friends will have a facebook icon next to the names.
For the advertisement and articles section, there is auto navigation based on a configured time interval in the DB, after which the next content in the queue starts to show. The user can manually navigate using prev and next arrows in the section which have the like, share and comment buttons. I will explain the navigation logic in more detail later. The navigation works on AJAX for more than one reason. The data queues will be large and also might need to be changed on the server side in situation like content expiration or newly changed content priority – this logic is only for info, you don’t need to bother with it yet.
The wall’s status section will have a checkbox saying, post to facebook.
The advertisement section should be capable of displaying image, flash and video ads. We might need to discuss on how to handle the video ads.
The article section should be capable of handling videos too. On clicking on the video snapshot image, which would have a play watermark on it, a small DIV should pop up to show the video. We can discuss if we want to give full screen option in the player or not.
Sample data will need to be created. The sample data might need to be created in Drupal as well as MySQL. Ofcourse we will understand more on this when you design the data model along with me. We will need to work on data model together. Primarily whats important is, the relationships between user, content classification, content types, and media types.