HS/FS Gira's freie Visu (xxAPI) unter IOS (iPad), Android ohne lästige "Bubbles"

[TirochH]

**
**
**
** Achtung: geänderte hsav.zip im Beitrag #13 (mit fastclick.js) - erfordert Safari unter IOS 8.1.1
**
** FULL-SCREEN MIT SAFARI und HOMESCHIRMFUNKTION (extra Funktionaliät)
** ohne Status Bar
**
** total vereinfacht, ohne irgendein Bubble,
** integriert in Safari, mit lokaler IP, internet IP
** MIT zwei UNTERSCHIEDLICHEN START-IKONS (iPad, iPhon5+6, iPhone 6 plus)
** kein Unterschied zur normalen App sichtbar
**

B u b b l e s . . .

Wer kennt es nicht und hat sich darüber geärgert? ...
Die immer wieder auftretenden lästigen - durch sogenannte "Touches" - verursachten "Bubbles".
So werden sie im Internet Jargon genannt.

Das sind
... lästige Markierungen,
... Vergrößerungsgläser (Magnify Glas),
... Zoom in den verschiedensten Varianten,
... Mehrfinger "Gestures"
... copy und paste Meldungen,
...

Sie tauchen immer da auf wo man sie nicht braucht. Besonders bei Anwendungen die nicht dafür entworfen wurden.



Ich habe bei der freien VISU für den GIRA Homeserver (via xxAPI) eine Lösung erarbeitet, die diese Probleme ziemlich vollständig beseitigt.

Diese Vorlage (= im wesentlichen ein Filter für Touch-Events) eignet sich für alle web-basierten (WebKit) Lösungen. WebKit wird in Apple- und Goggle-basierter Hard- und Software (IOS/Apple, Android(Google) als Basistechnologie für web-basierte Anwendungen eingesetzt.

Die dazu notwendigen Dateien habe ich beigelegt (hsav.zip - downloadbar).

Ich habe eine ziemlich aufwendig kommentierte, (für Insider) lesbare Musterlösung erarbeitet. Als Mustervorlage auch bestens geeignet. Ich habe mich jedenfalls sehr bemüht. Eine besser kommentierte Lösung werdet Ihr selten in diesem Forum finden,

Ihr könnt sie ausprobieren, ohne die eigene Visu Lösung - auch nur in einen einzigen 'bit' - zu verändern.

Ein Versuch für dieses Forum einen positiven Beitrag zu leisten ....

--------------------------------------------------

Installations-Anleitung (aktualisiert für neue Dateien im Beitrag #4):

Ihr braucht nur die beiliegende hsav.zip in das Verzeichnis (und Subverzeichnisse - wie in ZIP schon eingestellt) in Windows:

C:/Program Files (x86)/Gira/HS+FS/exp420/hsupload/hsav

einspielen.

Es werden nur zusätzliche Dateien eingespielt und keine bestehenden verändert.

Danach im HomeServer Experten einfach die "Übertragen" Funktion aufrufen. Dadurch werden die Dateien im Verzeichnis (und Unterverzeichnissen) "hsav" übertragen. Vorsicht: muss im Experten unter "Projekteinstellungen"/"Oberfläche" entsprechend ausgewählt sein (Hackerl).

Dann könnt Ihr die Visu - ohne bei EUCH (im Normalfall) eine einzige Zeile zu verändern - aufrufen. Eure alte Visu läuft total unverändert.

Am besten läuft das ganze unter einen schnellen iPad Air mit dem "SAFARI Web Browser"
Es gibt dann also 2 Varianten der Visu die Ihr aufrufen könnt:
(1) <Eure IP>/opt/hsav/start.htm
(2) <Eure IP>/opt/hsav/starttest.htm

Variante (2) ist neu. Variante (1) ist unverändert.
Damit könnt Ihr die neuen Variante mit der bestehenden "unveränderten" Variante vergleichen und feststellen ob sich die Bedienerfreundlichkeit (= ohne lästige "Bubbles") verbessert.

Wenn es überraschenderweise doch nicht laufen sollte, einfach die Dateien wieder löschen. Dann läuft wieder alles wie vorher.

Änderung hat nur Sinn für mobile Devices mit Touch-Oberfläche die mit einem Web-Browser laufen. Bei alten Systemen - die nicht gewartet sind - bringt es sicher auch Probleme.

Viel Vergnügen beim Test. Ich glaube dass nur ein kleiner Anteil keine Freude damit haben wird. Bringt aber nur etwas - bei freier Visu mit Web-Oberfläche.

--------------------------------------------------

Grundsätzliche Hintergrundbemerkungen:


Die Gira Applikation ist lange Zeit vor der "Touch"-Zeit entwickelt worden. Oder besser gesagt die allererste Generation der "touch"-Devices. Jetzt gibt es nicht nur den "single"-click sondern "multiclicks", kurze und lange clicks und multi-touch-Gestures. Die Oberfläche gehört besser organisiert, man muß wissen ob nur ein "click" gemacht werden soll oder das Kopieren von Text und Grafik, oder auch das Vergrößerungsglas eingeschaltet werden soll.

Wie schon oben gesagt entstehen bei der Bedienung der Oberfläche ungewünschte Seiteneffekte, wie:
- Kopieren/Löschen Dialog
- Vergrößerungs Glas
- markieren von unerwünschten Hintergrund Objekten

... und eigentlich wollte ich nur einen "click" machen.

Bitte um Feedback. Für Verbesserungsvorschläge, aber auch Kritik, bin ich dankbar und würde mich darüber freuen.

Hans

Zum Schluss noch einige Bilder meiner App. - auf die ich sehr stolz bin. Aber schon viele Stunden Arbeit hineingeflossen sind.

[highlands]

Sehen will!

[TirochH]

Neue hsav.zip

**
**
**
** Achtung: geänderte hsav.zip im 3. Beitrag
**
**
**

Beiliegend überarbeitete Dateien. Ersetzen vollständig die alten.

Hans

PS: Die Uhr ist nicht auskommendiert, Siehe startJQ.htm (nur im <head> notwendig).

       // START station clock logic
[COLOR="Red"]/*[/COLOR]     animate();
       function animate() {
         clock.draw();
         window.setTimeout("animate()", 50);
       }
[COLOR="red"]*/[/COLOR]     // END station clock
     </script>

Gruss


Hans

[TirochH]

Volle Integration in IOS 8.1 und Safari (Homeschirm)

**
**
**
**
** Achtung: geänderte hsav.zip im Beitrag #4
**
** FULL-SCREEN MIT SAFARI und HOMESCHIRMFUNKTION (extra Funktionaliät)
** ohne Status Bar
**
** total vereinfacht, ohne irgendein Bubble,
** integriert in Safari, mit lokaler IP, internet IP (richtig 'cool')
** MIT zwei UNTERSCHIEDLICHEN START-IKONS (iPad, iPhon5+6, iPhone 6 plus)
** kein Unterschied zur normalen App sichtbar
**
**
**
**

Die neueste Version total vereinfacht.

V download hsav.zip ---> Anleitung in Post #1
V
V
V

[S.Winkelhaus]

Hi Hans,

danke für die neuen Dateien.
Funktionieren so weit so gut.

Eins fehlt mit in der neuen Version noch:

Wo kann ich in der htm Datei meinen Benutzernamen und mein Kennwort hinterlegen, das ich die Anmeldemaske überspringen kann??

Gruß
Stefan

[S.Winkelhaus]

Hi Hans,

mir ist noch was aufgefallen........

Wenn ich über deine neue starttest.htm die Visu auf meinem
iPad mini aufrufe (im Querformat) dann passt die Visuseite nicht ganz auf das Display,
d.h. die Visuseite wird rechts und unten etwas abgeschnitten.

Mache ich den Aufruf im Hochkant Modus mit der Anmeldung und drehe das iPad erst
in den Quermodus sobald ich mich fertig angemeldet habe dann passt die Visuseite genau aufs Display.

Evtl. ist der Fehler ja verschwunden wenn ich gefunden habe wo ich meine Benutzerdaten fest in die htm Datei integriere. :-)

Gruß
Stefan

[TirochH]

Hi Hans,

Wo kann ich in der htm Datei meinen Benutzernamen und mein Kennwort hinterlegen, das ich die Anmeldemaske überspringen kann??

Gruß
Stefan

Brauchst DU nicht. Nach einmaliger Eingabe wird der Password Dialog übersprungen . Häckchen setzen .

Gruss HANS

Siehe Anhang

[TirochH]

Hi Hans,

mir ist noch was aufgefallen........

Wenn ich über deine neue starttest.htm die Visu auf meinem
iPad mini aufrufe (im Querformat) dann passt die Visuseite nicht ganz auf das Display,
d.h. die Visuseite wird rechts und unten etwas abgeschnitten.

Probiere die neue - noch verbesserte start.htm
Alle Einstellungen sind für VISUALISIERUNGEN im Querformat mit einer
Auflösung von 1024x768 optimiert. Sollte auch für die diversen Modelle des iPhones laufen (mit Querschirm-breiter Auflösiung/komprimiert). Aber auch für Android,
Andere Auflösungen erfordern händischen Eingriff

Gruss HANS

Siehe Anlage

[S.Winkelhaus]

Moin Hans,

mit der Auflösung im Querformat sieht es nun besser aus, das passt jetzt.
(Aber auch nur wenn ich die Visu direkt im Querformat öffne, sobald ich die
im Hochformat öffne und dann ins Querformat drehe ist sie nun zu klein....)

Das mit dem Haken setzen war mir klar. Dann speichert er aber nur meinen
Benutzernamen jedoch nicht mein Kennwort :-(

Wie bekomme ich Ihn dazu, das er sich auch mein Kennwort merkt??

Gruß
Stefan

[TirochH]

ee

Moin Hans,

mit der Auflösung im Querformat sieht es nun besser aus, das passt jetzt.
(Aber auch nur wenn ich die Visu direkt im Querformat öffne, sobald ich die
im Hochformat öffne und dann ins Querformat drehe ist sie nun zu klein....)

Das mit dem Haken setzen war mir klar. Dann speichert er aber nur meinen
Benutzernamen jedoch nicht mein Kennwort :-(

Wie bekomme ich Ihn dazu, das er sich auch mein Kennwort merkt??

Gruß
Stefan

Funktioniert nur bei Homeschirm (hat hier keinen Status-bar). D.h. ob Quer oder Hoch um 20 Pixel mehr.

Mit dem Hochformat bin ich aber auch noch nicht zufrieden,

Password: Hast Du bei Einstellungen->Safari->Verlauf- und Webseitendaten löschen durchgeführt ?
Cookies braucht der Homeserver für Safari um User, etc. zwischenspeichern zu können. --> aktivieren
Schau auch bei den Einstellungen, Passwörter automatisch ausfüllen --> aktivieren , Einträge kontrollieren (=IP-Adresse)

Gruß Hans

[S.Winkelhaus]

Hi Hans,

selbst wenn ich alle Cookies erlaube speichert er nur
meinen Name, das Design und den Refresh.

Nach dem Kennwort fragt er jedes mal. :-(

Icon ist natürlich auch auf Homescreen abgelegt. :-)

Gruß
Stefan

[TirochH]

Hi Hans,

selbst wenn ich alle Cookies erlaube speichert er nur
meinen Name, das Design und den Refresh.

Nach dem Kennwort fragt er jedes mal. :-(

Icon ist natürlich auch auf Homescreen abgelegt. :-)

Gruß
Stefan

Probiers mit beiliegenden Files (inkl. JS)
Img & tpl sind eine option
die beste Lösung nach langen forschen
dein password bug müsste nach austausch aller beiliegenden datein weg sein

gruss hans

[TirochH]

**
**
**
** Achtung: geänderte hsav.zip im Beitrag #13 (mit fastclick.js) - erfordert Safari unter IOS 8.1.1
**

ein Update (fehlende img Daten am 8.12. um 12:00 Uhr nachträglich hinzugefügt)

Gruss Hans

[pascal105]

Probiers mit beiliegenden Files (inkl. JS)
Img & tpl sind eine option
die beste Lösung nach langen forschen
dein password bug müsste nach austausch aller beiliegenden datein weg sein

gruss hans

Super, besten Dank. Funktioniert

[pascal105]

Hallo

Habe folgendes Phänomen.

Beim Iphone 6 geht das ganze, jedoch beim Ipad bleibt klapps nicht. Beim Starten der Visu bleibt alles schwarz. Was kann das sein?