1. 소셜미디어
제작워크숍SMlab
intensive03:SocialWebWork
정수현(청어람아카데미SNS프로그래머)
SocialJung@gmail.com
http://suelog.tistory.com
http://facebook.com/movenations
twitter@movenations
2011 2 8

2. Check!Check!
www.facebook.com/bluelog
2011 2 8

3. http://www.googleartproject.com
http://hanulsoblog.com/50104643544
2011 2 8

4. 2011 2 8

5. 소셜미디어제작워크숍
Intensive교육과정
1주Web2.0시대,블로그기획안만들기
2주HTML+CSS/소셜웹페이지구성
4주컨텐츠시각화작업(Prezi및인포그라피제작)
3주SocialWebWork(사회적가치/확산)
5주설치형블로그:Wordpress를중심으로
6주Presentation+Networking
클라우드컴퓨팅뉴미디어네트워크(모바일)
2011 2 8

6. intensive03
소셜웹페이지네트워크디자인
오정택T.APrezi발표
Mindmap토론플랫폼토크
2011 2 8

7. 다이나믹페이지구성
네트워킹디자인
2011 2 8

8. 소셜웹페이지구성
1.캘린더
Netw
2.지도 ork
Desig
3.위젯 n
4.구글문서(신청/설문페이지)
5.온라인거래
6.트윗보드
7.페이스북플러그인
8.게시판삽입
2011 2 8

9. 캘린더(일정)입력
1.다음커뮤니케이션‘캘린더’페이지로
2.캘린더를추가하고설정을‘전체공개’로만든다.
3.내보내기탭캘린더선택HTML로내보내기설정
4.웹페이지에맞는캘린더사이즈조정선택후코드복사
5.블로그글쓰기HTML모드에서붙여넣기
예http://bluezine.tistory.com/170
2011 2 8

10. 적용
된예
1.다음캘린더추천 http://calendar.daum.net/top
2. 1.
2.
3.
2011 2 8 2.

11. 적용
된예
http://bluezine.tistory.com/170
3.
4.HTML코드복사블로그에삽입
2011 2 8 2.

12. 적용
된예
지도 http://bluezine.tistory.com/notice/177
1.지도에검색등록하세요!
2.지도창에서주소및단체검색
3.해당포인트위치지정
4.보내기혹은지도삽입,Map버튼
5.HTML소스복사블로그에삽입
2011 2 8 2.

13. 위젯
1)다음위젯뱅크(http://widgetbank.daum.net)
2)WEZET(http://wezet.co.kr)
3)야후위젯(http://widgets.yahoo.com)
4)달통(http://www.daltong.com)
5)위자드팩토리(http://wzdfactory.com)
6)유디엠(http://www.udiem.com)
7)구글가젯(http://desktop.google.com/plugins/?hl=ko)
2011 2 8 2.

14. 1.로그인휴대폰인증
2.설정HTML사이드바에복사
3.center복사된내용/center
4.마이피플‘App’설치
2011 2 8 2.

15. 구글문서양식(Form)활용하기
1)다양한템플릿
2)결과페이지/관리페이지편리,안정
3)공유및embedding효과탁월협업
2011 2 8 2.

16. 신청(여론)공간만들기
1.구글문서(http://docs.google.com)새로만들기양식(FORM)
2.6가지양식스타일중에서선택,양식작성하기
3.포함(Embed)클릭주소복사
4.확인메세지최종입력
5.블로그HTML모드에서사이즈조정해서입력
예http://bluezine.tistory.com/notice/177
2011 2 8

17. 온라인거래
1.이니시스이니P2P
http://www.inip2p.com
2.회원가입(로그인)
3.상품등록(등록가능상품확인)
4.Embed소스코드복사삽입
2011 2 8

18. TweetBoard
1.트위터설정프로필웹위젯설정
http://twitter.com/goodies/widgets
2.웹사이트4가지테마(리스트)
3.리스트를선택하면해당리스트글들이올라옴/선택수정
4.블로그페이지에맞게디자인해서코드복사
예http://socialwriting.tistory.com/69
http://bluezine.tistory.com/314
2011 2 8

19. FacebookSocialPlugin
1.http://developers.facebook.com/docs/plugins
2.ActivityFeed
3.LikeButton/Box
2011 2 8

20. 블로그에게시판달기
1.게시판계정이있어야한다.(URL제공필수)
2.무료게시판우뜨보드http://wo.to
3.iframe적용(URL바꿔서복사)Cafe게시판
4.예/http://bluezine.tistory.com/186
2011 2 8

21. 사진
영상
e-book
지도
오피스정보
웹앨범
뉴스레터신청
배너
페이스북뱃지
2011 2 8

22. 오정택T.A발표
2011 2 8

23. SocialWebWork
2011 2 8

24. 수다가정보가되는순간!
https://docs.google.com/viewer?a=vpid=explorerchrome=truesrcid=1eVbM68l2LE_YC4fUEe92WY2NlQH_Q7dsmEaFwztLbWm6O1hd9WaFL4SrlJkDhl=en
2011 2 8

25. WebbasedMindmap
http://www.lifehack.org/articles/technology/11-free-mind-mapping-applications-web-services.html
2011 2 8

26. SMlab협업
http://www.mindomo.com/edit.htm?m=45dab836a18f42d9b01339178d932d1a
2011 2 8

27. 다음주미리보기
1.컨텐츠시각화를위한작업
인포그라피제작소스
웹기판이미지에디터
웹프리젠테이션그리고Prezi
티에디션첫화면꾸미기
템플릿사이트활용하기
2.검색엔진최적화,내사이트를노출시키는노하우
3.팀블로그/메타블로그컨텐츠의질과양을높이는기획
4.WebbasedPromotion캐스트,매거진,홍보전략
5.소셜보드,소셜bar,소셜북마크,뱃지활용
2011 2 8