Layout Definition of Online Magazines with Splitter Components

The capabilities of current mobile devices and the quality of their screens reached a level, where online reading experience competes with the printed media. Commercially printed magazines and newspapers commonly apply different grid-based page designs. In case of the online magazines the variable conditions, e.g. screen resolution, user preferences and the actual content require to provide adaptive online document formatting solutions. The paper discusses the adaptation methods and the height/width definition modes of a content-driven template-based layout system. The approach supports online magazine editors to design magazine layouts. Based on the layouts the approach automatically adapts the actual content to different device screens. Current paper concentrates on the concept of the Horizontal Splitter Component and the Vertical Splitter Component, furthermore, discusses the related layout definition considerations. We provide the normalization rules of the different content type and height/width definition method combinations, and as a result, we derive the adaptation methods of compound layout elements. Keywords— Adaptive Layout, Layout Normalization Rules, Content-Driven Layout, Template-Based Layout, Online Magazine Layout