intropage blog

블로그 이미지
intropage 와 관련된 소소한 이야기들을 공유할게요.
jurohan

Article Category

분류 전체보기 (24)
서비스 소개 (2)
서비스 업데이트 (14)
운영 이슈 (1)
활용 사례 (3)
참고자료 (4)

Recent Comment

Recent Trackback

Calendar

«   2017/09   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

Archive

My Link

  • Total1,948
  • Today0
  • Yesterday0
  1. 2016.04.09
    [기능 소개]사이트에 그래프를 삽입해보세요.
  2. 2015.12.22
    [기능 업데이트] 콘텐츠 편집 기능 - 코드 작성 유무 체크
  3. 2015.12.09
    [기능소개] 배경이미지 쉽게 변경하기
  4. 2015.10.29
    [기능 업데이트]활성화된 인트로페이지에서의 콘텐츠 즉시 수정 기능
  5. 2015.02.22
    [기능 소개] 본문 링크 카운트 기능
  6. 2015.01.20
    [기능 소개] 공지 팝업
  7. 2014.12.19
    [기능 소개]live Update
  8. 2014.12.16
    [기능 소개] DashBoard
  9. 2014.12.16
    [기능소개] 멀티 뷰 모드 지원
  10. 2014.12.15
    [기능 소개] 시리즈

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

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


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

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

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


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


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

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


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




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

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

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



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

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

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


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



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


신고
Trackback 0 and Comment 0

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

최근, 기존에 개발되었던 인트로페이지의 콘텐츠 변경을 베타테스터 사용자가 직접 수정을 하면서 기존에 작성한 코드가 유실되는 상황이 발생할 수 있음을 확인할 수 있었습니다.

위지윅 에디터를 통해 인트로페이지로 작성한 홈페이즈의 콘텐츠를 사용자라면 손쉽게 편집을 할 수는 있지만, 기존에 개발자가 참여하여 완성된 사이트의 경우 위지윅을 통한 콘텐츠 입력이 아닌 직접 코드 입력을 통해 홈페이지를 최적화합니다.

이렇게 개발된 홈페이지에 html코드가 익숙치 않은 사용자가 직접 수정을 하게 되면, 위지윅 에디터에서는 보이지 않는 숨겨져있던 기능 코드들을 실수로 삭제하고 콘텐츠를 변경할 수 있는 가능성이 존재하며, 이럴 경우 사이트의 구성 및 기능에 영향을 주는 경우가 발생합니다.

본 이슈를 관찰하면서, 일반 사용자 층이라면 당연히 접할 수 있는 부분이라 생각하였고, 이들에게 어떻게 숨겨진 개발 코드가 있는지에 대한 힌트를 제공하여 사고를 미연에 방지할 수 있을지 고민하다가 위지윅 에디터를 호출하는 상황(콘텐츠 편집)에서는 기존에 등록된 코드를 시스템 상에서 분석하여 추가 기능성 코드가 작성되었는지를 추측할 수 있는 키워드가 있을 경우, 알림 창을 띄워줌으로써 경고할 수 있는 방법을 생각하였고, 이내 관련 코드를 작성하여 기능을 개선하였습니다.

현재 기능성 코드로 의심되는 키워드로는 script, javascript, id, class, style 등입니다.

본문 콘텐츠에 대한 기능적, 디자인적 수정을 가하려면 필수적으로 입력하는 키워드들이기 때문에 실수로 기능이 유실되는 이슈는 이번 기능 업데이트로 최대한 줄여줄 수 있을 것이라 생각합니다.


신고
Trackback 0 and Comment 0

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

인트로페이지는 기 디자인된 코드 템플릿을 바로 적용하여 사이트의 디자인을 손쉽게 변경할 수 있게 하며, CSS/JS 코드를 직접 작성하거나 수정할 수 있는 사용자의 경우 직접 작성할 수 있는 온라인 코드 에디터 기능을 제공하고 있습니다.

하지만 비개발자의 경우 원하는 디자인 템플릿을 선택하여도 배경이미지 등을 자신의 기호에 맞게 수정하기에는 한계가 있었습니다.


이를 위지윅에디터를 통해 조금 쉽게 할 수 있는 방법을 고려하긴 하였으나 코드 자체가 생소한 사용자들에게는 이 또한 어렵게 느껴졌을 것입니다.

이에 조금 더 쉬운 방법을 고민하다가 원하는 영역의 배경이미지를 클릭한번으로 변경할 수 있는 방법을 도출하였고, 이에 대한 개발을 최근에 진행하였습니다.

1. 생성중인 인트로페이지의 디자인 선택 단계로 이동합니다.


2. 수정 버튼을 클릭하면, 팝업창이 출력됩니다.


3. 상단 메뉴창에서 배경 이미지 수정을 클릭합니다.


4. 배경 이미지 등록/변경을 원하는 영역의 배경 변경 버튼을 클릭합니다.

5. 이미지를 업로드 합니다.

6. 퍼블리싱 단계로 이동 후 페이지 활성화 버튼을 통해 수정 내용을 반영합니다.



7. 변경된 배경 이미지를 확인하실 수 있습니다.


다음에 개발할 기술에 대해서는 아직 결정되진 않았지만,
사용자가 조금이라도 더 쉽게 웹을 도구로 쓸 수 있게 도움을 줄 수 있는 기능이라는 방향성은 유지될 것 입니다. 


감사합니다.

신고
Trackback 0 and Comment 0

안녕하세요. 최근 업데이트된 기능에 대해 소개합니다.

인트로페이지는 생성되니 콘텐츠에 대해 관리자 계정으로 로그인 된 상태라면,
활성화 된 인트로페이지에 수정 버튼을 통해 본문 콘텐츠를 바로 수정할 수 있는 기능을 개발했었습니다.

이러한 형태를 통해 사용자가 콘텐츠를 수정하기 위해 몇단계의 페이지를 거쳐야 하는  번거로움을 줄여줄 수 있었습니다.

그런데 실제 사이트를 제작하고 운영해본 결과, 콘텐츠의 수정이 모바일에서는 작은 사이즈의 화면 내에서 모달창을 통해 편집창을 불러오는 방식은 이용에 불편함이 있었고, 일단 새로운 방법을 적용하기까지는 모바일에서의 활성화 페이지 내 콘텐츠 직접 수정 기능은 막아놨었습니다.


이 문제에 대해 해결방법을 고민하던 중, 현재 공지 팝업 띄우기 처럼 웹페이지 최상단에서 슬라이드로 수정창이 내려오는 방법을 사용한다면, 모달창의 한계를 극복할 수 있을 것 같았고, 최근 이 방법으로 기능을 업데이트 하였습니다.

위 방법을 통해 개편된 콘텐츠 즉시 수정 기능은 이제 모바일에서도 사용이 가능합니다.


인트로 페이지 서비스에 사용을 원하시는 분은

http://intropage.net 을 통해 이메일을 남겨주세요.

새로운 소식들을 전달해드립니다.




신고
Trackback 0 and Comment 0

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

이번 글에서 소개해 드리고자 하는 기능은 활성화 된 인트로 페이지의 본문에 삽입한 링크 URL도, 관련 링크에 추가한 경우 자동으로 카운트 되는 기능을 추가했습니다.

이를 통해 방문한 고객이 하단의 관련 링크 뿐 아니라,
콘텐츠 본문에서 해당 링크를 눌렀을 때도 링크 클릭 카운트가 적용되도록 하였습니다.

기능에 대한 자세한 설명은 다음 영상으로 대신하겠습니다.


인트로 페이지 서비스에 사용을 원하시는 분은
http://intropage.net 을 통해 이메일을 남겨주세요.
새로운 소식들을 전달해드립니다.

신고
Trackback 0 and Comment 0

2015년 처음으로 개발된 기능은 공지 팝업입니다.

월초에 진행했던 외부 미팅에서, 현재 사용하고 있는 홈페이지를 관리하다보면 공지를 바로 띄워야 하는데, 개발사에 연락을 하면 바로 처리해주지 못하거나 매번 비용을 청구해 부담이 된다는 이야길 들었습니다.


개발자의 입장에서 보면, 다른 프로젝트를 진행하고 있을 경우 진행하던 일정들을 처리한 후 진행해야 하기에 즉시 처리하기에 어려운 부분이 있습니다.

이 대화를 마무리할 즈음, 아 실제 팝업 기능이 필요한 순간들이 있는데, 이 부분도 필요시 사용자가 직접 입력할 수 있는 환경이 필요할 것이란 생각이 들어 공지 팝업 기능을 만들게 되었습니다.

공지 팝업의 사용방법은 다음의 영상을 통해 확인하실 수 있습니다.

인트로 페이지 서비스에 사용을 원하시는 분은
http://intropage.net 을 통해 이메일을 남겨주세요.
새로운 소식들을 전달해드립니다.

신고
Trackback 0 and Comment 0

최근 Live update라는 기능을 추가하였습니다.

얼마전 온라인 생중계 이벤트를 진행하고 나서 필요하다고 느낀 기능입니다.

기능에 대해 간략히 소개하자면, 기존에 사이트를 방문중인 사용자가 있을 경우, 관리자가 사이트 콘텐츠를 수정하여도 사용자는 새로고침을 하지 않는 이상 변경된 콘텐츠를 확인할 수 없었습니다. 실시간 중계 사이트의 경우 스트리밍 영상을 시청하고 있기 때문에, 하단에 변경된 콘텐츠가 있다고 하여도 새로고침을 하기에는 어려운 환경이며, 영상을 보면서도 업데이트 된 이벤트의 주요 정보를 함께 보고 싶은 니즈가 존재합니다.

이에, 새로고침 없이도 변경된 콘텐츠를 바로 확인할 수 있는 기능의 필요성을 느꼈고, 다음과 같은 형태로 기능을 개발하였습니다.

.
Live Update의 경우 업데이트 기록을 디비에서 계속 호출하는 방법이 아닌, 서버 상에 문서 파일 형태로 기록하고, 해당 문서의 변경 내용을 파악하여 동작을 실행시키도록 함으로써 DB의 부담을 최소화 하긴 하였지만 모든 페이지에서 지속적으로 실행시키는 것은 서버 운영비에 영향을 줄 것으로 예측되어, My page에서 live update를 원하는 페이지를 선택하면 일정 시간 동안 live update가 실행되는 형태로 제작하였습니다.

기능의 사용방법은 다음 영상을 통해 확인하실 수 있습니다.



인트로 페이지의 새로운 정보를 듣고 싶으신 분은
http://intropage.net 에 이메일 주소를 등록해주세요.
오픈 소식을 전해드립니다.

감사합니다.


신고
Trackback 0 and Comment 0

이번 글에서는 DashBoard의 기능들에 대한 소개글을 담아보고자 합니다.

인트로페이지를 생성하고 나면, 왼쪽 메뉴의 My pages 에서 생성된 인트로 페이지들의 정보를 확인할 수 있으며, 각 페이지마다 Dashboard가 있음을 확인하실 수 있습니다.


인트로 페이지의 개발을 진행하며 중점을 둔 곳 중 하나가 DashBoard 영역입니다.

사용자의 프로젝트가 성공적으로 진행될 수 있도록 도울 수 있는 방법이 무엇일지에 대한 고민이었고, 이는 만들기만 쉽게 하는 것이 아닌, 만든 후에 페이지 관리를 하는 데 있어서 필요한 분석 정보를 제공하는 것이 중요하다고 생각했습니다.

이에 시범 페이지들을 운영하며, 도움이 될 정보들을 파악하여, DashBoard에 하나 하나 추가하였습니다.

먼저 가장 기본적으로 소셜 미디어 채널별 확산 횟수와 디바이스별 접근 정보, 주간 방문자/시간대별 방문자 정보 및 주요 이벤트 날짜에 대한 이슈 기록 기능을 구성하였습니다.


또한 인트로 페이지를 통해 문의한 사용자의 문의 내용을 확인할 수 있는 기능, 추가했던 연관된 온라인 정보 링크 클릭 횟수, 유입 경로 분석을 제공하여 실제 어떤 페이지들을 통해 유입되고 있는지, 그리고 우리 페이지에 들어온 사용자의 다음 행동은 어떤 것인지에 대해서도 확인할 수 있게 하였고, 이러한 자료에 기반하여 콘텐츠 개선 방향을 도출할 수 있게 하였습니다.

또한 실제 방문자 중 콘텐츠를 읽는 사용자의 비중이 얼마나 되는지 파악할 수 있는 자료를 제공하여 줌으로써 내가 전달하려는 내용이 방문자에게 잘 전달되고 있는지, 개선이 필요한 지 파악할 수 있는 자료를 제공하고 있습니다.


Dashboard는 시스템 상에서 제공할 수 있는 분석자료를 제공함으로써 사용자가 페이지를 관리하는 데 있어 방향을 설정하는 길라잡이 역할을 하는 데 도움을 주는 기능들을 앞으로도 지속적으로 발굴해 추가해 나갈 계획입니다.

인트로 페이지 서비스의 오픈 소식 및 새로운 소식에 대해 궁금하신 분은
http://intropage.net 을 통해 이메일을 등록해주세요.


감사합니다. 




신고
Trackback 0 and Comment 0

보호되어 있는 글입니다.
내용을 보시려면 비밀번호를 입력하세요.

인트로 페이지는 싱글페이지 기반 홈페이지를 제공합니다.

인트로 페이지는 한번에 한가지 주제에 대해 스토리텔링 형태로 효과적으로 방문자에게 전하고자 하는 이야기를 전달할 수 있다는 장점이 있습니다.

이러한 특징을 통해 프로젝트의 에필로그, 진행과정, 진행결과를 개별 페이지로 만들어 방문자에게 몰입감있는 콘텐츠를 제공할 수 있습니다.

이러한 인트로 페이지의 맛을 더욱 살려주기 위해 제작된 시리즈-글타래 기능!

연재성 글이 있을 경우 글의 주제를 설정하고, 원하는 순서대로 인트로 페이지를 추가하면, 각 연결된 인트로 페이지의 하단에 관련 시리즈 정보가 출력되는 기능을 만들었습니다.


같은 주제에 대해 각각의 구성원이 페이지를 생성하는 경우 또한 고려하였습니다. 시리즈를 생성한 후, 공동 저자를 추가하면, 각각의 공동 저자는 자신이 활성화 시킨 인트로 페이지 정보를 시리즈에 추가할 수 있습니다.


시리즈는 활성화 된 페이지의 하단에 다음과 같은 형태로 노출됩니다.


인트로 페이지 서비스가 궁금하신 분은 아래 주소를 통해 메일 주소를 남겨주세요.
오픈 소식을 알려드립니다.

http://intropage.net



신고
Trackback 0 and Comment 0