48
Chapter 05. 소셜 네트워크

Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

Embed Size (px)

Citation preview

Page 1: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

Chapter 05. 소셜 네트워크

Page 2: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

1. 소셜 네트워크의 이해

2. 트위터

3. 페이스북

4. 블로그

5. UCC

6. 소셜커머스

Page 3: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

• SNS의 특징과 종류, 발전 역사에 관하여 이해한다.

• 트위터에서 팔로잉, 팔로워, 리트윗에 대해 설명할 수 있다.

• 페이스북과 블로그의 사용 방법과 개설 절차를 숙지한다.

• 간단한 동영상 제작 프로그램을 이용하여 UCC를 제작할 수 있다.

• 유투브를 이용한 동영상의 업로드와 검색이 가능하다.

• 소셜커머스에 관하여 설명하고 상품을 구매할 수 있다.

Page 4: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

01. 소셜 네트워크의 이해

소셜 네트워크의 정의 SNS, 즉 소셜 네트워크 서비스(Social Network Service)의 약자

인터넷에서 개인의 정보와 관심사를 공유할 수 있게 하고, 의사소통을 도와주는 1인 미디어 및 커뮤니티

소셜 네트워크의 특징 트위터, 마이스페이스, 페이스북이 대표적이며, 싸이월드와 같은 마이크로 블로그 서비스도 이에 포함됨

자신의 프로필을 표현하고 이를 바탕으로 인간관계를 맺는 모든 서비스를 지칭

사회적 관계를 만들고 이를 지속적으로 확장하여 일종의 가상 세계를 형성

SNS 서비스들이 가진 각각의 특성을 활용하여 사람과 사람을 연결

타인과의 관계를 통해 부가가치를 창출한다.

[그림 5-1] 소셜 네트워크

Page 5: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

01. 소셜 네트워크의 이해

소셜 네트워크의 주요 서비스 소셜 네트워크 서비스의 대표 주자인 트위터와 페이스북 이외에도 개인과 개인의 의사소통 수단으로 사용되는인터넷 메신저 MSN, 네이트온, 카카오톡 등이 큰 인기를 끌고 있다.

소셜 네트워크 매체에서 사용되는 동영상 서비스 사이트인 유투브도 함께 각광을 받고 있다.

[표 5-1] SNS 주요 서비스

Page 6: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

01. 소셜 네트워크의 이해

소셜 네트워크의 역사 초창기 SNS 웹사이트는 온라인 커뮤니티 형태

글로브닷컴(Theglob.com, 1994년), 지오시티즈닷컴(Geocities.com, 1994년), 트라이포드(Tripod.com,1995년)

1997년 식스디그리sixdegrees.com), 본인의 프로필, 친구 리스트 등을 공유하는 서비스를 처음으로 제공

1997년부터 2001년 AsianAvenue, BlackPlanet, MiGente

2003년에 마이스페이스(Myspace)

[그림 5-2] 마이 스페이스

Page 7: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

02. 트위터

트위터의 개요 인간관계를 맺고 있는 자신의 팔로워(자신과 트위터 관계를 맺고 있는 사람)에게 최대 140자의 짧은 문장을 전달하는 대표적인 마이크로블로그의 프로그램

2006년 미국 샌프란시스코의 벤처기업 오비어스(Obvious Corp.)의 잭 도시(Jack Dorsey), 에번 윌리엄스(Evan Williams), 비즈 스톤(Biz Stone)이 공동 개발

페이스북 및 유투브와 연동되어 강력한 정보 전달 매체의 역할을 함

[그림 5-3] 트위터 창업자 (잭도시, 에번 월리엄스, 비즈 스톤)

Page 8: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

02. 트위터

트위터의 가입 트위터 홈페이지(http://www.twitter.com)에 접속 - 한 <가입하기>를 클릭하면 가입 페이지로 이동

트위터 가입 페이지에서 이름과 이메일 등 간단한 정보의 입력만으로 트위터에 가입할 수 있다.

[그림 5-4] 트위터 가입

Page 9: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

02. 트위터

팔로우 하기 가입이 완료되면 팔로잉 상대를 고르는 페이지로 이동한다.

트위터의 초기화면에서는 5명의 팔로잉을 선택하라는 메시지가 나타난다.

대표적인 유명 트위터 가입자들이 표시되는데, 본인이 관심을 가지고 있는 사람 오른쪽에서 <Follow> 버튼을클릭하면 된다.

[그림 5-5] 팔로잉

Page 10: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

02. 트위터

트위터 기본 메뉴 Home : 로그인했을 때 나타나는 최초의 페이지. 내가 팔로잉한 사람들의 트윗이 화면의 오른쪽에 나타나고 화면의 왼쪽에는 내가 관심 있을 만한 트위터 가입자의 추천 리스트가 조회

Contact(연결) : 나와 관련이 있는 사람들의 트윗을 쉽게 볼 수 있게 정리한 페이지. 이것을 통해 쉽게 타인들의커뮤니케이션에 참여가능

Discover(찾기) : 현재 트위터에 올라오는 많은 트위터들의 주요 관심사에 관해 정리된 페이지. 가입했을 때 선택한 나의 주요 관심사를 중심으로 표시.

Me : 내가 트윗한 글만 따로 보여주는 페이지

[그림 5-6] 트위터 첫화면

Page 11: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

02. 트위터

트위터 용어 팔로잉(Following) : 내가 팔로우 신청을 한 사람. 트위터 홈페이지에 팔로잉의 트윗이 보여짐.

팔로워(Follower) : 나에게 팔로잉 신청을 하고, 내 트윗을 받아보고 있는 사람.

트윗(tweet) : 트위터에서 작성한 140자의 문장. 이 트윗을 이용하여 자신의 생각이나 상태를 팔로워와 공유

리트윗(Retweet) : 다른 사람이 트윗한 글을 똑같이 다시 전달해 주는 기능. 리트윗 기능 때문에 트위터가 파급력 있는 매체가 되었음

[그림 5-7] 트위터 화면

Page 12: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

페이스북의 개요 2004년 2월 4일, 마크 주커버그(Mark Zuckerberg)는 학교 기숙사에서 페이스북 사이트를 개설하며 창업

최초에는 하버드 학생만 이용할 수 있도록 제한

2월 말 무렵 하버드 재학생 절반 이상이 가입, 3월에는 스탠포드, 컬럼비아, 예일대 학생들도 이용

2005년 말에 이르러 미국, 캐나다, 영국 등 7개국의 2,000개 이상의 대학교와 2만 5,000개 이상의 고등학교에네트워크가 형성

[그림 5-8] 페이스북창업자 마크 주커버그

Page 13: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

실습 5-1 페이스북 개설하기 페이스북 회원 가입하기

[그림 5-10] 페이스북개설하기

Page 14: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

페이스북 친구찾기

• 이 작업은 시간이 많이 소요되므로 여기서는 <건너뛰기>가능

[그림 5-11] 친구찾기 (최초)

Page 15: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

프로필 사진 등록하기

• <사진 올리기> 버튼을 이용하여 사진을 업로드하거나, 사진이 없으면 <건너뛰기>.

[그림 5-12] 프로필 사진 등록

Page 16: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

확인 메일을 이용한 페이스북 가입 완료

• 메일에 가입 완료를 위해 접속해야 할 링크와 확인코드 번호가 있고, 이 링크에 접속하면 페이스북 가입 완료

[그림 5-13] 가입완료

Page 17: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

페이스북 활용하기 본인의 담벼락에 글쓰기

• 페이스북의 글을 올리는 공간을 [담벼락]. 웹 사이트의 게시판과 유사한 기능

• 여기에 글을 올리면 친구나 페이스북에 가입 된 모든 사람에게 내 글이 보임

[그림 5-14] 페이스북담벼락 글쓰기

Page 18: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

친구의 담벼락에 글쓰기

• 친구 이름을 클릭하고 담벼락에 글을 남기면 친구의 웹 브라우저에 “000이 당신의 담벼락에 글을 남겼습니다.”라는 안내 메시지가 나타남

[그림 5-15] 친구 담벼락 글쓰기

Page 19: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

페이스북 친구 찾기

• 페이스북에서 <친구 찾기>를 클릭하면 내 친구의 친구, 내 학교 친구, 내 직장 동료를 자동으로 검색

• 친구로 맺고 싶은 사람의 오른쪽에서 <친구 추가> 버튼을 클릭하면 친구 요청 메시지가 발송

• 상대방이 요청을 수락하면 친구 관계가 형성

[그림 5-16]페이스북친구 찾기

Page 20: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

페이스북 고급 활용 다양한 목적의 페이지 개설

• 계정을 만들고 관심사와 출신에 따라 개인적인 소셜 네트워크를 만드는 것이 페이스북의 목적

• 기업은 페이지 기능이 매우 중요. 6가지의 목적으로 원하는 페이지를 무료로 개설 가능

[표 5-2] 페이스북 페이지 구분

Page 21: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

실습 5-2 다양한 목적의 페이지 개설하기 6가지의 목적 중 여기서는 <회사, 기관, 연구소 카테고리>로 나의 페이지를 개설하는 방법을 실습

이해를 돕기 위해 ‘컴퓨터 보안 연구소’라는 페이지를 만드는 것으로 가정

페이지 개설한 후 카테고리 선택하기

[그림 5-17] 페이지 개설

Page 22: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

페이지 이름과 성격 입력하기

[그림 5-18] 페이지 이름 성격 입력

Page 23: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

이후 페이지 개설 실습 순서 페이지 소개 글 입력하기

페이지로고 업로드 및 페이지 즐겨 찾기 추가하기

페이지 광고하기

페이지 완성하기

프로필 이미지 추가하기

개설된 페이스북 보안 연구소 페이지 확인하기

[그림 5-38] 페이지 정보 확인하기

Page 24: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

실습 5-3 페이스북에 유투브 앱으로 동영상 삽입하기 내가 만든 페이지의 메인 화면에 특정 동영상이 재생되도록 유투브 앱을 설치

유투브 앱 검색/선택하기

[그림 5-20] 페이스북 앱 설치

Page 25: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

유투브 앱 설치 종료하기

[그림 5-21] 설치 완료

Page 26: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

유투브 앱에 원하는 유투브 동영상 삽입

<iframe width="420" height="315" src="//www.youtube.com/embed/DT0jH_F_2Fo" frameborder="0" allowfullscreen></iframe>

HTML 수정 페이지로 이동하기

[그림 5-45] HTML 수정 페이지로이동하기

Page 27: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

HTML 편집하기

[그림 5-23] HTML 편집

Page 28: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

03. 페이스북

삽입한 동영상 재생하기

[그림 5-24] 동영상 재생 확인

Page 29: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

04. 블로그

블로그의 개요• 새로 올리는 글이 맨 위로 올라가는 일지(log) 형식으로 되어 있어 블로그라는 이름이 붙음

• 웹 게시판과 개인 홈페이지가 결합된 형태의 사이트로 관심사에 따라 일기, 컬럼, 기사 등의 게시 가능

• 개인 출판, 개인 방송, 커뮤니티까지 다양 한 형태를 가질 수 있는 일종의 1인 미디어

• 구축 비용이 들지 않고, HTML과 데이터베이스 등 홈페이지 제작 관련 지식이 없어도 누구나 자신의 공간을만들 수 있다는 것이 장점

블로그의 기능• 일상의 기록. 날짜로 구분하여 손쉽게 기록이 가능하다.

• 텍스트에서 멀티미디어 콘텐츠까지 사이트의 특성에 맞추어 자료의 관리가 가능

• 단순한 게시판과 달리 콘텐츠 중심으로의 다양한 커뮤니티 기능이 가능

• 광범위한 커뮤니티를 형성할 수 있고, 남이 만든 블로그와의 연계가 편리

• 양자 간 또는 다자 간 채팅이 가능하며, 웹 브라우저를 사용한 조회기록도 관리 가능

Page 30: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

04. 블로그

블로그의 역사 최초의 블로그는 1997년에 개설된 미국의 ‘스크립팅 뉴스(Scripting News)’

국내최초는 2002년 한미르의 블로그 서비스

블로그의 종류 네이버, 다음, 네이트, 티스토리 등 거의 모든 포털사이트에서 블로그 서비스 제공

대부분 포털 사이트에서 블로그를 제공하는 이유는 각 개인이 만든 블로그의 다양한 콘텐츠가 포털 검색 결과에 많은 영향을 끼침

블로그는 소속된 포털 외에도 대부분의 포털에서 검색되고, 사용자들은 그 정보를 사용가능

2013년 현재 블로거 들이 가장 활발하게 활동하는 곳은 네이버와 다음.

Page 31: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

04. 블로그

실습 4-4 네이버 블로그 개설 네이버 회원가입 및 블로그 개설하기

[그림 5-26] 블로그 개설

Page 32: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

04. 블로그

블로그 소개글 작성과 프로필 사진 등록하기

[그림 5-27] 블로그정보 등록

Page 33: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

04. 블로그

블로그 개설 완료하기

[그림 5-28] 기본정보 입력이 완료된 상태의 블로그 모습

Page 34: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

04. 블로그

파워 블로거 문화, 예술 분야에서 요리, 인테리어까지 다양한 분야에 다양한 주제를 가지고 사용자들에게 유익한 정보와 다양한 노하우를 제공하는 매우 우수하고 가입자가 많은 블로그 운영자를 일컫는 말

[그림 5-29] 파워 블로그

Page 35: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

05. UCC와 유투브

UCC의 개요 UCC(User Created Contents)는 사용자가 직접 제작한 콘텐츠라는 의미

사용자가 상업적인 의도 없이 교육, 종교, 정보공유, 기록 등의 다양한 목적을 가지고 제작한 콘텐츠를 일컫는 말로 미국에서는 UGC(User Generated Contents)라고도 불림

UCC는 인터넷상에서 디지털카메라, 휴대전화와 같은 정보통신 기기와 소셜 네트워크, 블로그 등 의 미디어가 결합하여 발전

전문가 집단이 아닌 일반인이 중심이 되면서 기존 미디어 보다 빠르고 의미 있는 정보를 생산했고 빠르게 확산

유투브 창업 미국의 유투브는 2005년 2월에 페이팔 직원이었던 채드 헐리(Chad Meredith Hurley,, 스티브 첸(Steve

Shih Chen), 자웨드 카림(Jawed Karim, 퇴사) 이 공동으로 창업

[그림 5-30] 유투브 창업자,채드 헐리, 스티브 첸

Page 36: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

05. UCC와 유투브

UCC 공유 자신이 검색한 동영상이 재생되는 윈도우 하단에 [About], [Share]라는 메뉴를 이용하여 쉽게 공유

[About]은 이 영상물의 정보와 간단한 소개

[Share]는 트위터나 페이스북 또는 카페나 블로그에 이 영상물을 공유

[그림 5-31] 영상물 공유

Page 37: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

05. UCC와 유투브

UCC 제작을 위한 동영상 편집 휴대폰이나 캠코더로 촬영한 동영상을 UCC로 만드는 가장 쉬운 방법은 ‘다음 팟인코더’의 사용

다음 팟인코더는 크게 동영상 인코딩과 동영상 편집이라는 두 가지 기능을 제공

[그림 5-32] 동영상 편집

Page 38: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

05. UCC와 유투브

동영상 인코딩 동영상 인코딩은 동영상의 화질과 화면의 사이즈 등을 사용기기에 맞게 조정하는 작업

먼저 <불러오기> 버튼을 이용하여 인코딩할 영상물을 프로그램으로 불러옴

• 윈도우 7에서 기본적으로 제공하는 wildlife.wmv 파일이나 야생.wmv 파일을 사용

• [윈도우 탐색기]-[라이브러리]-[비디오]-[비디오 샘플] 폴더 영상물 활용

불러온 영상물을 목적에 맞도록 인코딩 방법

• 화면 왼쪽 하단에는 영상물의 인코딩의 목적에 따라 웹 업로드용, PC 저장용, 휴대 기기용으로 선택 가능

• PC에서 다운로드한 영상물을 스마트폰에서 보는 형태로 만들고 싶으면 [휴대 기기용] 메뉴로 옵션을 선택한후 <인코딩 시작> 버튼을 클릭

[그림 5-33] 인코딩

Page 39: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

05. UCC와 유투브

동영상 편집 촬영하거나 다운로드한 동영상에 자막을 넣거나 영상의 일정 부분을 잘라내고 싶을 때는 동영상 편집 기능

다음 팟인코더는 재생할 때 타임라인이 이동하면서 정확한 시간대별 영상을 표시

[그림 5-34] 동영상 편집

Page 40: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

05. UCC와 유투브

실습 5-5 동영상 분리한 뒤 자막삽입하기 시간대로 이동 후 동영상 분할하기

• 동영상을 재생시켜서 자르고 싶은 위치로 이동

• 동영상 분할

[그림 5-35] 영상 분리

Page 41: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

05. UCC와 유투브

분할 동영상 개별 인코딩하기

[그림 5-36] 개별 인코딩하기

Page 42: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

05. UCC와 유투브

자막 삽입하기

[그림 5-37] 자막 삽입하기

Page 43: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

05. UCC와 유투브

동영상 사이의 간격 영상 삽입하기

[그림 5-38] 영상 삽입

Page 44: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

05. UCC와 유투브

유투브 업로드하기 제작한 UCC를 업로드하기 위해서는 유투브 홈페이지 오른쪽 상단에 있는 <Upload> 버튼을 누름

[그림 5-39] 업로드

Page 45: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

05. UCC와 유투브

UCC 업로드

• 업로드할 UCC 파일을 선택. 혹은 파일 탐색기에서 드래그 앤 드롭으로 파일 선택 가능

• 파일 업로드 후 다음과 같은 화면이 나타나면 영상물의 제목과 설명 그리고 태그를 입력

• 태그는 콤마(,)로 분리하여 여러 개의 태그를 입력 가능

• 입력이 완료되면 화면 오른쪽에 [카테고리]를 선택한 후, 화면 맨 아래쪽의 <저장 완료> 버튼을 클릭

[그림 5-40] 업로드 완료

Page 46: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

06. 소셜커머스

소셜커머스의 개요 페이스북, 트위터와 같은 소셜 네트워크 서비스(SNS)를 활용해 이루어지는 전자상거래

일정 수 이상의 구매자가 모일 경우 파격적인 할인가로 상품을 제공하는 판매 방식

상품을 구입하는 사람이 일정 인원 이상 모이지 않으면 거래가 성사되지 않기 때문에 소비자들은 SNS를통해 자발적으로 주변 사람들에게 상품을 홍보

소셜 네트워크 서비스를 주로 이용하기 때문에 소셜 커머스라는 이름이 붙음

요식업, 공연, 미용, 여행 등 지역밀착형 서비스가 주요 상품, 보통 지역별로 하루에 하나의 딜이 공개

소셜커머스의 시작 2005년 야후의 장바구니(Pick List) 공유서비스인 쇼퍼 스피어(Shoposphere)를 통하여 처음 소개

미국에서 설립된 온라인 할인 쿠폰 업체 그루폰 (Groupon)의 앤드류 메이슨(Andrew Mason)이 창안

[그림 5-41] 그루폰 창업자,메이슨

Page 47: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

06. 소셜커머스

국내 소셜커머스 국내는 2010년부터 시작

티켓몬스터, 쿠팡, 위메이크프라이스, 그루폰코리아가 대표적

2012년을 기준했을 때 중소업체까지 포함하면 500개가 넘는 소셜커머스 업체가 있는 것으로 추정

현재 상당수의 소셜커머스 사이트들은 원어데이몰(One a day mall) 업체들이 소셜커머스로 이름을 바꾼 것

[그림 5-42] 소셜커머스대표 브랜드

Page 48: Chapter 05. 소셜네트워크 - cs.kangwon.ac.krcs.kangwon.ac.kr/~parkce/course/2017_spring_Web_internet_rsc/05.pdf · • 소셜 커머스 ... 의사소통을도와주는1인미디어및커뮤니티

감사합니다.