Bluetooth source here!!! A responsive web design (RWD) website using jQuery and BootstrapV5 to record heart rate (HR) data via Bluetooth with the Polar OH1+
Budget: $30 – $250 USD
A responsive web design (RWD) website using jQuery and BootstrapV5 to record heart rate (HR) data via Bluetooth with the Polar OH1+.
Modification time: 20:00, 06/10, 2024 GMT+8
References:
Polar OH1+ Optical heart rate sensor: https://www.polar.com/us-en/sensors/oh1-optical-heart-rate-sensor
Bluetooth source codes here for your reference!!!
This demo program can read the Heart-rate data from one Polar OH1+ continuously: https://github.com/WebBluetoothCG/demos/tree/gh-pages/heart-rate-sensor
Task description:
Platform: Web browsers on iPad and Desktop (Mac & PC Windows)
We need to develop a responsive web design (RWD) website that can communicate with Polar OH1+ via Bluetooth to record the heart rates (HR) of 1 to 10 users simultaneously. This website will include the following three pages:
1. Page 1 - User profile input/edit page:
The personal profiles of up to 10 OH1+ users are displayed as 10 blocks on a screen. The admin of this website can easily view and click to edit the profiles of 1 to 10 OH1+ users simultaneously on this page. Each OH1+ user’s profile includes at least the following fields: user ID, full name, age, average heart rate, Bluetooth ID, battery status, remarks, and more.
2. Page 2 - Heart-rate monitoring/recording page:
The admin of this website can choose 1 to 10 users' OH1+ devices to connect and monitor on this page simultaneously. They can then easily select which users' heart rates will start being recorded. During recording, a histogram or curve graph displays the most recent 10 minutes of heart rate data, along with the minimum, maximum, and average HR information. After pressing the 'Stop' button, all recorded data can be downloaded and saved as .csv files.
3. Page 3 – Historical Heart-rate display page:
The admin of this website can choose any one of the 1 to 10 OH1+ users to view their detailed historical visualized histograms or curves of ALL recorded heart-rate data, including their minimum, maximum, and average heart rate information respectively and aggregately. All historical recorded data can be downloaded and saved as .csv files, either collectively or individually.
Each page includes buttons/tabs to switch among the three pages.
All data that needs to be stored in or retrieved from the database is accessed via RESTful API calls. These RESTful API calls are developed by another engineering team. The project manager will facilitate all communications between the client and server sides.
On Pages 2 and 3, all visualizations and graphs must use one of the well-known JavaScript visualization libraries/frameworks, such as D3.js, Chart.js, ApexCharts, JSXGraph, Plotly.js, Highcharts, Google Charts, Vega-Lite, amCharts, Chartist.js, FusionCharts, or Apache ECharts, among others. If you have other options that you believe are better, please confirm with us before starting this project.
You must use jQuery, Bootstrap 5, and HTML/CSS to complete this website. Specifically, all UI components must be Bootstrapv5 components. If you have other UI components that you believe are better than those in Bootstrapv5, please confirm with us before starting the project. All other JavaScript frameworks are prohibited.
Milestone 1:
Complete Page2.
Milestone 2:
Complete all pages.
We will test your production on the browsers of both iPad and desktop (Mac and PC Windows). Please provide us with some demos of your previous work using jQuery, Bootstrap, and Bluetooth.
We will test your source codes on both our local machines and the other web hosting services. If the website runs successfully on your machine but encounters issues on our environments, your task will be considered unsuccessful. In such a scenario, please provide detailed instructions for setting up on both environments. We will follow these instructions without granting remote login/control access to our machines.
Please maintain a clean coding style with well-organized and modularized source codes. Additionally, please ensure that configurable inputs, such as environment variables, URL links, and input properties, … are isolated into configuration files.
Besides, before establishing a milestone, we will continue to revise and update this proposal along with its specifications within the discussion threads. Prior to accepting the milestones, please ensure to review all the most updated proposal details and specifications. Let’s confirm we have the same proposal with the same modification time before accepting milestones.
If there is anything unclear or ambiguous, please feel free to inform us. Thank you.
-------------
I'm in need of a highly skilled and experienced web designer/developer to create an intuitive and responsive website that will enable users to monitor their heart rate in real-time using the Polar OH1+ heart rate monitor via Bluetooth. The site should be designed to:
- Facilitate Real-time Heart Rate Monitoring: The primary aim of the website is to show users their heart rate on the screen as they work out or engage in any physical activity.
- Offer Data Visualization and Analytics: The site should help users understand their heart rate data with clear and insightful visuals. This will be essential for them to track progress, identify patterns, and adjust their training.
UI Design:
The website's user interface should be clean and minimalist. The design should be user-friendly, placing the heart rate data front and center, and the analytics should be easy to access and understand.
- Users should be able to easily access their data through a web dashboard.
The technical skills and experience I'm looking for include:
- Proficiency in jQuery and BootstrapV5
- Previous experience in creating responsive web designs
- Familiarity with integrating Bluetooth devices into web apps
- Strong track record in data visualization and analytics
- A portfolio that demonstrates clean and minimalist UI design
Please provide a brief overview of your approach to this project, including any relevant experience that you think would make you a good fit. Your bid should also include an estimated timeline for completion.
Modification time: 20:00, 06/10, 2024 GMT+8
References:
Polar OH1+ Optical heart rate sensor: https://www.polar.com/us-en/sensors/oh1-optical-heart-rate-sensor
Bluetooth source codes here for your reference!!!
This demo program can read the Heart-rate data from one Polar OH1+ continuously: https://github.com/WebBluetoothCG/demos/tree/gh-pages/heart-rate-sensor
Task description:
Platform: Web browsers on iPad and Desktop (Mac & PC Windows)
We need to develop a responsive web design (RWD) website that can communicate with Polar OH1+ via Bluetooth to record the heart rates (HR) of 1 to 10 users simultaneously. This website will include the following three pages:
1. Page 1 - User profile input/edit page:
The personal profiles of up to 10 OH1+ users are displayed as 10 blocks on a screen. The admin of this website can easily view and click to edit the profiles of 1 to 10 OH1+ users simultaneously on this page. Each OH1+ user’s profile includes at least the following fields: user ID, full name, age, average heart rate, Bluetooth ID, battery status, remarks, and more.
2. Page 2 - Heart-rate monitoring/recording page:
The admin of this website can choose 1 to 10 users' OH1+ devices to connect and monitor on this page simultaneously. They can then easily select which users' heart rates will start being recorded. During recording, a histogram or curve graph displays the most recent 10 minutes of heart rate data, along with the minimum, maximum, and average HR information. After pressing the 'Stop' button, all recorded data can be downloaded and saved as .csv files.
3. Page 3 – Historical Heart-rate display page:
The admin of this website can choose any one of the 1 to 10 OH1+ users to view their detailed historical visualized histograms or curves of ALL recorded heart-rate data, including their minimum, maximum, and average heart rate information respectively and aggregately. All historical recorded data can be downloaded and saved as .csv files, either collectively or individually.
Each page includes buttons/tabs to switch among the three pages.
All data that needs to be stored in or retrieved from the database is accessed via RESTful API calls. These RESTful API calls are developed by another engineering team. The project manager will facilitate all communications between the client and server sides.
On Pages 2 and 3, all visualizations and graphs must use one of the well-known JavaScript visualization libraries/frameworks, such as D3.js, Chart.js, ApexCharts, JSXGraph, Plotly.js, Highcharts, Google Charts, Vega-Lite, amCharts, Chartist.js, FusionCharts, or Apache ECharts, among others. If you have other options that you believe are better, please confirm with us before starting this project.
You must use jQuery, Bootstrap 5, and HTML/CSS to complete this website. Specifically, all UI components must be Bootstrapv5 components. If you have other UI components that you believe are better than those in Bootstrapv5, please confirm with us before starting the project. All other JavaScript frameworks are prohibited.
Milestone 1:
Complete Page2.
Milestone 2:
Complete all pages.
We will test your production on the browsers of both iPad and desktop (Mac and PC Windows). Please provide us with some demos of your previous work using jQuery, Bootstrap, and Bluetooth.
We will test your source codes on both our local machines and the other web hosting services. If the website runs successfully on your machine but encounters issues on our environments, your task will be considered unsuccessful. In such a scenario, please provide detailed instructions for setting up on both environments. We will follow these instructions without granting remote login/control access to our machines.
Please maintain a clean coding style with well-organized and modularized source codes. Additionally, please ensure that configurable inputs, such as environment variables, URL links, and input properties, … are isolated into configuration files.
Besides, before establishing a milestone, we will continue to revise and update this proposal along with its specifications within the discussion threads. Prior to accepting the milestones, please ensure to review all the most updated proposal details and specifications. Let’s confirm we have the same proposal with the same modification time before accepting milestones.
If there is anything unclear or ambiguous, please feel free to inform us. Thank you.
-------------
I'm in need of a highly skilled and experienced web designer/developer to create an intuitive and responsive website that will enable users to monitor their heart rate in real-time using the Polar OH1+ heart rate monitor via Bluetooth. The site should be designed to:
- Facilitate Real-time Heart Rate Monitoring: The primary aim of the website is to show users their heart rate on the screen as they work out or engage in any physical activity.
- Offer Data Visualization and Analytics: The site should help users understand their heart rate data with clear and insightful visuals. This will be essential for them to track progress, identify patterns, and adjust their training.
UI Design:
The website's user interface should be clean and minimalist. The design should be user-friendly, placing the heart rate data front and center, and the analytics should be easy to access and understand.
- Users should be able to easily access their data through a web dashboard.
The technical skills and experience I'm looking for include:
- Proficiency in jQuery and BootstrapV5
- Previous experience in creating responsive web designs
- Familiarity with integrating Bluetooth devices into web apps
- Strong track record in data visualization and analytics
- A portfolio that demonstrates clean and minimalist UI design
Please provide a brief overview of your approach to this project, including any relevant experience that you think would make you a good fit. Your bid should also include an estimated timeline for completion.