Einrichten zweier IP-Kameras über eine DynDNS

Transkript

1 Staatliche Fachschule für Mechatronik- und Elektrotechnik Einrichten zweier IP-Kameras über eine DynDNS von Thomas Sorgenfrei, Scherl Alexander, Süß Michael Projektarbeit Staatliche Fachschule für Mechatronik- und Elektrotechnik Betreuer: Dipl.-Ing. (FH) Friedl Max 1

2 Inhaltsverzeichnis 1. Themabeschreibung (A.Scherl) FRITZ!Box FRITZ!Box Überblick Verschlüsselungsarten vom WLAN Benutzeroberfläche Medimax IC-3115W Medimax Überblick WPS Verbindung herstellen Kamera ins Netzwerk einbinden Apexis Megapixel IP-Kamera H H.264 Überblick Kamera ins Netzwerk einbinden DynDNS (T.Sorgenfrei) Was ist DynDNS Funktion von DynDNS DynDNS Kostenlos DynDNS bei kostenlosen Anbieter erstellen Einstellungen am Router Quellcodes (M.Süß) HTML Editor Phase Farben für Menü Aufruf der Kameras Server für Website Website Abbildungsverzeichnis

3 1. Themabeschreibung (A.Scherl) Ziel unserer Arbeit war es zwei IP Kameras in das Netzwerk einzubinden und über eine sogenannte DynDNS auch zu erreichen. Ein weiteres Gebiet der Arbeit war es die IP-Kameras über eine eigene Webseite zu erreichen und anzuzeigen. 1.1 FRITZ!Box FRITZ!Box Überblick Auf dem Typenschild finden Sie wichtige Daten zu Ihrer FRITZ!Box, zum Beispiel den WLAN-Netzwerkschlüssel und die Seriennummer. Der WLAN-Netzwerkschlüssel ist notwendig, um Computer und andere Geräte über WLAN-Funk sicher mit der FRITZ!Box zu verbinden. Das Typenschild befindet sich auf der Geräteunterseite. Abbildung 1:Typenschild NR. Bedeutung 1 Produktname 2 Adresse der Benutzeroberfläche 3 WLAN Netzwerkschlüssel 4 Seriennummer 5 Artikelnummer 6 Spezifikation Netzteil 3

4 Abbildung 2: Anschlüsse NR. Bezeichnung Funktion 1 DSL/TEL Buchse für den Anschluss an DSL und an das Telefonnetz 2 FON 1 und FON 2 RJ11- Buchsen für den Anschluss analoger Telefone, Faxgeräte und Anrufbeantworter 3 FON S RJ45 Buchse für den Anschluss von ISDN- Telefone. 4 LAN1 bis LAN 4 Buchsen zum Anschluss von Computern und anderen netzwerkfähigen Geräten. 5 USB USB-Buchse für den Anschluss von USB-Geräten 6 Power Buchse zum Anschluss des Steckernetzteils Verschlüsselungsarten vom WLAN In der FRITZ!Box ist das Verschlüsselungsverfahren WPA mit dem Modus WPA2 voreingestellt. Der Modus WPA2 ist sicherer als der ältere Modus WPA. Die WLAN- Verbindung ist umso sicherer, je aktueller der Verschlüsselungsmodus ist. Verschlüsselung Modus Protokoll Sicherheit WPA WPA2 CCMP Sehr sicher WPA WPA TKIP sicher Unverschlüsselt - - unsicher 4

5 1.1.3 Benutzeroberfläche Die FRITZ!Box enthält eine Benutzeroberfläche. Wenn man diese aufrufen möchte, kann man im Browser oder die IP Adresse der FRITZ!Box eintippen. Ist ein Zugangsschutz eingestellt, wird natürlich ein Passwort abgefragt. Abbildung 3: Übersicht NR. Funktion/Anzeige 1 Menü der FRITZ!Box-Benutzeroberfläche 2 Systeminformationen 3 Informationen zu Verbindungen und Anschlüssen 4 Links zu den Bereichen FritzNAS und MyFritz 5 Aktionsmenü 6 Link zur Online-Hilfe 7 Assistenten zum Einrichten der FRITZ!Box 8 Weiterführende Links 5

6 1.2 Medimax IC-3115W Medimax Überblick NR. Funktion/Anzeige 1 Linse 2 Netz/Cloud-LED 3 LAN/WI-FI/WPS-LED 4 Antenne Abbildung 4 Vorderansicht Abbildung 5 Hinteransicht NR. Funktion/Anzeige 1 Stativanschluss 2 LAN- Anschluss 3 Spannungsversorgung 4 WPS / Reset 6

7 1.2.2 WPS Verbindung herstellen Um eine WPS-Verbindung zu aktivieren, drücken Sie 2 Sekunden lang die WPS / Reset-Taste an der Netzwerkkamera, Und die LAN/Wi-Fi/WPS-LED beginnt gleichmäßig zu blinken. Drücken Sie innerhalb von 120 Sekunden die WPS-Taste am Wurzel-Drahtlos-Access Point. Die Netzwerkkamera und der drahtlose Access Point errichten automatisch eine sichere WPS-Verbindung. Wenn die Verbindung erfolgreich errichtet ist, leuchtet die LAN/Wi-Fi/WPS-LED auf und kann unregelmäßig flackern, um anzuzeigen, dass eine Verbindung hergestellt worden ist und Daten übertragen werden Kamera ins Netzwerk einbinden -> Auf Kameraoberfläche mit der IP von der Kamera zugreifen, diese befindet sich meist auf der Kamera selbst, falls dies nicht der Fall ist, findet man die IP Adresse in der Bedienungsanleitung oder hat die Möglichkeit via Netzwerk Scanner die IP Adresse zu ermitteln. -> Nachdem einloggen (Username: admin, Passwort: 1234 ) auf der Kameraoberfläche muss die IP ( ) der Kamera so eingestellt werden, dass diese im selben Netzwerk ist aber nicht im DHCP Bereich des Routers liegt. -> Zusätzlich muss der Port der Kamera auf einen freien Port eingestellt werden z.b. Port 80. Abbildung 6: Übersicht Netzwerk einrichten 7

8 1.3 Apexis Megapixel IP-Kamera H H.264 Überblick Abbildung 7: Übersicht Apexis H.264 NR. Funktion/Anzeige 1 Linse 2 Antenne 3 Anschlusskabel Kamera ins Netzwerk einbinden Siehe unter Punkt

9 2 DynDNS (T.Sorgenfrei) Was ist DynDNS Dynamisches DNS (DynDNS) steht für Dynamic Domain Name System (auch DDNS abgekürzt). Dieser Dienst hilft, die ständig wechselnden IP-Adressen eines Gerätes (in unserem Fall IP Kamera) im Heimnetzwerks an einen festen Domain- Namen weiterzuleiten. Dazu muss man sich hierfür bei einem DDNS-Dienst unter einem freien Namen (in unserem Fall Cambsam.ddns.net) registrieren. Unter diesem ist das Gerät dann immer erreichbar, auch wenn Sie seine aktuelle IP-Adresse nicht kennen Funktion von DynDNS Da bei der Adressierung in der Regel mit Domain-Namen und nicht mit IP-Adressen gearbeitet wird, benötigt man ein dynamisches DNS, das die ständig wechselnden IP- Adressen aktualisiert und einem festen Domain-Namen zuordnet. Immer dann, wenn sich die IP-Adresse des Routers ändert, meldet der Router die aktuelle IP-Adresse an den DDNS-Dienst, der die DNS-Anfrage unter der eigenen Domain aktualisiert und an die IP-Adresse antwortet. Wenn Sie nun eine Verbindung zu Ihrem Rechner aufbauen, sieht dieser Vorgang folgendermaßen aus: 1. Der Router teilt dem DDNS-Dienst die vom Internetdienstleister zugewiesene IP-Adresse mit. Diese wird im DynDNS dem von Ihnen festgelegten Domain- Namen zugeordnet. Mit dieser Domain ist der lokale Server nun jederzeit erreichbar 2. Wenn sich die IP-Adresse nach 24 Stunden ändert, bekommt der DDNS-Dienst die neue IP-Adresse automatisch mitgeteilt. Der DDNS-Server beantwortet die DNS-Anfrage und aktualisiert die neue IP-Adresse unter der festen Domain. 3. Möchten Sie nun eine Verbindung zu Ihrem Rechner aufbauen (z. B. über die Remotedesktop-Verbindung), senden Sie eine DNS-Anfrage an Ihre registrierte Domain. Der DDNS-Server liefert dann automatisch die unter dem Namen gespeicherte, aktuelle IP-Adresse Ihres Internetdienstanbieters. Mit der erhaltenen IP-Adresse ist nun eine Client-Server-Verbindung möglich. 9

10 Abbildung 8:DynDNS Funktion So funktioniert ein DynDNS-Dienst: 1) Der Router teilt dem DynDNS-Server die gültige IP-Adresse mit. Der DynDNS-Server weiß dann, dass der Router namens "homexyz" aktuell unter der Adresse " " erreichbar ist. 2) Nun ist der Router unter der Adresse zu erreichen. Die Weiterleitung zur gerade gültigen IP-Adresse erledigt der DynDNS-Server. 2.2 DynDNS Kostenlos DynDNS bei kostenlosen Anbieter erstellen Wir wollten uns eine kostenlose DynDNS erstellen. Hierfür gibt es einige Anbieter. Wir haben uns für no.ip entschieden. Als erstes muss man sich einen Account anlegen. Abbildung 9: Startseite no.ip 10

11 Ist dies geschehen kann man sich einen Hostnamen überlegen und in der unteren Eingabemaske eingeben. Danach wird geprüft ob der Hostname schon vergeben wurde, ist dies nicht der Fall, hat man eine gültige DynDNS. Abbildung 10: Hostname erstellen In der Übersicht sieht man nun, welche Hostnames dem Konto angehören, in unserem Fall nur eine. Die Spalte Last Update gibt an, wann das letzte Mal die IP- Adresse des Routers abgefragt wurde. Das Automatische abfragen der IP-Adresse des Routers funktionierte nicht einwandfrei. Oft musste händisch die IP-Adresse nachgetragen werden. Mit einer bezahlten Version wäre das nicht der Fall. Die Spalte IP/Target zeigt die Aktuelle IP Adresse des Routers. Abbildung 11: Übersicht der Hostnames Nun ist die DynDNS fertig und man kann mit den Einstellungen am Router beginnen. 11

12 2.3 Einstellungen am Router Zuerst muss man die Benutzeroberfläche des Routers öffnen, dazu kann man im Browser oder die IP Adresse der FRITZ!Box eintippen. Ist ein Zugangsschutz eingestellt, wird natürlich ein Passwort abgefragt. Zuerst müssen in der Menüleiste unter Internet Freigaben DynDNS den Anbieter, Domainname, Benutzername und das Kennwort eingeben. Abbildung 12: DynDNS einrichten Jetzt muss man in den Reiter Portfreigaben wechseln und eine neue Portfreigabe erstellen. Dazu muss man das Gerät auswählen und den Port einstellen, den Haken bei Selbständige Portfreigaben für dieses Gerät erlauben auswählen. Danach Neue Freigabe erstellen. 12

13 Es öffnet sich ein Fenster in dem das Protokoll eingestellt werden muss. Nachfolgende Einstellungen müssen getätigt werden. Abbildung 13: Freigabe anlegen Nun alles mit OK bestätigen und die Portfreigabe ist abgeschlossen. Jetzt kann man über den DynDNS Link das Gerät von überall aus erreichen. 13

14 3 Quellcodes (M.Süß) 3.1 HTML Editor Phase 5 Zum Erstellen des HTML-Dokuments wurde der kostenlose Editor phase 5, ein für Windows basierender Editor verwendet. Er unterstützt mehrere Sprachen wie z.b. PHP, ASP oder SQL. Zu Beginn muss der Dokumententyp festgelegt werden mit dem Befehl <!DOCTYP html>, anschließend wird eine Titel vergeben in diesem Fall Webcam. Um die Webseite für den Benutzter anschaulicher zu gestalten wird in Zeile 8 die Hintergrundfarbe angepasst. Siehe Abbildung.. Abbildung 14:Programmkopf 14

15 3.1.1 Farben für Menü Die Farben für Menüleiste sowie die Buttons werden von Zeile eingestellt und können beliebig geändert werden. Abbildung 15:Programmcode Farbe 15

16 3.1.2 Aufruf der Kameras Um auf der Website die Livebilder sehen zu können, müssen die Links der Kameras eingegeben werden, wie hier in Zeile 72 und 76 zu sehen ist. Abbildung 16: Programmcode 3.2 Server für Website Es wurde XAMPP eine kostenlose Software, welche ein einfaches Installieren und Konfigurieren eines Webservers Apache in Verbindung mit SQL und PHP ermöglicht. Ein großer Vorteil ist, dass man es ohne Internet Zugang im eigenen Netz und auf zahlreichen Betriebssystemen verwenden kann. Um XAMPP verwenden zu können muss man die Module Apache und MySQL starten (Bild Mitte), wenn man den Server schließen möchte geht man rechts unten auf Beenden. Abbildung 17 Startbildschirm XAMPP 16

17 3.3 Website Zunächst muss im Browser in der Adresszeile localhost/webcam.php eingegeben werden. Nun wird die Seite geladen und angezeigt. Es erscheint die Überschrift sowie die Menüzeile, in welcher man die zwei verschieden Kameras auswählen kann. Abbildung 18:Ansicht Webseite 17

18 4 Abbildungsverzeichnis Abbildung 1:Typenschild... 3 Abbildung 2: Anschlüsse... 4 Abbildung 3: Übersicht... 5 Abbildung 4 Vorderansicht... 6 Abbildung 5 Hinteransicht... 6 Abbildung 6: Übersicht Netzwerk einrichten... 7 Abbildung 7: Übersicht Apexis H Abbildung 8:DynDNS Funktion Abbildung 9: Startseite no.ip Abbildung 10: Hostname erstellen Abbildung 11: Übersicht der Hostnames Abbildung 12: DynDNS einrichten Abbildung 13: Freigabe anlegen Abbildung 14:Programmkopf Abbildung 15:Programmcode Farbe Abbildung 16: Programmcode Abbildung 17 Startbildschirm XAMPP Abbildung 18:Ansicht Webseite