�ݺ�ߣ

NPO,
Web을 더 똑똑하게 활용하기
2018
www.treeple.net
Document by Treeple
2018.10

NPO, Web을 더 똑똑하게 활용하기
Treeple.net © 2011-2018 All rights reserved.
P r e s e n t e r
발표자 소개
왕년엔 Web 밖에 몰랐지만,
- Web Award Korea 외 웹관련대회 24회 수상
- 중앙대학교 첨단영상대학원 예술공학, 웹 석사
- SK Comms 커머스 사업부, 싸이마켓 프로젝트
- 트리플 창업
- Global K-startup 지원 프로젝트 선정
- KT 에코노베이션 아키텍트 2기 글로벌 프론티어 인증
- UI디자인/웹 Full-stac 개발/데이터마이닝
국제개발을 경험하며, 비영리와 IT의 융합에 관심을 갖게 되었습니다.
- 코이카 국제협력요원 – 몽골 더르너드기술대/컴퓨터 교육
- 더르너드 IT 정보센터 구축사업 진행
- 치카치카 프로젝트 기획/운영
- 에듀잼 프로젝트 참여
- 펜=팬 프로젝트 참여
- intropageX작은영웅전 진행중
- 사각사각프로젝트 진행중

O v e r v i e w
워크샵 목표
비영리 프로젝트의 진행 과정에서
IT 서비스 도입과정 소개!
- 단기 프로젝트를 진행하면서 알아두면 유용한 Google과 트리플의 서비스들을 소개하고자 합니다.

T a r g e t A u d i e n c e
이런 분이 들으시면 좋아요!
- 이메일을 보낼 수 있고, 구글 드라이브(워드,액셀,설문 등)를 사용할 줄 안다!
- 소수의 팀원으로 프로젝트를 진행하는데, IT 기술을 활용하여 부족한 시간과 인력 확보
비용을 줄이고 싶다!

O v e r v i e w
발표 순서
1. 우리가 새로운 프로젝트를 실행하는 순서
2. 아이디어 단계, 구글 드라이브를 활용하세요.
3. 프로젝트 소개 사이트 만들기
4. 프로젝트 실행 단계에서의 IT 서비스 활용하기

C h a p t u r e 1 .
우리가 새로운 프로젝트를 실행하는 순서

우리가 새로운 프로젝트를 실행하는 순서
아이디어
• 아이디어 정리
• 자료조사&
현장확인&인터뷰
활동 준비
• 팀원 모집
• 문제 구체화
• 활동 계획서 작성
• 사이트 제작
활동 실행
• 참여자 모집
• 기부자 및
협력 기관 모집
• 보도자료 전달
• 프로젝트 실행
• 보완 점검, 재실행
활동 종료
• 활동 정리 및
경험 기록
• 정산
• 보고서 작성 및 공유
Google Drive (구글 문서, 스프레드시트, 설문 등)
Google 알리미, Page2.me를 통한 정보 습득 (프로젝트와 관련된 사회이슈, 지원사업, 참여 행사 정보 등)
Page2.me Plus를 통한 소식지 발행
Intropage, Google 사이트 도구를 통한 소개 사이트 제작/운영
intropage Series Map, Google Map 을 통한 커뮤니티 맵 제작

C h a p t u r e 2 .
아이디어 단계, 구글 드라이브를 활용하세요.

아이디어 단계
1. 아이디어 정리 : 구글 드라이브 > 구글 문서
https://drive.google.com
구글 드라이브를 활용하면 구글 문서, 스프레드시트 등 다양한 문서 도구를 온라인 상에서 작성할 수 있으며, 이를 다른
팀원들과 공동작업을 하기에도 편해요!

아이디어 단계
2-1. 학술 정보 조사
- DBPIA(http://www.dbpia.co.kr)
국내 학술지, 전문잡지,전자책, 웹DB, 동영상 강의 등을 제공하는
온라인 서비스
- KINDS(http://www.kinds.or.kr)
한국언론재단에서 제공하는 신문 기사 검색 서비스
- KOASAS(http://koasas.kaist.ac.kr)
KAIST 교수들이 학술지나 학회에 발표한 논문을 일반인들에게
무상으로 공개하는 온라인 시스템
- RISS(http://www.riss.kr)
교육부 출연기관 한국교육학술정보원이 제공하는 학술연구
정보서비스
2-2. 경제 리포트
- 삼성경제 연구소 SERI(http://www.seri.org),
- LG경제연구원(http://www.lgeri.com)
경제 전문가들의 인사이트를 얻을 수 있음
- 전자국회도서관(http://www.nanet.go.kr)
대학 과제의 자료조사 참고 사이트에 전자국회도서관을 빼면 시체라고
할 정도로 양질의 지식들이 많습니다. 국내 주요 도서관을 연계하여 통
합검색이 가능하기 때문에 필요한 자료를 찾을 때 전자국회도서관을 가
장 먼저 검색하는게 좋습니다.
- 대외경제정책연구원(http://www.kiep.go.kr)
세계경제전망에 대한 소식들을 확인 가능하며 주요기관들의 최신자료
를 얻을 수 있습니다.
2-3. 기타
Google Trends(https://trends.google.co.kr)
키워드 또는 주제로 전세계 검색 동향을 검색할 수 있는 서비스
2. 자료조사&현장확인&인터뷰

활동 준비
활동 준비를 하면서 활동 계획서, 일정, 경비, 미디어 리스트, 홍보 채널 분석 등 기록해야 할 것들이 다양하게 있는데,
구글드라이브의 구글 문서와 구글 스프레드시트를 활용하시면 팀원 모두가 현황 파악을 하기 쉬워져요.

C h a p t u r e 3 .
프로젝트 소개 사이트 만들기

참여와 확산을 위해 온라인을 도구로 활용하는 것은 이제 필수!
홈페이지 뷸더를 통해서
홈페이지가 있어야 프로젝트를
신뢰성 있게 소개
구글 설문으로 참여자를 모집
홈페이지/설문 등을 생성한 후
페이스북 / 이메일 등에
공유하여 프로젝트 참여와 확산

Q. 프로젝트용 홈페이지가 왜 필요해요?
국제개발 NGO 팀장
내부 직원수가 적어서, 홈페이지는 재능 기부에 의존할 수 밖에 없어요.
온라인 홍보가 필요한 것은 알지만, 현실적으로 업무에 대한 부담감이 있어요.
사회적 경제 영역 전문 기자
실행 주체자들의 이력과 함께 전문 홈페이지가 존재하면,
그래도 신뢰할 수 있는 단체와 프로젝트라는 생각이 들어요.
비영리 민간 프로젝트
소셜 캠페인에 필요한 아이디어가 있고, 다들 직장인이지만 시간을 할애해서
진행하고 싶어요. 이 활동에 힘이 되어 줄 디자이너와 개발자 분이 필요해요.
프로젝트 소개에 최적화된 사이트 제작툴을 만들어볼게요.
또다른 인터뷰 영상 https://youtu.be/YIOSmhcPO_w

직접 만들 수 있는 툴은 많고 각 서비스의 장점이 달라요.

사이트 제작툴은 크게 보면 3가지 분류 중 하나에 속해요.
1. Drag&Drop 방식의 사이트 제작툴 – Wix, weebly 등이 있는데, 포토샵 등에 익숙한 디자이너에겐 좋아요.
2. 고정 템플릿 기반 콘텐츠 삽입형 – 구글 사이트 도구, 네이버 modoo 가 있어요.
기능이 필요한 단순 홈페이지 제작 시 활용하면 좋아요.
3. 문서 기반 편집 툴 – intropage, wordpress 등 WCMS 툴이 이에 해당해요.
내용 전달에 목적이 있을 경우 효과적이에요.
난이도는.. 고정템플릿 > 문서기반편집툴 > Drag&Drop 순으로 쉬워요.

구글 사이트 도구 https://sites.google.com/
https://sites.google.com/new?usp=jotspot_si (새로운 사이트 도구)
기본 Google 사이트 도구를 사용하면 문서를
수정하는 것만큼 간단하게 팀 또는 회사 웹사이
트를 만들 수 있습니다. 신속하게 텍스트, 동영
상, 캘린더, 프레젠테이션, 파일 등을 추가하고
수집된 정보를 조직이나 기타 다른 사용자와 쉽
게 공유할 수 있습니다.
만들기 > 새로운 사이트 도구 사용
을 클릭하면 사이트 제작화면으로
이동합니다.

예제 사이트 샘플 : 언니오빠형누나 프로젝트
1. 언니오빠형누나 : 우리동네에 아이들이 충분한 놀이를 할 수 있는 환경을 조성하는 소셜 프로젝트. (비영리스타트업1기)
2. 블로그를 운영 중인데, 프로젝트를 소개하는 사이트가 필요함.
3. 자기들의 프로젝트 이야기는 잘 전달하는데.. 자신들에게 관심있는 사용자과의 연결 고리를 만들고자 함.
4. 지원사업에 선정되어 활동비를 확보했지만, 사이트를 제작할 수 있는 예산이 없음.

구글 사이트 도구 편집 창
처음에 작업화면을 열면..
이런 모습일거에요.
오른쪽 메뉴패널을 사용하여서 콘텐츠를
삽입하고, 상단의 게시 버튼을 클릭하면,
홈페이지가 완성되요.

구글 사이트 도구 – 상단 설정
사이트 이름 입력부분에 마우스를
위치하시면, 로고와 사이트 제목을
추가할 수 있습니다.
상단영역에 마우스를 위치시키면,
메뉴창이 나오고 배경, 머리글 유
형을 설정할 수 있습니다.

구글 사이트 도구 – 본문 작성
본문에서 더블클릭을 하면 빠른 삽입 팝업이 뜨고, 이곳에
서 콘텐츠 유형을 클릭하면 콘텐츠를 추가할 수 있으며, 오
른쪽 삽입 패널을 통해 추가할 수 있습니다.

구글 사이트 도구 – 본문 작성
구글 사이트 도구는,
구글의 서비스(유투브,캘린더,지도)를 빠르게 추가할 수 있고,
구글 문서도구에 미리 생성한 문서를 삽입할 수도 있습니다.

구글 사이트 도구 – 완성된 페이지
구글 사이트 도구- 편집창
http://goo.gl/aCQ6cQ
구글 사이트 도구- 완성된 프로젝트 소개페이지
https://sites.google.com/view/sisbro

인트로페이지 http://intropage.net/
intropage는 싱글페이지 기반 홈페이지를 제공합니다.
프로젝트에 대한 간단한 정보만 입력하셔도,
프로젝트 소개용 사이트를 빠르게 만들 수 있습니다.

예제 사이트 샘플 : 사각사각 프로젝트
1. 사각사각 프로젝트 : 개인기부자의 기부금을 복지 사각지대의 이웃을 연결해주는 서비스
2. 인트로페이지를 통해 프로젝트 최소 모델에 대한 사이트 제작 및 운영 중.
3. 자원봉사자의 모집이 필요하여 관련 페이지의 개설이 필요함.

인트로페이지 – 페이지 생성단계

인트로페이지 – 기본 정보 입력하기
기본 정보 입력 단계에서는
대표이미지, 프로젝트명, 간략한 소개글, 페
이지 URL, 주소, 연락처를 입력하실 수 있습
니다.
이곳에 입력된 정보는 검색엔진최적화(SEO)
에 사용되며, 외부 채널로의 이동시 최적화
된 정보로 활용됩니다.

인트로페이지 – 본문 입력하기
본문 입력하기는 글의 순서를 정하는 단계와
세부 내용 입력하기 단계로 구성이 되어 있어요.

인트로페이지 – 본문 입력하기 – 앱 (기능 추가하기)
앱 마켓 팝업을 통해 추가할 앱을 선택한 후
사용하기를 클릭합니다.

인트로페이지 – 본문 입력하기 – 앱 (기능 추가하기)
추가할 앱에 대한 세부 설정을 저장하면, 삽입될
위치에 앱 이미지가 출력됩니다.

인트로페이지 – 디자인 선택하기
인트로페이지에서 제공하는 디자인 템플릿을
선택할 수도 있고, 웹 코딩에 대한 지식이 있다면,
CSS/Javascript 코드를 직접 수정할 수 있어요.

인트로페이지 – 페이지 생성하기
제작한 사이트와 관련된 보조 정보를 입력한 후,
페이지 생성 버튼을 누르시면 완성된 사이트를
운영하실 수 있습니다.

인트로페이지 – Dashboard
제작된 사이트에 대한 방문자의 행동 분석 정보를
Dashboard와 이메일을 통해 제공해드립니다.

인트로페이지– 완성된 페이지
완성된 프로젝트 소개페이지
http://intropage.net/sgsg_volunteer
단축주소 자동 생성
http://npg.kr/sgsg_volunteer

구글 사이트 도구 – 장점
1. 파워포인트를 잘 하시는 분들은! 정말 쉽게 간단한 소개사이트를 만들 수 있어요!
2. 구글 드라이브를 통해 설문을 만들거나 문서를 만들어 사용하시는 분들은 이를 활용해서 더
욱 강력한 기능의 사이트를 만들 수도 있으며, 구글 애널리틱스를 사용하실 수 있다면 사이트
의 방문자를 분석하여 좀 더 능동적인 사이트 운영을 할 수도 있어요. (이 각각의 기능은 비전
문가에게는 조금 난이도가 있을 수도 있습니다.)
인트로페이지– 장점
1. 게시판, 모금 현황 그래프, 뉴스레터 수집 등 비영리 활동에 특화된 다양한 기능 모듈을 제공해요.
2. 이메일과 Dashboard를 통해서 사용자들의 행동 분석 정보를 실시간으로 제공하고 있기 때문에,
보다 능동적인 사이트 관리를 할 수 있어요.

C h a p t u r e 4 .
프로젝트 실행 단계에서의 IT 서비스 활용하기
- 보도자료 배포하기
- 필요한 자료 수집
- 뉴스레터 발행하기
- 커뮤니티 매핑 : 정보가 담긴 지도 만들기

보도자료 배포하기
1. 프로젝트와 관련된 키워드들로 검색하여서
기존 유사 기사를 발행한 기자들의 리스트를 정리합니다.
2. 기본 메일 포맷을 구글문서에서 제작합니
다. (향후 기사문 업데이트 시 용이)
3. 기자님들에게 메일을 발행하고, 트래킹합니다.

필요한 자료 수집하기
프로젝트를 시작하고 나서 지속적인 관련 자료의 수집은 필요합니다.
프로젝트에 대한 직접적인 정보와 함께 참여할 수 있는 지원사업 및 행사 정보 등에 대한 정보를
시의적절하게 활용하는 것이 필요합니다.
이때 활용할 수 있는 서비스로 구글 알리미와 페이지투미를 소개합니다.

구글 알리미http://www.google.com/alerts/
구글 알리미는 원하는 키워드들을
등록하면 수시로 또는 하루에 한번
정보를 모아서 보내줍니다.

Q.구글 알리미 써보면 어때요?
정모씨(33세/남)
편하지 단점은 중복되는게많다?
키워드 많아지면 안보고…
한모씨(28세/여)
키워드 기사는 다 긁어주니까요. 네이버에서 검색이 안되는 정보들까지..
외국자료도 다양하게 오는 것은 좋아요.
그런데 키워드를 많이 입력하면 한꺼번에 엄청 오거든요.
핸드폰 알람이 그럼 또 미친듯이 와서 요즘에는 핸드폰에 구글 연동을 풀었어요.
세부 설정을 해주시면 편해요!

구글 알리미 – 세부 설정
“옵션 표시”를 통해 세부 설정을
할 수 있으며..
복수의 키워드를 설정했으면,
전송시간과 요약 메일 발송을 설정
할 수 있어요!
* 이거 안하면 메일 폭탄!

구글 알리미 – 추가 팁!
Tip. 구글링 하듯이 검색어를 넣어주면 조금더 정확한 정보가 검색됩니다.
위 예는 ‘복지 사각지대’ 를 검색해봤습니다.
근데 검색어에 굳이 큰따옴표(“”)를 넣는 이유는 정확히 ‘복지 사각지대’ 를
검색하려고 해서 입니다.
큰따옴표 없이 검색을 하면 ‘복지’ 와 ‘사각지대’의 검색도 되어 원하지 않던
정보들도 수집이 될 수 있습니다.
구글 검색 더 정확히 하기 : https://support.google.com/websearch/answer/2466433?visit_id=1-
636440367661047669-2201381951&rd=1

구글 알리미 – 추가 팁!
복지사각지대와 “복지사각지대”
검색결과를 비교해봤어요.

메일- 폴더관리를 하시면 편해요!
국내 메일 서비스의 경우,
메일함을 추가하여 특정 메일주소로
발송되는 메일들을 별도로 관리할
수 있어요.
지메일의 경우, “유사한 메일 필터링”
을 통해 받은 메일을 분류하여 관리
할 수 있어요.

Q. 이메일로 정보를 받아볼 수 있으니 편해요!
그런데 내 관심분야는 상황에 따라 변하기도 하고..
매번 이렇게 추가해줘야 하는거에요?
음.. 좀 귀찮지요?
그럼. 정보는 우리가 알아서 보낼테니
가입만 해주세요.
http://page2.me

페이지투미http://page2.me/
가입만 하면 월,화,금요일에
사회적 경제영역과 관련된 정보를
이메일로 보내드려요.

저희가 보내드리는 메일에서 관심가는 정보만 보세요.
우린 그걸 분석해서 지금 필요로 하시는 정보를
다음 메일 발송 때 참고 하여 사용자별맞춤 메일을 발송합니다.

My page > 메일 필터 관리를 이용하시면
원하는 카테고리의 정보만을 받을 수도 있고,
특별히 원하는 검색키워드를 태그 형태로 입력해주시면
해당하는 정보들을 같이 받아보실 수 있어요.

Q. 만들게 된 계기가 있나요?
음.. 구글 알리미 좋아하는데, 관리하기가 번거롭기도 하고.
일이 바쁠 때는 지원사업이나 관련 정보를 찾아보기 어렵더라구요.
다들 비슷할 것 같아 만들었더니..
사회적 경제영역을 지원하는 중간지원 조직이나 소셜벤처 대표님들이
이용하고 계세요.
지금 25개 정보 제공사이트의 콘텐츠를 하루에 한번씩 수집하고,
각각의 정보의 특성을 자동분류하고 있어요.
혹시 수집이 필요한 사이트가 있다면
help@page2.me 으로 알려주세요!
수집-분류를 반자동화 했기 때문에 금방 추가할 수 있으니까요!

문제 의식 공유하기 : 뉴스레터 발행하기
많은 비영리 기관에서 이미 하고 있는 일 중 하나이기도 한 뉴스레터 발행.
내부 소식을 공유함과 동시에 주목하고 있는 사회문제에 대한 뉴스, 혹은 기관이 언급된 온라인 정보들을
검색하고 정리해서 정기적으로 메일을 발송하는 것은 문제 의식을 공유하고, 미션을 확산하는 데 큰 영향을 주는
활동 중 하나입니다.
요즘은 그렇게 정리된 내용을 메일 뿐 아니라 블로그, 소셜 미디어 등에서도 공유합니다.

뉴스레터 발행하기 : plus.page2.me
반복적인 키워드 검색을 한번에!
페이지투미 플러스에서는 반복적으로 사용하는 검색어를 등록만 해놓으면
통합 검색 결과를 한 화면에서 확인하고 저장할 수 있습니다.
이렇게 제작된 뉴스레터 메일 발송까지 페이지투미 플러스에서 한번에 진행할 수 있습니다.

정보 검색하기
검색을 희망하는 단어를 태그 형태로 추가하신 후 Tag 기반 새 정보 확인하기 버튼을 클릭하시면
하단에 수집된 정보가 출력됩니다.
메일 발송에 포함시킬 정보는 저장 버튼을 통해 추가할 수 있습니다.

정보묶음 발행하기
저장한 정보를 추가하거나 직접 추가 기능을 통해 직접 정보 링크를 추가하실 수 있습니다.
추가한 정보와 함께 발행하려는 정보 묶음의 제목과 요약정보를 작성 후 발행하기 버튼을 클릭하면 정보 묶음이
발행됩니다.

발행& 관리 : 메일발송
발행관리 페이지에서 메일발송을 희망하는 정보묶음을
선택한 후, 메일발송 탭으로 이동하면 메일을 발송할 수
있습니다.
메일발송의 대상은 팀원과 메일링리스트에 추가한 전체
인원 중 하나를 선택할 수 있습니다.

발행& 관리:메일리스트 발송 확인
메일리스트 발송 확인 탭을 통해 읽은 사용자의 정보를
확인할 수 있으며, 어떠한 정보가 많이 읽혔는 지 등의 분
석 정보를 제공하고 있습니다.

커뮤니티 맵핑! 지도 만들기
커뮤니티 매핑이란 커뮤니티(Community)와 매핑(Mapping)의 합성어로서,
커뮤니티 구성원들이 지도를 만들기 위해 정보를 수집하고 그 정보를 공유하는 일련의 과정이다.
즉 지도라는 매개체를 통해서 서로 간의 이야기를 나누고 정보를 효과적으로 공유하는 작업인 것이다.
출처 : 집단 지성의 힘 ‘커뮤니티 매핑’
https://goo.gl/eibA68
서울 사회적경제 포털 http://sehub.net/seoulse
사회적 기업의 정보를 지도 형태로 보여주고 있습니다.
제주 게스트 하우스 지도 http://najeju.com/
제주도의 게스트 하우스 정보를 제공하며, 검색 기능
을 제공합니다.

구글맵을 활용한 커뮤니티 매핑 사례
- 수요미식회&3대천왕 맛집 http://goo.gl/Y2YA1F
- 르완다 개발협력 프로젝트 https://goo.gl/XTHiW1
- 전국 마을지원센터 지도 https://goo.gl/vEnCWk

지도 만들기 – 기본 데이터
지도 정보로 표현하면 더욱 좋은
정보 뭉치를 가지고 있지 않나요?
이 정보로 맵을 만들어볼게요.
활용정보 출처 : 강동구 사회적 경제 현황
http://gdse.org/web/social_gd

구글 My maps https://www.google.com/maps/d/u/0/
구글 My maps를 이용하면,
맞춤 정보 지도를 만들 수 있습니다.

구글 My maps – 지도 정보 추가하기
검색창에 추가를 희망하는 주소를
삽입하고, 검색버튼을 클릭하시면
지도가 추가되요.

구글 My maps – 지도 정보 수정하기
수정 버튼을 클릭하면,
세부 정보를 수정할 수 있어요.

구글 My maps – 지도 정보 확인하기
지도 정보 보기 : https://goo.gl/DmLc6n
지도 정보를 한번에 넣는 다른 방법은?
https://youtu.be/HOlNUKO9wno
지도 정보 입력이 완료되었다면,
미리보기를 클릭하세요.
완성된 지도를 보실 수 있습니다.

인트로페이지 시리즈맵 http://intropage.net/ipg_series/my_series
시리즈맵은 구글맵을 활용하여
특정 주제의 맵을 만들 수 있는
기능을 제공합니다.

인트로페이지 시리즈맵 – 사용 전 준비사항
인트로페이지 시리즈 맵은 생성된 인트로페이지들을 주제별로 묶는 것을 목적으로 개발되었기
때문에, 한 개 이상의 완성된 인트로페이지가 필요합니다.

인트로페이지 시리즈맵 – 시리즈 생성하기
시리즈 생성하기 버튼을 클릭하면,
신규 시리즈를 추가할 수 있는 창이 출력됩니다.

인트로페이지 시리즈맵 –페이지 추가 (내가 만든 인트로페이지 추가)
페이지 추가하기 버튼을 클릭하면,
직접 만들거나 팀원으로 등록되어 있는
페이지 정보가 출력됩니다.
선택버튼을 누르면 해당 페이지 정보가
바로 추가됩니다.

인트로페이지 시리즈맵 – 외부 페이지 추가
주소를 가진 정보를 외부 페이지로

인트로페이지 시리즈맵 – 지도 보기
주소를 가진 정보를 외부 페이지로
완성된 시리즈맵 지도보기
https://goo.gl/P5A8Vb

감사합니다.
궁금하신 게 있으신가요?
연락주세요!
juro@treeple.net
누구나 쉽게,
인터넷을 도구로 쓸 수 있는
방법과 기술을 제공합니다.
트리플
서울시 송파구 석촌동 77-5 송원빌딩 3층 Treeple
Tel. 070-8692-0392 / E-mail. juro@treeple.net
www.treeple.net | www.intropage.net | www.page2.me

�ݺ�ߣ

NPO, Web을 더 똑똑하게 활용하기 2018

More Related Content

NPO, Web을 더 똑똑하게 활용하기 2018