SlideShare a Scribd company logo
What’s Up,
EDoc?!
Who Am I?
Neil Perlin - Hyper/Word Services.
– Internationally recognized content consultant.
– Help clients create effective, efficient, flexible
content in anything from hard-copy to mobile.
– STC’s lead W3C rep – ’02 – ‘05.
– Certified – Flare, Mimic, RoboHelp, Viziapps
Studio.
Some Specific
Predictions –
On the Broad
Side
Mobile
From here…
To here…
Mobile
If the definition is always changing, what is
“mobile”?
Effectively “the un-desktop”.
How to create content for all these things?
– HTML5, responsive design, other technologies
and methodologies.
HTML5
HTML 5 – More power than HTML 4.01,
less rigid than XML.
– Strategic effect – better enables web crawlers.
– Mobile driver – basis for “hybrid” mobile apps.
– Supports responsive design.
Responsive Design
Device-agnosticism, or…
“…use of media queries, fluid grids, and
scalable images to create sites that
display… well… at multiple resolutions.”
– Implementing Responsive Design, Tim Kadlec
New Riders, 2013
Emerging support in popular HATs.
– Examples from RoboHelp 11 and Flare 10…
Responsive Design
Note the design changes as the display size
shrinks – RoboHelp.
Responsive Design
And again here – Flare.
Content Strategy
Can’t just wing it in this environment,
Calls for a “content strategy.”
Which is what?
– Depends on your company, might involve doc
cost-justification, strategic role for doc team,
standards, content creation, tools, training, etc.
Plus two new writing approaches – topic-
based authoring and structured authoring.
Topic-Based Authoring
 Authoring content in chunks – “topics” –
rather than documents or books.
– A topic is as focused and self-contained as
possible a discussion about one subject.
 Not new.
– Dates back to ‘91 with first HATs.
– Actually dates back to ‘65 and InfoMapping.
Structured Authoring
 Authoring with structure.
– Just means content has structure – no precon-
ceptions about what it is or how it’s applied.
 So what is “structure”?
– Standard and consistent sectional, syntactical,
and stylistic rules.
– What technical communicators have always
created, albeit usually manually…
What Do I Get Out of This?
Pros:
– Flexibility – Granular content easier to target.
– Multi-author capable projects.
– Content re-use.
– Single author = writing consistency, ownership.
– CMS integratability – Self-explanatory.
Cons:
– New way of authoring – lack of continuity.
– Excess granularity can = too many topics.
Analytics
Need some way to track usage, rather than
just releasing our material into the void.
We’ve had analytics for years but seldom
used it.
– 3rd party – Google Analytics.
– Vendor-specific – RoboHelp Plus, MadCap
Pulse.
See April issue of Intercom for more.
The Cloud
Short definition of “the cloud”
» http://www.google.com/imgres?imgurl=&imgrefurl=http%3A%2F%2Fwww.f
ree-power-point-templates.com%2Farticles%2Fbest-cloud-computing-
powerpoint-templates
The Cloud
What to expect:
– Output to the cloud – changes distribution.
»ViziApps Flare project.
»Snapguide (www.snapguide.com).
– Cloud-based tools – access on any device with
a browser and internet connection – unhooks us
from the office.
»Google Drive, Office 365, ViziApps Studio.
Social Media
Twitter, Facebook, LinkedIn, Google+,
Pinterest(!)… – like it or not, use them.
If you don’t:
– You’ll miss emerging uses in areas like tech
support and customer support.
– You can’t stop it – try and it’ll happen anyway
and you’ll be left behind…
– …and get a reputation for being out of touch.
Some Specific
Predictions –
On the Focused
Side
DOCTYPE Declaration
In Flare.
– Adds a DOCTYPE statement to topic files to
render in “strict” or “standards” mode.
– No DOCTYPE – topics render in “quirks”
mode.
DOCTYPE Declaration
Strategic decision…
– “Strict” tells browser to use new, strict rules for
displaying HTML files.
– “Quirks” tells browser to use older, loose rules.
– How to decide?
» Do your topics use display features like floats that
don’t display correctly in normal mode? Use strict
mode – e.g. enable DOCTYPE.
» Not having these problems? Use quirks mode – e.g.
ignore DOCTYPE – maybe...
DOCTYPE Declaration
What’s the effect?
– “Quirks” lets modern browsers violate current
syntax rules to run older HTML files correctly
but may cause trouble going forward.
– “Strict” enforces modern syntax rules.
» Which may break the display of older HTML files.
– Effects vary depending on browser, version.
– Talk to your programmers.
– See http://hsivonen.iki.fi/doctype/.
Relative Units of Measure
We’re used to point-based sizes – 72pt = 1”
– from print – familiar and simple.
Problems With Points
Points being fixed, are fine in print but have
two problems in online outputs:
– Can’t be resized by a browser user.
»Selecting View > Text Size in IE has no
effect.
– Can’t be resized automatically by a browser.
Relative Size Units
– % – Based on default size of normal on a given
browser – 100%.
»H1 of 150% is 50% larger than normal for
any browser.
– em – Based on currently-used font size.
»If body is set to 16px, then 1.5 em = 24px.
– rem (root em) – Based on font size for html{}
tag. Not yet widely supported, esp. in HATs.
– ex – Poorly supported – don’t use.
Why Relative Sizes?
Image at absolute width
in a too-narrow space.
– Note horizontal scroll bar.
At relative width in same space.
– No horizontal scroll bar; 50%
width makes browser show
the image at 50% of available
space – e.g. “relative”.
– Each browser handles the
formatting for you.
Float
A CSS property that controls the positioning
of other elements in an HTML page.
Replaces (or eventually will replace) use of
tables as layout design elements.
Augmented Reality
Keeps “real” reality and adds info to it.
– Most commonly by augmenting a smartphone
screen showing what’s in front of you.
»Versus the new reality of “virtual reality”.
– The augment can be related to what’s displayed
or just overlaid.
– For example…
Augmented Reality Examples
 Fun but silly example, with the AR unrelated to
the display – Wikitude’s Swat the Fly.
 Starbuck’s Cup Magic from
Valentine’s Day, 2012.
Augmented Reality Examples
 Using the accelerometers
to determine phone’s
orientation and direction
and NASA terrain data to
determine and label the
skyline from any point
in any direction – Phil
Endecott’s Panoramascope:
Augmented Reality.
Wearables
Eliminate the annoyance of having to haul
your iPhone out of your pocket.
Sounds silly, but consider convenience and
new possibilities.
Wearables
Google Glass is the best
known example.
But there’s also:
– Other glasses.
– NFC ring.
– Samsung Galaxy
Gear watch.
And On the Far Out End…
“Internet of things” – linked sensors and
actuators in physical objects.
Dynamically reconfigurable output.
– See Author-it DAP (Dynamic Assistance
Platform).
Dynamically modeled OLH – Metadata-
wrapped, self-assembling content chunks.
Some Overall
Trends
Technical
Move from…
– Proprietary to open code formats, like RTF to
XHTML, HTML5.
– Proprietary, local to open, web outputs, like
HTML Help to WebHelp, HTML5.
– PC to web, multi-access environments, like the
cloud.
– Documents to repurposable content chunks.
– Simple to complex technical ecosystems, like
CSS3 and media queries.
Management of Content
We should see:
– Need for more rigorous topic-based content
created using templates, CSS, etc.
– Less text.
– Need for strategic and cost-justification.
– Need for standards to
future-proof our material
to avoid this.
How to Deal
With All This
Some Crucial Questions
Which technologies will take off?
Which will your company use? You?
Who knows?
– Remember Blackbird, the CueCat, server push,
mCommerce?
So what do we do?
Be independent – act on our own rather than
waiting for your company to act for you.
What To Do
Stay current technically.
Stay current on general business and trends.
– To understand events – profitability vs. market
share and re-birth of RoboHelp, Apple vs.
Adobe re Flash, Adobe’s HTML5 conundrum.
– Business issues can kill a technology.
Stay current on your company’s business.
– Show tech comm’s support of corp. strategy.
What To Do
Develop, promulgate, and enforce standards
to “future-proof” your work.
– Such as relative sizes in CSSs.
Develop and maintain metrics.
– For cost-justification a CFO will accept.
Get trained on your tools and technologies.
– A course does the flailing for you.
What To Do
Review your tools re environmental change.
– Like FrameMaker in an age of “topics”.
Accept rise of “content”, social media.
Don’t denigrate tools in favor of writing.
– Tools enable content delivery, without which
content is pointless.
Embrace and help shape change…
Hyper/Word Services Offers…
Training • Consulting • Development
Flare • Flare CSS • Flare Single Sourcing
RoboHelp • RoboHelp CSS • RoboHelp
HTML5
ViziApps
Single sourcing • Structured authoring
Thank you... Questions?
978-657-5464
nperlin@nperlin.cnc.net
www.hyperword.com
Twitter: NeilEric

More Related Content

PDF
Evolution of a Knowledge Broker
PPTX
Rocky Mountain STC: Minimalism
PDF
Overcoming Design Challenges in HAT-Based Multichannel Publishing
PPTX
Put Your Content on Mobile Devices Using Responsive HTML5 (STC New england IN...
PDF
Introduction to DITA
PDF
2014 Technical Communication Conference Program
PPTX
Fetc 2015 educational video game design
PPT
Blogging Out Loud - STC-PMC 2014 presentation by Danielle M. Villegas
Evolution of a Knowledge Broker
Rocky Mountain STC: Minimalism
Overcoming Design Challenges in HAT-Based Multichannel Publishing
Put Your Content on Mobile Devices Using Responsive HTML5 (STC New england IN...
Introduction to DITA
2014 Technical Communication Conference Program
Fetc 2015 educational video game design
Blogging Out Loud - STC-PMC 2014 presentation by Danielle M. Villegas

What's hot (20)

PDF
2012 STC-PMC Conference Brochure
PPTX
LavaCon 2013 Keynote: The Common Wisdom
PDF
Greythorn Whiteboard Interview Guide
PPTX
Zen and the art of talent acquisition technology
PDF
Uxpin Why Build a Design System
PPT
Rich User Experience Documentation - Update
PDF
Content Strategy For Digital Marketers
PPTX
Open Web Technologies and You - Durham College Student Integration Presentation
PDF
UX HACKS. Better Experiences. Faster. Leaner. Smarter.
PDF
Achieve Intranet Success by Avoiding These Common Mistakes
 
PPSX
Proposals - What to Say, How to Say It, and How Much to Charge
PPTX
UX-led Content Strategy (UXPA webinar)
PDF
UXPA2019 Forging Alliances with Project Management: A PM’s View of UX
PDF
Handouts for Why UX Design Needs Content Strategy
PPTX
Collaboration from the Trenches : Building your Internal Communities with Mic...
PDF
UX Design breakdown and Q&A session @ #createTogether
PPTX
The future of the modern workplace and Office 365
PDF
Communication with Flexible Documentation : Jon Hadden
PDF
Sell yourselves better: What a UX employer looks for
PPT
Web Project Management Todcon2008
2012 STC-PMC Conference Brochure
LavaCon 2013 Keynote: The Common Wisdom
Greythorn Whiteboard Interview Guide
Zen and the art of talent acquisition technology
Uxpin Why Build a Design System
Rich User Experience Documentation - Update
Content Strategy For Digital Marketers
Open Web Technologies and You - Durham College Student Integration Presentation
UX HACKS. Better Experiences. Faster. Leaner. Smarter.
Achieve Intranet Success by Avoiding These Common Mistakes
 
Proposals - What to Say, How to Say It, and How Much to Charge
UX-led Content Strategy (UXPA webinar)
UXPA2019 Forging Alliances with Project Management: A PM’s View of UX
Handouts for Why UX Design Needs Content Strategy
Collaboration from the Trenches : Building your Internal Communities with Mic...
UX Design breakdown and Q&A session @ #createTogether
The future of the modern workplace and Office 365
Communication with Flexible Documentation : Jon Hadden
Sell yourselves better: What a UX employer looks for
Web Project Management Todcon2008
Ad

Viewers also liked (20)

PPS
Presentation obshta
PPTX
Today's Learning and Technology – How Technology is changing the way people t...
PPT
Utaribalitrip
PDF
Android project training in Noiida
PDF
зураг
PDF
Writing proposals
DOC
PERSONAL NETWORK CJDW NETWORK Okt 2009
PDF
STC PMC Newsletter 2011-10
PDF
2013 Melbourne Software Freedom Day talk - FOSS in Public Decision Making
PDF
Рынок Интернет-ТВ и видео в мире и России: штрихи к портрету. Толмачева Татья...
PDF
2011 freed
PDF
Currency book
PPT
All about me version 45 final
PDF
Power aware compilation demo
PDF
From Subscription to Membership: What Publishers Need to Know
PPT
A empresa e a nosa lingua
PPS
全中國最美的女孩
PPT
Finance Final Power Point
PDF
Ashleys Portfolio
PDF
9. bbk tri kita
Presentation obshta
Today's Learning and Technology – How Technology is changing the way people t...
Utaribalitrip
Android project training in Noiida
зураг
Writing proposals
PERSONAL NETWORK CJDW NETWORK Okt 2009
STC PMC Newsletter 2011-10
2013 Melbourne Software Freedom Day talk - FOSS in Public Decision Making
Рынок Интернет-ТВ и видео в мире и России: штрихи к портрету. Толмачева Татья...
2011 freed
Currency book
All about me version 45 final
Power aware compilation demo
From Subscription to Membership: What Publishers Need to Know
A empresa e a nosa lingua
全中國最美的女孩
Finance Final Power Point
Ashleys Portfolio
9. bbk tri kita
Ad

Similar to What’s Up, EDoc?! (20)

PPTX
Stc 2015 preparing legacy projects for responsive design - technical issues
PDF
Is everything we used to do wrong?
PPT
Single sourcing to the max
PPTX
Developing for the unknown lavacon
PPTX
Developing for the unknown lavacon
PPT
Mobile Monday Presentation: Responsive Web Design
PPTX
Stc 2015 preparing legacy projects for responsive design - design issues
PPTX
Spectrum 16 pmc 16 - mobile and tech comm
PDF
Agile mobile first
PPT
Designing Powerful Web Applications Using AJAX and Other RIAs
PPTX
Lavacon 2014 responsive design in your hat
PDF
Web Pages Visual Similarity - Search Central Live Zurich 2024
PPT
Integrating hat content into mobile app lavacon
PDF
How to Project-Manage and Implement a Responsive Website
PDF
Catalina Oyaneder | Ultimate Stack Compilation | Codemotion Madrid 2018
PPTX
Creating Mobile Aps without Coding
PPT
Topic based and structured authoring - slides
PPT
Topic based and structured authoring - slides
PDF
Html 5 mobile - nitty gritty
PDF
Bruce Lawson Opera Indonesia
Stc 2015 preparing legacy projects for responsive design - technical issues
Is everything we used to do wrong?
Single sourcing to the max
Developing for the unknown lavacon
Developing for the unknown lavacon
Mobile Monday Presentation: Responsive Web Design
Stc 2015 preparing legacy projects for responsive design - design issues
Spectrum 16 pmc 16 - mobile and tech comm
Agile mobile first
Designing Powerful Web Applications Using AJAX and Other RIAs
Lavacon 2014 responsive design in your hat
Web Pages Visual Similarity - Search Central Live Zurich 2024
Integrating hat content into mobile app lavacon
How to Project-Manage and Implement a Responsive Website
Catalina Oyaneder | Ultimate Stack Compilation | Codemotion Madrid 2018
Creating Mobile Aps without Coding
Topic based and structured authoring - slides
Topic based and structured authoring - slides
Html 5 mobile - nitty gritty
Bruce Lawson Opera Indonesia

More from STC-Philadelphia Metro Chapter (20)

PDF
From Multimedia to Social Media to Augmented and Virtual Reality April 2019
PPTX
March 2018 STC-PMC Webinar: Millennial Documentation (Presented by Pooja Vija...
PDF
Networking for Geeks (by Brian Winter)
PDF
The Cost of Doing Nothing (By Suzanne Mescan of Vasont)
PDF
Markup For Dummies (Russ Ward)
PPTX
Why is My Team Failing? (By Christine Loch)
PDF
7 Lessons from the Future of Content (By David Dylan Thomas)
PDF
Content Marketing Resource List
PPTX
Managing the MarComm/TechComm Showdown
PPTX
Effectively Telling Your Story through Content Marketing
PPTX
Defining New Roles for Information Engineering in the Customer Content Journey
PPTX
We’re Going Mobile! Great! Wait… What Does That Mean?
PDF
GitHub Workflows for Technical Communication
PDF
STC-PMC November 2016 Presentation - Mobile First Content
PPT
STC-PMC October 2016 Presentation-That's What You Think!
PDF
2016 Conduit Program
PPTX
Video Tools in Tech Writing
PDF
UX and Cognitive Load
PPTX
Public Speaking Skills: A Project Manager’s Best Friend
PPTX
Just Think About This - 9 Thinking Modalities to Consider
From Multimedia to Social Media to Augmented and Virtual Reality April 2019
March 2018 STC-PMC Webinar: Millennial Documentation (Presented by Pooja Vija...
Networking for Geeks (by Brian Winter)
The Cost of Doing Nothing (By Suzanne Mescan of Vasont)
Markup For Dummies (Russ Ward)
Why is My Team Failing? (By Christine Loch)
7 Lessons from the Future of Content (By David Dylan Thomas)
Content Marketing Resource List
Managing the MarComm/TechComm Showdown
Effectively Telling Your Story through Content Marketing
Defining New Roles for Information Engineering in the Customer Content Journey
We’re Going Mobile! Great! Wait… What Does That Mean?
GitHub Workflows for Technical Communication
STC-PMC November 2016 Presentation - Mobile First Content
STC-PMC October 2016 Presentation-That's What You Think!
2016 Conduit Program
Video Tools in Tech Writing
UX and Cognitive Load
Public Speaking Skills: A Project Manager’s Best Friend
Just Think About This - 9 Thinking Modalities to Consider

Recently uploaded (20)

PDF
RMMM.pdf make it easy to upload and study
PDF
Updated Idioms and Phrasal Verbs in English subject
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
Trump Administration's workforce development strategy
PDF
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
PDF
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
PPTX
Final Presentation General Medicine 03-08-2024.pptx
PDF
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
PDF
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
PDF
Complications of Minimal Access Surgery at WLH
PDF
LDMMIA Reiki Yoga Finals Review Spring Summer
PDF
Module 4: Burden of Disease Tutorial Slides S2 2025
PPTX
History, Philosophy and sociology of education (1).pptx
PDF
A systematic review of self-coping strategies used by university students to ...
PDF
Chinmaya Tiranga quiz Grand Finale.pdf
PDF
LNK 2025 (2).pdf MWEHEHEHEHEHEHEHEHEHEHE
PDF
Microbial disease of the cardiovascular and lymphatic systems
PDF
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
PDF
Anesthesia in Laparoscopic Surgery in India
PDF
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student
RMMM.pdf make it easy to upload and study
Updated Idioms and Phrasal Verbs in English subject
Final Presentation General Medicine 03-08-2024.pptx
Trump Administration's workforce development strategy
The Lost Whites of Pakistan by Jahanzaib Mughal.pdf
RTP_AR_KS1_Tutor's Guide_English [FOR REPRODUCTION].pdf
Final Presentation General Medicine 03-08-2024.pptx
A GUIDE TO GENETICS FOR UNDERGRADUATE MEDICAL STUDENTS
Chapter 2 Heredity, Prenatal Development, and Birth.pdf
Complications of Minimal Access Surgery at WLH
LDMMIA Reiki Yoga Finals Review Spring Summer
Module 4: Burden of Disease Tutorial Slides S2 2025
History, Philosophy and sociology of education (1).pptx
A systematic review of self-coping strategies used by university students to ...
Chinmaya Tiranga quiz Grand Finale.pdf
LNK 2025 (2).pdf MWEHEHEHEHEHEHEHEHEHEHE
Microbial disease of the cardiovascular and lymphatic systems
ChatGPT for Dummies - Pam Baker Ccesa007.pdf
Anesthesia in Laparoscopic Surgery in India
grade 11-chemistry_fetena_net_5883.pdf teacher guide for all student

What’s Up, EDoc?!

  • 2. Who Am I? Neil Perlin - Hyper/Word Services. – Internationally recognized content consultant. – Help clients create effective, efficient, flexible content in anything from hard-copy to mobile. – STC’s lead W3C rep – ’02 – ‘05. – Certified – Flare, Mimic, RoboHelp, Viziapps Studio.
  • 5. Mobile If the definition is always changing, what is “mobile”? Effectively “the un-desktop”. How to create content for all these things? – HTML5, responsive design, other technologies and methodologies.
  • 6. HTML5 HTML 5 – More power than HTML 4.01, less rigid than XML. – Strategic effect – better enables web crawlers. – Mobile driver – basis for “hybrid” mobile apps. – Supports responsive design.
  • 7. Responsive Design Device-agnosticism, or… “…use of media queries, fluid grids, and scalable images to create sites that display… well… at multiple resolutions.” – Implementing Responsive Design, Tim Kadlec New Riders, 2013 Emerging support in popular HATs. – Examples from RoboHelp 11 and Flare 10…
  • 8. Responsive Design Note the design changes as the display size shrinks – RoboHelp.
  • 10. Content Strategy Can’t just wing it in this environment, Calls for a “content strategy.” Which is what? – Depends on your company, might involve doc cost-justification, strategic role for doc team, standards, content creation, tools, training, etc. Plus two new writing approaches – topic- based authoring and structured authoring.
  • 11. Topic-Based Authoring  Authoring content in chunks – “topics” – rather than documents or books. – A topic is as focused and self-contained as possible a discussion about one subject.  Not new. – Dates back to ‘91 with first HATs. – Actually dates back to ‘65 and InfoMapping.
  • 12. Structured Authoring  Authoring with structure. – Just means content has structure – no precon- ceptions about what it is or how it’s applied.  So what is “structure”? – Standard and consistent sectional, syntactical, and stylistic rules. – What technical communicators have always created, albeit usually manually…
  • 13. What Do I Get Out of This? Pros: – Flexibility – Granular content easier to target. – Multi-author capable projects. – Content re-use. – Single author = writing consistency, ownership. – CMS integratability – Self-explanatory. Cons: – New way of authoring – lack of continuity. – Excess granularity can = too many topics.
  • 14. Analytics Need some way to track usage, rather than just releasing our material into the void. We’ve had analytics for years but seldom used it. – 3rd party – Google Analytics. – Vendor-specific – RoboHelp Plus, MadCap Pulse. See April issue of Intercom for more.
  • 15. The Cloud Short definition of “the cloud” » http://www.google.com/imgres?imgurl=&imgrefurl=http%3A%2F%2Fwww.f ree-power-point-templates.com%2Farticles%2Fbest-cloud-computing- powerpoint-templates
  • 16. The Cloud What to expect: – Output to the cloud – changes distribution. »ViziApps Flare project. »Snapguide (www.snapguide.com). – Cloud-based tools – access on any device with a browser and internet connection – unhooks us from the office. »Google Drive, Office 365, ViziApps Studio.
  • 17. Social Media Twitter, Facebook, LinkedIn, Google+, Pinterest(!)… – like it or not, use them. If you don’t: – You’ll miss emerging uses in areas like tech support and customer support. – You can’t stop it – try and it’ll happen anyway and you’ll be left behind… – …and get a reputation for being out of touch.
  • 19. DOCTYPE Declaration In Flare. – Adds a DOCTYPE statement to topic files to render in “strict” or “standards” mode. – No DOCTYPE – topics render in “quirks” mode.
  • 20. DOCTYPE Declaration Strategic decision… – “Strict” tells browser to use new, strict rules for displaying HTML files. – “Quirks” tells browser to use older, loose rules. – How to decide? » Do your topics use display features like floats that don’t display correctly in normal mode? Use strict mode – e.g. enable DOCTYPE. » Not having these problems? Use quirks mode – e.g. ignore DOCTYPE – maybe...
  • 21. DOCTYPE Declaration What’s the effect? – “Quirks” lets modern browsers violate current syntax rules to run older HTML files correctly but may cause trouble going forward. – “Strict” enforces modern syntax rules. » Which may break the display of older HTML files. – Effects vary depending on browser, version. – Talk to your programmers. – See http://hsivonen.iki.fi/doctype/.
  • 22. Relative Units of Measure We’re used to point-based sizes – 72pt = 1” – from print – familiar and simple.
  • 23. Problems With Points Points being fixed, are fine in print but have two problems in online outputs: – Can’t be resized by a browser user. »Selecting View > Text Size in IE has no effect. – Can’t be resized automatically by a browser.
  • 24. Relative Size Units – % – Based on default size of normal on a given browser – 100%. »H1 of 150% is 50% larger than normal for any browser. – em – Based on currently-used font size. »If body is set to 16px, then 1.5 em = 24px. – rem (root em) – Based on font size for html{} tag. Not yet widely supported, esp. in HATs. – ex – Poorly supported – don’t use.
  • 25. Why Relative Sizes? Image at absolute width in a too-narrow space. – Note horizontal scroll bar. At relative width in same space. – No horizontal scroll bar; 50% width makes browser show the image at 50% of available space – e.g. “relative”. – Each browser handles the formatting for you.
  • 26. Float A CSS property that controls the positioning of other elements in an HTML page. Replaces (or eventually will replace) use of tables as layout design elements.
  • 27. Augmented Reality Keeps “real” reality and adds info to it. – Most commonly by augmenting a smartphone screen showing what’s in front of you. »Versus the new reality of “virtual reality”. – The augment can be related to what’s displayed or just overlaid. – For example…
  • 28. Augmented Reality Examples  Fun but silly example, with the AR unrelated to the display – Wikitude’s Swat the Fly.  Starbuck’s Cup Magic from Valentine’s Day, 2012.
  • 29. Augmented Reality Examples  Using the accelerometers to determine phone’s orientation and direction and NASA terrain data to determine and label the skyline from any point in any direction – Phil Endecott’s Panoramascope: Augmented Reality.
  • 30. Wearables Eliminate the annoyance of having to haul your iPhone out of your pocket. Sounds silly, but consider convenience and new possibilities.
  • 31. Wearables Google Glass is the best known example. But there’s also: – Other glasses. – NFC ring. – Samsung Galaxy Gear watch.
  • 32. And On the Far Out End… “Internet of things” – linked sensors and actuators in physical objects. Dynamically reconfigurable output. – See Author-it DAP (Dynamic Assistance Platform). Dynamically modeled OLH – Metadata- wrapped, self-assembling content chunks.
  • 34. Technical Move from… – Proprietary to open code formats, like RTF to XHTML, HTML5. – Proprietary, local to open, web outputs, like HTML Help to WebHelp, HTML5. – PC to web, multi-access environments, like the cloud. – Documents to repurposable content chunks. – Simple to complex technical ecosystems, like CSS3 and media queries.
  • 35. Management of Content We should see: – Need for more rigorous topic-based content created using templates, CSS, etc. – Less text. – Need for strategic and cost-justification. – Need for standards to future-proof our material to avoid this.
  • 36. How to Deal With All This
  • 37. Some Crucial Questions Which technologies will take off? Which will your company use? You? Who knows? – Remember Blackbird, the CueCat, server push, mCommerce? So what do we do? Be independent – act on our own rather than waiting for your company to act for you.
  • 38. What To Do Stay current technically. Stay current on general business and trends. – To understand events – profitability vs. market share and re-birth of RoboHelp, Apple vs. Adobe re Flash, Adobe’s HTML5 conundrum. – Business issues can kill a technology. Stay current on your company’s business. – Show tech comm’s support of corp. strategy.
  • 39. What To Do Develop, promulgate, and enforce standards to “future-proof” your work. – Such as relative sizes in CSSs. Develop and maintain metrics. – For cost-justification a CFO will accept. Get trained on your tools and technologies. – A course does the flailing for you.
  • 40. What To Do Review your tools re environmental change. – Like FrameMaker in an age of “topics”. Accept rise of “content”, social media. Don’t denigrate tools in favor of writing. – Tools enable content delivery, without which content is pointless. Embrace and help shape change…
  • 41. Hyper/Word Services Offers… Training • Consulting • Development Flare • Flare CSS • Flare Single Sourcing RoboHelp • RoboHelp CSS • RoboHelp HTML5 ViziApps Single sourcing • Structured authoring