Spezifikationen SPORT BILD PLUS Tablet App Stand: 04. April 2014 1 04.04.2014 SPORT BILD PLUS Tablet App Spezifikationen
Informationen zur SPORT BILD Tablet App Die SPORT BILD Tablet App:...gibt es für ios- und Android Tablets, sowie auch für das iphone 4, 4S und 5...ist im Querformat zu lesen...erscheint wöchentlich immer sonntags ab 21 Uhr Anlieferung der Daten für ios- und Android Tablets: Indesign CS 5.5, inkl. Verknüpfungen und Schriften Photoshop CS 5, mit klar strukturierten Ebenen, und in vektor umgewandelten Schriften Querformat: 2048 x 1536 Pixel bei 72 dpi Bitte bei der Gestaltung beachten: Die App-eigene Navigation darf keine interaktiven Elemente beinhalten. Somit keine Buttons, Links, Schieber im Bereich 88 Pixel links und rechts, 160 Pixel oben. Eine Analyse der Klicks muss innerhalb der Anzeige durch ein URL Tracking (Webverlinkung) selbst erfolgen. Es besteht die Möglichkeit die interaktiven Schaltflächen und Objektstatus von Adobe InDesign zu nutzen. HTML-Daten: siehe Seite 3 Anlieferung der Daten für iphone 4s und 5: Indesign CS 5.5, inkl. Verknüpfungen und Schriften Photoshop CS 5, mit klar strukturierten Ebenen, und in vektor umgewandelten Schriften iphone 4s, Querformat: 960 x 640 Pixel bei 72 dpi iphone 5, Querformat: 1136 x 640 Pixel bei 72 dpi Bitte bei der Gestaltung beachten: Die App-eigene Navigation darf keine interaktiven Elemente beinhalten. Somit keine Buttons, Links, Schieber im Bereich 88 Pixel links und rechts, 160 Pixel oben. Eine Analyse der Klicks muss innerhalb der Anzeige durch ein URL Tracking (Webverlinkung) selbst erfolgen. Es besteht die Möglichkeit die interaktiven Schaltflächen und Objektstatus von Adobe InDesign zu nutzen. HTML-Daten: siehe Seite 3 2 04.04.2014 SPORT BILD PLUS Tablet App Spezifikationen
Informationen zu HTML HTML läuft nicht auf Android-Tablets! Die index.html muss folgend angelegt werden: Tabletformat: 1024x768px iphoneformat 4s: 480x320px iphoneformat 5: 568x320px Die in der index.html platzierten Bilder müssen die doppelte Größe haben (2048x1536px/960x640px/1136x640px) und 50% verkleinert eingesetzt werden. Das ist notwendig, um für das Retina-Display die optimale Auflösung zu erreichen. Bei einer Vollformatigen HTML Anzeige wird ein Startbild benötigt, welches in Indesign platziert wird. Dies verhindert, dass der Bildschirm während des Ladevorgangs leer ist. Dieses Startbild wird auch für die Vorschau- Übersicht verwendet. Tabletformat: 2048x1536px iphoneformat 4s: 960x640px iphoneformat 5: 1136x640px Programmierungen die auf eine Wischfunktion eingehen möglichst in der Horizontalen vermeiden, da es mit der App-eigenen Navigation kollidiert. Wischen von oben nach unten ist unproblematisch. Datenlimit: 20MB Nur für ios Tablets 3 04.04.2014 SPORT BILD PLUS Tablet App Spezifikationen
Informationen zu systeminternen Animationsmöglichkeiten Video: Das Videomaterial muss optimiert angeliefert werden. Möglich ist es, den Film automatisch starten zu lassen, per Navigation (Video-Button) zu starten oder automatisch im Vollbildmodus anzuzeigen. Der Film wird ohne Loop (ohne Endlosschleife) angezeigt. Die App-eigenen Video-Bedienelemente können nicht gestaltet werden. Format: MP4, nicht größer als 15 MB Weblinks: Alle WEB-LINKs werden im Pop-up-Browser geöffnet, damit der User die App nicht verlässt. Eine Analyse der Klicks muss innerhalb der Anzeige durch ein URL Tracking (Webverlinkung) selbst erfolgen. Audio: Audio-Dateien können integriert werden, automatisch startend oder mit Navigation. Die App-eigenen Audio-Bedienelemente können nicht gestaltet werden Format: MP3 Bildlauffähiger Bereich: Bildlauffähige Bereiche werden in Indesign über die Montage fläche hinaus angelegt. Es ist eine Art Band, das durch das Layout gewischt werden kann. Bildergalerien: Hierbei müssen alle Bilder das gleiche Format besitzen. Da bei Tipp auf die Galerie die Bilder seitenfüllend angezeigt werden, müssen alle Bilder auf die exakte Größe angeliefert werden. Tablet: 2048x1536px bei 72 dpi, 5 bis maximal 7 Bilder iphone: 960x640px bei 72 dpi, 5 bis maximal 7 Bilder HotSpots: HotSpots sind Ebenen, die ein- und ausgeblendet werden können. So ist es möglich eine Auswahl, ein anderes Bild, oder alternativen Text durch Tippen anzuzeigen, sie werden durch einen Schließen Button wieder geschlossen. 360 : Eine Bildfolge (durchnummerierte JPEGs), die für 360 - Produktansichten oder Bildsequenzen geeignet ist. Panorama: Es sind 6 Bilder nötig, die eine Projektion auf einen 6-seitigen Würfel darstellen, auch kubische Projektion genannt. Nur für ios Tablets Reveal: Hierbei werden 2 Bilder (JPG oder PNG) übereinander gelegt. Durch wischen über das obere Bild wird das untere Bild frei gewischt. 4 04.04.2014 SPORT BILD PLUS Tablet App Spezifikationen
App-eigene Navigation Für die App sind jeweils rechts und links 88 Pixel für die Navigation vorgesehen. Durch Tippen in den jeweiligen Bereich springt die App auf die nächste oder vorherige Seite. In diesen Bereichen darf kein interaktives Element vorhanden sein. Im oberen Bereich ist für die App 160 Pixel vorgesehen. Durch Tippen in diesen Bereich öffnet sich das Übersichtsmenü. Auch hier dürfen keine interaktiven Elemente eingeplant werden. Auch bei HTML ist es wichtig, den markierten Bereich nicht mit interaktiven Elementen zu belegen. Bei der Programmierung der HTML (in 1024x768) beläuft sich dieser Bereich dementsprechend auf 80 Pixel Abstand zum oberen Rand und je 44 Pixel Abstand nach rechts und links. 5 04.04.2014 SPORT BILD PLUS Tablet App Spezifikationen
Informationen zusammengefasst Beschreibung Größe Tablet Größe iphone 4S Größe iphone 5 Anlieferungsformat Farbraum HTML Anlieferung Nur für ios Tablets Finale HTML Größe Video Verlinkung im Webbrowser App-eigene Features Erstkontakt/Vorlaufzeit Finale Datenabgabe Anlieferung 2048 x 1536 Pixel, 72 dpi; 960 x 640 Pixel, 72 dpi; 1136 x 640 Pixel, 72 dpi; Anlieferung als Adobe Indesign Dokument (CS5.5) oder PSD-Dokument (CS5) mit klar strukturierten Ebenen, srgb srgb HTML-Container Tablet-Querformat: 1024x768px, iphone-querformat: 480x320px Wischfunktionen in der Horizontalen vermeiden Startbild: Tablet-Querformat: 2048x1536px, 72dpi, srgb; iphone 4s format: 960x640px, 72dpi, iphone 5: 1136 x 640 Pixel, 72 dpi; srgb WICHTIG: HTML platzierte Bilder müssen die doppelte Größe haben und 50% verkleinert eingesetzt werden. Maximal 20MB Mp4, H.264 Codec, Datenrate 1,6 MBit/sec, nur 1 Video pro Anzeige, Empfohlene Länge: 30 Sec., < 15 MB Durch Pop-Ups innerhalb der App, da sonst der User die App verlässt. Eine Analyse der Klicks muss innerhalb der Anzeige durch ein URL Tracking (Webverlinkung) selbst erfolgen. Bildgalerie: durch Wischen anschaubar, durch Tippen Seiten füllend. Bildlauffähiger-Bereich: durch Wischen slidebar Video- und Audiointegration Konfigurator ohne HTML Webverlinkungen HotSpots (Ein- und ausblenden von Ebenen) 360 Panorama Reveal 3 Wochen vor Erscheinungstermin bei Sandra Natasadu (siehe letzte Seite) 1 Woche vor Erscheinungstermin an Sandra Natasadu (siehe letzte Seite) 6 04.04.2014 SPORT BILD PLUS Tablet App Spezifikationen
Banner im Kiosk der SPORT BILD PLUS Anlieferung der Daten in zwei Formaten: Photoshop CS 5, JPG, srgb-farbraum Format 1: 1536 x 512 Pixel, 72 dpi Funktionen: Statisch mit Weblink HTML5 Format 2: 2048 x 384 Pixel, 72 dpi Beispiel: Format 1: 1536 x 512 Pixel, 72 dpi Format 2: 2048 x 384 Pixel, 72 dpi 7 04.04.2014 SPORT BILD PLUS Tablet App Spezifikationen
Hilfe und Kontakt Unter folgendem Link können Sie die Muster-Datei downloaden. Diese können Sie als Vorlage für Ihr Layout nutzen. Muster-Datei InDesign CS 5.5: https://dl.dropbox.com/u/18180301/spobi_tablet_indesign.zip Muster-Datei Photoshop CS 5: https://dl.dropbox.com/u/18180301/spobi_tablet_photoshop.zip Bei Fragen zu den Spezifikationen wenden Sie sich bitte an: Hasselbrookstraße 67 a 22089 Hamburg Telefon 040 32 59 97 71 Mobil 0170 47 59 551 E-Mail sandra@natasadu.de www.natasadu.de 8 04.04.2014 SPORT BILD PLUS Tablet App Spezifikationen