openWIM beim Handy und Tablet
Von: @VB <2015-04-23>
Die Nutzung des Internets geschieht zunehmend über mittels Smartphones und Tablett-PCs. Neben der Touch-Bedienung stellt die Darstellung auf den eher kleinen Displays signifikant andere Anforderungen.

Um ein openWIM-basiertes System "ordentlich" auf einem Handy, Tablet oder Bildschirm mit von alten Gewohnheiten abweichender "physikalischer" Pixelgröße betreiben zu können, wird eine "viewport" Spezifikation bei den meta-Definitionen der HTML-Datei benötigt.

Beispielsweise:

<meta id='MetaViewport0' name='viewport' content='width=device-width, initial-scale=1.0' />

oder

<meta name="viewport" content="&apos;width=device-width, initial-scale=1.0, maximum-scale=2.0;&apos;">

 


 

Die Viewport-Abmessungen können per Script unter:
document.documentElement.clientWidth   (bzw. ~Height)
abgefragt werden.

Mit Scrollbars unter   window.innerWidth   (bzw. ~Height).

{{{ LayoutViewport  vs.  visualViewport }}}

 


 

Suchmaschinen-Optimierung für den Google-Bot:

Bei Google wird geprüft, ob eine Internetseite smartphone-kompatibel ist. Falls nicht, wird sie aus den auf Smartphones dargestellten Ergebnislisten ausgesperrt. So kann man zumindest den Blogeintrag bei Google interpretieren.

Themen hierzuAssciated topics:

HTML WIM-App-Verfahren (techn.)

Das könnte Sie auch interessierenFurther readings:
Wann und wie werden im WIM-System Daten codiert?
<2013-08-12>
Aus technischen Gründen werden Zeichenfolgen im WIM-System für die Speicherung oder Übertragung systematisch verändert. Beispielsweise für XHTML-Daten.   Mehr »
Steuerung der Darstellung von Objekten
<2019-02-03>
Das openWIM-System bietet die Möglichkeit, die Darstellung von Themen, Dokumenten, usw. in weiten Teilen zu gestalten, ohne dass dazu Änderungen im Programmcode oder an (HTML-)Vorlagen nötig sind.   Mehr »
Anordnung von WIM-App-Modulen
<2013-03-28>
Innerhalb eines (BOX-)Moduls können Module in verschiedener Art und Weise angeordnet werden. Dieser Beitrag geht näher darauf ein.   Mehr »
Gestaltungs-Hinweise für WIM-Anwendungen
<2014-06-28>
Im Prinzip bietet eine mit dem WIM-System sehr große Freiheiten beider Gestaltung. Um jedoch eine bessere Nutzbarkeit zu erreichen, sollten einige Grundregeln beachten werden.   Mehr »
Internet-Links für openWIM-Entwickler
<2020-03-10>
In den Weiten des Internets gibt es etliche hilfreiche Internetpräsenzen und Dokumente, die für die Entwickler des openWIM-Systems hilfreich sein können. Hier sind einige aufgelistet:   Mehr »
Standard-Request-Parameter
<2013-06-13>
WIM-Requests haben einen Basis-Satz von Parameter. Diese werden hier beschrieben.   Mehr »
Allgemeine Objektparameter
Von: @VB <2015-03-20>
Objekte sind Kern des WIM-Systems. Und "Parameter" (also "Datenwerte") sind essentielle Bestandteile der WIM-Objekte. In dieser Info werden Standard-Parameter kurz vorgestellt.   Mehr »
Ausfallsicherheit ("fail save") im Konzept des WIM-Systems
<2013-02-25>
Auch wenn sich die Systemdesigner und -entwickler noch so viele Mühe geben - es ist prinzipiell nicht vermeidbar, dass ein System "ausfällt". Ein wesentliches Konzept des WIM-Systems ist es, solche "Ausfälle" auf möglichst kleine Bereiche einzugrenzen und möglichst "sicher" abzufangen.   Mehr »
Auswahl und Reihenfolge der Dokumente bei INFOS-Listen
<2015-11-07>
An diversen Stellen des WIM-Systems sind Listen von Infos zu finden. Hier werden die Verfahren zur Auswahl und Bestimmung der Reihenfolge der dargestellten Infos vorgestellt.   Mehr »
Daten-Layer und -Aktualisierung
<2013-01-06>
Im WIM-System spielen "Vorlagen" eine bedeutende Rolle. Oftmals wird beim Zugriff auf einen Objekt-Parameter der Wert von einem Vorlage-Objekt geholt.   Mehr »
Thematischer Kontext und "Themenwolke" einer Sitzung
<2013-04-28>
Zu einer Projektseite wird stets der jeweils augenblicklich aktuelle thematische Kontext bestimmt und meist in einer "Themenwolke" dargestellt. Dieser thematische Kontext wird anhand der letzten Nutzer-Aktionen und auf Basis der thematischen Verknüpfungen ermittelt.   Mehr »
Was ist die Rolle der "Dialoge" (einschließlich "Meldungen") im openWIM-System?
<2015-04-05>
Bei Darstellungen von Dokumenten, Themen usw. sowie zur Gesamtdarstellung können bei bestimmten Anlässen "Dialoge" (im einfachsten Fall "Meldungen") überlagernd dargestellt werden.   Mehr »
Wie bearbeiten Cloud-Server eintreffende Anforderungen der openWIM-Clients?
Wie sind die Schnittstellen und Funktionen gestaltet?
Von: @VB <2016-10-06>
Von den Internet-Browsern ("Clients") werden die URLs der Projekte aufgerufen. Die URLs führen zum (zuständigen) "Cloud"-Server, der - nach Möglichkeit - die von den Clients gewünschten Aktionen ausführt. Beispielsweise zu ladende Daten liefert.   Mehr »
Wie werden Zugriffe auf - ggf. nicht vorhandene - Dateien beim Frontend-Server bearbeitet?
<2015-06-01>
Das Starten /Hochfahren der WIM-App ist für die Akzeptanz bei den Nutzern von besonderer Bedeutung. Die angewendeten Verfahren und Randbedingungen werden hier näher betrachtet.   Mehr »
Wie kann man die WIM-App durch vorausschauende Anforderungen von Objektdaten beschleunigen ?
<2014-08-03>
Zwischen der Anforderung von darzustellenden Daten beim Internetserver und der Anlieferung der Daten entsteht eine Wartezeit, die nicht beliebig verkürzt werden kann. Daher können bei Modul-Spezifikationen bereits Daten angefordert werden, die erst etwas später wirklich benötigt werden.   Mehr »
Wie werden Dialogbereiche bei Modulen eingerichtet?
Von: @VB <2015-04-06>
Im Prinzip könnte zu jedem PANEL-Modul ein Dialogbereich eingerichtet werden. Wie das genau geht und was zu beachten ist, wird hier beschrieben.   Mehr »
Wie geschieht die Koordination zwischen den Modulen im Client?
Von: @VB <2015-04-18>
Die Module zur Darstellung der Informationen sind zwar in einer hierarchischen Struktur miteinander verknüpft, doch die Aufgabenteilung ist sehr kooperativ geregelt. Jedes Modul agiert möglichst autonom in seinen eigenen Aufgabenbereich, stimmt jedoch alle Aktionen, die andere Module betreffen, mit denen ab.   Mehr »
Objektdaten-Status
<2013-01-11>
Zu den in den Servern gespeicherten Objektdaten gibt es pro Objekt jeweils eine Gruppe von Statuswerten die den Zustand der Daten und laufende Aktionen mit ihnen beschreiben.   Mehr »
CSS3-Macken und Tipps
<2014-02-16>
CSS3 spielt eine wichtige Rolle bei der WIM-Darstellung - und fällt manchmal aus der Rolle. Hier werden Macken und Tipps zusammengestellt.   Mehr »
Aufbau einer Internetpräsenz mit dem WIM-System
<2013-08-04>
Mit dem WIM-System können kleine, überschaubare Internetpräsenzen leicht aufgebaut werden, aber auch sehr umfangreiche. Diese Info soll einen Überblick über den Aufbau des WIM-Systems und das Zusammenspiel seiner wichtigsten Komponenten geben.   Mehr »
Bereithalten der Verknüpfungsdaten aller wichtigen Themen in der WIM-App
<2013-05-05>
Die Verknüpfung von Themen untereinander spielt bei der Verarbeitung der Daten in der WIM-App eine wichtige Rolle. Alle dafür notwendigen Daten zumindest der wichtigsten Themen werden daher vorab in die WIM-App geladen.   Mehr »
Wie werden Infos oder Themen sichtbar gemacht?
<2014-05-24>
Bei verschiedensten Anlässen wird es notwendig, bestimmte Moduldarstellungen für die Nutzer sichtbar zu machen. Dieses kann beispielsweise durch Scrollen oder intransparent machen geschehen,
Hier werden die dabei verwendeten Verfahren beschrieben.
   Mehr »
Die Bildrechte werden in der Online-Version angegeben.For copyright notice look at the online version.

Bildrechte zu den in diese Datei eingebundenen Bild-Dateien:

Hinweise:
1. Die Bilder sind in der Reihenfolge ihres ersten Auftretens (im Quelltext dieser Seite) angeordnet.
2. Beim Anklicken eines der nachfolgenden Bezeichnungen, wird das zugehörige Bild angezeigt.
3, Die Bildrechte-Liste wird normalerweise nicht mitgedruckt,
4. Bildname und Rechteinhaber sind jeweils im Dateinamen des Bildes enthalten.