•  
  • IndieWeb

    Your data. Your web.

    IndieWeb Hack Day Nuremberg 2016
    Joschi Kuphal @jkphl · #indieweb
  • IndieIndependentIndividualWeb

  • IndieWeb is ...

    • an active community
    • a mindset
    • a living collection of tools & technologies
  • 90s

    • Simple, but ‘nerdy’
    • Manual work with a text editor
    • Personal domain
    • Basic hosting
  • 90s Under construction sign Fire Construction worker

    90s Under construction sign Welcome to my homepage!!!

    This website is still under construction!!! +++ PLEASE VISIT MY GUESTBOOK +++

    This is me! Congratulations, you are visitor no. 90 website visitor counter.

    It's exactly 17:34:00

    Internet Explorer Download Icon +++ To my guestbook +++

    Internet Explorer Download Icon Coming Soon Netscape Navigator 3 Download Icon

  • Blogs

    • Services: Blogger.com, Tumblr
    • Tools: Drupal, TYPO3, Wordpress
    • Feeds: RSS, Atom
  • https://flic.kr/p/apNav2
  • Social
    networks

    • Easy to use & free
    • Read & write
    • Up-to-date user experience
  • Corporate vs. Personal Web

    (Blogging is ‘nerdy’ again)

  • Walled Gardens

    • Little incentive for interconnectivity
    • Distributed identity
    • Loss of data sovereignty
  • Silos

    • Centralized
    • Commercially motivated
    • Restrictive terms of use
    • Exploitation rights
    http://indiewebcamp.com/silo
  • Site Deaths

    • Uncontrollable development
    • Provider change is complex
    • Risk of data loss
    http://indiewebcamp.com/site-deaths
  • I don't care about federation,
    I care about my content,
    I care about my friends.

    Tantek Çelik
  • IndieWebCamp-Logo

    IndieWebCamp 2011, Portland Oregon
    Aaron Parecki, Tantek Çelik, Amber Case, Crystal Beasley
  • Independence

    • Autonomous identity
    • Interconnected with friends
  • Syndication

    • Publishing on personal domains
    • Distributing to the social networks
  • IndieWeb principles

    1. Own your data
    2. Use visible data for humans
    3. Build tools for yourself
    4. Eat your own dogfood (use your stuff yourself)
    5. Document your stuff
    6. Open source your stuff
    7. Focus on UX and design
    8. Build platform agnostic platforms
    9. Focus on longevity and sustainability
    10. Focus on diversity and plurality
    11. Have fun!
    http://indiewebcamp.com/principles
  • Tom

    on his way into the IndieWeb

  • IndieMark

    1. #ownyourdata #ownyouridentity
    2. Publish & distribute notes
    3. Send replies & webmentions
    4. Receive & display comments
    5. CRUD for comments
    6. ...
    7. Profit!
    http://indiewebcamp.com/indiemark
  • Level 1

    • Identity: Personal domain
    • Authentication: IndieAuth
  • IndieAuth

    • Personal domain as identifier
    • Multiple authentication mechanisms
    • E.g. delegation to OAuth Provider
    https://indieauth.com
  • rel=me

    http://indiewebcamp.com/rel-me
  • IndieWeb building blocks

    • HTML5 Logo
      HTML
    • microformats Logo
      microformats
    http://indiewebcamp.com/building-blocks
  • Level 1

    • Identity: Personal domain
    • Authentication: IndieAuth
    • Content: Permalinks & Microformats
  • Permalinks

  • Microformats

    http://microformats.org
  • Level 1

    • Identity: Personal domain
    • Authentication: IndieAuth
    • Content: Permalinks & Microformats
    • Search: Searchability
  • robots.txt

    Unrestricted access to your content

  • If you can't cURL it,
    it's not on the web.

    IndieMark Level 1
  • Level 1

    • Personal domain
    • rel=me
    • h-entry
    • robots.txt
  • Level 2

    • Identity: Contact info + icon
  • Contact info

    http://microformats.org/wiki/h-card
  • Level 2

    • Identity: Contact info + icon
    • Content: Multiple post types
    • Syndication: Distribute to applicable silos
  • POSSE

    ‘Publish on your Own Site, Syndicate Elsewhere’

    Pfeil von Tom zu den Sozialen Netzwerken Facebook Logo Twitter Logo Medium Logo
  • PESOS

    ‘Publish Elsewhere, Syndicate to your Own Site’

    Pfeil von den Sozialen Netzwerken zu Tom Facebook Logo Twitter Logo Medium Logo
  • Level 2

    • Identity
    • Content
    • Syndication
    • User interface
    • Navigation
    • Search
    • Aggregation
    • Web actions
  • Level 3: Webmentions

    • Supersedes Pingback
    • Simple HTTP request
    • W3C Candidate Recommendation as of May 2016
    http://indiewebcamp.com/webmention
    • Tom publishes a post on his domain
    • Lotte publishes a reply on her domain and mentions Tom's post
    • Lotte sends a webmention to Tom's domain
    • 
      POST /webmention-endpoint HTTP/1.1
      Host: toms.blog
      Content-Type: application/x-www-form-urlencoded
      
      source=https://lotte.me/reply-to-toms-article&
      target=https://toms.blog/awesome-article
    • Tom incorporates Lotte's reply
  • IndieWeb Generations

    IndieWeb Generations chart

    http://indiewebcamp.com/2016/Nuremberg
  • Fancy joining the IndieWeb?

    • Wiki at indiewebcamp.com
    • IRC channel #indiewebcamp
    • @IndieWebCamp / @IndieWebCampDE on Twitter
    • Frequent IndieWebCamps all around the world
  • IndieWebCamp
    Brighton UK

    September 24th-25th, 2016 (tentatively)

    http://indiewebcamp.com/2016/UK
  • http://indiewebcamp.com/2016/Nuremberg
  • Thanks!

    Joschi Kuphal · @jkphl · #indieweb
    Slides: https://jkphl.is/slides/ihdnue2016-en
    Photos: Julie Anne Noying
    Illustration: Jeff Chi