Skip to content
Snippets Groups Projects
Commit 3b38ed26 authored by AmyB's avatar AmyB
Browse files

update networking with video instead of gif

parent 89758343
No related branches found
No related tags found
No related merge requests found
Pipeline #
......@@ -181,19 +181,22 @@
<h3>First test</h3>
<p>As I couldn't fix the board in time for our meetup, we worked everything out with a breadboard and an arduino. The result looked promising!</p>
<a href="../img/week14/networking.gif" data-lightbox="image-031" data-title=""><img src="../img/week14/networking.gif" class="img-fluid"></a>
<span class="caption text-muted"></span>
<video width="750" height="auto" controls>
<source src="../img/week14/networking.mp4" type="video/mp4">
<source src="../img/week14/networking.mp4" type="video/ogg">
</video>
<p>We didn't really care yet about the pictures, apart from the fact that they were different from each other, but did have the same extension. Later, once at home I'd draw the actual
images that would come on the site. </p>
<h3>The actual board</h3>
<p>I started developing this final board in the input- and output week, but at one point during this week I was afraid that the micro controller that I wanted to use, didn't have enough
pins to make everything happen. A second problem was that the memory of the board might not be sufficient enough. In the end I did use a <b>ATtiny85</b>, because of memory issues
with the ATtiny44. And I did have enough pins. I deceided to <b>overwrite the resetpin</b>. Unless I'm using a bootloader now, there is no way of overwriting the program that I put onto
with the ATtiny44. And I did have enough pins. I decided to <b>overwrite the resetpin</b>. Unless I'm using a bootloader now, there is no way of overwriting the program that I put onto
the micro controller. Thanks to the help of an experienced programmer, the loss of ATtiny85's got controlled to about 3 before we got the right program. </p>
<p>As electronics design is not my forte, I needed about 4 boards before I got everything correct. <b>Mistakes</b> ran from <b>connecting the slide switch</b> wrongly to having a <b>
broken resistor</b>, to <b>lines detaching</b>. Luckely for me, as I dont have a milling machine in the lab, I carried my etching materials with me. This gave me the opportunity to
broken resistor</b>, to <b>lines detaching</b>. Luckely for me, as I don't have a milling machine in the lab, I carried my etching materials with me. This gave me the opportunity to
etch and adapt the PCB wherever I was. One last problem was that I forgot to take the 3K3 and 1K8 resistors from the lab.</p>
<p>After taking out all those mistakes, I finally managed to have a finished board, ready for the evaluation of Networking and the final presentation. </p>
......@@ -333,10 +336,12 @@
<h6><a href="#">To top</a></h6></p>
<hr>
<h2 id="Title8" class="section-heading">Hero shots!</h2>
<a href="../img/week14/foxy.gif" data-lightbox="image-081" data-title=""><img src="../img/week14/foxy.gif" class="img-fluid"></a>
<span class="caption text-muted"></span>
<h2 id="Title8" class="section-heading">Hero shots!</h2>
<video width="750" height="auto" controls>
<source src="../img/week14/foxy.mp4" type="video/mp4">
<source src="../img/week14/foxy.mp4" type="video/ogg">
</video>
<a href="../img/week14/hero.jpg" data-lightbox="image-081" data-title=""><img src="../img/week14/hero.jpg" class="img-fluid"></a>
<span class="caption text-muted">Hero shot</span>
......
......@@ -181,6 +181,11 @@
<h3>First test</h3>
<p>As I couldn't fix the board in time for our meetup, we worked everything out with a breadboard and an arduino. The result looked promising!</p>
<video width="750" height="auto" controls>
<source src="../img/week14/networking.mp4" type="video/mp4">
<source src="../img/week14/networking.mp4" type="video/ogg">
</video>
<a href="../img/week14/networking.gif" data-lightbox="image-031" data-title=""><img src="../img/week14/networking.gif" class="img-fluid"></a>
<span class="caption text-muted"></span>
<p>We didn't really care yet about the pictures, apart from the fact that they were different from each other, but did have the same extension. Later, once at home I'd draw the actual
......@@ -189,11 +194,11 @@
<h3>The actual board</h3>
<p>I started developing this final board in the input- and output week, but at one point during this week I was afraid that the micro controller that I wanted to use, didn't have enough
pins to make everything happen. A second problem was that the memory of the board might not be sufficient enough. In the end I did use a <b>ATtiny85</b>, because of memory issues
with the ATtiny44. And I did have enough pins. I deceided to <b>overwrite the resetpin</b>. Unless I'm using a bootloader now, there is no way of overwriting the program that I put onto
with the ATtiny44. And I did have enough pins. I decided to <b>overwrite the resetpin</b>. Unless I'm using a bootloader now, there is no way of overwriting the program that I put onto
the micro controller. Thanks to the help of an experienced programmer, the loss of ATtiny85's got controlled to about 3 before we got the right program. </p>
<p>As electronics design is not my forte, I needed about 4 boards before I got everything correct. <b>Mistakes</b> ran from <b>connecting the slide switch</b> wrongly to having a <b>
broken resistor</b>, to <b>lines detaching</b>. Luckely for me, as I dont have a milling machine in the lab, I carried my etching materials with me. This gave me the opportunity to
broken resistor</b>, to <b>lines detaching</b>. Luckely for me, as I don't have a milling machine in the lab, I carried my etching materials with me. This gave me the opportunity to
etch and adapt the PCB wherever I was. One last problem was that I forgot to take the 3K3 and 1K8 resistors from the lab.</p>
<p>After taking out all those mistakes, I finally managed to have a finished board, ready for the evaluation of Networking and the final presentation. </p>
......@@ -253,7 +258,7 @@
It gives the images of the cat (in the html) to the client in the browser. Next to that it also opens a socket and keeps track of how many clients there are. In other words, if device A goes to the local host and device B goes to the local host, on the same network, node.js knows there are 2 clients. If device B goes away, node.js knows this, and knows there is only once client left.
The last thing it does, is as said before, listening if there is a change in the 0 and 1, and sends it to the clients. </p>
<p>In the html/js script the socet is being opened with the node.js server. And the correct image is being shown depending of the incomming value (0 or 1)
<p>In the html/js script the socket is being opened with the node.js server. And the correct image is being shown depending of the incomming value (0 or 1)
......@@ -333,17 +338,19 @@
<h6><a href="#">To top</a></h6></p>
<hr>
<h2 id="Title8" class="section-heading">Hero shots!</h2>
<a href="../img/week14/foxy.gif" data-lightbox="image-081" data-title=""><img src="../img/week14/foxy.gif" class="img-fluid"></a>
<span class="caption text-muted"></span>
<h2 id="Title8" class="section-heading">Hero shots!</h2>
<video width="750" height="auto" controls>
<source src="../img/week14/foxy.mp4" type="video/mp4">
<source src="../img/week14/foxy.mp4" type="video/ogg">
</video>
<a href="../img/week14/hero.jpg" data-lightbox="image-081" data-title=""><img src="../img/week14/hero.jpg" class="img-fluid"></a>
<span class="caption text-muted">Hero shot</span>
<h2 id="Title10" class="section-heading">Manuals and files</h2>
<p>
<p><a href="../img/week14/Amy.zip" download>Code including first button code and separated networking </a></p>
<p><a href="../img/week14/foxBoard_resetasbutton.ino" download>Final code for the board</a></p>
<p><a href="../img/week14/fox3.zip" download>Eagle files for the board</a></p>
</p>
<h6><a href="#">To top</a></h6>
......
File added
File added
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment