[TYPO3-german] Für pda and wap devices Bild statt Slideshow... wie mach ich das?

[Stephan Schuler]

Hallo zusammen.

Grundsätzlich muss man sich fragen, ob man wirklich unterschiedlichen Geräten unterschiedlichen Output liefern möchte oder ob man nicht alles mit grundlegend auf "responsive" ausgelegtem CSS hinbekommt.

In diesem Zusammenhang spielt natürlich auch die Frage eine Rolle, auf welche Geräteklasse man bei mobiler Bedienung Rücksicht nehmen muss und will. Wenn jemand von "PDA" und "WAP" spricht muss ich irgend wie an die Kategorie Nokia Communicator 9xxx denken. Und die stellt sich seit ein paar Monaten doch als eine recht überschaubare Marketingzielgruppe dar.

Gerade mobile Browser sind doch sehr kurzlebig. Die iGeräte sind da die Ausnahme mit mehreren Jahren durchschnittlicher Lebensdauer, dafür sind ihre Spielarten abzählbar enlich. Der Großteil der Nicht-Apple-Mobilgeräte dagegen dürfte wohl nach zwei Jahren gegen das nächste subventionierte Gerät augetauscht werden. Die Wahrscheinlichkeit dass meine Zielgruppe zu >95% aus CSS3-fähigen Webkit-Geräten besteht ist demnach recht hoch, ebenso dass meine Zielgruppe zu 99% anständiges JavaScript beherrscht um sich flexibel an Auflösungen anzupassen. Nicht dass ich mein Mobile-Layout auf JavaScript aufbauen würde, aber der Slider den mein Desktop-Layout verwendet kann ja bei weniger als 400px Breite vielleicht einfach nicht initialisieren.

Wenn es dann doch eine Unterscheidung auf der Serverseite werden soll könnte man das Projekt hier in den Raum werfen:
http://wurfl.sourceforge.net/help_doc.php
Die machen praktisch nichts anderes als Geräte in Klassen zu sortieren. Ich würde das vermutlich in eine UserFunc packen die innerhalb einer TypoScript-Condition dann TRUE oder FALSE liefert.
Normalerweise definiert man ja nicht die Unterscheidung ob PDA, Smartphone, Tablet oder Desktop sondern man layoutet 3 bis 5 unterschiedliche Breiten und definiert sich diskrete Breakpoints der genutzten Browserbreite. Es würde also genügen, wenn man z.B. die Funitionen user_Tx_Myextension_Functions_Wurfel_smallerThan($breakpoint) und user_Tx_Myextension_Functions_Wurfel_widerThan($breakpoint) definiert. Die lassen sich dann in den TypoScript-Conditions entsprechend nutzen. Immerhin dürften sich iPads untereinander in den User-Agents vielleicht nur bedingt unterscheiden, zumindest ist die Klassifizierung als Mobile-Device jeweils eine sehr ähnliche. Die Generationen 1 und 2 als älteste Variaten haben aber eine Breite von 1024px, die Generationen 3 und 4 eine Breite von 2048 und das iPad Mini als neuestes Gerät dieser Klasse (ok, mit dem Gen. 4 iPad ziemlich gleich alt) hat wieder nur 1024px. Die Unterscheidung die Wurfel hier trifft ist meines Wissens recht exakt -- und natürlich nicht nur auf die iGeräte beschränkt.


Gruß,


Stephan Schuler
Web-Entwickler

Telefon: +49 (911) 539909 - 0
E-Mail: Stephan.Schuler at netlogix.de
Website: media.netlogix.de



--
netlogix GmbH & Co. KG
IT-Services | IT-Training | Media
Neuwieder Straße 10 | 90411 Nürnberg
Telefon: +49 (911) 539909 - 0 | Fax: +49 (911) 539909 - 99
E-Mail: info at netlogix.de | Internet: http://www.netlogix.de

netlogix GmbH & Co. KG ist eingetragen am Amtsgericht Nürnberg (HRA 13338)
Persönlich haftende Gesellschafterin: netlogix Verwaltungs GmbH (HRB 20634)
Umsatzsteuer-Identifikationsnummer: DE 233472254
Geschäftsführer: Stefan Buchta, Matthias Schmidt



________________________________________
Von: typo3-german-bounces at lists.typo3.org [typo3-german-bounces at lists.typo3.org]" im Auftrag von "Peter Kühnlein [peter at function2form.net]
Gesendet: Mittwoch, 4. September 2013 09:25
An: German TYPO3 Userlist
Betreff: Re: [TYPO3-german] Für pda and wap devices Bild statt Slideshow... wie mach ich das?

Hallo Mark,

Am 04.09.2013 09:16, schrieb Mark Boland:
> Hallo Peter,
>
> dann wende Dich bitte an die Hersteller;-)
werd ich machen... ich seh schon beeindruckte Gesichter :-D
> Es war zwar üblich bei Smartphones in der User-Agent das Wörtchen 'mobile' zu verstecken, aber damit kann man bei den vielen Formaten von 1-20" nicht mehr rechnen.
>
> Das pda und wap war übrigens auch nur eine handgeführte Liste von UserAgents, die nicht mehr gewartet wird.
Oh... nicht mehr gewartet... D.h. obsolet?
> Die Dinger heißen ja schon lange nicht mehr PDA
Ich fand's auch immer heiter, dass das in der device-Liste steht.
> und das WAP Format spricht man auch nicht mehr (mit einem JPEG hättest du da nach dem Standard auch kein Glück gehabt).
>
> Mit freundlichen Grüssen
>
>
> Mark Boland
Schöne Grüße zurück,
Peter
>
>
> Am 04.09.2013 um 08:57 schrieb Peter Kühnlein<peter at function2form.net>:
>
>> >Und Tatsache - mit useragent funktioniert's... all die grauen Haare umsonst. Trotzdem wäre eine generellere Lösung statt einer Liste befriedigender.
>> >
>> >Schöne Grüße,
>> >Peter
>> >
>> >Am 04.09.2013 08:40, schrieb Peter Kühnlein:
>>> >>Guten Morgen Ralf-Rene,
>>> >>
>>> >>Danke für die Antwort... ich bin ja beruhigt, dass mein TS nicht totaler Quatsch ist. Und eigentlich sollte mein Blackberry doch sagen, dass es eines von beiden ist. Ich werd mal den useragent versuchen - obwohl das für mich eher wie ein workaround aussieht. Da muss man halt alle paar Monate die Liste ergänzen, fürchte ich... (mein BB ist zum Beispiel schon nicht drin).
>>> >>
>>> >>Auf jeden Fall Danke!
>>> >>LG Peter
>>> >>
>>> >>Am 04.09.2013 01:27, schrieb Ralf-Rene Schröder:
>>>> >>>Eigentlich sollte es auch genau so funktionieren ??? sicher das dein
>>>> >>>Test-Gerät sich auch als ein solches device identifiziert?
>>>> >>>
>>>> >>>vielleicht kommts du mit "useragent" weiter ?
>>>> >>>[useragent=*iPhone*]||[useragent=*Nokia
>>>> >>>N9*]||[useragent=*HTC*]||[useragent=*LG*]
>>>> >>>||[useragent=*iPod*]||[useragent=*Android*] ||[useragent=*Windows Phone
>>>> >>>OS 7*]
>>>> >>>
>>>> >>>oder mit diesen infos ?
>>>> >>>http://html5-mobile.de/blog/wichtigsten-user-agents-mobile-devices-jquery-mobile
>>>> >>>
>>>> >>>
>>>> >>>Am 03.09.2013 19:54, schrieb Peter Kühnlein:
>>>>>> >>>> >Guten Abend Liste,
>>>>>> >>>> >
>>>>>> >>>> >ich habe folgendes TS
>>>>>> >>>> >
>>>>>> >>>> >page.10.marks.EYECATCHER < lib.randomImage
>>>>>> >>>> >[device= wap, pda]
>>>>>> >>>> >lib.banner = IMAGE
>>>>>> >>>> >lib.banner.file =  fileadmin/pics/sample.jpg
>>>>>> >>>> >lib.banner.wrap = |
>>>>>> >>>> >page.10.marks.EYECATCHER >
>>>>>> >>>> >page.10.marks.EYECATCHER < lib.banner
>>>>>> >>>> >[global]
>>>>>> >>>> >
>>>>>> >>>> >und will damit an der Stelle von EYECATCHER einmal die Slideshow
>>>>>> >>>> >einbinden (dieser Teil klappt wunderbar... wird mir von rgsmoothgallery
>>>>>> >>>> >generiert) und - falls jemand mit WAP Handy oder PDA die Seite besucht -
>>>>>> >>>> >statt der Slideshow einfach ein statisches Bild (das in fileadmin/pics/
>>>>>> >>>> >liegt und sample.jpg heißt). Der letzte Teil funktioniert nicht.
>>>>>> >>>> >Stattdessen sehe ich den Ladebalken von der Slideshow. Das ist doch
>>>>>> >>>> >eigentlich nicht kompliziert... was mach ich denn falsch? Hab ich ein
>>>>>> >>>> >Brett vorm Kopf?
>>>>>> >>>> >
>>>>>> >>>> >LG Peter
>>>>>> >>>> >


--

http://function2form.net
http://peter-kuehnlein.net

"The way of revenge lies in simply forcing one's way into a place and being cut down. There is no shame in this. By thinking that you must complete the job you will run out of time."
(Hagakure)

_______________________________________________
TYPO3-german mailing list
TYPO3-german at lists.typo3.org
http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german