[TYPO3-german] TYPO3 + mobile Endgeräte

Mon Jul 2 14:38:33 CEST 2012

Hi Andreas

das Problem ist nicht, dass man mit TypoScript keine Bedingungen
erstellen könnte, nach denen dann die entsprechend aufgelösten Bilder
ausgeliefert werden. Wenn es so einfach wäre, gäbe es die Diskussion
hier nicht.

Das Problem liegt in der Art und Weise der Kommunikation zwischen
Endgerät und Server.
Oder in der Frage, wie der Server die Eigenschaften des Client mit
bekommt?

Da gibt es zwei Möglichkeiten, den HTTP-Header und Javascript/Ajax.

Die vom Browser angefragte URL, welche Du in der Adresszeile eintippst
wird zusammen mit vielen weiteren Informationen zum HTTP-Header zusammen
gebaut und zum Server übertragen. Der Server kann daraus dann z.B. die
Version des Browsers, die gewünschte Seite und Sprache, etc. auslesen.
Auch Parameter, also das was man der URL anhängt (z.B. index.php?id=5)
interpretiert der Webserver.
Leider ist es möglich, diesen HTTP-Header abzuändern, bevor er zum
Server übertragen wird, deshalb ist der Server nie sicher, ob er
wirklich an das im HTTP-Header angegebene Gerät ausliefert oder ob sich
das wahre Gerät nur hinter etwas anderem versteckt.

Da die Übertragung des HTTP-Headers vor der Auslieferung der HTML-Seite
geschieht, hat der Server noch die Chance, auf Angaben im Header zu
reagieren. Da es aber unzählige Varianten von Devices gibt, ist das
Reagieren auf jede mögliche Auflösung eine zeitraubende Sache. Deshalb
wäre es einfacher, wenn man die Geräte in Klassen einteilen könnte um
auf diese dann vielleicht vier oder fünf Varianten zu reagieren. Leider
fehlen dazu aber weitgehend erforderliche Angaben in einem normalen
HTTP-Header.

Die Zweite Möglichkeit ist mit Javascript/Ajax die Infos zu übertragen.
Da hat man aber das Problem, dass man immer zu spät ist. D.h. der
HTTP-Header (ohne genaue Informationen zum Client) wird dem Server
geschickt, der sendet die HTML-Seite zurück und erst dann sagt
Javascript/Ajax, OK, aber ich bin nur ein Mobile-Device, gib mir deshalb
bitte die Seite für die langsame Verbindung und schlechtere Auflösung.

Die einzige Möglichkeit rechtzeitig auf einen speziellen Device zu
reagieren, d.h. bevor die HTML-Seite ausgeliefert wird, wäre ein Cookie
zu setzten. D.h beim ersten Besuch der Website könnte sich der Client
mit seiner Bildschirmauflösung etc. zu erkennen geben und diese in einem
Cookie speichern. Bei jedem weiteren Aufruf könnte der Server dann mit
Hilfe des Cookies (welches als Teil des HTTP-Headers übertragen wird)
die "richtige" HTML-Seite ausliefern.

Damit löst sich aber immer noch nicht das Problem, dass man ein
Smartphone schwenken kann und dann lieber die Auflösung für Hochformat
oder Querformat sehen würde.... also doch wieder Mediaqueries im CSS.
Die reagieren auch auf das Schwenken des Smartphones!

Wie man sich dreht und windet, jede Methode wird ihre spezifischen Vor-
und Nachteile haben. D.h. es kommt ganz auf den Verwendungszweck der
Website, die enthaltenen Medien (Bilder, Videos, etc.), etc. an, wie man
das Problem löst.

Und sicher braucht es auch Mut zur Lücke, resp. zum Kompromiss, d.h.
dass man weiss, dass man nicht mit einer einzigen Lösung allen
befriedigen kann!

Gruss Renzo

_____________________________
Renzo Bauen
+41 79 330 10 11
conPassione gmbh 

Am Montag, den 02.07.2012, 18:47 +0700 schrieb Andreas Becker: 

> Danke gut so Bjoern
> 
> Eine der Ideen war ja different settings in TYPOscript je device.
> 
> Nun einige Fragen die mir noch nicht so klar sind:
> 
> 1. Gibt es eine Moeglichkeit die Screen size auch im Typoscript auszulesen
> und so conditions zu schreiben? wenn ja wie?
> 2. Gibt es eine Moeglichkeit / Extension die devices zu erkennen und somit
> auch deren Screen sizes. Leider hat ja ein iPhone und iPad und entsprechend
> das Android Zeug auch unterschiedliche Screen sizes in Portrait und
> Landscape mode, wie kann man dies unterscheiden?
> 
> Waere dies ( 1 oder 2 )  moeglich so muesstes es auch moeglichsein zB
> unterschiedliche mastertemplates fuer eben diese Screen sizes aufzusetzen
> z.B. mit March8.
> 
> je nachdem welcher Device die Seite anfragt wird dann ggf sogar ein
> komplett anders structuriertes Template in dem die Bilder auch anders
> berechnet wurden reingeladen.
> 
> Andi
> 
> 
> 2012/7/2 Björn Hahnefeld <bh at mp-telekommunikation.de>
> 
> > Da habe ich ja ein ziemlich interessantes Thema losgetreten :D!
> >
> > -----Ursprüngliche Nachricht-----
> > Von: typo3-german-bounces at lists.typo3.org [mailto:
> > typo3-german-bounces at lists.typo3.org] Im Auftrag von Peter Linzenkirchner
> > Gesendet: Samstag, 30. Juni 2012 12:58
> > An: German TYPO3 Userlist
> > Betreff: Re: [TYPO3-german] TYPO3 + mobile Endgeräte
> >
> > Nachtrag:
> >
> > mir ist gerade noch eine Komplikation eingefallen:
> >
> > wenn ich in einem WLan mit Smartphone oder Pad unterwegs bin, möchte ich
> > eigentlich die großen Bilder haben:
> > - ich möchte die Retina-Dsiplays meiner Geräte ausnutzen
> > - ich möchte ggf. in die Bilder reinzoomen, um Details sehen zu können.
> > Vor allem der zweite Punkt ist mir wichtig.
> >
> > wenn ich dagegen mit einer langsamen Verbindung unterwegs bin, möchte ich
> > die Bilder so klein wie möglich, weil schlechte Bilder besser sind als
> > keine ...
> >
> > Wie man das automatisieren könnte, weiß ich nicht. Gar nicht vermutlich.
> > Also brauche ich letztlich immer die Möglichkeit, auch auf dem Smartphone
> > umzuschalten auf die Desktop-Seite. Oder ich brauche zwei Varianten der
> > responsiven Seiten: eine für schnelle und eine für langsame Verbindungen.
> >
> > =>
> >
> > Unter dem Aspekt wäre folgende Lösung eigentlich sinnvoller: der User darf
> > auswählen zwischen Desktop, Responsiv in High-Quality und Responsive in
> > Low-Quality (sinnvollerweise vor dem Öffnen der eigentlichen Seite):
> >
> > Desktop: wie eben am Desktop
> > Responsiv in High-Quality: Layout responsive, alle Bilder in maximaler
> > Qualität wie am Desktop Responsive in Low-Quality: Layout responsive, alle
> > Bilder in niedrigster Qualität, so klein wie irgend möglich. Notfalls sogar
> > per CSS größer gezoomt.
> >
> > Das fände ich langfristig den besseren Ansatz, weil er den
> > User-Gewohnheiten eher entgegenkommt. Und dazu müsste man an TYPO3
> > eigentlich kaum was ändern.
> >
> > Gruß
> > Peter
> >
> >
> > --
> > Xing: http://www.xing.com/profile/Peter_Linzenkirchner
> > Web: http://www.typo3-lisardo.de
> > Facebook: http://tinyurl.com/lisardo-multimedia
> >
> > _______________________________________________
> > TYPO3-german mailing list
> > TYPO3-german at lists.typo3.org
> > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
> > _______________________________________________
> > TYPO3-german mailing list
> > TYPO3-german at lists.typo3.org
> > http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
> >
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german