FindHotelRoom.de (FU26) mobil & Fun-App
FindHotelRoom.de-Portal mobil ist etwas varianten-reicher als FU-Alt.
Die alte FU-App wird zu Fun-App ( FUn(eu)-App ).
👉 Inhalt und Kurz-Hinweise
- FindHotelRoom.de mobil: Landscape- und Portrait-Varianten (rechtes Segment)
- FindHotelRoom.de Fun-App: Etwas anders als bei FU-Alt (linkes Segment)
👉 FindHotelRoom.de (FU26) mobil:
Die Laptop-Darstellung der Startseite (Unterkunft-Suche) mit Werbung links und rechts gibt es so NICHT, zumindest für kleine Bildschirm-Breiten, mobil in der Portrait-Ansicht (Smartphone hochkant) oder Landscape-Ansicht (quer) - ab oder kleiner 1.000 Pixel.
Ab 1.000 Pixel Bildschirm-Breite oder kleiner sind die Inhalte a la Desktop nicht darstellbar. Das gilt auch für die Dual-Segmente-Seiten (de-Text links und en-Text rechts).
Wichtig bei allem ist das Setzen des meta-Viewport-Tags, wie nachfolgend abgebildet.
Zumdem wichtig, sowohl für Desktop als auch für Mobil-Geräte gibt es nur ein css-Layout-Script.
Darin werden die entsprechenden Mobil-Komponenten am Script-Ende überschrieben - mobile Script-Segmente:
-
@media screen and (max-width: 1000px)
- Mindest-Breite Desktop-Format: Größer 1.000 Pixel
- meta-Viewport-Tag:
< meta name='viewport' content='width=device-width, initial-scale=1.0' >
- link-CCS-Tag, z.B.:
< link rel='stylesheet' href='fun_css/layout_fun_app_03.css' >
👉 Auflösung - Formate :
Die Auflösung für Smartphones im Hochformat (Portrait) entspricht in der Regel den Seitenverhältnissen 9:16 oder 9:19,5. Die gängigsten Standard-Auflösungen für hochkantige Videos und Display-Darstellungen reichen von 720 × 1280 (HD) bis hin zu 1080 × 1920 (Full HD) oder 1440 × 2560 (QHD)
👉 Protrait-Ansicht:
Smartphone Hochformat Bildpunkte-Anzahl: 720 oder weniger als 1.001 Pixel )
In diesem Format gibt es für die FindHotelRoom.de-Seiten eine Sonder-Darstellung, die die Desktop-Darstellung in manchen Punkten ziemlich bricht.
- Start-Seite (Home): - Kopf wird auf Menu reduziert (kein Bogen darüber).
- Such-Eingabe und -Buttons bleiben in der Form bestehen.
- de-Themen-Menu ([DE] [NRW] ...) darunter fällt raus bleibt bestehen - jedoch mit Hintergrund-Bilder-Ausschnitte
- Treffer-Listung bleibt in der Form bestehen.
- Footer bleibt in der Form bestehen.
- Werbung wird auf eine Werbefläche (Banner quer) im Seiten-Kopf reduziert.
- Dual-Seiten: Die Seiten-Segmente de und en werden nicht gleichzeitig angezeigt,
sondern nur das nach Sprach-Auswahl (Menu-Flaggen) aktive Segment de oder en (also wie im üblichen Standard).
- Info-PDFs: Werden als Links im Standard-Format integriert (zu Beginn der FindHotelRoom.de-Veröffentlichung gibt es noch keine PDFs).
👉 Landscape-Ansicht:
Smartphone Querformat Bildpunkte-Anzahl: gleich oder mehr als 1.000 Pixel
Für mehr als 1.000 Bildpunkte erfolgt die Darstellung sowohl für die Portrait-Ansicht als auch die Landscape-Ansicht im Desktop-Format.
FindHotelRoom.de (FU26) Fun-App
Die Fun-App (FU-App neu) wird für alle Formate (Mobil und Laptop), wie bei FU-Alt, ein einheitliches Mobil-Format haben -
also auch auf dem Laptop eine konsequente Mobil-Anmutung.
Per Meta-Tag ist die Fun-App eingestellt auf: NoIndex, NoFollow
Hinweis auf Fun-App-Themen:
Nicht alle Themen von FU-App-alt wurden in die neue FindHotelRoom.de Fun-App übernommen.
- Themen Fun-App: NUR Unterkunft + Eigener-Standort.
- Themen FU-App-alt: Unterkunft + Mobiliät (Verkehrsstationen) + Museen & Attraktionen + Eigener-Standort.
Die Fun-App besteht aus einer einzigen Seite und ist eben konsequent mobil-orientiert in der Darstellung.
Die Fun-App ist, wie auch die FU-App-alt, autonom bezüglich Funktionen, Layout und allem anderen, bis auf die Datenbank.
Bei der Fun-App werden zudem jedoch ebenfalls die DB-Zugriff-Repositories (a la Symfony-Framework-Machart)
der Haupt-Anwendung (ha1) mit genutzt.
👉 Standorte bei der Fun-App:
Unterkunft-Standort:
Wie bei der alten FU-App ist der Standort einer Unterkunft und die Unterkunft selbst in den Trefferlisten mit der Fun-App verlinkt.
Wie gehabt werden alternative Unterkünfte in drei oder vier Entfernung-Karrees per einfachem Button-Klick gelistet.
Deren Lage kann per OSM visualisiert werden. In der Listung (jedoch NICHT in der OSM-Visualisierung) sind per Klick
die entsprechenden Websites der Hotels etc. aufrufbar und/oder ein Direkt-Kontakt kann per Klick auf die Telefonnummer oder das Telefon-Symbol hergestellt werden.
👉 Eigener-Standort:
Das ist eine wichtige Funktion. Die User können per Klick sich alle Hotels, etc. an ihrem aktuellen Standort
mit listen lassen - inklusive Entfernung-Karrees - und können sofort Kontakt aufnehmen.
Imitierter Standort:
Spielt nur eine untergeordnete Rolle. Kann hier und da eingesetzt werden - wird es jedoch zurzeit noch nicht.
Button-Einstiegsentfernungen bezüglich Standort-Arten:
- per Unterkunft: Button-1 startet mit 250 Meter bis 2 Kilometer, je nach Unterkunft-Dichte im Umfeld.
- per Eigener Standort: Button-1 startet fest mit 500 Meter.
- per Imitierter Standort: Startet wie per Unterkunft (jedoch zurzeit NICHT im Einsatz).
👉
Weitere Details bezüglich der Fun-App (Unterschiede zur FU-App):
- Werbung: Ein Werbe-Button ganz oben, promienent als erster Button.
- Barriere-Freiheit: Preis-Niveau und weiter Tags sind mit title-Hinweisen ausgestattet.
- OSM: OpenStreetMap ist zurzeit nur in Standard-Form aufrufbar (ggf. später in Varianten - Museen/Attraktionen).