home.markdown

@@ -17,7 +17,7 @@ The following points will be covered by this tutorial:
 * Prepared JAVA project files for Hands-on
 
 ## 2. Installation of Copper Plugin for Mozilla Firefox
-![Copper logo](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/CopperLogo.jpg =250x)
+![Copper logo](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/CopperLogo.png)
 
 - https://addons.mozilla.org/de/firefox/addon/copper-270430/
 - Click on „add to Firefox“ & Confirm Installation
@@ -25,7 +25,6 @@ The following points will be covered by this tutorial:
 
 After the installation you can enter coap://host:port/resourcePath/?query=filter.
 Copper will allow you to make any CoAP interaction interactively.  
-
 ![Copper Screenshot](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/CopperScreenshot.jpg)
 
 ## 3. Introduction of jCoAP
@@ -34,7 +33,7 @@ Copper will allow you to make any CoAP interaction interactively.
  - https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap
 
 ### Task 1 – Sequence Diagram  
-![Task 1 – Sequence Diagram](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/Task1Sequence.jpg)
+![Task 1 – Sequence Diagram](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/Task1Sequence.png)  
 
 Server Side   
 ![Server Side  UML Diagram](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/ServerUML.jpg)  
@@ -75,16 +74,16 @@ Client Side
 You can find the required files in our repository at https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/tree/master/ws4d-jcoap-handsOn
 
 1. File > Import  
-![Eclipse File Import](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/EclipseImport1.jpg)
+![Eclipse File Import](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/EclipseImport1.png)
 2. General > Existing Projects ...  
 3. Click ‚Next‘  
-![Eclipse File Import](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/EclipseImport2.jpg)
+![Eclipse File Import](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/EclipseImport2.png)
 4. Browse <Select Project Folder>
 5. Click ‚Finish’  
-![Eclipse File Import](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/EclipseImport3.jpg)
+![Eclipse File Import](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/EclipseImport3.png)
 
 * the resulting GUI should look like this:  
-![Eclipse GUI](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/GUI.jpg)
+![Eclipse GUI](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/GUI.png)
 
 * We have prepared some FIXME and TODO annotations:
  * Just open the „Task“ view
@@ -185,7 +184,7 @@ You can find the required files in our repository at https://gitlab.amd.e-techni
  * If you have written your own resources before: GET them
 
 ## 6. Task 2: Implementation of a AC control by using the CoAP-observe mechanism
-![Task 2 - Sequence diagram](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/Task2Sequence.jpg)
+![Task 2 - Sequence diagram](https://gitlab.amd.e-technik.uni-rostock.de/ws4d/jcoap/raw/master/ws4d-jcoap-handsOn/img/Task2Sequence.png)
 1. Use the eventing mechanism CoAP-Observe
 2. Let the server notify clients every 5 seconds about a changed TemperatureResource
 3. Implement an Air Conditioner Resource with the path “/ACControl”, that can be set to “high”,