Mark Ramberg - Akamai Technologies - High quality experiences for tomorrow’s audiences
Key technologies for building great reading experiences
-
Upload
bradley-manning -
Category
Documents
-
view
31 -
download
0
description
Transcript of Key technologies for building great reading experiences
![Page 1: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/1.jpg)
Key technologies for building great reading experiencesKathy KamSenior Program Manager@kathykamSession 3-118
![Page 2: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/2.jpg)
Downloading content for offline consumptionLayout technologies for adaptive reading experiencesNavigation techniques for keeping readers engaged
Agenda
![Page 3: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/3.jpg)
“At quarter end, total paid digital subscriptions across the Company were approximately 532,000, up 13 percent from
472,000 as of March 18, 2012”
July 26 2012
![Page 4: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/4.jpg)
Experience
![Page 5: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/5.jpg)
• Acquire your data
• Display the
content䷁
• Navigate between content
Building a great reading experience
![Page 6: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/6.jpg)
Download
![Page 7: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/7.jpg)
Demo: Content downloader in HTML
![Page 8: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/8.jpg)
Downloading the data• Use BackgroundDownloader to manage the
transfer of content any larger than 1 MB• Manage the download queue to accommodate
the user’s priorities• Ensure your large downloads are left in a state
where they can be transferred even when your app is suspended
![Page 9: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/9.jpg)
Loading the dataLoading HTML from appdata local storage• Ensure that references resolve – fix URLs for images, video,
audio, fonts• Bring referenced content inline into main document• Be safe – use web context if you aren’t in complete control of
markup
Loading XAML from appdata local storage• Server-side conversion into loadable XAML• Client-side conversion and processing into visual elements
![Page 10: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/10.jpg)
Layout ䷁
![Page 11: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/11.jpg)
HTML text layout tools
Multi-columnHyphenationExclusionRegion
䷁
![Page 12: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/12.jpg)
XAML text layout tools
RichTextBlockRichTextBlockOverflowInlineUIContainer
䷁
![Page 13: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/13.jpg)
Navigation
![Page 14: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/14.jpg)
Navigation
![Page 15: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/15.jpg)
Demo: Navigation
![Page 16: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/16.jpg)
• Acquire your data
• Display the
content䷁
• Navigate between content
Recap
![Page 17: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/17.jpg)
• Develop: http://msdn.microsoft.com/en-US/windows/apps/br229512
• Design: http://design.windows.com/
• Samples: http://code.msdn.microsoft.com/windowsapps/Windows-8-Modern-Style-App-Samples
• Videos: http://channel9.msdn.com/Windows
Resources
Please submit session evals by using the Build Windows 8 appor at http://aka.ms/BuildSessions
![Page 19: Key technologies for building great reading experiences](https://reader036.fdocuments.us/reader036/viewer/2022062407/56812cf9550346895d91c857/html5/thumbnails/19.jpg)
© 2012 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.