generated from Skynet/deploy_user
Compare commits
No commits in common. "eee2190b24680a5f7395d58591799d117ba5916e" and "1c9f1b1d820cbe303ac2aece919cd8c80ae17bfc" have entirely different histories.
eee2190b24
...
1c9f1b1d82
10 changed files with 0 additions and 743 deletions
|
@ -1,382 +0,0 @@
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang='en'>
|
|
||||||
<head>
|
|
||||||
<title>Making our Roads Safer Through the use of Technology</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<section class='slide' id='0' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Making our Roads Safer Through the use of Technology
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Eoghan Conlon
|
|
||||||
<br />
|
|
||||||
21310262
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='1' style='display:none'>
|
|
||||||
<h1>Introduction</h1>
|
|
||||||
<p>
|
|
||||||
Motorways >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
City Streets >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Cities >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Conclusion
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='2' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Introduction
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Motorways ^
|
|
||||||
</p>
|
|
||||||
<h1>Smart Motorways</h1>
|
|
||||||
<p>
|
|
||||||
Controlled Motorways
|
|
||||||
<br />
|
|
||||||
Partial shoulder running Motorways
|
|
||||||
<br />
|
|
||||||
All-lane running motorways
|
|
||||||
<br />
|
|
||||||
Advantages
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
City Streets >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Cities >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Conclusion
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='3' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Introduction
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Motorways ^
|
|
||||||
<br />
|
|
||||||
Smart Motorways
|
|
||||||
</p>
|
|
||||||
<h1>Controlled Motorways</h1>
|
|
||||||
<p>
|
|
||||||
Partial shoulder running Motorways
|
|
||||||
<br />
|
|
||||||
All-lane running motorways
|
|
||||||
<br />
|
|
||||||
Advantages
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
City Streets >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Cities >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Conclusion
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='4' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Introduction
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Motorways ^
|
|
||||||
<br />
|
|
||||||
Smart Motorways
|
|
||||||
<br />
|
|
||||||
Controlled Motorways
|
|
||||||
</p>
|
|
||||||
<h1>Partial shoulder running Motorways</h1>
|
|
||||||
<p>
|
|
||||||
All-lane running motorways
|
|
||||||
<br />
|
|
||||||
Advantages
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
City Streets >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Cities >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Conclusion
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='5' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Introduction
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Motorways ^
|
|
||||||
<br />
|
|
||||||
Smart Motorways
|
|
||||||
<br />
|
|
||||||
Controlled Motorways
|
|
||||||
<br />
|
|
||||||
Partial shoulder running Motorways
|
|
||||||
</p>
|
|
||||||
<h1>All-lane running motorways</h1>
|
|
||||||
<p>
|
|
||||||
Advantages
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
City Streets >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Cities >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Conclusion
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='6' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Introduction
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Motorways ^
|
|
||||||
<br />
|
|
||||||
Smart Motorways
|
|
||||||
<br />
|
|
||||||
Controlled Motorways
|
|
||||||
<br />
|
|
||||||
Partial shoulder running Motorways
|
|
||||||
<br />
|
|
||||||
All-lane running motorways
|
|
||||||
</p>
|
|
||||||
<h1>Advantages</h1>
|
|
||||||
<p>
|
|
||||||
City Streets >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Cities >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Conclusion
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='7' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Introduction
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Motorways >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
City Streets ^
|
|
||||||
</p>
|
|
||||||
<h1>Junction design</h1>
|
|
||||||
<p>
|
|
||||||
Traffic flow
|
|
||||||
<br />
|
|
||||||
Ideal junction design
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Cities >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Conclusion
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='8' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Introduction
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Motorways >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
City Streets ^
|
|
||||||
<br />
|
|
||||||
Junction design
|
|
||||||
</p>
|
|
||||||
<h1>Traffic flow</h1>
|
|
||||||
<p>
|
|
||||||
Ideal junction design
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Cities >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Conclusion
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='9' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Introduction
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Motorways >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
City Streets ^
|
|
||||||
<br />
|
|
||||||
Junction design
|
|
||||||
<br />
|
|
||||||
Traffic flow
|
|
||||||
</p>
|
|
||||||
<h1>Ideal junction design</h1>
|
|
||||||
<p>
|
|
||||||
Cities >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Conclusion
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='10' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Introduction
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Motorways >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
City Streets >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Cities ^
|
|
||||||
</p>
|
|
||||||
<h1>Ideal diversion routes</h1>
|
|
||||||
<p>
|
|
||||||
How to make traffic flow easier should they be needed
|
|
||||||
<br />
|
|
||||||
Ideal city planning
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Conclusion
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='11' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Introduction
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Motorways >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
City Streets >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Cities ^
|
|
||||||
<br />
|
|
||||||
Ideal diversion routes
|
|
||||||
</p>
|
|
||||||
<h1>How to make traffic flow easier should they be needed</h1>
|
|
||||||
<p>
|
|
||||||
Ideal city planning
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Conclusion
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='12' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Introduction
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Motorways >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
City Streets >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Cities ^
|
|
||||||
<br />
|
|
||||||
Ideal diversion routes
|
|
||||||
<br />
|
|
||||||
How to make traffic flow easier should they be needed
|
|
||||||
</p>
|
|
||||||
<h1>Ideal city planning</h1>
|
|
||||||
<p>
|
|
||||||
Conclusion
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='13' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Introduction
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Motorways >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
City Streets >
|
|
||||||
</p>
|
|
||||||
<p>
|
|
||||||
Cities >
|
|
||||||
</p>
|
|
||||||
<h1>Conclusion</h1>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='14' style='display:none'>
|
|
||||||
</section>
|
|
||||||
</body>
|
|
||||||
<style>
|
|
||||||
section.slide {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%) scale(3);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script>
|
|
||||||
let slide_number = 0;
|
|
||||||
let slide_max = 0;
|
|
||||||
|
|
||||||
for (let section of document.querySelectorAll("section.slide")) {
|
|
||||||
let number = parseInt(section.id, 10);
|
|
||||||
if (number > slide_max) {
|
|
||||||
slide_max = number;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
slide_next = (change) => {
|
|
||||||
// make old hidden
|
|
||||||
document.getElementById(`${slide_number}`).style.display = "none";
|
|
||||||
|
|
||||||
// make the change
|
|
||||||
let slide_number_new = slide_number + change;
|
|
||||||
if (slide_number_new >= 0 && slide_number_new <= slide_max) {
|
|
||||||
slide_number += change;
|
|
||||||
}
|
|
||||||
|
|
||||||
// make current visible
|
|
||||||
document.getElementById(`${slide_number}`).style.display = "block";
|
|
||||||
}
|
|
||||||
|
|
||||||
// add event listner
|
|
||||||
onkeydown = (event) => {
|
|
||||||
if (event.key === "ArrowRight" || event.key === "ArrowDown") {
|
|
||||||
slide_next(1);
|
|
||||||
}
|
|
||||||
if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
|
|
||||||
slide_next(-1);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
on_events = (clickTargetWidth, xCoordInClickTarget) => {
|
|
||||||
if (clickTargetWidth / 2 > xCoordInClickTarget) {
|
|
||||||
slide_next(-1);
|
|
||||||
} else {
|
|
||||||
slide_next(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onclick = (event) => {
|
|
||||||
on_events(event.target.offsetWidth, event.clientX - event.target.getBoundingClientRect().left);
|
|
||||||
};
|
|
||||||
ontouchstart = (event) => {
|
|
||||||
on_events(event.target.offsetWidth, event.touches[0].clientX - event.target.getBoundingClientRect().left);
|
|
||||||
};
|
|
||||||
// show the first slide
|
|
||||||
slide_next(0)
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
|
|
BIN
src/presentations/college/microcontroller_presentation_and_images/Crossing.jpg
(Stored with Git LFS)
BIN
src/presentations/college/microcontroller_presentation_and_images/Crossing.jpg
(Stored with Git LFS)
Binary file not shown.
BIN
src/presentations/college/microcontroller_presentation_and_images/Handheld.jpg
(Stored with Git LFS)
BIN
src/presentations/college/microcontroller_presentation_and_images/Handheld.jpg
(Stored with Git LFS)
Binary file not shown.
BIN
src/presentations/college/microcontroller_presentation_and_images/average.jpg
(Stored with Git LFS)
BIN
src/presentations/college/microcontroller_presentation_and_images/average.jpg
(Stored with Git LFS)
Binary file not shown.
BIN
src/presentations/college/microcontroller_presentation_and_images/major.jpg
(Stored with Git LFS)
BIN
src/presentations/college/microcontroller_presentation_and_images/major.jpg
(Stored with Git LFS)
Binary file not shown.
BIN
src/presentations/college/microcontroller_presentation_and_images/major_var.jpg
(Stored with Git LFS)
BIN
src/presentations/college/microcontroller_presentation_and_images/major_var.jpg
(Stored with Git LFS)
Binary file not shown.
|
@ -1,197 +0,0 @@
|
||||||
|
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang='en'>
|
|
||||||
<head>
|
|
||||||
<title>Microcontrollers in transport</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<section class='slide' id='0' style='display:none'>
|
|
||||||
<h1>Microcontrollers in transport</h1>
|
|
||||||
<p>
|
|
||||||
Eoghan Conlon
|
|
||||||
<br />
|
|
||||||
21310262
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='1' style='display:none'>
|
|
||||||
<h2>Microcontrollers vs Microprocessors</h2>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='2' style='display:none'>
|
|
||||||
<h2>Communication Stack</h2>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
TCP/IP
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
Bluetooth
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
OSI Model
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='3' style='display:none'>
|
|
||||||
<h2>Transport network</h2>
|
|
||||||
<ol>
|
|
||||||
<li value="1">
|
|
||||||
Speed Cameras
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
<ol>
|
|
||||||
<li value="2">
|
|
||||||
Traffic Lights
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
<ol>
|
|
||||||
<li value="3">
|
|
||||||
Road Surveys
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='4' style='display:none'>
|
|
||||||
<h3>Speed Cameras</h3>
|
|
||||||
<ol>
|
|
||||||
<li value="1">
|
|
||||||
Handheld Radar Cameras
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
<ol>
|
|
||||||
<li value="2">
|
|
||||||
Speed camera vans
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
<ol>
|
|
||||||
<li value="3">
|
|
||||||
Average speed camera zones
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='5' style='display:none'>
|
|
||||||
<h4>Handheld Cameras</h4>
|
|
||||||
<img src="Handheld.jpg" width="300" height="152" />
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='6' style='display:none'>
|
|
||||||
<h4>Speed camera vans</h4>
|
|
||||||
<img src="van.jpg" width="238" height="217" />
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='7' style='display:none'>
|
|
||||||
<h4>Average speed zones</h4>
|
|
||||||
<img src="average.jpg" width="500" height="375" />
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='8' style='display:none'>
|
|
||||||
<h3>Traffic Lights</h3>
|
|
||||||
<ol>
|
|
||||||
<li value="1">
|
|
||||||
Pedestrian crossing
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
<ol>
|
|
||||||
<li value="2">
|
|
||||||
Minor road junction
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
<ol>
|
|
||||||
<li value="3">
|
|
||||||
Major road junction
|
|
||||||
</li>
|
|
||||||
</ol>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='9' style='display:none'>
|
|
||||||
<h4>Pedestrian Crossing</h4>
|
|
||||||
<img src="Crossing.jpg" width="500" height="375" />
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='10' style='display:none'>
|
|
||||||
<h4>Minor road junction</h4>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Similar to the padestrian crossing, just with added roads to think of.
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='11' style='display:none'>
|
|
||||||
<h4>Major road Junction</h4>
|
|
||||||
<img src="major.jpg" height="375" width="500" />
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='12' style='display:none'>
|
|
||||||
<h5>Slight variation</h5>
|
|
||||||
<img src="major_var.jpg" height="375" width="500" />
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='13' style='display:none'>
|
|
||||||
<h3>Road surveys</h3>
|
|
||||||
<ul>
|
|
||||||
<li>
|
|
||||||
Simple
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
No external communication required
|
|
||||||
</li>
|
|
||||||
<li>
|
|
||||||
No built-in display, only storage
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='14' style='display:none'>
|
|
||||||
</section>
|
|
||||||
</body>
|
|
||||||
<style>
|
|
||||||
section.slide {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%) scale(3);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script>
|
|
||||||
let slide_number = 0;
|
|
||||||
let slide_max = 0;
|
|
||||||
|
|
||||||
for (let section of document.querySelectorAll("section.slide")) {
|
|
||||||
let number = parseInt(section.id, 10);
|
|
||||||
if (number > slide_max) {
|
|
||||||
slide_max = number;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
slide_next = (change) => {
|
|
||||||
// make old hidden
|
|
||||||
document.getElementById(`${slide_number}`).style.display = "none";
|
|
||||||
|
|
||||||
// make the change
|
|
||||||
let slide_number_new = slide_number + change;
|
|
||||||
if (slide_number_new >= 0 && slide_number_new <= slide_max) {
|
|
||||||
slide_number += change;
|
|
||||||
}
|
|
||||||
|
|
||||||
// make current visible
|
|
||||||
document.getElementById(`${slide_number}`).style.display = "block";
|
|
||||||
}
|
|
||||||
|
|
||||||
// add event listner
|
|
||||||
onkeydown = (event) => {
|
|
||||||
if (event.key === "ArrowRight" || event.key === "ArrowDown") {
|
|
||||||
slide_next(1);
|
|
||||||
}
|
|
||||||
if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
|
|
||||||
slide_next(-1);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
on_events = (clickTargetWidth, xCoordInClickTarget) => {
|
|
||||||
if (clickTargetWidth / 2 > xCoordInClickTarget) {
|
|
||||||
slide_next(-1);
|
|
||||||
} else {
|
|
||||||
slide_next(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onclick = (event) => {
|
|
||||||
on_events(event.target.offsetWidth, event.clientX - event.target.getBoundingClientRect().left);
|
|
||||||
};
|
|
||||||
ontouchstart = (event) => {
|
|
||||||
on_events(event.target.offsetWidth, event.touches[0].clientX - event.target.getBoundingClientRect().left);
|
|
||||||
};
|
|
||||||
// show the first slide
|
|
||||||
slide_next(0)
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
|
|
BIN
src/presentations/college/microcontroller_presentation_and_images/van.jpg
(Stored with Git LFS)
BIN
src/presentations/college/microcontroller_presentation_and_images/van.jpg
(Stored with Git LFS)
Binary file not shown.
|
@ -1,143 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang='en'>
|
|
||||||
<head>
|
|
||||||
<title>Sensors in transport</title>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<section class='slide' id='0' style='display:none'>
|
|
||||||
<h1>Sensors in Transport</h1>
|
|
||||||
<p>
|
|
||||||
Eoghan Conlon
|
|
||||||
<br />
|
|
||||||
21310262@studentmail.ul.ie
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='1' style='display:none'>
|
|
||||||
<h1>Sensors</h1>
|
|
||||||
<p>
|
|
||||||
Before we begin, does anyone have any questions on what a sensor is?
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='2' style='display:none'>
|
|
||||||
<p>
|
|
||||||
Now that that's out of the way, here's how they are used in transport.
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='3' style='display:none'>
|
|
||||||
<h1>Roads</h1>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='4' style='display:none'>
|
|
||||||
<p>
|
|
||||||
There are different types of sensors used on roads.
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='5' style='display:none'>
|
|
||||||
<h2>Sensors at traffic lights</h2>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='6' style='display:none'>
|
|
||||||
<h2>Survey Sensors</h2>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='7' style='display:none'>
|
|
||||||
<img src="./speedCameraVan.jpg" height=250></img>
|
|
||||||
<p>
|
|
||||||
Image taken by: <a target='_blank' rel='noopener noreferrer' href='https://www.flickr.com/photos/rossendalewadey/44737927100/in/photostream/'>Robert Wade</a> <a target='_blank' rel='noopener noreferrer' href='https://creativecommons.org/licenses/by-nc-sa/2.0/'>Licence</a>
|
|
||||||
</p>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='8' style='display:none'>
|
|
||||||
<h2>Garda speed guns</h2>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='9' style='display:none'>
|
|
||||||
<h1>Public Transport</h1>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='10' style='display:none'>
|
|
||||||
<h2>Why not Planes or Boats?</h2>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='11' style='display:none'>
|
|
||||||
<h2>Buses</h2>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='12' style='display:none'>
|
|
||||||
<h3>Common Sensors</h3>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='13' style='display:none'>
|
|
||||||
<h3>Inter-city implementation of GPS tracking</h3>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='14' style='display:none'>
|
|
||||||
<h2>Trains</h2>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='15' style='display:none'>
|
|
||||||
<h3>Common Sensors</h3>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='16' style='display:none'>
|
|
||||||
<h3>GPS?</h3>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='17' style='display:none'>
|
|
||||||
<h2>Slightly more secure implementation?</h2>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='18' style='display:none'>
|
|
||||||
<h1>Any Questions?</h1>
|
|
||||||
</section>
|
|
||||||
<section class='slide' id='19' style='display:none'>
|
|
||||||
</section>
|
|
||||||
</body>
|
|
||||||
<style>
|
|
||||||
section.slide {
|
|
||||||
position: absolute;
|
|
||||||
top: 50%;
|
|
||||||
left: 50%;
|
|
||||||
transform: translate(-50%, -50%) scale(3);
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
<script>
|
|
||||||
let slide_number = 0;
|
|
||||||
let slide_max = 0;
|
|
||||||
|
|
||||||
for (let section of document.querySelectorAll("section.slide")) {
|
|
||||||
let number = parseInt(section.id, 10);
|
|
||||||
if (number > slide_max) {
|
|
||||||
slide_max = number;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
slide_next = (change) => {
|
|
||||||
// make old hidden
|
|
||||||
document.getElementById(`${slide_number}`).style.display = "none";
|
|
||||||
|
|
||||||
// make the change
|
|
||||||
let slide_number_new = slide_number + change;
|
|
||||||
if (slide_number_new >= 0 && slide_number_new <= slide_max) {
|
|
||||||
slide_number += change;
|
|
||||||
}
|
|
||||||
|
|
||||||
// make current visible
|
|
||||||
document.getElementById(`${slide_number}`).style.display = "block";
|
|
||||||
}
|
|
||||||
|
|
||||||
// add event listner
|
|
||||||
onkeydown = (event) => {
|
|
||||||
if (event.key === "ArrowRight" || event.key === "ArrowDown") {
|
|
||||||
slide_next(1);
|
|
||||||
}
|
|
||||||
if (event.key === "ArrowLeft" || event.key === "ArrowUp") {
|
|
||||||
slide_next(-1);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
on_events = (clickTargetWidth, xCoordInClickTarget) => {
|
|
||||||
if (clickTargetWidth / 2 > xCoordInClickTarget) {
|
|
||||||
slide_next(-1);
|
|
||||||
} else {
|
|
||||||
slide_next(1);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
onclick = (event) => {
|
|
||||||
on_events(event.target.offsetWidth, event.clientX - event.target.getBoundingClientRect().left);
|
|
||||||
};
|
|
||||||
ontouchstart = (event) => {
|
|
||||||
on_events(event.target.offsetWidth, event.touches[0].clientX - event.target.getBoundingClientRect().left);
|
|
||||||
};
|
|
||||||
// show the first slide
|
|
||||||
slide_next(0)
|
|
||||||
</script>
|
|
||||||
</html>
|
|
||||||
|
|
BIN
src/presentations/college/sensors/speedCameraVan.jpg
(Stored with Git LFS)
BIN
src/presentations/college/sensors/speedCameraVan.jpg
(Stored with Git LFS)
Binary file not shown.
Loading…
Reference in a new issue