Phonegap – Cordova 2017 Teil 6: Scrolling im IPhone-Emulator und Font-Awesome

Scrolling

Im IPhoen Emulator lassen sich die pages nicht scrollen, – im Gegentest im richtigen IPhone zeigt, dass sie sich auf dem realen IPhone doch scrollen lassen.  Merkwürdig aber erstmal kein Hindernis.
Nach einigen Test mit dem Simulator habe ich festgestellt, dass Scrollen auch im Emulator funktioniert. Man muss nur (more…)

Phonegap – Cordova 2017 Teil 5: Javascript Alert funktioniert nicht

Der normale Alert funktioniert leider nicht. Als Programmierer verwendet man einen Debugger oder gibt Logs irgendwo aus und wenn es garnicht anders geht, dann verwendet man eben „alert“.
In Cordova gibt es ein Plugin für Dialoge, welches installiert werden muss.
cordova plugin add cordova-plugin-dialogs
Der zugehörige Code sieht wie folgt aus:

(more…)

Phonegap – Cordova 2017 Teil 4: Usersettings innerhalb der App sichern

Settings, – irgendwo muss der User ja seine Account-Daten für den Zugriff auf diese Tools sichern.

Wie sichert man Daten im Browser und funktioniert das auch noch in Cordova?
Die Maske war dazu schnell erstellt und dann um diese Accordionpane aus JQuery-Mobile erweitert.
Page mit Usersettings

Hier der Code:

(more…)

Phonegap – Cordova 2017 Teil 3: Welches Framework für das GUI

Welches Framework?

Welches Framework verwendet man nun heute für das GUI?
Bootstrap war und ist mein Favorit für viele Bereiche aber die Ladezeiten im Simulator waren einfach schlecht.
Siehe auch: http://www.gajotres.net/best-html5-mobile-app-frameworks-jquery-mobile/
Mit  „jquery-Mobile“,  vergleichbar mit jQuery-UI hatte ich schonmal gearbeitet und der Einstieg gestaltet sich durch viele Beispiele und gute Dokumentation sehr einfach.
Also suche ich in Google mal nach „Cordova jQuery mobile template“ um eine Basis zu erhalten und auch eines gefunden:

(more…)

Phonegap – Cordova 2017 Teil 2 : Cordova Plugins – by default nicht installiert

Lösung für die Cordova-Plugins

Plugins müssen 2017 in Cordova in jedem Projekt einzeln geladen werden!
Referenz der Cordova CLI https://cordova.apache.org/docs/de/latest/guide/cli/
cordova plugin add PluginName

Mit

cordova plugin search PluginName

kann man nach Plugins suchen.

(more…)

Phonegap – Cordova 2017 Teil1

Phonegap als Entwicklungsplattform für Smartphone-APPs hatte ich schonmal in 2014 getestet und nicht weiter verfolgt, denn so eine ganz tolle Idee zu einer APP hatte ich einfach nicht.
Ende 2016/ Januar 2017 hatte ich dann Phonegap/Cordova und xCode neu installiert.
Folgende Punkte habe ich installiert:

  • XCODE
  • Cordova via Termial:
    sudo npm install -g cordova
  • Codova/Phonegap Desktop App via Download-Package für MacOSX

Ein etwas älteres Video zu dem Thema findet in dieser englischen Video-Serie:
https://www.youtube.com/watch?v=L7KmIjFvHVw

So legt man eine erste App an
Dann habe ich unter /Documents einen neunen Ordner via Finder erzeugt und dorthin gewechselt

(more…)

CA Spectrum API – DACHSUG 2015

CA Spectrum ist ein Monitoring-Tool mit dem man sehr professionell und sicher das Netzwerk und die umliegende Infrastruktur monitoren kann.

CA Spectrum klassifiziere ich primär als Tool für das Fault-Management, also ein Tool um schnellst möglich ein Problem eingeutig identifizieren zu können – und weniger z.B. für ein Management-Reporting, – auch wenn es diese Disziplin mittels Reporting-DB mit erledigen kann.

In den letzten Jahren hatte es nach der Aprisma-Übernahme durch Concord und dann CA immer wieder etwas rumort und Anwender erwarten die jährliche Bestätigung auf der DACHSUG, der Usergroup für die deutschsprachige Region, dass es mit Spectrum weitergeht -weitere Entwicklung, neue Features – das Investment in das Tool richtig war.

Aus meiner Sicht steckt CA viel Arbeit in die Programmierung und arbeitet nun viele Anforderungen ab, um das Tool universeller und moderner zu machen. Laut Roadmap kommen nun auch neue Ansätze zum WLAN-Monitoring in 10.1 rein.

Nach den letzten 2 Usergroups mit weniger Beteiligung waren nun alle Plätze restlos belegt und auch unter den Usern waren viele neue Gesichter auszumachen.

Fast zum Schluss, nach vielen Roadmap-Präsentationen durfte ich eine kleine Päsentation zum Thema Spectrum Restful API halten. Neben den Grundlagen hatte ich auch unseren Web-Client (HTML5/Bootstrap) kurz gezeigt, der nur die Restful-API nutzt. Dabei hat es besonders viel Spaß gemacht, zu sehen, dass doch viele Kunden einen WebClient für Spectrum mit Topolgy-View wünschen. Wir liegen hier mit dem breiteren Ansatz incl. Topology-View, Alarm-View, Device-Details, Performance-View mit HTML5 genau richtig.

Ab Dezember 2015 werden wir unseren eigenen Web-Client als Telonic WebView in Projekten breiter einsetzen.

Die Folien zur DACHSUG 2015 findet man hier:

https://communities.ca.com/people/e.heinemann/blog/2015/10/20/dachsug-2015-ca-spectrum-rest-api-unlimited-praktischer-einsatz-der-rest-api

Mit freundlichen Grüßen

Erich Heinemann

Jquery-Mapael zur Visualisierung von Netzwerken

Um verschiendene Datenquellen in einer Network-Map zusammen zu fassen, bedarf es mehrerer Schritte.

  1. Datenquellen identifizieren
  2. Schnittstellen / APIs identifizieren
  3. Daten zusammen fassen in einem GUI

Als Datenquellen möchte ich SevOne und CA Spectrum verwenden.
Deren APIs kenne ich und kann ich auch einfach nutzen
Zur Visualisierung werde ich zu eigenen Libraries greifen. Eine dieser wird Mapael sein, welche ich umfassend erweitert habe. Hier ein Video des Dummys – ohne reale Daten:

Video: Jquery-Mapael for Network-Visualization

Hier zu der Online-Demo: Demo

Zum Schluss kann man diese Web-basierte Map dann mittels AppBoard / enPortal von edge Technologies wieder Mandantenfähig anderen Usern zur Verfügung stellen, so dass auch Enterprise-Kunden diese Lösung verwenden können.

Die original Mapael-Library findet man unter: http://www.neveldo.fr/mapael/

Viel Spaß beim Video oder der Demo

Update: 18.August 2014:
Um die MAPs in PDF-Dokumente direkt Serverseitig transferieren zu können, gibt es nun auch einen Weg, -> einfach per PhantomJS konvertieren.
PhantomJS ist ein headless Browser, -> also ohne grafische Ausgabe. Diese intern berechnete Bildschirmdarstellung kann aber bei Bedarf in eine  PNG- oder PDF-Datei umgeleitet werden.
Somit können auch auf Javascript / JQUERY etc. basierende Webseiten als Grafik oder PDF gespeichert und somit in ein klassisches Reporting, -> Verschicken von PDF-Reports integriert werden.
Phantom-JS steht für MacOSX, Windows und Linux als auch als Sourcecode zur Verfügung

Somit sieht es für Mapael wie folgt aus:

  • Responsive: yes
  • dynamic resizing: yes
  • html5: yes, workaround for IE via VML
  • Flash needed: no
  • Integration in Reporting: via PhantomJS

Gibt es alternative Map-Libraries wie Leaflet.js, welches sich Openstreetmap oder anderen Kartendiensten bedient und somit wesentlich mehr transfervolumen hervorruft oder jVectorMap, welches ähnlich wie Mapael gebaut ist, aber noch mehr Karten beinhaltet.

http://jvectormap.com/ -> Wird auch eingesetzt für Unwetterwarnungen bei der Tagesschau-Online. Die Karten lassen sich in 1-2 Stunden jeweils auch in eine Mapael-Karte konvertieren. Die Funktionen ähneln den von Mapael, bieten aber nicht ganz die Flexibilität wie Mapael.
jVectorMaps werden auch zur Generierung der Maps in Kibana verwendet. Dort liegen die Maps dann im Ordner /app/panels/map/lib/
Falls jemandem in Kibana noch eine MAP fehlt, man kann sehr einfach die jVectorMaps zu Kibana hinzufügen. By Default kennt Kibana aktuell nur World, USA, Europe, – das ist mal wieder nur die westliche Sicht der Erde :-(

http://leafletjs.com/ -> Etwas “fetter” und präzizer bei der Darstellung, aber nicht für meinen Anwendungsfall

Falls jemandem noch eine Idee fehlt und denkt, dass die Hersteller so etwas schon in ihre Tools lange eingebaut hätten, der Atlas von Arbor Networks wäre auch prädestiniert um diese Libraries zu nutzen *-) … hier gibt es online nur die frei einsehbare HTML2-Version mit Tabellen und Text. … werde mir mal überlegen, ob ich diese nicht dynamisch für meine Demo anzapfen kann. *-)

SevOne kombiniert mit Faultmanagement CA Spectrum

Sowohl SevOne als Performance/Flow-Management als auch CA Spectrum als Faultmanagement arbeiten für sich sehr schön, der Wechsel zwischen den Tools störte aber irgendwann den Arbeitsfluss.

SevOne wird in der Analyses von Performance-Problemen und im Daily-Business immer wichtiger, daher hatte ich schon damit früh begonnen beide Tools zu “verheiraten”.

SevOne bietet fast alle Methoden und Funktionen des HTML5-Web-GUIs auch via einer SOAP-API an. Über diese können z.B. die überwachten Devices und Elemente einfach administriert werden. Die Scripte, die diese SOAP-API ansprechen dürfen sogar auf der SevOne lokal abgelegt werden, – perfekt.

Nun benötige ich noch Zugriff auf die Datenbasis von CA Spectrum, – hier vewende ich die Spectrum-REST-API, – per VNMShell geht es auch, – ist aber nicht so cool. *-)
(Nachtrag: Die Beschreibung der Spectrum REST-API erfolgte ausführlich auf der DACHSUG 2015)

Stand 2013:

  • Devices werden zwischen den Tools synchronisiert
  • Nur in Spectrum ausgewählte Interfaces werden in SevOne gepollt, das Polling bei anderen Interfaces und Objekten deaktiviert
  • Performance-Alarme werden von SevOne an CA Spectrum geleitet
  • Key-Performance-Daten bzw. die resultierenden Graphen stellt SevOne zur Verfügung und werden im Spectrum-Oneclick-GUI dargestellt
  • Kleine Performance-Graphen werden in den Tooltips von CA Spectrum just-in-time eingeblendet. Glaubt mir keiner, – ist aber so.
  • Über ein Kontext-Menü kann der User aus Spectrum zu SevOne navigieren

Nachtrag 2015:

  • Auch die Spectrum-Alarme und Spectrum-Topology-Ansichten können in SevOne integriert werden. Die Topology kann dynamisch wie in Spectrum-Edit-Mode sein, oder einfach eine statische Grafik sein. Die Basis der Integration sind die Zugriff auf die REST-API von CA Spectrum.

Nachtrag 2016:

  • Topology-View aus Spectrum und Performance-Daten lassen sich bei Bedarf im neuen Web-Client von CA Spectrum einblenden
  • Über die API von SevOne könnte man nun auch Flow-Daten in Spectrum als Graphen einblenden
  • … ein befreundeter Programmierer hat mit der gleichen Methode nun auch aktuelle Flow-Daten aus NetQos in den Oneclick-Client integriert, – noch nicht als Tooltip, sondern nur als statische Grafik.
  • Steve Weinert will auf der DACHSUG 2016 auch PM-Graphen in Spectrum integrieren und auf diesen Artikel verweisen, – ich bin mal gespannt :)

Gerne integriere ich unterschiedliche Datenquellen und Information in CA Spectrum. Fragen Sie ein dazu einfach bei Telonic an:

Tel.: +49 2203 / 9648 – 0

1 2 3