Slide 1
Slide 1 text
The Future
Friendly Campus
Dave Olsen, @dmolsen
West Virginia University
Slide 2
Slide 2 text
introduction about me
Slide 3
Slide 3 text
30,000 ft
From 30,000 ft.
Slide 4
Slide 4 text
Why
The Why
of Future Friendly
Slide 5
Slide 5 text
What
The What
of Future Friendly
Slide 6
Slide 6 text
How
How
The How
of Future Friendly
Slide 7
Slide 7 text
Why
The Why
of Future Friendly
Slide 8
Slide 8 text
History Lesson
A History Lesson
Slide 9
Slide 9 text
Why
The Future
Friendly Campus
In the beginning...
Slide 10
Slide 10 text
We Had Print
Slide 11
Slide 11 text
defined container
Strong Layout Constraints
We Had Print
Slide 12
Slide 12 text
defined container
Strong Layout Constraints
Content & Layout Are
Tightly Coupled
We Had Print
Slide 13
Slide 13 text
defined container
Strong Layout Constraints
Content & Layout Are
Tightly Coupled
Primarily “Talk At”
We Had Print
Slide 14
Slide 14 text
Why
The Future
Friendly Campus
In more recent times...
Slide 15
Slide 15 text
Computers
Slide 16
Slide 16 text
Internet
Slide 17
Slide 17 text
Internet
Flexible Layouts
Slide 18
Slide 18 text
Internet
Flexible Layouts
Content & Layout Can Start
To Be Decoupled
Slide 19
Slide 19 text
Flexible Layouts
Content & Layout Can Start
To Be Decoupled
Has Turned Into “Talk With”
Internet
Slide 20
Slide 20 text
Why
False Sense of Security
Which lead too a...
Slide 21
Slide 21 text
24-7 access, two way
Fixed Access
Slide 22
Slide 22 text
24-7 access, two way
Limited Resolutions
Slide 23
Slide 23 text
24-7 access, two way
Content Silos
Slide 24
Slide 24 text
Why
The Future
Friendly Campus
The present day...
Slide 25
Slide 25 text
24-7 access, two way
Mobile
Slide 26
Slide 26 text
Highly Constrained Layouts
Mobile
Slide 27
Slide 27 text
Highly Constrained Layouts
Rapidly Evolving Ecosystem
Mobile
Slide 28
Slide 28 text
Highly Constrained Layouts
Rapidly Evolving Ecosystem
Allows True “Anywhere,
Anytime” Access
Mobile
Slide 29
Slide 29 text
Yes, Anywhere
75% of men admit to using their
mobile on the toilet.
Source: http://www.11mark.com/IT-in-the-Toilet
Slide 30
Slide 30 text
And Anytime
83% of young people sleep next
to their phones.
Source:http://www.prdaily.com/Main/Articles/Infographic_83_percent_of_young_people_sleep_next_9391.aspx
Slide 31
Slide 31 text
The Wave is Coming
http://www.macrumors.com/2012/04/03/one-third-of-u-s-high-school-students-now-own-an-iphone/
34% of high school students
report owning an iPhone.
Slide 32
Slide 32 text
The Hyper-Connected
Society
We’re entering...
So what does it mean?
Slide 33
Slide 33 text
24-7 access, two way
Building New Content Silos?
Slide 34
Slide 34 text
24-7 access, two way
Learning New Skills?
Slide 35
Slide 35 text
Trying to Keep Up?
Slide 36
Slide 36 text
Why
The Future
Friendly Campus
The near future...
And then there’s...
Slide 37
Slide 37 text
A Small Taste
Slide 38
Slide 38 text
native apps
standalone
mobile sites
mobile templates
responsive designs
APIs
WVU’s Solutions
Slide 39
Slide 39 text
Our Future?
Slide 40
Slide 40 text
Scary
It’s Scary!
Slide 41
Slide 41 text
It’s Overwhelming!
Slide 42
Slide 42 text
You’ll Want To Hide
Slide 43
Slide 43 text
A Ray of Hope
Slide 44
Slide 44 text
No content
Slide 45
Slide 45 text
What
The What
of Future Friendly
Slide 46
Slide 46 text
who founded it
Slide 47
Slide 47 text
@grigs
@adactio
@brad_frost
@lyzadanger
@scottjehl
@bryanrieger
@stephanierieger @globalmoxie
@lukew
@scottjenson
Twitter Handles
Slide 48
Slide 48 text
futurefriend.ly
Slide 49
Slide 49 text
What
What
The Truths
aka “Our Reality”
Slide 50
Slide 50 text
Text
The Truths
Disruption will only
accelerate.
Slide 51
Slide 51 text
Text
The Truths
Our existing standards,
workflows, & infrastructure
won’t hold up.
Slide 52
Slide 52 text
Text
The Truths
Proprietary solutions will
dominate at first.
Slide 53
Slide 53 text
Text
The Truths
The standards process will be
painfully slow.
Slide 54
Slide 54 text
What
What
There is Hope
Rejoice!
Slide 55
Slide 55 text
Text
A New Hope
Acknowledge & embrace
unpredictability.
Slide 56
Slide 56 text
Text
A New Hope
Think & behave in a
future-friendly way.
Slide 57
Slide 57 text
Text
A New Hope
Help others do the same.
Slide 58
Slide 58 text
“
Future Friendly is more the
outcome of a Constitutional
Convention than it is a practical
set of laws. A “when you do
stuff, do it with this in mind”
mode of thinking.
- Dave Mulder
@muldster
Summing It Up
Slide 59
Slide 59 text
How
How
The How
of Future Friendly
Slide 60
Slide 60 text
Here
There
How Do We Get There?
Slide 61
Slide 61 text
Text
Future Friendly Tenet
Acknowledge & embrace
unpredictability.
#1
Slide 62
Slide 62 text
Don’t Overreact
Slide 63
Slide 63 text
The Shiny
Slide 64
Slide 64 text
technology doesn’t solve all ills (pencil photo)
Tech Isn’t Always Best
Slide 65
Slide 65 text
Be Friendly!
Slide 66
Slide 66 text
Text
Why not?
70% of prospective students
are happy to browse your
current websites on their
mobile device.
Source: https://www.noellevitz.com/papers-research-higher-education/2012/2012-mobile-expectations-report
Slide 67
Slide 67 text
So Breathe & Relax... A Little
Slide 68
Slide 68 text
Text
Future Friendly Tenet
Think & behave in a
future-friendly way.
#2
Slide 69
Slide 69 text
Text
Next Steps
Don’t worry about being known,
worry about being useful.
Slide 70
Slide 70 text
Boo, Politics!
Slide 71
Slide 71 text
The University Home Page
Content Delivery vs. Tangible Utility
Slide 72
Slide 72 text
mobile first
“
Mobile devices require software development
teams to focus on only the most important
data and actions in an application.
Mobile First
- Luke Wroblewski
@lukew
Slide 73
Slide 73 text
The Age of the Sensor
Slide 74
Slide 74 text
Text
Next Steps
Data & content should be
set free.
Slide 75
Slide 75 text
API First
APIs: The Plumbing
Create Once, Publish Everywhere
APIs are the infrastructure for your
Future Friendly initiatives...
Slide 76
Slide 76 text
Update once. Publishes to:
iOS App,
Mobile Website,
Student Portal,
Transportation Website, &
Twitter
PRT API Example
Slide 77
Slide 77 text
API highway slide
Recombinable Content
Slide 78
Slide 78 text
Text
Afternoon Talk
Creating APIs for Mobile
- Nick DeNardis
@nickdenardis
Slide 79
Slide 79 text
Text
Next Steps
Structure & store data with the
future in mind.
Slide 80
Slide 80 text
structured & self-aware content
Structured & Self-Aware Content
Slide 81
Slide 81 text
Text
Next Steps
Give your existing content a
chance to adapt to the future.
Slide 82
Slide 82 text
responsive web design...
Slide 83
Slide 83 text
discovery + communication plan
Discovery
Slide 84
Slide 84 text
No content
Slide 85
Slide 85 text
stat about browser usage
“Not every mobile device will have
your app on it but every mobile
device will have a browser.
- Jason Grigsby
@grigs
Discovery
Slide 86
Slide 86 text
77% of smartphone users use search.
Most visited type of website.
from Google’s “The Mobile Movement” report, April 2011
Slide 87
Slide 87 text
Existing Indexed Content
Slide 88
Slide 88 text
stat about browser usage
“Links don’t open apps.
- Jason Grigsby
@grigs
Discovery
Slide 89
Slide 89 text
55% of users with an internet-enabled
phone use it to check personal email.
from Merkle’s “View from the Digital Inbox” report, January 2011
Slide 90
Slide 90 text
Getting
social?
Social Media
Slide 91
Slide 91 text
Print Pieces
Slide 92
Slide 92 text
Got the Skills to Pay the Bills
Slide 93
Slide 93 text
links
+ skills
+ search
responsive web
design first
Summing It Up
Slide 94
Slide 94 text
Evolution of RWD
RESS
Responsive Web Design + Server Side Components
Slide 95
Slide 95 text
ress.dmolsen.com
Slide 96
Slide 96 text
Text
Future Friendly Tenet
Help others do the same.
#3
Slide 97
Slide 97 text
It’s a Starting Point
Slide 98
Slide 98 text
Resources
Resources
Slide 99
Slide 99 text
futurefriend.ly
Slide 100
Slide 100 text
Twitter & Stuff
mobilewebbestpractices.com
Slide 101
Slide 101 text
twitter.com/dmolsen/ffly
Slide 102
Slide 102 text
dmolsen.com
Slide 103
Slide 103 text
Many thanks to Mr. Robertson
for the snazzy device &
progressive strategy graphics.
Slide 104
Slide 104 text
Thanks,
Star Trek by jdhancock
Student Recording Video by U. of Denver
Silo by dawn_perry
Road to Ribblesdale by Luc B
Cat by pagedooley
Toilet by beatkueng
Highway Lights by Spreng Ben
Ray by shutterrunner
Bed by chaparral
Wave by mikebaird
Flickr by dsevilla
Clouds by Francisco Martins
Monitor by benadamson
Google by manfrys
Cyber Cafe by larskflem
Lego Discovery by dunechaser
Computer by x-ray_delta_one
History Lesson by kalexanderson
Beach by nattu
Overwhelmed by pagedooley Jewels by pinksherbet
Scary by jon_ovington
Overreach by kwl
Capitol by wbeem
Pencil by ??? Dog by hippolytephotography
Sensor by juanpg RWD by chasingdaisy
Communicate by pagedooley Hamster by zebrapares
FF Group by lyzadanger
Tattoo by tantek
Slide 105
Slide 105 text
The End