『웹진 우리 (WoORI) 』 스마트하게 소통하다 2012. 07. 2012 우리 WoORI - 2 - 스마트 웹진 개발 보고  주요 기능 [3] 소통창구 확대 위한 SNS 연동 댓글 솔루션 도입 기사별 의사 표현 창구 마련으로 소통창구 확대 SNS 유저를 통한 웹진.

Presentation on theme: "『웹진 우리 (WoORI) 』 스마트하게 소통하다 2012. 07. 2012 우리 WoORI - 2 - 스마트 웹진 개발 보고  주요 기능 [3] 소통창구 확대 위한 SNS 연동 댓글 솔루션 도입 기사별 의사 표현 창구 마련으로 소통창구 확대 SNS 유저를 통한 웹진."— Presentation transcript:

1 『웹진 우리 (WoORI) 』 스마트하게 소통하다 2012. 07

2 2012 우리 WoORI - 2 - 스마트 웹진 개발 보고  주요 기능 [3] 소통창구 확대 위한 SNS 연동 댓글 솔루션 도입 기사별 의사 표현 창구 마련으로 소통창구 확대 SNS 유저를 통한 웹진 콘텐츠 확산 확산된 SNS 를 통한 다양한 디바이스 장치로의 유입경로 발생 기사별 의사 표현 창구 마련으로 소통창구 확대 SNS 유저를 통한 웹진 콘텐츠 확산 확산된 SNS 를 통한 다양한 디바이스 장치로의 유입경로 발생 [4] 독자 참여형 채널 개설 WoORI 지역 리포터 : 경기도내 간단 뉴스를 독자 참여형으로 지역간 정보 소통 WoORI 토론방 : 주제에 따른 토론패널들의 토론진행과 독자 댓글 참여로 기존 단방향 기 사제공의 형태와 차별화된 콘텐츠 제공 방식 운영 및 독자 참여 유도 WoORI 지역 리포터 : 경기도내 간단 뉴스를 독자 참여형으로 지역간 정보 소통 WoORI 토론방 : 주제에 따른 토론패널들의 토론진행과 독자 댓글 참여로 기존 단방향 기 사제공의 형태와 차별화된 콘텐츠 제공 방식 운영 및 독자 참여 유도 [2] 웹접근성 강화 신기술 반영 [1] 다양한 디바이스 장치의 환경 강화 플래시를 지양하고 jQuery 를 반영한 다양한 기기에서의 지원을 향 상하기 위해 차세대 웹표준화 Html 5, css3, jQuery 를 활용 하여 표 준화된 메인 제공. PC, 태블릿, 모바일의 다양한 기기에서 최적화된 UI 환경 제공 모바일 서비스 강화 PC, 태블릿, 모바일의 다양한 기기에서 최적화된 UI 환경 제공 모바일 서비스 강화 여성을 능동적인 정보유통 및 오피니언 리더의 주체자로 세울 수 있도록 웹진으로 개편 소통 · 참여의 확대 트랜드 반영 0. 스마트 웹진 개발 개요

3 2012 우리 WoORI - 3 - 스마트 웹진 개발 보고 PC 웹용 메인 Tablet 웹용 메인 모바일 웹용 메인  PC, 태블릿, 모바일의 다양한 기기에서 최적화된 UI 환경 제공  비쥬얼이 강화된 PC 웹용 메인과 기사중심의 기사 리스트 메인의 Tablet 웹용 메인 구성 비쥬얼이 강화된 PC 웹용 메인과 기사중심의 기사 리스트 메인의 Tablet 웹용 메인 구성 1. 다양한 디바이스 장치의 환경 강화

4 2012 우리 WoORI - 4 - 스마트 웹진 개발 보고  2011 년 모바일 웹 서비스 개시  2011 년 모바일 웹 서비스 개시  2012 년 모바일 서비스 강화  기사 콘텐츠만 제공 기사 콘텐츠만 제공  현재 모바일 웹 http://www.woorizine.or.kr/m 현재 모바일 웹 http://www.woorizine.or.kr/m App 아이콘 App 메인 전체 화면 메인화면 경기여성달력 WoORI 지역리포트 WOORI 토론방 WOORI 토론방 intro 지식센터  기사 콘텐츠 외 경기여성달력, 여성네트워크, 독자엽서, 지식센터, WoORI 지역리포트, WOORI 토론방 서비스 제공 기사 콘텐츠 외 경기여성달력, 여성네트워크, 독자엽서, 지식센터, WoORI 지역리포트, WOORI 토론방 서비스 제공  독자엽서, 지식센터, WoORI 지역리포트, WoORI 토론방 글쓰기 구현 독자엽서, 지식센터, WoORI 지역리포트, WoORI 토론방 글쓰기 구현  전체 기사 콘텐츠, 독자엽서, 지식센터, WoORI 지역리포트, WOORI 토론방 서비스에 댓글 지원 전체 기사 콘텐츠, 독자엽서, 지식센터, WoORI 지역리포트, WOORI 토론방 서비스에 댓글 지원  안드로이드 마켓 App 등록 안드로이드 마켓 App 등록 1. 다양한 디바이스 장치의 환경 강화

5 2012 우리 WoORI - 5 - 스마트 웹진 개발 보고  다양한 기기에서의 지원을 향상하기 위해 jQuery 를 활용한 표준화된 메인 제공.  사용자의 마우스 움직임에 따른 효과 적용. 사용자의 마우스 움직임에 따른 효과 적용.  기존의 장애인 불편요소로 판단될 수 있는 빠른 전환 효과 개선 기존의 장애인 불편요소로 판단될 수 있는 빠른 전환 효과 개선 2. 웹접근성 강화 신기술 반영

6 2012 우리 WoORI - 6 - 스마트 웹진 개발 보고 3. SNS 연동 댓글 솔루션 도입 기사 페이지 기사 페이지  기사별 독자 의사 표현 창구 마련으로 소통창구 확대를 통한 이용자 의견 수렴 및 웹진 반영 서비스 목적 서비스 목적 WoORI 지역리포트 WoORI 지역리포트 WoORI 토론방 WoORI 토론방 모바일

7 2012 우리 WoORI - 7 - 스마트 웹진 개발 보고 [1] 연동할 SNS 버튼 클릭 [2] twitter 연동 화면 로그인 연동 승인 최초 1 회 연동 승인 최초 1 회 [3] 웹진 페이지로 자동 전환 [4] 웹진 페이지로 자동 전환 https://twitter.com/#!/blingHuei 1) 댓글 내용 2) 기사제목 3) 기사단축링크 1) 댓글 내용 2) 기사제목 3) 기사단축링크 1) 로그인계정의 아이콘 활성화 2) 해당 계정의 이미지 노출 1) 로그인계정의 아이콘 활성화 2) 해당 계정의 이미지 노출  SNS( 트위터 ) 연동 테스트 3. SNS 연동 댓글 솔루션 도입

8 2012 우리 WoORI - 8 - 스마트 웹진 개발 보고 [1] 비회원글쓰기 버튼 클릭 [2] 신명인증 확인 [3] 신명인증 확인 후 글쓰기 1) 비회원글쓰기 버튼 활성화 비회원글쓰기 버튼 활성화 2) 우리의 W 아이콘 노출 우리의 W 아이콘 노출 1) 비회원글쓰기 버튼 활성화 비회원글쓰기 버튼 활성화 2) 우리의 W 아이콘 노출 우리의 W 아이콘 노출 3. SNS 연동 댓글 솔루션 도입

9 2012 우리 WoORI - 9 - 스마트 웹진 개발 보고 1. SNS 연동 댓글 솔루션 도입  등록된 댓글 리스트 별도페이지 제공  최근댓글순, 인기댓글순으로 댓글의 현황을 파악 할 수 있도록 한다. 최근댓글순, 인기댓글순으로 댓글의 현황을 파악 할 수 있도록 한다. - 최근 댓글 순 : 가장 최근에 올라온 댓글이 상위에 노출 - 인기 댓글 순 : 추천을 많이 받은 댓글이 상위에 노출

10 2012 우리 WoORI - 10 - 스마트 웹진 개발 보고 2. 독자 참여형 채널 개설  WoORI 지역 리포터 서비스 목적 서비스 목적 운영안  경기도내 간단 뉴스를 독자 참여형으로 지역간 정보 소통.  단방향 기사제공의 형태와 차별화된 콘텐츠 제공 방식 운영 및 독자 참여 채널 마련.  경기도내 간단 뉴스를 독자 참여형으로 지역간 정보 소통.  단방향 기사제공의 형태와 차별화된 콘텐츠 제공 방식 운영 및 독자 참여 채널 마련.  경기도지역소식, 주변 나들이 장소, 축제, 행사 이벤트 등을 독자와 함께 공유하는 참여공간으로 마련. - 초기 활성화를 도모할 수 있는 웹진 기자단을 활용하여 분위기 조성. - 136 호 (4 월 ) 호부터 운영중.  독자 참여 댓글 기능 추가.  경기도지역소식, 주변 나들이 장소, 축제, 행사 이벤트 등을 독자와 함께 공유하는 참여공간으로 마련. - 초기 활성화를 도모할 수 있는 웹진 기자단을 활용하여 분위기 조성. - 136 호 (4 월 ) 호부터 운영중.  독자 참여 댓글 기능 추가.

11 2012 우리 WoORI - 11 - 스마트 웹진 개발 보고 2. 독자 참여형 채널 개설  WoORI 토론방 서비스 목적 서비스 목적 운영안  여성을 의견개진의 능동적인 주체자로 세울 수 있도록 웹진을 만들어 내는 것  단방향 기사제공의 형태와 다른 콘텐츠 제공 방식 운영 및 독자 참여 채널 마련.  여성을 의견개진의 능동적인 주체자로 세울 수 있도록 웹진을 만들어 내는 것  단방향 기사제공의 형태와 다른 콘텐츠 제공 방식 운영 및 독자 참여 채널 마련.  웹진 구독자의 특성 - 주 독자층 여성으로 포털 토론방의 공격적인 형태는 여성의 특성과 맞지 않음. - 일 · 육아 등의 일상생활로 인해 시간적 여유가 없어 참여를 이끌어내기 어려움.  구독자의 특성을 고려하여 여성관심 이슈주제에 따른 토론패널 구성하여 토론진행.  독자 댓글 참여 운영 - 초기 활성화를 도모할 수 있는 웹진 기자단을 활용하여 분위기 조성.  토론 종료 후 선별하여 기사화 진행  웹진 구독자의 특성 - 주 독자층 여성으로 포털 토론방의 공격적인 형태는 여성의 특성과 맞지 않음. - 일 · 육아 등의 일상생활로 인해 시간적 여유가 없어 참여를 이끌어내기 어려움.  구독자의 특성을 고려하여 여성관심 이슈주제에 따른 토론패널 구성하여 토론진행.  독자 댓글 참여 운영 - 초기 활성화를 도모할 수 있는 웹진 기자단을 활용하여 분위기 조성.  토론 종료 후 선별하여 기사화 진행 패널글에 대한 독자 댓글 참여

12 2012 우리 WoORI - 12 - 스마트 웹진 개발 보고 4. 독자 편의를 위한 기능 개선  편집개선  가독성 향상을 위한 웹폰트 ( 나눔 고딕 ) 적용 가독성 향상을 위한 웹폰트 ( 나눔 고딕 ) 적용  줄사이 간격 확대 줄사이 간격 확대  사진편집 개선 사진편집 개선  기능추가  기사 하단의 등록호수와 날짜 노출로 기사의 발간 시점 노출 기사 하단의 등록호수와 날짜 노출로 기사의 발간 시점 노출  인기기사 비주얼 노출로 다른 콘텐츠로의 화면 전환 접근성 강화 인기기사 비주얼 노출로 다른 콘텐츠로의 화면 전환 접근성 강화

13 2012 우리 WoORI - 13 - 스마트 웹진 개발 보고 4. 독자 편의를 위한 기능 개선  기능추가  페이스북 [ 좋아요 ] 버튼을 통한 독자의 참여 유도 및 페이스북을 운영하지 않아도 페이스북 이용자 흡수 페이스북 [ 좋아요 ] 버튼을 통한 독자의 참여 유도 및 페이스북을 운영하지 않아도 페이스북 이용자 흡수 페이스북 [ 좋아요 ] 버튼 제일먼저 클릭하라는 클릭 유도 문구 노출 페이스북 로그인 입력값 없이 좋아요 버튼만 클릭한 경우 페이스북 노출 형태. 웹진으로 링크됨. 입력값 노출되며 해당 기사가 페이스북 에 노출됨. 웹진으로 링크됨. 1 2 3