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.