-
Notifications
You must be signed in to change notification settings - Fork 0
/
TensionTrak.html
104 lines (82 loc) · 5.66 KB
/
TensionTrak.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>TensionTrak - Xander To</title>
<meta content="" name="description">
<meta content="" name="keywords">
<!-- Favicons -->
<link href="assets/img/favicon.png" rel="icon">
<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">
<!-- Vendor CSS Files -->
<link href="assets/vendor/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
<link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<!-- Template Main CSS File -->
<link href="assets/css/style.css" rel="stylesheet">
<!-- =======================================================
* Template Name: Kelly - v2.1.0
* Template URL: https://bootstrapmade.com/kelly-free-bootstrap-cv-resume-html-template/
* Author: BootstrapMade.com
* License: https://bootstrapmade.com/license/
======================================================== -->
</head>
<body>
<main id="main">
<!-- ======= Portfolio Details Section ======= -->
<section id="portfolio-details" class="portfolio-details">
<div class="container">
<div class="row">
<div class="col-lg-8">
<h2 class="portfolio-title">TensionTrak</h2>
<div class="owl-carousel portfolio-details-carousel">
<img src="assets/img/TensionTrak/poster.PNG" class="img-fluid" alt="poster">
<img src="assets/img/TensionTrak/diagram.jpg" class="img-fluid" alt="diagram">
<img src="assets/img/TensionTrak/serial monitor.PNG" class="img-fluid" alt="serial monitor">
<img src="assets/img/TensionTrak/blynk.jpg" class="img-fluid" alt="blynk">
<img src="assets/img/TensionTrak/blynk_closeup.png" class="img-fluid" alt="blynk_closeup">
<img src="assets/img/TensionTrak/hardware.jpg" class="img-fluid" alt="hardware">
<iframe width="840" height="473" src="https://www.youtube-nocookie.com/embed/iVns5xhDLRA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
<iframe width="840" height="473" src="https://www.youtube-nocookie.com/embed/eURBwne9rF8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="col-lg-4 portfolio-info">
<h3>Project information</h3>
<ul>
<li><strong>Hardware</strong>: ESP32, servo motor</li>
<li><strong>Firmware/Software</strong>: C++, WiFi, BLE, Blynk</li>
<li><strong>Project Duration</strong>: June 2022 - August 2022</li>
<li><strong>Project GitHub</strong>: <a href="https://github.com/hientv1999/TensionTrak" target=”_blank”>GitHub</a></li>
<li><strong>Project Website</strong>: <a href="https://ece499uvic2022.wixsite.com/ece-499---group-3" target=”_blank”>Website</a></li>
</ul>
<p>
This is a team project of 4 ECE students for the UVic ECE499 course. The purpose of the project is to create a solution to control tension level from an existing ESP32 controller board on the Under-The-Desk Bike of Ergonomyx Inc. A servo motor will adjust the magnet array position, which affects the Eddie current applied in the pedal motor, hence increases or decreases pedalling resistance. Commands are sent to the board via BLE from a smartphone. Each member was responsible for an aspect of the project: electrical, mechanical, firmware & website, and testing. I was in charge of the firmware and website development. Additionally, 1 week before the due date, I came up with the idea to use the Blynk server to bring real-time visualization of data and control and finish the Blynk backend & firmware requirement for Blynk on time, which significantly improved our project's demonstration mark. I also brought to the table the idea of automatic tension control with 5 modes, which brought lots of joy to anyone who tried our TensionTrak-equipped bike.
</p>
</div>
</div>
</div>
</section><!-- End Portfolio Details Section -->
</main><!-- End #main -->
<div id="preloader"></div>
<a href="#" class="back-to-top"><i class="bx bx-up-arrow-alt"></i></a>
<!-- Vendor JS Files -->
<script src="assets/vendor/jquery/jquery.min.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/jquery.easing/jquery.easing.min.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="assets/vendor/waypoints/jquery.waypoints.min.js"></script>
<script src="assets/vendor/counterup/counterup.min.js"></script>
<script src="assets/vendor/owl.carousel/owl.carousel.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/venobox/venobox.min.js"></script>
<script src="assets/vendor/aos/aos.js"></script>
<!-- Template Main JS File -->
<script src="assets/js/main.js"></script>
</body>
</html>