Upgrade to Pro — share decks privately, control downloads, hide ads and more …

The Future Friendly Campus

The Future Friendly Campus

Social media and mobile devices have combined to help create the always-with-us, always-on, always-connected campus. Not just student-to-student but, importantly, institution/faculty/staff-to-student as well as staff-to-staff. We need to look beyond the silo-ed, one-way web sites of the past towards more personal, two-way applications that take advantage of this sea change on campus. The ways in which our users will want to interact with us, the types of tasks they’ll want to complete, and the types of devices we’ll want to deliver to will just continue to proliferate.

Now is the time to reevaluate.

Using lessons learned at a large land-grant institution we’ll look at what the future friendly campus might look like, ways to plant the seed of that change and tips on how to accomplish it.

Dave Olsen

April 11, 2012
Tweet

More Decks by Dave Olsen

Other Decks in Technology

Transcript

  1. The Future
    Friendly Campus
    Dave Olsen, @dmolsen
    West Virginia University

    View Slide

  2. introduction about me

    View Slide

  3. 30,000 ft
    From 30,000 ft.

    View Slide

  4. Why
    The Why
    of Future Friendly

    View Slide

  5. What
    The What
    of Future Friendly

    View Slide

  6. How
    How
    The How
    of Future Friendly

    View Slide

  7. Why
    The Why
    of Future Friendly

    View Slide

  8. History Lesson
    A History Lesson

    View Slide

  9. Why
    The Future
    Friendly Campus
    In the beginning...

    View Slide

  10. We Had Print

    View Slide

  11. defined container
    Strong Layout Constraints
    We Had Print

    View Slide

  12. defined container
    Strong Layout Constraints
    Content & Layout Are
    Tightly Coupled
    We Had Print

    View Slide

  13. defined container
    Strong Layout Constraints
    Content & Layout Are
    Tightly Coupled
    Primarily “Talk At”
    We Had Print

    View Slide

  14. Why
    The Future
    Friendly Campus
    In more recent times...

    View Slide

  15. Computers

    View Slide

  16. Internet

    View Slide

  17. Internet
    Flexible Layouts

    View Slide

  18. Internet
    Flexible Layouts
    Content & Layout Can Start
    To Be Decoupled

    View Slide

  19. Flexible Layouts
    Content & Layout Can Start
    To Be Decoupled
    Has Turned Into “Talk With”
    Internet

    View Slide

  20. Why
    False Sense of Security
    Which lead too a...

    View Slide

  21. 24-7 access, two way
    Fixed Access

    View Slide

  22. 24-7 access, two way
    Limited Resolutions

    View Slide

  23. 24-7 access, two way
    Content Silos

    View Slide

  24. Why
    The Future
    Friendly Campus
    The present day...

    View Slide

  25. 24-7 access, two way
    Mobile

    View Slide

  26. Highly Constrained Layouts
    Mobile

    View Slide

  27. Highly Constrained Layouts
    Rapidly Evolving Ecosystem
    Mobile

    View Slide

  28. Highly Constrained Layouts
    Rapidly Evolving Ecosystem
    Allows True “Anywhere,
    Anytime” Access
    Mobile

    View Slide

  29. Yes, Anywhere
    75% of men admit to using their
    mobile on the toilet.
    Source: http://www.11mark.com/IT-in-the-Toilet

    View Slide

  30. 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

    View Slide

  31. 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.

    View Slide

  32. The Hyper-Connected
    Society
    We’re entering...
    So what does it mean?

    View Slide

  33. 24-7 access, two way
    Building New Content Silos?

    View Slide

  34. 24-7 access, two way
    Learning New Skills?

    View Slide

  35. Trying to Keep Up?

    View Slide

  36. Why
    The Future
    Friendly Campus
    The near future...
    And then there’s...

    View Slide

  37. A Small Taste

    View Slide

  38. native apps
    standalone
    mobile sites
    mobile templates
    responsive designs
    APIs
    WVU’s Solutions

    View Slide

  39. Our Future?

    View Slide

  40. Scary
    It’s Scary!

    View Slide

  41. It’s Overwhelming!

    View Slide

  42. You’ll Want To Hide

    View Slide

  43. A Ray of Hope

    View Slide

  44. View Slide

  45. What
    The What
    of Future Friendly

    View Slide

  46. who founded it

    View Slide

  47. @grigs
    @adactio
    @brad_frost
    @lyzadanger
    @scottjehl
    @bryanrieger
    @stephanierieger @globalmoxie
    @lukew
    @scottjenson
    Twitter Handles

    View Slide

  48. futurefriend.ly

    View Slide

  49. What
    What
    The Truths
    aka “Our Reality”

    View Slide

  50. Text
    The Truths
    Disruption will only
    accelerate.

    View Slide

  51. Text
    The Truths
    Our existing standards,
    workflows, & infrastructure
    won’t hold up.

    View Slide

  52. Text
    The Truths
    Proprietary solutions will
    dominate at first.

    View Slide

  53. Text
    The Truths
    The standards process will be
    painfully slow.

    View Slide

  54. What
    What
    There is Hope
    Rejoice!

    View Slide

  55. Text
    A New Hope
    Acknowledge & embrace
    unpredictability.

    View Slide

  56. Text
    A New Hope
    Think & behave in a
    future-friendly way.

    View Slide

  57. Text
    A New Hope
    Help others do the same.

    View Slide


  58. 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

    View Slide

  59. How
    How
    The How
    of Future Friendly

    View Slide

  60. Here
    There
    How Do We Get There?

    View Slide

  61. Text
    Future Friendly Tenet
    Acknowledge & embrace
    unpredictability.
    #1

    View Slide

  62. Don’t Overreact

    View Slide

  63. The Shiny

    View Slide

  64. technology doesn’t solve all ills (pencil photo)
    Tech Isn’t Always Best

    View Slide

  65. Be Friendly!

    View Slide

  66. 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

    View Slide

  67. So Breathe & Relax... A Little

    View Slide

  68. Text
    Future Friendly Tenet
    Think & behave in a
    future-friendly way.
    #2

    View Slide

  69. Text
    Next Steps
    Don’t worry about being known,
    worry about being useful.

    View Slide

  70. Boo, Politics!

    View Slide

  71. The University Home Page
    Content Delivery vs. Tangible Utility

    View Slide

  72. 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

    View Slide

  73. The Age of the Sensor

    View Slide

  74. Text
    Next Steps
    Data & content should be
    set free.

    View Slide

  75. API First
    APIs: The Plumbing
    Create Once, Publish Everywhere
    APIs are the infrastructure for your
    Future Friendly initiatives...

    View Slide

  76. Update once. Publishes to:
    iOS App,
    Mobile Website,
    Student Portal,
    Transportation Website, &
    Twitter
    PRT API Example

    View Slide

  77. API highway slide
    Recombinable Content

    View Slide

  78. Text
    Afternoon Talk
    Creating APIs for Mobile
    - Nick DeNardis
    @nickdenardis

    View Slide

  79. Text
    Next Steps
    Structure & store data with the
    future in mind.

    View Slide

  80. structured & self-aware content
    Structured & Self-Aware Content

    View Slide

  81. Text
    Next Steps
    Give your existing content a
    chance to adapt to the future.

    View Slide

  82. responsive web design...

    View Slide

  83. discovery + communication plan
    Discovery

    View Slide

  84. View Slide

  85. 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

    View Slide

  86. 77% of smartphone users use search.
    Most visited type of website.
    from Google’s “The Mobile Movement” report, April 2011

    View Slide

  87. Existing Indexed Content

    View Slide

  88. stat about browser usage
    “Links don’t open apps.
    - Jason Grigsby
    @grigs
    Discovery

    View Slide

  89. 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

    View Slide

  90. Getting
    social?
    Social Media

    View Slide

  91. Print Pieces

    View Slide

  92. Got the Skills to Pay the Bills

    View Slide

  93. links
    + skills
    + search
    responsive web
    design first
    Summing It Up

    View Slide

  94. Evolution of RWD
    RESS
    Responsive Web Design + Server Side Components

    View Slide

  95. ress.dmolsen.com

    View Slide

  96. Text
    Future Friendly Tenet
    Help others do the same.
    #3

    View Slide

  97. It’s a Starting Point

    View Slide

  98. Resources
    Resources

    View Slide

  99. futurefriend.ly

    View Slide

  100. Twitter & Stuff
    mobilewebbestpractices.com

    View Slide

  101. twitter.com/dmolsen/ffly

    View Slide

  102. dmolsen.com

    View Slide

  103. Many thanks to Mr. Robertson
    for the snazzy device &
    progressive strategy graphics.

    View Slide

  104. 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

    View Slide

  105. The End

    View Slide