Specification for Javascript/HTML/CSS code for website and blog
Title
Basic Metabolic Rate and Calories Burned Calculator Development
Scope
Development and supply of code for an online “Basic Metabolic Rate and Calories Burned Calculator”.
Calculations be performed on the client side. Functionality of calculator to be customizable by myself by easily altering/adding variables within the calculator.
The calculator will require user input into 5 or 6 fields. Calculations will be performed on the first 4 fields and the result of this calculation will be combined with the other user entered data and then calculated for the final result. This result will include variable text based on the result.
Looking at possibility of pulling MET ACTIVITIY data of other website for inclusion in this calculator. This website is at
[login to view URL]
May need to contact them to see if they have a API.
If this is not possible then I will supply data as list of activities and associated values.
Because this list of values is quite long (over 300 items) I would like the list to be broken and displayed into groups. At first only the groups are shown – about 20 items. When user clicks on one group it expands. If they then click on another group the previous group will collapse. When the user clicks on an item it will be “passed” or automatically copy and pasted straight into the correct field within the calculator ( the MET Value field in this case). I know this may be sophisticated but the object of this calculator is extreme ease of use for the user.
Would like to ability to email and share the result with other or themselves via a simple button.
I have basic knowledge of HTML and CSS and how to include Javascript into website and blogs.
Similar examples from other websites
[login to view URL]
[login to view URL]
What I will supply
Specifications including work flow, data and any algorithms
Communication and clarification of specs as needed via email and phone
List of Met activities and associated values (unless pulled of other website)
Equations and specs of the variables
Coding environment
The code will be in the form HTML, Javascript and CSS and conform to latest standards.
It will run on the client side.
It will be ready to insert in a webpage AND Google Blogger blog post
User Platforms and interface design
Must work on webpages in all browsers. Web interface to fit well into Apple iPad dimensions. MUST look fantastic and be VERY readable and optimized for iPhone and Android. i.e. The website code must include ability to detect iphone/safari browser and display optimized version. Note that when placing code into Google Blogger, it is Google that will optimize iphone display, not us.
I am aware of problems with older browsers and some IE versions and Javascript, so will need a graceful and elegant way to explain non use in these situations to users
Upgrades and modifications, tweeking
Will need ability to make modifications and upgrades as needed so will need full notes and explanations within code for clarity and explanation of coding rational. Would like to work with developer long term, not just one off.