Qmags At The Cutting Edge of Digital Publishing. Mobile (Platform, Specification and Features) Template Elements ( Your home page will be the only unique.

Slides:



Advertisements
Similar presentations
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
Advertisements

Microsoft Word 2013 An Overview. Your Environment Quick Access Toolbar Customizable toolbar for one-click shortcuts Tabs Backstage View Tools located.
กระบวนวิชา CSS. What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to.
Creating a Poster It is easier than you think! 1.
1 of 5 This document is for informational purposes only. MICROSOFT MAKES NO WARRANTIES, EXPRESS OR IMPLIED, IN THIS DOCUMENT. © 2007 Microsoft Corporation.
3.2 Presentation Software End Show Creating slide shows including audio,video and digital images End Show.
PDFs & Dorsetforyou.com Laura Hall Senior Website Officer
With Alex Conger – President of Webmajik.com FrontPage 2002 Level I (Intro & Training) FrontPage 2002 Level I (Intro & Training)
7 Selecting Design and Color Section 7.1 Identify presentation design principles Use a custom template Add pages to a navigation structure Section 7.2.
Designing a Classroom Web Site Using NVU Beginning Level.
Overall Design Standards
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Web Technologies Website Development Trade & Industrial Education
Continued BrokersLink Redesign. General Changes All Headlines, Main Nav options and Sub Nav options will be in the Google font Roboto Slab (Normal 400.
Website Development with Dreamweaver
Microsoft FrontPage 2003 Illustrated Complete Using a Dynamic Web Template.
© 2012 The McGraw-Hill Companies, Inc. All rights reserved. word 2010 Chapter 3 Formatting Documents.
Learning HTML Presented By: Wayne Helle What Is HTML? Learning Basic Tags... Formating Your Text... Working With Images and Links... Simple Form Boxes..
IReport Demo Spring 2008 OEDSA Conference. Report Properties.
DotNetNuke Workshop Presented by: Sara Sharick. Topics What is DotNetNuke Components Requesting a DDN Site Creating Pages Modules Adding Content Document.
Glog All! Glog One! Glog On!. A Glog is like a poster... only better Glogs allow students to create an online poster using photographs images graphics.
Accessible Presentations For MS PowerPoint 2013 Presented by: Valerie East.
Web Site Development - Process of planning and creating a website.
TITLE ClubRunner for Webmasters & Editors Home Page Stories, Site Pages Events and Speakers Communications and eBulletins.
Joomla Awdhesh Kumar Singsys Pte Ltd. What is Joomla? Joomla is an award-winning content management system (CMS), which enables you to build Web sites.
16 x 9 corporate Presentation Template
Overall Design Standards
Overall Design Standards
Overall Design Standards
Contributing to the WCARC Website
Overall Design Standards
Overall Design Standards
LMEvents SharePoint Portal How-to Guide
Overall Design Standards
Overall Design Standards
Unit 17 Website Development
CONTENT MANAGEMENT SYSTEM CSIR-NISCAIR, New Delhi
Cover slide 1 We recommend picking one cover slide from these two options and removing the other from the Master This PowerPoint Template includes a series.
Overall Design Standards
How to customize your Microsoft SharePoint Online website
place logo in this space
Web Page Design ICT Ms. McGrew.
How to customize your Microsoft SharePoint Online website
PowerPoint Guidelines
PowerPoint Guidelines
Overall Design Standards
How to customize your Microsoft SharePoint Online website
Overall Design Standards
Wells Fargo Toolkit – CreativeBuilder Reference Guide
Overall Design Standards
Overall Design Standards
Overall Design Standards
Overall Design Standards
Overall Design Standards
Overall Design Standards
Overall Design Standards
Overall Design Standards
Overall Design Standards
Overall Design Standards
Overall Design Standards
Overall Design Standards
Overall design standards
Overall design standards
Overall design standards
Overall design standards
Overall design standards
Overall design standards
Working Knowledge Training
Overall design standards
Overall design standards
Presentation transcript:

Qmags At The Cutting Edge of Digital Publishing

Mobile (Platform, Specification and Features) Template Elements ( Your home page will be the only unique page in your mobile edition ): –Cover image with cover date –Linked listing of contents (article titles) Home Page Options ( Any structural changes will affect not only the current issue, but all archived issues, i.e. if you remove the date and time for the current issue, it is removed for all issues): –Date and time –Article Categories, followed by linked listing –Article title, followed by a synopsis, with link to the article Article Pages : (Standard Elements) Standard Elements –Title –Author –Body copy Options ( inclusion or removal of these elements does not constitute a template change article to article, or issue to issue) –Editorial graphic for the article –Advertising banners –Interstitial ads

Mobile (Sample of the Mobile Homepage)

Mobile (Sample of the Mobile Article Pages)

Mobile (Platform, Specification and Features) Advertising : –Ad banners can be placed on every page, or specific pages –Ad banners can appear at the top of the page, the bottom, or both. You can have 2 different adds per page, or randomly rotate banners. –Dimensions for top/bottom of the page banners: 300 x 50 pixels maximum –Interstitial ads can be placed such that a user sees them upon clicking an article link, and has to click “skip” to proceed to the article. The same ad can be placed throughout, or multiple ads can be placed. –Dimensions for interstitial ads: 300 x 400 pixels maximum –If you are including ad banners with live links, you should be sure that those sites have mobile versions. Basic Rules : –No Flash, Java script or video files –Text is best displayed in 1 column, though 2 are available –For optimal load speed, keep graphic size under 30k –Graphics are displayed only above or below text, and can be right, left or center aligned –Use of graphs, charts and spreads should be carefully considered: they may not display well in this medium –Long articles should not run continuously on one page, but be split over 2 or more

Mobile (Sample of the Mobile Advertising Pages) Ad can run on the bottom of the page Ad can run on top of page as well

Mobile (Sample of the Mobile Advertising Pages)

Mobile (Basic Layout) The layout of ALL article pages will be identical. Any change in font, background color, etc. will the current issue, and all archived issues. Colors: Headings, subheads, small bars can all be different colors Hypertext is normally blue, which clicks to purple (standard colors) Background color : We recommend only very light colors, if any. White is the easiest background for reading. Note: backgrounds would need to be consistent for all pages in the current or archived issues. Fonts: Headlines, subheds and copy. (Sans Serif: Arial and Verdana, Serif: Currier New, Times New Roman. Bold, Italics and Underline are available) Images: As with any website, the more images on a page, the slower the magazine page will load. Images can be a variety of sizes, but tall images will tend to extend beyond the “fold” for small screens if allowed to fit width. They can be left, right or center justified Images should not have columns or text to the left or right, but text on top or the bottom is fine Individual decisions will need to be made about whether to include “challenging” graphics, such as charts and graphs and full-page spreads

Mobile (Platform, Specification and Features) Archives: –When new issue is uploaded, the previous issues will be marked as archive. – Archived magazines will have the same layout that they had when they were the current magazine (unless a change has happened to the template) –When the Archive button is clicked from the current issue, the first page that opens is an inventory of issue dates hyperlinked to each issue. Share an article –Reader can send an to anyone from their mobile device using this feature.

Mobile (Tracking and Reporting) Reports – Qmags will collect data on an issue by issue basis, including: –Number of subscribers who have opened the mobile issue –Who has opened the mobile issue. –Which articles have been read, and how many times. –Which ads have been clicked, and how many times. –Who has shared an article, and with whom it was shared, and what words were sent to the person. –Which archives have been accessed, and which articles were clicked. Mobile Platform – Technology: − Front End: Microsoft Asp.Net, Microsoft Asp.Net mobile control − Framework: Microsoft.Net Framework Version 2.0 − Database: Microsoft SQL Server 2005 Mobile Platform – Process: − Our mobile platform has two parts: CMS and Front End − CMS: There are two ways of uploading the articles and images, and one for uploading advertising: Manually – This requires Qmags to extract the content from the magazine PDF page files and upload it into the CMS created to update the articles. XML feed - The client can provide an XML feed from their system and we can configure our CMS to accept the feed and store the content in the relevant fields. − Advertising - CMS also has a section to upload the advertisements. The admin can upload the ads that are specific to the homepage, articles, etc.

If you have any further questions and/or would like to request a demo of the NEW MOBILE edition….. Please contact: Scott Johnson Vice President, Business Development Work: (212) ext 11 Mobile: (201)