Two standalone pages needing JS/Jquery/database

I have two standalone pages to code.
See attached ppt for spec of each page.
Please quote for one or both explaining how you will do it and what problems you forsee and broadly how you'll solve it

The home page and learning page will sit at www.conservativesupport.com and be open to all. The DeadorAlive page will sit within the wordpress installation at blog.conservativesupport.com

The learning page will be completely standalone, but will require a database. Please explain how the DB will be managed - i.e. how I'll enter the data in an easy way. The learning page is a jquery/js rollover image with the text for each segment showing up in the box next to it as you rollover each portion of the image. An additional extra might be the slices of the pie expanding as you roll over them.

The Dead or Alive page will require a user password management system to be installed for the wordpress installation, it looks like buddypress is the best. Is it easy once buddypress is installed to allow a managed group of users to edit this new page? I would like the database behind this page to record data status weekly and record what user has changed what when. I will then later want to add widgets such as 'top ten', 'top ten biggest improvers' 'worst ten' etc.