Specifications. Munich, 05/6/2015

Transcription

1 Specifications Munich, 05/6/2015

2 General structure The nexxsmart framework consists out of four main elements: 2. Menu 1. Background 1.Background 3. Content Container 4. Secondary Container 2. Menu 3. Content Container 4. Secondary Container The position of each element stays the same on every subpage of the application. 5/6/2015 2

3 Menu structure The menu can be placed in horizontal or vertical order. The number of menu items is variable. Horizontal: Vertical: 5/6/2015 3

4 Template overview There is a set of fixed templates and a custom layout: Horizontal menu structure (3-5 menu items) MENU 1 MENU 2 MENU 3 CONTENT MENU 1 MENU 2 MENU 3 CONTENT Vertical menu structure (3-5 menu items) MENU 1 MENU 2 MENU 3 MENU 4 Custom layout (free positioning of all elements) CONTENT MENU 1 MENU 2 MENU 3 MENU 4 CONTENT MENU 1 MENU 2 MENU 3 MENU 4 MENU 5 CONTENT MENU 1 MENU 2 MENU 3 MENU 4 MENU 5 CONTENT 5/6/2015 4

5 Horizontal template (3 menu items) 5/6/2015 5

6 Horizontal template (4 menu items) 5/6/2015 6

7 Horizontal template (5 menu items) 5/6/2015 7

8 Vertical template (3+ menu items) 5/6/2015 8

9 Custom layout If you decide to use a custom layout, the following parameters can be defined: Menu structure: Horizontal/ vertical Menu position: X and Y coordinates Menu item margin: Vertical layout: sets margin bottom Horizontal layout: sets margin right Content size: Width/ height Content position: X and Y coordinates 5/6/2015 9

10 Important notes 5/6/

11 Background image Format: JPEG or PNG Resolution: 1280x720 Data size: Should not exceed 100kb 5/6/

12 Menu items The graphics of a menu item need to be delivered in four different states: Default Focus Active Focus and active Format: JPEG or PNG Data size: Should not exceed 40kb Each menu item can have an own background image 5/6/

13 Image gallery Slideshow: images slide automatically with given slideshow intervall (0-10s) Animation: The image change is animated with given animation duration Data size: Should not exceed 100kb Arrow position: Top, center or bottom Arrow margin: -50px to 320px Assests: ic_arrow_left.png ic_arrow_right.png Different states are covered over opacity Example image gallery 5/6/

14 Image gallery: Layout Gallery arows can be positioned top, center and bottom. Arrow margin may vary from -50px to +320px. 5/6/

15 Image gallery: Example 5/6/

16 Image gallery: Settings slideshow: [true false] Slides automatically to next image with given slideshow interval interval : [0-10s] Time to slide to next image position: [top center bottom] Position of gallery arrows margin: [ px] Margin for gallery arrows Assets: Different states are covered over opacity ic_arrow_left.png ic_arrow_right.png Gallery arrows are show on > 1 images. Images should be < 100K 5/6/

17 Video playlist: Layout The video playlist can be placed on the right or at the bottom. The playlist size is dynamically calculated to hold four video items with the same resolution of the content container. 5/6/

18 Video playlist: Example 5/6/

19 Video playlist: Settings position: [right bottom] Position of video playlist. Position right may not fit with the standard templates autoplay: [true false] Play video on start autoplaynext: [true false] Plays next video on video finish video_preview: string If no preview image is set, image will automatically generated from video 5/6/

20 Video playlist: Settings Videos can be delivered in every format, they are automatically transcoded Format: MP4: Codec: h.264, Main Profile (Level 3.1), 860kb/s, 720p progressiv,25 Frames/s, Variable Bitrate (about 1-2 MBit, streaming Mode: off, FastStart: On; Audio: AAC, 128kbs, 48kHz, 16 bit Assets: ic_arrow_down.png ic_arrow_up.png ic_arrow_left.png ic_arrow_right.png ic_play_overlay.png Different states are covered over opacity Video playlist is shows on > 1 videos 5/6/

21 Forms: Example nexxsmart supports simple newsletters and votings. The number of input fields depends on the size of the content area. 5/6/

22 Forms: Settings title : string Form title input_type: [name phone free] Four different input types are supported input_label: string Input field label success_message: string Success message shown on submit form, i.e. Thank you for your participation.. 5/6/

23 Form: Data Form data is saved as key value pairs on nexxomnia. The result can be downloaded as excel sheet. 5/6/

24 AVS Site: Layout The avs site is simple background image. Only the two buttons can be positioned. The background should be delivered in jpeg or png format < 100K. 5/6/

25 AVS site: Example 5/6/

26 AVS Site: Settings enable_avs: [true false] activate avs page layout_buttons: [horizontal vertical] Buttons are horizontally or vertically placed, the button size is determined by the graphics size button_position_x: int Position buttons on x-axis button_position_y: int Position buttons on y-axis Assets avs_confirm.png avs_confirm_focus.png avs_deny.png avs_deny_focus.png 5/6/

27 Icon set nexxsmart uses a standard icon set. To use an own icon just place an image with the regarding name in the asset package. avs_confirm.png avs_confirm_focus.png avs_deny.png avs_deny_focus.png ic_arrow_down.png Ic_arrow_up.png ic_arrow_left.png ic_arrow_right.png Ic_play_overlay.png progressor.gif 5/6/

28 Tracking Call of a menu item as PI Gallery next image/ previous image Image gallery Video start, pause, finish, average viewing time (Videos > 1min) Average visit duration Sessions Visits Unique Users 5/6/

29 Contact Office Munich nexx.tv GmbH Balanstrasse 73, House No Munich Germany Tel: Mail: info@nexx.tv Office Berlin nexx.tv GmbH Mauerstrasse Berlin Germany Tel: Mail: info@nexx.tv 5/6/