Hamilton ARC-online - Hamilton Messtechnik GmbH

Transcription

Hamilton ARC-online - Hamilton Messtechnik GmbH
HAMILTON ARC-online
Maturaarbeit
von
Linard Arquint
Betreuer: Dr. G. Simonet
Gymnasium Kloster Disentis
Schuljahr 2011/2012
0.Inhaltsverzeichnis
Inhaltsverzeichnis
Inhaltsverzeichnis ................................................................................................................................ 2
1.
Einleitung ..................................................................................................................................... 3
2.
ARC Sensoren Visualisierung über das Internet .......................................................................... 4
2.1.
Überblick.............................................................................................................................. 4
2.2.
Hamilton ARC-online Upload Portal .................................................................................... 5
2.2.1.
Kommunikation mit Hamilton ARC Sensoren.............................................................. 5
2.2.2.
Kommunikation mit dem Webserver .......................................................................... 6
2.3.
Hamilton ARC-online (Webseite) ........................................................................................ 6
2.3.1.
Hamilton ARC-online ................................................................................................... 6
2.3.1.1. Darstellung .............................................................................................................. 6
2.3.1.2. Funktionen .............................................................................................................. 7
2.3.1.3. Webseitenaufbau .................................................................................................... 7
2.3.2.
Hamilton ARC-mobile .................................................................................................. 9
2.3.2.1. Darstellung .............................................................................................................. 9
2.3.2.2. Funktionsunterschiede im Gegensatz zur PC- Variante .......................................... 9
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
2.3.2.3. Standartseitenaufbau .............................................................................................. 9
2
2.4.
Installationsaufwand für Endkunden ................................................................................ 13
2.5.
Einsatzgebiet ..................................................................................................................... 14
2.6.
Erfolgszahlen ..................................................................................................................... 15
3.
Schwierigkeiten/Probleme ........................................................................................................ 16
4.
Zusammenfassung ..................................................................................................................... 17
5.
Danksagung ............................................................................................................................... 19
6.
Bilderstrecke .............................................................................................................................. 20
7.
Quellen ...................................................................................................................................... 24
8.
Anhang....................................................................................................................................... 27
1.Einleitung
1. Einleitung
I
n meiner Maturaarbeit habe ich mich mit dem Programmieren einer Webseite in den Sprachen
PHP und HTML auseinandergesetzt. Ziel war es, eine Webseite zu erzeugen, mit der man die
Messwerte von Hamilton Sensoren grafisch darstellen kann. Um dieses Ziel zu erfüllen, war
ausserdem ein PC Programm notwendig, welches die Messwerte der Sensoren einliest und auf die
Webseite hoch lädt.
Meine Maturaarbeit habe ich in Zusammenarbeit mit der Hamilton Bonaduz AG realisiert. Dazu habe
ich mit der Abteilung für Sensorentwicklung zusammengearbeitet, welche mich fachlich unterstützt
hat. Für mich war die Arbeit sehr interessant, da ich Einblicke in einige Programmiersprachen erhielt.
Darüber hinaus lernte ich eine Möglichkeit kennen, bei der PHP, eine rein im Internet ablaufende
Sprache, mit Visual Basic oder C#, beides auf PCs ablaufende Sprachen, kommunizieren kann.
Die Idee zu dieser Arbeit liegt bereits einige Jahre zurück, als Hamilton eine Lösung suchte, um mit
ihren Sensoren kabellos zu kommunizieren. Dabei vertrat ich die Position, statt ein eigenes
Handheld1 zu entwickeln, ein App für die gängigsten Handys zu entwickeln. Dies holte ich dann, leicht
modifiziert, in meiner Maturaarbeit nach.
1
Vgl. http://www.hamiltoncompany.com/item/view/c/876/p/3454/
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
Bonaduz, 20.10.2011, Linard Arquint
3
2.ARC Sensoren Visualisierung über das Internet
2. ARC Sensoren Visualisierung ü ber
das Internet
2.1.
Überblick
Client
Lokal
Internet
Server
Maturaarbeit ü ber Hamilton ARC-online
ARC onli von Linard Arquint | 20.10.2011
Datenbank
4
Webseitenaufruf
ARC-online Upload Portal
Hamilton ARC
Sensor
Hamilton ARC-online Webpage
Hamilton ARC-mobile
Webpage
Webseiten Benutzer
Die Abbildung zeigt den Ablauf vom Auslesen der Messwerte aus dem Sensor bis hi n
zur Darstellung auf dem iPhone/ in einem Browser.
2.ARC Sensoren Visualisierung über das Internet
U
nten links befindet sich ein Hamilton ARC2 Sensor, der kabellos oder kabelgebunden mit
einem PC kommuniziert. Das Hamilton ARC-online Upload Portal erkennt selbstständig, wie
die Sensoren angeschlossen sind, ob kabellos oder nicht, und stellt eine Anfrage im
passenden Protokoll zusammen, um alle gewünschten Informationen aus jedem Sensor zu erhalten.
Sobald das Programm alle Infos von allen angeschlossenen Sensoren erhalten hat, werden die Werte
auf der grafischen Oberfläche dargestellt und auf den Server hochgeladen. Beim Upload werden die
Daten in vordefinierte Pakete verpackt, damit die Webseite anschliessend weiss, was welcher Wert
bedeutet und die Werte somit in das richtige Feld in der Datenbank abgelegt werden können.
Wenn sich nun ein mobiles Gerät (z.B. iPhone, iPad, iPod, Blackberry,…) oder ein PC auf der Webseite
angemeldet hat, so können die Messwerte in einem Diagramm oder in einer Tabelle betrachtet
werden, indem der Server die Messwerte aus der Datenbank, in die sie abgelegt wurden, ausliest,
verarbeitet und darstellt.
2.2.
as Hamilton ARC-online Upload Portal stellt das Verbindungsglied zwischen dem Webserver
mit der Datenbank und den Sensoren dar, da es mit den Sensoren kabellos oder
kabelgebunden kommuniziert, die Daten auswertet und anschliessend hoch lädt.
2.2.1. Kommunikation mit Hamilton ARC Sensoren
D
ie Kommunikation zu den Sensoren (bis zu 30 Stück kabellos und 32 kabelgebunden) findet
durch ein ganz bestimmtes Protokoll statt, welches davon abhängt, ob die Sensoren kabellos
oder kabelgebunden angeschlossen sind. Es kommen 2 verschiedene Protokolle zum Einsatz,
da der Computer mit den kabelgebundenen Sensoren über eine RS485 Schnittstelle3 kommuniziert
und im kabellosen Fall über das Wireless-Modul4, welcher selber über etwas Intelligenz verfügt. Aus
diesem Grunde existieren 2 verschiedene Typen von kabellosen Befehlen: Einerseits Befehle, welche
nur an das Modul gehen und auch nur von ihm beantwortet werden, und andererseits Befehle,
welche an die angeschlossenen Sensoren gerichtet sind und vom Modul nur weitergeleitet werden.
2
Hamilton ARC ist eine neu Produktgruppe von Hamilton, bei der die Sensoren neuerdings analog und digital
kommunizieren können und die Messwerte selber verarbeiten können, wodurch kein Messverstärker benötigt
wird (vgl. http://www.inline-messtechnik.de/joomla/index.php/hamilton-produkte-a-technik/121-hamiltonarc-systeme).
3
Eine RS485 Schnittstelle ist eine serielle Schnittstelle, welche jedoch bei heutigen Computern nicht mehr
vorhanden ist und deshalb zu USB konvertiert wird. Für den PC sieht dies jedoch weiterhin nach einer seriellen
Schnittstelle aus.
4
Das Wireless-Modul wurde speziell für ARC-online von Elektronik Hengartner AG in Chur entwickelt.
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
D
Hamilton ARC-online Upload Portal
5
2.ARC Sensoren Visualisierung über das Internet
2.2.2. Kommunikation mit dem Webserver
N
achdem das PC Programm, das ARC-online Upload Portal, alle benötigten Infos von den
angeschlossenen Sensoren erhalten hat, beginnt im Hintergrund der Upload. Dazu wird
zuerst geschaut, wie viele Sensoren hochgeladen werden sollen, und es wird dann ein
entsprechend grosses Paket zusammengestellt. Dann wird das Paket mit den Daten aus den Sensoren
befüllt. Anschliessend wird meine Webseite aufgerufen und das Paket einer bestimmten Funktion auf
dieser Seite übergeben. Auf der Webseite wird das Paket dann wieder entpackt und richtig in die
Datenbank abgelegt.
Ein Paket kann maximal die Daten von 11 Sensoren beinhalten, da das Paket sonst zu gross ist und
der PC oder der Server streikt. Sollen aber mehr als 11 Sensoren hochgeladen werden, so wird
einfach ein weiteres Paket erstellt. Dieses zweite Paket wird dann anschliessend, nach der Antwort
des Webservers auf das erste Paket, zusammengestellt und ebenfalls hochgeladen.
2.3.
Hamilton ARC-online (Webseite)
2.3.1. Hamilton ARC-online
H
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
amilton ARC-online besteht im Grunde genommen aus zwei verschiedenen Teile, welche für
die Nutzer sichtbar sind. Streng genommen existieren weitere Teile, zum Beispiel die
Datenbank oder die Seite, auf der der Upload verarbeitet wird. Von diesen weiteren Teilen
erfährt der Nutzer jedoch nichts.
Zu den beiden sichtbaren Teilen zählt einerseits Hamilton ARC-online, das für PC- Benutzer gedacht
ist, und andererseits Hamilton ARC-mobile für Smartphones, wie iPhones und Blackberrys, und für
Tablets, wie beispielsweise für das iPad. Da Hamilton ARC-mobile für kleine Bildschirme und für
unterwegs konzipiert ist, sind die mobilen Seiten auf die Diagramme und die Tabellen beschränkt, um
die Seitennavigation so schlicht und einfach wie möglich zu gestalten.
2.3.1.1. Darstellung
as Seiten- Layout habe ich von http://www.java-online.ch/ übernommen, überarbeitet und
weiter ergänzt. So habe ich auf der Startseite 5 eine Slideshow mit Impressionen von
Hamilton und Bonaduz eingefügt. Die Slideshow ist in JavaScript und von
http://www.bretteleben.de/.
D
5
6
Quellcode der Startseite ist im Anhang zu finden.
2.ARC Sensoren Visualisierung über das Internet
Hamilton ARC-online Startseite
2.3.1.2. Funktionen
amilton ARC-online besitzt diverse Funktionen, zu denen hauptsächlich die Betrachtung der
Messwerte in Tabellen- und in Diagramm-Form gehört. Jedoch bietet die Seite auch ein
Download Portal, in dem Manuals und das Hamilton ARC-online Upload Portal
heruntergeladen werden können. Ausserdem lassen sich laufende Messungen abschliessen oder
löschen und das Passwort des Accounts ändern. Neuerdings werden sowohl die PC- Seite wie auch
die Seite für mobile Endgeräte im Cache6 zwischengespeichert, das heisst, dass die Seiteninhalte, wie
beispielsweise die diversen Bilder und Skripte, auf dem Computer, Smartphone oder Tablet des
Benutzers soweit es geht gespeichert werden. Dies ist jedoch nur bei sich nicht veränderndem Inhalt
möglich, wodurch zum Beispiel die Tabellen und Diagramme nicht in den Cache geladen werden
können. Das Caching beschleunigt das Laden der Seiten, da einiges bereits lokal gespeichert ist und
somit nicht langsam aus dem Internet geladen werden muss.
Zudem kann der Benutzer die Diagramme als Bilder und die Tabellen als eine .CSV – Datei speichern.
Diese Datei kann dann wiederum in Excel geöffnet werden und dort selbst bearbeitet werden, um
etwa die Messwerte für eigene Diagramme zu verwenden.
2.3.1.3. Webseitenaufbau
chematisch lässt sich die Webseite in 3 Teile aufteilen: In den Kopf-Bereich mit dem Titel und
einigen Links, in den Navigationsbereich, in dem man die einzelnen Funktionen auswählen
kann, und in den eigentlichen Seitenbereich, der für die Darstellung aller Inhalte verwendet
wird.
Diese Bereiche werden mit CSS (Cascading Style Sheets) definiert, was ich von
http://www.java-online.ch/ übernehmen konnte. Ich musste nur kleinere Anpassungen des Designs
vornehmen. Deshalb konnte ich mich auf den weitaus grösseren Teil aller Skripte konzentrieren, bei
dem es um die Berechnungen und Darstellungen der Tabellen und Diagramme geht.
S
6
Speicherplatz auf einem Gerät, in dem gewisse Daten für einen schnelleren Zugriff oft vom Internet-Browser
gespeichert werden.
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
H
7
2.ARC Sensoren Visualisierung über das Internet
Das untenstehende Schema erhebt keinen Anspruch auf Vollständigkeit. So wurden zahlreiche
Funktionen und somit Seiten weggelassen und nur die wichtigsten aufgelistet. Ausserdem habe ich
nicht alle Verbindungen der Seiten untereinander dargestellt, denn man kann von jeder Seite aus zur
Startseite oder zu sonst einer anderen Seite wechseln. Die Quellcodes zu allen dargestellten Seiten
finden sich im Anhang.
Server
/index.php
Wenn iPhone, iPad oder
iPod è Weiterleitung
Startseite
/iPhone/ind
ex2.php
Mobile
Startseite
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
Nur mit gültiger Session möglich
8
index.php?inhalt_
mitte=content/logi
n2db.inc.php
/index.php?inhalt_
mitte=content/cho
osefile.inc.php
Login-Seite –
Benutzername- &
Passwort-Eingabe
Seite um eine
Messung
auszuwählen
/index.php?inhalt_
mitte=content/del
ete.inc.php
Seite um eine
Messung zu
löschen –
Messungen
auswählen
/index.php?inhalt_
mitte=content/logo
ut2.inc.php
Logout-Seite –
Session wird
gelöscht
Gültige Session
wird erstellt
index.php?inhalt_
mitte=content/logi
n2db.inc.php
/index.php?inhalt_
mitte=content/alldi
agram.inc.php
/index.php?inhalt_
mitte=content/dat
aall.inc.php
/index.php?inhalt_
mitte=content/dele
te.inc.php
Login-Seite –
WillkommensMeldung
Diagramm mit
Hauptmessgrösse
& Temperatur aller
Messpunkte der
Messung
Tabelle mit
Hauptmessgrösse,
Temperatur &
allfälligen Errors
aller Messpunkte
der Messung
Rückmeldung, ob
das Löschen
erfolgreich war
2.ARC Sensoren Visualisierung über das Internet
2.3.2. Hamilton ARC-mobile
H
amilton ARC-mobile (http://www.arc-mobile.hamilton-messtechnik.de) ist die mobile
Version von Hamilton ARC-online und somit vor allem für kleine Bildschirme, wie sie bei
Smartphones und Tablets anzutreffen sind, gedacht.
2.3.2.1. Darstellung
a die Webseite vor allem mobile Nutzer mit ihren Smartphones ansprechen soll, habe ich
mich hinsichtlich des Designs für eine Framework 7 namens iWebKit
(http://snippetspace.com) entschieden, welches sehr viele verschiedene Dinge, wie
beispielsweise Text- oder Checkboxen, im iPhone- Design bereit hält. Dank des Frameworks lässt sich
somit relativ schnell eine ansprechende Seite erzeugen, da die Positionen der einzelnen Elemente
bereits vordefiniert sind. Ungeachtet dessen entstand viel Arbeit, die Diagramme und Tabellen auch
hier richtig darzustellen.
D
2.3.2.2. Funktionsunterschiede im Gegensatz zur PC- Variante
uf Grund des kleineren Bildschirmes musste ich auch das Menü anders platzieren. So kam es
ganz unten, am Ende jeder Seite zu liegen. Auch den Funktionsumfang musste ich leicht
reduzieren, um die Menüs kleiner und übersichtlicher zu gestalten und das Laden der Seiten
zu beschleunigen. Ausserdem würden einige Funktionen, wie Downloads auf einer Seite, die vor
allem für iPhones, iPads und iPods ausgelegt ist, keinen Sinn machen, da diese Geräte gar nichts
runterladen, geschweige denn eine exe- Datei installieren können. Des Weiteren habe ich auf die
Löschen- und „eine Messung abschliessen“- Funktion verzichtet. Auch eine Passwortänderung ist nur
auf der PC- Seite, Hamilton ARC-online, möglich.
D
7
2.3.2.3. Standartseitenaufbau
en Aufbau einer Seite im „iPhone-Design“ möchte ich anhand der Startseite (http://arconline.hamilton-messtechnik.de/iPhone/index2.php) genauer erläutern.
Ein Framework ist ein Rahmenprogramm, welches im Hintergrund läuft und gewisse Funktionen und
Einstellungen bereit hält und somit das Programmieren erleichtert.
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
A
9
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
2.ARC Sensoren Visualisierung über das Internet
10
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
2.ARC Sensoren Visualisierung über das Internet
11
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
2.ARC Sensoren Visualisierung über das Internet
12
Beispielausschnitt aus iPhone/footer.php
Der 1. Source Code ist der Hauptquellcode, da in diesem die beiden unteren Quellcodes durch ein
“require_once()“ in den Zeilen 2 und 47 eingefügt werden. Dadurch können Passagen, welche auf
einigen Seiten immer wieder vorkommen, weggelassen werden und in einem separaten File
gespeichert werden. So werden die einzelnen Skripte kürzer und übersichtlicher. Ein weiterer Vorteil
ergibt sich, wenn man etwas ändern muss, da die Änderung somit nur noch in einer Datei
vorgenommen werden muss und nicht in jeder.
Die Datei „head.php“ ist für den gesamten Seitenaufbau zuständig, also für den Hintergrund, die
Abstände (beide in der CSS- Datei in Zeile 48 von „head.php“) und spezielle Einstellungen für iPhones,
2.ARC Sensoren Visualisierung über das Internet
iPods und iPads, wie beispielsweise die Angabe des Start-Up-Bildes (Zeilen 32 – 42 in „head.php“),
welches beim Starten der „App“ angezeigt wird, oder die Farbwahl (grau, schwarz oder schwarz
durchsichtig) des oberen Balkens bei iOS- Geräten (Zeile 6 von „head.php“). Des Weiteren stehen auf
den Zeilen 53 bis 57 von „head.php“ einige so genannte Keywords, welche den Suchmaschine, z.B.
Google oder Bing, bei einer Suchanfrage helfen sollen, passende Webseiten zu finden. Dies macht
aber heutzutage kaum mehr etwas aus, da früher hunderte von Keywords angegeben wurden, nur
um weiter oben in der Suche zu erscheinen. Heute werden deshalb vor allem der Titel (Zeile 52 von
„head.php“) und die Beschreibung der Seite (Zeilen 58 + 59 von „head.php“), aber auch der Text auf
der Webseite selber (z.B. Zeilen 22 bis 29 im Quelltext von „index2.php“) für die Rangordnung in den
Suchergebnissen verwendet.
2.4.
Installationsaufwand für Endkunden
D
ank dem Entschluss, die Webseite auf einem Hamilton eigenen Server zu betreiben, erspart
man dem Kunden den unzumutbaren Aufwand, selber die Webseite in Gang zu bringen und
zu warten. Somit muss der Kunde nur das Upload Programm herunterladen und installieren.
Leider braucht es dazu aber mehrmals Admin- Rechte, was in meinen Augen nicht optimal gelöst ist,
da man die .NET Framework 4.0 Client Profil für das Programm benötigt, da dieses Framework den
Programmcode in einen für den PC verständlichen Code übersetzt. Zudem beinhaltet es viele
vordefinierte Klassen, auf die man beim Programmieren zurückgreifen kann und das Ganze
erleichtert (leider nur für den Programmierer und nicht für den Kunden). Zuletzt benötigt man dann
noch einen Treiber entweder für das kabellose oder kabelgebundene Modul.
Rückblickend kann ich sagen, dass dies für den Kunden zumutbar ist, auch wenn man mehrmals
Admin-Rechte benötigt. Die Geschichte mit den Admin-Rechten tönt für private Anwender nach
nichts, da wahrscheinlich jeder das Admin–Passwort seines Computers kennt oder sogar selber
8
Google Analytics ist ein gratis Tool von Google, wodurch der Besitzer einer Webseite mehr über die Besucher
seiner Seite erfährt (Wohnort, IP, Herkunftsseite, Betriebssystem, Bildschirmauflösung, besuchte Seiten, etc.).
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
Im Quellcode für die Seite „index2.php“ wird im „<body>“- Teil der eigentliche Seiteninhalt definiert.
Dies beginnt mit der Titelleiste (Zeilen 7 bis 15 von „index2.php“), die den Titel „ARC-mobile“ trägt
und rechts einen typischen Pfeil „Login“ hat, der sich aus einem Link zum Login zusammensetzt. Auf
der Zeile 18 von „index2.php“ wird dann noch ein Bild vom Personaleingang von der Hamilton
Bonaduz AG eingefügt (siehe 6.Bilderstrecke), welches auf die gesamte Seitenbreite skaliert wird.
Gleich darunter, auf den Zeilen 22 bis 29 von „index2.php“, wird ein wenig Text in einer schicken
Textbox eingefügt, welcher der Erklärung dienen soll. Auf den Zeilen 61 bis 80 von „head.php“ wird
überprüft, ob sich etwas auf den im Cache zwischengespeicherten Seiten geändert hat, wenn ja, wird
der Cache neu geladen (mehr dazu unter 2.3.1.2 Funktionen). Nun, als unterer Abschluss der Seite,
werden Links zum Login, zur PC- Seite, zu Hamilton, zu Hamilton Messtechnik und zur Fanseite auf
Facebook eingefügt (ähnlich wie Ausschnitt aus „footer.php“). Zuletzt wird auf der Zeile 48 von
„index2.php“ ein Code zur Erfassung der Benutzung der Seite eingefügt, welcher beispielsweise die
Seitenaufrufe und die Besucherherkunft erfasst und diese zu Google Analytics8 sendet.
13
2.ARC Sensoren Visualisierung über das Internet
Administrator ist. Dies trifft aber für Firmenkunden nicht zu, da oftmals der PC- Support das Passwort
für sich behält, um zu unterbinden, dass jeder einfach irgendwelche Programme oder Updates
installiert und somit eventuell den Computer lahm legt oder mit Viren befällt.
2.5.
Einsatzgebiet
Z
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
ur Zeit ist geplant, Hamilton ARC-online hauptsächlich für Messen und Verkaufsgespräche zu
benützen, um dort den Kunden zu demonstrieren, dass Hamilton auch in neue
Informationstechnologien (bei mir sind das Internet, Smartphones und Tablets) investiert und
so ständig am Ball bleibt. Ausserdem bei Messen ist es wichtig, die potenziellen Kunden an den Stand
zu holen. Dies lässt sich gut mit einem iPad und dem ARC-online Dienst bewerkstelligen, denn aus
eigener Erfahrung kann ich sagen, dass man eher bei Ständen mit einem iPad vorbeischaut als bei
anderen.
14
Aber auch bestehende Kunden sollen in den Geschmack kommen und so wird man in näherer
Zukunft einen Newsletter über Hamilton ARC-online an alle bestehenden Kunden verschicken.
Zudem findet man bereits auf http://www.hamilton-messtechnik.de/joomla/index.php/news/1aktuelle-nachrichten/226-arc-online einen kurzen Beschreib von ARC-online. Bei der kabellosen
Technologie, also mit diesem wireless Stick, ist man sich noch nicht sicher, ob dieser einfach für
Hamilton und für die Vertriebspartner beschränkt bleibt oder ob man den Stick auch an alle Kunden
verkaufen wird. Ein Faktor ist dort die Daten-Sicherheit, da noch nicht ganz geklärt ist, ob man mit
diesem Wireless Stick auch unbefugt Sensoren manipulieren kann.
2.ARC Sensoren Visualisierung über das Internet
2.6.
Erfolgszahlen
Anzahl Accounts (in 10)
Datenbank Grösse (in MB)
7
6.9
6.5
6
5
4
3.3
3
3.1
2.2
2.4
2
1.3
1
0
Besucherentwicklung von Hamilton ARC-online
I
m oben stehenden Diagramm ist die Zunahme der Benutzung von Hamilton ARC-online gut
ersichtlich. Zu beachten sind aber die Einheiten, um alle Werte möglichst gut in einem Diagramm
darzustellen.
Markant ersichtlich ist die plötzliche Explosion der Werte Anfang Oktober 2011. Die Ursache liegt in
den 2 Wochen zuvor, da dann in Deutschland und in den USA ein Treffen aller Händler des jeweiligen
Landes stattfand. Dabei wurde unteranderem auch das ARC-online Tool vorgestellt und stiess bei den
Händlern auf helle Begeisterung. So erhielt ich sogar Einladungen für die Installation des ARC-online
Tools auf Servern des Hamilton Vertriebspartners für Kalifornien mit Sitz in San Francisco. Jedoch
finde ich es keine gute Lösung, dass jedes Unternehmen ARC-online selber betreibt, da die Pflege und
der Ausbau der Seiten für mich immer komplexer werden. Ausserdem müssten einige Upload- Pfade
im PC-Programm verändert werden, so dass man am Schluss mehrere Versionen zum Download auf
der Webseite anbieten müsste, wodurch die Benutzer möglicherweise verwirrt werden.
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
0
1.4
15
3.Schwierigkeiten/Probleme
3. Schwierigkeiten/Probleme
A
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
nfangs hat mir vor allem die grafische Darstellung der Messwerte Probleme bereitet, da
zuerst einmal ein passendes Programm gefunden werden musste, welches den gewünschten
Funktionsumfang bietet, möglichst gratis ist und zudem mit riesigen Datenmengen fertig
werden muss. Am Anfang sah Google Chart Tools (http://code.google.com/intl/de-DE/apis/chart/)
interessant aus, da dies durch ein sehr einfaches Bedienkonzept mit vielen Möglichkeiten
hervorsticht. Da jedoch die Werte zuerst zu Google hochgeladen werden, geht es ab einer gewissen
Datenmenge relativ langsam und zudem ist die Datenmenge beschränkt, so dass dies nicht in Frage
kam. Schlussendlich bin ich auf JPGraph (http://jpgraph.net/) gestossen, das zwar relativ
umfangreich und kompliziert ist, da extrem viele Einstellungen gesetzt werden können, dafür kommt
es auch mit riesigen Datenmengen zurecht, da es auf dem eigenen Server läuft. Dann tat sich aber
wieder ein neues Problem auf, und zwar dass einerseits die Daten zuerst aus einem File, später aus
einer Datenbank gewonnen werden und dann noch im Diagramm verarbeitet werden mussten.
16
Eine weitere Schwierigkeit stellte die Kommunikation zu den Sensoren im Hamilton ARC-online
Upload Portal dar. Zwar war diese Kommunikation durch Hamilton für ihren ARC Sensor
Configurator9 bereits in Visual Basic 6.010 geschrieben worden, um aber auf dem neusten Stand zu
sein entschieden wir (ich mit der Hilfe von einigen hilfsbereiten Hamilton Bonaduz Mitarbeitern) uns,
mein Programm in Visual Basic .NET11 zu schreiben. Das Problem bestand primär darin, dass gewisse
Funktionen nicht mehr existieren, anders heissen oder anders funktionieren. Anfangs dachten wir,
dass dies relativ schnell und einfach zu bewältigen ist. Dies war dann auch der Hauptgrund für die
Wahl von Visual Basic .NET als Sprache. Damit der Code meines Programms auch in einigen Jahren
noch aktuell und kompatibel ist, entschieden wir uns in den Sommerferien das Ganze noch nach C#12
zu portieren, welches ein wenig zukunftssicherer ist.
9
Der Sensor Configurator ist das momentan von Hamilton eingesetzte PC-Programm um mit ihren Sensoren zu
kommunizieren.
10
Visual Basic 6.0 ist eine Programmiersprache von Microsoft, die ursprünglich für Windows 98 und 2000
entwickelt wurde.
11
Visual Basic .NET ist die aktuelle Programmiersprache aus der Visual Basic-Reihe von Microsoft
12
C# ist auch eine Programmiersprache von Microsoft, welche sehr ähnlich zu Visual Basic .NET ist. Der
Unterschied ist primär die leicht andere Schreibweise. Die Möglichkeiten und Funktionen sind jedoch praktisch
identisch.
4.Zusammenfassung
4. Zusammenfassung
I
n meiner Maturaarbeit habe ich eine Webseite namens Hamilton ARC-online, welche auch in
einer Version für Smartphones und Tablets vorliegt und ein PC- Programm, Hamilton ARC-online
Upload Portal, in Zusammenarbeit mit Hamilton Bonaduz AG und Hamilton Messtechnik GmbH
programmiert.
Sauerstoff-Sensor im Hamilton Teich (interessant sind die enormen Sauerstoffschwankungen)
Das Hamilton ARC-online Upload Portal kommuniziert mit den Hamilton ARC Sensoren drahtlos oder
drahtgebunden über einen Seriellen Port, stellt die Messwerte im „Handheld“- Design dar und lädt
sie in eine Datenbank auf den Hamilton Messtechnik Server hoch. Mit der Webseite lassen sich dann
die Messwerte, welche in der Datenbank gespeichert sind, in einem Diagramm betrachten oder als
Tabelle ausgeben, wenn man einen spezifischen Wert zu einer bestimmten Uhrzeit erfahren möchte.
Ausserdem existiert eine Exportfunktion für die Tabellen, um die Daten im Microsoft Excel selber
weiterzuverarbeiten.
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
Das Ziel ist es, einen chemischen Prozess, der mit Hamilton ARC Sensoren überwacht wird, auch von
zu Hause aus oder sonst wo in der Welt über das Internet mitzuverfolgen. Ein konkretes
Anwendungsbeispiel stellt der Teich vor dem Hamilton Sitz in Bonaduz dar, der zugleich auch als
Demo dient, um meine Arbeit auch ohne Account und eigene Sensoren auszuprobieren, bei dem
man die aktuellen pH- und Sauerstoff- Werte des Teiches betrachten kann.
17
4.Zusammenfassung
Rückblickend kann ich sagen, dass Hamilton ARC-online ein voller Erfolg ist, da der neue Dienst bei
Kunden und Händlern von Hamilton, die bereits in den Geschmack einer kurzen Vorstellung kamen,
zu sehr positiven Rückmeldungen geführt hat. So konnten es viele kaum glauben, als ein pH Sensor
vor Ihnen in einer Bierflasche getaucht war und Sie den aktuellen Messwert auf Ihren Blackberrys in
Echtzeit mitverfolgen konnten.
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
Die überwiegende Arbeit an ARC-online habe ich selbst geleistet, ich war an einigen Stellen aber auf
den Rat und die Unterstützung von Fachleuten angewiesen. Beim Hamilton ARC-online Upload Portal
habe ich das ganze Layout selbst ausgewählt und auch erstellt. Das eigentliche Programmieren des
Programmes habe ich selbst gemacht, ausser beim Upload, bei dem ich mich an einem Beispiel von
Pascal Wildbolz orientieren konnte. Die Webseite habe ich bis auf die Datenbankkommunikation
ganz ohne Hilfe erstellt, wobei ich das Design von http://www.java-online.ch/ und von
http://snippetspace.com/ übernehmen konnte. Das Design ist aber nur ein kleiner Bestandteil der
Seiten. So macht der Code zur Darstellung der Messwerte (Diagramme und Tabellen) und zur
gesamten Userverwaltung (Login, Passwort- Änderung,…) den weitaus grösseren Teil aus. Anfangs
habe ich mit hochgeladenen Textfiles (.txt), welche die Messergebnisse enthielten, gearbeitet und
diese dargestellt. Jürgen Gerstenberger von Hamilton Messtechnik GmbH hat mir dann aber mit
Beispielcode und einer Beispiel-Datenbank geholfen, von den Textfiles auf eine Datenbank
umzusteigen.
18
5.Danksagung
5. Danksagung
E
inerseits möchte ich der Hamilton Bonaduz AG für die finanzielle Unterstützung und für die
Unterstützung durch zwei Ihrer Mitarbeiter, Pascal Wildbolz und Ralph Dietrich, danken, die
mir immer bei Fragen rund um Visual Basic, C# und Hamilton ARC Sensoren zu Verfügung
standen. Andererseits danke ich Hamilton Messtechnik GmbH mit Sitz in Hessen, Deutschland, da Sie
mir eine Subdomain überliessen, auf der nun die Webseite läuft, und da ich mich bei Fragen rund um
die Webseite und die Datenbank an Jürgen Gerstenberger wenden konnte.
Zuletzt noch ein Dank an alle nicht erwähnten Programmierer, welche Ihre bisher geleistete Arbeit zu
Verfügung stellen, denn ganz ohne sie wäre meine Arbeit auch nicht möglich gewesen. Die Links dazu
sind unter 7.Quellen zu finden.
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
Bonaduz, 20.10.2011, Linard Arquint
19
6.Bilderstrecke
6. Bilderstrecke
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
Die „App“ auf dem Homescreen
20
Startseite von ARC-mobile
Hauptmenü von ARC-mobile
Startseite von ARC-online
6.Bilderstrecke
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
Diagramm eines Sauerstoff- Sensors auf einem iPad (Stand 13.02.11)
21
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
6.Bilderstrecke
22
Hamilton ARC-online Werbung
6.Bilderstrecke
Härte Test: 25 Sensoren (nicht alle auf dem Bild sichtbar)
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
Hamilton ARC-online Upload Portal mit seinem Vorbild, dem ARC View Handheld, und 25
Sensoren
23
7.Quellen
7. Quellen
·
·
·
·
·
·
·
·
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
·
24
Hamilton (http://www.hamiltoncompany.com/)
Hamilton Messtechnik (http://www.hamilton-messtechnik.de)
iWebKit (http://snippetspace.com/)
Java Online (http://www.java-online.ch/)
JPGraph (http://jpgraph.net/)
Microsoft (VB 6.0/ VB .NET/ C#)
http://msdn.microsoft.com/
o
o
http://www.microsoft.com/
o
http://social.msdn.microsoft.com/
Apple
o http://apple.com
o http://developer.apple.com/
o http://developer.apple.com/library/safari/#documentation/iPhone/Conceptual/SafariJSDatabaseGuide/OfflineAp
plicationCache/OfflineApplicationCache.html
o http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/Ico
nsImages.html
o http://developer.apple.com/library/safari/#documentation/appleapplications/reference/safariwebcontent/Intro
duction/Introduction.html#//apple_ref/doc/uid/TP40002079-SW1
PHP/ HTML/ CSS/ JavaScript/ MySQL Manuals
o
http://www.w3schools.com/
o
http://de.php.net/, http://de2.php.net/, http://de3.php.net/, http://ch.php.net/ oder http://php.net/
o
http://de.selfhtml.org/ oder http://aktuell.de.selfhtml.org/
o
http://www.phpbox.de/
o
http://www.selfphp.info/funktionsreferenz/sonstige_funktionen/get_browser.php#beschreibung
o
http://www.netmechanic.com/news/vol3/css_no2.htm
Foren
o
http://www.kilu.de/forum/ (einziges Forum rund um das Programmieren, in welchem ich selber gepostet habe)
o
http://forum.de.selfhtml.org/
o
http://forum.chip.de/
o
http://www.phpforum.de/
o
http://www.webmasterpark.net/forum/
o
http://www.selfphp.de/forum/
o
http://www.apfeltalk.de/forum/
o
http://www.weather-watch.com/smf/index.php?topic=27489.255
o
http://www.weather-watch.com/smf/index.php?topic=26379.15
o
http://www.dreamworker.de/foren/showthread.php?t=105
o
http://www.issociate.de/board/post/169440/Diagramm-Problem.html
o
http://sandaysoft.com/forum/viewtopic.php?f=14&t=127&start=140
o
http://forums.techarena.in/software-development/1122104.htm
o
http://www.vbulletin-germany.com/forum/archive/index.php/t-23993.html
o
http://www.contao.org/board/topic/3384.html
o
http://www.codingforums.com/archive/index.php/t-85464.html
o
http://www.nickles.de/forum/homepage-selbermachen-html-und-co/2004/per-javascript-link-im-selbenfenster-oeffnen-537745341.html
o
http://www.macuser.de/forum/f122/webapps-kleines-problem-537816/
o
http://www.vb-fun.de/cgi-bin/forumarchiv.pl?archiv=0037&ID=2&action=zeigeseite&nummer=12824
o
http://www.webdeveloper.com/forum/showthread.php?t=185873
http://www.php4-forum.de/mysql_update.htm?PHPSESSID=
o
http://www.vbgamer.de/cgi-bin/forumarchiv.pl?archiv=0033&ID=2&action=zeigeseite&nummer=11447#Atext
o
http://www.traum-projekt.com/forum/19-traum-dynamik/4777-uberhang-in-mysql-tabelle.html
o
http://www.sencha.com/forum/showthread.php?119233-iPad-with-iOS-4.2.1-how-to-get-apple-touch-startupimage-to-work-in-landscape-mode
o
http://stackoverflow.com/questions/3795765/iphone-4-retina-apple-touch-startup-image-for-web-apps
7.Quellen
http://www.klamm.de/forum/f28/php-csv-datei-zum-download-generieren-21357.html
http://stackoverflow.com/questions/2772908/max-size-ipad-iphone-offline-application-cache
http://mrunix.de/forums/showthread.php?t=10221
http://forums.devarticles.com/mysql-development-50/drop-down-menu-populated-from-a-mysql-database1811.html
Andere Nachschlageseiten für PHP/ HTML/ CSS/ JavaScript
http://www.php.de/
o
o
http://www.php-faq.de/
o
http://www.tutorials.de/
o
http://www.kostenlose-javascripts.de/
o
http://www.html-seminar.de/
o
http://www.php-einfach.de/
o
http://www.schattenbaum.net/
o
http://www.css4you.de/
o
http://webworkblog.net/
o
http://jpgraph.intellit.nl/index.php?topic=169.0
o
http://html.nicole-wellinger.ch/schrift/txtgroesse.html
o
http://boardunity.de/php-weiterleitung-t1430.html
o
http://xhtmlforum.de/36334-umleitung-mit-php.html
o
http://board.gulli.com/thread/1601583-felder-nicht-erkennbar-js/
o
http://webdesign-mit-css.de/2010/06/photoshop-css-minimale-aber-elegante-under-construction-seite-tutorial/
o
http://www.binnendijk.net/jpgraph/index.php?page=line_2
o
http://personal-computer-tutor.com/dropdownlist.htm
o
http://www.homepage-total.de/php/schreiben_lesen_10.php?seite=9
o
http://www.html-world.de/program/html_6.php
o
http://phpperformance.de/pruefen-ob-ein-string-eine-bestimmte-zeichenkette-enthaelt/
o
http://forum.jswelt.de/serverseitige-programmierung/18463-php-scriptseite-html-einf-gen.html
o
http://www.tagdocs.de/2009/05/26/php-tipp-iphoneipod-touch-erkennen/
o
http://doc.async.com.br/jpgraph/html/exframes/frame_dateaxisex1.html
o
http://www.weberdev.com/get_example-124.html
o
http://www.usegroup.de/software/phptutorial/sessions.html
o
http://www.echoecho.com/htmlforms11.htm
o
http://www.codingforums.com/archive/index.php/t-57134.html
o
http://www.drweb.de/magazin/javascript-und-php-ungleiche-gesellen/
o
http://www.heise.de/developer/foren/S-Java-Script-Variablen-in-PHP-verwenden/forum-44547/msg16441557/read/
o
http://www.php-space.info/php/space/md5-generatoren.php
o
http://www.homepage-total.de/css/scrollende-tabelle.php
o
http://forum.fachinformatiker.de/webdesign/96851-fixxer-tabellenkopf-scrollbarer-inhalt.html
o
http://www.html-seminar.de/befehlsuebersicht.htm
o
http://www.vaughns-1-pagers.com/internet/google-ranking-factors.htm
o
http://werbach.com/barebones/barebones.html
o
http://www.traum-projekt.com/forum/19-traum-dynamik/67794-in-andere-ordner-greifen.html
o
http://tut.php-q.net/de/sessions.html
o
http://www.htmlcodetutorial.com/index_famsupp_91.html
o
http://www.ilch.de/forum-showposts-17004.html
o
http://www.mactomster.de/2010/03/09/tutorial-homescreen-icons-fur-iphoneipodipad/
o
http://www.html.de/html-und-xhtml/10789-enterbild-mit-automatischer-weiterleitung.html
o
http://www.freesoft-board.to/f292/frage-zu-php-dateizeiger-in-bestimmte-zeile-setzen-203857.html
o
http://www.perlmonks.org/?node_id=115310
o
http://winfuture.de/news,25154.html
o
http://civicactions.com/blog/2009/sep/01/build_iphone_compatible_drupal_websites_using_iwebkit_part_1_0
o
http://tutorial.riehle-web.com/formulare/versenden.html#server
o
http://www.hackerboard.de/web-design-und-webbasierte-sprachen/8661-datei-vom-ende-zum-anfanglesen.html
·
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
o
o
o
o
25
7.Quellen
http://winfuture.de/news,25154.html
http://www.javascripter.net/faq/browserw.htm
http://www.petanews.de/code-snippets/php-prufen-ob-eine-zahl-vorliegt/
http://tizag.com/javascriptT/javascriptconfirm.php
http://phpperformance.de/javascript-event-onload-und-die-bessere-alternative/
http://1plusdesign.com/articles/add-countdown-timer-website/
http://keith-wood.name/countdown.html#default
http://blog.knecht-ruprecht.info/2010/04/facebook-gefallt-mir-aka-like-in.html
http://www.ducttapemarketing.com/blog/2010/04/23/adding-the-facebook-like-button-to-your-site/
http://www.at-web.de/grundlagen/robots-txt.htm
http://www.amirnaor.com/?p=71
https://gist.github.com/472519
http://www.webdesignne.ws/2011/04/11/5-meta-tags-for-making-your-website-an-ios-web-app/
http://www.html5rocks.com/en/tutorials/appcache/beginner/
http://html5readiness.com/
http://www.winkelb.com/index.php?id=html-unterstreichen
http://winfwiki.wi-fom.de/index.php/Offline_WebAnwendungen_unter_HTML5#Anwendungsgebiete
http://www.naxos-software.com/blog/index.php?/archives/91-Generierung-von-Offline-Webapplikationen-mitHTML-5-Beispiel-auf-dem-iPhone.html
o
http://phpperformance.de/http-304-not-modified-performancesteigerung-kann-so-einfach-sein/
o
http://matt.might.net/articles/how-to-native-iphone-ipad-apps-in-javascript/
o
http://www.paulofierro.com/archives/568/
JavaScript Slideshow (http://www.bretteleben.de/lang-de/javascript/slideshow.html)
VB 6.0/ VB .NET/ C# Nachschlageseiten
http://www.codeproject.com/
o
o
http://www.vbarchiv.net/
o
http://www.experts-exchange.com/Programming/Languages/.NET/Visual_Basic.NET/Q_23265379.html
o
http://www.daniweb.com/software-development/vbnet/threads/27033
o
http://www.advancedinstaller.com/
o
http://www.albahari.com/threading/
o
http://www.hanselman.com/blog/PerformanceOfSystemIOPortsVersusUnmanagedSerialPortCode.aspx
Wikipedia
http://de.wikipedia.org/wiki/Hypertext_Markup_Language
o
o
http://de.wikipedia.org/wiki/Unixzeit
o
http://de.wikipedia.org/wiki/Framework
o
http://de.wikipedia.org/wiki/Visual_Basic
o
http://de.wikipedia.org/wiki/C-Sharp
YouTube
o
http://www.youtube.com/watch?v=GsRS-Dwaf-g&feature=channel
o
http://www.youtube.com/watch?v=ylKflDNWRLQ&feature=list_related&playnext=1&list=SP67D94BE42620925B
Facebook (http://www.facebook.com)
http://www.knowledgesutra.com/forums/topic/59727-auto-upload-files-with-filezilla-and-autohotkey/
http://www.astahost.com/info.php/Question-Asp-Function_t7186.html
http://focus.ti.com/docs/toolsw/folders/print/simpliciti.html#description
http://unicode.e-workers.de/entities.php
http://www.wer-weiss-was.de/theme164/article848184.html
http://www.tutorials.de/content/1179-profilierter-glastext-mit-gimp.html
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
o
Maturaarbeit ü ber Hamilton ARC-online von Linard Arquint | 20.10.2011
·
·
26
·
·
·
·
·
·
·
·
·
Hamilton, Hamilton ARC, Hamilton ARC View Handheld sind eingetragene Marken der Hamilton Company
iPhone, iPod, iPad und iOS sind eingetragene Marken der Apple Inc.
Microsoft, Microsoft Excel, Microsoft Visual Basic 6.0, Microsoft Visual Basic .NET und Microsoft Visual C# sind eingetragene
Marken der Microsoft Corp.