트리플N 블로그

첫번째 채용 공고를 준비하며..

jurohan — Mon, 7 Dec 2020 06:44:42 +0900

트리플N의 첫번째 공개 채용을 진행하고 있습니다.

어떤 사람이 좋을까? 에 대한 고민을 나누다보니
우리 스스로 조금 더 구체화된 캐릭터를 설정하는 게 중요하다는 생각이 들었습니다.
우리가 대상을 명확히 할 수록 단순히 문서에 적힌 몇 문장, 혹은 말쏨씨가 아닌 우리와 맞는 사람을 찾을 수 있겠다는 생각이 들었기 때문입니다.

그래서 이번 공개채용에서는 크게 두가지 기준을 두고 생각을 시작하기로 했습니다.

첫번째. 우리에게 지금 필요한 사람 구체화하기

최근 몇년은 외주 개발과 내부 서비스라는 두가지 업무 중 그 비중이 외주 개발에 치우져있었습니다.
그래서 내부 서비스에 대한 개선과 개편작업이 뒤쳐질수밖에 없었는데,
그 사이 시장에는 카피캣이라 불릴 서비스들이 등장했습니다.

그렇기에, 더는 늦출 수 없이 이제는 다시 내부서비스에 집중하기로 결정했습니다

저희는 크게 인트로페이지와 페이지투미, 그리고 올해 개발을 진행하고 있던 지원 서비스라는
3가지 타입의 서비스를 가지고 있습니다.

페이지투미에 대한 디자인 및 기능 개편 작업은 진행했었기 때문에
지원과 인트로페이지에 대한 서비스 구조의 완성이 당장 해야하는 일이라 생각했고,
하나의 서비스 당 2개월 이내로 스프린트로 업데이트를 하고 사용자를 모으는 작업을 계획하고 있습니다.
이를 함께 할 팀원을 모으는 것으로 목표를 설정했습니다.

우리는 지금 내부 서비스를 개선하고, 시장에 알릴 사람이 필요하다.

1) UI/UX의 개선
내부 서비스에 대한 구조는 잡혔지만, 서비스 분야가 사회혁신/비영리 분야인만큼
IT기술 활용에 익숙하지 않은 활동가들 또한 서비스를 이용할 때 불편함이 없어야 합니다.
각 단계에 대한 친절한 가이드 역할을 할 수 있도록 UI 및 관련 콘텐츠를 고민하고 반영할 수 있는 역할이 필요합니다.
고객여정맵을 적극적으로 활용할 예정이며, 각 단계에 대해 디테일하고 치열하게, 고민해보고 실험해보는 걸 좋아하는 사람이면 좋을 것 같습니다.

2) 서비스 운영 PM
서비스의 개발을 진행할때 PM은 이 서비스의 확산을 위한 핵심파트너가 누구인지, 타겟고객과의 고객접점을 높이기 위해선 어떤 액션이 필요할지에 대한 고민이 필요합니다. 집안 살림꾼같은 역할로 생각하면 좋을 것 같습니다. 그로스해킹에 대한 관심이 있다면 저희의 각각의 솔루션은 좋은 놀이도구가 될 것입니다.

3) 웹 개발
회사의 새로운 프로젝트를 위해 개발 팀장님이 1년간 베트남으로 파견을 가게되어 3개월간은 주 1~2회 업무를 수행할 수 있을 것 같습니다. 내부 서비스에 대해서 함께 개편할 수 있는 개발자로 php 프레임워크는 Codeignigter 를 쓰고 있는데, 이에 대한 기본적인 이해가 있으면 좋을 것 같습니다. 실제 중요 개발영역은 되었기 때문에, UI개선에 따른 변경작업에서 함께 호흡을 맞추고, 각각의 서비스의 사용자 확대과정에서 새로운 기술 수요를 발굴하고 대응하는 것이 필요합니다.

4) 서비스 운영 지원(인턴)
서비스의 운영을 지원하며, 서비스 운영 PM과 함께 서비스의 고객접점을 넓히고, 그에 따른 콘텐츠 개발을 맡을 것입니다. 사회혁신 분야에 대한 관심과 이해가 있으면 좀 더 좋을 것 같습니다.

우리에게 필요한 사람들을 구체화하고 나니, 이들을 어떻게 찾고, 그들은 우리를 어떻게 발견하게 하지?라는 생각이 들었습니다.

두번째. 짧은 모집기간 동안 어떻게 효과적으로 모집하지?

모집기간 2주. 어떻게 하면 우리가 찾는 사람들이 트리플N의 정보가 전달할 수 있을까?
그들의 관심을 어떻게 살 수 있을까?

일단 다른 곳은 어떻게 하는지 찾아봤습니다.

1. 온라인 상 정보 등록
일단 공고문을 만들어 자신들의 채널(블로그, 홈페이지 등), 혹은 구글 설문, 채용 정보 플랫폼에 올렸습니다.
게시판 구조를 제외한 구글 설문, 채용 전문 사이트 등은 접수기능까지 제공한다는 점에서 접수의 편의성이 있었습니다.

채용 공고글 등록 유형

2. 관련 커뮤니티를 통한 홍보
기본적인 공고글이 만들어지면 자신들의 채널과 더불어 관련된 분야의 사람들이 많이 보는 채널을 통해 홍보하고 있었습니다.

관련 채널, 소셜미디어를 통한 정보 공유

3. 방향 설정
기존 사례들을 확인해보니, 채용정보들은 게시물 형태로 구성되어 있는데, 최초의 공고를 올리는 데,
차별화 포인트는 시각적인 차별화가 필요하다고 생각했습니다.

시각적으로 차별화 포인트로!

- 작은 부분까지 세심하게, 채용과정에서 우리의 서비스를 이용해볼 수 있도록
몇가지 페이스북에 공고된 정보를 보다보니, 이미지가 최적화되어 공유되지 못한 경우들을 확인할 수 있었습니다.
적어도 IT솔루션을 만드는 기업인만큼 작은 부분까지 최적화시켜 신뢰도를 높여야겠다는 생각이 들었고,
채용과정에 자사의 서비스인 Gwon을 활용하여서 채용 홍보과정에서 저희가 찾고자 하는 사람들이
저희의 서비스를 직접 체험해볼 기회를 제공하게 한다는 의도를 담았습니다.

이런 작은 부분의 불편함을 아는 사람들이 함께 할 수 있다면 좋겠어요.

페이스북, 카카오톡에 최적화된 모습으로 공유될 수 있도록 만들었습니다

- 채용공고 참여프로세스
이번 채용공고의 운영에 있어 필요한 것은 커뮤니티 기반 확산이라 생각했습니다.
지원(Gwon)서비스를 통해 시각적으로 좀 더 정리된 공고사이트를 만들고, 이를 유관 채널에 홍보합니다.
이를 통해 온라인의 약한 연결과 지인을 통해서도 재 확산함으로써 고객 접점을 확장하는 활동을 진행했습니다.

이러한 활동을 통해 우리의 소식을 접한 고객은 처음엔 모바일 디바이스를 통해 접할 가능성이 큽니다.
그리고 이를 확인한 후 관심이 있다면 이메일, 카톡 등을 통해 저장할 것이고,
다시 컴퓨터로 접근하여 정보를 확인하고 접수하는 행동을 할 것이라 생각했습니다.

채용공고 참여 프로세스 설정

- 준비 완료!
기초적인 계획을 세우고, 공고문과 서류, Gwon에 전용 홈페이지를 만들다보니 늦은 새벽에서야 준비가 마무리되었습니다. 첫번째 공개 채용인만큼 그 과정에서도 새롭게 생각해볼 수 있는 시간이였던 것 같습니다.

저희와 일한다면, 위의 프로세스처럼 단기 목표를 설정하고, 구체화하는 업무들을 진행할 것입니다.
어떤 분과 만날 수 있게 될지 기대 됩니다.

gwon.net/hire

트리플N 채용 공고

최초의 사회혁신 분야 특화 IT솔루션을 개발하고 있는 트리플N에서 함께할 인재를 모십니다. ::: A form created with gwon.net

gwon.net

트리플 N 새로운 이야기를 시작합니다.

jurohan — Fri, 4 Dec 2020 00:22:10 +0900

지난 10년, 트리플이라는 이름으로 인터넷을 기반으로한 IT기술을 활용하여 다양한 사회혁신 실험을 진행했습니다.
그 과정에 사회혁신 활동가들이 소진되어 현장을 떠나지 않게 하는 방법은 그들의 업무 부담을 덜어줄 수 있는 것이라는 믿음은 저절로 생겼던 것 같습니다.

그리고 이것은 하나의 툴을 만드는 것이 아니라, 사회혁신 활동의 과정에서 선순환 구조를 만드는 것이 더욱 중요하다는 생각이 들었습니다.

혹자는 말합니다. 이제는 디지털 전환이 필요하다고.

새로운 기술은 하루가 다르가 늘어나고, 그에 따라 새로운 솔루션을 붙여나가는 것도 필요하다고 합니다.
그리고 이를 디지털 전환이라고 말합니다.

적은 인력과 예산으로 운영되는 사회혁신과 비영리 실무자들은 다른 영역에 비해 개인이 수행하는 업무가 많고,
이로 인해 직무소진현상(Burn-out)을 호소하고 있습니다.

디지털 환경에 적응하기 위해 사회혁신 활동가는 얼마나 더 노력을 해야하는 것일까요?

기술은 분명 사람을 향해야 합니다. 인류의 발전에 있어 그것은 당연했습니다.
사회혁신 활동가는 본연의 활동에 집중할 수 있게 하고,
그외 부수적인 것들은 기술을 통해 조금 더 쉽게 다음 단계로 갈 수 있지 않을까요?

많은 기술의 시작은 그 기술이 바꿔줄 누군가의 불편함을 해소하기 위한 것이였습니다.

@인트로페이지 워크샵 / 사용자에게 초점을 맞춘 IT기술은 함께 웃을 수 있게 합니다.

사회혁신 활동가는 본인의 활동에 집중하며 만들어내는 콘텐츠들이 있습니다.

그것을 보기좋게 홈페이지의 형태로 만들어 더욱 넓은 확산이 일어날 수 있게 도와주고(intropage),
활동을 진행하면서 참여하면 좋은 행사나 지원사업 등의 정보를 모아서 시의적절하게 활용할 수 있게 메일로 전달했습니다.(page2.me)

그리고 지금은 사회혁신가들이 예산확보를 위해 참여하는 지원사업의 효율화를 위한 솔루션(Gwon)을 개발하고 있으며,
적은 예산과 전문인력의 부재 문제를 해결하기 위한 프로젝트를 준비하고 있습니다.

TreepleN은 직접적인 방법으로
사회혁신 활동의 성장단계별로 필요한 IT기술 솔루션을 만드는데 집중하고 있습니다.
더욱 많은 사회혁신 활동가가 IT기술을 부담없이 쓸 수 있는 생태계를 만들고,
이를 통해 지금은 너무나 쉽게 유실되고 있는 '경험'이라는 사회적 가치를 모으고 있습니다.
활동가들을 연결하고 이들의 협력을 통한 궁극적인 사회문제 해결을 돕기 위한 계획들을 세우고 있습니다.

새로운 10년을 함께 할 분들과의 만남을 기대합니다.
우리는 연결을 통해 사회문제를 보다 빠르게 해결할 수 있습니다.

gwon.net/hire

트리플N 채용 공고

최초의 사회혁신 분야 특화 IT솔루션을 개발하고 있는 트리플N에서 함께할 인재를 모십니다. ::: A form created with gwon.net

gwon.net

Masonry 형태의 게시판 신규 스킨이 추가되었습니다.

jurohan — Wed, 5 Feb 2020 23:01:48 +0900

인트로페이지 XE에 새로운 게시판 스킨이 추가되었습니다.

masonry 형태의 게시판인 Treeple Contents board 입니다.

masonry는 벽돌을 쌓는 공사, 즉 석자라는 의미를 가지고 있는데, 사진 공유 서비스인 핀터레스트가 인기를 끈 후

이러한 형태의 레이아웃이 크게 인기를 끌고있어요. (출처 : 생활코딩)

mansony 레이아웃

이러한 masonry 레이아웃은 해외 뿐 아니라 국내에서도, 사진 및 이미지를 적극적으로 사용하는 콘텐츠 게시판의 경우 폭넓게 사용되고 있어요.

LG 챌린저스 홈페이지의 글챈 스토리

최근 인트로페이지 XE 기반으로 제작하였던 인천공항공사의 가치가세 사이트에서 masonry 게시판의 제작이 필요해서 기본형에 대한 개발을 진행하였고, 이를 intropage XE의 기본 모듈 중 하나로 추가하는 작업을 진행하였습니다.

Treeple Contents board의 목록 페이지

Treeple Contents board의 상세 페이지

이번 Treeple Contents board 게시판 스킨의 경우 봉사자들의 사례를 다루는 블로그형 콘텐츠 게시판, 혹은 지원사업의 참여기관을 소개하는 페이지 등 각 콘텐츠별 이미지가 1개 이상은 존재하는 경우에 사용하시는 것이 좋으며, 도입 시 기존의 게시판에 비해 사용자들에게 콘텐츠의 몰입감을 줄 수 있을 것입니다.

Treeple Contents board 게시판 샘플을 보시려면, 하단의 링크를 확인해주세요.

http://treeple.net/web/other_work

외부협력&외주개발 - 트리플

사회혁신, 비영리 분야의 선행 사례에 대한 정보 기록 및 활용의 한계를 개선하기 위해 데이터 분석 및 웹에 대한 전문적인 기술을 활용하여 소셜 섹터에 꼭 필요한 웹 서비스들을 개발하고 있습니다.

treeple.net

인트로페이지 XE는 사회혁신, 비영리 기관 전문 홈페이지 제작 서비스입니다.

홈페이지의 제작, 개편이 필요하신 경우 문의해주세요.

http://treeple.net/web/service/324

intropageXE - 서비스 소개 - 트리플

070-8692-0392 help@treeple.net

treeple.net

위지윅 에디터의 기능 개선이 진행되었어요.

jurohan — Tue, 20 Aug 2019 23:18:42 +0900

위지윅에디터에 컬러픽커가 추가되었어요!

안녕하세요! 인트로페이지를 운영중인 Treeple의 주로입니다.

최근 위지윅에디터에서 입력한 글자의 색상을 바꿀 수 있는 기능이 추가되었어요.

최근에 공개된 다양한 위지윅에디터들은 더욱 다양한 기능들을 제공하기 때문에,

현재 사용하고 있는 마인드멉에서 개발했던 부트스트랩기반의 위지윅 에디터를 바꿔보려고 알아봤었어요.

기능적으로는 마음에 드는 몇가지 위지윅 에디터가 있었지만..

기능이 풍부해질수록, 모바일 디바이스에서는 사용하기에 한계가 있어서 고민을 좀 하다가..

컴퓨터 없이, 스마트폰만 있는 환경에서도, 아프리카처럼 인터넷 환경이 열악한 곳에서도 진행하고 있는 사회혁신 활동을 알릴 수 있는 프로젝트 소개용 사이트를 만들 수 있게 하자! 라는 인트로페이지 초기 미션을 유지하고자..

기존에 쓰고 있던 위지윅 에디터에 팔레트를 직접 개발하여 붙이는 것으로 결정하고,

이에 대한 작업을 진행했어요. 이왕 위지윅을 수정하는 김에, 버튼 영역의 그라데이션 효과부분도 없애서

좀 더 깔끔한 디자인이 되도록 바꿨어요.

시간나는데로 또 많이 필요로 하시는 기능이 뭐가 있을까! 고민해서

위지윅 에디터를 추가 개선해보도록 하겠습니다. :)

소소한 몇가지 업데이트

jurohan — Mon, 12 Aug 2019 22:53:38 +0900

안녕하세요. 인트로페이지를 운영 중인 juro입니다.

소소한 업데이트는 블로그에 따로 공유하진 않았지만!

최근 소소하게 업데이트 했던 것들을 기록하고자 공유합니다.

1. 인트로페이지 제작 단계 GNB의 아이콘 변경

인트로페이지의 제작단계간 이동을 할 수 있는 방법 중 가장 많이 쓰이는 것이 하단의 고정 GNB 영역의 아이콘을 통한 이동이였는데요. 하단의 GNB가 처음에 눈에 안들어온다는 의견이 있었습니다. 단순히 아이콘만 나타나있으니 각 단계를 설명하기에 좀 부족하다는 의견도 있었어요.

이를 개선하고자 기본 아이콘의 변경과 더불어 한글을 함께 병기하였습니다. 좀 더 가독성을 높이고자 했는데, 의도가 잘 반영된 것 같나요 :)?

2. 확장 기능 아이콘 변경

확장기능 아이콘 변경

현재 인트로페이지에서는 5가지 확장 기능을 제공하고 있습니다.

기능 개발에 집중하다보니 각 기능별 아이콘이 통일성이 부족한 상태에서 임시로 개발되었던 것을 계속해서 사용하고 있었는데, 최근 이에 대한 리뉴얼 작업도 진행하였습니다.

3. 개인 회원의 프로필 사진 업로드 기능 추가

회원 프로필 사진 업로드

인트로페이지의 회원 사진을 바꿀 수 있는 방법을 기존에는 제공하지 않았습니다.

최근 사용성 및 개인화 기능을 개선하는 작업들을 진행하는 과정에서 개인 프로필 사진을 바꿀 수 있는 기능을

추가하였습니다.

인트로페이지는 최근 서비스 단계에서 필요한 준비들을 진행하고 있습니다.

주요 기능 개발에 집중하다보니 이용 편의성을 높이기 위한 준비가 많이 부족했었던 것을 깨달았거든요.

조금씩 개선되고 있는 인트로페이지에 앞으로도 관심 많이 가져주세요!

더욱 다양한 사회혁신 활동을 담고, 소개할 수 있는 인트로페이지가 되겠습니다.

[기능소개] 보유 도메인 연결하기

jurohan — Sun, 4 Feb 2018 18:39:26 +0900

안녕하세요. 인트로페이지입니다.

인트로페이지를 통해 홈페이지를 만들게 되면,

기본적으로 http://intropage.net/user_page_name 과 같은 형태의 주소를 제공하며,

http://1pg.me/user_page_name , http://npg.kr/user_page_name 등의 단축 주소를

함께 제공하고 있습니다.

하지만 프로젝트에 따라 직접 hosting.kr 등의 도메인 구매 사이트를 통해 원하는 도메인을 구매하고, 이를 인트로페이지와 연결하여 사용하기를 희망하는 경우가 있으실 텐데요!

기존에는 도메인 제공업체에서 제공하는, 도메인 파킹, 도메인 포워딩 등 간접적인 방법으로 연결하시도록 안내했었습니다.

하지만!

이렇게 도메인 파킹, 포워딩을 통해 연결하게 되면..

페이스북이나 카톡 등에서 페이지를 공유할때..

아래 이미지 처럼 본문 요약 정보 및 대표이미지까지는 최적화되어 보여지지 않는 문제가 있었습니다.

최근 인트로페이지의 신규 기능 개발 작업을 통해 인트로페이지에 자신이 보유한 도메인을 직접 연결할 수 있는 기능을 추가하였습니다.

즉, 다시말하자면... 이제는 제작하신 인트로페이지에 고객님이 보유한 도메인을 직접 연결하여 사용하실 수 있습니다 :)

이제 그 연결방법에 대해 소개해드리겠습니다.

1. 도메인 구매 사이트의 네임 서버 설정 기능을 활용합니다.

도메인을 구매하신 사이트에 로그인을 한 후,

구매 도메인 리스트에 가시면, 네임서버 설정 관리라는 항목이 보일 것입니다.

(본 화면은 hosting.kr 을 기준으로 작성하였습니다.)

연결을 희망하시는 도메인을 선택한 후 네임서버 설정 변경을 선택하고 신청하기를 클릭합니다.

* 도메인 구매 사이트에 따라 네임서버(name server) 설정 관리을 제공하지 않는 곳도 있긴하지만.. 최근에는 거의 모든 사이트가 무료로 제공하는 부분이기 때문에

자신의 구매 사이트에서 네임서버 관리 기능이 보이지 않는다면, 해당 사이트의 고객센터에 문의해보셔야 합니다.

2. 네임서버 설정 페이지에서 A 레코드를 추가합니다.

일반적으로 네임서버 설정 페이지에 보면 여러 항목에 대해 설정할 수 있도록 되어 있긴한데, 인트로페이지와 직접 연결하는 데 필요한 것은 A레코드(서브 도메인)입니다.

레코드 타입을 A로 맞춘 상태에서 IP 주소를 115.71.238.141로 변경을 한 후,

적용하기를 클릭합니다.

서브 도메인 영역에 아무것도 입력되지 않았을 때가 기본 도메인일 경우이며,

이 외에 www 를 추가해놓으시면 사용자의 추가 접근 가능성 또한 지원할 수 있습니다. (일부사용자의 경우 naver.com 외에 www.naver.com 을 입력하여 사이트에 방문하는 경우도 있는데, www 서브 도메인을 설정하지 않으면.. 이렇게 접근하는 사용자에게는 사이트가 보여지지 않습니다.)

3. 인트로페이지에 도메인 추가하기

연결을 희망하는 인트로페이지의 설정 마지막 단계(페이지 활성화)의 상단을 보시면 보유 도메인 URL 이라는 항목이 있습니다.

이곳에 연결을 희망하시는 도메인 url을 입력합니다.

그러면, 하단에 해당 도메인의 등록 가능여부가 출력되는데..

등록이 가능한 경우 '등록하기' 버튼을 누르시면 도메인 추가가 완료됩니다.

연결이 완료되면.. 다음 이미지와 같이 입력한 도메인이 추가된 것을 확인할 수 있습니다.

위와 같은 과정을 진행하고나면,

최소 30분에서 최대 1일의 시간이 지난 후 확인을 해보면 정상적으로 등록되어 있음을 확인할 수 있습니다.

인트로 페이지는 앞으로도 도움이 될만한 기능들을 지속적으로 추가 및 확장할 수 있도록 노력하겠습니다.

인트로페이지의 새로운 정보를 듣고 싶으신 분은 http://intropage.net 에 이메일 주소를 등록해주세요.

감사합니다.

[기능 소개] 인트로 페이지로 참가자 모집 사이트를 만들어 보세요.

jurohan — Thu, 21 Dec 2017 19:39:30 +0900

인트로 페이지는 앱기능을 통해 폼 위자드를 제공하고 있습니다.

폼 위자드는 별도의 소스 입력 없이 참여자 등록폼을 제작 할 수 있는데요.

행사나 모임등 참가자를 모집할때 참가자 모집 사이트를 만들어

참여인원의 정보수집이나 관리등을 쉽게 할수 있고 참여자가 등록되면

이메일로 등록 사실을 알려줘서 쉽고 빠르게 확인할수 있습니다.

참여자 등록폼은 인트로 페이지가 필요 합니다.

http://blog.intropage.net/category/%EC%84%9C%EB%B9%84%EC%8A%A4%20%EC%86%8C%EA%B0%9C

참여자 등록폼은 페이지를 제작 하는 중이나 제작 했던 사이트에 추가가

가능합니다.

또 삽입 위치를 원하는 위치로 쉽게 수정이 가능하기 때문에 사이트 편집이나

디자인을 바꾸고 싶을때 편리하게 이용할 수 있으며 완성도 높은 사이트를

만드실수 있습니다.

참여자 등록폼 사용법은 먼저 본문을 구성하고 내용을 입력합니다.

기본 구성을 끝내셨으면 저장을 하시고

아래 앱을 클릭하시면 앱 마켓 창이 열릴 것 입니다.

폼위자드의 자세희 보기를 클릭하시면 설명과 사용유무를 확인하는 창이 열립니다.

여기서 사용하기를 클릭하시면 폼 위자드 제작화면으로 넘어갑니다.

앱 타이틀과 앱 설명을 작성하실 수 있으며 아래 필요한 정보를

수집하기 위한 입력 항목을 추가하여 작성하실 수 있습니다.

항목 추가는 9개까지 추가가 가능하며 입력 형식은 그림과 같이 6가지가 있습니다.

필수로 입력 해야 하는 항목이 있으면 체크박스를 클릭 하셔야 하고

꼭 입력 하지 않아도 되는 항목은 체크를 푸시면 됩니다.

앱 삽입은 그림과 같이 원하는 위치로 선택하여 올릴 수 있으며 수정이 가능합니다.

설정이 다 되셨으면 생성하기를 클릭하시고 작업이 완료 후에 아래 모니터 모양의 활성화 아이콘을

클릭하신 후 사이트 생성을 클릭하시면 반영됩니다.

생성이 완료되면 아래 사진과 같이 폼을 추가한 곳에 신청자 페이지가 생성됩니다.

수정을 클릭하시면 바로 수정이 가능하고 신청자 리스트를 클릭하시면

참여한 인원 리스트를 보실 수 있습니다.

위의 사진은 사이트 작성자 화면이며 완성되면 작성자, 팀원 외에 다른 분들에게는

아래와 같은 화면이 표시됩니다.

인트로 페이지 서비스가 궁금하신 분은 아래 주소를 통해 메일 주소를 남겨주세요.

http://intropage.net

[기능 소개] 시리즈맵 소개

jurohan — Mon, 27 Nov 2017 19:52:01 +0900

시리즈맵은 인트로페이지의 기능으로 인트로 페이지와 외부 링크의 위치와 정보를 지도에 표시하여 보여주는 커뮤니티 맵핑 서비스 입니다.

커뮤니티 맵핑이란 커뮤니티(Community)와 맵핑(Mapping)의 합성어로서, 커뮤니티 구성원들이 지도를 만들기 위해 정보를 수집하고 그 정보를 공유하는 일련의 과정입니다. 즉 지도라는 매개체를 통해서 서로 간의 이야기를 나누고 정보를 효과적으로 공유하는 방법을 커뮤니티 맵핑 이라고 합니다.

커뮤니티 맵핑에 대한 자세한 설명은 이 링크를 통해 확인 하실 수 있습니다.

https://goo.gl/eibA68

그럼 인트로페이지의 시리즈맵 기능을 활용해 커뮤니티 맵을 만드는 방법을

소개하겠습니다.

인트로페이지 시리즈 맵은 기존에 생성하셨던 인트로페이지들을 특정 주제별로 묶는 것을 목적으로 개발되었기 때문에, 시리즈맵을 새롭게 생성하시려면 한 개 이상의 완성된 인트로페이지가 필요합니다.

인트로 페이지 제작 페이지 링크

http://blog.intropage.net/category/%EC%84%9C%EB%B9%84%EC%8A%A4%20%EC%86%8C%EA%B0%9C

인트로 페이지를 제작 하신 후 시리즈를 생성하여야 시리즈맵을 이용할 수

있습니다.

시리즈 제작 페이지 링크http://blog.intropage.net/search/%EC%8B%9C%EB%A6%AC%EC%A6%88

위의 링크로 인트로페이지부터 시리즈까지 작성하셨다면

아래 그림과 같이 페이지 추가하기와 외부 페이지 추가하기가 나타나게 됩니다.

시리즈맵은 기존에 제작했던 인트로 페이지를 추가하여 지도에 표시하여 볼 수 있는 페이지 추가하기 와 외부 정보를 가져와서 새로 추가하는 외부 페이지 추가하기가 있습니다.

페이지 추가하기 버튼을 누르면

위의 사진과 같이 기존에 제작했던 인트로 페이지 목록이 나오며

원하는 페이지의 제목 옆의 선택 버튼을 클릭하시면 시리즈맵의 연결된

페이지로 등록이 됩니다.

외부 페이지 추가하기 버튼을 클릭하시면 사진과 같이 정보를 추가할 수 있는 화면이 활성화 되고 빈칸에 정보를 입력하고

우측 아래 외부 링크 추가 버튼을 클릭하시면 외부 링크에 추가가 됩니다.

페이지를 추가하시면 상단의 지도에 추가한 페이지의 위치가 표시됩니다.

지도를 클릭하시면 위와 같이 큰화면의 지도를 보실수 있으며 우측에 추가한 페이지 목록을 확인 하실 수 있습니다.

지도상의 아이콘을 클릭하시거나 우측 목록을 클릭하시면 입력하였던 정보를 자세하게 보실 수 있습니다.

검색 기능을 이용하면 입력하신 문구의 내용이 들어가 있는 목록만 출력이

가능 하여 검색 기능을 통해 원하는 정보만 지도에서 보실 수 있습니다.

시리즈 맵은 기본 구성, 일반 구성, 고급 구성으로 세가지로 나눠지며 기본 구성은 인트로 페이지로 제작된 웹사이트 와 외부 링크를 합해서 10개까지 추가 할 수

있으며 일반 구성(50개), 고급 구성(무제한)을 이용하시려면 결제가 필요합니다.

series info 에서 시리즈 이용 가격 안내를 클릭하시면 위와 같은 화면이

출력 되고 기본 구성과 가격을 알아보실 수 있습니다.

결제는 하단 문의하기를 클릭하시면 위의 사진과 같이 가격을 계산 할 수 있는 화면이 출력됩니다.

각 항목별 정보를 입력하면 예상 견적이 측정 되며 아래 문의하기를 클릭하시면 접수가 됩니다.

접수내용은 My pages의 Help 메뉴에서 확인할 수 있습니다.

* 상세보기를 클릭하면 진행 단계를 확인 하실 수 있으며, 진행 전에는 요청을 취소할 수 있습니다.

인트로 페이지 서비스가 궁금하신 분은 아래 주소를 통해 메일 주소를 남겨주세요.

http://intropage.net

NPO, Web을 더 똑똑하게 활용하기 - 워크샵 자료

jurohan — Thu, 26 Oct 2017 12:22:16 +0900

안녕하세요.

지난 10/24일 김구기념관에서 열렸던 NPO 파트너페어에 부스와 워크샵으로 참여했었습니다.

인트로페이지와 시리즈 맵, Page2.me라는 저희 내부 서비스와

구글 사이트 도구, 구글맵, 알리미 서비스에 대한 사용방법 및 팁을 공유하는 자리를 가졌습니다.

이 자료가 다른 분들에게 조금이나마 도움이 되시기를 희망합니다 :)

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

npo파트너페어_워크샵.pdf

[기능 소개]사이트에 그래프를 삽입해보세요.

jurohan — Sat, 9 Apr 2016 00:15:43 +0900

작은 영웅전이라는 타이틀 아래 활동가를 지원하는 프로젝트를 진행하고 있습니다.

소셜 미션을 가진 활동을 실행하는 활동가들에게 프로젝트 사이트를 지원함으로써
프로젝트에 대한 정보 확산과 전달력에 도움을 주는 것을 목표로 진행하고 있습니다.

이들 프로젝트들을 인트로페이지를 통해 지원하다보니, 소셜미션을 가진 프로젝트 중 단기 프로젝트의 경우 모금이 큰 축을 이루고 있는 것을 확인할 수 있었고 현재의 모금 진행상태를 그래프 형태로 보여주는 것이 정보 전달력을 높이는 데 도움을 줄 수 있을 것이라 생각을 하여 '목표달성 그래프' 기능을 제작하였습니다.

1. 목표달성 그래프 만들기

그래프는 페이지 생성 마지막 단계인 '활성화' 단계에서 할 수 있습니다.

그래프를 추가하려면, '그래프 만들기' 버튼을 클릭하면, 그래프 생성창이 출력됩니다. 항목별로 정보를 입력한 후 추가를 누르면, 그래프가 생성됩니다.

그래프가 추가되면, 등록된 내용을 아래와 같이 볼 수 있습니다.

그래프의 삽입위치는 콘텐츠는 본문 콘텐츠의 각각의 영역의 다음 위치에 자동 삽입되도록 할 수 있으며, 직접 삽입 코드를 복사하여 본문 콘텐츠 영역에 직접 추가를 할 수도 있습니다. 삽입코드가 이미지 요소로 되어 있지만, 활성화된 페이지에서는 사이트가 로딩 되면서 이 코드를 그래프 코드로 대체하여 출력됩니다.

그래프는 추가만하면, 활성화버튼을 클릭하지 않아도 바로 활성화 페이지에서 항목을 확인할 수 있으며, 삽입 모습은 아래의 이미지와 같습니다. 그래프 요소 또한 사용자가 CSS 코드를 편집하여 디자인을 수정할 수도 있게 하였습니다.

2. 그래프에 값 삽입하기.

생성한 그래프에 값을 추가하는 것은 Mypage > Dashboard에서 가능합니다.
그래프가 없을 때 사용자들은 본문 콘텐츠에 직접 모금액을 입력하는 업데이트를 해야했는데, 이는 사용자가 정보를 업데이트 하는 데 필요한 단계가 많아지며, 시스템상에서도 모든 콘텐츠 업데이트를 활성화를 해야 반영이 되게 하는 것은 부담을 줄 수 있는 부분이기 때문에 분산화해야하는 필요성이 있었습니다.

그래프 값의 경우 시스템이나 사용자 동선 상 적합할 것으로 판단되어 Dashboard에서 값을 입력하고, 전체 모금액 현황을 볼 수도 있게 구성하였습니다.

값 추가하기 버튼을 클릭하면 값 입력 창이 출력됩니다.

입력할 수 있는 항목은 3가지입니다. 항목명은 기부자명 같이 입력항목의 값을 분별할 수 있는 것을 입력합니다. 입력값 1은 목표량에 반영될 총 값을 입력을 하고, 입력값 2는 보조값으로 입력값 1에서 뺄 금액을 입력할 수 있는 항목입니다.

만약 모금액의 경우 리워드 등 실제 목표값에서는 제외해야하는 값이 있을 경우 제외할 값을 입력하면 이 값을 뺀 합계가 그래프에 반영되게 해야하기 때문에 입력값 2 항목이 필요했습니다. 샘플값을 입력해봤습니다. 입력값 1에 3만원을, 입력값 2에 만원을 입력했더니, 현재 값이 2만원이 되어 있는 것을 확인하실 수 있습니다.

입력된 값은 활성화된 페이지에 아래와 같이 바로 반영이 됩니다.
기본적으로 출력되는 항목은 목표달성 그래프명, 그래프 설명, 현재 누적율, 누적 수치, 항목명 등입니다.

이번에 새롭게 추가된 목표달성 그래프는 모금 관련, 단계가 존재하는 프로젝트 사이트에서 현재의 상태를 사용자들에게 전달하는 데 유용하게 사용할 수 있을 것이라 생각합니다.