#IndieWeb과 WordPress

#IndieWeb과 Wordpress

Indie Web Camp

Who am I?

  1. 14년차 오픈 소스 공헌자 http://www.mozilla.or.kr (2002~)
  2. 13년차 Wordpres 블로거 http://channy.creation.net (2003~)
  3. 10년차 웹 표준 활동가 http://webstandards.or.kr (2005~)
  4. 소셜웹 활동 http://about.me/channy

목차

  1. 왜 인디웹인가? (인디웹을 아십니까?)
  2. 인디웹의 구성 요소
  3. 워드프레스 적용 방법
  4. 적용 데모

2003의 교훈: 독립 웹 사이트의 퇴조 현상

  • 초점 없는 RSS 포맷 전쟁 및 블로그 UX 디자인 진화 중단
  • 사람들이 (또 다른 연결을 위해) 소셜 네트워크로 이동
  • 거대 사이트 UX 진화: Twitter, Tumblr, Facebook
  • 소셜 로그인/소셜 댓글, 좋아요! 등 거대 웹 사이트 의존성 심화...

2010의 교훈: 연합 활동의 좌절

  • tl;dr: 말만 많이 하고, 뭔가 만들지 않았다!
  • 실행하는 사람이 없었다!
  • 복잡한 스펙에 자기 만족: Atom, Activity Streams, Salmon, OAuth...
  • = 너무 어렵고, 복잡하면서도 구현물은 너무 없었다!

IndieWebCamp 2011, Portland Oregon

  • 말만 하지 말고 직접 보여주자
  • 창작자들이 직접 만들자
  • 도메인 소유자들만 참여하자
  • 위키에만 직접 도메인으로 로그인하도록 하자
  • IRC로 실시간으로 이야기하자
  • 주기적으로 만나자

IndieWeb 기술 비전: 단순함

  • OpenID -> RelMeAuth -> IndieAuth
    • rel=me를 웹 사이트에 포함
  • microformats/microdata/RDFa -> microformats2
    • 마크업에서 하는 것을 최대한 간편하게
  • pingback -> webmention
    • XMLRPC 안쓰고, HTTP만 쓰자.
  • 글쓴이 독자 모두가 편하게!
  • 최우선 목적: 사용자 경험

IndieWebify.Me

인디웹을 위한 단계별 가이드

지금 시작하기

  1. IndieAuth
  2. Markup with Microformat2
  3. WebMention
  4. POSSE (Publish (on your) Own Site, Syndicate Elsewhere)
  5. Backfeed

IndieWeb 지원 플러그인

필수

선택

IndieWeb 퍼블리싱

POSSE(소셜 공유)

rel-syndication Syndication Links

외부 글쓰기

  • Micropub - 간단한 실험 글쓰기 클라이언트

IndieWeb Backfeed

소셜 네트웍의 반응을 받아 올 수 있지 않을까?
  1. API 이용해서 직접 만들기 (ㅠㅠ)
  2. 서비스 이용
    • Brid.gy (소셜 반응을 모아서 Webmention 호출)
  3. 플러그인 이용

IndieWeb 지원 테마

  • SemPress microformats, microformats2 및 schema.org 지원
  • P2는 인디웹을 지원하는 마이크로블로그 테마
  • MF2_sUnderscores를 포크해서 만든 테마

IndieMark

인디웹을 위한 수준별 적응 방법

거대 웹 사이트와 경쟁이 가능할까?

Matrix silos

2014: 사용자 UX 수렴공식 (FB & Twitter)

Side-by-side comparison of Facebook and Twitter profiles

2015: 커뮤니티 성장 방법:
IndieWeb 세대 전략

IndieWeb 세대

IndieWeb Generations

IndieWeb은 여러분이 필요합니다!

여러분이 데이터를 직접 소유하세요.
여러분의 퍼머링크를 직접 제어하세요.
여러분의 아이덴티티를 직접 제어하세요.

함께 참여하는 방법

Indie Web Camp