�ݺ�ߣ

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

NPO 파트너페어 / NPO, Web을 더 똑똑하게 활용하기
Treeple.net © 2011-2017 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
워크샵 목표
인터넷에 정보를 확산하고, 획득하는 방
법을 공유하고자 합니다.
- 알아두면 유용한 Google이 제공하는 툴을 소개하고,
- 이와는 또 다른 방법으로 서비스를 제공하는 트리플의 서비스들을 소개하고자 합니다.

T a r g e t A u d i e n c e
이런 분이 들으시면 좋아요!
1. 일을 하다보면 시간은 없지만! 관련 분야의 최신 정보가 고프다!
2. 이메일을 보낼 수 있고, 구글 드라이브(워드,액셀,설문 등)를 사용할 줄 안다!
3. 예산은 부족한데, 프로젝트 소개용 사이트가 필요하다!

O v e r v i e w
발표 순서
1. 관심있는 정보를 이메일로 구독하세요.
1. 구글알리미
2. Page2.me
2. 프로젝트용 웹 사이트를 직접 제작해보세요.
1. 구글 사이트 도구
2. 네이버 모두
3. 인트로페이지
3. 커뮤니티 맵핑을 통해 같은 주제의 정보를 모아보세요.
1. 구글 맵으로 정보 지도 만들기
2. 인트로페이지 시리즈맵

C h a p t u r e 1 .
사회적 경제 영역의 최신 정보 중, 관심있는 정보를 이메일로 받아보세요.

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

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

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

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

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

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

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

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

페이지투미http://page2.me/
저희가 보내드리는 메일에서
관심가는 정보만 보세요.
우린 그걸 분석해서 지금 필요로 하시는 정보
를 다음 메일 발송일 때 보내드릴게요.

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

C h a p t u r e 2 .
비영리 프로젝트를 소개하는 사이트가 필요해요!

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

C h a p t u r e 2 .
직접 만들 수 있는 툴은 많고 각 서비스의 장점이 달라요.

C h a p t u r e 2 .
사이트 제작툴은 크게 보면 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 사이트 도구를 사용하면 문서를
수정하는 것만큼 간단하게 팀 또는 회사 웹사이
트를 만들 수 있습니다. 신속하게 텍스트, 동영
상, 캘린더, 프레젠테이션, 파일 등을 추가하고
수집된 정보를 조직이나 기타 다른 사용자와 쉽
게 공유할 수 있습니다.
만들기 > 새로운 사이트 도구 사용
을 클릭하면 사이트 제작화면으로
이동합니다.

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

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

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

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

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

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

구글 사이트 도구 – 장점
1. 파워포인트를 잘 하시는 분들은! 정말 쉽게 간단한 소개사이트를 만들 수 있어
요!
2. 구글 드라이브를 통해 설문을 만들거나 문서를 만들어 사용하시는 분들은 이를
활용해서 더욱 강력한 기능의 사이트를 만들 수도 있으며, 구글 애널리틱스를 사
용하실 수 있다면 사이트의 방문자를 분석하여 좀 더 능동적인 사이트 운영을 할
수도 있어요. (이 각각의 기능은 비전문가에게는 조금 난이도가 있을 수도 있습니
다.)

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

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

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

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

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

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

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

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

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

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

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

C h a p t u r e 3 .
커뮤니티 맵핑! 지도 만들기
커뮤니티 매핑이란 커뮤니티(Community)와 매핑(Mapping)의 합성어로서,
커뮤니티 구성원들이 지도를 만들기 위해 정보를 수집하고 그 정보를 공유하는 일련의 과정이다.
즉 지도라는 매개체를 통해서 서로 간의 이야기를 나누고 정보를 효과적으로 공유하는 작업인 것이다.
출처 : 집단 지성의 힘 ‘커뮤니티 매핑’
https://goo.gl/eibA68

C h a p t u r e 3 .
사용 예 – 서울 사회적경제 포털 http://sehub.net/seoulse
사회적 기업의 정보를 지도 형태로 보여주고 있습니다.

C h a p t u r e 3 .
사용 예 – 제주 게스트 하우스 지도 http://najeju.com/
제주도의 게스트 하우스 정보를 제공하며, 검색 기능을 제공합니다.

C h a p t u r e 3 .
사용 예 – 구글맵을 활용한 지도 정보
- 수요미식회&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

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

�ݺ�ߣ

Npo파트너페어 워크샵- NPO,웹을 더 똑똑하게 활용하기

More Related Content

Npo파트너페어 워크샵- NPO,웹을 더 똑똑하게 활용하기