intropage blog

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

Article Category

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

Recent Comment

Recent Trackback

Calendar

«   2019/06   »
            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

  • Total4,467
  • Today0
  • Yesterday1
  1. 2014.12.26
    [CSS class] bg_img 추가
  2. 2014.12.19
    [기능 소개]live Update
  3. 2014.12.16
    [기능 소개] DashBoard
  4. 2014.12.16
    [기능소개] 멀티 뷰 모드 지원
  5. 2014.12.16
    [기능 추가] 분석 정보 엑셀 파일로 다운로드하기
  6. 2014.12.15
    [기능 소개] 시리즈
  7. 2014.12.15
    [기능 소개] 팀만들기

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

최근 live update 기능을 구현한 후, 생긴 하나의 문제가 있었습니다.
그것은 바로, 백그라운드로 처리하는 이미지에 대한 부분인데요,

기존의 방법은 해당 기능을 지원하는 템플릿을 사용할 경우,
콘텐츠 영역에 입력된 이미지 파일 중 첫번째 이미지 파일을 배경으로 사용할 이미지로 인식하고 실제 인트로페이지에서는 출력이 안되도록 Javascript로 변경하는 형태로 개발하였습니다. 그리고 페이지가 로드 될때, 이 기능이 실행되도록 하였었는데요.

live update의 경우 변경된 콘텐츠 부분을 변경하는 형태를 띄기 때문에, 콘텐츠를 변경했을 경우, 배경으로 삽입했던 이미지 또한 그대로 사용자에게 보여지게 되는 문제가 존재하였습니다.

이에 대한 해결책으로, 배경이미지용 파일을 업로드 했을 경우, html보기로 해당 파일의 코드에 class='bg_img'를 추가하도록 하는 형태로 변경하였습니다. 이에 대한 코드 속성은 style.css에 기본으로 내장되어 있게 하였는데, 이를 통해 website mode, presentation mode, print mode 에서 배경 이미지는 노출이 안되도록 변경하였습니다.

비 개발자 입장에서는 조금 어려울 수 있는 부분이긴 한데,
아래의 영상을 따라 하면, 어렵지 않게 따라 할 수 있으실 것입니다.


배경 이미지로 삽입한 이미지의 소스 코드 뒤에는

Class='bg_img'를 붙여주세요. 


intropage의 소식이 궁금하신 분은

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

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

인트로 페이지에 새로운 기능이 추가되었어요.
분석툴을 사용하시는 분들이라면 익숙할 수 있는 분석 자료를 액셀 파일로 다운로드 하는 기능이 최근에 추가되었습니다.

현재 인트로 페이지를 활성화 한, DashBoard를 통해 다양한 분석 자료를 제공하고 있는데요. 이 자료를 통해 추가 분석을 시행하거나, 내부 양식에 맞춰 편집이 필요할 경우 액셀 파일로 다운로드 하는 기능을 활용하시면 쉽게 원하는 형태로 편집하실 수 있습니다.

인트로 페이지의 오픈 소식이 궁금하신 분은 아래 주소로 이동 후, 이메일을 등록해주세요. :)

http://intropage.net 



Trackback 0 and Comment 0

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

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

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

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

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


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


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


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

http://intropage.net



Trackback 0 and Comment 0

intropage에서는 Team 정보를 콘텐츠와는 별도로 만들 수 있도록 구성되어 있습니다.

인트로 페이지는 싱글페이지 기반 홈페이지를 제공하는데, 이러한 특징은 기관/팀을 부각시키기보다는 활동 정보, 경험 등을 중심으로 보다 세밀한 정보를 입력하고, 사이트로 제작하게 하는 것이 방문자로 하여금 콘텐츠에 대한 집중력을 높인다고 생각하기 때문입니다.

이를 위해 팀 정보를 팀 기능을 통해 만들고, 연관된 페이지의 활성화 단계에서 연관된 팀을 검색을 통해 연결할 수 있는 기능을 제공합니다.

로그인 후, 오른쪽 화면에서 Team info를 선택한 후, 오른쪽 화면에서 팀 추가하기를 누르면 하단에 팀명 검색창이 나타납니다. 이곳에 원하는 팀명을 입력후 검색 버튼을 누르면, 해당 팀명이 있으면 기존 생성된 팀 정보를 확인할 수 있는 링크가 나오며, 없을 경우 팀 만들기 버튼을 클릭합니다.

이후 출력된 모달창에서 팀의 활동분야와 소개글을 입력하면, 팀 페이지가 생성됩니다.

팀 정보가 정상적으로 저장되었다면, Team info 메뉴에서 생성된 팀정보를 확인할 수 있으며, 팀명을 클릭하면 세부 팀 정보를 확인할 수 있는 페이지로 이동합니다.

이 곳에서 인트로페이지에 가입한 사용자를 팀원으로 추가할 수 있으며,
팀과 연관된 프로젝트의 페이지 활성화 단계에서 연관된 팀에 새롭게 생성한 팀의 정보를 입력하면, 추가할 수 있습니다.



Trackback 0 and Comment 0